@webx-ui/module-menu 0.1.0

package/dist/index.js

@@ -0,0 +1,1004 @@
+import { defineComponent as F, ref as D, useTemplateRef as _e, onMounted as ge, nextTick as we, openBlock as h, createBlock as g, unref as e, isRef as se, withCtx as r, createVNode as p, createElementVNode as q, withKeys as le, createTextVNode as V, toDisplayString as R, resolveComponent as ke, normalizeClass as Q, createSlots as xe, createCommentVNode as B, createElementBlock as O, Fragment as H, computed as S, watch as ae, renderList as Ce } from "vue";
+import { useRoute as Ie, useRouter as $e } from "vue-router";
+import { useModal as re, WxDialog as de, WxFormItem as E, WxInput as X, WxSpace as me, WxButton as P, WxSortableList as We, WxText as N, WxTooltip as ue, WxIcon as Y, useLocales as Me, WxSelect as ie, WxCheckbox as Ve, WxSwitch as Re, createModal as ce, WxAction as pe, WxSkeleton as fe, WxEmpty as Z, toast as M, confirm as ve, WxCard as Ue, WxListDetail as ze, WxIndicator as De } from "@webx-ui/core";
+import { useAdmin as G, useTranslate as K, WxRowMenu as he, emptyLink as Te, WxLinkPicker as Le, useErrorText as ye, WxListScreen as Ne, WxDate as qe } from "@webx-ui/module-admin";
+function te(d) {
+  const n = `${d.apiPath}/menus`, u = (t) => t.data;
+  return {
+    list: () => d.http.get(n).then(u),
+    create: (t) => d.http.post(n, t).then(u),
+    update: (t, l) => d.http.patch(`${n}/${encodeURIComponent(t)}`, l).then(u),
+    remove: (t) => d.http.delete(`${n}/${encodeURIComponent(t)}`).then(() => {
+    }),
+    items: (t) => d.http.get(`${n}/${encodeURIComponent(t)}/items`).then(u),
+    addItem: (t, l) => d.http.post(`${n}/${encodeURIComponent(t)}/items`, l).then(u),
+    saveItem: (t, l, a) => d.http.patch(`${n}/${encodeURIComponent(t)}/items/${l}`, a).then(u),
+    moveItem: (t, l, a, i) => d.http.post(`${n}/${encodeURIComponent(t)}/items/${l}/move`, {
+      parent_id: a,
+      index: i
+    }).then(() => {
+    }),
+    removeItem: (t, l) => d.http.delete(`${n}/${encodeURIComponent(t)}/items/${l}`).then((a) => a.data.deleted),
+    flush: (t) => d.http.post(`${n}/${encodeURIComponent(t)}/cache/flush`, {}).then(() => {
+    }),
+    flushAll: () => d.http.post(`${n}/cache/flush`, {}).then(() => {
+    })
+  };
+}
+const Be = {
+  module: {
+    title: "Menus"
+  },
+  menu: {
+    menus: "Menus",
+    "new-menu": "New menu",
+    "new-menu-title": "New menu",
+    "field-key": "Key",
+    "key-help": "What a template calls it by: menu('header').",
+    "field-name": "Name",
+    create: "Create",
+    cancel: "Cancel",
+    save: "Save",
+    rename: "Rename",
+    "rename-title": "Rename menu",
+    renamed: "Menu saved",
+    delete: "Delete",
+    "delete-menu-title": "Delete “:menu”?",
+    "delete-menu-text": "The menu goes, and every item in it. Nothing it points at is touched.",
+    deleted: "Menu deleted",
+    declared: "A template of this site asks for it",
+    "no-menus": "No menus yet.",
+    "no-menus-help": "A menu is declared in the configuration, or made here.",
+    "choose-menu": "Choose a menu",
+    "choose-menu-help": "Its items are arranged on the right.",
+    back: "Back",
+    "new-item": "New item",
+    "item-title": "Menu item",
+    "empty-tree": "Nothing in this menu yet.",
+    "empty-tree-help": "An item points at a page, at an address of your own, or at nothing.",
+    edit: "Edit",
+    duplicate: "Duplicate",
+    duplicated: "Item duplicated",
+    "delete-item-title": "Delete “:item”?",
+    "delete-item-text": "Only this item goes.",
+    "delete-item-branch": "Items that go with it: :count.",
+    "item-deleted": "Item deleted",
+    "item-saved": "Item saved",
+    "move-failed": "The item could not be moved.",
+    "untitled-item": "Untitled",
+    heading: "Heading",
+    "goes-nowhere": "Goes nowhere",
+    unavailable: "Not on the site",
+    hidden: "Hidden",
+    external: "An address off this site",
+    "new-tab": "Opens in a new tab",
+    "missing-target": "What this pointed at is gone",
+    "field-label": "Label",
+    "label-help": "Left empty, the item is called what the thing it points at is called.",
+    "field-where": "Where it goes",
+    "field-variant": "Look",
+    "field-heading": "A heading for the items under it",
+    "heading-help": "Drawn as a caption. It may still be a link.",
+    "field-visible": "Shown on the site",
+    "field-locales": "Languages",
+    "locales-all": "Every language",
+    "locales-help": "None chosen means every language.",
+    "cache-built": "Cache built",
+    "cache-empty": "Cache not built",
+    "cache-off": "Cache off",
+    flush: "Reset the cache of this menu",
+    "flush-all": "Reset every menu",
+    flushed: "Cache reset"
+  }
+}, oe = /* @__PURE__ */ new WeakSet();
+function j() {
+  try {
+    const { i18n: d } = G();
+    oe.has(d) || (d.defaults("webx-menu", Be), oe.add(d));
+  } catch {
+  }
+}
+const Se = /* @__PURE__ */ F({
+  name: "WxMenuCreateDialog",
+  __name: "MenuCreateDialog",
+  props: {
+    menu: { default: null }
+  },
+  setup(d) {
+    const n = d, { open: u, resolve: t, dismiss: l } = re(), a = G(), i = te(a);
+    j();
+    const o = K("webx-menu"), w = n.menu !== null, m = D(n.menu?.key ?? ""), v = D(n.menu?.title ?? ""), I = D(!1), f = D({}), b = _e("field");
+    ge(async () => {
+      await we(), b.value?.querySelector("input")?.focus();
+    });
+    async function z() {
+      if (!(v.value.trim() === "" || I.value)) {
+        I.value = !0, f.value = {};
+        try {
+          const $ = { key: m.value.trim(), title: v.value.trim() };
+          t(
+            w && n.menu !== null ? await i.update(n.menu.key, n.menu.can.rename ? $ : { title: $.title }) : await i.create($)
+          );
+        } catch ($) {
+          f.value = $.body?.errors ?? {};
+        } finally {
+          I.value = !1;
+        }
+      }
+    }
+    return ($, k) => (h(), g(e(de), {
+      open: e(u),
+      "onUpdate:open": k[3] || (k[3] = (T) => se(u) ? u.value = T : null),
+      title: w ? e(o)("menu.rename-title") : e(o)("menu.new-menu-title"),
+      width: 440
+    }, {
+      footer: r(() => [
+        p(e(me), { size: "sm" }, {
+          default: r(() => [
+            p(e(P), {
+              variant: "outline",
+              onClick: k[2] || (k[2] = (T) => e(l)())
+            }, {
+              default: r(() => [
+                V(R(e(o)("menu.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            p(e(P), {
+              type: "primary",
+              loading: I.value,
+              disabled: v.value.trim() === "" || m.value.trim() === "",
+              onClick: z
+            }, {
+              default: r(() => [
+                V(R(w ? e(o)("menu.save") : e(o)("menu.create")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: r(() => [
+        p(e(E), {
+          label: e(o)("menu.field-name"),
+          error: f.value.title?.[0],
+          required: ""
+        }, {
+          default: r(() => [
+            q("div", {
+              ref_key: "field",
+              ref: b
+            }, [
+              p(e(X), {
+                modelValue: v.value,
+                "onUpdate:modelValue": k[0] || (k[0] = (T) => v.value = T),
+                "aria-label": e(o)("menu.field-name"),
+                onKeyup: le(z, ["enter"])
+              }, null, 8, ["modelValue", "aria-label"])
+            ], 512)
+          ]),
+          _: 1
+        }, 8, ["label", "error"]),
+        p(e(E), {
+          label: e(o)("menu.field-key"),
+          error: f.value.key?.[0],
+          help: e(o)("menu.key-help"),
+          required: ""
+        }, {
+          default: r(() => [
+            p(e(X), {
+              modelValue: m.value,
+              "onUpdate:modelValue": k[1] || (k[1] = (T) => m.value = T),
+              disabled: w && !n.menu?.can.rename,
+              "aria-label": e(o)("menu.field-key"),
+              onKeyup: le(z, ["enter"])
+            }, null, 8, ["modelValue", "disabled", "aria-label"])
+          ]),
+          _: 1
+        }, 8, ["label", "error", "help"])
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), Ae = ["disabled", "onClick"], Ee = { class: "wx-menu-item__line" }, Oe = /* @__PURE__ */ F({
+  name: "WxMenuBranch",
+  __name: "MenuBranch",
+  props: {
+    items: {},
+    parentId: { default: null },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["reorder", "edit", "duplicate", "remove"],
+  setup(d, { emit: n }) {
+    const u = d, t = n, l = K("webx-menu");
+    function a(m) {
+      return m.label === "" ? l("menu.untitled-item") : m.label;
+    }
+    function i(m) {
+      return m.target === "none" ? l("menu.goes-nowhere") : m.target === "entity" && m.resolved === null ? l("menu.missing-target") : m.href ?? l("menu.goes-nowhere");
+    }
+    function o(m) {
+      return m.target === "url" && /^[a-z][a-z0-9+.-]*:/i.test(m.url ?? "");
+    }
+    function w(m) {
+      return u.disabled ? [] : [
+        { key: "edit", icon: "edit", label: l("menu.edit"), run: () => t("edit", m) },
+        {
+          key: "duplicate",
+          icon: "copy",
+          label: l("menu.duplicate"),
+          run: () => t("duplicate", m)
+        },
+        {
+          key: "delete",
+          icon: "trash",
+          label: l("menu.delete"),
+          danger: !0,
+          run: () => t("remove", m)
+        }
+      ];
+    }
+    return (m, v) => {
+      const I = ke("wx-menu-branch");
+      return h(), g(e(We), {
+        class: Q(["wx-menu-branch", { "is-nested": u.parentId !== null }]),
+        "model-value": u.items,
+        plain: "",
+        size: "sm",
+        group: "wx-menu-items",
+        "item-key": "id",
+        "item-label": a,
+        disabled: u.disabled,
+        "empty-text": "",
+        "onUpdate:modelValue": v[4] || (v[4] = (f) => t("reorder", u.parentId, f))
+      }, xe({
+        empty: r(() => [
+          v[5] || (v[5] = q("span", { class: "wx-menu-branch__drop" }, null, -1))
+        ]),
+        default: r(({ item: f }) => [
+          q("div", {
+            class: Q(["wx-menu-item", { "is-off": !f.visible || !f.available }])
+          }, [
+            q("button", {
+              type: "button",
+              class: "wx-menu-item__open",
+              disabled: u.disabled,
+              onClick: (b) => t("edit", f)
+            }, [
+              q("span", Ee, [
+                p(e(N), {
+                  truncate: "",
+                  weight: f.is_heading ? "semibold" : "medium"
+                }, {
+                  default: r(() => [
+                    V(R(a(f)), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["weight"]),
+                o(f) ? (h(), g(e(ue), {
+                  key: 0,
+                  content: e(l)("menu.external")
+                }, {
+                  default: r(() => [
+                    p(e(Y), {
+                      class: "wx-menu-item__mark",
+                      name: "link",
+                      label: e(l)("menu.external")
+                    }, null, 8, ["label"])
+                  ]),
+                  _: 1
+                }, 8, ["content"])) : B("", !0),
+                f.new_tab ? (h(), g(e(ue), {
+                  key: 1,
+                  content: e(l)("menu.new-tab")
+                }, {
+                  default: r(() => [
+                    p(e(Y), {
+                      class: "wx-menu-item__mark",
+                      name: "external-link",
+                      label: e(l)("menu.new-tab")
+                    }, null, 8, ["label"])
+                  ]),
+                  _: 1
+                }, 8, ["content"])) : B("", !0)
+              ]),
+              p(e(N), {
+                size: "sm",
+                tone: "muted",
+                truncate: ""
+              }, {
+                default: r(() => [
+                  f.is_heading ? (h(), O(H, { key: 0 }, [
+                    V(R(e(l)("menu.heading")), 1)
+                  ], 64)) : (h(), O(H, { key: 1 }, [
+                    V(R(i(f)), 1)
+                  ], 64))
+                ]),
+                _: 2
+              }, 1024)
+            ], 8, Ae),
+            f.visible ? f.available ? B("", !0) : (h(), g(e(N), {
+              key: 1,
+              class: "wx-menu-item__state",
+              size: "sm",
+              tone: "warning"
+            }, {
+              default: r(() => [
+                V(R(e(l)("menu.unavailable")), 1)
+              ]),
+              _: 1
+            })) : (h(), g(e(N), {
+              key: 0,
+              class: "wx-menu-item__state",
+              size: "sm",
+              tone: "muted"
+            }, {
+              default: r(() => [
+                V(R(e(l)("menu.hidden")), 1)
+              ]),
+              _: 1
+            }))
+          ], 2),
+          p(I, {
+            items: f.children,
+            "parent-id": f.id,
+            disabled: u.disabled,
+            onReorder: v[0] || (v[0] = (b, z) => t("reorder", b, z)),
+            onEdit: v[1] || (v[1] = (b) => t("edit", b)),
+            onDuplicate: v[2] || (v[2] = (b) => t("duplicate", b)),
+            onRemove: v[3] || (v[3] = (b) => t("remove", b))
+          }, null, 8, ["items", "parent-id", "disabled"])
+        ]),
+        _: 2
+      }, [
+        u.disabled ? void 0 : {
+          name: "actions",
+          fn: r(({ item: f }) => [
+            p(e(he), {
+              actions: w(f),
+              label: a(f)
+            }, null, 8, ["actions", "label"])
+          ]),
+          key: "0"
+        }
+      ]), 1032, ["class", "model-value", "disabled"]);
+    };
+  }
+}), ne = (d, n) => {
+  const u = d.__vccOpts || d;
+  for (const [t, l] of n)
+    u[t] = l;
+  return u;
+}, Pe = /* @__PURE__ */ ne(Oe, [["__scopeId", "data-v-4551b4d6"]]), Fe = /* @__PURE__ */ F({
+  name: "WxMenuItemDialog",
+  __name: "MenuItemDialog",
+  props: {
+    menu: {},
+    item: { default: null }
+  },
+  setup(d) {
+    const n = d, { open: u, resolve: t, dismiss: l } = re(), a = Me();
+    j();
+    const i = K("webx-menu"), o = D(n.item === null ? Te() : k(n.item)), w = D({ ...n.item?.title ?? {} }), m = D(n.item?.variant ?? n.menu.variants[0] ?? "link"), v = D(n.item?.is_heading ?? !1), I = D(n.item?.visible ?? !0), f = D([...n.item?.locales ?? []]), b = S(() => n.item?.resolved?.title ?? ""), z = S(
+      () => n.menu.variants.map((C) => ({ value: C, label: C }))
+    ), $ = S(
+      () => a.list.value.map((C) => ({ value: C.code, label: C.label ?? C.code }))
+    );
+    function k(C) {
+      return {
+        target: C.target,
+        entity_type: C.entity_type,
+        entity_id: C.entity_id,
+        url: C.url,
+        hash: C.hash,
+        new_tab: C.new_tab,
+        rel: C.rel
+      };
+    }
+    function T() {
+      t({
+        title: w.value,
+        link: o.value,
+        variant: m.value,
+        is_heading: v.value,
+        locales: f.value,
+        visible: I.value
+      });
+    }
+    return (C, x) => (h(), g(e(de), {
+      open: e(u),
+      "onUpdate:open": x[7] || (x[7] = (W) => se(u) ? u.value = W : null),
+      title: e(i)("menu.item-title"),
+      width: 520
+    }, {
+      footer: r(() => [
+        p(e(me), { size: "sm" }, {
+          default: r(() => [
+            p(e(P), {
+              variant: "outline",
+              onClick: x[6] || (x[6] = (W) => e(l)())
+            }, {
+              default: r(() => [
+                V(R(e(i)("menu.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            p(e(P), {
+              type: "primary",
+              onClick: T
+            }, {
+              default: r(() => [
+                V(R(e(i)("menu.save")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      default: r(() => [
+        p(e(E), {
+          label: e(i)("menu.field-where")
+        }, {
+          default: r(() => [
+            p(e(Le), {
+              modelValue: o.value,
+              "onUpdate:modelValue": x[0] || (x[0] = (W) => o.value = W)
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        p(e(E), {
+          label: e(i)("menu.field-label"),
+          help: e(i)("menu.label-help")
+        }, {
+          default: r(() => [
+            p(e(X), {
+              modelValue: w.value,
+              "onUpdate:modelValue": x[1] || (x[1] = (W) => w.value = W),
+              localized: "",
+              placeholder: b.value,
+              "aria-label": e(i)("menu.field-label")
+            }, null, 8, ["modelValue", "placeholder", "aria-label"])
+          ]),
+          _: 1
+        }, 8, ["label", "help"]),
+        z.value.length > 1 ? (h(), g(e(E), {
+          key: 0,
+          label: e(i)("menu.field-variant")
+        }, {
+          default: r(() => [
+            p(e(ie), {
+              modelValue: m.value,
+              "onUpdate:modelValue": x[2] || (x[2] = (W) => m.value = W),
+              options: z.value,
+              "aria-label": e(i)("menu.field-variant")
+            }, null, 8, ["modelValue", "options", "aria-label"])
+          ]),
+          _: 1
+        }, 8, ["label"])) : B("", !0),
+        $.value.length > 1 ? (h(), g(e(E), {
+          key: 1,
+          label: e(i)("menu.field-locales"),
+          help: e(i)("menu.locales-help")
+        }, {
+          default: r(() => [
+            p(e(ie), {
+              modelValue: f.value,
+              "onUpdate:modelValue": x[3] || (x[3] = (W) => f.value = W),
+              options: $.value,
+              multiple: "",
+              clearable: "",
+              placeholder: e(i)("menu.locales-all"),
+              "aria-label": e(i)("menu.field-locales")
+            }, null, 8, ["modelValue", "options", "placeholder", "aria-label"])
+          ]),
+          _: 1
+        }, 8, ["label", "help"])) : B("", !0),
+        p(e(E), {
+          help: e(i)("menu.heading-help")
+        }, {
+          default: r(() => [
+            p(e(Ve), {
+              modelValue: v.value,
+              "onUpdate:modelValue": x[4] || (x[4] = (W) => v.value = W)
+            }, {
+              default: r(() => [
+                V(R(e(i)("menu.field-heading")), 1)
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          _: 1
+        }, 8, ["help"]),
+        p(e(E), null, {
+          default: r(() => [
+            p(e(Re), {
+              modelValue: I.value,
+              "onUpdate:modelValue": x[5] || (x[5] = (W) => I.value = W),
+              label: e(i)("menu.field-visible")
+            }, null, 8, ["modelValue", "label"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+});
+function ee(d, n) {
+  for (const u of d) {
+    if (u.id === n) return u;
+    const t = ee(u.children, n);
+    if (t !== null) return t;
+  }
+  return null;
+}
+function be(d) {
+  return d.children.reduce((n, u) => n + 1 + be(u), 0);
+}
+function Ke(d, n) {
+  const u = n.find((t) => !d.includes(t));
+  if (u !== void 0) return u;
+  if (n.length !== d.length) return null;
+  for (const t of n) {
+    if (n.indexOf(t) === d.indexOf(t)) continue;
+    const l = n.filter((i) => i !== t), a = d.filter((i) => i !== t);
+    if (l.length === a.length && l.every((i, o) => i === a[o]))
+      return t;
+  }
+  return null;
+}
+const He = { class: "wx-menu-pane" }, Ge = { class: "wx-menu-pane__head" }, je = { class: "wx-menu-pane__name" }, Je = { class: "wx-menu-pane__body" }, Qe = /* @__PURE__ */ F({
+  name: "WxMenuTreePane",
+  __name: "MenuTreePane",
+  props: {
+    menu: {},
+    inline: { type: Boolean, default: !0 },
+    back: { type: Function, default: void 0 }
+  },
+  emits: ["changed"],
+  setup(d, { expose: n, emit: u }) {
+    const t = d, l = u, a = G(), i = te(a);
+    j();
+    const o = K("webx-menu"), w = ye(), m = D([]), v = D(!0), I = S(() => a.can("menu.manage")), f = ce(Fe);
+    async function b() {
+      v.value = !0;
+      try {
+        m.value = await i.items(t.menu.key);
+      } catch (s) {
+        M.danger(w(s));
+      } finally {
+        v.value = !1;
+      }
+    }
+    b();
+    function z(s) {
+      return s === null ? m.value : ee(m.value, s)?.children ?? [];
+    }
+    function $(s, _) {
+      if (s === null) {
+        m.value = _;
+        return;
+      }
+      const L = ee(m.value, s);
+      L !== null && (L.children = _);
+    }
+    async function k(s, _) {
+      const L = z(s).map((U) => U.id);
+      $(s, _);
+      const A = _.map((U) => U.id), c = Ke(L, A);
+      if (c !== null)
+        try {
+          await i.moveItem(t.menu.key, c, s, A.indexOf(c)), l("changed");
+        } catch (U) {
+          M.danger(w(U, o("menu.move-failed"))), await b();
+        }
+    }
+    async function T() {
+      const s = await f({ menu: t.menu, item: null });
+      if (s)
+        try {
+          await i.addItem(t.menu.key, s), M.success(o("menu.item-saved")), await b(), l("changed");
+        } catch (_) {
+          M.danger(w(_));
+        }
+    }
+    async function C(s) {
+      const _ = await f({ menu: t.menu, item: s });
+      if (_)
+        try {
+          await i.saveItem(t.menu.key, s.id, _), M.success(o("menu.item-saved")), await b(), l("changed");
+        } catch (L) {
+          M.danger(w(L));
+        }
+    }
+    async function x(s) {
+      try {
+        const _ = await i.addItem(t.menu.key, {
+          title: s.title,
+          link: {
+            target: s.target,
+            entity_type: s.entity_type,
+            entity_id: s.entity_id,
+            url: s.url,
+            hash: s.hash,
+            new_tab: s.new_tab,
+            rel: s.rel
+          },
+          variant: s.variant,
+          is_heading: s.is_heading,
+          locales: s.locales,
+          visible: s.visible,
+          parent_id: s.parent_id
+        }), L = z(s.parent_id);
+        await i.moveItem(
+          t.menu.key,
+          _.id,
+          s.parent_id,
+          L.findIndex((A) => A.id === s.id) + 1
+        ), M.success(o("menu.duplicated")), await b(), l("changed");
+      } catch (_) {
+        M.danger(w(_));
+      }
+    }
+    async function W(s) {
+      const _ = be(s);
+      if (await ve({
+        title: o("menu.delete-item-title", { item: s.label || o("menu.untitled-item") }),
+        message: _ === 0 ? o("menu.delete-item-text") : o("menu.delete-item-branch", { count: _ }),
+        confirmText: o("menu.delete"),
+        cancelText: o("menu.cancel"),
+        tone: "danger"
+      }))
+        try {
+          await i.removeItem(t.menu.key, s.id), M.success(o("menu.item-deleted")), await b(), l("changed");
+        } catch (A) {
+          M.danger(w(A));
+        }
+    }
+    return n({ reload: b }), (s, _) => (h(), O("div", He, [
+      q("header", Ge, [
+        t.inline ? B("", !0) : (h(), g(e(pe), {
+          key: 0,
+          icon: "arrow-left",
+          size: "sm",
+          title: e(o)("menu.back"),
+          onClick: _[0] || (_[0] = (L) => t.back?.())
+        }, null, 8, ["title"])),
+        q("div", je, [
+          p(e(N), {
+            weight: "semibold",
+            truncate: ""
+          }, {
+            default: r(() => [
+              V(R(t.menu.title), 1)
+            ]),
+            _: 1
+          }),
+          p(e(N), {
+            size: "sm",
+            tone: "muted",
+            mono: "",
+            truncate: ""
+          }, {
+            default: r(() => [
+              V(R(t.menu.key), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        I.value ? (h(), g(e(P), {
+          key: 1,
+          variant: "outline",
+          size: "sm",
+          onClick: T
+        }, {
+          icon: r(() => [
+            p(e(Y), { name: "plus" })
+          ]),
+          default: r(() => [
+            V(" " + R(e(o)("menu.new-item")), 1)
+          ]),
+          _: 1
+        })) : B("", !0)
+      ]),
+      q("div", Je, [
+        v.value ? (h(), g(e(fe), {
+          key: 0,
+          rows: 5
+        })) : m.value.length === 0 ? (h(), g(e(Z), {
+          key: 1,
+          title: e(o)("menu.empty-tree"),
+          description: e(o)("menu.empty-tree-help")
+        }, null, 8, ["title", "description"])) : (h(), g(Pe, {
+          key: 2,
+          items: m.value,
+          disabled: !I.value,
+          onReorder: k,
+          onEdit: C,
+          onDuplicate: x,
+          onRemove: W
+        }, null, 8, ["items", "disabled"]))
+      ])
+    ]));
+  }
+}), Xe = /* @__PURE__ */ ne(Qe, [["__scopeId", "data-v-7c72f6db"]]), Ye = {
+  key: 2,
+  class: "wx-menus__list"
+}, Ze = ["onClick"], et = { class: "wx-menus__name" }, tt = { class: "wx-menus__cache" }, nt = /* @__PURE__ */ F({
+  __name: "MenusPage",
+  setup(d) {
+    const n = G(), u = te(n), t = Ie(), l = $e();
+    j();
+    const a = K("webx-menu"), i = ye(), o = D([]), w = D(!0), m = D(!1), v = D(!0), I = S(() => n.can("menu.manage")), f = ce(Se), b = S(
+      () => n.state.manifest?.modules.find((c) => c.id === "menu")?.title ?? a("module.title")
+    ), z = S(() => {
+      const c = t.query.menu;
+      return typeof c == "string" && c !== "" ? c : null;
+    }), $ = S(() => o.value.find((c) => c.key === z.value) ?? null);
+    async function k() {
+      w.value = !0;
+      try {
+        o.value = await u.list();
+      } catch (c) {
+        M.danger(i(c));
+      } finally {
+        w.value = !1;
+      }
+    }
+    k(), ae([o, $, v], () => {
+      !v.value || o.value.length === 0 || $.value !== null || l.replace({ query: { ...t.query, menu: o.value[0].key } });
+    }), ae($, (c) => {
+      c !== null && v.value && (m.value = !0);
+    });
+    function T(c) {
+      l.replace({ query: { ...t.query, menu: c.key } }), m.value = !0;
+    }
+    async function C() {
+      const c = await f({ menu: null });
+      c && (await k(), T(c));
+    }
+    async function x(c) {
+      const U = await f({ menu: c });
+      U && (M.success(a("menu.renamed")), z.value === c.key && U.key !== c.key && l.replace({ query: { ...t.query, menu: U.key } }), await k());
+    }
+    async function W(c) {
+      if (await ve({
+        title: a("menu.delete-menu-title", { menu: c.title }),
+        message: a("menu.delete-menu-text"),
+        confirmText: a("menu.delete"),
+        cancelText: a("menu.cancel"),
+        tone: "danger"
+      }))
+        try {
+          if (await u.remove(c.key), M.success(a("menu.deleted")), z.value === c.key) {
+            const y = { ...t.query };
+            delete y.menu, l.replace({ query: y }), m.value = !1;
+          }
+          await k();
+        } catch (y) {
+          M.danger(i(y));
+        }
+    }
+    async function s(c) {
+      try {
+        await u.flush(c.key), M.success(a("menu.flushed")), await k();
+      } catch (U) {
+        M.danger(i(U));
+      }
+    }
+    async function _() {
+      try {
+        await u.flushAll(), M.success(a("menu.flushed")), await k();
+      } catch (c) {
+        M.danger(i(c));
+      }
+    }
+    function L(c) {
+      return I.value ? [
+        { key: "rename", icon: "edit", label: a("menu.rename"), run: () => {
+          x(c);
+        } },
+        { key: "flush", icon: "refresh", label: a("menu.flush"), run: () => {
+          s(c);
+        } },
+        ...c.can.delete ? [
+          {
+            key: "delete",
+            icon: "trash",
+            label: a("menu.delete"),
+            danger: !0,
+            run: () => {
+              W(c);
+            }
+          }
+        ] : []
+      ] : [];
+    }
+    const A = S(() => I.value ? [
+      {
+        key: "flush-all",
+        label: a("menu.flush-all"),
+        icon: "refresh",
+        menu: !0,
+        run: () => {
+          _();
+        }
+      },
+      {
+        key: "new-menu",
+        label: a("menu.new-menu"),
+        icon: "plus",
+        primary: !0,
+        run: () => {
+          C();
+        }
+      }
+    ] : []);
+    return (c, U) => (h(), g(e(Ne), {
+      title: b.value,
+      actions: A.value,
+      card: !1
+    }, {
+      default: r(() => [
+        p(e(Ue), {
+          class: "wx-menus",
+          padding: "none"
+        }, {
+          default: r(() => [
+            p(e(ze), {
+              open: m.value,
+              "onUpdate:open": U[0] || (U[0] = (y) => m.value = y),
+              class: "wx-menus__panes",
+              "list-width": 320,
+              "detail-min": 420,
+              "detail-label": e(a)("menu.menus"),
+              onDetailInline: U[1] || (U[1] = (y) => v.value = y)
+            }, {
+              list: r(() => [
+                w.value ? (h(), g(e(fe), {
+                  key: 0,
+                  class: "wx-menus__loading",
+                  rows: 4
+                })) : o.value.length === 0 ? (h(), g(e(Z), {
+                  key: 1,
+                  title: e(a)("menu.no-menus"),
+                  description: e(a)("menu.no-menus-help")
+                }, null, 8, ["title", "description"])) : (h(), O("ul", Ye, [
+                  (h(!0), O(H, null, Ce(o.value, (y) => (h(), O("li", {
+                    key: y.key,
+                    class: "wx-menus__row"
+                  }, [
+                    q("button", {
+                      type: "button",
+                      class: Q(["wx-menus__open", { "is-current": y.key === z.value }]),
+                      onClick: (J) => T(y)
+                    }, [
+                      q("span", et, [
+                        p(e(N), {
+                          truncate: "",
+                          weight: "medium"
+                        }, {
+                          default: r(() => [
+                            V(R(y.title), 1)
+                          ]),
+                          _: 2
+                        }, 1024),
+                        p(e(De), {
+                          class: "wx-menus__count",
+                          type: "neutral",
+                          value: y.items_count,
+                          label: e(a)("menu.menus")
+                        }, null, 8, ["value", "label"])
+                      ]),
+                      p(e(N), {
+                        size: "sm",
+                        tone: "muted",
+                        mono: "",
+                        truncate: ""
+                      }, {
+                        default: r(() => [
+                          V(R(y.key), 1)
+                        ]),
+                        _: 2
+                      }, 1024),
+                      q("span", tt, [
+                        y.cache.enabled ? y.cache.built_at !== null ? (h(), O(H, { key: 1 }, [
+                          p(e(N), {
+                            size: "sm",
+                            tone: "muted"
+                          }, {
+                            default: r(() => [
+                              V(R(e(a)("menu.cache-built")), 1)
+                            ]),
+                            _: 1
+                          }),
+                          p(e(qe), {
+                            value: y.cache.built_at
+                          }, null, 8, ["value"])
+                        ], 64)) : (h(), g(e(N), {
+                          key: 2,
+                          size: "sm",
+                          tone: "muted"
+                        }, {
+                          default: r(() => [
+                            V(R(e(a)("menu.cache-empty")), 1)
+                          ]),
+                          _: 1
+                        })) : (h(), g(e(N), {
+                          key: 0,
+                          size: "sm",
+                          tone: "muted"
+                        }, {
+                          default: r(() => [
+                            V(R(e(a)("menu.cache-off")), 1)
+                          ]),
+                          _: 1
+                        }))
+                      ])
+                    ], 10, Ze),
+                    I.value && y.cache.enabled ? (h(), g(e(pe), {
+                      key: 0,
+                      class: "wx-menus__flush",
+                      icon: "refresh",
+                      size: "sm",
+                      title: e(a)("menu.flush"),
+                      onClick: (J) => s(y)
+                    }, null, 8, ["title", "onClick"])) : B("", !0),
+                    I.value ? (h(), g(e(he), {
+                      key: 1,
+                      actions: L(y),
+                      label: y.title
+                    }, null, 8, ["actions", "label"])) : B("", !0)
+                  ]))), 128))
+                ]))
+              ]),
+              detail: r(({ inline: y, back: J }) => [
+                $.value ? (h(), g(Xe, {
+                  key: $.value.key,
+                  menu: $.value,
+                  inline: y,
+                  back: J,
+                  onChanged: k
+                }, null, 8, ["menu", "inline", "back"])) : B("", !0)
+              ]),
+              empty: r(() => [
+                p(e(Z), {
+                  title: e(a)("menu.choose-menu"),
+                  description: e(a)("menu.choose-menu-help")
+                }, null, 8, ["title", "description"])
+              ]),
+              _: 1
+            }, 8, ["open", "detail-label"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["title", "actions"]));
+  }
+}), lt = /* @__PURE__ */ ne(nt, [["__scopeId", "data-v-63e1d3fa"]]);
+function st(d = {}) {
+  const n = d.path ?? "/menus";
+  return {
+    id: "menu",
+    path: n,
+    routes: [{ path: n, name: "webx.menus", component: lt }]
+  };
+}
+export {
+  Pe as WxMenuBranch,
+  Se as WxMenuCreateDialog,
+  Fe as WxMenuItemDialog,
+  Xe as WxMenuTreePane,
+  lt as WxMenusPage,
+  be as countBranch,
+  te as createMenusApi,
+  ee as findItem,
+  st as menu,
+  Be as menuMessages,
+  Ke as movedId
+};
+//# sourceMappingURL=index.js.map