@feedmepos/mf-inventory-portal 0.0.23-dev.19 → 0.0.23-dev.20

package/dist/{FmUnitInput.vue_vue_type_script_setup_true_lang-sgvBxxkn.js → FmUnitInput.vue_vue_type_script_setup_true_lang-BBf7jmJz.js}

@@ -1,8 +1,7 @@
-import { defineComponent as oe, mergeModels as O, useModel as se, computed as v, ref as P, watch as z, inject as ie, resolveComponent as b, openBlock as f, createElementBlock as y, createElementVNode as u, createVNode as M, withCtx as h, renderSlot as T, normalizeClass as V, toDisplayString as F, withDirectives as le, vModelText as ae, createCommentVNode as q, createTextVNode as ue, createBlock as W, Fragment as re, renderList as me } from "vue";
-import { F as I } from "./index-gvJJ-xRY.js";
-import { I as k, g as L, c as ce, a as g, p as de, t as pe, b as fe, m as ve, n as be, u as ye } from "./rules-C83wiSGb.js";
+import { defineComponent as oe, mergeModels as z, useModel as se, computed as v, ref as P, watch as O, inject as ie, resolveComponent as b, openBlock as f, createElementBlock as y, createElementVNode as u, createVNode as h, withCtx as g, renderSlot as T, normalizeClass as V, toDisplayString as x, withDirectives as le, vModelText as ae, createCommentVNode as q, createTextVNode as ue, createBlock as W, Fragment as re, renderList as me } from "vue";
+import { Q as I, I as k, G as L, z as ce, h as M, au as de, t as pe, y as fe, ab as ve, as as be, ar as ye } from "./app-Fc2FPGhO.js";
 import "@feedmepos/ui-library";
