@feedmepos/mf-menu-portal 1.0.4-dev.4 → 1.0.5-dev.1

package/dist/{Recipe-Ddx31csF.js → Recipe-BhjPAidT.js}

@@ -1,37 +1,35 @@
-import { defineComponent as ae, computed as c, ref as D, shallowRef as X, h as ke, withModifiers as Y, onUnmounted as _e, resolveComponent as y, openBlock as r, createBlock as h, unref as n, withCtx as _, createElementBlock as b, toDisplayString as F, Fragment as Z, createElementVNode as m, withDirectives as he, createVNode as d, renderList as xe, createCommentVNode as V, mergeProps as we } from "vue";
+import { defineComponent as ae, computed as c, ref as D, shallowRef as X, h as ke, withModifiers as Y, onUnmounted as _e, resolveComponent as g, openBlock as r, createBlock as _, unref as n, withCtx as y, createElementBlock as k, toDisplayString as F, Fragment as Z, createElementVNode as m, withDirectives as he, createVNode as d, renderList as xe, createCommentVNode as V, mergeProps as we } from "vue";
 import { useI18n as Ce } from "@feedmepos/mf-common";
 import { useDialog as Fe, useBreakpoints as Be, components as ee, FmButtonVariant as Se } from "@feedmepos/ui-library";
