@feedmepos/mf-inventory-portal 1.2.30-dev.1 → 1.2.31-dev.1

package/dist/{RecipeView-DNNRvr1w.js → RecipeView-D45gkYHY.js}

@@ -1,16 +1,25 @@
-import { defineComponent as j, ref as E, onMounted as ie, resolveComponent as I, openBlock as k, createElementBlock as B, Fragment as ue, createElementVNode as x, toDisplayString as ce, createVNode as y, createCommentVNode as q, computed as F, watch as de, createBlock as G, withCtx as U, unref as g, isRef as te, normalizeClass as me, normalizeStyle as pe, Teleport as fe, normalizeProps as ve, guardReactiveProps as ye } from "vue";
-import { a as A, e as C, f as W, S as ge, i as be, D as ne, j as Y, n as P, F as H, r as _e, U as Re, A as he, c as we, y as oe, W as Se, X as xe, Y as Ve, u as Ce, G as Ee, I as ke, J as Ie, K as Fe, L as ae } from "./app-CnQ49Lyb.js";
-import { useDialog as le, useSnackbar as X, useProxiedModel as se, useBreakpoints as $e } from "@feedmepos/ui-library";
-import { i as De, _ as Ae } from "./is-linked-ingredient-error-fJ2TJb3z.js";
-import { _ as re } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-DVUF4I2Q.js";
-import { defineStore as Be, storeToRefs as Pe } from "pinia";
+import { defineComponent as Y, ref as E, onMounted as ie, resolveComponent as F, openBlock as k, createElementBlock as B, Fragment as ue, createElementVNode as x, toDisplayString as ce, createVNode as y, createCommentVNode as q, computed as I, watch as de, createBlock as G, withCtx as U, unref as g, isRef as te, normalizeClass as me, normalizeStyle as pe, Teleport as fe, normalizeProps as ve, guardReactiveProps as ye } from "vue";
+import { a as A, c as Q, S as ge, F as H, j as ne, u as be } from "./app-DYsP0gKj.js";
+import { useDialog as le, useSnackbar as W, useProxiedModel as oe, useBreakpoints as _e } from "@feedmepos/ui-library";
+import { i as Re, _ as he } from "./is-linked-ingredient-error-fJ2TJb3z.js";
+import { F as C } from "./form-mode.enum-BKiNVH6A.js";
+import { _ as re } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-z0IAsrH_.js";
+import { defineStore as we, storeToRefs as Se } from "pinia";
+import { D as ae, R as K } from "./row-action.enum-BcW_L_nE.js";
+import { c as xe, _ as Ve, F as se } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
+import { a as P, R as Ce, U as Ee, A as ke } from "./rules-BiaGzhvQ.js";
 import { useI18n as O } from "@feedmepos/mf-common";
