@feedmepos/mf-report 5.24.2 → 5.24.3

package/dist/{ReportEditor-DGY3SxpW.js → ReportEditor-B3haFTU6.js}

@@ -1,61 +1,59 @@
-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-CC0PpKBo.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-C731Br2T.js";
-import { storeToRefs as Ie } from "pinia";
+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-9A8VZ8Fm.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-BDXjO_Sp.js";
+import { storeToRefs as Re } 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 { 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 yl } from "./vue-i18n-DVWuTfed.js";
+import { u as Ne, a as hl } 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-LZyZxm7z.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-CILH73ZA.js";
-import { useCoreStore as wl } from "@feedmepos/mf-common";
-const Fl = /* @__PURE__ */ he({
+import { _ as Ee } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-CtV3BEJO.js";
+import { b as Pe, _ as Je } from "./SelectComponent.vue_vue_type_script_setup_true_lang-Af_Z54a4.js";
+import { useCoreStore as _l } from "@feedmepos/mf-common";
+const wl = /* @__PURE__ */ ye({
   __name: "WidgetDialog",
-  props: /* @__PURE__ */ be({
+  props: /* @__PURE__ */ ge({
     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() {
+  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 = R(), B = S(() => !u.value);
-    return (Y, D) => {
-      const J = _("FmButton"), w = _("FmDialog");
+    const u = I(), D = S(() => !u.value);
+    return (Z, R) => {
+      const L = _("FmButton"), w = _("FmDialog");
       return s(), T(w, {
-        "model-value": f.isOpen
+        "model-value": v.isOpen
       }, {
-        "dialog-header": v(() => [
-          He(X(o(n)("report.widget.type")), 1)
+        "dialog-header": p(() => [
+          Le(Y(o(n)("report.widget.type")), 1)
         ]),
-        default: v(() => [
+        default: p(() => [
           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"}`),
+            "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": v(() => [
-          D[1] || (D[1] = h("div", { class: "grow" }, null, -1)),
-          a(J, {
+        "dialog-footer": p(() => [
+          R[1] || (R[1] = h("div", { class: "grow" }, null, -1)),
+          a(L, {
             label: o(n)("report.common.cancel"),
             variant: "tertiary",
-            onClick: P
+            onClick: J
           }, null, 8, ["label"]),
-          a(J, {
+          a(L, {
             label: o(n)("report.common.confirm"),
-            disabled: B.value,
+            disabled: D.value,
             onClick: F
           }, null, 8, ["label", "disabled"])
         ]),
@@ -63,9 +61,9 @@ const Fl = /* @__PURE__ */ he({
       }, 8, ["model-value"]);
     };
   }
-}), Vl = { class: "fm-typo-en-body-lg-600" }, Ae = /* @__PURE__ */ he({
+}), Fl = { class: "fm-typo-en-body-lg-600" }, je = /* @__PURE__ */ ye({
   __name: "ReportEditorTabHeader",
-  props: /* @__PURE__ */ be({
+  props: /* @__PURE__ */ ge({
     icon: {
       type: String,
       required: !0
@@ -75,33 +73,33 @@ const Fl = /* @__PURE__ */ he({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(M) {
-    const { t: r } = Ne(), n = ye(M, "modelValue"), d = M;
-    return (x, f) => {
+  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: f[0] || (f[0] = (P) => n.value = !n.value)
+        onClick: v[0] || (v[0] = (J) => n.value = !n.value)
       }, [
-        h("p", Vl, X(o(r)("report.editor.customizeReport")), 1),
-        f[1] || (f[1] = h("div", { class: "grow" }, null, -1)),
+        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"])
       ]);
     };
   }
-}), xl = /* @__PURE__ */ he({
+}), Vl = /* @__PURE__ */ ye({
   __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, {
+  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"
@@ -109,20 +107,20 @@ const Fl = /* @__PURE__ */ he({
       Ye(n.$slots, "default")
     ], 64));
   }
-}), kl = /* @__PURE__ */ he({
+}), xl = /* @__PURE__ */ ye({
   __name: "ReportEditorTabMobile",
   props: {
     modelValue: { required: !0, default: !1 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(M) {
-    const r = ye(M, "modelValue");
+  setup(B) {
+    const r = be(B, "modelValue");
     return (n, d) => {
-      const x = _("FmTopSheet"), f = _("FmCard");
-      return s(), T(f, { class: "fixed bottom-0 w-full" }, {
-        default: v(() => [
-          a(Ae, {
+      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"
@@ -132,13 +130,13 @@ const Fl = /* @__PURE__ */ he({
             "onUpdate:modelValue": d[2] || (d[2] = (O) => r.value = O),
             "fullscreen-size": "sm"
           }, {
-            default: v(() => [
-              a(Ae, {
+            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 }) : G("", !0)
+              r.value ? Ye(n.$slots, "default", { key: 0 }) : A("", !0)
             ]),
             _: 3
           }, 8, ["modelValue"])
@@ -147,21 +145,21 @@ const Fl = /* @__PURE__ */ he({
       });
     };
   }
-}), Cl = {
+}), kl = {
   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 = {
+}, 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]"
-}, Ol = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, $l = { class: "pl-1" }, Nl = {
+}, 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]"
-}, Ul = {
+}, Nl = {
   key: 4,
   class: "flex flex-col gap-2"
-}, Ml = /* @__PURE__ */ he({
+}, Ul = /* @__PURE__ */ ye({
   __name: "GlobalFilterDialog",
-  props: /* @__PURE__ */ be({
+  props: /* @__PURE__ */ ge({
     schemas: {
       type: Array,
       default: () => []
@@ -179,51 +177,51 @@ const Fl = /* @__PURE__ */ he({
     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) {
+  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 m(l, e) {
+    function z(l, e) {
       return { hour: l, minute: e };
     }
-    function te(l) {
+    function f(l) {
       return l ? `${String(l.hour).padStart(2, "0")}:${String(l.minute).padStart(2, "0")}` : null;
     }
-    function _e(l) {
+    function se(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 [e, m] = l.split(":").map(Number);
+      return Number.isNaN(e) || Number.isNaN(m) ? null : { hour: e, minute: m };
     }
-    const Z = S(() => u.value ? !(u.value.type === Q.Timestamp && B.value === ke.DateTime) : !1), K = S(
+    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) === Q.Timestamp && B.value === ke.TimeOfDay;
+        return ((l = u.value) == null ? void 0 : l.type) === X.Timestamp && D.value === Ve.TimeOfDay;
       }
-    ), ie = S(() => {
+    ), ue = S(() => {
       var l;
-      return (((l = u.value) == null ? void 0 : l.filterOperators) ?? []).filter((e) => e !== fe.And && e !== fe.Or).map((e) => ({
+      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 se() {
+    function ae() {
       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);
+      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 ve(l) {
+    function pe(l) {
       if (u.value)
-        return hl({
-          operator: l ?? se(),
+        return bl({
+          operator: l ?? ae(),
           dataType: u.value.type,
-          dimensionOption: u.value.type === Q.Timestamp ? B.value ?? null : null,
+          dimensionOption: u.value.type === X.Timestamp ? D.value ?? null : null,
           t: r
         });
     }
-    function N(l, e) {
+    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, E) => (typeof E == "boolean" && k.push(E), k), []);
+        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);
@@ -235,44 +233,44 @@ const Fl = /* @__PURE__ */ he({
           c.push(typeof e.default == "string" ? e.default : "");
       return c;
     }
-    function I(l = H.value) {
-      const e = ve(l), p = N(
+    function q(l = K.value) {
+      const e = pe(l), m = U(
         e ? Array(e.count).fill(e.default) : [],
         e
       );
       return {
         label: "",
         operator: l,
-        values: p
+        values: m
       };
     }
-    function L() {
+    function G() {
       return {
         name: "",
-        startTime: m(0, 0),
-        endTime: m(23, 59)
+        startTime: z(0, 0),
+        endTime: z(23, 59)
       };
     }
-    function ue() {
-      if (!(!Z.value || !V.value)) {
-        if (K.value) {
-          U.value.length === 0 && (U.value = [L()]);
+    function ne() {
+      if (!(!te.value || !V.value)) {
+        if (Q.value) {
+          N.value.length === 0 && (N.value = [G()]);
           return;
         }
-        $.value.length === 0 && ($.value = [I()]);
+        $.value.length === 0 && ($.value = [q()]);
       }
     }
-    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 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 W(l) {
-      H.value = l, $.value = $.value.map((e, p) => {
-        const c = $.value[p];
+    function M(l) {
+      K.value = l, $.value = $.value.map((e, m) => {
+        const c = $.value[m];
         if (!c)
-          return I(l);
-        const y = ve(l), k = N(
+          return q(l);
+        const y = pe(l), k = U(
           Array.isArray(c.values) ? [...c.values] : [],
           y
         );
@@ -283,105 +281,105 @@ const Fl = /* @__PURE__ */ he({
         };
       });
     }
-    function we() {
-      $.value = [...$.value, I()];
+    function he() {
+      $.value = [...$.value, q()];
     }
-    function Ue(l) {
-      $.value.length <= 1 || ($.value = $.value.filter((e, p) => p !== l));
+    function Te(l) {
+      $.value.length <= 1 || ($.value = $.value.filter((e, m) => m !== l));
     }
-    function We() {
-      U.value = [...U.value, L()];
+    function qe() {
+      N.value = [...N.value, G()];
     }
-    function i(l) {
-      U.value.length <= 1 || (U.value = U.value.filter(
-        (e, p) => p !== l
+    function We(l) {
+      N.value.length <= 1 || (N.value = N.value.filter(
+        (e, m) => m !== l
       ));
     }
-    function t(l, e, p) {
-      const c = U.value[l];
-      c && (U.value[l] = {
+    function i(l, e, m) {
+      const c = N.value[l];
+      c && (N.value[l] = {
         ...c,
-        [e]: _e(p)
+        [e]: se(m)
       });
     }
-    function z(l) {
+    function t(l) {
       return l.length === 0 || l.some((e) => e == null || e === "");
     }
-    function q() {
+    function E() {
       if (!V.value) return !0;
-      if (K.value) {
-        const p = U.value.map((y) => y.name.trim()).filter(Boolean);
-        return U.value.some(
+      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
-        ) ? (f.open({
+        ) ? (v.open({
           message: r("report.section.filter.invalidCustomTimeRange"),
           type: "error"
-        }), !1) : new Set(p).size !== p.length ? (f.open({
+        }), !1) : new Set(m).size !== m.length ? (v.open({
           message: r("report.section.filter.customTimeRangeNamesMustBeUnique"),
           type: "error"
         }), !1) : !0;
       }
-      const l = $.value.map((p) => p.label.trim()).filter(Boolean);
+      const l = $.value.map((m) => m.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({
+        (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;
     }
-    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);
+    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 = (p = oe.value.find(
-        (ce) => {
-          var A;
-          return ce.value.name === ((A = d.value) == null ? void 0 : A.name);
+      ), u.value = (m = H.value.find(
+        (me) => {
+          var j;
+          return me.value.name === ((j = d.value) == null ? void 0 : j.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) => {
+      )) == 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 && (H.value = ((e = $.value[0]) == null ? void 0 : e.operator) ?? se(), ue());
-    }), ge(Z, (l) => {
+      l && (K.value = ((e = $.value[0]) == null ? void 0 : e.operator) ?? ae(), ne());
+    }), fe(te, (l) => {
       if (!l) {
-        V.value = !1, $.value = [], U.value = [];
+        V.value = !1, $.value = [], N.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));
+      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 j = S(
+    const W = S(
       () => O.schemas.map((l) => ({
         label: l.label || l.name,
         value: l
       }))
-    ), oe = S(() => {
+    ), H = S(() => {
       var l;
-      return (((l = F.value) == null ? void 0 : l.fields) || []).filter((e) => e.type !== Q.Numeric).map((e) => ({
+      return (((l = F.value) == null ? void 0 : l.fields) || []).filter((e) => e.type !== X.Numeric).map((e) => ({
         label: e.label || e.name,
         value: e
       }));
-    }), Ve = S(() => {
+    }), re = 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;
+      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(
-        (me) => me.schemaNames ?? []
+        (de) => de.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}`,
+        label: (P = e == null ? void 0 : e.widget.title) != null && P.trim() ? e.widget.title : `Widget ${m + 1}`,
         value: e.id
       }), l;
-    }, [])), Me = S(
+    }, [])), Fe = S(
       () => O.schemas.flatMap(
         (l) => (l.fields ?? []).map((e) => ({
           ...e,
@@ -392,38 +390,38 @@ const Fl = /* @__PURE__ */ he({
         }))
       )
     );
-    function Be(l) {
+    function Ue(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 = []);
+      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 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 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 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;
+        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 ze() {
+    function Be() {
       if (!F.value) {
-        f.open({ message: r("report.section.filter.invalidSchema"), type: "error" });
+        v.open({ message: r("report.section.filter.invalidSchema"), type: "error" });
         return;
       }
       if (!u.value) {
-        f.open({ message: r("report.section.filter.invalidDimension"), type: "error" });
+        v.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);
+      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")}` : "";
-        f.open({
+        v.open({
           message: r("report.section.filter.invalidFiltersSchemaNotFound", {
             schemas: c.join(", "),
             unknownFiltersSuffix: y
@@ -432,16 +430,16 @@ const Fl = /* @__PURE__ */ he({
         });
         return;
       }
-      if (!q())
+      if (!E())
         return;
-      const e = V.value && !K.value ? $.value.map((c) => ({
+      const e = V.value && !Q.value ? $.value.map((c) => ({
         label: c.label.trim(),
-        operator: c.operator ?? se(),
-        values: N(
+        operator: c.operator ?? ae(),
+        values: U(
           [...c.values],
-          ve(c.operator)
+          pe(c.operator)
         )
-      })) : void 0, p = V.value && K.value ? U.value.map((c) => ({
+      })) : void 0, m = V.value && Q.value ? N.value.map((c) => ({
         name: c.name.trim(),
         startTime: c.startTime,
         endTime: c.endTime
@@ -449,220 +447,220 @@ const Fl = /* @__PURE__ */ he({
       d.value = {
         schemaName: F.value.name,
         name: u.value.name,
-        label: P.value,
+        label: J.value,
         operator: Se(
           u.value.type,
-          u.value.type === Q.Timestamp ? B.value ?? ke.DateTime : null
+          u.value.type === X.Timestamp ? D.value ?? Ve.DateTime : null
         ),
-        option: u.value.type === Q.Timestamp ? B.value : null,
+        option: u.value.type === X.Timestamp ? D.value : null,
         values: [],
-        tileIds: [...Y.value],
-        filters: ne(D.value),
-        dataFormula: w.value ? J.value : void 0,
+        tileIds: [...Z.value],
+        filters: le(R.value),
+        dataFormula: w.value ? L.value : void 0,
         customOptions: e,
-        customTimeRanges: p
+        customTimeRanges: m
       }, x.value = !1;
     }
-    function g() {
+    function ze() {
       x.value = !1;
     }
-    const Fe = S(() => {
+    const g = S(() => {
       var l;
       return [
         (l = F.value) == null ? void 0 : l.name,
-        ...D.value.map((e) => e.schemaName)
+        ...R.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));
+    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 p = _("FmTextField"), c = _("FmSelect"), y = _("FmCheckbox"), k = _("FmTimePicker"), E = _("FmButton"), me = _("FmTextarea"), ce = _("FmLabel"), A = _("FmIcon"), nl = _("FmTooltip"), rl = _("FmForm"), il = _("FmDialog");
+      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] = (Re) => x.value = Re),
+        "onUpdate:modelValue": e[11] || (e[11] = (De) => x.value = De),
         overlay: !0,
         "z-index": 10
       }, {
-        "dialog-header": v(() => [
-          He(X(o(r)("report.section.filter.globalFilter")), 1)
+        "dialog-header": p(() => [
+          Le(Y(o(r)("report.section.filter.globalFilter")), 1)
         ]),
-        default: v(() => [
+        default: p(() => [
           a(rl, {
             ref: "form",
             class: "flex flex-col gap-2 w-[490px]"
           }, {
-            default: v(() => {
-              var Re;
+            default: p(() => {
+              var De;
               return [
-                a(p, {
-                  modelValue: P.value,
-                  "onUpdate:modelValue": e[0] || (e[0] = (b) => P.value = b),
+                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(Je, {
+                a(Pe, {
                   "model-value": F.value,
-                  items: j.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) => Be(b))
+                  "onUpdate:modelValue": e[1] || (e[1] = (b) => Ue(b))
                 }, null, 8, ["model-value", "items", "placeholder", "label"]),
-                a(Je, {
+                a(Pe, {
                   "model-value": u.value,
-                  items: oe.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) => De(b))
+                  "onUpdate:modelValue": e[2] || (e[2] = (b) => Me(b))
                 }, null, 8, ["model-value", "items", "placeholder", "label"]),
-                ((Re = u.value) == null ? void 0 : Re.type) === o(Q).Timestamp ? (s(), T(c, {
+                ((De = u.value) == null ? void 0 : De.type) === o(X).Timestamp ? (s(), T(c, {
                   key: 0,
-                  modelValue: B.value,
-                  "onUpdate:modelValue": e[3] || (e[3] = (b) => B.value = b),
-                  items: Ve.value,
+                  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"])) : G("", !0),
-                Z.value ? (s(), T(y, {
+                }, 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"])) : 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}`,
+                }, 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", Tl, [
-                      a(p, {
+                    h("div", Cl, [
+                      a(m, {
                         modelValue: b.name,
-                        "onUpdate:modelValue": (ae) => b.name = ae,
+                        "onUpdate:modelValue": (oe) => b.name = oe,
                         label: o(r)("report.section.filter.label")
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "label"]),
                       a(k, {
-                        "model-value": te(b.startTime),
+                        "model-value": f(b.startTime),
                         label: o(r)("report.date.startingTime"),
-                        "onUpdate:modelValue": (ae) => t(re, "startTime", ae)
+                        "onUpdate:modelValue": (oe) => i(ie, "startTime", oe)
                       }, null, 8, ["model-value", "label", "onUpdate:modelValue"]),
                       a(k, {
-                        "model-value": te(b.endTime),
+                        "model-value": f(b.endTime),
                         label: o(r)("report.date.endingTime"),
-                        "onUpdate:modelValue": (ae) => t(re, "endTime", ae)
+                        "onUpdate:modelValue": (oe) => i(ie, "endTime", oe)
                       }, null, 8, ["model-value", "label", "onUpdate:modelValue"]),
-                      U.value.length > 1 ? (s(), C("div", Sl, [
-                        a(E, {
+                      N.value.length > 1 ? (s(), C("div", Tl, [
+                        a(P, {
                           icon: "delete",
                           variant: "tertiary",
-                          onClick: (ae) => i(re)
+                          onClick: (oe) => We(ie)
                         }, null, 8, ["onClick"])
-                      ])) : G("", !0)
+                      ])) : A("", !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, {
+                  ]))), 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": H.value,
-                      items: ie.value,
+                      "model-value": K.value,
+                      items: ue.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}`,
+                      "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: Te([
+                        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", $l, X(o(r)("report.section.filter.label")), 1),
-                        a(p, {
+                        h("span", Ol, Y(o(r)("report.section.filter.label")), 1),
+                        a(m, {
                           modelValue: b.label,
-                          "onUpdate:modelValue": (ae) => b.label = ae
+                          "onUpdate:modelValue": (oe) => b.label = oe
                         }, null, 8, ["modelValue", "onUpdate:modelValue"]),
                         (s(), T(cl, {
-                          key: `custom-option-value-${re}-${b.operator ?? ""}-${B.value ?? ""}`,
+                          key: `custom-option-value-${ie}-${b.operator ?? ""}-${D.value ?? ""}`,
                           modelValue: b.values,
-                          "onUpdate:modelValue": (ae) => b.values = ae,
-                          config: ve(b.operator),
-                          option: B.value
+                          "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", Nl, [
-                          a(E, {
+                        $.value.length > 1 ? (s(), C("div", $l, [
+                          a(P, {
                             icon: "delete",
                             variant: "tertiary",
-                            onClick: (ae) => Ue(re)
+                            onClick: (oe) => Te(ie)
                           }, null, 8, ["onClick"])
-                        ])) : G("", !0)
+                        ])) : A("", !0)
                       ])
                     ]))), 128))
                   ], 64)),
-                  a(E, {
+                  a(P, {
                     class: "w-full",
                     variant: "primary",
                     icon: "add",
                     "icon-position": "prepend",
-                    onClick: e[6] || (e[6] = (b) => K.value ? We() : we())
+                    onClick: e[6] || (e[6] = (b) => Q.value ? qe() : he())
                   })
-                ])) : G("", !0),
+                ])) : 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(me, {
+                w.value ? (s(), T(de, {
                   key: 3,
-                  modelValue: J.value,
-                  "onUpdate:modelValue": e[8] || (e[8] = (b) => J.value = b),
+                  modelValue: L.value,
+                  "onUpdate:modelValue": e[8] || (e[8] = (b) => L.value = b),
                   placeholder: o(r)("report.section.filter.dataFormula")
-                }, null, 8, ["modelValue", "placeholder"])) : G("", !0),
+                }, null, 8, ["modelValue", "placeholder"])) : A("", !0),
                 a(pl, {
-                  modelValue: D.value,
-                  "onUpdate:modelValue": e[9] || (e[9] = (b) => D.value = b),
-                  options: Me.value
+                  modelValue: R.value,
+                  "onUpdate:modelValue": e[9] || (e[9] = (b) => R.value = b),
+                  options: Fe.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)
+                a(me, { class: "mt-2 fm-typo-en-body-lg-600" }, {
+                  default: p(() => [
+                    Le(Y(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", {
+                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: Y.value,
-                      "onUpdate:modelValue": e[10] || (e[10] = (re) => Y.value = re),
+                      modelValue: Z.value,
+                      "onUpdate:modelValue": e[10] || (e[10] = (ie) => Z.value = ie),
                       label: b.label,
                       value: b.value
                     }, null, 8, ["modelValue", "label", "value"]),
-                    de(b) ? (s(), T(nl, {
+                    _e(b) ? (s(), T(nl, {
                       key: 0,
                       content: o(r)("report.section.filter.missingFilterSchema"),
                       "z-index": 99,
                       class: "ml-2"
                     }, {
-                      default: v(() => [
-                        a(A, {
+                      default: p(() => [
+                        a(j, {
                           name: "warning",
                           class: "text-fm-color-system-error-300"
                         })
                       ]),
                       _: 1
-                    }, 8, ["content"])) : G("", !0)
+                    }, 8, ["content"])) : A("", !0)
                   ]))), 128))
-                ])) : (s(), T(ce, {
+                ])) : (s(), T(me, {
                   key: 5,
                   class: "fm-typo-en-body-lg-400",
                   label: o(r)("report.section.filter.noWidget")
@@ -672,25 +670,25 @@ const Fl = /* @__PURE__ */ he({
             _: 1
           }, 512)
         ]),
-        "dialog-footer": v(() => [
+        "dialog-footer": p(() => [
           e[12] || (e[12] = h("div", { class: "grow" }, null, -1)),
-          a(E, {
+          a(P, {
             label: o(r)("report.common.cancel"),
             variant: "tertiary",
-            onClick: g
+            onClick: ze
           }, null, 8, ["label"]),
-          a(E, {
+          a(P, {
             label: o(r)("report.common.confirm"),
-            onClick: ze
+            onClick: Be
           }, 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({
+}), 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__ */ be({
+  props: /* @__PURE__ */ ge({
     hideConfiguration: {
       type: Boolean,
       default: !1
@@ -699,41 +697,41 @@ const Fl = /* @__PURE__ */ he({
     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(), {
+  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: B,
-      editingTile: Y,
-      editingTileIndex: D,
-      editingGlobalFilter: J,
+      categories: D,
+      editingTile: Z,
+      editingTileIndex: R,
+      editingGlobalFilter: L,
       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(() => {
+    } = 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 j;
-        const z = t.widget.config.schemaNames ?? [], q = ((j = t.widget.config.joinDatasources) == null ? void 0 : j.flatMap((oe) => oe.schemaNames ?? [])) ?? [];
-        return [...z, ...q];
+        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, z) => {
-        const q = V.value.find((j) => j.name === z);
-        return q && t.push(q), t;
+      return [...new Set(i)].reduce((t, E) => {
+        const W = V.value.find((H) => H.name === E);
+        return W && t.push(W), t;
       }, []);
     });
-    function ie(i) {
+    function ae(i) {
       if (!i) return "";
       const t = `report.widget.types.${i.toLowerCase()}`;
-      return te(t) ? m(t) : $e(m, te, i, "other");
+      return se(t) ? f(t) : $e(f, se, i, "other");
     }
-    ge(
+    fe(
       () => u.value,
       () => {
-        u.value !== void 0 && (Z.value = vl(u.value), Y.value = Z.value, D.value = -1, O.push({
+        u.value !== void 0 && (Q.value = vl(u.value), Z.value = Q.value, R.value = -1, O.push({
           name: "tileEditor",
-          query: P.query
+          query: J.query
         }));
       },
       { immediate: !0 }
-    ), ge(
+    ), fe(
       () => n.value.tiles,
       (i) => {
         i.forEach((t) => {
@@ -742,15 +740,15 @@ const Fl = /* @__PURE__ */ he({
       },
       { immediate: !0, deep: !0 }
     );
-    const se = [
+    const pe = [
       {
         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({
+          R.value = i, Z.value = JSON.parse(JSON.stringify(n.value.tiles[i])), O.push({
             name: "tileEditor",
-            query: P.query
+            query: J.query
           });
         }
       },
@@ -771,28 +769,28 @@ const Fl = /* @__PURE__ */ he({
         selected: !1,
         variant: "destructive",
         onClick: async (i) => {
-          if (await U({
-            title: m("report.editor.deleteWidget"),
-            message: m("report.editor.deleteWidgetConfirm", {
+          if (await K({
+            title: f("report.editor.deleteWidget"),
+            message: f("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);
+            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);
             });
           }
         }
       }
-    ], ve = [
+    ], U = [
       {
         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;
+          w.value = i, L.value = JSON.parse(JSON.stringify((t = n.value.globalFilters) == null ? void 0 : t[i])), le.value = !0;
         }
       },
       {
@@ -800,11 +798,11 @@ const Fl = /* @__PURE__ */ he({
         selected: !1,
         variant: "tertiary",
         onClick: (i) => {
-          var q;
-          const t = (q = n.value.globalFilters) == null ? void 0 : q[i];
+          var W;
+          const t = (W = n.value.globalFilters) == null ? void 0 : W[i];
           if (!t) return;
-          const z = JSON.parse(JSON.stringify(t));
-          n.value.globalFilters || (n.value.globalFilters = []), n.value.globalFilters.push(z);
+          const E = JSON.parse(JSON.stringify(t));
+          n.value.globalFilters || (n.value.globalFilters = []), n.value.globalFilters.push(E);
         }
       },
       {
@@ -812,242 +810,242 @@ const Fl = /* @__PURE__ */ he({
         selected: !1,
         variant: "destructive",
         onClick: async (i) => {
-          var q, j;
-          const t = (q = n.value.globalFilters) == null ? void 0 : q[i];
+          var W, H;
+          const t = (W = n.value.globalFilters) == null ? void 0 : W[i];
           if (!t) return;
-          await U({
-            title: m("report.editor.deleteWidget"),
-            message: m("report.editor.deleteWidgetConfirm", {
-              title: Le(t)
+          await K({
+            title: f("report.editor.deleteWidget"),
+            message: f("report.editor.deleteWidgetConfirm", {
+              title: N(t)
             })
-          }) && ((j = n.value.globalFilters) == null || j.splice(i, 1));
+          }) && ((H = n.value.globalFilters) == null || H.splice(i, 1));
         }
       }
-    ], N = S(() => B.value.map((i) => ({
-      label: m(`report.category.${i.name}`),
+    ], q = S(() => D.value.map((i) => ({
+      label: f(`report.category.${i.name}`),
       value: i.id
-    }))), { sessionUser: I } = wl(), L = S({
+    }))), { sessionUser: G } = _l(), ne = 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({
+    }), 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, 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 });
+        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 });
       }
-    }), W = S({
+    }), he = 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;
+        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 && (ee.value === "days" ? n.value.batch = { days: i } : ee.value === "locations" && (n.value.batch = { locations: i }));
+        i && (M.value === "days" ? n.value.batch = { days: i } : M.value === "locations" && (n.value.batch = { locations: i }));
       }
-    }), we = S({
-      get: () => $e(m, te, n.value.name, "other"),
+    }), Te = S({
+      get: () => $e(f, se, n.value.name, "other"),
       set: (i) => {
         n.value.name = i;
       }
     });
-    function Ue(i) {
+    function qe(i) {
       var t;
       return !((t = i.tileIds) != null && t.length);
     }
     function We(i) {
-      return !K.value.find((t) => t.name === i.schemaName);
+      return !ue.value.find((t) => t.name === i.schemaName);
     }
-    return ge(
+    return fe(
       () => 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), {
+      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) => f("hideConfiguration", g))
+        "onUpdate:modelValue": t[12] || (t[12] = (g) => v("hideConfiguration", g))
       }, {
-        default: v(() => [
-          a(Ml, {
-            "is-open": H.value,
-            "onUpdate:isOpen": t[0] || (t[0] = (g) => H.value = g),
-            "global-filter": o(J),
+        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: K.value,
+            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(Fl, {
+          a(wl, {
             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)
+            "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: v(() => [
-              a(Ge, { class: "border-solid" }, {
-                header: v(() => [
-                  h("p", null, X(o(m)("report.editor.reportInfo")), 1),
+            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: 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")
+                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(q, {
-                      key: `category-${o(_e)}`,
+                    (s(), T(W, {
+                      key: `category-${o(te)}`,
                       modelValue: n.value.category,
                       "onUpdate:modelValue": t[5] || (t[5] = (g) => n.value.category = g),
-                      label: o(m)("report.common.category"),
-                      items: N.value
+                      label: o(f)("report.common.category"),
+                      items: q.value
                     }, null, 8, ["modelValue", "label", "items"])),
-                    a(z, {
+                    a(E, {
                       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")
+                      label: o(f)("report.common.description"),
+                      placeholder: o(f)("report.common.description")
                     }, null, 8, ["modelValue", "label", "placeholder"]),
-                    h("div", Dl, [
+                    h("div", Bl, [
                       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)
+                      a(H, {
+                        modelValue: ne.value,
+                        "onUpdate:modelValue": t[7] || (t[7] = (g) => ne.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
+                    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"]),
-                    ee.value !== "none" ? (s(), T(z, {
+                    M.value !== "none" ? (s(), T(E, {
                       key: 0,
-                      modelValue: W.value,
-                      "onUpdate:modelValue": t[9] || (t[9] = (g) => W.value = g),
+                      modelValue: he.value,
+                      "onUpdate:modelValue": t[9] || (t[9] = (g) => he.value = g),
                       modelModifiers: { number: !0 },
-                      label: ee.value === "days" ? o(m)("report.common.days") : o(m)("report.common.locations"),
+                      label: M.value === "days" ? o(f)("report.common.days") : o(f)("report.common.locations"),
                       type: "number"
-                    }, null, 8, ["modelValue", "label"])) : G("", !0)
+                    }, null, 8, ["modelValue", "label"])) : A("", !0)
                   ])
                 ]),
                 _: 1
               }),
-              a(Ge, {
+              a(Ae, {
                 class: "border-solid",
                 "is-open": !1
               }, {
-                header: v(() => [
-                  h("p", null, X(o(m)("report.section.filter.globalFilter")), 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: v(() => [
-                  h("div", Rl, [
-                    a(oe, {
-                      label: o(m)("report.section.filter.addGlobalFilter"),
+                content: p(() => [
+                  h("div", Dl, [
+                    a(re, {
+                      label: o(f)("report.section.filter.addGlobalFilter"),
                       variant: "secondary",
                       icon: "add",
                       "icon-position": "prepend",
-                      "border-color": o(Ce).ColorPrimary,
-                      "text-color": o(Ce).ColorPrimary,
+                      "border-color": o(xe).ColorPrimary,
+                      "text-color": o(xe).ColorPrimary,
                       onClick: t[10] || (t[10] = () => {
-                        w.value = null, J.value = null, H.value = !0;
+                        w.value = null, L.value = null, le.value = !0;
                       })
                     }, null, 8, ["label", "border-color", "text-color"]),
-                    a(Se, null, {
-                      default: v(() => [
-                        a(o(Ke), {
+                    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: v(({ element: g, index: Fe }) => [
-                            a(De, { class: "!cursor-grab border rounded-md border-neutral-300" }, {
-                              default: v(() => [
-                                a(Ve, {
+                          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", Il, [
-                                  a(xe, {
+                                h("div", Rl, [
+                                  a(Fe, {
                                     "z-index": 99,
-                                    content: o(Le)(g),
+                                    content: o(N)(g),
                                     class: "handle"
                                   }, {
-                                    default: v(() => [
-                                      h("p", ql, X(o(Le)(g)), 1)
+                                    default: p(() => [
+                                      h("p", Il, Y(o(N)(g)), 1)
                                     ]),
                                     _: 2
                                   }, 1032, ["content"]),
-                                  We(g) ? (s(), T(xe, {
+                                  We(g) ? (s(), T(Fe, {
                                     key: 0,
-                                    content: o(m)("report.section.filter.missingSchema"),
+                                    content: o(f)("report.section.filter.missingSchema"),
                                     "z-index": 99
                                   }, {
-                                    default: v(() => [
-                                      a(Ve, {
+                                    default: p(() => [
+                                      a(we, {
                                         name: "warning",
                                         class: "text-fm-color-system-error-300"
                                       })
                                     ]),
                                     _: 1
-                                  }, 8, ["content"])) : Ue(g) ? (s(), T(xe, {
+                                  }, 8, ["content"])) : qe(g) ? (s(), T(Fe, {
                                     key: 1,
-                                    content: o(m)("report.section.filter.missingTileIds"),
+                                    content: o(f)("report.section.filter.missingTileIds"),
                                     "z-index": 99
                                   }, {
-                                    default: v(() => [
-                                      a(Ve, {
+                                    default: p(() => [
+                                      a(we, {
                                         name: "warning",
                                         class: "text-fm-color-system-warning-300"
                                       })
                                     ]),
                                     _: 1
-                                  }, 8, ["content"])) : G("", !0)
+                                  }, 8, ["content"])) : A("", !0)
                                 ]),
                                 t[16] || (t[16] = h("div", { class: "grow" }, null, -1)),
-                                a(Be, {
+                                a(Me, {
                                   trigger: "click",
                                   shift: !0,
                                   "stop-click-propagation": !0
                                 }, {
-                                  "menu-button": v(() => [
-                                    a(oe, {
+                                  "menu-button": p(() => [
+                                    a(re, {
                                       "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)
+                                  default: p(() => [
+                                    (s(), C(ee, null, ce(U, (l, e) => a(Ue, {
+                                      key: e,
+                                      onClick: (m) => l.onClick(_e)
                                     }, {
-                                      label: v(() => [
+                                      label: p(() => [
                                         h("p", {
-                                          class: Te(
-                                            de.variant === "destructive" ? " text-fm-color-system-error-300" : ""
+                                          class: ke(
+                                            l.variant === "destructive" ? " text-fm-color-system-error-300" : ""
                                           )
-                                        }, X(o(m)(de.label)), 3)
+                                        }, Y(o(f)(l.label)), 3)
                                       ]),
                                       _: 2
                                     }, 1032, ["onClick"])), 64))
@@ -1067,63 +1065,63 @@ const Fl = /* @__PURE__ */ he({
                 ]),
                 _: 1
               }),
-              h("div", Wl, [
-                a(oe, {
-                  label: o(m)("report.editor.addWidget"),
+              h("div", ql, [
+                a(re, {
+                  label: o(f)("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)
+                  "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(Se, null, {
-                  default: v(() => [
-                    a(o(Ke), {
+                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: v(({ element: g, index: Fe }) => [
-                        a(De, { class: "!cursor-grab border rounded-md border-neutral-300" }, {
-                          default: v(() => [
-                            a(Ve, {
+                      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(xe, {
-                              content: g.widget.title ? ie(g.widget.title) : o(m)("report.editor.widget", { index: Fe + 1 }),
+                            a(Fe, {
+                              content: g.widget.title ? ae(g.widget.title) : o(f)("report.editor.widget", { index: _e + 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)
+                              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(Be, {
+                            a(Me, {
                               trigger: "click",
                               shift: !0,
                               "stop-click-propagation": !0
                             }, {
-                              "menu-button": v(() => [
-                                a(oe, {
+                              "menu-button": p(() => [
+                                a(re, {
                                   "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)
+                              default: p(() => [
+                                (s(), C(ee, null, ce(pe, (l, e) => a(Ue, {
+                                  key: e,
+                                  onClick: (m) => l.onClick(_e)
                                 }, {
-                                  label: v(() => [
+                                  label: p(() => [
                                     h("p", {
-                                      class: Te(
-                                        de.variant === "destructive" ? " text-fm-color-system-error-300" : ""
+                                      class: ke(
+                                        l.variant === "destructive" ? " text-fm-color-system-error-300" : ""
                                       )
-                                    }, X(o(m)(de.label)), 3)
+                                    }, Y(o(f)(l.label)), 3)
                                   ]),
                                   _: 2
                                 }, 1032, ["onClick"])), 64))
@@ -1148,25 +1146,25 @@ const Fl = /* @__PURE__ */ he({
       }, 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 = {
+}), 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"
-}, Hl = {
+}, Ll = {
   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 = {
+}, 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]"
-}, Kl = { class: "col-span-12 mb-4 flex flex-wrap gap-2 pb-2" }, Ql = {
+}, 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" }
-}, Xl = {
+}, Ql = {
   key: 0,
   class: "w-full grid grid-cols-12 gap-[24px] p-24"
-}, Yl = /* @__PURE__ */ he({
+}, Xl = /* @__PURE__ */ ye({
   __name: "ReportEditorViewport",
-  props: /* @__PURE__ */ be({
+  props: /* @__PURE__ */ ge({
     hideConfiguration: { type: Boolean, required: !1, default: !1 },
     previewWidth: { type: Number, required: !0 },
     previewHeight: { type: Number, required: !0 },
@@ -1176,73 +1174,73 @@ const Fl = /* @__PURE__ */ he({
     } },
     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;
+  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 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, {
+      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: v(() => [
-              h("div", Pl, [
+            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) => P("hideConfiguration", w))
-                }, null, 8, ["modelValue", "hide-configuration"])) : G("", !0)
+                  onHideConfiguration: u[1] || (u[1] = (w) => J("hideConfiguration", w))
+                }, null, 8, ["modelValue", "hide-configuration"])) : A("", !0)
               ])
             ]),
-            left: v(() => [
-              h("div", Jl, [
-                a(Y, {
+            left: p(() => [
+              h("div", Pl, [
+                a(Z, {
                   variant: "secondary",
                   icon: "keyboard_double_arrow_right",
-                  "border-color": o(Ce).ColorPrimary,
-                  "text-color": o(Ce).ColorPrimary,
+                  "border-color": o(xe).ColorPrimary,
+                  "text-color": o(xe).ColorPrimary,
                   class: "m-24 my-16",
                   size: "md",
-                  onClick: u[2] || (u[2] = (w) => P("hideConfiguration", !x.hideConfiguration))
+                  onClick: u[2] || (u[2] = (w) => J("hideConfiguration", !x.hideConfiguration))
                 }, null, 8, ["border-color", "text-color"])
               ])
             ]),
             _: 1
           }, 8, ["model-value"])),
-          a(D, {
+          a(R, {
             vertical: "",
             style: { margin: "0px" }
           }),
-          !O.value && !f.value ? (s(), C("div", Ll, [
-            d.value.tiles.length > 0 ? (s(), C("div", Hl, [
-              h("div", jl, [
+          !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(le, null, pe(d.value.tiles, (w, V) => (s(), T(Ee, {
+              (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(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, [
+            ])) : (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(le, null, pe(d.value.tiles, (w, V) => (s(), T(Ee, {
+                  (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(Pe, { key: 1 }))
+                ])) : (s(), T(Je, { key: 1 }))
               ]),
               _: 1
             }),
@@ -1252,67 +1250,67 @@ const Fl = /* @__PURE__ */ he({
               "onUpdate:modelValue": u[3] || (u[3] = (w) => d.value = w),
               "hide-configuration": x.hideConfiguration,
               onHideConfiguration: u[4] || (u[4] = (w) => {
-                P("hideConfiguration", w);
+                J("hideConfiguration", w);
               })
-            }, null, 8, ["modelValue", "hide-configuration"])) : G("", !0)
-          ])) : (s(), C("div", Ql, [
+            }, null, 8, ["modelValue", "hide-configuration"])) : A("", !0)
+          ])) : (s(), C("div", Kl, [
             h("div", {
-              style: je({
+              style: He({
                 transformOrigin: "top center",
                 transform: `scale(${x.previewScale})`
               })
             }, [
               h("div", {
                 class: "overflow-y-auto bg-white rounded-lg",
-                style: je({
+                style: He({
                   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, {
+                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(Pe, { key: 1 }))
+                ])) : (s(), T(Je, { key: 1 }))
               ], 4)
             ], 4)
           ]))
-        ], 64)) : (s(), T(B, { key: 0 }))
+        ], 64)) : (s(), T(D, { 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({
+}), 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(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" }
+  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 U() {
+    async function N() {
       if (!F.value || F.value.tiles.length === 0) {
-        J.open({ message: f("report.messages.noWidget"), type: "error" });
+        L.open({ message: v("report.messages.noWidget"), type: "error" });
         return;
       }
-      const N = B.value ? f("report.common.clone") : f("report.common.save");
+      const U = D.value ? v("report.common.clone") : v("report.common.save");
       if (await w({
-        title: `${f("report.messages.saveReport")}`,
-        message: f("report.messages.confirmAction", { action: N, name: D.value })
+        title: `${v("report.messages.saveReport")}`,
+        message: v("report.messages.confirmAction", { action: U, name: R.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);
+            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({
@@ -1320,25 +1318,25 @@ const Fl = /* @__PURE__ */ he({
               query: n.query
             });
           });
-        } catch (L) {
-          console.log(L), J.open({
-            message: f("report.messages.failedToAction", { action: N }),
+        } catch (G) {
+          console.log(G), L.open({
+            message: v("report.messages.failedToAction", { action: U }),
             type: "error"
           });
         }
     }
-    async function H() {
-      var I;
+    async function K() {
+      var q;
       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());
+        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 ne = [
+    const le = [
       {
         labelKey: "report.common.default",
         width: void 0,
@@ -1359,78 +1357,78 @@ const Fl = /* @__PURE__ */ he({
         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;
+    ], 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 se(N) {
-      m.value = N;
+    function ae(U) {
+      z.value = U;
     }
-    function ve() {
-      te.value = !te.value;
+    function pe() {
+      f.value = !f.value;
     }
-    return (N, I) => {
-      const L = _("FmTooltip"), ue = _("FmButton"), ee = _("FmPageHead");
+    return (U, q) => {
+      const G = _("FmTooltip"), ne = _("FmButton"), Ce = _("FmPageHead");
       return s(), T(gl, null, {
-        default: v(() => [
-          a(ee, {
+        default: p(() => [
+          a(Ce, {
             "data-editor-header": "true",
             actions: $.value,
-            "onClick:action": I[0] || (I[0] = (W) => {
-              W === "cancel" && H(), W === "save" && U();
+            "onClick:action": q[0] || (q[0] = (M) => {
+              M === "cancel" && K(), M === "save" && N();
             })
           }, {
-            title: v(() => [
-              h("div", Zl, [
-                a(L, {
-                  content: D.value,
+            title: p(() => [
+              h("div", Yl, [
+                a(G, {
+                  content: R.value,
                   placement: "bottom"
                 }, {
-                  default: v(() => [
+                  default: p(() => [
                     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)
+                      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", 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",
+                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: (Ue) => se(W)
+                        onClick: (Te) => ae(M)
                       }, null, 8, ["label", "variant", "onClick"]);
                     }), 64))
                   ]),
-                  a(ue, {
+                  a(ne, {
                     icon: "screen_rotation",
                     variant: "tertiary",
                     size: "md",
                     class: "text-fm-color-typo-primary",
-                    onClick: ve
+                    onClick: pe
                   })
                 ])
               ])
             ]),
             _: 1
           }, 8, ["actions"]),
-          o(F) ? (s(), T(Yl, {
+          o(F) ? (s(), T(Xl, {
             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" : ""),
+            "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": 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)
+            "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
       });
@@ -1438,5 +1436,5 @@ const Fl = /* @__PURE__ */ he({
   }
 });
 export {
-  gt as default
+  pt as default
 };