@feedmepos/mf-report 5.26.9 → 5.27.0-beta.0

package/dist/TileGrid.vue_vue_type_script_setup_true_lang-BOkxFIAd.js

@@ -0,0 +1,143 @@
+import { defineComponent as z, reactive as C, resolveComponent as x, createElementBlock as a, openBlock as d, Fragment as h, renderList as E, createBlock as w, createCommentVNode as W, normalizeClass as f, withCtx as F, createVNode as l, withDirectives as L, vShow as M, createElementVNode as U } from "vue";
+import { _ as I, c as K, a as j, b as q } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-HQ4x1yGJ.js";
+import { useBreakpoints as A } from "@feedmepos/ui-library";
+const H = {
+  key: 0,
+  class: "grid grid-cols-12"
+}, J = { class: "grid grid-cols-12" }, R = /* @__PURE__ */ z({
+  __name: "TileGrid",
+  props: {
+    tiles: {},
+    reportId: {},
+    leafIndexById: {},
+    hideExport: { type: Boolean },
+    customScreenWidth: {},
+    flat: { type: Boolean }
+  },
+  setup(V) {
+    const t = V, { breakpoints: _ } = A();
+    function u(r) {
+      var n;
+      const o = ((n = r.size) == null ? void 0 : n.width) ?? 12;
+      return _.value.lg || _.value.md ? K(o) : _.value.sm ? j(o) : q(o);
+    }
+    function v(r) {
+      return t.flat && r > 0 ? "border-t border-neutral-200" : "";
+    }
+    const g = C({}), b = C({});
+    function D(r) {
+      return (r.tiles ?? []).map((o, n) => ({
+        label: o.tabTitle || `Tab ${n + 1}`,
+        value: String(n)
+      }));
+    }
+    function m(r, o) {
+      return r.id || `container_${o}`;
+    }
+    function p(r, o) {
+      return g[m(r, o)] ?? 0;
+    }
+    function N(r, o, n) {
+      return p(r, o) === n || b[`${m(r, o)}_${n}`];
+    }
+    function G(r, o, n) {
+      if (n === null) return;
+      const i = m(r, o);
+      b[`${i}_${p(r, o)}`] = !0, g[i] = Number(n), b[`${i}_${n}`] = !0;
+    }
+    return (r, o) => {
+      const n = x("FmTabs"), i = x("TileGrid", !0), k = x("FmCard");
+      return d(!0), a(h, null, E(t.tiles, (e, s) => {
+        var $, B, T;
+        return d(), a(h, {
+          key: `tile_${t.reportId}_${e.id || s}`
+        }, [
+          e.tab && (($ = e.tiles) != null && $.length) ? (d(), w(k, {
+            key: 0,
+            variant: "outlined",
+            class: f(["p-0 overflow-hidden", [u(e), v(s)]])
+          }, {
+            default: F(() => [
+              l(n, {
+                class: "px-16 pt-8",
+                "model-value": String(p(e, s)),
+                items: D(e),
+                "onUpdate:modelValue": (c) => G(e, s, c)
+              }, null, 8, ["model-value", "items", "onUpdate:modelValue"]),
+              (d(!0), a(h, null, E(e.tiles, (c, y) => {
+                var S;
+                return d(), a(h, {
+                  key: `tab_${m(e, s)}_${y}`
+                }, [
+                  N(e, s, y) ? L((d(), a("div", H, [
+                    l(i, {
+                      tiles: (S = c.tiles) != null && S.length ? c.tiles : [c],
+                      "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)), [
+                    [M, p(e, s) === y]
+                  ]) : W("", !0)
+                ], 64);
+              }), 128))
+            ]),
+            _: 2
+          }, 1032, ["class"])) : (B = e.tiles) != null && B.length && !t.flat ? (d(), w(k, {
+            key: 1,
+            variant: "outlined",
+            class: f(["p-0 overflow-hidden", u(e)])
+          }, {
+            default: F(() => [
+              U("div", J, [
+                l(i, {
+                  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"])) : (T = e.tiles) != null && T.length ? (d(), a("div", {
+            key: 2,
+            class: f(["grid grid-cols-12", [u(e), v(s)]])
+          }, [
+            l(i, {
+              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 ? (d(), a("div", {
+            key: 3,
+            class: f([u(e), v(s)])
+          }, [
+            l(I, {
+              "model-value": e,
+              index: t.leafIndexById[e.id] ?? s,
+              "hide-export": t.hideExport,
+              "custom-screen-width": t.customScreenWidth,
+              flat: !0
+            }, null, 8, ["model-value", "index", "hide-export", "custom-screen-width"])
+          ], 2)) : e.widget ? (d(), w(I, {
+            key: 4,
+            "model-value": e,
+            index: t.leafIndexById[e.id] ?? s,
+            "hide-export": t.hideExport,
+            "custom-screen-width": t.customScreenWidth
+          }, null, 8, ["model-value", "index", "hide-export", "custom-screen-width"])) : W("", !0)
+        ], 64);
+      }), 128);
+    };
+  }
+});
+export {
+  R as _
+};