@feedmepos/mf-report 5.26.4 → 5.26.5-beta.0

package/dist/{ReportEditor-CTQ8vCNs.js → ReportEditor-BHONojQQ.js}

@@ -1,17 +1,17 @@
-import { defineComponent as ye, mergeModels as fe, useModel as ge, ref as q, computed as b, resolveComponent as w, createBlock as O, openBlock as u, withCtx as g, createElementVNode as f, createVNode as r, unref as o, normalizeClass as ke, createTextVNode as tt, toDisplayString as P, createElementBlock as S, Fragment as le, renderSlot as pt, createCommentVNode as G, watch as me, renderList as ce, onMounted as vt, onUnmounted as Vt, resolveDynamicComponent as Ct, isRef as ft, normalizeStyle as lt } from "vue";
-import { W as xt, g as kt, _ as Tt, a as St, i as Ot, S as Qe, d as it, T as $t, b as Dt } from "./TransitionFade-BYmuDYSd.js";
-import { C as ve, D as Z, c as Ce, g as Rt, u as gt, a as Nt, d as Ye, v as De, e as Ut, b as ut } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-Dun5PD4W.js";
+import { defineComponent as ye, mergeModels as fe, useModel as ge, ref as M, computed as b, resolveComponent as w, createBlock as O, openBlock as u, withCtx as g, createElementVNode as f, createVNode as r, unref as o, normalizeClass as ke, createTextVNode as lt, toDisplayString as L, createElementBlock as S, Fragment as le, renderSlot as vt, createCommentVNode as G, watch as me, renderList as ce, onMounted as ft, onUnmounted as Ct, resolveDynamicComponent as xt, isRef as gt, normalizeStyle as ot } from "vue";
+import { W as kt, g as Tt, _ as St, a as Ot, i as $t, S as Ye, d as ut, T as Dt, b as Rt } from "./TransitionFade-B2T5r_vC.js";
+import { C as ve, D as Z, c as Ce, g as Nt, u as yt, a as Ut, d as Xe, v as De, Q as Pe, e as Bt, b as dt } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-DHPUtfOs.js";
 import { storeToRefs as _e } from "pinia";
-import { useRouter as yt, useRoute as bt } from "vue-router";
-import { useBreakpoints as We, useSnackbar as ht, FmButtonColorThemeVariant as xe } from "@feedmepos/ui-library";
-import { u as _t } from "./message-dialog-UoMWOnil.js";
-import { u as Ne, a as Bt } from "./vue-i18n-DVWuTfed.js";
+import { useRouter as bt, useRoute as ht } from "vue-router";
+import { useBreakpoints as We, useSnackbar as _t, FmButtonColorThemeVariant as xe } from "@feedmepos/ui-library";
+import { u as wt } from "./message-dialog-UoMWOnil.js";
+import { u as Ne, a as Mt } from "./vue-i18n-DVWuTfed.js";
 import { r as Re } from "./i18n-CI_sQ5d_.js";
-import { _ as Xe } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-BoRLpJ9M.js";
-import { a as Ze, _ as et } from "./SelectComponent.vue_vue_type_script_setup_true_lang-BL1jpiXN.js";
+import { _ as Ze } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-hP3sZIfZ.js";
+import { a as et, _ as tt } from "./SelectComponent.vue_vue_type_script_setup_true_lang-BL1jpiXN.js";
 import { useCoreStore as qt } from "@feedmepos/mf-common";
