@feedmepos/mf-report 5.33.1-beta.0 → 5.33.2

package/dist/{ReportEditor-CYKIOEDv.js → ReportEditor-BJy8q-wv.js}

@@ -1,41 +1,41 @@
-import { defineComponent as he, mergeModels as Se, useModel as $e, ref as G, computed as b, resolveComponent as S, createBlock as C, openBlock as c, withCtx as V, createElementVNode as f, createVNode as d, unref as t, normalizeClass as Ae, createTextVNode as Je, toDisplayString as B, createElementBlock as R, Fragment as ye, renderSlot as bl, createCommentVNode as U, watch as ge, renderList as Le, onMounted as yl, onUnmounted as Ol, resolveDynamicComponent as Dl, isRef as hl, normalizeStyle as nl } from "vue";
-import { W as Il, g as Ul, _ as Nl, a as Bl, e as Be, S as je, d as wl, b as _l, T as Ml, c as Rl } from "./TransitionFade-Da9yU0De.js";
-import { C as ke, D as ae, b as Pe, F as Ye, c as Me, u as sl, i as qe, d as fe, M as Fl, r as zl, e as ll, n as Pl, f as ql, g as El, h as Ll, j as Al, k as Gl, m as Wl, a as Hl, o as cl, p as tl, q as jl, Q as Xe, l as Jl, t as Ql } from "./report-BtUlq8BM.js";
+import { defineComponent as ye, mergeModels as Ce, useModel as Te, ref as G, computed as b, resolveComponent as T, createBlock as k, openBlock as p, withCtx as V, createElementVNode as f, createVNode as d, unref as t, normalizeClass as Ae, createTextVNode as Je, toDisplayString as B, createElementBlock as z, Fragment as ke, renderSlot as bl, createCommentVNode as U, watch as ge, renderList as Le, onMounted as yl, onUnmounted as Dl, resolveDynamicComponent as Ol, isRef as hl, normalizeStyle as nl } from "vue";
+import { W as Il, g as Ul, _ as Nl, a as Bl, e as Ne, S as je, d as wl, b as _l, T as Ml, c as Rl } from "./TransitionFade-CFlmelaO.js";
+import { D as oe, b as ze, C as Pe, F as Ye, c as Be, u as sl, i as qe, d as fe, M as Fl, r as zl, e as ll, n as Pl, f as ql, g as El, h as Ll, j as Al, k as Gl, m as Wl, a as Hl, o as cl, p as tl, q as jl, Q as Xe, l as Jl, t as Ql } from "./report-CoSXTUpi.js";
 import { storeToRefs as Ee } from "pinia";
 import { useRouter as ul, useRoute as dl } from "vue-router";
-import { useBreakpoints as Ze, useSnackbar as Vl, FmButtonColorThemeVariant as Te } from "@feedmepos/ui-library";
+import { useBreakpoints as Ze, useSnackbar as Vl, FmButtonColorThemeVariant as xe } from "@feedmepos/ui-library";
 import { u as ml } from "./message-dialog-UoMWOnil.js";
 import { u as Kl } from "./global-loader-BuxFfehu.js";
 import { u as Ge } from "./_plugin-vue_export-helper-C6QDExPN.js";
 import { r as Qe } from "./i18n-DbyciK4x.js";
-import { _ as ol } from "./TilePageStack.vue_vue_type_script_setup_true_lang-D8d93Bzw.js";
+import { _ as ol } from "./TilePageStack.vue_vue_type_script_setup_true_lang-Bhg8iu7W.js";
 import { a as al, _ as rl } from "./SelectComponent.vue_vue_type_script_setup_true_lang-DW7Dk7iQ.js";
-import { d as Yl, e as Xl, i as Zl } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-DFn0SFrY.js";
-import { g as et, d as lt, _ as pl } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-C7qNbWLB.js";
+import { d as Yl, e as Xl, i as Zl } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-DgnLcmBN.js";
+import { g as et, d as lt, _ as pl } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-BC5Ngfdx.js";
 import { useCoreStore as tt } from "@feedmepos/mf-common";
