@feedmepos/mf-menu 0.32.44 → 0.32.45

package/dist/{catalog-CvN9Wu8V.js → catalog-D7Jjqj3-.js}

@@ -1,4 +1,4 @@
-import { u as h, A as n, M as d, al as _ } from "./index.vue_vue_type_script_setup_true_lang-YXKayPEp.js";
+import { u as h, A as n, M as d, al as _ } from "./index.vue_vue_type_script_setup_true_lang-C6IVvAua.js";
 import "@feedmepos/ui-library";
 class u {
   constructor(t, e, r, a) {

package/dist/{catalogSetting-qS5Np22q.js → catalogSetting-Bg_zMUrV.js}

@@ -1,4 +1,4 @@
-import { A as u, I as i } from "./index.vue_vue_type_script_setup_true_lang-YXKayPEp.js";
+import { A as u, I as i } from "./index.vue_vue_type_script_setup_true_lang-C6IVvAua.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-Nxod6uwl.js → currency-DDxFMjAI.js}

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

package/dist/{dayjs.min-B1AjAGva.js → dayjs.min-BVOO8wJG.js}

@@ -1,4 +1,4 @@
-import { g as a, am as r } from "./index.vue_vue_type_script_setup_true_lang-YXKayPEp.js";
+import { g as a, am as r } from "./index.vue_vue_type_script_setup_true_lang-C6IVvAua.js";
 var s = r();
 const t = /* @__PURE__ */ a(s);
 export {

package/dist/{index-Cq-czJjU.js → index-BlLRjkMF.js}

@@ -1,15 +1,15 @@
-import { B as $, A as Z, u as G, I as Q, D as A, J as X } from "./index.vue_vue_type_script_setup_true_lang-YXKayPEp.js";
+import { B as $, A as Z, u as G, I as Q, D as A, J as X } from "./index.vue_vue_type_script_setup_true_lang-C6IVvAua.js";
 import { defineComponent as R, ref as h, computed as _, watch as j, onMounted as ee, onBeforeUnmount as ae, resolveComponent as x, createBlock as J, openBlock as L, withModifiers as q, withCtx as k, renderSlot as P, createElementBlock as I, Fragment as K, 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-t8M7z09s.js";
+import { _ as oe } from "./RuleView.vue_vue_type_script_setup_true_lang-CRLzqgQe.js";
 import { u as ie } from "./discardConfirm-BHni0LNu.js";
-import { _ as re } from "./ApplyProduct.vue_vue_type_script_setup_true_lang-BoSL4dm7.js";
-import { _ as ue } from "./TranslationSideSheet.vue_vue_type_script_setup_true_lang-CcIGCUwk.js";
+import { _ as re } from "./ApplyProduct.vue_vue_type_script_setup_true_lang-BscsJpMV.js";
+import { _ as ue } from "./TranslationSideSheet.vue_vue_type_script_setup_true_lang-DtkzQeq4.js";
 import { c as se } from "./check-C9mY6LiX.js";
-import { f as me } from "./currency-Nxod6uwl.js";
+import { f as me } from "./currency-DDxFMjAI.js";
 import { c as de } from "./string-DpfFixWH.js";
-import { g as z } from "./translation-Cdap0IVg.js";
+import { g as z } from "./TranslationFieldSection.vue_vue_type_script_setup_true_lang-BpL8UrFY.js";
 const pe = /* @__PURE__ */ R({
   __name: "CurrencyInput",
   props: {
@@ -195,9 +195,10 @@ const ce = { class: "fm-typo-en-title-md-600" }, fe = { class: "space-y-32" }, v
       () => u.value = !1
     );
     function Y() {
+      const a = s.value;
       E("update:takeaway", {
         ...e.value,
-        ...s.value && { name_locale: s.value }
+        name_locale: a
       }), D(!1);
     }
     return j(

package/dist/{index-nKlYiotY.js → index-CG7GFWlC.js}

@@ -1,7 +1,7 @@
 import { defineComponent as W, ref as A, resolveComponent as v, createElementBlock as E, openBlock as I, Fragment as B, createElementVNode as g, createVNode as c, normalizeClass as T, withCtx as _, toDisplayString as S, unref as i, h as G, watch as O, onMounted as K, nextTick as M, readonly as N, getCurrentInstance as U, getCurrentScope as L, onScopeDispose as $ } from "vue";
 import { useI18n as q, useCustomAttributes as H, useCoreStore as J } from "@feedmepos/mf-common";
 import { components as Q } from "@feedmepos/ui-library";
-import { d as X, _ as k } from "./RuleView.vue_vue_type_script_setup_true_lang-t8M7z09s.js";
+import { d as X, _ as k } from "./RuleView.vue_vue_type_script_setup_true_lang-CRLzqgQe.js";
 const Y = {
   class: /* @__PURE__ */ T(["fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap", "text-fm-color-neutral-gray-400"])
 }, Z = {

package/dist/index-Cq2MVpMv.js

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