@feedmepos/mf-report 5.28.1 → 5.28.2-beta.0

package/dist/{ReportEditor-JAgqGYhA.js → ReportEditor-CCheaXAp.js}

@@ -1,21 +1,21 @@
-import { defineComponent as we, mergeModels as ke, useModel as Te, ref as E, computed as g, resolveComponent as C, createBlock as x, openBlock as c, withCtx as w, createElementVNode as v, createVNode as u, unref as l, normalizeClass as Le, createTextVNode as Ae, toDisplayString as U, createElementBlock as M, Fragment as he, renderSlot as gt, createCommentVNode as I, watch as pe, renderList as Ee, onMounted as bt, onUnmounted as Dt, resolveDynamicComponent as It, isRef as yt, normalizeStyle as rt } from "vue";
-import { W as Ot, g as Ut, _ as Nt, a as Bt, e as De, S as We, d as ht, b as wt, T as Mt, c as Rt } from "./TransitionFade-DVVKEBlH.js";
-import { C as xe, D as te, b as ze, F as Je, c as Ie, u as it, i as Pe, d as ce, M as _t, r as zt, e as et, n as Pt, f as qt, g as Et, h as Lt, j as Gt, k as Wt, m as At, a as Ht, o as mt, p as tt, q as jt, Q as Ke, l as Jt, s as Kt } from "./report-35Rm6TvO.js";
+import { defineComponent as we, mergeModels as ke, useModel as Te, ref as L, computed as g, resolveComponent as C, createBlock as x, openBlock as c, withCtx as _, createElementVNode as v, createVNode as u, unref as t, normalizeClass as Le, createTextVNode as Ae, toDisplayString as U, createElementBlock as R, Fragment as he, renderSlot as gl, createCommentVNode as D, watch as ve, renderList as Ee, onMounted as bl, onUnmounted as Dl, resolveDynamicComponent as Ol, isRef as yl, normalizeStyle as rl } from "vue";
+import { W as Il, g as Ul, _ as Nl, a as Bl, e as De, S as We, d as hl, b as wl, T as Ml, c as Rl } from "./TransitionFade-BmUpvHUW.js";
+import { C as xe, D as te, b as ze, F as Je, c as Oe, u as il, i as Pe, d as pe, M as _l, r as zl, e as el, n as Pl, f as ql, g as El, h as Ll, j as Gl, k as Wl, m as Al, a as Hl, o as ml, p as ll, q as jl, Q as Qe, l as Jl, s as Ql } from "./report-a3OefqFb.js";
 import { storeToRefs as qe } from "pinia";
