@feedmepos/mf-menu 0.31.51-beta.1 → 0.31.52-beta.1

package/dist/{TreeEditorOpenner.vue_vue_type_script_setup_true_lang-Bkvg9n_Y.js → TreeEditorOpenner.vue_vue_type_script_setup_true_lang-734F0DDo.js}

@@ -1,30 +1,30 @@
-import { computed as D, shallowRef as Wt, ref as H, watch as ye, nextTick as nt, getCurrentInstance as xn, onMounted as Ae, defineComponent as ae, resolveComponent as W, createElementBlock as J, openBlock as $, createBlock as q, normalizeClass as fe, createElementVNode as A, createVNode as C, unref as o, withCtx as B, toDisplayString as ge, mergeModels as Ht, useModel as qt, createCommentVNode as X, resolveDirective as Xt, withDirectives as ft, createTextVNode as Sn, renderSlot as Me, h as ve, Fragment as Oe, renderList as Ne, vShow as Jt, withModifiers as qe, createSlots as Fn, onBeforeUnmount as Ot, watchEffect as On, onUnmounted as Dn, normalizeStyle as ct, mergeProps as Vn, normalizeProps as $n, guardReactiveProps as Pn, Teleport as Un, Transition as Rn, withKeys as Mn } from "vue";
-import { g as An, o as Nn, f as Ln, a as Gn, n as Qt, _ as Zt, I as Kn, S as Bn, b as Dt, C as zn, R as We, c as en, d as Et, e as tn, h as Yn, m as jn, F as Wn, M as nn, j as Hn, r as qn, k as on, l as Nt, p as rn, q as Xn, P as Jn, s as Qn, t as an, u as Zn, T as Be } from "./item-chcJdZaJ.js";
-import { _ as eo, T as to } from "./app-CjXgTr4z.js";
-import { B as be, J as _e, A as te, G as ot, K as no, M as oo, N as ro, O as Vt, P as ao, D as Le, Q as lo, H as me, R as io, T as $t, I as ke, U as vt, V as so, W as uo, X as bt, Y as Lt, Z as co, u as ln, $ as mo } from "./menu-Bf2WmNLJ.js";
+import { computed as D, shallowRef as Wt, ref as q, watch as ye, nextTick as nt, getCurrentInstance as xn, onMounted as Ae, defineComponent as ae, resolveComponent as W, createElementBlock as J, openBlock as $, createBlock as H, normalizeClass as fe, createElementVNode as A, createVNode as C, unref as o, withCtx as B, toDisplayString as ge, mergeModels as qt, useModel as Ht, createCommentVNode as X, resolveDirective as Xt, withDirectives as ft, createTextVNode as Sn, renderSlot as Me, h as ve, Fragment as Oe, renderList as Ne, vShow as Jt, withModifiers as He, createSlots as Fn, onBeforeUnmount as Ot, watchEffect as On, onUnmounted as Dn, normalizeStyle as ct, mergeProps as Vn, normalizeProps as $n, guardReactiveProps as Pn, Teleport as Un, Transition as Rn, withKeys as Mn } from "vue";
+import { g as An, o as Nn, f as Ln, a as Gn, n as Qt, _ as Zt, I as Kn, S as Bn, b as Dt, C as zn, R as We, c as en, d as Et, e as tn, h as Yn, m as jn, F as Wn, M as nn, j as qn, r as Hn, k as on, l as Nt, p as rn, q as Xn, P as Jn, s as Qn, t as an, u as Zn, T as Be } from "./item-BLAE_RCk.js";
+import { _ as eo, T as to } from "./app-m5E6HHmB.js";
+import { B as be, J as _e, A as te, G as ot, K as no, M as oo, N as ro, O as Vt, P as ao, D as Le, Q as lo, H as me, R as io, T as $t, I as ke, U as vt, V as so, W as uo, X as bt, Y as Lt, Z as co, u as ln, $ as mo } from "./menu-k8bqSg47.js";
 import { useI18n as ce, useCoreStore as rt, CustomAttributesForm as sn } from "@feedmepos/mf-common";
-import { useDialog as Ge, useDialogChild as Pt, useSnackbar as Re, FmButtonColorThemeVariant as Fe, components as Ie, FmButtonVariant as He, useBreakpoints as po } from "@feedmepos/ui-library";
+import { useDialog as Ge, useDialogChild as Pt, useSnackbar as Re, FmButtonColorThemeVariant as Fe, components as Ie, FmButtonVariant as qe, useBreakpoints as po } from "@feedmepos/ui-library";
 import { u as Ut } from "./discardConfirm-BHni0LNu.js";
 import { defineStore as fo } from "pinia";
-import { _ as De, a as Ue, b as go } from "./customAttributes-6K-H9b8-.js";
-import { u as se, g as un, m as vo } from "./menuV2-DOFVpwgW.js";
-import { s as Tt, _ as bo } from "./index-Dk3Tf8J1.js";
-import { _ as Gt } from "./category-CNoYX7sj.js";
-import { _ as _o, a as yo, u as ho } from "./Thumbnail.vue_vue_type_script_setup_true_lang-C8HFPhnD.js";
-import { _ as Ze, L as xt } from "./LinkProductSideSheet-B5Mv40Np.js";
+import { _ as De, a as Ue, b as go } from "./customAttributes-BBq_Rv5r.js";
+import { u as se, g as un, m as vo } from "./menuV2-BYX-027p.js";
+import { s as Tt, _ as bo } from "./index-BCaofwYh.js";
+import { _ as Gt } from "./category-CkHad8Qe.js";
+import { _ as _o, a as yo, u as ho } from "./Thumbnail.vue_vue_type_script_setup_true_lang-DqzK9R-0.js";
+import { _ as Ze, L as xt } from "./LinkProductSideSheet-BBLfSM53.js";
 import { _ as dn } from "./tooltip-CQW9YRO5.js";
-import { _ as Xe, T as wo, l as Co } from "./index-B7J4O0Yk.js";
+import { _ as Xe, T as wo, l as Co } from "./index-BgQC1nrS.js";
 import { u as Io } from "./search-BAPEUu1R.js";
 import { c as Rt } from "./check-C9mY6LiX.js";
-import { f as tt } from "./currency-CI2JmD81.js";
+import { f as tt } from "./currency-DF2AE_Ev.js";
 import { c as ko } from "./string-DpfFixWH.js";
 import { useInventoryStore as Eo, InventoryBindingSummary as To } from "@feedmepos/mf-inventory-portal";
-import { u as xo } from "./priceTier-BzBG7LNF.js";
+import { u as xo } from "./priceTier-znTjAPPz.js";
 import { d as Mt } from "./vuedraggable-CK8z7qA8.js";
-import { _ as So } from "./ApplyProduct.vue_vue_type_script_setup_true_lang-CZGHeqq-.js";
+import { _ as So } from "./ApplyProduct.vue_vue_type_script_setup_true_lang-DZnCqrjJ.js";
 import "./app-CiBqmBzO.js";
 /* empty css                                                                              */
-import { i as Fo, t as At, w as Oo, a as cn, b as mn, n as Do, c as Vo, r as $o, _ as Po } from "./index-D9Ja3xu0.js";
+import { i as Fo, t as At, w as Oo, a as cn, b as mn, n as Do, c as Vo, r as $o, _ as Po } from "./index-OrBLJRSr.js";
 import { c as mt } from "./object-DVUNCr7w.js";
 import { _ as Uo } from "./TextChip.vue_vue_type_script_setup_true_lang-8frWuZFL.js";
 import { _ as Kt } from "./MenuSelector.vue_vue_type_script_setup_true_lang-K6Z0QJBl.js";
