@webx-ui/module-menu 0.1.22 → 0.2.1

package/dist/index-tmF0XKBt.js

@@ -0,0 +1,750 @@
+import { defineComponent as O, resolveComponent as de, openBlock as w, createBlock as k, unref as e, normalizeClass as Q, createSlots as re, withCtx as r, createElementVNode as D, createVNode as c, createTextVNode as I, toDisplayString as C, createCommentVNode as N, createElementBlock as K, Fragment as X, ref as V, computed as E, isRef as ne, useTemplateRef as me, onMounted as ce, nextTick as pe, withKeys as Y, defineAsyncComponent as fe } from "vue";
+import { WxSortableList as he, WxText as L, WxTooltip as Z, WxIcon as q, useModal as le, useLocales as ve, WxDialog as ae, WxFormItem as z, WxInput as H, WxSelect as ee, WxCheckbox as be, WxSwitch as ye, WxSpace as ie, WxButton as A, createModal as ge, WxAction as we, WxSkeleton as _e, WxEmpty as ke, toast as T, confirm as xe } from "@webx-ui/core";
+import { useTranslate as P, WxRowMenu as Ie, useAdmin as j, emptyLink as Ce, WxLinkPicker as $e, useErrorText as Ve } from "@webx-ui/module-admin";
+function Fe(i = {}) {
+  const n = i.path ?? "/menus";
+  return {
+    id: "menu",
+    path: n,
+    routes: [{ path: n, name: "webx.menus", component: () => import("./MenusPage-UQffRtpG.js") }]
+  };
+}
+function ue(i) {
+  const n = `${i.apiPath}/menus`, u = (t) => t.data;
+  return {
+    list: () => i.http.get(n).then(u),
+    create: (t) => i.http.post(n, t).then(u),
+    update: (t, l) => i.http.patch(`${n}/${encodeURIComponent(t)}`, l).then(u),
+    remove: (t) => i.http.delete(`${n}/${encodeURIComponent(t)}`).then(() => {
+    }),
+    items: (t) => i.http.get(`${n}/${encodeURIComponent(t)}/items`).then(u),
+    addItem: (t, l) => i.http.post(`${n}/${encodeURIComponent(t)}/items`, l).then(u),
+    saveItem: (t, l, v) => i.http.patch(`${n}/${encodeURIComponent(t)}/items/${l}`, v).then(u),
+    moveItem: (t, l, v, o) => i.http.post(`${n}/${encodeURIComponent(t)}/items/${l}/move`, {
+      parent_id: v,
+      index: o
+    }).then(() => {
+    }),
+    removeItem: (t, l) => i.http.delete(`${n}/${encodeURIComponent(t)}/items/${l}`).then((v) => v.data.deleted),
+    flush: (t) => i.http.post(`${n}/${encodeURIComponent(t)}/cache/flush`, {}).then(() => {
+    }),
+    flushAll: () => i.http.post(`${n}/cache/flush`, {}).then(() => {
+    })
+  };
+}
+const We = {
+  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"
+  }
+};
+function G(i, n) {
+  for (const u of i) {
+    if (u.id === n) return u;
+    const t = G(u.children, n);
+    if (t !== null) return t;
+  }
+  return null;
+}
+function oe(i) {
+  return i.children.reduce((n, u) => n + 1 + oe(u), 0);
+}
+function Me(i, n) {
+  const u = n.find((t) => !i.includes(t));
+  if (u !== void 0) return u;
+  if (n.length !== i.length) return null;
+  for (const t of n) {
+    if (n.indexOf(t) === i.indexOf(t)) continue;
+    const l = n.filter((o) => o !== t), v = i.filter((o) => o !== t);
+    if (l.length === v.length && l.every((o, s) => o === v[s]))
+      return t;
+  }
+  return null;
+}
+const Ue = ["disabled", "onClick"], Re = { class: "wx-menu-item__line" }, Te = /* @__PURE__ */ O({
+  name: "WxMenuBranch",
+  __name: "MenuBranch",
+  props: {
+    items: {},
+    parentId: { default: null },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["reorder", "edit", "duplicate", "remove"],
+  setup(i, { emit: n }) {
+    const u = i, t = n, l = P("webx-menu");
+    function v(d) {
+      return d.label === "" ? l("menu.untitled-item") : d.label;
+    }
+    function o(d) {
+      return d.target === "none" ? l("menu.goes-nowhere") : d.target === "entity" && d.resolved === null ? l("menu.missing-target") : d.href ?? l("menu.goes-nowhere");
+    }
+    function s(d) {
+      return d.target === "url" && /^[a-z][a-z0-9+.-]*:/i.test(d.url ?? "");
+    }
+    function y(d) {
+      return u.disabled ? [] : [
+        { key: "edit", icon: "edit", label: l("menu.edit"), run: () => t("edit", d) },
+        {
+          key: "duplicate",
+          icon: "copy",
+          label: l("menu.duplicate"),
+          run: () => t("duplicate", d)
+        },
+        {
+          key: "delete",
+          icon: "trash",
+          label: l("menu.delete"),
+          danger: !0,
+          run: () => t("remove", d)
+        }
+      ];
+    }
+    return (d, p) => {
+      const x = de("wx-menu-branch");
+      return w(), k(e(he), {
+        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": v,
+        disabled: u.disabled,
+        "empty-text": "",
+        "onUpdate:modelValue": p[4] || (p[4] = (m) => t("reorder", u.parentId, m))
+      }, re({
+        empty: r(() => [
+          p[5] || (p[5] = D("span", { class: "wx-menu-branch__drop" }, null, -1))
+        ]),
+        default: r(({ item: m }) => [
+          D("div", {
+            class: Q(["wx-menu-item", { "is-off": !m.visible || !m.available }])
+          }, [
+            D("button", {
+              type: "button",
+              class: "wx-menu-item__open",
+              disabled: u.disabled,
+              onClick: (f) => t("edit", m)
+            }, [
+              D("span", Re, [
+                c(e(L), {
+                  truncate: "",
+                  weight: m.is_heading ? "semibold" : "medium"
+                }, {
+                  default: r(() => [
+                    I(C(v(m)), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["weight"]),
+                s(m) ? (w(), k(e(Z), {
+                  key: 0,
+                  content: e(l)("menu.external")
+                }, {
+                  default: r(() => [
+                    c(e(q), {
+                      class: "wx-menu-item__mark",
+                      name: "link",
+                      label: e(l)("menu.external")
+                    }, null, 8, ["label"])
+                  ]),
+                  _: 1
+                }, 8, ["content"])) : N("", !0),
+                m.new_tab ? (w(), k(e(Z), {
+                  key: 1,
+                  content: e(l)("menu.new-tab")
+                }, {
+                  default: r(() => [
+                    c(e(q), {
+                      class: "wx-menu-item__mark",
+                      name: "external-link",
+                      label: e(l)("menu.new-tab")
+                    }, null, 8, ["label"])
+                  ]),
+                  _: 1
+                }, 8, ["content"])) : N("", !0)
+              ]),
+              c(e(L), {
+                size: "sm",
+                tone: "muted",
+                truncate: ""
+              }, {
+                default: r(() => [
+                  m.is_heading ? (w(), K(X, { key: 0 }, [
+                    I(C(e(l)("menu.heading")), 1)
+                  ], 64)) : (w(), K(X, { key: 1 }, [
+                    I(C(o(m)), 1)
+                  ], 64))
+                ]),
+                _: 2
+              }, 1024)
+            ], 8, Ue),
+            m.visible ? m.available ? N("", !0) : (w(), k(e(L), {
+              key: 1,
+              class: "wx-menu-item__state",
+              size: "sm",
+              tone: "warning"
+            }, {
+              default: r(() => [
+                I(C(e(l)("menu.unavailable")), 1)
+              ]),
+              _: 1
+            })) : (w(), k(e(L), {
+              key: 0,
+              class: "wx-menu-item__state",
+              size: "sm",
+              tone: "muted"
+            }, {
+              default: r(() => [
+                I(C(e(l)("menu.hidden")), 1)
+              ]),
+              _: 1
+            }))
+          ], 2),
+          c(x, {
+            items: m.children,
+            "parent-id": m.id,
+            disabled: u.disabled,
+            onReorder: p[0] || (p[0] = (f, W) => t("reorder", f, W)),
+            onEdit: p[1] || (p[1] = (f) => t("edit", f)),
+            onDuplicate: p[2] || (p[2] = (f) => t("duplicate", f)),
+            onRemove: p[3] || (p[3] = (f) => t("remove", f))
+          }, null, 8, ["items", "parent-id", "disabled"])
+        ]),
+        _: 2
+      }, [
+        u.disabled ? void 0 : {
+          name: "actions",
+          fn: r(({ item: m }) => [
+            c(e(Ie), {
+              actions: y(m),
+              label: v(m)
+            }, null, 8, ["actions", "label"])
+          ]),
+          key: "0"
+        }
+      ]), 1032, ["class", "model-value", "disabled"]);
+    };
+  }
+}), se = (i, n) => {
+  const u = i.__vccOpts || i;
+  for (const [t, l] of n)
+    u[t] = l;
+  return u;
+}, ze = /* @__PURE__ */ se(Te, [["__scopeId", "data-v-fdb72572"]]), te = /* @__PURE__ */ new WeakSet();
+function J() {
+  try {
+    const { i18n: i } = j();
+    te.has(i) || (i.defaults("webx-menu", We), te.add(i));
+  } catch {
+  }
+}
+const De = /* @__PURE__ */ O({
+  name: "WxMenuItemDialog",
+  __name: "MenuItemDialog",
+  props: {
+    menu: {},
+    item: { default: null }
+  },
+  setup(i) {
+    const n = i, { open: u, resolve: t, dismiss: l } = le(), v = ve();
+    J();
+    const o = P("webx-menu"), s = V(n.item === null ? Ce() : $(n.item)), y = V({ ...n.item?.title ?? {} }), d = V(n.item?.variant ?? n.menu.variants[0] ?? "link"), p = V(n.item?.is_heading ?? !1), x = V(n.item?.visible ?? !0), m = V([...n.item?.locales ?? []]), f = E(() => n.item?.resolved?.title ?? ""), W = E(
+      () => n.menu.variants.map((g) => ({ value: g, label: g }))
+    ), M = E(
+      () => v.list.value.map((g) => ({ value: g.code, label: g.label ?? g.code }))
+    );
+    function $(g) {
+      return {
+        target: g.target,
+        entity_type: g.entity_type,
+        entity_id: g.entity_id,
+        url: g.url,
+        hash: g.hash,
+        new_tab: g.new_tab,
+        rel: g.rel
+      };
+    }
+    function U() {
+      t({
+        title: y.value,
+        link: s.value,
+        variant: d.value,
+        is_heading: p.value,
+        locales: m.value,
+        visible: x.value
+      });
+    }
+    return (g, b) => (w(), k(e(ae), {
+      open: e(u),
+      "onUpdate:open": b[7] || (b[7] = (_) => ne(u) ? u.value = _ : null),
+      title: e(o)("menu.item-title"),
+      width: 520
+    }, {
+      footer: r(() => [
+        c(e(ie), { size: "sm" }, {
+          default: r(() => [
+            c(e(A), {
+              variant: "outline",
+              onClick: b[6] || (b[6] = (_) => e(l)())
+            }, {
+              default: r(() => [
+                I(C(e(o)("menu.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            c(e(A), {
+              type: "primary",
+              onClick: U
+            }, {
+              default: r(() => [
+                I(C(e(o)("menu.save")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      default: r(() => [
+        c(e(z), {
+          label: e(o)("menu.field-where")
+        }, {
+          default: r(() => [
+            c(e($e), {
+              modelValue: s.value,
+              "onUpdate:modelValue": b[0] || (b[0] = (_) => s.value = _)
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        c(e(z), {
+          label: e(o)("menu.field-label"),
+          help: e(o)("menu.label-help")
+        }, {
+          default: r(() => [
+            c(e(H), {
+              modelValue: y.value,
+              "onUpdate:modelValue": b[1] || (b[1] = (_) => y.value = _),
+              localized: "",
+              placeholder: f.value,
+              "aria-label": e(o)("menu.field-label")
+            }, null, 8, ["modelValue", "placeholder", "aria-label"])
+          ]),
+          _: 1
+        }, 8, ["label", "help"]),
+        W.value.length > 1 ? (w(), k(e(z), {
+          key: 0,
+          label: e(o)("menu.field-variant")
+        }, {
+          default: r(() => [
+            c(e(ee), {
+              modelValue: d.value,
+              "onUpdate:modelValue": b[2] || (b[2] = (_) => d.value = _),
+              options: W.value,
+              "aria-label": e(o)("menu.field-variant")
+            }, null, 8, ["modelValue", "options", "aria-label"])
+          ]),
+          _: 1
+        }, 8, ["label"])) : N("", !0),
+        M.value.length > 1 ? (w(), k(e(z), {
+          key: 1,
+          label: e(o)("menu.field-locales"),
+          help: e(o)("menu.locales-help")
+        }, {
+          default: r(() => [
+            c(e(ee), {
+              modelValue: m.value,
+              "onUpdate:modelValue": b[3] || (b[3] = (_) => m.value = _),
+              options: M.value,
+              multiple: "",
+              clearable: "",
+              placeholder: e(o)("menu.locales-all"),
+              "aria-label": e(o)("menu.field-locales")
+            }, null, 8, ["modelValue", "options", "placeholder", "aria-label"])
+          ]),
+          _: 1
+        }, 8, ["label", "help"])) : N("", !0),
+        c(e(z), {
+          help: e(o)("menu.heading-help")
+        }, {
+          default: r(() => [
+            c(e(be), {
+              modelValue: p.value,
+              "onUpdate:modelValue": b[4] || (b[4] = (_) => p.value = _)
+            }, {
+              default: r(() => [
+                I(C(e(o)("menu.field-heading")), 1)
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          _: 1
+        }, 8, ["help"]),
+        c(e(z), null, {
+          default: r(() => [
+            c(e(ye), {
+              modelValue: x.value,
+              "onUpdate:modelValue": b[5] || (b[5] = (_) => x.value = _),
+              label: e(o)("menu.field-visible")
+            }, null, 8, ["modelValue", "label"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), Ne = { class: "wx-menu-pane" }, Be = { class: "wx-menu-pane__head" }, Le = { class: "wx-menu-pane__name" }, Se = { class: "wx-menu-pane__body" }, Ae = /* @__PURE__ */ O({
+  name: "WxMenuTreePane",
+  __name: "MenuTreePane",
+  props: {
+    menu: {},
+    inline: { type: Boolean, default: !0 },
+    back: { type: Function, default: void 0 }
+  },
+  emits: ["changed"],
+  setup(i, { expose: n, emit: u }) {
+    const t = i, l = u, v = j(), o = ue(v);
+    J();
+    const s = P("webx-menu"), y = Ve(), d = V([]), p = V(!0), x = E(() => v.can("menu.manage")), m = ge(De);
+    async function f() {
+      p.value = !0;
+      try {
+        d.value = await o.items(t.menu.key);
+      } catch (a) {
+        T.danger(y(a));
+      } finally {
+        p.value = !1;
+      }
+    }
+    f();
+    function W(a) {
+      return a === null ? d.value : G(d.value, a)?.children ?? [];
+    }
+    function M(a, h) {
+      if (a === null) {
+        d.value = h;
+        return;
+      }
+      const R = G(d.value, a);
+      R !== null && (R.children = h);
+    }
+    async function $(a, h) {
+      const R = W(a).map((S) => S.id);
+      M(a, h);
+      const B = h.map((S) => S.id), F = Me(R, B);
+      if (F !== null)
+        try {
+          await o.moveItem(t.menu.key, F, a, B.indexOf(F)), l("changed");
+        } catch (S) {
+          T.danger(y(S, s("menu.move-failed"))), await f();
+        }
+    }
+    async function U() {
+      const a = await m({ menu: t.menu, item: null });
+      if (a)
+        try {
+          await o.addItem(t.menu.key, a), T.success(s("menu.item-saved")), await f(), l("changed");
+        } catch (h) {
+          T.danger(y(h));
+        }
+    }
+    async function g(a) {
+      const h = await m({ menu: t.menu, item: a });
+      if (h)
+        try {
+          await o.saveItem(t.menu.key, a.id, h), T.success(s("menu.item-saved")), await f(), l("changed");
+        } catch (R) {
+          T.danger(y(R));
+        }
+    }
+    async function b(a) {
+      try {
+        const h = await o.addItem(t.menu.key, {
+          title: a.title,
+          link: {
+            target: a.target,
+            entity_type: a.entity_type,
+            entity_id: a.entity_id,
+            url: a.url,
+            hash: a.hash,
+            new_tab: a.new_tab,
+            rel: a.rel
+          },
+          variant: a.variant,
+          is_heading: a.is_heading,
+          locales: a.locales,
+          visible: a.visible,
+          parent_id: a.parent_id
+        }), R = W(a.parent_id);
+        await o.moveItem(
+          t.menu.key,
+          h.id,
+          a.parent_id,
+          R.findIndex((B) => B.id === a.id) + 1
+        ), T.success(s("menu.duplicated")), await f(), l("changed");
+      } catch (h) {
+        T.danger(y(h));
+      }
+    }
+    async function _(a) {
+      const h = oe(a);
+      if (await xe({
+        title: s("menu.delete-item-title", { item: a.label || s("menu.untitled-item") }),
+        message: h === 0 ? s("menu.delete-item-text") : s("menu.delete-item-branch", { count: h }),
+        confirmText: s("menu.delete"),
+        cancelText: s("menu.cancel"),
+        tone: "danger"
+      }))
+        try {
+          await o.removeItem(t.menu.key, a.id), T.success(s("menu.item-deleted")), await f(), l("changed");
+        } catch (B) {
+          T.danger(y(B));
+        }
+    }
+    return n({ reload: f }), (a, h) => (w(), K("div", Ne, [
+      D("header", Be, [
+        t.inline ? N("", !0) : (w(), k(e(we), {
+          key: 0,
+          icon: "arrow-left",
+          size: "sm",
+          title: e(s)("menu.back"),
+          onClick: h[0] || (h[0] = (R) => t.back?.())
+        }, null, 8, ["title"])),
+        D("div", Le, [
+          c(e(L), {
+            weight: "semibold",
+            truncate: ""
+          }, {
+            default: r(() => [
+              I(C(t.menu.title), 1)
+            ]),
+            _: 1
+          }),
+          c(e(L), {
+            size: "sm",
+            tone: "muted",
+            mono: "",
+            truncate: ""
+          }, {
+            default: r(() => [
+              I(C(t.menu.key), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        x.value ? (w(), k(e(A), {
+          key: 1,
+          variant: "outline",
+          size: "sm",
+          onClick: U
+        }, {
+          icon: r(() => [
+            c(e(q), { name: "plus" })
+          ]),
+          default: r(() => [
+            I(" " + C(e(s)("menu.new-item")), 1)
+          ]),
+          _: 1
+        })) : N("", !0)
+      ]),
+      D("div", Se, [
+        p.value ? (w(), k(e(_e), {
+          key: 0,
+          rows: 5
+        })) : d.value.length === 0 ? (w(), k(e(ke), {
+          key: 1,
+          title: e(s)("menu.empty-tree"),
+          description: e(s)("menu.empty-tree-help")
+        }, null, 8, ["title", "description"])) : (w(), k(ze, {
+          key: 2,
+          items: d.value,
+          disabled: !x.value,
+          onReorder: $,
+          onEdit: g,
+          onDuplicate: b,
+          onRemove: _
+        }, null, 8, ["items", "disabled"]))
+      ])
+    ]));
+  }
+}), Ke = /* @__PURE__ */ se(Ae, [["__scopeId", "data-v-7c72f6db"]]), qe = /* @__PURE__ */ O({
+  name: "WxMenuCreateDialog",
+  __name: "MenuCreateDialog",
+  props: {
+    menu: { default: null }
+  },
+  setup(i) {
+    const n = i, { open: u, resolve: t, dismiss: l } = le(), v = j(), o = ue(v);
+    J();
+    const s = P("webx-menu"), y = n.menu !== null, d = V(n.menu?.key ?? ""), p = V(n.menu?.title ?? ""), x = V(!1), m = V({}), f = me("field");
+    ce(async () => {
+      await pe(), f.value?.querySelector("input")?.focus();
+    });
+    async function W() {
+      if (!(p.value.trim() === "" || x.value)) {
+        x.value = !0, m.value = {};
+        try {
+          const M = { key: d.value.trim(), title: p.value.trim() };
+          t(
+            y && n.menu !== null ? await o.update(n.menu.key, n.menu.can.rename ? M : { title: M.title }) : await o.create(M)
+          );
+        } catch (M) {
+          m.value = M.body?.errors ?? {};
+        } finally {
+          x.value = !1;
+        }
+      }
+    }
+    return (M, $) => (w(), k(e(ae), {
+      open: e(u),
+      "onUpdate:open": $[3] || ($[3] = (U) => ne(u) ? u.value = U : null),
+      title: y ? e(s)("menu.rename-title") : e(s)("menu.new-menu-title"),
+      width: 440
+    }, {
+      footer: r(() => [
+        c(e(ie), { size: "sm" }, {
+          default: r(() => [
+            c(e(A), {
+              variant: "outline",
+              onClick: $[2] || ($[2] = (U) => e(l)())
+            }, {
+              default: r(() => [
+                I(C(e(s)("menu.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            c(e(A), {
+              type: "primary",
+              loading: x.value,
+              disabled: p.value.trim() === "" || d.value.trim() === "",
+              onClick: W
+            }, {
+              default: r(() => [
+                I(C(y ? e(s)("menu.save") : e(s)("menu.create")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: r(() => [
+        c(e(z), {
+          label: e(s)("menu.field-name"),
+          error: m.value.title?.[0],
+          required: ""
+        }, {
+          default: r(() => [
+            D("div", {
+              ref_key: "field",
+              ref: f
+            }, [
+              c(e(H), {
+                modelValue: p.value,
+                "onUpdate:modelValue": $[0] || ($[0] = (U) => p.value = U),
+                "aria-label": e(s)("menu.field-name"),
+                onKeyup: Y(W, ["enter"])
+              }, null, 8, ["modelValue", "aria-label"])
+            ], 512)
+          ]),
+          _: 1
+        }, 8, ["label", "error"]),
+        c(e(z), {
+          label: e(s)("menu.field-key"),
+          error: m.value.key?.[0],
+          help: e(s)("menu.key-help"),
+          required: ""
+        }, {
+          default: r(() => [
+            c(e(H), {
+              modelValue: d.value,
+              "onUpdate:modelValue": $[1] || ($[1] = (U) => d.value = U),
+              disabled: y && !n.menu?.can.rename,
+              "aria-label": e(s)("menu.field-key"),
+              onKeyup: Y(W, ["enter"])
+            }, null, 8, ["modelValue", "disabled", "aria-label"])
+          ]),
+          _: 1
+        }, 8, ["label", "error", "help"])
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), He = fe(() => import("./MenusPage-UQffRtpG.js"));
+export {
+  Ke as M,
+  He as W,
+  qe as _,
+  se as a,
+  ze as b,
+  ue as c,
+  De as d,
+  oe as e,
+  G as f,
+  We as g,
+  Me as h,
+  Fe as m,
+  J as u
+};
+//# sourceMappingURL=index-tmF0XKBt.js.map