@feedmepos/mf-menu 0.31.33-beta.1 → 0.31.33-beta.6

package/dist/Group.vue_vue_type_script_setup_true_lang-vk1J9IxK.js

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