@feedmepos/mf-report 5.27.40 → 5.27.41

package/dist/TilePageStack.vue_vue_type_script_setup_true_lang-BUr5dctn.js

@@ -0,0 +1,332 @@
+import { defineComponent as Q, reactive as A, resolveComponent as k, createElementBlock as d, openBlock as n, Fragment as I, renderList as U, createBlock as D, createCommentVNode as f, unref as Z, normalizeStyle as w, normalizeClass as l, withCtx as C, createVNode as u, createElementVNode as T, toDisplayString as B, mergeProps as ee, createSlots as te, withDirectives as V, vShow as G, ref as re, watch as oe } from "vue";
+import { u as ne } from "./_plugin-vue_export-helper-kkiiQoKl.js";
+import { _ as ie, a as J, c as de, b as se, f as ce, t as ae, p as le } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-CyW3l1Ls.js";
+import { i as ue, F as P, W as pe } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-DcH9kMCg.js";
+import { useBreakpoints as me } from "@feedmepos/ui-library";
+import { r as fe } from "./i18n-CI_sQ5d_.js";
+const ye = {
+  key: 0,
+  class: "px-16 pt-16 shrink-0"
+}, he = { class: "flex-1 min-h-0 overflow-y-auto" }, _e = {
+  key: 0,
+  class: "grid grid-cols-12"
+}, ge = {
+  key: 0,
+  class: "px-16 pt-16"
+}, xe = { class: "grid grid-cols-12 max-h-full overflow-y-auto" }, O = /* @__PURE__ */ Q({
+  __name: "TileGrid",
+  props: {
+    tiles: {},
+    reportId: {},
+    leafIndexById: {},
+    hideExport: { type: Boolean },
+    customScreenWidth: {},
+    flat: { type: Boolean }
+  },
+  setup(W) {
+    const t = W, { breakpoints: _ } = me();
+    function g(r) {
+      var i;
+      const o = ((i = r.size) == null ? void 0 : i.width) ?? 12;
+      return _.value.lg || _.value.md ? de(o) : _.value.sm ? se(o) : ce(o);
+    }
+    function s(r) {
+      return t.flat && r > 0 ? "border-t border-neutral-200" : "";
+    }
+    function $(r) {
+      var o;
+      if (!t.flat)
+        return { height: `${ae(((o = r.size) == null ? void 0 : o.height) ?? 6)}px` };
+    }
+    function y(r, o, i, h) {
+      return {
+        fontSize: r ? `${r}px` : void 0,
+        fontWeight: o ? "700" : void 0,
+        fontStyle: i ? "italic" : void 0,
+        textDecoration: h ? "underline" : void 0
+      };
+    }
+    const p = A({}), a = A({});
+    function x(r) {
+      var o;
+      if (r.tabIcon !== void 0) return r.tabIcon || void 0;
+      if (((o = r.widget) == null ? void 0 : o.type) === pe.Scorecard && r.widget.config.titleIcon !== "")
+        return r.widget.config.titleIcon;
+    }
+    function v(r) {
+      var o;
+      return r ? r.tabIcon !== void 0 ? r.tabIconSize ?? P.Small : ((o = r.widget) == null ? void 0 : o.config.titleIconSize) ?? P.Small : P.Small;
+    }
+    function E(r) {
+      var o;
+      if (r)
+        return r.tabIcon !== void 0 ? r.tabIconType : (o = r.widget) == null ? void 0 : o.config.titleIconType;
+    }
+    function R(r) {
+      return (r.tiles ?? []).map((o, i) => ({
+        label: o.tabTitle || `Tab ${i + 1}`,
+        value: String(i),
+        icon: x(o)
+      }));
+    }
+    function F(r, o) {
+      return r.id || `container_${o}`;
+    }
+    function z(r, o) {
+      return p[F(r, o)] ?? 0;
+    }
+    function X(r, o, i) {
+      return z(r, o) === i || a[`${F(r, o)}_${i}`];
+    }
+    function Y(r, o, i) {
+      if (i === null) return;
+      const h = F(r, o);
+      a[`${h}_${z(r, o)}`] = !0, p[h] = Number(i), a[`${h}_${i}`] = !0;
+    }
+    return (r, o) => {
+      const i = k("FmTab"), h = k("FmTabs"), N = k("TileGrid", !0), L = k("FmCard");
+      return n(!0), d(I, null, U(t.tiles, (e, c) => {
+        var M, H, K;
+        return n(), d(I, {
+          key: `tile_${t.reportId}_${e.id || c}`
+        }, [
+          Z(ue)(e) && ((M = e.tiles) != null && M.length) ? (n(), D(L, {
+            key: 0,
+            variant: "outlined",
+            class: l(["p-0 overflow-hidden flex flex-col", [g(e), s(c)]]),
+            style: w($(e))
+          }, {
+            default: C(() => [
+              e.title || e.description ? (n(), d("div", ye, [
+                e.title ? (n(), d("p", {
+                  key: 0,
+                  class: l(["fm-typo-en-body-sm-400", { "text-fm-color-typo-secondary": !(e.titleBold ?? !0) }]),
+                  style: w(
+                    y(
+                      e.titleFontSize ?? 16,
+                      e.titleBold ?? !0,
+                      e.titleItalic,
+                      e.titleUnderline
+                    )
+                  )
+                }, B(e.title), 7)) : f("", !0),
+                e.description ? (n(), d("p", {
+                  key: 1,
+                  class: l(["mt-4 fm-typo-en-body-sm-400", { "text-fm-color-typo-secondary": !e.descriptionBold }]),
+                  style: w(
+                    y(
+                      e.descriptionFontSize,
+                      e.descriptionBold,
+                      e.descriptionItalic,
+                      e.descriptionUnderline
+                    )
+                  )
+                }, B(e.description), 7)) : f("", !0)
+              ])) : f("", !0),
+              u(h, {
+                class: "px-16 pt-8 shrink-0",
+                "model-value": String(z(e, c)),
+                items: R(e),
+                "onUpdate:modelValue": (m) => Y(e, c, m)
+              }, {
+                default: C(({ icon: m, tabsProps: S, ...b }) => [
+                  u(i, ee({ ref_for: !0 }, { ...S, ...b }), te({ _: 2 }, [
+                    m ? {
+                      name: "prepend",
+                      fn: C(() => {
+                        var j, q;
+                        return [
+                          u(ie, {
+                            icon: m,
+                            type: E((j = e.tiles) == null ? void 0 : j[Number(b.value)]),
+                            size: v((q = e.tiles) == null ? void 0 : q[Number(b.value)])
+                          }, null, 8, ["icon", "type", "size"])
+                        ];
+                      }),
+                      key: "0"
+                    } : void 0
+                  ]), 1040)
+                ]),
+                _: 2
+              }, 1032, ["model-value", "items", "onUpdate:modelValue"]),
+              T("div", he, [
+                (n(!0), d(I, null, U(e.tiles, (m, S) => {
+                  var b;
+                  return n(), d(I, {
+                    key: `tab_${F(e, c)}_${S}`
+                  }, [
+                    X(e, c, S) ? V((n(), d("div", _e, [
+                      u(N, {
+                        tiles: (b = m.tiles) != null && b.length && !m.widget ? m.tiles : [m],
+                        "report-id": t.reportId,
+                        "leaf-index-by-id": t.leafIndexById,
+                        "hide-export": t.hideExport,
+                        "custom-screen-width": t.customScreenWidth,
+                        flat: !0
+                      }, null, 8, ["tiles", "report-id", "leaf-index-by-id", "hide-export", "custom-screen-width"])
+                    ], 512)), [
+                      [G, z(e, c) === S]
+                    ]) : f("", !0)
+                  ], 64);
+                }), 128))
+              ])
+            ]),
+            _: 2
+          }, 1032, ["class", "style"])) : !e.widget && ((H = e.tiles) != null && H.length) && !t.flat ? (n(), D(L, {
+            key: 1,
+            variant: "outlined",
+            class: l(["p-0 overflow-hidden", g(e)]),
+            style: w($(e))
+          }, {
+            default: C(() => [
+              e.title || e.description ? (n(), d("div", ge, [
+                e.title ? (n(), d("p", {
+                  key: 0,
+                  class: l(["fm-typo-en-body-sm-400", { "text-fm-color-typo-secondary": !(e.titleBold ?? !0) }]),
+                  style: w(
+                    y(
+                      e.titleFontSize ?? 16,
+                      e.titleBold ?? !0,
+                      e.titleItalic,
+                      e.titleUnderline
+                    )
+                  )
+                }, B(e.title), 7)) : f("", !0),
+                e.description ? (n(), d("p", {
+                  key: 1,
+                  class: l(["mt-4 fm-typo-en-body-sm-400", { "text-fm-color-typo-secondary": !e.descriptionBold }]),
+                  style: w(
+                    y(
+                      e.descriptionFontSize,
+                      e.descriptionBold,
+                      e.descriptionItalic,
+                      e.descriptionUnderline
+                    )
+                  )
+                }, B(e.description), 7)) : f("", !0)
+              ])) : f("", !0),
+              T("div", xe, [
+                u(N, {
+                  tiles: e.tiles,
+                  "report-id": t.reportId,
+                  "leaf-index-by-id": t.leafIndexById,
+                  "hide-export": t.hideExport,
+                  "custom-screen-width": t.customScreenWidth,
+                  flat: !0
+                }, null, 8, ["tiles", "report-id", "leaf-index-by-id", "hide-export", "custom-screen-width"])
+              ])
+            ]),
+            _: 2
+          }, 1032, ["class", "style"])) : !e.widget && ((K = e.tiles) != null && K.length) ? (n(), d("div", {
+            key: 2,
+            class: l(["grid grid-cols-12", [g(e), s(c)]])
+          }, [
+            u(N, {
+              tiles: e.tiles,
+              "report-id": t.reportId,
+              "leaf-index-by-id": t.leafIndexById,
+              "hide-export": t.hideExport,
+              "custom-screen-width": t.customScreenWidth,
+              flat: !0
+            }, null, 8, ["tiles", "report-id", "leaf-index-by-id", "hide-export", "custom-screen-width"])
+          ], 2)) : e.widget && t.flat ? (n(), d("div", {
+            key: 3,
+            class: l([g(e), s(c)])
+          }, [
+            u(J, {
+              "model-value": e,
+              "report-id": t.reportId,
+              index: t.leafIndexById[e.id] ?? c,
+              "hide-export": t.hideExport,
+              "custom-screen-width": t.customScreenWidth,
+              flat: !0
+            }, null, 8, ["model-value", "report-id", "index", "hide-export", "custom-screen-width"])
+          ], 2)) : e.widget ? (n(), D(J, {
+            key: 4,
+            "model-value": e,
+            "report-id": t.reportId,
+            index: t.leafIndexById[e.id] ?? c,
+            "hide-export": t.hideExport,
+            "custom-screen-width": t.customScreenWidth
+          }, null, 8, ["model-value", "report-id", "index", "hide-export", "custom-screen-width"])) : f("", !0)
+        ], 64);
+      }), 128);
+    };
+  }
+}), ve = { class: "col-span-12 flex items-center gap-4" }, be = ["title"], $e = /* @__PURE__ */ Q({
+  __name: "TilePageStack",
+  props: {
+    tiles: {},
+    reportId: {},
+    leafIndexById: {},
+    gridClass: {},
+    hideExport: { type: Boolean },
+    customScreenWidth: {}
+  },
+  setup(W) {
+    const t = W, { t: _, te: g } = ne(), s = re([]);
+    le({
+      openPage: (p) => {
+        var a;
+        ((a = s.value[s.value.length - 1]) == null ? void 0 : a.id) !== p.id && s.value.push(p);
+      }
+    });
+    function $() {
+      s.value.pop();
+    }
+    function y(p) {
+      var x;
+      const a = p.tabTitle || ((x = p.widget) == null ? void 0 : x.title) || "";
+      return a ? fe(_, g, a, "other") : _("report.common.page");
+    }
+    return oe([() => t.reportId, () => t.tiles], () => {
+      s.value = [];
+    }), (p, a) => {
+      const x = k("FmButton");
+      return n(), d(I, null, [
+        V(T("div", {
+          class: l(["grid grid-cols-12", t.gridClass])
+        }, [
+          u(O, {
+            tiles: t.tiles,
+            "report-id": t.reportId,
+            "leaf-index-by-id": t.leafIndexById,
+            "hide-export": t.hideExport,
+            "custom-screen-width": t.customScreenWidth
+          }, null, 8, ["tiles", "report-id", "leaf-index-by-id", "hide-export", "custom-screen-width"])
+        ], 2), [
+          [G, s.value.length === 0]
+        ]),
+        (n(!0), d(I, null, U(s.value, (v, E) => V((n(), d("div", {
+          key: `page_${v.id}`,
+          class: l(["grid grid-cols-12", t.gridClass])
+        }, [
+          T("div", ve, [
+            u(x, {
+              icon: "arrow_back",
+              variant: "tertiary",
+              class: "-ml-8",
+              onClick: $
+            }),
+            T("p", {
+              class: "fm-typo-en-title-sm-600 line-clamp-1 min-w-0 break-all",
+              title: y(v)
+            }, B(y(v)), 9, be)
+          ]),
+          u(O, {
+            tiles: v.tiles ?? [],
+            "report-id": t.reportId,
+            "leaf-index-by-id": t.leafIndexById,
+            "hide-export": t.hideExport,
+            "custom-screen-width": t.customScreenWidth
+          }, null, 8, ["tiles", "report-id", "leaf-index-by-id", "hide-export", "custom-screen-width"])
+        ], 2)), [
+          [G, E === s.value.length - 1]
+        ])), 128))
+      ], 64);
+    };
+  }
+});
+export {
+  $e as _
+};

