@feedmepos/mf-menu 0.32.37 → 0.32.38

package/dist/Category-DMgNea31.js

@@ -1,392 +0,0 @@
-import { defineComponent as K, ref as F, computed as B, watch as se, resolveComponent as p, createElementBlock as E, openBlock as f, Fragment as Z, renderSlot as re, createVNode as d, unref as e, withCtx as g, createElementVNode as n, toDisplayString as T, h as N, withModifiers as D, getCurrentInstance as ie, renderList as ce, createBlock as L, createCommentVNode as ue } from "vue";
-import { useI18n as j } from "@feedmepos/mf-common";
-import { useSnackbar as Y, components as R, useDialog as ee, FmButtonVariant as H, useBreakpoints as de, FmButtonColorThemeVariant as me } from "@feedmepos/ui-library";
-import { _ as pe } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { G, u as ge, a1 as fe, $ as _e, A, a4 as ye, Q as q, M as te, a5 as ve } from "./index.vue_vue_type_script_setup_true_lang-CL6a622s.js";
-import { _ as he } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { _ as be } from "./app-CE0yoao0.js";
-import { c as xe } from "./createForm-BoUQeZTd.js";
-import { _ as J } from "./RuleView.vue_vue_type_script_setup_true_lang-DdeQnyfQ.js";
-import { u as Ce } from "./discardConfirm-BHni0LNu.js";
-import { c as X } from "./object-DVUNCr7w.js";
-import { r as ke } from "./rules-CIWTZQfh.js";
-import { u as Q, a as we } from "./menu-LtIuM7Qj.js";
-import { c as Fe } from "./check-C9mY6LiX.js";
-import { u as Ve } from "./item-DPivBmJh.js";
-import { u as ae } from "./category-BSGaVgyv.js";
-const $e = {
-  class: "fm-typo-en-title-md-600"
-}, Me = {
-  class: "flex flex-col gap-32 h-full min-h-0 py-16"
-}, Se = {
-  class: "flex gap-24 items-center"
-}, Ee = {
-  class: "text-fm-color-typo-secondary"
-}, Be = {
-  class: "flex-1"
-}, Te = {
-  class: "flex-1 overflow-hidden min-h-[300px]"
-}, Ue = {
-  class: "flex gap-8 items-center justify-start"
-}, Le = /* @__PURE__ */ K({
-  __name: "Form",
-  props: {
-    initialValue: {}
-  },
-  setup(O, {
-    expose: h
-  }) {
-    const _ = O, V = Y(), b = G(V), $ = q(b), m = ge(), r = Ve(), {
-      categories: x
-    } = Q(), {
-      t
-    } = j(), U = F(!1), u = F(!1), M = (a) => {
-      Fe.isBoolean(a) ? u.value = a : u.value = !u.value;
-    }, i = F(X(_.initialValue)), C = F(""), S = B(() => {
-      var k;
-      const a = ((k = x.value.find((w) => w.id === i.value.id)) == null ? void 0 : k.items) || [], o = fe(i.value.id);
-      return _e(a, (w) => w.code || w.name, o);
-    }), P = [{
-      accessorKey: "name",
-      header: () => t("menu.category.products.columns.name"),
-      enableSorting: !1
-    }, {
-      accessorKey: "code",
-      header: () => t("menu.category.products.columns.code"),
-      enableSorting: !1
-    }, {
-      id: "actions",
-      size: 52,
-      meta: {
-        cellClass: "pl-16",
-        headerContentClass: "-mx-16"
-      },
-      header: "",
-      cell: (a) => {
-        const o = a.row.original;
-        return N("div", {
-          class: "flex justify-end"
-        }, [N(R.FmButton, {
-          icon: "edit",
-          outline: !0,
-          variant: "tertiary",
-          textColor: "neutral-gray-400",
-          onClick: D(async () => {
-            await s(o);
-          }, ["stop", "prevent"])
-        })]);
-      }
-    }];
-    async function l() {
-      await r.create(i.value.id);
-    }
-    async function s(a) {
-      await r.update(a._id);
-    }
-    const y = B(() => m.version === A.F_MENU_VERSION.enum.v4);
-    async function I(a) {
-      const o = ye(a, i.value.id);
-      await r.updateMany(o);
-    }
-    const z = Ce(() => i.value.name !== _.initialValue.name, () => {
-      u.value = !1;
-    });
-    async function c() {
-      const a = m.categories.find((k) => k._id === i.value.id), {
-        updateMenu: o
-      } = $;
-      await o({
-        module: A.F_MENU_MODULE_V4_KEY.enum.category,
-        operation: te.F_OPERATION_TYPE.update,
-        data: {
-          ...a,
-          name: i.value.name ?? (a == null ? void 0 : a.name)
-        }
-      }, i.value.name), M(!1);
-    }
-    return se(() => u.value, () => {
-      u.value && (i.value = X(_.initialValue));
-    }), h({
-      trigger: M,
-      show: u
-    }), (a, o) => {
-      const k = p("FmTextField"), w = p("FmButton"), oe = p("FmSearch"), ne = p("FmTable"), W = p("fm-button"), le = p("fm-side-sheet");
-      return f(), E(Z, null, [re(a.$slots, "default", {
-        trigger: M
-      }), d(le, {
-        id: "group-form",
-        modelValue: u.value,
-        "onUpdate:modelValue": o[4] || (o[4] = (v) => u.value = v),
-        "is-container": e(R).FmForm,
-        "is-container-props": {
-          onValidationSuccess: c,
-          blameFormChildOnValidationFailed: !0
-        },
-        "max-width": 560,
-        "onOn:clickedAway": e(z)
-      }, {
-        "side-sheet-header": g(() => [n("p", $e, T(e(t)("menu.category.title")), 1)]),
-        "side-sheet-footer": g(() => [n("div", Ue, [d(W, {
-          label: e(t)("menu.common.actions.update"),
-          loading: U.value,
-          size: "lg",
-          type: "submit",
-          variant: "primary",
-          disabled: !i.value.id
-        }, null, 8, ["label", "loading", "disabled"]), d(W, {
-          label: e(t)("menu.common.actions.cancel"),
-          size: "lg",
-          variant: "tertiary",
-          onClick: o[3] || (o[3] = () => u.value = !1)
-        }, null, 8, ["label"])])]),
-        default: g(() => [n("div", Me, [d(J, {
-          title: e(t)("menu.category.detail")
-        }, {
-          default: g(() => [d(k, {
-            label: e(t)("menu.category.name"),
-            modelValue: i.value.name,
-            "onUpdate:modelValue": o[0] || (o[0] = (v) => i.value.name = v),
-            disabled: !i.value.id,
-            rules: [e(ke)]
-          }, null, 8, ["label", "modelValue", "disabled", "rules"])]),
-          _: 1
-        }, 8, ["title"]), d(J, {
-          title: e(t)("menu.category.products.title"),
-          class: "flex-1 min-h-0",
-          shrinkable: !0
-        }, {
-          "append-title": g(() => [d(w, {
-            label: e(t)("menu.category.products.add"),
-            variant: "secondary",
-            "prepend-icon": "add",
-            "text-color": "primary",
-            "border-color": "primary",
-            onClick: l
-          }, null, 8, ["label"])]),
-          default: g(() => [n("div", Se, [n("div", Ee, T(e(t)("menu.category.products.linked_count", {
-            count: S.value.length
-          })), 1), n("div", Be, [d(oe, {
-            placeholder: e(t)("menu.common.actions.search"),
-            modelValue: C.value,
-            "onUpdate:modelValue": o[1] || (o[1] = (v) => C.value = v)
-          }, null, 8, ["placeholder", "modelValue"])])]), n("div", Te, [d(ne, {
-            "column-defs": P,
-            draggable: y.value,
-            "page-size": S.value.length,
-            "row-data": S.value,
-            "search-value": C.value,
-            "shrink-at": !1,
-            "hide-footer": "",
-            "pin-header-row": "",
-            onDndChanged: I,
-            onRowClick: o[2] || (o[2] = (v) => s(v.original))
-          }, null, 8, ["draggable", "page-size", "row-data", "search-value"])])]),
-          _: 1
-        }, 8, ["title"])])]),
-        _: 1
-      }, 8, ["modelValue", "is-container", "is-container-props", "onOn:clickedAway"])], 64);
-    };
-  }
-}), Ne = Le, Oe = {
-  key: 0
-}, Pe = {
-  class: "flex justify-end items-center"
-}, Ie = {
-  class: "w-[320px]"
-}, ze = {
-  key: 1,
-  class: "flex-1 flex flex-col min-h-0"
-}, De = {
-  class: "p-8"
-}, Re = {
-  class: "flex flex-1 flex-col min-h-0 overflow-scroll divide-y divide-fm-color-neutral-gray-100 pb-64"
-}, Ae = ["onClick"], Ke = {
-  class: "flex-1 space-y-4"
-}, je = {
-  class: "fm-typo-en-body-lg-600"
-}, Ye = {
-  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Ge = /* @__PURE__ */ K({
-  __name: "CategoryTable",
-  setup(O) {
-    const h = ee(), _ = Y(), V = G(_), b = q(V), $ = ae({
-      dialog: h,
-      menuLoader: b
-    }), {
-      categories: m
-    } = Q(), r = F(""), x = B(() => m.value.filter((l) => l.name.toLowerCase().includes(r.value.toLowerCase()))), {
-      t
-    } = j(), U = F([{
-      accessorKey: "name",
-      header: () => t("menu.category.columns.title"),
-      enableSorting: !1,
-      meta: {
-        width: "auto"
-      }
-    }, {
-      accessorKey: "items",
-      header: () => t("menu.category.columns.products"),
-      enableSorting: !1,
-      size: 200,
-      cell: (l) => {
-        const s = l.row.original;
-        return t(s.items.length > 1 ? "menu.common.labels.product_linked_plural" : "menu.common.labels.product_linked_singular", {
-          count: s.items.length
-        });
-      }
-    }, {
-      id: "actions",
-      size: 52,
-      meta: {
-        cellClass: "pl-16",
-        headerContentClass: "-mx-16"
-      },
-      header: "",
-      cell: (l) => {
-        const s = l.row.original;
-        return N("div", {
-          class: "flex justify-end"
-        }, [N(R.FmButton, {
-          icon: "delete",
-          disabled: !s.id,
-          variant: "tertiary",
-          textColor: "neutral-gray-400",
-          onClick: D(async () => {
-            await u(s);
-          }, ["stop", "prevent"])
-        })]);
-      }
-    }]);
-    async function u(l) {
-      if (!l.id) {
-        _.open({
-          message: t("menu.category.dialog.remove.error"),
-          type: "warning"
-        });
-        return;
-      }
-      h.open({
-        title: t("menu.category.dialog.remove.title"),
-        message: t("menu.common.dialog.remove_confirmation", {
-          name: l.name
-        }),
-        primaryActions: {
-          text: "Remove",
-          close: !0,
-          variant: H.Destructive
-        },
-        secondaryActions: {
-          text: "Cancel",
-          close: !0
-        }
-      }).onPrimary(async () => {
-        await b.updateMenu({
-          module: A.F_MENU_MODULE_V4_KEY.enum.category,
-          operation: te.F_OPERATION_TYPE.delete,
-          // `category.id` is guaranteed to be defined due to the earlier check in `deleteCategory`.
-          data: l.id
-        }, l.name, !0);
-      });
-    }
-    async function M(l) {
-      const s = l.map((y) => y.id).filter((y) => !!y);
-      await $.rearrange(s);
-    }
-    const i = ie();
-    async function C(l) {
-      xe(i, Ne, {
-        initialValue: l
-      });
-    }
-    const S = de(), P = B(() => S.breakpoints.value.xs);
-    return (l, s) => {
-      const y = p("FmSearch"), I = p("FmTable"), z = p("FmButton");
-      return P.value ? (f(), E("div", ze, [n("div", De, [d(y, {
-        autofocus: "",
-        modelValue: r.value,
-        "onUpdate:modelValue": s[2] || (s[2] = (c) => r.value = c),
-        class: "w-full",
-        placeholder: e(t)("menu.common.labels.search_placeholder", {
-          type: "categories"
-        })
-      }, null, 8, ["modelValue", "placeholder"])]), n("div", Re, [(f(!0), E(Z, null, ce(x.value, (c) => (f(), E("div", {
-        key: c.id || "",
-        class: "flex flex-row py-12 px-16",
-        onClick: (a) => C(c)
-      }, [n("div", Ke, [n("p", je, T(c.name), 1), n("p", Ye, T(e(t)(c.items.length > 1 ? "menu.common.labels.product_linked_plural" : "menu.common.labels.product_linked_singular", {
-        count: c.items.length
-      })), 1)]), d(z, {
-        "text-color": e(me).NeutralGray400,
-        variant: e(H).Tertiary,
-        "prepend-icon": "delete",
-        disabled: !c.id,
-        onClick: D((a) => u(c), ["stop"])
-      }, null, 8, ["text-color", "variant", "disabled", "onClick"])], 8, Ae))), 128))])])) : (f(), E("div", Oe, [n("div", Pe, [n("div", Ie, [d(y, {
-        modelValue: r.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (c) => r.value = c),
-        autofocus: "",
-        class: "mb-8",
-        placeholder: e(t)("menu.common.labels.search_placeholder", {
-          type: e(t)("menu.category.title")
-        })
-      }, null, 8, ["modelValue", "placeholder"])])]), d(be, null, {
-        default: g(() => [d(I, {
-          "column-defs": U.value,
-          draggable: !0,
-          "page-size": e(m).length,
-          "row-data": e(m),
-          "search-value": r.value,
-          "shrink-at": !1,
-          "hide-footer": "",
-          "pin-header-row": "",
-          onDndChanged: M,
-          onRowClick: s[1] || (s[1] = (c) => C(c.original))
-        }, null, 8, ["column-defs", "page-size", "row-data", "search-value"])]),
-        _: 1
-      })]));
-    };
-  }
-}), qe = { class: "flex-1 flex justify-between gap-8 pl-8" }, Qe = { class: "flex items-center" }, We = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, He = { class: "fm-typo-en-body-md-600 font-semibold" }, pt = /* @__PURE__ */ K({
-  __name: "Category",
-  setup(O) {
-    const h = ee(), _ = Y(), V = G(_), b = q(V), $ = ae({ dialog: h, menuLoader: b }), { categories: m } = Q(), { t: r } = j();
-    function x() {
-      $.create();
-    }
-    const t = B(() => m.value.length);
-    return we().resetOnMount(), (U, u) => (f(), L(he, {
-      heading: e(r)("menu.category.title")
-    }, {
-      default: g(() => [
-        e(m).length > 0 ? (f(), L(Ge, { key: 0 })) : (f(), L(e(ve), {
-          key: 1,
-          action: {
-            text: e(r)("menu.category.add"),
-            callback: x
-          },
-          subtitle: e(r)("menu.category.empty.subtitle"),
-          title: e(r)("menu.category.empty.title")
-        }, null, 8, ["action", "subtitle", "title"]))
-      ]),
-      "append-heading": g(() => [
-        n("div", qe, [
-          n("div", Qe, [
-            n("div", We, [
-              n("p", He, T(t.value), 1)
-            ])
-          ]),
-          e(m).length > 0 ? (f(), L(pe, {
-            key: 0,
-            label: e(r)("menu.category.add"),
-            "prepend-icon": "add",
-            onClick: x
-          }, null, 8, ["label"])) : ue("", !0)
-        ])
-      ]),
-      _: 1
-    }, 8, ["heading"]));
-  }
-});
-export {
-  pt as default
-};

