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

package/dist/ReportEditor-BiRciW22.js

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