-import { u as Mt, a as Et } from "./app-B8enBaoM.js";
-import { d as It } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-D2CpsvxS.js";
+import { u as Et, a as It } from "./app-DnkOgWGu.js";
+import { d as Pt } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-De-0BpSa.js";
 const Wt = /* @__PURE__ */ ye({
   __name: "WidgetDialog",
   props: /* @__PURE__ */ fe({
@@ -29,17 +29,17 @@ const Wt = /* @__PURE__ */ ye({
     function C() {
       d.value && (x.value = d.value, d.value = void 0, D("update:isOpen", !1));
     }
-    const d = q(), M = b(() => !d.value);
+    const d = M(), q = b(() => !d.value);
     return (ee, E) => {
       const J = w("FmButton"), F = w("FmDialog");
       return u(), O(F, {
         "model-value": y.isOpen
       }, {
         "dialog-header": g(() => [
-          tt(P(o(a)("report.widget.type")), 1)
+          lt(L(o(a)("report.widget.type")), 1)
         ]),
         default: g(() => [
-          r(xt, {
+          r(kt, {
             modelValue: d.value,
             "onUpdate:modelValue": E[0] || (E[0] = (T) => d.value = T),
             class: ke(`grid ${o(m).lg || o(m).md ? "grid-cols-3 gap-3" : "grid-cols-2 gap-3"}`),
@@ -55,7 +55,7 @@ const Wt = /* @__PURE__ */ ye({
           }, null, 8, ["label"]),
           r(J, {
             label: o(a)("report.common.confirm"),
-            disabled: M.value,
+            disabled: q.value,
             onClick: C
           }, null, 8, ["label", "disabled"])
         ]),
@@ -63,7 +63,7 @@ const Wt = /* @__PURE__ */ ye({
       }, 8, ["model-value"]);
     };
   }
-}), Lt = { class: "fm-typo-en-body-lg-600" }, ot = /* @__PURE__ */ ye({
+}), Lt = { class: "fm-typo-en-body-lg-600" }, at = /* @__PURE__ */ ye({
   __name: "ReportEditorTabHeader",
   props: /* @__PURE__ */ fe({
     icon: {
@@ -83,7 +83,7 @@ const Wt = /* @__PURE__ */ ye({
         class: "px-6 py-16 flex items-center gap-2 bg-fm-color-neutral-white border cursor-pointer",
         onClick: y[0] || (y[0] = (H) => a.value = !a.value)
       }, [
-        f("p", Lt, P(o(s)("report.editor.customizeReport")), 1),
+        f("p", Lt, L(o(s)("report.editor.customizeReport")), 1),
         y[1] || (y[1] = f("div", { class: "grow" }, null, -1)),
         r(D, {
           name: m.icon
@@ -91,7 +91,7 @@ const Wt = /* @__PURE__ */ ye({
       ]);
     };
   }
-}), Pt = /* @__PURE__ */ ye({
+}), zt = /* @__PURE__ */ ye({
   __name: "ReportEditorTabDesktop",
   props: {
     modelValue: { required: !0, default: !1 },
@@ -101,15 +101,15 @@ const Wt = /* @__PURE__ */ ye({
   setup($) {
     const s = ge($, "modelValue");
     return (a, m) => (u(), S(le, null, [
-      r(ot, {
+      r(at, {
         modelValue: s.value,
         "onUpdate:modelValue": m[0] || (m[0] = (x) => s.value = x),
         icon: "keyboard_double_arrow_left"
       }, null, 8, ["modelValue"]),
-      pt(a.$slots, "default")
+      vt(a.$slots, "default")
     ], 64));
   }
-}), zt = /* @__PURE__ */ ye({
+}), At = /* @__PURE__ */ ye({
   __name: "ReportEditorTabMobile",
   props: {
     modelValue: { required: !0, default: !1 },
@@ -122,7 +122,7 @@ const Wt = /* @__PURE__ */ ye({
       const x = w("FmTopSheet"), y = w("FmCard");
       return u(), O(y, { class: "fixed bottom-0 w-full" }, {
         default: g(() => [
-          r(ot, {
+          r(at, {
             modelValue: s.value,
             "onUpdate:modelValue": m[0] || (m[0] = (D) => s.value = D),
             icon: "keyboard_double_arrow_up"
@@ -133,12 +133,12 @@ const Wt = /* @__PURE__ */ ye({
             "fullscreen-size": "sm"
           }, {
             default: g(() => [
-              r(ot, {
+              r(at, {
                 modelValue: s.value,
                 "onUpdate:modelValue": m[1] || (m[1] = (D) => s.value = D),
                 icon: "keyboard_double_arrow_down"
               }, null, 8, ["modelValue"]),
-              s.value ? pt(a.$slots, "default", { key: 0 }) : G("", !0)
+              s.value ? vt(a.$slots, "default", { key: 0 }) : G("", !0)
             ]),
             _: 3
           }, 8, ["modelValue"])
@@ -147,19 +147,19 @@ const Wt = /* @__PURE__ */ ye({
       });
     };
   }
-}), At = {
+}), Gt = {
   key: 2,
   class: "flex flex-col gap-3 mt-2 border border-neutral-300 p-3"
-}, Gt = { 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" }, Ht = {
+}, Ht = { 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" }, Jt = {
   key: 0,
   class: "flex justify-end sm:pb-[2px]"
-}, Jt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, jt = { class: "pl-1" }, Kt = {
+}, jt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Kt = { class: "pl-1" }, Qt = {
   key: 0,
   class: "flex justify-end sm:pb-[2px]"
-}, Qt = {
+}, Yt = {
   key: 4,
   class: "flex flex-col gap-2"
-}, Yt = /* @__PURE__ */ ye({
+}, Xt = /* @__PURE__ */ ye({
   __name: "GlobalFilterDialog",
   props: /* @__PURE__ */ fe({
     schemas: {
@@ -180,7 +180,7 @@ const Wt = /* @__PURE__ */ ye({
   }),
   emits: ["update:globalFilter", "update:isOpen"],
   setup($) {
-    const { t: s, te: a } = Ne(), m = ge($, "globalFilter"), x = ge($, "isOpen"), y = ht(), D = $, H = q(""), C = q(), d = q(), M = q(), ee = q([]), E = q([]), J = q(""), F = q(!1), T = q(!1), R = q([]), N = q([]), Y = q(ve.Equal);
+    const { t: s, te: a } = Ne(), m = ge($, "globalFilter"), x = ge($, "isOpen"), y = _t(), D = $, H = M(""), C = M(), d = M(), q = M(), ee = M([]), E = M([]), J = M(""), F = M(!1), T = M(!1), R = M([]), N = M([]), Y = M(ve.Equal);
     function oe(t) {
       return JSON.parse(JSON.stringify(t));
     }
@@ -195,10 +195,10 @@ const Wt = /* @__PURE__ */ ye({
       const [e, p] = t.split(":").map(Number);
       return Number.isNaN(e) || Number.isNaN(p) ? null : { hour: e, minute: p };
     }
-    const ae = b(() => d.value ? !(d.value.type === Z.Timestamp && M.value === Ce.DateTime) : !1), X = b(
+    const ae = b(() => d.value ? !(d.value.type === Z.Timestamp && q.value === Ce.DateTime) : !1), X = b(
       () => {
         var t;
-        return ((t = d.value) == null ? void 0 : t.type) === Z.Timestamp && M.value === Ce.TimeOfDay;
+        return ((t = d.value) == null ? void 0 : t.type) === Z.Timestamp && q.value === Ce.TimeOfDay;
       }
     ), de = b(() => {
       var t;
@@ -210,20 +210,20 @@ const Wt = /* @__PURE__ */ ye({
     function se() {
       var e;
       const t = (e = de.value[0]) == null ? void 0 : e.value;
-      return t || (d.value ? Se(d.value.type, M.value ?? null) : ve.Equal);
+      return t || (d.value ? Se(d.value.type, q.value ?? null) : ve.Equal);
     }
     function pe(t) {
       if (d.value)
-        return Rt({
+        return Nt({
           operator: t ?? se(),
           dataType: d.value.type,
-          dimensionOption: d.value.type === Z.Timestamp ? M.value ?? null : null,
+          dimensionOption: d.value.type === Z.Timestamp ? q.value ?? null : null,
           t: s
         });
     }
     function U(t, e) {
       if (typeof (e == null ? void 0 : e.default) == "boolean" || t.length > 0 && t.every((h) => typeof h == "boolean")) {
-        const h = t.reduce((k, L) => (typeof L == "boolean" && k.push(L), k), []);
+        const h = t.reduce((k, W) => (typeof W == "boolean" && k.push(W), k), []);
         if (e)
           for (e.fixed && h.splice(e.count); h.length < e.count; )
             h.push(typeof e.default == "boolean" ? e.default : !1);
@@ -235,7 +235,7 @@ const Wt = /* @__PURE__ */ ye({
           v.push(typeof e.default == "string" ? e.default : "");
       return v;
     }
-    function W(t = Y.value) {
+    function P(t = Y.value) {
       const e = pe(t), p = U(
         e ? Array(e.count).fill(e.default) : [],
         e
@@ -259,7 +259,7 @@ const Wt = /* @__PURE__ */ ye({
           N.value.length === 0 && (N.value = [j()]);
           return;
         }
-        R.value.length === 0 && (R.value = [W()]);
+        R.value.length === 0 && (R.value = [P()]);
       }
     }
     function be() {
@@ -271,7 +271,7 @@ const Wt = /* @__PURE__ */ ye({
       Y.value = t, R.value = R.value.map((e, p) => {
         const v = R.value[p];
         if (!v)
-          return W(t);
+          return P(t);
         const h = pe(t), k = U(
           Array.isArray(v.values) ? [...v.values] : [],
           h
@@ -284,7 +284,7 @@ const Wt = /* @__PURE__ */ ye({
       });
     }
     function we() {
-      R.value = [...R.value, W()];
+      R.value = [...R.value, P()];
     }
     function ne(t) {
       R.value.length <= 1 || (R.value = R.value.filter((e, p) => p !== t));
@@ -330,18 +330,18 @@ const Wt = /* @__PURE__ */ ye({
       }), !1) : !0;
     }
     me(x, (t) => {
-      var e, p, v, h, k, L, Q;
+      var e, p, v, h, k, W, Q;
       t && (H.value = ((e = m.value) == null ? void 0 : e.label) || "", C.value = D.schemas.find(
         (te) => {
           var A;
           return te.name === ((A = m.value) == null ? void 0 : A.schemaName);
         }
-      ), d.value = (p = Me.value.find(
+      ), d.value = (p = qe.value.find(
         (te) => {
           var A;
           return te.value.name === ((A = m.value) == null ? void 0 : A.name);
         }
-      )) == null ? void 0 : p.value, M.value = (v = m.value) == null ? void 0 : v.option, ee.value = ((h = m.value) == null ? void 0 : h.tileIds) || [], E.value = ((k = m.value) == null ? void 0 : k.filters) || [], F.value = !!((L = m.value) != null && L.dataFormula), J.value = ((Q = m.value) == null ? void 0 : Q.dataFormula) || "", be());
+      )) == null ? void 0 : p.value, q.value = (v = m.value) == null ? void 0 : v.option, ee.value = ((h = m.value) == null ? void 0 : h.tileIds) || [], E.value = ((k = m.value) == null ? void 0 : k.filters) || [], F.value = !!((W = m.value) != null && W.dataFormula), J.value = ((Q = m.value) == null ? void 0 : Q.dataFormula) || "", be());
     }), me(T, (t) => {
       var e;
       t && (Y.value = ((e = R.value[0]) == null ? void 0 : e.operator) ?? se(), ie());
@@ -358,12 +358,12 @@ const Wt = /* @__PURE__ */ ye({
       const e = (p = t[0]) == null ? void 0 : p.value;
       e && (t.some((v) => v.value === Y.value) || K(e));
     });
-    const qe = b(
+    const Me = b(
       () => D.schemas.map((t) => ({
         label: t.label || t.name,
         value: t
       }))
-    ), Me = b(() => {
+    ), qe = b(() => {
       var t;
       return (((t = C.value) == null ? void 0 : t.fields) || []).filter((e) => e.type !== Z.Numeric).map((e) => ({
         label: e.label || e.name,
@@ -371,17 +371,17 @@ const Wt = /* @__PURE__ */ ye({
       }));
     }), Le = b(() => {
       var t;
-      return ((t = d.value) == null ? void 0 : t.type) !== Z.Timestamp ? [] : kt(s);
-    }), Pe = b(() => D.tiles.reduce((t, e, p) => {
-      var k, L;
+      return ((t = d.value) == null ? void 0 : t.type) !== Z.Timestamp ? [] : Tt(s);
+    }), ze = b(() => D.tiles.reduce((t, e, p) => {
+      var k, W;
       const v = e.widget.config.schemaNames ?? [], h = (e.widget.config.joinDatasources ?? []).flatMap(
         (Q) => Q.schemaNames ?? []
       );
       return [...v, ...h].includes(((k = C.value) == null ? void 0 : k.name) || "") && t.push({
-        label: (L = e == null ? void 0 : e.widget.title) != null && L.trim() ? e.widget.title : `Widget ${p + 1}`,
+        label: (W = e == null ? void 0 : e.widget.title) != null && W.trim() ? e.widget.title : `Widget ${p + 1}`,
         value: e.id
       }), t;
-    }, [])), ze = b(
+    }, [])), Ae = b(
       () => D.schemas.flatMap(
         (t) => (t.fields ?? []).map((e) => ({
           ...e,
@@ -392,12 +392,12 @@ const Wt = /* @__PURE__ */ ye({
         }))
       )
     );
-    function Ae(t) {
+    function Ge(t) {
       var e;
       t.name !== ((e = C.value) == null ? void 0 : e.name) && (C.value = t, d.value = void 0, Y.value = ve.Equal, T.value = !1, R.value = [], N.value = []);
     }
-    function Ge(t) {
-      d.value = t, M.value = t.type === Z.Timestamp ? Ce.DateTime : void 0, Y.value = se(), T.value = !1, R.value = [], N.value = [];
+    function He(t) {
+      d.value = t, q.value = t.type === Z.Timestamp ? Ce.DateTime : void 0, Y.value = se(), T.value = !1, R.value = [], N.value = [];
     }
     function Se(t, e) {
       switch (t) {
@@ -420,7 +420,7 @@ const Wt = /* @__PURE__ */ ye({
         y.open({ message: s("report.section.filter.invalidDimension"), type: "error" });
         return;
       }
-      const t = E.value.filter((v) => v ? !qe.value.some((k) => k.value.name === v.schemaName) : !0);
+      const t = E.value.filter((v) => v ? !Me.value.some((k) => k.value.name === v.schemaName) : !0);
       if (t.length > 0) {
         const v = t.filter((k) => !!k).map((k) => k.schemaName), h = t.some((k) => !k) ? `, ${s("report.section.filter.unknownFilters")}` : "";
         y.open({
@@ -452,9 +452,9 @@ const Wt = /* @__PURE__ */ ye({
         label: H.value,
         operator: Se(
           d.value.type,
-          d.value.type === Z.Timestamp ? M.value ?? Ce.DateTime : null
+          d.value.type === Z.Timestamp ? q.value ?? Ce.DateTime : null
         ),
-        option: d.value.type === Z.Timestamp ? M.value : null,
+        option: d.value.type === Z.Timestamp ? q.value : null,
         values: [],
         tileIds: [...ee.value],
         filters: oe(E.value),
@@ -466,22 +466,22 @@ const Wt = /* @__PURE__ */ ye({
     function Oe() {
       x.value = !1;
     }
-    const He = b(() => {
+    const Je = b(() => {
       var t;
       return [
         (t = C.value) == null ? void 0 : t.name,
         ...E.value.map((e) => e.schemaName)
       ];
     });
-    function Je(t) {
-      var k, L, Q, te;
-      const e = D.tiles.find((A) => A.id === t.value), p = ((L = (k = e == null ? void 0 : e.widget) == null ? void 0 : k.config) == null ? void 0 : L.schemaNames) ?? [], v = (((te = (Q = e == null ? void 0 : e.widget) == null ? void 0 : Q.config) == null ? void 0 : te.joinDatasources) ?? []).flatMap(
+    function je(t) {
+      var k, W, Q, te;
+      const e = D.tiles.find((A) => A.id === t.value), p = ((W = (k = e == null ? void 0 : e.widget) == null ? void 0 : k.config) == null ? void 0 : W.schemaNames) ?? [], v = (((te = (Q = e == null ? void 0 : e.widget) == null ? void 0 : Q.config) == null ? void 0 : te.joinDatasources) ?? []).flatMap(
         (A) => A.schemaNames ?? []
       ), h = [...p, ...v];
-      return He.value.filter((A) => !!A).some((A) => !h.includes(A));
+      return Je.value.filter((A) => !!A).some((A) => !h.includes(A));
     }
     return (t, e) => {
-      const p = w("FmTextField"), v = w("FmSelect"), h = w("FmCheckbox"), k = w("FmTimePicker"), L = w("FmButton"), Q = w("FmTextarea"), te = w("FmLabel"), A = w("FmIcon"), je = w("FmTooltip"), n = w("FmForm"), l = w("FmDialog");
+      const p = w("FmTextField"), v = w("FmSelect"), h = w("FmCheckbox"), k = w("FmTimePicker"), W = w("FmButton"), Q = w("FmTextarea"), te = w("FmLabel"), A = w("FmIcon"), Ke = w("FmTooltip"), n = w("FmForm"), l = w("FmDialog");
       return u(), O(l, {
         modelValue: x.value,
         "onUpdate:modelValue": e[11] || (e[11] = (V) => x.value = V),
@@ -489,7 +489,7 @@ const Wt = /* @__PURE__ */ ye({
         "z-index": 10
       }, {
         "dialog-header": g(() => [
-          tt(P(o(s)("report.section.filter.globalFilter")), 1)
+          lt(L(o(s)("report.section.filter.globalFilter")), 1)
         ]),
         default: g(() => [
           r(n, {
@@ -506,24 +506,24 @@ const Wt = /* @__PURE__ */ ye({
                   label: o(s)("report.section.filter.displayName"),
                   class: "mb-2"
                 }, null, 8, ["modelValue", "placeholder", "label"]),
-                r(Ze, {
+                r(et, {
                   "model-value": C.value,
-                  items: qe.value,
+                  items: Me.value,
                   placeholder: o(s)("report.section.schema.title"),
                   label: o(s)("report.section.schema.title"),
-                  "onUpdate:modelValue": e[1] || (e[1] = (i) => Ae(i))
+                  "onUpdate:modelValue": e[1] || (e[1] = (i) => Ge(i))
                 }, null, 8, ["model-value", "items", "placeholder", "label"]),
-                r(Ze, {
+                r(et, {
                   "model-value": d.value,
-                  items: Me.value,
+                  items: qe.value,
                   placeholder: o(s)("report.section.dimension.title"),
                   label: o(s)("report.section.dimension.title"),
-                  "onUpdate:modelValue": e[2] || (e[2] = (i) => Ge(i))
+                  "onUpdate:modelValue": e[2] || (e[2] = (i) => He(i))
                 }, null, 8, ["model-value", "items", "placeholder", "label"]),
                 ((V = d.value) == null ? void 0 : V.type) === o(Z).Timestamp ? (u(), O(v, {
                   key: 0,
-                  modelValue: M.value,
-                  "onUpdate:modelValue": e[3] || (e[3] = (i) => M.value = i),
+                  modelValue: q.value,
+                  "onUpdate:modelValue": e[3] || (e[3] = (i) => q.value = i),
                   items: Le.value,
                   placeholder: o(s)("report.section.filter.timeFormatter"),
                   label: o(s)("report.section.filter.timeFormatter")
@@ -535,12 +535,12 @@ const Wt = /* @__PURE__ */ ye({
                   label: o(s)("report.section.filter.customOptions"),
                   value: !0
                 }, null, 8, ["modelValue", "label"])) : G("", !0),
-                ae.value && T.value ? (u(), S("div", At, [
+                ae.value && T.value ? (u(), S("div", Gt, [
                   X.value ? (u(!0), S(le, { key: 0 }, ce(N.value, (i, B) => (u(), S("div", {
                     key: `custom-time-range-${B}`,
                     class: "flex flex-col gap-2"
                   }, [
-                    f("div", Gt, [
+                    f("div", Ht, [
                       r(p, {
                         modelValue: i.name,
                         "onUpdate:modelValue": (I) => i.name = I,
@@ -556,8 +556,8 @@ const Wt = /* @__PURE__ */ ye({
                         label: o(s)("report.date.endingTime"),
                         "onUpdate:modelValue": (I) => Te(B, "endTime", I)
                       }, null, 8, ["model-value", "label", "onUpdate:modelValue"]),
-                      N.value.length > 1 ? (u(), S("div", Ht, [
-                        r(L, {
+                      N.value.length > 1 ? (u(), S("div", Jt, [
+                        r(W, {
                           icon: "delete",
                           variant: "tertiary",
                           onClick: (I) => Be(B)
@@ -565,8 +565,8 @@ const Wt = /* @__PURE__ */ ye({
                       ])) : G("", !0)
                     ])
                   ]))), 128)) : (u(), S(le, { key: 1 }, [
-                    f("p", Jt, P(o(s)("report.section.filter.operator")), 1),
-                    de.value.length > 0 ? (u(), O(Ze, {
+                    f("p", jt, L(o(s)("report.section.filter.operator")), 1),
+                    de.value.length > 0 ? (u(), O(et, {
                       key: 0,
                       "model-value": Y.value,
                       items: de.value,
@@ -583,20 +583,20 @@ const Wt = /* @__PURE__ */ ye({
                           "sm:grid-cols-[1fr_1.6fr_auto]"
                         ])
                       }, [
-                        f("span", jt, P(o(s)("report.section.filter.label")), 1),
+                        f("span", Kt, L(o(s)("report.section.filter.label")), 1),
                         r(p, {
                           modelValue: i.label,
                           "onUpdate:modelValue": (I) => i.label = I
                         }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                        (u(), O(Tt, {
-                          key: `custom-option-value-${B}-${i.operator ?? ""}-${M.value ?? ""}`,
+                        (u(), O(St, {
+                          key: `custom-option-value-${B}-${i.operator ?? ""}-${q.value ?? ""}`,
                           modelValue: i.values,
                           "onUpdate:modelValue": (I) => i.values = I,
                           config: pe(i.operator),
-                          option: M.value
+                          option: q.value
                         }, null, 8, ["modelValue", "onUpdate:modelValue", "config", "option"])),
-                        R.value.length > 1 ? (u(), S("div", Kt, [
-                          r(L, {
+                        R.value.length > 1 ? (u(), S("div", Qt, [
+                          r(W, {
                             icon: "delete",
                             variant: "tertiary",
                             onClick: (I) => ne(B)
@@ -605,7 +605,7 @@ const Wt = /* @__PURE__ */ ye({
                       ])
                     ]))), 128))
                   ], 64)),
-                  r(L, {
+                  r(W, {
                     class: "w-full",
                     variant: "primary",
                     icon: "add",
@@ -625,19 +625,19 @@ const Wt = /* @__PURE__ */ ye({
                   "onUpdate:modelValue": e[8] || (e[8] = (i) => J.value = i),
                   placeholder: o(s)("report.section.filter.dataFormula")
                 }, null, 8, ["modelValue", "placeholder"])) : G("", !0),
-                r(St, {
+                r(Ot, {
                   modelValue: E.value,
                   "onUpdate:modelValue": e[9] || (e[9] = (i) => E.value = i),
-                  options: ze.value
+                  options: Ae.value
                 }, null, 8, ["modelValue", "options"]),
                 r(te, { class: "mt-2 fm-typo-en-body-lg-600" }, {
                   default: g(() => [
-                    tt(P(o(s)("report.section.filter.applyWidget")), 1)
+                    lt(L(o(s)("report.section.filter.applyWidget")), 1)
                   ]),
                   _: 1
                 }),
-                $.tiles.length > 0 ? (u(), S("div", Qt, [
-                  (u(!0), S(le, null, ce(Pe.value, (i) => (u(), S("div", {
+                $.tiles.length > 0 ? (u(), S("div", Yt, [
+                  (u(!0), S(le, null, ce(ze.value, (i) => (u(), S("div", {
                     key: i.value,
                     class: "flex items-center"
                   }, [
@@ -647,7 +647,7 @@ const Wt = /* @__PURE__ */ ye({
                       label: i.label,
                       value: i.value
                     }, null, 8, ["modelValue", "label", "value"]),
-                    Je(i) ? (u(), O(je, {
+                    je(i) ? (u(), O(Ke, {
                       key: 0,
                       content: o(s)("report.section.filter.missingFilterSchema"),
                       "z-index": 99,
@@ -674,12 +674,12 @@ const Wt = /* @__PURE__ */ ye({
         ]),
         "dialog-footer": g(() => [
           e[12] || (e[12] = f("div", { class: "grow" }, null, -1)),
-          r(L, {
+          r(W, {
             label: o(s)("report.common.cancel"),
             variant: "tertiary",
             onClick: Oe
           }, null, 8, ["label"]),
-          r(L, {
+          r(W, {
             label: o(s)("report.common.confirm"),
             onClick: re
           }, null, 8, ["label"])
@@ -688,14 +688,14 @@ const Wt = /* @__PURE__ */ ye({
       }, 8, ["modelValue"]);
     };
   }
-}), Xt = 8.4375, Zt = 1024 ** 4, el = {
+}), Zt = 8.4375, el = 1024 ** 4, tl = {
   MY: { rate: 4, currency: "MYR", symbol: "RM" },
   TH: { rate: 33, currency: "THB", symbol: "฿" },
   SG: { rate: 1.29, currency: "SGD", symbol: "S$" },
   ID: { rate: 17900, currency: "IDR", symbol: "Rp" }
-}, tl = { rate: 1, currency: "USD", symbol: "$" };
-function dt($, s) {
-  const a = $ / Zt * Xt, { rate: m, currency: x, symbol: y } = el[s] ?? tl;
+}, ll = { rate: 1, currency: "USD", symbol: "$" };
+function mt($, s) {
+  const a = $ / el * Zt, { rate: m, currency: x, symbol: y } = tl[s] ?? ll;
   return {
     amount: a * m,
     currency: x,
@@ -703,13 +703,13 @@ function dt($, s) {
     costUsd: a
   };
 }
-function mt($, s) {
+function ct($, s) {
   return $ < 0.01 ? `< ${s}0.01` : `${s}${$.toFixed(2)}`;
 }
-const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, ol = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, al = { class: "flex items-center gap-8" }, nl = {
+const ol = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, al = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, nl = { class: "flex items-center gap-8" }, rl = {
   key: 2,
   class: "flex flex-col gap-8 rounded-md border border-fm-color-border px-16 py-12"
-}, rl = { class: "fm-typo-en-body-sm-400" }, sl = { class: "fm-typo-en-body-sm-400 font-bold" }, il = { class: "space-y-1 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ul = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, dl = { class: "flex items-center gap-1 max-w-[195px] w-[195px]" }, ml = { class: "line-clamp-2 overflow-hidden max-w-[195px] w-[195px]" }, cl = { class: "flex flex-col gap-24" }, pl = { class: "line-clamp-2 overflow-hidden max-w-[195px] w-[195px]" }, ct = /* @__PURE__ */ ye({
+}, sl = { class: "fm-typo-en-body-sm-400" }, il = { class: "fm-typo-en-body-sm-400 font-bold" }, ul = { class: "space-y-1 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, dl = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, ml = { class: "flex items-center gap-1 max-w-[195px] w-[195px]" }, cl = { class: "line-clamp-2 overflow-hidden max-w-[195px] w-[195px]" }, pl = { class: "flex flex-col gap-24" }, vl = { class: "line-clamp-2 overflow-hidden max-w-[195px] w-[195px]" }, pt = /* @__PURE__ */ ye({
   __name: "ReportEditorTab",
   props: /* @__PURE__ */ fe({
     hideConfiguration: {
@@ -722,14 +722,14 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
   }),
   emits: /* @__PURE__ */ fe(["hideConfiguration"], ["update:modelValue"]),
   setup($, { emit: s }) {
-    const a = ge($, "modelValue"), { breakpoints: m } = We(), x = $, y = s, D = yt(), H = bt(), C = q(), {
+    const a = ge($, "modelValue"), { breakpoints: m } = We(), x = $, y = s, D = bt(), H = ht(), C = M(), {
       currentSelectWidgetType: d,
-      categories: M,
+      categories: q,
       editingTile: ee,
       editingTileIndex: E,
       editingGlobalFilter: J,
       editingGlobalFilterIndex: F
-    } = _e(gt()), { schemas: T } = _e(Nt()), { globalFilters: R } = _e(Ye()), { getGlobalFilterLabel: N } = Ye(), { promptMessage: Y } = _t(), oe = q(!1), z = q(!1), { t: c, te: ue, locale: ae } = Ne(), X = q(void 0), de = b(() => {
+    } = _e(yt()), { schemas: T } = _e(Ut()), { globalFilters: R } = _e(Xe()), { getGlobalFilterLabel: N } = Xe(), { promptMessage: Y } = wt(), oe = M(!1), z = M(!1), { t: c, te: ue, locale: ae } = Ne(), X = M(void 0), de = b(() => {
       const n = a.value.tiles.flatMap((l) => {
         var B;
         const V = l.widget.config.schemaNames ?? [], i = ((B = l.widget.config.joinDatasources) == null ? void 0 : B.flatMap((I) => I.schemaNames ?? [])) ?? [];
@@ -748,7 +748,7 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
     me(
       () => d.value,
       () => {
-        d.value !== void 0 && (X.value = Ot(d.value), ee.value = X.value, E.value = -1, D.push({
+        d.value !== void 0 && (X.value = $t(d.value), ee.value = X.value, E.value = -1, D.push({
           name: "tileEditor",
           query: H.query
         }));
@@ -844,7 +844,7 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
           }) && ((B = a.value.globalFilters) == null || B.splice(n, 1));
         }
       }
-    ], W = b(() => M.value.map((n) => ({
+    ], P = b(() => q.value.map((n) => ({
       label: c(`report.category.${n.name}`),
       value: n.id
     }))), { sessionUser: j } = qt(), ie = b(
@@ -855,11 +855,11 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
     ), be = b({
       get: () => a.value.queryVersion === "v2",
       set: (n) => {
-        a.value.queryVersion = n ? "v2" : "v1", n ? a.value.queryDatasource = a.value.queryDatasource ?? "pg" : a.value.queryDatasource = void 0;
+        a.value.queryVersion = n ? "v2" : "v1", n ? a.value.queryDatasource = a.value.queryDatasource ?? Pe.Postgres : a.value.queryDatasource = void 0;
       }
     }), K = [
-      { label: c("report.common.postgresql"), value: "pg" },
-      { label: c("report.common.bigquery"), value: "bq" }
+      { label: c("report.common.postgresql"), value: Pe.Postgres },
+      { label: c("report.common.bigquery"), value: Pe.BigQuery }
     ], we = [
       { label: c("report.common.noBatch"), value: "none" },
       { label: c("report.common.days"), value: "days" },
@@ -887,23 +887,23 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
       set: (n) => {
         a.value.name = n;
       }
-    }), { country: Te } = _e(Mt()), {
+    }), { country: Te } = _e(Et()), {
       dateRange: Fe,
       compareDateRange: Ve,
-      timeRange: qe,
-      selectedLocationIds: Me,
+      timeRange: Me,
+      selectedLocationIds: qe,
       businessDataVersion: Le,
-      restaurants: Pe,
-      warehouses: ze
-    } = _e(Et()), { isAllGlobalFiltersLoaded: Ae } = _e(Ye()), Ge = b(
-      () => a.value.queryVersion === "v2" && a.value.queryDatasource === "bq"
-    ), Se = b(() => Ge.value && ie.value), re = q(null), Oe = q(!1), He = b(() => {
+      restaurants: ze,
+      warehouses: Ae
+    } = _e(It()), { isAllGlobalFiltersLoaded: Ge } = _e(Xe()), He = b(
+      () => a.value.queryVersion === "v2" && a.value.queryDatasource === Pe.BigQuery
+    ), Se = b(() => He.value && ie.value), re = M(null), Oe = M(!1), Je = b(() => {
       const n = Fe.value.startDate ?? Fe.value.endDate;
       return n ? {
         startDate: n,
         endDate: n
       } : Fe.value;
-    }), Je = b(() => {
+    }), je = b(() => {
       const n = Ve.value.startDate ?? Ve.value.endDate;
       return n ? {
         startDate: n,
@@ -913,22 +913,22 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
       const n = a.value.batch;
       if (!n) return 1;
       if (n.locations) {
-        const l = Pe.value.length + ze.value.length;
+        const l = ze.value.length + Ae.value.length;
         return Math.max(1, Math.ceil(l / n.locations));
       }
       return 1;
     }), e = b(() => {
       if (re.value == null || re.value === 0) return null;
       const n = re.value * t.value;
-      return dt(n, Te.value);
-    }), p = b(() => re.value == null || re.value === 0 ? null : dt(re.value, Te.value)), v = b(() => e.value ? mt(e.value.amount, e.value.symbol) : ""), h = b(() => p.value ? mt(p.value.amount, p.value.symbol) : ""), k = b(() => t.value === 1 ? c("report.common.estimatedCostBatchSingular") : c("report.common.estimatedCostBatchPlural")), L = b(() => Oe.value ? "..." : !v.value || !h.value ? "--" : c("report.common.estimatedCostFormula", {
+      return mt(n, Te.value);
+    }), p = b(() => re.value == null || re.value === 0 ? null : mt(re.value, Te.value)), v = b(() => e.value ? ct(e.value.amount, e.value.symbol) : ""), h = b(() => p.value ? ct(p.value.amount, p.value.symbol) : ""), k = b(() => t.value === 1 ? c("report.common.estimatedCostBatchSingular") : c("report.common.estimatedCostBatchPlural")), W = b(() => Oe.value ? "..." : !v.value || !h.value ? "--" : c("report.common.estimatedCostFormula", {
       batchCount: t.value,
       batchLabel: k.value,
       baseCost: h.value,
       totalCost: v.value
     }));
     let Q = [];
-    const te = It(async () => {
+    const te = Pt(async () => {
       if (!Se.value) return;
       const n = a.value.tiles.filter((l) => {
         var V;
@@ -943,12 +943,12 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
         const l = await Promise.all(
           n.map((V) => {
             const i = new AbortController();
-            return Q.push(i), Ut({
+            return Q.push(i), Bt({
               widget: V.widget,
               signal: i.signal,
               tileId: V.id,
-              scopedDateRange: He.value,
-              scopedCompareDateRange: Je.value
+              scopedDateRange: Je.value,
+              scopedCompareDateRange: je.value
             });
           })
         );
@@ -966,26 +966,26 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
         () => a.value.queryDatasource,
         () => a.value.batch,
         () => Fe.value,
-        () => qe.value,
-        () => Ve.value,
         () => Me.value,
+        () => Ve.value,
+        () => qe.value,
         () => Le.value,
-        () => Ae.value
+        () => Ge.value
       ],
       () => {
         te();
       },
       { deep: !0 }
-    ), vt(() => {
+    ), ft(() => {
       te();
-    }), Vt(() => {
+    }), Ct(() => {
       Q.forEach((n) => n.abort());
     });
     function A(n) {
       var l;
       return !((l = n.tileIds) != null && l.length);
     }
-    function je(n) {
+    function Ke(n) {
       return !de.value.find((l) => l.name === n.schemaName);
     }
     return me(
@@ -995,13 +995,13 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
       },
       { deep: !0, immediate: !0 }
     ), (n, l) => {
-      const V = w("FmTextField"), i = w("FmSelect"), B = w("FmSwitch"), I = w("FmButton"), Ee = w("FmIcon"), Ie = w("FmTooltip"), at = w("FmMenuItem"), nt = w("FmMenu"), rt = w("FmListItem"), st = w("FmList"), wt = w("FmForm");
-      return u(), O(Ct(o(m).lg || o(m).md ? Pt : zt), {
+      const V = w("FmTextField"), i = w("FmSelect"), B = w("FmSwitch"), I = w("FmButton"), Ee = w("FmIcon"), Ie = w("FmTooltip"), nt = w("FmMenuItem"), rt = w("FmMenu"), st = w("FmListItem"), it = w("FmList"), Ft = w("FmForm");
+      return u(), O(xt(o(m).lg || o(m).md ? zt : At), {
         "model-value": x.hideConfiguration,
         "onUpdate:modelValue": l[13] || (l[13] = (_) => y("hideConfiguration", _))
       }, {
         default: g(() => [
-          r(Yt, {
+          r(Xt, {
             "is-open": oe.value,
             "onUpdate:isOpen": l[0] || (l[0] = (_) => oe.value = _),
             "global-filter": o(J),
@@ -1013,23 +1013,23 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
           }, null, 8, ["is-open", "global-filter", "tiles", "schemas"]),
           r(Wt, {
             modelValue: o(d),
-            "onUpdate:modelValue": l[2] || (l[2] = (_) => ft(d) ? d.value = _ : null),
+            "onUpdate:modelValue": l[2] || (l[2] = (_) => gt(d) ? d.value = _ : null),
             "is-open": z.value,
             "onUpdate:isOpen": l[3] || (l[3] = (_) => z.value = _)
           }, null, 8, ["modelValue", "is-open"]),
-          r(wt, {
+          r(Ft, {
             ref_key: "form",
             ref: C,
             class: "px-6 py-16 flex flex-col gap-24 overflow-y-auto overflow-x-hidden"
           }, {
             default: g(() => [
-              r(Qe, { class: "border-solid" }, {
+              r(Ye, { class: "border-solid" }, {
                 header: g(() => [
-                  f("p", null, P(o(c)("report.editor.reportInfo")), 1),
+                  f("p", null, L(o(c)("report.editor.reportInfo")), 1),
                   l[14] || (l[14] = f("div", { class: "grow" }, null, -1))
                 ]),
                 content: g(() => [
-                  f("div", ll, [
+                  f("div", ol, [
                     r(V, {
                       modelValue: Be.value,
                       "onUpdate:modelValue": l[4] || (l[4] = (_) => Be.value = _),
@@ -1041,7 +1041,7 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
                       modelValue: a.value.category,
                       "onUpdate:modelValue": l[5] || (l[5] = (_) => a.value.category = _),
                       label: o(c)("report.common.category"),
-                      items: W.value
+                      items: P.value
                     }, null, 8, ["modelValue", "label", "items"])),
                     r(V, {
                       modelValue: a.value.description,
@@ -1053,17 +1053,17 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
                 ]),
                 _: 1
               }),
-              r(Qe, {
+              r(Ye, {
                 class: "border-solid",
                 "is-open": !1
               }, {
                 header: g(() => [
-                  f("p", null, P(o(c)("report.editor.advancedUsage")), 1),
+                  f("p", null, L(o(c)("report.editor.advancedUsage")), 1),
                   l[15] || (l[15] = f("div", { class: "grow" }, null, -1))
                 ]),
                 content: g(() => [
-                  f("div", ol, [
-                    f("div", al, [
+                  f("div", al, [
+                    f("div", nl, [
                       l[16] || (l[16] = f("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, "V2", -1)),
                       r(B, {
                         modelValue: be.value,
@@ -1091,29 +1091,29 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
                       label: ne.value === "days" ? o(c)("report.common.days") : o(c)("report.common.locations"),
                       type: "number"
                     }, null, 8, ["modelValue", "label"])) : G("", !0),
-                    Se.value ? (u(), S("div", nl, [
-                      f("span", rl, P(o(c)("report.common.estimatedBqCost")), 1),
-                      f("p", sl, P(L.value), 1),
-                      f("div", il, [
-                        f("div", null, "* " + P(o(c)("report.common.estimatedCostGuidelineBigQuery")), 1),
-                        f("div", null, "* " + P(o(c)("report.common.estimatedCostGuidelineDateRange")), 1),
-                        f("div", null, "* " + P(o(c)("report.common.estimatedCostGuidelineLocationBatch")), 1)
+                    Se.value ? (u(), S("div", rl, [
+                      f("span", sl, L(o(c)("report.common.estimatedBqCost")), 1),
+                      f("p", il, L(W.value), 1),
+                      f("div", ul, [
+                        f("div", null, "* " + L(o(c)("report.common.estimatedCostGuidelineBigQuery")), 1),
+                        f("div", null, "* " + L(o(c)("report.common.estimatedCostGuidelineDateRange")), 1),
+                        f("div", null, "* " + L(o(c)("report.common.estimatedCostGuidelineLocationBatch")), 1)
                       ])
                     ])) : G("", !0)
                   ])
                 ]),
                 _: 1
               }),
-              r(Qe, {
+              r(Ye, {
                 class: "border-solid",
                 "is-open": !1
               }, {
                 header: g(() => [
-                  f("p", null, P(o(c)("report.section.filter.globalFilter")), 1),
+                  f("p", null, L(o(c)("report.section.filter.globalFilter")), 1),
                   l[17] || (l[17] = f("div", { class: "grow" }, null, -1))
                 ]),
                 content: g(() => [
-                  f("div", ul, [
+                  f("div", dl, [
                     r(I, {
                       label: o(c)("report.section.filter.addGlobalFilter"),
                       variant: "secondary",
@@ -1125,33 +1125,33 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
                         F.value = null, J.value = null, oe.value = !0;
                       })
                     }, null, 8, ["label", "border-color", "text-color"]),
-                    r(st, null, {
+                    r(it, null, {
                       default: g(() => [
-                        r(o(it), {
+                        r(o(ut), {
                           list: a.value.globalFilters,
                           "item-key": "`${element.schemaName}-${element.name}`",
                           class: "flex flex-col gap-2 cursor-grab",
                           handle: ".handle"
                         }, {
                           item: g(({ element: _, index: $e }) => [
-                            r(rt, { class: "!cursor-grab border rounded-md border-neutral-300" }, {
+                            r(st, { class: "!cursor-grab border rounded-md border-neutral-300" }, {
                               default: g(() => [
                                 r(Ee, {
                                   name: "drag_handle",
                                   class: "handle"
                                 }),
-                                f("div", dl, [
+                                f("div", ml, [
                                   r(Ie, {
                                     "z-index": 99,
                                     content: o(N)(_),
                                     class: "handle"
                                   }, {
                                     default: g(() => [
-                                      f("p", ml, P(o(N)(_)), 1)
+                                      f("p", cl, L(o(N)(_)), 1)
                                     ]),
                                     _: 2
                                   }, 1032, ["content"]),
-                                  je(_) ? (u(), O(Ie, {
+                                  Ke(_) ? (u(), O(Ie, {
                                     key: 0,
                                     content: o(c)("report.section.filter.missingSchema"),
                                     "z-index": 99
@@ -1178,7 +1178,7 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
                                   }, 8, ["content"])) : G("", !0)
                                 ]),
                                 l[18] || (l[18] = f("div", { class: "grow" }, null, -1)),
-                                r(nt, {
+                                r(rt, {
                                   trigger: "click",
                                   shift: !0,
                                   "stop-click-propagation": !0
@@ -1190,16 +1190,16 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
                                     })
                                   ]),
                                   default: g(() => [
-                                    (u(), S(le, null, ce(U, (he, Ke) => r(at, {
-                                      key: Ke,
-                                      onClick: (Ft) => he.onClick($e)
+                                    (u(), S(le, null, ce(U, (he, Qe) => r(nt, {
+                                      key: Qe,
+                                      onClick: (Vt) => he.onClick($e)
                                     }, {
                                       label: g(() => [
                                         f("p", {
                                           class: ke(
                                             he.variant === "destructive" ? " text-fm-color-system-error-300" : ""
                                           )
-                                        }, P(o(c)(he.label)), 3)
+                                        }, L(o(c)(he.label)), 3)
                                       ]),
                                       _: 2
                                     }, 1032, ["onClick"])), 64))
@@ -1219,7 +1219,7 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
                 ]),
                 _: 1
               }),
-              f("div", cl, [
+              f("div", pl, [
                 r(I, {
                   label: o(c)("report.editor.addWidget"),
                   variant: "secondary",
@@ -1229,16 +1229,16 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
                   "text-color": o(xe).ColorPrimary,
                   onClick: l[12] || (l[12] = (_) => z.value = !0)
                 }, null, 8, ["label", "border-color", "text-color"]),
-                r(st, null, {
+                r(it, null, {
                   default: g(() => [
-                    r(o(it), {
+                    r(o(ut), {
                       list: a.value.tiles,
                       "item-key": "id",
                       class: "flex flex-col gap-2 cursor-grab",
                       handle: ".handle"
                     }, {
                       item: g(({ element: _, index: $e }) => [
-                        r(rt, { class: "!cursor-grab border rounded-md border-neutral-300" }, {
+                        r(st, { class: "!cursor-grab border rounded-md border-neutral-300" }, {
                           default: g(() => [
                             r(Ee, {
                               name: "drag_handle",
@@ -1249,12 +1249,12 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
                               class: "handle"
                             }, {
                               default: g(() => [
-                                f("p", pl, P(_.widget.title ? se(_.widget.title) : o(c)("report.editor.widget", { index: $e + 1 })), 1)
+                                f("p", vl, L(_.widget.title ? se(_.widget.title) : o(c)("report.editor.widget", { index: $e + 1 })), 1)
                               ]),
                               _: 2
                             }, 1032, ["content"]),
                             l[19] || (l[19] = f("div", { class: "grow" }, null, -1)),
-                            r(nt, {
+                            r(rt, {
                               trigger: "click",
                               shift: !0,
                               "stop-click-propagation": !0
@@ -1266,16 +1266,16 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
                                 })
                               ]),
                               default: g(() => [
-                                (u(), S(le, null, ce(pe, (he, Ke) => r(at, {
-                                  key: Ke,
-                                  onClick: (Ft) => he.onClick($e)
+                                (u(), S(le, null, ce(pe, (he, Qe) => r(nt, {
+                                  key: Qe,
+                                  onClick: (Vt) => he.onClick($e)
                                 }, {
                                   label: g(() => [
                                     f("p", {
                                       class: ke(
                                         he.variant === "destructive" ? " text-fm-color-system-error-300" : ""
                                       )
-                                    }, P(o(c)(he.label)), 3)
+                                    }, L(o(c)(he.label)), 3)
                                   ]),
                                   _: 2
                                 }, 1032, ["onClick"])), 64))
@@ -1300,23 +1300,23 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
       }, 8, ["model-value"]);
     };
   }
-}), vl = { class: "h-full w-full overflow-x-hidden" }, fl = { class: "flex flex-col bg-fm-color-neutral-white w-[400px]" }, gl = { class: "flex bg-fm-color-neutral-white w-[88px]" }, yl = {
+}), fl = { class: "h-full w-full overflow-x-hidden" }, gl = { class: "flex flex-col bg-fm-color-neutral-white w-[400px]" }, yl = { class: "flex bg-fm-color-neutral-white w-[88px]" }, bl = {
   key: 1,
   class: "w-full overflow-y-auto"
-}, bl = {
+}, hl = {
   key: 0,
   class: "w-full grid grid-cols-12 gap-[24px] p-24"
-}, hl = { class: "col-span-12 mb-4 flex flex-wrap gap-2 pb-2" }, _l = { key: 2 }, wl = {
+}, _l = { class: "col-span-12 mb-4 flex flex-wrap gap-2 pb-2" }, wl = { key: 2 }, Fl = {
   key: 0,
   class: "grid grid-cols-12 gap-[16px]"
-}, Fl = { class: "col-span-12 mb-4 flex flex-wrap gap-2 pb-2" }, Vl = {
+}, Vl = { class: "col-span-12 mb-4 flex flex-wrap gap-2 pb-2" }, Cl = {
   key: 3,
   class: "h-full w-full flex items-start justify-center bg-fm-color-neutral-white py-24",
   style: { backgroundColor: "#F6F8FC" }
-}, Cl = {
+}, xl = {
   key: 0,
   class: "w-full grid grid-cols-12 gap-[24px] p-24"
-}, xl = /* @__PURE__ */ ye({
+}, kl = /* @__PURE__ */ ye({
   __name: "ReportEditorViewport",
   props: /* @__PURE__ */ fe({
     hideConfiguration: { type: Boolean, required: !1, default: !1 },
@@ -1332,16 +1332,16 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
   setup($, { emit: s }) {
     const { breakpoints: a } = We(), m = ge($, "modelValue"), x = $, y = b(() => x.previewWidth > 0 && x.previewHeight > 0), D = b(() => a.value.sm || a.value.xs), H = s;
     return (C, d) => {
-      const M = w("FmCircularProgress"), ee = w("FmButton"), E = w("FmMenuDivider"), J = w("FmCard");
-      return u(), S("div", vl, [
+      const q = w("FmCircularProgress"), ee = w("FmButton"), E = w("FmMenuDivider"), J = w("FmCard");
+      return u(), S("div", fl, [
         m.value ? (u(), S(le, { key: 1 }, [
-          y.value ? G("", !0) : (u(), O($t, {
+          y.value ? G("", !0) : (u(), O(Dt, {
             key: 0,
             "model-value": !x.hideConfiguration
           }, {
             right: g(() => [
-              f("div", fl, [
-                m.value ? (u(), O(ct, {
+              f("div", gl, [
+                m.value ? (u(), O(pt, {
                   key: 0,
                   modelValue: m.value,
                   "onUpdate:modelValue": d[0] || (d[0] = (F) => m.value = F),
@@ -1351,7 +1351,7 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
               ])
             ]),
             left: g(() => [
-              f("div", gl, [
+              f("div", yl, [
                 r(ee, {
                   variant: "secondary",
                   icon: "keyboard_double_arrow_right",
@@ -1369,36 +1369,36 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
             vertical: "",
             style: { margin: "0px" }
           }),
-          !D.value && !y.value ? (u(), S("div", yl, [
-            m.value.tiles.length > 0 ? (u(), S("div", bl, [
-              f("div", hl, [
-                r(ut)
+          !D.value && !y.value ? (u(), S("div", bl, [
+            m.value.tiles.length > 0 ? (u(), S("div", hl, [
+              f("div", _l, [
+                r(dt)
               ]),
-              (u(!0), S(le, null, ce(m.value.tiles, (F, T) => (u(), O(Xe, {
+              (u(!0), S(le, null, ce(m.value.tiles, (F, T) => (u(), O(Ze, {
                 key: `${o(De)()}_${T}`,
                 "model-value": F,
                 index: T,
                 "hide-export": !0
               }, null, 8, ["model-value", "index"]))), 128))
-            ])) : (u(), O(et, { key: 1 }))
-          ])) : D.value && !y.value ? (u(), S("div", _l, [
+            ])) : (u(), O(tt, { key: 1 }))
+          ])) : D.value && !y.value ? (u(), S("div", wl, [
             r(J, { class: "px-5 pb-28" }, {
               default: g(() => [
-                m.value.tiles.length > 0 ? (u(), S("div", wl, [
-                  f("div", Fl, [
-                    r(ut)
+                m.value.tiles.length > 0 ? (u(), S("div", Fl, [
+                  f("div", Vl, [
+                    r(dt)
                   ]),
-                  (u(!0), S(le, null, ce(m.value.tiles, (F, T) => (u(), O(Xe, {
+                  (u(!0), S(le, null, ce(m.value.tiles, (F, T) => (u(), O(Ze, {
                     key: `${o(De)()}_${T}`,
                     "model-value": F,
                     index: T,
                     "hide-export": !0
                   }, null, 8, ["model-value", "index"]))), 128))
-                ])) : (u(), O(et, { key: 1 }))
+                ])) : (u(), O(tt, { key: 1 }))
               ]),
               _: 1
             }),
-            m.value ? (u(), O(ct, {
+            m.value ? (u(), O(pt, {
               key: 0,
               modelValue: m.value,
               "onUpdate:modelValue": d[3] || (d[3] = (F) => m.value = F),
@@ -1407,46 +1407,46 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
                 H("hideConfiguration", F);
               })
             }, null, 8, ["modelValue", "hide-configuration"])) : G("", !0)
-          ])) : (u(), S("div", Vl, [
+          ])) : (u(), S("div", Cl, [
             f("div", {
-              style: lt({
+              style: ot({
                 transformOrigin: "top center",
                 transform: `scale(${x.previewScale})`
               })
             }, [
               f("div", {
                 class: "overflow-y-auto bg-white rounded-lg",
-                style: lt({
+                style: ot({
                   width: x.previewWidth + "px",
                   height: x.previewHeight + "px"
                 })
               }, [
-                m.value.tiles.length > 0 ? (u(), S("div", Cl, [
-                  (u(!0), S(le, null, ce(m.value.tiles, (F, T) => (u(), O(Xe, {
+                m.value.tiles.length > 0 ? (u(), S("div", xl, [
+                  (u(!0), S(le, null, ce(m.value.tiles, (F, T) => (u(), O(Ze, {
                     key: `${o(De)()}_${T}`,
                     "model-value": F,
                     index: T,
                     "hide-export": !0,
                     "custom-screen-width": x.previewWidth
                   }, null, 8, ["model-value", "index", "custom-screen-width"]))), 128))
-                ])) : (u(), O(et, { key: 1 }))
+                ])) : (u(), O(tt, { key: 1 }))
               ], 4)
             ], 4)
           ]))
-        ], 64)) : (u(), O(M, { key: 0 }))
+        ], 64)) : (u(), O(q, { key: 0 }))
       ]);
     };
   }
-}), kl = { class: "flex items-center gap-4" }, Tl = { class: "flex justify-center items-center gap-2 w-full" }, Sl = { class: "flex gap-4" }, zl = /* @__PURE__ */ ye({
+}), Tl = { class: "flex items-center gap-4" }, Sl = { class: "flex justify-center items-center gap-2 w-full" }, Ol = { class: "flex gap-4" }, Al = /* @__PURE__ */ ye({
   __name: "ReportEditor",
   setup($) {
-    const s = yt(), a = bt(), m = gt(), { promptLoader: x } = Bt(), { t: y, te: D } = Ne(), { currentReport: H, editingReport: C } = _e(m), { breakpoints: d } = We(), M = b(() => {
+    const s = bt(), a = ht(), m = yt(), { promptLoader: x } = Mt(), { t: y, te: D } = Ne(), { currentReport: H, editingReport: C } = _e(m), { breakpoints: d } = We(), q = b(() => {
       var U;
       return !((U = C.value) != null && U.editable);
     }), ee = b(() => {
       var U;
       return ((U = C.value) == null ? void 0 : U.name) ?? y("report.editor.newReport");
-    }), E = b(() => Re(y, D, ee.value, "other")), J = ht(), { promptMessage: F } = _t(), T = q(!1), R = b(() => [
+    }), E = b(() => Re(y, D, ee.value, "other")), J = _t(), { promptMessage: F } = wt(), T = M(!1), R = b(() => [
       { label: y("report.common.cancel"), value: "cancel", isPrimary: !1 },
       { label: y("report.common.save"), value: "save", isPrimary: !0, prependIcon: "download" }
     ]);
@@ -1455,14 +1455,14 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
         J.open({ message: y("report.messages.noWidget"), type: "error" });
         return;
       }
-      const U = M.value ? y("report.common.clone") : y("report.common.save");
+      const U = q.value ? y("report.common.clone") : y("report.common.save");
       if (await F({
         title: `${y("report.messages.saveReport")}`,
         message: y("report.messages.confirmAction", { action: U, name: E.value })
       }))
         try {
           await x(async () => {
-            if (M.value) {
+            if (q.value) {
               const j = JSON.parse(JSON.stringify(C.value));
               j.editable = !0, j.id = "", j.name = `${j.name} ${y("report.common.duplicate")}`, j.isDefault = !1, await m.createOrUpdateReport(j);
             } else
@@ -1480,14 +1480,14 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
         }
     }
     async function Y() {
-      var W;
+      var P;
       if (!C.value) return;
       await F({
         title: y("report.common.report", 1),
-        message: y("report.editor.notSaved", { name: (W = C.value) == null ? void 0 : W.name })
+        message: y("report.editor.notSaved", { name: (P = C.value) == null ? void 0 : P.name })
       }) && (C.value = JSON.parse(JSON.stringify(H.value)), s.back());
     }
-    vt(() => {
+    ft(() => {
       C.value || s.push({ name: "reports" });
     });
     const oe = [
@@ -1511,10 +1511,10 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
         width: 390,
         height: 859
       }
-    ], z = q(oe[0]), c = q(!1), ue = b(() => c.value ? Math.max(z.value.width || 0, z.value.height || 0) : Math.min(z.value.width || 0, z.value.height || 0)), ae = b(() => c.value ? Math.min(z.value.width || 0, z.value.height || 0) : Math.max(z.value.width || 0, z.value.height || 0)), X = b(() => window.innerHeight - 72 - 56), de = b(() => {
+    ], z = M(oe[0]), c = M(!1), ue = b(() => c.value ? Math.max(z.value.width || 0, z.value.height || 0) : Math.min(z.value.width || 0, z.value.height || 0)), ae = b(() => c.value ? Math.min(z.value.width || 0, z.value.height || 0) : Math.max(z.value.width || 0, z.value.height || 0)), X = b(() => window.innerHeight - 72 - 56), de = b(() => {
       if (!ue.value) return 1;
-      let U = (X.value - 48) / ue.value, W = ae.value * U;
-      return W > window.innerWidth && (U = window.innerWidth / ae.value, W = ae.value * U), U > 1 ? 1 : U;
+      let U = (X.value - 48) / ue.value, P = ae.value * U;
+      return P > window.innerWidth && (U = window.innerWidth / ae.value, P = ae.value * U), U > 1 ? 1 : U;
     });
     function se(U) {
       z.value = U;
@@ -1522,19 +1522,19 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
     function pe() {
       c.value = !c.value;
     }
-    return (U, W) => {
+    return (U, P) => {
       const j = w("FmTooltip"), ie = w("FmButton"), be = w("FmPageHead");
-      return u(), O(Dt, null, {
+      return u(), O(Rt, null, {
         default: g(() => [
           r(be, {
             "data-editor-header": "true",
             actions: R.value,
-            "onClick:action": W[0] || (W[0] = (K) => {
+            "onClick:action": P[0] || (P[0] = (K) => {
               K === "cancel" && Y(), K === "save" && N();
             })
           }, {
             title: g(() => [
-              f("div", kl, [
+              f("div", Tl, [
                 r(j, {
                   content: E.value,
                   placement: "bottom"
@@ -1542,12 +1542,12 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
                   default: g(() => [
                     f("p", {
                       class: ke(`${o(d).sm || o(d).xs ? "hidden" : ""} text-ellipsis overflow-hidden text-nowrap fm-typo-en-title-md-600 w-[250px]`)
-                    }, P(E.value), 3)
+                    }, L(E.value), 3)
                   ]),
                   _: 1
                 }, 8, ["content"]),
-                f("div", Tl, [
-                  f("div", Sl, [
+                f("div", Sl, [
+                  f("div", Ol, [
                     (u(), S(le, null, ce(oe, (K) => {
                       var we;
                       return r(ie, {
@@ -1571,17 +1571,17 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
             ]),
             _: 1
           }, 8, ["actions"]),
-          o(C) ? (u(), O(xl, {
+          o(C) ? (u(), O(kl, {
             key: 0,
             modelValue: o(C),
-            "onUpdate:modelValue": W[1] || (W[1] = (K) => ft(C) ? C.value = K : null),
-            style: lt({ height: X.value + "px" }),
+            "onUpdate:modelValue": P[1] || (P[1] = (K) => gt(C) ? C.value = K : null),
+            style: ot({ height: X.value + "px" }),
             class: ke(o(d).lg || o(d).md ? "flex" : ""),
             "hide-configuration": T.value,
             "preview-width": ae.value,
             "preview-height": ue.value,
             "preview-scale": de.value,
-            onHideConfiguration: W[2] || (W[2] = (K) => T.value = K)
+            onHideConfiguration: P[2] || (P[2] = (K) => T.value = K)
           }, null, 8, ["modelValue", "style", "class", "hide-configuration", "preview-width", "preview-height", "preview-scale"])) : G("", !0)
         ]),
         _: 1
@@ -1590,5 +1590,5 @@ const ll = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10"
   }
 });
 export {
-  zl as default
+  Al as default
 };