-import { _ as Ue } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-Drr5vD6f.js";
-import { _ as Te } from "./FmCustomAttribute.vue_vue_type_script_setup_true_lang-D-IWRjRD.js";
+import { u as Fe, _ as Ie } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-CWZkVCAj.js";
+import { _ as $e } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-BPr8PDwu.js";
+import { _ as De } from "./FmCustomAttribute.vue_vue_type_script_setup_true_lang-D-IWRjRD.js";
+import { u as Ae } from "./feature-DCia3aqG.js";
+import { b as Be, d as Pe } from "./xlsx.util-C8YXEqEl.js";
+import { f as Ue } from "./date2-BO7HiZTk.js";
+import { _ as Te } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-Csesow4V.js";
 const Me = {
   key: 0,
   class: "flex flex-col items-center w-full h-full gap-24"
-}, Ge = { key: 1 }, Ne = { key: 0 }, Le = /* @__PURE__ */ j({
+}, Ge = { key: 1 }, Ne = { key: 0 }, Le = /* @__PURE__ */ Y({
   __name: "DeleteDialog",
   props: {
     type: {},
@@ -28,7 +37,7 @@ const Me = {
       !s.value && ((c = f.data) != null && c._id) && (s.value = !0, v.value = await A().getAffectedMenu((m = f.data) == null ? void 0 : m._id), s.value = !1);
     }
     return (c, m) => {
-      const w = I("FmSpacer"), r = I("FmCircularProgress");
+      const w = F("FmSpacer"), r = F("FmCircularProgress");
       return k(), B(ue, null, [
         x("p", null, ce(c.message), 1),
         s.value ? (k(), B("div", Me, [
@@ -51,8 +60,8 @@ const Me = {
       ], 64);
     };
   }
-}), J = Be("recipeForm", function() {
-  const f = le(), v = X(), s = A(), l = E(!1), c = E();
+}), J = we("recipeForm", function() {
+  const f = le(), v = W(), s = A(), l = E(!1), c = E();
   function m() {
     const n = {
       recipe: {},
@@ -66,7 +75,7 @@ const Me = {
   }
   async function w(n) {
     const o = {
-      recipe: W(n),
+      recipe: Q(n),
       mode: C.UPDATE,
       show: !0,
       "onUpdate:show"(u) {
@@ -84,9 +93,9 @@ const Me = {
         type: "success"
       });
     } catch (o) {
-      o instanceof ge && De(o) ? f.open({
+      o instanceof ge && Re(o) ? f.open({
         title: "Cannot delete recipe",
-        contentComponent: Ae,
+        contentComponent: he,
         contentComponentProps: {
           subject: (n == null ? void 0 : n.name) ?? "",
           items: o.errorResponse.message
@@ -136,12 +145,12 @@ const Me = {
 function ze() {
   const { updateRecipe: b, deleteRecipe: f } = J(), v = A(), { t: s } = O();
   async function l(r, p) {
-    const n = W(p);
-    if (r === Y.Edit) {
+    const n = Q(p);
+    if (r === K.Edit) {
       await b(n);
       return;
     }
-    if (r === Y.Delete) {
+    if (r === K.Delete) {
       await f(n);
       return;
     }
@@ -173,8 +182,8 @@ function ze() {
       id: "action",
       header: "",
       cell(r) {
-        return be(
-          [ne[Y.Edit], ne[Y.Delete]],
+        return xe(
+          [ae[K.Edit], ae[K.Delete]],
           (p) => {
             l(p, r.row.original.original);
           }
@@ -206,13 +215,13 @@ function ze() {
   }
   return { columnDefs: m, formatRowData: w };
 }
-const Ke = { class: "flex flex-col gap-40" }, Ye = {
+const je = { class: "flex flex-col gap-40" }, Ke = {
   key: 0,
   class: "col-span-2 mt-16 border-1 border-fm-color-neutral-gray-200 fm-corner-radius-lg flex flex-col p-16 gap-16"
-}, je = {
+}, Ye = {
   key: 0,
   class: "flex flex-col items-center w-full h-full gap-24"
-}, Oe = { key: 1 }, He = { class: "mt-32" }, qe = /* @__PURE__ */ j({
+}, Oe = { key: 1 }, He = { class: "mt-32" }, qe = /* @__PURE__ */ Y({
   __name: "RecipeForm",
   props: {
     mode: {},
@@ -222,7 +231,7 @@ const Ke = { class: "flex flex-col gap-40" }, Ye = {
   emits: ["update:modelValue", "click:submit"],
   setup(b, { expose: f, emit: v }) {
     var R;
-    const s = b, l = v, c = we(), { t: m } = O(), w = F({
+    const s = b, l = v, c = Ae(), { t: m } = O(), w = I({
       get() {
         var t;
         return ((t = s.modelValue) == null ? void 0 : t.name) ?? "";
@@ -231,7 +240,7 @@ const Ke = { class: "flex flex-col gap-40" }, Ye = {
         const a = s.modelValue ?? {};
         a.name = t, l("update:modelValue", a);
       }
-    }), r = F({
+    }), r = I({
       get() {
         var t;
         return ((t = s.modelValue) == null ? void 0 : t.contains) ?? [];
@@ -240,7 +249,7 @@ const Ke = { class: "flex flex-col gap-40" }, Ye = {
         const a = s.modelValue ?? {};
         a.contains = t, l("update:modelValue", a);
       }
-    }), p = F({
+    }), p = I({
       get() {
         var t;
         return ((t = s.modelValue) == null ? void 0 : t.customAttributes) ?? {};
@@ -278,26 +287,26 @@ const Ke = { class: "flex flex-col gap-40" }, Ye = {
       var a, $;
       t && !e.value && ((a = s.modelValue) != null && a._id) && (e.value = !0, i.value = await u.getAffectedMenu(($ = s.modelValue) == null ? void 0 : $._id).delayed(500), e.value = !1);
     }
-    const _ = F(
+    const _ = I(
       () => u.recipes.map((t) => ({ label: t.name, value: t.name }))
     ), h = E((R = s.modelValue) == null ? void 0 : R.name);
     return (t, a) => {
-      const $ = I("FmTextField"), D = I("FmCard"), N = I("FmSwitch"), M = I("FmSpacer"), L = I("FmCircularProgress"), T = I("FmForm");
+      const $ = F("FmTextField"), D = F("FmCard"), N = F("FmSwitch"), M = F("FmSpacer"), L = F("FmCircularProgress"), T = F("FmForm");
       return k(), G(T, {
         ref_key: "formRef",
         ref: o,
         onValidationSuccess: n
       }, {
         default: U(() => [
-          x("div", Ke, [
+          x("div", je, [
             y($, {
               disabled: t.disabled,
               label: g(m)("inventory.recipe.name"),
               "model-value": w.value,
               "onUpdate:modelValue": a[0] || (a[0] = (V) => w.value = V),
               rules: [
-                g(_e)(),
-                g(Re)(_.value, h.value, (V) => `[${V.value}] already exists`)
+                g(Ce)(),
+                g(Ee)(_.value, h.value, (V) => `[${V.value}] already exists`)
               ],
               "label-mark": "required"
             }, null, 8, ["disabled", "label", "model-value", "rules"]),
@@ -308,12 +317,12 @@ const Ke = { class: "flex flex-col gap-40" }, Ye = {
               default: U(() => {
                 var V;
                 return [
-                  y(Ue, {
+                  y($e, {
                     id: (V = t.modelValue) == null ? void 0 : V._id,
                     disabled: t.disabled,
                     "model-value": r.value,
                     "onUpdate:modelValue": a[1] || (a[1] = (z) => r.value = z),
-                    rules: [g(he)(1)],
+                    rules: [g(ke)(1)],
                     "enable-ingredient-group": g(c).enableIngredientGroup
                   }, null, 8, ["id", "disabled", "model-value", "rules", "enable-ingredient-group"])
                 ];
@@ -321,7 +330,7 @@ const Ke = { class: "flex flex-col gap-40" }, Ye = {
               _: 1
             })
           ]),
-          t.mode !== g(C).CREATE ? (k(), B("div", Ye, [
+          t.mode !== g(C).CREATE ? (k(), B("div", Ke, [
             y(N, {
               label: "Show binded items",
               modelValue: S.value,
@@ -329,7 +338,7 @@ const Ke = { class: "flex flex-col gap-40" }, Ye = {
               "label-placement": "right",
               disabled: e.value
             }, null, 8, ["modelValue", "disabled"]),
-            e.value ? (k(), B("div", je, [
+            e.value ? (k(), B("div", Ye, [
               y(M),
               x("div", null, [
                 y(L, { size: "xl" })
@@ -344,7 +353,7 @@ const Ke = { class: "flex flex-col gap-40" }, Ye = {
             ])) : q("", !0)
           ])) : q("", !0),
           x("div", He, [
-            y(Te, {
+            y(De, {
               entity: "inventoryRecipe",
               modelValue: p.value,
               "onUpdate:modelValue": a[3] || (a[3] = (V) => p.value = V)
@@ -355,7 +364,7 @@ const Ke = { class: "flex flex-col gap-40" }, Ye = {
       }, 512);
     };
   }
-}), Je = { class: "flex gap-4" }, We = /* @__PURE__ */ j({
+}), Je = { class: "flex gap-4" }, Qe = /* @__PURE__ */ Y({
   __name: "RecipeDialog",
   props: {
     show: { type: Boolean },
@@ -364,7 +373,7 @@ const Ke = { class: "flex flex-col gap-40" }, Ye = {
   },
   emits: ["update:show"],
   setup(b) {
-    const f = b, v = A(), s = X(), { t: l } = O(), c = se(f, "show"), m = se(f, "recipe"), w = F(() => {
+    const f = b, v = A(), s = W(), { t: l } = O(), c = oe(f, "show"), m = oe(f, "recipe"), w = I(() => {
       switch (f.mode) {
         case C.READ:
           return "";
@@ -374,7 +383,7 @@ const Ke = { class: "flex flex-col gap-40" }, Ye = {
           return l("inventory.recipe.create.title");
       }
       return "";
-    }), r = F(() => {
+    }), r = I(() => {
       switch (f.mode) {
         case C.READ:
           return "";
@@ -388,14 +397,14 @@ const Ke = { class: "flex flex-col gap-40" }, Ye = {
     async function o() {
       n.value = !0;
       try {
-        const e = W(m.value);
+        const e = Q(m.value);
         e.precision ?? (e.precision = 0), e.measurements ?? (e.measurements = []), await v.createRecipe(e), c.value = !1, s.open({
           title: l("inventory.common.success"),
           message: l("inventory.recipe.create.success", { name: m.value.name }),
           type: "success"
         });
       } catch (e) {
-        e instanceof oe || s.open({
+        e instanceof ne || s.open({
           title: l("inventory.recipe.create.error.title"),
           message: l("inventory.recipe.create.error.message"),
           type: "error"
@@ -413,7 +422,7 @@ const Ke = { class: "flex flex-col gap-40" }, Ye = {
           type: "success"
         });
       } catch (e) {
-        e instanceof oe || s.open({
+        e instanceof ne || s.open({
           title: l("inventory.recipe.update.error.title"),
           message: l("inventory.recipe.update.error.message"),
           type: "error"
@@ -437,7 +446,7 @@ const Ke = { class: "flex flex-col gap-40" }, Ye = {
       }
     }
     return (e, d) => {
-      const _ = I("FmButton"), h = I("FmSideSheet");
+      const _ = F("FmButton"), h = F("FmSideSheet");
       return k(), G(h, {
         "model-value": g(c),
         "onUpdate:modelValue": d[3] || (d[3] = (R) => te(c) ? c.value = R : null),
@@ -478,13 +487,13 @@ const Ke = { class: "flex flex-col gap-40" }, Ye = {
     };
   }
 });
-function Xe(b) {
+function We(b) {
   return !b || Object.keys(b).length === 0 ? "" : Object.entries(b).map(([f, v]) => `${f}: ${v}`).join(", ");
 }
-function Qe() {
+function Xe() {
   const b = A(), f = b.recipes, v = b.recipeById, s = b.skuById, l = b.skuGroupById, c = f.flatMap((r, p) => {
     var o;
-    const n = Xe(r.customAttributes);
+    const n = We(r.customAttributes);
     if ((o = r.contains) != null && o.length) {
       const u = r.contains.filter((e) => e.type === "RECIPE"), i = r.contains.filter((e) => e.type === "SKU"), S = r.contains.filter((e) => e.type === "SKU_GROUP");
       return [
@@ -537,24 +546,24 @@ function Qe() {
       ...p === 0 ? [] : [["", "", "", "", "", "", ""]],
       [r.name, "No bindings", "", "", "", "", n]
     ];
-  }), w = Se(c, ["Name", "Type", "Code", "Item", "Amount", "Unit", "Custom Attributes"]);
-  xe(w, `RECIPE_${Ve(/* @__PURE__ */ new Date(), "-", "-")}.xlsx`);
+  }), w = Be(c, ["Name", "Type", "Code", "Item", "Amount", "Unit", "Custom Attributes"]);
+  Pe(w, `RECIPE_${Ue(/* @__PURE__ */ new Date(), "-", "-")}.xlsx`);
 }
-const Ze = { class: "flex flex-col py-8" }, et = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, tt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, dt = /* @__PURE__ */ j({
+const Ze = { class: "flex flex-col py-8" }, et = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, tt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Rt = /* @__PURE__ */ Y({
   __name: "RecipeView",
   setup(b) {
-    const f = A(), v = F(() => f.recipes), s = Ce(), { createRecipe: l, updateRecipe: c } = J(), { recipeDialogProps: m, recipeViewLoading: w } = Pe(J()), { columnDefs: r, formatRowData: p } = ze(), n = F(() => p(v.value));
-    le(), X(), E(!1);
+    const f = A(), v = I(() => f.recipes), s = be(), { createRecipe: l, updateRecipe: c } = J(), { recipeDialogProps: m, recipeViewLoading: w } = Se(J()), { columnDefs: r, formatRowData: p } = ze(), n = I(() => p(v.value));
+    le(), W(), E(!1);
     function o(R) {
       if (R === "add")
         return l();
       if (R === "export")
-        return Qe();
+        return Xe();
     }
-    const u = E(""), i = F(() => w.value), { breakpoints: S } = $e(), e = F(() => S.value.xs || S.value.sm), d = F(() => e.value ? 10 : 20), _ = Ee(), { t: h } = O();
+    const u = E(""), i = I(() => w.value), { breakpoints: S } = _e(), e = I(() => S.value.xs || S.value.sm), d = I(() => e.value ? 10 : 20), _ = Fe(), { t: h } = O();
     return (R, t) => {
-      const a = I("FmTable");
-      return k(), G(ke, {
+      const a = F("FmTable");
+      return k(), G(Ie, {
         title: g(h)("inventory.recipe.title"),
         actions: [
           {
@@ -577,7 +586,7 @@ const Ze = { class: "flex flex-col py-8" }, et = { class: "fm-typo-en-body-lg-60
               }
             ])
           }, [
-            y(Ie, {
+            y(Te, {
               searchable: "",
               search: u.value,
               "onUpdate:search": t[0] || (t[0] = ($) => u.value = $)
@@ -593,24 +602,24 @@ const Ze = { class: "flex flex-col py-8" }, et = { class: "fm-typo-en-body-lg-60
               "page-size": d.value
             }, {
               "list-row": U(($) => [
-                y(Fe, {
+                y(Ve, {
                   row: $,
                   onRowClick: (D) => g(c)(D.original)
                 }, {
                   default: U((D) => {
-                    var N, M, L, T, V, z, Q, Z, K, ee;
+                    var N, M, L, T, V, z, X, Z, j, ee;
                     return [
                       x("div", Ze, [
                         x("div", et, [
-                          y(g(ae), {
+                          y(g(se), {
                             render: (L = (M = (N = D.recipe) == null ? void 0 : N.column) == null ? void 0 : M.columnDef) == null ? void 0 : L.cell,
                             props: (V = (T = D.recipe) == null ? void 0 : T.getContext) == null ? void 0 : V.call(T)
                           }, null, 8, ["render", "props"])
                         ]),
                         x("div", tt, [
-                          y(g(ae), {
-                            render: (Z = (Q = (z = D.ingredients) == null ? void 0 : z.column) == null ? void 0 : Q.columnDef) == null ? void 0 : Z.cell,
-                            props: (ee = (K = D.ingredients) == null ? void 0 : K.getContext) == null ? void 0 : ee.call(K)
+                          y(g(se), {
+                            render: (Z = (X = (z = D.ingredients) == null ? void 0 : z.column) == null ? void 0 : X.columnDef) == null ? void 0 : Z.cell,
+                            props: (ee = (j = D.ingredients) == null ? void 0 : j.getContext) == null ? void 0 : ee.call(j)
                           }, null, 8, ["render", "props"])
                         ])
                       ])
@@ -623,7 +632,7 @@ const Ze = { class: "flex flex-col py-8" }, et = { class: "fm-typo-en-body-lg-60
             }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
           ], 2),
           (k(), G(fe, { to: "body" }, [
-            y(We, ve(ye(g(m))), null, 16)
+            y(Qe, ve(ye(g(m))), null, 16)
           ]))
         ]),
         _: 1
@@ -632,5 +641,5 @@ const Ze = { class: "flex flex-col py-8" }, et = { class: "fm-typo-en-body-lg-60
   }
 });
 export {
-  dt as default
+  Rt as default
 };

package/dist/SingleColumnLayout.vue_vue_type_script_setup_true_lang-CWZkVCAj.js

@@ -0,0 +1,251 @@
+import { defineComponent as U, resolveComponent as x, unref as I, openBlock as l, createElementBlock as c, renderSlot as $, createElementVNode as p, normalizeClass as h, createVNode as v, reactive as j, onUnmounted as D, ref as R, computed as C, Fragment as g, createTextVNode as X, toDisplayString as V, createCommentVNode as k, createBlock as i, renderList as T, withCtx as _, Teleport as N } from "vue";
+import { useBreakpoints as Y } from "@feedmepos/ui-library";
+import { useCoreStore as q, useI18n as G } from "@feedmepos/mf-common";
+import { _ as J } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const K = {
+  key: 0,
+  class: "group gap-8 inline-flex items-center relative select-none border-1 border-dashed rounded-md border-red-500 hover:border-opacity-30 transition-opacity"
+}, Q = { class: "fm-typo-en-body-sm-400 justify-center flex items-center w-full" }, W = /* @__PURE__ */ U({
+  __name: "FmAdminBadge",
+  props: {
+    class: { default: void 0 }
+  },
+  setup(b) {
+    const m = b, f = q();
+    return (a, u) => {
+      var t;
+      const n = x("FmIcon");
+      return (t = I(f).sessionUser.value) != null && t.role.isAdmin ? (l(), c("div", K, [
+        $(a.$slots, "default", {}, void 0, !0),
+        p("div", {
+          class: h([
+            "fm-admin-badge",
+            "group-hover:opacity-20",
+            m.class,
+            {
+              absolute: !0,
+              "bottom-[-5px] right-[-8px] px-4 h-[25px] w-[25px] border-2 border-red-800": !0
+            }
+          ])
+        }, [
+          p("span", Q, [
+            v(n, {
+              name: "support_agent",
+              size: "sm",
+              outline: ""
+            })
+          ])
+        ], 2)
+      ])) : $(a.$slots, "non-admin", { key: 1 }, void 0, !0);
+    };
+  }
+}), F = /* @__PURE__ */ J(W, [["__scopeId", "data-v-643bdbae"]]), M = j({});
+function Z() {
+  const b = `${Math.random()}`, m = new ResizeObserver((u) => {
+    const n = u.map((t) => t.target.scrollHeight).reduce((t, s) => t + s);
+    M[b] = n;
+  }), f = (u) => {
+    const n = u.el;
+    n && m.observe(n);
+  }, a = (u) => {
+    const n = u.el;
+    n && m.unobserve(n);
+  };
+  return D(() => {
+    m.disconnect(), delete M[b];
+  }), {
+    get tableHeight() {
+      return {
+        height: `calc(100dvh - ${Object.values(M).reduce((t, s) => t + s, 0) + 80}px)`
+      };
+    },
+    onMounted: f,
+    onUnmounted: a
+  };
+}
+const ee = {
+  key: 0,
+  class: /* @__PURE__ */ h(["text-fm-color-typo-secondary fm-typo-en-body-sm-400"])
+}, te = { class: "bg-white flex-1" }, le = { class: "fixed bottom-96 right-16" }, w = 3, se = /* @__PURE__ */ U({
+  __name: "SingleColumnLayout",
+  props: {
+    actions: { default: () => [] },
+    title: { default: "Title" },
+    description: {},
+    showBackButton: { type: Boolean },
+    defaultPadding: { type: Boolean },
+    breadcrumbs: { default: () => [] },
+    helperText: {}
+  },
+  emits: ["click:action"],
+  setup(b, { emit: m }) {
+    const f = b, a = m, { t: u } = G(), n = R(!1), t = C(() => f.actions.find((r) => r.isPrimary)), s = C(() => f.actions.filter((r) => !r.isPrimary)), H = C(
+      () => s.value.map(
+        (r) => ({
+          label: r.label,
+          value: r.value
+        })
+      )
+    ), { breakpoints: S } = Y(), y = C(() => S.value.xs || S.value.sm), A = Z();
+    return (r, o) => {
+      var O;
+      const d = x("FmButton"), z = x("FmMenuItem"), E = x("FmMenu"), L = x("FmCollapsibleTabs"), P = x("FmBottomSheet");
+      return l(), c(g, null, [
+        p("div", {
+          class: h([
+            "flex flex-col w-full bg-white h-full",
+            {
+              "gap-12": y.value
+            }
+          ])
+        }, [
+          p("div", {
+            onVnodeMounted: o[3] || (o[3] = //@ts-ignore
+            (...e) => I(A).onMounted && I(A).onMounted(...e)),
+            class: h([
+              "flex gap-8 items-center",
+              {
+                "p-12 border-b-[1px] border-b-fm-color-neutral-gray-100": y.value,
+                "px-24 py-16": !y.value
+              }
+            ])
+          }, [
+            p("div", {
+              class: h([
+                "flex-1 flex flex-col gap-4 fm-typo-en-title-md-600 bg-white",
+                {
+                  "py-12": y.value
+                }
+              ])
+            }, [
+              p("div", null, [
+                X(V(r.title) + " ", 1),
+                $(r.$slots, "headerInfo")
+              ]),
+              r.helperText ? (l(), c("div", ee, V(r.helperText), 1)) : k("", !0)
+            ], 2),
+            y.value ? (l(), c(g, { key: 0 }, [
+              s.value.length ? (l(), i(d, {
+                key: 0,
+                variant: "tertiary",
+                "prepend-icon": "more_vert",
+                onClick: o[0] || (o[0] = (e) => n.value = !0)
+              })) : k("", !0)
+            ], 64)) : (l(), c(g, { key: 1 }, [
+              (l(!0), c(g, null, T(s.value.slice(0, w), (e) => (l(), c(g, {
+                key: e.value
+              }, [
+                e.isAdminOnly ? (l(), i(F, { key: 0 }, {
+                  default: _(() => [
+                    v(d, {
+                      label: e.label,
+                      "prepend-icon": e.prependIcon,
+                      variant: e.variant,
+                      "bg-color": e.variant ? void 0 : "neutral-gray-100",
+                      "text-color": e.variant ? void 0 : "neutral-gray-400",
+                      onClick: (B) => a("click:action", e.value)
+                    }, null, 8, ["label", "prepend-icon", "variant", "bg-color", "text-color", "onClick"])
+                  ]),
+                  _: 2
+                }, 1024)) : (l(), i(d, {
+                  key: 1,
+                  label: e.label,
+                  "prepend-icon": e.prependIcon,
+                  variant: e.variant,
+                  "bg-color": e.variant ? void 0 : "neutral-gray-100",
+                  "text-color": e.variant ? void 0 : "neutral-gray-400",
+                  onClick: (B) => a("click:action", e.value)
+                }, null, 8, ["label", "prepend-icon", "variant", "bg-color", "text-color", "onClick"]))
+              ], 64))), 128)),
+              s.value.length > w ? (l(), i(E, { key: 0 }, {
+                "menu-button": _(() => [
+                  v(d, {
+                    label: I(u)("inventory.common.more"),
+                    "append-icon": "expand_more",
+                    "bg-color": "neutral-gray-100",
+                    "text-color": "neutral-gray-400"
+                  }, null, 8, ["label"])
+                ]),
+                default: _(() => [
+                  (l(!0), c(g, null, T(s.value.slice(w), (e, B) => (l(), i(z, {
+                    key: B,
+                    label: e.label,
+                    onClick: (oe) => a("click:action", e.value)
+                  }, null, 8, ["label", "onClick"]))), 128))
+                ]),
+                _: 1
+              })) : k("", !0),
+              (O = t.value) != null && O.isAdminOnly ? (l(), i(F, { key: 1 }, {
+                default: _(() => [
+                  v(d, {
+                    label: t.value.label,
+                    "prepend-icon": t.value.prependIcon,
+                    onClick: o[1] || (o[1] = (e) => a("click:action", t.value.value))
+                  }, null, 8, ["label", "prepend-icon"])
+                ]),
+                _: 1
+              })) : t.value ? (l(), i(d, {
+                key: 2,
+                label: t.value.label,
+                "prepend-icon": t.value.prependIcon,
+                onClick: o[2] || (o[2] = (e) => a("click:action", t.value.value))
+              }, null, 8, ["label", "prepend-icon"])) : k("", !0)
+            ], 64))
+          ], 2),
+          p("div", te, [
+            $(r.$slots, "default")
+          ])
+        ], 2),
+        t.value && y.value ? (l(), i(N, {
+          key: 0,
+          to: "body"
+        }, [
+          p("div", le, [
+            t.value.isAdminOnly ? (l(), i(F, { key: 0 }, {
+              default: _(() => [
+                v(d, {
+                  label: t.value.label,
+                  "prepend-icon": t.value.prependIcon,
+                  onClick: o[4] || (o[4] = (e) => a("click:action", t.value.value)),
+                  variant: "fab"
+                }, null, 8, ["label", "prepend-icon"])
+              ]),
+              _: 1
+            })) : (l(), i(d, {
+              key: 1,
+              label: t.value.label,
+              "prepend-icon": t.value.prependIcon,
+              onClick: o[5] || (o[5] = (e) => a("click:action", t.value.value)),
+              variant: "fab"
+            }, null, 8, ["label", "prepend-icon"]))
+          ])
+        ])) : k("", !0),
+        s.value.length ? (l(), i(N, {
+          key: 1,
+          to: "body"
+        }, [
+          v(P, {
+            "dismiss-away": "",
+            "no-header": "",
+            modelValue: n.value,
+            "onUpdate:modelValue": o[7] || (o[7] = (e) => n.value = e)
+          }, {
+            default: _(() => [
+              v(L, {
+                class: "pb-8",
+                items: H.value,
+                "onUpdate:modelValue": o[6] || (o[6] = (e) => (a("click:action", e), n.value = !1))
+              }, null, 8, ["items"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])) : k("", !0)
+      ], 64);
+    };
+  }
+});
+export {
+  F,
+  se as _,
+  Z as u
+};