-import { useRouter as st, useRoute as ut } from "vue-router";
-import { useBreakpoints as Qe, useSnackbar as Ft, FmButtonColorThemeVariant as Ce } from "@feedmepos/ui-library";
-import { u as dt } from "./message-dialog-UoMWOnil.js";
-import { u as Qt } from "./global-loader-BuxFfehu.js";
+import { useRouter as sl, useRoute as ul } from "vue-router";
+import { useBreakpoints as Ke, useSnackbar as Fl, FmButtonColorThemeVariant as Ce } from "@feedmepos/ui-library";
+import { u as dl } 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 He } from "./i18n-DbyciK4x.js";
-import { _ as lt } from "./TilePageStack.vue_vue_type_script_setup_true_lang-ByOoDTHP.js";
-import { a as ot, _ as at } from "./SelectComponent.vue_vue_type_script_setup_true_lang-DW7Dk7iQ.js";
-import { d as Yt, e as Xt, i as Zt } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-BpZh4FDA.js";
-import { g as el, d as tl, _ as ct } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-Ddimiuh3.js";
-import { useCoreStore as ll } from "@feedmepos/mf-common";
-import { u as ol, a as al } from "./app-CVVEOyIu.js";
-import { d as rl } from "./DateRangeSelect-TQA-9XXm.js";
-const nl = /* @__PURE__ */ we({
+import { _ as tl } from "./TilePageStack.vue_vue_type_script_setup_true_lang-DsvTr7fz.js";
+import { a as ol, _ as al } 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-C_DJ9FoF.js";
+import { g as et, d as lt, _ as cl } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-DYRTdidI.js";
+import { useCoreStore as tt } from "@feedmepos/mf-common";
+import { u as ot, a as at } from "./app-DajOeQ5X.js";
+import { d as rt } from "./DateRangeSelect-CTRmA328.js";
+const nt = /* @__PURE__ */ we({
   __name: "WidgetDialog",
   props: /* @__PURE__ */ ke({
     isOpen: { type: Boolean }
@@ -24,41 +24,41 @@ const nl = /* @__PURE__ */ we({
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ ke(["update:isOpen"], ["update:modelValue"]),
-  setup(R, { emit: p }) {
-    const { t: d } = Ge(), { breakpoints: b } = Qe(), i = Te(R, "modelValue"), h = R, q = p;
-    function K() {
-      q("update:isOpen", !1);
+  setup(z, { emit: p }) {
+    const { t: d } = Ge(), { breakpoints: b } = Ke(), i = Te(z, "modelValue"), h = z, P = p;
+    function Q() {
+      P("update:isOpen", !1);
     }
     function T() {
-      _.value && (i.value = _.value, _.value = void 0, q("update:isOpen", !1));
+      F.value && (i.value = F.value, F.value = void 0, P("update:isOpen", !1));
     }
-    const _ = E(), D = g(() => !_.value);
-    return (Z, z) => {
+    const F = L(), O = g(() => !F.value);
+    return (X, q) => {
       const a = C("FmButton"), S = C("FmDialog");
       return c(), x(S, {
         "model-value": h.isOpen
       }, {
-        "dialog-header": w(() => [
-          Ae(U(l(d)("report.widget.type")), 1)
+        "dialog-header": _(() => [
+          Ae(U(t(d)("report.widget.type")), 1)
         ]),
-        default: w(() => [
-          u(Ot, {
-            modelValue: _.value,
-            "onUpdate:modelValue": z[0] || (z[0] = (k) => _.value = k),
-            class: Le(`grid ${l(b).lg || l(b).md ? "grid-cols-3 gap-3" : "grid-cols-2 gap-3"}`),
+        default: _(() => [
+          u(Il, {
+            modelValue: F.value,
+            "onUpdate:modelValue": q[0] || (q[0] = (k) => F.value = k),
+            class: Le(`grid ${t(b).lg || t(b).md ? "grid-cols-3 gap-3" : "grid-cols-2 gap-3"}`),
             "child-class": "p-[8px] flex flex-col"
           }, null, 8, ["modelValue", "class"])
         ]),
-        "dialog-footer": w(() => [
-          z[1] || (z[1] = v("div", { class: "grow" }, null, -1)),
+        "dialog-footer": _(() => [
+          q[1] || (q[1] = v("div", { class: "grow" }, null, -1)),
           u(a, {
-            label: l(d)("report.common.cancel"),
+            label: t(d)("report.common.cancel"),
             variant: "tertiary",
-            onClick: K
+            onClick: Q
           }, null, 8, ["label"]),
           u(a, {
-            label: l(d)("report.common.confirm"),
-            disabled: D.value,
+            label: t(d)("report.common.confirm"),
+            disabled: O.value,
             onClick: T
           }, null, 8, ["label", "disabled"])
         ]),
@@ -66,7 +66,7 @@ const nl = /* @__PURE__ */ we({
       }, 8, ["model-value"]);
     };
   }
-}), il = { class: "fm-typo-en-body-lg-600" }, nt = /* @__PURE__ */ we({
+}), it = { class: "fm-typo-en-body-lg-600" }, nl = /* @__PURE__ */ we({
   __name: "ReportEditorTabHeader",
   props: /* @__PURE__ */ ke({
     icon: {
@@ -78,70 +78,70 @@ const nl = /* @__PURE__ */ we({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(R) {
-    const { t: p } = Ge(), d = Te(R, "modelValue"), b = R;
+  setup(z) {
+    const { t: p } = Ge(), d = Te(z, "modelValue"), b = z;
     return (i, h) => {
-      const q = C("FmIcon");
-      return c(), M("div", {
+      const P = C("FmIcon");
+      return c(), R("div", {
         class: "px-6 py-16 flex items-center gap-2 bg-fm-color-neutral-white border cursor-pointer",
-        onClick: h[0] || (h[0] = (K) => d.value = !d.value)
+        onClick: h[0] || (h[0] = (Q) => d.value = !d.value)
       }, [
-        v("p", il, U(l(p)("report.editor.customizeReport")), 1),
+        v("p", it, U(t(p)("report.editor.customizeReport")), 1),
         h[1] || (h[1] = v("div", { class: "grow" }, null, -1)),
-        u(q, {
+        u(P, {
           name: b.icon
         }, null, 8, ["name"])
       ]);
     };
   }
-}), sl = /* @__PURE__ */ we({
+}), st = /* @__PURE__ */ we({
   __name: "ReportEditorTabDesktop",
   props: {
     modelValue: { required: !0, default: !1 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(R) {
-    const p = Te(R, "modelValue");
-    return (d, b) => (c(), M(he, null, [
-      u(nt, {
+  setup(z) {
+    const p = Te(z, "modelValue");
+    return (d, b) => (c(), R(he, null, [
+      u(nl, {
         modelValue: p.value,
         "onUpdate:modelValue": b[0] || (b[0] = (i) => p.value = i),
         icon: "keyboard_double_arrow_left"
       }, null, 8, ["modelValue"]),
-      gt(d.$slots, "default")
+      gl(d.$slots, "default")
     ], 64));
   }
-}), ul = /* @__PURE__ */ we({
+}), ut = /* @__PURE__ */ we({
   __name: "ReportEditorTabMobile",
   props: {
     modelValue: { required: !0, default: !1 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(R) {
-    const p = Te(R, "modelValue");
+  setup(z) {
+    const p = Te(z, "modelValue");
     return (d, b) => {
       const i = C("FmTopSheet"), h = C("FmCard");
       return c(), x(h, { class: "fixed bottom-0 w-full" }, {
-        default: w(() => [
-          u(nt, {
+        default: _(() => [
+          u(nl, {
             modelValue: p.value,
-            "onUpdate:modelValue": b[0] || (b[0] = (q) => p.value = q),
+            "onUpdate:modelValue": b[0] || (b[0] = (P) => p.value = P),
             icon: "keyboard_double_arrow_up"
           }, null, 8, ["modelValue"]),
           u(i, {
             modelValue: p.value,
-            "onUpdate:modelValue": b[2] || (b[2] = (q) => p.value = q),
+            "onUpdate:modelValue": b[2] || (b[2] = (P) => p.value = P),
             "fullscreen-size": "sm"
           }, {
-            default: w(() => [
-              u(nt, {
+            default: _(() => [
+              u(nl, {
                 modelValue: p.value,
-                "onUpdate:modelValue": b[1] || (b[1] = (q) => p.value = q),
+                "onUpdate:modelValue": b[1] || (b[1] = (P) => p.value = P),
                 icon: "keyboard_double_arrow_down"
               }, null, 8, ["modelValue"]),
-              p.value ? gt(d.$slots, "default", { key: 0 }) : I("", !0)
+              p.value ? gl(d.$slots, "default", { key: 0 }) : D("", !0)
             ]),
             _: 3
           }, 8, ["modelValue"])
@@ -150,19 +150,19 @@ const nl = /* @__PURE__ */ we({
       });
     };
   }
-}), dl = {
+}), dt = {
   key: 2,
   class: "flex flex-col gap-3 mt-2 border border-neutral-300 p-3"
-}, ml = { 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" }, cl = {
+}, 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]"
-}, pl = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, vl = { class: "pl-1" }, fl = {
+}, pt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, vt = { class: "pl-1" }, ft = {
   key: 0,
   class: "flex justify-end sm:pb-[2px]"
-}, gl = {
+}, gt = {
   key: 3,
   class: "flex flex-col gap-2"
-}, bl = /* @__PURE__ */ we({
+}, bt = /* @__PURE__ */ we({
   __name: "GlobalFilterDialog",
   props: /* @__PURE__ */ ke({
     schemas: {
@@ -182,190 +182,190 @@ const nl = /* @__PURE__ */ we({
     isOpenModifiers: {}
   }),
   emits: ["update:globalFilter", "update:isOpen"],
-  setup(R) {
-    const { t: p, te: d } = Ge(), b = Te(R, "globalFilter"), i = Te(R, "isOpen"), h = Ft(), q = R, K = E(""), T = E(), _ = E(), D = E(), Z = E([]), z = E([]), a = E(!1), S = E([]), k = E([]), Q = E(xe.Equal);
-    function ne(n) {
+  setup(z) {
+    const { t: p, te: d } = Ge(), b = Te(z, "globalFilter"), i = Te(z, "isOpen"), h = Fl(), P = z, Q = L(""), T = L(), F = L(), O = L(), X = L([]), q = L([]), a = L(!1), S = L([]), k = L([]), j = L(xe.Equal);
+    function ae(n) {
       return JSON.parse(JSON.stringify(n));
     }
-    function ue(n, e) {
+    function de(n, e) {
       return { hour: n, minute: e };
     }
-    function W(n) {
+    function A(n) {
       return n ? `${String(n.hour).padStart(2, "0")}:${String(n.minute).padStart(2, "0")}` : null;
     }
-    function A(n) {
+    function ie(n) {
       if (!n) return null;
-      const [e, t] = n.split(":").map(Number);
-      return Number.isNaN(e) || Number.isNaN(t) ? null : { hour: e, minute: t };
+      const [e, l] = n.split(":").map(Number);
+      return Number.isNaN(e) || Number.isNaN(l) ? null : { hour: e, minute: l };
     }
-    const V = g(() => _.value ? !(_.value.type === te.Timestamp && D.value === ze.DateTime) : !1), X = g(
+    const w = g(() => F.value ? !(F.value.type === te.Timestamp && O.value === ze.DateTime) : !1), K = g(
       () => {
         var n;
-        return ((n = _.value) == null ? void 0 : n.type) === te.Timestamp && D.value === ze.TimeOfDay;
+        return ((n = F.value) == null ? void 0 : n.type) === te.Timestamp && O.value === ze.TimeOfDay;
       }
-    ), le = g(() => {
+    ), re = g(() => {
       var n;
-      return (((n = _.value) == null ? void 0 : n.filterOperators) ?? []).filter((e) => e !== xe.And && e !== xe.Or).map((e) => ({
+      return (((n = F.value) == null ? void 0 : n.filterOperators) ?? []).filter((e) => e !== xe.And && e !== xe.Or).map((e) => ({
         label: p(`report.section.comparisonOperator.${e}`),
         value: e
       }));
     });
-    function oe() {
+    function Z() {
       var e;
-      const n = (e = le.value[0]) == null ? void 0 : e.value;
-      return n || (_.value ? ye(
-        _.value.type,
-        D.value ?? null
+      const n = (e = re.value[0]) == null ? void 0 : e.value;
+      return n || (F.value ? ye(
+        F.value.type,
+        O.value ?? null
       ) : xe.Equal);
     }
-    function ie(n) {
-      if (_.value)
-        return el({
-          operator: n ?? oe(),
-          dataType: _.value.type,
-          dimensionOption: _.value.type === te.Timestamp ? D.value ?? null : null,
+    function ne(n) {
+      if (F.value)
+        return et({
+          operator: n ?? Z(),
+          dataType: F.value.type,
+          dimensionOption: F.value.type === te.Timestamp ? O.value ?? null : null,
           t: p
         });
     }
     function se(n, e) {
       if (typeof (e == null ? void 0 : e.default) == "boolean" || n.length > 0 && n.every((y) => typeof y == "boolean")) {
-        const y = n.reduce((F, $) => (typeof $ == "boolean" && F.push($), F), []);
+        const y = n.reduce((V, $) => (typeof $ == "boolean" && V.push($), V), []);
         if (e)
           for (e.fixed && y.splice(e.count); y.length < e.count; )
             y.push(typeof e.default == "boolean" ? e.default : !1);
         return y;
       }
-      const s = n.reduce((y, F) => (typeof F == "string" && y.push(F), y), []);
+      const s = n.reduce((y, V) => (typeof V == "string" && y.push(V), y), []);
       if (e)
         for (e.fixed && s.splice(e.count); s.length < e.count; )
           s.push(typeof e.default == "string" ? e.default : "");
       return s;
     }
-    function de(n = Q.value) {
-      const e = ie(n), t = se(
+    function me(n = j.value) {
+      const e = ne(n), l = se(
         e ? Array(e.count).fill(e.default) : [],
         e
       );
       return {
         label: "",
         operator: n,
-        values: t
+        values: l
       };
     }
-    function P() {
+    function ue() {
       return {
         name: "",
-        startTime: ue(0, 0),
-        endTime: ue(23, 59)
+        startTime: de(0, 0),
+        endTime: de(23, 59)
       };
     }
-    function L() {
-      if (!(!V.value || !a.value)) {
-        if (X.value) {
-          k.value.length === 0 && (k.value = [P()]);
+    function N() {
+      if (!(!w.value || !a.value)) {
+        if (K.value) {
+          k.value.length === 0 && (k.value = [ue()]);
           return;
         }
-        S.value.length === 0 && (S.value = [de()]);
+        S.value.length === 0 && (S.value = [me()]);
       }
     }
-    function j() {
-      var t, s, y;
-      const n = ne(((t = b.value) == null ? void 0 : t.customOptions) ?? []), e = ne(((s = b.value) == null ? void 0 : s.customTimeRanges) ?? []);
-      Q.value = ((y = n[0]) == null ? void 0 : y.operator) ?? oe(), a.value = n.length > 0 || e.length > 0, S.value = n, k.value = e, L();
+    function E() {
+      var l, s, y;
+      const n = ae(((l = b.value) == null ? void 0 : l.customOptions) ?? []), e = ae(((s = b.value) == null ? void 0 : s.customTimeRanges) ?? []);
+      j.value = ((y = n[0]) == null ? void 0 : y.operator) ?? Z(), a.value = n.length > 0 || e.length > 0, S.value = n, k.value = e, N();
     }
-    function me(n) {
-      Q.value = n, S.value = S.value.map((e, t) => {
-        const s = S.value[t];
+    function H(n) {
+      j.value = n, S.value = S.value.map((e, l) => {
+        const s = S.value[l];
         if (!s)
-          return de(n);
-        const y = ie(n), F = se(
+          return me(n);
+        const y = ne(n), V = se(
           Array.isArray(s.values) ? [...s.values] : [],
           y
         );
         return {
           ...s,
           operator: n,
-          values: F
+          values: V
         };
       });
     }
-    function ve() {
-      S.value = [...S.value, de()];
+    function ce() {
+      S.value = [...S.value, me()];
     }
-    function J(n) {
-      S.value.length <= 1 || (S.value = S.value.filter((e, t) => t !== n));
+    function Se(n) {
+      S.value.length <= 1 || (S.value = S.value.filter((e, l) => l !== n));
     }
-    function _e() {
-      k.value = [...k.value, P()];
+    function J() {
+      k.value = [...k.value, ue()];
     }
-    function ae(n) {
+    function ee(n) {
       k.value.length <= 1 || (k.value = k.value.filter(
-        (e, t) => t !== n
+        (e, l) => l !== n
       ));
     }
-    function Se(n, e, t) {
+    function _e(n, e, l) {
       const s = k.value[n];
       s && (k.value[n] = {
         ...s,
-        [e]: A(t)
+        [e]: ie(l)
       });
     }
-    function Oe(n) {
+    function Ie(n) {
       return n.length === 0 || n.some((e) => e === "");
     }
     function Ue() {
       if (!a.value) return !0;
-      if (X.value) {
-        const t = k.value.map((y) => y.name.trim()).filter(Boolean);
+      if (K.value) {
+        const l = k.value.map((y) => y.name.trim()).filter(Boolean);
         return k.value.some(
           (y) => !y.name.trim() || !y.startTime || !y.endTime
         ) ? (h.open({
           message: p("report.section.filter.invalidCustomTimeRange"),
           type: "error"
-        }), !1) : new Set(t).size !== t.length ? (h.open({
+        }), !1) : new Set(l).size !== l.length ? (h.open({
           message: p("report.section.filter.customTimeRangeNamesMustBeUnique"),
           type: "error"
         }), !1) : !0;
       }
-      const n = S.value.map((t) => t.label.trim()).filter(Boolean);
+      const n = S.value.map((l) => l.label.trim()).filter(Boolean);
       return S.value.some(
-        (t) => !t.label.trim() || Oe(t.values)
+        (l) => !l.label.trim() || Ie(l.values)
       ) ? (h.open({ message: p("report.section.filter.invalidCustomOption"), type: "error" }), !1) : new Set(n).size !== n.length ? (h.open({
         message: p("report.section.filter.customOptionLabelsMustBeUnique"),
         type: "error"
       }), !1) : !0;
     }
-    pe(i, (n) => {
-      var e, t, s, y, F;
-      n && (K.value = ((e = b.value) == null ? void 0 : e.label) || "", T.value = q.schemas.find(
+    ve(i, (n) => {
+      var e, l, s, y, V;
+      n && (Q.value = ((e = b.value) == null ? void 0 : e.label) || "", T.value = P.schemas.find(
         ($) => {
-          var B;
-          return $.name === ((B = b.value) == null ? void 0 : B.schemaName);
+          var M;
+          return $.name === ((M = b.value) == null ? void 0 : M.schemaName);
         }
-      ), _.value = (t = ge.value.find(
+      ), F.value = (l = ge.value.find(
         ($) => {
-          var B;
-          return $.value.name === ((B = b.value) == null ? void 0 : B.name);
+          var M;
+          return $.value.name === ((M = b.value) == null ? void 0 : M.name);
         }
-      )) == null ? void 0 : t.value, D.value = (s = b.value) == null ? void 0 : s.option, Z.value = ((y = b.value) == null ? void 0 : y.tileIds) || [], z.value = ((F = b.value) == null ? void 0 : F.filters) || [], j());
-    }), pe(a, (n) => {
+      )) == null ? void 0 : l.value, O.value = (s = b.value) == null ? void 0 : s.option, X.value = ((y = b.value) == null ? void 0 : y.tileIds) || [], q.value = ((V = b.value) == null ? void 0 : V.filters) || [], E());
+    }), ve(a, (n) => {
       var e;
-      n && (Q.value = ((e = S.value[0]) == null ? void 0 : e.operator) ?? oe(), L());
-    }), pe(V, (n) => {
+      n && (j.value = ((e = S.value[0]) == null ? void 0 : e.operator) ?? Z(), N());
+    }), ve(w, (n) => {
       if (!n) {
         a.value = !1, S.value = [], k.value = [];
         return;
       }
-      L();
-    }), pe(X, () => {
-      L();
-    }), pe(le, (n) => {
-      var t;
-      const e = (t = n[0]) == null ? void 0 : t.value;
-      e && (n.some((s) => s.value === Q.value) || me(e));
+      N();
+    }), ve(K, () => {
+      N();
+    }), ve(re, (n) => {
+      var l;
+      const e = (l = n[0]) == null ? void 0 : l.value;
+      e && (n.some((s) => s.value === j.value) || H(e));
     });
     const fe = g(
-      () => q.schemas.map((n) => ({
+      () => P.schemas.map((n) => ({
         label: n.label || n.name,
         value: n
       }))
@@ -377,18 +377,18 @@ const nl = /* @__PURE__ */ we({
       }));
     }), Ne = g(() => {
       var n;
-      return ((n = _.value) == null ? void 0 : n.type) !== te.Timestamp ? [] : Ut(p);
-    }), Be = g(() => q.tiles.reduce((n, e, t) => {
-      var F, $, B, G, O;
-      const s = ((F = e.widget) == null ? void 0 : F.config.schemaNames) ?? [], y = ((($ = e.widget) == null ? void 0 : $.config.joinDatasources) ?? []).flatMap(
-        (re) => re.schemaNames ?? []
+      return ((n = F.value) == null ? void 0 : n.type) !== te.Timestamp ? [] : Ul(p);
+    }), Be = g(() => P.tiles.reduce((n, e, l) => {
+      var V, $, M, G, I;
+      const s = ((V = e.widget) == null ? void 0 : V.config.schemaNames) ?? [], y = ((($ = e.widget) == null ? void 0 : $.config.joinDatasources) ?? []).flatMap(
+        (oe) => oe.schemaNames ?? []
       );
-      return [...s, ...y].includes(((B = T.value) == null ? void 0 : B.name) || "") && n.push({
-        label: (O = (G = e.widget) == null ? void 0 : G.title) != null && O.trim() ? e.widget.title : `Widget ${t + 1}`,
+      return [...s, ...y].includes(((M = T.value) == null ? void 0 : M.name) || "") && n.push({
+        label: (I = (G = e.widget) == null ? void 0 : G.title) != null && I.trim() ? e.widget.title : `Widget ${l + 1}`,
         value: e.id
       }), n;
     }, [])), Me = g(
-      () => q.schemas.flatMap(
+      () => P.schemas.flatMap(
         (n) => (n.fields ?? []).map((e) => ({
           ...e,
           labels: [
@@ -400,10 +400,10 @@ const nl = /* @__PURE__ */ we({
     );
     function be(n) {
       var e;
-      n.name !== ((e = T.value) == null ? void 0 : e.name) && (T.value = n, _.value = void 0, Q.value = xe.Equal, a.value = !1, S.value = [], k.value = []);
+      n.name !== ((e = T.value) == null ? void 0 : e.name) && (T.value = n, F.value = void 0, j.value = xe.Equal, a.value = !1, S.value = [], k.value = []);
     }
     function Fe(n) {
-      _.value = n, D.value = n.type === te.Timestamp ? ze.DateTime : void 0, Q.value = oe(), a.value = !1, S.value = [], k.value = [];
+      F.value = n, O.value = n.type === te.Timestamp ? ze.DateTime : void 0, j.value = Z(), a.value = !1, S.value = [], k.value = [];
     }
     function ye(n, e) {
       switch (n) {
@@ -422,13 +422,13 @@ const nl = /* @__PURE__ */ we({
         h.open({ message: p("report.section.filter.invalidSchema"), type: "error" });
         return;
       }
-      if (!_.value) {
+      if (!F.value) {
         h.open({ message: p("report.section.filter.invalidDimension"), type: "error" });
         return;
       }
-      const n = z.value.filter((s) => s ? !fe.value.some((F) => F.value.name === s.schemaName) : !0);
+      const n = q.value.filter((s) => s ? !fe.value.some((V) => V.value.name === s.schemaName) : !0);
       if (n.length > 0) {
-        const s = n.filter((F) => !!F).map((F) => F.schemaName), y = n.some((F) => !F) ? `, ${p("report.section.filter.unknownFilters")}` : "";
+        const s = n.filter((V) => !!V).map((V) => V.schemaName), y = n.some((V) => !V) ? `, ${p("report.section.filter.unknownFilters")}` : "";
         h.open({
           message: p("report.section.filter.invalidFiltersSchemaNotFound", {
             schemas: s.join(", "),
@@ -440,188 +440,188 @@ const nl = /* @__PURE__ */ we({
       }
       if (!Ue())
         return;
-      const e = a.value && !X.value ? S.value.map((s) => ({
+      const e = a.value && !K.value ? S.value.map((s) => ({
         label: s.label.trim(),
-        operator: s.operator ?? oe(),
+        operator: s.operator ?? Z(),
         values: se(
           [...s.values],
-          ie(s.operator)
+          ne(s.operator)
         )
-      })) : void 0, t = a.value && X.value ? k.value.map((s) => ({
+      })) : void 0, l = a.value && K.value ? k.value.map((s) => ({
         name: s.name.trim(),
         startTime: s.startTime,
         endTime: s.endTime
       })) : void 0;
       b.value = {
         schemaName: T.value.name,
-        name: _.value.name,
-        label: K.value,
+        name: F.value.name,
+        label: Q.value,
         operator: ye(
-          _.value.type,
-          _.value.type === te.Timestamp ? D.value ?? ze.DateTime : null
+          F.value.type,
+          F.value.type === te.Timestamp ? O.value ?? ze.DateTime : null
         ),
-        option: _.value.type === te.Timestamp ? D.value : null,
+        option: F.value.type === te.Timestamp ? O.value : null,
         values: [],
-        tileIds: [...Z.value],
-        filters: ne(z.value),
+        tileIds: [...X.value],
+        filters: ae(q.value),
         customOptions: e,
-        customTimeRanges: t
+        customTimeRanges: l
       }, i.value = !1;
     }
-    function ee() {
+    function le() {
       i.value = !1;
     }
     const $e = g(() => {
       var n;
       return [
         (n = T.value) == null ? void 0 : n.name,
-        ...z.value.map((e) => e.schemaName)
+        ...q.value.map((e) => e.schemaName)
       ];
     });
     function Re(n) {
       var r;
-      const e = q.tiles.find((f) => f.id === n.value);
-      if (!e || !T.value || !_.value) return null;
-      const t = (r = e == null ? void 0 : e.widget) == null ? void 0 : r.config, s = (t == null ? void 0 : t.schemaNames) ?? [], y = ((t == null ? void 0 : t.joinDatasources) ?? []).flatMap(
+      const e = P.tiles.find((f) => f.id === n.value);
+      if (!e || !T.value || !F.value) return null;
+      const l = (r = e == null ? void 0 : e.widget) == null ? void 0 : r.config, s = (l == null ? void 0 : l.schemaNames) ?? [], y = ((l == null ? void 0 : l.joinDatasources) ?? []).flatMap(
         (f) => f.schemaNames ?? []
-      ), F = [...s, ...y], $ = $e.value.filter((f) => !!f).some((f) => !F.includes(f)), B = _.value.type === te.Timestamp;
+      ), V = [...s, ...y], $ = $e.value.filter((f) => !!f).some((f) => !V.includes(f)), M = F.value.type === te.Timestamp;
       if ($)
         return p(
-          B ? "report.section.filter.missingFilterSchema" : "report.section.filter.missingFilterSchemaOrDimension"
+          M ? "report.section.filter.missingFilterSchema" : "report.section.filter.missingFilterSchemaOrDimension"
         );
-      if (B) return null;
-      const G = ((t == null ? void 0 : t.dimensions) ?? []).map((f) => ({
+      if (M) return null;
+      const G = ((l == null ? void 0 : l.dimensions) ?? []).map((f) => ({
         schemaName: f.schemaName,
         name: f.name
-      })), O = ((t == null ? void 0 : t.joinDatasources) ?? []).flatMap(
-        (f) => (f.dimensions ?? []).map((H) => ({
-          schemaName: H.schemaName,
-          name: H.name
+      })), I = ((l == null ? void 0 : l.joinDatasources) ?? []).flatMap(
+        (f) => (f.dimensions ?? []).map((W) => ({
+          schemaName: W.schemaName,
+          name: W.name
         }))
-      ), re = [...G, ...O], Y = T.value.name, m = _.value.name;
-      return re.some(
+      ), oe = [...G, ...I], Y = T.value.name, m = F.value.name;
+      return oe.some(
         (f) => f.schemaName === Y && f.name === m
       ) ? null : p("report.section.filter.missingFilterSchemaOrDimension");
     }
     return (n, e) => {
-      const t = C("FmTextField"), s = C("FmSelect"), y = C("FmCheckbox"), F = C("FmTimePicker"), $ = C("FmButton"), B = C("FmLabel"), G = C("FmIcon"), O = C("FmTooltip"), re = C("FmForm"), Y = C("FmDialog");
+      const l = C("FmTextField"), s = C("FmSelect"), y = C("FmCheckbox"), V = C("FmTimePicker"), $ = C("FmButton"), M = C("FmLabel"), G = C("FmIcon"), I = C("FmTooltip"), oe = C("FmForm"), Y = C("FmDialog");
       return c(), x(Y, {
         modelValue: i.value,
         "onUpdate:modelValue": e[9] || (e[9] = (m) => i.value = m),
         overlay: !0,
         "z-index": 10
       }, {
-        "dialog-header": w(() => [
-          Ae(U(l(p)("report.section.filter.globalFilter")), 1)
+        "dialog-header": _(() => [
+          Ae(U(t(p)("report.section.filter.globalFilter")), 1)
         ]),
-        default: w(() => [
-          u(re, {
+        default: _(() => [
+          u(oe, {
             ref: "form",
             class: "flex flex-col gap-2 w-[490px]"
           }, {
-            default: w(() => {
+            default: _(() => {
               var m;
               return [
-                u(t, {
-                  modelValue: K.value,
-                  "onUpdate:modelValue": e[0] || (e[0] = (o) => K.value = o),
-                  placeholder: l(p)("report.section.filter.displayName"),
-                  label: l(p)("report.section.filter.displayName"),
+                u(l, {
+                  modelValue: Q.value,
+                  "onUpdate:modelValue": e[0] || (e[0] = (o) => Q.value = o),
+                  placeholder: t(p)("report.section.filter.displayName"),
+                  label: t(p)("report.section.filter.displayName"),
                   class: "mb-2"
                 }, null, 8, ["modelValue", "placeholder", "label"]),
-                u(ot, {
+                u(ol, {
                   "model-value": T.value,
                   items: fe.value,
-                  placeholder: l(p)("report.section.schema.title"),
-                  label: l(p)("report.section.schema.title"),
+                  placeholder: t(p)("report.section.schema.title"),
+                  label: t(p)("report.section.schema.title"),
                   "onUpdate:modelValue": e[1] || (e[1] = (o) => be(o))
                 }, null, 8, ["model-value", "items", "placeholder", "label"]),
-                u(ot, {
-                  "model-value": _.value,
+                u(ol, {
+                  "model-value": F.value,
                   items: ge.value,
-                  placeholder: l(p)("report.section.dimension.title"),
-                  label: l(p)("report.section.dimension.title"),
+                  placeholder: t(p)("report.section.dimension.title"),
+                  label: t(p)("report.section.dimension.title"),
                   "onUpdate:modelValue": e[2] || (e[2] = (o) => Fe(o))
                 }, null, 8, ["model-value", "items", "placeholder", "label"]),
-                ((m = _.value) == null ? void 0 : m.type) === l(te).Timestamp ? (c(), x(s, {
+                ((m = F.value) == null ? void 0 : m.type) === t(te).Timestamp ? (c(), x(s, {
                   key: 0,
-                  modelValue: D.value,
-                  "onUpdate:modelValue": e[3] || (e[3] = (o) => D.value = o),
+                  modelValue: O.value,
+                  "onUpdate:modelValue": e[3] || (e[3] = (o) => O.value = o),
                   items: Ne.value,
-                  placeholder: l(p)("report.section.filter.timeFormatter"),
-                  label: l(p)("report.section.filter.timeFormatter")
-                }, null, 8, ["modelValue", "items", "placeholder", "label"])) : I("", !0),
-                V.value ? (c(), x(y, {
+                  placeholder: t(p)("report.section.filter.timeFormatter"),
+                  label: t(p)("report.section.filter.timeFormatter")
+                }, null, 8, ["modelValue", "items", "placeholder", "label"])) : D("", !0),
+                w.value ? (c(), x(y, {
                   key: 1,
                   modelValue: a.value,
                   "onUpdate:modelValue": e[4] || (e[4] = (o) => a.value = o),
-                  label: l(p)("report.section.filter.customOptions"),
+                  label: t(p)("report.section.filter.customOptions"),
                   value: !0
-                }, null, 8, ["modelValue", "label"])) : I("", !0),
-                V.value && a.value ? (c(), M("div", dl, [
-                  X.value ? (c(!0), M(he, { key: 0 }, Ee(k.value, (o, r) => (c(), M("div", {
+                }, null, 8, ["modelValue", "label"])) : D("", !0),
+                w.value && a.value ? (c(), R("div", dt, [
+                  K.value ? (c(!0), R(he, { key: 0 }, Ee(k.value, (o, r) => (c(), R("div", {
                     key: `custom-time-range-${r}`,
                     class: "flex flex-col gap-2"
                   }, [
-                    v("div", ml, [
-                      u(t, {
+                    v("div", mt, [
+                      u(l, {
                         modelValue: o.name,
                         "onUpdate:modelValue": (f) => o.name = f,
-                        label: l(p)("report.section.filter.label")
+                        label: t(p)("report.section.filter.label")
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "label"]),
-                      u(F, {
-                        "model-value": W(o.startTime),
-                        label: l(p)("report.date.startingTime"),
-                        "onUpdate:modelValue": (f) => Se(r, "startTime", f)
+                      u(V, {
+                        "model-value": A(o.startTime),
+                        label: t(p)("report.date.startingTime"),
+                        "onUpdate:modelValue": (f) => _e(r, "startTime", f)
                       }, null, 8, ["model-value", "label", "onUpdate:modelValue"]),
-                      u(F, {
-                        "model-value": W(o.endTime),
-                        label: l(p)("report.date.endingTime"),
-                        "onUpdate:modelValue": (f) => Se(r, "endTime", f)
+                      u(V, {
+                        "model-value": A(o.endTime),
+                        label: t(p)("report.date.endingTime"),
+                        "onUpdate:modelValue": (f) => _e(r, "endTime", f)
                       }, null, 8, ["model-value", "label", "onUpdate:modelValue"]),
-                      k.value.length > 1 ? (c(), M("div", cl, [
+                      k.value.length > 1 ? (c(), R("div", ct, [
                         u($, {
                           icon: "delete",
                           variant: "tertiary",
-                          onClick: (f) => ae(r)
+                          onClick: (f) => ee(r)
                         }, null, 8, ["onClick"])
-                      ])) : I("", !0)
+                      ])) : D("", !0)
                     ])
-                  ]))), 128)) : (c(), M(he, { key: 1 }, [
-                    v("p", pl, U(l(p)("report.section.filter.operator")), 1),
-                    le.value.length > 0 ? (c(), x(ot, {
+                  ]))), 128)) : (c(), R(he, { key: 1 }, [
+                    v("p", pt, U(t(p)("report.section.filter.operator")), 1),
+                    re.value.length > 0 ? (c(), x(ol, {
                       key: 0,
-                      "model-value": Q.value,
-                      items: le.value,
-                      placeholder: l(p)("report.section.filter.operator"),
-                      "onUpdate:modelValue": e[5] || (e[5] = (o) => me(o))
-                    }, null, 8, ["model-value", "items", "placeholder"])) : I("", !0),
-                    (c(!0), M(he, null, Ee(S.value, (o, r) => (c(), M("div", {
+                      "model-value": j.value,
+                      items: re.value,
+                      placeholder: t(p)("report.section.filter.operator"),
+                      "onUpdate:modelValue": e[5] || (e[5] = (o) => H(o))
+                    }, null, 8, ["model-value", "items", "placeholder"])) : D("", !0),
+                    (c(!0), R(he, null, Ee(S.value, (o, r) => (c(), R("div", {
                       key: `custom-option-${r}`,
                       class: "flex flex-col gap-2"
                     }, [
                       v("div", {
                         class: Le(["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]"])
                       }, [
-                        v("span", vl, U(l(p)("report.section.filter.label")), 1),
-                        u(t, {
+                        v("span", vt, U(t(p)("report.section.filter.label")), 1),
+                        u(l, {
                           modelValue: o.label,
                           "onUpdate:modelValue": (f) => o.label = f
                         }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                        (c(), x(Nt, {
-                          key: `custom-option-value-${r}-${o.operator ?? ""}-${D.value ?? ""}`,
+                        (c(), x(Nl, {
+                          key: `custom-option-value-${r}-${o.operator ?? ""}-${O.value ?? ""}`,
                           modelValue: o.values,
                           "onUpdate:modelValue": (f) => o.values = f,
-                          config: ie(o.operator),
-                          option: D.value
+                          config: ne(o.operator),
+                          option: O.value
                         }, null, 8, ["modelValue", "onUpdate:modelValue", "config", "option"])),
-                        S.value.length > 1 ? (c(), M("div", fl, [
+                        S.value.length > 1 ? (c(), R("div", ft, [
                           u($, {
                             icon: "delete",
                             variant: "tertiary",
-                            onClick: (f) => J(r)
+                            onClick: (f) => Se(r)
                           }, null, 8, ["onClick"])
-                        ])) : I("", !0)
+                        ])) : D("", !0)
                       ])
                     ]))), 128))
                   ], 64)),
@@ -630,65 +630,65 @@ const nl = /* @__PURE__ */ we({
                     variant: "primary",
                     icon: "add",
                     "icon-position": "prepend",
-                    onClick: e[6] || (e[6] = (o) => X.value ? _e() : ve())
+                    onClick: e[6] || (e[6] = (o) => K.value ? J() : ce())
                   })
-                ])) : I("", !0),
-                u(Bt, {
-                  modelValue: z.value,
-                  "onUpdate:modelValue": e[7] || (e[7] = (o) => z.value = o),
+                ])) : D("", !0),
+                u(Bl, {
+                  modelValue: q.value,
+                  "onUpdate:modelValue": e[7] || (e[7] = (o) => q.value = o),
                   options: Me.value
                 }, null, 8, ["modelValue", "options"]),
-                u(B, { class: "mt-2 fm-typo-en-body-lg-600" }, {
-                  default: w(() => [
-                    Ae(U(l(p)("report.section.filter.applyWidget")), 1)
+                u(M, { class: "mt-2 fm-typo-en-body-lg-600" }, {
+                  default: _(() => [
+                    Ae(U(t(p)("report.section.filter.applyWidget")), 1)
                   ]),
                   _: 1
                 }),
-                R.tiles.length > 0 ? (c(), M("div", gl, [
-                  (c(!0), M(he, null, Ee(Be.value, (o) => (c(), M("div", {
+                z.tiles.length > 0 ? (c(), R("div", gt, [
+                  (c(!0), R(he, null, Ee(Be.value, (o) => (c(), R("div", {
                     key: o.value,
                     class: "flex items-center"
                   }, [
                     u(y, {
-                      modelValue: Z.value,
-                      "onUpdate:modelValue": e[8] || (e[8] = (r) => Z.value = r),
+                      modelValue: X.value,
+                      "onUpdate:modelValue": e[8] || (e[8] = (r) => X.value = r),
                       label: o.label,
                       value: o.value
                     }, null, 8, ["modelValue", "label", "value"]),
-                    Re(o) ? (c(), x(O, {
+                    Re(o) ? (c(), x(I, {
                       key: 0,
                       content: Re(o) ?? void 0,
                       "z-index": 99,
                       class: "ml-2"
                     }, {
-                      default: w(() => [
+                      default: _(() => [
                         u(G, {
                           name: "warning",
                           class: "text-fm-color-system-error-300"
                         })
                       ]),
                       _: 2
-                    }, 1032, ["content"])) : I("", !0)
+                    }, 1032, ["content"])) : D("", !0)
                   ]))), 128))
-                ])) : (c(), x(B, {
+                ])) : (c(), x(M, {
                   key: 4,
                   class: "fm-typo-en-body-lg-400",
-                  label: l(p)("report.section.filter.noWidget")
+                  label: t(p)("report.section.filter.noWidget")
                 }, null, 8, ["label"]))
               ];
             }),
             _: 1
           }, 512)
         ]),
-        "dialog-footer": w(() => [
+        "dialog-footer": _(() => [
           e[10] || (e[10] = v("div", { class: "grow" }, null, -1)),
           u($, {
-            label: l(p)("report.common.cancel"),
+            label: t(p)("report.common.cancel"),
             variant: "tertiary",
-            onClick: ee
+            onClick: le
           }, null, 8, ["label"]),
           u($, {
-            label: l(p)("report.common.confirm"),
+            label: t(p)("report.common.confirm"),
             onClick: Ve
           }, null, 8, ["label"])
         ]),
@@ -696,14 +696,14 @@ const nl = /* @__PURE__ */ we({
       }, 8, ["modelValue"]);
     };
   }
-}), yl = 8.4375, hl = 1024 ** 4, wl = {
+}), yt = 8.4375, ht = 1024 ** 4, wt = {
   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" }
-}, _l = { rate: 1, currency: "USD", symbol: "$" };
-function pt(R, p) {
-  const d = R / hl * yl, { rate: b, currency: i, symbol: h } = wl[p] ?? _l;
+}, _t = { rate: 1, currency: "USD", symbol: "$" };
+function pl(z, p) {
+  const d = z / ht * yt, { rate: b, currency: i, symbol: h } = wt[p] ?? _t;
   return {
     amount: d * b,
     currency: i,
@@ -711,142 +711,142 @@ function pt(R, p) {
     costUsd: d
   };
 }
-function vt(R, p) {
-  return R < 0.01 ? `< ${p}0.01` : `${p}${R.toFixed(2)}`;
+function vl(z, p) {
+  return z < 0.01 ? `< ${p}0.01` : `${p}${z.toFixed(2)}`;
 }
-const Fl = { class: "flex flex-col gap-16" }, Vl = {
+const Ft = { class: "flex flex-col gap-16" }, Vt = {
   key: 0,
   class: "flex flex-col gap-8"
-}, xl = { class: "flex items-center gap-4 pb-8 border-b border-neutral-300" }, Cl = ["title"], kl = { class: "fm-typo-en-title-sm-600 pt-8" }, Tl = { class: "mx-16 flex flex-col gap-12 py-4" }, Sl = { class: "fm-typo-en-body-lg-600" }, $l = { class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary" }, Dl = { class: "flex flex-col gap-12 border-t border-neutral-200 pt-12" }, Il = { class: "fm-typo-en-body-lg-600" }, Ol = { class: "grid grid-cols-2 items-end gap-12" }, Ul = { class: "flex flex-col gap-8 min-w-0" }, Nl = { class: "fm-typo-en-body-sm-600 whitespace-nowrap" }, Bl = { class: "flex gap-8" }, Ml = { class: "grid grid-cols-2 items-end gap-12" }, Rl = { class: "flex flex-col gap-8 min-w-0" }, zl = { class: "fm-typo-en-body-sm-600 whitespace-nowrap" }, Pl = { class: "flex gap-8" }, ql = {
+}, xt = { class: "flex items-center gap-4 pb-8 border-b border-neutral-300" }, Ct = ["title"], kt = { class: "fm-typo-en-title-sm-600 pt-8" }, Tt = { class: "mx-16 flex flex-col gap-12 py-4" }, St = { class: "fm-typo-en-body-lg-600" }, $t = { class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary" }, Dt = { class: "flex flex-col gap-12 border-t border-neutral-200 pt-12" }, Ot = { class: "fm-typo-en-body-lg-600" }, It = { class: "grid grid-cols-2 items-end gap-12" }, Ut = { class: "flex flex-col gap-8 min-w-0" }, Nt = { class: "fm-typo-en-body-sm-600 whitespace-nowrap" }, Bt = { class: "flex gap-8" }, Mt = { class: "grid grid-cols-2 items-end gap-12" }, Rt = { class: "flex flex-col gap-8 min-w-0" }, zt = { class: "fm-typo-en-body-sm-600 whitespace-nowrap" }, Pt = { class: "flex gap-8" }, qt = {
   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"
-}, El = ["onClick"], Ll = ["title"], Gl = {
+}, Et = ["onClick"], Lt = ["title"], Gt = {
   key: 0,
   class: "text-fm-color-typo-secondary"
-}, Wl = { class: "text-fm-color-system-error-300" }, Al = { class: "w-full text-left" }, Hl = /* @__PURE__ */ we({
+}, Wt = { class: "text-fm-color-system-error-300" }, At = { class: "w-full text-left" }, Ht = /* @__PURE__ */ we({
   __name: "TileDrillPanel",
   props: {
     report: {}
   },
   emits: ["add-widget"],
-  setup(R, { emit: p }) {
-    const d = R, b = p, { t: i, te: h } = Ge(), q = [
+  setup(z, { emit: p }) {
+    const d = z, b = p, { t: i, te: h } = Ge(), P = [
       { label: i("report.tile.widget.icon.small"), value: Je.Small },
       { label: i("report.tile.widget.icon.medium"), value: Je.Medium },
       { label: i("report.tile.widget.icon.large"), value: Je.Large },
       { label: i("report.tile.widget.icon.extraLarge"), value: Je.ExtraLarge }
-    ], K = [
-      { label: i("report.tile.widget.icon.material"), value: Ie.Material },
-      { label: i("report.tile.widget.icon.customSvg"), value: Ie.Custom }
-    ], T = st(), _ = ut(), { promptMessage: D } = dt(), Z = it(), z = g(() => {
+    ], Q = [
+      { label: i("report.tile.widget.icon.material"), value: Oe.Material },
+      { label: i("report.tile.widget.icon.customSvg"), value: Oe.Custom }
+    ], T = sl(), F = ul(), { promptMessage: O } = dl(), X = il(), q = g(() => {
       const e = [];
-      let t = d.report.tiles;
+      let l = d.report.tiles;
       for (const s of De.value) {
-        const y = t.find((F) => F.id === s);
+        const y = l.find((V) => V.id === s);
         if (!y) break;
-        e.push(y), t = y.tiles ?? [];
+        e.push(y), l = y.tiles ?? [];
       }
       return e;
     });
-    pe(z, (e) => {
-      e.length !== De.value.length && (De.value = e.map((t) => t.id));
+    ve(q, (e) => {
+      e.length !== De.value.length && (De.value = e.map((l) => l.id));
     });
-    const a = g(() => z.value[z.value.length - 1] ?? null), S = g(() => z.value[z.value.length - 2] ?? null), k = g(
+    const a = g(() => q.value[q.value.length - 1] ?? null), S = g(() => q.value[q.value.length - 2] ?? null), k = g(
       () => a.value ? a.value.tiles ?? [] : d.report.tiles
-    ), Q = g(() => {
+    ), j = g(() => {
       var e;
       return ((e = a.value) == null ? void 0 : e.id) ?? null;
-    }), ne = g(() => z.value.length === 0), ue = g(() => a.value ? Pe(a.value) : !1), W = g(
+    }), ae = g(() => q.value.length === 0), de = g(() => a.value ? Pe(a.value) : !1), A = g(
       () => S.value ? Pe(S.value) : !1
-    ), A = g(() => a.value ? ce(a.value) : !1), V = g(
-      () => z.value.reduce(
-        (e, t) => Pe(t) ? e : ce(t) ? 1 : e + 1,
+    ), ie = g(() => a.value ? pe(a.value) : !1), w = g(
+      () => q.value.reduce(
+        (e, l) => Pe(l) ? e : pe(l) ? 1 : e + 1,
         1
       )
-    ), X = g(() => !ue.value && V.value < _t), le = g(() => ne.value);
-    function oe(e) {
-      e.widget && !ce(e) || (De.value = [...De.value, e.id]);
+    ), K = g(() => !de.value && w.value < _l), re = g(() => ae.value);
+    function Z(e) {
+      e.widget && !pe(e) || (De.value = [...De.value, e.id]);
     }
-    function ie() {
+    function ne() {
       De.value = De.value.slice(0, -1);
     }
     function se(e) {
       if (!e) return "";
-      const t = `report.widget.types.${e.toLowerCase()}`;
-      return h(t) ? i(t) : He(i, h, e, "other");
+      const l = `report.widget.types.${e.toLowerCase()}`;
+      return h(l) ? i(l) : He(i, h, e, "other");
     }
-    function de(e, t) {
+    function me(e, l) {
       if (e.widget) {
-        const s = e.widget.title ? se(e.widget.title) : i("report.editor.widget", { index: t + 1 });
-        return ce(e) ? `${s} · ${i("report.editor.page")}` : s;
+        const s = e.widget.title ? se(e.widget.title) : i("report.editor.widget", { index: l + 1 });
+        return pe(e) ? `${s} · ${i("report.editor.page")}` : s;
       }
-      return e.tabTitle !== void 0 ? e.tabTitle || i("report.editor.tab", { index: t + 1 }) : e.title ? e.title : Pe(e) ? i("report.editor.tabGroup") : i("report.editor.group");
+      return e.tabTitle !== void 0 ? e.tabTitle || i("report.editor.tab", { index: l + 1 }) : e.title ? e.title : Pe(e) ? i("report.editor.tabGroup") : i("report.editor.group");
     }
-    function P(e, t) {
-      return !e.widget && ue.value ? e.tabTitle || i("report.editor.tab", { index: t + 1 }) : de(e, t);
+    function ue(e, l) {
+      return !e.widget && de.value ? e.tabTitle || i("report.editor.tab", { index: l + 1 }) : me(e, l);
     }
-    function L(e) {
-      var t;
-      return ((t = e.tiles) == null ? void 0 : t.length) ?? 0;
+    function N(e) {
+      var l;
+      return ((l = e.tiles) == null ? void 0 : l.length) ?? 0;
     }
-    const j = g(
-      () => z.value.map((e, t) => de(e, t)).join(" › ")
+    const E = g(
+      () => q.value.map((e, l) => me(e, l)).join(" › ")
     );
-    function me(e, t) {
-      wt.value = Q.value, Z.editingTileIndex = t, Z.editingTile = JSON.parse(JSON.stringify(e)), T.push({ name: "tileEditor", query: _.query });
+    function H(e, l) {
+      wl.value = j.value, X.editingTileIndex = l, X.editingTile = JSON.parse(JSON.stringify(e)), T.push({ name: "tileEditor", query: F.query });
     }
-    function ve(e, t) {
-      k.value.splice(t + 1, 0, zt(e));
+    function ce(e, l) {
+      k.value.splice(l + 1, 0, zl(e));
     }
-    async function J(e, t) {
-      var F;
-      if (!await D({
+    async function Se(e, l) {
+      var V;
+      if (!await O({
         title: i("report.editor.deleteWidget"),
-        message: i("report.editor.deleteWidgetConfirm", { title: P(e, t) })
+        message: i("report.editor.deleteWidgetConfirm", { title: ue(e, l) })
       })) return;
-      const y = et(e);
-      k.value.splice(t, 1), (F = d.report.globalFilters) == null || F.forEach(($) => {
-        var B;
-        $.tileIds = (B = $.tileIds) == null ? void 0 : B.filter((G) => !y.includes(G));
+      const y = el(e);
+      k.value.splice(l, 1), (V = d.report.globalFilters) == null || V.forEach(($) => {
+        var M;
+        $.tileIds = (M = $.tileIds) == null ? void 0 : M.filter((G) => !y.includes(G));
       });
     }
-    function _e() {
-      a.value && (a.value.tiles || (a.value.tiles = []), a.value.tiles.push(Pt(a.value.tiles.length + 1)));
+    function J() {
+      a.value && (a.value.tiles || (a.value.tiles = []), a.value.tiles.push(Pl(a.value.tiles.length + 1)));
     }
-    function ae(e) {
-      qt(e);
+    function ee(e) {
+      ql(e);
     }
-    async function Se(e, t) {
-      var F;
-      if (!await D({
+    async function _e(e, l) {
+      var V;
+      if (!await O({
         title: i("report.editor.removePage"),
-        message: i("report.editor.removePageConfirm", { title: P(e, t) })
+        message: i("report.editor.removePageConfirm", { title: ue(e, l) })
       })) return;
-      const y = et(e).filter(($) => $ !== e.id);
-      (F = d.report.globalFilters) == null || F.forEach(($) => {
-        var B;
-        $.tileIds = (B = $.tileIds) == null ? void 0 : B.filter((G) => !y.includes(G));
-      }), Et(e);
+      const y = el(e).filter(($) => $ !== e.id);
+      (V = d.report.globalFilters) == null || V.forEach(($) => {
+        var M;
+        $.tileIds = (M = $.tileIds) == null ? void 0 : M.filter((G) => !y.includes(G));
+      }), El(e);
     }
-    function Oe() {
-      k.value.push(Lt());
+    function Ie() {
+      k.value.push(Ll());
     }
     function Ue() {
-      k.value.push(Gt());
+      k.value.push(Gl());
     }
     function fe(e) {
       var s;
-      const t = Number((s = e.size) == null ? void 0 : s.width);
-      e.size || (e.size = { width: 12, height: 12 }), !Number.isFinite(t) || t < 1 ? e.size.width = 1 : t > 12 && (e.size.width = 12);
+      const l = Number((s = e.size) == null ? void 0 : s.width);
+      e.size || (e.size = { width: 12, height: 12 }), !Number.isFinite(l) || l < 1 ? e.size.width = 1 : l > 12 && (e.size.width = 12);
     }
     function ge(e) {
       var s;
-      const t = Number((s = e.size) == null ? void 0 : s.height);
-      e.size || (e.size = { width: 12, height: 12 }), !Number.isFinite(t) || t < 1 ? e.size.height = 1 : t > 12 && (e.size.height = 12);
+      const l = Number((s = e.size) == null ? void 0 : s.height);
+      e.size || (e.size = { width: 12, height: 12 }), !Number.isFinite(l) || l < 1 ? e.size.height = 1 : l > 12 && (e.size.height = 12);
     }
-    function Ne(e, t) {
-      const s = Number(e[t]);
-      !Number.isFinite(s) || s < 1 ? e[t] = 1 : s > 24 && (e[t] = 24);
+    function Ne(e, l) {
+      const s = Number(e[l]);
+      !Number.isFinite(s) || s < 1 ? e[l] = 1 : s > 24 && (e[l] = 24);
     }
     const Be = g({
       get: () => {
@@ -866,164 +866,164 @@ const Fl = { class: "flex flex-col gap-16" }, Vl = {
       }
     }), be = g({
       get: () => {
-        var e, t, s;
-        return ((e = a.value) == null ? void 0 : e.tabIconType) ?? ((s = (t = a.value) == null ? void 0 : t.tabIcon) != null && s.trim().startsWith("<svg") ? Ie.Custom : Ie.Material);
+        var e, l, s;
+        return ((e = a.value) == null ? void 0 : e.tabIconType) ?? ((s = (l = a.value) == null ? void 0 : l.tabIcon) != null && s.trim().startsWith("<svg") ? Oe.Custom : Oe.Material);
       },
       set: (e) => {
         a.value && (a.value.tabIconType = e);
       }
     }), Fe = g({
       get: () => {
-        var e, t;
-        return be.value === Ie.Custom ? Yt(((e = a.value) == null ? void 0 : e.tabIcon) ?? "") : ((t = a.value) == null ? void 0 : t.tabIcon) ?? "";
+        var e, l;
+        return be.value === Oe.Custom ? Yl(((e = a.value) == null ? void 0 : e.tabIcon) ?? "") : ((l = a.value) == null ? void 0 : l.tabIcon) ?? "";
       },
       set: (e) => {
-        a.value && (a.value.tabIcon = be.value === Ie.Custom ? Xt(e) : e.trim());
+        a.value && (a.value.tabIcon = be.value === Oe.Custom ? Xl(e) : e.trim());
       }
-    }), ye = E(!1), Ve = E(null), ee = E([]);
+    }), ye = L(!1), Ve = L(null), le = L([]);
     function $e(e) {
-      const t = [
+      const l = [
         { parentId: null, label: i("report.editor.topLevel"), level: 1 }
-      ], s = (F, $, B) => {
+      ], s = (V, $, M) => {
         let G = 0;
-        F.forEach((O) => {
-          var re;
-          if (O.widget) {
-            if (ce(O)) {
-              const Y = `${B}${O.tabTitle || se(O.widget.title)} · ${i("report.editor.page")}`;
-              t.push({ parentId: O.id, label: Y, level: 1 }), s(O.tiles ?? [], 1, `${Y} › `);
+        V.forEach((I) => {
+          var oe;
+          if (I.widget) {
+            if (pe(I)) {
+              const Y = `${M}${I.tabTitle || se(I.widget.title)} · ${i("report.editor.page")}`;
+              l.push({ parentId: I.id, label: Y, level: 1 }), s(I.tiles ?? [], 1, `${Y} › `);
             }
             return;
           }
-          if (Pe(O)) {
-            const Y = `${B}${i("report.editor.tabGroup")}`;
-            (re = O.tiles) == null || re.forEach((m, o) => {
+          if (Pe(I)) {
+            const Y = `${M}${i("report.editor.tabGroup")}`;
+            (oe = I.tiles) == null || oe.forEach((m, o) => {
               const r = `${Y} › ${m.tabTitle || i("report.editor.tab", { index: o + 1 })}`;
-              t.push({ parentId: m.id, label: r, level: $ + 1 }), s(m.tiles ?? [], $ + 1, `${r} › `);
+              l.push({ parentId: m.id, label: r, level: $ + 1 }), s(m.tiles ?? [], $ + 1, `${r} › `);
             });
           } else {
             G += 1;
-            const Y = `${B}${O.title || `${i("report.editor.group")} ${G}`}`;
-            t.push({ parentId: O.id, label: Y, level: $ + 1 }), s(O.tiles ?? [], $ + 1, `${Y} › `);
+            const Y = `${M}${I.title || `${i("report.editor.group")} ${G}`}`;
+            l.push({ parentId: I.id, label: Y, level: $ + 1 }), s(I.tiles ?? [], $ + 1, `${Y} › `);
           }
         });
       };
       s(d.report.tiles, 1, "");
-      const y = new Set(et(e));
-      return t.filter(
-        (F) => F.parentId !== Q.value && !(F.parentId && y.has(F.parentId)) && At(e, F.level)
+      const y = new Set(el(e));
+      return l.filter(
+        (V) => V.parentId !== j.value && !(V.parentId && y.has(V.parentId)) && Al(e, V.level)
       );
     }
     function Re(e) {
-      Ve.value = e, ee.value = $e(e), ye.value = !0;
+      Ve.value = e, le.value = $e(e), ye.value = !0;
     }
     function n(e) {
-      const t = Ve.value;
-      if (!t) return;
-      const s = k.value.indexOf(t);
-      s >= 0 && k.value.splice(s, 1), Wt(d.report.tiles, e.parentId).push(t), ye.value = !1, Ve.value = null;
+      const l = Ve.value;
+      if (!l) return;
+      const s = k.value.indexOf(l);
+      s >= 0 && k.value.splice(s, 1), Wl(d.report.tiles, e.parentId).push(l), ye.value = !1, Ve.value = null;
     }
-    return (e, t) => {
-      const s = C("FmButton"), y = C("FmTextField"), F = C("FmSelect"), $ = C("FmTextarea"), B = C("FmStepperField"), G = C("FmIcon"), O = C("FmMenuItem"), re = C("FmMenu"), Y = C("FmList"), m = C("FmListItem"), o = C("FmDialog");
-      return c(), M("div", Fl, [
-        ne.value ? I("", !0) : (c(), M("div", Vl, [
-          v("div", xl, [
+    return (e, l) => {
+      const s = C("FmButton"), y = C("FmTextField"), V = C("FmSelect"), $ = C("FmTextarea"), M = C("FmStepperField"), G = C("FmIcon"), I = C("FmMenuItem"), oe = C("FmMenu"), Y = C("FmList"), m = C("FmListItem"), o = C("FmDialog");
+      return c(), R("div", Ft, [
+        ae.value ? D("", !0) : (c(), R("div", Vt, [
+          v("div", xt, [
             u(s, {
               icon: "arrow_back",
               variant: "tertiary",
               class: "-ml-8",
-              onClick: ie
+              onClick: ne
             }),
             v("p", {
               class: "fm-typo-en-body-md-600 line-clamp-1 overflow-hidden break-all min-w-0 grow text-left",
-              title: j.value
-            }, U(j.value), 9, Cl)
+              title: E.value
+            }, U(E.value), 9, Ct)
           ]),
-          A.value && a.value ? (c(), x(y, {
+          ie.value && a.value ? (c(), x(y, {
             key: 0,
             modelValue: a.value.tabTitle,
-            "onUpdate:modelValue": t[0] || (t[0] = (r) => a.value.tabTitle = r),
-            label: l(i)("report.editor.pageName"),
-            placeholder: l(i)("report.editor.pageName")
-          }, null, 8, ["modelValue", "label", "placeholder"])) : I("", !0),
-          W.value && a.value ? (c(), x(y, {
+            "onUpdate:modelValue": l[0] || (l[0] = (r) => a.value.tabTitle = r),
+            label: t(i)("report.editor.pageName"),
+            placeholder: t(i)("report.editor.pageName")
+          }, null, 8, ["modelValue", "label", "placeholder"])) : D("", !0),
+          A.value && a.value ? (c(), x(y, {
             key: 1,
             modelValue: a.value.tabTitle,
-            "onUpdate:modelValue": t[1] || (t[1] = (r) => a.value.tabTitle = r),
-            label: l(i)("report.editor.tabName"),
-            placeholder: l(i)("report.editor.tabName")
-          }, null, 8, ["modelValue", "label", "placeholder"])) : I("", !0),
-          W.value && a.value ? (c(), x(F, {
+            "onUpdate:modelValue": l[1] || (l[1] = (r) => a.value.tabTitle = r),
+            label: t(i)("report.editor.tabName"),
+            placeholder: t(i)("report.editor.tabName")
+          }, null, 8, ["modelValue", "label", "placeholder"])) : D("", !0),
+          A.value && a.value ? (c(), x(V, {
             key: 2,
             modelValue: be.value,
-            "onUpdate:modelValue": t[2] || (t[2] = (r) => be.value = r),
-            label: l(i)("report.tile.widget.icon.type"),
-            items: K
-          }, null, 8, ["modelValue", "label"])) : I("", !0),
-          W.value && a.value && be.value === l(Ie).Material ? (c(), x(y, {
+            "onUpdate:modelValue": l[2] || (l[2] = (r) => be.value = r),
+            label: t(i)("report.tile.widget.icon.type"),
+            items: Q
+          }, null, 8, ["modelValue", "label"])) : D("", !0),
+          A.value && a.value && be.value === t(Oe).Material ? (c(), x(y, {
             key: 3,
             modelValue: Fe.value,
-            "onUpdate:modelValue": t[3] || (t[3] = (r) => Fe.value = r),
-            label: l(i)("report.tile.widget.icon.materialName"),
-            placeholder: l(i)("report.tile.widget.icon.materialPlaceholder")
-          }, null, 8, ["modelValue", "label", "placeholder"])) : W.value && a.value ? (c(), x($, {
+            "onUpdate:modelValue": l[3] || (l[3] = (r) => Fe.value = r),
+            label: t(i)("report.tile.widget.icon.materialName"),
+            placeholder: t(i)("report.tile.widget.icon.materialPlaceholder")
+          }, null, 8, ["modelValue", "label", "placeholder"])) : A.value && a.value ? (c(), x($, {
             key: 4,
             modelValue: Fe.value,
-            "onUpdate:modelValue": t[4] || (t[4] = (r) => Fe.value = r),
-            label: l(i)("report.tile.widget.icon.customSvg"),
-            placeholder: l(i)("report.tile.widget.icon.customPlaceholder")
-          }, null, 8, ["modelValue", "label", "placeholder"])) : I("", !0),
-          W.value && a.value ? (c(), x(F, {
+            "onUpdate:modelValue": l[4] || (l[4] = (r) => Fe.value = r),
+            label: t(i)("report.tile.widget.icon.customSvg"),
+            placeholder: t(i)("report.tile.widget.icon.customPlaceholder")
+          }, null, 8, ["modelValue", "label", "placeholder"])) : D("", !0),
+          A.value && a.value ? (c(), x(V, {
             key: 5,
             modelValue: a.value.tabIconSize,
-            "onUpdate:modelValue": t[5] || (t[5] = (r) => a.value.tabIconSize = r),
-            label: l(i)("report.tile.widget.icon.size"),
-            items: q
-          }, null, 8, ["modelValue", "label"])) : I("", !0),
-          !W.value && !A.value && a.value ? (c(), x(We, {
+            "onUpdate:modelValue": l[5] || (l[5] = (r) => a.value.tabIconSize = r),
+            label: t(i)("report.tile.widget.icon.size"),
+            items: P
+          }, null, 8, ["modelValue", "label"])) : D("", !0),
+          !A.value && !ie.value && a.value ? (c(), x(We, {
             key: 6,
             "is-open": !1
           }, {
-            header: w(() => [
-              v("p", kl, U(l(i)("report.editor.groupDetails")), 1),
-              t[24] || (t[24] = v("div", { class: "grow" }, null, -1))
+            header: _(() => [
+              v("p", kt, U(t(i)("report.editor.groupDetails")), 1),
+              l[24] || (l[24] = v("div", { class: "grow" }, null, -1))
             ]),
-            content: w(() => [
-              v("div", Tl, [
+            content: _(() => [
+              v("div", Tt, [
                 u(y, {
                   modelValue: a.value.title,
-                  "onUpdate:modelValue": t[6] || (t[6] = (r) => a.value.title = r),
-                  label: l(i)("report.editor.groupTitle"),
-                  placeholder: l(i)("report.editor.groupTitlePlaceholder")
+                  "onUpdate:modelValue": l[6] || (l[6] = (r) => a.value.title = r),
+                  label: t(i)("report.editor.groupTitle"),
+                  placeholder: t(i)("report.editor.groupTitlePlaceholder")
                 }, null, 8, ["modelValue", "label", "placeholder"]),
                 u($, {
                   modelValue: a.value.description,
-                  "onUpdate:modelValue": t[7] || (t[7] = (r) => a.value.description = r),
-                  placeholder: l(i)("report.editor.groupDescriptionPlaceholder")
+                  "onUpdate:modelValue": l[7] || (l[7] = (r) => a.value.description = r),
+                  placeholder: t(i)("report.editor.groupDescriptionPlaceholder")
                 }, {
-                  label: w(() => [
-                    v("p", Sl, U(l(i)("report.editor.groupDescription")), 1),
-                    v("p", $l, " (" + U(l(i)("report.editor.optional")) + ") ", 1)
+                  label: _(() => [
+                    v("p", St, U(t(i)("report.editor.groupDescription")), 1),
+                    v("p", $t, " (" + U(t(i)("report.editor.optional")) + ") ", 1)
                   ]),
                   _: 1
                 }, 8, ["modelValue", "placeholder"]),
-                v("div", Dl, [
-                  v("p", Il, U(l(i)("report.editor.typography")), 1),
-                  v("div", Ol, [
-                    u(B, {
+                v("div", Dt, [
+                  v("p", Ot, U(t(i)("report.editor.typography")), 1),
+                  v("div", It, [
+                    u(M, {
                       modelValue: Be.value,
-                      "onUpdate:modelValue": t[8] || (t[8] = (r) => Be.value = r),
+                      "onUpdate:modelValue": l[8] || (l[8] = (r) => Be.value = r),
                       modelModifiers: { number: !0 },
                       class: "w-full",
-                      label: l(i)("report.editor.titleSize"),
+                      label: t(i)("report.editor.titleSize"),
                       max: 24,
                       min: 1,
                       type: "number",
-                      onBlur: t[9] || (t[9] = (r) => Ne(a.value, "titleFontSize"))
+                      onBlur: l[9] || (l[9] = (r) => Ne(a.value, "titleFontSize"))
                     }, null, 8, ["modelValue", "label"]),
-                    v("div", Ul, [
-                      v("p", Nl, U(l(i)("report.editor.titleFormatting")), 1),
-                      v("div", Bl, [
+                    v("div", Ut, [
+                      v("p", Nt, U(t(i)("report.editor.titleFormatting")), 1),
+                      v("div", Bt, [
                         u(s, {
                           "append-icon": "format_bold",
                           "model-value": a.value.titleBold ?? !0,
@@ -1031,8 +1031,8 @@ const Fl = { class: "flex flex-col gap-16" }, Vl = {
                           "icon-color": a.value.titleBold ?? !0 ? "neutral-gray-400" : "neutral-gray-300",
                           "bg-color": a.value.titleBold ?? !0 ? "neutral-gray-100" : "neutral-white",
                           class: "rounded-sm",
-                          title: l(i)("report.editor.bold"),
-                          onClick: t[10] || (t[10] = (r) => a.value.titleBold = !(a.value.titleBold ?? !0))
+                          title: t(i)("report.editor.bold"),
+                          onClick: l[10] || (l[10] = (r) => a.value.titleBold = !(a.value.titleBold ?? !0))
                         }, null, 8, ["model-value", "icon-color", "bg-color", "title"]),
                         u(s, {
                           "append-icon": "format_italic",
@@ -1041,8 +1041,8 @@ const Fl = { class: "flex flex-col gap-16" }, Vl = {
                           "icon-color": a.value.titleItalic ? "neutral-gray-400" : "neutral-gray-300",
                           "bg-color": a.value.titleItalic ? "neutral-gray-100" : "neutral-white",
                           class: "rounded-sm",
-                          title: l(i)("report.editor.italic"),
-                          onClick: t[11] || (t[11] = (r) => a.value.titleItalic = !a.value.titleItalic)
+                          title: t(i)("report.editor.italic"),
+                          onClick: l[11] || (l[11] = (r) => a.value.titleItalic = !a.value.titleItalic)
                         }, null, 8, ["model-value", "icon-color", "bg-color", "title"]),
                         u(s, {
                           "append-icon": "format_underlined",
@@ -1051,27 +1051,27 @@ const Fl = { class: "flex flex-col gap-16" }, Vl = {
                           "icon-color": a.value.titleUnderline ? "neutral-gray-400" : "neutral-gray-300",
                           "bg-color": a.value.titleUnderline ? "neutral-gray-100" : "neutral-white",
                           class: "rounded-sm",
-                          title: l(i)("report.editor.underline"),
-                          onClick: t[12] || (t[12] = (r) => a.value.titleUnderline = !a.value.titleUnderline)
+                          title: t(i)("report.editor.underline"),
+                          onClick: l[12] || (l[12] = (r) => a.value.titleUnderline = !a.value.titleUnderline)
                         }, null, 8, ["model-value", "icon-color", "bg-color", "title"])
                       ])
                     ])
                   ]),
-                  v("div", Ml, [
-                    u(B, {
+                  v("div", Mt, [
+                    u(M, {
                       modelValue: Me.value,
-                      "onUpdate:modelValue": t[13] || (t[13] = (r) => Me.value = r),
+                      "onUpdate:modelValue": l[13] || (l[13] = (r) => Me.value = r),
                       modelModifiers: { number: !0 },
                       class: "w-full",
-                      label: l(i)("report.editor.descriptionSize"),
+                      label: t(i)("report.editor.descriptionSize"),
                       max: 24,
                       min: 1,
                       type: "number",
-                      onBlur: t[14] || (t[14] = (r) => Ne(a.value, "descriptionFontSize"))
+                      onBlur: l[14] || (l[14] = (r) => Ne(a.value, "descriptionFontSize"))
                     }, null, 8, ["modelValue", "label"]),
-                    v("div", Rl, [
-                      v("p", zl, U(l(i)("report.editor.descriptionFormatting")), 1),
-                      v("div", Pl, [
+                    v("div", Rt, [
+                      v("p", zt, U(t(i)("report.editor.descriptionFormatting")), 1),
+                      v("div", Pt, [
                         u(s, {
                           "append-icon": "format_bold",
                           "model-value": a.value.descriptionBold ?? !1,
@@ -1079,8 +1079,8 @@ const Fl = { class: "flex flex-col gap-16" }, Vl = {
                           "icon-color": a.value.descriptionBold ? "neutral-gray-400" : "neutral-gray-300",
                           "bg-color": a.value.descriptionBold ? "neutral-gray-100" : "neutral-white",
                           class: "rounded-sm",
-                          title: l(i)("report.editor.bold"),
-                          onClick: t[15] || (t[15] = (r) => a.value.descriptionBold = !a.value.descriptionBold)
+                          title: t(i)("report.editor.bold"),
+                          onClick: l[15] || (l[15] = (r) => a.value.descriptionBold = !a.value.descriptionBold)
                         }, null, 8, ["model-value", "icon-color", "bg-color", "title"]),
                         u(s, {
                           "append-icon": "format_italic",
@@ -1089,8 +1089,8 @@ const Fl = { class: "flex flex-col gap-16" }, Vl = {
                           "icon-color": a.value.descriptionItalic ? "neutral-gray-400" : "neutral-gray-300",
                           "bg-color": a.value.descriptionItalic ? "neutral-gray-100" : "neutral-white",
                           class: "rounded-sm",
-                          title: l(i)("report.editor.italic"),
-                          onClick: t[16] || (t[16] = (r) => a.value.descriptionItalic = !a.value.descriptionItalic)
+                          title: t(i)("report.editor.italic"),
+                          onClick: l[16] || (l[16] = (r) => a.value.descriptionItalic = !a.value.descriptionItalic)
                         }, null, 8, ["model-value", "icon-color", "bg-color", "title"]),
                         u(s, {
                           "append-icon": "format_underlined",
@@ -1099,8 +1099,8 @@ const Fl = { class: "flex flex-col gap-16" }, Vl = {
                           "icon-color": a.value.descriptionUnderline ? "neutral-gray-400" : "neutral-gray-300",
                           "bg-color": a.value.descriptionUnderline ? "neutral-gray-100" : "neutral-white",
                           class: "rounded-sm",
-                          title: l(i)("report.editor.underline"),
-                          onClick: t[17] || (t[17] = (r) => a.value.descriptionUnderline = !a.value.descriptionUnderline)
+                          title: t(i)("report.editor.underline"),
+                          onClick: l[17] || (l[17] = (r) => a.value.descriptionUnderline = !a.value.descriptionUnderline)
                         }, null, 8, ["model-value", "icon-color", "bg-color", "title"])
                       ])
                     ])
@@ -1109,38 +1109,38 @@ const Fl = { class: "flex flex-col gap-16" }, Vl = {
               ])
             ]),
             _: 1
-          })) : I("", !0),
-          !W.value && a.value ? (c(), x(y, {
+          })) : D("", !0),
+          !A.value && a.value ? (c(), x(y, {
             key: 7,
             modelValue: a.value.size.width,
-            "onUpdate:modelValue": t[18] || (t[18] = (r) => a.value.size.width = r),
+            "onUpdate:modelValue": l[18] || (l[18] = (r) => a.value.size.width = r),
             modelModifiers: { number: !0 },
             type: "number",
-            label: l(i)("report.editor.width"),
-            onBlur: t[19] || (t[19] = (r) => fe(a.value))
-          }, null, 8, ["modelValue", "label"])) : I("", !0),
-          !W.value && a.value ? (c(), x(y, {
+            label: t(i)("report.editor.width"),
+            onBlur: l[19] || (l[19] = (r) => fe(a.value))
+          }, null, 8, ["modelValue", "label"])) : D("", !0),
+          !A.value && a.value ? (c(), x(y, {
             key: 8,
             modelValue: a.value.size.height,
-            "onUpdate:modelValue": t[20] || (t[20] = (r) => a.value.size.height = r),
+            "onUpdate:modelValue": l[20] || (l[20] = (r) => a.value.size.height = r),
             modelModifiers: { number: !0 },
             type: "number",
-            label: l(i)("report.editor.height"),
-            onBlur: t[21] || (t[21] = (r) => ge(a.value))
-          }, null, 8, ["modelValue", "label"])) : I("", !0)
+            label: t(i)("report.editor.height"),
+            onBlur: l[21] || (l[21] = (r) => ge(a.value))
+          }, null, 8, ["modelValue", "label"])) : D("", !0)
         ])),
-        k.value.length === 0 ? (c(), M("div", ql, U(l(i)("report.editor.emptyLevel")), 1)) : (c(), x(Y, { key: 2 }, {
-          default: w(() => [
-            u(l(ht), {
+        k.value.length === 0 ? (c(), R("div", qt, U(t(i)("report.editor.emptyLevel")), 1)) : (c(), x(Y, { key: 2 }, {
+          default: _(() => [
+            u(t(hl), {
               list: k.value,
               "item-key": "id",
               class: "flex flex-col gap-2 cursor-grab",
               handle: ".handle"
             }, {
-              item: w(({ element: r, index: f }) => [
+              item: _(({ element: r, index: f }) => [
                 v("div", {
-                  class: Le(["flex items-center gap-8 px-12 py-8 border rounded-md border-neutral-300 hover:bg-fm-color-opacity-sm", r.widget && !l(ce)(r) ? "cursor-grab" : "cursor-pointer"]),
-                  onClick: (H) => oe(r)
+                  class: Le(["flex items-center gap-8 px-12 py-8 border rounded-md border-neutral-300 hover:bg-fm-color-opacity-sm", r.widget && !t(pe)(r) ? "cursor-grab" : "cursor-pointer"]),
+                  onClick: (W) => Z(r)
                 }, [
                   u(G, {
                     name: "drag_handle",
@@ -1148,132 +1148,132 @@ const Fl = { class: "flex flex-col gap-16" }, Vl = {
                   }),
                   v("p", {
                     class: "flex-1 min-w-0 truncate text-left fm-typo-en-body-lg-400",
-                    title: P(r, f)
+                    title: ue(r, f)
                   }, [
-                    Ae(U(P(r, f)) + " ", 1),
-                    !r.widget || l(ce)(r) ? (c(), M("span", Gl, " · " + U(L(r)), 1)) : I("", !0)
-                  ], 8, Ll),
-                  !r.widget || l(ce)(r) ? (c(), x(G, {
+                    Ae(U(ue(r, f)) + " ", 1),
+                    !r.widget || t(pe)(r) ? (c(), R("span", Gt, " · " + U(N(r)), 1)) : D("", !0)
+                  ], 8, Lt),
+                  !r.widget || t(pe)(r) ? (c(), x(G, {
                     key: 0,
                     name: "chevron_right",
                     class: "shrink-0"
-                  })) : I("", !0),
-                  u(re, {
+                  })) : D("", !0),
+                  u(oe, {
                     trigger: "click",
                     shift: !0,
                     "stop-click-propagation": !0,
                     class: "shrink-0"
                   }, {
-                    "menu-button": w(() => [
+                    "menu-button": _(() => [
                       u(s, {
                         "append-icon": "more_vert",
                         variant: "tertiary"
                       })
                     ]),
-                    default: w(() => [
-                      r.widget ? (c(), x(O, {
+                    default: _(() => [
+                      r.widget ? (c(), x(I, {
                         key: 0,
-                        label: l(i)("report.common.edit"),
-                        onClick: (H) => me(r, f)
-                      }, null, 8, ["label", "onClick"])) : I("", !0),
-                      r.widget && !l(ce)(r) ? (c(), x(O, {
+                        label: t(i)("report.common.edit"),
+                        onClick: (W) => H(r, f)
+                      }, null, 8, ["label", "onClick"])) : D("", !0),
+                      r.widget && !t(pe)(r) ? (c(), x(I, {
                         key: 1,
-                        label: l(i)("report.editor.convertToPage"),
-                        onClick: (H) => ae(r)
-                      }, null, 8, ["label", "onClick"])) : I("", !0),
-                      l(ce)(r) ? (c(), x(O, {
+                        label: t(i)("report.editor.convertToPage"),
+                        onClick: (W) => ee(r)
+                      }, null, 8, ["label", "onClick"])) : D("", !0),
+                      t(pe)(r) ? (c(), x(I, {
                         key: 2,
-                        label: l(i)("report.editor.removePage"),
-                        onClick: (H) => Se(r, f)
-                      }, null, 8, ["label", "onClick"])) : I("", !0),
-                      l(Pe)(r) ? I("", !0) : (c(), x(O, {
+                        label: t(i)("report.editor.removePage"),
+                        onClick: (W) => _e(r, f)
+                      }, null, 8, ["label", "onClick"])) : D("", !0),
+                      t(Pe)(r) ? D("", !0) : (c(), x(I, {
                         key: 3,
-                        label: l(i)("report.editor.moveTo"),
-                        onClick: (H) => Re(r)
+                        label: t(i)("report.editor.moveTo"),
+                        onClick: (W) => Re(r)
                       }, null, 8, ["label", "onClick"])),
-                      u(O, {
-                        label: l(i)("report.common.duplicate"),
-                        onClick: (H) => ve(r, f)
+                      u(I, {
+                        label: t(i)("report.common.duplicate"),
+                        onClick: (W) => ce(r, f)
                       }, null, 8, ["label", "onClick"]),
-                      u(O, {
-                        onClick: (H) => J(r, f)
+                      u(I, {
+                        onClick: (W) => Se(r, f)
                       }, {
-                        label: w(() => [
-                          v("p", Wl, U(l(i)("report.common.remove")), 1)
+                        label: _(() => [
+                          v("p", Wt, U(t(i)("report.common.remove")), 1)
                         ]),
                         _: 2
                       }, 1032, ["onClick"])
                     ]),
                     _: 2
                   }, 1024)
-                ], 10, El)
+                ], 10, Et)
               ]),
               _: 1
             }, 8, ["list"])
           ]),
           _: 1
         })),
-        ue.value ? (c(), x(s, {
+        de.value ? (c(), x(s, {
           key: 3,
-          label: l(i)("report.editor.addTab"),
+          label: t(i)("report.editor.addTab"),
           variant: "secondary",
           icon: "add",
           "icon-position": "prepend",
-          "border-color": l(Ce).ColorPrimary,
-          "text-color": l(Ce).ColorPrimary,
-          onClick: _e
-        }, null, 8, ["label", "border-color", "text-color"])) : (c(), x(re, {
+          "border-color": t(Ce).ColorPrimary,
+          "text-color": t(Ce).ColorPrimary,
+          onClick: J
+        }, null, 8, ["label", "border-color", "text-color"])) : (c(), x(oe, {
           key: 4,
           trigger: "click",
           shift: !0
         }, {
-          "menu-button": w(() => [
+          "menu-button": _(() => [
             u(s, {
-              label: l(i)("report.common.add"),
+              label: t(i)("report.common.add"),
               variant: "secondary",
               icon: "add",
               "icon-position": "prepend",
               class: "w-full",
-              "border-color": l(Ce).ColorPrimary,
-              "text-color": l(Ce).ColorPrimary
+              "border-color": t(Ce).ColorPrimary,
+              "text-color": t(Ce).ColorPrimary
             }, null, 8, ["label", "border-color", "text-color"])
           ]),
-          default: w(() => [
-            u(O, {
-              label: l(i)("report.editor.addWidget"),
-              onClick: t[22] || (t[22] = (r) => b("add-widget", Q.value))
+          default: _(() => [
+            u(I, {
+              label: t(i)("report.editor.addWidget"),
+              onClick: l[22] || (l[22] = (r) => b("add-widget", j.value))
             }, null, 8, ["label"]),
-            X.value ? (c(), x(O, {
+            K.value ? (c(), x(I, {
               key: 0,
-              label: l(i)("report.editor.addGroup"),
-              onClick: Oe
-            }, null, 8, ["label"])) : I("", !0),
-            le.value ? (c(), x(O, {
+              label: t(i)("report.editor.addGroup"),
+              onClick: Ie
+            }, null, 8, ["label"])) : D("", !0),
+            re.value ? (c(), x(I, {
               key: 1,
-              label: l(i)("report.editor.addTabGroup"),
+              label: t(i)("report.editor.addTabGroup"),
               onClick: Ue
-            }, null, 8, ["label"])) : I("", !0)
+            }, null, 8, ["label"])) : D("", !0)
           ]),
           _: 1
         })),
         u(o, {
           modelValue: ye.value,
-          "onUpdate:modelValue": t[23] || (t[23] = (r) => ye.value = r),
+          "onUpdate:modelValue": l[23] || (l[23] = (r) => ye.value = r),
           overlay: !0,
           "z-index": 10
         }, {
-          "dialog-header": w(() => [
-            Ae(U(l(i)("report.editor.moveTo")), 1)
+          "dialog-header": _(() => [
+            Ae(U(t(i)("report.editor.moveTo")), 1)
           ]),
-          default: w(() => [
+          default: _(() => [
             u(Y, null, {
-              default: w(() => [
-                (c(!0), M(he, null, Ee(ee.value, (r) => (c(), x(m, {
+              default: _(() => [
+                (c(!0), R(he, null, Ee(le.value, (r) => (c(), x(m, {
                   key: r.parentId ?? "root",
                   onClick: (f) => n(r)
                 }, {
-                  default: w(() => [
-                    v("p", Al, U(r.label), 1)
+                  default: _(() => [
+                    v("p", At, U(r.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"]))), 128))
@@ -1286,67 +1286,72 @@ const Fl = { class: "flex flex-col gap-16" }, Vl = {
       ]);
     };
   }
-}), jl = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, Jl = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, Kl = { class: "flex items-center gap-8" }, Ql = {
+}), jt = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, Jt = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, Qt = { class: "flex items-center gap-8" }, Kt = {
   key: 2,
   class: "flex flex-col gap-8 rounded-md border border-fm-color-border px-16 py-12"
-}, Yl = { class: "fm-typo-en-body-sm-400" }, Xl = { class: "fm-typo-en-body-sm-400 font-bold" }, Zl = { class: "space-y-1 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, eo = { 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]" }, lo = { class: "line-clamp-2 overflow-hidden max-w-[195px] w-[195px]" }, ft = /* @__PURE__ */ we({
+}, Yt = { class: "fm-typo-en-body-sm-400" }, Xt = { class: "fm-typo-en-body-sm-400 font-bold" }, Zt = { class: "space-y-1 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, eo = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, lo = { class: "flex items-center gap-1 max-w-[195px] w-[195px]" }, to = { class: "line-clamp-2 overflow-hidden max-w-[195px] w-[195px]" }, fl = /* @__PURE__ */ we({
   __name: "ReportEditorTab",
   props: /* @__PURE__ */ ke({
     hideConfiguration: {
       type: Boolean,
       default: !1
+    },
+    // general report: only the query version and datasource may change
+    readOnly: {
+      type: Boolean,
+      default: !1
     }
   }, {
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ ke(["hideConfiguration"], ["update:modelValue"]),
-  setup(R, { emit: p }) {
-    const d = Te(R, "modelValue"), { breakpoints: b } = Qe(), i = R, h = p, q = st(), K = ut(), T = E(), {
-      currentSelectWidgetType: _,
-      categories: D,
-      editingTile: Z,
-      editingTileIndex: z,
+  setup(z, { emit: p }) {
+    const d = Te(z, "modelValue"), { breakpoints: b } = Ke(), i = z, h = p, P = sl(), Q = ul(), T = L(), {
+      currentSelectWidgetType: F,
+      categories: O,
+      editingTile: X,
+      editingTileIndex: q,
       editingGlobalFilter: a,
       editingGlobalFilterIndex: S
-    } = qe(it()), { schemas: k } = qe(Ht()), { globalFilters: Q } = qe(mt()), { getGlobalFilterLabel: ne } = mt(), { promptMessage: ue } = dt(), W = E(!1), A = E(!1), { t: V, te: X, locale: le } = Ge(), oe = E(void 0), ie = g(() => {
-      const m = tt(d.value.tiles).flatMap((o) => {
-        var H;
-        const r = o.widget.config.schemaNames ?? [], f = ((H = o.widget.config.joinDatasources) == null ? void 0 : H.flatMap((je) => je.schemaNames ?? [])) ?? [];
+    } = qe(il()), { schemas: k } = qe(Hl()), { globalFilters: j } = qe(ml()), { getGlobalFilterLabel: ae } = ml(), { promptMessage: de } = dl(), A = L(!1), ie = L(!1), { t: w, te: K, locale: re } = Ge(), Z = L(void 0), ne = g(() => {
+      const m = ll(d.value.tiles).flatMap((o) => {
+        var W;
+        const r = o.widget.config.schemaNames ?? [], f = ((W = o.widget.config.joinDatasources) == null ? void 0 : W.flatMap((je) => je.schemaNames ?? [])) ?? [];
         return [...r, ...f];
       });
       return [...new Set(m)].reduce((o, r) => {
-        const f = k.value.find((H) => H.name === r);
+        const f = k.value.find((W) => W.name === r);
         return f && o.push(f), o;
       }, []);
-    }), se = E(null);
-    function de(m) {
-      se.value = m, A.value = !0;
+    }), se = L(null);
+    function me(m) {
+      se.value = m, ie.value = !0;
     }
-    pe(
-      () => _.value,
+    ve(
+      () => F.value,
       () => {
-        _.value !== void 0 && (oe.value = Zt(_.value), Z.value = oe.value, z.value = -1, wt.value = se.value, q.push({
+        F.value !== void 0 && (Z.value = Zl(F.value), X.value = Z.value, q.value = -1, wl.value = se.value, P.push({
           name: "tileEditor",
-          query: K.query
+          query: Q.query
         }));
       },
       { immediate: !0 }
-    ), pe(
+    ), ve(
       () => d.value.tiles,
       (m) => {
-        jt(m);
+        jl(m);
       },
       { immediate: !0, deep: !0 }
     );
-    const P = [
+    const ue = [
       {
         label: "report.common.edit",
         selected: !1,
         variant: "tertiary",
         onClick: (m) => {
           var o;
-          S.value = m, a.value = JSON.parse(JSON.stringify((o = d.value.globalFilters) == null ? void 0 : o[m])), W.value = !0;
+          S.value = m, a.value = JSON.parse(JSON.stringify((o = d.value.globalFilters) == null ? void 0 : o[m])), A.value = !0;
         }
       },
       {
@@ -1366,61 +1371,61 @@ const Fl = { class: "flex flex-col gap-16" }, Vl = {
         selected: !1,
         variant: "destructive",
         onClick: async (m) => {
-          var f, H;
+          var f, W;
           const o = (f = d.value.globalFilters) == null ? void 0 : f[m];
           if (!o) return;
-          await ue({
-            title: V("report.editor.deleteWidget"),
-            message: V("report.editor.deleteWidgetConfirm", {
-              title: ne(o)
+          await de({
+            title: w("report.editor.deleteWidget"),
+            message: w("report.editor.deleteWidgetConfirm", {
+              title: ae(o)
             })
-          }) && ((H = d.value.globalFilters) == null || H.splice(m, 1));
+          }) && ((W = d.value.globalFilters) == null || W.splice(m, 1));
         }
       }
-    ], L = g(() => D.value.map((m) => ({
-      label: V(`report.category.${m.name}`),
+    ], N = g(() => O.value.map((m) => ({
+      label: w(`report.category.${m.name}`),
       value: m.id
-    }))), { sessionUser: j } = ll(), me = g(
+    }))), { sessionUser: E } = tt(), H = g(
       () => {
         var m, o, r, f;
-        return ((o = (m = j.value) == null ? void 0 : m.role) == null ? void 0 : o.isAdmin) === !0 || ((f = (r = j.value) == null ? void 0 : r.role) == null ? void 0 : f.isStaff) === !0;
+        return ((o = (m = E.value) == null ? void 0 : m.role) == null ? void 0 : o.isAdmin) === !0 || ((f = (r = E.value) == null ? void 0 : r.role) == null ? void 0 : f.isStaff) === !0;
       }
-    ), ve = g({
+    ), ce = g({
       get: () => d.value.queryVersion === "v2",
       set: (m) => {
-        d.value.queryVersion = m ? "v2" : "v1", m ? d.value.queryDatasource = d.value.queryDatasource ?? Ke.Postgres : d.value.queryDatasource = void 0;
+        d.value.queryVersion = m ? "v2" : "v1", m ? d.value.queryDatasource = d.value.queryDatasource ?? Qe.Postgres : d.value.queryDatasource = void 0;
       }
-    }), J = [
-      { label: V("report.common.postgresql"), value: Ke.Postgres },
-      { label: V("report.common.bigquery"), value: Ke.BigQuery }
-    ], _e = [
-      { label: V("report.common.noBatch"), value: "none" },
-      { label: V("report.common.days"), value: "days" },
-      { label: V("report.common.locations"), value: "locations" }
-    ], ae = g({
+    }), Se = [
+      { label: w("report.common.postgresql"), value: Qe.Postgres },
+      { label: w("report.common.bigquery"), value: Qe.BigQuery }
+    ], J = [
+      { label: w("report.common.noBatch"), value: "none" },
+      { label: w("report.common.days"), value: "days" },
+      { label: w("report.common.locations"), value: "locations" }
+    ], ee = g({
       get: () => {
         var m, o;
         return (m = d.value.batch) != null && m.days ? "days" : (o = d.value.batch) != null && o.locations ? "locations" : "none";
       },
       set: (m) => {
         var o, r;
-        m === "none" ? d.value.batch = void 0 : m === "days" ? d.value.batch = { days: ((o = d.value.batch) == null ? void 0 : o.days) || 1 } : m === "locations" && (d.value.batch = { locations: ((r = d.value.batch) == null ? void 0 : r.locations) || 10 });
+        m === "none" ? d.value.batch = i.readOnly ? null : void 0 : m === "days" ? d.value.batch = { days: ((o = d.value.batch) == null ? void 0 : o.days) || 1 } : m === "locations" && (d.value.batch = { locations: ((r = d.value.batch) == null ? void 0 : r.locations) || 10 });
       }
-    }), Se = g({
+    }), _e = g({
       get: () => {
         var m, o;
-        if (ae.value === "days") return ((m = d.value.batch) == null ? void 0 : m.days) ?? 1;
-        if (ae.value === "locations") return ((o = d.value.batch) == null ? void 0 : o.locations) ?? 1;
+        if (ee.value === "days") return ((m = d.value.batch) == null ? void 0 : m.days) ?? 1;
+        if (ee.value === "locations") return ((o = d.value.batch) == null ? void 0 : o.locations) ?? 1;
       },
       set: (m) => {
-        m && (ae.value === "days" ? d.value.batch = { days: m } : ae.value === "locations" && (d.value.batch = { locations: m }));
+        m && (ee.value === "days" ? d.value.batch = { days: m } : ee.value === "locations" && (d.value.batch = { locations: m }));
       }
-    }), Oe = g({
-      get: () => He(V, X, d.value.name, "other"),
+    }), Ie = g({
+      get: () => He(w, K, d.value.name, "other"),
       set: (m) => {
         d.value.name = m;
       }
-    }), { country: Ue } = qe(ol()), {
+    }), { country: Ue } = qe(ot()), {
       dateRange: fe,
       compareDateRange: ge,
       timeRange: Ne,
@@ -1428,9 +1433,9 @@ const Fl = { class: "flex flex-col gap-16" }, Vl = {
       businessDataVersion: Me,
       restaurants: be,
       warehouses: Fe
-    } = qe(al()), ye = g(
-      () => d.value.queryVersion === "v2" && d.value.queryDatasource === Ke.BigQuery
-    ), Ve = g(() => ye.value && me.value), ee = E(null), $e = E(!1), Re = g(() => {
+    } = qe(at()), ye = g(
+      () => d.value.queryVersion === "v2" && d.value.queryDatasource === Qe.BigQuery
+    ), Ve = g(() => ye.value && H.value), le = L(null), $e = L(!1), Re = g(() => {
       const m = fe.value.startDate ?? fe.value.endDate;
       return m ? {
         startDate: m,
@@ -1450,27 +1455,27 @@ const Fl = { class: "flex flex-col gap-16" }, Vl = {
         return Math.max(1, Math.ceil(o / m.locations));
       }
       return 1;
-    }), t = g(() => {
-      if (ee.value == null || ee.value === 0) return null;
-      const m = ee.value * e.value;
-      return pt(m, Ue.value);
-    }), s = g(() => ee.value == null || ee.value === 0 ? null : pt(ee.value, Ue.value)), y = g(() => t.value ? vt(t.value.amount, t.value.symbol) : ""), F = g(() => s.value ? vt(s.value.amount, s.value.symbol) : ""), $ = g(() => e.value === 1 ? V("report.common.estimatedCostBatchSingular") : V("report.common.estimatedCostBatchPlural")), B = g(() => $e.value ? "..." : !y.value || !F.value ? "--" : V("report.common.estimatedCostFormula", {
+    }), l = g(() => {
+      if (le.value == null || le.value === 0) return null;
+      const m = le.value * e.value;
+      return pl(m, Ue.value);
+    }), s = g(() => le.value == null || le.value === 0 ? null : pl(le.value, Ue.value)), y = g(() => l.value ? vl(l.value.amount, l.value.symbol) : ""), V = g(() => s.value ? vl(s.value.amount, s.value.symbol) : ""), $ = g(() => e.value === 1 ? w("report.common.estimatedCostBatchSingular") : w("report.common.estimatedCostBatchPlural")), M = g(() => $e.value ? "..." : !y.value || !V.value ? "--" : w("report.common.estimatedCostFormula", {
       batchCount: e.value,
       batchLabel: $.value,
-      baseCost: F.value,
+      baseCost: V.value,
       totalCost: y.value
     }));
     let G = [];
-    const O = rl(async () => {
+    const I = rt(async () => {
       if (!Ve.value) return;
-      const m = tt(d.value.tiles).filter(
+      const m = ll(d.value.tiles).filter(
         (o) => {
           var r;
           return ((r = o.widget.config.schemaNames) == null ? void 0 : r.length) > 0;
         }
       );
       if (m.length === 0) {
-        ee.value = null;
+        le.value = null;
         return;
       }
       $e.value = !0, G.forEach((o) => o.abort()), G = [];
@@ -1478,7 +1483,7 @@ const Fl = { class: "flex flex-col gap-16" }, Vl = {
         const o = await Promise.all(
           m.map((r) => {
             const f = new AbortController();
-            return G.push(f), tl({
+            return G.push(f), lt({
               widget: r.widget,
               signal: f.signal,
               tileId: r.id,
@@ -1487,14 +1492,14 @@ const Fl = { class: "flex flex-col gap-16" }, Vl = {
             });
           })
         );
-        ee.value = o.reduce((r, f) => r + (f.totalBytesProcessed ?? 0), 0);
+        le.value = o.reduce((r, f) => r + (f.totalBytesProcessed ?? 0), 0);
       } catch (o) {
-        o.code !== "ERR_CANCELED" && (ee.value = null);
+        o.code !== "ERR_CANCELED" && (le.value = null);
       } finally {
         $e.value = !1;
       }
     }, 1e3);
-    pe(
+    ve(
       [
         () => d.value.tiles,
         () => d.value.queryVersion,
@@ -1507,82 +1512,85 @@ const Fl = { class: "flex flex-col gap-16" }, Vl = {
         () => Me.value
       ],
       () => {
-        O();
+        I();
       },
       { deep: !0 }
-    ), bt(() => {
-      O();
-    }), Dt(() => {
+    ), bl(() => {
+      I();
+    }), Dl(() => {
       G.forEach((m) => m.abort());
     });
-    function re(m) {
+    function oe(m) {
       var o;
       return !((o = m.tileIds) != null && o.length);
     }
     function Y(m) {
-      return !ie.value.find((o) => o.name === m.schemaName);
+      return !ne.value.find((o) => o.name === m.schemaName);
     }
-    return pe(
+    return ve(
       () => d.value.globalFilters,
       (m) => {
-        Q.value = JSON.parse(JSON.stringify(m || []));
+        j.value = JSON.parse(JSON.stringify(m || []));
       },
       { deep: !0, immediate: !0 }
     ), (m, o) => {
-      const r = C("FmTextField"), f = C("FmSelect"), H = C("FmSwitch"), je = C("FmButton"), Ye = C("FmIcon"), Xe = C("FmTooltip"), Vt = C("FmMenuItem"), xt = C("FmMenu"), Ct = C("FmListItem"), kt = C("FmList"), Tt = C("FmForm");
-      return c(), x(It(l(b).lg || l(b).md ? sl : ul), {
+      const r = C("FmTextField"), f = C("FmSelect"), W = C("FmSwitch"), je = C("FmButton"), Ye = C("FmIcon"), Xe = C("FmTooltip"), Vl = C("FmMenuItem"), xl = C("FmMenu"), Cl = C("FmListItem"), kl = C("FmList"), Tl = C("FmForm");
+      return c(), x(Ol(t(b).lg || t(b).md ? st : ut), {
         "model-value": i.hideConfiguration,
-        "onUpdate:modelValue": o[12] || (o[12] = (N) => h("hideConfiguration", N))
+        "onUpdate:modelValue": o[12] || (o[12] = (B) => h("hideConfiguration", B))
       }, {
-        default: w(() => [
-          u(bl, {
-            "is-open": W.value,
-            "onUpdate:isOpen": o[0] || (o[0] = (N) => W.value = N),
-            "global-filter": l(a),
-            tiles: l(tt)(d.value.tiles),
-            schemas: ie.value,
-            "onUpdate:globalFilter": o[1] || (o[1] = (N) => {
-              N && (d.value.globalFilters || (d.value.globalFilters = []), typeof l(S) == "number" && l(S) >= 0 ? d.value.globalFilters[l(S)] = N : d.value.globalFilters.push(N));
+        default: _(() => [
+          u(bt, {
+            "is-open": A.value,
+            "onUpdate:isOpen": o[0] || (o[0] = (B) => A.value = B),
+            "global-filter": t(a),
+            tiles: t(ll)(d.value.tiles),
+            schemas: ne.value,
+            "onUpdate:globalFilter": o[1] || (o[1] = (B) => {
+              B && (d.value.globalFilters || (d.value.globalFilters = []), typeof t(S) == "number" && t(S) >= 0 ? d.value.globalFilters[t(S)] = B : d.value.globalFilters.push(B));
             })
           }, null, 8, ["is-open", "global-filter", "tiles", "schemas"]),
-          u(nl, {
-            modelValue: l(_),
-            "onUpdate:modelValue": o[2] || (o[2] = (N) => yt(_) ? _.value = N : null),
-            "is-open": A.value,
-            "onUpdate:isOpen": o[3] || (o[3] = (N) => A.value = N)
+          u(nt, {
+            modelValue: t(F),
+            "onUpdate:modelValue": o[2] || (o[2] = (B) => yl(F) ? F.value = B : null),
+            "is-open": ie.value,
+            "onUpdate:isOpen": o[3] || (o[3] = (B) => ie.value = B)
           }, null, 8, ["modelValue", "is-open"]),
-          u(Tt, {
+          u(Tl, {
             ref_key: "form",
             ref: T,
             class: "px-6 py-16 flex flex-col gap-24 overflow-y-auto overflow-x-hidden"
           }, {
-            default: w(() => [
+            default: _(() => [
               u(We, { class: "border-solid" }, {
-                header: w(() => [
-                  v("p", null, U(l(V)("report.editor.reportInfo")), 1),
+                header: _(() => [
+                  v("p", null, U(t(w)("report.editor.reportInfo")), 1),
                   o[13] || (o[13] = v("div", { class: "grow" }, null, -1))
                 ]),
-                content: w(() => [
-                  v("div", jl, [
+                content: _(() => [
+                  v("div", jt, [
                     u(r, {
-                      modelValue: Oe.value,
-                      "onUpdate:modelValue": o[4] || (o[4] = (N) => Oe.value = N),
-                      label: l(V)("report.common.name"),
-                      placeholder: l(V)("report.common.name")
-                    }, null, 8, ["modelValue", "label", "placeholder"]),
+                      modelValue: Ie.value,
+                      "onUpdate:modelValue": o[4] || (o[4] = (B) => Ie.value = B),
+                      label: t(w)("report.common.name"),
+                      placeholder: t(w)("report.common.name"),
+                      disabled: i.readOnly
+                    }, null, 8, ["modelValue", "label", "placeholder", "disabled"]),
                     (c(), x(f, {
-                      key: `category-${l(le)}`,
+                      key: `category-${t(re)}`,
                       modelValue: d.value.category,
-                      "onUpdate:modelValue": o[5] || (o[5] = (N) => d.value.category = N),
-                      label: l(V)("report.common.category"),
-                      items: L.value
-                    }, null, 8, ["modelValue", "label", "items"])),
+                      "onUpdate:modelValue": o[5] || (o[5] = (B) => d.value.category = B),
+                      label: t(w)("report.common.category"),
+                      items: N.value,
+                      disabled: i.readOnly
+                    }, null, 8, ["modelValue", "label", "items", "disabled"])),
                     u(r, {
                       modelValue: d.value.description,
-                      "onUpdate:modelValue": o[6] || (o[6] = (N) => d.value.description = N),
-                      label: l(V)("report.common.description"),
-                      placeholder: l(V)("report.common.description")
-                    }, null, 8, ["modelValue", "label", "placeholder"])
+                      "onUpdate:modelValue": o[6] || (o[6] = (B) => d.value.description = B),
+                      label: t(w)("report.common.description"),
+                      placeholder: t(w)("report.common.description"),
+                      disabled: i.readOnly
+                    }, null, 8, ["modelValue", "label", "placeholder", "disabled"])
                   ])
                 ]),
                 _: 1
@@ -1591,149 +1599,150 @@ const Fl = { class: "flex flex-col gap-16" }, Vl = {
                 class: "border-solid",
                 "is-open": !1
               }, {
-                header: w(() => [
-                  v("p", null, U(l(V)("report.editor.advancedUsage")), 1),
+                header: _(() => [
+                  v("p", null, U(t(w)("report.editor.advancedUsage")), 1),
                   o[14] || (o[14] = v("div", { class: "grow" }, null, -1))
                 ]),
-                content: w(() => [
-                  v("div", Jl, [
-                    v("div", Kl, [
+                content: _(() => [
+                  v("div", Jt, [
+                    v("div", Qt, [
                       o[15] || (o[15] = v("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, "V2", -1)),
-                      u(H, {
-                        modelValue: ve.value,
-                        "onUpdate:modelValue": o[7] || (o[7] = (N) => ve.value = N)
+                      u(W, {
+                        modelValue: ce.value,
+                        "onUpdate:modelValue": o[7] || (o[7] = (B) => ce.value = B)
                       }, null, 8, ["modelValue"])
                     ]),
-                    ve.value && me.value ? (c(), x(f, {
+                    ce.value && H.value ? (c(), x(f, {
                       key: 0,
                       modelValue: d.value.queryDatasource,
-                      "onUpdate:modelValue": o[8] || (o[8] = (N) => d.value.queryDatasource = N),
-                      label: l(V)("report.common.queryDatasource"),
-                      items: J
-                    }, null, 8, ["modelValue", "label"])) : I("", !0),
+                      "onUpdate:modelValue": o[8] || (o[8] = (B) => d.value.queryDatasource = B),
+                      label: t(w)("report.common.queryDatasource"),
+                      items: Se
+                    }, null, 8, ["modelValue", "label"])) : D("", !0),
                     u(f, {
-                      modelValue: ae.value,
-                      "onUpdate:modelValue": o[9] || (o[9] = (N) => ae.value = N),
-                      label: l(V)("report.common.batch"),
-                      items: _e
+                      modelValue: ee.value,
+                      "onUpdate:modelValue": o[9] || (o[9] = (B) => ee.value = B),
+                      label: t(w)("report.common.batch"),
+                      items: J
                     }, null, 8, ["modelValue", "label"]),
-                    ae.value !== "none" ? (c(), x(r, {
+                    ee.value !== "none" ? (c(), x(r, {
                       key: 1,
-                      modelValue: Se.value,
-                      "onUpdate:modelValue": o[10] || (o[10] = (N) => Se.value = N),
+                      modelValue: _e.value,
+                      "onUpdate:modelValue": o[10] || (o[10] = (B) => _e.value = B),
                       modelModifiers: { number: !0 },
-                      label: ae.value === "days" ? l(V)("report.common.days") : l(V)("report.common.locations"),
+                      label: ee.value === "days" ? t(w)("report.common.days") : t(w)("report.common.locations"),
                       type: "number"
-                    }, null, 8, ["modelValue", "label"])) : I("", !0),
-                    Ve.value ? (c(), M("div", Ql, [
-                      v("span", Yl, U(l(V)("report.common.estimatedBqCost")), 1),
-                      v("p", Xl, U(B.value), 1),
-                      v("div", Zl, [
-                        v("div", null, "* " + U(l(V)("report.common.estimatedCostGuidelineBigQuery")), 1),
-                        v("div", null, "* " + U(l(V)("report.common.estimatedCostGuidelineDateRange")), 1),
-                        v("div", null, "* " + U(l(V)("report.common.estimatedCostGuidelineLocationBatch")), 1)
+                    }, null, 8, ["modelValue", "label"])) : D("", !0),
+                    Ve.value ? (c(), R("div", Kt, [
+                      v("span", Yt, U(t(w)("report.common.estimatedBqCost")), 1),
+                      v("p", Xt, U(M.value), 1),
+                      v("div", Zt, [
+                        v("div", null, "* " + U(t(w)("report.common.estimatedCostGuidelineBigQuery")), 1),
+                        v("div", null, "* " + U(t(w)("report.common.estimatedCostGuidelineDateRange")), 1),
+                        v("div", null, "* " + U(t(w)("report.common.estimatedCostGuidelineLocationBatch")), 1)
                       ])
-                    ])) : I("", !0)
+                    ])) : D("", !0)
                   ])
                 ]),
                 _: 1
               }),
-              u(We, {
+              i.readOnly ? D("", !0) : (c(), x(We, {
+                key: 0,
                 class: "border-solid",
                 "is-open": !1
               }, {
-                header: w(() => [
-                  v("p", null, U(l(V)("report.section.filter.globalFilter")), 1),
+                header: _(() => [
+                  v("p", null, U(t(w)("report.section.filter.globalFilter")), 1),
                   o[16] || (o[16] = v("div", { class: "grow" }, null, -1))
                 ]),
-                content: w(() => [
+                content: _(() => [
                   v("div", eo, [
                     u(je, {
-                      label: l(V)("report.section.filter.addGlobalFilter"),
+                      label: t(w)("report.section.filter.addGlobalFilter"),
                       variant: "secondary",
                       icon: "add",
                       "icon-position": "prepend",
-                      "border-color": l(Ce).ColorPrimary,
-                      "text-color": l(Ce).ColorPrimary,
+                      "border-color": t(Ce).ColorPrimary,
+                      "text-color": t(Ce).ColorPrimary,
                       onClick: o[11] || (o[11] = () => {
-                        S.value = null, a.value = null, W.value = !0;
+                        S.value = null, a.value = null, A.value = !0;
                       })
                     }, null, 8, ["label", "border-color", "text-color"]),
-                    u(kt, null, {
-                      default: w(() => [
-                        u(l(ht), {
+                    u(kl, null, {
+                      default: _(() => [
+                        u(t(hl), {
                           list: d.value.globalFilters,
                           "item-key": "`${element.schemaName}-${element.name}`",
                           class: "flex flex-col gap-2 cursor-grab",
                           handle: ".handle"
                         }, {
-                          item: w(({ element: N, index: St }) => [
-                            u(Ct, { class: "!cursor-grab border rounded-md border-neutral-300" }, {
-                              default: w(() => [
+                          item: _(({ element: B, index: Sl }) => [
+                            u(Cl, { class: "!cursor-grab border rounded-md border-neutral-300" }, {
+                              default: _(() => [
                                 u(Ye, {
                                   name: "drag_handle",
                                   class: "handle"
                                 }),
-                                v("div", to, [
+                                v("div", lo, [
                                   u(Xe, {
                                     "z-index": 99,
-                                    content: l(ne)(N),
+                                    content: t(ae)(B),
                                     class: "handle"
                                   }, {
-                                    default: w(() => [
-                                      v("p", lo, U(l(ne)(N)), 1)
+                                    default: _(() => [
+                                      v("p", to, U(t(ae)(B)), 1)
                                     ]),
                                     _: 2
                                   }, 1032, ["content"]),
-                                  Y(N) ? (c(), x(Xe, {
+                                  Y(B) ? (c(), x(Xe, {
                                     key: 0,
-                                    content: l(V)("report.section.filter.missingSchema"),
+                                    content: t(w)("report.section.filter.missingSchema"),
                                     "z-index": 99
                                   }, {
-                                    default: w(() => [
+                                    default: _(() => [
                                       u(Ye, {
                                         name: "warning",
                                         class: "text-fm-color-system-error-300"
                                       })
                                     ]),
                                     _: 1
-                                  }, 8, ["content"])) : re(N) ? (c(), x(Xe, {
+                                  }, 8, ["content"])) : oe(B) ? (c(), x(Xe, {
                                     key: 1,
-                                    content: l(V)("report.section.filter.missingTileIds"),
+                                    content: t(w)("report.section.filter.missingTileIds"),
                                     "z-index": 99
                                   }, {
-                                    default: w(() => [
+                                    default: _(() => [
                                       u(Ye, {
                                         name: "warning",
                                         class: "text-fm-color-system-warning-300"
                                       })
                                     ]),
                                     _: 1
-                                  }, 8, ["content"])) : I("", !0)
+                                  }, 8, ["content"])) : D("", !0)
                                 ]),
                                 o[17] || (o[17] = v("div", { class: "grow" }, null, -1)),
-                                u(xt, {
+                                u(xl, {
                                   trigger: "click",
                                   shift: !0,
                                   "stop-click-propagation": !0
                                 }, {
-                                  "menu-button": w(() => [
+                                  "menu-button": _(() => [
                                     u(je, {
                                       "append-icon": "more_vert",
                                       variant: "tertiary"
                                     })
                                   ]),
-                                  default: w(() => [
-                                    (c(), M(he, null, Ee(P, (Ze, $t) => u(Vt, {
-                                      key: $t,
-                                      onClick: (ho) => Ze.onClick(St)
+                                  default: _(() => [
+                                    (c(), R(he, null, Ee(ue, (Ze, $l) => u(Vl, {
+                                      key: $l,
+                                      onClick: (ho) => Ze.onClick(Sl)
                                     }, {
-                                      label: w(() => [
+                                      label: _(() => [
                                         v("p", {
                                           class: Le(
                                             Ze.variant === "destructive" ? " text-fm-color-system-error-300" : ""
                                           )
-                                        }, U(l(V)(Ze.label)), 3)
+                                        }, U(t(w)(Ze.label)), 3)
                                       ]),
                                       _: 2
                                     }, 1032, ["onClick"])), 64))
@@ -1752,20 +1761,23 @@ const Fl = { class: "flex flex-col gap-16" }, Vl = {
                   ])
                 ]),
                 _: 1
-              }),
-              u(We, { class: "border-solid" }, {
-                header: w(() => [
-                  v("p", null, U(l(V)("report.editor.widgets")), 1),
+              })),
+              i.readOnly ? D("", !0) : (c(), x(We, {
+                key: 1,
+                class: "border-solid"
+              }, {
+                header: _(() => [
+                  v("p", null, U(t(w)("report.editor.widgets")), 1),
                   o[18] || (o[18] = v("div", { class: "grow" }, null, -1))
                 ]),
-                content: w(() => [
-                  u(Hl, {
+                content: _(() => [
+                  u(Ht, {
                     report: d.value,
-                    onAddWidget: de
+                    onAddWidget: me
                   }, null, 8, ["report"])
                 ]),
                 _: 1
-              })
+              }))
             ]),
             _: 1
           }, 512)
@@ -1791,6 +1803,7 @@ const Fl = { class: "flex flex-col gap-16" }, Vl = {
   __name: "ReportEditorViewport",
   props: /* @__PURE__ */ ke({
     hideConfiguration: { type: Boolean, required: !1, default: !1 },
+    readOnly: { type: Boolean, required: !1, default: !1 },
     previewWidth: { type: Number, required: !0 },
     previewHeight: { type: Number, required: !0 },
     previewScale: { type: Number, required: !0 }
@@ -1800,40 +1813,41 @@ const Fl = { class: "flex flex-col gap-16" }, Vl = {
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ ke(["hideConfiguration"], ["update:modelValue"]),
-  setup(R, { emit: p }) {
-    const { breakpoints: d } = Qe(), b = Te(R, "modelValue"), i = g(() => {
-      var _;
-      return Jt((_ = b.value) == null ? void 0 : _.tiles);
-    }), h = R, q = g(() => h.previewWidth > 0 && h.previewHeight > 0), K = g(() => d.value.sm || d.value.xs), T = p;
-    return (_, D) => {
-      const Z = C("FmCircularProgress"), z = C("FmButton"), a = C("FmMenuDivider"), S = C("FmCard");
-      return c(), M("div", oo, [
-        b.value ? (c(), M(he, { key: 1 }, [
-          q.value ? I("", !0) : (c(), x(Mt, {
+  setup(z, { emit: p }) {
+    const { breakpoints: d } = Ke(), b = Te(z, "modelValue"), i = g(() => {
+      var F;
+      return Jl((F = b.value) == null ? void 0 : F.tiles);
+    }), h = z, P = g(() => h.previewWidth > 0 && h.previewHeight > 0), Q = g(() => d.value.sm || d.value.xs), T = p;
+    return (F, O) => {
+      const X = C("FmCircularProgress"), q = C("FmButton"), a = C("FmMenuDivider"), S = C("FmCard");
+      return c(), R("div", oo, [
+        b.value ? (c(), R(he, { key: 1 }, [
+          P.value ? D("", !0) : (c(), x(Ml, {
             key: 0,
             "model-value": !h.hideConfiguration
           }, {
-            right: w(() => [
+            right: _(() => [
               v("div", ao, [
-                b.value ? (c(), x(ft, {
+                b.value ? (c(), x(fl, {
                   key: 0,
                   modelValue: b.value,
-                  "onUpdate:modelValue": D[0] || (D[0] = (k) => b.value = k),
+                  "onUpdate:modelValue": O[0] || (O[0] = (k) => b.value = k),
                   "hide-configuration": h.hideConfiguration,
-                  onHideConfiguration: D[1] || (D[1] = (k) => T("hideConfiguration", k))
-                }, null, 8, ["modelValue", "hide-configuration"])) : I("", !0)
+                  "read-only": h.readOnly,
+                  onHideConfiguration: O[1] || (O[1] = (k) => T("hideConfiguration", k))
+                }, null, 8, ["modelValue", "hide-configuration", "read-only"])) : D("", !0)
               ])
             ]),
-            left: w(() => [
+            left: _(() => [
               v("div", ro, [
-                u(z, {
+                u(q, {
                   variant: "secondary",
                   icon: "keyboard_double_arrow_right",
-                  "border-color": l(Ce).ColorPrimary,
-                  "text-color": l(Ce).ColorPrimary,
+                  "border-color": t(Ce).ColorPrimary,
+                  "text-color": t(Ce).ColorPrimary,
                   class: "m-24 my-16",
                   size: "md",
-                  onClick: D[2] || (D[2] = (k) => T("hideConfiguration", !h.hideConfiguration))
+                  onClick: O[2] || (O[2] = (k) => T("hideConfiguration", !h.hideConfiguration))
                 }, null, 8, ["border-color", "text-color"])
               ])
             ]),
@@ -1843,62 +1857,63 @@ const Fl = { class: "flex flex-col gap-16" }, Vl = {
             vertical: "",
             style: { margin: "0px" }
           }),
-          !K.value && !q.value ? (c(), M("div", no, [
-            b.value.tiles.length > 0 ? (c(), M("div", io, [
+          !Q.value && !P.value ? (c(), R("div", no, [
+            b.value.tiles.length > 0 ? (c(), R("div", io, [
               v("div", so, [
-                u(ct)
+                u(cl)
               ]),
-              u(lt, {
+              u(tl, {
                 tiles: b.value.tiles,
                 "report-id": b.value.id || "editing",
                 "leaf-index-by-id": i.value,
                 "hide-export": !0,
                 "grid-class": "gap-[24px]"
               }, null, 8, ["tiles", "report-id", "leaf-index-by-id"])
-            ])) : (c(), x(at, { key: 1 }))
-          ])) : K.value && !q.value ? (c(), M("div", uo, [
+            ])) : (c(), x(al, { key: 1 }))
+          ])) : Q.value && !P.value ? (c(), R("div", uo, [
             u(S, { class: "px-5 pb-28" }, {
-              default: w(() => [
-                b.value.tiles.length > 0 ? (c(), M("div", mo, [
+              default: _(() => [
+                b.value.tiles.length > 0 ? (c(), R("div", mo, [
                   v("div", co, [
-                    u(ct)
+                    u(cl)
                   ]),
-                  u(lt, {
+                  u(tl, {
                     tiles: b.value.tiles,
                     "report-id": b.value.id || "editing",
                     "leaf-index-by-id": i.value,
                     "hide-export": !0,
                     "grid-class": "gap-[16px]"
                   }, null, 8, ["tiles", "report-id", "leaf-index-by-id"])
-                ])) : (c(), x(at, { key: 1 }))
+                ])) : (c(), x(al, { key: 1 }))
               ]),
               _: 1
             }),
-            b.value ? (c(), x(ft, {
+            b.value ? (c(), x(fl, {
               key: 0,
               modelValue: b.value,
-              "onUpdate:modelValue": D[3] || (D[3] = (k) => b.value = k),
+              "onUpdate:modelValue": O[3] || (O[3] = (k) => b.value = k),
               "hide-configuration": h.hideConfiguration,
-              onHideConfiguration: D[4] || (D[4] = (k) => {
+              "read-only": h.readOnly,
+              onHideConfiguration: O[4] || (O[4] = (k) => {
                 T("hideConfiguration", k);
               })
-            }, null, 8, ["modelValue", "hide-configuration"])) : I("", !0)
-          ])) : (c(), M("div", po, [
+            }, null, 8, ["modelValue", "hide-configuration", "read-only"])) : D("", !0)
+          ])) : (c(), R("div", po, [
             v("div", {
-              style: rt({
+              style: rl({
                 transformOrigin: "top center",
                 transform: `scale(${h.previewScale})`
               })
             }, [
               v("div", {
                 class: "overflow-y-auto bg-white rounded-lg",
-                style: rt({
+                style: rl({
                   width: h.previewWidth + "px",
                   height: h.previewHeight + "px"
                 })
               }, [
-                b.value.tiles.length > 0 ? (c(), M("div", vo, [
-                  u(lt, {
+                b.value.tiles.length > 0 ? (c(), R("div", vo, [
+                  u(tl, {
                     tiles: b.value.tiles,
                     "report-id": b.value.id || "editing",
                     "leaf-index-by-id": i.value,
@@ -1906,46 +1921,49 @@ const Fl = { class: "flex flex-col gap-16" }, Vl = {
                     "custom-screen-width": h.previewWidth,
                     "grid-class": "gap-[24px] p-24"
                   }, null, 8, ["tiles", "report-id", "leaf-index-by-id", "custom-screen-width"])
-                ])) : (c(), x(at, { key: 1 }))
+                ])) : (c(), x(al, { key: 1 }))
               ], 4)
             ], 4)
           ]))
-        ], 64)) : (c(), x(Z, { key: 0 }))
+        ], 64)) : (c(), x(X, { key: 0 }))
       ]);
     };
   }
 }), go = { class: "flex items-center gap-4" }, bo = { class: "flex justify-center items-center gap-2 w-full" }, yo = { class: "flex gap-4" }, Ro = /* @__PURE__ */ we({
   __name: "ReportEditor",
-  setup(R) {
-    const p = st(), d = ut(), b = it(), { promptLoader: i } = Qt(), { t: h, te: q } = Ge(), { currentReport: K, editingReport: T } = qe(b), { breakpoints: _ } = Qe(), D = g(() => {
-      var P;
-      return !((P = T.value) != null && P.editable);
-    }), Z = g(() => {
-      var P;
-      return ((P = T.value) == null ? void 0 : P.name) ?? h("report.editor.newReport");
-    }), z = g(() => He(h, q, Z.value, "other")), a = Ft(), { promptMessage: S } = dt(), k = E(!1), Q = g(() => [
+  setup(z) {
+    const p = sl(), d = ul(), b = il(), { promptLoader: i } = Kl(), { t: h, te: P } = Ge(), { currentReport: Q, editingReport: T } = qe(b), { breakpoints: F } = Ke(), O = g(() => {
+      var N;
+      return !((N = T.value) != null && N.editable);
+    }), X = g(() => {
+      var N, E;
+      return !((N = T.value) != null && N.editable) && !((E = T.value) != null && E.isDefault);
+    }), q = g(() => {
+      var N;
+      return ((N = T.value) == null ? void 0 : N.name) ?? h("report.editor.newReport");
+    }), a = g(() => He(h, P, q.value, "other")), S = Fl(), { promptMessage: k } = dl(), j = L(!1), ae = g(() => [
       { label: h("report.common.cancel"), value: "cancel", isPrimary: !1 },
       { label: h("report.common.save"), value: "save", isPrimary: !0, prependIcon: "download" }
     ]);
-    async function ne() {
+    async function de() {
       if (!T.value || T.value.tiles.length === 0) {
-        a.open({ message: h("report.messages.noWidget"), type: "error" });
+        S.open({ message: h("report.messages.noWidget"), type: "error" });
         return;
       }
-      if (Kt(T.value.tiles) > _t) {
-        a.open({ message: h("report.messages.tooDeepNesting"), type: "error" });
+      if (Ql(T.value.tiles) > _l) {
+        S.open({ message: h("report.messages.tooDeepNesting"), type: "error" });
         return;
       }
-      const P = D.value ? h("report.common.clone") : h("report.common.save");
-      if (await S({
+      const N = X.value ? h("report.common.clone") : h("report.common.save");
+      if (await k({
         title: `${h("report.messages.saveReport")}`,
-        message: h("report.messages.confirmAction", { action: P, name: z.value })
+        message: h("report.messages.confirmAction", { action: N, name: a.value })
       }))
         try {
           await i(async () => {
-            if (D.value) {
-              const j = JSON.parse(JSON.stringify(T.value));
-              j.editable = !0, j.id = "", j.name = `${j.name} ${h("report.common.duplicate")}`, j.isDefault = !1, await b.createOrUpdateReport(j);
+            if (X.value) {
+              const H = JSON.parse(JSON.stringify(T.value));
+              H.editable = !0, H.id = "", H.name = `${H.name} ${h("report.common.duplicate")}`, H.isDefault = !1, await b.createOrUpdateReport(H);
             } else
               T.value && await b.createOrUpdateReport(T.value);
             p.push({
@@ -1953,25 +1971,25 @@ const Fl = { class: "flex flex-col gap-16" }, Vl = {
               query: d.query
             });
           });
-        } catch (j) {
-          console.log(j), a.open({
-            message: h("report.messages.failedToAction", { action: P }),
+        } catch (H) {
+          console.log(H), S.open({
+            message: h("report.messages.failedToAction", { action: N }),
             type: "error"
           });
         }
     }
-    async function ue() {
-      var L;
+    async function A() {
+      var E;
       if (!T.value) return;
-      await S({
+      await k({
         title: h("report.common.report", 1),
-        message: h("report.editor.notSaved", { name: (L = T.value) == null ? void 0 : L.name })
-      }) && (T.value = JSON.parse(JSON.stringify(K.value)), p.back());
+        message: h("report.editor.notSaved", { name: (E = T.value) == null ? void 0 : E.name })
+      }) && (T.value = JSON.parse(JSON.stringify(Q.value)), p.back());
     }
-    bt(() => {
+    bl(() => {
       T.value || p.push({ name: "reports" });
     });
-    const W = [
+    const ie = [
       {
         labelKey: "report.common.default",
         width: void 0,
@@ -1992,78 +2010,79 @@ const Fl = { class: "flex flex-col gap-16" }, Vl = {
         width: 390,
         height: 859
       }
-    ], A = E(W[0]), V = E(!1), X = g(() => V.value ? Math.max(A.value.width || 0, A.value.height || 0) : Math.min(A.value.width || 0, A.value.height || 0)), le = g(() => V.value ? Math.min(A.value.width || 0, A.value.height || 0) : Math.max(A.value.width || 0, A.value.height || 0)), oe = g(() => window.innerHeight - 72 - 56), ie = g(() => {
-      if (!X.value) return 1;
-      let P = (oe.value - 48) / X.value, L = le.value * P;
-      return L > window.innerWidth && (P = window.innerWidth / le.value, L = le.value * P), P > 1 ? 1 : P;
+    ], w = L(ie[0]), K = L(!1), re = g(() => K.value ? Math.max(w.value.width || 0, w.value.height || 0) : Math.min(w.value.width || 0, w.value.height || 0)), Z = g(() => K.value ? Math.min(w.value.width || 0, w.value.height || 0) : Math.max(w.value.width || 0, w.value.height || 0)), ne = g(() => window.innerHeight - 72 - 56), se = g(() => {
+      if (!re.value) return 1;
+      let N = (ne.value - 48) / re.value, E = Z.value * N;
+      return E > window.innerWidth && (N = window.innerWidth / Z.value, E = Z.value * N), N > 1 ? 1 : N;
     });
-    function se(P) {
-      A.value = P;
+    function me(N) {
+      w.value = N;
     }
-    function de() {
-      V.value = !V.value;
+    function ue() {
+      K.value = !K.value;
     }
-    return (P, L) => {
-      const j = C("FmTooltip"), me = C("FmButton"), ve = C("FmPageHead");
-      return c(), x(Rt, null, {
-        default: w(() => [
-          u(ve, {
+    return (N, E) => {
+      const H = C("FmTooltip"), ce = C("FmButton"), Se = C("FmPageHead");
+      return c(), x(Rl, null, {
+        default: _(() => [
+          u(Se, {
             "data-editor-header": "true",
-            actions: Q.value,
-            "onClick:action": L[0] || (L[0] = (J) => {
-              J === "cancel" && ue(), J === "save" && ne();
+            actions: ae.value,
+            "onClick:action": E[0] || (E[0] = (J) => {
+              J === "cancel" && A(), J === "save" && de();
             })
           }, {
-            title: w(() => [
+            title: _(() => [
               v("div", go, [
-                u(j, {
-                  content: z.value,
+                u(H, {
+                  content: a.value,
                   placement: "bottom"
                 }, {
-                  default: w(() => [
+                  default: _(() => [
                     v("p", {
-                      class: Le(`${l(_).sm || l(_).xs ? "hidden" : ""} text-ellipsis overflow-hidden text-nowrap fm-typo-en-title-md-600 w-[250px]`)
-                    }, U(z.value), 3)
+                      class: Le(`${t(F).sm || t(F).xs ? "hidden" : ""} text-ellipsis overflow-hidden text-nowrap fm-typo-en-title-md-600 w-[250px]`)
+                    }, U(a.value), 3)
                   ]),
                   _: 1
                 }, 8, ["content"]),
                 v("div", bo, [
                   v("div", yo, [
-                    (c(), M(he, null, Ee(W, (J) => {
-                      var _e;
-                      return u(me, {
+                    (c(), R(he, null, Ee(ie, (J) => {
+                      var ee;
+                      return u(ce, {
                         key: J.labelKey,
-                        label: l(h)(J.labelKey),
-                        variant: ((_e = A.value) == null ? void 0 : _e.labelKey) === J.labelKey ? "primary" : "secondary",
+                        label: t(h)(J.labelKey),
+                        variant: ((ee = w.value) == null ? void 0 : ee.labelKey) === J.labelKey ? "primary" : "secondary",
                         size: "md",
-                        onClick: (ae) => se(J)
+                        onClick: (_e) => me(J)
                       }, null, 8, ["label", "variant", "onClick"]);
                     }), 64))
                   ]),
-                  u(me, {
+                  u(ce, {
                     icon: "screen_rotation",
                     variant: "tertiary",
                     size: "md",
                     class: "text-fm-color-typo-primary",
-                    onClick: de
+                    onClick: ue
                   })
                 ])
               ])
             ]),
             _: 1
           }, 8, ["actions"]),
-          l(T) ? (c(), x(fo, {
+          t(T) ? (c(), x(fo, {
             key: 0,
-            modelValue: l(T),
-            "onUpdate:modelValue": L[1] || (L[1] = (J) => yt(T) ? T.value = J : null),
-            style: rt({ height: oe.value + "px" }),
-            class: Le(l(_).lg || l(_).md ? "flex" : ""),
-            "hide-configuration": k.value,
-            "preview-width": le.value,
-            "preview-height": X.value,
-            "preview-scale": ie.value,
-            onHideConfiguration: L[2] || (L[2] = (J) => k.value = J)
-          }, null, 8, ["modelValue", "style", "class", "hide-configuration", "preview-width", "preview-height", "preview-scale"])) : I("", !0)
+            modelValue: t(T),
+            "onUpdate:modelValue": E[1] || (E[1] = (J) => yl(T) ? T.value = J : null),
+            "read-only": O.value,
+            style: rl({ height: ne.value + "px" }),
+            class: Le(t(F).lg || t(F).md ? "flex" : ""),
+            "hide-configuration": j.value,
+            "preview-width": Z.value,
+            "preview-height": re.value,
+            "preview-scale": se.value,
+            onHideConfiguration: E[2] || (E[2] = (J) => j.value = J)
+          }, null, 8, ["modelValue", "read-only", "style", "class", "hide-configuration", "preview-width", "preview-height", "preview-scale"])) : D("", !0)
         ]),
         _: 1
       });