@feedmepos/mf-inventory-portal 0.0.22-dev.36 → 0.0.22-dev.38

package/dist/{FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-CAZ4P0Ax.js → FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-0p8dn-rc.js}

@@ -1,14 +1,14 @@
-import { a as S, t as B, a3 as A, Q as D, ai as R, j, aj as V } from "./app-Iz-opVBA.js";
-import { u as H } from "./supplier-DdJIh1nj.js";
-import { P as k } from "./purchase-order-transaction-type-DN3Czz6K.js";
-import { computed as y, defineComponent as $, mergeModels as W, useModel as Q, resolveComponent as w, openBlock as F, createElementBlock as I, normalizeStyle as J, createElementVNode as N, createVNode as K, withCtx as X, createBlock as x, createCommentVNode as E, Fragment as Y, renderList as Z, unref as M } from "vue";
-function ne(c, l, t, s) {
-  var b, v, u;
+import { a as P, t as B, a7 as A, i as D, ae as R, am as H, an as V } from "./app-BGqgEJv-.js";
+import { u as j } from "./supplier-CBaaZ4vA.js";
+import { P as S } from "./purchase-order-transaction-type-ag48uMYt.js";
+import { computed as y, defineComponent as $, mergeModels as W, useModel as J, resolveComponent as w, openBlock as F, createElementBlock as I, normalizeStyle as K, createElementVNode as N, createVNode as Q, withCtx as X, createBlock as x, createCommentVNode as E, Fragment as Y, renderList as Z, unref as M } from "vue";
+function ne(c, i, t, s) {
+  var b, g, u;
   if (s != null && s.manualTotalCost)
     return s == null ? void 0 : s.manualTotalCost;
-  const e = (u = (v = (b = s == null ? void 0 : s.supplier) == null ? void 0 : b.supplyItems) == null ? void 0 : v.find(
+  const e = (u = (g = (b = s == null ? void 0 : s.supplier) == null ? void 0 : b.supplyItems) == null ? void 0 : g.find(
     (r) => r.skuId === c._id
-  )) == null ? void 0 : u.defaultCost, o = c.defaultCost, n = e ?? o, i = n == null ? void 0 : n.costPerUnit, a = i ? n != null && n.measurement ? +S(i) / +S(n == null ? void 0 : n.measurement.conversion) : +S(i) : void 0, p = a ? t ? a * +S(t.conversion) : a : void 0, d = p ? +S(l) * p : void 0;
+  )) == null ? void 0 : u.defaultCost, o = c.defaultCost, n = e ?? o, l = n == null ? void 0 : n.costPerUnit, a = l ? n != null && n.measurement ? +P(l) / +P(n == null ? void 0 : n.measurement.conversion) : +P(l) : void 0, p = a ? t ? a * +P(t.conversion) : a : void 0, d = p ? +P(i) * p : void 0;
   return d ? {
     ...B(d ?? 0, 2),
     currency: A()
@@ -19,7 +19,7 @@ function ne(c, l, t, s) {
   };
 }
 function _(c) {
-  return R.parse(c);
+  return H.parse(c);
 }
 function T(c) {
   return {
@@ -39,15 +39,15 @@ function T(c) {
     }
   };
 }
-function oe(c, l, t = !1, s = !1) {
-  const e = H(), o = j();
+function oe(c, i, t = !1, s = !1) {
+  const e = j(), o = D();
   o.watchLocation(async () => {
-    var g;
+    var v;
     await e.readSuppliers();
     const u = c();
-    if ((g = u.supplier) != null && g._id) return;
+    if ((v = u.supplier) != null && v._id) return;
     const r = s ? e.suppliers[0] : e.businessSuppliers[0], f = (t ? o.locations.filter((m) => m.doc._id !== o.currentLocation.doc._id) : o.locations)[0];
-    l({
+    i({
       ...u,
       supplier: r ? _(r) : f ? T(f) : u.supplier
     });
@@ -55,38 +55,38 @@ function oe(c, l, t = !1, s = !1) {
   const n = y(
     () => {
       var u, r;
-      return typeof ((r = (u = c()) == null ? void 0 : u.supplier) == null ? void 0 : r.internal) == "string" ? k.TRANSFER : k.PURCHASE;
+      return typeof ((r = (u = c()) == null ? void 0 : u.supplier) == null ? void 0 : r.internal) == "string" ? S.TRANSFER : S.PURCHASE;
     }
-  ), i = y({
+  ), l = y({
     get() {
       var u, r;
       return (r = (u = c()) == null ? void 0 : u.supplier) == null ? void 0 : r._id;
     },
     set(u) {
       const r = c() ?? {};
-      if (n.value === k.PURCHASE) {
+      if (n.value === S.PURCHASE) {
         const C = (s ? e.suppliers : e.businessSuppliers).find((U) => U._id === u);
-        l({
+        i({
           ...r,
           supplier: C ? _(C) : r.supplier
         });
         return;
       }
-      const g = (t ? o.locations.filter((m) => m.doc._id !== o.currentLocation.doc._id) : o.locations).find((m) => m.doc._id === u);
-      l({
+      const v = (t ? o.locations.filter((m) => m.doc._id !== o.currentLocation.doc._id) : o.locations).find((m) => m.doc._id === u);
+      i({
         ...r,
-        supplier: g ? T(g) : r.supplier
+        supplier: v ? T(v) : r.supplier
       });
     }
   }), a = y(() => e.locationSuppliers.map(_)), p = y(() => e.businessSuppliers.map(_)), d = y(() => {
     const u = [...a.value], r = [...p.value];
     return s ? [...r, ...u] : r;
-  }), P = y(() => {
+  }), k = y(() => {
     var h;
-    const u = ((h = o._currentLocation) == null ? void 0 : h.type) === D.warehouse;
+    const u = ((h = o._currentLocation) == null ? void 0 : h.type) === R.warehouse;
     return (t ? o.locations.filter((f) => f.doc._id !== o.currentLocation.doc._id) : o.locations).filter((f) => u || f.acceptRequest).map(T);
   }), b = y(() => {
-    if (n.value === k.PURCHASE) {
+    if (n.value === S.PURCHASE) {
       const r = a.value.map((f) => ({
         label: f.name,
         value: f._id
@@ -97,15 +97,15 @@ function oe(c, l, t = !1, s = !1) {
       }));
       return s ? [...r, ...h] : h;
     }
-    return P.value.map((r) => ({
+    return k.value.map((r) => ({
       label: r.name,
       sublabel: r.internal ? `${r.internal}` : void 0,
       value: r._id
     }));
-  }), v = y(() => {
-    var f, g;
-    const u = (g = (f = c()) == null ? void 0 : f.supplier) == null ? void 0 : g._id;
-    if (n.value === k.PURCHASE) {
+  }), g = y(() => {
+    var f, v;
+    const u = (v = (f = c()) == null ? void 0 : f.supplier) == null ? void 0 : v._id;
+    if (n.value === S.PURCHASE) {
       const m = e.suppliers.find((C) => C._id === u);
       return m ? _(m) : null;
     }
@@ -113,90 +113,90 @@ function oe(c, l, t = !1, s = !1) {
     return h ? T(h) : null;
   });
   return {
-    transferLocationModel: i,
+    transferLocationModel: l,
     transferLocationOptions: b,
     locationOptionsTypePurchase: d,
     locationOptionsTypePurchaseLocationLevel: a,
-    locationOptionsTypeTransfer: P,
-    selectedLocation: v
+    locationOptionsTypeTransfer: k,
+    selectedLocation: g
   };
 }
 class O {
-  static getDescendantProperty(l, t, s = []) {
-    let e, o, n, i, a, p;
+  static getDescendantProperty(i, t, s = []) {
+    let e, o, n, l, a, p;
     if (t) {
-      if (n = t.indexOf("."), n === -1 ? e = t : (e = t.slice(0, n), o = t.slice(n + 1)), i = l[e], i !== null && typeof i < "u")
-        if (!o && (typeof i == "string" || typeof i == "number"))
-          s.push(i);
-        else if (Object.prototype.toString.call(i) === "[object Array]")
-          for (a = 0, p = i.length; a < p; a++)
-            O.getDescendantProperty(i[a], o, s);
-        else o && O.getDescendantProperty(i, o, s);
+      if (n = t.indexOf("."), n === -1 ? e = t : (e = t.slice(0, n), o = t.slice(n + 1)), l = i[e], l !== null && typeof l < "u")
+        if (!o && (typeof l == "string" || typeof l == "number"))
+          s.push(l);
+        else if (Object.prototype.toString.call(l) === "[object Array]")
+          for (a = 0, p = l.length; a < p; a++)
+            O.getDescendantProperty(l[a], o, s);
+        else o && O.getDescendantProperty(l, o, s);
     } else
-      s.push(l);
+      s.push(i);
     return s;
   }
 }
 class L {
-  constructor(l = [], t = [], s = {}) {
-    Array.isArray(t) || (s = t, t = []), this.haystack = l, this.keys = t, this.options = Object.assign({
+  constructor(i = [], t = [], s = {}) {
+    Array.isArray(t) || (s = t, t = []), this.haystack = i, this.keys = t, this.options = Object.assign({
       caseSensitive: !1,
       sort: !1
     }, s);
   }
-  search(l = "") {
-    if (l === "")
+  search(i = "") {
+    if (i === "")
       return this.haystack;
     const t = [];
     for (let s = 0; s < this.haystack.length; s++) {
       const e = this.haystack[s];
       if (this.keys.length === 0) {
-        const o = L.isMatch(e, l, this.options.caseSensitive);
+        const o = L.isMatch(e, i, this.options.caseSensitive);
         o && t.push({ item: e, score: o });
       } else
         for (let o = 0; o < this.keys.length; o++) {
           const n = O.getDescendantProperty(e, this.keys[o]);
-          let i = !1;
+          let l = !1;
           for (let a = 0; a < n.length; a++) {
-            const p = L.isMatch(n[a], l, this.options.caseSensitive);
+            const p = L.isMatch(n[a], i, this.options.caseSensitive);
             if (p) {
-              i = !0, t.push({ item: e, score: p });
+              l = !0, t.push({ item: e, score: p });
               break;
             }
           }
-          if (i)
+          if (l)
             break;
         }
     }
     return this.options.sort && t.sort((s, e) => s.score - e.score), t.map((s) => s.item);
   }
-  static isMatch(l, t, s) {
-    l = String(l), t = String(t), s || (l = l.toLocaleLowerCase(), t = t.toLocaleLowerCase());
-    const e = L.nearestIndexesFor(l, t);
-    return e ? l === t ? 1 : e.length > 1 ? 2 + (e[e.length - 1] - e[0]) : 2 + e[0] : !1;
+  static isMatch(i, t, s) {
+    i = String(i), t = String(t), s || (i = i.toLocaleLowerCase(), t = t.toLocaleLowerCase());
+    const e = L.nearestIndexesFor(i, t);
+    return e ? i === t ? 1 : e.length > 1 ? 2 + (e[e.length - 1] - e[0]) : 2 + e[0] : !1;
   }
-  static nearestIndexesFor(l, t) {
+  static nearestIndexesFor(i, t) {
     const s = t.split("");
     let e = [];
-    return L.indexesOfFirstLetter(l, t).forEach((n, i) => {
+    return L.indexesOfFirstLetter(i, t).forEach((n, l) => {
       let a = n + 1;
-      e[i] = [n];
+      e[l] = [n];
       for (let p = 1; p < s.length; p++) {
         const d = s[p];
-        if (a = l.indexOf(d, a), a === -1) {
-          e[i] = !1;
+        if (a = i.indexOf(d, a), a === -1) {
+          e[l] = !1;
           break;
         }
-        e[i].push(a), a++;
+        e[l].push(a), a++;
       }
-    }), e = e.filter((n) => n !== !1), e.length ? e.sort((n, i) => n.length === 1 ? n[0] - i[0] : (n = n[n.length - 1] - n[0], i = i[i.length - 1] - i[0], n - i))[0] : !1;
+    }), e = e.filter((n) => n !== !1), e.length ? e.sort((n, l) => n.length === 1 ? n[0] - l[0] : (n = n[n.length - 1] - n[0], l = l[l.length - 1] - l[0], n - l))[0] : !1;
   }
-  static indexesOfFirstLetter(l, t) {
+  static indexesOfFirstLetter(i, t) {
     const s = t[0];
-    return l.split("").map((e, o) => e !== s ? !1 : o).filter((e) => e !== !1);
+    return i.split("").map((e, o) => e !== s ? !1 : o).filter((e) => e !== !1);
   }
 }
-const z = { class: "sticky top-0 bg-white mb-8" }, G = { class: "overflow-y-auto pb-8" }, ie = /* @__PURE__ */ $({
+const z = { class: "sticky top-0 bg-white mb-8" }, G = { class: "overflow-y-auto pb-8" }, le = /* @__PURE__ */ $({
   __name: "FmFilterableMenuOptions",
   props: /* @__PURE__ */ W({
     modelValue: {},
@@ -211,23 +211,23 @@ const z = { class: "sticky top-0 bg-white mb-8" }, G = { class: "overflow-y-auto
   }),
   emits: ["update:search"],
   setup(c) {
-    const l = c, t = Q(c, "search"), s = y(
-      () => new L(l.items, ["label", "sublabel"], l.options)
+    const i = c, t = J(c, "search"), s = y(
+      () => new L(i.items, ["label", "sublabel"], i.options)
     ), e = y(() => s.value.search(t.value));
     return (o, n) => {
-      const i = w("FmButton"), a = w("FmTextField"), p = w("FmMenuItem");
+      const l = w("FmButton"), a = w("FmTextField"), p = w("FmMenuItem");
       return F(), I("div", {
         class: "relative",
-        style: J({ maxHeight: `${o.maxHeight}px`, width: o.width })
+        style: K({ maxHeight: `${o.maxHeight}px`, width: o.width })
       }, [
         N("div", z, [
-          K(a, {
+          Q(a, {
             modelValue: t.value,
             "onUpdate:modelValue": n[1] || (n[1] = (d) => t.value = d),
             placeholder: "Filter options"
           }, {
             append: X(() => [
-              t.value ? (F(), x(i, {
+              t.value ? (F(), x(l, {
                 key: 0,
                 variant: "tertiary",
                 "prepend-icon": "close",
@@ -238,15 +238,15 @@ const z = { class: "sticky top-0 bg-white mb-8" }, G = { class: "overflow-y-auto
           }, 8, ["modelValue"])
         ]),
         N("div", G, [
-          (F(!0), I(Y, null, Z(e.value, (d, P) => (F(), x(p, {
-            key: P,
+          (F(!0), I(Y, null, Z(e.value, (d, k) => (F(), x(p, {
+            key: k,
             label: d.label,
             sublabel: d.sublabel,
             "model-value": M(V)(o.modelValue, d.value),
             onClick: () => o.handleItemChange(M(V)(o.modelValue, d.value), d),
             onVnodeMounted: (b) => {
-              var v;
-              return M(V)(o.modelValue, d.value) && ((v = b.el) == null || v.scrollIntoView({ behavior: "smooth" }), console.log("scrollTo", b.el)), void 0;
+              var g;
+              return M(V)(o.modelValue, d.value) && ((g = b.el) == null || g.scrollIntoView({ behavior: "smooth", block: "center" }), console.log("scrollTo", b.el)), void 0;
             }
           }, null, 8, ["label", "sublabel", "model-value", "onClick", "onVnodeMounted"]))), 128)),
           e.value.length ? E("", !0) : (F(), x(p, {
@@ -260,7 +260,7 @@ const z = { class: "sticky top-0 bg-white mb-8" }, G = { class: "overflow-y-auto
   }
 });
 export {
-  ie as _,
+  le as _,
   ne as c,
   oe as u
 };

package/dist/{FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DqOb7e4M.js → FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DSQW1Ayz.js}

@@ -1,9 +1,9 @@
-import { reactive as E, onUnmounted as q, defineComponent as V, computed as _, resolveComponent as h, openBlock as a, createElementBlock as b, Fragment as F, createElementVNode as f, unref as u, normalizeClass as D, toDisplayString as L, createCommentVNode as y, renderList as R, createBlock as w, createVNode as v, renderSlot as G, Teleport as J, ref as P, withCtx as T, watch as K, mergeModels as W, useModel as S } from "vue";
-import { FmButtonVariant as X, useBreakpoints as z } from "@feedmepos/ui-library";
-import { j as O, P as U } from "./app-Iz-opVBA.js";
-import { useCoreStore as Z, useI18n as j } from "@feedmepos/mf-common";
+import { reactive as E, onUnmounted as q, defineComponent as R, computed as _, resolveComponent as h, openBlock as a, createElementBlock as b, Fragment as F, createElementVNode as f, unref as u, normalizeClass as D, toDisplayString as L, createCommentVNode as y, renderList as V, createBlock as w, createVNode as v, renderSlot as G, Teleport as J, ref as z, withCtx as T, watch as K, mergeModels as W, useModel as S } from "vue";
+import { FmButtonVariant as X, useBreakpoints as P } from "@feedmepos/ui-library";
+import { i as O, V as U } from "./app-BGqgEJv-.js";
+import { useCoreStore as Z, useI18n as A } from "@feedmepos/mf-common";
 const I = E({});
-function A() {
+function Y() {
   const i = `${Math.random()}`, o = new ResizeObserver((t) => {
     const l = t.map((n) => n.target.scrollHeight).reduce((n, s) => n + s);
     I[i] = l;
@@ -29,7 +29,7 @@ function A() {
 const ee = { class: "flex flex-col w-full bg-white h-full" }, ne = {
   key: 0,
   class: /* @__PURE__ */ D(["text-fm-color-typo-secondary fm-typo-en-body-sm-400"])
-}, te = { key: 0 }, oe = { key: 1 }, le = { class: "bg-white flex-1" }, ae = { class: "fixed bottom-96 right-16" }, ke = /* @__PURE__ */ V({
+}, te = { key: 0 }, oe = { key: 1 }, le = { class: "bg-white flex-1" }, ae = { class: "fixed bottom-96 right-16" }, ke = /* @__PURE__ */ R({
   __name: "SingleColumnLayout",
   props: {
     actions: { default: () => [] },
@@ -44,7 +44,7 @@ const ee = { class: "flex flex-col w-full bg-white h-full" }, ne = {
   setup(i, { emit: o }) {
     const c = i, r = o, t = _(() => c.actions.find((e) => e.isPrimary)), l = _(
       () => c.actions.filter((e) => !e.isPrimary).map((e) => ({ ...e, variant: e.variant ?? X.Tertiary }))
-    ), { breakpoints: n } = z(), s = _(() => n.value.xs || n.value.sm), d = O(), k = _(() => d.businessLevel), x = A();
+    ), { breakpoints: n } = P(), s = _(() => n.value.xs || n.value.sm), d = O(), k = _(() => d.businessLevel), x = Y();
     return (e, m) => {
       const B = h("FmButton");
       return a(), b(F, null, [
@@ -72,7 +72,7 @@ const ee = { class: "flex flex-col w-full bg-white h-full" }, ne = {
               e.usingBusinessHelperText && k.value ? (a(), b("div", ne, L(e.usingBusinessHelperText), 1)) : y("", !0)
             ], 2),
             l.value.length ? (a(), b("div", te, [
-              (a(!0), b(F, null, R(l.value, (g) => (a(), w(B, {
+              (a(!0), b(F, null, V(l.value, (g) => (a(), w(B, {
                 key: g.value,
                 label: g.label,
                 "prepend-icon": g.prependIcon,
@@ -114,7 +114,7 @@ const ee = { class: "flex flex-col w-full bg-white h-full" }, ne = {
 }, ce = {
   class: "overflow-hidden overflow-y-scroll",
   style: { maxHeight: "105px" }
-}, de = /* @__PURE__ */ V({
+}, de = /* @__PURE__ */ R({
   __name: "ChangeLocationComponent",
   props: {
     showBusiness: { type: Boolean }
@@ -123,7 +123,7 @@ const ee = { class: "flex flex-col w-full bg-white h-full" }, ne = {
     const o = O(), c = Z(), r = _(() => {
       var e;
       return (e = c.currentBusiness.value) == null ? void 0 : e.name;
-    }), { t } = j(), l = P(""), n = _({
+    }), { t } = A(), l = z(""), n = _({
       get() {
         return o.businessLevel;
       },
@@ -143,9 +143,9 @@ const ee = { class: "flex flex-col w-full bg-white h-full" }, ne = {
       n.value = !1, o.selectLocation(o.locations.find((m) => m.dbName === e));
     }
     return (e, m) => {
-      const B = h("FmIcon"), g = h("FmSearch"), M = h("FmMenuDivider"), H = h("FmMenuHeader"), $ = h("FmMenuItem"), Y = h("FmMenu");
+      const B = h("FmIcon"), g = h("FmSearch"), M = h("FmMenuDivider"), H = h("FmMenuHeader"), $ = h("FmMenuItem"), j = h("FmMenu");
       return a(), b("div", se, [
-        v(Y, { "close-on-click": !0 }, {
+        v(j, { "close-on-click": !0 }, {
           "menu-button": T(() => {
             var p;
             return [
@@ -186,7 +186,7 @@ const ee = { class: "flex flex-col w-full bg-white h-full" }, ne = {
             }, null, 8, ["label"]),
             v(M),
             f("div", ie, [
-              (a(!0), b(F, null, R(d.value, (p) => {
+              (a(!0), b(F, null, V(d.value, (p) => {
                 var C;
                 return a(), w($, {
                   key: p.value,
@@ -206,7 +206,7 @@ const ee = { class: "flex flex-col w-full bg-white h-full" }, ne = {
             }, null, 8, ["label"]),
             v(M),
             f("div", ce, [
-              (a(!0), b(F, null, R(k.value, (p) => {
+              (a(!0), b(F, null, V(k.value, (p) => {
                 var C;
                 return a(), w($, {
                   key: p.value,
@@ -244,14 +244,14 @@ function N(i = 15) {
     endDate: `${U(r)}`
   };
 }
-const me = { class: "inline-flex rounded-md items-center gap-4 justify-center h-[30px] px-8 py-4 bg-fm-color-neutral-gray-100 cursor-pointer text-fm-color-neutral-gray-400" }, pe = { class: "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap" }, ve = /* @__PURE__ */ V({
+const me = { class: "inline-flex rounded-md items-center gap-4 justify-center h-[30px] px-8 py-4 bg-fm-color-neutral-gray-100 cursor-pointer text-fm-color-neutral-gray-400" }, pe = { class: "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap" }, ve = /* @__PURE__ */ R({
   __name: "FmDateRangePickerChip",
   props: {
     modelValue: { default: (i) => i.modelValue ?? N() }
   },
   emits: ["update:modelValue"],
   setup(i, { emit: o }) {
-    const c = o, r = P(N());
+    const c = o, r = z(N());
     K(r, (l) => {
       c("update:modelValue", l);
     });
@@ -284,7 +284,7 @@ const me = { class: "inline-flex rounded-md items-center gap-4 justify-center h-
 }), fe = { class: "flex-1 w-full flex items-center gap-4" }, be = {
   key: 0,
   class: "flex-1"
-}, ye = { class: "w-full max-w-[343px] xs:max-w-[unset] sm:max-w-[unset]" }, Be = /* @__PURE__ */ V({
+}, ye = { class: "w-full max-w-[343px] xs:max-w-[unset] sm:max-w-[unset]" }, Be = /* @__PURE__ */ R({
   __name: "FmInventoryTableToolbar",
   props: /* @__PURE__ */ W({
     dateRangeQuery: { type: Boolean },
@@ -301,7 +301,7 @@ const me = { class: "inline-flex rounded-md items-center gap-4 justify-center h-
   }),
   emits: ["update:search", "update:dateRange"],
   setup(i) {
-    const { breakpoints: o } = z(), c = _(() => o.value.xs || o.value.sm), r = S(i, "search"), t = S(i, "dateRange"), { t: l } = j(), n = A();
+    const { breakpoints: o } = P(), c = _(() => o.value.xs || o.value.sm), r = S(i, "search"), t = S(i, "dateRange"), { t: l } = A(), n = Y();
     return (s, d) => {
       const k = h("FmTextField"), x = h("FmButton");
       return a(), b("div", {
@@ -351,7 +351,7 @@ const me = { class: "inline-flex rounded-md items-center gap-4 justify-center h-
                 class: "w-full"
               }, null, 8, ["model-value", "placeholder"])) : y("", !0)
             ]),
-            (a(!0), b(F, null, R(s.actions, (e, m) => (a(), w(x, {
+            (a(!0), b(F, null, V(s.actions, (e, m) => (a(), w(x, {
               key: m,
               variant: "tertiary",
               "prepend-icon": e.icon,
@@ -368,5 +368,5 @@ export {
   Be as a,
   xe as b,
   N as i,
-  A as u
+  Y as u
 };

package/dist/IngredientBindedItem.vue_vue_type_script_setup_true_lang-Bb0W0wUH.js

@@ -0,0 +1,51 @@
+import { defineComponent as p, openBlock as s, createElementBlock as n, createElementVNode as r, toDisplayString as o, unref as l, Fragment as d, renderList as x } from "vue";
+import { a, k as y } from "./app-BGqgEJv-.js";
+import { useI18n as _ } from "@feedmepos/mf-common";
+const v = { class: "flex flex-col" }, g = { 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" }, h = { class: "flex-1 py-8 px-16" }, b = {
+  class: "flex-0 py-8 px-16",
+  style: { "flex-basis": "120px" }
+}, k = { class: "flex-1 py-8 px-16" }, B = {
+  key: 0,
+  class: "flex-0 py-8 px-16",
+  style: { "flex-basis": "120px" }
+}, I = {
+  key: 1,
+  class: "flex-0 py-8 px-16",
+  style: { "flex-basis": "120px" }
+}, A = /* @__PURE__ */ p({
+  __name: "IngredientBindedItem",
+  props: {
+    name: {},
+    bindings: {}
+  },
+  setup($) {
+    const { t: m } = _();
+    function c(e, i) {
+      var t;
+      if (e.measurement) {
+        const u = y(e.amount, e.measurement.conversion);
+        return `${a(u, !1)} ${(t = e.measurement) == null ? void 0 : t.abbrev}`;
+      }
+      return `${a(e.amount, !1)} ${i.abbrev}`;
+    }
+    function f(e) {
+      return e.unit !== void 0;
+    }
+    return (e, i) => (s(), n("div", v, [
+      r("div", g, [
+        r("div", h, o(e.name), 1),
+        r("div", b, o(l(m)("inventory.ingredient.bindedItems.amount")), 1)
+      ]),
+      (s(!0), n(d, null, x(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", k, o(t.name), 1),
+        f(t) ? (s(), n("div", B, o(c(t, t.unit)), 1)) : (s(), n("div", I, o(l(a)(t.amount, !1)), 1))
+      ]))), 128))
+    ]));
+  }
+});
+export {
+  A as _
+};