@feedmepos/mf-menu 0.32.76 → 0.32.78

package/dist/Group.vue_vue_type_script_setup_true_lang-CltccIA5.js

@@ -1,622 +0,0 @@
-import { defineComponent as oe, computed as f, resolveComponent as F, createBlock as $, openBlock as m, withCtx as x, createElementBlock as y, Fragment as E, renderList as ne, createElementVNode as d, normalizeClass as Q, toDisplayString as A, createVNode as i, createCommentVNode as O, unref as u, ref as P, watch as De, h as Y, mergeProps as Re, createSlots as Te, withModifiers as Pe, isRef as q, nextTick as de } from "vue";
-import { l as ee } from "./discardConfirm-JZF5xM6V.js";
-import { d as Ee } from "./RuleConditionSelector.vue_vue_type_style_index_0_lang-CK8z7qA8.js";
-import { u as ye, i as Le, b as Ue, F as te, j as w, m as je, _ as ze, a as Be, h as fe, g as Ke } from "./index.vue_vue_type_script_setup_true_lang-CEZndQrA.js";
-import { b as ve, H as Ye } from "./app-5fxKLAzS.js";
-import { useI18n as _e, useCoreStore as He, useCustomAttributes as qe } from "@feedmepos/mf-common";
-import { useBreakpoints as be, useSnackbar as Qe, useDialog as We, components as Je, FmButtonVariant as Xe } from "@feedmepos/ui-library";
-import { _ as Ze, a as et } from "./CustomAttributeChip.vue_vue_type_script_setup_true_lang-D-lfN4Xw.js";
-import { _ as tt } from "./app-J9vFNODI.js";
-import { _ as nt, a as ot } from "./BottomSheetMenuItem.vue_vue_type_script_setup_true_lang-DhrXKy3b.js";
-import { c as lt } from "./object-DVUNCr7w.js";
-import { _ as rt } from "./ApplyProductDialog.vue_vue_type_script_setup_true_lang-DKmzpuS7.js";
-import { N as ge, ap as at, aq as ut, al as st, O as it, a5 as ct, a1 as mt, Q as pt } from "./item-CqPMNjVQ.js";
-import { _ as dt } from "./TranslationViewChip.vue_vue_type_script_setup_true_lang-DiK3fi9J.js";
-import { u as ft } from "./search-BAPEUu1R.js";
-import { C as vt } from "./catalog-Q6KsvtTp.js";
-const gt = /* @__PURE__ */ oe({
-  __name: "ResponsiveContextMenu",
-  props: {
-    items: {}
-  },
-  setup(W) {
-    const L = be(), a = f(() => L.breakpoints.value.xs);
-    return (I, N) => {
-      const b = F("FmButton"), k = F("FmMenuItem"), v = F("FmMenu");
-      return a.value ? (m(), $(nt, { key: 0 }, {
-        default: x(() => [
-          (m(!0), y(E, null, ne(I.items, ({ icon: V, label: G, disabled: h, itemClass: U, onClick: S }) => (m(), $(ot, {
-            key: G,
-            icon: V,
-            label: G,
-            disabled: h,
-            itemClass: U,
-            onClick: () => {
-              !h && (S == null || S());
-            }
-          }, null, 8, ["icon", "label", "disabled", "itemClass", "onClick"]))), 128))
-        ]),
-        _: 1
-      })) : (m(), $(v, {
-        key: 1,
-        "stop-click-propagation": "",
-        shift: !0
-      }, {
-        "menu-button": x(() => [
-          i(b, {
-            type: "button",
-            variant: "tertiary",
-            icon: "more_vert",
-            "text-color": "neutral-gray-400",
-            size: "md"
-          })
-        ]),
-        default: x(() => [
-          (m(!0), y(E, null, ne(I.items, ({ icon: V, label: G, disabled: h, itemClass: U, onClick: S }) => (m(), $(k, {
-            key: G,
-            disabled: h,
-            onClick: () => {
-              !h && (S == null || S());
-            },
-            label: G
-          }, {
-            label: x(() => [
-              d("span", {
-                class: Q(h ? "text-fm-color-typo-disabled" : U)
-              }, A(G), 3)
-            ]),
-            _: 2
-          }, 1032, ["disabled", "onClick", "label"]))), 128))
-        ]),
-        _: 1
-      }));
-    };
-  }
-}), yt = {
-  key: 0,
-  class: "mt-4"
-}, _t = { class: "text-fm-color-typo-secondary mb-2" }, bt = { class: "list-disc list-inside text-fm-color-typo-secondary ml-4 space-y-1" }, kt = /* @__PURE__ */ oe({
-  __name: "DeleteGroupDialog",
-  props: {
-    group: {}
-  },
-  setup(W) {
-    const L = W, { t: a } = _e(), I = ye(), N = f(() => L.group.itemsLinked.map((b) => {
-      const k = I.state.menu.modules.item.find((v) => v._id === b);
-      return (k == null ? void 0 : k.name) || b;
-    }).filter(Boolean));
-    return (b, k) => (m(), y("div", null, [
-      d("div", null, A(u(a)("menu.group.dialogs.delete.message", { name: b.group.name })), 1),
-      N.value.length > 0 ? (m(), y("div", yt, [
-        d("div", _t, A(u(a)("menu.group.dialogs.delete.unlink_warning", { count: N.value.length })), 1),
-        d("ul", bt, [
-          (m(!0), y(E, null, ne(N.value, (v) => (m(), y("li", {
-            key: v,
-            class: "text-sm"
-          }, A(v), 1))), 128))
-        ])
-      ])) : O("", !0)
-    ]));
-  }
-}), ht = {
-  key: 1,
-  class: "xs:pt-24"
-}, wt = {
-  key: 0,
-  class: /* @__PURE__ */ Q(["flex-1 overflow-hidden", "space-y-8", "flex flex-col", "overflow-hidden", "pt-16"])
-}, Ct = {
-  class: "flex justify-between items-center space-x-8"
-}, xt = {
-  class: "w-[320px]"
-}, Mt = {
-  key: 0
-}, At = {
-  class: "px-16 py-8"
-}, Gt = {
-  class: "py-8 px-16"
-}, St = {
-  key: 0,
-  class: "px-16 py-8"
-}, Ft = {
-  class: "flex items-center flex-1"
-}, Vt = {
-  class: "flex-1 space-y-4"
-}, It = {
-  class: "fm-typo-en-body-lg-600"
-}, Nt = {
-  key: 0,
-  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Ot = {
-  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Wt = /* @__PURE__ */ oe({
-  __name: "Group",
-  emits: ["update:count"],
-  setup(W, {
-    emit: L
-  }) {
-    const a = ye(), I = He(), N = Qe(), b = Le(Ue(N)), k = We(), v = f(() => a.rules.group), V = f(() => new ge(a, b.updateMenu, k)), G = f(() => V.value.mapGroups(a.groups, !1)), {
-      searchKey: h,
-      filter: U
-    } = ft(), S = P(!1), _ = P(null), {
-      attributes: le,
-      filterRule: D,
-      mongoQuery: re
-    } = qe({
-      valueSource: G,
-      entity: "group"
-    }), j = f(() => {
-      const t = (r) => U([r.name, ...Object.values(r.items).flatMap((o) => `${o.code} ${o.name ?? o.fallbackName} ${Be.Dinero.fromFdoDinero(o.price).toFormat()}`), r.type]), e = (r) => !r.customAttributes && !re.value ? !0 : Ye(r.customAttributes ?? {}, re.value);
-      return G.value.filter((r) => t(r) && e(r)).filter((r) => !_.value || r.type === _.value);
-    }), ke = L;
-    De(() => j.value.length, () => {
-      ke("update:count", j.value.length);
-    }, {
-      immediate: !0
-    });
-    const c = f(() => !!a.state.currentCatalogId || !!a.state.currentSchedulerId);
-    function ae(t) {
-      var T, n;
-      const e = !a.state.currentCatalogId, r = !a.state.currentSchedulerId, o = ((T = a.currentCatalog) == null ? void 0 : T.priceTierRules) ?? ((n = a.currentCatalog) == null ? void 0 : n.usePriceTiers), s = a.rules.item.bindToVariant, C = a.rules.group.type, p = a.version === te.enum.v3, M = a.rules.item.orderFromActiveOnly;
-      return {
-        link: (g) => !c.value && (!g || s),
-        name: (g) => !c.value && !g,
-        isDefault: (g) => !c.value,
-        type: C && !t._id && !c.value,
-        price: !p || t.type !== w.enum.DYNAMIC,
-        priceEdit: !(o && o.length > 0 && !p && r),
-        priceTier: !p && r && e,
-        inventory: r ? p ? !c.value && t.type === w.enum.NORMAL : !c.value : !1,
-        orderFrom: (g) => r ? p ? t.type === w.enum.DYNAMIC ? !a.state.currentSchedulerId : !!a.state.currentSchedulerId == !g : !a.state.currentSchedulerId : !1,
-        orderFromActiveOnly: M,
-        showOrderFrom: r ? p ? c.value ? !0 : t.type === w.enum.PRODUCT : !0 : !1,
-        bindToVariant: s,
-        isOverride: c.value,
-        isItemGroup: !1,
-        isV4: !p
-      };
-    }
-    const he = f(() => {
-      const t = !a.state.currentSchedulerId, e = a.rules.group.type, r = a.version === te.enum.v3, o = a.rules.item.orderFromActiveOnly, s = a.rules.item.bindToVariant;
-      return function(p) {
-        return {
-          link: (M) => !c.value && (!M || s),
-          name: (M) => !c.value && !M,
-          isDefault: (M) => !c.value,
-          type: e && !p._id && !c.value,
-          price: p.type !== w.enum.DYNAMIC,
-          priceEdit: !0,
-          priceTier: a.isV4,
-          inventory: t ? r ? !c.value && p.type === w.enum.NORMAL : !c.value : !1,
-          orderFrom: (M) => t ? r ? p.type === w.enum.DYNAMIC ? c.value : !!c.value == !M : c.value : !1,
-          orderFromActiveOnly: o,
-          showOrderFrom: t ? r ? c.value ? !0 : p.type === w.enum.PRODUCT : c.value : !1,
-          bindToVariant: s,
-          isOverride: c.value,
-          isItemGroup: !1,
-          isV4: !r
-        };
-      };
-    }), we = f(() => ({
-      ...je.generator.initMenuV4Group(),
-      type: a.version === te.enum.v4 ? w.enum.PRODUCT : w.enum.NORMAL,
-      items: {},
-      position: a.groups.length - 1,
-      itemsLinked: []
-    })), J = f(() => he.value(we.value).type);
-    function ue(t) {
-      V.value.sortGroups(t);
-    }
-    function Ce(t) {
-      k.open({
-        title: l("menu.group.actions.duplicate.title"),
-        message: l("menu.group.actions.duplicate.message", {
-          name: t.name
-        }),
-        primaryActions: {
-          text: l("menu.common.actions.yes"),
-          close: !0
-        },
-        secondaryActions: {
-          text: l("menu.common.actions.cancel"),
-          close: !0
-        }
-      }).onPrimary(() => V.value.duplicateGroup(t));
-    }
-    const X = f(() => a.currentCatalog), z = f(() => a.currentScheduler), B = f(() => new vt(X.value, a, b.updateMenu, k)), Z = f(() => new at(z.value, a, b.updateMenu, k)), xe = (t) => {
-      let e = t;
-      function r(o) {
-        const C = a.state.menu.modules.group.find((n) => n._id === o._id), p = (o.items ?? []).reduce((n, g) => (n[g._id] = [...n[g._id] || [], g.combinationKey || ""], n), {}), T = (C.items ?? []).filter((n) => {
-          var g;
-          return !((g = p[n._id]) != null && g.includes(n.combinationKey || ""));
-        }).map((n) => ({
-          _id: n._id,
-          combinationKey: n.combinationKey,
-          selection: n.selection
-        })).filter((n) => !!a.mergedMenu.modules.item.find((g) => g._id === n._id));
-        return {
-          ...C,
-          ...Object.fromEntries(Object.entries(o).filter(([, n]) => !!n)),
-          items: [...o.items ?? [], ...T]
-        };
-      }
-      if (c.value) {
-        let o;
-        X.value ? z.value ? o = B.value.getCatalogSchedulerGroup(t._id, z.value._id) : o = B.value.getCatalogGroup(t._id) : o = Z.value.getSchedulerGroup(t._id);
-        const s = r(o);
-        e = new ge(a, b.updateMenu, k).mapGroups([s], !0)[0];
-      }
-      return {
-        group: e,
-        config: ae,
-        categorizedItems: a.categorizedItems
-      };
-    };
-    function Me(t) {
-      k.open({
-        title: l("menu.group.dialogs.delete.title"),
-        contentComponent: kt,
-        contentComponentProps: {
-          group: t
-        },
-        primaryActions: {
-          text: l("menu.common.actions.delete"),
-          close: !0,
-          variant: Xe.Destructive
-        },
-        secondaryActions: {
-          text: l("menu.common.actions.cancel"),
-          close: !0
-        }
-      }).onPrimary(async () => {
-        await V.value.deleteGroup(t);
-      });
-    }
-    function se(t, e) {
-      return Y(rt, {
-        key: t._id,
-        initialValue: t.itemsLinked,
-        group: it(t),
-        editable: v.value.applyProduct,
-        "onApply:product": async (r) => {
-          var o;
-          for (const s of r)
-            if (ct(a.state.menu, t._id, s._id)) {
-              const C = (o = a.state.menu.modules.item.find((p) => p._id === s._id)) == null ? void 0 : o.name;
-              N.open({
-                type: "error",
-                message: l("menu.product.form.group.circularError", {
-                  groupName: t.name,
-                  productName: C
-                })
-              });
-              return;
-            }
-          await V.value.applyItems(t, r.map((s) => s._id));
-        }
-      }, {
-        default: e
-      });
-    }
-    const ie = (t) => {
-      const e = t.group;
-      return se(e, ({
-        trigger: o
-      }) => {
-        const s = [{
-          label: l("menu.common.actions.edit"),
-          onClick: () => me(e)
-        }, {
-          label: l("menu.group.actions.apply_product"),
-          disable: !v.value.applyProduct,
-          onClick: o
-        }, {
-          label: l("menu.group.actions.duplicate_action"),
-          disabled: !v.value.create,
-          onClick: () => Ce(e)
-        }, {
-          label: l("menu.common.actions.delete"),
-          itemClass: "text-fm-color-typo-error",
-          disabled: !v.value.delete,
-          onClick: () => Me(e)
-        }];
-        return i(gt, {
-          class: t.className,
-          items: s
-        }, null);
-      });
-    }, Ae = f(() => [{
-      accessorKey: "name",
-      header: () => l("menu.group.list.columns.name"),
-      enableSorting: !1,
-      cell: (t) => {
-        const e = t.row.original, r = t.getValue();
-        return Y("div", {
-          class: "flex items-center gap-8"
-        }, [Y("span", {
-          class: "break-all"
-        }, r), e.name_locale ? Y(dt, {
-          nameLocale: e.name_locale ?? {}
-        }) : null]);
-      }
-    }, {
-      accessorKey: "items",
-      header: () => l("menu.group.list.columns.products"),
-      enableSorting: !1,
-      cell: (t) => {
-        const e = t.getValue(), r = Object.values(e).map((o) => {
-          var C;
-          const s = [(o == null ? void 0 : o.code) || "", o.name || o.fallbackName].join(" ").trim();
-          return (o.items || []).length > 1 ? `${s} (${l("menu.group.list.variants", {
-            count: (C = o.items) == null ? void 0 : C.length
-          })})` : s;
-        });
-        return r.length > 5 ? `${r.slice(0, 5).join(", ")} ${l("menu.group.list.more_items", {
-          count: r.length - 5
-        })}` : r.join(", ");
-      }
-    }, {
-      accessorKey: "type",
-      header: () => l("menu.group.list.columns.type"),
-      enableSorting: !1,
-      cell: (t) => {
-        const e = t.row.original;
-        return {
-          [w.enum.NORMAL]: l("menu.group.list.types.normal"),
-          [w.enum.PRODUCT]: l("menu.group.list.types.product"),
-          [w.enum.DYNAMIC]: l("menu.group.list.types.dynamic")
-        }[e.type] || "-";
-      },
-      meta: {
-        width: "80px"
-      }
-    }, {
-      id: "tagging",
-      accessorKey: "tagging",
-      header: () => l("menu.product.table.columns.tagging"),
-      enableSorting: !1,
-      size: 140,
-      cell: (t) => {
-        const e = t.row.original;
-        return Y(Ze, {
-          // FIXME:FdoCustomAttribute under "@feedmepos/custom-attributes" is not compatible
-          // with FdoCustomAttribute from "@feedmepos/core", ! mark should be removed when fixed
-          customAttributes: e.customAttributes
-        });
-      }
-    }, {
-      accessorKey: "itemsLinked",
-      header: () => l("menu.group.list.columns.applied_products"),
-      enableSorting: !1,
-      cell: (t) => {
-        const e = t.getValue(), r = l("menu.group.list.items_linked", {
-          count: e.length
-        });
-        return se(t.row.original, ({
-          trigger: o
-        }) => i("div", {
-          class: "w-fit cursor-pointer border-b border-dashed border-fm-color-neutral-gray-300 hover:border-fm-color-neutral-gray-400",
-          onClick: (s) => {
-            s.stopPropagation(), o(s);
-          }
-        }, [r]));
-      }
-    }, {
-      id: "action",
-      meta: {
-        cellClass: "pl-16",
-        headerContentClass: "-mx-16"
-      },
-      cell: (t) => {
-        const e = t.row.original;
-        return ie({
-          group: e,
-          className: "flex justify-end w-full"
-        });
-      }
-    }]), Ge = f(() => {
-      var t;
-      return {
-        itemsLinked: v.value.showAppliedProduct,
-        type: v.value.type,
-        tagging: ((t = I.groupAttributeSettings) == null ? void 0 : t.value.length) > 0
-      };
-    }), Se = async (t) => {
-      const e = mt(t), r = e.group, o = pt(r, ae(t));
-      if (c.value)
-        X.value ? (z.value ? B.value.overrideCatalogSchedulerGroups([o], z.value._id) : B.value.overrideCatalogGroups([o]), await B.value.update()) : (Z.value.overrideSchedulerGroups([o]), await Z.value.update());
-      else {
-        const s = {
-          module: fe.enum.group,
-          operation: Ke.F_OPERATION_TYPE.update,
-          data: o,
-          link: [{
-            module: fe.enum.item,
-            id: "",
-            data: e.linkItems
-          }]
-        };
-        await b.updateMenu(s, o.name);
-      }
-    }, R = P(null), Fe = f(() => xe(R.value)), ce = P(null), me = async (t) => {
-      var e;
-      R.value = lt(t), await de(), (e = ce.value) == null || e.trigger(!0);
-    };
-    function Ve(t) {
-      me(t.original);
-    }
-    const Ie = be(), Ne = f(() => Ie.breakpoints.value.xs), {
-      t: l
-    } = _e(), Oe = f(() => {
-      var t;
-      return ((t = I.groupAttributeSettings) == null ? void 0 : t.value.length) > 0;
-    }), K = P(!1), H = P(null);
-    async function $e() {
-      K.value = !K.value, K.value && (await de(), H.value && H.value.toggleProperty(!0));
-    }
-    const pe = () => v.value.multiScheduler ? i(et, null, {
-      append: () => Oe.value ? i("div", {
-        class: "pl-8 flex items-center justify-center border-l border-fm-color-neutral-gray-200",
-        onClick: (t) => {
-          t.stopPropagation(), $e();
-        }
-      }, [i(Je.FmIcon, {
-        name: "filter_alt",
-        outline: !0,
-        color: "neutral-gray-400",
-        size: "sm"
-      }, null)]) : null
-    }) : null;
-    return (t, e) => {
-      const r = F("fm-button"), o = F("fm-chip"), s = F("fm-menu-item"), C = F("fm-menu"), p = F("fm-search"), M = F("fm-table"), T = F("fm-bottom-sheet");
-      return m(), y(E, null, [R.value ? (m(), $(ut, Re({
-        ref_key: "groupManagerFormRef",
-        ref: ce,
-        key: R.value._id
-      }, Fe.value, {
-        action: "update",
-        title: u(l)("menu.group.dialogs.update.title"),
-        group: R.value,
-        "onUpdate:group": e[0] || (e[0] = (n) => R.value = n),
-        "onSubmit:group": e[1] || (e[1] = (n) => Se(n))
-      }), null, 16, ["title", "group"])) : O("", !0), G.value.length === 0 ? (m(), y("div", ht, [i(ze, {
-        subtitle: u(l)("menu.group.empty.subtitle"),
-        title: u(l)("menu.group.empty.title")
-      }, Te({
-        _: 2
-      }, [v.value.create ? {
-        name: "action",
-        fn: x(() => [i(u(st), null, {
-          default: x(({
-            trigger: n
-          }) => [i(r, {
-            "prepend-icon": "add",
-            label: u(l)("menu.group.actions.add"),
-            onClick: Pe(n, ["stop"])
-          }, null, 8, ["label", "onClick"])]),
-          _: 1
-        })]),
-        key: "0"
-      } : void 0]), 1032, ["subtitle", "title"])])) : (m(), y(E, {
-        key: 2
-      }, [Ne.value ? (m(), y(E, {
-        key: 1
-      }, [d("div", At, [i(p, {
-        autofocus: "",
-        modelValue: u(h),
-        "onUpdate:modelValue": e[9] || (e[9] = (n) => q(h) ? h.value = n : null),
-        placeholder: u(l)("menu.group.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])]), e[17] || (e[17] = d("div", {
-        class: "bg-fm-color-neutral-gray-100 w-full h-px rounded-md"
-      }, null, -1)), d("div", Gt, [i(pe), J.value ? (m(), $(T, {
-        key: 0,
-        modelValue: S.value,
-        "onUpdate:modelValue": e[14] || (e[14] = (n) => S.value = n)
-      }, {
-        "bottom-sheet-button": x(() => [i(o, {
-          label: u(l)("menu.group.type.title", {
-            type: _.value ? u(ee.capitalize)(_.value) : u(l)("menu.common.labels.all")
-          }),
-          class: "text-fm-color-typo-secondary",
-          "right-icon": "keyboard_arrow_down"
-        }, null, 8, ["label"])]),
-        default: x(() => [d("div", null, [d("div", {
-          class: "px-16 py-8",
-          onClick: e[10] || (e[10] = (n) => _.value = null)
-        }, A(u(l)("menu.group.type.all")), 1), d("div", {
-          class: "px-16 py-8",
-          onClick: e[11] || (e[11] = (n) => _.value = "NORMAL")
-        }, A(u(l)("menu.group.type.normal")), 1), d("div", {
-          class: "px-16 py-8",
-          onClick: e[12] || (e[12] = (n) => _.value = "PRODUCT")
-        }, A(u(l)("menu.group.type.product")), 1), d("div", {
-          class: "px-16 py-8",
-          onClick: e[13] || (e[13] = (n) => _.value = "DYNAMIC")
-        }, A(u(l)("menu.group.type.dynamic")), 1)])]),
-        _: 1
-      }, 8, ["modelValue"])) : O("", !0)]), K.value ? (m(), y("div", St, [i(u(ve), {
-        ref_key: "attributeFilterRef",
-        ref: H,
-        attributes: u(le),
-        modelValue: u(D),
-        "onUpdate:modelValue": e[15] || (e[15] = (n) => q(D) ? D.value = n : null)
-      }, null, 8, ["attributes", "modelValue"])])) : O("", !0), i(u(Ee), {
-        class: Q(["flex-1", "overflow-scroll", "divide-y divide-fm-color-neutral-gray-100", "pb-64"]),
-        "model-value": j.value,
-        group: "categories",
-        handle: ".handle",
-        "item-key": "_id",
-        "onUpdate:modelValue": e[16] || (e[16] = (n) => ue(n))
-      }, {
-        item: x(({
-          element: n
-        }) => [(m(), y("div", {
-          key: n._id,
-          class: Q(["py-12 px-16", "flex  space-x-16", "items-center"])
-        }, [d("div", Ft, [d("div", Vt, [d("p", It, A(n.name), 1), d("div", null, [J.value ? (m(), y("p", Nt, A(u(ee.capitalize)(n.type)) + " type ", 1)) : O("", !0), d("p", Ot, A(u(l)("menu.group.list.products_linked", {
-          count: n.itemsLinked.length
-        })), 1)])]), i(ie, {
-          group: n
-        }, null, 8, ["group"])])]))]),
-        _: 1
-      }, 8, ["model-value"])], 64)) : (m(), y("div", wt, [d("div", Ct, [i(pe), J.value ? (m(), $(C, {
-        key: 0
-      }, {
-        "menu-button": x(() => [i(o, {
-          label: u(l)("menu.group.type.title", {
-            type: _.value ? u(ee.capitalize)(_.value) : u(l)("menu.common.labels.all")
-          }),
-          class: "text-fm-color-typo-secondary",
-          "right-icon": "keyboard_arrow_down"
-        }, null, 8, ["label"])]),
-        default: x(() => [d("div", null, [i(s, {
-          class: "px-16 py-8",
-          label: u(l)("menu.group.type.all"),
-          onClick: e[2] || (e[2] = (n) => _.value = null)
-        }, null, 8, ["label"]), i(s, {
-          class: "px-16 py-8",
-          label: u(l)("menu.group.type.normal"),
-          onClick: e[3] || (e[3] = (n) => _.value = "NORMAL")
-        }, null, 8, ["label"]), i(s, {
-          class: "px-16 py-8",
-          label: u(l)("menu.group.type.product"),
-          onClick: e[4] || (e[4] = (n) => _.value = "PRODUCT")
-        }, null, 8, ["label"]), i(s, {
-          class: "px-16 py-8",
-          label: u(l)("menu.group.type.dynamic"),
-          onClick: e[5] || (e[5] = (n) => _.value = "DYNAMIC")
-        }, null, 8, ["label"])])]),
-        _: 1
-      })) : O("", !0), d("div", xt, [i(p, {
-        autofocus: "",
-        modelValue: u(h),
-        "onUpdate:modelValue": e[6] || (e[6] = (n) => q(h) ? h.value = n : null),
-        placeholder: u(l)("menu.group.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])])]), K.value ? (m(), y("div", Mt, [i(u(ve), {
-        ref_key: "attributeFilterRef",
-        ref: H,
-        attributes: u(le),
-        modelValue: u(D),
-        "onUpdate:modelValue": e[7] || (e[7] = (n) => q(D) ? D.value = n : null)
-      }, null, 8, ["attributes", "modelValue"])])) : O("", !0), i(tt, null, {
-        default: x(() => [i(M, {
-          "column-defs": Ae.value,
-          "column-visibility": Ge.value,
-          loading: u(b).checkMenuIsLoading(),
-          "page-size": j.value.length,
-          "row-data": j.value,
-          "shrink-at": !1,
-          class: "flex-1 overflow-hidden",
-          draggable: "",
-          "hide-footer": "",
-          "pin-header-row": "",
-          onRowClick: Ve,
-          onDndChanged: e[8] || (e[8] = (n) => ue(n))
-        }, null, 8, ["column-defs", "column-visibility", "loading", "page-size", "row-data"])]),
-        _: 1
-      })]))], 64))], 64);
-    };
-  }
-});
-export {
-  Wt as _
-};