@webx-ui/module-vacancies 0.1.7 → 0.1.8

package/dist/index.js

@@ -1,53 +1,53 @@
-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);
+import { reorderItems as Ke, useAdmin as ce, useTranslate as oe, useErrorText as Ve, WxListScreen as je, WxFilterChips as Ye, WxRowMenu as Ge, WxAddressNote as Je, useDates as Qe, provideRelationOwner as Xe, provideRecordAddress as Ze, WxScreenHead as et, WxScreen as tt, WxSaveState as at, WxDate as nt, categoryRoutes as lt } from "@webx-ui/module-admin";
+import { defineComponent as pe, ref as W, useTemplateRef as st, onMounted as Ee, nextTick as it, openBlock as y, createBlock as $, unref as e, isRef as ot, withCtx as i, createVNode as p, createElementVNode as A, withKeys as rt, createTextVNode as x, toDisplayString as g, computed as h, watch as re, onBeforeUnmount as Oe, createElementBlock as z, createCommentVNode as R, Fragment as ne, normalizeClass as De, resolveDynamicComponent as ct, mergeProps as ut, renderList as Ae, provide as dt, inject as pt } from "vue";
+import { useRoute as Pe, useRouter as ze, onBeforeRouteLeave as vt } from "vue-router";
+import { useModal as ht, WxDialog as yt, WxFormItem as $e, WxInput as Me, WxSpace as ft, WxButton as K, createModal as mt, WxIcon as ie, WxPopover as gt, WxSelect as Ie, WxIndicator as bt, WxAction as wt, WxSkeleton as de, WxEmpty as Le, WxSortableList as _t, WxTooltip as Ne, WxBadge as J, WxAlert as Fe, toast as _, confirm as j, useLocales as xt, localizedValue as kt, WxCard as Tt, WxBreadcrumb as $t, WxBreadcrumbItem as Re, WxActionBar as Vt, WxText as Wt } from "@webx-ui/core";
+const Se = "vacancies";
+function ve(c) {
+  const u = `${c.apiPath}/${Se}`, f = (n) => n.data, v = (n, m) => c.http.post(`${u}/${n}/${m}`, {}).then(f);
   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}`);
+      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), c.http.get(`${u}?${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(() => {
+    get: (n) => c.http.get(`${u}/${n}`).then(f),
+    create: (n) => c.http.post(u, n).then(f),
+    save: (n, m) => c.http.put(`${u}/${n}`, m).then(f),
+    discard: (n) => c.http.post(`${u}/${n}/discard`, {}).then(f),
+    duplicate: (n) => c.http.post(`${u}/${n}/duplicate`, {}).then(f),
+    publish: (n) => v(n, "publish"),
+    unpublish: (n) => v(n, "unpublish"),
+    close: (n) => v(n, "close"),
+    reopen: (n) => v(n, "reopen"),
+    remove: (n) => c.http.delete(`${u}/${n}`).then(() => {
     }),
-    restore: (n) => p(n, "restore"),
+    restore: (n) => v(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)
+    reorder: (n) => Ke(c, Se, n, null),
+    versions: (n) => c.http.get(`${u}/${n}/versions`).then(f),
+    restoreVersion: (n, m) => c.http.post(`${u}/${n}/versions/${m}/restore`, {}).then(f)
   };
 }
-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));
+const Ct = /^(\d{4})-(\d{2})-(\d{2})$/;
+function Ue(c) {
+  const u = typeof c == "string" ? Ct.exec(c.slice(0, 10)) : null;
+  if (u === null) return null;
+  const [, f, v, n] = u, m = new Date(Number(f), Number(v) - 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, {
+function It(c, u, f = /* @__PURE__ */ new Date()) {
+  const v = Ue(c);
+  return v === null ? "" : new Intl.DateTimeFormat(u, {
     day: "numeric",
     month: "short",
-    ...p.getFullYear() === y.getFullYear() ? {} : { year: "numeric" }
-  }).format(p);
+    ...v.getFullYear() === f.getFullYear() ? {} : { year: "numeric" }
+  }).format(v);
 }
-function Le(r, c) {
-  const y = Me(r);
-  return y === null ? "" : new Intl.DateTimeFormat(c, { day: "numeric", month: "long", year: "numeric" }).format(y);
+function Be(c, u) {
+  const f = Ue(c);
+  return f === null ? "" : new Intl.DateTimeFormat(u, { day: "numeric", month: "long", year: "numeric" }).format(f);
 }
-const It = {
+const Nt = {
   module: {
     group: "Vacancies",
     vacancies: "Vacancies",
@@ -130,8 +130,6 @@ const It = {
     "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",
@@ -190,64 +188,64 @@ const It = {
     }
   }
 };
-function Nt(r) {
-  return `vacancy.employment.${r}`;
+function Rt(c) {
+  return `vacancy.employment.${c}`;
 }
-const Ne = /* @__PURE__ */ new WeakSet();
-function ve() {
+const qe = /* @__PURE__ */ new WeakSet();
+function he() {
   try {
-    const { i18n: r } = oe();
-    Ne.has(r) || (r.defaults("webx-vacancies", It), Ne.add(r));
+    const { i18n: c } = ce();
+    qe.has(c) || (c.defaults("webx-vacancies", Nt), qe.add(c));
   } catch {
   }
 }
-const Rt = /* @__PURE__ */ de({
+const St = /* @__PURE__ */ pe({
   __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();
+  setup(c) {
+    const { open: u, resolve: f, dismiss: v } = ht(), n = ce(), m = ve(n);
+    he();
+    const a = oe("webx-vacancies"), I = W(""), l = W(!1), k = W({}), C = st("field");
+    Ee(async () => {
+      await it(), C.value?.querySelector("input")?.focus();
     });
-    async function A() {
-      if (!(C.value.trim() === "" || l.value)) {
-        l.value = !0, N.value = {};
+    async function F() {
+      if (!(I.value.trim() === "" || l.value)) {
+        l.value = !0, k.value = {};
         try {
-          y((await m.create({ title: C.value.trim() })).vacancy);
-        } catch (v) {
-          N.value = v.body?.errors ?? {};
+          f((await m.create({ title: I.value.trim() })).vacancy);
+        } catch (q) {
+          k.value = q.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),
+    return (q, o) => (y(), $(e(yt), {
+      open: e(u),
+      "onUpdate:open": o[2] || (o[2] = (T) => ot(u) ? u.value = T : null),
       title: e(a)("panel.new-title"),
       width: 440
     }, {
       footer: i(() => [
-        d(e(yt), { size: "sm" }, {
+        p(e(ft), { size: "sm" }, {
           default: i(() => [
-            d(e(K), {
+            p(e(K), {
               variant: "outline",
-              onClick: w[1] || (w[1] = (W) => e(p)())
+              onClick: o[1] || (o[1] = (T) => e(v)())
             }, {
               default: i(() => [
-                k(g(e(a)("panel.cancel")), 1)
+                x(g(e(a)("panel.cancel")), 1)
               ]),
               _: 1
             }),
-            d(e(K), {
+            p(e(K), {
               type: "primary",
               loading: l.value,
-              disabled: C.value.trim() === "",
-              onClick: A
+              disabled: I.value.trim() === "",
+              onClick: F
             }, {
               default: i(() => [
-                k(g(e(a)("panel.create")), 1)
+                x(g(e(a)("panel.create")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"])
@@ -256,21 +254,21 @@ const Rt = /* @__PURE__ */ de({
         })
       ]),
       default: i(() => [
-        d(e(xe), {
+        p(e($e), {
           label: e(a)("panel.field-title"),
-          error: N.value.title?.[0] ?? N.value.slug?.[0],
+          error: k.value.title?.[0] ?? k.value.slug?.[0],
           required: ""
         }, {
           default: i(() => [
-            O("div", {
+            A("div", {
               ref_key: "field",
-              ref: q
+              ref: C
             }, [
-              d(e(Pe), {
-                modelValue: C.value,
-                "onUpdate:modelValue": w[0] || (w[0] = (W) => C.value = W),
+              p(e(Me), {
+                modelValue: I.value,
+                "onUpdate:modelValue": o[0] || (o[0] = (T) => I.value = T),
                 "aria-label": e(a)("panel.field-title"),
-                onKeyup: ot(A, ["enter"])
+                onKeyup: rt(F, ["enter"])
               }, null, 8, ["modelValue", "aria-label"])
             ], 512)
           ]),
@@ -280,128 +278,128 @@ const Rt = /* @__PURE__ */ de({
       _: 1
     }, 8, ["open", "title"]));
   }
-}), St = { class: "wx-vacancies" }, qt = { class: "wx-vacancies__bar" }, Dt = { class: "wx-vacancies__filters" }, Et = {
+}), qt = { class: "wx-vacancies" }, Et = { class: "wx-vacancies__bar" }, Ot = { class: "wx-vacancies__filters" }, Dt = {
   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 = {
+}, At = { class: "wx-vacancy-row__name" }, Pt = { class: "wx-vacancy-row__title" }, zt = { class: "wx-vacancy-row__address" }, Mt = { class: "wx-vacancy-row__facts" }, Lt = { class: "wx-vacancy-row__where" }, Ft = {
   key: 0,
   class: "wx-vacancy-row__employment"
-}, Ft = { class: "wx-vacancy-row__until" }, Ut = { class: "wx-vacancy-row__state" }, Bt = /* @__PURE__ */ de({
+}, Ut = { class: "wx-vacancy-row__until" }, Bt = { class: "wx-vacancy-row__state" }, Ht = /* @__PURE__ */ pe({
   __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({
+  setup(c) {
+    const u = c, f = ce(), v = ve(f), n = Pe(), m = ze();
+    he();
+    const a = oe("webx-vacancies"), I = Ve(), l = W([]), k = W({ categories: [] }), C = W(!0), F = mt(St), q = h(() => f.can("vacancies.manage")), o = h(
+      () => f.state.manifest?.modules.find((t) => t.id === "vacancies")?.title ?? a("module.vacancies")
+    ), T = h(() => f.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(() => {
+    }), V = h(() => b.value === "trashed"), M = h(() => b.value === "closed" ? "closed" : b.value === "all" ? "all" : "open"), U = h(() => {
       const t = n.query.category;
       return typeof t == "string" && t !== "" && Number(t) || null;
-    }), I = h(
+    }), E = h(
       () => typeof n.query.status == "string" ? n.query.status : ""
-    ), F = h(() => typeof n.query.q == "string" ? n.query.q : ""), S = $(F.value), Z = h(() => [
+    ), N = h(() => typeof n.query.q == "string" ? n.query.q : ""), Q = W(N.value), D = 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(
+    ]), te = 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(() => {
+    ), P = h(
+      () => N.value.trim() === "" && U.value === null && E.value === ""
+    ), ue = h(() => M.value !== "closed" && !V.value), X = h(() => q.value && ue.value && P.value), O = h(() => ue.value ? a(P.value ? "panel.order-all" : "panel.order-locked") : a("panel.order-closed")), ye = h(() => N.value !== "" ? a("panel.empty-search") : V.value ? a("panel.empty-bin") : M.value === "closed" ? a("panel.empty-closed") : M.value === "all" ? a("panel.empty") : a("panel.empty-open")), B = h(() => {
       const t = [];
-      I.value !== "" && t.push({
+      E.value !== "" && t.push({
         key: "status",
-        label: `${a("panel.filter-status")}: ${a(`panel.status-${I.value}`)}`,
+        label: `${a("panel.filter-status")}: ${a(`panel.status-${E.value}`)}`,
         clear: () => L("status", void 0)
       });
-      const u = N.value.categories.find((o) => o.id === P.value);
-      return u && t.push({
+      const d = k.value.categories.find((r) => r.id === U.value);
+      return d && t.push({
         key: "category",
-        label: `${a("panel.filter-category")}: ${u.title}`,
+        label: `${a("panel.filter-category")}: ${d.title}`,
         clear: () => L("category", void 0)
       }), t;
     });
-    async function j() {
-      q.value = !0;
+    async function Z() {
+      C.value = !0;
       try {
-        const t = await p.list({
+        const t = await v.list({
           state: M.value,
-          q: F.value,
-          category: P.value,
-          status: T.value ? "" : I.value,
-          trashed: T.value
+          q: N.value,
+          category: U.value,
+          status: V.value ? "" : E.value,
+          trashed: V.value
         });
-        l.value = t.data, N.value = t.filters;
+        l.value = t.data, k.value = t.filters;
       } catch (t) {
-        _.danger(C(t));
+        _.danger(I(t));
       } finally {
-        q.value = !1;
+        C.value = !1;
       }
     }
-    ie([b, P, I, F], () => {
-      j();
-    }), j();
-    let B;
-    ie(S, (t) => {
-      clearTimeout(B), B = setTimeout(() => {
+    re([b, U, E, N], () => {
+      Z();
+    }), Z();
+    let ae;
+    re(Q, (t) => {
+      clearTimeout(ae), ae = setTimeout(() => {
         m.replace({ query: { ...n.query, q: t.trim() === "" ? void 0 : t } });
       }, 300);
-    }), Se(() => clearTimeout(B));
-    function L(t, u) {
+    }), Oe(() => clearTimeout(ae));
+    function L(t, d) {
       m.replace({
         query: {
           ...n.query,
-          [t]: typeof u == "number" || typeof u == "string" && u !== "" ? String(u) : void 0
+          [t]: typeof d == "number" || typeof d == "string" && d !== "" ? String(d) : void 0
         }
       });
     }
-    function ye() {
+    function ee() {
       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);
+    function le(t) {
+      m.push({ path: `${u.base}/${t.id}`, query: { ...n.query } });
     }
     async function fe() {
+      const t = await F({});
+      t && le(t);
+    }
+    async function H() {
       try {
-        await p.reorder(l.value.map((t) => t.id));
+        await v.reorder(l.value.map((t) => t.id));
       } catch (t) {
-        _.danger(C(t, a("panel.reorder-failed"))), await j();
+        _.danger(I(t, a("panel.reorder-failed"))), await Z();
       }
     }
-    const le = (t) => t.status === "published" || t.status === "modified";
+    const se = (t) => t.status === "published" || t.status === "modified";
     function me(t) {
-      if (!v.value) return [];
-      if (T.value)
+      if (!q.value) return [];
+      if (V.value)
         return [
           {
             key: "restore",
             icon: "refresh",
             label: a("panel.restore"),
             run: () => {
-              _e(t);
+              xe(t);
             }
           }
         ];
-      const u = [
-        { key: "open", icon: "edit", label: a("panel.open"), run: () => ne(t) },
+      const d = [
+        { key: "open", icon: "edit", label: a("panel.open"), run: () => le(t) },
         {
           key: "duplicate",
           icon: "copy",
@@ -411,147 +409,147 @@ const Rt = /* @__PURE__ */ de({
           }
         }
       ];
-      return t.url && t.status !== "draft" && u.push({
+      return t.url && t.status !== "draft" && d.push({
         key: "site",
         icon: "external-link",
         label: a("panel.open-on-site"),
         href: t.url
-      }), le(t) && t.closed_reason === "manual" ? u.push({
+      }), se(t) && t.closed_reason === "manual" ? d.push({
         key: "reopen",
         icon: "refresh",
         label: a("panel.reopen"),
         run: () => {
-          be(t);
+          we(t);
         }
-      }) : le(t) && t.closed_reason === null && u.push({
+      }) : se(t) && t.closed_reason === null && d.push({
         key: "close",
         icon: "lock",
         label: a("panel.close"),
         run: () => {
-          we(t);
+          be(t);
         }
-      }), u.push(
-        le(t) ? {
+      }), d.push(
+        se(t) ? {
           key: "unpublish",
           icon: "eye-off",
           label: a("panel.unpublish"),
           run: () => {
-            s(() => p.unpublish(t.id), a("panel.unpublished-done"));
+            Y(() => v.unpublish(t.id), a("panel.unpublished-done"));
           }
         } : {
           key: "publish",
           icon: "upload",
           label: a("panel.publish"),
           run: () => {
-            s(() => p.publish(t.id), a("panel.published"));
+            Y(() => v.publish(t.id), a("panel.published"));
           }
         }
-      ), u.push({
+      ), d.push({
         key: "delete",
         icon: "trash",
         label: a("panel.delete"),
         danger: !0,
         run: () => {
-          re(t);
+          _e(t);
         }
-      }), u;
+      }), d;
     }
     async function ge(t) {
       try {
-        const u = await p.duplicate(t.id);
-        _.success(a("panel.duplicated")), ne(u.vacancy);
-      } catch (u) {
-        _.danger(C(u));
+        const d = await v.duplicate(t.id);
+        _.success(a("panel.duplicated")), le(d.vacancy);
+      } catch (d) {
+        _.danger(I(d));
       }
     }
-    async function we(t) {
+    async function be(t) {
       if (t.status === "modified") {
         _.warning(a("panel.close-edits"));
         return;
       }
-      await G({
+      await j({
         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"));
+      }) && await Y(() => v.close(t.id), a("panel.closed"));
     }
-    async function be(t) {
+    async function we(t) {
       if (t.status === "modified") {
         _.warning(a("panel.close-edits"));
         return;
       }
-      if (await G({
+      if (await j({
         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));
+          (await v.reopen(t.id)).closed ? _.warning(a("panel.reopen-expired")) : _.success(a("panel.reopened"));
+        } catch (r) {
+          _.danger(I(r));
         } finally {
-          await j();
+          await Z();
         }
     }
-    async function re(t) {
-      await G({
+    async function _e(t) {
+      await j({
         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"));
+      }) && await Y(() => v.remove(t.id), a("panel.deleted"));
     }
-    async function _e(t) {
-      await s(() => p.restore(t.id), a("panel.restored"));
+    async function xe(t) {
+      await Y(() => v.restore(t.id), a("panel.restored"));
     }
-    async function s(t, u) {
+    async function Y(t, d) {
       try {
-        await t(), _.success(u);
-      } catch (o) {
-        _.danger(C(o));
+        await t(), _.success(d);
+      } catch (r) {
+        _.danger(I(r));
       } finally {
-        await j();
+        await Z();
       }
     }
-    function x(t) {
+    function ke(t) {
       return t === "published" || t === "modified" ? "success" : "default";
     }
-    function E(t) {
-      return T.value ? "—" : t.path === null ? a("panel.no-address") : `/${t.path}`;
+    function s(t) {
+      return V.value ? "—" : t.path === null ? a("panel.no-address") : `/${t.path}`;
     }
-    function X(t) {
+    function w(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;
+      const d = t.city !== "" ? t.city : a("panel.no-city");
+      return t.workplace === "hybrid" ? `${d} · ${a("vacancy.workplace.hybrid")}` : d;
     }
-    function Ue(t) {
-      return t.employment_types.map((u) => a(Nt(u))).join(", ");
+    function S(t) {
+      return t.employment_types.map((d) => a(Rt(d))).join(", ");
     }
-    function Be(t) {
-      return t.closed && M.value === "all" && !T.value;
+    function G(t) {
+      return t.closed && M.value === "all" && !V.value;
     }
-    const He = h(
-      () => v.value ? [{ key: "new", label: a("panel.new"), icon: "plus", primary: !0, run: () => {
-        H();
+    const Te = h(
+      () => q.value ? [{ key: "new", label: a("panel.new"), icon: "plus", primary: !0, run: () => {
+        fe();
       } }] : []
     );
-    return (t, u) => (f(), z("div", St, [
-      d(e(je), {
+    return (t, d) => (y(), z("div", qt, [
+      p(e(je), {
         view: b.value,
-        "onUpdate:view": u[4] || (u[4] = (o) => b.value = o),
-        title: w.value,
-        views: Z.value,
-        actions: He.value,
+        "onUpdate:view": d[4] || (d[4] = (r) => b.value = r),
+        title: o.value,
+        views: D.value,
+        actions: Te.value,
         padding: "sm"
       }, {
         default: i(() => [
-          O("div", qt, [
-            d(e(Pe), {
-              modelValue: S.value,
-              "onUpdate:modelValue": u[0] || (u[0] = (o) => S.value = o),
+          A("div", Et, [
+            p(e(Me), {
+              modelValue: Q.value,
+              "onUpdate:modelValue": d[0] || (d[0] = (r) => Q.value = r),
               class: "wx-vacancies__search",
               size: "sm",
               clearable: "",
@@ -559,29 +557,29 @@ const Rt = /* @__PURE__ */ de({
               "aria-label": e(a)("panel.search")
             }, {
               prefix: i(() => [
-                d(e(se), {
+                p(e(ie), {
                   name: "search",
                   size: "sm"
                 })
               ]),
               _: 1
             }, 8, ["modelValue", "placeholder", "aria-label"]),
-            d(e(mt), {
+            p(e(gt), {
               title: e(a)("panel.filters"),
               width: 280,
               side: "bottom",
               align: "end"
             }, {
               trigger: i(() => [
-                d(e(gt), {
+                p(e(bt), {
                   class: "wx-vacancies__funnel",
-                  value: Q.value.length,
-                  hidden: Q.value.length === 0,
+                  value: B.value.length,
+                  hidden: B.value.length === 0,
                   type: "primary",
                   label: e(a)("panel.filters")
                 }, {
                   default: i(() => [
-                    d(e(wt), {
+                    p(e(wt), {
                       icon: "filter",
                       size: "sm",
                       title: e(a)("panel.filters")
@@ -591,50 +589,50 @@ const Rt = /* @__PURE__ */ de({
                 }, 8, ["value", "hidden", "label"])
               ]),
               default: i(() => [
-                O("div", Dt, [
-                  T.value ? R("", !0) : (f(), V(e(xe), {
+                A("div", Ot, [
+                  V.value ? R("", !0) : (y(), $(e($e), {
                     key: 0,
                     label: e(a)("panel.filter-status")
                   }, {
                     default: i(() => [
-                      d(e(Ve), {
-                        "model-value": I.value === "" ? null : I.value,
-                        options: U.value,
+                      p(e(Ie), {
+                        "model-value": E.value === "" ? null : E.value,
+                        options: te.value,
                         placeholder: e(a)("panel.any-status"),
                         clearable: "",
                         size: "sm",
-                        "onUpdate:modelValue": u[1] || (u[1] = (o) => L("status", o))
+                        "onUpdate:modelValue": d[1] || (d[1] = (r) => L("status", r))
                       }, null, 8, ["model-value", "options", "placeholder"])
                     ]),
                     _: 1
                   }, 8, ["label"])),
-                  d(e(xe), {
+                  p(e($e), {
                     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 })),
+                      p(e(Ie), {
+                        "model-value": U.value,
+                        options: k.value.categories.map((r) => ({ value: r.id, label: r.title })),
                         placeholder: e(a)("panel.any-category"),
                         clearable: "",
                         size: "sm",
-                        "onUpdate:modelValue": u[2] || (u[2] = (o) => L("category", o))
+                        "onUpdate:modelValue": d[2] || (d[2] = (r) => L("category", r))
                       }, null, 8, ["model-value", "options", "placeholder"])
                     ]),
                     _: 1
                   }, 8, ["label"]),
-                  Q.value.length > 0 ? (f(), V(e(K), {
+                  B.value.length > 0 ? (y(), $(e(K), {
                     key: 1,
                     variant: "text",
                     size: "sm",
                     block: "",
-                    onClick: ye
+                    onClick: ee
                   }, {
                     icon: i(() => [
-                      d(e(se), { name: "close" })
+                      p(e(ie), { name: "close" })
                     ]),
                     default: i(() => [
-                      k(" " + g(e(a)("panel.filters-reset")), 1)
+                      x(" " + g(e(a)("panel.filters-reset")), 1)
                     ]),
                     _: 1
                   })) : R("", !0)
@@ -643,110 +641,116 @@ const Rt = /* @__PURE__ */ de({
               _: 1
             }, 8, ["title"])
           ]),
-          Q.value.length > 0 ? (f(), z("div", Et, [
-            d(e(Ye), { filters: Q.value }, null, 8, ["filters"])
+          B.value.length > 0 ? (y(), z("div", Dt, [
+            p(e(Ye), { filters: B.value }, null, 8, ["filters"])
           ])) : R("", !0),
-          q.value && l.value.length === 0 ? (f(), V(e(ce), {
+          C.value && l.value.length === 0 ? (y(), $(e(de), {
             key: 1,
             class: "wx-vacancies__loading",
             rows: 5
-          })) : l.value.length === 0 ? (f(), V(e(ze), {
+          })) : l.value.length === 0 ? (y(), $(e(Le), {
             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), {
+            title: ye.value,
+            description: M.value === "all" && !V.value && P.value ? e(a)("panel.empty-help") : void 0
+          }, null, 8, ["title", "description"])) : (y(), z(ne, { key: 3 }, [
+            p(e(_t), {
               modelValue: l.value,
-              "onUpdate:modelValue": u[3] || (u[3] = (o) => l.value = o),
-              class: qe(["wx-vacancies__list", { "is-loading": q.value }]),
+              "onUpdate:modelValue": d[3] || (d[3] = (r) => l.value = r),
+              class: De(["wx-vacancies__list", { "is-loading": C.value }]),
               plain: "",
               "item-key": "id",
-              handle: D.value ? "grip" : "row",
-              "item-label": (o) => o.title,
-              disabled: !D.value,
-              onMove: fe
+              handle: X.value ? "grip" : "row",
+              "item-label": (r) => r.title,
+              disabled: !X.value,
+              onMove: H
             }, {
-              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(({ item: r }) => [
+                (y(), $(ct(V.value ? "div" : "router-link"), ut({
+                  class: ["wx-vacancy-row", { "is-closed": G(r) }]
+                }, V.value ? {} : { to: { path: `${u.base}/${r.id}`, query: e(n).query } }), {
                   default: i(() => [
-                    O("span", Ot, [
-                      O("span", Pt, g(o.title), 1),
-                      O("span", zt, g(E(o)), 1)
+                    A("span", At, [
+                      A("span", Pt, g(r.title), 1),
+                      A("span", zt, [
+                        x(g(s(r)), 1),
+                        V.value ? R("", !0) : (y(), $(e(Je), {
+                          key: 0,
+                          locale: r.address_locale
+                        }, null, 8, ["locale"]))
+                      ])
                     ]),
-                    O("span", At, [
-                      O("span", Mt, [
-                        d(e(se), {
-                          name: o.workplace === "remote" ? "monitor" : "map-pin",
+                    A("span", Mt, [
+                      A("span", Lt, [
+                        p(e(ie), {
+                          name: r.workplace === "remote" ? "monitor" : "map-pin",
                           size: "sm"
                         }, null, 8, ["name"]),
-                        k(" " + g(X(o)), 1)
+                        x(" " + g(w(r)), 1)
                       ]),
-                      o.employment_types.length > 0 ? (f(), z("span", Lt, g(Ue(o)), 1)) : R("", !0),
-                      o.valid_through ? (f(), V(e(We), {
+                      r.employment_types.length > 0 ? (y(), z("span", Ft, g(S(r)), 1)) : R("", !0),
+                      r.valid_through ? (y(), $(e(Ne), {
                         key: 1,
-                        content: e(a)("panel.until-help", { date: e(Le)(o.valid_through, W.value) })
+                        content: e(a)("panel.until-help", { date: e(Be)(r.valid_through, T.value) })
                       }, {
                         default: i(() => [
-                          O("span", Ft, [
-                            d(e(se), {
+                          A("span", Ut, [
+                            p(e(ie), {
                               name: "calendar",
                               size: "sm"
                             }),
-                            k(" " + g(e(a)("panel.until", { date: e(Ct)(o.valid_through, W.value) })), 1)
+                            x(" " + g(e(a)("panel.until", { date: e(It)(r.valid_through, T.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,
+                    A("span", Bt, [
+                      (y(!0), z(ne, null, Ae(r.categories, (Ce) => (y(), $(e(J), {
+                        key: Ce.id,
                         size: "sm",
                         round: ""
                       }, {
                         default: i(() => [
-                          k(g($e.title), 1)
+                          x(g(Ce.title), 1)
                         ]),
                         _: 2
                       }, 1024))), 128)),
-                      o.closed_reason ? (f(), V(e(We), {
+                      r.closed_reason ? (y(), $(e(Ne), {
                         key: 0,
-                        content: e(a)(`panel.closed-${o.closed_reason}-help`)
+                        content: e(a)(`panel.closed-${r.closed_reason}-help`)
                       }, {
                         default: i(() => [
-                          d(e(Y), {
+                          p(e(J), {
                             type: "warning",
                             size: "sm",
                             round: ""
                           }, {
                             default: i(() => [
-                              k(g(e(a)(`panel.closed-${o.closed_reason}`)), 1)
+                              x(g(e(a)(`panel.closed-${r.closed_reason}`)), 1)
                             ]),
                             _: 2
                           }, 1024)
                         ]),
                         _: 2
                       }, 1032, ["content"])) : R("", !0),
-                      d(e(Y), {
-                        type: x(o.status),
+                      p(e(J), {
+                        type: ke(r.status),
                         dot: "",
                         size: "sm"
                       }, {
                         default: i(() => [
-                          k(g(e(a)(`panel.status-${o.status}`)), 1)
+                          x(g(e(a)(`panel.status-${r.status}`)), 1)
                         ]),
                         _: 2
                       }, 1032, ["type"]),
-                      o.status === "modified" ? (f(), V(e(Y), {
+                      r.status === "modified" ? (y(), $(e(J), {
                         key: 1,
                         type: "primary",
                         size: "sm",
                         round: ""
                       }, {
                         default: i(() => [
-                          k(g(e(a)("panel.edits")), 1)
+                          x(g(e(a)("panel.edits")), 1)
                         ]),
                         _: 1
                       })) : R("", !0)
@@ -755,19 +759,19 @@ const Rt = /* @__PURE__ */ de({
                   _: 2
                 }, 1040, ["class"]))
               ]),
-              actions: i(({ item: o }) => [
-                d(e(Ge), {
-                  actions: me(o),
-                  label: o.title
+              actions: i(({ item: r }) => [
+                p(e(Ge), {
+                  actions: me(r),
+                  label: r.title
                 }, null, 8, ["actions", "label"])
               ]),
               _: 1
             }, 8, ["modelValue", "class", "handle", "item-label", "disabled"]),
-            v.value && !T.value ? (f(), V(e(Ae), {
+            q.value && !V.value ? (y(), $(e(Fe), {
               key: 0,
               class: "wx-vacancies__note",
               type: "info",
-              description: he.value
+              description: O.value
             }, null, 8, ["description"])) : R("", !0)
           ], 64))
         ]),
@@ -775,225 +779,254 @@ const Rt = /* @__PURE__ */ de({
       }, 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);
+}), We = (c, u) => {
+  const f = c.__vccOpts || c;
+  for (const [v, n] of u)
+    f[v] = n;
+  return f;
+}, Kt = /* @__PURE__ */ We(Ht, [["__scopeId", "data-v-491c2b10"]]), He = /* @__PURE__ */ Symbol("wx-vacancy-editor");
+function jt(c) {
+  dt(He, c);
 }
-function jt() {
-  return dt(Fe, null);
+function Yt() {
+  return pt(He, null);
 }
-const Yt = { class: "wx-vacancy-editor__word" }, Gt = 1200, Jt = /* @__PURE__ */ de({
+const Gt = { class: "wx-vacancy-editor__word" }, Jt = 1200, Qt = /* @__PURE__ */ pe({
   __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;
+  setup(c) {
+    const u = c, f = ce(), v = ve(f), n = Pe(), m = ze(), a = xt(), I = Qe();
+    he();
+    const l = oe("webx-vacancies"), k = oe("webx-admin"), C = Ve(), F = h(() => Number(n.params.id)), q = h(() => u.base), o = W(null), T = W({}), b = W(""), V = W(null), M = W(null), U = W(!0), E = W(!1), N = W(!1), Q = W({}), D = W(null), te = W(""), P = h(() => f.can("vacancies.manage")), ue = h(() => !P.value || N.value), X = h(() => JSON.stringify(T.value)), O = h(() => te.value !== "" && X.value !== te.value), ye = h(() => E.value ? "saving" : O.value ? "unsaved" : "saved"), B = h(() => {
+      const s = T.value.title;
+      return kt(s, a.active.value, o.value?.title ?? "");
+    }), Z = h(() => {
+      const s = o.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(" · ");
+      const w = [];
+      return s.valid_through !== null && !s.closed && w.push(
+        l("editor.open-until", { date: Be(s.valid_through, f.i18n.state.locale) })
+      ), (s.status === "published" || s.status === "modified") && w.push(l("editor.live-since", { date: I.short(s.published_at) })), w.join(" · ");
     });
-    Qe({ type: "vacancy", id: h(() => v.value?.id ?? null) }), Xe({
-      values: w,
-      prefix: b,
-      path: h(() => v.value?.path),
+    Xe({ type: "vacancy", id: h(() => o.value?.id ?? null) }), Ze({
+      values: T,
+      prefix: V,
+      path: h(() => o.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;
+    }), jt({ vacancy: o, canManage: P.value, reload: () => L(!0) });
+    function ae(s) {
+      const w = s.values;
+      o.value = s.vacancy, T.value = w, b.value = s.revision, V.value = s.prefix, M.value = s.preview_url, te.value = JSON.stringify(w), D.value = null;
     }
-    async function B(s = !1) {
-      s || (M.value = !0);
+    async function L(s = !1) {
+      s || (U.value = !0);
       try {
-        j(await p.get(q.value));
-      } catch (x) {
-        _.danger(N(x)), m.push(A.value);
+        ae(await v.get(F.value));
+      } catch (w) {
+        _.danger(C(w)), m.push(q.value);
       } finally {
-        M.value = !1;
+        U.value = !1;
       }
     }
-    let L;
-    function ye() {
-      !U.value || S.value || !D.value || (clearTimeout(L), L = setTimeout(() => {
+    let ee;
+    function le() {
+      !P.value || D.value || !O.value || (clearTimeout(ee), ee = setTimeout(() => {
         H();
-      }, Gt));
+      }, Jt));
     }
-    function ne() {
-      !U.value || S.value || !D.value || P.value || (clearTimeout(L), H());
+    function fe() {
+      !P.value || D.value || !O.value || E.value || (clearTimeout(ee), 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 = {};
+      if (!o.value || E.value || !P.value) return;
+      clearTimeout(ee);
+      const s = X.value, w = T.value;
+      E.value = !0, Q.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));
+        const S = await v.save(o.value.id, { values: w, revision: b.value });
+        o.value = S.vacancy, b.value = S.revision, V.value = S.prefix, M.value = S.preview_url, D.value = null, X.value === s && (te.value = s);
+      } catch (S) {
+        const G = S;
+        G.status === 409 && G.body?.data ? D.value = G.body : G.body?.errors ? (Q.value = G.body.errors, _.danger(l("editor.save-failed"))) : _.danger(C(S));
       } finally {
-        P.value = !1;
+        E.value = !1;
       }
     }
-    async function fe() {
-      await G({
+    async function se() {
+      await j({
         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());
+      }) && await L(!0);
     }
     async function me() {
-      if (!(!v.value || !await G({
-        title: l("editor.discard-title"),
-        message: l("editor.discard-text"),
+      const s = D.value;
+      s && (b.value = s.data.revision, D.value = null, await H());
+    }
+    async function ge() {
+      if (!(!o.value || !await j({
+        title: k("editor.discard-title"),
+        message: k("editor.discard-text"),
         confirmText: l("editor.discard"),
-        cancelText: l("panel.cancel"),
+        // Not «Cancel»: beside «Discard changes» the two read as the same word.
+        cancelText: k("editor.keep-changes"),
         tone: "danger"
       }))) {
-        I.value = !0;
+        N.value = !0;
         try {
-          j(await p.discard(v.value.id)), _.success(l("editor.discarded"));
-        } catch (x) {
-          _.danger(N(x));
+          ae(await v.discard(o.value.id)), _.success(l("editor.discarded"));
+        } catch (w) {
+          _.danger(C(w));
         } finally {
-          I.value = !1;
+          N.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}` }),
+    async function be() {
+      if (O.value && await H(), D.value || O.value) return;
+      const s = o.value;
+      if (!s) return;
+      const w = s.next_path ?? s.path, S = s.next_path != null && s.path !== null ? ` ${k("editor.publish-moves", { old: `/${s.path}` })}` : "";
+      if (await j({
+        title: l("editor.publish-title", { title: B.value || s.title }),
+        message: w === null ? l("editor.publish-nowhere") : l("editor.publish-text", { address: `/${w}` }) + S,
         confirmText: l("panel.publish"),
         cancelText: l("panel.cancel")
-      })) && (D.value && await H(), !S.value)) {
-        I.value = !0;
+      })) {
+        N.value = !0;
         try {
-          await p.publish(s.id), await B(!0), _.success(l("panel.published"));
-        } catch (E) {
-          _.danger(N(E));
+          await v.publish(s.id), await L(!0), _.success(l("panel.published"));
+        } catch (Te) {
+          _.danger(C(Te));
         } finally {
-          I.value = !1;
+          N.value = !1;
         }
       }
     }
     async function we() {
-      const s = v.value;
-      if (s && (D.value && await H(), !(S.value || D.value))) {
-        I.value = !0;
+      const s = o.value;
+      if (s && (O.value && await H(), !(D.value || O.value))) {
+        N.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));
+          const w = await v.duplicate(s.id);
+          _.success(l("panel.duplicated")), await m.push({ path: `${q.value}/${w.vacancy.id}`, query: { ...n.query } });
+        } catch (w) {
+          _.danger(C(w));
         } finally {
-          I.value = !1;
+          N.value = !1;
         }
       }
     }
-    function be() {
-      const s = v.value?.status;
+    async function _e() {
+      const s = o.value;
+      if (!(!s || !await j({
+        title: k("editor.unpublish-title"),
+        message: k("editor.unpublish-text"),
+        confirmText: k("editor.unpublish"),
+        cancelText: k("editor.keep-published")
+      }))) {
+        N.value = !0;
+        try {
+          await v.unpublish(s.id), await L(!0), _.success(k("editor.unpublished"));
+        } catch (S) {
+          _.danger(C(S));
+        } finally {
+          N.value = !1;
+        }
+      }
+    }
+    function xe() {
+      const s = o.value?.status;
       return s === "published" || s === "modified" ? "success" : "default";
     }
-    function re(s) {
-      D.value && s.preventDefault();
+    function Y(s) {
+      O.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({
+    re(X, le), re(F, () => {
+      L();
+    }), Ee(() => {
+      L(), window.addEventListener("beforeunload", Y);
+    }), Oe(() => {
+      clearTimeout(ee), window.removeEventListener("beforeunload", Y);
+    }), vt(async () => !O.value || !P.value || (await H(), !O.value) ? !0 : await j({
       title: l("editor.leave-title"),
       message: l("editor.leave-text"),
       confirmText: l("editor.leave"),
       cancelText: l("panel.cancel"),
       tone: "danger"
     }));
-    const _e = h(() => {
+    const ke = 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({
+      return M.value && s.push({ key: "preview", label: l("editor.preview"), icon: "eye", href: M.value }), o.value?.url && o.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({
+        href: o.value.url
+      }), P.value && (o.value?.status === "published" || o.value?.status === "modified") && s.push({
+        key: "unpublish",
+        label: k("editor.unpublish"),
+        icon: "eye-off",
+        run: () => {
+          _e();
+        }
+      }), o.value?.status === "modified" && s.push({
         key: "discard",
         label: l("editor.discard"),
         icon: "refresh",
         danger: !0,
         menu: !0,
         run: () => {
-          me();
+          ge();
         }
       }), s;
     });
-    return (s, x) => (f(), z("div", {
+    return (s, w) => (y(), z("div", {
       class: "wx-vacancy-editor",
-      onFocusout: ne
+      onFocusout: fe
     }, [
-      M.value || !v.value ? (f(), z(ee, { key: 0 }, [
-        d(e(ce), {
+      U.value || !o.value ? (y(), z(ne, { key: 0 }, [
+        p(e(de), {
           class: "wx-vacancy-editor__ghost",
           title: "",
           rows: 1
         }),
-        d(e(kt), null, {
+        p(e(Tt), null, {
           default: i(() => [
-            d(e(ce), { rows: 8 })
+            p(e(de), { rows: 8 })
           ]),
           _: 1
         })
-      ], 64)) : (f(), z(ee, { key: 1 }, [
-        d(e(Ze), {
+      ], 64)) : (y(), z(ne, { key: 1 }, [
+        p(e(et), {
           divider: "",
-          back: A.value,
+          back: q.value,
           "back-label": e(l)("module.vacancies"),
-          title: ae.value || e(l)("editor.untitled"),
-          subtitle: Q.value,
-          actions: _e.value
+          title: B.value || e(l)("editor.untitled"),
+          subtitle: Z.value,
+          actions: ke.value
         }, {
           trail: i(() => [
-            d(e(Tt), {
+            p(e($t), {
               size: "sm",
               label: e(l)("editor.trail")
             }, {
               default: i(() => [
-                d(e(Ce), {
+                p(e(Re), {
                   as: "router-link",
-                  to: A.value
+                  to: q.value
                 }, {
                   default: i(() => [
-                    k(g(e(l)("module.vacancies")), 1)
+                    x(g(e(l)("module.vacancies")), 1)
                   ]),
                   _: 1
                 }, 8, ["to"]),
-                d(e(Ce), { current: "" }, {
+                p(e(Re), { current: "" }, {
                   default: i(() => [
-                    k(g(ae.value || e(l)("editor.untitled")), 1)
+                    x(g(B.value || e(l)("editor.untitled")), 1)
                   ]),
                   _: 1
                 })
@@ -1002,113 +1035,113 @@ const Yt = { class: "wx-vacancy-editor__word" }, Gt = 1200, Jt = /* @__PURE__ */
             }, 8, ["label"])
           ]),
           "title-after": i(() => [
-            d(e(Y), {
-              type: be(),
+            p(e(J), {
+              type: xe(),
               dot: ""
             }, {
               default: i(() => [
-                k(g(e(l)(`panel.status-${v.value.status}`)), 1)
+                x(g(e(l)(`panel.status-${o.value.status}`)), 1)
               ]),
               _: 1
             }, 8, ["type"]),
-            v.value.status === "modified" ? (f(), V(e(Y), {
+            o.value.status === "modified" ? (y(), $(e(J), {
               key: 0,
               type: "primary",
               round: ""
             }, {
               default: i(() => [
-                k(g(e(l)("panel.edits")), 1)
+                x(g(e(l)("panel.edits")), 1)
               ]),
               _: 1
             })) : R("", !0),
-            v.value.closed_reason ? (f(), V(e(Y), {
+            o.value.closed_reason ? (y(), $(e(J), {
               key: 1,
               type: "warning",
               round: ""
             }, {
               default: i(() => [
-                k(g(e(l)(`panel.closed-${v.value.closed_reason}`)), 1)
+                x(g(e(l)(`panel.closed-${o.value.closed_reason}`)), 1)
               ]),
               _: 1
             })) : R("", !0)
           ]),
           _: 1
         }, 8, ["back", "back-label", "title", "subtitle", "actions"]),
-        S.value ? (f(), V(e(Ae), {
+        D.value ? (y(), $(e(Fe), {
           key: 0,
           type: "warning",
           title: e(l)("editor.conflict-title"),
-          description: S.value.message
+          description: D.value.message
         }, {
           actions: i(() => [
-            d(e(K), {
+            p(e(K), {
               size: "sm",
               variant: "outline",
-              onClick: fe
+              onClick: se
             }, {
               default: i(() => [
-                k(g(e(l)("editor.conflict-theirs")), 1)
+                x(g(e(l)("editor.conflict-theirs")), 1)
               ]),
               _: 1
             }),
-            d(e(K), {
+            p(e(K), {
               size: "sm",
               type: "primary",
-              onClick: le
+              onClick: me
             }, {
               default: i(() => [
-                k(g(e(l)("editor.conflict-mine")), 1)
+                x(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),
+        p(e(tt), {
+          modelValue: T.value,
+          "onUpdate:modelValue": w[0] || (w[0] = (S) => T.value = S),
           name: "vacancies.form",
-          errors: F.value,
-          disabled: te.value
+          errors: Q.value,
+          disabled: ue.value
         }, null, 8, ["modelValue", "errors", "disabled"]),
-        U.value ? (f(), V(e($t), { key: 1 }, {
+        P.value ? (y(), $(e(Vt), { key: 1 }, {
           state: i(() => [
-            d(e(tt), { state: he.value }, null, 8, ["state"])
+            p(e(at), { state: ye.value }, null, 8, ["state"])
           ]),
           default: i(() => [
-            d(e(K), {
+            p(e(K), {
               variant: "text",
-              disabled: I.value,
+              disabled: N.value,
               "aria-label": e(l)("panel.duplicate"),
               onClick: we
             }, {
               icon: i(() => [
-                d(e(se), { name: "copy" })
+                p(e(ie), { name: "copy" })
               ]),
               default: i(() => [
-                O("span", Yt, g(e(l)("panel.duplicate")), 1)
+                A("span", Gt, g(e(l)("panel.duplicate")), 1)
               ]),
               _: 1
             }, 8, ["disabled", "aria-label"]),
-            d(e(K), {
+            p(e(K), {
               variant: "outline",
-              loading: P.value,
-              disabled: !D.value,
+              loading: E.value,
+              disabled: !O.value,
               onClick: H
             }, {
               default: i(() => [
-                k(g(e(l)("editor.save")), 1)
+                x(g(e(l)("editor.save")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"]),
-            d(e(K), {
+            p(e(K), {
               type: "primary",
-              loading: I.value,
-              disabled: v.value.status === "published" && !D.value,
-              onClick: ge
+              loading: N.value,
+              disabled: o.value.status === "published" && !O.value,
+              onClick: be
             }, {
               default: i(() => [
-                k(g(e(l)("panel.publish")), 1)
+                x(g(e(l)("panel.publish")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"])
@@ -1118,118 +1151,118 @@ const Yt = { class: "wx-vacancy-editor__word" }, Gt = 1200, Jt = /* @__PURE__ */
       ], 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({
+}), Xt = /* @__PURE__ */ We(Qt, [["__scopeId", "data-v-12e705f9"]]), Zt = { class: "wx-vacancy-history" }, ea = { class: "wx-vacancy-history__number" }, ta = { class: "wx-vacancy-history__who" }, aa = /* @__PURE__ */ pe({
   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(
+  setup(c) {
+    const u = ce(), f = ve(u), v = Yt();
+    he();
+    const n = oe("webx-vacancies"), m = Ve(), a = W(null), I = W(!1), l = h(() => v?.vacancy.value ?? null), k = h(() => v?.canManage ?? !1), C = h(
       () => l.value?.status === "published" || l.value?.status === "modified" ? a.value?.[0]?.number ?? null : null
     );
-    async function A() {
-      const w = l.value;
-      if (w)
+    async function F() {
+      const o = l.value;
+      if (o)
         try {
-          a.value = await y.versions(w.id);
-        } catch (W) {
-          a.value = [], _.danger(m(W));
+          a.value = await f.versions(o.id);
+        } catch (T) {
+          a.value = [], _.danger(m(T));
         }
     }
-    async function v(w) {
-      const W = l.value;
-      if (!(!W || !await G({
-        title: n("editor.restore-title", { number: w.number }),
+    async function q(o) {
+      const T = l.value;
+      if (!(!T || !await j({
+        title: n("editor.restore-title", { number: o.number }),
         message: n("editor.restore-text"),
         confirmText: n("editor.restore-version"),
         cancelText: n("panel.cancel")
       }))) {
-        C.value = !0;
+        I.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));
+          await f.restoreVersion(T.id, o.number), await v?.reload(), _.success(n("editor.restored-version", { number: o.number }));
+        } catch (V) {
+          _.danger(m(V));
         } finally {
-          C.value = !1;
+          I.value = !1;
         }
       }
     }
-    return ie(
+    return re(
       () => [l.value?.id, l.value?.published_at, l.value?.updated_at],
       () => {
-        A();
+        F();
       },
       { immediate: !0 }
-    ), (w, W) => (f(), z("div", Xt, [
-      a.value === null ? (f(), V(e(ce), {
+    ), (o, T) => (y(), z("div", Zt, [
+      a.value === null ? (y(), $(e(de), {
         key: 0,
         class: "wx-vacancy-history__ghost",
         rows: 3
-      })) : a.value.length === 0 ? (f(), V(e(ze), {
+      })) : a.value.length === 0 ? (y(), $(e(Le), {
         key: 1,
         description: e(n)("editor.history-empty")
-      }, null, 8, ["description"])) : (f(!0), z(ee, { key: 2 }, De(a.value, (b) => (f(), z("div", {
+      }, null, 8, ["description"])) : (y(!0), z(ne, { key: 2 }, Ae(a.value, (b) => (y(), z("div", {
         key: b.number,
-        class: qe(["wx-vacancy-history__row", { "is-live": b.number === q.value }])
+        class: De(["wx-vacancy-history__row", { "is-live": b.number === C.value }])
       }, [
-        O("code", Zt, g(e(n)("editor.version", { number: b.number })), 1),
-        O("div", ea, [
-          b.created_at ? (f(), V(e(at), {
+        A("code", ea, g(e(n)("editor.version", { number: b.number })), 1),
+        A("div", ta, [
+          b.created_at ? (y(), $(e(nt), {
             key: 0,
             value: b.created_at,
             size: "md",
             tone: "default"
           }, null, 8, ["value"])) : R("", !0),
-          d(e(Vt), {
+          p(e(Wt), {
             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)
+              x(g(b.author ?? e(n)(`editor.source-${b.source}`)) + " ", 1),
+              b.comment ? (y(), z(ne, { key: 0 }, [
+                x(" · " + g(b.comment), 1)
               ], 64)) : R("", !0)
             ]),
             _: 2
           }, 1024)
         ]),
-        b.number === q.value ? (f(), V(e(Y), {
+        b.number === C.value ? (y(), $(e(J), {
           key: 0,
           type: "success",
           dot: ""
         }, {
           default: i(() => [
-            k(g(e(n)("editor.version-live")), 1)
+            x(g(e(n)("editor.version-live")), 1)
           ]),
           _: 1
         })) : R("", !0),
-        N.value && b.number !== q.value ? (f(), V(e(K), {
+        k.value && b.number !== C.value ? (y(), $(e(K), {
           key: 1,
           size: "sm",
           variant: "outline",
-          loading: C.value,
-          onClick: (T) => v(b)
+          loading: I.value,
+          onClick: (V) => q(b)
         }, {
           default: i(() => [
-            k(g(e(n)("editor.restore-version")), 1)
+            x(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") {
+}), na = /* @__PURE__ */ We(aa, [["__scopeId", "data-v-77bc9b70"]]);
+function la(c = "/vacancies") {
   return {
     api: "vacancies/categories",
-    path: `${r}/categories`,
+    path: `${c}/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" } }),
+    items: (u) => ({ path: c, query: { category: String(u), view: "all" } }),
     words: {
       new: "webx-vacancies::category.new",
       empty: "webx-vacancies::category.empty",
@@ -1248,19 +1281,19 @@ function na(r = "/vacancies") {
     }
   };
 }
-function ra(r = {}) {
-  const c = r.path ?? "/vacancies";
+function ca(c = {}) {
+  const u = c.path ?? "/vacancies";
   return [
     {
       id: "vacancies",
-      path: c,
+      path: u,
       routes: [
-        { path: c, name: "webx.vacancies", component: Ht, props: { base: c } },
+        { path: u, name: "webx.vacancies", component: Kt, props: { base: u } },
         {
-          path: `${c}/:id(\\d+)`,
+          path: `${u}/:id(\\d+)`,
           name: "webx.vacancies.edit",
-          component: Qt,
-          props: { base: c }
+          component: Xt,
+          props: { base: u }
         }
       ],
       /*
@@ -1269,28 +1302,28 @@ function ra(r = {}) {
        * `wx-date-picker`, `wx-checkbox-group`).
        */
       types: {
-        "wx-vacancy-history": { component: aa, kind: "display" }
+        "wx-vacancy-history": { component: na, kind: "display" }
       }
     },
     {
       id: "vacancy-categories",
-      path: `${c}/categories`,
-      routes: nt(na(c))
+      path: `${u}/categories`,
+      routes: lt(la(u))
     }
   ];
 }
 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
+  Se as VACANCIES_API,
+  Kt as WxVacanciesPage,
+  St as WxVacancyCreateDialog,
+  Xt as WxVacancyEditorPage,
+  na as WxVacancyHistory,
+  ve as createVacanciesApi,
+  jt as provideVacancyEditor,
+  Yt as useVacancyEditor,
+  ca as vacancies,
+  Nt as vacanciesMessages,
+  la as vacancyCategoriesOptions,
+  He as vacancyEditorKey
 };
 //# sourceMappingURL=index.js.map