@feedmepos/mf-report 5.19.18 → 5.19.19-beta.0

package/dist/ReportEditor-BiRciW22.js

@@ -0,0 +1,1055 @@
+import { defineComponent as K, mergeModels as G, useModel as A, ref as I, computed as N, resolveComponent as v, createBlock as V, openBlock as d, withCtx as m, createElementVNode as h, createVNode as a, unref as l, normalizeClass as re, createTextVNode as _e, toDisplayString as E, createElementBlock as T, Fragment as H, renderSlot as $e, createCommentVNode as j, watch as de, renderList as Y, resolveDynamicComponent as Ie, isRef as Te, normalizeStyle as we, onMounted as Re } from "vue";
+import { W as We, g as qe, _ as Ee, i as Pe, S as xe, d as ke, T as Je, a as ze } from "./TransitionFade-C6FDOvN4.js";
+import { D as z, c as ue, C as ge, a as Oe, b as He, v as ne } from "./BaseDialog.vue_vue_type_script_setup_true_lang-dX7Y4f-_.js";
+import { storeToRefs as me } from "pinia";
+import { useRouter as Ne, useRoute as Me } from "vue-router";
+import { useBreakpoints as pe, useSnackbar as De, FmButtonColorThemeVariant as te } from "@feedmepos/ui-library";
+import { u as Ue } from "./message-dialog-UoMWOnil.js";
+import { u as ie, b as Le, i as be, f as je } from "./vue-i18n-BJW_sJot.js";
+import { a as Ce, _ as he } from "./FilterSelector.vue_vue_type_script_setup_true_lang-BlJuhyD7.js";
+import { _ as ye } from "./NoData.vue_vue_type_script_setup_true_lang-CtN7oqXx.js";
+import { r as ce } from "./i18n-Cif1I9J2.js";
+import { _ as Ve } from "./SelectComponent.vue_vue_type_script_setup_true_lang-BcQEW5MO.js";
+const Ge = /* @__PURE__ */ K({
+  __name: "WidgetDialog",
+  props: /* @__PURE__ */ G({
+    isOpen: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ G(["update:isOpen"], ["update:modelValue"]),
+  setup(x, { emit: s }) {
+    const { t: n } = ie(), { breakpoints: i } = pe(), y = A(x, "modelValue"), p = x, F = s;
+    function f() {
+      F("update:isOpen", !1);
+    }
+    function S() {
+      u.value && (y.value = u.value, u.value = void 0, F("update:isOpen", !1));
+    }
+    const u = I(), M = N(() => !u.value);
+    return (R, $) => {
+      const B = v("FmButton"), _ = v("FmDialog");
+      return d(), V(_, {
+        "model-value": p.isOpen
+      }, {
+        "dialog-header": m(() => [
+          _e(E(l(n)("report.widget.type")), 1)
+        ]),
+        default: m(() => [
+          a(We, {
+            modelValue: u.value,
+            "onUpdate:modelValue": $[0] || ($[0] = (D) => u.value = D),
+            class: re(`grid ${l(i).lg || l(i).md ? "grid-cols-3 gap-3" : "grid-cols-2 gap-3"}`),
+            "child-class": "p-[8px] flex flex-col"
+          }, null, 8, ["modelValue", "class"])
+        ]),
+        "dialog-footer": m(() => [
+          $[1] || ($[1] = h("div", { class: "grow" }, null, -1)),
+          a(B, {
+            label: l(n)("report.common.cancel"),
+            variant: "tertiary",
+            onClick: f
+          }, null, 8, ["label"]),
+          a(B, {
+            label: l(n)("report.common.confirm"),
+            disabled: M.value,
+            onClick: S
+          }, null, 8, ["label", "disabled"])
+        ]),
+        _: 1
+      }, 8, ["model-value"]);
+    };
+  }
+}), Ae = { class: "fm-typo-en-body-lg-600" }, Fe = /* @__PURE__ */ K({
+  __name: "ReportEditorTabHeader",
+  props: /* @__PURE__ */ G({
+    icon: {
+      type: String,
+      required: !0
+    }
+  }, {
+    modelValue: { type: Boolean, required: !0, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(x) {
+    const { t: s } = ie(), n = A(x, "modelValue"), i = x;
+    return (y, p) => {
+      const F = v("FmIcon");
+      return d(), T("div", {
+        class: "px-6 py-16 flex items-center gap-2 bg-fm-color-neutral-white border cursor-pointer",
+        onClick: p[0] || (p[0] = (f) => n.value = !n.value)
+      }, [
+        h("p", Ae, E(l(s)("report.editor.customizeReport")), 1),
+        p[1] || (p[1] = h("div", { class: "grow" }, null, -1)),
+        a(F, {
+          name: i.icon
+        }, null, 8, ["name"])
+      ]);
+    };
+  }
+}), Ke = /* @__PURE__ */ K({
+  __name: "ReportEditorTabDesktop",
+  props: {
+    modelValue: { required: !0, default: !1 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(x) {
+    const s = A(x, "modelValue");
+    return (n, i) => (d(), T(H, null, [
+      a(Fe, {
+        modelValue: s.value,
+        "onUpdate:modelValue": i[0] || (i[0] = (y) => s.value = y),
+        icon: "keyboard_double_arrow_left"
+      }, null, 8, ["modelValue"]),
+      $e(n.$slots, "default")
+    ], 64));
+  }
+}), Qe = /* @__PURE__ */ K({
+  __name: "ReportEditorTabMobile",
+  props: {
+    modelValue: { required: !0, default: !1 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(x) {
+    const s = A(x, "modelValue");
+    return (n, i) => {
+      const y = v("FmTopSheet"), p = v("FmCard");
+      return d(), V(p, { class: "fixed bottom-0 w-full" }, {
+        default: m(() => [
+          a(Fe, {
+            modelValue: s.value,
+            "onUpdate:modelValue": i[0] || (i[0] = (F) => s.value = F),
+            icon: "keyboard_double_arrow_up"
+          }, null, 8, ["modelValue"]),
+          a(y, {
+            modelValue: s.value,
+            "onUpdate:modelValue": i[2] || (i[2] = (F) => s.value = F),
+            "fullscreen-size": "sm"
+          }, {
+            default: m(() => [
+              a(Fe, {
+                modelValue: s.value,
+                "onUpdate:modelValue": i[1] || (i[1] = (F) => s.value = F),
+                icon: "keyboard_double_arrow_down"
+              }, null, 8, ["modelValue"]),
+              s.value ? $e(n.$slots, "default", { key: 0 }) : j("", !0)
+            ]),
+            _: 3
+          }, 8, ["modelValue"])
+        ]),
+        _: 3
+      });
+    };
+  }
+}), Xe = {
+  key: 1,
+  class: "flex flex-col gap-2"
+}, Ye = /* @__PURE__ */ K({
+  __name: "GlobalFilterDialog",
+  props: /* @__PURE__ */ G({
+    schemas: {
+      type: Array,
+      default: () => []
+    },
+    tiles: {
+      type: Array,
+      required: !0
+    }
+  }, {
+    globalFilter: {
+      default: () => null
+    },
+    globalFilterModifiers: {},
+    isOpen: { type: Boolean, default: () => !1, required: !0 },
+    isOpenModifiers: {}
+  }),
+  emits: ["update:globalFilter", "update:isOpen"],
+  setup(x) {
+    const { t: s, te: n } = ie(), i = A(x, "globalFilter"), y = A(x, "isOpen"), p = De(), F = x, f = I(), S = I(), u = I(), M = I(), R = I([]), $ = I([]);
+    de(y, (o) => {
+      var e, r, t, C, c;
+      o && (f.value = ((e = i.value) == null ? void 0 : e.label) || "", S.value = F.schemas.find(
+        (g) => {
+          var k;
+          return g.name === ((k = i.value) == null ? void 0 : k.schemaName);
+        }
+      ), u.value = (r = _.value.find(
+        (g) => {
+          var k;
+          return g.value.name === ((k = i.value) == null ? void 0 : k.name);
+        }
+      )) == null ? void 0 : r.value, M.value = (t = i.value) == null ? void 0 : t.option, R.value = ((C = i.value) == null ? void 0 : C.tileIds) || [], $.value = ((c = i.value) == null ? void 0 : c.filters) || []);
+    });
+    const B = N(
+      () => F.schemas.map((o) => ({
+        label: o.label || o.name,
+        value: o
+      }))
+    ), _ = N(() => {
+      var o;
+      return (((o = S.value) == null ? void 0 : o.fields) || []).map((e) => ({
+        label: e.label,
+        value: e
+      }));
+    }), D = N(() => {
+      var o;
+      return ((o = u.value) == null ? void 0 : o.type) !== z.Timestamp ? [] : qe(s);
+    }), Z = N(() => F.tiles.reduce((o, e, r) => {
+      var c, g;
+      const t = e.widget.config.schemaNames ?? [], C = (e.widget.config.joinDatasources ?? []).flatMap(
+        (k) => k.schemaNames ?? []
+      );
+      return [...t, ...C].includes(((c = S.value) == null ? void 0 : c.name) || "") && o.push({
+        label: (g = e == null ? void 0 : e.widget.title) != null && g.trim() ? e.widget.title : `Widget ${r + 1}`,
+        value: e.id
+      }), o;
+    }, [])), U = N(
+      () => F.schemas.flatMap(
+        (o) => (o.fields ?? []).map((e) => ({
+          ...e,
+          labels: [
+            ce(s, n, o.label, "schema"),
+            ce(s, n, e.label || e.name, "other")
+          ]
+        }))
+      )
+    );
+    function q(o) {
+      var e;
+      o.name !== ((e = S.value) == null ? void 0 : e.name) && (S.value = o, u.value = void 0);
+    }
+    function P(o) {
+      u.value = o, M.value = o.type === z.Timestamp ? ue.DateTime : void 0;
+    }
+    function b(o, e) {
+      switch (o) {
+        case z.Timestamp:
+          return e === ue.DateTime || e === ue.TimeOfDay ? ge.Between : ge.Equal;
+        case z.Bool:
+        case z.String:
+        case z.Numeric:
+          return ge.Equal;
+        default:
+          throw new Error(`Unsupported data type: ${o}`);
+      }
+    }
+    function Q() {
+      if (!S.value) {
+        p.open({ message: "Invalid schema", type: "error" });
+        return;
+      }
+      if (!u.value) {
+        p.open({ message: "Invalid dimension", type: "error" });
+        return;
+      }
+      const o = $.value.filter((e) => e ? !B.value.some((t) => t.value.name === e.schemaName) : !0);
+      if (o.length > 0) {
+        p.open({
+          message: `Invalid filter(s): ${o.map((e) => e == null ? void 0 : e.schemaName).join(", ")} - schema not found`,
+          type: "error"
+        });
+        return;
+      }
+      i.value = {
+        schemaName: S.value.name,
+        name: u.value.name,
+        label: f.value,
+        operator: b(
+          u.value.type,
+          u.value.type === z.Timestamp ? M.value ?? ue.DateTime : null
+        ),
+        option: u.value.type === z.Timestamp ? M.value : null,
+        values: [],
+        tileIds: [...R.value],
+        filters: JSON.parse(JSON.stringify($.value))
+      }, y.value = !1;
+    }
+    function ee() {
+      y.value = !1;
+    }
+    const le = N(() => {
+      var o;
+      return [
+        (o = S.value) == null ? void 0 : o.name,
+        ...$.value.map((e) => e.schemaName)
+      ];
+    });
+    function oe(o) {
+      var c, g, k, L;
+      const e = F.tiles.find((W) => W.id === o.value), r = ((g = (c = e == null ? void 0 : e.widget) == null ? void 0 : c.config) == null ? void 0 : g.schemaNames) ?? [], t = (((L = (k = e == null ? void 0 : e.widget) == null ? void 0 : k.config) == null ? void 0 : L.joinDatasources) ?? []).flatMap(
+        (W) => W.schemaNames ?? []
+      ), C = [...r, ...t];
+      return le.value.filter((W) => !!W).some((W) => !C.includes(W));
+    }
+    return (o, e) => {
+      const r = v("FmTextField"), t = v("FmSelect"), C = v("FmLabel"), c = v("FmCheckbox"), g = v("FmIcon"), k = v("FmTooltip"), L = v("FmForm"), W = v("FmButton"), se = v("FmDialog");
+      return d(), V(se, {
+        modelValue: y.value,
+        "onUpdate:modelValue": e[6] || (e[6] = (X) => y.value = X),
+        overlay: !0,
+        "z-index": 10
+      }, {
+        "dialog-header": m(() => [
+          _e(E(l(s)("report.section.filter.globalFilter")), 1)
+        ]),
+        default: m(() => [
+          a(L, {
+            ref: "form",
+            class: "flex flex-col gap-2 w-[490px]"
+          }, {
+            default: m(() => {
+              var X;
+              return [
+                a(r, {
+                  modelValue: f.value,
+                  "onUpdate:modelValue": e[0] || (e[0] = (O) => f.value = O),
+                  placeholder: l(s)("report.section.filter.displayName"),
+                  label: l(s)("report.section.filter.displayName"),
+                  class: "mb-2"
+                }, null, 8, ["modelValue", "placeholder", "label"]),
+                a(Ve, {
+                  "model-value": S.value,
+                  items: B.value,
+                  placeholder: l(s)("report.section.schema.title"),
+                  label: l(s)("report.section.schema.title"),
+                  "onUpdate:modelValue": e[1] || (e[1] = (O) => q(O))
+                }, null, 8, ["model-value", "items", "placeholder", "label"]),
+                a(Ve, {
+                  "model-value": u.value,
+                  items: _.value,
+                  placeholder: l(s)("report.section.dimension.Dimension"),
+                  label: l(s)("report.section.dimension.Dimension"),
+                  "onUpdate:modelValue": e[2] || (e[2] = (O) => P(O))
+                }, null, 8, ["model-value", "items", "placeholder", "label"]),
+                ((X = u.value) == null ? void 0 : X.type) === l(z).Timestamp ? (d(), V(t, {
+                  key: 0,
+                  modelValue: M.value,
+                  "onUpdate:modelValue": e[3] || (e[3] = (O) => M.value = O),
+                  items: D.value,
+                  placeholder: l(s)("report.section.filter.timeFormatter"),
+                  label: l(s)("report.section.filter.timeFormatter")
+                }, null, 8, ["modelValue", "items", "placeholder", "label"])) : j("", !0),
+                a(Ee, {
+                  modelValue: $.value,
+                  "onUpdate:modelValue": e[4] || (e[4] = (O) => $.value = O),
+                  options: U.value
+                }, null, 8, ["modelValue", "options"]),
+                a(C, { class: "mt-2 fm-typo-en-body-lg-600" }, {
+                  default: m(() => [
+                    _e(E(l(s)("report.section.filter.applyWidget")), 1)
+                  ]),
+                  _: 1
+                }),
+                x.tiles.length > 0 ? (d(), T("div", Xe, [
+                  (d(!0), T(H, null, Y(Z.value, (O) => (d(), T("div", {
+                    key: O.value,
+                    class: "flex items-center"
+                  }, [
+                    a(c, {
+                      modelValue: R.value,
+                      "onUpdate:modelValue": e[5] || (e[5] = (ve) => R.value = ve),
+                      label: O.label,
+                      value: O.value
+                    }, null, 8, ["modelValue", "label", "value"]),
+                    oe(O) ? (d(), V(k, {
+                      key: 0,
+                      content: l(s)("report.section.filter.missingFilterSchema"),
+                      "z-index": 99,
+                      class: "ml-2"
+                    }, {
+                      default: m(() => [
+                        a(g, {
+                          name: "warning",
+                          class: "text-fm-color-system-error-300"
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["content"])) : j("", !0)
+                  ]))), 128))
+                ])) : (d(), V(C, {
+                  key: 2,
+                  class: "fm-typo-en-body-lg-400",
+                  label: l(s)("report.section.filter.noWidget")
+                }, null, 8, ["label"]))
+              ];
+            }),
+            _: 1
+          }, 512)
+        ]),
+        "dialog-footer": m(() => [
+          e[7] || (e[7] = h("div", { class: "grow" }, null, -1)),
+          a(W, {
+            label: l(s)("report.common.cancel"),
+            variant: "tertiary",
+            onClick: ee
+          }, null, 8, ["label"]),
+          a(W, {
+            label: l(s)("report.common.confirm"),
+            onClick: Q
+          }, null, 8, ["label"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), Ze = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, el = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, ll = { class: "flex items-center gap-1 max-w-[195px] w-[195px]" }, tl = { class: "line-clamp-2 overflow-hidden max-w-[195px] w-[195px]" }, ol = { class: "flex flex-col gap-24" }, al = { class: "line-clamp-2 overflow-hidden max-w-[195px] w-[195px]" }, Se = /* @__PURE__ */ K({
+  __name: "ReportEditorTab",
+  props: /* @__PURE__ */ G({
+    hideConfiguration: {
+      type: Boolean,
+      default: !1
+    }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ G(["hideConfiguration"], ["update:modelValue"]),
+  setup(x, { emit: s }) {
+    const n = A(x, "modelValue"), { breakpoints: i } = pe(), y = x, p = s, F = Ne(), f = Me(), S = I(), {
+      currentSelectWidgetType: u,
+      categories: M,
+      editingTile: R,
+      editingTileIndex: $,
+      editingGlobalFilter: B,
+      editingGlobalFilterIndex: _
+    } = me(Oe()), { schemas: D } = me(He()), { globalFilters: Z } = me(Le()), { promptMessage: U } = Ue(), q = I(!1), P = I(!1), { t: b, te: Q } = ie(), ee = I(void 0), le = N(() => {
+      const r = n.value.tiles.flatMap((t) => {
+        var g;
+        const C = t.widget.config.schemaNames ?? [], c = ((g = t.widget.config.joinDatasources) == null ? void 0 : g.flatMap((k) => k.schemaNames ?? [])) ?? [];
+        return [...C, ...c];
+      });
+      return [...new Set(r)].reduce((t, C) => {
+        const c = D.value.find((g) => g.name === C);
+        return c && t.push(c), t;
+      }, []);
+    });
+    de(
+      () => u.value,
+      () => {
+        u.value !== void 0 && (ee.value = Pe(u.value), R.value = ee.value, $.value = -1, F.push({
+          name: "tileEditor",
+          query: f.query
+        }));
+      },
+      { immediate: !0 }
+    ), de(
+      () => n.value.tiles,
+      (r) => {
+        r.forEach((t) => {
+          t.id || (t.id = ne());
+        });
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const oe = [
+      {
+        label: b("report.common.edit"),
+        selected: !1,
+        variant: "tertiary",
+        onClick: (r) => {
+          $.value = r, R.value = JSON.parse(JSON.stringify(n.value.tiles[r])), F.push({
+            name: "tileEditor",
+            query: f.query
+          });
+        }
+      },
+      {
+        label: b("report.common.duplicate"),
+        selected: !1,
+        variant: "tertiary",
+        onClick: (r) => {
+          const t = {
+            ...JSON.parse(JSON.stringify(n.value.tiles[r])),
+            id: ne()
+          };
+          n.value.tiles.push(t);
+        }
+      },
+      {
+        label: b("report.common.remove"),
+        selected: !1,
+        variant: "destructive",
+        onClick: async (r) => {
+          if (await U({
+            title: b("report.editor.deleteWidget"),
+            message: b("report.editor.deleteWidgetConfirm", {
+              title: n.value.tiles[r].widget.title
+            })
+          })) {
+            const C = n.value.tiles[r].id;
+            n.value.tiles.splice(r, 1), n.value.globalFilters && n.value.globalFilters.forEach((c) => {
+              var g;
+              c.tileIds = (g = c.tileIds) == null ? void 0 : g.filter((k) => k !== C);
+            });
+          }
+        }
+      }
+    ], o = [
+      {
+        label: b("report.common.edit"),
+        selected: !1,
+        variant: "tertiary",
+        onClick: (r) => {
+          var t;
+          _.value = r, B.value = JSON.parse(JSON.stringify((t = n.value.globalFilters) == null ? void 0 : t[r])), q.value = !0;
+        }
+      },
+      {
+        label: b("report.common.remove"),
+        selected: !1,
+        variant: "destructive",
+        onClick: async (r) => {
+          var c, g;
+          const t = (c = n.value.globalFilters) == null ? void 0 : c[r];
+          if (!t) return;
+          await U({
+            title: b("report.editor.deleteWidget"),
+            message: b("report.editor.deleteWidgetConfirm", {
+              title: be(t)
+            })
+          }) && ((g = n.value.globalFilters) == null || g.splice(r, 1));
+        }
+      }
+    ], e = N(() => M.value.map((r) => ({
+      label: b(`report.category.${r.name}`),
+      value: r.id
+    })));
+    return de(
+      () => n.value.globalFilters,
+      (r) => {
+        Z.value = JSON.parse(JSON.stringify(r || []));
+      },
+      { deep: !0, immediate: !0 }
+    ), (r, t) => {
+      const C = v("FmTextField"), c = v("FmSelect"), g = v("FmButton"), k = v("FmIcon"), L = v("FmTooltip"), W = v("FmMenuItem"), se = v("FmMenu"), X = v("FmListItem"), O = v("FmList"), ve = v("FmForm");
+      return d(), V(Ie(l(i).lg || l(i).md ? Ke : Qe), {
+        "model-value": y.hideConfiguration,
+        "onUpdate:modelValue": t[8] || (t[8] = (w) => p("hideConfiguration", w))
+      }, {
+        default: m(() => [
+          a(Ye, {
+            "is-open": q.value,
+            "onUpdate:isOpen": t[0] || (t[0] = (w) => q.value = w),
+            "global-filter": l(B),
+            tiles: n.value.tiles,
+            schemas: le.value,
+            "onUpdate:globalFilter": t[1] || (t[1] = (w) => {
+              w && (n.value.globalFilters || (n.value.globalFilters = []), typeof l(_) == "number" && l(_) >= 0 ? n.value.globalFilters[l(_)] = w : n.value.globalFilters.push(w));
+            })
+          }, null, 8, ["is-open", "global-filter", "tiles", "schemas"]),
+          a(Ge, {
+            modelValue: l(u),
+            "onUpdate:modelValue": t[2] || (t[2] = (w) => Te(u) ? u.value = w : null),
+            "is-open": P.value,
+            "onUpdate:isOpen": t[3] || (t[3] = (w) => P.value = w)
+          }, null, 8, ["modelValue", "is-open"]),
+          a(ve, {
+            ref_key: "form",
+            ref: S,
+            class: "px-6 py-16 flex flex-col gap-24 overflow-y-auto overflow-x-hidden"
+          }, {
+            default: m(() => [
+              a(xe, { class: "border-solid" }, {
+                header: m(() => [
+                  h("p", null, E(l(b)("report.editor.reportInfo")), 1),
+                  t[9] || (t[9] = h("div", { class: "grow" }, null, -1))
+                ]),
+                content: m(() => [
+                  h("div", Ze, [
+                    a(C, {
+                      modelValue: n.value.name,
+                      "onUpdate:modelValue": t[4] || (t[4] = (w) => n.value.name = w),
+                      label: l(b)("report.editor.reportTitle"),
+                      placeholder: l(b)("report.editor.placeholder")
+                    }, null, 8, ["modelValue", "label", "placeholder"]),
+                    a(c, {
+                      modelValue: n.value.category,
+                      "onUpdate:modelValue": t[5] || (t[5] = (w) => n.value.category = w),
+                      label: l(b)("report.common.category"),
+                      items: e.value
+                    }, null, 8, ["modelValue", "label", "items"])
+                  ])
+                ]),
+                _: 1
+              }),
+              a(xe, {
+                class: "border-solid",
+                "is-open": !1
+              }, {
+                header: m(() => [
+                  h("p", null, E(l(b)("report.section.filter.globalFilter")), 1),
+                  t[10] || (t[10] = h("div", { class: "grow" }, null, -1))
+                ]),
+                content: m(() => [
+                  h("div", el, [
+                    a(g, {
+                      label: l(b)("report.section.filter.addGlobalFilter"),
+                      variant: "secondary",
+                      icon: "add",
+                      "icon-position": "prepend",
+                      "border-color": l(te).ColorPrimary,
+                      "text-color": l(te).ColorPrimary,
+                      onClick: t[6] || (t[6] = () => {
+                        _.value = null, B.value = null, q.value = !0;
+                      })
+                    }, null, 8, ["label", "border-color", "text-color"]),
+                    a(O, null, {
+                      default: m(() => [
+                        a(l(ke), {
+                          list: n.value.globalFilters,
+                          "item-key": "`${element.schemaName}-${element.name}`",
+                          class: "flex flex-col gap-2 cursor-grab",
+                          handle: ".handle"
+                        }, {
+                          item: m(({ element: w, index: ae }) => [
+                            a(X, { class: "!cursor-grab border rounded-md border-neutral-300" }, {
+                              default: m(() => [
+                                a(k, {
+                                  name: "drag_handle",
+                                  class: "handle"
+                                }),
+                                h("div", ll, [
+                                  a(L, {
+                                    "z-index": 99,
+                                    content: l(be)(w),
+                                    class: "handle"
+                                  }, {
+                                    default: m(() => [
+                                      h("p", tl, E(l(be)(w)), 1)
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["content"]),
+                                  le.value.find(
+                                    (J) => J.name === w.schemaName
+                                  ) ? j("", !0) : (d(), V(L, {
+                                    key: 0,
+                                    content: l(b)("report.section.filter.missingSchema"),
+                                    "z-index": 99
+                                  }, {
+                                    default: m(() => [
+                                      a(k, {
+                                        name: "warning",
+                                        class: "text-fm-color-system-error-300"
+                                      })
+                                    ]),
+                                    _: 1
+                                  }, 8, ["content"]))
+                                ]),
+                                t[11] || (t[11] = h("div", { class: "grow" }, null, -1)),
+                                a(se, {
+                                  trigger: "click",
+                                  shift: !0,
+                                  "stop-click-propagation": !0
+                                }, {
+                                  "menu-button": m(() => [
+                                    a(g, {
+                                      "append-icon": "more_vert",
+                                      variant: "tertiary"
+                                    })
+                                  ]),
+                                  default: m(() => [
+                                    (d(), T(H, null, Y(o, (J, fe) => a(W, {
+                                      key: fe,
+                                      onClick: (Be) => J.onClick(ae)
+                                    }, {
+                                      label: m(() => [
+                                        h("p", {
+                                          class: re(
+                                            J.variant === "destructive" ? " text-fm-color-system-error-300" : ""
+                                          )
+                                        }, E(J.label), 3)
+                                      ]),
+                                      _: 2
+                                    }, 1032, ["onClick"])), 64))
+                                  ]),
+                                  _: 2
+                                }, 1024)
+                              ]),
+                              _: 2
+                            }, 1024)
+                          ]),
+                          _: 1
+                        }, 8, ["list"])
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                _: 1
+              }),
+              h("div", ol, [
+                a(g, {
+                  label: l(b)("report.editor.addWidget"),
+                  variant: "secondary",
+                  icon: "add",
+                  "icon-position": "prepend",
+                  "border-color": l(te).ColorPrimary,
+                  "text-color": l(te).ColorPrimary,
+                  onClick: t[7] || (t[7] = (w) => P.value = !0)
+                }, null, 8, ["label", "border-color", "text-color"]),
+                a(O, null, {
+                  default: m(() => [
+                    a(l(ke), {
+                      list: n.value.tiles,
+                      "item-key": "id",
+                      class: "flex flex-col gap-2 cursor-grab",
+                      handle: ".handle"
+                    }, {
+                      item: m(({ element: w, index: ae }) => [
+                        a(X, { class: "!cursor-grab border rounded-md border-neutral-300" }, {
+                          default: m(() => [
+                            a(k, {
+                              name: "drag_handle",
+                              class: "handle"
+                            }),
+                            a(L, {
+                              content: w.widget.title ? l(ce)(l(b), l(Q), w.widget.title, "other") : l(b)("report.editor.widget", { index: ae + 1 }),
+                              class: "handle"
+                            }, {
+                              default: m(() => [
+                                h("p", al, E(w.widget.title ? l(ce)(l(b), l(Q), w.widget.title, "other") : l(b)("report.editor.widget", { index: ae + 1 })), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["content"]),
+                            t[12] || (t[12] = h("div", { class: "grow" }, null, -1)),
+                            a(se, {
+                              trigger: "click",
+                              shift: !0,
+                              "stop-click-propagation": !0
+                            }, {
+                              "menu-button": m(() => [
+                                a(g, {
+                                  "append-icon": "more_vert",
+                                  variant: "tertiary"
+                                })
+                              ]),
+                              default: m(() => [
+                                (d(), T(H, null, Y(oe, (J, fe) => a(W, {
+                                  key: fe,
+                                  onClick: (Be) => J.onClick(ae)
+                                }, {
+                                  label: m(() => [
+                                    h("p", {
+                                      class: re(
+                                        J.variant === "destructive" ? " text-fm-color-system-error-300" : ""
+                                      )
+                                    }, E(J.label), 3)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["onClick"])), 64))
+                              ]),
+                              _: 2
+                            }, 1024)
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ]),
+                      _: 1
+                    }, 8, ["list"])
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            _: 1
+          }, 512)
+        ]),
+        _: 1
+      }, 8, ["model-value"]);
+    };
+  }
+}), nl = { class: "h-full w-full overflow-x-hidden" }, rl = { class: "flex flex-col bg-fm-color-neutral-white w-[400px]" }, il = { class: "flex bg-fm-color-neutral-white w-[88px]" }, sl = {
+  key: 1,
+  class: "w-full overflow-y-auto"
+}, ul = {
+  key: 0,
+  class: "w-full grid grid-cols-12 gap-[24px] p-24"
+}, dl = { class: "col-span-12 mb-4 flex flex-wrap gap-2 pb-2" }, ml = { key: 2 }, cl = {
+  key: 0,
+  class: "grid grid-cols-12 gap-[16px]"
+}, pl = { class: "col-span-12 mb-4 flex flex-wrap gap-2 pb-2" }, vl = {
+  key: 3,
+  class: "h-full w-full flex items-start justify-center bg-fm-color-neutral-white py-24",
+  style: { backgroundColor: "#F6F8FC" }
+}, fl = {
+  key: 0,
+  class: "w-full grid grid-cols-12 gap-[24px] p-24"
+}, gl = /* @__PURE__ */ K({
+  __name: "ReportEditorViewport",
+  props: /* @__PURE__ */ G({
+    hideConfiguration: { type: Boolean, required: !1, default: !1 },
+    previewWidth: { type: Number, required: !0 },
+    previewHeight: { type: Number, required: !0 },
+    previewScale: { type: Number, required: !0 }
+  }, {
+    modelValue: { required: !0, default: () => {
+    } },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ G(["hideConfiguration"], ["update:modelValue"]),
+  setup(x, { emit: s }) {
+    const { breakpoints: n } = pe(), i = A(x, "modelValue"), y = x, p = N(() => y.previewWidth > 0 && y.previewHeight > 0), F = N(() => n.value.sm || n.value.xs), f = s;
+    return (S, u) => {
+      const M = v("FmCircularProgress"), R = v("FmButton"), $ = v("FmMenuDivider"), B = v("FmCard");
+      return d(), T("div", nl, [
+        i.value ? (d(), T(H, { key: 1 }, [
+          p.value ? j("", !0) : (d(), V(Je, {
+            key: 0,
+            "model-value": !y.hideConfiguration
+          }, {
+            right: m(() => [
+              h("div", rl, [
+                i.value ? (d(), V(Se, {
+                  key: 0,
+                  modelValue: i.value,
+                  "onUpdate:modelValue": u[0] || (u[0] = (_) => i.value = _),
+                  "hide-configuration": y.hideConfiguration,
+                  onHideConfiguration: u[1] || (u[1] = (_) => f("hideConfiguration", _))
+                }, null, 8, ["modelValue", "hide-configuration"])) : j("", !0)
+              ])
+            ]),
+            left: m(() => [
+              h("div", il, [
+                a(R, {
+                  variant: "secondary",
+                  icon: "keyboard_double_arrow_right",
+                  "border-color": l(te).ColorPrimary,
+                  "text-color": l(te).ColorPrimary,
+                  class: "m-24 my-16",
+                  size: "md",
+                  onClick: u[2] || (u[2] = (_) => f("hideConfiguration", !y.hideConfiguration))
+                }, null, 8, ["border-color", "text-color"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["model-value"])),
+          a($, {
+            vertical: "",
+            style: { margin: "0px" }
+          }),
+          !F.value && !p.value ? (d(), T("div", sl, [
+            i.value.tiles.length > 0 ? (d(), T("div", ul, [
+              h("div", dl, [
+                a(Ce)
+              ]),
+              (d(!0), T(H, null, Y(i.value.tiles, (_, D) => (d(), V(he, {
+                key: `${l(ne)()}_${D}`,
+                "model-value": _,
+                index: D,
+                "hide-export": !0
+              }, null, 8, ["model-value", "index"]))), 128))
+            ])) : (d(), V(ye, { key: 1 }))
+          ])) : F.value && !p.value ? (d(), T("div", ml, [
+            a(B, { class: "px-5 pb-28" }, {
+              default: m(() => [
+                i.value.tiles.length > 0 ? (d(), T("div", cl, [
+                  h("div", pl, [
+                    a(Ce)
+                  ]),
+                  (d(!0), T(H, null, Y(i.value.tiles, (_, D) => (d(), V(he, {
+                    key: `${l(ne)()}_${D}`,
+                    "model-value": _,
+                    index: D,
+                    "hide-export": !0
+                  }, null, 8, ["model-value", "index"]))), 128))
+                ])) : (d(), V(ye, { key: 1 }))
+              ]),
+              _: 1
+            }),
+            i.value ? (d(), V(Se, {
+              key: 0,
+              modelValue: i.value,
+              "onUpdate:modelValue": u[3] || (u[3] = (_) => i.value = _),
+              "hide-configuration": y.hideConfiguration,
+              onHideConfiguration: u[4] || (u[4] = (_) => {
+                f("hideConfiguration", _);
+              })
+            }, null, 8, ["modelValue", "hide-configuration"])) : j("", !0)
+          ])) : (d(), T("div", vl, [
+            h("div", {
+              style: we({
+                transformOrigin: "top center",
+                transform: `scale(${y.previewScale})`
+              })
+            }, [
+              h("div", {
+                class: "overflow-y-auto bg-white rounded-lg",
+                style: we({
+                  width: y.previewWidth + "px",
+                  height: y.previewHeight + "px"
+                })
+              }, [
+                i.value.tiles.length > 0 ? (d(), T("div", fl, [
+                  (d(!0), T(H, null, Y(i.value.tiles, (_, D) => (d(), V(he, {
+                    key: `${l(ne)()}_${D}`,
+                    "model-value": _,
+                    index: D,
+                    "hide-export": !0,
+                    "custom-screen-width": y.previewWidth
+                  }, null, 8, ["model-value", "index", "custom-screen-width"]))), 128))
+                ])) : (d(), V(ye, { key: 1 }))
+              ], 4)
+            ], 4)
+          ]))
+        ], 64)) : (d(), V(M, { key: 0 }))
+      ]);
+    };
+  }
+}), bl = { class: "flex items-center gap-4" }, hl = { class: "flex justify-center items-center gap-2 w-full" }, yl = { class: "flex gap-4" }, Ml = /* @__PURE__ */ K({
+  __name: "ReportEditor",
+  setup(x) {
+    const s = Ne(), n = Me(), i = Oe(), { promptLoader: y } = je(), { t: p } = ie(), { currentReport: F, editingReport: f } = me(i), { breakpoints: S } = pe(), u = N(() => {
+      var o;
+      return !((o = f.value) != null && o.editable);
+    }), M = N(() => {
+      var o;
+      return ((o = f.value) == null ? void 0 : o.name) ?? p("report.editor.newReport");
+    }), R = De(), { promptMessage: $ } = Ue(), B = I(!1);
+    async function _() {
+      if (!f.value || f.value.tiles.length === 0) {
+        R.open({ message: p("report.messages.noWidget"), type: "error" });
+        return;
+      }
+      const o = u.value ? p("report.common.clone") : p("report.common.save");
+      if (await $({
+        title: `${p("report.messages.saveReport")}`,
+        message: p("report.messages.confirmAction", { action: o, name: M.value })
+      }))
+        try {
+          await y(async () => {
+            if (u.value) {
+              const r = JSON.parse(JSON.stringify(f.value));
+              r.editable = !0, r.id = "", r.name = `${r.name} ${p("report.common.duplicate")}`, await i.createOrUpdateReport(r);
+            } else
+              f.value && await i.createOrUpdateReport(f.value);
+            s.push({
+              name: "reportView",
+              query: n.query
+            });
+          });
+        } catch (r) {
+          console.log(r), R.open({
+            message: p("report.messages.failedToAction", { action: o }),
+            type: "error"
+          });
+        }
+    }
+    async function D() {
+      var e;
+      if (!f.value) return;
+      await $({
+        title: p("report.common.report", 1),
+        message: p("report.editor.notSaved", { name: (e = f.value) == null ? void 0 : e.name })
+      }) && (f.value = JSON.parse(JSON.stringify(F.value)), s.back());
+    }
+    Re(() => {
+      f.value || s.push({ name: "reports" });
+    });
+    const Z = [
+      {
+        label: p("report.common.default"),
+        width: void 0,
+        height: void 0
+      },
+      {
+        label: p("report.editor.devices.desktop"),
+        width: 1920,
+        height: 1080
+      },
+      {
+        label: p("report.editor.devices.tablet"),
+        width: 820,
+        height: 1180
+      },
+      {
+        label: p("report.editor.devices.phone"),
+        width: 390,
+        height: 859
+      }
+    ], U = I(Z[0]), q = I(!1), P = N(() => q.value ? Math.max(U.value.width || 0, U.value.height || 0) : Math.min(U.value.width || 0, U.value.height || 0)), b = N(() => q.value ? Math.min(U.value.width || 0, U.value.height || 0) : Math.max(U.value.width || 0, U.value.height || 0)), Q = N(() => window.innerHeight - 72 - 56), ee = N(() => {
+      if (!P.value) return 1;
+      let o = (Q.value - 48) / P.value, e = b.value * o;
+      return e > window.innerWidth && (o = window.innerWidth / b.value, e = b.value * o), o > 1 ? 1 : o;
+    });
+    function le(o) {
+      U.value = o;
+    }
+    function oe() {
+      q.value = !q.value;
+    }
+    return (o, e) => {
+      const r = v("FmTooltip"), t = v("FmButton"), C = v("FmPageHead");
+      return d(), V(ze, null, {
+        default: m(() => [
+          a(C, {
+            actions: [
+              { label: l(p)("report.common.cancel"), value: "cancel", isPrimary: !1 },
+              { label: "Save Report", value: "save", isPrimary: !0, prependIcon: "download" }
+            ],
+            "onClick:action": e[0] || (e[0] = (c) => {
+              c === "cancel" && D(), c === "save" && _();
+            })
+          }, {
+            title: m(() => [
+              h("div", bl, [
+                a(r, {
+                  content: M.value,
+                  placement: "bottom"
+                }, {
+                  default: m(() => [
+                    h("p", {
+                      class: re(`${l(S).sm || l(S).xs ? "hidden" : ""} text-ellipsis overflow-hidden text-nowrap fm-typo-en-title-md-600 w-[250px]`)
+                    }, E(M.value), 3)
+                  ]),
+                  _: 1
+                }, 8, ["content"]),
+                h("div", hl, [
+                  h("div", yl, [
+                    (d(), T(H, null, Y(Z, (c) => {
+                      var g;
+                      return a(t, {
+                        key: c.label,
+                        label: c.label,
+                        variant: ((g = U.value) == null ? void 0 : g.label) === c.label ? "primary" : "secondary",
+                        size: "md",
+                        onClick: (k) => le(c)
+                      }, null, 8, ["label", "variant", "onClick"]);
+                    }), 64))
+                  ]),
+                  a(t, {
+                    icon: "screen_rotation",
+                    variant: "tertiary",
+                    size: "md",
+                    class: "text-fm-color-typo-primary",
+                    onClick: oe
+                  })
+                ])
+              ])
+            ]),
+            _: 1
+          }, 8, ["actions"]),
+          l(f) ? (d(), V(gl, {
+            key: 0,
+            modelValue: l(f),
+            "onUpdate:modelValue": e[1] || (e[1] = (c) => Te(f) ? f.value = c : null),
+            style: we({ height: Q.value + "px" }),
+            class: re(l(S).lg || l(S).md ? "flex" : ""),
+            "hide-configuration": B.value,
+            "preview-width": b.value,
+            "preview-height": P.value,
+            "preview-scale": ee.value,
+            onHideConfiguration: e[2] || (e[2] = (c) => B.value = c)
+          }, null, 8, ["modelValue", "style", "class", "hide-configuration", "preview-width", "preview-height", "preview-scale"])) : j("", !0)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  Ml as default
+};