@feedmepos/mf-report 5.12.0 → 5.13.0-beta.0

package/dist/ReportEditor-NAPs19Fu.js

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