@@ -58,7 +58,7 @@ function Bt(...n) {
   return mn(w), w;
 }
 function Ro() {
-  const n = H(!1), r = xn();
+  const n = q(!1), r = xn();
   return r && Ae(() => {
     n.value = !0;
   }, r), n;
@@ -126,7 +126,7 @@ function Bo(n, r, e, t = {}) {
       console.error(l);
     },
     initOnMounted: I
-  } = t, S = (b ? Wt : H)(typeof r == "function" ? r() : r);
+  } = t, S = (b ? Wt : q)(typeof r == "function" ? r() : r);
   if (!e)
     try {
       e = Lo("getDefaultStorage", () => {
@@ -228,7 +228,7 @@ function Yo(n, r = { width: 0, height: 0 }, e = {}) {
   const { window: t = Je, box: m = "content-box" } = e, s = D(() => {
     var v, f;
     return (f = (v = ze(n)) == null ? void 0 : v.namespaceURI) == null ? void 0 : f.includes("svg");
-  }), g = H(r.width), d = H(r.height), { stop: h } = zo(
+  }), g = q(r.width), d = q(r.height), { stop: h } = zo(
     n,
     ([v]) => {
       const f = m === "border-box" ? v.borderBoxSize : m === "content-box" ? v.contentBoxSize : v.devicePixelContentBoxSize;
@@ -270,7 +270,7 @@ function jo(n, r, e = {}) {
   return Bo(n, r, t == null ? void 0 : t.localStorage, e);
 }
 function Wo(n, r) {
-  const { containerStyle: e, wrapperProps: t, scrollTo: m, calculateRange: s, currentList: g, containerRef: d } = "itemHeight" in r ? Xo(r, n) : qo(r, n);
+  const { containerStyle: e, wrapperProps: t, scrollTo: m, calculateRange: s, currentList: g, containerRef: d } = "itemHeight" in r ? Xo(r, n) : Ho(r, n);
   return {
     list: g,
     scrollTo: m,
@@ -285,8 +285,8 @@ function Wo(n, r) {
   };
 }
 function pn(n) {
-  const r = H(null), e = Yo(r), t = H([]), m = Wt(n);
-  return { state: H({ start: 0, end: 10 }), source: m, currentList: t, size: e, containerRef: r };
+  const r = q(null), e = Yo(r), t = q([]), m = Wt(n);
+  return { state: q({ start: 0, end: 10 }), source: m, currentList: t, size: e, containerRef: r };
 }
 function fn(n, r, e) {
   return (t) => {
@@ -343,16 +343,16 @@ function _n(n, r, e, t) {
 function yn(n, r) {
   return D(() => typeof n == "number" ? r.value.length * n : r.value.reduce((e, t, m) => e + n(m), 0));
 }
-const Ho = {
+const qo = {
   horizontal: "scrollLeft",
   vertical: "scrollTop"
 };
 function hn(n, r, e, t) {
   return (m) => {
-    t.value && (t.value[Ho[n]] = e(m), r());
+    t.value && (t.value[qo[n]] = e(m), r());
   };
 }
-function qo(n, r) {
+function Ho(n, r) {
   const e = pn(r), { state: t, source: m, currentList: s, size: g, containerRef: d } = e, h = { overflowX: "auto" }, { itemWidth: w, overscan: b = 5 } = n, v = fn(t, m, w), f = gn(m, w), a = vn("horizontal", b, f, v, e), I = bn(w, m), S = D(() => I(t.value.start)), O = yn(w, m);
   _n(g, r, d, a);
   const k = hn("horizontal", a, I, d), p = D(() => ({
@@ -493,7 +493,7 @@ function nr(n) {
   }), r;
 }
 const at = fo("mf-menu-tree", () => {
-  const n = H(), r = H([]), e = H(null), t = H([]);
+  const n = q(), r = q([]), e = q(null), t = q([]);
   function m(f) {
     r.value = f, b.value = tr(f);
   }
@@ -523,7 +523,7 @@ const at = fo("mf-menu-tree", () => {
       a(I);
     t.value = f;
   }
-  const b = H(/* @__PURE__ */ new Map());
+  const b = q(/* @__PURE__ */ new Map());
   function v(f) {
     return b.value.get(f);
   }
@@ -642,7 +642,7 @@ function lr(n, r, e, t) {
   return Nn(s, m);
 }
 function ir(n) {
-  const r = H(null), e = D(() => r.value ? !n.state.currentCatalogId && !n.state.currentSchedulerId ? n.state.menu.modules.item.find(
+  const r = q(null), e = D(() => r.value ? !n.state.currentCatalogId && !n.state.currentSchedulerId ? n.state.menu.modules.item.find(
     (m) => m._id === r.value
   ) : lr(
     n.state.menu,
@@ -745,7 +745,7 @@ const gt = () => {
 }, mr = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, pr = /* @__PURE__ */ ae({
   __name: "ImageUploadDialog",
   setup(n) {
-    const { t: r } = ce(), e = H(), t = H(!1);
+    const { t: r } = ce(), e = q(), t = q(!1);
     async function m([w]) {
       if (!w) return;
       t.value = !0;
@@ -804,7 +804,7 @@ const gt = () => {
               C(v, { name: "close" })
             ])
           ])
-        ])) : ($(), q(f, {
+        ])) : ($(), H(f, {
           key: 1,
           accept: ".jpg, .JPG, .jpeg, .JPEG, .png, .PNG, .gif, .GIF",
           "content-class": "h-[300px] w-[400px]",
@@ -827,7 +827,7 @@ const gr = {
   class: "flex gap-8"
 }, br = /* @__PURE__ */ ae({
   __name: "ImageUploadForm",
-  props: /* @__PURE__ */ Ht({
+  props: /* @__PURE__ */ qt({
     itemId: {},
     disabled: {
       type: Boolean,
@@ -843,8 +843,8 @@ const gr = {
   setup(n) {
     const {
       t: r
-    } = ce(), e = n, t = qt(n, "modelValue");
-    H(!1);
+    } = ce(), e = n, t = Ht(n, "modelValue");
+    q(!1);
     const m = Ge(), s = () => {
       t.value = null;
     }, g = () => {
@@ -892,7 +892,7 @@ const gr = {
     };
     return (b, v) => {
       const f = W("FmButton"), a = W("FmFormGroup");
-      return $(), q(a, {
+      return $(), H(a, {
         tag: "div",
         "model-value": t.value,
         label: o(r)("menu.common.labels.product_image"),
@@ -913,7 +913,7 @@ const gr = {
           "text-color": o(Fe).NeutralGray400,
           class: "bg-white",
           onClick: w
-        }, null, 8, ["icon", "text-color"]), t.value ? ($(), q(f, {
+        }, null, 8, ["icon", "text-color"]), t.value ? ($(), H(f, {
           key: 0,
           icon: "delete",
           "text-color": o(Fe).NeutralGray400,
@@ -999,7 +999,7 @@ const Dr = /* @__PURE__ */ ae({
         }
         d("update:form", "category", _._id), d("update:form", "additionalCategories", x);
       }
-    }), O = H(), k = () => e.isAddon ? null : C(zn, {
+    }), O = q(), k = () => e.isAddon ? null : C(zn, {
       ref: O,
       disabled: !h.value.category || s(),
       items: b.value,
@@ -1036,7 +1036,7 @@ const Dr = /* @__PURE__ */ ae({
       const _ = i == Pe.ADD_ON;
       d("update:form", "category", e.isOverride ? _ ? "" : ((x = e.fallback) == null ? void 0 : x.category) ?? ((y = b.value.find((j) => !!j.value)) == null ? void 0 : y.value) : _ ? null : (P = b.value.find((j) => !!j.value)) == null ? void 0 : P.value), _ && d("update:form", "additionalCategories", []);
     }
-    const M = H(!1);
+    const M = q(!1);
     async function F() {
       var i, _, x;
       if (!e.form.name) {
@@ -1075,7 +1075,7 @@ const Dr = /* @__PURE__ */ ae({
     } = ce();
     return (i, _) => {
       const x = W("fm-text-field"), y = W("fm-textarea"), P = W("fm-radio"), j = W("FmSnackbar"), Q = W("FmButton"), le = W("fm-radio-group"), Ce = W("FmFormGroup"), he = Xt("tooltip");
-      return $(), q(De, {
+      return $(), H(De, {
         title: o(l)("menu.product.form.detail.title")
       }, {
         default: B(() => {
@@ -1117,7 +1117,7 @@ const Dr = /* @__PURE__ */ ae({
           }, null, 8, ["disabled", "item-id", "model-value"])]), C(Ue, {
             label: o(l)("menu.product.form.detail.category.label")
           }, {
-            default: B(() => [v.value ? ($(), q(le, {
+            default: B(() => [v.value ? ($(), H(le, {
               key: 0,
               disabled: !h.value.category,
               "model-value": i.isAddon ? Pe.ADD_ON : Pe.PRODUCT,
@@ -1129,7 +1129,7 @@ const Dr = /* @__PURE__ */ ae({
                 label: o(l)("menu.product.form.detail.category.options.product.label"),
                 sublabel: o(l)("menu.product.form.detail.category.options.product.sublabel")
               }, null, 8, ["disabled", "value", "label", "sublabel"]), C(Kn, null, {
-                default: B(() => [o(t).isV4 ? ($(), q(k, {
+                default: B(() => [o(t).isV4 ? ($(), H(k, {
                   key: 0
                 })) : X("", !0)]),
                 _: 1
@@ -1148,7 +1148,7 @@ const Dr = /* @__PURE__ */ ae({
                 sublabel: o(l)("menu.product.form.detail.category.options.addon.sublabel")
               }, null, 8, ["value", "label", "sublabel"])])]),
               _: 1
-            }, 8, ["disabled", "model-value"])) : X("", !0), o(t).isV4 ? X("", !0) : ($(), q(Ce, {
+            }, 8, ["disabled", "model-value"])) : X("", !0), o(t).isV4 ? X("", !0) : ($(), H(Ce, {
               key: 1,
               "model-value": i.form.category,
               rules: [(L) => !L && !i.isOverride ? "Category is required" : !0]
@@ -1157,7 +1157,7 @@ const Dr = /* @__PURE__ */ ae({
               _: 1
             }, 8, ["model-value", "rules"]))]),
             _: 1
-          }, 8, ["label"]), o(t).isV4 && !i.isAddon ? ($(), q(Ue, {
+          }, 8, ["label"]), o(t).isV4 && !i.isAddon ? ($(), H(Ue, {
             key: 0,
             label: o(l)("menu.product.form.detail.path.label")
           }, {
@@ -1214,8 +1214,8 @@ const Dr = /* @__PURE__ */ ae({
       items: {},
       position: r.groups.length - 1,
       itemsLinked: []
-    }), g = H(s()), { t: d } = ce();
-    return (h, w) => e.value.create ? ($(), q(o(jr), {
+    }), g = q(s()), { t: d } = ce();
+    return (h, w) => e.value.create ? ($(), H(o(jr), {
       key: 0,
       "categorized-items": o(r).categorizedItems,
       config: m.value,
@@ -1255,7 +1255,7 @@ const Dr = /* @__PURE__ */ ae({
   setup(n, {
     emit: r
   }) {
-    const e = n, t = r, m = Re(), s = rt(), g = se(), d = D(() => be.Country.getCountry(s.currentCountry.value)), h = H(!1), w = D(() => e.config.isV4 || e.group.type === te.F_ADDON_GROUP_TYPE.enum.PRODUCT), b = D(() => w.value), v = D(() => w.value), f = D(() => Object.values(e.group.items).flatMap((c) => [{
+    const e = n, t = r, m = Re(), s = rt(), g = se(), d = D(() => be.Country.getCountry(s.currentCountry.value)), h = q(!1), w = D(() => e.config.isV4 || e.group.type === te.F_ADDON_GROUP_TYPE.enum.PRODUCT), b = D(() => w.value), v = D(() => w.value), f = D(() => Object.values(e.group.items).flatMap((c) => [{
       _id: c._id,
       combinationKey: void 0
     }, ...(c.items ?? []).map((V) => ({
@@ -1276,9 +1276,9 @@ const Dr = /* @__PURE__ */ ae({
     }), k = D(() => !0), p = (c) => c ? tt(c, !1) : "", T = (c) => {
       var V;
       return c == null ? "" : (V = lo()[c]) == null ? void 0 : V.label;
-    }, U = D(() => Object.values(S.value)), M = H({}), {
+    }, U = D(() => Object.values(S.value)), M = q({}), {
       t: F
-    } = ce(), R = H([{
+    } = ce(), R = q([{
       accessorKey: "isDefault",
       header: () => F("menu.group.option.is_default"),
       enableSorting: !1,
@@ -1483,7 +1483,7 @@ const Dr = /* @__PURE__ */ ae({
             default: () => {
               var G;
               return [C(W("fm-button"), {
-                variant: He.Tertiary,
+                variant: qe.Tertiary,
                 prependIcon: "inventory_2",
                 overwriteIconOutline: (G = V.inventoryBindings) != null && G.length ? "filled" : "outline",
                 textColor: Fe.NeutralGray400,
@@ -1492,7 +1492,7 @@ const Dr = /* @__PURE__ */ ae({
             }
           })
         }), O(V.combinationKey).link && C(W("fm-button"), {
-          variant: He.Tertiary,
+          variant: qe.Tertiary,
           prependIcon: "delete",
           textColor: Fe.NeutralGray400,
           onClick: () => {
@@ -1610,7 +1610,7 @@ const Dr = /* @__PURE__ */ ae({
     const Ce = po(), he = D(() => Ce.breakpoints.value.xs);
     return (c, V) => {
       const N = W("fm-button"), L = W("fm-table");
-      return $(), q(De, {
+      return $(), H(De, {
         title: o(F)("menu.group.option.title")
       }, {
         "append-title": B(() => [c.config.link() ? ($(), J(Oe, {
@@ -1682,7 +1682,7 @@ const Dr = /* @__PURE__ */ ae({
     let t = n;
     const m = e, s = se(), g = rt(), d = Ge(), h = Vt(ot(Re())), { countDefaultItems: w, validateGroupItems: b, minMaxValidationRules: v } = Yn(
       () => t.group
-    ), f = H(!1), a = H(!1), I = (y) => {
+    ), f = q(!1), a = q(!1), I = (y) => {
       Rt.isBoolean(y) ? a.value = y : a.value = !a.value;
     }, S = D(() => t.group ? t.config(t.group) : null), O = D(() => jn(S.value)), k = (y) => O.value.includes(y), p = D(() => [
       {
@@ -1728,7 +1728,7 @@ const Dr = /* @__PURE__ */ ae({
         S.value.isOverride
       )[0];
     }
-    const F = H(ke.clone(t.group)), R = Ut(
+    const F = q(ke.clone(t.group)), R = Ut(
       () => !ke.isEqual(t.group, F.value),
       () => {
         a.value = !1;
@@ -1736,7 +1736,7 @@ const Dr = /* @__PURE__ */ ae({
     ), E = D(() => t.action === "add" ? x("common.add") : x("common.update"));
     async function u() {
       if (t.action === "add") {
-        const { group: y, linkItems: P } = Hn(t.group), j = {
+        const { group: y, linkItems: P } = qn(t.group), j = {
           module: te.F_MENU_MODULE_V4_KEY.enum.group,
           operation: _e.F_OPERATION_TYPE.create,
           data: y,
@@ -1861,7 +1861,7 @@ const Dr = /* @__PURE__ */ ae({
                     ]),
                     _: 1
                   }, 8, ["model-value", "rules"]),
-                  S.value.type ? ($(), q(Ue, {
+                  S.value.type ? ($(), H(Ue, {
                     key: 0,
                     label: o(x)("menu.common.labels.group_type")
                   }, {
@@ -1872,7 +1872,7 @@ const Dr = /* @__PURE__ */ ae({
                         "onUpdate:modelValue": P[3] || (P[3] = (G) => U(G))
                       }, {
                         default: B(() => [
-                          ($(!0), J(Oe, null, Ne(p.value, (G) => ($(), q(Ce, {
+                          ($(!0), J(Oe, null, Ne(p.value, (G) => ($(), H(Ce, {
                             key: G.value,
                             label: o(x)(`menu.group.types.${G.label.toLowerCase()}`),
                             value: G.value
@@ -1898,7 +1898,7 @@ const Dr = /* @__PURE__ */ ae({
                     ]),
                     _: 1
                   }, 8, ["label"]),
-                  l.value ? ($(), q(V, {
+                  l.value ? ($(), H(V, {
                     key: 1,
                     title: o(x)("menu.group.form.tagging.title"),
                     "sub-title": o(x)("menu.group.form.tagging.subtitle")
@@ -1954,7 +1954,7 @@ const Dr = /* @__PURE__ */ ae({
   emits: ["update:combinations"],
   setup(n, { expose: r, emit: e }) {
     var U, M;
-    const t = n, m = e, s = se(), g = Ge(), d = Vt(ot(Re())), h = H([]), w = H(t.combinations[0].combinationKey || ""), b = D(
+    const t = n, m = e, s = se(), g = Ge(), d = Vt(ot(Re())), h = q([]), w = q(t.combinations[0].combinationKey || ""), b = D(
       () => h.value.findIndex((F) => F.combinationKey == w.value)
     ), v = D(
       () => t.combinations.map((F) => ({
@@ -2026,20 +2026,20 @@ const Dr = /* @__PURE__ */ ae({
         return {
           ...R,
           groups: (E = R.groups) == null ? void 0 : E.map((u) => ({
-            ...qn(u, S())
+            ...Hn(u, S())
           }))
         };
       });
       m("update:combinations", F);
     }
-    const k = H(!1);
+    const k = q(!1);
     ye(
       () => k.value,
       (F) => {
         F && (h.value = me(t.combinations), w.value = t.combinations[0].combinationKey || "");
       }
     );
-    const p = H();
+    const p = q();
     r({
       show: (U = p.value) == null ? void 0 : U.show,
       trigger: (M = p.value) == null ? void 0 : M.trigger
@@ -2047,7 +2047,7 @@ const Dr = /* @__PURE__ */ ae({
     const { t: T } = ce();
     return (F, R) => {
       const E = W("fm-select"), u = W("fm-button"), l = W("fm-card");
-      return $(), q(In, {
+      return $(), H(In, {
         ref_key: "baseFormRef",
         ref: p,
         "allow-refund-inventory": !0,
@@ -2064,7 +2064,7 @@ const Dr = /* @__PURE__ */ ae({
           Me(F.$slots, "default", { trigger: i })
         ]),
         "variant-section": B(() => [
-          w.value ? ($(), q(l, {
+          w.value ? ($(), H(l, {
             key: 0,
             class: "p-16 bg-fm-color-neutral-gray-100 space-y-24",
             variant: "outlined"
@@ -2080,13 +2080,13 @@ const Dr = /* @__PURE__ */ ae({
                 }, null, 8, ["modelValue", "items"]),
                 A("div", zr, [
                   C(u, {
-                    variant: o(He).Tertiary,
+                    variant: o(qe).Tertiary,
                     "prepend-icon": "keyboard_arrow_left",
                     size: "lg",
                     onClick: R[1] || (R[1] = (i) => I("left"))
                   }, null, 8, ["variant"]),
                   C(u, {
-                    variant: o(He).Tertiary,
+                    variant: o(qe).Tertiary,
                     "prepend-icon": "keyboard_arrow_right",
                     size: "lg",
                     onClick: R[2] || (R[2] = (i) => I("right"))
@@ -2101,10 +2101,10 @@ const Dr = /* @__PURE__ */ ae({
       }, 8, ["categorized-items", "group", "title"]);
     };
   }
-}), jr = In, jt = $r, Wr = Yr, Hr = {
+}), jr = In, jt = $r, Wr = Yr, qr = {
   key: 0,
   class: "flex flex-col space-y-16 h-[440px]"
-}, qr = { class: "flex-1 flex-shrink space-y-8 min-h-0 overflow-y-scroll p-8" }, Xr = { class: "flex justify-between pb-16" }, Jr = { class: "flex gap-8" }, Qr = {
+}, Hr = { class: "flex-1 flex-shrink space-y-8 min-h-0 overflow-y-scroll p-8" }, Xr = { class: "flex justify-between pb-16" }, Jr = { class: "flex gap-8" }, Qr = {
   key: 1,
   class: "flex flex-col items-center space-y-16"
 }, Zr = { class: "flex flex-col items-center space-y-4 w-full" }, ea = { class: "fm-typo-en-title-sm-600" }, ta = { class: "text-fm-color-typo-secondary" }, na = /* @__PURE__ */ ae({
@@ -2154,12 +2154,12 @@ const Dr = /* @__PURE__ */ ae({
       position: s.groups.length - 1,
       itemsLinked: []
     }));
-    const f = H(me(r.groupIds || [])), a = H(""), { t: I } = ce(), S = () => {
+    const f = q(me(r.groupIds || [])), a = q(""), { t: I } = ce(), S = () => {
       t(f.value), m("primary"), e.close();
     };
     return (O, k) => {
       const p = W("FmSearch"), T = W("FmCheckbox"), U = W("FmButton");
-      return b.value.length > 0 ? ($(), J("div", Hr, [
+      return b.value.length > 0 ? ($(), J("div", qr, [
         A("div", null, [
           C(p, {
             autofocus: "",
@@ -2168,7 +2168,7 @@ const Dr = /* @__PURE__ */ ae({
             placeholder: o(I)("menu.common.labels.search_groups")
           }, null, 8, ["modelValue", "placeholder"])
         ]),
-        A("div", qr, [
+        A("div", Hr, [
           A("div", null, [
             ($(!0), J(Oe, null, Ne(b.value, (M) => ($(), J("div", {
               key: M.value
@@ -2352,7 +2352,7 @@ const Dr = /* @__PURE__ */ ae({
           icon: "delete",
           variant: "tertiary",
           textColor: "neutral-gray-400",
-          onClick: qe(async () => {
+          onClick: He(async () => {
             U(i);
           }, ["stop", "prevent"])
         }), ve(Wr, {
@@ -2455,7 +2455,7 @@ const Dr = /* @__PURE__ */ ae({
     };
     return (l, i) => {
       const _ = W("FmButton"), x = W("FmTable");
-      return $(), q(De, {
+      return $(), H(De, {
         title: o(s)("menu.product.form.group.title"),
         "sub-title": o(s)("menu.product.form.group.subtitle"),
         id: o(Se).GROUP
@@ -2470,7 +2470,7 @@ const Dr = /* @__PURE__ */ ae({
         default: B(() => [C(rn, null, {
           default: B(() => {
             var y;
-            return [((y = v.value) == null ? void 0 : y.length) > 0 ? ($(), q(x, {
+            return [((y = v.value) == null ? void 0 : y.length) > 0 ? ($(), H(x, {
               key: 0,
               "column-defs": O.value,
               "column-visibility": k.value,
@@ -2553,7 +2553,7 @@ const Dr = /* @__PURE__ */ ae({
         };
       m("replace:form", k);
     }
-    H([{
+    q([{
       accessorKey: "name",
       header: () => w.value || e("menu.inventory.columns.product_name"),
       enableSorting: !1
@@ -2598,7 +2598,7 @@ const Dr = /* @__PURE__ */ ae({
           default: ({
             trigger: k
           }) => C(W("fm-button"), {
-            variant: He.Tertiary,
+            variant: qe.Tertiary,
             prependIcon: "edit",
             textColor: Fe.NeutralGray400,
             onClick: k
@@ -2606,7 +2606,7 @@ const Dr = /* @__PURE__ */ ae({
         })]) : null;
       }
     }]);
-    const f = H([]);
+    const f = q([]);
     async function a({
       _id: S
     }) {
@@ -2616,11 +2616,11 @@ const Dr = /* @__PURE__ */ ae({
     const I = Eo();
     return Ae(() => {
       I.readInventory();
-    }), (S, O) => ($(), q(De, {
+    }), (S, O) => ($(), H(De, {
       title: o(e)("menu.inventory.title"),
       subTitle: o(e)("menu.inventory.subtitle")
     }, {
-      default: B(() => [A("div", ra, [A("div", aa, [($(!0), J(Oe, null, Ne(b.value, (k) => ($(), q(o(Et), {
+      default: B(() => [A("div", ra, [A("div", aa, [($(!0), J(Oe, null, Ne(b.value, (k) => ($(), H(o(Et), {
         key: k._id,
         ref_for: !0,
         ref_key: "inventoryManagerForms",
@@ -2694,7 +2694,7 @@ const Dr = /* @__PURE__ */ ae({
         }
       }
     }
-    const I = H(!1);
+    const I = q(!1);
     async function S() {
       var T, U, M, F, R, E, u, l;
       if (!(e.form.name || "")) {
@@ -2734,7 +2734,7 @@ const Dr = /* @__PURE__ */ ae({
     });
     return (p, T) => {
       const U = W("fm-select"), M = W("FmButton"), F = W("fm-checkbox"), R = W("fm-text-field"), E = Xt("tooltip");
-      return $(), q(De, {
+      return $(), H(De, {
         title: o(s)("menu.product.form.price.title")
       }, {
         default: B(() => {
@@ -2780,7 +2780,7 @@ const Dr = /* @__PURE__ */ ae({
                 "onUpdate:modelValue": T[1] || (T[1] = (l) => g("update:form", "taxes", [o(vt).decodeTax(l)]))
               }, null, 8, ["disabled", "items", "label", "model-value"])
             ], 8, ia),
-            !p.isOverride && o(m).isV4 ? ($(), q(Ue, {
+            !p.isOverride && o(m).isV4 ? ($(), H(Ue, {
               key: 0,
               label: o(s)("menu.price_tier.price_group"),
               description: o(s)("menu.price_tier.description")
@@ -2796,7 +2796,7 @@ const Dr = /* @__PURE__ */ ae({
               default: B(() => {
                 var l;
                 return [
-                  p.isOverride ? X("", !0) : ($(), q(Xn, {
+                  p.isOverride ? X("", !0) : ($(), H(Xn, {
                     key: 0,
                     "price-tiers": o(O).priceTiers.value,
                     "model-value": p.form.priceTiers || ((l = p.fallback) == null ? void 0 : l.priceTiers) || {},
@@ -2891,7 +2891,7 @@ const Dr = /* @__PURE__ */ ae({
                       }, null, 8, ["disabled", "model-value", "value", "label"]),
                       A("div", _a, [
                         A("div", ya, [
-                          p.form.minPrice ? ($(), q(Xe, {
+                          p.form.minPrice ? ($(), H(Xe, {
                             key: 0,
                             max: o(be.Dinero).fromFdoDinero(p.form.price).toUnit(),
                             min: 0,
@@ -2993,13 +2993,13 @@ const Dr = /* @__PURE__ */ ae({
       () => S(h.value[h.value.length - 1]._id, !0)
     ), (k, p) => {
       const T = W("fm-switch"), U = W("fm-radio"), M = W("fm-radio-group"), F = W("fm-button"), R = W("fm-checkbox");
-      return $(), q(De, {
+      return $(), H(De, {
         title: o(m)("menu.product.form.print.title")
       }, {
         default: B(() => {
           var E;
           return [
-            d.value.printConfig ? ($(), q(Ue, {
+            d.value.printConfig ? ($(), H(Ue, {
               key: 0,
               label: o(m)("menu.product.form.print.config.label")
             }, {
@@ -3024,7 +3024,7 @@ const Dr = /* @__PURE__ */ ae({
             }, {
               default: B(() => [
                 A("div", wa, [
-                  ($(!0), J(Oe, null, Ne(O.value, (u, l) => ($(), q(U, {
+                  ($(!0), J(Oe, null, Ne(O.value, (u, l) => ($(), H(U, {
                     key: l,
                     label: u.label,
                     sublabel: u.description,
@@ -3038,7 +3038,7 @@ const Dr = /* @__PURE__ */ ae({
               label: o(m)("menu.product.form.print.routes.label")
             }, {
               default: B(() => [
-                b.value.length ? ($(), q(o(Mt), {
+                b.value.length ? ($(), H(o(Mt), {
                   key: 0,
                   "item-key": (u) => u,
                   "model-value": b.value,
@@ -3051,13 +3051,13 @@ const Dr = /* @__PURE__ */ ae({
                     return [
                       A("div", Ca, [
                         A("div", Ia, [
-                          w.value ? ($(), q(F, {
+                          w.value ? ($(), H(F, {
                             key: 0,
                             disabled: !((i = (l = e.form.print) == null ? void 0 : l.department) != null && i.includes(u)),
                             class: "handle",
                             "prepend-icon": "drag_handle",
                             variant: "tertiary",
-                            onClick: p[2] || (p[2] = qe(() => {
+                            onClick: p[2] || (p[2] = He(() => {
                             }, ["stop"]))
                           }, null, 8, ["disabled"])) : X("", !0)
                         ]),
@@ -3079,7 +3079,7 @@ const Dr = /* @__PURE__ */ ae({
                   default: B(({ trigger: u }) => [
                     A("div", ka, [
                       C(F, {
-                        variant: o(He).Secondary,
+                        variant: o(qe).Secondary,
                         label: o(m)("menu.product.form.print.routes.add"),
                         "prepend-icon": "add",
                         onClick: u
@@ -3128,7 +3128,7 @@ const Dr = /* @__PURE__ */ ae({
     }, ...t.takeaways.map((v) => ({
       label: v.name,
       value: v._id
-    }))]), b = H([{
+    }))]), b = q([{
       accessorKey: "name",
       enableSorting: !1,
       header: () => d.value ? s("menu.product.form.takeaway.columns.variant") : s("menu.product.form.takeaway.columns.product")
@@ -3179,7 +3179,7 @@ const Dr = /* @__PURE__ */ ae({
     }]);
     return (v, f) => {
       const a = W("fm-table");
-      return $(), q(De, {
+      return $(), H(De, {
         title: o(s)("menu.product.form.takeaway.title"),
         "sub-title": o(s)("menu.product.form.takeaway.subtitle")
       }, {
@@ -3218,7 +3218,7 @@ const Dr = /* @__PURE__ */ ae({
         }), U;
       } else
         return { ...Le.generator.initMenuV4VariantGroup(), usedBy: [] };
-    }, b = H(w()), v = H(!1), f = H(!1);
+    }, b = q(w()), v = q(!1), f = q(!1);
     function a(U) {
       b.value.options = U;
     }
@@ -3290,7 +3290,7 @@ const Dr = /* @__PURE__ */ ae({
       f.value = !0;
     }), (U, M) => {
       const F = W("fm-text-field"), R = W("fm-icon"), E = W("fm-button"), u = W("fm-side-sheet");
-      return $(), q(u, {
+      return $(), H(u, {
         id: "variant-form",
         modelValue: f.value,
         "onUpdate:modelValue": M[2] || (M[2] = (l) => f.value = l),
@@ -3358,7 +3358,7 @@ const Dr = /* @__PURE__ */ ae({
                               class: fe(["flex items-center", "space-x-8"]),
                               "data-not-allow-sort": _ === b.value.options.length - 1
                             }, [
-                              _ !== b.value.options.length - 1 ? ($(), q(R, {
+                              _ !== b.value.options.length - 1 ? ($(), H(R, {
                                 key: 0,
                                 class: "handle",
                                 name: "drag_handle"
@@ -3397,7 +3397,7 @@ const Dr = /* @__PURE__ */ ae({
                 ]),
                 _: 1
               }, 8, ["title"]),
-              (l = b.value.usedBy) != null && l.length ? ($(), q(So, {
+              (l = b.value.usedBy) != null && l.length ? ($(), H(So, {
                 key: 0,
                 editable: !1,
                 overrides: b.value.usedBy || [],
@@ -3442,7 +3442,7 @@ const Ua = {
       label: f.name,
       value: f._id,
       disabled: !1
-    }))), h = H(me(g.selectedVariants)), w = H(""), { createVariant: b } = Pa(), v = () => {
+    }))), h = q(me(g.selectedVariants)), w = q(""), { createVariant: b } = Pa(), v = () => {
       e(h.value), t("primary"), r.close();
     };
     return (f, a) => {
@@ -3476,7 +3476,7 @@ const Ua = {
           ])
         ]),
         A("div", Ma, [
-          o(m).rules.item.variant ? ($(), q(O, {
+          o(m).rules.item.variant ? ($(), H(O, {
             key: 0,
             label: o(s)("menu.common.actions.add_new_variant"),
             variant: "tertiary",
@@ -3516,7 +3516,7 @@ const Ua = {
   class: "flex items-center flex-1 h-[36px] px-8 border border-fm-color-neutral-gray-300 rounded-md bg-fm-color-neutral-white"
 }, Wa = {
   class: "flex-1 fm-typo-en-body-lg-400"
-}, Ha = /* @__PURE__ */ ae({
+}, qa = /* @__PURE__ */ ae({
   __name: "ProductVariants",
   props: {
     isOverride: {
@@ -3536,7 +3536,7 @@ const Ua = {
     const e = n, t = se(), m = Zn(), s = Re(), g = Ge(), {
       t: d
     } = ce(), h = D(() => t.rules.item), w = D(() => h.value.minPrice && !!e.form.minPrice), b = D(() => !t.state.currentCatalogId), v = D(() => t.variants.reduce((u, l) => (u[l._id] = l, u), {}));
-    H(!1);
+    q(!1);
     const f = r;
     function a(u) {
       const l = ke.clone(e.form);
@@ -3757,12 +3757,12 @@ const Ua = {
     }
     return (u, l) => {
       const i = W("fm-button"), _ = W("fm-icon"), x = W("FmFormGroup"), y = W("fm-table");
-      return $(), q(De, {
+      return $(), H(De, {
         id: o(Se).VARIANT,
         title: o(d)("menu.product.form.variant.title"),
         "sub-title": o(d)("menu.product.form.variant.subtitle")
       }, {
-        "append-title": B(() => [o(t).rules.item.variant ? ($(), q(i, {
+        "append-title": B(() => [o(t).rules.item.variant ? ($(), H(i, {
           key: 0,
           label: o(d)("menu.product.form.variant.add"),
           variant: "secondary",
@@ -3790,13 +3790,13 @@ const Ua = {
                 }) => {
                   var le;
                   return [A("div", Ya, [C(i, {
-                    variant: o(He).Tertiary,
+                    variant: o(qe).Tertiary,
                     class: "handle",
                     "prepend-icon": "drag_handle"
                   }, null, 8, ["variant"]), A("div", ja, [A("p", Wa, ge((le = v.value[Q]) == null ? void 0 : le.name), 1), C(_, {
                     class: "cursor-pointer",
                     name: "close",
-                    onClick: qe((Ce) => {
+                    onClick: He((Ce) => {
                       var he;
                       return T(((he = u.form.variant) == null ? void 0 : he.variantGroupIds.filter((c) => c !== Q)) ?? []);
                     }, ["stop"])
@@ -3807,7 +3807,7 @@ const Ua = {
             }),
             _: 1
           }, 8, ["model-value", "rules"]), C(rn, null, {
-            default: B(() => [p.value.length ? ($(), q(y, {
+            default: B(() => [p.value.length ? ($(), H(y, {
               key: 0,
               class: "w-full",
               "column-defs": F.value,
@@ -3824,7 +3824,7 @@ const Ua = {
       }, 8, ["id", "title", "sub-title"]);
     };
   }
-}), qa = {
+}), Ha = {
   key: 0,
   class: "w-full h-[2px] bg-fm-color-neutral-gray-100"
 }, Xa = {
@@ -3875,12 +3875,12 @@ const Ua = {
           route: ""
         }), re = re.parent;
       return Y.reverse();
-    }), b = H(null);
+    }), b = q(null);
     Ae(() => {
       var K;
       (K = b.value) == null || K.setSelectedItemIndex(w.value.length - 1);
     });
-    const v = D(() => g.rules.item), f = H(), a = H(
+    const v = D(() => g.rules.item), f = q(), a = q(
       t.initialForm ? me(t.initialForm) : {
         ...Le.generator.initMenuV4Item(),
         category: t.categoryId
@@ -3913,7 +3913,7 @@ const Ua = {
     ), T = D(() => {
       var K;
       return p.value ? a.value.category == "" || a.value.category == null && ((K = f.value) == null ? void 0 : K.category) == null : Cn(t.menu) && a.value.category == null;
-    }), U = D(() => s.itemAttributeSettings.value.length > 0 && !p.value), M = H(
+    }), U = D(() => s.itemAttributeSettings.value.length > 0 && !p.value), M = q(
       a.value.category != null || !!a.value.code || !!a.value.orderFrom
     );
     function F(K) {
@@ -3932,7 +3932,7 @@ const Ua = {
         for (const [ue, ie] of Object.entries(Y.customAttributes || {}))
           typeof ie == "string" && ie && !((re = K[ue]) != null && re.includes(ie)) && (K[ue] = [...K[ue] || [], ie]);
       }), K;
-    }), E = H(!!a.value.price || !!a.value.minPrice || !!a.value.costing);
+    }), E = q(!!a.value.price || !!a.value.minPrice || !!a.value.costing);
     function u(K) {
       K || (a.value = {
         ...a.value,
@@ -3941,7 +3941,7 @@ const Ua = {
         price: void 0
       }, c());
     }
-    const l = H(
+    const l = q(
       (((ee = a.value.variant) == null ? void 0 : ee.variantCombinations) || []).some(
         (K) => !!K.price || !!K.orderFrom || !!K.code
       )
@@ -3961,7 +3961,7 @@ const Ua = {
         }
       }, c());
     }
-    const _ = H(
+    const _ = q(
       !!a.value.inventoryBindings || (((ne = a.value.variant) == null ? void 0 : ne.variantCombinations) || []).some((K) => !!K.inventoryBindings) || !1
     );
     function x(K) {
@@ -3978,7 +3978,7 @@ const Ua = {
         } : void 0
       }, c());
     }
-    const y = H(
+    const y = q(
       a.value.takeawayUsed != null || (((pe = a.value.variant) == null ? void 0 : pe.variantCombinations) || []).some((K) => K.takeawayUsed != null) || !1
     );
     function P(K) {
@@ -3995,11 +3995,11 @@ const Ua = {
         }
       }, c());
     }
-    const j = H(!!a.value.print);
+    const j = q(!!a.value.print);
     function Q(K) {
       K || (a.value = { ...a.value, print: void 0 }, c());
     }
-    const le = H(
+    const le = q(
       !!((Ee = a.value.groups) != null && Ee.length) != null || (((Ve = a.value.variant) == null ? void 0 : Ve.variantCombinations) || []).some((K) => {
         var Y;
         return !!((Y = K.groups) != null && Y.length);
@@ -4057,7 +4057,7 @@ const Ua = {
     function c() {
       m("update:editingState", ke.cloneDeep(a.value));
     }
-    const V = H(null);
+    const V = q(null);
     function N() {
       return !ke.isEqual(a.value, t.initialForm);
     }
@@ -4091,7 +4091,7 @@ const Ua = {
       hasUnsavedChanges: N
     }), (K, Y) => {
       const re = W("FmBreadcrumb"), ue = W("FmForm");
-      return $(), q(ue, {
+      return $(), H(ue, {
         id: o(Se).GENERAL,
         class: fe(["tree-item-form", ["flex-1 py-24 space-y-24", "xs:w-full"]]),
         ref_key: "formWrapper",
@@ -4132,8 +4132,8 @@ const Ua = {
               }),
               _: 1
             }, 8, ["toggle", "disabled", "description", "title"]),
-            p.value ? X("", !0) : ($(), J("div", qa)),
-            U.value ? ($(), q(De, {
+            p.value ? X("", !0) : ($(), J("div", Ha)),
+            U.value ? ($(), H(De, {
               key: 1,
               title: o(d)("menu.product.form.sections.tagging.title"),
               "sub-title": o(d)("menu.product.form.sections.tagging.subtitle")
@@ -4171,7 +4171,7 @@ const Ua = {
               _: 1
             }, 8, ["toggle", "disabled", "description", "title"]),
             v.value.print && !p.value ? ($(), J("div", Ja)) : X("", !0),
-            v.value.print ? ($(), q(Be, {
+            v.value.print ? ($(), H(Be, {
               key: 4,
               toggle: j.value,
               "onUpdate:toggle": [
@@ -4207,7 +4207,7 @@ const Ua = {
               title: o(d)("menu.product.form.sections.variant.title")
             }, {
               default: B(() => [
-                C(Ha, {
+                C(qa, {
                   fallback: f.value,
                   form: a.value,
                   "full-combinations": I.value,
@@ -4220,7 +4220,7 @@ const Ua = {
               _: 1
             }, 8, ["toggle", "disabled", "description", "title"]),
             v.value.group && !p.value ? ($(), J("div", Za)) : X("", !0),
-            v.value.group ? ($(), q(Be, {
+            v.value.group ? ($(), H(Be, {
               key: 7,
               toggle: le.value,
               "onUpdate:toggle": [
@@ -4245,7 +4245,7 @@ const Ua = {
               _: 1
             }, 8, ["toggle", "disabled"])) : X("", !0),
             v.value.inventory && !p.value ? ($(), J("div", el)) : X("", !0),
-            v.value.inventory ? ($(), q(Be, {
+            v.value.inventory ? ($(), H(Be, {
               key: 9,
               toggle: _.value,
               "onUpdate:toggle": [
@@ -4270,7 +4270,7 @@ const Ua = {
               _: 1
             }, 8, ["toggle", "disabled", "description", "title"])) : X("", !0),
             v.value.takeaway(a.value.category ?? ((ie = f.value) == null ? void 0 : ie.category)) && !p.value ? ($(), J("div", tl)) : X("", !0),
-            v.value.takeaway(a.value.category ?? ((Te = f.value) == null ? void 0 : Te.category)) ? ($(), q(Be, {
+            v.value.takeaway(a.value.category ?? ((Te = f.value) == null ? void 0 : Te.category)) ? ($(), H(Be, {
               key: 11,
               toggle: y.value,
               "onUpdate:toggle": [
@@ -4302,7 +4302,7 @@ const Ua = {
   }
 });
 function ol(n) {
-  const { storageKey: r, defaultWidth: e, minWidth: t, maxWidth: m } = n, s = jo(r, e), g = H(!1), d = H(null);
+  const { storageKey: r, defaultWidth: e, minWidth: t, maxWidth: m } = n, s = jo(r, e), g = q(!1), d = q(null);
   function h(v) {
     v.preventDefault(), g.value = !0, document.addEventListener("mousemove", w), document.addEventListener("mouseup", b), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
   }
@@ -5154,7 +5154,7 @@ const St = /* @__PURE__ */ ae({
   setup(n) {
     return (r, e) => {
       const t = W("FmTooltip");
-      return r.tooltip ? ($(), q(t, {
+      return r.tooltip ? ($(), H(t, {
         key: 0,
         content: r.tooltip,
         "z-index": 50
@@ -5167,7 +5167,7 @@ const St = /* @__PURE__ */ ae({
           }, null, 8, ["name", "visible", "onClick"])
         ]),
         _: 1
-      }, 8, ["content"])) : ($(), q(St, {
+      }, 8, ["content"])) : ($(), H(St, {
         key: 1,
         name: r.name,
         visible: r.visible,
@@ -5177,7 +5177,7 @@ const St = /* @__PURE__ */ ae({
   }
 }), En = 300;
 function vl(n) {
-  const { itemHeight: r, emit: e, getFlattenedItems: t, getContainerRef: m, canDropFn: s } = n, g = H(!1), d = H(null), h = H(null), w = H(null), b = H(0), v = H({ x: 0, y: 0 }), f = H(/* @__PURE__ */ new Map());
+  const { itemHeight: r, emit: e, getFlattenedItems: t, getContainerRef: m, canDropFn: s } = n, g = q(!1), d = q(null), h = q(null), w = q(null), b = q(0), v = q({ x: 0, y: 0 }), f = q(/* @__PURE__ */ new Map());
   function a(k, p) {
     p.button === 0 && (v.value = { x: p.clientX, y: p.clientY }, d.value = k, b.value = p.clientY, f.value = nr(t()), setTimeout(() => {
       d.value === k && (g.value = !0, v.value = { x: p.clientX, y: p.clientY }, e("updateDragState", k, null, null), document.addEventListener("mousemove", I), document.addEventListener("mouseup", S));
@@ -5344,7 +5344,7 @@ const _l = { key: 0 }, yl = ["innerHTML"], hl = /* @__PURE__ */ ae({
         class: fe(["tree-node", "max-w-full", "py-4 px-8 flex items-center justify-between gap-4", "fm-corner-radius-sm", "select-none", m.value, s.value, g.value, {
           "opacity-50": f.dragging
         }, "hover-effect"]),
-        onClick: a[2] || (a[2] = qe(() => {
+        onClick: a[2] || (a[2] = He(() => {
           var T, U;
           f.node.disabled || (U = (T = f.node).onClick) == null || U.call(T);
         }, ["stop"])),
@@ -5356,7 +5356,7 @@ const _l = { key: 0 }, yl = ["innerHTML"], hl = /* @__PURE__ */ ae({
         (...T) => o(v) && o(v)(...T)),
         onMouseleave: a[6] || (a[6] = //@ts-ignore
         (...T) => o(v) && o(v)(...T))
-      }, [A("div", wl, [A("div", Cl, [(O = f.node) != null && O.draggable && !f.node.disabled ? ($(), q(I, {
+      }, [A("div", wl, [A("div", Cl, [(O = f.node) != null && O.draggable && !f.node.disabled ? ($(), H(I, {
         key: 0,
         name: "drag_indicator",
         size: "sm",
@@ -5365,10 +5365,10 @@ const _l = { key: 0 }, yl = ["innerHTML"], hl = /* @__PURE__ */ ae({
       })) : X("", !0), C(St, {
         name: t.value,
         visible: e.expandable,
-        onClick: a[0] || (a[0] = qe(() => {
+        onClick: a[0] || (a[0] = He(() => {
           f.node.disabled || h("toggleExpand");
         }, ["stop"]))
-      }, null, 8, ["name", "visible"]), f.node.icon ? ($(), q(I, {
+      }, null, 8, ["name", "visible"]), f.node.icon ? ($(), H(I, {
         key: 1,
         size: "sm",
         outline: "",
@@ -5391,13 +5391,13 @@ const _l = { key: 0 }, yl = ["innerHTML"], hl = /* @__PURE__ */ ae({
           highlightedStrings: f.highlightedStrings
         }, null, 8, ["class", "text", "highlightedStrings"])]),
         _: 1
-      }, 8, ["content"])])]), A("div", El, [($(!0), J(Oe, null, Ne(f.node.chips, (T) => ($(), q(Uo, {
+      }, 8, ["content"])])]), A("div", El, [($(!0), J(Oe, null, Ne(f.node.chips, (T) => ($(), H(Uo, {
         key: T.label,
         size: T.size || "xs",
         label: T.label,
         variant: T.variant || "neutral",
         border: T.border
-      }, null, 8, ["size", "label", "variant", "border"]))), 128))])]), A("div", Tl, [A("div", xl, [($(!0), J(Oe, null, Ne(f.node.actions, (T) => ($(), q(Ft, {
+      }, null, 8, ["size", "label", "variant", "border"]))), 128))])]), A("div", Tl, [A("div", xl, [($(!0), J(Oe, null, Ne(f.node.actions, (T) => ($(), H(Ft, {
         key: T.id,
         name: T.icon,
         tooltip: T.tooltip,
@@ -5410,7 +5410,7 @@ const _l = { key: 0 }, yl = ["innerHTML"], hl = /* @__PURE__ */ ae({
         class: fe(["fm-typo-en-body-md-400", ((k = f.node.rightLabel) == null ? void 0 : k.variant) === o(Qe).PRIMARY ? "text-fm-color-primary" : "text-fm-color-typo-secondary"]),
         text: (p = f.node.rightLabel) == null ? void 0 : p.label,
         highlightedStrings: f.highlightedStrings,
-        onClick: a[1] || (a[1] = qe((T) => {
+        onClick: a[1] || (a[1] = He((T) => {
           var U, M;
           return (M = (U = f.node.rightLabel) == null ? void 0 : U.onClick) == null ? void 0 : M.call(U);
         }, ["stop"]))
@@ -5457,7 +5457,7 @@ const _l = { key: 0 }, yl = ["innerHTML"], hl = /* @__PURE__ */ ae({
       }
       return R(m.nodes), F;
     });
-    H(null);
+    q(null);
     const {
       list: w,
       scrollTo: b,
@@ -5518,7 +5518,7 @@ const _l = { key: 0 }, yl = ["innerHTML"], hl = /* @__PURE__ */ ae({
             "being-dragged": o(O) === l.id
           }]),
           id: `tree-node-${l.id}`
-        }, [($(), q(Dl, {
+        }, [($(), H(Dl, {
           key: l.id,
           node: l.node,
           selected: m.selectedNodeId === l.id,
@@ -5561,7 +5561,7 @@ const _l = { key: 0 }, yl = ["innerHTML"], hl = /* @__PURE__ */ ae({
     return (r, e) => {
       const t = W("FmIcon");
       return $(), J("div", Ml, [
-        r.icon ? ($(), q(t, {
+        r.icon ? ($(), H(t, {
           key: 0,
           name: r.icon
         }, null, 8, ["name"])) : X("", !0),
@@ -5620,12 +5620,12 @@ const _l = { key: 0 }, yl = ["innerHTML"], hl = /* @__PURE__ */ ae({
       schedulerManager: T,
       noScheduler: U
     } = ho(!0);
-    return (M, F) => ($(), J("div", Nl, [A("div", Ll, [o(s).rules.category.create ? ($(), q(kt, {
+    return (M, F) => ($(), J("div", Nl, [A("div", Ll, [o(s).rules.category.create ? ($(), H(kt, {
       key: 0,
       label: o(a)("menu.tree_editor.actions.add_category"),
       icon: "add",
       onClick: F[0] || (F[0] = (R) => o(g).create())
-    }, null, 8, ["label"])) : X("", !0), o(s).state.currentCatalogId && !o(s).state.currentSchedulerId ? ($(), q(xt, {
+    }, null, 8, ["label"])) : X("", !0), o(s).state.currentCatalogId && !o(s).state.currentSchedulerId ? ($(), H(xt, {
       key: 1,
       "categorized-items": o(p).linkableItems.value,
       "initial-value": o(p).currentItems.value,
@@ -5645,7 +5645,7 @@ const _l = { key: 0 }, yl = ["innerHTML"], hl = /* @__PURE__ */ ae({
         onClick: R
       }, null, 8, ["label", "onClick"])]),
       _: 1
-    }, 8, ["categorized-items", "initial-value", "menu-items", "categories", "link-item-rules", "no-scheduler", "onSubmit"])) : X("", !0), o(s).state.currentSchedulerId ? ($(), q(xt, {
+    }, 8, ["categorized-items", "initial-value", "menu-items", "categories", "link-item-rules", "no-scheduler", "onSubmit"])) : X("", !0), o(s).state.currentSchedulerId ? ($(), H(xt, {
       key: 2,
       "categorized-items": o(T).linkableItems.value,
       "initial-value": o(T).currentItems.value,
@@ -5689,7 +5689,7 @@ const _l = { key: 0 }, yl = ["innerHTML"], hl = /* @__PURE__ */ ae({
   }
 }), Bl = { class: "space-y-8" }, zl = /* @__PURE__ */ ae({
   __name: "TreeFilter",
-  props: /* @__PURE__ */ Ht({
+  props: /* @__PURE__ */ qt({
     menu: {}
   }, {
     modelValue: { required: !0 },
@@ -5699,7 +5699,7 @@ const _l = { key: 0 }, yl = ["innerHTML"], hl = /* @__PURE__ */ ae({
   setup(n) {
     const { t: r } = ce(), e = n, t = se();
     at();
-    const m = qt(n, "modelValue"), s = D(() => [
+    const m = Ht(n, "modelValue"), s = D(() => [
       {
         label: r("menu.tree_editor.labels.main_catalog"),
         value: null
@@ -5740,7 +5740,7 @@ const _l = { key: 0 }, yl = ["innerHTML"], hl = /* @__PURE__ */ ae({
           "custom-label": g.value,
           "onUpdate:modelValue": f[0] || (f[0] = (I) => m.value.catalogId = I)
         }, null, 8, ["model-value", "items", "placeholder", "search-placeholder", "custom-label"]),
-        h.value ? ($(), q(Kt, {
+        h.value ? ($(), H(Kt, {
           key: 0,
           "model-value": m.value.schedulerId || "",
           items: w.value,
@@ -5749,7 +5749,7 @@ const _l = { key: 0 }, yl = ["innerHTML"], hl = /* @__PURE__ */ ae({
           "custom-label": d.value,
           "onUpdate:modelValue": f[1] || (f[1] = (I) => m.value.schedulerId = I)
         }, null, 8, ["model-value", "items", "placeholder", "search-placeholder", "custom-label"])) : X("", !0),
-        b.value ? ($(), q(Po, {
+        b.value ? ($(), H(Po, {
           key: 1,
           "current-restaurant-attr-params": o(t).state.currentRestaurantAttrParams,
           onConfirm: f[2] || (f[2] = (I) => o(t).setRestaurantAttrParams(I)),
@@ -5764,10 +5764,10 @@ const _l = { key: 0 }, yl = ["innerHTML"], hl = /* @__PURE__ */ ae({
       ]);
     };
   }
-}), Yl = { class: "h-full flex flex-col relative" }, jl = { class: "p-8" }, Wl = { class: "flex-1 p-8" }, Hl = {
+}), Yl = { class: "h-full flex flex-col relative" }, jl = { class: "p-8" }, Wl = { class: "flex-1 p-8" }, ql = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center tree-overlay"
-}, ql = { class: "flex items-center justify-center gap-16" }, Xl = /* @__PURE__ */ ae({
+}, Hl = { class: "flex items-center justify-center gap-16" }, Xl = /* @__PURE__ */ ae({
   __name: "TreePanel",
   props: {
     menu: {},
@@ -5776,7 +5776,7 @@ const _l = { key: 0 }, yl = ["innerHTML"], hl = /* @__PURE__ */ ae({
   },
   emits: ["tree-event"],
   setup(n, { emit: r }) {
-    const e = r, t = H({
+    const e = r, t = q({
       catalogId: null,
       schedulerId: null,
       searchKey: ""
@@ -5801,8 +5801,8 @@ const _l = { key: 0 }, yl = ["innerHTML"], hl = /* @__PURE__ */ ae({
             onTreeEvent: g[1] || (g[1] = (h) => e("tree-event", h))
           }, null, 8, ["menu", "overrided-menu", "filter-state"])
         ]),
-        s.loading ? ($(), J("div", Hl, [
-          A("div", ql, [
+        s.loading ? ($(), J("div", ql, [
+          A("div", Hl, [
             C(d, { size: "lg" })
           ])
         ])) : X("", !0)
@@ -5817,11 +5817,11 @@ const _l = { key: 0 }, yl = ["innerHTML"], hl = /* @__PURE__ */ ae({
   setup(n) {
     const { t: r } = ce(), e = n, t = se(), m = at();
     Ae(() => {
-      t.setMenu(ke.cloneDeep(e.menu)), t.computeMergedMenu();
+      t.$reinitialize(), t.setMenu(ke.cloneDeep(e.menu)), t.computeMergedMenu();
     }), Ot(() => {
-      t.clearHistory(), m.setExpandedNodeIds([]), m.setSelectedNodeId(null);
+      t.$dispose(), m.setExpandedNodeIds([]), m.setSelectedNodeId(null);
     });
-    const s = H(null), { currentItemId: g, initialForm: d, itemFormKey: h } = ir(t), { saveItemFormEditingStateDebounced: w } = or(s, t), b = H(null);
+    const s = q(null), { currentItemId: g, initialForm: d, itemFormKey: h } = ir(t), { saveItemFormEditingStateDebounced: w } = or(s, t), b = q(null);
     async function v(a) {
       if (a.type === we.SELECT_ITEM || a.type === we.SELECT_PRICE || a.type === we.SELECT_GROUP || a.type === we.SELECT_VARIANT) {
         if (!f(a.itemId))
@@ -5850,7 +5850,7 @@ const _l = { key: 0 }, yl = ["innerHTML"], hl = /* @__PURE__ */ ae({
       }
       return a && (g.value = a, m.setSelectedNodeByItemId(a)), !0;
     }
-    return (a, I) => ($(), q(ml, null, {
+    return (a, I) => ($(), H(ml, null, {
       "left-panel": B(() => [
         C(Xl, {
           menu: a.menu,
@@ -5861,7 +5861,7 @@ const _l = { key: 0 }, yl = ["innerHTML"], hl = /* @__PURE__ */ ae({
       ]),
       "right-panel": B(() => [
         A("div", Jl, [
-          o(d) ? ($(), q(nl, {
+          o(d) ? ($(), H(nl, {
             ref_key: "itemFormRef",
             ref: s,
             key: o(h),
@@ -5900,7 +5900,7 @@ const _l = { key: 0 }, yl = ["innerHTML"], hl = /* @__PURE__ */ ae({
       g("update:show", !1);
     }, h = ln(), w = se();
     w.selectCatalog(null), w.selectScheduler(null);
-    const b = H(!1), v = () => {
+    const b = q(!1), v = () => {
       m(
         async () => {
           wn(), await nt();
@@ -5921,7 +5921,7 @@ const _l = { key: 0 }, yl = ["innerHTML"], hl = /* @__PURE__ */ ae({
     );
     return (a, I) => {
       const S = W("fm-button"), O = W("fm-form");
-      return $(), q(Un, { to: "body" }, [
+      return $(), H(Un, { to: "body" }, [
         C(Rn, { name: "fade" }, {
           default: B(() => [
             C(O, {