@webx-ui/module-vacancies 0.1.0

package/dist/index.js

@@ -0,0 +1,1296 @@
+import { reorderItems as Ke, useAdmin as oe, useTranslate as ue, useErrorText as ke, WxListScreen as je, WxFilterChips as Ye, WxRowMenu as Ge, useDates as Je, provideRelationOwner as Qe, provideRecordAddress as Xe, WxScreenHead as Ze, WxScreen as et, WxSaveState as tt, WxDate as at, categoryRoutes as nt } from "@webx-ui/module-admin";
+import { defineComponent as de, ref as $, useTemplateRef as lt, onMounted as Re, nextTick as st, openBlock as f, createBlock as V, unref as e, isRef as it, withCtx as i, createVNode as d, createElementVNode as O, withKeys as ot, createTextVNode as k, toDisplayString as g, computed as h, watch as ie, onBeforeUnmount as Se, createElementBlock as z, createCommentVNode as R, Fragment as ee, normalizeClass as qe, resolveDynamicComponent as rt, mergeProps as ct, renderList as De, provide as ut, inject as dt } from "vue";
+import { useRoute as Ee, useRouter as Oe, onBeforeRouteLeave as pt } from "vue-router";
+import { useModal as vt, WxDialog as ht, WxFormItem as xe, WxInput as Pe, WxSpace as yt, WxButton as K, createModal as ft, WxIcon as se, WxPopover as mt, WxSelect as Ve, WxIndicator as gt, WxAction as wt, WxSkeleton as ce, WxEmpty as ze, WxSortableList as bt, WxTooltip as We, WxBadge as Y, WxAlert as Ae, toast as _, confirm as G, useLocales as _t, localizedValue as xt, WxCard as kt, WxBreadcrumb as Tt, WxBreadcrumbItem as Ce, WxActionBar as $t, WxText as Vt } from "@webx-ui/core";
+const Ie = "vacancies";
+function pe(r) {
+  const c = `${r.apiPath}/${Ie}`, y = (n) => n.data, p = (n, m) => r.http.post(`${c}/${n}/${m}`, {}).then(y);
+  return {
+    list: (n = {}) => {
+      const m = new URLSearchParams();
+      return n.trashed ? m.set("trashed", "1") : m.set("state", n.state ?? "open"), n.q && m.set("q", n.q), n.category != null && m.set("category", String(n.category)), n.status && m.set("status", n.status), r.http.get(`${c}?${m}`);
+    },
+    get: (n) => r.http.get(`${c}/${n}`).then(y),
+    create: (n) => r.http.post(c, n).then(y),
+    save: (n, m) => r.http.put(`${c}/${n}`, m).then(y),
+    discard: (n) => r.http.post(`${c}/${n}/discard`, {}).then(y),
+    duplicate: (n) => r.http.post(`${c}/${n}/duplicate`, {}).then(y),
+    publish: (n) => p(n, "publish"),
+    unpublish: (n) => p(n, "unpublish"),
+    close: (n) => p(n, "close"),
+    reopen: (n) => p(n, "reopen"),
+    remove: (n) => r.http.delete(`${c}/${n}`).then(() => {
+    }),
+    restore: (n) => p(n, "restore"),
+    // No `category`, ever: vacancies have one order (§4.11), unlike services.
+    reorder: (n) => Ke(r, Ie, n, null),
+    versions: (n) => r.http.get(`${c}/${n}/versions`).then(y),
+    restoreVersion: (n, m) => r.http.post(`${c}/${n}/versions/${m}/restore`, {}).then(y)
+  };
+}
+const Wt = /^(\d{4})-(\d{2})-(\d{2})$/;
+function Me(r) {
+  const c = typeof r == "string" ? Wt.exec(r.slice(0, 10)) : null;
+  if (c === null) return null;
+  const [, y, p, n] = c, m = new Date(Number(y), Number(p) - 1, Number(n));
+  return Number.isNaN(m.getTime()) ? null : m;
+}
+function Ct(r, c, y = /* @__PURE__ */ new Date()) {
+  const p = Me(r);
+  return p === null ? "" : new Intl.DateTimeFormat(c, {
+    day: "numeric",
+    month: "short",
+    ...p.getFullYear() === y.getFullYear() ? {} : { year: "numeric" }
+  }).format(p);
+}
+function Le(r, c) {
+  const y = Me(r);
+  return y === null ? "" : new Intl.DateTimeFormat(c, { day: "numeric", month: "long", year: "numeric" }).format(y);
+}
+const It = {
+  module: {
+    group: "Vacancies",
+    vacancies: "Vacancies",
+    categories: "Categories"
+  },
+  panel: {
+    new: "New vacancy",
+    "new-title": "New vacancy",
+    "field-title": "Position",
+    create: "Create",
+    cancel: "Cancel",
+    search: "Search by position or address",
+    empty: "No vacancies yet.",
+    "empty-help": "A vacancy is who you are looking for: the position, where, the terms and the pay.",
+    "empty-open": "No open vacancies. The closed ones are on the next tab.",
+    "empty-closed": "No vacancy is closed.",
+    "empty-search": "Nothing matches that.",
+    "empty-bin": "The bin is empty.",
+    "status-draft": "Draft",
+    "status-published": "Live",
+    "status-modified": "Live",
+    "status-unpublished": "Off the site",
+    edits: "edits",
+    "closed-manual": "Closed",
+    "closed-expired": "Expired",
+    "closed-manual-help": "The hiring was closed by hand.",
+    "closed-expired-help": "Its last day is behind us.",
+    "no-address": "No address in this language",
+    "no-city": "No city",
+    until: "until :date",
+    "until-help": "Open to the end of :date",
+    "view-open": "Open",
+    "view-closed": "Closed",
+    "view-all": "All",
+    bin: "Bin",
+    filters: "Filters",
+    "filters-reset": "Reset the filters",
+    "filter-status": "State",
+    "any-status": "Any state",
+    "filter-category": "Category",
+    "any-category": "Any category",
+    "order-all": "Drag a vacancy by its handle to change the order the site lists them in.",
+    "order-closed": "The order is set on the Open and All tabs: a closed vacancy is on no list of the site.",
+    "order-locked": "The order can only be changed in the whole list — clear the search and the filters.",
+    "reorder-failed": "The new order was not saved.",
+    open: "Open",
+    "open-on-site": "Open on the site",
+    "copy-address": "Copy the address",
+    "address-copied": "The address is copied.",
+    duplicate: "Duplicate",
+    duplicated: "This is the copy: a draft. Change what differs and publish it.",
+    close: "Close the hiring",
+    reopen: "Reopen the hiring",
+    "close-title": "Close “:title”?",
+    "close-text": "It leaves every list of the site. Its page stays, marked as closed, so links from job boards still lead somewhere.",
+    "reopen-title": "Reopen “:title”?",
+    "reopen-text": "It is back on the lists of the site, unless its last day is already behind us.",
+    "reopen-expired": "Its last day is behind us, so it stays closed: change “Open until” in the editor to reopen it.",
+    closed: "The hiring is closed.",
+    reopened: "The hiring is open again.",
+    "close-edits": "This vacancy has edits waiting. Publish or discard them first — closing would put them on the site too.",
+    publish: "Publish",
+    unpublish: "Take off the site",
+    delete: "Delete",
+    restore: "Restore",
+    "delete-title": "Delete “:title”?",
+    "delete-text": "It goes to the bin and comes off the site, and its address is free again.",
+    deleted: "The vacancy is in the bin.",
+    restored: "The vacancy is back.",
+    published: "The vacancy is on the site.",
+    "unpublished-done": "The vacancy is off the site."
+  },
+  editor: {
+    trail: "Where this vacancy sits",
+    untitled: "Untitled",
+    save: "Save",
+    "save-failed": "The vacancy was not saved.",
+    "publish-title": "Put “:title” on the site?",
+    "publish-text": "It answers at :address from the moment you do, for everyone — with its categories and form as they are chosen now.",
+    "publish-nowhere": "It has no address in this language yet, so nothing will answer.",
+    preview: "Preview",
+    discard: "Discard changes",
+    "discard-title": "Discard what is waiting?",
+    "discard-text": "The vacancy goes back to what the site is showing. What was written since is not listed anywhere.",
+    discarded: "The vacancy is back to what is published.",
+    "conflict-title": "The vacancy changed while you were editing",
+    "conflict-mine": "Keep mine",
+    "conflict-theirs": "Take the newer version",
+    "conflict-theirs-title": "Give up what you wrote?",
+    "conflict-theirs-text": "The vacancy is read again as it now is, and what you have typed since goes.",
+    leave: "Leave",
+    "leave-title": "Leave without saving?",
+    "leave-text": "The vacancy could not be saved, and what you wrote is not on the server.",
+    "live-since": "On the site since :date",
+    "open-until": "Open until :date",
+    "address-moving": "The address is changing. The old one keeps working and leads to the new one.",
+    "history-empty": "This vacancy has never been published.",
+    version: "#:number",
+    "version-live": "On the site",
+    "source-panel": "From the panel",
+    "source-mcp": "By an agent",
+    "source-import": "Imported",
+    "restore-title": "Restore version :number?",
+    "restore-text": "It becomes the draft. The site keeps showing what is published until you publish this.",
+    "restore-version": "Restore",
+    "restored-version": "Version :number is now the draft."
+  },
+  category: {
+    new: "New category",
+    empty: "No categories yet.",
+    "empty-help": "A category is a group of vacancies — development, sales — and a filter of the list on the site. It has no page of its own.",
+    order: "Drag to change the order of the groups on the site.",
+    hidden: "Hidden from the site",
+    "no-page": "A group, with no page of its own",
+    vacancies: "Vacancies: :count",
+    "show-vacancies": "Show its vacancies",
+    "delete-blocked": "This category still holds vacancies. Move them first.",
+    "delete-text": "It goes to the bin. Its vacancies stay.",
+    deleted: "The category is in the bin.",
+    saved: "The category is saved.",
+    "field-title": "Title",
+    "field-slug": "Key",
+    "field-slug-help": "In the address of the filter: ?category=… Latin letters, digits and hyphens."
+  },
+  vacancy: {
+    workplace: {
+      onsite: "On site",
+      remote: "Remote",
+      hybrid: "Hybrid"
+    },
+    employment: {
+      FULL_TIME: "Full-time",
+      PART_TIME: "Part-time",
+      CONTRACTOR: "Contract",
+      TEMPORARY: "Temporary",
+      INTERN: "Internship",
+      VOLUNTEER: "Volunteer",
+      PER_DIEM: "Per day",
+      OTHER: "Other"
+    }
+  }
+};
+function Nt(r) {
+  return `vacancy.employment.${r}`;
+}
+const Ne = /* @__PURE__ */ new WeakSet();
+function ve() {
+  try {
+    const { i18n: r } = oe();
+    Ne.has(r) || (r.defaults("webx-vacancies", It), Ne.add(r));
+  } catch {
+  }
+}
+const Rt = /* @__PURE__ */ de({
+  __name: "VacancyCreateDialog",
+  setup(r) {
+    const { open: c, resolve: y, dismiss: p } = vt(), n = oe(), m = pe(n);
+    ve();
+    const a = ue("webx-vacancies"), C = $(""), l = $(!1), N = $({}), q = lt("field");
+    Re(async () => {
+      await st(), q.value?.querySelector("input")?.focus();
+    });
+    async function A() {
+      if (!(C.value.trim() === "" || l.value)) {
+        l.value = !0, N.value = {};
+        try {
+          y((await m.create({ title: C.value.trim() })).vacancy);
+        } catch (v) {
+          N.value = v.body?.errors ?? {};
+        } finally {
+          l.value = !1;
+        }
+      }
+    }
+    return (v, w) => (f(), V(e(ht), {
+      open: e(c),
+      "onUpdate:open": w[2] || (w[2] = (W) => it(c) ? c.value = W : null),
+      title: e(a)("panel.new-title"),
+      width: 440
+    }, {
+      footer: i(() => [
+        d(e(yt), { size: "sm" }, {
+          default: i(() => [
+            d(e(K), {
+              variant: "outline",
+              onClick: w[1] || (w[1] = (W) => e(p)())
+            }, {
+              default: i(() => [
+                k(g(e(a)("panel.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            d(e(K), {
+              type: "primary",
+              loading: l.value,
+              disabled: C.value.trim() === "",
+              onClick: A
+            }, {
+              default: i(() => [
+                k(g(e(a)("panel.create")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: i(() => [
+        d(e(xe), {
+          label: e(a)("panel.field-title"),
+          error: N.value.title?.[0] ?? N.value.slug?.[0],
+          required: ""
+        }, {
+          default: i(() => [
+            O("div", {
+              ref_key: "field",
+              ref: q
+            }, [
+              d(e(Pe), {
+                modelValue: C.value,
+                "onUpdate:modelValue": w[0] || (w[0] = (W) => C.value = W),
+                "aria-label": e(a)("panel.field-title"),
+                onKeyup: ot(A, ["enter"])
+              }, null, 8, ["modelValue", "aria-label"])
+            ], 512)
+          ]),
+          _: 1
+        }, 8, ["label", "error"])
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), St = { class: "wx-vacancies" }, qt = { class: "wx-vacancies__bar" }, Dt = { class: "wx-vacancies__filters" }, Et = {
+  key: 0,
+  class: "wx-vacancies__applied"
+}, Ot = { class: "wx-vacancy-row__name" }, Pt = { class: "wx-vacancy-row__title" }, zt = { class: "wx-vacancy-row__address" }, At = { class: "wx-vacancy-row__facts" }, Mt = { class: "wx-vacancy-row__where" }, Lt = {
+  key: 0,
+  class: "wx-vacancy-row__employment"
+}, Ft = { class: "wx-vacancy-row__until" }, Ut = { class: "wx-vacancy-row__state" }, Bt = /* @__PURE__ */ de({
+  __name: "VacanciesPage",
+  props: {
+    base: { default: "/vacancies" }
+  },
+  setup(r) {
+    const c = r, y = oe(), p = pe(y), n = Ee(), m = Oe();
+    ve();
+    const a = ue("webx-vacancies"), C = ke(), l = $([]), N = $({ categories: [] }), q = $(!0), A = ft(Rt), v = h(() => y.can("vacancies.manage")), w = h(
+      () => y.state.manifest?.modules.find((t) => t.id === "vacancies")?.title ?? a("module.vacancies")
+    ), W = h(() => y.i18n.state.locale), b = h({
+      get: () => typeof n.query.view == "string" ? n.query.view : "",
+      set: (t) => {
+        m.replace({
+          query: { ...n.query, view: t === "" ? void 0 : String(t) }
+        });
+      }
+    }), T = h(() => b.value === "trashed"), M = h(() => b.value === "closed" ? "closed" : b.value === "all" ? "all" : "open"), P = h(() => {
+      const t = n.query.category;
+      return typeof t == "string" && t !== "" && Number(t) || null;
+    }), I = h(
+      () => typeof n.query.status == "string" ? n.query.status : ""
+    ), F = h(() => typeof n.query.q == "string" ? n.query.q : ""), S = $(F.value), Z = h(() => [
+      { value: "", label: a("panel.view-open") },
+      { value: "closed", label: a("panel.view-closed") },
+      { value: "all", label: a("panel.view-all") },
+      { value: "trashed", label: a("panel.bin"), icon: "trash" }
+    ]), U = h(
+      () => ["published", "draft", "unpublished"].map((t) => ({
+        value: t,
+        label: a(`panel.status-${t}`)
+      }))
+    ), te = h(
+      () => F.value.trim() === "" && P.value === null && I.value === ""
+    ), J = h(() => M.value !== "closed" && !T.value), D = h(() => v.value && J.value && te.value), he = h(() => J.value ? a(te.value ? "panel.order-all" : "panel.order-locked") : a("panel.order-closed")), ae = h(() => F.value !== "" ? a("panel.empty-search") : T.value ? a("panel.empty-bin") : M.value === "closed" ? a("panel.empty-closed") : M.value === "all" ? a("panel.empty") : a("panel.empty-open")), Q = h(() => {
+      const t = [];
+      I.value !== "" && t.push({
+        key: "status",
+        label: `${a("panel.filter-status")}: ${a(`panel.status-${I.value}`)}`,
+        clear: () => L("status", void 0)
+      });
+      const u = N.value.categories.find((o) => o.id === P.value);
+      return u && t.push({
+        key: "category",
+        label: `${a("panel.filter-category")}: ${u.title}`,
+        clear: () => L("category", void 0)
+      }), t;
+    });
+    async function j() {
+      q.value = !0;
+      try {
+        const t = await p.list({
+          state: M.value,
+          q: F.value,
+          category: P.value,
+          status: T.value ? "" : I.value,
+          trashed: T.value
+        });
+        l.value = t.data, N.value = t.filters;
+      } catch (t) {
+        _.danger(C(t));
+      } finally {
+        q.value = !1;
+      }
+    }
+    ie([b, P, I, F], () => {
+      j();
+    }), j();
+    let B;
+    ie(S, (t) => {
+      clearTimeout(B), B = setTimeout(() => {
+        m.replace({ query: { ...n.query, q: t.trim() === "" ? void 0 : t } });
+      }, 300);
+    }), Se(() => clearTimeout(B));
+    function L(t, u) {
+      m.replace({
+        query: {
+          ...n.query,
+          [t]: typeof u == "number" || typeof u == "string" && u !== "" ? String(u) : void 0
+        }
+      });
+    }
+    function ye() {
+      const t = { ...n.query };
+      delete t.category, delete t.status, m.replace({ query: t });
+    }
+    function ne(t) {
+      m.push({ path: `${c.base}/${t.id}`, query: { ...n.query } });
+    }
+    async function H() {
+      const t = await A({});
+      t && ne(t);
+    }
+    async function fe() {
+      try {
+        await p.reorder(l.value.map((t) => t.id));
+      } catch (t) {
+        _.danger(C(t, a("panel.reorder-failed"))), await j();
+      }
+    }
+    const le = (t) => t.status === "published" || t.status === "modified";
+    function me(t) {
+      if (!v.value) return [];
+      if (T.value)
+        return [
+          {
+            key: "restore",
+            icon: "refresh",
+            label: a("panel.restore"),
+            run: () => {
+              _e(t);
+            }
+          }
+        ];
+      const u = [
+        { key: "open", icon: "edit", label: a("panel.open"), run: () => ne(t) },
+        {
+          key: "duplicate",
+          icon: "copy",
+          label: a("panel.duplicate"),
+          run: () => {
+            ge(t);
+          }
+        }
+      ];
+      return t.url && t.status !== "draft" && u.push({
+        key: "site",
+        icon: "external-link",
+        label: a("panel.open-on-site"),
+        href: t.url
+      }), le(t) && t.closed_reason === "manual" ? u.push({
+        key: "reopen",
+        icon: "refresh",
+        label: a("panel.reopen"),
+        run: () => {
+          be(t);
+        }
+      }) : le(t) && t.closed_reason === null && u.push({
+        key: "close",
+        icon: "lock",
+        label: a("panel.close"),
+        run: () => {
+          we(t);
+        }
+      }), u.push(
+        le(t) ? {
+          key: "unpublish",
+          icon: "eye-off",
+          label: a("panel.unpublish"),
+          run: () => {
+            s(() => p.unpublish(t.id), a("panel.unpublished-done"));
+          }
+        } : {
+          key: "publish",
+          icon: "upload",
+          label: a("panel.publish"),
+          run: () => {
+            s(() => p.publish(t.id), a("panel.published"));
+          }
+        }
+      ), u.push({
+        key: "delete",
+        icon: "trash",
+        label: a("panel.delete"),
+        danger: !0,
+        run: () => {
+          re(t);
+        }
+      }), u;
+    }
+    async function ge(t) {
+      try {
+        const u = await p.duplicate(t.id);
+        _.success(a("panel.duplicated")), ne(u.vacancy);
+      } catch (u) {
+        _.danger(C(u));
+      }
+    }
+    async function we(t) {
+      if (t.status === "modified") {
+        _.warning(a("panel.close-edits"));
+        return;
+      }
+      await G({
+        title: a("panel.close-title", { title: t.title }),
+        message: a("panel.close-text"),
+        confirmText: a("panel.close"),
+        cancelText: a("panel.cancel")
+      }) && await s(() => p.close(t.id), a("panel.closed"));
+    }
+    async function be(t) {
+      if (t.status === "modified") {
+        _.warning(a("panel.close-edits"));
+        return;
+      }
+      if (await G({
+        title: a("panel.reopen-title", { title: t.title }),
+        message: a("panel.reopen-text"),
+        confirmText: a("panel.reopen"),
+        cancelText: a("panel.cancel")
+      }))
+        try {
+          (await p.reopen(t.id)).closed ? _.warning(a("panel.reopen-expired")) : _.success(a("panel.reopened"));
+        } catch (o) {
+          _.danger(C(o));
+        } finally {
+          await j();
+        }
+    }
+    async function re(t) {
+      await G({
+        title: a("panel.delete-title", { title: t.title }),
+        message: a("panel.delete-text"),
+        confirmText: a("panel.delete"),
+        cancelText: a("panel.cancel"),
+        tone: "danger"
+      }) && await s(() => p.remove(t.id), a("panel.deleted"));
+    }
+    async function _e(t) {
+      await s(() => p.restore(t.id), a("panel.restored"));
+    }
+    async function s(t, u) {
+      try {
+        await t(), _.success(u);
+      } catch (o) {
+        _.danger(C(o));
+      } finally {
+        await j();
+      }
+    }
+    function x(t) {
+      return t === "published" || t === "modified" ? "success" : "default";
+    }
+    function E(t) {
+      return T.value ? "—" : t.path === null ? a("panel.no-address") : `/${t.path}`;
+    }
+    function X(t) {
+      if (t.workplace === "remote") return a("vacancy.workplace.remote");
+      const u = t.city !== "" ? t.city : a("panel.no-city");
+      return t.workplace === "hybrid" ? `${u} · ${a("vacancy.workplace.hybrid")}` : u;
+    }
+    function Ue(t) {
+      return t.employment_types.map((u) => a(Nt(u))).join(", ");
+    }
+    function Be(t) {
+      return t.closed && M.value === "all" && !T.value;
+    }
+    const He = h(
+      () => v.value ? [{ key: "new", label: a("panel.new"), icon: "plus", primary: !0, run: () => {
+        H();
+      } }] : []
+    );
+    return (t, u) => (f(), z("div", St, [
+      d(e(je), {
+        view: b.value,
+        "onUpdate:view": u[4] || (u[4] = (o) => b.value = o),
+        title: w.value,
+        views: Z.value,
+        actions: He.value,
+        padding: "sm"
+      }, {
+        default: i(() => [
+          O("div", qt, [
+            d(e(Pe), {
+              modelValue: S.value,
+              "onUpdate:modelValue": u[0] || (u[0] = (o) => S.value = o),
+              class: "wx-vacancies__search",
+              size: "sm",
+              clearable: "",
+              placeholder: e(a)("panel.search"),
+              "aria-label": e(a)("panel.search")
+            }, {
+              prefix: i(() => [
+                d(e(se), {
+                  name: "search",
+                  size: "sm"
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue", "placeholder", "aria-label"]),
+            d(e(mt), {
+              title: e(a)("panel.filters"),
+              width: 280,
+              side: "bottom",
+              align: "end"
+            }, {
+              trigger: i(() => [
+                d(e(gt), {
+                  class: "wx-vacancies__funnel",
+                  value: Q.value.length,
+                  hidden: Q.value.length === 0,
+                  type: "primary",
+                  label: e(a)("panel.filters")
+                }, {
+                  default: i(() => [
+                    d(e(wt), {
+                      icon: "filter",
+                      size: "sm",
+                      title: e(a)("panel.filters")
+                    }, null, 8, ["title"])
+                  ]),
+                  _: 1
+                }, 8, ["value", "hidden", "label"])
+              ]),
+              default: i(() => [
+                O("div", Dt, [
+                  T.value ? R("", !0) : (f(), V(e(xe), {
+                    key: 0,
+                    label: e(a)("panel.filter-status")
+                  }, {
+                    default: i(() => [
+                      d(e(Ve), {
+                        "model-value": I.value === "" ? null : I.value,
+                        options: U.value,
+                        placeholder: e(a)("panel.any-status"),
+                        clearable: "",
+                        size: "sm",
+                        "onUpdate:modelValue": u[1] || (u[1] = (o) => L("status", o))
+                      }, null, 8, ["model-value", "options", "placeholder"])
+                    ]),
+                    _: 1
+                  }, 8, ["label"])),
+                  d(e(xe), {
+                    label: e(a)("panel.filter-category")
+                  }, {
+                    default: i(() => [
+                      d(e(Ve), {
+                        "model-value": P.value,
+                        options: N.value.categories.map((o) => ({ value: o.id, label: o.title })),
+                        placeholder: e(a)("panel.any-category"),
+                        clearable: "",
+                        size: "sm",
+                        "onUpdate:modelValue": u[2] || (u[2] = (o) => L("category", o))
+                      }, null, 8, ["model-value", "options", "placeholder"])
+                    ]),
+                    _: 1
+                  }, 8, ["label"]),
+                  Q.value.length > 0 ? (f(), V(e(K), {
+                    key: 1,
+                    variant: "text",
+                    size: "sm",
+                    block: "",
+                    onClick: ye
+                  }, {
+                    icon: i(() => [
+                      d(e(se), { name: "close" })
+                    ]),
+                    default: i(() => [
+                      k(" " + g(e(a)("panel.filters-reset")), 1)
+                    ]),
+                    _: 1
+                  })) : R("", !0)
+                ])
+              ]),
+              _: 1
+            }, 8, ["title"])
+          ]),
+          Q.value.length > 0 ? (f(), z("div", Et, [
+            d(e(Ye), { filters: Q.value }, null, 8, ["filters"])
+          ])) : R("", !0),
+          q.value && l.value.length === 0 ? (f(), V(e(ce), {
+            key: 1,
+            class: "wx-vacancies__loading",
+            rows: 5
+          })) : l.value.length === 0 ? (f(), V(e(ze), {
+            key: 2,
+            title: ae.value,
+            description: M.value === "all" && !T.value && te.value ? e(a)("panel.empty-help") : void 0
+          }, null, 8, ["title", "description"])) : (f(), z(ee, { key: 3 }, [
+            d(e(bt), {
+              modelValue: l.value,
+              "onUpdate:modelValue": u[3] || (u[3] = (o) => l.value = o),
+              class: qe(["wx-vacancies__list", { "is-loading": q.value }]),
+              plain: "",
+              "item-key": "id",
+              handle: D.value ? "grip" : "row",
+              "item-label": (o) => o.title,
+              disabled: !D.value,
+              onMove: fe
+            }, {
+              default: i(({ item: o }) => [
+                (f(), V(rt(T.value ? "div" : "router-link"), ct({
+                  class: ["wx-vacancy-row", { "is-closed": Be(o) }]
+                }, T.value ? {} : { to: { path: `${c.base}/${o.id}`, query: e(n).query } }), {
+                  default: i(() => [
+                    O("span", Ot, [
+                      O("span", Pt, g(o.title), 1),
+                      O("span", zt, g(E(o)), 1)
+                    ]),
+                    O("span", At, [
+                      O("span", Mt, [
+                        d(e(se), {
+                          name: o.workplace === "remote" ? "monitor" : "map-pin",
+                          size: "sm"
+                        }, null, 8, ["name"]),
+                        k(" " + g(X(o)), 1)
+                      ]),
+                      o.employment_types.length > 0 ? (f(), z("span", Lt, g(Ue(o)), 1)) : R("", !0),
+                      o.valid_through ? (f(), V(e(We), {
+                        key: 1,
+                        content: e(a)("panel.until-help", { date: e(Le)(o.valid_through, W.value) })
+                      }, {
+                        default: i(() => [
+                          O("span", Ft, [
+                            d(e(se), {
+                              name: "calendar",
+                              size: "sm"
+                            }),
+                            k(" " + g(e(a)("panel.until", { date: e(Ct)(o.valid_through, W.value) })), 1)
+                          ])
+                        ]),
+                        _: 2
+                      }, 1032, ["content"])) : R("", !0)
+                    ]),
+                    O("span", Ut, [
+                      (f(!0), z(ee, null, De(o.categories, ($e) => (f(), V(e(Y), {
+                        key: $e.id,
+                        size: "sm",
+                        round: ""
+                      }, {
+                        default: i(() => [
+                          k(g($e.title), 1)
+                        ]),
+                        _: 2
+                      }, 1024))), 128)),
+                      o.closed_reason ? (f(), V(e(We), {
+                        key: 0,
+                        content: e(a)(`panel.closed-${o.closed_reason}-help`)
+                      }, {
+                        default: i(() => [
+                          d(e(Y), {
+                            type: "warning",
+                            size: "sm",
+                            round: ""
+                          }, {
+                            default: i(() => [
+                              k(g(e(a)(`panel.closed-${o.closed_reason}`)), 1)
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ]),
+                        _: 2
+                      }, 1032, ["content"])) : R("", !0),
+                      d(e(Y), {
+                        type: x(o.status),
+                        dot: "",
+                        size: "sm"
+                      }, {
+                        default: i(() => [
+                          k(g(e(a)(`panel.status-${o.status}`)), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["type"]),
+                      o.status === "modified" ? (f(), V(e(Y), {
+                        key: 1,
+                        type: "primary",
+                        size: "sm",
+                        round: ""
+                      }, {
+                        default: i(() => [
+                          k(g(e(a)("panel.edits")), 1)
+                        ]),
+                        _: 1
+                      })) : R("", !0)
+                    ])
+                  ]),
+                  _: 2
+                }, 1040, ["class"]))
+              ]),
+              actions: i(({ item: o }) => [
+                d(e(Ge), {
+                  actions: me(o),
+                  label: o.title
+                }, null, 8, ["actions", "label"])
+              ]),
+              _: 1
+            }, 8, ["modelValue", "class", "handle", "item-label", "disabled"]),
+            v.value && !T.value ? (f(), V(e(Ae), {
+              key: 0,
+              class: "wx-vacancies__note",
+              type: "info",
+              description: he.value
+            }, null, 8, ["description"])) : R("", !0)
+          ], 64))
+        ]),
+        _: 1
+      }, 8, ["view", "title", "views", "actions"])
+    ]));
+  }
+}), Te = (r, c) => {
+  const y = r.__vccOpts || r;
+  for (const [p, n] of c)
+    y[p] = n;
+  return y;
+}, Ht = /* @__PURE__ */ Te(Bt, [["__scopeId", "data-v-41756f57"]]), Fe = /* @__PURE__ */ Symbol("wx-vacancy-editor");
+function Kt(r) {
+  ut(Fe, r);
+}
+function jt() {
+  return dt(Fe, null);
+}
+const Yt = { class: "wx-vacancy-editor__word" }, Gt = 1200, Jt = /* @__PURE__ */ de({
+  __name: "VacancyEditorPage",
+  props: {
+    base: { default: "/vacancies" }
+  },
+  setup(r) {
+    const c = r, y = oe(), p = pe(y), n = Ee(), m = Oe(), a = _t(), C = Je();
+    ve();
+    const l = ue("webx-vacancies"), N = ke(), q = h(() => Number(n.params.id)), A = h(() => c.base), v = $(null), w = $({}), W = $(""), b = $(null), T = $(null), M = $(!0), P = $(!1), I = $(!1), F = $({}), S = $(null), Z = $(""), U = h(() => y.can("vacancies.manage")), te = h(() => !U.value || I.value), J = h(() => JSON.stringify(w.value)), D = h(() => Z.value !== "" && J.value !== Z.value), he = h(() => P.value ? "saving" : D.value ? "unsaved" : "saved"), ae = h(() => {
+      const s = w.value.title;
+      return xt(s, a.active.value, v.value?.title ?? "");
+    }), Q = h(() => {
+      const s = v.value;
+      if (!s) return "";
+      const x = [];
+      return s.valid_through !== null && !s.closed && x.push(
+        l("editor.open-until", { date: Le(s.valid_through, y.i18n.state.locale) })
+      ), (s.status === "published" || s.status === "modified") && x.push(l("editor.live-since", { date: C.short(s.published_at) })), x.join(" · ");
+    });
+    Qe({ type: "vacancy", id: h(() => v.value?.id ?? null) }), Xe({
+      values: w,
+      prefix: b,
+      path: h(() => v.value?.path),
+      moving: () => l("editor.address-moving")
+    }), Kt({ vacancy: v, canManage: U.value, reload: () => B(!0) });
+    function j(s) {
+      const x = s.values;
+      v.value = s.vacancy, w.value = x, W.value = s.revision, b.value = s.prefix, T.value = s.preview_url, Z.value = JSON.stringify(x), S.value = null;
+    }
+    async function B(s = !1) {
+      s || (M.value = !0);
+      try {
+        j(await p.get(q.value));
+      } catch (x) {
+        _.danger(N(x)), m.push(A.value);
+      } finally {
+        M.value = !1;
+      }
+    }
+    let L;
+    function ye() {
+      !U.value || S.value || !D.value || (clearTimeout(L), L = setTimeout(() => {
+        H();
+      }, Gt));
+    }
+    function ne() {
+      !U.value || S.value || !D.value || P.value || (clearTimeout(L), H());
+    }
+    async function H() {
+      if (!v.value || P.value || !U.value) return;
+      clearTimeout(L);
+      const s = J.value, x = w.value;
+      P.value = !0, F.value = {};
+      try {
+        const E = await p.save(v.value.id, { values: x, revision: W.value });
+        v.value = E.vacancy, W.value = E.revision, b.value = E.prefix, T.value = E.preview_url, S.value = null, J.value === s && (Z.value = s);
+      } catch (E) {
+        const X = E;
+        X.status === 409 && X.body?.data ? S.value = X.body : X.body?.errors ? (F.value = X.body.errors, _.danger(l("editor.save-failed"))) : _.danger(N(E));
+      } finally {
+        P.value = !1;
+      }
+    }
+    async function fe() {
+      await G({
+        title: l("editor.conflict-theirs-title"),
+        message: l("editor.conflict-theirs-text"),
+        confirmText: l("editor.conflict-theirs"),
+        cancelText: l("panel.cancel"),
+        tone: "danger"
+      }) && await B(!0);
+    }
+    async function le() {
+      const s = S.value;
+      s && (W.value = s.data.revision, S.value = null, await H());
+    }
+    async function me() {
+      if (!(!v.value || !await G({
+        title: l("editor.discard-title"),
+        message: l("editor.discard-text"),
+        confirmText: l("editor.discard"),
+        cancelText: l("panel.cancel"),
+        tone: "danger"
+      }))) {
+        I.value = !0;
+        try {
+          j(await p.discard(v.value.id)), _.success(l("editor.discarded"));
+        } catch (x) {
+          _.danger(N(x));
+        } finally {
+          I.value = !1;
+        }
+      }
+    }
+    async function ge() {
+      const s = v.value;
+      if (!(!s || !await G({
+        title: l("editor.publish-title", { title: ae.value || s.title }),
+        message: s.path === null ? l("editor.publish-nowhere") : l("editor.publish-text", { address: `/${s.path}` }),
+        confirmText: l("panel.publish"),
+        cancelText: l("panel.cancel")
+      })) && (D.value && await H(), !S.value)) {
+        I.value = !0;
+        try {
+          await p.publish(s.id), await B(!0), _.success(l("panel.published"));
+        } catch (E) {
+          _.danger(N(E));
+        } finally {
+          I.value = !1;
+        }
+      }
+    }
+    async function we() {
+      const s = v.value;
+      if (s && (D.value && await H(), !(S.value || D.value))) {
+        I.value = !0;
+        try {
+          const x = await p.duplicate(s.id);
+          _.success(l("panel.duplicated")), await m.push({ path: `${A.value}/${x.vacancy.id}`, query: { ...n.query } });
+        } catch (x) {
+          _.danger(N(x));
+        } finally {
+          I.value = !1;
+        }
+      }
+    }
+    function be() {
+      const s = v.value?.status;
+      return s === "published" || s === "modified" ? "success" : "default";
+    }
+    function re(s) {
+      D.value && s.preventDefault();
+    }
+    ie(J, ye), ie(q, () => {
+      B();
+    }), Re(() => {
+      B(), window.addEventListener("beforeunload", re);
+    }), Se(() => {
+      clearTimeout(L), window.removeEventListener("beforeunload", re);
+    }), pt(async () => !D.value || !U.value || (await H(), !D.value) ? !0 : await G({
+      title: l("editor.leave-title"),
+      message: l("editor.leave-text"),
+      confirmText: l("editor.leave"),
+      cancelText: l("panel.cancel"),
+      tone: "danger"
+    }));
+    const _e = h(() => {
+      const s = [];
+      return T.value && s.push({ key: "preview", label: l("editor.preview"), icon: "eye", href: T.value }), v.value?.url && v.value.status !== "draft" && s.push({
+        key: "site",
+        label: l("panel.open-on-site"),
+        icon: "link",
+        href: v.value.url
+      }), v.value?.status === "modified" && s.push({
+        key: "discard",
+        label: l("editor.discard"),
+        icon: "refresh",
+        danger: !0,
+        menu: !0,
+        run: () => {
+          me();
+        }
+      }), s;
+    });
+    return (s, x) => (f(), z("div", {
+      class: "wx-vacancy-editor",
+      onFocusout: ne
+    }, [
+      M.value || !v.value ? (f(), z(ee, { key: 0 }, [
+        d(e(ce), {
+          class: "wx-vacancy-editor__ghost",
+          title: "",
+          rows: 1
+        }),
+        d(e(kt), null, {
+          default: i(() => [
+            d(e(ce), { rows: 8 })
+          ]),
+          _: 1
+        })
+      ], 64)) : (f(), z(ee, { key: 1 }, [
+        d(e(Ze), {
+          divider: "",
+          back: A.value,
+          "back-label": e(l)("module.vacancies"),
+          title: ae.value || e(l)("editor.untitled"),
+          subtitle: Q.value,
+          actions: _e.value
+        }, {
+          trail: i(() => [
+            d(e(Tt), {
+              size: "sm",
+              label: e(l)("editor.trail")
+            }, {
+              default: i(() => [
+                d(e(Ce), {
+                  as: "router-link",
+                  to: A.value
+                }, {
+                  default: i(() => [
+                    k(g(e(l)("module.vacancies")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["to"]),
+                d(e(Ce), { current: "" }, {
+                  default: i(() => [
+                    k(g(ae.value || e(l)("editor.untitled")), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["label"])
+          ]),
+          "title-after": i(() => [
+            d(e(Y), {
+              type: be(),
+              dot: ""
+            }, {
+              default: i(() => [
+                k(g(e(l)(`panel.status-${v.value.status}`)), 1)
+              ]),
+              _: 1
+            }, 8, ["type"]),
+            v.value.status === "modified" ? (f(), V(e(Y), {
+              key: 0,
+              type: "primary",
+              round: ""
+            }, {
+              default: i(() => [
+                k(g(e(l)("panel.edits")), 1)
+              ]),
+              _: 1
+            })) : R("", !0),
+            v.value.closed_reason ? (f(), V(e(Y), {
+              key: 1,
+              type: "warning",
+              round: ""
+            }, {
+              default: i(() => [
+                k(g(e(l)(`panel.closed-${v.value.closed_reason}`)), 1)
+              ]),
+              _: 1
+            })) : R("", !0)
+          ]),
+          _: 1
+        }, 8, ["back", "back-label", "title", "subtitle", "actions"]),
+        S.value ? (f(), V(e(Ae), {
+          key: 0,
+          type: "warning",
+          title: e(l)("editor.conflict-title"),
+          description: S.value.message
+        }, {
+          actions: i(() => [
+            d(e(K), {
+              size: "sm",
+              variant: "outline",
+              onClick: fe
+            }, {
+              default: i(() => [
+                k(g(e(l)("editor.conflict-theirs")), 1)
+              ]),
+              _: 1
+            }),
+            d(e(K), {
+              size: "sm",
+              type: "primary",
+              onClick: le
+            }, {
+              default: i(() => [
+                k(g(e(l)("editor.conflict-mine")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["title", "description"])) : R("", !0),
+        d(e(et), {
+          modelValue: w.value,
+          "onUpdate:modelValue": x[0] || (x[0] = (E) => w.value = E),
+          name: "vacancies.form",
+          errors: F.value,
+          disabled: te.value
+        }, null, 8, ["modelValue", "errors", "disabled"]),
+        U.value ? (f(), V(e($t), { key: 1 }, {
+          state: i(() => [
+            d(e(tt), { state: he.value }, null, 8, ["state"])
+          ]),
+          default: i(() => [
+            d(e(K), {
+              variant: "text",
+              disabled: I.value,
+              "aria-label": e(l)("panel.duplicate"),
+              onClick: we
+            }, {
+              icon: i(() => [
+                d(e(se), { name: "copy" })
+              ]),
+              default: i(() => [
+                O("span", Yt, g(e(l)("panel.duplicate")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled", "aria-label"]),
+            d(e(K), {
+              variant: "outline",
+              loading: P.value,
+              disabled: !D.value,
+              onClick: H
+            }, {
+              default: i(() => [
+                k(g(e(l)("editor.save")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"]),
+            d(e(K), {
+              type: "primary",
+              loading: I.value,
+              disabled: v.value.status === "published" && !D.value,
+              onClick: ge
+            }, {
+              default: i(() => [
+                k(g(e(l)("panel.publish")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })) : R("", !0)
+      ], 64))
+    ], 32));
+  }
+}), Qt = /* @__PURE__ */ Te(Jt, [["__scopeId", "data-v-04fdc324"]]), Xt = { class: "wx-vacancy-history" }, Zt = { class: "wx-vacancy-history__number" }, ea = { class: "wx-vacancy-history__who" }, ta = /* @__PURE__ */ de({
+  name: "WxVacancyHistory",
+  __name: "VacancyHistory",
+  setup(r) {
+    const c = oe(), y = pe(c), p = jt();
+    ve();
+    const n = ue("webx-vacancies"), m = ke(), a = $(null), C = $(!1), l = h(() => p?.vacancy.value ?? null), N = h(() => p?.canManage ?? !1), q = h(
+      () => l.value?.status === "published" || l.value?.status === "modified" ? a.value?.[0]?.number ?? null : null
+    );
+    async function A() {
+      const w = l.value;
+      if (w)
+        try {
+          a.value = await y.versions(w.id);
+        } catch (W) {
+          a.value = [], _.danger(m(W));
+        }
+    }
+    async function v(w) {
+      const W = l.value;
+      if (!(!W || !await G({
+        title: n("editor.restore-title", { number: w.number }),
+        message: n("editor.restore-text"),
+        confirmText: n("editor.restore-version"),
+        cancelText: n("panel.cancel")
+      }))) {
+        C.value = !0;
+        try {
+          await y.restoreVersion(W.id, w.number), await p?.reload(), _.success(n("editor.restored-version", { number: w.number }));
+        } catch (T) {
+          _.danger(m(T));
+        } finally {
+          C.value = !1;
+        }
+      }
+    }
+    return ie(
+      () => [l.value?.id, l.value?.published_at, l.value?.updated_at],
+      () => {
+        A();
+      },
+      { immediate: !0 }
+    ), (w, W) => (f(), z("div", Xt, [
+      a.value === null ? (f(), V(e(ce), {
+        key: 0,
+        class: "wx-vacancy-history__ghost",
+        rows: 3
+      })) : a.value.length === 0 ? (f(), V(e(ze), {
+        key: 1,
+        description: e(n)("editor.history-empty")
+      }, null, 8, ["description"])) : (f(!0), z(ee, { key: 2 }, De(a.value, (b) => (f(), z("div", {
+        key: b.number,
+        class: qe(["wx-vacancy-history__row", { "is-live": b.number === q.value }])
+      }, [
+        O("code", Zt, g(e(n)("editor.version", { number: b.number })), 1),
+        O("div", ea, [
+          b.created_at ? (f(), V(e(at), {
+            key: 0,
+            value: b.created_at,
+            size: "md",
+            tone: "default"
+          }, null, 8, ["value"])) : R("", !0),
+          d(e(Vt), {
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: i(() => [
+              k(g(b.author ?? e(n)(`editor.source-${b.source}`)) + " ", 1),
+              b.comment ? (f(), z(ee, { key: 0 }, [
+                k(" · " + g(b.comment), 1)
+              ], 64)) : R("", !0)
+            ]),
+            _: 2
+          }, 1024)
+        ]),
+        b.number === q.value ? (f(), V(e(Y), {
+          key: 0,
+          type: "success",
+          dot: ""
+        }, {
+          default: i(() => [
+            k(g(e(n)("editor.version-live")), 1)
+          ]),
+          _: 1
+        })) : R("", !0),
+        N.value && b.number !== q.value ? (f(), V(e(K), {
+          key: 1,
+          size: "sm",
+          variant: "outline",
+          loading: C.value,
+          onClick: (T) => v(b)
+        }, {
+          default: i(() => [
+            k(g(e(n)("editor.restore-version")), 1)
+          ]),
+          _: 1
+        }, 8, ["loading", "onClick"])) : R("", !0)
+      ], 2))), 128))
+    ]));
+  }
+}), aa = /* @__PURE__ */ Te(ta, [["__scopeId", "data-v-77bc9b70"]]);
+function na(r = "/vacancies") {
+  return {
+    api: "vacancies/categories",
+    path: `${r}/categories`,
+    name: "webx.vacancies.categories",
+    module: "vacancy-categories",
+    screen: "vacancies.category-form",
+    manage: "vacancies.categories.manage",
+    count: "vacancies_count",
+    // Every vacancy of the category, closed ones included: "what is filed here" is the question.
+    items: (c) => ({ path: r, query: { category: String(c), view: "all" } }),
+    words: {
+      new: "webx-vacancies::category.new",
+      empty: "webx-vacancies::category.empty",
+      "empty-help": "webx-vacancies::category.empty-help",
+      order: "webx-vacancies::category.order",
+      hidden: "webx-vacancies::category.hidden",
+      "no-address": "webx-vacancies::category.no-page",
+      count: "webx-vacancies::category.vacancies",
+      "show-items": "webx-vacancies::category.show-vacancies",
+      "delete-blocked": "webx-vacancies::category.delete-blocked",
+      "delete-text": "webx-vacancies::category.delete-text",
+      deleted: "webx-vacancies::category.deleted",
+      saved: "webx-vacancies::category.saved",
+      "field-title": "webx-vacancies::category.field-title",
+      "field-slug": "webx-vacancies::category.field-slug"
+    }
+  };
+}
+function ra(r = {}) {
+  const c = r.path ?? "/vacancies";
+  return [
+    {
+      id: "vacancies",
+      path: c,
+      routes: [
+        { path: c, name: "webx.vacancies", component: Ht, props: { base: c } },
+        {
+          path: `${c}/:id(\\d+)`,
+          name: "webx.vacancies.edit",
+          component: Qt,
+          props: { base: c }
+        }
+      ],
+      /*
+       * The one part of `vacancies.form` only this module can draw. Everything else on it is the
+       * panel's (`wx-slug`, `wx-categories`, `wx-relations`, `wx-rich-text`, `wx-repeater`,
+       * `wx-date-picker`, `wx-checkbox-group`).
+       */
+      types: {
+        "wx-vacancy-history": { component: aa, kind: "display" }
+      }
+    },
+    {
+      id: "vacancy-categories",
+      path: `${c}/categories`,
+      routes: nt(na(c))
+    }
+  ];
+}
+export {
+  Ie as VACANCIES_API,
+  Ht as WxVacanciesPage,
+  Rt as WxVacancyCreateDialog,
+  Qt as WxVacancyEditorPage,
+  aa as WxVacancyHistory,
+  pe as createVacanciesApi,
+  Kt as provideVacancyEditor,
+  jt as useVacancyEditor,
+  ra as vacancies,
+  It as vacanciesMessages,
+  na as vacancyCategoriesOptions,
+  Fe as vacancyEditorKey
+};
+//# sourceMappingURL=index.js.map