@feedmepos/mf-menu 0.31.33 → 0.31.34-alpha

package/dist/{Category-CE9ixFkD.js → Category-rMN8037Q.js}

@@ -1,19 +1,19 @@
-import { defineComponent as A, ref as F, computed as B, watch as se, resolveComponent as p, createElementBlock as E, openBlock as f, Fragment as Z, renderSlot as re, createVNode as d, unref as e, withCtx as g, createElementVNode as n, toDisplayString as T, h as L, withModifiers as z, getCurrentInstance as ie, renderList as ce, createBlock as U, createCommentVNode as ue } from "vue";
+import { defineComponent as A, ref as F, computed as B, watch as se, resolveComponent as p, createElementBlock as E, openBlock as f, Fragment as Q, renderSlot as re, createVNode as d, unref as e, withCtx as g, createElementVNode as n, toDisplayString as T, h as L, withModifiers as z, getCurrentInstance as ie, renderList as ce, createBlock as U, createCommentVNode as ue } from "vue";
 import { useI18n as j } from "@feedmepos/mf-common";
-import { useSnackbar as Y, components as R, useDialog as ee, FmButtonVariant as H, useBreakpoints as de, FmButtonColorThemeVariant as me } from "@feedmepos/ui-library";
+import { useSnackbar as Y, components as R, useDialog as ee, FmButtonVariant as X, useBreakpoints as de, FmButtonColorThemeVariant as me } from "@feedmepos/ui-library";
 import { _ as pe } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { D as G, u as ge, $ as fe, Y as _e, G as K, a4 as ye, O as q, J as te } from "./menu-IGORh0Ik.js";
+import { D as G, u as ge, Z as fe, X as _e, G as K, a3 as ye, O as q, J as te } from "./menu-DK7wG3S5.js";
 import { _ as ve } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { _ as he } from "./app-DuD_IPou.js";
+import { _ as he } from "./app-CrXLAKdw.js";
 import { c as be } from "./createForm-BoUQeZTd.js";
-import { _ as Q } from "./FormSection.vue_vue_type_script_setup_true_lang-CO4YGYLB.js";
+import { _ as Z } from "./FormSection.vue_vue_type_script_setup_true_lang-CO4YGYLB.js";
 import { u as xe } from "./discardConfirm-BHni0LNu.js";
-import { c as X } from "./object-DVUNCr7w.js";
+import { c as H } from "./object-DVUNCr7w.js";
 import { r as Ce } from "./rules-CIWTZQfh.js";
-import { u as J, a as ke } from "./menu-sGVv4bhQ.js";
+import { u as J, a as ke } from "./menu-DHfLxvzU.js";
 import { c as we } from "./check-C9mY6LiX.js";
