@feedmepos/mf-report 5.23.9 → 5.24.0-beta.0

package/dist/ReportEditor-CHjaWaKZ.js

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