@webx-ui/module-menu 0.1.21 → 0.2.0

package/dist/index.js

@@ -1,1004 +1,16 @@
-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-fdb72572"]]), 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 }]
-  };
-}
+import "vue";
+import { b as n, _ as u, d as m, M as r, W as M, e as o, c as t, f as x, m as W, g as c, h as g } from "./index-tmF0XKBt.js";
 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
+  n as WxMenuBranch,
+  u as WxMenuCreateDialog,
+  m as WxMenuItemDialog,
+  r as WxMenuTreePane,
+  M as WxMenusPage,
+  o as countBranch,
+  t as createMenusApi,
+  x as findItem,
+  W as menu,
+  c as menuMessages,
+  g as movedId
 };
 //# sourceMappingURL=index.js.map