@webx-ui/module-team 0.1.16 → 0.2.0

package/dist/index-Dq5upQx6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-Dq5upQx6.js","sources":["../src/module.ts","../src/api.ts","../src/messages.ts","../src/i18n.ts","../src/MemberPane.vue","../src/index.ts"],"sourcesContent":["import type { AdminModule } from '@webx-ui/module-admin'\n\nexport interface TeamOptions {\n  /** Where the team lives inside the panel. */\n  path?: string\n}\n\n/**\n * The team as a section of the panel (§5.6): one module and one entry, without a group of its\n * own — there are no categories to stand beside it (decision 1), and a group around a single\n * item is a heading over itself. A section whose server half is not installed never appears —\n * the entry is built from the manifest.\n */\nexport function team(options: TeamOptions = {}): AdminModule {\n  const path = options.path ?? '/team'\n\n  return {\n    id: 'team',\n    path,\n    // One route: the open person is in the address (`?member=`), beside the list they were\n    // opened from, so a link to them is a link to both.\n    routes: [\n      { path, name: 'webx.team', component: () => import('./TeamPage.vue'), props: { base: path } },\n    ],\n  }\n}\n","import { reorderItems, type AdminContext } from '@webx-ui/module-admin'\nimport type { ScreenModel } from '@webx-ui/schema'\nimport type { MemberDetail, MemberQuery, MemberRow, MembersList } from './types'\n\nexport interface TeamApi {\n  list(query?: MemberQuery): Promise<MembersList>\n  get(id: number): Promise<MemberDetail>\n  /**\n   * A new person out of the values of their form, in one request: the form is filled in first\n   * and the record made on the first save, so nobody leaves an empty person behind.\n   */\n  create(values: ScreenModel): Promise<MemberDetail>\n  /** Refused with a 422 under the name of the field — `socials.<n>.url` for a link. */\n  save(id: number, values: ScreenModel): Promise<MemberDetail>\n  remove(id: number): Promise<void>\n  restore(id: number): Promise<MemberRow>\n  /** The one order there is (decision 5). */\n  reorder(ids: number[]): Promise<void>\n}\n\n/** The path of the section under the panel's API, and of its order. */\nexport const TEAM_API = 'team'\n\n/** Everything under `/team`, below the panel's API path (§5.7). */\nexport function createTeamApi(admin: AdminContext): TeamApi {\n  const base = `${admin.apiPath}/${TEAM_API}`\n  const data = <T>(body: { data: T }): T => body.data\n\n  return {\n    list: (query = {}) => {\n      const search = new URLSearchParams()\n\n      if (query.search) search.set('search', query.search)\n      if (query.trashed) search.set('trashed', '1')\n\n      return admin.http.get<MembersList>(search.size > 0 ? `${base}?${search}` : base)\n    },\n    get: (id) => admin.http.get<{ data: MemberDetail }>(`${base}/${id}`).then(data),\n    create: (values) => admin.http.post<{ data: MemberDetail }>(base, { values }).then(data),\n    save: (id, values) =>\n      admin.http.put<{ data: MemberDetail }>(`${base}/${id}`, { values }).then(data),\n    remove: (id) => admin.http.delete<void>(`${base}/${id}`).then(() => undefined),\n    // The resource of the list line, and not the form's pair: a restored person stays closed.\n    restore: (id) => admin.http.post<{ data: MemberRow }>(`${base}/${id}/restore`, {}).then(data),\n    reorder: (ids) => reorderItems(admin, TEAM_API, ids, null),\n  }\n}\n","import type { Messages } from '@webx-ui/module-admin'\n\n/**\n * The English this package speaks on its own, before the server's dictionary arrives, or without\n * one. The server ships the same lines in ten languages under `webx-team::` and overrides these;\n * `messages.test.ts` keeps the two sets of keys equal.\n */\nexport const teamMessages: Record<string, Messages> = {\n  module: {\n    team: 'Team',\n  },\n  member: {\n    new: 'New person',\n    untitled: 'Untitled',\n    search: 'Search the team',\n    empty: 'Nobody on the team yet.',\n    'empty-help': 'A person reaches the site in a team block, on any page.',\n    'empty-search': 'Nothing matches that.',\n    'empty-bin': 'The bin is empty.',\n    all: 'All',\n    trashed: 'Bin',\n    'not-published': 'Not published',\n    'no-job-title': 'No job title',\n    order: 'Drag to change the order on the site.',\n    choose: 'Choose a person',\n    'choose-help': 'Or add a new one: the first line of the list.',\n    save: 'Save',\n    saved: 'Saved.',\n    'save-failed': 'Not saved.',\n    cancel: 'Cancel',\n    delete: 'Delete',\n    'delete-title': 'Delete “:name” from the team?',\n    'delete-text':\n      'They go to the bin and leave every block on the site. Restored, they come back to their place.',\n    deleted: 'Moved to the bin.',\n    restore: 'Restore',\n    restored: 'Restored.',\n    'reorder-failed': 'The new order was not saved.',\n    'leave-title': 'Leave without saving?',\n    'leave-text': 'What you wrote about this person is not on the server.',\n    leave: 'Leave',\n    back: 'Back to the list',\n  },\n  screen: {\n    person: 'Person',\n    photo: 'Photo',\n    'photo-help': 'Without one, the site shows the initials of the name.',\n    name: 'Name',\n    'name-help':\n      'Required in the default language. Not written in another, the default one is shown.',\n    'job-title': 'Job title',\n    'job-title-help':\n      'Printed under the name. Not written in a language, the default one is shown.',\n    about: 'About',\n    text: 'Text',\n    'text-help': 'Printed only in the language it is written in. The person is shown either way.',\n    links: 'Links',\n    socials: 'Social networks',\n    'socials-help': 'In the order the site prints them. A row left empty is dropped when you save.',\n    'socials-add': 'Add a link',\n    'socials-empty': 'No links.',\n    network: 'Network',\n    'network-placeholder': 'Choose a network',\n    url: 'Address',\n    services: 'Services',\n    'services-help':\n      'What the person provides: a team block on a service’s page can show only them.',\n    settings: 'Settings',\n    published: 'Published',\n    'published-help': 'On the site in every team block, from the moment it is saved.',\n  },\n}\n","import { useAdmin } from '@webx-ui/module-admin'\nimport { teamMessages } from './messages'\n\nconst seeded = new WeakSet<object>()\n\n/** Puts this package's English under the panel's dictionary, once per panel. */\nexport function useTeamMessages(): void {\n  try {\n    const { i18n } = useAdmin()\n\n    if (!seeded.has(i18n)) {\n      i18n.defaults('webx-team', teamMessages)\n      seeded.add(i18n)\n    }\n  } catch {\n    // Outside a panel there is no dictionary to seed, and `useTranslate` falls back on its own.\n  }\n}\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref } from 'vue'\nimport { onBeforeRouteLeave, onBeforeRouteUpdate, type RouteLocationNormalized } from 'vue-router'\nimport {\n  confirm,\n  localizedValue,\n  toast,\n  useLocales,\n  WxActionBar,\n  WxBadge,\n  WxButton,\n  WxSkeleton,\n  type LocalizedValue,\n} from '@webx-ui/core'\nimport {\n  useAdmin,\n  useErrorText,\n  useTranslate,\n  WxSaveState,\n  WxScreen,\n  WxScreenHead,\n  type ScreenAction,\n  useBodyKeys,\n} from '@webx-ui/module-admin'\nimport type { ScreenModel } from '@webx-ui/schema'\nimport { createTeamApi } from './api'\nimport { useTeamMessages } from './i18n'\nimport type { MemberDetail, MemberSummary } from './types'\n\n/**\n * One person: the pane beside the list, and the whole screen on a phone.\n *\n * The described screen `team.form` with a head over it and one button under it. One explicit\n * save, and no autosave: a person has no draft (decision 10), so what is saved is on the site at\n * once — the button is the moment somebody decides it is ready.\n *\n * A new person is a form first and a record on the first save: an empty row made by pressing\n * \"New person\" and walking away would be a nameless card on every team block for ever.\n *\n * The way back is drawn here and not by the pane around it: the drawer a narrow screen opens\n * this in has no close of its own on purpose (CLAUDE.md §4).\n */\ndefineOptions({ name: 'WxMemberPane' })\n\nconst props = withDefaults(\n  defineProps<{\n    /** `null` — a person not written yet. */\n    id: number | null\n    /** False in the drawer a narrow screen opens this in. */\n    inline?: boolean\n  }>(),\n  { inline: true },\n)\n\nconst emit = defineEmits<{\n  back: []\n  /** The person was written; the list redraws their row. */\n  saved: [member: MemberSummary]\n  /** The first save of a new person: a record now, with an id to be opened by. */\n  created: [member: MemberSummary]\n  removed: [id: number]\n}>()\n\nconst context = useAdmin()\nconst api = createTeamApi(context)\nconst locales = useLocales()\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 member = ref<MemberSummary | null>(null)\nconst values = ref<ScreenModel>({})\nconst snapshot = ref('')\n\nconst loading = ref(props.id !== null)\nconst saving = ref(false)\nconst errors = ref<Record<string, string[]>>({})\n\nconst canManage = computed(() => context.can('team.manage'))\n\nconst current = computed(() => JSON.stringify(values.value))\nconst dirty = computed(() => snapshot.value !== '' && current.value !== snapshot.value)\n\nconst state = computed<'saving' | 'unsaved' | 'saved'>(() => {\n  if (saving.value) return 'saving'\n\n  return dirty.value || props.id === null ? 'unsaved' : 'saved'\n})\n\n/** The name follows the field rather than the answer: an edit shows at the top as it is typed. */\nconst title = computed(() => {\n  const written = values.value.name as LocalizedValue | string | null | undefined\n  const fallback = props.id === null ? t('member.new') : (member.value?.name ?? '')\n\n  return localizedValue(written, locales.active.value, fallback) || t('member.untitled')\n})\n\nfunction take(detail: MemberDetail): void {\n  member.value = detail.member\n  values.value = detail.values\n  snapshot.value = JSON.stringify(detail.values)\n}\n\nif (props.id === null) {\n  // What the server would answer for a person with nothing in them yet. No `services`: the field\n  // is there only when the site has services (decision 3), and the screen fills its own default.\n  const blank: ScreenModel = {\n    name: {},\n    job_title: {},\n    text: {},\n    photo: null,\n    socials: [],\n    published: false,\n  }\n\n  values.value = blank\n  snapshot.value = JSON.stringify(blank)\n}\n\nasync function load(): Promise<void> {\n  if (props.id === null) return\n\n  loading.value = true\n\n  try {\n    take(await api.get(props.id))\n  } catch (error) {\n    toast.danger(message(error))\n    emit('back')\n  } finally {\n    loading.value = false\n  }\n}\n\nasync function save(): Promise<void> {\n  if (saving.value || !canManage.value) return\n\n  saving.value = true\n  errors.value = {}\n\n  try {\n    const made = props.id === null\n    const detail = made\n      ? await api.create(values.value)\n      : await api.save(props.id as number, values.value)\n\n    take(detail)\n    toast.success(t('member.saved'))\n    if (made) emit('created', detail.member)\n    else emit('saved', detail.member)\n  } catch (error) {\n    const body = (error as { body?: { errors?: Record<string, string[]> } }).body\n\n    if (body?.errors) {\n      errors.value = body.errors\n      toast.danger(t('member.save-failed'))\n    } else {\n      toast.danger(message(error))\n    }\n  } finally {\n    saving.value = false\n  }\n}\n\nasync function remove(): Promise<void> {\n  const record = member.value\n\n  if (!record) return\n\n  const agreed = await confirm({\n    title: t('member.delete-title', { name: record.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(record.id)\n    toast.success(t('member.deleted'))\n    // Nothing left to protect: the record is in the bin.\n    snapshot.value = current.value\n    emit('removed', record.id)\n  } catch (error) {\n    toast.danger(message(error))\n  }\n}\n\n/* The browser's own guard: it cannot wait for a request, so all it can do is ask. */\nfunction leaveGuard(event: BeforeUnloadEvent): void {\n  if (dirty.value) event.preventDefault()\n}\n\n/* Ctrl+S saves, as it does everywhere else that has a save button. */\nfunction onKeydown(event: KeyboardEvent): void {\n  if ((event.ctrlKey || event.metaKey) && event.key.toLowerCase() === 's') {\n    event.preventDefault()\n    if (dirty.value || props.id === null) void save()\n  }\n}\n\n// And from the page around the form, where a click on empty space leaves the focus.\nuseBodyKeys(onKeydown)\n\nonMounted(() => {\n  void load()\n  window.addEventListener('beforeunload', leaveGuard)\n})\n\nonBeforeUnmount(() => {\n  window.removeEventListener('beforeunload', leaveGuard)\n})\n\nasync function mayLeave(): Promise<boolean> {\n  if (!dirty.value || !canManage.value) return true\n\n  return await confirm({\n    title: t('member.leave-title'),\n    message: t('member.leave-text'),\n    confirmText: t('member.leave'),\n    cancelText: t('member.cancel'),\n    tone: 'danger',\n  })\n}\n\n/*\n * The list and this form are one route, so another person is an update of it rather than a way\n * out — and so is every keystroke in the search above the list, which goes into the address too.\n * Only a change of the person asks.\n */\nonBeforeRouteUpdate(async (to: RouteLocationNormalized, from: RouteLocationNormalized) =>\n  to.query.member === from.query.member ? true : await mayLeave(),\n)\n\nonBeforeRouteLeave(mayLeave)\n\n/* What leads away from the person. On a narrow pane the head folds them into the ···. */\nconst actions = computed<ScreenAction[]>(() =>\n  canManage.value && member.value !== null\n    ? [\n        {\n          key: 'delete',\n          label: t('member.delete'),\n          icon: 'trash',\n          danger: true,\n          menu: true,\n          run: () => void remove(),\n        },\n      ]\n    : [],\n)\n</script>\n\n<template>\n  <div class=\"wx-member\" @keydown=\"onKeydown\">\n    <wx-skeleton v-if=\"loading\" class=\"wx-member__ghost\" title :rows=\"6\" />\n\n    <template v-else>\n      <wx-screen-head\n        :level=\"3\"\n        :back=\"!props.inline\"\n        :back-label=\"t('member.back')\"\n        :title=\"title\"\n        :actions=\"actions\"\n        :collapse-below=\"480\"\n        @back=\"emit('back')\"\n      >\n        <template v-if=\"member && !member.published\" #title-after>\n          <wx-badge dot>{{ t('member.not-published') }}</wx-badge>\n        </template>\n      </wx-screen-head>\n\n      <wx-screen\n        v-model=\"values\"\n        name=\"team.form\"\n        :errors=\"errors\"\n        :disabled=\"!canManage || saving\"\n      />\n\n      <wx-action-bar v-if=\"canManage\">\n        <template #state>\n          <wx-save-state :state=\"state\" />\n        </template>\n\n        <wx-button\n          type=\"primary\"\n          :loading=\"saving\"\n          :disabled=\"!dirty && props.id !== null\"\n          @click=\"save\"\n        >\n          {{ t('member.save') }}\n        </wx-button>\n      </wx-action-bar>\n    </template>\n  </div>\n</template>\n\n<style scoped>\n.wx-member {\n  display: flex;\n  flex-direction: column;\n  gap: var(--wx-gap, var(--wx-space-16));\n  min-width: 0;\n  padding: var(--wx-gap, var(--wx-space-16));\n  container-type: inline-size;\n}\n\n.wx-member__ghost {\n  max-width: 480px;\n}\n</style>\n","import { defineAsyncComponent } from 'vue'\nexport { team, type TeamOptions } from './module'\nexport { createTeamApi, TEAM_API, type TeamApi } from './api'\nexport { teamMessages } from './messages'\nexport const WxTeamPage = defineAsyncComponent(() => import('./TeamPage.vue'))\nexport { default as WxMemberPane } from './MemberPane.vue'\nexport type {\n  MemberDetail,\n  MemberQuery,\n  MemberRow,\n  MembersList,\n  MemberSummary,\n  SocialLink,\n} from './types'\n"],"names":["team","options","path","TEAM_API","createTeamApi","admin","base","data","body","query","search","id","values","ids","reorderItems","teamMessages","seeded","useTeamMessages","i18n","useAdmin","props","__props","emit","__emit","context","api","locales","useLocales","t","useTranslate","message","useErrorText","member","ref","snapshot","loading","saving","errors","canManage","computed","current","dirty","state","title","written","fallback","localizedValue","take","detail","blank","load","error","toast","save","made","remove","record","confirm","leaveGuard","event","onKeydown","useBodyKeys","onMounted","onBeforeUnmount","mayLeave","onBeforeRouteUpdate","to","from","onBeforeRouteLeave","actions","_createElementBlock","_createBlock","_unref","WxSkeleton","_Fragment","_createVNode","WxScreenHead","WxBadge","WxScreen","$event","WxActionBar","WxSaveState","WxButton","WxTeamPage","defineAsyncComponent"],"mappings":";;;;AAaO,SAASA,GAAKC,IAAuB,IAAiB;AAC3D,QAAMC,IAAOD,EAAQ,QAAQ;AAE7B,SAAO;AAAA,IACL,IAAI;AAAA,IACJ,MAAAC;AAAA;AAAA;AAAA,IAGA,QAAQ;AAAA,MACN,EAAE,MAAAA,GAAM,MAAM,aAAa,WAAW,MAAM,OAAO,wBAAgB,GAAG,OAAO,EAAE,MAAMA,IAAK;AAAA,IAAE;AAAA,EAC9F;AAEJ;ACJO,MAAMC,IAAW;AAGjB,SAASC,GAAcC,GAA8B;AAC1D,QAAMC,IAAO,GAAGD,EAAM,OAAO,IAAIF,CAAQ,IACnCI,IAAO,CAAIC,MAAyBA,EAAK;AAE/C,SAAO;AAAA,IACL,MAAM,CAACC,IAAQ,OAAO;AACpB,YAAMC,IAAS,IAAI,gBAAA;AAEnB,aAAID,EAAM,UAAQC,EAAO,IAAI,UAAUD,EAAM,MAAM,GAC/CA,EAAM,WAASC,EAAO,IAAI,WAAW,GAAG,GAErCL,EAAM,KAAK,IAAiBK,EAAO,OAAO,IAAI,GAAGJ,CAAI,IAAII,CAAM,KAAKJ,CAAI;AAAA,IACjF;AAAA,IACA,KAAK,CAACK,MAAON,EAAM,KAAK,IAA4B,GAAGC,CAAI,IAAIK,CAAE,EAAE,EAAE,KAAKJ,CAAI;AAAA,IAC9E,QAAQ,CAACK,MAAWP,EAAM,KAAK,KAA6BC,GAAM,EAAE,QAAAM,EAAA,CAAQ,EAAE,KAAKL,CAAI;AAAA,IACvF,MAAM,CAACI,GAAIC,MACTP,EAAM,KAAK,IAA4B,GAAGC,CAAI,IAAIK,CAAE,IAAI,EAAE,QAAAC,GAAQ,EAAE,KAAKL,CAAI;AAAA,IAC/E,QAAQ,CAACI,MAAON,EAAM,KAAK,OAAa,GAAGC,CAAI,IAAIK,CAAE,EAAE,EAAE,KAAK,MAAA;AAAA,KAAe;AAAA;AAAA,IAE7E,SAAS,CAACA,MAAON,EAAM,KAAK,KAA0B,GAAGC,CAAI,IAAIK,CAAE,YAAY,CAAA,CAAE,EAAE,KAAKJ,CAAI;AAAA,IAC5F,SAAS,CAACM,MAAQC,EAAaT,GAAOF,GAAUU,GAAK,IAAI;AAAA,EAAA;AAE7D;ACvCO,MAAME,KAAyC;AAAA,EACpD,QAAQ;AAAA,IACN,MAAM;AAAA,EAAA;AAAA,EAER,QAAQ;AAAA,IACN,KAAK;AAAA,IACL,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,KAAK;AAAA,IACL,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,gBAAgB;AAAA,IAChB,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,IACP,eAAe;AAAA,IACf,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,eACE;AAAA,IACF,SAAS;AAAA,IACT,SAAS;AAAA,IACT,UAAU;AAAA,IACV,kBAAkB;AAAA,IAClB,eAAe;AAAA,IACf,cAAc;AAAA,IACd,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAER,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,cAAc;AAAA,IACd,MAAM;AAAA,IACN,aACE;AAAA,IACF,aAAa;AAAA,IACb,kBACE;AAAA,IACF,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aAAa;AAAA,IACb,OAAO;AAAA,IACP,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,SAAS;AAAA,IACT,uBAAuB;AAAA,IACvB,KAAK;AAAA,IACL,UAAU;AAAA,IACV,iBACE;AAAA,IACF,UAAU;AAAA,IACV,WAAW;AAAA,IACX,kBAAkB;AAAA,EAAA;AAEtB,GCpEMC,wBAAa,QAAA;AAGZ,SAASC,KAAwB;AACtC,MAAI;AACF,UAAM,EAAE,MAAAC,EAAA,IAASC,EAAA;AAEjB,IAAKH,EAAO,IAAIE,CAAI,MAClBA,EAAK,SAAS,aAAaH,EAAY,GACvCC,EAAO,IAAIE,CAAI;AAAA,EAEnB,QAAQ;AAAA,EAER;AACF;;;;;;;;;;AC2BA,UAAME,IAAQC,GAURC,IAAOC,GASPC,IAAUL,EAAA,GACVM,IAAMrB,GAAcoB,CAAO,GAC3BE,IAAUC,GAAA;AAChB,IAAAV,GAAA;AAEA,UAAMW,IAAIC,GAAa,WAAW,GAE5BC,IAAUC,GAAA,GAEVC,IAASC,EAA0B,IAAI,GACvCrB,IAASqB,EAAiB,EAAE,GAC5BC,IAAWD,EAAI,EAAE,GAEjBE,IAAUF,EAAIb,EAAM,OAAO,IAAI,GAC/BgB,IAASH,EAAI,EAAK,GAClBI,IAASJ,EAA8B,EAAE,GAEzCK,IAAYC,EAAS,MAAMf,EAAQ,IAAI,aAAa,CAAC,GAErDgB,IAAUD,EAAS,MAAM,KAAK,UAAU3B,EAAO,KAAK,CAAC,GACrD6B,IAAQF,EAAS,MAAML,EAAS,UAAU,MAAMM,EAAQ,UAAUN,EAAS,KAAK,GAEhFQ,IAAQH,EAAyC,MACjDH,EAAO,QAAc,WAElBK,EAAM,SAASrB,EAAM,OAAO,OAAO,YAAY,OACvD,GAGKuB,IAAQJ,EAAS,MAAM;AAC3B,YAAMK,IAAUhC,EAAO,MAAM,MACvBiC,IAAWzB,EAAM,OAAO,OAAOQ,EAAE,YAAY,IAAKI,EAAO,OAAO,QAAQ;AAE9E,aAAOc,GAAeF,GAASlB,EAAQ,OAAO,OAAOmB,CAAQ,KAAKjB,EAAE,iBAAiB;AAAA,IACvF,CAAC;AAED,aAASmB,EAAKC,GAA4B;AACxC,MAAAhB,EAAO,QAAQgB,EAAO,QACtBpC,EAAO,QAAQoC,EAAO,QACtBd,EAAS,QAAQ,KAAK,UAAUc,EAAO,MAAM;AAAA,IAC/C;AAEA,QAAI5B,EAAM,OAAO,MAAM;AAGrB,YAAM6B,IAAqB;AAAA,QACzB,MAAM,CAAA;AAAA,QACN,WAAW,CAAA;AAAA,QACX,MAAM,CAAA;AAAA,QACN,OAAO;AAAA,QACP,SAAS,CAAA;AAAA,QACT,WAAW;AAAA,MAAA;AAGb,MAAArC,EAAO,QAAQqC,GACff,EAAS,QAAQ,KAAK,UAAUe,CAAK;AAAA,IACvC;AAEA,mBAAeC,IAAsB;AACnC,UAAI9B,EAAM,OAAO,MAEjB;AAAA,QAAAe,EAAQ,QAAQ;AAEhB,YAAI;AACF,UAAAY,EAAK,MAAMtB,EAAI,IAAIL,EAAM,EAAE,CAAC;AAAA,QAC9B,SAAS+B,GAAO;AACd,UAAAC,EAAM,OAAOtB,EAAQqB,CAAK,CAAC,GAC3B7B,EAAK,MAAM;AAAA,QACb,UAAA;AACE,UAAAa,EAAQ,QAAQ;AAAA,QAClB;AAAA;AAAA,IACF;AAEA,mBAAekB,IAAsB;AACnC,UAAI,EAAAjB,EAAO,SAAS,CAACE,EAAU,QAE/B;AAAA,QAAAF,EAAO,QAAQ,IACfC,EAAO,QAAQ,CAAA;AAEf,YAAI;AACF,gBAAMiB,IAAOlC,EAAM,OAAO,MACpB4B,IAASM,IACX,MAAM7B,EAAI,OAAOb,EAAO,KAAK,IAC7B,MAAMa,EAAI,KAAKL,EAAM,IAAcR,EAAO,KAAK;AAEnD,UAAAmC,EAAKC,CAAM,GACXI,EAAM,QAAQxB,EAAE,cAAc,CAAC,GACrBN,EAANgC,IAAW,YACL,SADgBN,EAAO,MAAM;AAAA,QAEzC,SAASG,GAAO;AACd,gBAAM3C,IAAQ2C,EAA2D;AAEzE,UAAI3C,GAAM,UACR6B,EAAO,QAAQ7B,EAAK,QACpB4C,EAAM,OAAOxB,EAAE,oBAAoB,CAAC,KAEpCwB,EAAM,OAAOtB,EAAQqB,CAAK,CAAC;AAAA,QAE/B,UAAA;AACE,UAAAf,EAAO,QAAQ;AAAA,QACjB;AAAA;AAAA,IACF;AAEA,mBAAemB,IAAwB;AACrC,YAAMC,IAASxB,EAAO;AAYtB,UAVI,GAACwB,KAUD,CARW,MAAMC,EAAQ;AAAA,QAC3B,OAAO7B,EAAE,uBAAuB,EAAE,MAAM4B,EAAO,MAAM;AAAA,QACrD,SAAS5B,EAAE,oBAAoB;AAAA,QAC/B,aAAaA,EAAE,eAAe;AAAA,QAC9B,YAAYA,EAAE,eAAe;AAAA,QAC7B,MAAM;AAAA,MAAA,CACP;AAID,YAAI;AACF,gBAAMH,EAAI,OAAO+B,EAAO,EAAE,GAC1BJ,EAAM,QAAQxB,EAAE,gBAAgB,CAAC,GAEjCM,EAAS,QAAQM,EAAQ,OACzBlB,EAAK,WAAWkC,EAAO,EAAE;AAAA,QAC3B,SAASL,GAAO;AACd,UAAAC,EAAM,OAAOtB,EAAQqB,CAAK,CAAC;AAAA,QAC7B;AAAA,IACF;AAGA,aAASO,EAAWC,GAAgC;AAClD,MAAIlB,EAAM,SAAOkB,EAAM,eAAA;AAAA,IACzB;AAGA,aAASC,EAAUD,GAA4B;AAC7C,OAAKA,EAAM,WAAWA,EAAM,YAAYA,EAAM,IAAI,YAAA,MAAkB,QAClEA,EAAM,eAAA,IACFlB,EAAM,SAASrB,EAAM,OAAO,SAAWiC,EAAA;AAAA,IAE/C;AAGA,IAAAQ,GAAYD,CAAS,GAErBE,EAAU,MAAM;AACd,MAAKZ,EAAA,GACL,OAAO,iBAAiB,gBAAgBQ,CAAU;AAAA,IACpD,CAAC,GAEDK,EAAgB,MAAM;AACpB,aAAO,oBAAoB,gBAAgBL,CAAU;AAAA,IACvD,CAAC;AAED,mBAAeM,IAA6B;AAC1C,aAAI,CAACvB,EAAM,SAAS,CAACH,EAAU,QAAc,KAEtC,MAAMmB,EAAQ;AAAA,QACnB,OAAO7B,EAAE,oBAAoB;AAAA,QAC7B,SAASA,EAAE,mBAAmB;AAAA,QAC9B,aAAaA,EAAE,cAAc;AAAA,QAC7B,YAAYA,EAAE,eAAe;AAAA,QAC7B,MAAM;AAAA,MAAA,CACP;AAAA,IACH;AAOA,IAAAqC;AAAA,MAAoB,OAAOC,GAA6BC,MACtDD,EAAG,MAAM,WAAWC,EAAK,MAAM,SAAS,KAAO,MAAMH,EAAA;AAAA,IAAS,GAGhEI,GAAmBJ,CAAQ;AAG3B,UAAMK,IAAU9B;AAAA,MAAyB,MACvCD,EAAU,SAASN,EAAO,UAAU,OAChC;AAAA,QACE;AAAA,UACE,KAAK;AAAA,UACL,OAAOJ,EAAE,eAAe;AAAA,UACxB,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,KAAK,MAAA;AAAM,YAAK2B,EAAA;AAAA;AAAA,QAAO;AAAA,MACzB,IAEF,CAAA;AAAA,IAAC;2BAKLe,EAwCM,OAAA;AAAA,MAxCD,OAAM;AAAA,MAAa,WAAAV;AAAA,IAAA;MACHzB,EAAA,cAAnBoC,EAAuEC,EAAAC,EAAA,GAAA;AAAA;QAA3C,OAAM;AAAA,QAAmB,OAAA;AAAA,QAAO,MAAM;AAAA,MAAA,YAElEH,EAoCWI,GAAA,EAAA,KAAA,KAAA;AAAA,QAnCTC,EAYiBH,EAAAI,EAAA,GAAA;AAAA,UAXd,OAAO;AAAA,UACP,MAAI,CAAGxD,EAAM;AAAA,UACb,cAAYoD,EAAA5C,CAAA,EAAC,aAAA;AAAA,UACb,OAAOe,EAAA;AAAA,UACP,SAAS0B,EAAA;AAAA,UACT,kBAAgB;AAAA,UAChB,+BAAM/C,EAAI,MAAA;AAAA,QAAA;UAEKU,EAAA,SAAM,CAAKA,EAAA,MAAO;kBAAY;AAAA,kBAC5C,MAAwD;AAAA,cAAxD2C,EAAwDH,EAAAK,EAAA,GAAA,EAA9C,KAAA,MAAG;AAAA,2BAAC,MAA+B;AAAA,sBAA5BL,EAAA5C,CAAA,EAAC,sBAAA,CAAA,GAAA,CAAA;AAAA,gBAAA;;;;;;;QAItB+C,EAKEH,EAAAM,EAAA,GAAA;AAAA,sBAJSlE,EAAA;AAAA,wDAAAA,EAAM,QAAAmE;AAAA,UACf,MAAK;AAAA,UACJ,QAAQ1C,EAAA;AAAA,UACR,UAAQ,CAAGC,EAAA,SAAaF,EAAA;AAAA,QAAA;QAGNE,EAAA,cAArBiC,EAagBC,EAAAQ,EAAA,GAAA,EAAA,KAAA,KAAA;AAAA,UAZH,SACT,MAAgC;AAAA,YAAhCL,EAAgCH,EAAAS,EAAA,GAAA,EAAhB,OAAOvC,EAAA,SAAK,MAAA,GAAA,CAAA,OAAA,CAAA;AAAA,UAAA;qBAG9B,MAOY;AAAA,YAPZiC,EAOYH,EAAAU,EAAA,GAAA;AAAA,cANV,MAAK;AAAA,cACJ,SAAS9C,EAAA;AAAA,cACT,UAAQ,CAAGK,EAAA,SAASrB,EAAM,OAAE;AAAA,cAC5B,SAAOiC;AAAA,YAAA;yBAER,MAAsB;AAAA,oBAAnBmB,EAAA5C,CAAA,EAAC,aAAA,CAAA,GAAA,CAAA;AAAA,cAAA;;;;;;;;;;;;;;oEClSDuD,KAAaC,EAAqB,MAAM,OAAO,wBAAgB,CAAC;"}

package/dist/index.d.ts

@@ -1,6 +1,12 @@
 export { team, type TeamOptions } from './module';
 export { createTeamApi, TEAM_API, type TeamApi } from './api';
 export { teamMessages } from './messages';
-export { default as WxTeamPage } from './TeamPage';
+export declare const WxTeamPage: import('vue').DefineComponent<{
+    base?: string;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    base?: string;
+}> & Readonly<{}>, {
+    base: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export { default as WxMemberPane } from './MemberPane';
 export type { MemberDetail, MemberQuery, MemberRow, MembersList, MemberSummary, SocialLink, } from './types';

package/dist/index.js

@@ -1,556 +1,11 @@
-import { defineComponent as ae, ref as S, computed as v, onMounted as me, onBeforeUnmount as ne, openBlock as y, createElementBlock as A, createBlock as N, unref as n, Fragment as le, createVNode as b, createSlots as ve, withCtx as p, createTextVNode as O, toDisplayString as L, createCommentVNode as V, watch as Y, createElementVNode as K, normalizeClass as F, resolveDynamicComponent as be } from "vue";
-import { onBeforeRouteUpdate as pe, onBeforeRouteLeave as he, useRoute as fe, useRouter as ye } from "vue-router";
-import { useLocales as we, localizedValue as ge, WxSkeleton as re, WxBadge as oe, WxActionBar as xe, WxButton as _e, toast as x, confirm as G, WxCard as ke, WxListDetail as Te, WxEmpty as Z, WxInput as Se, WxIcon as ee, WxSortableList as We, WxAvatar as Ne, WxAlert as qe } from "@webx-ui/core";
-import { reorderItems as Be, useAdmin as Q, useTranslate as se, useErrorText as ie, useBodyKeys as $e, WxScreenHead as Ce, WxScreen as Pe, WxSaveState as Ve, useItemOrder as Ae, WxListScreen as Le, WxRowMenu as Me } from "@webx-ui/module-admin";
-const H = "team";
-function ue(i) {
-  const u = `${i.apiPath}/${H}`, s = (t) => t.data;
-  return {
-    list: (t = {}) => {
-      const c = new URLSearchParams();
-      return t.search && c.set("search", t.search), t.trashed && c.set("trashed", "1"), i.http.get(c.size > 0 ? `${u}?${c}` : u);
-    },
-    get: (t) => i.http.get(`${u}/${t}`).then(s),
-    create: (t) => i.http.post(u, { values: t }).then(s),
-    save: (t, c) => i.http.put(`${u}/${t}`, { values: c }).then(s),
-    remove: (t) => i.http.delete(`${u}/${t}`).then(() => {
-    }),
-    // The resource of the list line, and not the form's pair: a restored person stays closed.
-    restore: (t) => i.http.post(`${u}/${t}/restore`, {}).then(s),
-    reorder: (t) => Be(i, H, t, null)
-  };
-}
-const Re = {
-  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."
-  }
-}, te = /* @__PURE__ */ new WeakSet();
-function de() {
-  try {
-    const { i18n: i } = Q();
-    te.has(i) || (i.defaults("webx-team", Re), te.add(i));
-  } catch {
-  }
-}
-const Ue = /* @__PURE__ */ ae({
-  name: "WxMemberPane",
-  __name: "MemberPane",
-  props: {
-    id: {},
-    inline: { type: Boolean, default: !0 }
-  },
-  emits: ["back", "saved", "created", "removed"],
-  setup(i, { emit: u }) {
-    const s = i, t = u, c = Q(), l = ue(c), $ = we();
-    de();
-    const o = se("webx-team"), W = ie(), w = S(null), _ = S({}), k = S(""), h = S(s.id !== null), g = S(!1), q = S({}), f = v(() => c.can("team.manage")), M = v(() => JSON.stringify(_.value)), B = v(() => k.value !== "" && M.value !== k.value), R = v(() => g.value ? "saving" : B.value || s.id === null ? "unsaved" : "saved"), z = v(() => {
-      const a = _.value.name, d = s.id === null ? o("member.new") : w.value?.name ?? "";
-      return ge(a, $.active.value, d) || o("member.untitled");
-    });
-    function D(a) {
-      w.value = a.member, _.value = a.values, k.value = JSON.stringify(a.values);
-    }
-    if (s.id === null) {
-      const a = {
-        name: {},
-        job_title: {},
-        text: {},
-        photo: null,
-        socials: [],
-        published: !1
-      };
-      _.value = a, k.value = JSON.stringify(a);
-    }
-    async function T() {
-      if (s.id !== null) {
-        h.value = !0;
-        try {
-          D(await l.get(s.id));
-        } catch (a) {
-          x.danger(W(a)), t("back");
-        } finally {
-          h.value = !1;
-        }
-      }
-    }
-    async function C() {
-      if (!(g.value || !f.value)) {
-        g.value = !0, q.value = {};
-        try {
-          const a = s.id === null, d = a ? await l.create(_.value) : await l.save(s.id, _.value);
-          D(d), x.success(o("member.saved")), t(a ? "created" : "saved", d.member);
-        } catch (a) {
-          const d = a.body;
-          d?.errors ? (q.value = d.errors, x.danger(o("member.save-failed"))) : x.danger(W(a));
-        } finally {
-          g.value = !1;
-        }
-      }
-    }
-    async function U() {
-      const a = w.value;
-      if (!(!a || !await G({
-        title: o("member.delete-title", { name: a.name }),
-        message: o("member.delete-text"),
-        confirmText: o("member.delete"),
-        cancelText: o("member.cancel"),
-        tone: "danger"
-      })))
-        try {
-          await l.remove(a.id), x.success(o("member.deleted")), k.value = M.value, t("removed", a.id);
-        } catch (P) {
-          x.danger(W(P));
-        }
-    }
-    function j(a) {
-      B.value && a.preventDefault();
-    }
-    function I(a) {
-      (a.ctrlKey || a.metaKey) && a.key.toLowerCase() === "s" && (a.preventDefault(), (B.value || s.id === null) && C());
-    }
-    $e(I), me(() => {
-      T(), window.addEventListener("beforeunload", j);
-    }), ne(() => {
-      window.removeEventListener("beforeunload", j);
-    });
-    async function E() {
-      return !B.value || !f.value ? !0 : await G({
-        title: o("member.leave-title"),
-        message: o("member.leave-text"),
-        confirmText: o("member.leave"),
-        cancelText: o("member.cancel"),
-        tone: "danger"
-      });
-    }
-    pe(
-      async (a, d) => a.query.member === d.query.member ? !0 : await E()
-    ), he(E);
-    const J = v(
-      () => f.value && w.value !== null ? [
-        {
-          key: "delete",
-          label: o("member.delete"),
-          icon: "trash",
-          danger: !0,
-          menu: !0,
-          run: () => {
-            U();
-          }
-        }
-      ] : []
-    );
-    return (a, d) => (y(), A("div", {
-      class: "wx-member",
-      onKeydown: I
-    }, [
-      h.value ? (y(), N(n(re), {
-        key: 0,
-        class: "wx-member__ghost",
-        title: "",
-        rows: 6
-      })) : (y(), A(le, { key: 1 }, [
-        b(n(Ce), {
-          level: 3,
-          back: !s.inline,
-          "back-label": n(o)("member.back"),
-          title: z.value,
-          actions: J.value,
-          "collapse-below": 480,
-          onBack: d[0] || (d[0] = (P) => t("back"))
-        }, ve({ _: 2 }, [
-          w.value && !w.value.published ? {
-            name: "title-after",
-            fn: p(() => [
-              b(n(oe), { dot: "" }, {
-                default: p(() => [
-                  O(L(n(o)("member.not-published")), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["back", "back-label", "title", "actions"]),
-        b(n(Pe), {
-          modelValue: _.value,
-          "onUpdate:modelValue": d[1] || (d[1] = (P) => _.value = P),
-          name: "team.form",
-          errors: q.value,
-          disabled: !f.value || g.value
-        }, null, 8, ["modelValue", "errors", "disabled"]),
-        f.value ? (y(), N(n(xe), { key: 0 }, {
-          state: p(() => [
-            b(n(Ve), { state: R.value }, null, 8, ["state"])
-          ]),
-          default: p(() => [
-            b(n(_e), {
-              type: "primary",
-              loading: g.value,
-              disabled: !B.value && s.id !== null,
-              onClick: C
-            }, {
-              default: p(() => [
-                O(L(n(o)("member.save")), 1)
-              ]),
-              _: 1
-            }, 8, ["loading", "disabled"])
-          ]),
-          _: 1
-        })) : V("", !0)
-      ], 64))
-    ], 32));
-  }
-}), ce = (i, u) => {
-  const s = i.__vccOpts || i;
-  for (const [t, c] of u)
-    s[t] = c;
-  return s;
-}, je = /* @__PURE__ */ ce(Ue, [["__scopeId", "data-v-443f6ebd"]]), ze = { class: "wx-team__bar" }, De = { class: "wx-member-row__body" }, Ie = { class: "wx-member-row__name" }, Ee = {
-  key: 0,
-  class: "wx-member-row__job"
-}, Oe = {
-  key: 1,
-  class: "wx-member-row__facts"
-}, Je = /* @__PURE__ */ ae({
-  __name: "TeamPage",
-  props: {
-    base: { default: "/team" }
-  },
-  setup(i) {
-    const u = Q(), s = ue(u), t = fe(), c = ye();
-    de();
-    const l = se("webx-team"), $ = ie(), o = S([]), W = S(!0), w = v(() => u.can("team.manage")), _ = v(
-      () => u.state.manifest?.modules.find((e) => e.id === "team")?.title ?? l("module.team")
-    ), k = v({
-      get: () => t.query.view === "trashed" ? "trashed" : "",
-      set: (e) => {
-        const m = {
-          ...t.query,
-          view: e === "" ? void 0 : String(e)
-        };
-        delete m.member, c.replace({ query: m });
-      }
-    }), h = v(() => k.value === "trashed"), g = v(() => typeof t.query.q == "string" ? t.query.q : ""), q = S(g.value), f = v(() => {
-      const e = t.query.member;
-      return e === "new" ? w.value ? "new" : null : typeof e == "string" && e !== "" && Number(e) || null;
-    }), M = v({
-      get: () => f.value !== null,
-      set: (e) => {
-        e || j();
-      }
-    }), B = v(() => [
-      { value: "", label: l("member.all") },
-      { value: "trashed", label: l("member.trashed"), icon: "trash" }
-    ]), R = Ae(H, () => ({ q: g.value, filtered: h.value })), z = v(() => w.value && R.sortable.value), D = v(() => g.value !== "" ? l("member.empty-search") : h.value ? l("member.empty-bin") : l("member.empty"));
-    async function T() {
-      W.value = !0;
-      try {
-        const e = await s.list({ search: g.value, trashed: h.value });
-        o.value = e.data;
-      } catch (e) {
-        x.danger($(e));
-      } finally {
-        W.value = !1;
-      }
-    }
-    Y(
-      () => [k.value, g.value],
-      () => {
-        T();
-      }
-    ), T();
-    let C;
-    Y(q, (e) => {
-      clearTimeout(C), C = setTimeout(() => {
-        c.replace({ query: { ...t.query, q: e.trim() === "" ? void 0 : e } });
-      }, 300);
-    }), ne(() => clearTimeout(C));
-    function U(e) {
-      c.replace({ query: { ...t.query, member: String(e) } });
-    }
-    function j() {
-      const e = { ...t.query };
-      delete e.member, c.replace({ query: e });
-    }
-    function I(e) {
-      U(e.id), T();
-    }
-    async function E() {
-      try {
-        await R.move(o.value.map((e) => e.id));
-      } catch (e) {
-        x.danger($(e, l("member.reorder-failed"))), await T();
-      }
-    }
-    function J(e) {
-      return w.value ? h.value ? [
-        {
-          key: "restore",
-          icon: "refresh",
-          label: l("member.restore"),
-          run: () => {
-            P(e);
-          }
-        }
-      ] : [
-        {
-          key: "delete",
-          icon: "trash",
-          label: l("member.delete"),
-          danger: !0,
-          run: () => {
-            a(e);
-          }
-        }
-      ] : [];
-    }
-    async function a(e) {
-      if (await G({
-        title: l("member.delete-title", { name: e.name }),
-        message: l("member.delete-text"),
-        confirmText: l("member.delete"),
-        cancelText: l("member.cancel"),
-        tone: "danger"
-      }))
-        try {
-          await s.remove(e.id), x.success(l("member.deleted")), d(e.id);
-        } catch (r) {
-          x.danger($(r));
-        }
-    }
-    function d(e) {
-      f.value === e && j(), T();
-    }
-    async function P(e) {
-      try {
-        await s.restore(e.id), x.success(l("member.restored"));
-      } catch (m) {
-        x.danger($(m));
-      } finally {
-        await T();
-      }
-    }
-    return (e, m) => (y(), N(n(Le), {
-      view: k.value,
-      "onUpdate:view": m[4] || (m[4] = (r) => k.value = r),
-      title: _.value,
-      views: B.value,
-      card: !1
-    }, {
-      default: p(() => [
-        b(n(ke), {
-          class: "wx-team",
-          padding: "none"
-        }, {
-          default: p(() => [
-            b(n(Te), {
-              open: M.value,
-              "onUpdate:open": m[3] || (m[3] = (r) => M.value = r),
-              class: "wx-team__panes",
-              "list-width": 360,
-              "detail-min": 460,
-              "detail-label": n(l)("module.team")
-            }, {
-              list: p(() => [
-                K("div", ze, [
-                  b(n(Se), {
-                    modelValue: q.value,
-                    "onUpdate:modelValue": m[0] || (m[0] = (r) => q.value = r),
-                    class: "wx-team__search",
-                    size: "sm",
-                    clearable: "",
-                    placeholder: n(l)("member.search"),
-                    "aria-label": n(l)("member.search")
-                  }, {
-                    prefix: p(() => [
-                      b(n(ee), {
-                        name: "search",
-                        size: "sm"
-                      })
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue", "placeholder", "aria-label"])
-                ]),
-                w.value && !h.value ? (y(), A("button", {
-                  key: 0,
-                  type: "button",
-                  class: F(["wx-team__new", { "is-current": f.value === "new" }]),
-                  onClick: m[1] || (m[1] = (r) => U("new"))
-                }, [
-                  b(n(ee), {
-                    name: "plus",
-                    size: "sm"
-                  }),
-                  O(" " + L(n(l)("member.new")), 1)
-                ], 2)) : V("", !0),
-                W.value && o.value.length === 0 ? (y(), N(n(re), {
-                  key: 1,
-                  class: "wx-team__loading",
-                  rows: 5
-                })) : o.value.length === 0 ? (y(), N(n(Z), {
-                  key: 2,
-                  title: D.value,
-                  description: !h.value && g.value === "" ? n(l)("member.empty-help") : void 0
-                }, null, 8, ["title", "description"])) : (y(), A(le, { key: 3 }, [
-                  b(n(We), {
-                    modelValue: o.value,
-                    "onUpdate:modelValue": m[2] || (m[2] = (r) => o.value = r),
-                    class: F(["wx-team__list", { "is-loading": W.value }]),
-                    hoverable: "",
-                    plain: "",
-                    "item-key": "id",
-                    handle: z.value ? "grip" : "row",
-                    "item-label": (r) => r.name,
-                    disabled: !z.value,
-                    onMove: E
-                  }, {
-                    default: p(({ item: r }) => [
-                      (y(), N(be(h.value ? "div" : "button"), {
-                        type: h.value ? void 0 : "button",
-                        class: F(["wx-member-row", { "is-current": f.value === r.id }]),
-                        onClick: (X) => h.value ? void 0 : U(r.id)
-                      }, {
-                        default: p(() => [
-                          b(n(Ne), {
-                            class: "wx-member-row__photo",
-                            src: r.photo?.thumb ?? void 0,
-                            name: r.name,
-                            size: "md"
-                          }, null, 8, ["src", "name"]),
-                          K("span", De, [
-                            K("span", Ie, L(r.name), 1),
-                            r.job_title ? (y(), A("span", Ee, L(r.job_title), 1)) : V("", !0),
-                            r.published ? V("", !0) : (y(), A("span", Oe, [
-                              b(n(oe), {
-                                dot: "",
-                                size: "sm"
-                              }, {
-                                default: p(() => [
-                                  O(L(n(l)("member.not-published")), 1)
-                                ]),
-                                _: 1
-                              })
-                            ]))
-                          ])
-                        ]),
-                        _: 2
-                      }, 1032, ["type", "class", "onClick"]))
-                    ]),
-                    actions: p(({ item: r }) => [
-                      b(n(Me), {
-                        actions: J(r),
-                        label: r.name
-                      }, null, 8, ["actions", "label"])
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue", "class", "handle", "item-label", "disabled"]),
-                  w.value && !h.value ? (y(), N(n(qe), {
-                    key: 0,
-                    class: "wx-team__note",
-                    type: "info",
-                    description: n(R).hint.value
-                  }, null, 8, ["description"])) : V("", !0)
-                ], 64))
-              ]),
-              detail: p(({ inline: r, back: X }) => [
-                f.value !== null ? (y(), N(je, {
-                  id: f.value === "new" ? null : f.value,
-                  key: String(f.value),
-                  inline: r,
-                  onBack: X,
-                  onSaved: T,
-                  onCreated: I,
-                  onRemoved: d
-                }, null, 8, ["id", "inline", "onBack"])) : V("", !0)
-              ]),
-              empty: p(() => [
-                b(n(Z), {
-                  title: n(l)("member.choose"),
-                  description: w.value ? n(l)("member.choose-help") : void 0
-                }, null, 8, ["title", "description"])
-              ]),
-              _: 1
-            }, 8, ["open", "detail-label"])
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 8, ["view", "title", "views"]));
-  }
-}), Ke = /* @__PURE__ */ ce(Je, [["__scopeId", "data-v-9de1c5bb"]]);
-function Xe(i = {}) {
-  const u = i.path ?? "/team";
-  return {
-    id: "team",
-    path: u,
-    // 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: u, name: "webx.team", component: Ke, props: { base: u } }]
-  };
-}
+import "vue";
+import { T as m, M as t, W as r, c as M, t as T, a as o } from "./index-Dq5upQx6.js";
 export {
-  H as TEAM_API,
-  je as WxMemberPane,
-  Ke as WxTeamPage,
-  ue as createTeamApi,
-  Xe as team,
-  Re as teamMessages
+  m as TEAM_API,
+  t as WxMemberPane,
+  r as WxTeamPage,
+  M as createTeamApi,
+  T as team,
+  o as teamMessages
 };
 //# sourceMappingURL=index.js.map