-import { u as ot, a as at } from "./app-B91tkGfv.js";
-import { d as rt } from "./DateRangeSelect-BBw7T_aW.js";
-const nt = /* @__PURE__ */ he({
+import { u as ot, a as at } from "./app-BEXrO9sy.js";
+import { d as rt } from "./DateRangeSelect-DV8-mG6R.js";
+const nt = /* @__PURE__ */ ye({
   __name: "WidgetDialog",
-  props: /* @__PURE__ */ Se({
+  props: /* @__PURE__ */ Ce({
     isOpen: { type: Boolean }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Se(["update:isOpen"], ["update:modelValue"]),
-  setup(q, { emit: v }) {
-    const { t: m } = Ge(), { breakpoints: y } = Ze(), n = $e(q, "modelValue"), w = q, E = v;
-    function Z() {
-      E("update:isOpen", !1);
+  emits: /* @__PURE__ */ Ce(["update:isOpen"], ["update:modelValue"]),
+  setup(P, { emit: v }) {
+    const { t: m } = Ge(), { breakpoints: y } = Ze(), n = Te(P, "modelValue"), w = P, L = v;
+    function X() {
+      L("update:isOpen", !1);
     }
-    function O() {
-      F.value && (n.value = F.value, F.value = void 0, E("update:isOpen", !1));
+    function D() {
+      F.value && (n.value = F.value, F.value = void 0, L("update:isOpen", !1));
     }
     const F = G(), N = b(() => !F.value);
-    return (le, L) => {
-      const a = S("FmButton"), D = S("FmDialog");
-      return c(), C(D, {
+    return (Z, A) => {
+      const a = T("FmButton"), O = T("FmDialog");
+      return p(), k(O, {
         "model-value": w.isOpen
       }, {
         "dialog-header": V(() => [
@@ -44,31 +44,31 @@ const nt = /* @__PURE__ */ he({
         default: V(() => [
           d(Il, {
             modelValue: F.value,
-            "onUpdate:modelValue": L[0] || (L[0] = ($) => F.value = $),
+            "onUpdate:modelValue": A[0] || (A[0] = (S) => F.value = S),
             class: Ae(`grid ${t(y).lg || t(y).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(() => [
-          L[1] || (L[1] = f("div", { class: "grow" }, null, -1)),
+          A[1] || (A[1] = f("div", { class: "grow" }, null, -1)),
           d(a, {
             label: t(m)("report.common.cancel"),
             variant: "tertiary",
-            onClick: Z
+            onClick: X
           }, null, 8, ["label"]),
           d(a, {
             label: t(m)("report.common.confirm"),
             disabled: N.value,
-            onClick: O
+            onClick: D
           }, null, 8, ["label", "disabled"])
         ]),
         _: 1
       }, 8, ["model-value"]);
     };
   }
-}), it = { class: "fm-typo-en-body-lg-600" }, il = /* @__PURE__ */ he({
+}), it = { class: "fm-typo-en-body-lg-600" }, il = /* @__PURE__ */ ye({
   __name: "ReportEditorTabHeader",
-  props: /* @__PURE__ */ Se({
+  props: /* @__PURE__ */ Ce({
     icon: {
       type: String,
       required: !0
@@ -78,32 +78,32 @@ const nt = /* @__PURE__ */ he({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(q) {
-    const { t: v } = Ge(), m = $e(q, "modelValue"), y = q;
+  setup(P) {
+    const { t: v } = Ge(), m = Te(P, "modelValue"), y = P;
     return (n, w) => {
-      const E = S("FmIcon");
-      return c(), R("div", {
+      const L = T("FmIcon");
+      return p(), z("div", {
         class: "px-6 py-16 flex items-center gap-2 bg-fm-color-neutral-white border cursor-pointer",
-        onClick: w[0] || (w[0] = (Z) => m.value = !m.value)
+        onClick: w[0] || (w[0] = (X) => m.value = !m.value)
       }, [
         f("p", it, B(t(v)("report.editor.customizeReport")), 1),
         w[1] || (w[1] = f("div", { class: "grow" }, null, -1)),
-        d(E, {
+        d(L, {
           name: y.icon
         }, null, 8, ["name"])
       ]);
     };
   }
-}), st = /* @__PURE__ */ he({
+}), st = /* @__PURE__ */ ye({
   __name: "ReportEditorTabDesktop",
   props: {
     modelValue: { required: !0, default: !1 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(q) {
-    const v = $e(q, "modelValue");
-    return (m, y) => (c(), R(ye, null, [
+  setup(P) {
+    const v = Te(P, "modelValue");
+    return (m, y) => (p(), z(ke, null, [
       d(il, {
         modelValue: v.value,
         "onUpdate:modelValue": y[0] || (y[0] = (n) => v.value = n),
@@ -112,33 +112,33 @@ const nt = /* @__PURE__ */ he({
       bl(m.$slots, "default")
     ], 64));
   }
-}), ut = /* @__PURE__ */ he({
+}), ut = /* @__PURE__ */ ye({
   __name: "ReportEditorTabMobile",
   props: {
     modelValue: { required: !0, default: !1 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(q) {
-    const v = $e(q, "modelValue");
+  setup(P) {
+    const v = Te(P, "modelValue");
     return (m, y) => {
-      const n = S("FmTopSheet"), w = S("FmCard");
-      return c(), C(w, { class: "fixed bottom-0 w-full" }, {
+      const n = T("FmTopSheet"), w = T("FmCard");
+      return p(), k(w, { class: "fixed bottom-0 w-full" }, {
         default: V(() => [
           d(il, {
             modelValue: v.value,
-            "onUpdate:modelValue": y[0] || (y[0] = (E) => v.value = E),
+            "onUpdate:modelValue": y[0] || (y[0] = (L) => v.value = L),
             icon: "keyboard_double_arrow_up"
           }, null, 8, ["modelValue"]),
           d(n, {
             modelValue: v.value,
-            "onUpdate:modelValue": y[2] || (y[2] = (E) => v.value = E),
+            "onUpdate:modelValue": y[2] || (y[2] = (L) => v.value = L),
             "fullscreen-size": "sm"
           }, {
             default: V(() => [
               d(il, {
                 modelValue: v.value,
-                "onUpdate:modelValue": y[1] || (y[1] = (E) => v.value = E),
+                "onUpdate:modelValue": y[1] || (y[1] = (L) => v.value = L),
                 icon: "keyboard_double_arrow_down"
               }, null, 8, ["modelValue"]),
               v.value ? bl(m.$slots, "default", { key: 0 }) : U("", !0)
@@ -156,18 +156,18 @@ const nt = /* @__PURE__ */ he({
 }, mt = { 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" }, ct = {
   key: 0,
   class: "flex justify-end sm:pb-[2px]"
-}, pt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, vt = { class: "pl-1" }, ft = {
-  key: 0,
+}, pt = { class: "pl-1" }, vt = {
+  key: 1,
   class: "flex justify-end sm:pb-[2px]"
-}, gt = {
+}, ft = {
   key: 3,
   class: "flex flex-col gap-1 mt-2"
-}, bt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, yt = {
+}, gt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, bt = {
   key: 4,
   class: "flex flex-col gap-2"
-}, ht = /* @__PURE__ */ he({
+}, yt = /* @__PURE__ */ ye({
   __name: "GlobalFilterDialog",
-  props: /* @__PURE__ */ Se({
+  props: /* @__PURE__ */ Ce({
     schemas: {
       type: Array,
       default: () => []
@@ -185,215 +185,214 @@ const nt = /* @__PURE__ */ he({
     isOpenModifiers: {}
   }),
   emits: ["update:globalFilter", "update:isOpen"],
-  setup(q) {
-    const { t: v, te: m } = Ge(), y = $e(q, "globalFilter"), n = $e(q, "isOpen"), w = Vl(), E = q, Z = G(""), O = G(), F = G(), N = G(), le = G([]), L = G([]), a = G(!1), D = G([]), $ = G([]), K = G(ke.Equal), re = G(!1), me = b(
-      () => !!F.value && F.value.type !== ae.Timestamp
+  setup(P) {
+    const { t: v, te: m } = Ge(), y = Te(P, "globalFilter"), n = Te(P, "isOpen"), w = Vl(), L = P, X = G(""), D = G(), F = G(), N = G(), Z = G([]), A = G([]), a = G(!1), O = G([]), S = G([]), ae = G(!1), ie = b(
+      () => !!F.value && F.value.type !== oe.Timestamp
     );
-    function j(e) {
+    function de(e) {
       return JSON.parse(JSON.stringify(e));
     }
-    function ie(e, l) {
+    function J(e, l) {
       return { hour: e, minute: l };
     }
-    function x(e) {
+    function se(e) {
       return e ? `${String(e.hour).padStart(2, "0")}:${String(e.minute).padStart(2, "0")}` : null;
     }
-    function pe(e) {
+    function x(e) {
       if (!e) return null;
-      const [l, p] = e.split(":").map(Number);
-      return Number.isNaN(l) || Number.isNaN(p) ? null : { hour: l, minute: p };
+      const [l, c] = e.split(":").map(Number);
+      return Number.isNaN(l) || Number.isNaN(c) ? null : { hour: l, minute: c };
     }
-    const se = b(() => F.value ? !(F.value.type === ae.Timestamp && N.value === Pe.DateTime) : !1), Y = b(
+    const ne = b(() => F.value ? !(F.value.type === oe.Timestamp && N.value === ze.DateTime) : !1), ee = b(
       () => {
         var e;
-        return ((e = F.value) == null ? void 0 : e.type) === ae.Timestamp && N.value === Pe.TimeOfDay;
+        return ((e = F.value) == null ? void 0 : e.type) === oe.Timestamp && N.value === ze.TimeOfDay;
       }
-    ), ue = b(() => {
+    ), re = b(() => {
       var e;
-      return (((e = F.value) == null ? void 0 : e.filterOperators) ?? []).filter((l) => l !== ke.And && l !== ke.Or).map((l) => ({
+      return (((e = F.value) == null ? void 0 : e.filterOperators) ?? []).filter((l) => l !== Pe.And && l !== Pe.Or).map((l) => ({
         label: v(`report.section.comparisonOperator.${l}`),
         value: l
       }));
     });
-    function ne() {
+    function me() {
       var l;
-      const e = (l = ue.value[0]) == null ? void 0 : l.value;
-      return e || (F.value ? oe(
+      const e = (l = re.value[0]) == null ? void 0 : l.value;
+      return e || (F.value ? te(
         F.value.type,
         N.value ?? null
-      ) : ke.Equal);
+      ) : Pe.Equal);
     }
-    function ce(e) {
+    function ue(e) {
       if (F.value)
         return et({
-          operator: e ?? ne(),
+          operator: e ?? me(),
           dataType: F.value.type,
-          dimensionOption: F.value.type === ae.Timestamp ? N.value ?? null : null,
+          dimensionOption: F.value.type === oe.Timestamp ? N.value ?? null : null,
           t: v
         });
     }
-    function de(e, l) {
-      if (typeof (l == null ? void 0 : l.default) == "boolean" || e.length > 0 && e.every((_) => typeof _ == "boolean")) {
-        const _ = e.reduce((k, T) => (typeof T == "boolean" && k.push(T), k), []);
+    function ve(e, l) {
+      if (typeof (l == null ? void 0 : l.default) == "boolean" || e.length > 0 && e.every((h) => typeof h == "boolean")) {
+        const h = e.reduce(($, C) => (typeof C == "boolean" && $.push(C), $), []);
         if (l)
-          for (l.fixed && _.splice(l.count); _.length < l.count; )
-            _.push(typeof l.default == "boolean" ? l.default : !1);
-        return _;
+          for (l.fixed && h.splice(l.count); h.length < l.count; )
+            h.push(typeof l.default == "boolean" ? l.default : !1);
+        return h;
       }
-      const g = e.reduce((_, k) => (typeof k == "string" && _.push(k), _), []);
+      const g = e.reduce((h, $) => (typeof $ == "string" && h.push($), h), []);
       if (l)
         for (l.fixed && g.splice(l.count); g.length < l.count; )
           g.push(typeof l.default == "string" ? l.default : "");
       return g;
     }
-    function z(e = K.value) {
-      const l = ce(e), p = de(
+    function ce(e = me()) {
+      const l = ue(e), c = ve(
         l ? Array(l.count).fill(l.default) : [],
         l
       );
       return {
         label: "",
         operator: e,
-        values: p
+        values: c
       };
     }
-    function A() {
+    function q() {
       return {
         name: "",
-        startTime: ie(0, 0),
-        endTime: ie(23, 59)
+        startTime: J(0, 0),
+        endTime: J(23, 59)
       };
     }
-    function H() {
-      if (!(!se.value || !a.value)) {
-        if (Y.value) {
-          $.value.length === 0 && ($.value = [A()]);
+    function E() {
+      if (!(!ne.value || !a.value)) {
+        if (ee.value) {
+          S.value.length === 0 && (S.value = [q()]);
           return;
         }
-        D.value.length === 0 && (D.value = [z()]);
+        O.value.length === 0 && (O.value = [ce()]);
       }
     }
-    function ve() {
-      var p, g, _;
-      const e = j(((p = y.value) == null ? void 0 : p.customOptions) ?? []), l = j(((g = y.value) == null ? void 0 : g.customTimeRanges) ?? []);
-      K.value = ((_ = e[0]) == null ? void 0 : _.operator) ?? ne(), a.value = e.length > 0 || l.length > 0, D.value = e, $.value = l, H();
+    function Q() {
+      var c, g;
+      const e = de(((c = y.value) == null ? void 0 : c.customOptions) ?? []), l = de(((g = y.value) == null ? void 0 : g.customTimeRanges) ?? []);
+      a.value = e.length > 0 || l.length > 0, O.value = e, S.value = l, E();
     }
-    function we(e) {
-      K.value = e, D.value = D.value.map((l, p) => {
-        const g = D.value[p];
-        if (!g)
-          return z(e);
-        const _ = ce(e), k = de(
-          Array.isArray(g.values) ? [...g.values] : [],
-          _
-        );
-        return {
-          ...g,
-          operator: e,
-          values: k
-        };
-      });
+    function pe(e, l) {
+      const c = ve(
+        Array.isArray(e.values) ? [...e.values] : [],
+        ue(l)
+      );
+      return { ...e, operator: l, values: c };
     }
-    function X() {
-      D.value = [...D.value, z()];
+    function Se(e, l) {
+      O.value = O.value.map(
+        (c, g) => g === e ? pe(c, l) : c
+      );
+    }
+    function K() {
+      O.value = [...O.value, ce()];
     }
-    function te(e) {
-      D.value.length <= 1 || (D.value = D.value.filter((l, p) => p !== e));
+    function le(e) {
+      O.value.length <= 1 || (O.value = O.value.filter((l, c) => c !== e));
     }
-    function Oe() {
-      $.value = [...$.value, A()];
+    function $e() {
+      S.value = [...S.value, q()];
     }
-    function Re(e) {
-      $.value.length <= 1 || ($.value = $.value.filter(
-        (l, p) => p !== e
+    function Me(e) {
+      S.value.length <= 1 || (S.value = S.value.filter(
+        (l, c) => c !== e
       ));
     }
-    function De(e, l, p) {
-      const g = $.value[e];
-      g && ($.value[e] = {
+    function De(e, l, c) {
+      const g = S.value[e];
+      g && (S.value[e] = {
         ...g,
-        [l]: pe(p)
+        [l]: x(c)
       });
     }
-    function _e(e) {
+    function he(e) {
       return e.length === 0 || e.some((l) => l === "");
     }
-    function Fe() {
+    function we() {
       if (!a.value) return !0;
-      if (Y.value) {
-        const p = $.value.map((_) => _.name.trim()).filter(Boolean);
-        return $.value.some(
-          (_) => !_.name.trim() || !_.startTime || !_.endTime
+      if (ee.value) {
+        const c = S.value.map((h) => h.name.trim()).filter(Boolean);
+        return S.value.some(
+          (h) => !h.name.trim() || !h.startTime || !h.endTime
         ) ? (w.open({
           message: v("report.section.filter.invalidCustomTimeRange"),
           type: "error"
-        }), !1) : new Set(p).size !== p.length ? (w.open({
+        }), !1) : new Set(c).size !== c.length ? (w.open({
           message: v("report.section.filter.customTimeRangeNamesMustBeUnique"),
           type: "error"
         }), !1) : !0;
       }
-      const e = D.value.map((p) => p.label.trim()).filter(Boolean);
-      return D.value.some(
-        (p) => !p.label.trim() || _e(p.values)
+      const e = O.value.map((c) => c.label.trim()).filter(Boolean);
+      return O.value.some(
+        (c) => !c.label.trim() || he(c.values)
       ) ? (w.open({ message: v("report.section.filter.invalidCustomOption"), type: "error" }), !1) : new Set(e).size !== e.length ? (w.open({
         message: v("report.section.filter.customOptionLabelsMustBeUnique"),
         type: "error"
       }), !1) : !0;
     }
     ge(n, (e) => {
-      var l, p, g, _, k, T;
-      e && (Z.value = ((l = y.value) == null ? void 0 : l.label) || "", O.value = E.schemas.find(
+      var l, c, g, h, $, C;
+      e && (X.value = ((l = y.value) == null ? void 0 : l.label) || "", D.value = L.schemas.find(
         (W) => {
-          var P;
-          return W.name === ((P = y.value) == null ? void 0 : P.schemaName);
+          var R;
+          return W.name === ((R = y.value) == null ? void 0 : R.schemaName);
         }
-      ), F.value = (p = Ue.value.find(
+      ), F.value = (c = Ie.value.find(
         (W) => {
-          var P;
-          return W.value.name === ((P = y.value) == null ? void 0 : P.name);
+          var R;
+          return W.value.name === ((R = y.value) == null ? void 0 : R.name);
         }
-      )) == null ? void 0 : p.value, N.value = (g = y.value) == null ? void 0 : g.option, le.value = ((_ = y.value) == null ? void 0 : _.tileIds) || [], L.value = ((k = y.value) == null ? void 0 : k.filters) || [], re.value = ((T = y.value) == null ? void 0 : T.beforeAggregation) === !0, ve());
+      )) == null ? void 0 : c.value, N.value = (g = y.value) == null ? void 0 : g.option, Z.value = ((h = y.value) == null ? void 0 : h.tileIds) || [], A.value = (($ = y.value) == null ? void 0 : $.filters) || [], ae.value = ((C = y.value) == null ? void 0 : C.beforeAggregation) === !0, Q());
     }), ge(a, (e) => {
-      var l;
-      e && (K.value = ((l = D.value[0]) == null ? void 0 : l.operator) ?? ne(), H());
-    }), ge(se, (e) => {
+      e && E();
+    }), ge(ne, (e) => {
       if (!e) {
-        a.value = !1, D.value = [], $.value = [];
+        a.value = !1, O.value = [], S.value = [];
         return;
       }
-      H();
-    }), ge(Y, () => {
-      H();
-    }), ge(ue, (e) => {
-      var p;
-      const l = (p = e[0]) == null ? void 0 : p.value;
-      l && (e.some((g) => g.value === K.value) || we(l));
+      E();
+    }), ge(ee, () => {
+      E();
+    }), ge(re, (e) => {
+      var g;
+      const l = (g = e[0]) == null ? void 0 : g.value;
+      if (!l) return;
+      const c = new Set(e.map((h) => h.value));
+      O.value = O.value.map(
+        (h) => c.has(h.operator) ? h : pe(h, l)
+      );
     });
-    const Ie = b(
-      () => E.schemas.map((e) => ({
+    const Oe = b(
+      () => L.schemas.map((e) => ({
         label: e.label || e.name,
         value: e
       }))
-    ), Ue = b(() => {
+    ), Ie = b(() => {
       var e;
-      return (((e = O.value) == null ? void 0 : e.fields) || []).filter((l) => l.type !== ae.Numeric).map((l) => ({
+      return (((e = D.value) == null ? void 0 : e.fields) || []).filter((l) => l.type !== oe.Numeric).map((l) => ({
         label: l.label || l.name,
         value: l
       }));
-    }), ze = b(() => {
+    }), Re = b(() => {
       var e;
-      return ((e = F.value) == null ? void 0 : e.type) !== ae.Timestamp ? [] : Ul(v);
-    }), be = b(() => E.tiles.reduce((e, l, p) => {
-      var k, T, W, P, u;
-      const g = ((k = l.widget) == null ? void 0 : k.config.schemaNames) ?? [], _ = (((T = l.widget) == null ? void 0 : T.config.joinDatasources) ?? []).flatMap(
+      return ((e = F.value) == null ? void 0 : e.type) !== oe.Timestamp ? [] : Ul(v);
+    }), be = b(() => L.tiles.reduce((e, l, c) => {
+      var $, C, W, R, u;
+      const g = (($ = l.widget) == null ? void 0 : $.config.schemaNames) ?? [], h = (((C = l.widget) == null ? void 0 : C.config.joinDatasources) ?? []).flatMap(
         (s) => s.schemaNames ?? []
       );
-      return [...g, ..._].includes(((W = O.value) == null ? void 0 : W.name) || "") && e.push({
-        label: (u = (P = l.widget) == null ? void 0 : P.title) != null && u.trim() ? l.widget.title : `Widget ${p + 1}`,
+      return [...g, ...h].includes(((W = D.value) == null ? void 0 : W.name) || "") && e.push({
+        label: (u = (R = l.widget) == null ? void 0 : R.title) != null && u.trim() ? l.widget.title : `Widget ${c + 1}`,
         value: l.id
       }), e;
-    }, [])), Ve = b(
-      () => E.schemas.flatMap(
+    }, [])), _e = b(
+      () => L.schemas.flatMap(
         (e) => (e.fields ?? []).map((l) => ({
           ...l,
           labels: [
@@ -403,34 +402,34 @@ const nt = /* @__PURE__ */ he({
         }))
       )
     );
-    function xe(e) {
+    function Fe(e) {
       var l;
-      e.name !== ((l = O.value) == null ? void 0 : l.name) && (O.value = e, F.value = void 0, K.value = ke.Equal, a.value = !1, D.value = [], $.value = []);
+      e.name !== ((l = D.value) == null ? void 0 : l.name) && (D.value = e, F.value = void 0, a.value = !1, O.value = [], S.value = []);
     }
-    function Ce(e) {
-      F.value = e, N.value = e.type === ae.Timestamp ? Pe.DateTime : void 0, K.value = ne(), a.value = !1, D.value = [], $.value = [];
+    function Ve(e) {
+      F.value = e, N.value = e.type === oe.Timestamp ? ze.DateTime : void 0, a.value = !1, O.value = [], S.value = [];
     }
-    function oe(e, l) {
+    function te(e, l) {
       switch (e) {
-        case ae.Timestamp:
-          return l === Pe.DateTime || l === Pe.TimeOfDay ? ke.Between : ke.Equal;
-        case ae.Bool:
-        case ae.String:
-        case ae.Numeric:
-          return ke.Equal;
+        case oe.Timestamp:
+          return l === ze.DateTime || l === ze.TimeOfDay ? Pe.Between : Pe.Equal;
+        case oe.Bool:
+        case oe.String:
+        case oe.Numeric:
+          return Pe.Equal;
         default:
           throw new Error(`Unsupported data type: ${e}`);
       }
     }
-    function Ne(e) {
-      var k, T, W, P;
+    function Ue(e) {
+      var $, C, W, R;
       const l = y.value;
-      if (!((k = l == null ? void 0 : l.defaultValues) != null && k.length) || !(l.schemaName === ((T = O.value) == null ? void 0 : T.name) && l.name === ((W = F.value) == null ? void 0 : W.name)) || !!e != !!((P = l.customOptions) != null && P.length)) return;
-      const g = new Set((e ?? []).map((u) => u.label)), _ = e ? l.defaultValues.filter((u) => g.has(String(u))) : l.defaultValues;
-      return _.length ? { defaultValues: _ } : void 0;
+      if (!(($ = l == null ? void 0 : l.defaultValues) != null && $.length) || !(l.schemaName === ((C = D.value) == null ? void 0 : C.name) && l.name === ((W = F.value) == null ? void 0 : W.name)) || !!e != !!((R = l.customOptions) != null && R.length)) return;
+      const g = new Set((e ?? []).map((u) => u.label)), h = e ? l.defaultValues.filter((u) => g.has(String(u))) : l.defaultValues;
+      return h.length ? { defaultValues: h } : void 0;
     }
     function We() {
-      if (!O.value) {
+      if (!D.value) {
         w.open({ message: v("report.section.filter.invalidSchema"), type: "error" });
         return;
       }
@@ -438,48 +437,48 @@ const nt = /* @__PURE__ */ he({
         w.open({ message: v("report.section.filter.invalidDimension"), type: "error" });
         return;
       }
-      const e = L.value.filter((g) => g ? !Ie.value.some((k) => k.value.name === g.schemaName) : !0);
+      const e = A.value.filter((g) => g ? !Oe.value.some(($) => $.value.name === g.schemaName) : !0);
       if (e.length > 0) {
-        const g = e.filter((k) => !!k).map((k) => k.schemaName), _ = e.some((k) => !k) ? `, ${v("report.section.filter.unknownFilters")}` : "";
+        const g = e.filter(($) => !!$).map(($) => $.schemaName), h = e.some(($) => !$) ? `, ${v("report.section.filter.unknownFilters")}` : "";
         w.open({
           message: v("report.section.filter.invalidFiltersSchemaNotFound", {
             schemas: g.join(", "),
-            unknownFiltersSuffix: _
+            unknownFiltersSuffix: h
           }),
           type: "error"
         });
         return;
       }
-      if (!Fe())
+      if (!we())
         return;
-      const l = a.value && !Y.value ? D.value.map((g) => ({
+      const l = a.value && !ee.value ? O.value.map((g) => ({
         label: g.label.trim(),
-        operator: g.operator ?? ne(),
-        values: de(
+        operator: g.operator ?? me(),
+        values: ve(
           [...g.values],
-          ce(g.operator)
+          ue(g.operator)
         )
-      })) : void 0, p = a.value && Y.value ? $.value.map((g) => ({
+      })) : void 0, c = a.value && ee.value ? S.value.map((g) => ({
         name: g.name.trim(),
         startTime: g.startTime,
         endTime: g.endTime
       })) : void 0;
       y.value = {
-        schemaName: O.value.name,
+        schemaName: D.value.name,
         name: F.value.name,
-        label: Z.value,
-        operator: oe(
+        label: X.value,
+        operator: te(
           F.value.type,
-          F.value.type === ae.Timestamp ? N.value ?? Pe.DateTime : null
+          F.value.type === oe.Timestamp ? N.value ?? ze.DateTime : null
         ),
-        option: F.value.type === ae.Timestamp ? N.value : null,
+        option: F.value.type === oe.Timestamp ? N.value : null,
         values: [],
-        tileIds: [...le.value],
-        filters: j(L.value),
+        tileIds: [...Z.value],
+        filters: de(A.value),
         customOptions: l,
-        customTimeRanges: p,
-        ...me.value && re.value ? { beforeAggregation: !0 } : {},
-        ...Ne(l)
+        customTimeRanges: c,
+        ...ie.value && ae.value ? { beforeAggregation: !0 } : {},
+        ...Ue(l)
       }, n.value = !1;
     }
     function He() {
@@ -488,40 +487,40 @@ const nt = /* @__PURE__ */ he({
     const r = b(() => {
       var e;
       return [
-        (e = O.value) == null ? void 0 : e.name,
-        ...L.value.map((l) => l.schemaName)
+        (e = D.value) == null ? void 0 : e.name,
+        ...A.value.map((l) => l.schemaName)
       ];
     });
     function o(e) {
-      var Q;
-      const l = E.tiles.find((J) => J.id === e.value);
-      if (!l || !O.value || !F.value) return null;
-      const p = (Q = l == null ? void 0 : l.widget) == null ? void 0 : Q.config, g = (p == null ? void 0 : p.schemaNames) ?? [], _ = ((p == null ? void 0 : p.joinDatasources) ?? []).flatMap(
-        (J) => J.schemaNames ?? []
-      ), k = [...g, ..._], T = r.value.filter((J) => !!J).some((J) => !k.includes(J)), P = F.value.type === ae.Timestamp || me.value && re.value;
-      if (T)
+      var H;
+      const l = L.tiles.find((j) => j.id === e.value);
+      if (!l || !D.value || !F.value) return null;
+      const c = (H = l == null ? void 0 : l.widget) == null ? void 0 : H.config, g = (c == null ? void 0 : c.schemaNames) ?? [], h = ((c == null ? void 0 : c.joinDatasources) ?? []).flatMap(
+        (j) => j.schemaNames ?? []
+      ), $ = [...g, ...h], C = r.value.filter((j) => !!j).some((j) => !$.includes(j)), R = F.value.type === oe.Timestamp || ie.value && ae.value;
+      if (C)
         return v(
-          P ? "report.section.filter.missingFilterSchema" : "report.section.filter.missingFilterSchemaOrDimension"
+          R ? "report.section.filter.missingFilterSchema" : "report.section.filter.missingFilterSchemaOrDimension"
         );
-      if (P) return null;
-      const u = ((p == null ? void 0 : p.dimensions) ?? []).map((J) => ({
-        schemaName: J.schemaName,
-        name: J.name
-      })), s = ((p == null ? void 0 : p.joinDatasources) ?? []).flatMap(
-        (J) => (J.dimensions ?? []).map((Ke) => ({
+      if (R) return null;
+      const u = ((c == null ? void 0 : c.dimensions) ?? []).map((j) => ({
+        schemaName: j.schemaName,
+        name: j.name
+      })), s = ((c == null ? void 0 : c.joinDatasources) ?? []).flatMap(
+        (j) => (j.dimensions ?? []).map((Ke) => ({
           schemaName: Ke.schemaName,
           name: Ke.name
         }))
-      ), i = [...u, ...s], I = O.value.name, h = F.value.name;
+      ), i = [...u, ...s], I = D.value.name, _ = F.value.name;
       return i.some(
-        (J) => J.schemaName === I && J.name === h
+        (j) => j.schemaName === I && j.name === _
       ) ? null : v("report.section.filter.missingFilterSchemaOrDimension");
     }
     return (e, l) => {
-      const p = S("FmTextField"), g = S("FmSelect"), _ = S("FmCheckbox"), k = S("FmTimePicker"), T = S("FmButton"), W = S("FmLabel"), P = S("FmIcon"), u = S("FmTooltip"), s = S("FmForm"), i = S("FmDialog");
-      return c(), C(i, {
+      const c = T("FmTextField"), g = T("FmSelect"), h = T("FmCheckbox"), $ = T("FmTimePicker"), C = T("FmButton"), W = T("FmLabel"), R = T("FmIcon"), u = T("FmTooltip"), s = T("FmForm"), i = T("FmDialog");
+      return p(), k(i, {
         modelValue: n.value,
-        "onUpdate:modelValue": l[10] || (l[10] = (I) => n.value = I),
+        "onUpdate:modelValue": l[9] || (l[9] = (I) => n.value = I),
         overlay: !0,
         "z-index": 10
       }, {
@@ -536,130 +535,127 @@ const nt = /* @__PURE__ */ he({
             default: V(() => {
               var I;
               return [
-                d(p, {
-                  modelValue: Z.value,
-                  "onUpdate:modelValue": l[0] || (l[0] = (h) => Z.value = h),
+                d(c, {
+                  modelValue: X.value,
+                  "onUpdate:modelValue": l[0] || (l[0] = (_) => X.value = _),
                   placeholder: t(v)("report.section.filter.displayName"),
                   label: t(v)("report.section.filter.displayName"),
                   class: "mb-2"
                 }, null, 8, ["modelValue", "placeholder", "label"]),
                 d(al, {
-                  "model-value": O.value,
-                  items: Ie.value,
+                  "model-value": D.value,
+                  items: Oe.value,
                   placeholder: t(v)("report.section.schema.title"),
                   label: t(v)("report.section.schema.title"),
-                  "onUpdate:modelValue": l[1] || (l[1] = (h) => xe(h))
+                  "onUpdate:modelValue": l[1] || (l[1] = (_) => Fe(_))
                 }, null, 8, ["model-value", "items", "placeholder", "label"]),
                 d(al, {
                   "model-value": F.value,
-                  items: Ue.value,
+                  items: Ie.value,
                   placeholder: t(v)("report.section.dimension.title"),
                   label: t(v)("report.section.dimension.title"),
-                  "onUpdate:modelValue": l[2] || (l[2] = (h) => Ce(h))
+                  "onUpdate:modelValue": l[2] || (l[2] = (_) => Ve(_))
                 }, null, 8, ["model-value", "items", "placeholder", "label"]),
-                ((I = F.value) == null ? void 0 : I.type) === t(ae).Timestamp ? (c(), C(g, {
+                ((I = F.value) == null ? void 0 : I.type) === t(oe).Timestamp ? (p(), k(g, {
                   key: 0,
                   modelValue: N.value,
-                  "onUpdate:modelValue": l[3] || (l[3] = (h) => N.value = h),
-                  items: ze.value,
+                  "onUpdate:modelValue": l[3] || (l[3] = (_) => N.value = _),
+                  items: Re.value,
                   placeholder: t(v)("report.section.filter.timeFormatter"),
                   label: t(v)("report.section.filter.timeFormatter")
                 }, null, 8, ["modelValue", "items", "placeholder", "label"])) : U("", !0),
-                se.value ? (c(), C(_, {
+                ne.value ? (p(), k(h, {
                   key: 1,
                   modelValue: a.value,
-                  "onUpdate:modelValue": l[4] || (l[4] = (h) => a.value = h),
+                  "onUpdate:modelValue": l[4] || (l[4] = (_) => a.value = _),
                   label: t(v)("report.section.filter.customOptions"),
                   value: !0
                 }, null, 8, ["modelValue", "label"])) : U("", !0),
-                se.value && a.value ? (c(), R("div", dt, [
-                  Y.value ? (c(!0), R(ye, { key: 0 }, Le($.value, (h, ee) => (c(), R("div", {
-                    key: `custom-time-range-${ee}`,
+                ne.value && a.value ? (p(), z("div", dt, [
+                  ee.value ? (p(!0), z(ke, { key: 0 }, Le(S.value, (_, Y) => (p(), z("div", {
+                    key: `custom-time-range-${Y}`,
                     class: "flex flex-col gap-2"
                   }, [
                     f("div", mt, [
-                      d(p, {
-                        modelValue: h.name,
-                        "onUpdate:modelValue": (Q) => h.name = Q,
+                      d(c, {
+                        modelValue: _.name,
+                        "onUpdate:modelValue": (H) => _.name = H,
                         label: t(v)("report.section.filter.label")
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "label"]),
-                      d(k, {
-                        "model-value": x(h.startTime),
+                      d($, {
+                        "model-value": se(_.startTime),
                         label: t(v)("report.date.startingTime"),
-                        "onUpdate:modelValue": (Q) => De(ee, "startTime", Q)
+                        "onUpdate:modelValue": (H) => De(Y, "startTime", H)
                       }, null, 8, ["model-value", "label", "onUpdate:modelValue"]),
-                      d(k, {
-                        "model-value": x(h.endTime),
+                      d($, {
+                        "model-value": se(_.endTime),
                         label: t(v)("report.date.endingTime"),
-                        "onUpdate:modelValue": (Q) => De(ee, "endTime", Q)
+                        "onUpdate:modelValue": (H) => De(Y, "endTime", H)
                       }, null, 8, ["model-value", "label", "onUpdate:modelValue"]),
-                      $.value.length > 1 ? (c(), R("div", ct, [
-                        d(T, {
+                      S.value.length > 1 ? (p(), z("div", ct, [
+                        d(C, {
                           icon: "delete",
                           variant: "tertiary",
-                          onClick: (Q) => Re(ee)
+                          onClick: (H) => Me(Y)
                         }, null, 8, ["onClick"])
                       ])) : U("", !0)
                     ])
-                  ]))), 128)) : (c(), R(ye, { key: 1 }, [
-                    f("p", pt, B(t(v)("report.section.filter.operator")), 1),
-                    ue.value.length > 0 ? (c(), C(al, {
-                      key: 0,
-                      "model-value": K.value,
-                      items: ue.value,
-                      placeholder: t(v)("report.section.filter.operator"),
-                      "onUpdate:modelValue": l[5] || (l[5] = (h) => we(h))
-                    }, null, 8, ["model-value", "items", "placeholder"])) : U("", !0),
-                    (c(!0), R(ye, null, Le(D.value, (h, ee) => (c(), R("div", {
-                      key: `custom-option-${ee}`,
-                      class: "flex flex-col gap-2"
+                  ]))), 128)) : (p(!0), z(ke, { key: 1 }, Le(O.value, (_, Y) => (p(), z("div", {
+                    key: `custom-option-${Y}`,
+                    class: "flex flex-col gap-2"
+                  }, [
+                    f("div", {
+                      class: Ae(["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]"])
                     }, [
-                      f("div", {
-                        class: Ae(["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]"])
-                      }, [
-                        f("span", vt, B(t(v)("report.section.filter.label")), 1),
-                        d(p, {
-                          modelValue: h.label,
-                          "onUpdate:modelValue": (Q) => h.label = Q
-                        }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                        (c(), C(Nl, {
-                          key: `custom-option-value-${ee}-${h.operator ?? ""}-${N.value ?? ""}`,
-                          modelValue: h.values,
-                          "onUpdate:modelValue": (Q) => h.values = Q,
-                          config: ce(h.operator),
-                          option: N.value
-                        }, null, 8, ["modelValue", "onUpdate:modelValue", "config", "option"])),
-                        D.value.length > 1 ? (c(), R("div", ft, [
-                          d(T, {
-                            icon: "delete",
-                            variant: "tertiary",
-                            onClick: (Q) => te(ee)
-                          }, null, 8, ["onClick"])
-                        ])) : U("", !0)
-                      ])
-                    ]))), 128))
-                  ], 64)),
-                  d(T, {
+                      f("span", pt, B(t(v)("report.section.filter.label")), 1),
+                      d(c, {
+                        modelValue: _.label,
+                        "onUpdate:modelValue": (H) => _.label = H
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                      re.value.length > 0 ? (p(), k(al, {
+                        key: 0,
+                        "model-value": _.operator,
+                        items: re.value,
+                        placeholder: t(v)("report.section.filter.operator"),
+                        "onUpdate:modelValue": (H) => Se(Y, H)
+                      }, null, 8, ["model-value", "items", "placeholder", "onUpdate:modelValue"])) : U("", !0),
+                      (p(), k(Nl, {
+                        key: `custom-option-value-${Y}-${_.operator ?? ""}-${N.value ?? ""}`,
+                        modelValue: _.values,
+                        "onUpdate:modelValue": (H) => _.values = H,
+                        config: ue(_.operator),
+                        option: N.value
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "config", "option"])),
+                      O.value.length > 1 ? (p(), z("div", vt, [
+                        d(C, {
+                          icon: "delete",
+                          variant: "tertiary",
+                          onClick: (H) => le(Y)
+                        }, null, 8, ["onClick"])
+                      ])) : U("", !0)
+                    ])
+                  ]))), 128)),
+                  d(C, {
                     class: "w-full",
                     variant: "primary",
                     icon: "add",
                     "icon-position": "prepend",
-                    onClick: l[6] || (l[6] = (h) => Y.value ? Oe() : X())
+                    onClick: l[5] || (l[5] = (_) => ee.value ? $e() : K())
                   })
                 ])) : U("", !0),
                 d(Bl, {
-                  modelValue: L.value,
-                  "onUpdate:modelValue": l[7] || (l[7] = (h) => L.value = h),
-                  options: Ve.value
+                  modelValue: A.value,
+                  "onUpdate:modelValue": l[6] || (l[6] = (_) => A.value = _),
+                  options: _e.value
                 }, null, 8, ["modelValue", "options"]),
-                me.value ? (c(), R("div", gt, [
-                  d(_, {
-                    modelValue: re.value,
-                    "onUpdate:modelValue": l[8] || (l[8] = (h) => re.value = h),
+                ie.value ? (p(), z("div", ft, [
+                  d(h, {
+                    modelValue: ae.value,
+                    "onUpdate:modelValue": l[7] || (l[7] = (_) => ae.value = _),
                     label: t(v)("reportV5.globalFilter.beforeAggregation"),
                     value: !0
                   }, null, 8, ["modelValue", "label"]),
-                  f("p", bt, B(t(v)("reportV5.globalFilter.beforeAggregationHint")), 1)
+                  f("p", gt, B(t(v)("reportV5.globalFilter.beforeAggregationHint")), 1)
                 ])) : U("", !0),
                 d(W, { class: "mt-2 fm-typo-en-body-lg-600" }, {
                   default: V(() => [
@@ -667,25 +663,25 @@ const nt = /* @__PURE__ */ he({
                   ]),
                   _: 1
                 }),
-                q.tiles.length > 0 ? (c(), R("div", yt, [
-                  (c(!0), R(ye, null, Le(be.value, (h) => (c(), R("div", {
-                    key: h.value,
+                P.tiles.length > 0 ? (p(), z("div", bt, [
+                  (p(!0), z(ke, null, Le(be.value, (_) => (p(), z("div", {
+                    key: _.value,
                     class: "flex items-center"
                   }, [
-                    d(_, {
-                      modelValue: le.value,
-                      "onUpdate:modelValue": l[9] || (l[9] = (ee) => le.value = ee),
-                      label: h.label,
-                      value: h.value
+                    d(h, {
+                      modelValue: Z.value,
+                      "onUpdate:modelValue": l[8] || (l[8] = (Y) => Z.value = Y),
+                      label: _.label,
+                      value: _.value
                     }, null, 8, ["modelValue", "label", "value"]),
-                    o(h) ? (c(), C(u, {
+                    o(_) ? (p(), k(u, {
                       key: 0,
-                      content: o(h) ?? void 0,
+                      content: o(_) ?? void 0,
                       "z-index": 99,
                       class: "ml-2"
                     }, {
                       default: V(() => [
-                        d(P, {
+                        d(R, {
                           name: "warning",
                           class: "text-fm-color-system-error-300"
                         })
@@ -693,7 +689,7 @@ const nt = /* @__PURE__ */ he({
                       _: 2
                     }, 1032, ["content"])) : U("", !0)
                   ]))), 128))
-                ])) : (c(), C(W, {
+                ])) : (p(), k(W, {
                   key: 5,
                   class: "fm-typo-en-body-lg-400",
                   label: t(v)("report.section.filter.noWidget")
@@ -704,13 +700,13 @@ const nt = /* @__PURE__ */ he({
           }, 512)
         ]),
         "dialog-footer": V(() => [
-          l[11] || (l[11] = f("div", { class: "grow" }, null, -1)),
-          d(T, {
+          l[10] || (l[10] = f("div", { class: "grow" }, null, -1)),
+          d(C, {
             label: t(v)("report.common.cancel"),
             variant: "tertiary",
             onClick: He
           }, null, 8, ["label"]),
-          d(T, {
+          d(C, {
             label: t(v)("report.common.confirm"),
             onClick: We
           }, null, 8, ["label"])
@@ -719,14 +715,14 @@ const nt = /* @__PURE__ */ he({
       }, 8, ["modelValue"]);
     };
   }
-}), wt = 8.4375, _t = 1024 ** 4, Ft = {
+}), ht = 8.4375, wt = 1024 ** 4, _t = {
   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" }
-}, Vt = { rate: 1, currency: "USD", symbol: "$" };
-function vl(q, v) {
-  const m = q / _t * wt, { rate: y, currency: n, symbol: w } = Ft[v] ?? Vt;
+}, Ft = { rate: 1, currency: "USD", symbol: "$" };
+function vl(P, v) {
+  const m = P / wt * ht, { rate: y, currency: n, symbol: w } = _t[v] ?? Ft;
   return {
     amount: m * y,
     currency: n,
@@ -734,144 +730,144 @@ function vl(q, v) {
     costUsd: m
   };
 }
-function fl(q, v) {
-  return q < 0.01 ? `< ${v}0.01` : `${v}${q.toFixed(2)}`;
+function fl(P, v) {
+  return P < 0.01 ? `< ${v}0.01` : `${v}${P.toFixed(2)}`;
 }
-const xt = { class: "flex flex-col gap-16" }, Ct = {
+const Vt = { class: "flex flex-col gap-16" }, xt = {
   key: 0,
   class: "flex flex-col gap-8"
-}, kt = { class: "flex items-center gap-4 pb-8 border-b border-neutral-300" }, Tt = ["title"], St = { class: "fm-typo-en-title-sm-600 pt-8" }, $t = { class: "mx-16 flex flex-col gap-12 py-4" }, Ot = { class: "fm-typo-en-body-lg-600" }, Dt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary" }, It = { class: "flex flex-col gap-12 border-t border-neutral-200 pt-12" }, Ut = { class: "fm-typo-en-body-lg-600" }, Nt = { class: "grid grid-cols-2 items-end gap-12" }, Bt = { class: "flex flex-col gap-8 min-w-0" }, Mt = { class: "fm-typo-en-body-sm-600 whitespace-nowrap" }, Rt = { class: "flex gap-8" }, zt = { class: "grid grid-cols-2 items-end gap-12" }, Pt = { class: "flex flex-col gap-8 min-w-0" }, qt = { class: "fm-typo-en-body-sm-600 whitespace-nowrap" }, Et = { class: "flex gap-8" }, Lt = {
+}, kt = { class: "flex items-center gap-4 pb-8 border-b border-neutral-300" }, Ct = ["title"], Tt = { class: "fm-typo-en-title-sm-600 pt-8" }, St = { class: "mx-16 flex flex-col gap-12 py-4" }, $t = { class: "fm-typo-en-body-lg-600" }, Dt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary" }, Ot = { class: "flex flex-col gap-12 border-t border-neutral-200 pt-12" }, It = { class: "fm-typo-en-body-lg-600" }, Ut = { class: "grid grid-cols-2 items-end gap-12" }, Nt = { class: "flex flex-col gap-8 min-w-0" }, Bt = { class: "fm-typo-en-body-sm-600 whitespace-nowrap" }, Mt = { class: "flex gap-8" }, Rt = { class: "grid grid-cols-2 items-end gap-12" }, zt = { class: "flex flex-col gap-8 min-w-0" }, Pt = { class: "fm-typo-en-body-sm-600 whitespace-nowrap" }, qt = { class: "flex gap-8" }, Et = {
   key: 1,
   class: "rounded-md border border-dashed border-neutral-300 p-12 text-center fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
-}, At = ["onClick"], Gt = ["title"], Wt = {
+}, Lt = ["onClick"], At = ["title"], Gt = {
   key: 0,
   class: "text-fm-color-typo-secondary"
-}, Ht = { class: "text-fm-color-system-error-300" }, jt = { class: "w-full text-left" }, Jt = /* @__PURE__ */ he({
+}, Wt = { class: "text-fm-color-system-error-300" }, Ht = { class: "w-full text-left" }, jt = /* @__PURE__ */ ye({
   __name: "TileDrillPanel",
   props: {
     report: {}
   },
   emits: ["add-widget"],
-  setup(q, { emit: v }) {
-    const m = q, y = v, { t: n, te: w } = Ge(), E = [
+  setup(P, { emit: v }) {
+    const m = P, y = v, { t: n, te: w } = Ge(), L = [
       { label: n("report.tile.widget.icon.small"), value: Ye.Small },
       { label: n("report.tile.widget.icon.medium"), value: Ye.Medium },
       { label: n("report.tile.widget.icon.large"), value: Ye.Large },
       { label: n("report.tile.widget.icon.extraLarge"), value: Ye.ExtraLarge }
-    ], Z = [
-      { label: n("report.tile.widget.icon.material"), value: Me.Material },
-      { label: n("report.tile.widget.icon.customSvg"), value: Me.Custom }
-    ], O = ul(), F = dl(), { promptMessage: N } = ml(), le = sl(), L = b(() => {
+    ], X = [
+      { label: n("report.tile.widget.icon.material"), value: Be.Material },
+      { label: n("report.tile.widget.icon.customSvg"), value: Be.Custom }
+    ], D = ul(), F = dl(), { promptMessage: N } = ml(), Z = sl(), A = b(() => {
       const r = [];
       let o = m.report.tiles;
-      for (const e of Be.value) {
-        const l = o.find((p) => p.id === e);
+      for (const e of Ne.value) {
+        const l = o.find((c) => c.id === e);
         if (!l) break;
         r.push(l), o = l.tiles ?? [];
       }
       return r;
     });
-    ge(L, (r) => {
-      r.length !== Be.value.length && (Be.value = r.map((o) => o.id));
+    ge(A, (r) => {
+      r.length !== Ne.value.length && (Ne.value = r.map((o) => o.id));
     });
-    const a = b(() => L.value[L.value.length - 1] ?? null), D = b(() => L.value[L.value.length - 2] ?? null), $ = b(
+    const a = b(() => A.value[A.value.length - 1] ?? null), O = b(() => A.value[A.value.length - 2] ?? null), S = b(
       () => a.value ? a.value.tiles ?? [] : m.report.tiles
-    ), K = b(() => {
+    ), ae = b(() => {
       var r;
       return ((r = a.value) == null ? void 0 : r.id) ?? null;
-    }), re = b(() => L.value.length === 0), me = b(() => a.value ? qe(a.value) : !1), j = b(
-      () => D.value ? qe(D.value) : !1
-    ), ie = b(() => a.value ? fe(a.value) : !1), x = b(
-      () => L.value.reduce(
+    }), ie = b(() => A.value.length === 0), de = b(() => a.value ? qe(a.value) : !1), J = b(
+      () => O.value ? qe(O.value) : !1
+    ), se = b(() => a.value ? fe(a.value) : !1), x = b(
+      () => A.value.reduce(
         (r, o) => qe(o) ? r : fe(o) ? 1 : r + 1,
         1
       )
-    ), pe = b(() => !me.value && x.value < Fl), se = b(() => re.value);
-    function Y(r) {
-      r.widget && !fe(r) || (Be.value = [...Be.value, r.id]);
+    ), ne = b(() => !de.value && x.value < Fl), ee = b(() => ie.value);
+    function re(r) {
+      r.widget && !fe(r) || (Ne.value = [...Ne.value, r.id]);
     }
-    function ue() {
-      Be.value = Be.value.slice(0, -1);
+    function me() {
+      Ne.value = Ne.value.slice(0, -1);
     }
-    function ne(r) {
+    function ue(r) {
       if (!r) return "";
       const o = `report.widget.types.${r.toLowerCase()}`;
       return w(o) ? n(o) : Qe(n, w, r, "other");
     }
-    function ce(r, o) {
+    function ve(r, o) {
       if (r.widget) {
-        const e = r.widget.title ? ne(r.widget.title) : n("report.editor.widget", { index: o + 1 });
+        const e = r.widget.title ? ue(r.widget.title) : n("report.editor.widget", { index: o + 1 });
         return fe(r) ? `${e} · ${n("report.editor.page")}` : e;
       }
       return r.tabTitle !== void 0 ? r.tabTitle || n("report.editor.tab", { index: o + 1 }) : r.title ? r.title : qe(r) ? n("report.editor.tabGroup") : n("report.editor.group");
     }
-    function de(r, o) {
-      return !r.widget && me.value ? r.tabTitle || n("report.editor.tab", { index: o + 1 }) : ce(r, o);
+    function ce(r, o) {
+      return !r.widget && de.value ? r.tabTitle || n("report.editor.tab", { index: o + 1 }) : ve(r, o);
     }
-    function z(r) {
+    function q(r) {
       var o;
       return ((o = r.tiles) == null ? void 0 : o.length) ?? 0;
     }
-    const A = b(
-      () => L.value.map((r, o) => ce(r, o)).join(" › ")
+    const E = b(
+      () => A.value.map((r, o) => ve(r, o)).join(" › ")
     );
-    function H(r, o) {
-      _l.value = K.value, le.editingTileIndex = o, le.editingTile = JSON.parse(JSON.stringify(r)), O.push({ name: "tileEditor", query: F.query });
+    function Q(r, o) {
+      _l.value = ae.value, Z.editingTileIndex = o, Z.editingTile = JSON.parse(JSON.stringify(r)), D.push({ name: "tileEditor", query: F.query });
     }
-    function ve(r, o) {
-      $.value.splice(o + 1, 0, zl(r));
+    function pe(r, o) {
+      S.value.splice(o + 1, 0, zl(r));
     }
-    async function we(r, o) {
-      var p;
+    async function Se(r, o) {
+      var c;
       if (!await N({
         title: n("report.editor.deleteWidget"),
-        message: n("report.editor.deleteWidgetConfirm", { title: de(r, o) })
+        message: n("report.editor.deleteWidgetConfirm", { title: ce(r, o) })
       })) return;
       const l = ll(r);
-      $.value.splice(o, 1), (p = m.report.globalFilters) == null || p.forEach((g) => {
-        var _;
-        g.tileIds = (_ = g.tileIds) == null ? void 0 : _.filter((k) => !l.includes(k));
+      S.value.splice(o, 1), (c = m.report.globalFilters) == null || c.forEach((g) => {
+        var h;
+        g.tileIds = (h = g.tileIds) == null ? void 0 : h.filter(($) => !l.includes($));
       });
     }
-    function X() {
+    function K() {
       a.value && (a.value.tiles || (a.value.tiles = []), a.value.tiles.push(Pl(a.value.tiles.length + 1)));
     }
-    function te(r) {
+    function le(r) {
       ql(r);
     }
-    async function Oe(r, o) {
-      var p;
+    async function $e(r, o) {
+      var c;
       if (!await N({
         title: n("report.editor.removePage"),
-        message: n("report.editor.removePageConfirm", { title: de(r, o) })
+        message: n("report.editor.removePageConfirm", { title: ce(r, o) })
       })) return;
       const l = ll(r).filter((g) => g !== r.id);
-      (p = m.report.globalFilters) == null || p.forEach((g) => {
-        var _;
-        g.tileIds = (_ = g.tileIds) == null ? void 0 : _.filter((k) => !l.includes(k));
+      (c = m.report.globalFilters) == null || c.forEach((g) => {
+        var h;
+        g.tileIds = (h = g.tileIds) == null ? void 0 : h.filter(($) => !l.includes($));
       }), El(r);
     }
-    function Re() {
-      $.value.push(Ll());
+    function Me() {
+      S.value.push(Ll());
     }
     function De() {
-      $.value.push(Al());
+      S.value.push(Al());
     }
-    function _e(r) {
+    function he(r) {
       var e;
       const o = Number((e = r.size) == null ? void 0 : e.width);
       r.size || (r.size = { width: 12, height: 12 }), !Number.isFinite(o) || o < 1 ? r.size.width = 1 : o > 12 && (r.size.width = 12);
     }
-    function Fe(r) {
+    function we(r) {
       var e;
       const o = Number((e = r.size) == null ? void 0 : e.height);
       r.size || (r.size = { width: 12, height: 12 }), !Number.isFinite(o) || o < 1 ? r.size.height = 1 : o > 12 && (r.size.height = 12);
     }
-    function Ie(r, o) {
+    function Oe(r, o) {
       const e = Number(r[o]);
       !Number.isFinite(e) || e < 1 ? r[o] = 1 : e > 24 && (r[o] = 24);
     }
-    const Ue = b({
+    const Ie = b({
       get: () => {
         var r;
         return ((r = a.value) == null ? void 0 : r.titleFontSize) ?? 16;
@@ -879,7 +875,7 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
       set: (r) => {
         a.value && (a.value.titleFontSize = r ?? void 0);
       }
-    }), ze = b({
+    }), Re = b({
       get: () => {
         var r;
         return ((r = a.value) == null ? void 0 : r.descriptionFontSize) ?? 14;
@@ -890,129 +886,129 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
     }), be = b({
       get: () => {
         var r, o, e;
-        return ((r = a.value) == null ? void 0 : r.tabIconType) ?? ((e = (o = a.value) == null ? void 0 : o.tabIcon) != null && e.trim().startsWith("<svg") ? Me.Custom : Me.Material);
+        return ((r = a.value) == null ? void 0 : r.tabIconType) ?? ((e = (o = a.value) == null ? void 0 : o.tabIcon) != null && e.trim().startsWith("<svg") ? Be.Custom : Be.Material);
       },
       set: (r) => {
         a.value && (a.value.tabIconType = r);
       }
-    }), Ve = b({
+    }), _e = b({
       get: () => {
         var r, o;
-        return be.value === Me.Custom ? Yl(((r = a.value) == null ? void 0 : r.tabIcon) ?? "") : ((o = a.value) == null ? void 0 : o.tabIcon) ?? "";
+        return be.value === Be.Custom ? Yl(((r = a.value) == null ? void 0 : r.tabIcon) ?? "") : ((o = a.value) == null ? void 0 : o.tabIcon) ?? "";
       },
       set: (r) => {
-        a.value && (a.value.tabIcon = be.value === Me.Custom ? Xl(r) : r.trim());
+        a.value && (a.value.tabIcon = be.value === Be.Custom ? Xl(r) : r.trim());
       }
-    }), xe = G(!1), Ce = G(null), oe = G([]);
-    function Ne(r) {
+    }), Fe = G(!1), Ve = G(null), te = G([]);
+    function Ue(r) {
       const o = [
         { parentId: null, label: n("report.editor.topLevel"), level: 1 }
-      ], e = (p, g, _) => {
-        let k = 0;
-        p.forEach((T) => {
+      ], e = (c, g, h) => {
+        let $ = 0;
+        c.forEach((C) => {
           var W;
-          if (T.widget) {
-            if (fe(T)) {
-              const P = `${_}${T.tabTitle || ne(T.widget.title)} · ${n("report.editor.page")}`;
-              o.push({ parentId: T.id, label: P, level: 1 }), e(T.tiles ?? [], 1, `${P} › `);
+          if (C.widget) {
+            if (fe(C)) {
+              const R = `${h}${C.tabTitle || ue(C.widget.title)} · ${n("report.editor.page")}`;
+              o.push({ parentId: C.id, label: R, level: 1 }), e(C.tiles ?? [], 1, `${R} › `);
             }
             return;
           }
-          if (qe(T)) {
-            const P = `${_}${n("report.editor.tabGroup")}`;
-            (W = T.tiles) == null || W.forEach((u, s) => {
-              const i = `${P} › ${u.tabTitle || n("report.editor.tab", { index: s + 1 })}`;
+          if (qe(C)) {
+            const R = `${h}${n("report.editor.tabGroup")}`;
+            (W = C.tiles) == null || W.forEach((u, s) => {
+              const i = `${R} › ${u.tabTitle || n("report.editor.tab", { index: s + 1 })}`;
               o.push({ parentId: u.id, label: i, level: g + 1 }), e(u.tiles ?? [], g + 1, `${i} › `);
             });
           } else {
-            k += 1;
-            const P = `${_}${T.title || `${n("report.editor.group")} ${k}`}`;
-            o.push({ parentId: T.id, label: P, level: g + 1 }), e(T.tiles ?? [], g + 1, `${P} › `);
+            $ += 1;
+            const R = `${h}${C.title || `${n("report.editor.group")} ${$}`}`;
+            o.push({ parentId: C.id, label: R, level: g + 1 }), e(C.tiles ?? [], g + 1, `${R} › `);
           }
         });
       };
       e(m.report.tiles, 1, "");
       const l = new Set(ll(r));
       return o.filter(
-        (p) => p.parentId !== K.value && !(p.parentId && l.has(p.parentId)) && Wl(r, p.level)
+        (c) => c.parentId !== ae.value && !(c.parentId && l.has(c.parentId)) && Wl(r, c.level)
       );
     }
     function We(r) {
-      Ce.value = r, oe.value = Ne(r), xe.value = !0;
+      Ve.value = r, te.value = Ue(r), Fe.value = !0;
     }
     function He(r) {
-      const o = Ce.value;
+      const o = Ve.value;
       if (!o) return;
-      const e = $.value.indexOf(o);
-      e >= 0 && $.value.splice(e, 1), Gl(m.report.tiles, r.parentId).push(o), xe.value = !1, Ce.value = null;
+      const e = S.value.indexOf(o);
+      e >= 0 && S.value.splice(e, 1), Gl(m.report.tiles, r.parentId).push(o), Fe.value = !1, Ve.value = null;
     }
     return (r, o) => {
-      const e = S("FmButton"), l = S("FmTextField"), p = S("FmSelect"), g = S("FmTextarea"), _ = S("FmStepperField"), k = S("FmIcon"), T = S("FmMenuItem"), W = S("FmMenu"), P = S("FmList"), u = S("FmListItem"), s = S("FmDialog");
-      return c(), R("div", xt, [
-        re.value ? U("", !0) : (c(), R("div", Ct, [
+      const e = T("FmButton"), l = T("FmTextField"), c = T("FmSelect"), g = T("FmTextarea"), h = T("FmStepperField"), $ = T("FmIcon"), C = T("FmMenuItem"), W = T("FmMenu"), R = T("FmList"), u = T("FmListItem"), s = T("FmDialog");
+      return p(), z("div", Vt, [
+        ie.value ? U("", !0) : (p(), z("div", xt, [
           f("div", kt, [
             d(e, {
               icon: "arrow_back",
               variant: "tertiary",
               class: "-ml-8",
-              onClick: ue
+              onClick: me
             }),
             f("p", {
               class: "fm-typo-en-body-md-600 line-clamp-1 overflow-hidden break-all min-w-0 grow text-left",
-              title: A.value
-            }, B(A.value), 9, Tt)
+              title: E.value
+            }, B(E.value), 9, Ct)
           ]),
-          ie.value && a.value ? (c(), C(l, {
+          se.value && a.value ? (p(), k(l, {
             key: 0,
             modelValue: a.value.tabTitle,
             "onUpdate:modelValue": o[0] || (o[0] = (i) => a.value.tabTitle = i),
             label: t(n)("report.editor.pageName"),
             placeholder: t(n)("report.editor.pageName")
           }, null, 8, ["modelValue", "label", "placeholder"])) : U("", !0),
-          j.value && a.value ? (c(), C(l, {
+          J.value && a.value ? (p(), k(l, {
             key: 1,
             modelValue: a.value.tabTitle,
             "onUpdate:modelValue": o[1] || (o[1] = (i) => a.value.tabTitle = i),
             label: t(n)("report.editor.tabName"),
             placeholder: t(n)("report.editor.tabName")
           }, null, 8, ["modelValue", "label", "placeholder"])) : U("", !0),
-          j.value && a.value ? (c(), C(p, {
+          J.value && a.value ? (p(), k(c, {
             key: 2,
             modelValue: be.value,
             "onUpdate:modelValue": o[2] || (o[2] = (i) => be.value = i),
             label: t(n)("report.tile.widget.icon.type"),
-            items: Z
+            items: X
           }, null, 8, ["modelValue", "label"])) : U("", !0),
-          j.value && a.value && be.value === t(Me).Material ? (c(), C(l, {
+          J.value && a.value && be.value === t(Be).Material ? (p(), k(l, {
             key: 3,
-            modelValue: Ve.value,
-            "onUpdate:modelValue": o[3] || (o[3] = (i) => Ve.value = i),
+            modelValue: _e.value,
+            "onUpdate:modelValue": o[3] || (o[3] = (i) => _e.value = i),
             label: t(n)("report.tile.widget.icon.materialName"),
             placeholder: t(n)("report.tile.widget.icon.materialPlaceholder")
-          }, null, 8, ["modelValue", "label", "placeholder"])) : j.value && a.value ? (c(), C(g, {
+          }, null, 8, ["modelValue", "label", "placeholder"])) : J.value && a.value ? (p(), k(g, {
             key: 4,
-            modelValue: Ve.value,
-            "onUpdate:modelValue": o[4] || (o[4] = (i) => Ve.value = i),
+            modelValue: _e.value,
+            "onUpdate:modelValue": o[4] || (o[4] = (i) => _e.value = i),
             label: t(n)("report.tile.widget.icon.customSvg"),
             placeholder: t(n)("report.tile.widget.icon.customPlaceholder")
           }, null, 8, ["modelValue", "label", "placeholder"])) : U("", !0),
-          j.value && a.value ? (c(), C(p, {
+          J.value && a.value ? (p(), k(c, {
             key: 5,
             modelValue: a.value.tabIconSize,
             "onUpdate:modelValue": o[5] || (o[5] = (i) => a.value.tabIconSize = i),
             label: t(n)("report.tile.widget.icon.size"),
-            items: E
+            items: L
           }, null, 8, ["modelValue", "label"])) : U("", !0),
-          !j.value && !ie.value && a.value ? (c(), C(je, {
+          !J.value && !se.value && a.value ? (p(), k(je, {
             key: 6,
             "is-open": !1
           }, {
             header: V(() => [
-              f("p", St, B(t(n)("report.editor.groupDetails")), 1),
+              f("p", Tt, B(t(n)("report.editor.groupDetails")), 1),
               o[24] || (o[24] = f("div", { class: "grow" }, null, -1))
             ]),
             content: V(() => [
-              f("div", $t, [
+              f("div", St, [
                 d(l, {
                   modelValue: a.value.title,
                   "onUpdate:modelValue": o[6] || (o[6] = (i) => a.value.title = i),
@@ -1025,28 +1021,28 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
                   placeholder: t(n)("report.editor.groupDescriptionPlaceholder")
                 }, {
                   label: V(() => [
-                    f("p", Ot, B(t(n)("report.editor.groupDescription")), 1),
+                    f("p", $t, B(t(n)("report.editor.groupDescription")), 1),
                     f("p", Dt, " (" + B(t(n)("report.editor.optional")) + ") ", 1)
                   ]),
                   _: 1
                 }, 8, ["modelValue", "placeholder"]),
-                f("div", It, [
-                  f("p", Ut, B(t(n)("report.editor.typography")), 1),
-                  f("div", Nt, [
-                    d(_, {
-                      modelValue: Ue.value,
-                      "onUpdate:modelValue": o[8] || (o[8] = (i) => Ue.value = i),
+                f("div", Ot, [
+                  f("p", It, B(t(n)("report.editor.typography")), 1),
+                  f("div", Ut, [
+                    d(h, {
+                      modelValue: Ie.value,
+                      "onUpdate:modelValue": o[8] || (o[8] = (i) => Ie.value = i),
                       modelModifiers: { number: !0 },
                       class: "w-full",
                       label: t(n)("report.editor.titleSize"),
                       max: 24,
                       min: 1,
                       type: "number",
-                      onBlur: o[9] || (o[9] = (i) => Ie(a.value, "titleFontSize"))
+                      onBlur: o[9] || (o[9] = (i) => Oe(a.value, "titleFontSize"))
                     }, null, 8, ["modelValue", "label"]),
-                    f("div", Bt, [
-                      f("p", Mt, B(t(n)("report.editor.titleFormatting")), 1),
-                      f("div", Rt, [
+                    f("div", Nt, [
+                      f("p", Bt, B(t(n)("report.editor.titleFormatting")), 1),
+                      f("div", Mt, [
                         d(e, {
                           "append-icon": "format_bold",
                           "model-value": a.value.titleBold ?? !0,
@@ -1080,21 +1076,21 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
                       ])
                     ])
                   ]),
-                  f("div", zt, [
-                    d(_, {
-                      modelValue: ze.value,
-                      "onUpdate:modelValue": o[13] || (o[13] = (i) => ze.value = i),
+                  f("div", Rt, [
+                    d(h, {
+                      modelValue: Re.value,
+                      "onUpdate:modelValue": o[13] || (o[13] = (i) => Re.value = i),
                       modelModifiers: { number: !0 },
                       class: "w-full",
                       label: t(n)("report.editor.descriptionSize"),
                       max: 24,
                       min: 1,
                       type: "number",
-                      onBlur: o[14] || (o[14] = (i) => Ie(a.value, "descriptionFontSize"))
+                      onBlur: o[14] || (o[14] = (i) => Oe(a.value, "descriptionFontSize"))
                     }, null, 8, ["modelValue", "label"]),
-                    f("div", Pt, [
-                      f("p", qt, B(t(n)("report.editor.descriptionFormatting")), 1),
-                      f("div", Et, [
+                    f("div", zt, [
+                      f("p", Pt, B(t(n)("report.editor.descriptionFormatting")), 1),
+                      f("div", qt, [
                         d(e, {
                           "append-icon": "format_bold",
                           "model-value": a.value.descriptionBold ?? !1,
@@ -1133,29 +1129,29 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
             ]),
             _: 1
           })) : U("", !0),
-          !j.value && a.value ? (c(), C(l, {
+          !J.value && a.value ? (p(), k(l, {
             key: 7,
             modelValue: a.value.size.width,
             "onUpdate:modelValue": o[18] || (o[18] = (i) => a.value.size.width = i),
             modelModifiers: { number: !0 },
             type: "number",
             label: t(n)("report.editor.width"),
-            onBlur: o[19] || (o[19] = (i) => _e(a.value))
+            onBlur: o[19] || (o[19] = (i) => he(a.value))
           }, null, 8, ["modelValue", "label"])) : U("", !0),
-          !j.value && a.value ? (c(), C(l, {
+          !J.value && a.value ? (p(), k(l, {
             key: 8,
             modelValue: a.value.size.height,
             "onUpdate:modelValue": o[20] || (o[20] = (i) => a.value.size.height = i),
             modelModifiers: { number: !0 },
             type: "number",
             label: t(n)("report.editor.height"),
-            onBlur: o[21] || (o[21] = (i) => Fe(a.value))
+            onBlur: o[21] || (o[21] = (i) => we(a.value))
           }, null, 8, ["modelValue", "label"])) : U("", !0)
         ])),
-        $.value.length === 0 ? (c(), R("div", Lt, B(t(n)("report.editor.emptyLevel")), 1)) : (c(), C(P, { key: 2 }, {
+        S.value.length === 0 ? (p(), z("div", Et, B(t(n)("report.editor.emptyLevel")), 1)) : (p(), k(R, { key: 2 }, {
           default: V(() => [
             d(t(wl), {
-              list: $.value,
+              list: S.value,
               "item-key": "id",
               class: "flex flex-col gap-2 cursor-grab",
               handle: ".handle"
@@ -1163,20 +1159,20 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
               item: V(({ element: i, index: I }) => [
                 f("div", {
                   class: Ae(["flex items-center gap-8 px-12 py-8 border rounded-md border-neutral-300 hover:bg-fm-color-opacity-sm", i.widget && !t(fe)(i) ? "cursor-grab" : "cursor-pointer"]),
-                  onClick: (h) => Y(i)
+                  onClick: (_) => re(i)
                 }, [
-                  d(k, {
+                  d($, {
                     name: "drag_handle",
                     class: "handle shrink-0 !cursor-grab"
                   }),
                   f("p", {
                     class: "flex-1 min-w-0 truncate text-left fm-typo-en-body-lg-400",
-                    title: de(i, I)
+                    title: ce(i, I)
                   }, [
-                    Je(B(de(i, I)) + " ", 1),
-                    !i.widget || t(fe)(i) ? (c(), R("span", Wt, " · " + B(z(i)), 1)) : U("", !0)
-                  ], 8, Gt),
-                  !i.widget || t(fe)(i) ? (c(), C(k, {
+                    Je(B(ce(i, I)) + " ", 1),
+                    !i.widget || t(fe)(i) ? (p(), z("span", Gt, " · " + B(q(i)), 1)) : U("", !0)
+                  ], 8, At),
+                  !i.widget || t(fe)(i) ? (p(), k($, {
                     key: 0,
                     name: "chevron_right",
                     class: "shrink-0"
@@ -1194,58 +1190,58 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
                       })
                     ]),
                     default: V(() => [
-                      i.widget ? (c(), C(T, {
+                      i.widget ? (p(), k(C, {
                         key: 0,
                         label: t(n)("report.common.edit"),
-                        onClick: (h) => H(i, I)
+                        onClick: (_) => Q(i, I)
                       }, null, 8, ["label", "onClick"])) : U("", !0),
-                      i.widget && !t(fe)(i) ? (c(), C(T, {
+                      i.widget && !t(fe)(i) ? (p(), k(C, {
                         key: 1,
                         label: t(n)("report.editor.convertToPage"),
-                        onClick: (h) => te(i)
+                        onClick: (_) => le(i)
                       }, null, 8, ["label", "onClick"])) : U("", !0),
-                      t(fe)(i) ? (c(), C(T, {
+                      t(fe)(i) ? (p(), k(C, {
                         key: 2,
                         label: t(n)("report.editor.removePage"),
-                        onClick: (h) => Oe(i, I)
+                        onClick: (_) => $e(i, I)
                       }, null, 8, ["label", "onClick"])) : U("", !0),
-                      t(qe)(i) ? U("", !0) : (c(), C(T, {
+                      t(qe)(i) ? U("", !0) : (p(), k(C, {
                         key: 3,
                         label: t(n)("report.editor.moveTo"),
-                        onClick: (h) => We(i)
+                        onClick: (_) => We(i)
                       }, null, 8, ["label", "onClick"])),
-                      d(T, {
+                      d(C, {
                         label: t(n)("report.common.duplicate"),
-                        onClick: (h) => ve(i, I)
+                        onClick: (_) => pe(i, I)
                       }, null, 8, ["label", "onClick"]),
-                      d(T, {
-                        onClick: (h) => we(i, I)
+                      d(C, {
+                        onClick: (_) => Se(i, I)
                       }, {
                         label: V(() => [
-                          f("p", Ht, B(t(n)("report.common.remove")), 1)
+                          f("p", Wt, B(t(n)("report.common.remove")), 1)
                         ]),
                         _: 2
                       }, 1032, ["onClick"])
                     ]),
                     _: 2
                   }, 1024)
-                ], 10, At)
+                ], 10, Lt)
               ]),
               _: 1
             }, 8, ["list"])
           ]),
           _: 1
         })),
-        me.value ? (c(), C(e, {
+        de.value ? (p(), k(e, {
           key: 3,
           label: t(n)("report.editor.addTab"),
           variant: "secondary",
           icon: "add",
           "icon-position": "prepend",
-          "border-color": t(Te).ColorPrimary,
-          "text-color": t(Te).ColorPrimary,
-          onClick: X
-        }, null, 8, ["label", "border-color", "text-color"])) : (c(), C(W, {
+          "border-color": t(xe).ColorPrimary,
+          "text-color": t(xe).ColorPrimary,
+          onClick: K
+        }, null, 8, ["label", "border-color", "text-color"])) : (p(), k(W, {
           key: 4,
           trigger: "click",
           shift: !0
@@ -1257,21 +1253,21 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
               icon: "add",
               "icon-position": "prepend",
               class: "w-full",
-              "border-color": t(Te).ColorPrimary,
-              "text-color": t(Te).ColorPrimary
+              "border-color": t(xe).ColorPrimary,
+              "text-color": t(xe).ColorPrimary
             }, null, 8, ["label", "border-color", "text-color"])
           ]),
           default: V(() => [
-            d(T, {
+            d(C, {
               label: t(n)("report.editor.addWidget"),
-              onClick: o[22] || (o[22] = (i) => y("add-widget", K.value))
+              onClick: o[22] || (o[22] = (i) => y("add-widget", ae.value))
             }, null, 8, ["label"]),
-            pe.value ? (c(), C(T, {
+            ne.value ? (p(), k(C, {
               key: 0,
               label: t(n)("report.editor.addGroup"),
-              onClick: Re
+              onClick: Me
             }, null, 8, ["label"])) : U("", !0),
-            se.value ? (c(), C(T, {
+            ee.value ? (p(), k(C, {
               key: 1,
               label: t(n)("report.editor.addTabGroup"),
               onClick: De
@@ -1280,8 +1276,8 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
           _: 1
         })),
         d(s, {
-          modelValue: xe.value,
-          "onUpdate:modelValue": o[23] || (o[23] = (i) => xe.value = i),
+          modelValue: Fe.value,
+          "onUpdate:modelValue": o[23] || (o[23] = (i) => Fe.value = i),
           overlay: !0,
           "z-index": 10
         }, {
@@ -1289,14 +1285,14 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
             Je(B(t(n)("report.editor.moveTo")), 1)
           ]),
           default: V(() => [
-            d(P, null, {
+            d(R, null, {
               default: V(() => [
-                (c(!0), R(ye, null, Le(oe.value, (i) => (c(), C(u, {
+                (p(!0), z(ke, null, Le(te.value, (i) => (p(), k(u, {
                   key: i.parentId ?? "root",
                   onClick: (I) => He(i)
                 }, {
                   default: V(() => [
-                    f("p", jt, B(i.label), 1)
+                    f("p", Ht, B(i.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"]))), 128))
@@ -1309,12 +1305,12 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
       ]);
     };
   }
-}), Qt = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, Kt = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, Yt = { class: "flex items-center gap-8" }, Xt = {
+}), Jt = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, Qt = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, Kt = { class: "flex items-center gap-8" }, Yt = {
   key: 2,
   class: "flex flex-col gap-8 rounded-md border border-fm-color-border px-16 py-12"
-}, Zt = { class: "fm-typo-en-body-sm-400" }, eo = { class: "fm-typo-en-body-sm-400 font-bold" }, lo = { class: "space-y-1 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, to = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, oo = { class: "flex items-center gap-1 max-w-[195px] w-[195px]" }, ao = { class: "line-clamp-2 overflow-hidden max-w-[195px] w-[195px]" }, gl = /* @__PURE__ */ he({
+}, Xt = { class: "fm-typo-en-body-sm-400" }, Zt = { class: "fm-typo-en-body-sm-400 font-bold" }, eo = { class: "space-y-1 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, lo = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, to = { class: "flex items-center gap-1 max-w-[195px] w-[195px]" }, oo = { class: "line-clamp-2 overflow-hidden max-w-[195px] w-[195px]" }, gl = /* @__PURE__ */ ye({
   __name: "ReportEditorTab",
-  props: /* @__PURE__ */ Se({
+  props: /* @__PURE__ */ Ce({
     hideConfiguration: {
       type: Boolean,
       default: !1
@@ -1328,35 +1324,35 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Se(["hideConfiguration"], ["update:modelValue"]),
-  setup(q, { emit: v }) {
-    const m = $e(q, "modelValue"), { breakpoints: y } = Ze(), n = q, w = v, E = ul(), Z = dl(), O = G(), {
+  emits: /* @__PURE__ */ Ce(["hideConfiguration"], ["update:modelValue"]),
+  setup(P, { emit: v }) {
+    const m = Te(P, "modelValue"), { breakpoints: y } = Ze(), n = P, w = v, L = ul(), X = dl(), D = G(), {
       currentSelectWidgetType: F,
       categories: N,
-      editingTile: le,
-      editingTileIndex: L,
+      editingTile: Z,
+      editingTileIndex: A,
       editingGlobalFilter: a,
-      editingGlobalFilterIndex: D
-    } = Ee(sl()), { schemas: $ } = Ee(Hl()), { globalFilters: K } = Ee(cl()), { getGlobalFilterLabel: re } = cl(), { promptMessage: me } = ml(), j = G(!1), ie = G(!1), { t: x, te: pe, locale: se } = Ge(), Y = G(void 0), ue = b(() => {
+      editingGlobalFilterIndex: O
+    } = Ee(sl()), { schemas: S } = Ee(Hl()), { globalFilters: ae } = Ee(cl()), { getGlobalFilterLabel: ie } = cl(), { promptMessage: de } = ml(), J = G(!1), se = G(!1), { t: x, te: ne, locale: ee } = Ge(), re = G(void 0), me = b(() => {
       const u = tl(m.value.tiles).flatMap((s) => {
-        var h;
-        const i = s.widget.config.schemaNames ?? [], I = ((h = s.widget.config.joinDatasources) == null ? void 0 : h.flatMap((ee) => ee.schemaNames ?? [])) ?? [];
+        var _;
+        const i = s.widget.config.schemaNames ?? [], I = ((_ = s.widget.config.joinDatasources) == null ? void 0 : _.flatMap((Y) => Y.schemaNames ?? [])) ?? [];
         return [...i, ...I];
       });
       return [...new Set(u)].reduce((s, i) => {
-        const I = $.value.find((h) => h.name === i);
+        const I = S.value.find((_) => _.name === i);
         return I && s.push(I), s;
       }, []);
-    }), ne = G(null);
-    function ce(u) {
-      ne.value = u, ie.value = !0;
+    }), ue = G(null);
+    function ve(u) {
+      ue.value = u, se.value = !0;
     }
     ge(
       () => F.value,
       () => {
-        F.value !== void 0 && (Y.value = Zl(F.value), le.value = Y.value, L.value = -1, _l.value = ne.value, E.push({
+        F.value !== void 0 && (re.value = Zl(F.value), Z.value = re.value, A.value = -1, _l.value = ue.value, L.push({
           name: "tileEditor",
-          query: Z.query
+          query: X.query
         }));
       },
       { immediate: !0 }
@@ -1367,14 +1363,14 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
       },
       { immediate: !0, deep: !0 }
     );
-    const de = [
+    const ce = [
       {
         label: "report.common.edit",
         selected: !1,
         variant: "tertiary",
         onClick: (u) => {
           var s;
-          D.value = u, a.value = JSON.parse(JSON.stringify((s = m.value.globalFilters) == null ? void 0 : s[u])), j.value = !0;
+          O.value = u, a.value = JSON.parse(JSON.stringify((s = m.value.globalFilters) == null ? void 0 : s[u])), J.value = !0;
         }
       },
       {
@@ -1394,38 +1390,38 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
         selected: !1,
         variant: "destructive",
         onClick: async (u) => {
-          var I, h;
+          var I, _;
           const s = (I = m.value.globalFilters) == null ? void 0 : I[u];
           if (!s) return;
-          await me({
+          await de({
             title: x("report.editor.deleteWidget"),
             message: x("report.editor.deleteWidgetConfirm", {
-              title: re(s)
+              title: ie(s)
             })
-          }) && ((h = m.value.globalFilters) == null || h.splice(u, 1));
+          }) && ((_ = m.value.globalFilters) == null || _.splice(u, 1));
         }
       }
-    ], z = b(() => N.value.map((u) => ({
+    ], q = b(() => N.value.map((u) => ({
       label: x(`report.category.${u.name}`),
       value: u.id
-    }))), { sessionUser: A } = tt(), H = b(
+    }))), { sessionUser: E } = tt(), Q = b(
       () => {
         var u, s, i, I;
-        return ((s = (u = A.value) == null ? void 0 : u.role) == null ? void 0 : s.isAdmin) === !0 || ((I = (i = A.value) == null ? void 0 : i.role) == null ? void 0 : I.isStaff) === !0;
+        return ((s = (u = E.value) == null ? void 0 : u.role) == null ? void 0 : s.isAdmin) === !0 || ((I = (i = E.value) == null ? void 0 : i.role) == null ? void 0 : I.isStaff) === !0;
       }
-    ), ve = b({
+    ), pe = b({
       get: () => m.value.queryVersion === "v2",
       set: (u) => {
         m.value.queryVersion = u ? "v2" : "v1", u ? m.value.queryDatasource = m.value.queryDatasource ?? Xe.Postgres : m.value.queryDatasource = void 0;
       }
-    }), we = [
+    }), Se = [
       { label: x("report.common.postgresql"), value: Xe.Postgres },
       { label: x("report.common.bigquery"), value: Xe.BigQuery }
-    ], X = [
+    ], K = [
       { label: x("report.common.noBatch"), value: "none" },
       { label: x("report.common.days"), value: "days" },
       { label: x("report.common.locations"), value: "locations" }
-    ], te = b({
+    ], le = b({
       get: () => {
         var u, s;
         return (u = m.value.batch) != null && u.days ? "days" : (s = m.value.batch) != null && s.locations ? "locations" : "none";
@@ -1434,63 +1430,63 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
         var s, i;
         u === "none" ? m.value.batch = n.readOnly ? null : void 0 : u === "days" ? m.value.batch = { days: ((s = m.value.batch) == null ? void 0 : s.days) || 1 } : u === "locations" && (m.value.batch = { locations: ((i = m.value.batch) == null ? void 0 : i.locations) || 10 });
       }
-    }), Oe = b({
+    }), $e = b({
       get: () => {
         var u, s;
-        if (te.value === "days") return ((u = m.value.batch) == null ? void 0 : u.days) ?? 1;
-        if (te.value === "locations") return ((s = m.value.batch) == null ? void 0 : s.locations) ?? 1;
+        if (le.value === "days") return ((u = m.value.batch) == null ? void 0 : u.days) ?? 1;
+        if (le.value === "locations") return ((s = m.value.batch) == null ? void 0 : s.locations) ?? 1;
       },
       set: (u) => {
-        u && (te.value === "days" ? m.value.batch = { days: u } : te.value === "locations" && (m.value.batch = { locations: u }));
+        u && (le.value === "days" ? m.value.batch = { days: u } : le.value === "locations" && (m.value.batch = { locations: u }));
       }
-    }), Re = b({
-      get: () => Qe(x, pe, m.value.name, "other"),
+    }), Me = b({
+      get: () => Qe(x, ne, m.value.name, "other"),
       set: (u) => {
         m.value.name = u;
       }
     }), { country: De } = Ee(ot()), {
-      dateRange: _e,
-      compareDateRange: Fe,
-      timeRange: Ie,
-      selectedLocationIds: Ue,
-      businessDataVersion: ze,
+      dateRange: he,
+      compareDateRange: we,
+      timeRange: Oe,
+      selectedLocationIds: Ie,
+      businessDataVersion: Re,
       restaurants: be,
-      warehouses: Ve
-    } = Ee(at()), xe = b(
+      warehouses: _e
+    } = Ee(at()), Fe = b(
       () => m.value.queryVersion === "v2" && m.value.queryDatasource === Xe.BigQuery
-    ), Ce = b(() => xe.value && H.value), oe = G(null), Ne = G(!1), We = b(() => {
-      const u = _e.value.startDate ?? _e.value.endDate;
+    ), Ve = b(() => Fe.value && Q.value), te = G(null), Ue = G(!1), We = b(() => {
+      const u = he.value.startDate ?? he.value.endDate;
       return u ? {
         startDate: u,
         endDate: u
-      } : _e.value;
+      } : he.value;
     }), He = b(() => {
-      const u = Fe.value.startDate ?? Fe.value.endDate;
+      const u = we.value.startDate ?? we.value.endDate;
       return u ? {
         startDate: u,
         endDate: u
-      } : Fe.value;
+      } : we.value;
     }), r = b(() => {
       const u = m.value.batch;
       if (!u) return 1;
       if (u.locations) {
-        const s = be.value.length + Ve.value.length;
+        const s = be.value.length + _e.value.length;
         return Math.max(1, Math.ceil(s / u.locations));
       }
       return 1;
     }), o = b(() => {
-      if (oe.value == null || oe.value === 0) return null;
-      const u = oe.value * r.value;
+      if (te.value == null || te.value === 0) return null;
+      const u = te.value * r.value;
       return vl(u, De.value);
-    }), e = b(() => oe.value == null || oe.value === 0 ? null : vl(oe.value, De.value)), l = b(() => o.value ? fl(o.value.amount, o.value.symbol) : ""), p = b(() => e.value ? fl(e.value.amount, e.value.symbol) : ""), g = b(() => r.value === 1 ? x("report.common.estimatedCostBatchSingular") : x("report.common.estimatedCostBatchPlural")), _ = b(() => Ne.value ? "..." : !l.value || !p.value ? "--" : x("report.common.estimatedCostFormula", {
+    }), e = b(() => te.value == null || te.value === 0 ? null : vl(te.value, De.value)), l = b(() => o.value ? fl(o.value.amount, o.value.symbol) : ""), c = b(() => e.value ? fl(e.value.amount, e.value.symbol) : ""), g = b(() => r.value === 1 ? x("report.common.estimatedCostBatchSingular") : x("report.common.estimatedCostBatchPlural")), h = b(() => Ue.value ? "..." : !l.value || !c.value ? "--" : x("report.common.estimatedCostFormula", {
       batchCount: r.value,
       batchLabel: g.value,
-      baseCost: p.value,
+      baseCost: c.value,
       totalCost: l.value
     }));
-    let k = [];
-    const T = rt(async () => {
-      if (!Ce.value) return;
+    let $ = [];
+    const C = rt(async () => {
+      if (!Ve.value) return;
       const u = tl(m.value.tiles).filter(
         (s) => {
           var i;
@@ -1498,15 +1494,15 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
         }
       );
       if (u.length === 0) {
-        oe.value = null;
+        te.value = null;
         return;
       }
-      Ne.value = !0, k.forEach((s) => s.abort()), k = [];
+      Ue.value = !0, $.forEach((s) => s.abort()), $ = [];
       try {
         const s = await Promise.all(
           u.map((i) => {
             const I = new AbortController();
-            return k.push(I), lt({
+            return $.push(I), lt({
               widget: i.widget,
               signal: I.signal,
               tileId: i.id,
@@ -1515,11 +1511,11 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
             });
           })
         );
-        oe.value = s.reduce((i, I) => i + (I.totalBytesProcessed ?? 0), 0);
+        te.value = s.reduce((i, I) => i + (I.totalBytesProcessed ?? 0), 0);
       } catch (s) {
-        s.code !== "ERR_CANCELED" && (oe.value = null);
+        s.code !== "ERR_CANCELED" && (te.value = null);
       } finally {
-        Ne.value = !1;
+        Ue.value = !1;
       }
     }, 1e3);
     ge(
@@ -1528,60 +1524,60 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
         () => m.value.queryVersion,
         () => m.value.queryDatasource,
         () => m.value.batch,
-        () => _e.value,
+        () => he.value,
+        () => Oe.value,
+        () => we.value,
         () => Ie.value,
-        () => Fe.value,
-        () => Ue.value,
-        () => ze.value
+        () => Re.value
       ],
       () => {
-        T();
+        C();
       },
       { deep: !0 }
     ), yl(() => {
-      T();
-    }), Ol(() => {
-      k.forEach((u) => u.abort());
+      C();
+    }), Dl(() => {
+      $.forEach((u) => u.abort());
     });
     function W(u) {
       var s;
       return !((s = u.tileIds) != null && s.length);
     }
-    function P(u) {
-      return !ue.value.find((s) => s.name === u.schemaName);
+    function R(u) {
+      return !me.value.find((s) => s.name === u.schemaName);
     }
     return ge(
       () => m.value.globalFilters,
       (u) => {
-        K.value = JSON.parse(JSON.stringify(u || []));
+        ae.value = JSON.parse(JSON.stringify(u || []));
       },
       { deep: !0, immediate: !0 }
     ), (u, s) => {
-      const i = S("FmTextField"), I = S("FmSelect"), h = S("FmSwitch"), ee = S("FmButton"), Q = S("FmIcon"), J = S("FmTooltip"), Ke = S("FmMenuItem"), xl = S("FmMenu"), Cl = S("FmListItem"), kl = S("FmList"), Tl = S("FmForm");
-      return c(), C(Dl(t(y).lg || t(y).md ? st : ut), {
+      const i = T("FmTextField"), I = T("FmSelect"), _ = T("FmSwitch"), Y = T("FmButton"), H = T("FmIcon"), j = T("FmTooltip"), Ke = T("FmMenuItem"), xl = T("FmMenu"), kl = T("FmListItem"), Cl = T("FmList"), Tl = T("FmForm");
+      return p(), k(Ol(t(y).lg || t(y).md ? st : ut), {
         "model-value": n.hideConfiguration,
         "onUpdate:modelValue": s[12] || (s[12] = (M) => w("hideConfiguration", M))
       }, {
         default: V(() => [
-          d(ht, {
-            "is-open": j.value,
-            "onUpdate:isOpen": s[0] || (s[0] = (M) => j.value = M),
+          d(yt, {
+            "is-open": J.value,
+            "onUpdate:isOpen": s[0] || (s[0] = (M) => J.value = M),
             "global-filter": t(a),
             tiles: t(tl)(m.value.tiles),
-            schemas: ue.value,
+            schemas: me.value,
             "onUpdate:globalFilter": s[1] || (s[1] = (M) => {
-              M && (m.value.globalFilters || (m.value.globalFilters = []), typeof t(D) == "number" && t(D) >= 0 ? m.value.globalFilters[t(D)] = M : m.value.globalFilters.push(M));
+              M && (m.value.globalFilters || (m.value.globalFilters = []), typeof t(O) == "number" && t(O) >= 0 ? m.value.globalFilters[t(O)] = M : m.value.globalFilters.push(M));
             })
           }, null, 8, ["is-open", "global-filter", "tiles", "schemas"]),
           d(nt, {
             modelValue: t(F),
             "onUpdate:modelValue": s[2] || (s[2] = (M) => hl(F) ? F.value = M : null),
-            "is-open": ie.value,
-            "onUpdate:isOpen": s[3] || (s[3] = (M) => ie.value = M)
+            "is-open": se.value,
+            "onUpdate:isOpen": s[3] || (s[3] = (M) => se.value = M)
           }, null, 8, ["modelValue", "is-open"]),
           d(Tl, {
             ref_key: "form",
-            ref: O,
+            ref: D,
             class: "px-6 py-16 flex flex-col gap-24 overflow-y-auto overflow-x-hidden"
           }, {
             default: V(() => [
@@ -1591,20 +1587,20 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
                   s[13] || (s[13] = f("div", { class: "grow" }, null, -1))
                 ]),
                 content: V(() => [
-                  f("div", Qt, [
+                  f("div", Jt, [
                     d(i, {
-                      modelValue: Re.value,
-                      "onUpdate:modelValue": s[4] || (s[4] = (M) => Re.value = M),
+                      modelValue: Me.value,
+                      "onUpdate:modelValue": s[4] || (s[4] = (M) => Me.value = M),
                       label: t(x)("report.common.name"),
                       placeholder: t(x)("report.common.name"),
                       disabled: n.readOnly
                     }, null, 8, ["modelValue", "label", "placeholder", "disabled"]),
-                    (c(), C(I, {
-                      key: `category-${t(se)}`,
+                    (p(), k(I, {
+                      key: `category-${t(ee)}`,
                       modelValue: m.value.category,
                       "onUpdate:modelValue": s[5] || (s[5] = (M) => m.value.category = M),
                       label: t(x)("report.common.category"),
-                      items: z.value,
+                      items: q.value,
                       disabled: n.readOnly
                     }, null, 8, ["modelValue", "label", "items", "disabled"])),
                     d(i, {
@@ -1627,39 +1623,39 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
                   s[14] || (s[14] = f("div", { class: "grow" }, null, -1))
                 ]),
                 content: V(() => [
-                  f("div", Kt, [
-                    f("div", Yt, [
+                  f("div", Qt, [
+                    f("div", Kt, [
                       s[15] || (s[15] = f("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, "V2", -1)),
-                      d(h, {
-                        modelValue: ve.value,
-                        "onUpdate:modelValue": s[7] || (s[7] = (M) => ve.value = M)
+                      d(_, {
+                        modelValue: pe.value,
+                        "onUpdate:modelValue": s[7] || (s[7] = (M) => pe.value = M)
                       }, null, 8, ["modelValue"])
                     ]),
-                    ve.value && H.value ? (c(), C(I, {
+                    pe.value && Q.value ? (p(), k(I, {
                       key: 0,
                       modelValue: m.value.queryDatasource,
                       "onUpdate:modelValue": s[8] || (s[8] = (M) => m.value.queryDatasource = M),
                       label: t(x)("report.common.queryDatasource"),
-                      items: we
+                      items: Se
                     }, null, 8, ["modelValue", "label"])) : U("", !0),
                     d(I, {
-                      modelValue: te.value,
-                      "onUpdate:modelValue": s[9] || (s[9] = (M) => te.value = M),
+                      modelValue: le.value,
+                      "onUpdate:modelValue": s[9] || (s[9] = (M) => le.value = M),
                       label: t(x)("report.common.batch"),
-                      items: X
+                      items: K
                     }, null, 8, ["modelValue", "label"]),
-                    te.value !== "none" ? (c(), C(i, {
+                    le.value !== "none" ? (p(), k(i, {
                       key: 1,
-                      modelValue: Oe.value,
-                      "onUpdate:modelValue": s[10] || (s[10] = (M) => Oe.value = M),
+                      modelValue: $e.value,
+                      "onUpdate:modelValue": s[10] || (s[10] = (M) => $e.value = M),
                       modelModifiers: { number: !0 },
-                      label: te.value === "days" ? t(x)("report.common.days") : t(x)("report.common.locations"),
+                      label: le.value === "days" ? t(x)("report.common.days") : t(x)("report.common.locations"),
                       type: "number"
                     }, null, 8, ["modelValue", "label"])) : U("", !0),
-                    Ce.value ? (c(), R("div", Xt, [
-                      f("span", Zt, B(t(x)("report.common.estimatedBqCost")), 1),
-                      f("p", eo, B(_.value), 1),
-                      f("div", lo, [
+                    Ve.value ? (p(), z("div", Yt, [
+                      f("span", Xt, B(t(x)("report.common.estimatedBqCost")), 1),
+                      f("p", Zt, B(h.value), 1),
+                      f("div", eo, [
                         f("div", null, "* " + B(t(x)("report.common.estimatedCostGuidelineBigQuery")), 1),
                         f("div", null, "* " + B(t(x)("report.common.estimatedCostGuidelineDateRange")), 1),
                         f("div", null, "* " + B(t(x)("report.common.estimatedCostGuidelineLocationBatch")), 1)
@@ -1669,7 +1665,7 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
                 ]),
                 _: 1
               }),
-              n.readOnly ? U("", !0) : (c(), C(je, {
+              n.readOnly ? U("", !0) : (p(), k(je, {
                 key: 0,
                 class: "border-solid",
                 "is-open": !1
@@ -1679,19 +1675,19 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
                   s[16] || (s[16] = f("div", { class: "grow" }, null, -1))
                 ]),
                 content: V(() => [
-                  f("div", to, [
-                    d(ee, {
+                  f("div", lo, [
+                    d(Y, {
                       label: t(x)("report.section.filter.addGlobalFilter"),
                       variant: "secondary",
                       icon: "add",
                       "icon-position": "prepend",
-                      "border-color": t(Te).ColorPrimary,
-                      "text-color": t(Te).ColorPrimary,
+                      "border-color": t(xe).ColorPrimary,
+                      "text-color": t(xe).ColorPrimary,
                       onClick: s[11] || (s[11] = () => {
-                        D.value = null, a.value = null, j.value = !0;
+                        O.value = null, a.value = null, J.value = !0;
                       })
                     }, null, 8, ["label", "border-color", "text-color"]),
-                    d(kl, null, {
+                    d(Cl, null, {
                       default: V(() => [
                         d(t(wl), {
                           list: m.value.globalFilters,
@@ -1700,42 +1696,42 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
                           handle: ".handle"
                         }, {
                           item: V(({ element: M, index: Sl }) => [
-                            d(Cl, { class: "!cursor-grab border rounded-md border-neutral-300" }, {
+                            d(kl, { class: "!cursor-grab border rounded-md border-neutral-300" }, {
                               default: V(() => [
-                                d(Q, {
+                                d(H, {
                                   name: "drag_handle",
                                   class: "handle"
                                 }),
-                                f("div", oo, [
-                                  d(J, {
+                                f("div", to, [
+                                  d(j, {
                                     "z-index": 99,
-                                    content: t(re)(M),
+                                    content: t(ie)(M),
                                     class: "handle"
                                   }, {
                                     default: V(() => [
-                                      f("p", ao, B(t(re)(M)), 1)
+                                      f("p", oo, B(t(ie)(M)), 1)
                                     ]),
                                     _: 2
                                   }, 1032, ["content"]),
-                                  P(M) ? (c(), C(J, {
+                                  R(M) ? (p(), k(j, {
                                     key: 0,
                                     content: t(x)("report.section.filter.missingSchema"),
                                     "z-index": 99
                                   }, {
                                     default: V(() => [
-                                      d(Q, {
+                                      d(H, {
                                         name: "warning",
                                         class: "text-fm-color-system-error-300"
                                       })
                                     ]),
                                     _: 1
-                                  }, 8, ["content"])) : W(M) ? (c(), C(J, {
+                                  }, 8, ["content"])) : W(M) ? (p(), k(j, {
                                     key: 1,
                                     content: t(x)("report.section.filter.missingTileIds"),
                                     "z-index": 99
                                   }, {
                                     default: V(() => [
-                                      d(Q, {
+                                      d(H, {
                                         name: "warning",
                                         class: "text-fm-color-system-warning-300"
                                       })
@@ -1750,15 +1746,15 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
                                   "stop-click-propagation": !0
                                 }, {
                                   "menu-button": V(() => [
-                                    d(ee, {
+                                    d(Y, {
                                       "append-icon": "more_vert",
                                       variant: "tertiary"
                                     })
                                   ]),
                                   default: V(() => [
-                                    (c(), R(ye, null, Le(de, (el, $l) => d(Ke, {
+                                    (p(), z(ke, null, Le(ce, (el, $l) => d(Ke, {
                                       key: $l,
-                                      onClick: (_o) => el.onClick(Sl)
+                                      onClick: (wo) => el.onClick(Sl)
                                     }, {
                                       label: V(() => [
                                         f("p", {
@@ -1785,7 +1781,7 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
                 ]),
                 _: 1
               })),
-              n.readOnly ? U("", !0) : (c(), C(je, {
+              n.readOnly ? U("", !0) : (p(), k(je, {
                 key: 1,
                 class: "border-solid"
               }, {
@@ -1794,9 +1790,9 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
                   s[18] || (s[18] = f("div", { class: "grow" }, null, -1))
                 ]),
                 content: V(() => [
-                  d(Jt, {
+                  d(jt, {
                     report: m.value,
-                    onAddWidget: ce
+                    onAddWidget: ve
                   }, null, 8, ["report"])
                 ]),
                 _: 1
@@ -1809,22 +1805,22 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
       }, 8, ["model-value"]);
     };
   }
-}), ro = { class: "h-full w-full overflow-x-hidden" }, no = { class: "flex flex-col bg-fm-color-neutral-white w-[400px]" }, io = { class: "flex bg-fm-color-neutral-white w-[88px]" }, so = {
+}), ao = { class: "h-full w-full overflow-x-hidden" }, ro = { class: "flex flex-col bg-fm-color-neutral-white w-[400px]" }, no = { class: "flex bg-fm-color-neutral-white w-[88px]" }, io = {
   key: 1,
   class: "w-full overflow-y-auto"
-}, uo = {
+}, so = {
   key: 0,
   class: "w-full p-24"
-}, mo = { class: "mb-4 flex flex-wrap gap-2 pb-2" }, co = { key: 2 }, po = { key: 0 }, vo = { class: "mb-4 flex flex-wrap gap-2 pb-2" }, fo = {
+}, uo = { class: "mb-4 flex flex-wrap gap-2 pb-2" }, mo = { key: 2 }, co = { key: 0 }, po = { class: "mb-4 flex flex-wrap gap-2 pb-2" }, vo = {
   key: 3,
   class: "h-full w-full flex items-start justify-center bg-fm-color-neutral-white py-24",
   style: { backgroundColor: "#F6F8FC" }
-}, go = {
+}, fo = {
   key: 0,
   class: "w-full"
-}, bo = /* @__PURE__ */ he({
+}, go = /* @__PURE__ */ ye({
   __name: "ReportEditorViewport",
-  props: /* @__PURE__ */ Se({
+  props: /* @__PURE__ */ Ce({
     hideConfiguration: { type: Boolean, required: !1, default: !1 },
     readOnly: { type: Boolean, required: !1, default: !1 },
     previewWidth: { type: Number, required: !0 },
@@ -1835,42 +1831,42 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
     } },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Se(["hideConfiguration"], ["update:modelValue"]),
-  setup(q, { emit: v }) {
-    const { breakpoints: m } = Ze(), y = $e(q, "modelValue"), n = b(() => {
+  emits: /* @__PURE__ */ Ce(["hideConfiguration"], ["update:modelValue"]),
+  setup(P, { emit: v }) {
+    const { breakpoints: m } = Ze(), y = Te(P, "modelValue"), n = b(() => {
       var F;
       return Jl((F = y.value) == null ? void 0 : F.tiles);
-    }), w = q, E = b(() => w.previewWidth > 0 && w.previewHeight > 0), Z = b(() => m.value.sm || m.value.xs), O = v;
+    }), w = P, L = b(() => w.previewWidth > 0 && w.previewHeight > 0), X = b(() => m.value.sm || m.value.xs), D = v;
     return (F, N) => {
-      const le = S("FmCircularProgress"), L = S("FmButton"), a = S("FmMenuDivider"), D = S("FmCard");
-      return c(), R("div", ro, [
-        y.value ? (c(), R(ye, { key: 1 }, [
-          E.value ? U("", !0) : (c(), C(Ml, {
+      const Z = T("FmCircularProgress"), A = T("FmButton"), a = T("FmMenuDivider"), O = T("FmCard");
+      return p(), z("div", ao, [
+        y.value ? (p(), z(ke, { key: 1 }, [
+          L.value ? U("", !0) : (p(), k(Ml, {
             key: 0,
             "model-value": !w.hideConfiguration
           }, {
             right: V(() => [
-              f("div", no, [
-                y.value ? (c(), C(gl, {
+              f("div", ro, [
+                y.value ? (p(), k(gl, {
                   key: 0,
                   modelValue: y.value,
-                  "onUpdate:modelValue": N[0] || (N[0] = ($) => y.value = $),
+                  "onUpdate:modelValue": N[0] || (N[0] = (S) => y.value = S),
                   "hide-configuration": w.hideConfiguration,
                   "read-only": w.readOnly,
-                  onHideConfiguration: N[1] || (N[1] = ($) => O("hideConfiguration", $))
+                  onHideConfiguration: N[1] || (N[1] = (S) => D("hideConfiguration", S))
                 }, null, 8, ["modelValue", "hide-configuration", "read-only"])) : U("", !0)
               ])
             ]),
             left: V(() => [
-              f("div", io, [
-                d(L, {
+              f("div", no, [
+                d(A, {
                   variant: "secondary",
                   icon: "keyboard_double_arrow_right",
-                  "border-color": t(Te).ColorPrimary,
-                  "text-color": t(Te).ColorPrimary,
+                  "border-color": t(xe).ColorPrimary,
+                  "text-color": t(xe).ColorPrimary,
                   class: "m-24 my-16",
                   size: "md",
-                  onClick: N[2] || (N[2] = ($) => O("hideConfiguration", !w.hideConfiguration))
+                  onClick: N[2] || (N[2] = (S) => D("hideConfiguration", !w.hideConfiguration))
                 }, null, 8, ["border-color", "text-color"])
               ])
             ]),
@@ -1880,9 +1876,9 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
             vertical: "",
             style: { margin: "0px" }
           }),
-          !Z.value && !E.value ? (c(), R("div", so, [
-            y.value.tiles.length > 0 ? (c(), R("div", uo, [
-              f("div", mo, [
+          !X.value && !L.value ? (p(), z("div", io, [
+            y.value.tiles.length > 0 ? (p(), z("div", so, [
+              f("div", uo, [
                 d(pl)
               ]),
               d(ol, {
@@ -1892,12 +1888,12 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
                 "hide-export": !0,
                 "grid-class": "gap-[24px]"
               }, null, 8, ["tiles", "report-id", "leaf-index-by-id"])
-            ])) : (c(), C(rl, { key: 1 }))
-          ])) : Z.value && !E.value ? (c(), R("div", co, [
-            d(D, { class: "px-5 pb-28" }, {
+            ])) : (p(), k(rl, { key: 1 }))
+          ])) : X.value && !L.value ? (p(), z("div", mo, [
+            d(O, { class: "px-5 pb-28" }, {
               default: V(() => [
-                y.value.tiles.length > 0 ? (c(), R("div", po, [
-                  f("div", vo, [
+                y.value.tiles.length > 0 ? (p(), z("div", co, [
+                  f("div", po, [
                     d(pl)
                   ]),
                   d(ol, {
@@ -1907,21 +1903,21 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
                     "hide-export": !0,
                     "grid-class": "gap-[16px]"
                   }, null, 8, ["tiles", "report-id", "leaf-index-by-id"])
-                ])) : (c(), C(rl, { key: 1 }))
+                ])) : (p(), k(rl, { key: 1 }))
               ]),
               _: 1
             }),
-            y.value ? (c(), C(gl, {
+            y.value ? (p(), k(gl, {
               key: 0,
               modelValue: y.value,
-              "onUpdate:modelValue": N[3] || (N[3] = ($) => y.value = $),
+              "onUpdate:modelValue": N[3] || (N[3] = (S) => y.value = S),
               "hide-configuration": w.hideConfiguration,
               "read-only": w.readOnly,
-              onHideConfiguration: N[4] || (N[4] = ($) => {
-                O("hideConfiguration", $);
+              onHideConfiguration: N[4] || (N[4] = (S) => {
+                D("hideConfiguration", S);
               })
             }, null, 8, ["modelValue", "hide-configuration", "read-only"])) : U("", !0)
-          ])) : (c(), R("div", fo, [
+          ])) : (p(), z("div", vo, [
             f("div", {
               style: nl({
                 transformOrigin: "top center",
@@ -1935,7 +1931,7 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
                   height: w.previewHeight + "px"
                 })
               }, [
-                y.value.tiles.length > 0 ? (c(), R("div", go, [
+                y.value.tiles.length > 0 ? (p(), z("div", fo, [
                   d(ol, {
                     tiles: y.value.tiles,
                     "report-id": y.value.id || "editing",
@@ -1944,75 +1940,75 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
                     "custom-screen-width": w.previewWidth,
                     "grid-class": "gap-[24px] p-24"
                   }, null, 8, ["tiles", "report-id", "leaf-index-by-id", "custom-screen-width"])
-                ])) : (c(), C(rl, { key: 1 }))
+                ])) : (p(), k(rl, { key: 1 }))
               ], 4)
             ], 4)
           ]))
-        ], 64)) : (c(), C(le, { key: 0 }))
+        ], 64)) : (p(), k(Z, { key: 0 }))
       ]);
     };
   }
-}), yo = { class: "flex items-center gap-4" }, ho = { class: "flex justify-center items-center gap-2 w-full" }, wo = { class: "flex gap-4" }, Po = /* @__PURE__ */ he({
+}), bo = { class: "flex items-center gap-4" }, yo = { class: "flex justify-center items-center gap-2 w-full" }, ho = { class: "flex gap-4" }, zo = /* @__PURE__ */ ye({
   __name: "ReportEditor",
-  setup(q) {
-    const v = ul(), m = dl(), y = sl(), { promptLoader: n } = Kl(), { t: w, te: E } = Ge(), { currentReport: Z, editingReport: O } = Ee(y), { breakpoints: F } = Ze(), N = b(() => {
-      var z;
-      return !((z = O.value) != null && z.editable);
-    }), le = b(() => {
-      var z, A;
-      return !((z = O.value) != null && z.editable) && !((A = O.value) != null && A.isDefault);
-    }), L = b(() => {
-      var z;
-      return ((z = O.value) == null ? void 0 : z.name) ?? w("report.editor.newReport");
-    }), a = b(() => Qe(w, E, L.value, "other")), D = Vl(), { promptMessage: $ } = ml(), K = G(!1), re = b(() => [
+  setup(P) {
+    const v = ul(), m = dl(), y = sl(), { promptLoader: n } = Kl(), { t: w, te: L } = Ge(), { currentReport: X, editingReport: D } = Ee(y), { breakpoints: F } = Ze(), N = b(() => {
+      var q;
+      return !((q = D.value) != null && q.editable);
+    }), Z = b(() => {
+      var q, E;
+      return !((q = D.value) != null && q.editable) && !((E = D.value) != null && E.isDefault);
+    }), A = b(() => {
+      var q;
+      return ((q = D.value) == null ? void 0 : q.name) ?? w("report.editor.newReport");
+    }), a = b(() => Qe(w, L, A.value, "other")), O = Vl(), { promptMessage: S } = ml(), ae = G(!1), ie = b(() => [
       { label: w("report.common.cancel"), value: "cancel", isPrimary: !1 },
       { label: w("report.common.save"), value: "save", isPrimary: !0, prependIcon: "download" }
     ]);
-    async function me() {
-      if (!O.value || O.value.tiles.length === 0) {
-        D.open({ message: w("report.messages.noWidget"), type: "error" });
+    async function de() {
+      if (!D.value || D.value.tiles.length === 0) {
+        O.open({ message: w("report.messages.noWidget"), type: "error" });
         return;
       }
-      if (Ql(O.value.tiles) > Fl) {
-        D.open({ message: w("report.messages.tooDeepNesting"), type: "error" });
+      if (Ql(D.value.tiles) > Fl) {
+        O.open({ message: w("report.messages.tooDeepNesting"), type: "error" });
         return;
       }
-      const z = le.value ? w("report.common.clone") : w("report.common.save");
-      if (await $({
+      const q = Z.value ? w("report.common.clone") : w("report.common.save");
+      if (await S({
         title: `${w("report.messages.saveReport")}`,
-        message: w("report.messages.confirmAction", { action: z, name: a.value })
+        message: w("report.messages.confirmAction", { action: q, name: a.value })
       }))
         try {
           await n(async () => {
-            if (le.value) {
-              const H = JSON.parse(JSON.stringify(O.value));
-              H.editable = !0, H.id = "", H.name = `${H.name} ${w("report.common.duplicate")}`, H.isDefault = !1, await y.createOrUpdateReport(H);
+            if (Z.value) {
+              const Q = JSON.parse(JSON.stringify(D.value));
+              Q.editable = !0, Q.id = "", Q.name = `${Q.name} ${w("report.common.duplicate")}`, Q.isDefault = !1, await y.createOrUpdateReport(Q);
             } else
-              O.value && await y.createOrUpdateReport(O.value);
+              D.value && await y.createOrUpdateReport(D.value);
             v.push({
               name: "reportView",
               query: m.query
             });
           });
-        } catch (H) {
-          console.log(H), D.open({
-            message: w("report.messages.failedToAction", { action: z }),
+        } catch (Q) {
+          console.log(Q), O.open({
+            message: w("report.messages.failedToAction", { action: q }),
             type: "error"
           });
         }
     }
-    async function j() {
-      var A;
-      if (!O.value) return;
-      await $({
+    async function J() {
+      var E;
+      if (!D.value) return;
+      await S({
         title: w("report.common.report", 1),
-        message: w("report.editor.notSaved", { name: (A = O.value) == null ? void 0 : A.name })
-      }) && (O.value = JSON.parse(JSON.stringify(Z.value)), v.back());
+        message: w("report.editor.notSaved", { name: (E = D.value) == null ? void 0 : E.name })
+      }) && (D.value = JSON.parse(JSON.stringify(X.value)), v.back());
     }
     yl(() => {
-      O.value || v.push({ name: "reports" });
+      D.value || v.push({ name: "reports" });
     });
-    const ie = [
+    const se = [
       {
         labelKey: "report.common.default",
         width: void 0,
@@ -2033,31 +2029,31 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
         width: 390,
         height: 859
       }
-    ], x = G(ie[0]), pe = G(!1), se = b(() => pe.value ? Math.max(x.value.width || 0, x.value.height || 0) : Math.min(x.value.width || 0, x.value.height || 0)), Y = b(() => pe.value ? Math.min(x.value.width || 0, x.value.height || 0) : Math.max(x.value.width || 0, x.value.height || 0)), ue = b(() => window.innerHeight - 72 - 56), ne = b(() => {
-      if (!se.value) return 1;
-      let z = (ue.value - 48) / se.value, A = Y.value * z;
-      return A > window.innerWidth && (z = window.innerWidth / Y.value, A = Y.value * z), z > 1 ? 1 : z;
+    ], x = G(se[0]), ne = G(!1), ee = b(() => ne.value ? Math.max(x.value.width || 0, x.value.height || 0) : Math.min(x.value.width || 0, x.value.height || 0)), re = b(() => ne.value ? Math.min(x.value.width || 0, x.value.height || 0) : Math.max(x.value.width || 0, x.value.height || 0)), me = b(() => window.innerHeight - 72 - 56), ue = b(() => {
+      if (!ee.value) return 1;
+      let q = (me.value - 48) / ee.value, E = re.value * q;
+      return E > window.innerWidth && (q = window.innerWidth / re.value, E = re.value * q), q > 1 ? 1 : q;
     });
-    function ce(z) {
-      x.value = z;
+    function ve(q) {
+      x.value = q;
     }
-    function de() {
-      pe.value = !pe.value;
+    function ce() {
+      ne.value = !ne.value;
     }
-    return (z, A) => {
-      const H = S("FmTooltip"), ve = S("FmButton"), we = S("FmPageHead");
-      return c(), C(Rl, null, {
+    return (q, E) => {
+      const Q = T("FmTooltip"), pe = T("FmButton"), Se = T("FmPageHead");
+      return p(), k(Rl, null, {
         default: V(() => [
-          d(we, {
+          d(Se, {
             "data-editor-header": "true",
-            actions: re.value,
-            "onClick:action": A[0] || (A[0] = (X) => {
-              X === "cancel" && j(), X === "save" && me();
+            actions: ie.value,
+            "onClick:action": E[0] || (E[0] = (K) => {
+              K === "cancel" && J(), K === "save" && de();
             })
           }, {
             title: V(() => [
-              f("div", yo, [
-                d(H, {
+              f("div", bo, [
+                d(Q, {
                   content: a.value,
                   placement: "bottom"
                 }, {
@@ -2068,43 +2064,43 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
                   ]),
                   _: 1
                 }, 8, ["content"]),
-                f("div", ho, [
-                  f("div", wo, [
-                    (c(), R(ye, null, Le(ie, (X) => {
-                      var te;
-                      return d(ve, {
-                        key: X.labelKey,
-                        label: t(w)(X.labelKey),
-                        variant: ((te = x.value) == null ? void 0 : te.labelKey) === X.labelKey ? "primary" : "secondary",
+                f("div", yo, [
+                  f("div", ho, [
+                    (p(), z(ke, null, Le(se, (K) => {
+                      var le;
+                      return d(pe, {
+                        key: K.labelKey,
+                        label: t(w)(K.labelKey),
+                        variant: ((le = x.value) == null ? void 0 : le.labelKey) === K.labelKey ? "primary" : "secondary",
                         size: "md",
-                        onClick: (Oe) => ce(X)
+                        onClick: ($e) => ve(K)
                       }, null, 8, ["label", "variant", "onClick"]);
                     }), 64))
                   ]),
-                  d(ve, {
+                  d(pe, {
                     icon: "screen_rotation",
                     variant: "tertiary",
                     size: "md",
                     class: "text-fm-color-typo-primary",
-                    onClick: de
+                    onClick: ce
                   })
                 ])
               ])
             ]),
             _: 1
           }, 8, ["actions"]),
-          t(O) ? (c(), C(bo, {
+          t(D) ? (p(), k(go, {
             key: 0,
-            modelValue: t(O),
-            "onUpdate:modelValue": A[1] || (A[1] = (X) => hl(O) ? O.value = X : null),
+            modelValue: t(D),
+            "onUpdate:modelValue": E[1] || (E[1] = (K) => hl(D) ? D.value = K : null),
             "read-only": N.value,
-            style: nl({ height: ue.value + "px" }),
+            style: nl({ height: me.value + "px" }),
             class: Ae(t(F).lg || t(F).md ? "flex" : ""),
-            "hide-configuration": K.value,
-            "preview-width": Y.value,
-            "preview-height": se.value,
-            "preview-scale": ne.value,
-            onHideConfiguration: A[2] || (A[2] = (X) => K.value = X)
+            "hide-configuration": ae.value,
+            "preview-width": re.value,
+            "preview-height": ee.value,
+            "preview-scale": ue.value,
+            onHideConfiguration: E[2] || (E[2] = (K) => ae.value = K)
           }, null, 8, ["modelValue", "read-only", "style", "class", "hide-configuration", "preview-width", "preview-height", "preview-scale"])) : U("", !0)
         ]),
         _: 1
@@ -2113,5 +2109,5 @@ const xt = { class: "flex flex-col gap-16" }, Ct = {
   }
 });
 export {
-  Po as default
+  zo as default
 };