@feedmepos/mf-menu 0.32.25 → 0.32.26-dev

package/dist/CookingGuide-DWgpLwLV.js

@@ -1,896 +0,0 @@
-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 { 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-CJA-WhTq.js";
-import { I as ee, J as me, M as re, A as oe, u as xe, Q as Ce, G as we, a5 as Fe } from "./index.vue_vue_type_script_setup_true_lang-CwDbpnGk.js";
-import { d as Ve } from "./vuedraggable-CK8z7qA8.js";
-import { _ as Z } from "./RuleView.vue_vue_type_script_setup_true_lang-CJpwxk9I.js";
-import { u as pe } from "./discardConfirm-BHni0LNu.js";
-import { L as Se } from "./LinkProductSideSheet-Ly9aSaWk.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({
-  __name: "CookingGuideStepDialog",
-  emits: ["onComplete"],
-  setup(N, { expose: g, emit: Q }) {
-    const { t: u } = se();
-    g({
-      show: d,
-      hide: $
-    });
-    const D = Q;
-    function L() {
-      return {
-        id: "",
-        variables: {},
-        instruction: ""
-      };
-    }
-    const C = w(!1), U = 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(
-        ([t, f]) => ({ key: t, value: f })
-      ), C.value = !0;
-    }
-    function $() {
-      C.value = !1;
-    }
-    const m = w(L()), F = w([]);
-    function X() {
-      F.value.push({ key: "", value: "" });
-    }
-    function R(v) {
-      F.value.splice(v, 1);
-    }
-    function G(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(_);
-        m.value = {
-          ...m.value,
-          instruction: W
-        }, setTimeout(() => {
-          t.focus();
-          const q = f + `{{${v}}}`.length;
-          t.setSelectionRange(q, q);
-        }, 0);
-      } else
-        m.value = {
-          ...m.value,
-          instruction: `${m.value.instruction}{{${v}}}`
-        };
-    }
-    const h = V(() => F.value.reduce(
-      (v, { key: t }) => (t && v.every((f) => f.label !== t) && v.push({
-        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"));
-    w();
-    const K = pe(
-      () => !me.isEqual(
-        {
-          ...m.value,
-          variables: F.value.reduce((v, { key: t, value: f }) => ({ ...v, [t]: f }), {})
-        },
-        E.value
-      ),
-      () => {
-        C.value = !1;
-      }
-    );
-    function M() {
-      $(), D("onComplete", {
-        ...m.value,
-        variables: F.value.reduce((v, { key: t, value: f }) => ({ ...v, [t]: f }), {})
-      });
-    }
-    return (v, t) => {
-      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),
-        closeButton: !1,
-        header: n.value,
-        "max-width": 560,
-        "is-container": i(ue).FmForm,
-        "is-container-props": {
-          onValidationSuccess: M,
-          blameFormChildOnValidationFailed: !0,
-          class: "flex flex-col h-full"
-        },
-        "onOn:clickedAway": i(K)
-      }, {
-        "side-sheet-header": p(() => [
-          l("div", $e, [
-            a(f, {
-              icon: "arrow_back",
-              variant: "tertiary",
-              label: i(u)("menu.cooking_guide.step_dialog.actions.back"),
-              onClick: $
-            }, null, 8, ["label"]),
-            l("div", Oe, S(n.value), 1)
-          ])
-        ]),
-        "side-sheet-footer": p(() => [
-          l("div", Te, [
-            a(f, {
-              label: s.value,
-              size: "lg",
-              variant: "primary",
-              type: "submit"
-            }, null, 8, ["label"]),
-            a(f, {
-              label: i(u)("menu.cooking_guide.step_dialog.actions.cancel"),
-              size: "lg",
-              variant: "tertiary",
-              onClick: $
-            }, null, 8, ["label"])
-          ])
-        ]),
-        default: p(() => [
-          l("div", Ee, [
-            a(Z, {
-              title: i(u)("menu.cooking_guide.step_dialog.sections.variables.title")
-            }, {
-              "append-title": p(() => [
-                a(f, {
-                  icon: "add",
-                  label: i(u)("menu.cooking_guide.step_dialog.sections.variables.add"),
-                  variant: "secondary",
-                  "text-color": "primary",
-                  "border-color": "primary",
-                  onClick: X
-                }, null, 8, ["label"])
-              ]),
-              default: p(() => [
-                l("div", null, [
-                  l("div", Ke, [
-                    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,
-                    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,
-                        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")
-                        ],
-                        placeholder: i(u)("menu.cooking_guide.step_dialog.sections.variables.placeholders.key")
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "rules", "placeholder"])
-                    ]),
-                    l("div", Ge, [
-                      a(_, {
-                        modelValue: F.value[B].value,
-                        "onUpdate:modelValue": (O) => F.value[B].value = O,
-                        rules: [
-                          (O) => !!O || i(u)("menu.cooking_guide.step_dialog.sections.variables.validation.required")
-                        ],
-                        placeholder: i(u)("menu.cooking_guide.step_dialog.sections.variables.placeholders.value")
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "rules", "placeholder"])
-                    ]),
-                    a(f, {
-                      icon: "delete",
-                      variant: "tertiary",
-                      "text-color": "neutral-gray-400",
-                      onClick: () => R(B)
-                    }, null, 8, ["onClick"])
-                  ]))), 128))
-                ])
-              ]),
-              _: 1
-            }, 8, ["title"]),
-            a(Z, {
-              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,
-                      class: "text-fm-color-primary bg-fm-color-system-warning-100",
-                      onMousedown: ae(() => G(T.label), ["prevent"])
-                    }, null, 8, ["label", "onMousedown"]))), 128))
-                  ]),
-                  a(W, {
-                    modelValue: m.value.instruction,
-                    "onUpdate:modelValue": t[0] || (t[0] = (T) => m.value.instruction = T),
-                    ref: "textareaRef"
-                  }, null, 8, ["modelValue"])
-                ])
-              ]),
-              _: 1
-            }, 8, ["title"])
-          ])
-        ]),
-        _: 1
-      }, 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({
-  __name: "CookingGuideStepOverrideDialog",
-  emits: ["onComplete"],
-  setup(N, { expose: g, emit: Q }) {
-    const { t: u } = se();
-    g({
-      show: d,
-      hide: $
-    });
-    const D = Q;
-    function L() {
-      return {
-        productId: "",
-        overrides: []
-      };
-    }
-    const C = w(!1), U = 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;
-    }
-    function $() {
-      C.value = !1;
-    }
-    const m = w(L()), F = V(() => m.value.overrides.reduce((h, n) => (h[n.id] = n, h), {}));
-    function X(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);
-      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);
-    }
-    return (h, n) => {
-      const s = x("FmTextField"), K = x("FmSpacer"), M = x("FmButton"), v = x("FmDialog");
-      return k(), Y(v, {
-        modelValue: C.value,
-        "onUpdate:modelValue": n[0] || (n[0] = (t) => C.value = t),
-        overlay: !0,
-        contentClass: "test",
-        "min-width": "min(calc(100% - 48px), 748px)"
-      }, {
-        "dialog-header": p(() => [
-          l("div", null, S(i(u)("menu.cooking_guide.step_override_dialog.title")), 1)
-        ]),
-        "dialog-footer": p(() => [
-          a(K),
-          a(M, {
-            class: "sm:w-full xs:w-full",
-            label: i(u)("menu.cooking_guide.step_override_dialog.actions.cancel"),
-            size: "md",
-            variant: "tertiary",
-            onClick: $
-          }, null, 8, ["label"]),
-          a(M, {
-            class: "sm:w-full xs:w-full",
-            label: i(u)("menu.cooking_guide.step_override_dialog.actions.save"),
-            size: "md",
-            variant: "primary",
-            onClick: G
-          }, 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", 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", {
-              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", {
-                  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: _ }, [
-                  a(s, {
-                    "model-value": X(t.id, _.toString()),
-                    placeholder: f,
-                    "onUpdate:modelValue": (P) => R(t.id, _.toString(), P)
-                  }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])
-                ]))), 128))
-              ])
-            ]))), 128))
-          ])
-        ]),
-        _: 1
-      }, 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({
-  __name: "CookingGuideDialog",
-  props: {
-    categorizedItems: {
-      type: Array,
-      required: !0
-    },
-    canApplyItems: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  emits: ["onSave"],
-  setup(N, { expose: g, emit: Q }) {
-    const u = N;
-    g({
-      showModal: U,
-      hideModal: E
-    });
-    function D() {
-      return {
-        _id: "",
-        name: "",
-        bindings: [],
-        steps: []
-      };
-    }
-    const L = w(!1), C = w(void 0);
-    function U(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();
-    function m() {
-      var e;
-      (e = $.value) == null || e.show();
-    }
-    function F(e) {
-      var o;
-      (o = $.value) == null || o.show(e);
-    }
-    function X(e) {
-      d.value.steps.splice(e, 1);
-    }
-    function R(e) {
-      if (!e.id)
-        d.value.steps.push({ ...e, id: (/* @__PURE__ */ new Date()).toISOString() });
-      else {
-        const o = d.value.steps.findIndex(({ id: b }) => e.id === b);
-        o >= 0 && d.value.steps.splice(o, 1, e);
-      }
-    }
-    function G(e) {
-      d.value = {
-        ...d.value,
-        bindings: e
-      };
-    }
-    function h(e, o) {
-      return d.value.bindings.find(
-        (r) => r.productId === e && r.combinationKey == o
-      );
-    }
-    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]) => {
-          var te;
-          return r = H.length > 0 ? [
-            ...r,
-            ...H.map((ne) => {
-              var ie;
-              return {
-                productId: c,
-                combinationKey: ne,
-                overrides: ((ie = h(c, ne)) == null ? void 0 : ie.overrides) ?? []
-              };
-            })
-          ] : [
-            ...r,
-            {
-              productId: c,
-              overrides: ((te = h(c)) == null ? void 0 : te.overrides) ?? []
-            }
-          ], r;
-        },
-        []
-      );
-      G(b);
-    }
-    const s = w();
-    function K(e) {
-      var o;
-      (o = s.value) == null || o.show({
-        itemName: e.itemName,
-        steps: d.value.steps,
-        bindings: h(e.itemId, e.combinationKey)
-      });
-    }
-    function M({ 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);
-    }
-    function v(e) {
-      const o = d.value.bindings.findIndex(
-        (b) => b.productId === e.itemId && e.combinationKey == b.combinationKey
-      );
-      o >= 0 && d.value.bindings.splice(o, 1);
-    }
-    const { t } = se(), f = V(() => d.value._id ? t("menu.cooking_guide.dialog.update.title") : t("menu.cooking_guide.dialog.add.title")), _ = V(() => d.value._id ? t("menu.cooking_guide.dialog.update.action") : t("menu.cooking_guide.dialog.add.action")), P = V(() => d.value.bindings.length), W = V(
-      () => d.value.bindings.reduce((e, o) => {
-        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) => {
-      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) => ({
-            categoryId: o.id,
-            categoryName: o.name,
-            itemId: c._id,
-            itemCode: c.code,
-            itemName: `${c.name} - ${H.codeName}`,
-            combinationKey: H.combinationKey
-          }))
-        ] : e.push({
-          categoryId: o.id,
-          categoryName: o.name,
-          itemId: c._id,
-          itemCode: c.code,
-          itemName: c.name
-        });
-      return e;
-    }, [])), B = V(() => T.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(
-        (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;
-    }), de = V(() => O.value.reduce(
-      (e, o) => {
-        const b = e.findIndex((r) => r.id === o.categoryId);
-        return b < 0 ? e.push({
-          id: o.categoryId,
-          name: o.categoryName,
-          items: [o]
-        }) : e[b] = {
-          ...e[b],
-          items: [...e[b].items, o]
-        }, e;
-      },
-      []
-    )), ge = Q;
-    w();
-    const _e = pe(
-      () => !me.isEqual(C.value, d.value),
-      () => {
-        L.value = !1;
-      }
-    );
-    function ve() {
-      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, [
-        a(ie, {
-          modelValue: L.value,
-          "onUpdate:modelValue": o[4] || (o[4] = (y) => L.value = y),
-          header: f.value,
-          "max-width": 560,
-          "is-container": i(ue).FmForm,
-          "is-container-props": {
-            onValidationSuccess: ve,
-            blameFormChildOnValidationFailed: !0,
-            class: "flex flex-col h-full py-16"
-          },
-          "onOn:clickedAway": i(_e)
-        }, {
-          "side-sheet-header": p(() => [
-            l("span", Xe, S(f.value), 1)
-          ]),
-          "side-sheet-footer": p(() => [
-            l("div", so, [
-              a(r, {
-                variant: "primary",
-                label: _.value,
-                size: "lg",
-                type: "submit"
-              }, null, 8, ["label"]),
-              a(r, {
-                variant: "tertiary",
-                label: i(t)("menu.cooking_guide.dialog.actions.cancel"),
-                size: "lg",
-                onClick: E
-              }, null, 8, ["label"])
-            ])
-          ]),
-          default: p(() => [
-            l("div", He, [
-              a(Z, {
-                title: i(t)("menu.cooking_guide.dialog.sections.guide_detail.title")
-              }, {
-                default: p(() => [
-                  a(b, {
-                    autofocus: "",
-                    modelValue: d.value.name,
-                    "onUpdate:modelValue": o[0] || (o[0] = (y) => d.value.name = y),
-                    label: i(t)("menu.cooking_guide.dialog.sections.guide_detail.name.label"),
-                    placeholder: i(t)("menu.cooking_guide.dialog.sections.guide_detail.name.placeholder"),
-                    rules: [
-                      (y) => !!y || i(t)("menu.cooking_guide.dialog.sections.guide_detail.name.required")
-                    ]
-                  }, null, 8, ["modelValue", "label", "placeholder", "rules"])
-                ]),
-                _: 1
-              }, 8, ["title"]),
-              a(Z, {
-                title: i(t)("menu.cooking_guide.dialog.sections.steps.title")
-              }, {
-                "append-title": p(() => [
-                  a(r, {
-                    label: i(t)("menu.cooking_guide.dialog.sections.steps.add"),
-                    variant: "secondary",
-                    "text-color": "primary",
-                    "border-color": "primary",
-                    icon: "add",
-                    onClick: m
-                  }, null, 8, ["label"])
-                ]),
-                default: p(() => [
-                  a(i(Ve), {
-                    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, {
-                        variant: "outlined",
-                        class: "rounded-md mb-16 items-center",
-                        horizontal: "",
-                        onClick: () => F(y)
-                      }, {
-                        default: p(() => [
-                          l("div", We, [
-                            a(r, {
-                              class: "handle",
-                              icon: "drag_handle",
-                              variant: "tertiary"
-                            }),
-                            l("p", Ze, S(y.name), 1)
-                          ]),
-                          a(c, { class: "grow" }, {
-                            default: p(() => [
-                              fe(S(y.instruction), 1)
-                            ]),
-                            _: 2
-                          }, 1024),
-                          a(r, {
-                            icon: "delete",
-                            variant: "tertiary",
-                            onClick: ae(() => X(j), ["stop"])
-                          }, null, 8, ["onClick"])
-                        ]),
-                        _: 2
-                      }, 1032, ["onClick"])
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue"])
-                ]),
-                _: 1
-              }, 8, ["title"]),
-              N.canApplyItems ? (k(), Y(Z, {
-                key: 0,
-                title: i(t)("menu.cooking_guide.dialog.sections.apply_product.title")
-              }, {
-                "append-title": p(() => [
-                  a(te),
-                  a(Se, {
-                    "categorized-items": N.categorizedItems,
-                    "initial-value": d.value.bindings.map((y) => ({
-                      _id: y.productId,
-                      combinationKey: y.combinationKey
-                    })),
-                    "select-variant": !0,
-                    "show-variant": !0,
-                    "show-addon": !1,
-                    onSubmit: o[2] || (o[2] = (y) => n(y))
-                  }, {
-                    default: p(({ trigger: y }) => [
-                      a(r, {
-                        icon: "link",
-                        label: i(t)("menu.scheduler.dialog.sections.products.link"),
-                        variant: "secondary",
-                        "text-color": "primary",
-                        "border-color": "primary",
-                        onClick: y
-                      }, null, 8, ["label", "onClick"])
-                    ]),
-                    _: 1
-                  }, 8, ["categorized-items", "initial-value"])
-                ]),
-                default: p(() => [
-                  l("div", eo, [
-                    l("div", oo, S(i(t)("menu.cooking_guide.dialog.sections.apply_product.products_linked", {
-                      count: P.value
-                    })), 1),
-                    l("div", to, [
-                      a(ne, {
-                        modelValue: q.value,
-                        "onUpdate:modelValue": o[3] || (o[3] = (y) => q.value = y),
-                        placeholder: i(t)("menu.cooking_guide.dialog.sections.apply_product.search")
-                      }, null, 8, ["modelValue", "placeholder"])
-                    ])
-                  ]),
-                  (k(!0), I(z, null, J(de.value, (y) => (k(), I("div", {
-                    key: y.id || ""
-                  }, [
-                    l("div", no, S(y.name), 1),
-                    (k(!0), I(z, null, J(y.items, (j) => (k(), I("div", {
-                      key: j.itemId,
-                      class: "flex items-center"
-                    }, [
-                      l("div", io, [
-                        l("span", ao, S((j.itemCode ? `${j.itemCode} ` : "") + j.itemName), 1)
-                      ]),
-                      l("div", lo, [
-                        a(r, {
-                          icon: "edit",
-                          variant: "tertiary",
-                          onClick: () => K(j)
-                        }, null, 8, ["onClick"]),
-                        a(r, {
-                          icon: "delete",
-                          variant: "tertiary",
-                          onClick: () => v(j)
-                        }, null, 8, ["onClick"])
-                      ])
-                    ]))), 128))
-                  ]))), 128))
-                ]),
-                _: 1
-              }, 8, ["title"])) : ce("", !0)
-            ])
-          ]),
-          _: 1
-        }, 8, ["modelValue", "header", "is-container", "is-container-props", "onOn:clickedAway"]),
-        a(Be, {
-          ref_key: "cookingGuideStepDialogRef",
-          ref: $,
-          onOnComplete: R
-        }, null, 512),
-        a(Qe, {
-          ref_key: "cookingGuideStepOverrideDialogRef",
-          ref: s,
-          onOnComplete: M
-        }, null, 512)
-      ], 64);
-    };
-  }
-});
-function ro(N) {
-  return {
-    module: oe.F_MENU_MODULE_V4_KEY.enum.cookingGuide,
-    operation: re.F_OPERATION_TYPE.create,
-    data: oe.FdoMenuCookingGuide.parse(N)
-  };
-}
-function co(N) {
-  return {
-    module: oe.F_MENU_MODULE_V4_KEY.enum.cookingGuide,
-    operation: re.F_OPERATION_TYPE.update,
-    data: oe.FdoMenuCookingGuide.parse(N)
-  };
-}
-function mo(N) {
-  return {
-    module: oe.F_MENU_MODULE_V4_KEY.enum.cookingGuide,
-    operation: re.F_OPERATION_TYPE.delete,
-    data: N._id
-  };
-}
-const po = {
-  class: "flex flex-1 justify-end"
-}, go = {
-  class: "flex justify-end items-center"
-}, _o = {
-  class: "grow space-y-4"
-}, vo = {
-  class: "fm-typo-en-body-lg-600"
-}, fo = {
-  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({
-  __name: "CookingGuide",
-  setup(N) {
-    const {
-      t: g
-    } = se(), Q = V(() => [{
-      accessorKey: "name",
-      header: () => g("menu.cooking_guide.table.columns.name"),
-      cell: (n) => n.getValue(),
-      enableSorting: !1
-    }, {
-      accessorKey: "bindings",
-      header: () => g("menu.cooking_guide.table.columns.products"),
-      cell: (n) => {
-        const s = n.getValue();
-        return g("menu.cooking_guide.table.columns.products", {
-          count: s.length
-        });
-      },
-      enableSorting: !1
-    }, {
-      accessorKey: "steps",
-      header: () => g("menu.cooking_guide.table.columns.steps"),
-      cell: (n) => {
-        const s = n.getValue();
-        return g("menu.cooking_guide.table.columns.steps", {
-          count: s.length
-        });
-      },
-      enableSorting: !1
-    }, {
-      accessorKey: "_id",
-      header: "",
-      size: 52,
-      meta: {
-        cellClass: "pl-16",
-        headerContentClass: "-mx-16"
-      },
-      enableSorting: !1,
-      cell: (n) => A("div", {
-        class: "flex justify-end"
-      }, [A(ue.FmButton, {
-        icon: "delete",
-        textColor: "neutral-gray-400",
-        variant: "tertiary",
-        onClick: ae(() => {
-          R(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 $() {
-      var n;
-      D.value || (n = d.value) == null || n.showModal();
-    }
-    function m(n) {
-      var s;
-      D.value || (s = d.value) == null || s.showModal(n);
-    }
-    async function F(n) {
-      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", {
-        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", {
-        class: "fm-typo-en-body-lg-600"
-      }, n.bindings.length), A("span", g("menu.cooking_guide.dialogs.remove.message.products_count")), ...s]), X.open({
-        title: g("menu.cooking_guide.dialogs.remove.title"),
-        contentComponent: A("div", s),
-        primaryActions: {
-          text: g("menu.cooking_guide.actions.remove"),
-          close: !0,
-          variant: "destructive"
-        },
-        secondaryActions: {
-          text: g("menu.cooking_guide.actions.cancel"),
-          close: !0
-        }
-      }).onPrimary(async () => {
-        await E.updateMenu(mo(n), n.name, !0);
-      });
-    }
-    const G = w(""), h = V(() => {
-      const n = G.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, {
-        heading: i(g)("menu.cooking_guide.title")
-      }, {
-        "append-heading": p(() => [l("div", po, [U.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] = () => $())
-        }, null, 8, ["disabled", "label"])) : ce("", !0)])]),
-        default: p(() => [U.value ? (k(), I(z, {
-          key: 1
-        }, [l("div", go, [a(K, {
-          modelValue: G.value,
-          "onUpdate:modelValue": s[1] || (s[1] = (_) => G.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,
-            loading: D.value,
-            "page-size": C.value.length,
-            "row-data": C.value,
-            "search-value": G.value,
-            shrinkAt: !1,
-            "hide-footer": "",
-            "pin-header-row": "",
-            onRowClick: s[2] || (s[2] = (_) => m(_.original))
-          }, null, 8, ["column-defs", "loading", "page-size", "row-data", "search-value"])]),
-          _: 1
-        }), a(f, {
-          class: "w-full px-16 xs:block sm:hidden flex-1 min-h-0 overflow-scroll pb-64",
-          separator: ""
-        }, {
-          default: p(() => [(k(!0), I(z, null, J(h.value, (_) => (k(), Y(t, {
-            key: _._id,
-            label: _.name,
-            style: {
-              padding: "12px 0 !important"
-            },
-            onClick: () => m(_)
-          }, {
-            default: p(() => [l("div", _o, [l("div", vo, S(_.name), 1), l("div", null, [l("div", fo, S(i(g)("menu.cooking_guide.table.mobile.products_linked", {
-              count: _.bindings.length
-            })), 1), l("div", bo, S(i(g)("menu.cooking_guide.table.columns.steps", {
-              count: _.steps.length
-            })), 1)])]), a(v, {
-              disabled: D.value,
-              icon: "delete",
-              variant: "tertiary",
-              "text-color": "neutral-gray-400",
-              onClick: ae(() => R(_), ["stop"])
-            }, null, 8, ["disabled", "onClick"])]),
-            _: 2
-          }, 1032, ["label", "onClick"]))), 128))]),
-          _: 1
-        })], 64)) : (k(), Y(i(Fe), {
-          key: 0,
-          action: {
-            text: i(g)("menu.cooking_guide.empty.action"),
-            callback: () => $()
-          },
-          subtitle: i(g)("menu.cooking_guide.empty.subtitle"),
-          title: i(g)("menu.cooking_guide.empty.title")
-        }, null, 8, ["action", "subtitle", "title"])), a(uo, {
-          ref_key: "cookingGuideDialogRef",
-          ref: d,
-          "categorized-items": L.value,
-          onOnSave: F
-        }, null, 8, ["categorized-items"])]),
-        _: 1
-      }, 8, ["heading"]);
-    };
-  }
-});
-export {
-  Oo as default
-};