@feedmepos/mf-inventory-portal 1.2.64 → 1.2.66-dev.1

package/dist/SingleColumnLayout.vue_vue_type_script_setup_true_lang-CWZkVCAj.js

@@ -1,251 +0,0 @@
-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
-};