@webx-ui/module-auth 0.6.3 → 0.7.2

package/dist/index.js

@@ -1,27 +1,27 @@
-import { inject as te, defineComponent as R, computed as P, ref as g, useTemplateRef as oe, onBeforeUnmount as ze, resolveComponent as B, openBlock as L, createBlock as S, withCtx as l, createVNode as t, withModifiers as Be, createCommentVNode as T, createElementVNode as N, createTextVNode as F, toDisplayString as $, watch as Z, unref as e, isRef as se, createElementBlock as O, resolveDynamicComponent as ge, createSlots as ne, Fragment as le, renderList as _e, h as xe, normalizeClass as Te } from "vue";
-import { useTranslate as I, HttpError as Me, useAdmin as q, useI18n as ke, useErrorText as re, WxDate as Ne, WxRowMenu as he, WxListScreen as Ee } from "@webx-ui/module-admin";
-import { useModal as ie, WxDialog as ue, WxFormItem as M, WxInput as E, WxSelect as X, WxSpace as Y, WxCheckbox as be, WxText as de, WxButton as D, toast as j, WxTable as Oe, WxBadge as ae, WxAvatar as De, createModal as ce, confirm as Re } from "@webx-ui/core";
-const Ve = /* @__PURE__ */ Symbol("webx-auth");
-function me() {
-  const a = te(Ve, null);
+import { inject as ue, defineComponent as j, computed as P, ref as V, useTemplateRef as ne, onBeforeUnmount as Be, resolveComponent as T, openBlock as x, createBlock as F, withCtx as t, createVNode as l, withModifiers as Te, createCommentVNode as M, createElementVNode as O, createTextVNode as $, toDisplayString as C, watch as re, unref as e, isRef as ce, createElementBlock as R, resolveDynamicComponent as Ve, createSlots as Ae, Fragment as oe, renderList as de, h as Ce, normalizeClass as Me } from "vue";
+import { useTranslate as D, HttpError as Ee, useAdmin as X, useI18n as $e, useErrorText as ve, rowMenuWidth as Ne, WxDate as Oe, WxRowMenu as ge, WxFilterChips as Re, WxListScreen as De } from "@webx-ui/module-admin";
+import { useModal as me, WxDialog as pe, WxFormItem as N, WxInput as K, WxSelect as se, WxSpace as ee, WxCheckbox as _e, WxText as fe, WxButton as Y, toast as Q, useElementWidth as Ie, WxTable as Ke, WxEntityCard as Ye, WxBadge as J, WxAvatar as je, WxIcon as qe, createModal as he, confirm as He } from "@webx-ui/core";
+const Le = /* @__PURE__ */ Symbol("webx-auth");
+function we() {
+  const a = ue(Le, null);
   if (a === null)
     throw new Error("useAuth() was called outside a panel that installed the auth plugin.");
   return a;
 }
-function Ie(a) {
-  const i = `${a.apiPath}/auth`;
+function Ge(a) {
+  const r = `${a.apiPath}/auth`;
   return {
     async me() {
       try {
-        return (await a.http.get(`${i}/me`)).data;
+        return (await a.http.get(`${r}/me`)).data;
       } catch (s) {
-        if (Ye(s))
+        if (Qe(s))
           return null;
         throw s;
       }
     },
     async login(s) {
-      const o = await a.http.post(`${i}/login`, {
+      const o = await a.http.post(`${r}/login`, {
         email: s.email,
         password: s.password,
         remember: s.remember ?? !1
@@ -29,33 +29,33 @@ function Ie(a) {
       return a.setUser(o.data), await a.reload(), o.data;
     },
     async setLocale(s) {
-      const o = await a.http.put(`${i}/locale`, { locale: s });
+      const o = await a.http.put(`${r}/locale`, { locale: s });
       a.setUser(o.data), await a.setLocale(s);
     },
     async updateProfile(s) {
       const o = await a.http.put(
-        `${i}/me`,
+        `${r}/me`,
         s
       );
       return a.setUser(o.data), o.data;
     },
     async logout() {
       try {
-        await a.http.post(`${i}/logout`);
+        await a.http.post(`${r}/logout`);
       } finally {
         a.setUser(null), a.state.status = "unauthenticated", a.state.manifest = null;
       }
     }
   };
 }
-const Ae = /* @__PURE__ */ Symbol("webx-auth-avatar"), Le = /* @__PURE__ */ Symbol("webx-auth-avatar-field");
-function Ke(a, i, s = null, o = null) {
-  a.provide(Ve, i), a.provide(Ae, s), a.provide(Le, o);
+const Ue = /* @__PURE__ */ Symbol("webx-auth-avatar"), Fe = /* @__PURE__ */ Symbol("webx-auth-avatar-field");
+function Je(a, r, s = null, o = null) {
+  a.provide(Le, r), a.provide(Ue, s), a.provide(Fe, o);
 }
-function Ye(a) {
+function Qe(a) {
   return typeof a == "object" && a !== null && "status" in a && a.status === 401;
 }
-const je = ["title", "aria-label", "aria-pressed"], qe = /* @__PURE__ */ R({
+const Xe = ["title", "aria-label", "aria-pressed"], Ze = /* @__PURE__ */ j({
   __name: "LoginCard",
   props: {
     emailLabel: { default: void 0 },
@@ -70,171 +70,171 @@ const je = ["title", "aria-label", "aria-pressed"], qe = /* @__PURE__ */ R({
     autofocus: { type: Boolean, default: !0 }
   },
   emits: ["success"],
-  setup(a, { expose: i, emit: s }) {
-    const o = a, u = s, k = me(), m = I("webx-auth"), n = P(() => ({
-      email: o.emailLabel ?? m("card.email"),
-      password: o.passwordLabel ?? m("card.password"),
-      remember: o.rememberLabel ?? m("card.remember"),
-      submit: o.submitLabel ?? m("card.submit"),
-      capsLock: o.capsLockWarning ?? m("card.caps-lock"),
-      reveal: o.revealLabel ?? m("card.reveal"),
-      hide: o.hideLabel ?? m("card.hide")
-    })), p = g(""), C = g(""), V = g(!1), d = g(!1), w = g(!1), r = g(!1), b = g(""), _ = g({}), f = g(0), U = oe("emailField");
-    let W = null;
-    ze(H);
-    const z = P(() => f.value > 0), h = P(
-      () => o.throttleMessage === void 0 ? m("card.throttled", { seconds: f.value }) : o.throttleMessage.replace(":seconds", String(f.value))
+  setup(a, { expose: r, emit: s }) {
+    const o = a, i = s, A = we(), f = D("webx-auth"), v = P(() => ({
+      email: o.emailLabel ?? f("card.email"),
+      password: o.passwordLabel ?? f("card.password"),
+      remember: o.rememberLabel ?? f("card.remember"),
+      submit: o.submitLabel ?? f("card.submit"),
+      capsLock: o.capsLockWarning ?? f("card.caps-lock"),
+      reveal: o.revealLabel ?? f("card.reveal"),
+      hide: o.hideLabel ?? f("card.hide")
+    })), h = V(""), S = V(""), n = V(!1), m = V(!1), g = V(!1), u = V(!1), w = V(""), b = V({}), d = V(0), L = ne("emailField");
+    let U = null;
+    Be(Z);
+    const B = P(() => d.value > 0), y = P(
+      () => o.throttleMessage === void 0 ? f("card.throttled", { seconds: d.value }) : o.throttleMessage.replace(":seconds", String(d.value))
     );
-    async function c() {
-      if (!(d.value || z.value)) {
-        d.value = !0, b.value = "", _.value = {};
+    async function p() {
+      if (!(m.value || B.value)) {
+        m.value = !0, w.value = "", b.value = {};
         try {
-          await k.login({
-            email: p.value,
-            password: C.value,
-            remember: V.value
-          }), C.value = "", u("success");
-        } catch (y) {
-          x(y);
+          await A.login({
+            email: h.value,
+            password: S.value,
+            remember: n.value
+          }), S.value = "", i("success");
+        } catch (W) {
+          k(W);
         } finally {
-          d.value = !1;
+          m.value = !1;
         }
       }
     }
-    function x(y) {
-      if (!(y instanceof Me)) {
-        b.value = y instanceof Error ? y.message : String(y);
+    function k(W) {
+      if (!(W instanceof Ee)) {
+        w.value = W instanceof Error ? W.message : String(W);
         return;
       }
-      if (y.isValidation) {
-        _.value = y.errors;
+      if (W.isValidation) {
+        b.value = W.errors;
         return;
       }
-      if (y.isThrottled) {
-        Q(y.retryAfter ?? 60);
+      if (W.isThrottled) {
+        ie(W.retryAfter ?? 60);
         return;
       }
-      b.value = y.message;
+      w.value = W.message;
     }
-    function Q(y) {
-      H(), f.value = y, W = setInterval(() => {
-        f.value -= 1, f.value <= 0 && H();
+    function ie(W) {
+      Z(), d.value = W, U = setInterval(() => {
+        d.value -= 1, d.value <= 0 && Z();
       }, 1e3);
     }
-    function H() {
-      W !== null && (clearInterval(W), W = null), f.value = 0;
+    function Z() {
+      U !== null && (clearInterval(U), U = null), d.value = 0;
     }
-    function A(y) {
-      r.value = y.getModifierState("CapsLock");
+    function q(W) {
+      u.value = W.getModifierState("CapsLock");
     }
-    return i({ focus: () => U.value?.focus() }), (y, v) => {
-      const G = B("wx-alert"), ee = B("wx-icon"), fe = B("wx-input"), we = B("wx-form-item"), Fe = B("wx-checkbox"), Se = B("wx-button"), We = B("wx-form"), Pe = B("wx-card");
-      return L(), S(Pe, {
+    return r({ focus: () => L.value?.focus() }), (W, E) => {
+      const te = T("wx-alert"), H = T("wx-icon"), le = T("wx-input"), _ = T("wx-form-item"), z = T("wx-checkbox"), c = T("wx-button"), I = T("wx-form"), Pe = T("wx-card");
+      return x(), F(Pe, {
         class: "wx-login",
         padding: 24
       }, {
-        default: l(() => [
-          t(We, {
-            errors: _.value,
-            disabled: d.value,
+        default: t(() => [
+          l(I, {
+            errors: b.value,
+            disabled: m.value,
             gap: "md",
-            onSubmit: Be(c, ["prevent"])
+            onSubmit: Te(p, ["prevent"])
           }, {
-            default: l(() => [
-              b.value !== "" ? (L(), S(G, {
+            default: t(() => [
+              w.value !== "" ? (x(), F(te, {
                 key: 0,
                 type: "danger",
                 variant: "soft",
                 live: "",
-                description: b.value,
+                description: w.value,
                 class: "wx-login__message"
-              }, null, 8, ["description"])) : z.value ? (L(), S(G, {
+              }, null, 8, ["description"])) : B.value ? (x(), F(te, {
                 key: 1,
                 type: "warning",
                 variant: "soft",
                 live: "",
-                description: h.value,
+                description: y.value,
                 class: "wx-login__message"
-              }, null, 8, ["description"])) : T("", !0),
-              t(we, { name: "email" }, {
-                default: l(() => [
-                  t(fe, {
+              }, null, 8, ["description"])) : M("", !0),
+              l(_, { name: "email" }, {
+                default: t(() => [
+                  l(le, {
                     ref_key: "emailField",
-                    ref: U,
-                    modelValue: p.value,
-                    "onUpdate:modelValue": v[0] || (v[0] = (K) => p.value = K),
+                    ref: L,
+                    modelValue: h.value,
+                    "onUpdate:modelValue": E[0] || (E[0] = (G) => h.value = G),
                     type: "email",
-                    placeholder: n.value.email,
-                    "aria-label": n.value.email,
+                    placeholder: v.value.email,
+                    "aria-label": v.value.email,
                     autocomplete: "username",
                     autofocus: a.autofocus,
                     inputmode: "email",
                     size: "lg"
                   }, {
-                    prefix: l(() => [
-                      t(ee, { name: "mail" })
+                    prefix: t(() => [
+                      l(H, { name: "mail" })
                     ]),
                     _: 1
                   }, 8, ["modelValue", "placeholder", "aria-label", "autofocus"])
                 ]),
                 _: 1
               }),
-              t(we, {
+              l(_, {
                 name: "password",
-                help: r.value ? n.value.capsLock : void 0
+                help: u.value ? v.value.capsLock : void 0
               }, {
-                default: l(() => [
-                  t(fe, {
-                    modelValue: C.value,
-                    "onUpdate:modelValue": v[2] || (v[2] = (K) => C.value = K),
-                    type: w.value ? "text" : "password",
-                    placeholder: n.value.password,
-                    "aria-label": n.value.password,
+                default: t(() => [
+                  l(le, {
+                    modelValue: S.value,
+                    "onUpdate:modelValue": E[2] || (E[2] = (G) => S.value = G),
+                    type: g.value ? "text" : "password",
+                    placeholder: v.value.password,
+                    "aria-label": v.value.password,
                     autocomplete: "current-password",
                     size: "lg",
-                    onKeydown: A,
-                    onKeyup: A
+                    onKeydown: q,
+                    onKeyup: q
                   }, {
-                    prefix: l(() => [
-                      t(ee, { name: "lock" })
+                    prefix: t(() => [
+                      l(H, { name: "lock" })
                     ]),
-                    suffix: l(() => [
-                      N("button", {
+                    suffix: t(() => [
+                      O("button", {
                         type: "button",
                         class: "wx-login__reveal",
-                        title: w.value ? n.value.hide : n.value.reveal,
-                        "aria-label": w.value ? n.value.hide : n.value.reveal,
-                        "aria-pressed": w.value,
+                        title: g.value ? v.value.hide : v.value.reveal,
+                        "aria-label": g.value ? v.value.hide : v.value.reveal,
+                        "aria-pressed": g.value,
                         tabindex: "-1",
-                        onClick: v[1] || (v[1] = (K) => w.value = !w.value)
+                        onClick: E[1] || (E[1] = (G) => g.value = !g.value)
                       }, [
-                        t(ee, {
-                          name: w.value ? "eye-off" : "eye"
+                        l(H, {
+                          name: g.value ? "eye-off" : "eye"
                         }, null, 8, ["name"])
-                      ], 8, je)
+                      ], 8, Xe)
                     ]),
                     _: 1
                   }, 8, ["modelValue", "type", "placeholder", "aria-label"])
                 ]),
                 _: 1
               }, 8, ["help"]),
-              a.remember ? (L(), S(Fe, {
+              a.remember ? (x(), F(z, {
                 key: 2,
-                modelValue: V.value,
-                "onUpdate:modelValue": v[3] || (v[3] = (K) => V.value = K),
-                label: n.value.remember,
+                modelValue: n.value,
+                "onUpdate:modelValue": E[3] || (E[3] = (G) => n.value = G),
+                label: v.value.remember,
                 class: "wx-login__remember"
-              }, null, 8, ["modelValue", "label"])) : T("", !0),
-              t(Se, {
+              }, null, 8, ["modelValue", "label"])) : M("", !0),
+              l(c, {
                 type: "primary",
                 "native-type": "submit",
                 size: "lg",
                 block: "",
-                loading: d.value,
-                disabled: z.value
+                loading: m.value,
+                disabled: B.value
               }, {
-                default: l(() => [
-                  F($(n.value.submit), 1)
+                default: t(() => [
+                  $(C(v.value.submit), 1)
                 ]),
                 _: 1
               }, 8, ["loading", "disabled"])
@@ -246,12 +246,12 @@ const je = ["title", "aria-label", "aria-pressed"], qe = /* @__PURE__ */ R({
       });
     };
   }
-}), ve = (a, i) => {
+}), be = (a, r) => {
   const s = a.__vccOpts || a;
-  for (const [o, u] of i)
-    s[o] = u;
+  for (const [o, i] of r)
+    s[o] = i;
   return s;
-}, He = /* @__PURE__ */ ve(qe, [["__scopeId", "data-v-3c206e31"]]), $e = {
+}, ea = /* @__PURE__ */ be(Ze, [["__scopeId", "data-v-3c206e31"]]), Se = {
   card: {
     email: "Email",
     password: "Password",
@@ -265,6 +265,8 @@ const je = ["title", "aria-label", "aria-pressed"], qe = /* @__PURE__ */ R({
   },
   admins: {
     title: "Administrators",
+    "filter-role": "Role",
+    "filter-state": "State",
     search: "Search administrators",
     new: "New administrator",
     edit: "Edit administrator",
@@ -329,10 +331,10 @@ const je = ["title", "aria-label", "aria-pressed"], qe = /* @__PURE__ */ R({
     language: "Interface language"
   }
 };
-function pe(a) {
-  const i = `${a.apiPath}/auth`, s = (o) => o.data;
+function ye(a) {
+  const r = `${a.apiPath}/auth`, s = (o) => o.data;
   return {
-    list: (o = {}) => a.http.get(`${i}/admins`, {
+    list: (o = {}) => a.http.get(`${r}/admins`, {
       query: {
         q: o.q || void 0,
         role: o.role ?? void 0,
@@ -341,35 +343,35 @@ function pe(a) {
         page: o.page,
         per_page: o.per_page
       }
-    }).then((u) => ({ ...u.meta, data: u.data })),
-    get: (o) => a.http.get(`${i}/admins/${o}`).then(s),
-    create: (o) => a.http.post(`${i}/admins`, o).then(s),
-    update: (o, u) => a.http.patch(`${i}/admins/${o}`, u).then(s),
-    remove: (o) => a.http.delete(`${i}/admins/${o}`),
-    roles: () => a.http.get(`${i}/roles`).then(s)
+    }).then((i) => ({ ...i.meta, data: i.data })),
+    get: (o) => a.http.get(`${r}/admins/${o}`).then(s),
+    create: (o) => a.http.post(`${r}/admins`, o).then(s),
+    update: (o, i) => a.http.patch(`${r}/admins/${o}`, i).then(s),
+    remove: (o) => a.http.delete(`${r}/admins/${o}`),
+    roles: () => a.http.get(`${r}/roles`).then(s)
   };
 }
-const ye = /* @__PURE__ */ new WeakSet();
-function J() {
+const xe = /* @__PURE__ */ new WeakSet();
+function ae() {
   try {
-    const { i18n: a } = q();
-    ye.has(a) || (a.defaults("webx-auth", $e), ye.add(a));
+    const { i18n: a } = X();
+    xe.has(a) || (a.defaults("webx-auth", Se), xe.add(a));
   } catch {
   }
 }
-const Ge = { class: "wx-admin-form" }, Je = { class: "wx-admin-form__grid" }, Qe = {
+const aa = { class: "wx-admin-form" }, ta = { class: "wx-admin-form__grid" }, la = {
   key: 0,
   class: "wx-admin-form__aside"
-}, Xe = { class: "wx-admin-form__fields" }, Ze = /* @__PURE__ */ R({
+}, oa = { class: "wx-admin-form__fields" }, sa = /* @__PURE__ */ j({
   __name: "AdminDialog",
   props: {
     admin: { default: null },
     avatarField: { default: void 0 }
   },
   setup(a) {
-    const i = a, { resolve: s, dismiss: o, open: u } = ie(), k = q(), m = pe(k), n = ke();
-    J();
-    const p = I("webx-auth"), C = re(), V = g([]), d = g(!1), w = g({}), r = g({
+    const r = a, { resolve: s, dismiss: o, open: i } = me(), A = X(), f = ye(A), v = $e();
+    ae();
+    const h = D("webx-auth"), S = ve(), n = V([]), m = V(!1), g = V({}), u = V({
       name: "",
       email: "",
       password: "",
@@ -378,81 +380,81 @@ const Ge = { class: "wx-admin-form" }, Je = { class: "wx-admin-form__grid" }, Qe
       is_super: !1,
       locale: null,
       roles: []
-    }), b = P({
-      get: () => r.value.avatar ? { path: r.value.avatar } : null,
-      set: (h) => {
-        r.value.avatar = h?.path ?? null;
+    }), w = P({
+      get: () => u.value.avatar ? { path: u.value.avatar } : null,
+      set: (y) => {
+        u.value.avatar = y?.path ?? null;
       }
-    }), _ = P(() => i.admin !== null), f = P(() => V.value.map((h) => ({ value: h.id, label: h.name }))), U = P(() => [
-      { value: "auto", label: p("admins.locale-auto") },
-      ...n.state.panelLocales.map((h) => ({ value: h.code, label: h.nativeName }))
+    }), b = P(() => r.admin !== null), d = P(() => n.value.map((y) => ({ value: y.id, label: y.name }))), L = P(() => [
+      { value: "auto", label: h("admins.locale-auto") },
+      ...v.state.panelLocales.map((y) => ({ value: y.code, label: y.nativeName }))
     ]);
-    m.roles().then((h) => V.value = h), Z(
-      () => i.admin,
-      (h) => {
-        r.value = {
-          name: h?.name ?? "",
-          email: h?.email ?? "",
+    f.roles().then((y) => n.value = y), re(
+      () => r.admin,
+      (y) => {
+        u.value = {
+          name: y?.name ?? "",
+          email: y?.email ?? "",
           password: "",
-          avatar: h?.avatar ?? null,
-          is_active: h?.is_active ?? !0,
-          is_super: h?.is_super ?? !1,
-          locale: h?.locale ?? "auto",
-          roles: h?.roles.map((c) => c.id) ?? []
-        }, w.value = {};
+          avatar: y?.avatar ?? null,
+          is_active: y?.is_active ?? !0,
+          is_super: y?.is_super ?? !1,
+          locale: y?.locale ?? "auto",
+          roles: y?.roles.map((p) => p.id) ?? []
+        }, g.value = {};
       },
       { immediate: !0 }
     );
-    function W(h) {
-      return w.value[h]?.[0];
+    function U(y) {
+      return g.value[y]?.[0];
     }
-    async function z() {
-      d.value = !0, w.value = {};
-      const h = {
-        name: r.value.name,
-        email: r.value.email,
-        avatar: r.value.avatar,
-        is_active: r.value.is_active,
-        is_super: r.value.is_super,
-        locale: r.value.locale === "auto" ? null : r.value.locale,
-        roles: r.value.roles ?? []
+    async function B() {
+      m.value = !0, g.value = {};
+      const y = {
+        name: u.value.name,
+        email: u.value.email,
+        avatar: u.value.avatar,
+        is_active: u.value.is_active,
+        is_super: u.value.is_super,
+        locale: u.value.locale === "auto" ? null : u.value.locale,
+        roles: u.value.roles ?? []
       };
-      r.value.password && (h.password = r.value.password);
+      u.value.password && (y.password = u.value.password);
       try {
-        const c = i.admin ? await m.update(i.admin.id, h) : await m.create(h);
-        j.success(p(_.value ? "admins.updated" : "admins.created")), s(c);
-      } catch (c) {
-        const x = c.body;
-        x?.errors ? w.value = x.errors : j.danger(C(c));
+        const p = r.admin ? await f.update(r.admin.id, y) : await f.create(y);
+        Q.success(h(b.value ? "admins.updated" : "admins.created")), s(p);
+      } catch (p) {
+        const k = p.body;
+        k?.errors ? g.value = k.errors : Q.danger(S(p));
       } finally {
-        d.value = !1;
+        m.value = !1;
       }
     }
-    return (h, c) => (L(), S(e(ue), {
-      open: e(u),
-      "onUpdate:open": c[9] || (c[9] = (x) => se(u) ? u.value = x : null),
-      title: _.value ? e(p)("admins.edit-short") : e(p)("admins.new-short"),
+    return (y, p) => (x(), F(e(pe), {
+      open: e(i),
+      "onUpdate:open": p[9] || (p[9] = (k) => ce(i) ? i.value = k : null),
+      title: b.value ? e(h)("admins.edit-short") : e(h)("admins.new-short"),
       width: 720
     }, {
-      footer: l(() => [
-        t(e(Y), { size: "sm" }, {
-          default: l(() => [
-            t(e(D), {
+      footer: t(() => [
+        l(e(ee), { size: "sm" }, {
+          default: t(() => [
+            l(e(Y), {
               variant: "outline",
-              onClick: c[8] || (c[8] = (x) => e(o)())
+              onClick: p[8] || (p[8] = (k) => e(o)())
             }, {
-              default: l(() => [
-                F($(e(p)("admins.cancel")), 1)
+              default: t(() => [
+                $(C(e(h)("admins.cancel")), 1)
               ]),
               _: 1
             }),
-            t(e(D), {
+            l(e(Y), {
               type: "primary",
-              loading: d.value,
-              onClick: z
+              loading: m.value,
+              onClick: B
             }, {
-              default: l(() => [
-                F($(e(p)("admins.save")), 1)
+              default: t(() => [
+                $(C(e(h)("admins.save")), 1)
               ]),
               _: 1
             }, 8, ["loading"])
@@ -460,40 +462,40 @@ const Ge = { class: "wx-admin-form" }, Je = { class: "wx-admin-form__grid" }, Qe
           _: 1
         })
       ]),
-      default: l(() => [
-        N("div", Ge, [
-          N("div", Je, [
-            a.avatarField ? (L(), O("div", Qe, [
-              (L(), S(ge(a.avatarField), {
-                modelValue: b.value,
-                "onUpdate:modelValue": c[0] || (c[0] = (x) => b.value = x),
-                label: e(p)("admins.avatar"),
+      default: t(() => [
+        O("div", aa, [
+          O("div", ta, [
+            a.avatarField ? (x(), R("div", la, [
+              (x(), F(Ve(a.avatarField), {
+                modelValue: w.value,
+                "onUpdate:modelValue": p[0] || (p[0] = (k) => w.value = k),
+                label: e(h)("admins.avatar"),
                 aspect: "1/1",
                 captions: !1
               }, null, 8, ["modelValue", "label"]))
-            ])) : T("", !0),
-            N("div", Xe, [
-              t(e(M), {
-                label: e(p)("admins.name"),
-                error: W("name")
+            ])) : M("", !0),
+            O("div", oa, [
+              l(e(N), {
+                label: e(h)("admins.name"),
+                error: U("name")
               }, {
-                default: l(() => [
-                  t(e(E), {
-                    modelValue: r.value.name,
-                    "onUpdate:modelValue": c[1] || (c[1] = (x) => r.value.name = x),
+                default: t(() => [
+                  l(e(K), {
+                    modelValue: u.value.name,
+                    "onUpdate:modelValue": p[1] || (p[1] = (k) => u.value.name = k),
                     name: "name"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }, 8, ["label", "error"]),
-              t(e(M), {
-                label: e(p)("admins.email"),
-                error: W("email")
+              l(e(N), {
+                label: e(h)("admins.email"),
+                error: U("email")
               }, {
-                default: l(() => [
-                  t(e(E), {
-                    modelValue: r.value.email,
-                    "onUpdate:modelValue": c[2] || (c[2] = (x) => r.value.email = x),
+                default: t(() => [
+                  l(e(K), {
+                    modelValue: u.value.email,
+                    "onUpdate:modelValue": p[2] || (p[2] = (k) => u.value.email = k),
                     type: "email",
                     name: "email",
                     autocomplete: "off"
@@ -501,15 +503,15 @@ const Ge = { class: "wx-admin-form" }, Je = { class: "wx-admin-form__grid" }, Qe
                 ]),
                 _: 1
               }, 8, ["label", "error"]),
-              t(e(M), {
-                label: e(p)("admins.password"),
-                error: W("password"),
-                help: _.value ? e(p)("admins.password-keep") : e(p)("admins.password-hint")
+              l(e(N), {
+                label: e(h)("admins.password"),
+                error: U("password"),
+                help: b.value ? e(h)("admins.password-keep") : e(h)("admins.password-hint")
               }, {
-                default: l(() => [
-                  t(e(E), {
-                    modelValue: r.value.password,
-                    "onUpdate:modelValue": c[3] || (c[3] = (x) => r.value.password = x),
+                default: t(() => [
+                  l(e(K), {
+                    modelValue: u.value.password,
+                    "onUpdate:modelValue": p[3] || (p[3] = (k) => u.value.password = k),
                     type: "password",
                     name: "password",
                     autocomplete: "new-password"
@@ -517,53 +519,53 @@ const Ge = { class: "wx-admin-form" }, Je = { class: "wx-admin-form__grid" }, Qe
                 ]),
                 _: 1
               }, 8, ["label", "error", "help"]),
-              t(e(M), {
-                label: e(p)("admins.roles"),
-                error: W("roles")
+              l(e(N), {
+                label: e(h)("admins.roles"),
+                error: U("roles")
               }, {
-                default: l(() => [
-                  t(e(X), {
-                    modelValue: r.value.roles,
-                    "onUpdate:modelValue": c[4] || (c[4] = (x) => r.value.roles = x),
-                    options: f.value,
+                default: t(() => [
+                  l(e(se), {
+                    modelValue: u.value.roles,
+                    "onUpdate:modelValue": p[4] || (p[4] = (k) => u.value.roles = k),
+                    options: d.value,
                     multiple: ""
                   }, null, 8, ["modelValue", "options"])
                 ]),
                 _: 1
               }, 8, ["label", "error"]),
-              t(e(M), {
-                label: e(p)("admins.locale")
+              l(e(N), {
+                label: e(h)("admins.locale")
               }, {
-                default: l(() => [
-                  t(e(X), {
-                    modelValue: r.value.locale,
-                    "onUpdate:modelValue": c[5] || (c[5] = (x) => r.value.locale = x),
-                    options: U.value
+                default: t(() => [
+                  l(e(se), {
+                    modelValue: u.value.locale,
+                    "onUpdate:modelValue": p[5] || (p[5] = (k) => u.value.locale = k),
+                    options: L.value
                   }, null, 8, ["modelValue", "options"])
                 ]),
                 _: 1
               }, 8, ["label"]),
-              t(e(Y), { size: "md" }, {
-                default: l(() => [
-                  t(e(be), {
-                    modelValue: r.value.is_active,
-                    "onUpdate:modelValue": c[6] || (c[6] = (x) => r.value.is_active = x),
-                    label: e(p)("admins.active")
+              l(e(ee), { size: "md" }, {
+                default: t(() => [
+                  l(e(_e), {
+                    modelValue: u.value.is_active,
+                    "onUpdate:modelValue": p[6] || (p[6] = (k) => u.value.is_active = k),
+                    label: e(h)("admins.active")
                   }, null, 8, ["modelValue", "label"]),
-                  t(e(be), {
-                    modelValue: r.value.is_super,
-                    "onUpdate:modelValue": c[7] || (c[7] = (x) => r.value.is_super = x),
-                    label: e(p)("admins.super")
+                  l(e(_e), {
+                    modelValue: u.value.is_super,
+                    "onUpdate:modelValue": p[7] || (p[7] = (k) => u.value.is_super = k),
+                    label: e(h)("admins.super")
                   }, null, 8, ["modelValue", "label"])
                 ]),
                 _: 1
               }),
-              t(e(de), {
+              l(e(fe), {
                 size: "sm",
                 tone: "muted"
               }, {
-                default: l(() => [
-                  F($(e(p)("admins.super-hint")), 1)
+                default: t(() => [
+                  $(C(e(h)("admins.super-hint")), 1)
                 ]),
                 _: 1
               })
@@ -574,7 +576,7 @@ const Ge = { class: "wx-admin-form" }, Je = { class: "wx-admin-form__grid" }, Qe
       _: 1
     }, 8, ["open", "title"]));
   }
-}), ea = { class: "wx-admin-list" }, Ce = /* @__PURE__ */ R({
+}), ke = 480, We = /* @__PURE__ */ j({
   __name: "AdminList",
   props: {
     picking: { type: Boolean, default: !1 },
@@ -584,19 +586,34 @@ const Ge = { class: "wx-admin-form" }, Je = { class: "wx-admin-form__grid" }, Qe
     resolveAvatar: { type: Function, default: void 0 }
   },
   emits: ["open", "chosen", "selection", "remove"],
-  setup(a, { expose: i, emit: s }) {
-    const o = a, u = s, k = q(), m = pe(k);
-    J();
-    const n = I("webx-auth"), p = g(null), C = g([]), V = g(!1), d = g("all"), w = g("any"), r = g([]), b = g({});
-    let _ = { page: 1, perPage: 20, sort: null, search: "" };
-    const f = P(() => [
+  setup(a, { expose: r, emit: s }) {
+    const o = a, i = s, A = X(), f = ye(A);
+    ae();
+    const v = ne("root"), h = Ie(v), S = P(() => h.value > 0 && h.value < ke), n = D("webx-auth"), m = D("webx-admin"), g = V(null), u = V([]), w = V(!1), b = V("all"), d = V("any"), L = V([]), U = V({});
+    let B = { page: 1, perPage: 20, sort: null, search: "" };
+    const y = P(() => [
       { value: "all", label: n("admins.all-roles") },
-      ...C.value.map((A) => ({ value: A.slug, label: A.name }))
-    ]), U = P(() => [
+      ...u.value.map((_) => ({ value: _.slug, label: _.name }))
+    ]), p = P(() => [
       { value: "any", label: n("admins.any-state") },
       { value: "yes", label: n("admins.only-active") },
       { value: "no", label: n("admins.only-inactive") }
-    ]), W = P(() => [
+    ]), k = P(() => {
+      const _ = [], z = u.value.find((c) => c.slug === b.value);
+      return z && _.push({
+        key: "role",
+        label: `${n("admins.filter-role")}: ${z.name}`,
+        clear: () => b.value = "all"
+      }), d.value !== "any" && _.push({
+        key: "state",
+        label: `${n("admins.filter-state")}: ${d.value === "yes" ? n("admins.only-active") : n("admins.only-inactive")}`,
+        clear: () => d.value = "any"
+      }), _;
+    });
+    function ie() {
+      b.value = "all", d.value = "any";
+    }
+    const Z = P(() => S.value ? [{ key: "card", label: "" }] : [
       { key: "name", label: n("admins.name"), sortable: !0 },
       { key: "email", label: n("admins.email"), sortable: !0, hideBelow: 560 },
       { key: "roles", label: n("admins.roles"), hideBelow: 760 },
@@ -613,262 +630,339 @@ const Ge = { class: "wx-admin-form" }, Je = { class: "wx-admin-form__grid" }, Qe
       {
         key: "actions",
         label: "",
-        width: 56,
+        width: Ne,
         align: "right",
         hidden: !o.removable,
         // A card puts them along its top instead, through the `card-actions` slot.
         hideOnCards: !0
       }
     ]);
-    m.roles().then((A) => C.value = A), Z([d, w], () => z(_));
-    async function z(A) {
-      _ = A, V.value = !0;
+    f.roles().then((_) => u.value = _), re([b, d], () => q(B));
+    async function q(_) {
+      B = _, w.value = !0;
       try {
-        p.value = await m.list({
-          q: A.search,
-          role: d.value === "all" ? null : d.value,
-          active: w.value === "any" ? null : w.value,
-          sort: A.sort ? `${A.sort.order === "desc" ? "-" : ""}${A.sort.key}` : "name",
-          page: A.page,
-          per_page: A.perPage
-        }), h();
+        g.value = await f.list({
+          q: _.search,
+          role: b.value === "all" ? null : b.value,
+          active: d.value === "any" ? null : d.value,
+          sort: _.sort ? `${_.sort.order === "desc" ? "-" : ""}${_.sort.key}` : "name",
+          page: _.page,
+          per_page: _.perPage
+        }), W();
       } finally {
-        V.value = !1;
+        w.value = !1;
       }
     }
-    async function h() {
-      const A = o.resolveAvatar;
-      if (A)
-        for (const y of p.value?.data ?? []) {
-          if (!y.avatar || b.value[y.avatar]) continue;
-          const v = await A(y.avatar);
-          v && (b.value = { ...b.value, [y.avatar]: v });
+    async function W() {
+      const _ = o.resolveAvatar;
+      if (_)
+        for (const z of g.value?.data ?? []) {
+          if (!z.avatar || U.value[z.avatar]) continue;
+          const c = await _(z.avatar);
+          c && (U.value = { ...U.value, [z.avatar]: c });
         }
     }
-    function c(A) {
+    function E(_) {
       return [
         {
           key: "delete",
           icon: "trash",
           label: n("admins.delete"),
           danger: !0,
-          run: () => u("remove", A)
+          run: () => i("remove", _)
         }
       ];
     }
-    function x(A) {
+    function te(_) {
       if (o.picking) {
-        u("chosen", [A]);
+        i("chosen", [_]);
         return;
       }
-      u("open", A);
+      i("open", _);
     }
-    const Q = P(() => !(o.picking && o.multiple));
-    function H(A, y) {
-      r.value = y, u("selection", y);
+    const H = P(() => !(o.picking && o.multiple));
+    function le(_, z) {
+      L.value = z, i("selection", z);
     }
-    return i({ reload: () => z(_), chosen: () => r.value }), (A, y) => (L(), O("div", ea, [
-      t(e(Oe), {
-        data: p.value,
-        columns: W.value,
+    return r({ reload: () => q(B), chosen: () => L.value }), (_, z) => (x(), R("div", {
+      ref_key: "root",
+      ref: v,
+      class: "wx-admin-list"
+    }, [
+      l(e(Ke), {
+        data: g.value,
+        columns: Z.value,
         "row-key": "id",
         searchable: "",
-        clickable: Q.value,
-        hover: Q.value,
+        clickable: H.value,
+        hover: H.value,
         flush: "",
-        loading: V.value,
+        loading: w.value,
         "search-placeholder": e(n)("admins.search"),
         "empty-text": e(n)("admins.empty"),
         selectable: a.picking && a.multiple,
-        onRowClick: x,
-        onStateChange: z,
-        onSelectionChange: H
-      }, ne({
-        "cell-name": l(({ row: v }) => [
-          t(e(Y), {
+        "cards-below": ke,
+        "filters-count": k.value.length,
+        "filters-label": e(m)("filters.title"),
+        onRowClick: te,
+        onStateChange: q,
+        onSelectionChange: le
+      }, Ae({
+        "cell-name": t(({ row: c }) => [
+          l(e(ee), {
             size: "sm",
             align: "center"
           }, {
-            default: l(() => [
-              t(e(De), {
-                name: v.name,
-                src: v.avatar ? b.value[v.avatar] : void 0,
+            default: t(() => [
+              l(e(je), {
+                name: c.name,
+                src: c.avatar ? U.value[c.avatar] : void 0,
                 size: "sm"
               }, null, 8, ["name", "src"]),
-              N("span", null, $(v.name), 1),
-              v.is_super ? (L(), S(e(ae), {
+              O("span", null, C(c.name), 1),
+              c.is_super ? (x(), F(e(J), {
                 key: 0,
                 type: "warning"
               }, {
-                default: l(() => [
-                  F($(e(n)("admins.super")), 1)
+                default: t(() => [
+                  $(C(e(n)("admins.super")), 1)
                 ]),
                 _: 1
-              })) : T("", !0)
+              })) : M("", !0)
             ]),
             _: 2
           }, 1024)
         ]),
-        "cell-roles": l(({ row: v }) => [
-          v.roles.length > 0 ? (L(), S(e(Y), {
+        "cell-roles": t(({ row: c }) => [
+          c.roles.length > 0 ? (x(), F(e(ee), {
             key: 0,
             size: "xs",
             wrap: ""
           }, {
-            default: l(() => [
-              (L(!0), O(le, null, _e(v.roles, (G) => (L(), S(e(ae), {
-                key: G.id
+            default: t(() => [
+              (x(!0), R(oe, null, de(c.roles, (I) => (x(), F(e(J), {
+                key: I.id
               }, {
-                default: l(() => [
-                  F($(G.name), 1)
+                default: t(() => [
+                  $(C(I.name), 1)
                 ]),
                 _: 2
               }, 1024))), 128))
             ]),
             _: 2
-          }, 1024)) : (L(), S(e(de), {
+          }, 1024)) : (x(), F(e(fe), {
             key: 1,
             size: "sm",
             tone: "muted"
           }, {
-            default: l(() => [
-              F($(e(n)("admins.no-roles")), 1)
+            default: t(() => [
+              $(C(e(n)("admins.no-roles")), 1)
             ]),
             _: 1
           }))
         ]),
-        "cell-is_active": l(({ row: v }) => [
-          t(e(ae), {
-            type: v.is_active ? "success" : "default",
+        "cell-is_active": t(({ row: c }) => [
+          l(e(J), {
+            type: c.is_active ? "success" : "default",
             dot: ""
           }, {
-            default: l(() => [
-              F($(v.is_active ? e(n)("admins.active") : e(n)("admins.only-inactive")), 1)
+            default: t(() => [
+              $(C(c.is_active ? e(n)("admins.active") : e(n)("admins.only-inactive")), 1)
             ]),
             _: 2
           }, 1032, ["type"])
         ]),
-        "card-actions": l(({ row: v }) => [
-          a.removable ? (L(), S(e(he), {
+        "card-actions": t(({ row: c }) => [
+          a.removable ? (x(), F(e(ge), {
             key: 0,
-            actions: c(v),
-            label: v.name
-          }, null, 8, ["actions", "label"])) : T("", !0)
+            actions: E(c),
+            label: c.name
+          }, null, 8, ["actions", "label"])) : M("", !0)
         ]),
-        "cell-actions": l(({ row: v }) => [
-          t(e(he), {
-            actions: c(v),
-            label: v.name
+        "cell-actions": t(({ row: c }) => [
+          l(e(ge), {
+            actions: E(c),
+            label: c.name
           }, null, 8, ["actions", "label"])
         ]),
-        "cell-last_login_at": l(({ row: v }) => [
-          t(e(Ne), {
-            value: v.last_login_at,
-            tone: v.last_login_at ? "default" : "muted"
+        "cell-last_login_at": t(({ row: c }) => [
+          l(e(Oe), {
+            value: c.last_login_at,
+            tone: c.last_login_at ? "default" : "muted",
+            compact: ""
           }, null, 8, ["value", "tone"])
         ]),
+        "cell-card": t(({ row: c }) => [
+          l(e(Ye), {
+            variant: "plain",
+            shape: "circle",
+            title: c.name,
+            image: c.avatar ? U.value[c.avatar] : void 0,
+            subtitle: c.email
+          }, {
+            meta: t(() => [
+              c.is_super ? (x(), F(e(J), {
+                key: 0,
+                type: "warning",
+                size: "sm"
+              }, {
+                default: t(() => [
+                  $(C(e(n)("admins.super")), 1)
+                ]),
+                _: 1
+              })) : M("", !0),
+              (x(!0), R(oe, null, de(c.roles, (I) => (x(), F(e(J), {
+                key: I.id,
+                size: "sm"
+              }, {
+                default: t(() => [
+                  $(C(I.name), 1)
+                ]),
+                _: 2
+              }, 1024))), 128)),
+              l(e(J), {
+                type: c.is_active ? "success" : "default",
+                dot: "",
+                size: "sm"
+              }, {
+                default: t(() => [
+                  $(C(c.is_active ? e(n)("admins.active") : e(n)("admins.only-inactive")), 1)
+                ]),
+                _: 2
+              }, 1032, ["type"])
+            ]),
+            _: 2
+          }, 1032, ["title", "image", "subtitle"])
+        ]),
         _: 2
       }, [
         a.filters ? {
-          name: "actions",
-          fn: l(() => [
-            t(e(Y), { size: "sm" }, {
-              default: l(() => [
-                t(e(X), {
+          name: "filters",
+          fn: t(() => [
+            l(e(N), {
+              label: e(n)("admins.filter-role")
+            }, {
+              default: t(() => [
+                l(e(se), {
+                  modelValue: b.value,
+                  "onUpdate:modelValue": z[0] || (z[0] = (c) => b.value = c),
+                  options: y.value,
+                  size: "sm"
+                }, null, 8, ["modelValue", "options"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            l(e(N), {
+              label: e(n)("admins.filter-state")
+            }, {
+              default: t(() => [
+                l(e(se), {
                   modelValue: d.value,
-                  "onUpdate:modelValue": y[0] || (y[0] = (v) => d.value = v),
-                  options: f.value,
-                  size: "sm",
-                  style: { width: "180px" }
-                }, null, 8, ["modelValue", "options"]),
-                t(e(X), {
-                  modelValue: w.value,
-                  "onUpdate:modelValue": y[1] || (y[1] = (v) => w.value = v),
-                  options: U.value,
-                  size: "sm",
-                  style: { width: "180px" }
+                  "onUpdate:modelValue": z[1] || (z[1] = (c) => d.value = c),
+                  options: p.value,
+                  size: "sm"
                 }, null, 8, ["modelValue", "options"])
               ]),
               _: 1
-            })
+            }, 8, ["label"]),
+            k.value.length > 0 ? (x(), F(e(Y), {
+              key: 0,
+              variant: "text",
+              size: "sm",
+              block: "",
+              onClick: ie
+            }, {
+              icon: t(() => [
+                l(e(qe), { name: "close" })
+              ]),
+              default: t(() => [
+                $(" " + C(e(m)("filters.reset")), 1)
+              ]),
+              _: 1
+            })) : M("", !0)
           ]),
           key: "0"
+        } : void 0,
+        a.filters ? {
+          name: "applied",
+          fn: t(() => [
+            l(e(Re), { filters: k.value }, null, 8, ["filters"])
+          ]),
+          key: "1"
         } : void 0
-      ]), 1032, ["data", "columns", "clickable", "hover", "loading", "search-placeholder", "empty-text", "selectable"])
-    ]));
+      ]), 1032, ["data", "columns", "clickable", "hover", "loading", "search-placeholder", "empty-text", "selectable", "filters-count", "filters-label"])
+    ], 512));
   }
-}), aa = /* @__PURE__ */ R({
+}), na = /* @__PURE__ */ j({
   __name: "AdminsPage",
   props: {
     avatarField: { default: void 0 },
     resolveAvatar: { type: Function, default: void 0 }
   },
   setup(a) {
-    const i = a, s = q(), o = pe(s);
-    J();
-    const u = I("webx-auth"), k = re(), m = oe("list"), n = g(null), p = ce(Ze), C = s.can("admins.manage"), V = P(
-      () => s.state.manifest?.modules.find((r) => r.id === "admins")?.title ?? u("admins.title")
+    const r = a, s = X(), o = ye(s);
+    ae();
+    const i = D("webx-auth"), A = ve(), f = ne("list"), v = V(null), h = he(sa), S = s.can("admins.manage"), n = P(
+      () => s.state.manifest?.modules.find((w) => w.id === "admins")?.title ?? i("admins.title")
+    ), m = P(
+      () => S ? [
+        {
+          key: "new",
+          label: i("admins.new-short"),
+          icon: "plus",
+          primary: !0,
+          run: () => {
+            g(null);
+          }
+        }
+      ] : []
     );
-    async function d(r) {
-      n.value = r, await p({ admin: r, avatarField: i.avatarField }) && m.value?.reload();
+    async function g(w) {
+      v.value = w, await h({ admin: w, avatarField: r.avatarField }) && f.value?.reload();
     }
-    async function w(r) {
-      if (await Re({
-        title: u("admins.delete-title", { name: r.name }),
-        message: u("admins.delete-text"),
-        confirmText: u("admins.delete"),
-        cancelText: u("admins.cancel"),
+    async function u(w) {
+      if (await He({
+        title: i("admins.delete-title", { name: w.name }),
+        message: i("admins.delete-text"),
+        confirmText: i("admins.delete"),
+        cancelText: i("admins.cancel"),
         tone: "danger"
       }))
         try {
-          await o.remove(r.id), j.success(u("admins.deleted")), m.value?.reload();
-        } catch (_) {
-          j.danger(k(_));
+          await o.remove(w.id), Q.success(i("admins.deleted")), f.value?.reload();
+        } catch (d) {
+          Q.danger(A(d));
         }
     }
-    return (r, b) => (L(), S(e(Ee), { title: V.value }, ne({
-      default: l(() => [
-        t(Ce, {
+    return (w, b) => (x(), F(e(De), {
+      title: n.value,
+      actions: m.value
+    }, {
+      default: t(() => [
+        l(We, {
           ref_key: "list",
-          ref: m,
-          removable: e(C),
-          "resolve-avatar": i.resolveAvatar,
-          onOpen: d,
-          onRemove: w
+          ref: f,
+          removable: e(S),
+          "resolve-avatar": r.resolveAvatar,
+          onOpen: g,
+          onRemove: u
         }, null, 8, ["removable", "resolve-avatar"])
       ]),
-      _: 2
-    }, [
-      e(C) ? {
-        name: "actions",
-        fn: l(() => [
-          t(e(D), {
-            type: "primary",
-            icon: "add",
-            onClick: b[0] || (b[0] = (_) => d(null))
-          }, {
-            default: l(() => [
-              F($(e(u)("admins.new-short")), 1)
-            ]),
-            _: 1
-          })
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1032, ["title"]));
+      _: 1
+    }, 8, ["title", "actions"]));
   }
 });
-function fa(a = {}) {
-  const i = a.path ?? "/admins";
+function ga(a = {}) {
+  const r = a.path ?? "/admins";
   return {
     id: "admins",
-    path: i,
+    path: r,
     routes: [
       {
-        path: i,
+        path: r,
         name: "webx.admins",
         component: {
-          render: () => xe(aa, {
+          render: () => Ce(na, {
             avatarField: a.avatarField,
             resolveAvatar: a.resolveAvatar
           })
@@ -877,7 +971,7 @@ function fa(a = {}) {
     ]
   };
 }
-const ta = /* @__PURE__ */ R({
+const ra = /* @__PURE__ */ j({
   __name: "AdminPicker",
   props: {
     multiple: { type: Boolean, default: !1 },
@@ -885,67 +979,67 @@ const ta = /* @__PURE__ */ R({
     resolveAvatar: { type: Function, default: void 0 }
   },
   setup(a) {
-    const i = a, { open: s, resolve: o, dismiss: u } = ie();
-    J();
-    const k = I("webx-auth"), m = oe("list"), n = g(0);
-    function p(V) {
-      o(V);
+    const r = a, { open: s, resolve: o, dismiss: i } = me();
+    ae();
+    const A = D("webx-auth"), f = ne("list"), v = V(0);
+    function h(n) {
+      o(n);
     }
-    function C(V) {
-      n.value = V.length;
+    function S(n) {
+      v.value = n.length;
     }
-    return (V, d) => (L(), S(e(ue), {
+    return (n, m) => (x(), F(e(pe), {
       open: e(s),
-      "onUpdate:open": d[2] || (d[2] = (w) => se(s) ? s.value = w : null),
-      title: a.title ?? e(k)(a.multiple ? "admins.select-many" : "admins.select-one"),
+      "onUpdate:open": m[2] || (m[2] = (g) => ce(s) ? s.value = g : null),
+      title: a.title ?? e(A)(a.multiple ? "admins.select-many" : "admins.select-one"),
       width: 880
-    }, ne({
-      default: l(() => [
-        t(Ce, {
+    }, Ae({
+      default: t(() => [
+        l(We, {
           ref_key: "list",
-          ref: m,
+          ref: f,
           picking: "",
           multiple: a.multiple,
-          "resolve-avatar": i.resolveAvatar,
-          onChosen: p,
-          onSelection: C
+          "resolve-avatar": r.resolveAvatar,
+          onChosen: h,
+          onSelection: S
         }, null, 8, ["multiple", "resolve-avatar"])
       ]),
       _: 2
     }, [
       a.multiple ? {
         name: "footer",
-        fn: l(() => [
-          t(e(Y), {
+        fn: t(() => [
+          l(e(ee), {
             size: "sm",
             align: "center"
           }, {
-            default: l(() => [
-              t(e(de), {
+            default: t(() => [
+              l(e(fe), {
                 size: "sm",
                 tone: "muted"
               }, {
-                default: l(() => [
-                  F($(e(k)("admins.chosen", { count: n.value })), 1)
+                default: t(() => [
+                  $(C(e(A)("admins.chosen", { count: v.value })), 1)
                 ]),
                 _: 1
               }),
-              t(e(D), {
+              l(e(Y), {
                 variant: "outline",
-                onClick: d[0] || (d[0] = (w) => e(u)())
+                onClick: m[0] || (m[0] = (g) => e(i)())
               }, {
-                default: l(() => [
-                  F($(e(k)("admins.cancel")), 1)
+                default: t(() => [
+                  $(C(e(A)("admins.cancel")), 1)
                 ]),
                 _: 1
               }),
-              t(e(D), {
+              l(e(Y), {
                 type: "primary",
-                disabled: n.value === 0,
-                onClick: d[1] || (d[1] = (w) => e(o)(m.value?.chosen() ?? []))
+                disabled: v.value === 0,
+                onClick: m[1] || (m[1] = (g) => e(o)(f.value?.chosen() ?? []))
               }, {
-                default: l(() => [
-                  F($(e(k)("admins.save")), 1)
+                default: t(() => [
+                  $(C(e(A)("admins.save")), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -957,144 +1051,144 @@ const ta = /* @__PURE__ */ R({
       } : void 0
     ]), 1032, ["open", "title"]));
   }
-}), Ue = ce(ta);
-async function wa(a = {}) {
-  return (await Ue({ ...a, multiple: !1 }))?.[0];
+}), ze = he(ra);
+async function _a(a = {}) {
+  return (await ze({ ...a, multiple: !1 }))?.[0];
 }
-function ha(a = {}) {
-  return Ue({ ...a, multiple: !0 });
+function xa(a = {}) {
+  return ze({ ...a, multiple: !0 });
 }
-const la = { class: "wx-profile-host" }, oa = { class: "wx-profile" }, sa = {
+const ia = { class: "wx-profile-host" }, ua = { class: "wx-profile" }, da = {
   key: 0,
   class: "wx-profile__aside"
-}, na = { class: "wx-profile__fields" }, ra = /* @__PURE__ */ R({
+}, ca = { class: "wx-profile__fields" }, va = /* @__PURE__ */ j({
   __name: "ProfileDialog",
   props: {
     avatarField: { default: void 0 }
   },
   setup(a) {
-    const i = a, { resolve: s, dismiss: o, open: u } = ie(), k = q(), m = me();
-    J();
-    const n = I("webx-auth"), p = re(), C = g(!1), V = g({}), d = g({
-      name: k.state.user?.name ?? "",
-      avatar: k.state.user?.avatar ?? null,
+    const r = a, { resolve: s, dismiss: o, open: i } = me(), A = X(), f = we();
+    ae();
+    const v = D("webx-auth"), h = ve(), S = V(!1), n = V({}), m = V({
+      name: A.state.user?.name ?? "",
+      avatar: A.state.user?.avatar ?? null,
       password: "",
       current_password: ""
-    }), w = g(d.value.avatar ? { path: d.value.avatar } : null);
-    function r(_) {
-      return V.value[_]?.[0];
+    }), g = V(m.value.avatar ? { path: m.value.avatar } : null);
+    function u(b) {
+      return n.value[b]?.[0];
     }
-    async function b() {
-      C.value = !0, V.value = {};
+    async function w() {
+      S.value = !0, n.value = {};
       try {
-        await m.updateProfile({
-          name: d.value.name,
-          avatar: w.value?.path ?? null,
+        await f.updateProfile({
+          name: m.value.name,
+          avatar: g.value?.path ?? null,
           // Blank is left out entirely rather than sent as an empty string: the server reads a
           // filled password as "change it", and an empty one would be a change to nothing.
-          ...d.value.password ? { password: d.value.password, current_password: d.value.current_password } : {}
-        }), j.success(n("profile.saved")), s(!0);
-      } catch (_) {
-        const f = _.body;
-        f?.errors ? V.value = f.errors : j.danger(p(_));
+          ...m.value.password ? { password: m.value.password, current_password: m.value.current_password } : {}
+        }), Q.success(v("profile.saved")), s(!0);
+      } catch (b) {
+        const d = b.body;
+        d?.errors ? n.value = d.errors : Q.danger(h(b));
       } finally {
-        C.value = !1;
+        S.value = !1;
       }
     }
-    return (_, f) => (L(), S(e(ue), {
-      open: e(u),
-      "onUpdate:open": f[5] || (f[5] = (U) => se(u) ? u.value = U : null),
-      title: e(n)("profile.title"),
+    return (b, d) => (x(), F(e(pe), {
+      open: e(i),
+      "onUpdate:open": d[5] || (d[5] = (L) => ce(i) ? i.value = L : null),
+      title: e(v)("profile.title"),
       width: 560
     }, {
-      footer: l(() => [
-        t(e(D), {
-          onClick: f[4] || (f[4] = (U) => e(o)())
+      footer: t(() => [
+        l(e(Y), {
+          onClick: d[4] || (d[4] = (L) => e(o)())
         }, {
-          default: l(() => [
-            F($(e(n)("profile.cancel")), 1)
+          default: t(() => [
+            $(C(e(v)("profile.cancel")), 1)
           ]),
           _: 1
         }),
-        t(e(D), {
+        l(e(Y), {
           type: "primary",
-          loading: C.value,
-          onClick: b
+          loading: S.value,
+          onClick: w
         }, {
-          default: l(() => [
-            F($(e(n)("profile.save")), 1)
+          default: t(() => [
+            $(C(e(v)("profile.save")), 1)
           ]),
           _: 1
         }, 8, ["loading"])
       ]),
-      default: l(() => [
-        N("div", la, [
-          N("div", oa, [
-            i.avatarField ? (L(), O("div", sa, [
-              (L(), S(ge(i.avatarField), {
-                modelValue: w.value,
-                "onUpdate:modelValue": f[0] || (f[0] = (U) => w.value = U),
-                label: e(n)("profile.avatar"),
+      default: t(() => [
+        O("div", ia, [
+          O("div", ua, [
+            r.avatarField ? (x(), R("div", da, [
+              (x(), F(Ve(r.avatarField), {
+                modelValue: g.value,
+                "onUpdate:modelValue": d[0] || (d[0] = (L) => g.value = L),
+                label: e(v)("profile.avatar"),
                 aspect: "1/1",
                 captions: !1
               }, null, 8, ["modelValue", "label"]))
-            ])) : T("", !0),
-            N("div", na, [
-              t(e(M), {
-                label: e(n)("profile.name"),
-                error: r("name")
+            ])) : M("", !0),
+            O("div", ca, [
+              l(e(N), {
+                label: e(v)("profile.name"),
+                error: u("name")
               }, {
-                default: l(() => [
-                  t(e(E), {
-                    modelValue: d.value.name,
-                    "onUpdate:modelValue": f[1] || (f[1] = (U) => d.value.name = U),
+                default: t(() => [
+                  l(e(K), {
+                    modelValue: m.value.name,
+                    "onUpdate:modelValue": d[1] || (d[1] = (L) => m.value.name = L),
                     name: "name"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }, 8, ["label", "error"]),
-              t(e(M), {
-                label: e(n)("admins.email")
+              l(e(N), {
+                label: e(v)("admins.email")
               }, {
-                default: l(() => [
-                  t(e(E), {
-                    "model-value": e(k).state.user?.email ?? "",
+                default: t(() => [
+                  l(e(K), {
+                    "model-value": e(A).state.user?.email ?? "",
                     readonly: ""
                   }, null, 8, ["model-value"])
                 ]),
                 _: 1
               }, 8, ["label"]),
-              t(e(M), {
-                label: e(n)("profile.password"),
-                help: e(n)("profile.password-hint"),
-                error: r("password")
+              l(e(N), {
+                label: e(v)("profile.password"),
+                help: e(v)("profile.password-hint"),
+                error: u("password")
               }, {
-                default: l(() => [
-                  t(e(E), {
-                    modelValue: d.value.password,
-                    "onUpdate:modelValue": f[2] || (f[2] = (U) => d.value.password = U),
+                default: t(() => [
+                  l(e(K), {
+                    modelValue: m.value.password,
+                    "onUpdate:modelValue": d[2] || (d[2] = (L) => m.value.password = L),
                     type: "password",
                     autocomplete: "new-password"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }, 8, ["label", "help", "error"]),
-              d.value.password ? (L(), S(e(M), {
+              m.value.password ? (x(), F(e(N), {
                 key: 0,
-                label: e(n)("profile.current-password"),
-                help: e(n)("profile.current-password-hint"),
-                error: r("current_password")
+                label: e(v)("profile.current-password"),
+                help: e(v)("profile.current-password-hint"),
+                error: u("current_password")
               }, {
-                default: l(() => [
-                  t(e(E), {
-                    modelValue: d.value.current_password,
-                    "onUpdate:modelValue": f[3] || (f[3] = (U) => d.value.current_password = U),
+                default: t(() => [
+                  l(e(K), {
+                    modelValue: m.value.current_password,
+                    "onUpdate:modelValue": d[3] || (d[3] = (L) => m.value.current_password = L),
                     type: "password",
                     autocomplete: "current-password"
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
-              }, 8, ["label", "help", "error"])) : T("", !0)
+              }, 8, ["label", "help", "error"])) : M("", !0)
             ])
           ])
         ])
@@ -1102,10 +1196,10 @@ const la = { class: "wx-profile-host" }, oa = { class: "wx-profile" }, sa = {
       _: 1
     }, 8, ["open", "title"]));
   }
-}), ia = /* @__PURE__ */ ve(ra, [["__scopeId", "data-v-9583a67a"]]), ua = ["title"], da = {
+}), ma = /* @__PURE__ */ be(va, [["__scopeId", "data-v-9583a67a"]]), pa = ["title"], fa = {
   key: 0,
   class: "wx-user-menu__name"
-}, ca = /* @__PURE__ */ R({
+}, ha = /* @__PURE__ */ j({
   __name: "UserMenu",
   props: {
     signOutLabel: { default: void 0 },
@@ -1114,137 +1208,137 @@ const la = { class: "wx-profile-host" }, oa = { class: "wx-profile" }, sa = {
     expanded: { type: Boolean, default: !1 }
   },
   setup(a) {
-    const i = a, s = q(), o = me(), u = ke(), k = I("webx-auth"), m = P(() => s.state.user), n = P(
-      () => u.state.panelLocales.length > 1 ? u.state.panelLocales : []
-    ), p = te(Ae, null), C = te(Le, null), V = g(void 0);
-    Z(
-      () => typeof m.value?.avatar == "string" ? m.value.avatar : null,
-      async (b) => {
-        const _ = i.resolveAvatar ?? p;
-        if (b === null || b === "" || _ === null) {
-          V.value = void 0;
+    const r = a, s = X(), o = we(), i = $e(), A = D("webx-auth"), f = P(() => s.state.user), v = P(
+      () => i.state.panelLocales.length > 1 ? i.state.panelLocales : []
+    ), h = ue(Ue, null), S = ue(Fe, null), n = V(void 0);
+    re(
+      () => typeof f.value?.avatar == "string" ? f.value.avatar : null,
+      async (w) => {
+        const b = r.resolveAvatar ?? h;
+        if (w === null || w === "" || b === null) {
+          n.value = void 0;
           return;
         }
-        const f = await _(b);
-        m.value?.avatar === b && (V.value = f ?? void 0);
+        const d = await b(w);
+        f.value?.avatar === w && (n.value = d ?? void 0);
       },
       { immediate: !0 }
     );
-    const d = ce(ia);
-    function w() {
+    const m = he(ma);
+    function g() {
       setTimeout(
         () => {
-          d({ avatarField: i.avatarField ?? C ?? void 0 });
+          m({ avatarField: r.avatarField ?? S ?? void 0 });
         },
         0
       );
     }
-    async function r(b) {
-      b !== u.state.locale && await o.setLocale(b);
+    async function u(w) {
+      w !== i.state.locale && await o.setLocale(w);
     }
-    return (b, _) => {
-      const f = B("wx-avatar"), U = B("wx-text"), W = B("wx-dropdown-item"), z = B("wx-divider"), h = B("wx-dropdown");
-      return m.value !== null ? (L(), S(h, { key: 0 }, {
-        trigger: l(() => [
-          N("button", {
+    return (w, b) => {
+      const d = T("wx-avatar"), L = T("wx-text"), U = T("wx-dropdown-item"), B = T("wx-divider"), y = T("wx-dropdown");
+      return f.value !== null ? (x(), F(y, { key: 0 }, {
+        trigger: t(() => [
+          O("button", {
             type: "button",
-            class: Te(["wx-user-menu__trigger", { "wx-user-menu__trigger--named": a.expanded }]),
-            title: m.value.name
+            class: Me(["wx-user-menu__trigger", { "wx-user-menu__trigger--named": a.expanded }]),
+            title: f.value.name
           }, [
-            t(f, {
-              name: m.value.name,
-              src: V.value,
+            l(d, {
+              name: f.value.name,
+              src: n.value,
               size: "lg"
             }, null, 8, ["name", "src"]),
-            a.expanded ? (L(), O("span", da, $(m.value.name), 1)) : T("", !0)
-          ], 10, ua)
+            a.expanded ? (x(), R("span", fa, C(f.value.name), 1)) : M("", !0)
+          ], 10, pa)
         ]),
-        default: l(() => [
-          t(W, { disabled: "" }, {
-            default: l(() => [
-              t(U, { size: "sm" }, {
-                default: l(() => [
-                  F($(m.value.email), 1)
+        default: t(() => [
+          l(U, { disabled: "" }, {
+            default: t(() => [
+              l(L, { size: "sm" }, {
+                default: t(() => [
+                  $(C(f.value.email), 1)
                 ]),
                 _: 1
               })
             ]),
             _: 1
           }),
-          t(z, { spacing: "sm" }),
-          t(W, {
+          l(B, { spacing: "sm" }),
+          l(U, {
             icon: "user",
-            onClick: w
+            onClick: g
           }, {
-            default: l(() => [
-              F($(e(k)("profile.menu")), 1)
+            default: t(() => [
+              $(C(e(A)("profile.menu")), 1)
             ]),
             _: 1
           }),
-          n.value.length > 0 ? (L(), O(le, { key: 0 }, [
-            t(z, { spacing: "sm" }),
-            t(W, { disabled: "" }, {
-              default: l(() => [
-                t(U, {
+          v.value.length > 0 ? (x(), R(oe, { key: 0 }, [
+            l(B, { spacing: "sm" }),
+            l(U, { disabled: "" }, {
+              default: t(() => [
+                l(L, {
                   size: "sm",
                   tone: "muted"
                 }, {
-                  default: l(() => [
-                    F($(e(k)("menu.language")), 1)
+                  default: t(() => [
+                    $(C(e(A)("menu.language")), 1)
                   ]),
                   _: 1
                 })
               ]),
               _: 1
             }),
-            (L(!0), O(le, null, _e(n.value, (c) => (L(), S(W, {
-              key: c.code,
-              icon: c.code === e(u).state.locale ? "check" : void 0,
-              onClick: (x) => r(c.code)
+            (x(!0), R(oe, null, de(v.value, (p) => (x(), F(U, {
+              key: p.code,
+              icon: p.code === e(i).state.locale ? "check" : void 0,
+              onClick: (k) => u(p.code)
             }, {
-              default: l(() => [
-                F($(c.nativeName), 1)
+              default: t(() => [
+                $(C(p.nativeName), 1)
               ]),
               _: 2
             }, 1032, ["icon", "onClick"]))), 128)),
-            t(z, { spacing: "sm" })
-          ], 64)) : T("", !0),
-          t(W, {
+            l(B, { spacing: "sm" })
+          ], 64)) : M("", !0),
+          l(U, {
             icon: "logout",
-            onClick: _[0] || (_[0] = (c) => e(o).logout())
+            onClick: b[0] || (b[0] = (p) => e(o).logout())
           }, {
-            default: l(() => [
-              F($(a.signOutLabel ?? e(k)("menu.sign-out")), 1)
+            default: t(() => [
+              $(C(a.signOutLabel ?? e(A)("menu.sign-out")), 1)
             ]),
             _: 1
           })
         ]),
         _: 1
-      })) : T("", !0);
+      })) : M("", !0);
     };
   }
-}), ba = /* @__PURE__ */ ve(ca, [["__scopeId", "data-v-d51d13e4"]]);
-function ya(a = {}) {
-  const i = a.path ?? "/login";
+}), ka = /* @__PURE__ */ be(ha, [["__scopeId", "data-v-d51d13e4"]]);
+function Va(a = {}) {
+  const r = a.path ?? "/login";
   return {
     install(s) {
-      const o = Ie(s.context);
-      s.i18n.defaults("webx-auth", $e), Ke(s.app, o, a.resolveAvatar ?? null, a.avatarField ?? null), s.context.useSessionLoader(() => o.me()), s.router.addRoute({
-        path: i,
+      const o = Ge(s.context);
+      s.i18n.defaults("webx-auth", Se), Je(s.app, o, a.resolveAvatar ?? null, a.avatarField ?? null), s.context.useSessionLoader(() => o.me()), s.router.addRoute({
+        path: r,
         name: "webx.login",
         meta: { public: !0 },
-        component: { render: () => xe(He, { ...a.card }) }
-      }), s.router.beforeEach((u) => u.meta.public === !0 || s.context.state.status !== "unauthenticated" ? !0 : { path: i, query: u.fullPath === "/" ? {} : { next: u.fullPath } }), Z(
+        component: { render: () => Ce(ea, { ...a.card }) }
+      }), s.router.beforeEach((i) => i.meta.public === !0 || s.context.state.status !== "unauthenticated" ? !0 : { path: r, query: i.fullPath === "/" ? {} : { next: i.fullPath } }), re(
         () => s.context.state.status,
-        (u) => {
-          const k = s.router.currentRoute.value;
-          if (u === "unauthenticated" && k.path !== i) {
-            s.router.replace({ path: i, query: { next: k.fullPath } });
+        (i) => {
+          const A = s.router.currentRoute.value;
+          if (i === "unauthenticated" && A.path !== r) {
+            s.router.replace({ path: r, query: { next: A.fullPath } });
             return;
           }
-          if (u === "ready" && k.path === i) {
-            const m = k.query.next;
-            s.router.replace(typeof m == "string" ? m : "/");
+          if (i === "ready" && A.path === r) {
+            const f = A.query.next;
+            s.router.replace(typeof f == "string" ? f : "/");
           }
         }
       );
@@ -1252,22 +1346,22 @@ function ya(a = {}) {
   };
 }
 export {
-  Ce as WxAdminList,
-  aa as WxAdminsPage,
-  He as WxLoginCard,
-  ia as WxProfileDialog,
-  ba as WxUserMenu,
-  fa as admins,
-  ya as auth,
-  Ve as authKey,
-  $e as authMessages,
-  Le as avatarFieldKey,
-  Ae as avatarResolverKey,
-  pe as createAdminsApi,
-  Ie as createAuthSession,
-  Ke as provideAuth,
-  wa as selectAdmin,
-  ha as selectAdmins,
-  me as useAuth
+  We as WxAdminList,
+  na as WxAdminsPage,
+  ea as WxLoginCard,
+  ma as WxProfileDialog,
+  ka as WxUserMenu,
+  ga as admins,
+  Va as auth,
+  Le as authKey,
+  Se as authMessages,
+  Fe as avatarFieldKey,
+  Ue as avatarResolverKey,
+  ye as createAdminsApi,
+  Ge as createAuthSession,
+  Je as provideAuth,
+  _a as selectAdmin,
+  xa as selectAdmins,
+  we as useAuth
 };
 //# sourceMappingURL=index.js.map