@feedmepos/mf-report 5.27.35 → 5.27.36

package/dist/TileGrid.vue_vue_type_script_setup_true_lang-CC-xGpBd.js

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

package/dist/{TransitionFade-Cq7jxuTO.js → TransitionFade-DszPGM-J.js}

@@ -3,13 +3,13 @@ import { u as Lt, a as fo, _ as an } from "./_plugin-vue_export-helper-onplcgja.
 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, t as On, v as Sn, d as Ge, g as go, q as vo } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-CoI3PFYF.js";
-import { p as bo, d as Cn, a as Rn } from "./DateRangeSelect-Cvxqh6KE.js";
-import { u as yo, F as Eo, r as _o, d as Ut } from "./app-L5Gs2RN0.js";
+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-DzZP-ANz.js";
+import { p as bo, d as Cn, a as Rn } from "./DateRangeSelect-D2772bgT.js";
+import { u as yo, F as Eo, r as _o, d as Ut } from "./app-CwM9HM2R.js";
 import { a as dn } from "./SelectComponent.vue_vue_type_script_setup_true_lang-CGbb3b5G.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-PhthswCX.js";
+import { g as gt } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-RABMoQ3F.js";
 const wo = {
   key: 0,
   class: "flex gap-24 flex-col h-screen w-screen justify-center items-center"