@feedmepos/mf-report 5.25.10 → 5.26.0-beta.0

package/dist/ReportEditor-Bs605LL5.js

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