-import { _ as Ve } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
-import { _ as $e } from "./BindingLinkDialog.vue_vue_type_script_setup_true_lang-BZVQRyRI.js";
-import { _ as te } from "./BindingTable.vue_vue_type_script_setup_true_lang-D3CmOOPY.js";
-import { _ as Ae } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
-import { _ as Ue } from "./ListCountTag.vue_vue_type_script_setup_true_lang-0bjk8Aly.js";
-import { u as Ie } from "./useActionFeedback-Dm2HDa_2.js";
-import { u as Me } from "./useEditorValidation-Ctef5Bxt.js";
-import { b as De, u as Ee, a as Te } from "./provide-CDmXzkhz.js";
-const qe = {
+import { _ as Ve } from "./PhoneFab.vue_vue_type_script_setup_true_lang-CipbTqbp.js";
+import { _ as $e } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
+import { _ as Ae } from "./BindingLinkDialog.vue_vue_type_script_setup_true_lang-BZVQRyRI.js";
+import { _ as te } from "./BindingTable.vue_vue_type_script_setup_true_lang-DCgMQJE-.js";
+import { _ as Ue } from "./PageLayout.vue_vue_type_script_setup_true_lang-DrhsROXo.js";
+import { _ as Ie } from "./ListCountTag.vue_vue_type_script_setup_true_lang-0bjk8Aly.js";
+import { u as Me } from "./useActionFeedback-CElXij1W.js";
+import { u as De } from "./useEditorValidation-Ctef5Bxt.js";
+import { b as Ee, u as Te, a as qe } from "./provide-BGLSDsuJ.js";
+const Le = {
   key: 0,
   class: "flex-1 flex justify-between gap-8 pl-8"
-}, ze = {
+}, Ne = {
   key: 0,
   role: "alert",
   class: "text-fm-color-typo-secondary"
-}, Le = {
+}, Re = {
   key: 1,
   class: "text-fm-color-typo-secondary"
-}, Ne = { class: "flex justify-end items-center" }, Re = { class: "w-[320px] xs:w-full xs:px-16 xs:mt-8" }, je = {
+}, ze = { class: "flex justify-end items-center" }, je = { class: "w-[320px] xs:w-full xs:px-16 xs:mt-8" }, Pe = {
   key: 1,
   class: "flex-1 min-h-0 overflow-scroll divide-y divide-fm-color-neutral-gray-100 pb-64"
-}, Pe = ["onClick"], Qe = { class: "min-w-0 flex-1" }, Ke = { class: "fm-typo-en-body-lg-600 mb-4 break-words" }, Oe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary break-words" }, Ge = {
-  key: 2,
-  class: "fixed right-16 bottom-[72px] z-[100]"
-}, He = { class: "fm-typo-en-title-md-600" }, Je = { class: "pt-8 space-y-40" }, We = { class: "flex flex-row gap-16" }, Xe = { class: "flex gap-8 items-center justify-start" }, Ye = /* @__PURE__ */ ae({
+}, Qe = ["onClick"], Ke = { class: "min-w-0 flex-1" }, Oe = { class: "fm-typo-en-body-lg-600 mb-4 break-words" }, Ge = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary break-words" }, He = { class: "fm-typo-en-title-md-600" }, Je = { class: "pt-8 space-y-40" }, We = { class: "flex flex-row gap-16" }, Xe = { class: "flex gap-8 items-center justify-start" }, Ye = /* @__PURE__ */ ae({
   __name: "RecipeList",
   props: {
     sdk: {}
   },
   setup(E) {
-    const f = E, T = {
+    const b = E, T = {
       mounted: (e, t) => {
         var o;
         return (o = e.querySelector("input")) == null ? void 0 : o.setAttribute("aria-label", t.value);
@@ -40,7 +38,7 @@ const qe = {
         var o;
         return (o = e.querySelector("input")) == null ? void 0 : o.setAttribute("aria-label", t.value);
       }
-    }, { t: a } = Ce(), B = De(), ne = Fe(), { run: q } = Ie(), p = Ee(f.sdk.recipe.list), u = c(
+    }, { t: a } = Ce(), B = Ee(), ne = Fe(), { run: q } = Me(), p = Te(b.sdk.recipe.list), u = c(
       () => p.value.status === "ready" ? p.value.value : null
     ), ie = c(() => {
       var e;
@@ -48,8 +46,8 @@ const qe = {
     }), { breakpoints: le } = Be(), $ = c(() => le.value.xs), se = c(() => {
       var e;
       return [...((e = u.value) == null ? void 0 : e.rows) ?? []];
-    }), k = D(!1), A = D(!1), S = D("recipe"), s = X(
-      f.sdk.recipe.editor()
+    }), h = D(!1), A = D(!1), S = D("recipe"), s = X(
+      b.sdk.recipe.editor()
     ), x = X(
       s.value.get()
     );
@@ -60,12 +58,12 @@ const qe = {
     );
     const l = c(
       () => x.value.status === "ready" ? x.value.value : null
-    ), v = Me(() => s.value), z = c(
+    ), v = De(() => s.value), L = c(
       () => l.value ? v.issue(l.value.fieldIssues, "name") ?? l.value.nameIssue : null
-    ), L = c(
+    ), N = c(
       () => l.value ? v.issue(l.value.fieldIssues, "contains") ?? l.value.containsIssue : null
     );
-    function N(e) {
+    function R(e) {
       var o;
       const t = ((o = l.value) == null ? void 0 : o.fieldIssues) ?? {};
       return (e ?? []).map((w) => ({
@@ -73,14 +71,14 @@ const qe = {
         amountIssue: v.issue(t, `amount:${w.id}`) ?? w.amountIssue
       }));
     }
-    function R(e, t) {
+    function z(e, t) {
       v.field(
         `amount:${e}`,
         (o) => s.value.setBindingAmount(e, o)
       )["onUpdate:modelValue"](t);
     }
     function j(e) {
-      U(), s.value.dispose(), s.value = f.sdk.recipe.editor(e), x.value = s.value.get(), U = s.value.subscribe(
+      U(), s.value.dispose(), s.value = b.sdk.recipe.editor(e), x.value = s.value.get(), U = s.value.subscribe(
         (t) => {
           x.value = t;
         }
@@ -88,10 +86,10 @@ const qe = {
     }
     function I() {
       var e;
-      ((e = u.value) == null ? void 0 : e.create.state) === "allowed" && (j(), k.value = !0);
+      ((e = u.value) == null ? void 0 : e.create.state) === "allowed" && (j(), h.value = !0);
     }
     function P(e) {
-      j(e.id), k.value = !0;
+      j(e.id), h.value = !0;
     }
     async function oe() {
       (await q(
@@ -103,7 +101,7 @@ const qe = {
           },
           successMessage: (t) => a("menu.recipe.form.saved", { name: t.name })
         }
-      )).kind === "success" && (k.value = !1);
+      )).kind === "success" && (h.value = !1);
     }
     function ue() {
     }
@@ -123,7 +121,7 @@ const qe = {
           close: !0
         }
       }).onPrimary(async () => {
-        await q(() => f.sdk.recipe.remove(e.id), {
+        await q(() => b.sdk.recipe.remove(e.id), {
           successMessage: a("menu.recipe.form.removed", { name: e.name })
         });
       });
@@ -194,17 +192,17 @@ const qe = {
     return _e(() => {
       U(), s.value.dispose();
     }), (e, t) => {
-      const o = y("FmButton"), w = y("FmCircularProgress"), pe = y("FmSearch"), ve = y("FmTable"), be = y("FmTextField"), fe = y("FmFormGroup"), ge = y("FmSideSheet");
-      return r(), h(Ae, {
+      const o = g("FmButton"), w = g("FmCircularProgress"), pe = g("FmSearch"), ve = g("FmTable"), be = g("FmTextField"), fe = g("FmFormGroup"), ge = g("FmSideSheet");
+      return r(), _(Ue, {
         "data-visual-root": "recipe",
         heading: n(a)("menu.recipe.title")
       }, {
-        "append-heading": _(() => [
-          n(p).status === "ready" && u.value ? (r(), b("div", qe, [
-            d(Ue, {
+        "append-heading": y(() => [
+          n(p).status === "ready" && u.value ? (r(), k("div", Le, [
+            d(Ie, {
               value: u.value.totalCount
             }, null, 8, ["value"]),
-            u.value.totalCount > 0 && !$.value ? (r(), h(o, {
+            u.value.totalCount > 0 && !$.value ? (r(), _(o, {
               key: 0,
               disabled: u.value.create.state !== "allowed",
               label: n(a)("menu.recipe.actions.add"),
@@ -213,38 +211,38 @@ const qe = {
             }, null, 8, ["disabled", "label"])) : V("", !0)
           ])) : V("", !0)
         ]),
-        default: _(() => {
+        default: y(() => {
           var H;
           return [
-            n(p).status === "error" ? (r(), b("p", ze, F(n(B)(n(p).error.message)), 1)) : n(p).status === "unavailable" ? (r(), b("p", Le, F(n(B)(n(p).reason)), 1)) : n(p).status === "loading" ? (r(), h(w, { key: 2 })) : u.value && u.value.totalCount === 0 ? (r(), h(n(Ve), {
+            n(p).status === "error" ? (r(), k("p", Ne, F(n(B)(n(p).error.message)), 1)) : n(p).status === "unavailable" ? (r(), k("p", Re, F(n(B)(n(p).reason)), 1)) : n(p).status === "loading" ? (r(), _(w, { key: 2 })) : u.value && u.value.totalCount === 0 ? (r(), _(n($e), {
               key: 3,
               action: { text: n(a)("menu.recipe.empty.action"), callback: I },
               title: n(a)("menu.recipe.empty.title"),
               subtitle: n(a)("menu.recipe.empty.subtitle")
-            }, null, 8, ["action", "title", "subtitle"])) : u.value ? (r(), b(Z, { key: 4 }, [
-              m("div", Ne, [
-                m("div", Re, [
+            }, null, 8, ["action", "title", "subtitle"])) : u.value ? (r(), k(Z, { key: 4 }, [
+              m("div", ze, [
+                m("div", je, [
                   he(d(pe, {
                     autofocus: "",
                     "aria-label": n(a)("menu.recipe.table.search.accessibility_label"),
                     class: "mb-8",
                     "model-value": ie.value,
                     placeholder: n(a)("menu.recipe.table.search.placeholder"),
-                    "onUpdate:modelValue": f.sdk.recipe.search
+                    "onUpdate:modelValue": b.sdk.recipe.search
                   }, null, 8, ["aria-label", "model-value", "placeholder", "onUpdate:modelValue"]), [
                     [T, n(a)("menu.recipe.table.search.accessibility_label")]
                   ])
                 ])
               ]),
-              $.value ? (r(), b("div", je, [
-                (r(!0), b(Z, null, xe(u.value.rows, (i) => (r(), b("div", {
+              $.value ? (r(), k("div", Pe, [
+                (r(!0), k(Z, null, xe(u.value.rows, (i) => (r(), k("div", {
                   key: i.id,
                   class: "py-12 px-16 flex space-x-8 items-center cursor-pointer",
-                  onClick: (g) => P(i)
+                  onClick: (f) => P(i)
                 }, [
-                  m("div", Qe, [
-                    m("p", Ke, F(i.name), 1),
-                    m("p", Oe, F(K(i.ingredients)), 1)
+                  m("div", Ke, [
+                    m("p", Oe, F(i.name), 1),
+                    m("p", Ge, F(K(i.ingredients)), 1)
                   ]),
                   d(o, {
                     class: "shrink-0",
@@ -255,10 +253,10 @@ const qe = {
                     "prepend-icon": "delete",
                     "text-color": "neutral-gray-400",
                     variant: "tertiary",
-                    onClick: Y((g) => Q(i), ["stop"])
+                    onClick: Y((f) => Q(i), ["stop"])
                   }, null, 8, ["aria-label", "disabled", "onClick"])
-                ], 8, Pe))), 128))
-              ])) : (r(), h(ve, {
+                ], 8, Qe))), 128))
+              ])) : (r(), _(ve, {
                 key: 0,
                 "column-defs": de.value,
                 "hide-footer": "",
@@ -268,37 +266,40 @@ const qe = {
                 "shrink-at": !1,
                 onRowClick: t[0] || (t[0] = (i) => P(i.original))
               }, null, 8, ["column-defs", "page-size", "row-data"])),
-              u.value.totalCount > 0 && $.value ? (r(), b("div", Ge, [
-                d(o, {
-                  disabled: u.value.create.state !== "allowed",
-                  label: n(a)("menu.recipe.actions.add"),
-                  "prepend-icon": "add",
-                  variant: "fab",
-                  onClick: I
-                }, null, 8, ["disabled", "label"])
-              ])) : V("", !0)
+              u.value.totalCount > 0 && $.value ? (r(), _(Ve, { key: 2 }, {
+                default: y(() => [
+                  d(o, {
+                    disabled: u.value.create.state !== "allowed",
+                    label: n(a)("menu.recipe.actions.add"),
+                    "prepend-icon": "add",
+                    variant: "fab",
+                    onClick: I
+                  }, null, 8, ["disabled", "label"])
+                ]),
+                _: 1
+              })) : V("", !0)
             ], 64)) : V("", !0),
             d(ge, {
-              modelValue: k.value,
-              "onUpdate:modelValue": t[6] || (t[6] = (i) => k.value = i),
+              modelValue: h.value,
+              "onUpdate:modelValue": t[6] || (t[6] = (i) => h.value = i),
               "is-container": n(ee).FmForm,
               "is-container-props": { onValidationSuccess: oe },
               "max-width": 560,
               "onOn:clickedAway": ue
             }, {
-              "side-sheet-header": _(() => {
+              "side-sheet-header": y(() => {
                 var i;
                 return [
                   m("p", He, F(((i = l.value) == null ? void 0 : i.mode) === "update" ? n(a)("menu.recipe.update") : n(a)("menu.recipe.add")), 1)
                 ];
               }),
-              "side-sheet-footer": _(() => {
-                var i, g;
+              "side-sheet-footer": y(() => {
+                var i, f;
                 return [
                   m("div", Xe, [
                     d(o, {
                       disabled: ((i = l.value) == null ? void 0 : i.submit.state) !== "allowed",
-                      label: ((g = l.value) == null ? void 0 : g.mode) === "update" ? n(a)("menu.common.actions.update") : n(a)("menu.common.actions.add"),
+                      label: ((f = l.value) == null ? void 0 : f.mode) === "update" ? n(a)("menu.common.actions.update") : n(a)("menu.common.actions.add"),
                       size: "lg",
                       type: "submit",
                       variant: "primary"
@@ -307,49 +308,49 @@ const qe = {
                       label: n(a)("menu.common.actions.cancel"),
                       size: "lg",
                       variant: "tertiary",
-                      onClick: t[5] || (t[5] = (M) => k.value = !1)
+                      onClick: t[5] || (t[5] = (M) => h.value = !1)
                     }, null, 8, ["label"])
                   ])
                 ];
               }),
-              default: _(() => {
-                var i, g, M;
+              default: y(() => {
+                var i, f, M;
                 return [
                   m("div", Je, [
                     m("div", We, [
                       d(be, we({
                         autofocus: "",
                         class: "flex-2",
-                        "error-messages": z.value ? [n(B)(z.value)] : [],
+                        "error-messages": L.value ? [n(B)(L.value)] : [],
                         label: n(a)("menu.recipe.columns.name"),
                         "model-value": ((i = l.value) == null ? void 0 : i.name) ?? ""
                       }, n(v).field("name", s.value.setName)), null, 16, ["error-messages", "label", "model-value"])
                     ]),
                     d(fe, {
                       "model-value": [
-                        ...((g = l.value) == null ? void 0 : g.recipeBindings) ?? [],
+                        ...((f = l.value) == null ? void 0 : f.recipeBindings) ?? [],
                         ...((M = l.value) == null ? void 0 : M.ingredientBindings) ?? []
                       ],
-                      "error-messages": L.value ? [n(B)(L.value)] : []
+                      "error-messages": N.value ? [n(B)(N.value)] : []
                     }, {
-                      default: _(() => {
+                      default: y(() => {
                         var J, W;
                         return [
                           d(te, {
                             kind: "recipe",
                             disabled: O.value,
-                            rows: N((J = l.value) == null ? void 0 : J.recipeBindings),
+                            rows: R((J = l.value) == null ? void 0 : J.recipeBindings),
                             onLink: t[1] || (t[1] = (C) => G("recipe")),
-                            onUpdateAmount: R
+                            onUpdateAmount: z
                           }, null, 8, ["disabled", "rows"]),
                           d(te, {
                             kind: "ingredient",
                             disabled: O.value,
-                            rows: N((W = l.value) == null ? void 0 : W.ingredientBindings),
+                            rows: R((W = l.value) == null ? void 0 : W.ingredientBindings),
                             "show-inert-deduct": "",
                             onLink: t[2] || (t[2] = (C) => G("ingredient")),
                             onRemove: t[3] || (t[3] = (C) => (n(v).touch("contains"), s.value.removeIngredientBinding(C))),
-                            onUpdateAmount: R,
+                            onUpdateAmount: z,
                             onUpdateMeasurement: t[4] || (t[4] = (C, ye) => s.value.setBindingMeasurement(C, ye))
                           }, null, 8, ["disabled", "rows"])
                         ];
@@ -361,7 +362,7 @@ const qe = {
               }),
               _: 1
             }, 8, ["modelValue", "is-container", "is-container-props"]),
-            d($e, {
+            d(Ae, {
               modelValue: A.value,
               "onUpdate:modelValue": t[7] || (t[7] = (i) => A.value = i),
               candidates: ce.value,
@@ -376,13 +377,13 @@ const qe = {
       }, 8, ["heading"]);
     };
   }
-}), dt = /* @__PURE__ */ ae({
+}), ct = /* @__PURE__ */ ae({
   __name: "Recipe",
   setup(E) {
-    const f = Te();
-    return (T, a) => (r(), h(Ye, { sdk: n(f) }, null, 8, ["sdk"]));
+    const b = qe();
+    return (T, a) => (r(), _(Ye, { sdk: n(b) }, null, 8, ["sdk"]));
   }
 });
 export {
-  dt as default
+  ct as default
 };