@feedmepos/mf-menu 0.32.62 → 0.32.63-dev.1

package/dist/index-K-MBqJJo.js

@@ -0,0 +1,222 @@
+import { defineComponent as v, resolveComponent as p, createBlock as m, openBlock as i, Teleport as k, createVNode as y, Transition as A, withCtx as g, createCommentVNode as b, withKeys as I, normalizeStyle as P, normalizeClass as f, createElementVNode as h, renderSlot as S, createElementBlock as x, toDisplayString as $, Fragment as z, renderList as N, computed as d, unref as U, ref as C } from "vue";
+import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { useI18n as F } from "@feedmepos/mf-common";
+const V = {
+  class: /* @__PURE__ */ f([
+    "flex items-center",
+    "px-24 pt-16 pb-8",
+    "border-b border-fm-color-neutral-gray-100",
+    "space-x-4"
+  ])
+}, j = { class: "fm-typo-en-title-sm-600 mr-auto" }, D = {
+  class: /* @__PURE__ */ f(["flex flex-col", "flex-1 overflow-scroll", "w-full", "px-24"])
+}, X = /* @__PURE__ */ v({
+  __name: "FullScreenForm",
+  props: {
+    show: { type: Boolean },
+    title: {},
+    primaryAction: {},
+    secondaryActions: {},
+    zIndex: { default: 50 }
+  },
+  emits: ["onPrimary", "onCancel"],
+  setup(r, { emit: e }) {
+    const n = e, l = () => {
+      n("onPrimary");
+    }, s = () => {
+      n("onCancel");
+    };
+    return (t, a) => {
+      const c = p("fm-button"), o = p("fm-form");
+      return i(), m(k, { to: "body" }, [
+        y(A, { name: "fade" }, {
+          default: g(() => [
+            t.show ? (i(), m(o, {
+              key: 0,
+              "blame-form-child-on-validation-failed": "",
+              class: f(["fixed inset-0", "flex flex-col", "w-screen h-dvh", "bg-fm-color-neutral-white"]),
+              style: P({ zIndex: t.zIndex }),
+              tabindex: "-1",
+              onValidationSuccess: l,
+              onKeyup: I(s, ["esc"])
+            }, {
+              default: g(() => [
+                h("div", V, [
+                  h("p", j, $(t.title), 1),
+                  S(t.$slots, "append-title", {}, void 0, !0),
+                  (i(!0), x(z, null, N(t.secondaryActions, (u) => (i(), m(c, {
+                    label: u.label,
+                    variant: "tertiary",
+                    onClick: u.click
+                  }, null, 8, ["label", "onClick"]))), 256)),
+                  y(c, {
+                    label: t.primaryAction.label,
+                    type: "submit",
+                    variant: "primary"
+                  }, null, 8, ["label"])
+                ]),
+                h("div", D, [
+                  S(t.$slots, "default", {}, void 0, !0)
+                ])
+              ]),
+              _: 3
+            }, 8, ["style"])) : b("", !0)
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+}), ne = /* @__PURE__ */ B(X, [["__scopeId", "data-v-5b5c7179"]]), le = /* @__PURE__ */ v({
+  __name: "PriceTierNotice",
+  props: {
+    menuStore: {}
+  },
+  setup(r) {
+    const e = r, n = d(() => {
+      var t, a;
+      return ((t = e.menuStore.currentCatalog) == null ? void 0 : t.priceTierRules) ?? ((a = e.menuStore.currentCatalog) == null ? void 0 : a.usePriceTiers) ?? [];
+    }), l = d(() => {
+      var t;
+      return e.menuStore.isV4 && e.menuStore.currentCatalog && !e.menuStore.currentScheduler && ((t = n.value) == null ? void 0 : t.length) > 0;
+    }), { t: s } = F();
+    return (t, a) => {
+      var o;
+      const c = p("FmSnackbar");
+      return l.value ? (i(), m(c, {
+        key: 0,
+        "z-index": 0,
+        class: "!max-w-full",
+        title: U(s)("menu.price_tier.price_group_description", { group: (o = n.value) == null ? void 0 : o.join(", ") })
+      }, null, 8, ["title"])) : b("", !0);
+    };
+  }
+}), K = ["alt", "src", "crossorigin"], se = /* @__PURE__ */ v({
+  __name: "Thumbnail",
+  props: {
+    src: {},
+    alt: {},
+    className: {},
+    size: {},
+    crossorigin: { type: Boolean, default: !0 }
+  },
+  setup(r) {
+    const e = r, { t: n } = F(), l = C(!1), s = C(!e.src), t = () => {
+      l.value = !1, s.value = !0;
+    }, a = () => {
+      l.value = !0, s.value = !0;
+    }, c = d(() => e.alt ? n("menu.thumbnail.alt.with_name", { name: e.alt }) : n("menu.thumbnail.alt.default")), o = d(() => typeof e.size == "number" ? {
+      width: e.size,
+      height: e.size
+    } : {
+      width: e.size.width,
+      height: e.size.height
+    }), u = d(() => {
+      if (!e.src) return null;
+      if (e.crossorigin) {
+        const _ = e.src.includes("?") ? "&" : "?";
+        return `${e.src}${_}_cors=${Date.now()}`;
+      }
+      return e.src;
+    });
+    return (_, Z) => {
+      const w = p("fm-icon"), R = p("fm-card");
+      return i(), x("div", {
+        class: f([_.className, "flex items-center justify-center"])
+      }, [
+        y(R, {
+          class: f(["flex items-center justify-center", "rounded-md"]),
+          style: P({ width: `${o.value.width}px`, height: `${o.value.height}px` }),
+          variant: "outlined"
+        }, {
+          default: g(() => [
+            u.value && !l.value ? (i(), x("img", {
+              key: 0,
+              alt: c.value,
+              class: f(["w-full h-full", "object-cover", s.value ? "" : "hidden"]),
+              src: u.value,
+              crossorigin: e.crossorigin ? "anonymous" : void 0,
+              onError: a,
+              onLoad: t
+            }, null, 42, K)) : (i(), m(w, {
+              key: 1,
+              color: "neutral-gray-300",
+              name: "image",
+              outline: ""
+            })),
+            s.value ? b("", !0) : (i(), m(w, {
+              key: 2,
+              class: "animate-spin",
+              name: "progress_activity",
+              spin: ""
+            }))
+          ]),
+          _: 1
+        }, 8, ["style"])
+      ], 2);
+    };
+  }
+}), G = new RegExp("([\\p{Ll}\\d])(\\p{Lu})", "gu"), H = new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])", "gu"), M = new RegExp("(\\d)\\p{Ll}|(\\p{L})\\d", "u"), O = /[^\p{L}\d]+/giu, L = "$1\0$2", E = "";
+function T(r) {
+  let e = r.trim();
+  e = e.replace(G, L).replace(H, L), e = e.replace(O, "\0");
+  let n = 0, l = e.length;
+  for (; e.charAt(n) === "\0"; )
+    n++;
+  if (n === l)
+    return [];
+  for (; e.charAt(l - 1) === "\0"; )
+    l--;
+  return e.slice(n, l).split(/\0/g);
+}
+function W(r) {
+  const e = T(r);
+  for (let n = 0; n < e.length; n++) {
+    const l = e[n], s = M.exec(l);
+    if (s) {
+      const t = s.index + (s[1] ?? s[2]).length;
+      e.splice(n, 1, l.slice(0, t), l.slice(t));
+    }
+  }
+  return e;
+}
+function ae(r, e) {
+  const [n, l, s] = Y(r, e), t = q(e == null ? void 0 : e.locale), a = J(e == null ? void 0 : e.locale), c = Q(t, a);
+  return n + l.map((o, u) => u === 0 ? c(o) : t(o)).join((e == null ? void 0 : e.delimiter) ?? " ") + s;
+}
+function q(r) {
+  return r === !1 ? (e) => e.toLowerCase() : (e) => e.toLocaleLowerCase(r);
+}
+function J(r) {
+  return r === !1 ? (e) => e.toUpperCase() : (e) => e.toLocaleUpperCase(r);
+}
+function Q(r, e) {
+  return (n) => `${e(n[0])}${r(n.slice(1))}`;
+}
+function Y(r, e = {}) {
+  const n = e.split ?? (e.separateNumbers ? W : T), l = e.prefixCharacters ?? E, s = e.suffixCharacters ?? E;
+  let t = 0, a = r.length;
+  for (; t < r.length; ) {
+    const c = r.charAt(t);
+    if (!l.includes(c))
+      break;
+    t++;
+  }
+  for (; a > t; ) {
+    const c = a - 1, o = r.charAt(c);
+    if (!s.includes(o))
+      break;
+    a = c;
+  }
+  return [
+    r.slice(0, t),
+    n(r.slice(t, a)),
+    r.slice(a)
+  ];
+}
+export {
+  ne as F,
+  le as _,
+  se as a,
+  ae as s
+};