@webx-ui/module-events 0.1.0

package/dist/index.js

@@ -0,0 +1,1253 @@
+import { useAdmin as ie, useDates as De, useTranslate as le, useErrorText as Te, provideRelationOwner as Ue, provideRecordAddress as Fe, WxScreenHead as He, WxScreen as Ke, WxSaveState as je, WxDate as Me, rowMenuWidth as Ge, WxListScreen as Je, WxRowMenu as Se, WxFilterChips as Ye, categoryRoutes as Qe } from "@webx-ui/module-admin";
+import { provide as Xe, inject as Ze, defineComponent as de, computed as f, ref as E, watch as ce, onMounted as Ve, onBeforeUnmount as et, openBlock as h, createElementBlock as I, Fragment as ae, createVNode as v, unref as e, withCtx as i, createTextVNode as b, toDisplayString as g, createBlock as T, createCommentVNode as R, createElementVNode as O, renderList as Ae, normalizeClass as xe, useTemplateRef as Re, nextTick as tt, isRef as at, withKeys as nt } from "vue";
+import { useRoute as Be, useRouter as Ie, onBeforeRouteLeave as st } from "vue-router";
+import { useLocales as lt, localizedValue as it, confirm as te, WxSkeleton as ke, WxCard as rt, WxBadge as F, WxBreadcrumb as ot, WxBreadcrumbItem as Ee, WxAlert as ut, WxButton as H, WxActionBar as ct, WxIcon as $e, toast as z, WxEmpty as dt, WxText as Pe, useModal as vt, WxDialog as pt, WxFormItem as ue, WxInput as ht, WxSpace as ft, useElementWidth as gt, createModal as yt, WxTable as mt, WxEntityCard as bt, WxTooltip as Ce, WxSelect as _e } from "@webx-ui/core";
+const wt = "events";
+function ve(o) {
+  const d = `${o.apiPath}/${wt}`, y = (s) => s.data;
+  return {
+    list: (s = {}) => {
+      const r = new URLSearchParams();
+      return r.set("when", s.when ?? "upcoming"), s.q && r.set("q", s.q), s.category != null && r.set("category", String(s.category)), s.service != null && r.set("service", String(s.service)), s.status && r.set("status", s.status), s.trashed && r.set("trashed", "1"), s.page && s.page > 1 && r.set("page", String(s.page)), s.per_page && r.set("per_page", String(s.per_page)), o.http.get(`${d}?${r}`).then((W) => ({ ...W.meta, data: W.data, filters: W.filters }));
+    },
+    get: (s) => o.http.get(`${d}/${s}`).then(y),
+    create: (s) => o.http.post(d, s).then(y),
+    save: (s, r) => o.http.put(`${d}/${s}`, r).then(y),
+    discard: (s) => o.http.post(`${d}/${s}/discard`, {}).then(y),
+    duplicate: (s) => o.http.post(`${d}/${s}/duplicate`, {}).then(y),
+    publish: (s) => o.http.post(`${d}/${s}/publish`, {}).then(y),
+    unpublish: (s) => o.http.post(`${d}/${s}/unpublish`, {}).then(y),
+    remove: (s) => o.http.delete(`${d}/${s}`).then(() => {
+    }),
+    restore: (s) => o.http.post(`${d}/${s}/restore`, {}).then(y),
+    versions: (s) => o.http.get(`${d}/${s}/versions`).then(y),
+    restoreVersion: (s, r) => o.http.post(`${d}/${s}/versions/${r}/restore`, {}).then(y)
+  };
+}
+const _t = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})/, K = (o, d = 2) => String(o).padStart(d, "0");
+function ze(o) {
+  if (typeof o != "string") return o;
+  const d = _t.exec(o);
+  if (d === null) return o;
+  const [y, s, r, W, x, n] = d.slice(1).map(Number), a = new Date(y, s - 1, r, W, x, n), k = a.getTimezoneOffset(), N = `${k > 0 ? "-" : "+"}${K(Math.floor(Math.abs(k) / 60))}:${K(Math.abs(k) % 60)}`;
+  return `${K(a.getFullYear(), 4)}-${K(a.getMonth() + 1)}-${K(a.getDate())}T${K(a.getHours())}:${K(a.getMinutes())}:${K(a.getSeconds())}${N}`;
+}
+function xt(o) {
+  return o.all_day !== !0 ? o : {
+    ...o,
+    starts_at: ze(o.starts_at),
+    ends_at: ze(o.ends_at)
+  };
+}
+const Oe = /* @__PURE__ */ Symbol("wx-event-editor");
+function kt(o) {
+  Xe(Oe, o);
+}
+function $t() {
+  return Ze(Oe, null);
+}
+const Tt = {
+  module: {
+    group: "Events",
+    events: "Events",
+    categories: "Categories"
+  },
+  panel: {
+    new: "New event",
+    "new-title": "New event",
+    "field-title": "Title",
+    create: "Create",
+    cancel: "Cancel",
+    search: "Search by title or address",
+    empty: "No events yet.",
+    "empty-upcoming": "Nothing ahead. The past events are on the next tab.",
+    "empty-past": "No event is over yet.",
+    "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",
+    past: "Over",
+    "no-address": "No address in this language",
+    "no-date": "No date",
+    "main-category": "The main category: it goes in the breadcrumbs",
+    "view-upcoming": "Upcoming",
+    "view-past": "Past",
+    "view-all": "All",
+    bin: "Bin",
+    "column-title": "Event",
+    "column-when": "When",
+    "column-deleted": "Deleted",
+    "column-categories": "Categories",
+    "column-status": "State",
+    "filter-status": "State",
+    "any-status": "Any state",
+    "filter-category": "Category",
+    "any-category": "Any category",
+    "filter-service": "Service",
+    "any-service": "Any service",
+    open: "Open",
+    "open-on-site": "Open on the site",
+    duplicate: "Duplicate",
+    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 event is in the bin.",
+    restored: "The event is back.",
+    published: "The event is on the site.",
+    "unpublished-done": "The event is off the site."
+  },
+  event: {
+    trail: "Where this event sits",
+    untitled: "Untitled",
+    save: "Save",
+    "save-failed": "The event was not saved.",
+    duplicated: "This is the copy: a draft. Set its date and publish it.",
+    "publish-title": "Put “:title” on the site?",
+    "publish-text": "It answers at :address from the moment you do, for everyone — with its categories and services 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 event goes back to what the site is showing. What was written since is not listed anywhere.",
+    discarded: "The event is back to what is published.",
+    "conflict-title": "The event 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 event is read again as it now is, and what you have typed since goes.",
+    leave: "Leave",
+    "leave-title": "Leave without saving?",
+    "leave-text": "The event could not be saved, and what you wrote is not on the server.",
+    "live-since": "On the site since :date",
+    "address-moving": "The address is changing. The old one keeps working and leads to the new one.",
+    "history-empty": "This event 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 kind of event — breakfast meetings, cooking classes — with a page of its own listing what is ahead.",
+    order: "Drag to change the order of the categories on the site.",
+    hidden: "Hidden from the site",
+    "no-address": "No address in this language",
+    events: "Events: :count",
+    "show-events": "Show its events",
+    "delete-blocked": "This category still holds events. Move them first.",
+    "delete-text": "It goes to the bin and its page comes off the site. Its events stay.",
+    deleted: "The category is in the bin.",
+    saved: "The category is saved.",
+    "field-title": "Title",
+    "field-slug": "Address",
+    "address-moving": "The address is changing. The old one keeps working and leads to the new one."
+  }
+}, Ne = /* @__PURE__ */ new WeakSet();
+function pe() {
+  try {
+    const { i18n: o } = ie();
+    Ne.has(o) || (o.defaults("webx-events", Tt), Ne.add(o));
+  } catch {
+  }
+}
+const Wt = { class: "wx-event-editor__word" }, St = 1200, Et = /* @__PURE__ */ de({
+  __name: "EventEditorPage",
+  props: {
+    base: { default: "/events" }
+  },
+  setup(o) {
+    const d = o, y = ie(), s = ve(y), r = Be(), W = Ie(), x = lt(), n = De();
+    pe();
+    const a = le("webx-events"), k = Te(), D = f(() => Number(r.params.id)), N = f(() => d.base), p = E(null), m = E({}), C = E(""), $ = E(null), L = E(null), M = E(!0), S = E(!1), P = E(!1), w = E({}), q = E(null), Q = E(""), V = f(() => y.can("events.manage")), he = f(() => !V.value || P.value), X = f(() => JSON.stringify(m.value)), A = f(() => Q.value !== "" && X.value !== Q.value), fe = f(() => S.value ? "saving" : A.value ? "unsaved" : "saved"), j = f(() => {
+      const u = m.value.title;
+      return it(u, x.active.value, p.value?.title ?? "");
+    }), ge = f(() => {
+      const u = p.value;
+      if (!u) return "";
+      const _ = [u.when];
+      return (u.status === "published" || u.status === "modified") && _.push(a("event.live-since", { date: n.short(u.published_at) })), _.filter((t) => t !== "").join(" · ");
+    });
+    Ue({ type: "event", id: f(() => p.value?.id ?? null) }), Fe({
+      values: m,
+      prefix: $,
+      path: f(() => p.value?.path),
+      moving: () => a("event.address-moving")
+    }), kt({ event: p, canManage: V.value, reload: () => J(!0) });
+    function G(u) {
+      const _ = xt(u.values);
+      p.value = u.event, m.value = _, C.value = u.revision, $.value = u.prefix, L.value = u.preview_url, Q.value = JSON.stringify(_), q.value = null;
+    }
+    async function J(u = !1) {
+      u || (M.value = !0);
+      try {
+        G(await s.get(D.value));
+      } catch (_) {
+        z.danger(k(_)), W.push(N.value);
+      } finally {
+        M.value = !1;
+      }
+    }
+    let B;
+    function Z() {
+      !V.value || q.value || !A.value || (clearTimeout(B), B = setTimeout(() => {
+        U();
+      }, St));
+    }
+    function ye() {
+      !V.value || q.value || !A.value || S.value || (clearTimeout(B), U());
+    }
+    async function U() {
+      if (!p.value || S.value || !V.value) return;
+      clearTimeout(B);
+      const u = X.value, _ = m.value;
+      S.value = !0, w.value = {};
+      try {
+        const t = await s.save(p.value.id, { values: _, revision: C.value });
+        p.value = t.event, C.value = t.revision, $.value = t.prefix, L.value = t.preview_url, q.value = null, X.value === u && (Q.value = u);
+      } catch (t) {
+        const c = t;
+        c.status === 409 && c.body?.data ? q.value = c.body : c.body?.errors ? (w.value = c.body.errors, z.danger(a("event.save-failed"))) : z.danger(k(t));
+      } finally {
+        S.value = !1;
+      }
+    }
+    async function me() {
+      await te({
+        title: a("event.conflict-theirs-title"),
+        message: a("event.conflict-theirs-text"),
+        confirmText: a("event.conflict-theirs"),
+        cancelText: a("panel.cancel"),
+        tone: "danger"
+      }) && await J(!0);
+    }
+    async function be() {
+      const u = q.value;
+      u && (C.value = u.data.revision, q.value = null, await U());
+    }
+    async function we() {
+      if (!(!p.value || !await te({
+        title: a("event.discard-title"),
+        message: a("event.discard-text"),
+        confirmText: a("event.discard"),
+        cancelText: a("panel.cancel"),
+        tone: "danger"
+      }))) {
+        P.value = !0;
+        try {
+          G(await s.discard(p.value.id)), z.success(a("event.discarded"));
+        } catch (_) {
+          z.danger(k(_));
+        } finally {
+          P.value = !1;
+        }
+      }
+    }
+    async function ee() {
+      const u = p.value;
+      if (!(!u || !await te({
+        title: a("event.publish-title", { title: j.value || u.title }),
+        message: u.path === null ? a("event.publish-nowhere") : a("event.publish-text", { address: `/${u.path}` }),
+        confirmText: a("panel.publish"),
+        cancelText: a("panel.cancel")
+      })) && (A.value && await U(), !q.value)) {
+        P.value = !0;
+        try {
+          await s.publish(u.id), await J(!0), z.success(a("panel.published"));
+        } catch (t) {
+          z.danger(k(t));
+        } finally {
+          P.value = !1;
+        }
+      }
+    }
+    async function re() {
+      const u = p.value;
+      if (u && (A.value && await U(), !(q.value || A.value))) {
+        P.value = !0;
+        try {
+          const _ = await s.duplicate(u.id);
+          z.success(a("event.duplicated")), await W.push({ path: `${N.value}/${_.event.id}`, query: { ...r.query } });
+        } catch (_) {
+          z.danger(k(_));
+        } finally {
+          P.value = !1;
+        }
+      }
+    }
+    function oe() {
+      const u = p.value?.status;
+      return u === "published" || u === "modified" ? "success" : "default";
+    }
+    function ne(u) {
+      A.value && u.preventDefault();
+    }
+    ce(X, Z), ce(D, () => {
+      J();
+    }), Ve(() => {
+      J(), window.addEventListener("beforeunload", ne);
+    }), et(() => {
+      clearTimeout(B), window.removeEventListener("beforeunload", ne);
+    }), st(async () => !A.value || !V.value || (await U(), !A.value) ? !0 : await te({
+      title: a("event.leave-title"),
+      message: a("event.leave-text"),
+      confirmText: a("event.leave"),
+      cancelText: a("panel.cancel"),
+      tone: "danger"
+    }));
+    const se = f(() => {
+      const u = [];
+      return L.value && u.push({ key: "preview", label: a("event.preview"), icon: "eye", href: L.value }), p.value?.url && p.value.status !== "draft" && u.push({
+        key: "site",
+        label: a("panel.open-on-site"),
+        icon: "link",
+        href: p.value.url
+      }), p.value?.status === "modified" && u.push({
+        key: "discard",
+        label: a("event.discard"),
+        icon: "refresh",
+        danger: !0,
+        menu: !0,
+        run: () => {
+          we();
+        }
+      }), u;
+    });
+    return (u, _) => (h(), I("div", {
+      class: "wx-event-editor",
+      onFocusout: ye
+    }, [
+      M.value || !p.value ? (h(), I(ae, { key: 0 }, [
+        v(e(ke), {
+          class: "wx-event-editor__ghost",
+          title: "",
+          rows: 1
+        }),
+        v(e(rt), null, {
+          default: i(() => [
+            v(e(ke), { rows: 8 })
+          ]),
+          _: 1
+        })
+      ], 64)) : (h(), I(ae, { key: 1 }, [
+        v(e(He), {
+          divider: "",
+          back: N.value,
+          "back-label": e(a)("module.events"),
+          title: j.value || e(a)("event.untitled"),
+          subtitle: ge.value,
+          actions: se.value
+        }, {
+          trail: i(() => [
+            v(e(ot), {
+              size: "sm",
+              label: e(a)("event.trail")
+            }, {
+              default: i(() => [
+                v(e(Ee), {
+                  as: "router-link",
+                  to: N.value
+                }, {
+                  default: i(() => [
+                    b(g(e(a)("module.events")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["to"]),
+                v(e(Ee), { current: "" }, {
+                  default: i(() => [
+                    b(g(j.value || e(a)("event.untitled")), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["label"])
+          ]),
+          "title-after": i(() => [
+            v(e(F), {
+              type: oe(),
+              dot: ""
+            }, {
+              default: i(() => [
+                b(g(e(a)(`panel.status-${p.value.status}`)), 1)
+              ]),
+              _: 1
+            }, 8, ["type"]),
+            p.value.status === "modified" ? (h(), T(e(F), {
+              key: 0,
+              type: "primary",
+              round: ""
+            }, {
+              default: i(() => [
+                b(g(e(a)("panel.edits")), 1)
+              ]),
+              _: 1
+            })) : R("", !0),
+            p.value.past ? (h(), T(e(F), {
+              key: 1,
+              round: ""
+            }, {
+              default: i(() => [
+                b(g(e(a)("panel.past")), 1)
+              ]),
+              _: 1
+            })) : R("", !0)
+          ]),
+          _: 1
+        }, 8, ["back", "back-label", "title", "subtitle", "actions"]),
+        q.value ? (h(), T(e(ut), {
+          key: 0,
+          type: "warning",
+          title: e(a)("event.conflict-title"),
+          description: q.value.message
+        }, {
+          actions: i(() => [
+            v(e(H), {
+              size: "sm",
+              variant: "outline",
+              onClick: me
+            }, {
+              default: i(() => [
+                b(g(e(a)("event.conflict-theirs")), 1)
+              ]),
+              _: 1
+            }),
+            v(e(H), {
+              size: "sm",
+              type: "primary",
+              onClick: be
+            }, {
+              default: i(() => [
+                b(g(e(a)("event.conflict-mine")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["title", "description"])) : R("", !0),
+        v(e(Ke), {
+          modelValue: m.value,
+          "onUpdate:modelValue": _[0] || (_[0] = (t) => m.value = t),
+          name: "events.form",
+          errors: w.value,
+          disabled: he.value
+        }, null, 8, ["modelValue", "errors", "disabled"]),
+        V.value ? (h(), T(e(ct), { key: 1 }, {
+          state: i(() => [
+            v(e(je), { state: fe.value }, null, 8, ["state"])
+          ]),
+          default: i(() => [
+            v(e(H), {
+              variant: "text",
+              disabled: P.value,
+              "aria-label": e(a)("panel.duplicate"),
+              onClick: re
+            }, {
+              icon: i(() => [
+                v(e($e), { name: "copy" })
+              ]),
+              default: i(() => [
+                O("span", Wt, g(e(a)("panel.duplicate")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled", "aria-label"]),
+            v(e(H), {
+              variant: "outline",
+              loading: S.value,
+              disabled: !A.value,
+              onClick: U
+            }, {
+              default: i(() => [
+                b(g(e(a)("event.save")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"]),
+            v(e(H), {
+              type: "primary",
+              loading: P.value,
+              disabled: p.value.status === "published" && !A.value,
+              onClick: ee
+            }, {
+              default: i(() => [
+                b(g(e(a)("panel.publish")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })) : R("", !0)
+      ], 64))
+    ], 32));
+  }
+}), We = (o, d) => {
+  const y = o.__vccOpts || o;
+  for (const [s, r] of d)
+    y[s] = r;
+  return y;
+}, Ct = /* @__PURE__ */ We(Et, [["__scopeId", "data-v-4df973ae"]]), zt = { class: "wx-event-history" }, Nt = { class: "wx-event-history__number" }, qt = { class: "wx-event-history__who" }, Dt = /* @__PURE__ */ de({
+  name: "WxEventHistory",
+  __name: "EventHistory",
+  setup(o) {
+    const d = ie(), y = ve(d), s = $t();
+    pe();
+    const r = le("webx-events"), W = Te(), x = E(null), n = E(!1), a = f(() => s?.event.value ?? null), k = f(() => s?.canManage ?? !1), D = f(
+      () => a.value?.status === "published" || a.value?.status === "modified" ? x.value?.[0]?.number ?? null : null
+    );
+    async function N() {
+      const m = a.value;
+      if (m)
+        try {
+          x.value = await y.versions(m.id);
+        } catch (C) {
+          x.value = [], z.danger(W(C));
+        }
+    }
+    async function p(m) {
+      const C = a.value;
+      if (!(!C || !await te({
+        title: r("event.restore-title", { number: m.number }),
+        message: r("event.restore-text"),
+        confirmText: r("event.restore-version"),
+        cancelText: r("panel.cancel")
+      }))) {
+        n.value = !0;
+        try {
+          await y.restoreVersion(C.id, m.number), await s?.reload(), z.success(r("event.restored-version", { number: m.number }));
+        } catch (L) {
+          z.danger(W(L));
+        } finally {
+          n.value = !1;
+        }
+      }
+    }
+    return ce(
+      () => [a.value?.id, a.value?.published_at, a.value?.updated_at],
+      () => {
+        N();
+      },
+      { immediate: !0 }
+    ), (m, C) => (h(), I("div", zt, [
+      x.value === null ? (h(), T(e(ke), {
+        key: 0,
+        class: "wx-event-history__ghost",
+        rows: 3
+      })) : x.value.length === 0 ? (h(), T(e(dt), {
+        key: 1,
+        description: e(r)("event.history-empty")
+      }, null, 8, ["description"])) : (h(!0), I(ae, { key: 2 }, Ae(x.value, ($) => (h(), I("div", {
+        key: $.number,
+        class: xe(["wx-event-history__row", { "is-live": $.number === D.value }])
+      }, [
+        O("code", Nt, g(e(r)("event.version", { number: $.number })), 1),
+        O("div", qt, [
+          $.created_at ? (h(), T(e(Me), {
+            key: 0,
+            value: $.created_at,
+            size: "md",
+            tone: "default"
+          }, null, 8, ["value"])) : R("", !0),
+          v(e(Pe), {
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: i(() => [
+              b(g($.author ?? e(r)(`event.source-${$.source}`)) + " ", 1),
+              $.comment ? (h(), I(ae, { key: 0 }, [
+                b(" · " + g($.comment), 1)
+              ], 64)) : R("", !0)
+            ]),
+            _: 2
+          }, 1024)
+        ]),
+        $.number === D.value ? (h(), T(e(F), {
+          key: 0,
+          type: "success",
+          dot: ""
+        }, {
+          default: i(() => [
+            b(g(e(r)("event.version-live")), 1)
+          ]),
+          _: 1
+        })) : R("", !0),
+        k.value && $.number !== D.value ? (h(), T(e(H), {
+          key: 1,
+          size: "sm",
+          variant: "outline",
+          loading: n.value,
+          onClick: (L) => p($)
+        }, {
+          default: i(() => [
+            b(g(e(r)("event.restore-version")), 1)
+          ]),
+          _: 1
+        }, 8, ["loading", "onClick"])) : R("", !0)
+      ], 2))), 128))
+    ]));
+  }
+}), Mt = /* @__PURE__ */ We(Dt, [["__scopeId", "data-v-222cbd42"]]), Vt = /* @__PURE__ */ de({
+  __name: "EventCreateDialog",
+  setup(o) {
+    const { open: d, resolve: y, dismiss: s } = vt(), r = ie(), W = ve(r);
+    pe();
+    const x = le("webx-events"), n = E(""), a = E(!1), k = E({}), D = Re("field");
+    Ve(async () => {
+      await tt(), D.value?.querySelector("input")?.focus();
+    });
+    async function N() {
+      if (!(n.value.trim() === "" || a.value)) {
+        a.value = !0, k.value = {};
+        try {
+          y((await W.create({ title: n.value.trim() })).event);
+        } catch (p) {
+          k.value = p.body?.errors ?? {};
+        } finally {
+          a.value = !1;
+        }
+      }
+    }
+    return (p, m) => (h(), T(e(pt), {
+      open: e(d),
+      "onUpdate:open": m[2] || (m[2] = (C) => at(d) ? d.value = C : null),
+      title: e(x)("panel.new-title"),
+      width: 440
+    }, {
+      footer: i(() => [
+        v(e(ft), { size: "sm" }, {
+          default: i(() => [
+            v(e(H), {
+              variant: "outline",
+              onClick: m[1] || (m[1] = (C) => e(s)())
+            }, {
+              default: i(() => [
+                b(g(e(x)("panel.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            v(e(H), {
+              type: "primary",
+              loading: a.value,
+              disabled: n.value.trim() === "",
+              onClick: N
+            }, {
+              default: i(() => [
+                b(g(e(x)("panel.create")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: i(() => [
+        v(e(ue), {
+          label: e(x)("panel.field-title"),
+          error: k.value.title?.[0] ?? k.value.slug?.[0],
+          required: ""
+        }, {
+          default: i(() => [
+            O("div", {
+              ref_key: "field",
+              ref: D
+            }, [
+              v(e(ht), {
+                modelValue: n.value,
+                "onUpdate:modelValue": m[0] || (m[0] = (C) => n.value = C),
+                "aria-label": e(x)("panel.field-title"),
+                onKeyup: nt(N, ["enter"])
+              }, null, 8, ["modelValue", "aria-label"])
+            ], 512)
+          ]),
+          _: 1
+        }, 8, ["label", "error"])
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), At = ["src"], Rt = { class: "wx-events__name" }, Bt = { class: "wx-events__title" }, It = { class: "wx-events__address" }, Pt = { class: "wx-events__when" }, Ot = { class: "wx-events__chips" }, Lt = { class: "wx-events__state" }, qe = 640, Ut = /* @__PURE__ */ de({
+  __name: "EventsPage",
+  props: {
+    base: { default: "/events" }
+  },
+  setup(o) {
+    const d = o, y = ie(), s = ve(y), r = Be(), W = Ie(), x = De();
+    pe();
+    const n = le("webx-events"), a = le("webx-admin"), k = Te(), D = Re("root"), N = gt(D), p = E(null), m = E(!0), C = yt(Vt), $ = f(() => y.can("events.manage")), L = f(
+      () => y.state.manifest?.modules.find((t) => t.id === "events")?.title ?? n("module.events")
+    ), M = f({
+      get: () => typeof r.query.view == "string" ? r.query.view : "",
+      set: (t) => {
+        W.replace({
+          query: { ...r.query, view: t === "" ? void 0 : String(t), page: void 0 }
+        });
+      }
+    }), S = f(() => M.value === "trashed"), P = f(() => S.value || M.value === "all" ? "all" : M.value === "past" ? "past" : "upcoming"), w = f(() => ({
+      q: typeof r.query.q == "string" ? r.query.q : "",
+      category: q(r.query.category),
+      service: q(r.query.service),
+      status: typeof r.query.status == "string" ? r.query.status : "",
+      page: Number(r.query.page ?? 1) || 1
+    }));
+    function q(t) {
+      return typeof t == "string" && t !== "" && Number(t) || null;
+    }
+    const Q = f(() => [
+      { value: "", label: n("panel.view-upcoming") },
+      { value: "past", label: n("panel.view-past") },
+      { value: "all", label: n("panel.view-all") },
+      { value: "trashed", label: n("panel.bin"), icon: "trash" }
+    ]), V = f(() => p.value?.filters ?? { categories: [], services: null }), he = f(
+      () => ["published", "draft", "unpublished"].map((t) => ({
+        value: t,
+        label: n(`panel.status-${t}`)
+      }))
+    ), X = f(() => N.value > 0 && N.value < qe), A = f(() => X.value ? [{ key: "card", label: "" }] : [
+      { key: "cover", label: "", width: 68 },
+      /* The one that takes what the others leave, and the only one without a width. */
+      { key: "title", label: n("panel.column-title"), minWidth: 220 },
+      {
+        key: "when",
+        label: S.value ? n("panel.column-deleted") : n("panel.column-when"),
+        width: 210,
+        hideBelow: 760
+      },
+      { key: "categories", label: n("panel.column-categories"), width: 190, hideBelow: 1080 },
+      { key: "status", label: n("panel.column-status"), width: 150 },
+      { key: "actions", label: "", width: Ge, align: "right" }
+    ]), fe = f(() => w.value.q !== "" ? n("panel.empty-search") : S.value ? n("panel.empty-bin") : M.value === "past" ? n("panel.empty-past") : M.value === "all" ? n("panel.empty") : n("panel.empty-upcoming")), j = f(() => {
+      const t = [];
+      w.value.status !== "" && t.push({
+        key: "status",
+        label: `${n("panel.filter-status")}: ${n(`panel.status-${w.value.status}`)}`,
+        clear: () => B("status", void 0)
+      });
+      const c = V.value.categories.find((Y) => Y.id === w.value.category);
+      c && t.push({
+        key: "category",
+        label: `${n("panel.filter-category")}: ${c.title}`,
+        clear: () => B("category", void 0)
+      });
+      const l = V.value.services?.find((Y) => Y.id === w.value.service);
+      return l && t.push({
+        key: "service",
+        label: `${n("panel.filter-service")}: ${l.title}`,
+        clear: () => B("service", void 0)
+      }), t;
+    });
+    function ge() {
+      W.replace({
+        query: {
+          ...r.query,
+          status: void 0,
+          category: void 0,
+          service: void 0,
+          page: void 0
+        }
+      });
+    }
+    async function G(t) {
+      m.value = !0;
+      try {
+        p.value = await s.list({
+          when: P.value,
+          q: t?.search ?? w.value.q,
+          status: S.value ? "" : w.value.status,
+          trashed: S.value,
+          category: w.value.category,
+          service: w.value.service,
+          page: t?.page ?? w.value.page,
+          per_page: t?.perPage
+        });
+      } catch (c) {
+        z.danger(k(c));
+      } finally {
+        m.value = !1;
+      }
+    }
+    function J(t) {
+      const c = {
+        ...r.query,
+        q: t.search === "" ? void 0 : t.search,
+        page: t.page === 1 ? void 0 : String(t.page)
+      };
+      W.replace({ query: c }), G(t);
+    }
+    function B(t, c) {
+      W.replace({
+        query: {
+          ...r.query,
+          [t]: typeof c == "number" || typeof c == "string" && c !== "" ? String(c) : void 0,
+          page: void 0
+        }
+      });
+    }
+    ce(
+      [M, () => w.value.status, () => w.value.category, () => w.value.service],
+      () => {
+        G();
+      }
+    ), G();
+    function Z(t) {
+      W.push({ path: `${d.base}/${t.id}`, query: { ...r.query } });
+    }
+    async function ye() {
+      const t = await C({});
+      t && Z(t);
+    }
+    function U(t) {
+      if (!$.value) return [];
+      if (S.value)
+        return [
+          {
+            key: "restore",
+            icon: "refresh",
+            label: n("panel.restore"),
+            run: () => {
+              we(t);
+            }
+          }
+        ];
+      const c = [
+        { key: "open", icon: "edit", label: n("panel.open"), run: () => Z(t) },
+        {
+          key: "duplicate",
+          icon: "copy",
+          label: n("panel.duplicate"),
+          run: () => {
+            me(t);
+          }
+        }
+      ];
+      return t.url && t.status !== "draft" && c.push({
+        key: "site",
+        icon: "external-link",
+        label: n("panel.open-on-site"),
+        href: t.url
+      }), c.push(
+        t.status === "published" || t.status === "modified" ? {
+          key: "unpublish",
+          icon: "eye-off",
+          label: n("panel.unpublish"),
+          run: () => {
+            ee(() => s.unpublish(t.id), n("panel.unpublished-done"));
+          }
+        } : {
+          key: "publish",
+          icon: "upload",
+          label: n("panel.publish"),
+          run: () => {
+            ee(() => s.publish(t.id), n("panel.published"));
+          }
+        }
+      ), c.push({
+        key: "delete",
+        icon: "trash",
+        label: n("panel.delete"),
+        danger: !0,
+        run: () => {
+          be(t);
+        }
+      }), c;
+    }
+    async function me(t) {
+      try {
+        const c = await s.duplicate(t.id);
+        z.success(n("event.duplicated")), Z(c.event);
+      } catch (c) {
+        z.danger(k(c));
+      }
+    }
+    async function be(t) {
+      await te({
+        title: n("panel.delete-title", { title: t.title }),
+        message: n("panel.delete-text"),
+        confirmText: n("panel.delete"),
+        cancelText: n("panel.cancel"),
+        tone: "danger"
+      }) && await ee(() => s.remove(t.id), n("panel.deleted"));
+    }
+    async function we(t) {
+      await ee(() => s.restore(t.id), n("panel.restored"));
+    }
+    async function ee(t, c) {
+      try {
+        await t(), z.success(c);
+      } catch (l) {
+        z.danger(k(l));
+      } finally {
+        await G();
+      }
+    }
+    function re(t) {
+      return t === "published" || t === "modified" ? "success" : "default";
+    }
+    function oe(t) {
+      return S.value ? "—" : t.path === null ? n("panel.no-address") : `/${t.path}`;
+    }
+    function ne(t) {
+      if (t.starts_at === null || t.all_day) return "";
+      const c = x.exact(t.starts_at);
+      return t.ends_at === null ? c : `${c} – ${x.exact(t.ends_at)}`;
+    }
+    function se(t) {
+      return t.when !== "" ? t.when : n("panel.no-date");
+    }
+    function u(t) {
+      return t.past && M.value === "all" ? "is-past" : void 0;
+    }
+    const _ = f(
+      () => $.value ? [{ key: "new", label: n("panel.new"), icon: "plus", primary: !0, run: () => {
+        ye();
+      } }] : []
+    );
+    return (t, c) => (h(), I("div", {
+      ref_key: "root",
+      ref: D,
+      class: "wx-events"
+    }, [
+      v(e(Je), {
+        view: M.value,
+        "onUpdate:view": c[3] || (c[3] = (l) => M.value = l),
+        title: L.value,
+        views: Q.value,
+        actions: _.value
+      }, {
+        default: i(() => [
+          v(e(mt), {
+            data: p.value,
+            columns: A.value,
+            "row-key": "id",
+            searchable: "",
+            clickable: !S.value,
+            hover: !S.value,
+            flush: "",
+            loading: m.value,
+            layout: "fixed",
+            "cards-below": qe,
+            "row-class": u,
+            "filters-count": j.value.length,
+            "filters-label": e(a)("filters.title"),
+            "search-placeholder": e(n)("panel.search"),
+            "empty-text": fe.value,
+            "aria-label": L.value,
+            onRowClick: Z,
+            onStateChange: J
+          }, {
+            filters: i(() => [
+              S.value ? R("", !0) : (h(), T(e(ue), {
+                key: 0,
+                label: e(n)("panel.filter-status")
+              }, {
+                default: i(() => [
+                  v(e(_e), {
+                    "model-value": w.value.status === "" ? null : w.value.status,
+                    options: he.value,
+                    placeholder: e(n)("panel.any-status"),
+                    clearable: "",
+                    size: "sm",
+                    "onUpdate:modelValue": c[0] || (c[0] = (l) => B("status", l))
+                  }, null, 8, ["model-value", "options", "placeholder"])
+                ]),
+                _: 1
+              }, 8, ["label"])),
+              v(e(ue), {
+                label: e(n)("panel.filter-category")
+              }, {
+                default: i(() => [
+                  v(e(_e), {
+                    "model-value": w.value.category,
+                    options: V.value.categories.map((l) => ({ value: l.id, label: l.title })),
+                    placeholder: e(n)("panel.any-category"),
+                    clearable: "",
+                    size: "sm",
+                    "onUpdate:modelValue": c[1] || (c[1] = (l) => B("category", l))
+                  }, null, 8, ["model-value", "options", "placeholder"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              V.value.services !== null ? (h(), T(e(ue), {
+                key: 1,
+                label: e(n)("panel.filter-service")
+              }, {
+                default: i(() => [
+                  v(e(_e), {
+                    "model-value": w.value.service,
+                    options: V.value.services.map((l) => ({ value: l.id, label: l.title })),
+                    placeholder: e(n)("panel.any-service"),
+                    clearable: "",
+                    filterable: "",
+                    size: "sm",
+                    "onUpdate:modelValue": c[2] || (c[2] = (l) => B("service", l))
+                  }, null, 8, ["model-value", "options", "placeholder"])
+                ]),
+                _: 1
+              }, 8, ["label"])) : R("", !0),
+              j.value.length > 0 ? (h(), T(e(H), {
+                key: 2,
+                variant: "text",
+                size: "sm",
+                block: "",
+                onClick: ge
+              }, {
+                icon: i(() => [
+                  v(e($e), { name: "close" })
+                ]),
+                default: i(() => [
+                  b(" " + g(e(a)("filters.reset")), 1)
+                ]),
+                _: 1
+              })) : R("", !0)
+            ]),
+            applied: i(() => [
+              v(e(Ye), { filters: j.value }, null, 8, ["filters"])
+            ]),
+            "cell-cover": i(({ row: l }) => [
+              O("span", {
+                class: xe(["wx-events__cover", { "is-empty": !l.cover?.thumb }])
+              }, [
+                l.cover?.thumb ? (h(), I("img", {
+                  key: 0,
+                  src: l.cover.thumb,
+                  alt: "",
+                  loading: "lazy"
+                }, null, 8, At)) : (h(), T(e($e), {
+                  key: 1,
+                  name: "calendar",
+                  size: "sm"
+                }))
+              ], 2)
+            ]),
+            "cell-title": i(({ row: l }) => [
+              O("div", Rt, [
+                O("span", Bt, g(l.title), 1),
+                O("span", It, g(oe(l)), 1)
+              ])
+            ]),
+            "cell-when": i(({ row: l }) => [
+              S.value ? (h(), T(e(Me), {
+                key: 0,
+                value: l.deleted_at,
+                compact: ""
+              }, null, 8, ["value"])) : ne(l) ? (h(), T(e(Ce), {
+                key: 1,
+                content: ne(l)
+              }, {
+                default: i(() => [
+                  O("span", Pt, g(se(l)), 1)
+                ]),
+                _: 2
+              }, 1032, ["content"])) : (h(), I("span", {
+                key: 2,
+                class: xe(["wx-events__when", { "is-none": l.when === "" }])
+              }, g(se(l)), 3))
+            ]),
+            "cell-categories": i(({ row: l }) => [
+              O("span", Ot, [
+                (h(!0), I(ae, null, Ae(l.categories, (Y, Le) => (h(), I(ae, {
+                  key: Y.id
+                }, [
+                  Le === 0 ? (h(), T(e(Ce), {
+                    key: 0,
+                    content: e(n)("panel.main-category")
+                  }, {
+                    default: i(() => [
+                      v(e(F), {
+                        size: "sm",
+                        round: "",
+                        type: "primary"
+                      }, {
+                        default: i(() => [
+                          b(g(Y.title), 1)
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ]),
+                    _: 2
+                  }, 1032, ["content"])) : (h(), T(e(F), {
+                    key: 1,
+                    size: "sm",
+                    round: ""
+                  }, {
+                    default: i(() => [
+                      b(g(Y.title), 1)
+                    ]),
+                    _: 2
+                  }, 1024))
+                ], 64))), 128))
+              ])
+            ]),
+            "cell-status": i(({ row: l }) => [
+              O("span", Lt, [
+                v(e(F), {
+                  type: re(l.status),
+                  dot: "",
+                  size: "sm"
+                }, {
+                  default: i(() => [
+                    b(g(e(n)(`panel.status-${l.status}`)), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["type"]),
+                l.status === "modified" ? (h(), T(e(F), {
+                  key: 0,
+                  type: "primary",
+                  size: "sm",
+                  round: ""
+                }, {
+                  default: i(() => [
+                    b(g(e(n)("panel.edits")), 1)
+                  ]),
+                  _: 1
+                })) : R("", !0)
+              ])
+            ]),
+            "cell-card": i(({ row: l }) => [
+              v(e(bt), {
+                class: "wx-events__entity",
+                variant: "plain",
+                title: l.title,
+                image: l.cover?.thumb ?? void 0,
+                "image-size": "56px",
+                "title-lines": 2,
+                subtitle: oe(l)
+              }, {
+                meta: i(() => [
+                  v(e(Pe), {
+                    size: "sm",
+                    tone: l.past ? "muted" : "default"
+                  }, {
+                    default: i(() => [
+                      b(g(S.value ? e(x).short(l.deleted_at) : se(l)), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["tone"]),
+                  v(e(F), {
+                    type: re(l.status),
+                    dot: "",
+                    size: "sm"
+                  }, {
+                    default: i(() => [
+                      b(g(e(n)(`panel.status-${l.status}`)), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["type"]),
+                  l.categories[0] ? (h(), T(e(F), {
+                    key: 0,
+                    size: "sm",
+                    round: ""
+                  }, {
+                    default: i(() => [
+                      b(g(l.categories[0].title), 1)
+                    ]),
+                    _: 2
+                  }, 1024)) : R("", !0)
+                ]),
+                _: 2
+              }, 1032, ["title", "image", "subtitle"])
+            ]),
+            "card-actions": i(({ row: l }) => [
+              v(e(Se), {
+                actions: U(l),
+                label: l.title
+              }, null, 8, ["actions", "label"])
+            ]),
+            "cell-actions": i(({ row: l }) => [
+              v(e(Se), {
+                actions: U(l),
+                label: l.title
+              }, null, 8, ["actions", "label"])
+            ]),
+            _: 1
+          }, 8, ["data", "columns", "clickable", "hover", "loading", "filters-count", "filters-label", "search-placeholder", "empty-text", "aria-label"])
+        ]),
+        _: 1
+      }, 8, ["view", "title", "views", "actions"])
+    ], 512));
+  }
+}), Ft = /* @__PURE__ */ We(Ut, [["__scopeId", "data-v-1a916120"]]);
+function Ht(o = "/events") {
+  return {
+    api: "events/categories",
+    path: `${o}/categories`,
+    name: "webx.events.categories",
+    module: "event-categories",
+    screen: "events.category-form",
+    manage: "events.categories.manage",
+    count: "events_count",
+    // Every event of the category, past ones included: "what is filed here" is the question.
+    items: (d) => ({ path: o, query: { category: String(d), view: "all" } }),
+    words: {
+      new: "webx-events::category.new",
+      empty: "webx-events::category.empty",
+      "empty-help": "webx-events::category.empty-help",
+      order: "webx-events::category.order",
+      hidden: "webx-events::category.hidden",
+      "no-address": "webx-events::category.no-address",
+      count: "webx-events::category.events",
+      "show-items": "webx-events::category.show-events",
+      "delete-blocked": "webx-events::category.delete-blocked",
+      "delete-text": "webx-events::category.delete-text",
+      deleted: "webx-events::category.deleted",
+      saved: "webx-events::category.saved",
+      "field-title": "webx-events::category.field-title",
+      "field-slug": "webx-events::category.field-slug",
+      "address-moving": "webx-events::category.address-moving"
+    }
+  };
+}
+function Yt(o = {}) {
+  const d = o.path ?? "/events";
+  return [
+    {
+      id: "events",
+      path: d,
+      routes: [
+        { path: d, name: "webx.events", component: Ft, props: { base: d } },
+        {
+          path: `${d}/:id(\\d+)`,
+          name: "webx.events.edit",
+          component: Ct,
+          props: { base: d }
+        }
+      ],
+      /*
+       * The one part of `events.form` only this module can draw. Everything else on it is the
+       * panel's (`wx-slug`, `wx-categories`, `wx-relations`, `wx-gallery`, `wx-rich-text`,
+       * `wx-repeater`, `wx-date-picker`).
+       */
+      types: {
+        "wx-event-history": { component: Mt, kind: "display" }
+      }
+    },
+    {
+      id: "event-categories",
+      path: `${d}/categories`,
+      routes: Qe(Ht(d))
+    }
+  ];
+}
+export {
+  wt as EVENTS_API,
+  Vt as WxEventCreateDialog,
+  Ct as WxEventEditorPage,
+  Mt as WxEventHistory,
+  Ft as WxEventsPage,
+  ve as createEventsApi,
+  Ht as eventCategoriesOptions,
+  Oe as eventEditorKey,
+  Yt as events,
+  Tt as eventsMessages,
+  kt as provideEventEditor,
+  $t as useEventEditor
+};
+//# sourceMappingURL=index.js.map