-function E() {
+function G() {
   return {
     amount: I.reset()
   };
@@ -12,35 +11,35 @@ function H() {
     return k()(d.amountAsString);
   };
 }
-function Ve(l) {
+function Se(l) {
   return function(t) {
     return k()(t.amountAsString) !== !0 ? !0 : +t.amountAsString < l ? `Must be at least ${l}` : !0;
   };
 }
-function Le(l) {
+function Ve(l) {
   return function(t) {
     return k()(t.amountAsString) !== !0 ? !0 : +t.amountAsString > l ? `Must be at most ${l}` : !0;
   };
 }
-function G(l, d = !1) {
+function E(l, d = !1) {
   return function(r) {
     const s = H()(r);
     if (s != !0)
       return d ? s : !0;
-    const x = typeof l == "number" ? l : L(l, r.modelValue.measurement);
-    return ce(+r.amountAsString).precision > x ? `Cannot exceed precision more than ${g({
+    const F = typeof l == "number" ? l : L(l, r.modelValue.measurement);
+    return ce(+r.amountAsString).precision > F ? `Cannot exceed precision more than ${M({
       amount: 1,
-      precision: x
+      precision: F
     })}` : !0;
   };
 }
-function $e(l) {
+function Le(l) {
   const d = de(l);
   return function(r) {
     return d(r.modelValue.amount);
   };
 }
-const Me = { class: "flex flex-col" }, ge = { class: "flex flex-col" }, he = { class: "flex-1" }, Fe = { class: "flex items-center gap-4" }, xe = { class: "flex-1 flex gap-4" }, Ae = { class: "shrink-0 grow basis-2/5" }, _e = {
+const he = { class: "flex flex-col" }, Me = { class: "flex flex-col" }, ge = { class: "flex-1" }, xe = { class: "flex items-center gap-4" }, Fe = { class: "flex-1 flex gap-4" }, Ae = { class: "shrink-0 grow basis-2/5" }, _e = {
   key: 0,
   class: "text-fm-color-typo-secondary"
 }, Pe = {
@@ -55,9 +54,9 @@ const Me = { class: "flex flex-col" }, ge = { class: "flex flex-col" }, he = { c
 }, Ue = {
   class: "flex items-center",
   style: { "pointer-events": "none" }
-}, je = /* @__PURE__ */ oe({
+}, $e = /* @__PURE__ */ oe({
   __name: "FmUnitInput",
-  props: /* @__PURE__ */ O({
+  props: /* @__PURE__ */ z({
     modelValue: {},
     unit: {},
     rules: {},
@@ -104,27 +103,27 @@ const Me = { class: "flex flex-col" }, ge = { class: "flex flex-col" }, he = { c
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ O(["update:amount", "update:measurement"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ z(["update:amount", "update:measurement"], ["update:modelValue"]),
   setup(l, { emit: d }) {
-    const t = l, r = d, s = se(l, "modelValue"), x = k(), B = v(() => {
+    const t = l, r = d, s = se(l, "modelValue"), F = k(), B = v(() => {
       var n;
       return L(t.unit, (n = s.value) == null ? void 0 : n.measurement);
     }), c = P((() => {
       var o;
       const e = ((o = s.value) == null ? void 0 : o.amount) ?? I.reset(), n = be(e), i = t.formatMinimumPrecision ?? n.precision, a = ye(n, i);
-      return g(a);
+      return M(a);
     })());
-    z(c, (e) => {
-      const n = x(e), i = t.precision ?? B.value, o = typeof t.formatMinimumPrecision == "number" && t.formatMinimumPrecision > i ? t.formatMinimumPrecision : i;
+    O(c, (e) => {
+      const n = F(e), i = t.precision ?? B.value, o = typeof t.formatMinimumPrecision == "number" && t.formatMinimumPrecision > i ? t.formatMinimumPrecision : i;
       n == !0 && (s.value = {
         ...s.value,
         amount: pe(+e, o)
       }), r("update:amount", e);
     });
-    const J = Symbol.for("fm:form-state"), D = ie(J, null), A = v(() => t.disabled ?? (D == null ? void 0 : D.getDisabled()) ?? !1), K = P(), R = P(!1), $ = P(!1), Q = v(() => R.value || $.value), X = v(() => {
+    const Z = Symbol.for("fm:form-state"), D = ie(Z, null), A = v(() => t.disabled ?? (D == null ? void 0 : D.getDisabled()) ?? !1), J = P(), R = P(!1), $ = P(!1), K = v(() => R.value || $.value), X = v(() => {
       var a;
-      const i = [...t.unit.measurements.filter((o) => !o.name.toLocaleLowerCase().includes("inactive")).filter((o) => o.abbrev !== t.unit.abbrev || +g(o.conversion) != 1).groupBy(
-        (o) => `${o.abbrev}${g(o.conversion)}`
+      const i = [...t.unit.measurements.filter((o) => !o.name.toLocaleLowerCase().includes("inactive")).filter((o) => o.abbrev !== t.unit.abbrev || +M(o.conversion) != 1).groupBy(
+        (o) => `${o.abbrev}${M(o.conversion)}`
       ).values()].map((o) => o[0]).flat();
       return [
         {
@@ -144,19 +143,19 @@ const Me = { class: "flex flex-col" }, ge = { class: "flex flex-col" }, he = { c
       set(e) {
         if (e == null)
           s.value = {
-            ...s.value ?? E(),
+            ...s.value ?? G(),
             measurement: null
           }, r("update:measurement", null);
         else {
           const n = t.unit.measurements.find((i) => i.id === e) ?? null;
           s.value = {
-            ...s.value ?? E(),
+            ...s.value ?? G(),
             measurement: n
           }, r("update:measurement", n);
         }
       }
     });
-    z(U, (e, n) => {
+    O(U, (e, n) => {
       var m;
       if (!t.convertAmountOnChangeUnit)
         return;
@@ -164,7 +163,7 @@ const Me = { class: "flex flex-col" }, ge = { class: "flex flex-col" }, he = { c
         value: w,
         precision: N
       });
-      c.value = g(S);
+      c.value = M(S);
     });
     const C = v(() => {
       var e, n;
@@ -178,7 +177,7 @@ const Me = { class: "flex flex-col" }, ge = { class: "flex flex-col" }, he = { c
       }
     ), ee = v(() => [...t.applyDefaultRules ? [
       H(),
-      typeof t.precision == "number" ? G(t.precision) : G(t.unit)
+      typeof t.precision == "number" ? E(t.precision) : E(t.unit)
     ] : [], ...Y.value]);
     function j(e) {
       const n = t.precision ?? B.value, a = typeof t.formatMinimumPrecision == "number" && t.formatMinimumPrecision > n ? t.formatMinimumPrecision : n, o = e.toFixed(a), p = o.includes(".") ? o.replace(/0+$/, "") : o;
@@ -187,32 +186,32 @@ const Me = { class: "flex flex-col" }, ge = { class: "flex flex-col" }, he = { c
     function te() {
       if (!t.stepper)
         return;
-      const e = +c.value + +g(t.stepper);
+      const e = +c.value + +M(t.stepper);
       c.value = j(e);
     }
     function ne() {
       if (!t.stepper)
         return;
-      const e = +c.value - +g(t.stepper);
+      const e = +c.value - +M(t.stepper);
       c.value = j(e);
     }
     return (e, n) => {
       const i = b("FmLabel"), a = b("FmIcon"), o = b("FmMenuItem"), p = b("FmMenu"), w = b("FmTooltip"), N = b("FmField"), S = b("FmFormGroup");
-      return f(), y("div", Me, [
-        u("div", ge, [
-          u("div", he, [
-            M(i, {
+      return f(), y("div", he, [
+        u("div", Me, [
+          u("div", ge, [
+            h(i, {
               label: e.label,
               disabled: e.disabled,
               required: e.labelMark === "required",
               optional: e.labelMark === "optional"
             }, null, 8, ["label", "disabled", "required", "optional"])
           ]),
-          M(N, { focused: Q.value }, {
-            default: h(() => [
-              u("div", Fe, [
+          h(N, { focused: K.value }, {
+            default: g(() => [
+              u("div", xe, [
                 T(e.$slots, "prepend"),
-                u("div", xe, [
+                u("div", Fe, [
                   u("div", Ae, [
                     e.stepperOnly ? (f(), y("span", {
                       key: 0,
@@ -221,11 +220,11 @@ const Me = { class: "flex flex-col" }, ge = { class: "flex flex-col" }, he = { c
                         "text-fm-color-typo-primary": !A.value,
                         "text-fm-color-typo-disabled": A.value
                       })
-                    }, F(c.value), 3)) : le((f(), y("input", {
+                    }, x(c.value), 3)) : le((f(), y("input", {
                       key: 1,
                       type: "text",
                       ref_key: "inputRef",
-                      ref: K,
+                      ref: J,
                       onFocus: n[0] || (n[0] = () => R.value = !0),
                       onBlur: n[1] || (n[1] = () => R.value = !1),
                       "onUpdate:modelValue": n[2] || (n[2] = (m) => c.value = m),
@@ -238,29 +237,29 @@ const Me = { class: "flex flex-col" }, ge = { class: "flex flex-col" }, he = { c
                       [ae, c.value]
                     ])
                   ]),
-                  e.separator ? (f(), y("div", _e, F(e.separator), 1)) : q("", !0),
+                  e.separator ? (f(), y("div", _e, x(e.separator), 1)) : q("", !0),
                   u("div", {
                     class: V([e.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-secondary"])
                   }, [
-                    M(w, { "z-index": 51 }, {
-                      content: h(() => [
-                        ue(F(C.value), 1)
+                    h(w, { "z-index": 51 }, {
+                      content: g(() => [
+                        ue(x(C.value), 1)
                       ]),
-                      default: h(() => [
-                        e.disableUnit ? (f(), y("div", Pe, F(C.value), 1)) : (f(), W(p, {
+                      default: g(() => [
+                        e.disableUnit ? (f(), y("div", Pe, x(C.value), 1)) : (f(), W(p, {
                           key: 1,
                           onMenuChanged: n[3] || (n[3] = (m) => $.value = m),
                           "z-index": 500,
                           placement: e.placement,
                           disabled: e.disabled
                         }, {
-                          "menu-button": h(() => [
+                          "menu-button": g(() => [
                             u("div", Ie, [
-                              u("div", ke, F(C.value), 1),
-                              M(a, { name: "keyboard_arrow_down" })
+                              u("div", ke, x(C.value), 1),
+                              h(a, { name: "keyboard_arrow_down" })
                             ])
                           ]),
-                          default: h(() => [
+                          default: g(() => [
                             u("div", Be, [
                               (f(!0), y(re, null, me(X.value, (m) => (f(), W(o, {
                                 key: m.value ?? void 0,
@@ -282,7 +281,7 @@ const Me = { class: "flex flex-col" }, ge = { class: "flex flex-col" }, he = { c
                       onClick: te
                     }, [
                       u("div", Re, [
-                        M(a, {
+                        h(a, {
                           name: "expand_less",
                           size: "md"
                         })
@@ -293,7 +292,7 @@ const Me = { class: "flex flex-col" }, ge = { class: "flex flex-col" }, he = { c
                       onClick: ne
                     }, [
                       u("div", Ue, [
-                        M(a, {
+                        h(a, {
                           name: "expand_more",
                           size: "md"
                         })
@@ -307,7 +306,7 @@ const Me = { class: "flex flex-col" }, ge = { class: "flex flex-col" }, he = { c
             _: 3
           }, 8, ["focused"])
         ]),
-        M(S, {
+        h(S, {
           class: "flex-1",
           "model-value": { modelValue: s.value, amountAsString: String(c.value) },
           info: e.labelInfo,
@@ -320,10 +319,10 @@ const Me = { class: "flex flex-col" }, ge = { class: "flex flex-col" }, he = { c
   }
 });
 export {
-  Ve as F,
-  je as _,
-  Le as a,
-  $e as b,
+  Se as F,
+  $e as _,
+  Ve as a,
+  Le as b,
   H as c,
-  G as d
+  E as d
 };

package/dist/{IngredientBindedItem.vue_vue_type_script_setup_true_lang-D7uvrzFU.js → IngredientBindedItem.vue_vue_type_script_setup_true_lang-DjTvrLPs.js}

@@ -1,7 +1,7 @@
-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, b as y } from "./rules-C83wiSGb.js";
+import { defineComponent as p, openBlock as s, createElementBlock as n, createElementVNode as r, toDisplayString as o, unref as l, Fragment as d, renderList as y } from "vue";
+import { h as a, y as x } from "./app-Fc2FPGhO.js";
 import { useI18n as _ } from "@feedmepos/mf-common";
-const v = { class: "flex flex-col" }, b = { 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" }, g = { class: "flex-1 py-8 px-16" }, h = {
+const v = { class: "flex flex-col" }, h = { 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" }, g = { 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 = {
@@ -23,7 +23,7 @@ const v = { class: "flex flex-col" }, b = { class: "flex flex-row fm-typo-en-bod
     function c(e, i) {
       var t;
       if (e.measurement) {
-        const u = y(e.amount, e.measurement.conversion);
+        const u = x(e.amount, e.measurement.conversion);
         return `${a(u, !1)} ${(t = e.measurement) == null ? void 0 : t.abbrev}`;
       }
       return `${a(e.amount, !1)} ${i.abbrev}`;
@@ -32,11 +32,11 @@ const v = { class: "flex flex-col" }, b = { class: "flex flex-row fm-typo-en-bod
       return e.unit !== void 0;
     }
     return (e, i) => (s(), n("div", v, [
-      r("div", b, [
+      r("div", h, [
         r("div", g, o(e.name), 1),
-        r("div", h, o(l(m)("inventory.ingredient.bindedItems.amount")), 1)
+        r("div", b, o(l(m)("inventory.ingredient.bindedItems.amount")), 1)
       ]),
-      (s(!0), n(d, null, x(e.bindings, (t) => (s(), n("div", {
+      (s(!0), n(d, null, y(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"
       }, [

package/dist/{IngredientGroupView-DgDZnggI.js → IngredientGroupView-X0ST4tW9.js}

@@ -1,16 +1,9 @@
-import { ref as C, computed as I, defineComponent as Y, resolveComponent as S, openBlock as M, createBlock as O, withCtx as R, createElementVNode as x, createVNode as g, unref as l, createElementBlock as ee, toDisplayString as H, createTextVNode as te, watch as ue, isRef as ce, normalizeClass as de, normalizeStyle as me, createSlots as pe, Teleport as fe, normalizeProps as ve, guardReactiveProps as ge } from "vue";
-import { a as J, c as B, h as oe, u as ye } from "./app-ww5ibHkL.js";
-import { useDialog as le, useSnackbar as Z, useProxiedModel as be, useBreakpoints as _e } from "@feedmepos/ui-library";
-import { F as h } from "./form-mode.enum-BKiNVH6A.js";
+import { ref as C, computed as F, defineComponent as Y, resolveComponent as S, openBlock as M, createBlock as O, withCtx as R, createElementVNode as x, createVNode as g, unref as l, createElementBlock as ee, toDisplayString as H, createTextVNode as te, watch as ue, isRef as ce, normalizeClass as de, normalizeStyle as me, createSlots as pe, Teleport as fe, normalizeProps as ve, guardReactiveProps as ge } from "vue";
+import { a as J, c as h, d as B, e as ye, D as oe, f as Q, w as be, k as _e, A as xe, x as ne, m as se, u as ke, p as he, q as we, r as Se, s as Ie, v as ae } from "./app-Fc2FPGhO.js";
+import { useDialog as le, useSnackbar as Z, useProxiedModel as Fe, useBreakpoints as Ce } from "@feedmepos/ui-library";
 import { useI18n as W } from "@feedmepos/mf-common";
-import { defineStore as ie, storeToRefs as ne } from "pinia";
-import { D as se, R as Q } from "./row-action.enum-7rGLGZ5v.js";
-import { c as xe, _ as ke, F as ae } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
-import { u as he, _ as we, a as Se } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-m92y5x0G.js";
+import { defineStore as ie, storeToRefs as re } from "pinia";
 import "./array-hChJVZLE.js";
-import { d as Fe } from "./defineDeepModel-DJODEpcR.js";
-import { R as Ie, A as Ce } from "./rules-C83wiSGb.js";
-import { F as re } from "./FmMultiselectDialog-Jr9uL_z_.js";
 const X = ie(
   "ingredientGroupactions",
   function() {
@@ -114,7 +107,7 @@ const X = ie(
           );
       }
     }
-    const v = I(() => [
+    const v = F(() => [
       {
         accessorKey: "name",
         header: () => "Name"
@@ -131,8 +124,8 @@ const X = ie(
         id: "action",
         header: "",
         cell(f) {
-          return xe(
-            [se[Q.Edit], se[Q.Delete]],
+          return ye(
+            [oe[Q.Edit], oe[Q.Delete]],
             (y) => {
               p(y, f.row.original);
             }
@@ -167,7 +160,7 @@ const X = ie(
   },
   emits: ["validation-success"],
   setup(U, { expose: c, emit: w }) {
-    const o = Fe("modelValue"), r = w, i = J(), p = le(), { t: v } = W(), f = C();
+    const o = be("modelValue"), r = w, i = J(), p = le(), { t: v } = W(), f = C();
     c({
       validateInputs: () => {
         var a;
@@ -182,7 +175,7 @@ const X = ie(
         return (a = f.value) == null ? void 0 : a.resetInputs();
       }
     });
-    const y = I(() => i.skus.groupBy((a) => a.unit._id));
+    const y = F(() => i.skus.groupBy((a) => a.unit._id));
     function A() {
       var s;
       const a = i.skus.filter((n) => {
@@ -199,7 +192,7 @@ const X = ie(
       p.open({
         title: v("inventory.closing.form.items.selectItem"),
         closeButton: !0,
-        contentComponent: re,
+        contentComponent: ne,
         contentComponentProps: {
           modelValue: [(s = o.skus) == null ? void 0 : s[0]],
           items: a,
@@ -238,7 +231,7 @@ const X = ie(
       p.open({
         title: v("inventory.closing.form.items.selectItem"),
         closeButton: !0,
-        contentComponent: re,
+        contentComponent: ne,
         contentComponentProps: {
           modelValue: s,
           items: a,
@@ -277,19 +270,19 @@ const X = ie(
     return (a, s) => {
       const n = S("FmTextField"), t = S("FmLabel"), e = S("FmField"), u = S("FmFormGroup"), _ = S("FmButton"), m = S("FmTable"), D = S("FmForm");
       return M(), O(D, {
-        onValidationSuccess: s[5] || (s[5] = (F) => r("validation-success")),
+        onValidationSuccess: s[5] || (s[5] = (I) => r("validation-success")),
         ref_key: "formRef",
         ref: f,
         class: "flex flex-col gap-32"
       }, {
         default: R(() => {
-          var F, G, V, T, L;
+          var I, G, V, T, L;
           return [
             x("div", De, [
               g(n, {
                 label: "Name",
                 "label-mark": "required",
-                rules: [l(Ie)()],
+                rules: [l(_e)()],
                 modelValue: l(o).name,
                 "onUpdate:modelValue": s[0] || (s[0] = (k) => l(o).name = k)
               }, null, 8, ["rules", "modelValue"]),
@@ -321,8 +314,8 @@ const X = ie(
                 x("div", Te, [
                   s[6] || (s[6] = te(H("Select a main item to filter out substitutable items with same unit.") + " ")),
                   g(u, {
-                    "model-value": ((F = l(o)) == null ? void 0 : F.skus) ?? [],
-                    rules: [l(Ce)(1, "Required")]
+                    "model-value": ((I = l(o)) == null ? void 0 : I.skus) ?? [],
+                    rules: [l(xe)(1, "Required")]
                   }, null, 8, ["model-value", "rules"])
                 ])
               ])
@@ -371,7 +364,7 @@ const X = ie(
   },
   emits: ["update:show"],
   setup(U) {
-    const c = U, w = J(), o = Z(), { t: r } = W(), i = be(c, "show"), p = C({}), v = C(`${Math.random()}`);
+    const c = U, w = J(), o = Z(), { t: r } = W(), i = Fe(c, "show"), p = C({}), v = C(`${Math.random()}`);
     ue(
       () => c.show,
       (t) => {
@@ -383,7 +376,7 @@ const X = ie(
         }), v.value = `${Math.random()}`);
       }
     );
-    const f = I(() => {
+    const f = F(() => {
       switch (c.mode) {
         case h.READ:
           return "";
@@ -393,7 +386,7 @@ const X = ie(
           return r("inventory.ingredient.create.title");
       }
       return "";
-    }), y = I(() => {
+    }), y = F(() => {
       switch (c.mode) {
         case h.READ:
           return "";
@@ -414,7 +407,7 @@ const X = ie(
           type: "success"
         });
       } catch (e) {
-        e instanceof oe || o.open({
+        e instanceof se || o.open({
           title: r("inventory.ingredient.create.error.title"),
           message: r("inventory.ingredient.create.error.message"),
           type: "error"
@@ -433,7 +426,7 @@ const X = ie(
           type: "success"
         });
       } catch (e) {
-        e instanceof oe || o.open({
+        e instanceof se || o.open({
           title: r("inventory.ingredient.update.error.title"),
           message: r("inventory.ingredient.update.error.message"),
           type: "error"
@@ -498,15 +491,15 @@ const X = ie(
       }, 8, ["model-value", "header"]);
     };
   }
-}), Le = { class: "flex flex-col py-8" }, ze = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ne = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, ot = /* @__PURE__ */ Y({
+}), Le = { class: "flex flex-col py-8" }, ze = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ne = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Qe = /* @__PURE__ */ Y({
   __name: "IngredientGroupView",
   setup(U) {
-    const c = J(), w = I(() => c.skuGroups), o = ye(), { t: r } = W(), {
+    const c = J(), w = F(() => c.skuGroups), o = ke(), { t: r } = W(), {
       createIngredientGroup: i,
       updateIngredientGroup: p,
       importIngredientGroups: v,
       exportIngredientGroups: f
-    } = X(), { columnDefs: y, loading: A } = ne(Ae()), { ingredientGroupDialogProps: b } = ne(X());
+    } = X(), { columnDefs: y, loading: A } = re(Ae()), { ingredientGroupDialogProps: b } = re(X());
     function d(D) {
       switch (D) {
         case "add":
@@ -517,7 +510,7 @@ const X = ie(
           return f();
       }
     }
-    const a = C(""), s = C(!1), n = I(() => s.value || A.value), { breakpoints: t } = _e(), e = I(() => t.value.xs || t.value.sm), u = I(() => e.value ? 10 : 20), _ = he(), m = I(() => [
+    const a = C(""), s = C(!1), n = F(() => s.value || A.value), { breakpoints: t } = Ce(), e = F(() => t.value.xs || t.value.sm), u = F(() => e.value ? 10 : 20), _ = he(), m = F(() => [
       {
         label: r("inventory.ingredient.create.title"),
         value: "add",
@@ -527,7 +520,7 @@ const X = ie(
       { label: r("common.import"), value: "import" },
       { label: r("common.export"), value: "export" }
     ]);
-    return (D, F) => {
+    return (D, I) => {
       const G = S("FmTable");
       return M(), O(we, {
         title: l(r)("inventory.ingredientGroup.title"),
@@ -547,7 +540,7 @@ const X = ie(
             g(Se, {
               searchable: "",
               search: a.value,
-              "onUpdate:search": F[0] || (F[0] = (V) => a.value = V)
+              "onUpdate:search": I[0] || (I[0] = (V) => a.value = V)
             }, null, 8, ["search"]),
             g(G, {
               style: me(l(_).tableHeight),
@@ -556,11 +549,11 @@ const X = ie(
               "search-value": a.value,
               loading: !l(o)._currentLocation || n.value,
               "loading-text": "Loading",
-              onRowClick: F[1] || (F[1] = (V) => l(p)(V.original)),
+              onRowClick: I[1] || (I[1] = (V) => l(p)(V.original)),
               "page-size": u.value
             }, {
               "list-row": R((V) => [
-                g(ke, {
+                g(Ie, {
                   row: V,
                   onRowClick: l(p)
                 }, pe({
@@ -607,5 +600,5 @@ const X = ie(
   }
 });
 export {
-  ot as default
+  Qe as default
 };