package/dist/Subcategory-6SgvwWpX.js

@@ -1,280 +0,0 @@
-import { defineComponent as L, ref as w, watch as W, resolveComponent as y, createElementBlock as V, openBlock as p, Fragment as P, renderSlot as X, createVNode as m, unref as t, withCtx as h, createElementVNode as s, toDisplayString as T, computed as F, h as U, withModifiers as R, getCurrentInstance as Z, renderList as ee, createBlock as M, createCommentVNode as te } from "vue";
-import { useI18n as B } from "@feedmepos/mf-common";
-import { useSnackbar as O, components as j, useDialog as Y, FmButtonVariant as z, useBreakpoints as ae, FmButtonColorThemeVariant as oe } from "@feedmepos/ui-library";
-import { _ as ne } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { G as D, u as N, Q as A, M as K, A as G, a5 as le } from "./index.vue_vue_type_script_setup_true_lang-CL6a622s.js";
-import { _ as se } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { _ as re } from "./app-CE0yoao0.js";
-import { c as ie } from "./createForm-BoUQeZTd.js";
-import { u as ce } from "./discardConfirm-BHni0LNu.js";
-import { c as I } from "./object-DVUNCr7w.js";
-import { r as ue } from "./rules-CIWTZQfh.js";
-import { c as de } from "./check-C9mY6LiX.js";
-import { u as q } from "./subcategory-CIctYwBF.js";
-import { a as me } from "./menu-LtIuM7Qj.js";
-const pe = {
-  class: "fm-typo-en-title-md-600"
-}, _e = {
-  class: "flex flex-col gap-32 h-full min-h-0 py-16"
-}, fe = {
-  class: "flex gap-8 items-center justify-start"
-}, ge = /* @__PURE__ */ L({
-  __name: "Form",
-  props: {
-    initialValue: {}
-  },
-  setup(S, {
-    expose: f
-  }) {
-    const _ = S, x = O(), g = D(x), k = A(g), d = N(), {
-      t: a
-    } = B(), v = w(!1), e = w(!1), b = (r) => {
-      de.isBoolean(r) ? e.value = r : e.value = !e.value;
-    }, n = w(I(_.initialValue)), $ = ce(() => n.value.name !== _.initialValue.name, () => {
-      e.value = !1;
-    });
-    async function E() {
-      const r = d.subcategories.find((C) => C._id === n.value._id), {
-        updateMenu: c
-      } = k;
-      await c({
-        module: G.F_MENU_MODULE_V4_KEY.enum.subCategory,
-        operation: K.F_OPERATION_TYPE.update,
-        // @ts-ignore FIXME: The backend hasn't exported SubcategoryRequest yet. Fix this once it's available.
-        data: {
-          ...r,
-          name: n.value.name ?? (r == null ? void 0 : r.name)
-        }
-      }, n.value.name), b(!1);
-    }
-    return W(() => e.value, () => {
-      e.value && (n.value = I(_.initialValue));
-    }), f({
-      trigger: b,
-      show: e
-    }), (r, c) => {
-      const C = y("FmTextField"), o = y("fm-button"), l = y("fm-side-sheet");
-      return p(), V(P, null, [X(r.$slots, "default", {
-        trigger: b
-      }), m(l, {
-        id: "group-form",
-        modelValue: e.value,
-        "onUpdate:modelValue": c[2] || (c[2] = (u) => e.value = u),
-        "is-container": t(j).FmForm,
-        "is-container-props": {
-          onValidationSuccess: E,
-          blameFormChildOnValidationFailed: !0
-        },
-        "max-width": 560,
-        "onOn:clickedAway": t($)
-      }, {
-        "side-sheet-header": h(() => [s("p", pe, T(t(a)("menu.subcategory.title")), 1)]),
-        "side-sheet-footer": h(() => [s("div", fe, [m(o, {
-          label: t(a)("menu.common.actions.update"),
-          loading: v.value,
-          size: "lg",
-          type: "submit",
-          variant: "primary",
-          disabled: !n.value._id
-        }, null, 8, ["label", "loading", "disabled"]), m(o, {
-          label: t(a)("menu.common.actions.cancel"),
-          size: "lg",
-          variant: "tertiary",
-          onClick: c[1] || (c[1] = () => e.value = !1)
-        }, null, 8, ["label"])])]),
-        default: h(() => [s("div", _e, [m(C, {
-          label: t(a)("menu.subcategory.name"),
-          modelValue: n.value.name,
-          "onUpdate:modelValue": c[0] || (c[0] = (u) => n.value.name = u),
-          disabled: !n.value._id,
-          rules: [t(ue)]
-        }, null, 8, ["label", "modelValue", "disabled", "rules"])])]),
-        _: 1
-      }, 8, ["modelValue", "is-container", "is-container-props", "onOn:clickedAway"])], 64);
-    };
-  }
-}), ve = ge, be = {
-  key: 0
-}, ye = {
-  class: "flex justify-end items-center"
-}, he = {
-  class: "w-[320px]"
-}, xe = {
-  key: 1,
-  class: "flex-1 flex flex-col min-h-0"
-}, ke = {
-  class: "p-8"
-}, Ce = {
-  class: "flex flex-1 flex-col min-h-0 overflow-scroll divide-y divide-fm-color-neutral-gray-100 pb-64"
-}, Ve = ["onClick"], we = {
-  class: "flex-1 space-y-4"
-}, Fe = {
-  class: "fm-typo-en-body-lg-600"
-}, Me = /* @__PURE__ */ L({
-  __name: "SubcategoryTable",
-  setup(S) {
-    const f = Y(), _ = O(), x = D(_), g = A(x), k = q({
-      dialog: f,
-      menuLoader: g
-    }), d = F(() => N().subcategories), a = w(""), v = F(() => d.value.filter((o) => o.name.toLowerCase().includes(a.value.toLowerCase()))), {
-      t: e
-    } = B(), b = w([{
-      accessorKey: "name",
-      header: () => e("menu.subcategory.columns.title"),
-      enableSorting: !1,
-      meta: {
-        width: "auto"
-      }
-    }, {
-      id: "actions",
-      size: 52,
-      meta: {
-        cellClass: "pl-16",
-        headerContentClass: "-mx-16"
-      },
-      header: "",
-      cell: (o) => {
-        const l = o.row.original;
-        return U("div", {
-          class: "flex justify-end"
-        }, [U(j.FmButton, {
-          icon: "delete",
-          disabled: !l._id,
-          variant: "tertiary",
-          textColor: "neutral-gray-400",
-          onClick: R(async () => {
-            await n(l);
-          }, ["stop", "prevent"])
-        })]);
-      }
-    }]);
-    async function n(o) {
-      if (!o._id) {
-        _.open({
-          message: e("menu.subcategory.dialog.remove.error"),
-          type: "warning"
-        });
-        return;
-      }
-      f.open({
-        title: e("menu.subcategory.dialog.remove.title"),
-        message: e("menu.common.dialog.remove_confirmation", {
-          name: o.name
-        }),
-        primaryActions: {
-          text: "Remove",
-          close: !0,
-          variant: z.Destructive
-        },
-        secondaryActions: {
-          text: "Cancel",
-          close: !0
-        }
-      }).onPrimary(async () => {
-        await g.updateMenu({
-          module: G.F_MENU_MODULE_V4_KEY.enum.subCategory,
-          operation: K.F_OPERATION_TYPE.delete,
-          data: o._id
-        }, o.name, !0);
-      });
-    }
-    async function $(o) {
-      const l = o.map((u) => u._id).filter((u) => !!u);
-      await k.rearrange(l);
-    }
-    const E = Z();
-    async function r(o) {
-      ie(E, ve, {
-        initialValue: o
-      });
-    }
-    const c = ae(), C = F(() => c.breakpoints.value.xs);
-    return (o, l) => {
-      const u = y("FmSearch"), Q = y("FmTable"), H = y("FmButton");
-      return C.value ? (p(), V("div", xe, [s("div", ke, [m(u, {
-        autofocus: "",
-        modelValue: a.value,
-        "onUpdate:modelValue": l[2] || (l[2] = (i) => a.value = i),
-        class: "w-full",
-        placeholder: t(e)("menu.common.labels.search_placeholder", {
-          type: "categories"
-        })
-      }, null, 8, ["modelValue", "placeholder"])]), s("div", Ce, [(p(!0), V(P, null, ee(v.value, (i) => (p(), V("div", {
-        key: i._id || "",
-        class: "flex flex-row py-12 px-16",
-        onClick: (J) => r(i)
-      }, [s("div", we, [s("p", Fe, T(i.name), 1)]), m(H, {
-        "text-color": t(oe).NeutralGray400,
-        variant: t(z).Tertiary,
-        "prepend-icon": "delete",
-        disabled: !i._id,
-        onClick: R((J) => n(i), ["stop"])
-      }, null, 8, ["text-color", "variant", "disabled", "onClick"])], 8, Ve))), 128))])])) : (p(), V("div", be, [s("div", ye, [s("div", he, [m(u, {
-        modelValue: a.value,
-        "onUpdate:modelValue": l[0] || (l[0] = (i) => a.value = i),
-        autofocus: "",
-        class: "mb-8",
-        placeholder: t(e)("menu.common.labels.search_placeholder", {
-          type: t(e)("menu.subcategory.title")
-        })
-      }, null, 8, ["modelValue", "placeholder"])])]), m(re, null, {
-        default: h(() => [m(Q, {
-          "column-defs": b.value,
-          draggable: !0,
-          "page-size": d.value.length,
-          "row-data": d.value,
-          "search-value": a.value,
-          "shrink-at": !1,
-          "hide-footer": "",
-          "pin-header-row": "",
-          onDndChanged: $,
-          onRowClick: l[1] || (l[1] = (i) => r(i.original))
-        }, null, 8, ["column-defs", "page-size", "row-data", "search-value"])]),
-        _: 1
-      })]));
-    };
-  }
-}), Se = { class: "flex-1 flex justify-between gap-8 pl-8" }, $e = { class: "flex items-center" }, Ee = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, Le = { class: "fm-typo-en-body-md-600 font-semibold" }, Ge = /* @__PURE__ */ L({
-  __name: "Subcategory",
-  setup(S) {
-    const f = Y(), _ = O(), x = D(_), g = A(x), k = q({ dialog: f, menuLoader: g }), d = F(() => N().subcategories), { t: a } = B();
-    function v() {
-      k.create();
-    }
-    const e = F(() => d.value.length);
-    return me().resetOnMount(), (b, n) => (p(), M(se, {
-      heading: t(a)("menu.subcategory.title")
-    }, {
-      default: h(() => [
-        d.value.length > 0 ? (p(), M(Me, { key: 0 })) : (p(), M(t(le), {
-          key: 1,
-          action: {
-            text: t(a)("menu.subcategory.add"),
-            callback: v
-          },
-          subtitle: t(a)("menu.subcategory.empty.subtitle"),
-          title: t(a)("menu.subcategory.empty.title")
-        }, null, 8, ["action", "subtitle", "title"]))
-      ]),
-      "append-heading": h(() => [
-        s("div", Se, [
-          s("div", $e, [
-            s("div", Ee, [
-              s("p", Le, T(e.value), 1)
-            ])
-          ]),
-          d.value.length > 0 ? (p(), M(ne, {
-            key: 0,
-            label: t(a)("menu.subcategory.add"),
-            "prepend-icon": "add",
-            onClick: v
-          }, null, 8, ["label"])) : te("", !0)
-        ])
-      ]),
-      _: 1
-    }, 8, ["heading"]));
-  }
-});
-export {
-  Ge as default
-};