@webx-ui/module-team 0.1.16 → 0.2.1

package/dist/TeamPage-ZI9lGyZ5.js

@@ -0,0 +1,283 @@
+import { defineComponent as X, ref as M, computed as n, watch as R, onBeforeUnmount as Y, openBlock as s, createBlock as f, unref as l, withCtx as i, createVNode as u, createCommentVNode as y, createElementVNode as z, createElementBlock as k, normalizeClass as A, createTextVNode as j, toDisplayString as q, Fragment as Z, resolveDynamicComponent as ee } from "vue";
+import { useRoute as te, useRouter as ae } from "vue-router";
+import { WxCard as le, WxListDetail as re, WxEmpty as D, WxInput as oe, WxIcon as L, WxSkeleton as ne, WxSortableList as se, WxAvatar as ie, WxBadge as ue, WxAlert as me, toast as w, confirm as de } from "@webx-ui/core";
+import { useAdmin as ce, useTranslate as ve, useErrorText as pe, useItemOrder as be, WxListScreen as fe, WxRowMenu as we } from "@webx-ui/module-admin";
+import { c as ye, u as _e, T as xe, M as he, _ as ge } from "./index-Dq5upQx6.js";
+const ke = { class: "wx-team__bar" }, qe = { class: "wx-member-row__body" }, Te = { class: "wx-member-row__name" }, We = {
+  key: 0,
+  class: "wx-member-row__job"
+}, Ce = {
+  key: 1,
+  class: "wx-member-row__facts"
+}, Ve = /* @__PURE__ */ X({
+  __name: "TeamPage",
+  props: {
+    base: { default: "/team" }
+  },
+  setup(Be) {
+    const T = ce(), W = ye(T), m = te(), _ = ae();
+    _e();
+    const a = ve("webx-team"), x = pe(), v = M([]), h = M(!0), p = n(() => T.can("team.manage")), F = n(
+      () => T.state.manifest?.modules.find((e) => e.id === "team")?.title ?? a("module.team")
+    ), g = n({
+      get: () => m.query.view === "trashed" ? "trashed" : "",
+      set: (e) => {
+        const r = {
+          ...m.query,
+          view: e === "" ? void 0 : String(e)
+        };
+        delete r.member, _.replace({ query: r });
+      }
+    }), o = n(() => g.value === "trashed"), b = n(() => typeof m.query.q == "string" ? m.query.q : ""), C = M(b.value), d = n(() => {
+      const e = m.query.member;
+      return e === "new" ? p.value ? "new" : null : typeof e == "string" && e !== "" && Number(e) || null;
+    }), E = n({
+      get: () => d.value !== null,
+      set: (e) => {
+        e || N();
+      }
+    }), $ = n(() => [
+      { value: "", label: a("member.all") },
+      { value: "trashed", label: a("member.trashed"), icon: "trash" }
+    ]), V = be(xe, () => ({ q: b.value, filtered: o.value })), I = n(() => p.value && V.sortable.value), O = n(() => b.value !== "" ? a("member.empty-search") : o.value ? a("member.empty-bin") : a("member.empty"));
+    async function c() {
+      h.value = !0;
+      try {
+        const e = await W.list({ search: b.value, trashed: o.value });
+        v.value = e.data;
+      } catch (e) {
+        w.danger(x(e));
+      } finally {
+        h.value = !1;
+      }
+    }
+    R(
+      () => [g.value, b.value],
+      () => {
+        c();
+      }
+    ), c();
+    let B;
+    R(C, (e) => {
+      clearTimeout(B), B = setTimeout(() => {
+        _.replace({ query: { ...m.query, q: e.trim() === "" ? void 0 : e } });
+      }, 300);
+    }), Y(() => clearTimeout(B));
+    function S(e) {
+      _.replace({ query: { ...m.query, member: String(e) } });
+    }
+    function N() {
+      const e = { ...m.query };
+      delete e.member, _.replace({ query: e });
+    }
+    function G(e) {
+      S(e.id), c();
+    }
+    async function H() {
+      try {
+        await V.move(v.value.map((e) => e.id));
+      } catch (e) {
+        w.danger(x(e, a("member.reorder-failed"))), await c();
+      }
+    }
+    function J(e) {
+      return p.value ? o.value ? [
+        {
+          key: "restore",
+          icon: "refresh",
+          label: a("member.restore"),
+          run: () => {
+            Q(e);
+          }
+        }
+      ] : [
+        {
+          key: "delete",
+          icon: "trash",
+          label: a("member.delete"),
+          danger: !0,
+          run: () => {
+            K(e);
+          }
+        }
+      ] : [];
+    }
+    async function K(e) {
+      if (await de({
+        title: a("member.delete-title", { name: e.name }),
+        message: a("member.delete-text"),
+        confirmText: a("member.delete"),
+        cancelText: a("member.cancel"),
+        tone: "danger"
+      }))
+        try {
+          await W.remove(e.id), w.success(a("member.deleted")), U(e.id);
+        } catch (t) {
+          w.danger(x(t));
+        }
+    }
+    function U(e) {
+      d.value === e && N(), c();
+    }
+    async function Q(e) {
+      try {
+        await W.restore(e.id), w.success(a("member.restored"));
+      } catch (r) {
+        w.danger(x(r));
+      } finally {
+        await c();
+      }
+    }
+    return (e, r) => (s(), f(l(fe), {
+      view: g.value,
+      "onUpdate:view": r[4] || (r[4] = (t) => g.value = t),
+      title: F.value,
+      views: $.value,
+      card: !1
+    }, {
+      default: i(() => [
+        u(l(le), {
+          class: "wx-team",
+          padding: "none"
+        }, {
+          default: i(() => [
+            u(l(re), {
+              open: E.value,
+              "onUpdate:open": r[3] || (r[3] = (t) => E.value = t),
+              class: "wx-team__panes",
+              "list-width": 360,
+              "detail-min": 460,
+              "detail-label": l(a)("module.team")
+            }, {
+              list: i(() => [
+                z("div", ke, [
+                  u(l(oe), {
+                    modelValue: C.value,
+                    "onUpdate:modelValue": r[0] || (r[0] = (t) => C.value = t),
+                    class: "wx-team__search",
+                    size: "sm",
+                    clearable: "",
+                    placeholder: l(a)("member.search"),
+                    "aria-label": l(a)("member.search")
+                  }, {
+                    prefix: i(() => [
+                      u(l(L), {
+                        name: "search",
+                        size: "sm"
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "placeholder", "aria-label"])
+                ]),
+                p.value && !o.value ? (s(), k("button", {
+                  key: 0,
+                  type: "button",
+                  class: A(["wx-team__new", { "is-current": d.value === "new" }]),
+                  onClick: r[1] || (r[1] = (t) => S("new"))
+                }, [
+                  u(l(L), {
+                    name: "plus",
+                    size: "sm"
+                  }),
+                  j(" " + q(l(a)("member.new")), 1)
+                ], 2)) : y("", !0),
+                h.value && v.value.length === 0 ? (s(), f(l(ne), {
+                  key: 1,
+                  class: "wx-team__loading",
+                  rows: 5
+                })) : v.value.length === 0 ? (s(), f(l(D), {
+                  key: 2,
+                  title: O.value,
+                  description: !o.value && b.value === "" ? l(a)("member.empty-help") : void 0
+                }, null, 8, ["title", "description"])) : (s(), k(Z, { key: 3 }, [
+                  u(l(se), {
+                    modelValue: v.value,
+                    "onUpdate:modelValue": r[2] || (r[2] = (t) => v.value = t),
+                    class: A(["wx-team__list", { "is-loading": h.value }]),
+                    hoverable: "",
+                    plain: "",
+                    "item-key": "id",
+                    handle: I.value ? "grip" : "row",
+                    "item-label": (t) => t.name,
+                    disabled: !I.value,
+                    onMove: H
+                  }, {
+                    default: i(({ item: t }) => [
+                      (s(), f(ee(o.value ? "div" : "button"), {
+                        type: o.value ? void 0 : "button",
+                        class: A(["wx-member-row", { "is-current": d.value === t.id }]),
+                        onClick: (P) => o.value ? void 0 : S(t.id)
+                      }, {
+                        default: i(() => [
+                          u(l(ie), {
+                            class: "wx-member-row__photo",
+                            src: t.photo?.thumb ?? void 0,
+                            name: t.name,
+                            size: "md"
+                          }, null, 8, ["src", "name"]),
+                          z("span", qe, [
+                            z("span", Te, q(t.name), 1),
+                            t.job_title ? (s(), k("span", We, q(t.job_title), 1)) : y("", !0),
+                            t.published ? y("", !0) : (s(), k("span", Ce, [
+                              u(l(ue), {
+                                dot: "",
+                                size: "sm"
+                              }, {
+                                default: i(() => [
+                                  j(q(l(a)("member.not-published")), 1)
+                                ]),
+                                _: 1
+                              })
+                            ]))
+                          ])
+                        ]),
+                        _: 2
+                      }, 1032, ["type", "class", "onClick"]))
+                    ]),
+                    actions: i(({ item: t }) => [
+                      u(l(we), {
+                        actions: J(t),
+                        label: t.name
+                      }, null, 8, ["actions", "label"])
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "class", "handle", "item-label", "disabled"]),
+                  p.value && !o.value ? (s(), f(l(me), {
+                    key: 0,
+                    class: "wx-team__note",
+                    type: "info",
+                    description: l(V).hint.value
+                  }, null, 8, ["description"])) : y("", !0)
+                ], 64))
+              ]),
+              detail: i(({ inline: t, back: P }) => [
+                d.value !== null ? (s(), f(he, {
+                  id: d.value === "new" ? null : d.value,
+                  key: String(d.value),
+                  inline: t,
+                  onBack: P,
+                  onSaved: c,
+                  onCreated: G,
+                  onRemoved: U
+                }, null, 8, ["id", "inline", "onBack"])) : y("", !0)
+              ]),
+              empty: i(() => [
+                u(l(D), {
+                  title: l(a)("member.choose"),
+                  description: p.value ? l(a)("member.choose-help") : void 0
+                }, null, 8, ["title", "description"])
+              ]),
+              _: 1
+            }, 8, ["open", "detail-label"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["view", "title", "views"]));
+  }
+}), Ie = /* @__PURE__ */ ge(Ve, [["__scopeId", "data-v-9de1c5bb"]]);
+export {
+  Ie as default
+};
+//# sourceMappingURL=TeamPage-ZI9lGyZ5.js.map

package/dist/TeamPage-ZI9lGyZ5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TeamPage-ZI9lGyZ5.js","sources":["../src/TeamPage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { useRoute, useRouter, type LocationQueryRaw } from 'vue-router'\nimport {\n  confirm,\n  toast,\n  WxAlert,\n  WxAvatar,\n  WxBadge,\n  WxCard,\n  WxEmpty,\n  WxIcon,\n  WxInput,\n  WxListDetail,\n  WxSkeleton,\n  WxSortableList,\n  type TabItem,\n  type TabValue,\n} from '@webx-ui/core'\nimport {\n  useAdmin,\n  useErrorText,\n  useItemOrder,\n  useTranslate,\n  WxListScreen,\n  WxRowMenu,\n  type RowAction,\n} from '@webx-ui/module-admin'\nimport { createTeamApi, TEAM_API } from './api'\nimport { useTeamMessages } from './i18n'\nimport MemberPane from './MemberPane.vue'\nimport type { MemberRow, MemberSummary } from './types'\n\n/**\n * The team: everybody on the left, the person being written on the right (§5.6, decision 11).\n *\n * The shape of the reviews without their categories: a person is typed in from a list sent by\n * the client in a minute, and the next one is usually the one under it. On a phone the form is\n * the whole screen, in the drawer `WxListDetail` raises, and draws its own way back.\n *\n * One order, the general one (decision 5): a drag moves it; a search or the bin shows a\n * selection, so the grips go away and the line under the list says why.\n *\n * Everything the screen is looking at lives in the address — the view, the search and the open\n * person — so a link to a person is a link to them in their list.\n */\nwithDefaults(defineProps<{ base?: string }>(), { base: '/team' })\n\nconst context = useAdmin()\nconst api = createTeamApi(context)\nconst route = useRoute()\nconst router = useRouter()\nuseTeamMessages()\n\nconst t = useTranslate('webx-team')\n/* Not the server's `message`: the panel says how a request failed in its own words. */\nconst message = useErrorText()\n\nconst rows = ref<MemberRow[]>([])\nconst loading = ref(true)\n\nconst canManage = computed(() => context.can('team.manage'))\n\nconst title = computed(\n  () =>\n    context.state.manifest?.modules.find((module) => module.id === 'team')?.title ??\n    t('module.team'),\n)\n\nconst view = computed<TabValue>({\n  get: () => (route.query.view === 'trashed' ? 'trashed' : ''),\n  set: (value) => {\n    const query: LocationQueryRaw = {\n      ...route.query,\n      view: value === '' ? undefined : String(value),\n    }\n\n    // A person from the list is not a person from the bin: the form closes with the view.\n    delete query.member\n    void router.replace({ query })\n  },\n})\n\nconst inBin = computed(() => view.value === 'trashed')\n\nconst q = computed(() => (typeof route.query.q === 'string' ? route.query.q : ''))\n\n/* What is typed, ahead of the address: the address follows it after a pause. */\nconst typed = ref(q.value)\n\n/** The open person: a number, `'new'` for one not yet saved, or nothing. */\nconst selected = computed<number | 'new' | null>(() => {\n  const raw = route.query.member\n\n  if (raw === 'new') return canManage.value ? 'new' : null\n\n  return typeof raw === 'string' && raw !== '' ? Number(raw) || null : null\n})\n\n/*\n * Open is \"a person is chosen\", and closing is un-choosing them — so the address, the list's\n * highlight and the drawer on a phone can never disagree about it.\n */\nconst open = computed({\n  get: () => selected.value !== null,\n  set: (value) => {\n    if (!value) close()\n  },\n})\n\nconst views = computed<TabItem[]>(() => [\n  { value: '', label: t('member.all') },\n  { value: 'trashed', label: t('member.trashed'), icon: 'trash' },\n])\n\nconst order = useItemOrder(TEAM_API, () => ({ q: q.value, filtered: inBin.value }))\n\n/* Dragged only by somebody who may write, and only in a list that is the whole order. */\nconst sortable = computed(() => canManage.value && order.sortable.value)\n\nconst emptyText = computed(() => {\n  if (q.value !== '') return t('member.empty-search')\n\n  return inBin.value ? t('member.empty-bin') : t('member.empty')\n})\n\nasync function load(): Promise<void> {\n  loading.value = true\n\n  try {\n    const answer = await api.list({ search: q.value, trashed: inBin.value })\n\n    rows.value = answer.data\n  } catch (error) {\n    toast.danger(message(error))\n  } finally {\n    loading.value = false\n  }\n}\n\nwatch(\n  () => [view.value, q.value] as const,\n  () => void load(),\n)\nvoid load()\n\nlet pause: ReturnType<typeof setTimeout> | undefined\n\nwatch(typed, (value) => {\n  clearTimeout(pause)\n  pause = setTimeout(() => {\n    void router.replace({ query: { ...route.query, q: value.trim() === '' ? undefined : value } })\n  }, 300)\n})\n\nonBeforeUnmount(() => clearTimeout(pause))\n\n/* `replace` and not `push`: going through twenty people is not twenty steps of history. */\nfunction choose(id: number | 'new'): void {\n  void router.replace({ query: { ...route.query, member: String(id) } })\n}\n\nfunction close(): void {\n  const query = { ...route.query }\n\n  delete query.member\n  void router.replace({ query })\n}\n\n/** A new person was saved: they are a record now, and the list has them. */\nfunction created(member: MemberSummary): void {\n  choose(member.id)\n  void load()\n}\n\n/**\n * The order on screen, written as a whole. The list is already in its new order\n * (`WxSortableList` reorders the model before it says so), so a failure has to put it back\n * rather than leave the screen disagreeing with the database.\n */\nasync function reorder(): Promise<void> {\n  try {\n    await order.move(rows.value.map((row) => row.id))\n  } catch (error) {\n    toast.danger(message(error, t('member.reorder-failed')))\n    await load()\n  }\n}\n\nfunction actionsFor(row: MemberRow): RowAction[] {\n  if (!canManage.value) return []\n\n  if (inBin.value) {\n    return [\n      {\n        key: 'restore',\n        icon: 'refresh',\n        label: t('member.restore'),\n        run: () => void restore(row),\n      },\n    ]\n  }\n\n  return [\n    {\n      key: 'delete',\n      icon: 'trash',\n      label: t('member.delete'),\n      danger: true,\n      run: () => void remove(row),\n    },\n  ]\n}\n\nasync function remove(row: MemberRow): Promise<void> {\n  const agreed = await confirm({\n    title: t('member.delete-title', { name: row.name }),\n    message: t('member.delete-text'),\n    confirmText: t('member.delete'),\n    cancelText: t('member.cancel'),\n    tone: 'danger',\n  })\n\n  if (!agreed) return\n\n  try {\n    await api.remove(row.id)\n    toast.success(t('member.deleted'))\n    removed(row.id)\n  } catch (error) {\n    toast.danger(message(error))\n  }\n}\n\n/** Gone from the list; and if they were the open one, the form goes with them. */\nfunction removed(id: number): void {\n  if (selected.value === id) close()\n\n  void load()\n}\n\nasync function restore(row: MemberRow): Promise<void> {\n  try {\n    await api.restore(row.id)\n    toast.success(t('member.restored'))\n  } catch (error) {\n    toast.danger(message(error))\n  } finally {\n    await load()\n  }\n}\n</script>\n\n<template>\n  <wx-list-screen v-model:view=\"view\" :title=\"title\" :views=\"views\" :card=\"false\">\n    <wx-card class=\"wx-team\" padding=\"none\">\n      <wx-list-detail\n        v-model:open=\"open\"\n        class=\"wx-team__panes\"\n        :list-width=\"360\"\n        :detail-min=\"460\"\n        :detail-label=\"t('module.team')\"\n      >\n        <template #list>\n          <div class=\"wx-team__bar\">\n            <wx-input\n              v-model=\"typed\"\n              class=\"wx-team__search\"\n              size=\"sm\"\n              clearable\n              :placeholder=\"t('member.search')\"\n              :aria-label=\"t('member.search')\"\n            >\n              <template #prefix><wx-icon name=\"search\" size=\"sm\" /></template>\n            </wx-input>\n          </div>\n\n          <!--\n            A line of the list rather than a button in the head: the new person is written where\n            they will stand, beside the ones they join — and the form opens the way any other does.\n          -->\n          <button\n            v-if=\"canManage && !inBin\"\n            type=\"button\"\n            class=\"wx-team__new\"\n            :class=\"{ 'is-current': selected === 'new' }\"\n            @click=\"choose('new')\"\n          >\n            <wx-icon name=\"plus\" size=\"sm\" />\n            {{ t('member.new') }}\n          </button>\n\n          <wx-skeleton v-if=\"loading && rows.length === 0\" class=\"wx-team__loading\" :rows=\"5\" />\n\n          <wx-empty\n            v-else-if=\"rows.length === 0\"\n            :title=\"emptyText\"\n            :description=\"!inBin && q === '' ? t('member.empty-help') : undefined\"\n          />\n\n          <template v-else>\n            <!-- A grip and not the whole row: the row opens a person, and a row that both opens\n                 and drags is one where one of the two happens by accident. -->\n            <wx-sortable-list\n              v-model=\"rows\"\n              class=\"wx-team__list\"\n              hoverable\n              :class=\"{ 'is-loading': loading }\"\n              plain\n              item-key=\"id\"\n              :handle=\"sortable ? 'grip' : 'row'\"\n              :item-label=\"(item: MemberRow) => item.name\"\n              :disabled=\"!sortable\"\n              @move=\"reorder\"\n            >\n              <template #default=\"{ item }\">\n                <component\n                  :is=\"inBin ? 'div' : 'button'\"\n                  :type=\"inBin ? undefined : 'button'\"\n                  class=\"wx-member-row\"\n                  :class=\"{ 'is-current': selected === item.id }\"\n                  @click=\"inBin ? undefined : choose(item.id)\"\n                >\n                  <wx-avatar\n                    class=\"wx-member-row__photo\"\n                    :src=\"item.photo?.thumb ?? undefined\"\n                    :name=\"item.name\"\n                    size=\"md\"\n                  />\n\n                  <span class=\"wx-member-row__body\">\n                    <span class=\"wx-member-row__name\">{{ item.name }}</span>\n\n                    <span v-if=\"item.job_title\" class=\"wx-member-row__job\">\n                      {{ item.job_title }}\n                    </span>\n\n                    <span v-if=\"!item.published\" class=\"wx-member-row__facts\">\n                      <wx-badge dot size=\"sm\">{{ t('member.not-published') }}</wx-badge>\n                    </span>\n                  </span>\n                </component>\n              </template>\n\n              <template #actions=\"{ item }\">\n                <wx-row-menu :actions=\"actionsFor(item)\" :label=\"item.name\" />\n              </template>\n            </wx-sortable-list>\n\n            <!-- What a drag does here, or why there is nothing to drag. -->\n            <wx-alert\n              v-if=\"canManage && !inBin\"\n              class=\"wx-team__note\"\n              type=\"info\"\n              :description=\"order.hint.value\"\n            />\n          </template>\n        </template>\n\n        <template #detail=\"{ inline, back }\">\n          <member-pane\n            v-if=\"selected !== null\"\n            :id=\"selected === 'new' ? null : selected\"\n            :key=\"String(selected)\"\n            :inline=\"inline\"\n            @back=\"back\"\n            @saved=\"load\"\n            @created=\"created\"\n            @removed=\"removed\"\n          />\n        </template>\n\n        <template #empty>\n          <wx-empty\n            :title=\"t('member.choose')\"\n            :description=\"canManage ? t('member.choose-help') : undefined\"\n          />\n        </template>\n      </wx-list-detail>\n    </wx-card>\n  </wx-list-screen>\n</template>\n\n<style>\n/*\n * What scrolls here is the page, the way it does on every other list of the panel. The card's\n * corners are the screen's, and the panes paint their own background to the edge: `clip`, not\n * `hidden`, which would make this a scroll container and pin everything sticky inside to a box\n * that never moves (CLAUDE.md §4).\n */\n.wx-team > .wx-card__body {\n  display: flex;\n  flex-direction: column;\n  overflow: clip;\n  border-radius: inherit;\n}\n</style>\n\n<style scoped>\n.wx-team__bar {\n  display: flex;\n  gap: var(--wx-space-8);\n  padding: var(--wx-space-12) var(--wx-space-12) var(--wx-space-8);\n}\n\n.wx-team__search {\n  flex: 1 1 180px;\n  min-width: 0;\n}\n\n.wx-team__new {\n  display: flex;\n  align-items: center;\n  gap: var(--wx-space-8);\n  width: calc(100% - 2 * var(--wx-space-8));\n  margin: 0 var(--wx-space-8) var(--wx-space-4);\n  padding: var(--wx-space-8);\n  border: 1px dashed var(--wx-border-default);\n  border-radius: var(--wx-radius-sm);\n  background: none;\n  font: inherit;\n  color: var(--wx-color-primary);\n  text-align: start;\n  cursor: pointer;\n}\n\n.wx-team__new:hover,\n.wx-team__new.is-current {\n  background: var(--wx-bg-subtle);\n}\n\n.wx-team__loading {\n  padding: var(--wx-space-12);\n}\n\n.wx-team__list {\n  padding-inline: var(--wx-space-8);\n}\n\n.wx-team__list.is-loading {\n  opacity: 0.6;\n}\n\n.wx-team__list :deep(.wx-sortable-list__row) {\n  gap: var(--wx-space-4);\n  padding-inline: var(--wx-space-4);\n}\n\n.wx-team__note {\n  margin: var(--wx-space-8);\n}\n\n.wx-member-row {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--wx-space-10);\n  /* The row is the target: a short name should not leave half the line dead — and a button,\n     unlike a link, is only as wide as what is in it until it is told otherwise. */\n  flex: 1 1 auto;\n  width: 100%;\n  min-width: 0;\n  padding-block: var(--wx-space-8);\n  padding-inline: 0;\n  border: 0;\n  background: none;\n  font: inherit;\n  color: inherit;\n  text-align: start;\n}\n\nbutton.wx-member-row {\n  cursor: pointer;\n}\n\n.wx-member-row__photo {\n  flex: none;\n}\n\n.wx-member-row__body {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  gap: var(--wx-space-2);\n  min-width: 0;\n}\n\n.wx-member-row__name {\n  min-width: 0;\n  overflow: hidden;\n  font-weight: var(--wx-font-weight-medium);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wx-member-row.is-current .wx-member-row__name {\n  color: var(--wx-color-primary);\n}\n\n.wx-member-row__job {\n  overflow: hidden;\n  color: var(--wx-text-muted);\n  font-size: var(--wx-font-size-sm);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.wx-member-row__facts {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--wx-space-4);\n  min-width: 0;\n  margin-top: var(--wx-space-2);\n}\n</style>\n"],"names":["context","useAdmin","api","createTeamApi","route","useRoute","router","useRouter","useTeamMessages","t","useTranslate","message","useErrorText","rows","ref","loading","canManage","computed","title","module","view","value","query","inBin","q","typed","selected","raw","open","close","views","order","useItemOrder","TEAM_API","sortable","emptyText","load","answer","error","toast","watch","pause","onBeforeUnmount","choose","id","created","member","reorder","row","actionsFor","restore","remove","confirm","removed","_createBlock","_unref","WxListScreen","$event","_createVNode","WxCard","WxListDetail","_createElementVNode","_hoisted_1","WxInput","WxIcon","_createElementBlock","_normalizeClass","_createTextVNode","WxSkeleton","WxEmpty","_Fragment","WxSortableList","item","_withCtx","_openBlock","_resolveDynamicComponent","WxAvatar","_hoisted_2","_hoisted_3","_toDisplayString","_hoisted_4","_hoisted_5","WxBadge","WxRowMenu","WxAlert","inline","back","MemberPane"],"mappings":"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"}

package/dist/index-Dq5upQx6.js

@@ -0,0 +1,287 @@
+import { defineComponent as q, ref as m, computed as v, onMounted as F, onBeforeUnmount as G, openBlock as x, createElementBlock as L, createBlock as M, unref as i, Fragment as H, createVNode as y, createSlots as Q, withCtx as g, createTextVNode as C, toDisplayString as R, createCommentVNode as X, defineAsyncComponent as Y } from "vue";
+import { reorderItems as Z, useAdmin as j, useTranslate as ee, useErrorText as te, useBodyKeys as ae, WxScreenHead as ne, WxScreen as oe, WxSaveState as re } from "@webx-ui/module-admin";
+import { onBeforeRouteUpdate as se, onBeforeRouteLeave as le } from "vue-router";
+import { useLocales as ie, localizedValue as ce, WxSkeleton as ue, WxBadge as de, WxActionBar as me, WxButton as ve, toast as h, confirm as V } from "@webx-ui/core";
+function Se(a = {}) {
+  const s = a.path ?? "/team";
+  return {
+    id: "team",
+    path: s,
+    // One route: the open person is in the address (`?member=`), beside the list they were
+    // opened from, so a link to them is a link to both.
+    routes: [
+      { path: s, name: "webx.team", component: () => import("./TeamPage-ZI9lGyZ5.js"), props: { base: s } }
+    ]
+  };
+}
+const D = "team";
+function he(a) {
+  const s = `${a.apiPath}/${D}`, n = (t) => t.data;
+  return {
+    list: (t = {}) => {
+      const l = new URLSearchParams();
+      return t.search && l.set("search", t.search), t.trashed && l.set("trashed", "1"), a.http.get(l.size > 0 ? `${s}?${l}` : s);
+    },
+    get: (t) => a.http.get(`${s}/${t}`).then(n),
+    create: (t) => a.http.post(s, { values: t }).then(n),
+    save: (t, l) => a.http.put(`${s}/${t}`, { values: l }).then(n),
+    remove: (t) => a.http.delete(`${s}/${t}`).then(() => {
+    }),
+    // The resource of the list line, and not the form's pair: a restored person stays closed.
+    restore: (t) => a.http.post(`${s}/${t}/restore`, {}).then(n),
+    reorder: (t) => Z(a, D, t, null)
+  };
+}
+const pe = {
+  module: {
+    team: "Team"
+  },
+  member: {
+    new: "New person",
+    untitled: "Untitled",
+    search: "Search the team",
+    empty: "Nobody on the team yet.",
+    "empty-help": "A person reaches the site in a team block, on any page.",
+    "empty-search": "Nothing matches that.",
+    "empty-bin": "The bin is empty.",
+    all: "All",
+    trashed: "Bin",
+    "not-published": "Not published",
+    "no-job-title": "No job title",
+    order: "Drag to change the order on the site.",
+    choose: "Choose a person",
+    "choose-help": "Or add a new one: the first line of the list.",
+    save: "Save",
+    saved: "Saved.",
+    "save-failed": "Not saved.",
+    cancel: "Cancel",
+    delete: "Delete",
+    "delete-title": "Delete “:name” from the team?",
+    "delete-text": "They go to the bin and leave every block on the site. Restored, they come back to their place.",
+    deleted: "Moved to the bin.",
+    restore: "Restore",
+    restored: "Restored.",
+    "reorder-failed": "The new order was not saved.",
+    "leave-title": "Leave without saving?",
+    "leave-text": "What you wrote about this person is not on the server.",
+    leave: "Leave",
+    back: "Back to the list"
+  },
+  screen: {
+    person: "Person",
+    photo: "Photo",
+    "photo-help": "Without one, the site shows the initials of the name.",
+    name: "Name",
+    "name-help": "Required in the default language. Not written in another, the default one is shown.",
+    "job-title": "Job title",
+    "job-title-help": "Printed under the name. Not written in a language, the default one is shown.",
+    about: "About",
+    text: "Text",
+    "text-help": "Printed only in the language it is written in. The person is shown either way.",
+    links: "Links",
+    socials: "Social networks",
+    "socials-help": "In the order the site prints them. A row left empty is dropped when you save.",
+    "socials-add": "Add a link",
+    "socials-empty": "No links.",
+    network: "Network",
+    "network-placeholder": "Choose a network",
+    url: "Address",
+    services: "Services",
+    "services-help": "What the person provides: a team block on a service’s page can show only them.",
+    settings: "Settings",
+    published: "Published",
+    "published-help": "On the site in every team block, from the moment it is saved."
+  }
+}, O = /* @__PURE__ */ new WeakSet();
+function be() {
+  try {
+    const { i18n: a } = j();
+    O.has(a) || (a.defaults("webx-team", pe), O.add(a));
+  } catch {
+  }
+}
+const fe = /* @__PURE__ */ q({
+  name: "WxMemberPane",
+  __name: "MemberPane",
+  props: {
+    id: {},
+    inline: { type: Boolean, default: !0 }
+  },
+  emits: ["back", "saved", "created", "removed"],
+  setup(a, { emit: s }) {
+    const n = a, t = s, l = j(), w = he(l), E = ie();
+    be();
+    const o = ee("webx-team"), S = te(), u = m(null), c = m({}), p = m(""), T = m(n.id !== null), d = m(!1), N = m({}), b = v(() => l.can("team.manage")), _ = v(() => JSON.stringify(c.value)), f = v(() => p.value !== "" && _.value !== p.value), U = v(() => d.value ? "saving" : f.value || n.id === null ? "unsaved" : "saved"), I = v(() => {
+      const e = c.value.name, r = n.id === null ? o("member.new") : u.value?.name ?? "";
+      return ce(e, E.active.value, r) || o("member.untitled");
+    });
+    function B(e) {
+      u.value = e.member, c.value = e.values, p.value = JSON.stringify(e.values);
+    }
+    if (n.id === null) {
+      const e = {
+        name: {},
+        job_title: {},
+        text: {},
+        photo: null,
+        socials: [],
+        published: !1
+      };
+      c.value = e, p.value = JSON.stringify(e);
+    }
+    async function J() {
+      if (n.id !== null) {
+        T.value = !0;
+        try {
+          B(await w.get(n.id));
+        } catch (e) {
+          h.danger(S(e)), t("back");
+        } finally {
+          T.value = !1;
+        }
+      }
+    }
+    async function W() {
+      if (!(d.value || !b.value)) {
+        d.value = !0, N.value = {};
+        try {
+          const e = n.id === null, r = e ? await w.create(c.value) : await w.save(n.id, c.value);
+          B(r), h.success(o("member.saved")), t(e ? "created" : "saved", r.member);
+        } catch (e) {
+          const r = e.body;
+          r?.errors ? (N.value = r.errors, h.danger(o("member.save-failed"))) : h.danger(S(e));
+        } finally {
+          d.value = !1;
+        }
+      }
+    }
+    async function K() {
+      const e = u.value;
+      if (!(!e || !await V({
+        title: o("member.delete-title", { name: e.name }),
+        message: o("member.delete-text"),
+        confirmText: o("member.delete"),
+        cancelText: o("member.cancel"),
+        tone: "danger"
+      })))
+        try {
+          await w.remove(e.id), h.success(o("member.deleted")), p.value = _.value, t("removed", e.id);
+        } catch (k) {
+          h.danger(S(k));
+        }
+    }
+    function $(e) {
+      f.value && e.preventDefault();
+    }
+    function A(e) {
+      (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "s" && (e.preventDefault(), (f.value || n.id === null) && W());
+    }
+    ae(A), F(() => {
+      J(), window.addEventListener("beforeunload", $);
+    }), G(() => {
+      window.removeEventListener("beforeunload", $);
+    });
+    async function P() {
+      return !f.value || !b.value ? !0 : await V({
+        title: o("member.leave-title"),
+        message: o("member.leave-text"),
+        confirmText: o("member.leave"),
+        cancelText: o("member.cancel"),
+        tone: "danger"
+      });
+    }
+    se(
+      async (e, r) => e.query.member === r.query.member ? !0 : await P()
+    ), le(P);
+    const z = v(
+      () => b.value && u.value !== null ? [
+        {
+          key: "delete",
+          label: o("member.delete"),
+          icon: "trash",
+          danger: !0,
+          menu: !0,
+          run: () => {
+            K();
+          }
+        }
+      ] : []
+    );
+    return (e, r) => (x(), L("div", {
+      class: "wx-member",
+      onKeydown: A
+    }, [
+      T.value ? (x(), M(i(ue), {
+        key: 0,
+        class: "wx-member__ghost",
+        title: "",
+        rows: 6
+      })) : (x(), L(H, { key: 1 }, [
+        y(i(ne), {
+          level: 3,
+          back: !n.inline,
+          "back-label": i(o)("member.back"),
+          title: I.value,
+          actions: z.value,
+          "collapse-below": 480,
+          onBack: r[0] || (r[0] = (k) => t("back"))
+        }, Q({ _: 2 }, [
+          u.value && !u.value.published ? {
+            name: "title-after",
+            fn: g(() => [
+              y(i(de), { dot: "" }, {
+                default: g(() => [
+                  C(R(i(o)("member.not-published")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["back", "back-label", "title", "actions"]),
+        y(i(oe), {
+          modelValue: c.value,
+          "onUpdate:modelValue": r[1] || (r[1] = (k) => c.value = k),
+          name: "team.form",
+          errors: N.value,
+          disabled: !b.value || d.value
+        }, null, 8, ["modelValue", "errors", "disabled"]),
+        b.value ? (x(), M(i(me), { key: 0 }, {
+          state: g(() => [
+            y(i(re), { state: U.value }, null, 8, ["state"])
+          ]),
+          default: g(() => [
+            y(i(ve), {
+              type: "primary",
+              loading: d.value,
+              disabled: !f.value && n.id !== null,
+              onClick: W
+            }, {
+              default: g(() => [
+                C(R(i(o)("member.save")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })) : X("", !0)
+      ], 64))
+    ], 32));
+  }
+}), ye = (a, s) => {
+  const n = a.__vccOpts || a;
+  for (const [t, l] of s)
+    n[t] = l;
+  return n;
+}, Te = /* @__PURE__ */ ye(fe, [["__scopeId", "data-v-443f6ebd"]]), Ne = Y(() => import("./TeamPage-ZI9lGyZ5.js"));
+export {
+  Te as M,
+  D as T,
+  Ne as W,
+  ye as _,
+  pe as a,
+  he as c,
+  Se as t,
+  be as u
+};
+//# sourceMappingURL=index-Dq5upQx6.js.map