@feedmepos/mf-report 5.22.15 → 5.22.16

package/dist/ReportEditor-T12VzOJa.js

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