-import { u as Fe } from "./item-CVnDeXhJ.js";
-import { u as oe } from "./category-mmjX_QdF.js";
+import { u as Fe } from "./item-C51o9ejv.js";
+import { u as oe } from "./category-CayMSpUc.js";
 import { _ as Ve } from "./index.vue_vue_type_script_setup_true_lang-BgqsTzLI.js";
 const $e = {
   class: "fm-typo-en-title-md-600"
@@ -43,7 +43,7 @@ const $e = {
       t
     } = j(), O = F(!1), u = F(!1), M = (o) => {
       we.isBoolean(o) ? u.value = o : u.value = !u.value;
-    }, i = F(X(_.initialValue)), C = F(""), S = B(() => {
+    }, i = F(H(_.initialValue)), C = F(""), S = B(() => {
       var k;
       const o = ((k = x.value.find((w) => w.id === i.value.id)) == null ? void 0 : k.items) || [], a = fe(i.value.id);
       return _e(o, (w) => w.code || w.name, a);
@@ -106,13 +106,13 @@ const $e = {
       }, i.value.name), M(!1);
     }
     return se(() => u.value, () => {
-      u.value && (i.value = X(_.initialValue));
+      u.value && (i.value = H(_.initialValue));
     }), h({
       trigger: M,
       show: u
     }), (o, a) => {
       const k = p("FmTextField"), w = p("FmButton"), ae = p("FmSearch"), ne = p("FmTable"), W = p("fm-button"), le = p("fm-side-sheet");
-      return f(), E(Z, null, [re(o.$slots, "default", {
+      return f(), E(Q, null, [re(o.$slots, "default", {
         trigger: M
       }), d(le, {
         id: "group-form",
@@ -140,7 +140,7 @@ const $e = {
           variant: "tertiary",
           onClick: a[3] || (a[3] = () => u.value = !1)
         }, null, 8, ["label"])])]),
-        default: g(() => [n("div", Me, [d(Q, {
+        default: g(() => [n("div", Me, [d(Z, {
           title: e(t)("menu.category.detail")
         }, {
           default: g(() => [d(k, {
@@ -151,7 +151,7 @@ const $e = {
             rules: [e(Ce)]
           }, null, 8, ["label", "modelValue", "disabled", "rules"])]),
           _: 1
-        }, 8, ["title"]), d(Q, {
+        }, 8, ["title"]), d(Z, {
           title: e(t)("menu.category.products.title"),
           class: "flex-1 min-h-0",
           shrinkable: !0
@@ -274,7 +274,7 @@ const $e = {
         primaryActions: {
           text: "Remove",
           close: !0,
-          variant: H.Destructive
+          variant: X.Destructive
         },
         secondaryActions: {
           text: "Cancel",
@@ -310,7 +310,7 @@ const $e = {
         placeholder: e(t)("menu.common.labels.search_placeholder", {
           type: "categories"
         })
-      }, null, 8, ["modelValue", "placeholder"])]), n("div", Re, [(f(!0), E(Z, null, ce(x.value, (c) => (f(), E("div", {
+      }, null, 8, ["modelValue", "placeholder"])]), n("div", Re, [(f(!0), E(Q, null, ce(x.value, (c) => (f(), E("div", {
         key: c.id || "",
         class: "flex flex-row py-12 px-16",
         onClick: (o) => C(c)
@@ -318,7 +318,7 @@ const $e = {
         count: c.items.length
       })), 1)]), d(I, {
         "text-color": e(me).NeutralGray400,
-        variant: e(H).Tertiary,
+        variant: e(X).Tertiary,
         "prepend-icon": "delete",
         disabled: !c.id,
         onClick: z((o) => u(c), ["stop"])
@@ -347,7 +347,7 @@ const $e = {
       })]));
     };
   }
-}), qe = { class: "flex-1 flex justify-between gap-8 pl-8" }, Je = { class: "flex items-center" }, We = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, He = { class: "fm-typo-en-body-md-600 font-semibold" }, gt = /* @__PURE__ */ A({
+}), qe = { class: "flex-1 flex justify-between gap-8 pl-8" }, Je = { class: "flex items-center" }, We = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, Xe = { class: "fm-typo-en-body-md-600 font-semibold" }, gt = /* @__PURE__ */ A({
   __name: "Category",
   setup(N) {
     const h = ee(), _ = Y(), V = G(_), b = q(V), $ = oe({ dialog: h, menuLoader: b }), { categories: m } = J(), { t: r } = j();
@@ -373,7 +373,7 @@ const $e = {
         n("div", qe, [
           n("div", Je, [
             n("div", We, [
-              n("p", He, T(t.value), 1)
+              n("p", Xe, T(t.value), 1)
             ])
           ]),
           e(m).length > 0 ? (f(), U(pe, {

package/dist/{CookingGuide-eghVaeEY.js → CookingGuide-DT2XxaWa.js}

@@ -2,12 +2,12 @@ import { defineComponent as ae, ref as w, computed as V, resolveComponent as x,
 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-DuD_IPou.js";
-import { H as ee, I as me, J as re, G as oe, u as xe, O as Ce, D as we } from "./menu-IGORh0Ik.js";
+import { _ as he } from "./app-CrXLAKdw.js";
+import { H as ee, I as me, J as re, G as oe, u as xe, O as Ce, D as we } from "./menu-DK7wG3S5.js";
 import { d as Fe } from "./vuedraggable-CK8z7qA8.js";
 import { _ as Z } from "./FormSection.vue_vue_type_script_setup_true_lang-CO4YGYLB.js";
 import { u as pe } from "./discardConfirm-BHni0LNu.js";
-import { L as Ve } from "./LinkProductSideSheet-CTT4oGUY.js";
+import { L as Ve } from "./LinkProductSideSheet-Cp0HFoP2.js";
 import { _ as Se } from "./index.vue_vue_type_script_setup_true_lang-BgqsTzLI.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" }, De = { class: "px-16 py-8 w-[40%]" }, Le = { class: "px-16 py-8 grow" }, Ne = { class: "px-16 py-8 w-[40%]" }, Ge = { class: "px-16 py-8 grow" }, Ue = { 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__ */ ae({
@@ -381,7 +381,7 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
         (r) => r.productId === e && r.combinationKey == o
       );
     }
-    function n(e) {
+    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, Q]) => {
           var te;

package/dist/CustomAttributeChip.vue_vue_type_script_setup_true_lang-Cv9LNAfi.js

@@ -0,0 +1,113 @@
+import { defineComponent as S, computed as o, createBlock as v, openBlock as t, unref as c, withCtx as g, renderSlot as B, ref as A, resolveComponent as I, createElementBlock as a, createElementVNode as m, createCommentVNode as b, Fragment as f, renderList as C, toDisplayString as d, withModifiers as F } from "vue";
+import { useI18n as V } from "@feedmepos/mf-common";
+import { _ as M } from "./MenuSelector.vue_vue_type_script_setup_true_lang-K6Z0QJBl.js";
+import { u as D } from "./menu-DK7wG3S5.js";
+import { useBreakpoints as E } from "@feedmepos/ui-library";
+import { _ as y } from "./TextChip.vue_vue_type_script_setup_true_lang-8frWuZFL.js";
+const X = /* @__PURE__ */ S({
+  __name: "SchedulerSelector",
+  setup(k) {
+    const s = D(), { t: n } = V(), l = o({
+      get: () => s.state.currentSchedulerId || "",
+      set: (e) => s.selectScheduler(e)
+    }), _ = o(() => [
+      { label: n("menu.common.labels.summary"), value: "" },
+      ...s.schedulers.map((e) => ({
+        label: e.name,
+        value: e._id
+      }))
+    ]), h = o(() => {
+      var e;
+      return ((e = _.value.find((r) => r.value === l.value)) == null ? void 0 : e.label) || n("menu.common.labels.summary");
+    });
+    return (e, r) => (t(), v(M, {
+      modelValue: l.value,
+      "onUpdate:modelValue": r[0] || (r[0] = (u) => l.value = u),
+      items: _.value,
+      placeholder: c(n)("menu.common.labels.summary"),
+      "search-placeholder": c(n)("menu.common.actions.search"),
+      title: c(n)("menu.common.labels.scheduler_title", { label: h.value })
+    }, {
+      append: g(() => [
+        B(e.$slots, "append")
+      ]),
+      _: 3
+    }, 8, ["modelValue", "items", "placeholder", "search-placeholder", "title"]));
+  }
+}), L = { class: "flex flex-wrap gap-8" }, N = { class: "py-12 px-16 space-y-12" }, O = { class: "fm-typo-en-body-md-600 text-fm-color-neutral-gray-600" }, T = { class: "flex flex-wrap gap-8" }, z = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, U = { key: 0 }, q = {
+  key: 1,
+  class: "inline-block w-8"
+}, G = { key: 0 }, H = { key: 1 }, Y = /* @__PURE__ */ S({
+  __name: "CustomAttributeChip",
+  props: {
+    customAttributes: {},
+    ellipsis: { type: Boolean, default: !0 }
+  },
+  setup(k) {
+    const s = k, { t: n } = V(), l = o(() => Object.values(s.customAttributes || {})), _ = E(), h = o(() => _.breakpoints.value.xs), e = o(() => s.ellipsis ? h.value ? 1 : 2 : 1 / 0), r = o(() => l.value.length <= e.value ? l.value : l.value.slice(0, e.value)), u = A(!0), $ = o(() => {
+      if (u.value) {
+        const i = r.value.join(", ");
+        return i.length > 20 ? i.slice(0, 20) + "..." : i;
+      }
+      return l.value.join(", ");
+    });
+    return (j, i) => {
+      const w = I("FmTooltip");
+      return h.value ? (t(), a(f, { key: 1 }, [
+        l.value.length > 0 ? (t(), a("p", z, [
+          m("span", null, d(c(n)("menu.product.table.columns.tagging")) + ": ", 1),
+          m("span", null, d($.value), 1),
+          u.value ? (t(), a("span", q)) : (t(), a("br", U)),
+          l.value.length > e.value ? (t(), a("span", {
+            key: 2,
+            class: "fm-typo-en-body-md-400 text-fm-color-primary cursor-pointer",
+            onClick: i[0] || (i[0] = F((p) => u.value = !u.value, ["stop", "prevent"]))
+          }, [
+            u.value ? (t(), a("span", G, d(c(n)("menu.product.table.tagging.expand", { count: l.value.length - e.value })), 1)) : (t(), a("span", H, d(c(n)("menu.product.table.tagging.collapse")), 1))
+          ])) : b("", !0)
+        ])) : b("", !0)
+      ], 64)) : (t(), v(w, {
+        key: 0,
+        class: "flex",
+        variant: "rich",
+        placement: "top",
+        "z-index": 50
+      }, {
+        content: g(() => [
+          m("div", N, [
+            m("p", O, d(c(n)("menu.product.table.tagging.all")), 1),
+            m("div", T, [
+              (t(!0), a(f, null, C(Object.entries(s.customAttributes || {}), ([p, x]) => (t(), v(y, {
+                key: x,
+                label: `${p}: ${x}`,
+                variant: "neutral"
+              }, null, 8, ["label"]))), 128))
+            ])
+          ])
+        ]),
+        default: g(() => [
+          m("div", L, [
+            (t(!0), a(f, null, C(r.value, (p) => (t(), v(y, {
+              key: p,
+              label: p,
+              variant: "neutral"
+            }, null, 8, ["label"]))), 128)),
+            l.value.length > e.value ? (t(), v(y, {
+              key: 0,
+              label: "...",
+              variant: "neutral"
+            })) : b("", !0)
+          ])
+        ]),
+        _: 1
+      }));
+    };
+  }
+});
+export {
+  Y as _,
+  X as a
+};

package/dist/{Group-DWrtP9Au.js → Group-CYSIOe3D.js}

@@ -1,4 +1,4 @@
-import { _ as f } from "./Group.vue_vue_type_script_setup_true_lang-DyqGsRAW.js";
+import { _ as f } from "./Group.vue_vue_type_script_setup_true_lang-B-BH-2WN.js";
 export {
   f as default
 };

package/dist/{Group-DDZPf6LY.js → Group-M4WPAAYz.js}

@@ -2,9 +2,9 @@ import { defineComponent as m, ref as p, createBlock as i, openBlock as d, unref
 import { useI18n as _ } from "@feedmepos/mf-common";
 import { _ as f } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
 import { _ as g } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { _ as y } from "./Group.vue_vue_type_script_setup_true_lang-DyqGsRAW.js";
-import { A as b } from "./item-CVnDeXhJ.js";
-import { a as h } from "./menu-sGVv4bhQ.js";
+import { _ as y } from "./Group.vue_vue_type_script_setup_true_lang-B-BH-2WN.js";
+import { A as b } from "./item-C51o9ejv.js";
+import { a as h } from "./menu-DHfLxvzU.js";
 const v = { class: "flex-1 flex justify-between gap-8 pl-8" }, x = { class: "flex items-center" }, k = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, C = { class: "fm-typo-en-body-md-600 font-semibold" }, j = /* @__PURE__ */ m({
   __name: "Group",
   setup(N) {