@feedmepos/mf-menu 0.32.17 → 0.32.18-dev.1

package/dist/{CookingGuide-mEvca-0v.js → CookingGuide-EpAr5F5U.js}

@@ -1,24 +1,20 @@
-import { defineComponent as le, ref as w, computed as V, resolveComponent as x, createBlock as Y, openBlock as k, unref as i, withCtx as p, createElementVNode as l, createVNode as a, createElementBlock as I, toDisplayString as S, Fragment as z, renderList as J, withModifiers as ae, createCommentVNode as ce, createTextVNode as fe, h as A } from "vue";
+import { defineComponent as le, ref as w, computed as V, resolveComponent as x, createBlock as Y, openBlock as k, unref as i, withCtx as p, createElementVNode as l, createVNode as a, createElementBlock as $, toDisplayString as S, Fragment as z, renderList as X, withModifiers as ae, createCommentVNode as ce, createTextVNode as fe, h as R } from "vue";
 import { useI18n as se } from "@feedmepos/mf-common";
 import { components as ue, useSnackbar as be, useDialog as ye } from "@feedmepos/ui-library";
 import { _ as ke } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { _ as he } from "./app-BNrAos5Z.js";
-import { I as ee, J as me, M as re, A as oe, u as xe, Q as Ce, G as we, a4 as Fe } from "./index.vue_vue_type_script_setup_true_lang-DCBYExNb.js";
-import { d as Ve } from "./vuedraggable-CK8z7qA8.js";
-import { _ as Z } from "./RuleView.vue_vue_type_script_setup_true_lang-BeesK2ym.js";
-import { u as pe } from "./discardConfirm-BHni0LNu.js";
-import { L as Se } from "./LinkProductSideSheet-DFDYEUBh.js";
-import { _ as Ie } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = { class: "space-y-32" }, Ke = { class: "flex bg-fm-color-neutral-gray-100 border-b border-b-fm-color-neutral-gray-200" }, Le = { class: "px-16 py-8 w-[40%]" }, Ne = { class: "px-16 py-8 grow" }, De = { class: "px-16 py-8 w-[40%]" }, Ge = { class: "px-16 py-8 grow" }, Ue = { class: "space-y-16" }, Me = { class: "flex flex-wrap gap-8 overflow-hidden mb-8" }, Te = { class: "flex gap-8 items-center justify-start" }, Be = /* @__PURE__ */ le({
+import { _ as he } from "./app-Z0KWH9-d.js";
+import { c as ee, F as me, G as Z, n as pe, U as xe, L as Ce, m as re, e as oe, u as we, d as Fe, a as Ve, _ as Se } from "./App-Cfl37TTw.js";
+import { _ as $e } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
+const Ie = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = { class: "space-y-32" }, Ke = { class: "flex bg-fm-color-neutral-gray-100 border-b border-b-fm-color-neutral-gray-200" }, Le = { class: "px-16 py-8 w-[40%]" }, Ne = { class: "px-16 py-8 grow" }, De = { class: "px-16 py-8 w-[40%]" }, Ue = { class: "px-16 py-8 grow" }, Ge = { class: "space-y-16" }, Te = { class: "flex flex-wrap gap-8 overflow-hidden mb-8" }, Be = { class: "flex gap-8 items-center justify-start" }, Me = /* @__PURE__ */ le({
   __name: "CookingGuideStepDialog",
   emits: ["onComplete"],
-  setup(N, { expose: g, emit: Q }) {
+  setup(N, { expose: g, emit: H }) {
     const { t: u } = se();
     g({
       show: d,
-      hide: $
+      hide: I
     });
-    const D = Q;
+    const D = H;
     function L() {
       return {
         id: "",
@@ -26,23 +22,23 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
         instruction: ""
       };
     }
-    const C = w(!1), U = w(!1), E = w(void 0);
+    const C = w(!1), G = w(!1), E = w(void 0);
     function d(v) {
-      U.value = !!v, E.value = v ? ee(v) : L(), m.value = ee(E.value), F.value = Object.entries(m.value.variables).map(
+      G.value = !!v, E.value = v ? ee(v) : L(), m.value = ee(E.value), F.value = Object.entries(m.value.variables).map(
         ([t, f]) => ({ key: t, value: f })
       ), C.value = !0;
     }
-    function $() {
+    function I() {
       C.value = !1;
     }
     const m = w(L()), F = w([]);
-    function X() {
+    function J() {
       F.value.push({ key: "", value: "" });
     }
-    function R(v) {
+    function A(v) {
       F.value.splice(v, 1);
     }
-    function G(v) {
+    function U(v) {
       const t = document.activeElement;
       if (t && t.tagName === "TEXTAREA") {
         const f = t.selectionStart, _ = t.selectionEnd, P = m.value.instruction, W = P.substring(0, f) + `{{${v}}}` + P.substring(_);
@@ -65,10 +61,10 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
         label: t
       }), v),
       []
-    )), n = V(() => U.value ? u("menu.cooking_guide.step_dialog.update.title") : u("menu.cooking_guide.step_dialog.add.title")), s = V(() => U.value ? u("menu.cooking_guide.step_dialog.update.action") : u("menu.cooking_guide.step_dialog.add.action"));
+    )), n = V(() => G.value ? u("menu.cooking_guide.step_dialog.update.title") : u("menu.cooking_guide.step_dialog.add.title")), s = V(() => G.value ? u("menu.cooking_guide.step_dialog.update.action") : u("menu.cooking_guide.step_dialog.add.action"));
     w();
-    const K = pe(
-      () => !me.isEqual(
+    const K = me(
+      () => !pe.isEqual(
         {
           ...m.value,
           variables: F.value.reduce((v, { key: t, value: f }) => ({ ...v, [t]: f }), {})
@@ -79,8 +75,8 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
         C.value = !1;
       }
     );
-    function M() {
-      $(), D("onComplete", {
+    function T() {
+      I(), D("onComplete", {
         ...m.value,
         variables: F.value.reduce((v, { key: t, value: f }) => ({ ...v, [t]: f }), {})
       });
@@ -89,31 +85,31 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
       const f = x("FmButton"), _ = x("FmTextField"), P = x("FmChip"), W = x("FmTextarea"), q = x("FmSideSheet");
       return k(), Y(q, {
         modelValue: C.value,
-        "onUpdate:modelValue": t[1] || (t[1] = (T) => C.value = T),
+        "onUpdate:modelValue": t[1] || (t[1] = (B) => C.value = B),
         closeButton: !1,
         header: n.value,
         "max-width": 560,
         "is-container": i(ue).FmForm,
         "is-container-props": {
-          onValidationSuccess: M,
+          onValidationSuccess: T,
           blameFormChildOnValidationFailed: !0,
           class: "flex flex-col h-full"
         },
         "onOn:clickedAway": i(K)
       }, {
         "side-sheet-header": p(() => [
-          l("div", $e, [
+          l("div", Ie, [
             a(f, {
               icon: "arrow_back",
               variant: "tertiary",
               label: i(u)("menu.cooking_guide.step_dialog.actions.back"),
-              onClick: $
+              onClick: I
             }, null, 8, ["label"]),
             l("div", Oe, S(n.value), 1)
           ])
         ]),
         "side-sheet-footer": p(() => [
-          l("div", Te, [
+          l("div", Be, [
             a(f, {
               label: s.value,
               size: "lg",
@@ -124,7 +120,7 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
               label: i(u)("menu.cooking_guide.step_dialog.actions.cancel"),
               size: "lg",
               variant: "tertiary",
-              onClick: $
+              onClick: I
             }, null, 8, ["label"])
           ])
         ]),
@@ -140,7 +136,7 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
                   variant: "secondary",
                   "text-color": "primary",
                   "border-color": "primary",
-                  onClick: X
+                  onClick: J
                 }, null, 8, ["label"])
               ]),
               default: p(() => [
@@ -149,26 +145,26 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
                     l("div", Le, S(i(u)("menu.cooking_guide.step_dialog.sections.variables.columns.key")), 1),
                     l("div", Ne, S(i(u)("menu.cooking_guide.step_dialog.sections.variables.columns.value")), 1)
                   ]),
-                  (k(!0), I(z, null, J(F.value, (T, B) => (k(), I("div", {
-                    key: B,
+                  (k(!0), $(z, null, X(F.value, (B, M) => (k(), $("div", {
+                    key: M,
                     class: "flex items-center border-b border-b-fm-color-neutral-gray-100"
                   }, [
                     l("div", De, [
                       a(_, {
-                        modelValue: F.value[B].key,
-                        "onUpdate:modelValue": (O) => F.value[B].key = O,
+                        modelValue: F.value[M].key,
+                        "onUpdate:modelValue": (O) => F.value[M].key = O,
                         rules: [
                           (O) => !!O || i(u)("menu.cooking_guide.step_dialog.sections.variables.validation.required"),
                           (O) => !O || /^[a-z]+$/.test(O) || i(u)("menu.cooking_guide.step_dialog.sections.variables.validation.lowercase"),
-                          (O) => !O || F.value.findIndex((de) => de.key === O) === B || i(u)("menu.cooking_guide.step_dialog.sections.variables.validation.duplicate")
+                          (O) => !O || F.value.findIndex((de) => de.key === O) === M || i(u)("menu.cooking_guide.step_dialog.sections.variables.validation.duplicate")
                         ],
                         placeholder: i(u)("menu.cooking_guide.step_dialog.sections.variables.placeholders.key")
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "rules", "placeholder"])
                     ]),
-                    l("div", Ge, [
+                    l("div", Ue, [
                       a(_, {
-                        modelValue: F.value[B].value,
-                        "onUpdate:modelValue": (O) => F.value[B].value = O,
+                        modelValue: F.value[M].value,
+                        "onUpdate:modelValue": (O) => F.value[M].value = O,
                         rules: [
                           (O) => !!O || i(u)("menu.cooking_guide.step_dialog.sections.variables.validation.required")
                         ],
@@ -179,7 +175,7 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
                       icon: "delete",
                       variant: "tertiary",
                       "text-color": "neutral-gray-400",
-                      onClick: () => R(B)
+                      onClick: () => A(M)
                     }, null, 8, ["onClick"])
                   ]))), 128))
                 ])
@@ -190,18 +186,18 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
               title: i(u)("menu.cooking_guide.step_dialog.sections.instruction.title")
             }, {
               default: p(() => [
-                l("div", Ue, [
-                  l("div", Me, [
-                    (k(!0), I(z, null, J(h.value, (T) => (k(), Y(P, {
-                      key: T.label,
-                      label: T.label,
+                l("div", Ge, [
+                  l("div", Te, [
+                    (k(!0), $(z, null, X(h.value, (B) => (k(), Y(P, {
+                      key: B.label,
+                      label: B.label,
                       class: "text-fm-color-primary bg-fm-color-system-warning-100",
-                      onMousedown: ae(() => G(T.label), ["prevent"])
+                      onMousedown: ae(() => U(B.label), ["prevent"])
                     }, null, 8, ["label", "onMousedown"]))), 128))
                   ]),
                   a(W, {
                     modelValue: m.value.instruction,
-                    "onUpdate:modelValue": t[0] || (t[0] = (T) => m.value.instruction = T),
+                    "onUpdate:modelValue": t[0] || (t[0] = (B) => m.value.instruction = B),
                     ref: "textareaRef"
                   }, null, 8, ["modelValue"])
                 ])
@@ -214,46 +210,46 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
       }, 8, ["modelValue", "header", "is-container", "is-container-props", "onOn:clickedAway"]);
     };
   }
-}), ze = { class: "w-[700px]" }, Ae = { class: "flex bg-fm-color-neutral-gray-100" }, Re = { class: "px-16 py-8 grow" }, Pe = { class: "px-16 py-8 w-[200px]" }, qe = { class: "px-16 py-8 w-[200px]" }, je = { class: "px-16 py-8 grow" }, Ye = { class: "px-16 py-8 w-[200px] flex flex-col gap-8" }, Je = { class: "px-16 py-8 w-[200px] flex flex-col gap-8" }, Qe = /* @__PURE__ */ le({
+}), ze = { class: "w-[700px]" }, Re = { class: "flex bg-fm-color-neutral-gray-100" }, Ae = { class: "px-16 py-8 grow" }, Pe = { class: "px-16 py-8 w-[200px]" }, qe = { class: "px-16 py-8 w-[200px]" }, je = { class: "px-16 py-8 grow" }, Ye = { class: "px-16 py-8 w-[200px] flex flex-col gap-8" }, Xe = { class: "px-16 py-8 w-[200px] flex flex-col gap-8" }, He = /* @__PURE__ */ le({
   __name: "CookingGuideStepOverrideDialog",
   emits: ["onComplete"],
-  setup(N, { expose: g, emit: Q }) {
+  setup(N, { expose: g, emit: H }) {
     const { t: u } = se();
     g({
       show: d,
-      hide: $
+      hide: I
     });
-    const D = Q;
+    const D = H;
     function L() {
       return {
         productId: "",
         overrides: []
       };
     }
-    const C = w(!1), U = w(""), E = w([]);
+    const C = w(!1), G = w(""), E = w([]);
     function d(h) {
-      U.value = h.itemName, E.value = h.steps, m.value = h.bindings ? ee(h.bindings) : L(), C.value = !0;
+      G.value = h.itemName, E.value = h.steps, m.value = h.bindings ? ee(h.bindings) : L(), C.value = !0;
     }
-    function $() {
+    function I() {
       C.value = !1;
     }
     const m = w(L()), F = V(() => m.value.overrides.reduce((h, n) => (h[n.id] = n, h), {}));
-    function X(h, n) {
+    function J(h, n) {
       var s;
       return ((s = F.value[h]) == null ? void 0 : s.variables[n]) ?? "";
     }
-    function R(h, n, s) {
-      const K = m.value.overrides.findIndex((M) => M.id === h);
+    function A(h, n, s) {
+      const K = m.value.overrides.findIndex((T) => T.id === h);
       s ? K < 0 ? m.value.overrides.push({
         id: h,
         variables: { [n]: s }
       }) : m.value.overrides[K].variables[n] = s : K >= 0 && (delete m.value.overrides[K].variables[n], Object.keys(m.value.overrides[K].variables).length || m.value.overrides.splice(K, 1));
     }
-    function G() {
-      $(), D("onComplete", m.value);
+    function U() {
+      I(), D("onComplete", m.value);
     }
     return (h, n) => {
-      const s = x("FmTextField"), K = x("FmSpacer"), M = x("FmButton"), v = x("FmDialog");
+      const s = x("FmTextField"), K = x("FmSpacer"), T = x("FmButton"), v = x("FmDialog");
       return k(), Y(v, {
         modelValue: C.value,
         "onUpdate:modelValue": n[0] || (n[0] = (t) => C.value = t),
@@ -266,45 +262,45 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
         ]),
         "dialog-footer": p(() => [
           a(K),
-          a(M, {
+          a(T, {
             class: "sm:w-full xs:w-full",
             label: i(u)("menu.cooking_guide.step_override_dialog.actions.cancel"),
             size: "md",
             variant: "tertiary",
-            onClick: $
+            onClick: I
           }, null, 8, ["label"]),
-          a(M, {
+          a(T, {
             class: "sm:w-full xs:w-full",
             label: i(u)("menu.cooking_guide.step_override_dialog.actions.save"),
             size: "md",
             variant: "primary",
-            onClick: G
+            onClick: U
           }, null, 8, ["label"])
         ]),
         default: p(() => [
           l("div", ze, [
-            l("div", Ae, [
-              l("div", Re, S(i(u)("menu.cooking_guide.step_override_dialog.columns.instructions")), 1),
+            l("div", Re, [
+              l("div", Ae, S(i(u)("menu.cooking_guide.step_override_dialog.columns.instructions")), 1),
               l("div", Pe, S(i(u)("menu.cooking_guide.step_override_dialog.columns.variables")), 1),
               l("div", qe, S(i(u)("menu.cooking_guide.step_override_dialog.columns.value")), 1)
             ]),
-            (k(!0), I(z, null, J(E.value, (t) => (k(), I("div", {
+            (k(!0), $(z, null, X(E.value, (t) => (k(), $("div", {
               key: t.id,
               class: "flex border-t-2"
             }, [
               l("div", je, S(t.instruction), 1),
               l("div", Ye, [
-                (k(!0), I(z, null, J(t.variables, (f, _) => (k(), I("div", {
+                (k(!0), $(z, null, X(t.variables, (f, _) => (k(), $("div", {
                   key: _,
                   class: "py-8 w-full text-ellipsis overflow-hidden whitespace-nowrap"
                 }, S(_), 1))), 128))
               ]),
-              l("div", Je, [
-                (k(!0), I(z, null, J(t.variables, (f, _) => (k(), I("div", { key: _ }, [
+              l("div", Xe, [
+                (k(!0), $(z, null, X(t.variables, (f, _) => (k(), $("div", { key: _ }, [
                   a(s, {
-                    "model-value": X(t.id, _.toString()),
+                    "model-value": J(t.id, _.toString()),
                     placeholder: f,
-                    "onUpdate:modelValue": (P) => R(t.id, _.toString(), P)
+                    "onUpdate:modelValue": (P) => A(t.id, _.toString(), P)
                   }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])
                 ]))), 128))
               ])
@@ -315,7 +311,7 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
       }, 8, ["modelValue"]);
     };
   }
-}), Xe = { class: "fm-typo-en-title-md-600" }, He = { class: "space-y-24" }, We = { class: "flex items-center" }, Ze = { class: "flex-1" }, eo = { class: "flex items-center gap-8" }, oo = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, to = { class: "flex-1" }, no = { class: "bg-fm-color-neutral-gray-100 px-16 py-8" }, io = { class: "px-16 py-8 flex-1 flex gap-4 overflow-auto min-w-0" }, ao = { class: "fm-typo-en-body-md-500" }, lo = { class: "px-16 py-8 flex gap-8" }, so = { class: "flex gap-8 items-center justify-start" }, uo = /* @__PURE__ */ le({
+}), Je = { class: "fm-typo-en-title-md-600" }, Qe = { class: "space-y-24" }, We = { class: "flex items-center" }, Ze = { class: "flex-1" }, eo = { class: "flex items-center gap-8" }, oo = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, to = { class: "flex-1" }, no = { class: "bg-fm-color-neutral-gray-100 px-16 py-8" }, io = { class: "px-16 py-8 flex-1 flex gap-4 overflow-auto min-w-0" }, ao = { class: "fm-typo-en-body-md-500" }, lo = { class: "px-16 py-8 flex gap-8" }, so = { class: "flex gap-8 items-center justify-start" }, uo = /* @__PURE__ */ le({
   __name: "CookingGuideDialog",
   props: {
     categorizedItems: {
@@ -328,10 +324,10 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
     }
   },
   emits: ["onSave"],
-  setup(N, { expose: g, emit: Q }) {
+  setup(N, { expose: g, emit: H }) {
     const u = N;
     g({
-      showModal: U,
+      showModal: G,
       hideModal: E
     });
     function D() {
@@ -343,25 +339,25 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
       };
     }
     const L = w(!1), C = w(void 0);
-    function U(e) {
+    function G(e) {
       C.value = e ? ee(e) : D(), d.value = ee(C.value), L.value = !0;
     }
     function E() {
       L.value = !1;
     }
-    const d = w(D()), $ = w();
+    const d = w(D()), I = w();
     function m() {
       var e;
-      (e = $.value) == null || e.show();
+      (e = I.value) == null || e.show();
     }
     function F(e) {
       var o;
-      (o = $.value) == null || o.show(e);
+      (o = I.value) == null || o.show(e);
     }
-    function X(e) {
+    function J(e) {
       d.value.steps.splice(e, 1);
     }
-    function R(e) {
+    function A(e) {
       if (!e.id)
         d.value.steps.push({ ...e, id: (/* @__PURE__ */ new Date()).toISOString() });
       else {
@@ -369,7 +365,7 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
         o >= 0 && d.value.steps.splice(o, 1, e);
       }
     }
-    function G(e) {
+    function U(e) {
       d.value = {
         ...d.value,
         bindings: e
@@ -382,11 +378,11 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
     }
     function n({ items: e }) {
       const o = e.reduce((r, c) => (r[c._id] = r[c._id] ?? [], c.combinationKey && (r[c._id] = [...r[c._id], c.combinationKey]), r), {}), b = Object.entries(o).reduce(
-        (r, [c, H]) => {
+        (r, [c, Q]) => {
           var te;
-          return r = H.length > 0 ? [
+          return r = Q.length > 0 ? [
             ...r,
-            ...H.map((ne) => {
+            ...Q.map((ne) => {
               var ie;
               return {
                 productId: c,
@@ -404,7 +400,7 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
         },
         []
       );
-      G(b);
+      U(b);
     }
     const s = w();
     function K(e) {
@@ -415,12 +411,12 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
         bindings: h(e.itemId, e.combinationKey)
       });
     }
-    function M({ productId: e, combinationKey: o, overrides: b }) {
+    function T({ productId: e, combinationKey: o, overrides: b }) {
       const r = d.value.bindings.map((c) => ({
         ...c,
         overrides: c.productId === e && c.combinationKey == o ? b : c.overrides
       }));
-      G(r);
+      U(r);
     }
     function v(e) {
       const o = d.value.bindings.findIndex(
@@ -433,18 +429,18 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
         const b = e[o.productId] ?? [];
         return o.combinationKey ? e[o.productId] = [...b, o.combinationKey] : e[o.productId] = [], e;
       }, {})
-    ), q = w(""), T = V(() => u.categorizedItems.reduce((e, o) => {
+    ), q = w(""), B = V(() => u.categorizedItems.reduce((e, o) => {
       var b, r;
       for (const c of o.items)
         (b = c.variant) != null && b.variantGroupIds.length && ((r = c.variant) == null ? void 0 : r.variantGroupIds.length) > 0 ? e = [
           ...e,
-          ...c.variant.variantCombinations.map((H) => ({
+          ...c.variant.variantCombinations.map((Q) => ({
             categoryId: o.id,
             categoryName: o.name,
             itemId: c._id,
             itemCode: c.code,
-            itemName: `${c.name} - ${H.codeName}`,
-            combinationKey: H.combinationKey
+            itemName: `${c.name} - ${Q.codeName}`,
+            combinationKey: Q.combinationKey
           }))
         ] : e.push({
           categoryId: o.id,
@@ -454,17 +450,17 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
           itemName: c.name
         });
       return e;
-    }, [])), B = V(() => T.value.filter((e) => {
+    }, [])), M = V(() => B.value.filter((e) => {
       const o = W.value[e.itemId];
       return !!o && (!e.combinationKey || o.includes(e.combinationKey));
     })), O = V(() => {
       const e = q.value.toLowerCase();
-      return e ? B.value.filter(
+      return e ? M.value.filter(
         (o) => {
           var b;
           return ((b = o.itemCode) == null ? void 0 : b.toLowerCase().includes(e)) || o.itemName.toLowerCase().includes(e) || o.categoryName.toLowerCase().includes(e);
         }
-      ) : B.value;
+      ) : M.value;
     }), de = V(() => O.value.reduce(
       (e, o) => {
         const b = e.findIndex((r) => r.id === o.categoryId);
@@ -478,10 +474,10 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
         }, e;
       },
       []
-    )), ge = Q;
+    )), ge = H;
     w();
-    const _e = pe(
-      () => !me.isEqual(C.value, d.value),
+    const _e = me(
+      () => !pe.isEqual(C.value, d.value),
       () => {
         L.value = !1;
       }
@@ -490,8 +486,8 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
       E(), ge("onSave", d.value);
     }
     return (e, o) => {
-      const b = x("FmTextField"), r = x("FmButton"), c = x("FmCardSection"), H = x("FmCard"), te = x("FmSpacer"), ne = x("FmSearch"), ie = x("FmSideSheet");
-      return k(), I(z, null, [
+      const b = x("FmTextField"), r = x("FmButton"), c = x("FmCardSection"), Q = x("FmCard"), te = x("FmSpacer"), ne = x("FmSearch"), ie = x("FmSideSheet");
+      return k(), $(z, null, [
         a(ie, {
           modelValue: L.value,
           "onUpdate:modelValue": o[4] || (o[4] = (y) => L.value = y),
@@ -506,7 +502,7 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
           "onOn:clickedAway": i(_e)
         }, {
           "side-sheet-header": p(() => [
-            l("span", Xe, S(f.value), 1)
+            l("span", Je, S(f.value), 1)
           ]),
           "side-sheet-footer": p(() => [
             l("div", so, [
@@ -525,7 +521,7 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
             ])
           ]),
           default: p(() => [
-            l("div", He, [
+            l("div", Qe, [
               a(Z, {
                 title: i(t)("menu.cooking_guide.dialog.sections.guide_detail.title")
               }, {
@@ -557,14 +553,14 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
                   }, null, 8, ["label"])
                 ]),
                 default: p(() => [
-                  a(i(Ve), {
+                  a(i(xe), {
                     modelValue: d.value.steps,
                     "onUpdate:modelValue": o[1] || (o[1] = (y) => d.value.steps = y),
                     handle: ".handle",
                     "item-key": "id"
                   }, {
                     item: p(({ element: y, index: j }) => [
-                      a(H, {
+                      a(Q, {
                         variant: "outlined",
                         class: "rounded-md mb-16 items-center",
                         horizontal: "",
@@ -588,7 +584,7 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
                           a(r, {
                             icon: "delete",
                             variant: "tertiary",
-                            onClick: ae(() => X(j), ["stop"])
+                            onClick: ae(() => J(j), ["stop"])
                           }, null, 8, ["onClick"])
                         ]),
                         _: 2
@@ -605,7 +601,7 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
               }, {
                 "append-title": p(() => [
                   a(te),
-                  a(Se, {
+                  a(Ce, {
                     "categorized-items": N.categorizedItems,
                     "initial-value": d.value.bindings.map((y) => ({
                       _id: y.productId,
@@ -642,11 +638,11 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
                       }, null, 8, ["modelValue", "placeholder"])
                     ])
                   ]),
-                  (k(!0), I(z, null, J(de.value, (y) => (k(), I("div", {
+                  (k(!0), $(z, null, X(de.value, (y) => (k(), $("div", {
                     key: y.id || ""
                   }, [
                     l("div", no, S(y.name), 1),
-                    (k(!0), I(z, null, J(y.items, (j) => (k(), I("div", {
+                    (k(!0), $(z, null, X(y.items, (j) => (k(), $("div", {
                       key: j.itemId,
                       class: "flex items-center"
                     }, [
@@ -674,15 +670,15 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
           ]),
           _: 1
         }, 8, ["modelValue", "header", "is-container", "is-container-props", "onOn:clickedAway"]),
-        a(Be, {
+        a(Me, {
           ref_key: "cookingGuideStepDialogRef",
-          ref: $,
-          onOnComplete: R
+          ref: I,
+          onOnComplete: A
         }, null, 512),
-        a(Qe, {
+        a(He, {
           ref_key: "cookingGuideStepOverrideDialogRef",
           ref: s,
-          onOnComplete: M
+          onOnComplete: T
         }, null, 512)
       ], 64);
     };
@@ -721,12 +717,12 @@ const po = {
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
 }, bo = {
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Oo = /* @__PURE__ */ le({
+}, Vo = /* @__PURE__ */ le({
   __name: "CookingGuide",
   setup(N) {
     const {
       t: g
-    } = se(), Q = V(() => [{
+    } = se(), H = V(() => [{
       accessorKey: "name",
       header: () => g("menu.cooking_guide.table.columns.name"),
       cell: (n) => n.getValue(),
@@ -760,18 +756,18 @@ const po = {
         headerContentClass: "-mx-16"
       },
       enableSorting: !1,
-      cell: (n) => A("div", {
+      cell: (n) => R("div", {
         class: "flex justify-end"
-      }, [A(ue.FmButton, {
+      }, [R(ue.FmButton, {
         icon: "delete",
         textColor: "neutral-gray-400",
         variant: "tertiary",
         onClick: ae(() => {
-          R(n.row.original);
+          A(n.row.original);
         }, ["stop", "prevent"])
       })])
-    }]), u = xe(), D = V(() => E.checkMenuIsLoading()), L = V(() => u.categorizedItems), C = V(() => u.state.menu.modules.cookingGuide), U = V(() => C.value.length > 0), E = Ce(we(be())), d = w();
-    function $() {
+    }]), u = we(), D = V(() => E.checkMenuIsLoading()), L = V(() => u.categorizedItems), C = V(() => u.state.menu.modules.cookingGuide), G = V(() => C.value.length > 0), E = Fe(Ve(be())), d = w();
+    function I() {
       var n;
       D.value || (n = d.value) == null || n.showModal();
     }
@@ -783,16 +779,16 @@ const po = {
       const s = n._id ? co(n) : ro(n);
       await E.updateMenu(s, n.name);
     }
-    const X = ye();
-    async function R(n) {
-      let s = [A("span", g("menu.cooking_guide.dialogs.remove.message.prefix")), A("span", {
+    const J = ye();
+    async function A(n) {
+      let s = [R("span", g("menu.cooking_guide.dialogs.remove.message.prefix")), R("span", {
         class: "fm-typo-en-body-lg-600"
-      }, n.name), A("span", "?")];
-      n.bindings.length && (s = [A("span", g("menu.cooking_guide.dialogs.remove.message.products_using")), A("span", {
+      }, n.name), R("span", "?")];
+      n.bindings.length && (s = [R("span", g("menu.cooking_guide.dialogs.remove.message.products_using")), R("span", {
         class: "fm-typo-en-body-lg-600"
-      }, n.bindings.length), A("span", g("menu.cooking_guide.dialogs.remove.message.products_count")), ...s]), X.open({
+      }, n.bindings.length), R("span", g("menu.cooking_guide.dialogs.remove.message.products_count")), ...s]), J.open({
         title: g("menu.cooking_guide.dialogs.remove.title"),
-        contentComponent: A("div", s),
+        contentComponent: R("div", s),
         primaryActions: {
           text: g("menu.cooking_guide.actions.remove"),
           close: !0,
@@ -806,40 +802,40 @@ const po = {
         await E.updateMenu(mo(n), n.name, !0);
       });
     }
-    const G = w(""), h = V(() => {
-      const n = G.value.toLowerCase();
+    const U = w(""), h = V(() => {
+      const n = U.value.toLowerCase();
       return n ? C.value.filter((s) => s.name.toLowerCase().includes(n)) : C.value;
     });
     return (n, s) => {
-      const K = x("FmSearch"), M = x("FmTable"), v = x("FmButton"), t = x("FmListItem"), f = x("FmList");
-      return k(), Y(Ie, {
+      const K = x("FmSearch"), T = x("FmTable"), v = x("FmButton"), t = x("FmListItem"), f = x("FmList");
+      return k(), Y($e, {
         heading: i(g)("menu.cooking_guide.title")
       }, {
-        "append-heading": p(() => [l("div", po, [U.value ? (k(), Y(ke, {
+        "append-heading": p(() => [l("div", po, [G.value ? (k(), Y(ke, {
           key: 0,
           disabled: D.value,
           icon: "add",
           label: i(g)("menu.cooking_guide.actions.add"),
           variant: "primary",
-          onClick: s[0] || (s[0] = () => $())
+          onClick: s[0] || (s[0] = () => I())
         }, null, 8, ["disabled", "label"])) : ce("", !0)])]),
-        default: p(() => [U.value ? (k(), I(z, {
+        default: p(() => [G.value ? (k(), $(z, {
           key: 1
         }, [l("div", go, [a(K, {
-          modelValue: G.value,
-          "onUpdate:modelValue": s[1] || (s[1] = (_) => G.value = _),
+          modelValue: U.value,
+          "onUpdate:modelValue": s[1] || (s[1] = (_) => U.value = _),
           autofocus: "",
           class: "my-8 w-[320px] xs:w-full xs:px-16",
           placeholder: i(g)("menu.cooking_guide.table.search.placeholder")
         }, null, 8, ["modelValue", "placeholder"])]), a(he, {
           class: "xs:hidden block"
         }, {
-          default: p(() => [a(M, {
-            "column-defs": Q.value,
+          default: p(() => [a(T, {
+            "column-defs": H.value,
             loading: D.value,
             "page-size": C.value.length,
             "row-data": C.value,
-            "search-value": G.value,
+            "search-value": U.value,
             shrinkAt: !1,
             "hide-footer": "",
             "pin-header-row": "",
@@ -850,7 +846,7 @@ const po = {
           class: "w-full px-16 xs:block hidden flex-1 min-h-0 overflow-scroll pb-64",
           separator: ""
         }, {
-          default: p(() => [(k(!0), I(z, null, J(h.value, (_) => (k(), Y(t, {
+          default: p(() => [(k(!0), $(z, null, X(h.value, (_) => (k(), Y(t, {
             key: _._id,
             label: _.name,
             style: {
@@ -867,16 +863,16 @@ const po = {
               icon: "delete",
               variant: "tertiary",
               "text-color": "neutral-gray-400",
-              onClick: ae(() => R(_), ["stop"])
+              onClick: ae(() => A(_), ["stop"])
             }, null, 8, ["disabled", "onClick"])]),
             _: 2
           }, 1032, ["label", "onClick"]))), 128))]),
           _: 1
-        })], 64)) : (k(), Y(i(Fe), {
+        })], 64)) : (k(), Y(i(Se), {
           key: 0,
           action: {
             text: i(g)("menu.cooking_guide.empty.action"),
-            callback: () => $()
+            callback: () => I()
           },
           subtitle: i(g)("menu.cooking_guide.empty.subtitle"),
           title: i(g)("menu.cooking_guide.empty.title")
@@ -892,5 +888,5 @@ const po = {
   }
 });
 export {
-  Oo as default
+  Vo as default
 };