@feedmepos/mf-inventory-portal 0.0.5

package/dist/FmMultiselectDialog.vue_vue_type_script_setup_true_lang-BXU7x6di.js

@@ -0,0 +1,144 @@
+import { defineComponent as $, ref as C, onMounted as N, watch as E, computed as f, resolveComponent as m, openBlock as v, createElementBlock as _, createElementVNode as s, createVNode as i, createTextVNode as M, toDisplayString as T, createSlots as U, withCtx as h, createBlock as I, Fragment as j, renderList as z } from "vue";
+import { useDialogChild as q } from "@feedmepos/ui-library";
+import { v as c } from "./app-BzDhmCVx.js";
+import { f as H } from "./fuzzy-BW8ZYsDG.js";
+const R = { class: "flex flex-col h-[400px]" }, G = { class: "flex justify-between py-24 items-center relative" }, J = { class: "flex gap-16 basis-1/2" }, K = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, O = /* @__PURE__ */ s("span", { class: "xs:hidden" }, "selected", -1), P = /* @__PURE__ */ s("div", { class: "absolute pointer-events-none -bottom-[304px] left-0 w-full h-[308px] overflow-hidden flex flex-col justify-between" }, [
+  /* @__PURE__ */ s("div", { class: "h-1 fm-shadow-light-200" }),
+  /* @__PURE__ */ s("div", {
+    class: "h-1",
+    style: { "box-shadow": "0px -4px 8px 0px rgba(199, 199, 204, 0.24)" }
+  })
+], -1), Q = { class: "h-[300px] overflow-y-auto" }, W = {
+  key: 1,
+  class: "p-16 text-fm-color-typo-disabled fm-typo-en-body-lg-400 text-center"
+}, le = /* @__PURE__ */ $({
+  __name: "FmMultiselectDialog",
+  props: {
+    modelValue: {},
+    items: {},
+    multiselect: { type: Boolean },
+    placeholder: { default: "Filter selections" },
+    showValidBorder: { type: Boolean },
+    maxHeight: {},
+    width: {}
+  },
+  emits: ["update:modelValue"],
+  setup(L, { emit: B }) {
+    const g = q(), b = L, D = B, t = C(b.modelValue ?? []);
+    N(() => {
+      g.emitData(t.value);
+    }), E([() => t.value], ([l]) => {
+      g.emitData(l), D("update:modelValue", l);
+    });
+    function x(l) {
+      return !!t.value.find((e) => c(e, l));
+    }
+    function y(l, e) {
+      const d = x(l);
+      if (!(e && d || !e && !d))
+        if (e) {
+          const a = [...t.value, l];
+          t.value = a;
+        } else {
+          const a = t.value.filter((p) => !c(p, l));
+          t.value = a;
+        }
+    }
+    const n = C(""), u = f(() => {
+      const l = n.value.toLocaleLowerCase(), e = b.items;
+      return n.value ? H.filter(l, e, {
+        pre: "|",
+        post: "|",
+        extract(a) {
+          return a.sublabel ? `${a.label}${a.sublabel}` : a.label;
+        }
+      }).map((a) => a.original) : e;
+    }), V = f(
+      () => t.value.filter((l) => u.value.find((e) => c(e.value, l)))
+    ), r = f(() => V.value.length === u.value.length), F = f(() => V.value.length > 0 && !r.value);
+    function S() {
+      r.value ? t.value = t.value.filter(
+        (l) => !u.value.find((e) => c(e.value, l))
+      ) : t.value = b.items.filter(
+        (l) => t.value.find((e) => c(e, l.value)) || u.value.find((e) => c(e.value, l.value))
+      ).map((l) => l.value);
+    }
+    return (l, e) => {
+      const d = m("FmIcon"), a = m("FmTextField"), p = m("FmCheckbox"), k = m("FmListItem"), A = m("FmList");
+      return v(), _("div", R, [
+        s("div", G, [
+          s("div", J, [
+            i(d, { name: "autorenew" }),
+            s("span", K, [
+              M(T(t.value.length) + " item(s) ", 1),
+              O
+            ])
+          ]),
+          i(a, {
+            class: "basis-1/2",
+            modelValue: n.value,
+            "onUpdate:modelValue": e[1] || (e[1] = (o) => n.value = o),
+            "prepend-icon": "search",
+            placeholder: l.placeholder
+          }, U({ _: 2 }, [
+            n.value.length ? {
+              name: "append",
+              fn: h(() => [
+                i(d, {
+                  class: "cursor-pointer",
+                  name: "close",
+                  onClick: e[0] || (e[0] = (o) => n.value = "")
+                })
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["modelValue", "placeholder"]),
+          P
+        ]),
+        s("div", Q, [
+          u.value.length ? (v(), I(A, { key: 0 }, {
+            default: h(() => [
+              i(k, {
+                "model-value": r.value,
+                indeterminate: F.value,
+                value: "",
+                onClick: e[2] || (e[2] = (o) => S()),
+                style: { "padding-top": "0", "padding-bottom": "0" }
+              }, {
+                prepend: h(() => [
+                  i(p, {
+                    "model-value": r.value,
+                    indeterminate: F.value,
+                    label: r.value ? "Remove all" : "Select all",
+                    value: ""
+                  }, null, 8, ["model-value", "indeterminate", "label"])
+                ]),
+                _: 1
+              }, 8, ["model-value", "indeterminate"]),
+              (v(!0), _(j, null, z(u.value, (o) => (v(), I(k, {
+                key: o.value,
+                label: o.label,
+                sublabel: o.sublabel,
+                onClick: (w) => y(o.value, !x(o.value)),
+                style: { "padding-top": "4px", "padding-bottom": "4px", "padding-left": "32px" }
+              }, {
+                prepend: h(() => [
+                  i(p, {
+                    "model-value": x(o.value),
+                    "onUpdate:modelValue": (w) => y(o.value, w),
+                    value: o.value
+                  }, null, 8, ["model-value", "onUpdate:modelValue", "value"])
+                ]),
+                _: 2
+              }, 1032, ["label", "sublabel", "onClick"]))), 128))
+            ]),
+            _: 1
+          })) : (v(), _("div", W, " No results found "))
+        ])
+      ]);
+    };
+  }
+});
+export {
+  le as _
+};

package/dist/IngredientBindedItem.vue_vue_type_script_setup_true_lang-CD89qCIa.js

@@ -0,0 +1,49 @@
+import { defineComponent as f, openBlock as s, createElementBlock as n, createElementVNode as r, toDisplayString as o, Fragment as u, renderList as p, unref as x } from "vue";
+import { a, b as d } from "./date2-C7HiAWQG.js";
+const y = { class: "flex flex-col" }, _ = { class: "flex flex-row fm-typo-en-body-md-600 bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary h-48 items-center" }, v = { class: "flex-1 py-8 px-16" }, h = /* @__PURE__ */ r("div", {
+  class: "flex-0 py-8 px-16",
+  style: { "flex-basis": "120px" }
+}, "Amount", -1), b = { class: "flex-1 py-8 px-16" }, g = {
+  key: 0,
+  class: "flex-0 py-8 px-16",
+  style: { "flex-basis": "120px" }
+}, k = {
+  key: 1,
+  class: "flex-0 py-8 px-16",
+  style: { "flex-basis": "120px" }
+}, I = /* @__PURE__ */ f({
+  __name: "IngredientBindedItem",
+  props: {
+    name: {},
+    bindings: {}
+  },
+  setup(B) {
+    function m(e, l) {
+      var t;
+      if (e.measurement) {
+        const c = d(e.amount, e.measurement.conversion);
+        return `${a(c, !1)} ${(t = e.measurement) == null ? void 0 : t.abbrev}`;
+      }
+      return `${a(e.amount, !1)} ${l.abbrev}`;
+    }
+    function i(e) {
+      return e.unit !== void 0;
+    }
+    return (e, l) => (s(), n("div", y, [
+      r("div", _, [
+        r("div", v, o(e.name), 1),
+        h
+      ]),
+      (s(!0), n(u, null, p(e.bindings, (t) => (s(), n("div", {
+        key: t.id,
+        class: "flex flex-row fm-typo-en-body-md-400 h-48 items-center border-b border-b-fm-color-neutral-gray-100"
+      }, [
+        r("div", b, o(t.name), 1),
+        i(t) ? (s(), n("div", g, o(m(t, t.unit)), 1)) : (s(), n("div", k, o(x(a)(t.amount, !1)), 1))
+      ]))), 128))
+    ]));
+  }
+});
+export {
+  I as _
+};