@feedmepos/mf-menu 0.32.42-dev.3 → 0.32.43-dev.1

package/dist/{catalog-CXcQ-QmP.js → catalog-Bs3SNL7n.js}

@@ -1,4 +1,4 @@
-import { u as h, y as n, J as d, ai as _ } from "./index.vue_vue_type_script_setup_true_lang-CA1qH7Vf.js";
+import { u as h, y as n, J as d, ai as _ } from "./index.vue_vue_type_script_setup_true_lang-DotsunNI.js";
 import "@feedmepos/ui-library";
 class u {
   constructor(t, e, r, a) {

package/dist/{catalogSetting-DnUHD0I1.js → catalogSetting-BN4d_FvT.js}

@@ -1,4 +1,4 @@
-import { y as u, G as i } from "./index.vue_vue_type_script_setup_true_lang-CA1qH7Vf.js";
+import { y as u, G as i } from "./index.vue_vue_type_script_setup_true_lang-DotsunNI.js";
 var a = /* @__PURE__ */ ((e) => (e.AUTO = "auto", e.MANUAL = "manual", e))(a || {}), m = /* @__PURE__ */ ((e) => (e[e.Normal = 0] = "Normal", e[e.Rules = 1] = "Rules", e))(m || {});
 class s {
   static fromCatalog(r, n) {

package/dist/{currency-CwtLEvAZ.js → currency-Cma3AX0v.js}

@@ -1,4 +1,4 @@
-import { z as e } from "./index.vue_vue_type_script_setup_true_lang-CA1qH7Vf.js";
+import { z as e } from "./index.vue_vue_type_script_setup_true_lang-DotsunNI.js";
 function n(r, o = !0) {
   return e.Dinero.fromFdoDinero(r).toFormat(o).replaceAll(" ", "");
 }

package/dist/{dayjs.min-BgQgGKeN.js → dayjs.min-D-HR3H5W.js}

@@ -1,5 +1,5 @@
-import { g as r } from "./app-B6laFmet.js";
-import { aj as a } from "./index.vue_vue_type_script_setup_true_lang-CA1qH7Vf.js";
+import { g as r } from "./app-0m01R0SM.js";
+import { aj as a } from "./index.vue_vue_type_script_setup_true_lang-DotsunNI.js";
 var o = a();
 const m = /* @__PURE__ */ r(o);
 export {

package/dist/{index-Cx1Nqii7.js → index-3wsuY29D.js}

@@ -1,15 +1,15 @@
-import { z as $, y as Y, u as Z, G as Q, A as z, H as X } from "./index.vue_vue_type_script_setup_true_lang-CA1qH7Vf.js";
+import { z as $, y as Y, u as Z, G as Q, A as z, H as X } from "./index.vue_vue_type_script_setup_true_lang-DotsunNI.js";
 import { defineComponent as R, ref as h, computed as _, watch as j, onMounted as ee, onBeforeUnmount as ae, resolveComponent as x, createBlock as H, openBlock as L, withModifiers as q, withCtx as k, renderSlot as P, createElementBlock as I, Fragment as A, createVNode as v, unref as i, createElementVNode as U, createCommentVNode as te, renderList as le, toDisplayString as O } from "vue";
 import { useI18n as W } from "@feedmepos/mf-common";
 import { components as ne } from "@feedmepos/ui-library";
-import { _ as oe } from "./RuleView.vue_vue_type_script_setup_true_lang-CPMCeAK9.js";
+import { _ as oe } from "./RuleView.vue_vue_type_script_setup_true_lang-roEHTZnU.js";
 import { u as ie } from "./discardConfirm-BHni0LNu.js";
-import { _ as re } from "./ApplyProduct.vue_vue_type_script_setup_true_lang-AIw0Zgzf.js";
-import { _ as ue } from "./TranslationSideSheet.vue_vue_type_script_setup_true_lang-CXGsdChM.js";
+import { _ as re } from "./ApplyProduct.vue_vue_type_script_setup_true_lang-CVs7MfmX.js";
+import { _ as ue } from "./TranslationSideSheet.vue_vue_type_script_setup_true_lang-DZp38dX4.js";
 import { c as se } from "./check-C9mY6LiX.js";
-import { f as me } from "./currency-CwtLEvAZ.js";
+import { f as me } from "./currency-Cma3AX0v.js";
 import { c as de } from "./string-DpfFixWH.js";
-import { g as K } from "./translation-Cdap0IVg.js";
+import { g as K } from "./translation-BCZ1Ruvv.js";
 const pe = /* @__PURE__ */ R({
   __name: "CurrencyInput",
   props: {

package/dist/index-DXY5zcNA.js

@@ -0,0 +1,545 @@
+import { defineComponent as re, ref as p, computed as z, watch as ae, resolveComponent as $, createBlock as K, openBlock as f, unref as l, withCtx as C, createElementVNode as n, toDisplayString as x, createElementBlock as _, createCommentVNode as F, Fragment as I, renderList as B, createVNode as u, normalizeClass as te, renderSlot as me, createSlots as ve } from "vue";
+import { H as U, O as fe, B as pe, G as q, A as le, J as ne, y as oe } from "./index.vue_vue_type_script_setup_true_lang-DotsunNI.js";
+import { d as _e } from "./vuedraggable-CK8z7qA8.js";
+import { useI18n as de, ALL_LOCALE_OPTIONS as D } from "@feedmepos/mf-common";
+import { useSnackbar as ye, components as he } from "@feedmepos/ui-library";
+import { _ as be } from "./FormItem.vue_vue_type_script_setup_true_lang-BmPAVphe.js";
+import { _ as ge } from "./RuleView.vue_vue_type_script_setup_true_lang-roEHTZnU.js";
+import { u as ce } from "./discardConfirm-BHni0LNu.js";
+import { _ as xe } from "./ApplyProduct.vue_vue_type_script_setup_true_lang-CVs7MfmX.js";
+import { g as R, a as ee, _ as se, b as ie } from "./translation-BCZ1Ruvv.js";
+import { c as Ve } from "./check-C9mY6LiX.js";
+const ke = { class: "fm-typo-en-title-md-600" }, Ce = { class: "pt-8 space-y-24" }, Ee = { class: "flex flex-col gap-8" }, Oe = { class: "text-fm-color-typo-primary fm-typo-en-body-lg-600" }, we = { class: "flex items-center gap-8 flex-wrap" }, Ue = { class: "w-24 h-24 rounded-full bg-fm-color-primary-oats text-fm-color-primary flex items-center justify-center fm-typo-en-body-sm-600" }, $e = { class: "fm-typo-en-body-md-600" }, Ne = ["onClick"], Le = { class: "flex items-center gap-8" }, je = { class: "w-24 h-24 rounded-full bg-fm-color-opacity-sm flex items-center justify-center fm-typo-en-body-sm-600" }, Se = { class: "fm-typo-en-body-md-400" }, Te = { class: "flex flex-col gap-16 border p-16 rounded-lg" }, Fe = { class: "fm-typo-en-body-lg-600" }, De = {
+  key: 0,
+  class: "flex flex-col gap-32 pl-32"
+}, Ie = {
+  key: 0,
+  class: "space-y-8"
+}, Me = { class: "flex w-[100px] items-center gap-8" }, Ae = { class: "w-24 h-24 rounded-full bg-fm-color-opacity-sm flex items-center justify-center fm-typo-en-body-sm-600" }, Be = { class: "fm-typo-en-body-md-400" }, qe = { class: "flex-1" }, ze = { class: "flex flex-col gap-16 border p-16 rounded-lg" }, Pe = { class: "fm-typo-en-body-lg-600" }, Ye = {
+  key: 0,
+  class: "flex flex-col gap-32 pl-32"
+}, Ge = { class: "fm-typo-en-body-md-600 text-fm-color-primary border border-fm-color-primary inline-block rounded-md px-8 py-4" }, Re = { class: "space-y-32" }, Ke = {
+  key: 0,
+  class: "space-y-8"
+}, He = { class: "flex w-[100px] items-center gap-8" }, Je = { class: "w-24 h-24 rounded-full bg-fm-color-opacity-sm flex items-center justify-center fm-typo-en-body-sm-600" }, Qe = { class: "fm-typo-en-body-md-400" }, We = { class: "flex-1" }, Xe = { class: "flex gap-8 items-center justify-start" }, Ze = /* @__PURE__ */ re({
+  __name: "ProductVariantTranslation",
+  props: {
+    modelValue: { type: Boolean },
+    variant: {},
+    expandSection: { default: "variant" }
+  },
+  emits: ["update:modelValue", "update:variant"],
+  setup(H, { emit: J }) {
+    const v = H, T = J, { t: d } = de(), N = p(!1), L = p(!1), y = p([]), s = p([]), V = p({}), E = p({}), O = p(""), M = p(""), h = p({}), A = p({}), j = p({}), P = p({}), Q = z(() => v.variant.options.map((o, e) => ({
+      ...o,
+      optionIndex: e + 1
+    })).filter((o) => o.name.trim() !== ""));
+    function Y() {
+      const o = /* @__PURE__ */ new Set();
+      v.variant.name_locale && Object.keys(v.variant.name_locale).forEach((i) => o.add(i)), v.variant.options.forEach((i) => {
+        i.name_locale && Object.keys(i.name_locale).forEach((k) => o.add(k));
+      });
+      const e = Array.from(o).map((i) => {
+        const k = D.find((t) => t.code === i);
+        return {
+          localeCode: i,
+          localeName: (k == null ? void 0 : k.name) || i,
+          value: ""
+          // Not used for language selection
+        };
+      });
+      y.value = e;
+      const r = {};
+      v.variant.name_locale && Object.entries(v.variant.name_locale).forEach(([i, k]) => {
+        r[i] = k;
+      }), V.value = r, O.value = v.variant.name;
+      const m = {}, g = {};
+      v.variant.options.forEach((i) => {
+        m[i._id] = {}, i.name_locale && Object.entries(i.name_locale).forEach(([k, t]) => {
+          m[i._id][k] = t;
+        }), g[i._id] = i.name;
+      }), h.value = m, j.value = g;
+    }
+    ae(
+      () => [v.modelValue, v.variant, v.expandSection],
+      ([o, , e]) => {
+        o && (Y(), s.value = U.clone(y.value), E.value = U.clone(V.value), M.value = O.value, A.value = U.clone(h.value), P.value = U.clone(j.value), e === "variant" ? (N.value = !0, L.value = !1) : (N.value = !1, L.value = !0));
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const G = z(() => {
+      const o = new Set(y.value.map((e) => e.localeCode));
+      return D.filter((e) => !o.has(e.code)).map((e) => ({
+        code: e.code,
+        name: e.name,
+        icon: R(e.code)
+      }));
+    });
+    function W(o) {
+      const e = D.find((r) => r.code === o);
+      e && (y.value.push({
+        localeCode: e.code,
+        localeName: e.name,
+        value: ""
+      }), V.value[e.code] || (V.value[e.code] = ""), Object.keys(h.value).forEach((r) => {
+        h.value[r][e.code] || (h.value[r][e.code] = "");
+      }));
+    }
+    function X(o) {
+      y.value = y.value.filter((e) => e.localeCode !== o), delete V.value[o], Object.keys(h.value).forEach((e) => {
+        delete h.value[e][o];
+      });
+    }
+    function Z() {
+      return !U.isEqual(y.value, s.value) || !U.isEqual(V.value, E.value) || O.value !== M.value || !U.isEqual(h.value, A.value) || !U.isEqual(j.value, P.value);
+    }
+    function a() {
+      const o = U.clone(v.variant);
+      O.value !== void 0 && (o.name = O.value);
+      const e = {};
+      Object.entries(V.value).forEach(([r, m]) => {
+        m && m.trim() && (e[r] = m.trim());
+      }), Object.keys(e).length > 0 ? o.name_locale = e : delete o.name_locale, o.options.forEach((r) => {
+        const m = j.value[r._id];
+        m !== void 0 && (r.name = m);
+        const g = h.value[r._id];
+        if (g && Object.keys(g).length > 0) {
+          const i = {};
+          Object.entries(g).forEach(([k, t]) => {
+            t && t.trim() && (i[k] = t.trim());
+          }), Object.keys(i).length > 0 ? r.name_locale = i : delete r.name_locale;
+        } else
+          delete r.name_locale;
+      }), T("update:variant", o), T("update:modelValue", !1);
+    }
+    function c() {
+      T("update:modelValue", !1);
+    }
+    const b = ce(Z, c), S = z({
+      get: () => v.modelValue,
+      set: (o) => T("update:modelValue", o)
+    });
+    return (o, e) => {
+      const r = $("FmIcon"), m = $("fm-button"), g = $("FmMenu"), i = $("fm-text-field"), k = $("fm-side-sheet");
+      return f(), K(k, {
+        modelValue: S.value,
+        "onUpdate:modelValue": e[3] || (e[3] = (t) => S.value = t),
+        "max-width": 720,
+        "onOn:clickedAway": l(b)
+      }, {
+        "side-sheet-header": C(() => [
+          n("p", ke, x(l(d)("menu.variant.form.translation.title")), 1)
+        ]),
+        "side-sheet-footer": C(() => [
+          n("div", Xe, [
+            u(m, {
+              label: l(d)("common.save"),
+              size: "lg",
+              variant: "primary",
+              onClick: a
+            }, null, 8, ["label"]),
+            u(m, {
+              label: l(d)("common.cancel"),
+              size: "lg",
+              variant: "tertiary",
+              onClick: l(b)
+            }, null, 8, ["label", "onClick"])
+          ])
+        ]),
+        default: C(() => [
+          n("div", Ce, [
+            n("div", Ee, [
+              n("p", Oe, x(l(d)("menu.variant.form.translation.language")), 1),
+              n("div", we, [
+                (f(!0), _(I, null, B(y.value, (t) => (f(), _("div", {
+                  key: t.localeCode,
+                  class: "flex items-center gap-8 p-8 border border-fm-color-primary text-fm-color-primary rounded-full"
+                }, [
+                  n("div", Ue, x(l(R)(t.localeCode)), 1),
+                  n("span", $e, x(l(ee)(t.localeCode, l(D))), 1),
+                  u(r, {
+                    name: "close",
+                    class: "cursor-pointer",
+                    variant: "secondary",
+                    onClick: (w) => X(t.localeCode)
+                  }, null, 8, ["onClick"])
+                ]))), 128)),
+                G.value.length > 0 ? (f(), K(g, { key: 0 }, {
+                  "menu-button": C(() => [
+                    u(m, {
+                      variant: "secondary",
+                      "border-color": "neutral-gray-300",
+                      "text-color": "neutral-gray-400",
+                      icon: "add"
+                    })
+                  ]),
+                  default: C(() => [
+                    (f(!0), _(I, null, B(G.value, (t) => (f(), _("div", {
+                      key: t.code,
+                      class: "p-12 cursor-pointer hover:bg-fm-color-opacity-md rounded-sm",
+                      onClick: (w) => W(t.code)
+                    }, [
+                      n("div", Le, [
+                        n("div", je, x(t.icon), 1),
+                        n("span", Se, x(t.name), 1)
+                      ])
+                    ], 8, Ne))), 128))
+                  ]),
+                  _: 1
+                })) : F("", !0)
+              ])
+            ]),
+            n("div", Te, [
+              n("div", {
+                class: "flex items-center gap-16 cursor-pointer",
+                onClick: e[0] || (e[0] = (t) => N.value = !N.value)
+              }, [
+                u(r, {
+                  name: "keyboard_arrow_down",
+                  class: te(["transition-transform", N.value ? "transform rotate-180" : ""])
+                }, null, 8, ["class"]),
+                n("p", Fe, x(l(d)("menu.variant.form.translation.variant_name")), 1)
+              ]),
+              N.value ? (f(), _("div", De, [
+                u(se, {
+                  label: l(d)("menu.variant.form.translation.default"),
+                  modelValue: O.value,
+                  "onUpdate:modelValue": e[1] || (e[1] = (t) => O.value = t)
+                }, null, 8, ["label", "modelValue"]),
+                y.value.length > 0 ? (f(), _("div", Ie, [
+                  u(ie, {
+                    label: l(d)("menu.variant.form.translation.translation")
+                  }, null, 8, ["label"]),
+                  (f(!0), _(I, null, B(y.value, (t) => (f(), _("div", {
+                    key: t.localeCode,
+                    class: "flex items-center gap-16"
+                  }, [
+                    n("div", Me, [
+                      n("div", Ae, x(l(R)(t.localeCode)), 1),
+                      n("span", Be, x(l(ee)(t.localeCode, l(D))), 1)
+                    ]),
+                    n("div", qe, [
+                      u(i, {
+                        modelValue: V.value[t.localeCode],
+                        "onUpdate:modelValue": (w) => V.value[t.localeCode] = w,
+                        placeholder: o.variant.name
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
+                    ])
+                  ]))), 128))
+                ])) : F("", !0)
+              ])) : F("", !0)
+            ]),
+            n("div", ze, [
+              n("div", {
+                class: "flex items-center gap-16 cursor-pointer",
+                onClick: e[2] || (e[2] = (t) => L.value = !L.value)
+              }, [
+                u(r, {
+                  name: "keyboard_arrow_down",
+                  class: te(["transition-transform", L.value ? "transform rotate-180" : ""])
+                }, null, 8, ["class"]),
+                n("p", Pe, x(l(d)("menu.variant.form.translation.option_value")), 1)
+              ]),
+              L.value ? (f(), _("div", Ye, [
+                (f(!0), _(I, null, B(Q.value, (t) => (f(), _("div", {
+                  key: t._id,
+                  class: "space-y-8"
+                }, [
+                  n("p", Ge, x(l(d)("menu.variant.form.translation.option", { number: t.optionIndex })), 1),
+                  n("div", Re, [
+                    u(se, {
+                      label: l(d)("menu.variant.form.translation.default"),
+                      modelValue: j.value[t._id],
+                      "onUpdate:modelValue": (w) => j.value[t._id] = w,
+                      spacing: "sm"
+                    }, null, 8, ["label", "modelValue", "onUpdate:modelValue"]),
+                    y.value.length > 0 ? (f(), _("div", Ke, [
+                      u(ie, {
+                        label: l(d)("menu.variant.form.translation.translation"),
+                        spacing: "sm"
+                      }, null, 8, ["label"]),
+                      (f(!0), _(I, null, B(y.value, (w) => (f(), _("div", {
+                        key: w.localeCode,
+                        class: "flex items-center gap-16"
+                      }, [
+                        n("div", He, [
+                          n("div", Je, x(l(R)(w.localeCode)), 1),
+                          n("span", Qe, x(l(ee)(w.localeCode, l(D))), 1)
+                        ]),
+                        n("div", We, [
+                          u(i, {
+                            modelValue: h.value[t._id][w.localeCode],
+                            "onUpdate:modelValue": (ue) => h.value[t._id][w.localeCode] = ue,
+                            placeholder: t.name
+                          }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
+                        ])
+                      ]))), 128))
+                    ])) : F("", !0)
+                  ])
+                ]))), 128))
+              ])) : F("", !0)
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "onOn:clickedAway"]);
+    };
+  }
+}), ea = { class: "fm-typo-en-title-md-600" }, aa = { class: "py-16 space-y-32" }, ta = ["data-not-allow-sort"], la = {
+  key: 1,
+  class: "w-24"
+}, na = { class: "flex-1" }, oa = { class: "flex items-center gap-8" }, sa = { class: "flex gap-8 items-center justify-start" }, ia = /* @__PURE__ */ re({
+  __name: "Form",
+  props: {
+    initialValue: {}
+  },
+  setup(H, { expose: J }) {
+    const v = H, T = fe(pe(ye())), { t: d } = de(), N = z(
+      () => v.initialValue ? d("menu.variant.form.title.edit") : d("menu.variant.form.title.add")
+    ), L = z(() => v.initialValue ? "Update" : "Add"), y = () => {
+      if (v.initialValue) {
+        const a = q(v.initialValue);
+        return a.options.push({
+          _id: (/* @__PURE__ */ new Date()).toISOString(),
+          name: ""
+        }), a;
+      } else
+        return { ...le.generator.initMenuV4VariantGroup(), usedBy: [] };
+    }, s = p(y()), V = p(!1), E = p(!1), O = p(!1), M = p("variant"), h = (a) => {
+      Ve.isBoolean(a) ? E.value = a : E.value = !E.value;
+    };
+    function A(a) {
+      M.value = a, O.value = !0;
+    }
+    function j(a) {
+      s.value = a;
+    }
+    function P(a) {
+      s.value.options = a;
+    }
+    function Q(a, c) {
+      const b = q(s.value.options), S = b.findIndex((o) => o._id == a);
+      b[S].name = c, s.value.options = b, S === s.value.options.length - 1 && Y();
+    }
+    function Y() {
+      const a = q(s.value.options);
+      s.value.options = [
+        ...a,
+        {
+          _id: (/* @__PURE__ */ new Date()).toISOString(),
+          name: ""
+        }
+      ];
+    }
+    function G(a) {
+      const c = q(s.value.options);
+      s.value.options = c.filter((b) => b._id !== a);
+    }
+    ae(
+      () => s.value.options,
+      (a) => {
+        a.length <= 0 && Y();
+      },
+      {
+        immediate: !0
+      }
+    );
+    function W(a) {
+      const c = a.draggedContext.futureIndex, b = a.relatedContext.list;
+      return c !== b.length - 1;
+    }
+    const X = ce(
+      () => {
+        if (v.initialValue) {
+          const a = s.value.options.filter((c) => !!c.name.trim());
+          return !U.isEqual({ ...s.value, options: a }, v.initialValue);
+        } else
+          return !!(s.value.options.length > 1 || s.value.name.trim());
+      },
+      () => {
+        E.value = !1;
+      }
+    ), Z = async () => {
+      try {
+        V.value = !0;
+        const a = q(s.value);
+        a.options = a.options.filter((c) => !!c.name.trim()), v.initialValue ? await T.updateMenu(
+          {
+            module: oe.F_MENU_MODULE_V4_KEY.enum.variant,
+            operation: ne.F_OPERATION_TYPE.update,
+            data: a
+          },
+          a.name
+        ) : await T.updateMenu(
+          {
+            module: oe.F_MENU_MODULE_V4_KEY.enum.variant,
+            operation: ne.F_OPERATION_TYPE.create,
+            data: a
+          },
+          a.name
+        ), h(!1), s.value = { ...le.generator.initMenuV4VariantGroup(), usedBy: [] };
+      } finally {
+        V.value = !1;
+      }
+    };
+    return ae(
+      () => E.value,
+      (a) => {
+        a && (s.value = y());
+      }
+    ), J({
+      show: E,
+      trigger: h
+    }), (a, c) => {
+      const b = $("fm-icon"), S = $("fm-text-field"), o = $("fm-button"), e = $("fm-side-sheet");
+      return f(), _(I, null, [
+        me(a.$slots, "default", { trigger: h }),
+        u(e, {
+          id: "variant-form",
+          modelValue: E.value,
+          "onUpdate:modelValue": c[4] || (c[4] = (r) => E.value = r),
+          "is-container": l(he).FmForm,
+          "is-container-props": {
+            onValidationSuccess: Z,
+            blameFormChildOnValidationFailed: !0
+          },
+          "max-width": 560,
+          "onOn:clickedAway": l(X)
+        }, {
+          "side-sheet-header": C(() => [
+            n("p", ea, x(N.value), 1)
+          ]),
+          "side-sheet-footer": C(() => [
+            n("div", sa, [
+              u(o, {
+                label: L.value,
+                loading: V.value,
+                size: "lg",
+                type: "submit",
+                variant: "primary"
+              }, null, 8, ["label", "loading"]),
+              u(o, {
+                label: l(d)("menu.common.actions.cancel"),
+                size: "lg",
+                variant: "tertiary",
+                onClick: c[3] || (c[3] = () => E.value = !1)
+              }, null, 8, ["label"])
+            ])
+          ]),
+          default: C(() => {
+            var r;
+            return [
+              n("div", aa, [
+                u(ge, {
+                  title: l(d)("menu.variant.form.detail")
+                }, {
+                  default: C(() => [
+                    u(S, {
+                      autofocus: "",
+                      label: l(d)("menu.variant.form.name.label"),
+                      "helper-text": l(d)("menu.variant.form.name.helper"),
+                      modelValue: s.value.name,
+                      "onUpdate:modelValue": c[1] || (c[1] = (m) => s.value.name = m),
+                      rules: [(m) => !!m || l(d)("menu.variant.form.name.required")],
+                      placeholder: l(d)("menu.variant.form.name.placeholder")
+                    }, {
+                      append: C(() => [
+                        u(b, {
+                          name: "g_translate",
+                          class: "cursor-pointer",
+                          onClick: c[0] || (c[0] = (m) => A("variant"))
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["label", "helper-text", "modelValue", "rules", "placeholder"]),
+                    u(be, {
+                      label: l(d)("menu.variant.form.options.title")
+                    }, {
+                      default: C(() => [
+                        n("div", null, [
+                          u(l(_e), {
+                            "model-value": s.value.options,
+                            move: W,
+                            class: "space-y-16",
+                            group: "categories",
+                            handle: ".handle",
+                            "item-key": "_id",
+                            "onUpdate:modelValue": P
+                          }, {
+                            item: C(({ element: m, index: g }) => [
+                              n("div", {
+                                class: te(["flex items-center", "space-x-8"]),
+                                "data-not-allow-sort": g === s.value.options.length - 1
+                              }, [
+                                g !== s.value.options.length - 1 ? (f(), K(b, {
+                                  key: 0,
+                                  class: "handle",
+                                  name: "drag_handle"
+                                })) : g > 0 ? (f(), _("div", la)) : F("", !0),
+                                n("div", na, [
+                                  u(S, {
+                                    "model-value": m.name,
+                                    rules: [
+                                      () => !!s.value.options.length || l(d)("menu.variant.form.options.min_required"),
+                                      (i) => g === s.value.options.length - 1 || i ? !0 : l(d)("menu.variant.form.options.name_required")
+                                    ],
+                                    class: "flex-1",
+                                    placeholder: l(d)("menu.variant.form.options.placeholder"),
+                                    "onUpdate:modelValue": (i) => Q(m._id, i)
+                                  }, ve({ _: 2 }, [
+                                    g !== s.value.options.length - 1 ? {
+                                      name: "append",
+                                      fn: C(() => [
+                                        n("div", oa, [
+                                          u(b, {
+                                            name: "g_translate",
+                                            class: "cursor-pointer",
+                                            onClick: c[2] || (c[2] = (i) => A("options"))
+                                          }),
+                                          u(b, {
+                                            name: "close",
+                                            onClick: (i) => G(m._id)
+                                          }, null, 8, ["onClick"])
+                                        ])
+                                      ]),
+                                      key: "0"
+                                    } : void 0
+                                  ]), 1032, ["model-value", "rules", "placeholder", "onUpdate:modelValue"])
+                                ])
+                              ], 8, ta)
+                            ]),
+                            _: 1
+                          }, 8, ["model-value"])
+                        ])
+                      ]),
+                      _: 1
+                    }, 8, ["label"])
+                  ]),
+                  _: 1
+                }, 8, ["title"]),
+                (r = s.value.usedBy) != null && r.length ? (f(), K(xe, {
+                  key: 0,
+                  editable: !1,
+                  overrides: s.value.usedBy || [],
+                  "select-variant": !1,
+                  title: l(d)("menu.variant.form.applied_product")
+                }, null, 8, ["overrides", "title"])) : F("", !0)
+              ])
+            ];
+          }),
+          _: 1
+        }, 8, ["modelValue", "is-container", "is-container-props", "onOn:clickedAway"]),
+        u(Ze, {
+          modelValue: O.value,
+          "onUpdate:modelValue": c[5] || (c[5] = (r) => O.value = r),
+          variant: s.value,
+          "expand-section": M.value,
+          "onUpdate:variant": j
+        }, null, 8, ["modelValue", "variant", "expand-section"])
+      ], 64);
+    };
+  }
+}), ba = ia;
+export {
+  ba as V
+};