package/dist/{TransitionFade-CtE41B0o.js → TransitionFade-CAuLrgf6.js}

@@ -1,15 +1,15 @@
 import { defineComponent as We, onBeforeMount as ro, onBeforeUnmount as io, resolveComponent as z, createElementBlock as k, openBlock as D, normalizeStyle as Qt, unref as P, renderSlot as pt, createVNode as G, createElementVNode as A, toDisplayString as K, TransitionGroup as ao, nextTick as rn, h as cn, mergeModels as kt, useModel as tt, computed as S, Fragment as Ne, renderList as It, createBlock as be, normalizeClass as Ot, withCtx as ce, Transition as Zt, createCommentVNode as U, ref as q, withDirectives as lo, withKeys as so, withModifiers as St, vModelText as uo, watch as je, createTextVNode as co } from "vue";
-import { u as Lt, a as fo, _ as an } from "./_plugin-vue_export-helper-onplcgja.js";
+import { u as Lt, a as fo, _ as an } from "./_plugin-vue_export-helper-kkiiQoKl.js";
 import { useCoreStore as po } from "@feedmepos/mf-common";
 import { storeToRefs as In } from "pinia";
 import { useRoute as mo } from "vue-router";
-import { W as xe, Q as ho, I as rt, v as On, w as Sn, d as Ge, g as go, t as vo } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-DT2SiGub.js";
-import { p as bo, d as Cn, a as Rn } from "./DateRangeSelect-UoFskU18.js";
-import { u as yo, F as Eo, r as _o, d as Ut } from "./app-FVupSSYM.js";
-import { a as dn } from "./SelectComponent.vue_vue_type_script_setup_true_lang-CGbb3b5G.js";
+import { W as xe, Q as ho, I as rt, z as On, A as Sn, d as Ge, g as go, y as vo } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-DcH9kMCg.js";
+import { p as bo, d as Cn, a as Rn } from "./DateRangeSelect-B0RstQlf.js";
+import { u as yo, F as Eo, r as _o, d as Ut } from "./app-B7Ecopk1.js";
+import { a as dn } from "./SelectComponent.vue_vue_type_script_setup_true_lang-Ckn2p74A.js";
 import { r as fn } from "./i18n-CI_sQ5d_.js";
 import { useSnackbar as To } from "@feedmepos/ui-library";
-import { g as gt } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-BtYC32jI.js";
+import { g as gt } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-CyW3l1Ls.js";
 const wo = {
   key: 0,
   class: "flex gap-24 flex-col h-screen w-screen justify-center items-center"