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

package/dist/ReportEditor-D6VOw4xg.js

@@ -1,2094 +0,0 @@
-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-B0IFIQeH.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, t as Ql } from "./report-CN9S4Zga.js";
-import { storeToRefs as qe } from "pinia";
-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 tl } from "./TilePageStack.vue_vue_type_script_setup_true_lang-Cn6yji3z.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-Dk6NA-nL.js";
-import { g as et, d as lt, _ as cl } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-Do8UrF5k.js";
-import { useCoreStore as tt } from "@feedmepos/mf-common";
-import { u as ot, a as at } from "./app-60Wbr-Yr.js";
-import { d as rt } from "./DateRangeSelect-B10B3ZaN.js";
-const nt = /* @__PURE__ */ we({
-  __name: "WidgetDialog",
-  props: /* @__PURE__ */ ke({
-    isOpen: { type: Boolean }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ ke(["update:isOpen"], ["update:modelValue"]),
-  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() {
-      F.value && (i.value = F.value, F.value = void 0, P("update:isOpen", !1));
-    }
-    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": _(() => [
-          Ae(U(t(d)("report.widget.type")), 1)
-        ]),
-        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": _(() => [
-          q[1] || (q[1] = v("div", { class: "grow" }, null, -1)),
-          u(a, {
-            label: t(d)("report.common.cancel"),
-            variant: "tertiary",
-            onClick: Q
-          }, null, 8, ["label"]),
-          u(a, {
-            label: t(d)("report.common.confirm"),
-            disabled: O.value,
-            onClick: T
-          }, null, 8, ["label", "disabled"])
-        ]),
-        _: 1
-      }, 8, ["model-value"]);
-    };
-  }
-}), it = { class: "fm-typo-en-body-lg-600" }, nl = /* @__PURE__ */ we({
-  __name: "ReportEditorTabHeader",
-  props: /* @__PURE__ */ ke({
-    icon: {
-      type: String,
-      required: !0
-    }
-  }, {
-    modelValue: { type: Boolean, required: !0, default: !1 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(z) {
-    const { t: p } = Ge(), d = Te(z, "modelValue"), b = z;
-    return (i, h) => {
-      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] = (Q) => d.value = !d.value)
-      }, [
-        v("p", it, U(t(p)("report.editor.customizeReport")), 1),
-        h[1] || (h[1] = v("div", { class: "grow" }, null, -1)),
-        u(P, {
-          name: b.icon
-        }, null, 8, ["name"])
-      ]);
-    };
-  }
-}), st = /* @__PURE__ */ we({
-  __name: "ReportEditorTabDesktop",
-  props: {
-    modelValue: { required: !0, default: !1 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  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"]),
-      gl(d.$slots, "default")
-    ], 64));
-  }
-}), ut = /* @__PURE__ */ we({
-  __name: "ReportEditorTabMobile",
-  props: {
-    modelValue: { required: !0, default: !1 },
-    modelModifiers: {}
-  },
-  emits: ["update: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: _(() => [
-          u(nl, {
-            modelValue: p.value,
-            "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] = (P) => p.value = P),
-            "fullscreen-size": "sm"
-          }, {
-            default: _(() => [
-              u(nl, {
-                modelValue: p.value,
-                "onUpdate:modelValue": b[1] || (b[1] = (P) => p.value = P),
-                icon: "keyboard_double_arrow_down"
-              }, null, 8, ["modelValue"]),
-              p.value ? gl(d.$slots, "default", { key: 0 }) : D("", !0)
-            ]),
-            _: 3
-          }, 8, ["modelValue"])
-        ]),
-        _: 3
-      });
-    };
-  }
-}), dt = {
-  key: 2,
-  class: "flex flex-col gap-3 mt-2 border border-neutral-300 p-3"
-}, mt = { class: "grid grid-cols-1 gap-2 rounded-md border border-neutral-300 p-2 sm:grid-cols-[1.3fr_1fr_1fr_auto] sm:items-end" }, ct = {
-  key: 0,
-  class: "flex justify-end sm:pb-[2px]"
-}, pt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, vt = { class: "pl-1" }, ft = {
-  key: 0,
-  class: "flex justify-end sm:pb-[2px]"
-}, gt = {
-  key: 3,
-  class: "flex flex-col gap-2"
-}, bt = /* @__PURE__ */ we({
-  __name: "GlobalFilterDialog",
-  props: /* @__PURE__ */ ke({
-    schemas: {
-      type: Array,
-      default: () => []
-    },
-    tiles: {
-      type: Array,
-      required: !0
-    }
-  }, {
-    globalFilter: {
-      default: () => null
-    },
-    globalFilterModifiers: {},
-    isOpen: { type: Boolean, default: () => !1, required: !0 },
-    isOpenModifiers: {}
-  }),
-  emits: ["update:globalFilter", "update:isOpen"],
-  setup(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 de(n, e) {
-      return { hour: n, minute: e };
-    }
-    function A(n) {
-      return n ? `${String(n.hour).padStart(2, "0")}:${String(n.minute).padStart(2, "0")}` : null;
-    }
-    function ie(n) {
-      if (!n) return null;
-      const [e, l] = n.split(":").map(Number);
-      return Number.isNaN(e) || Number.isNaN(l) ? null : { hour: e, minute: l };
-    }
-    const w = g(() => F.value ? !(F.value.type === te.Timestamp && O.value === ze.DateTime) : !1), K = g(
-      () => {
-        var n;
-        return ((n = F.value) == null ? void 0 : n.type) === te.Timestamp && O.value === ze.TimeOfDay;
-      }
-    ), re = g(() => {
-      var n;
-      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 Z() {
-      var e;
-      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 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((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, 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 me(n = j.value) {
-      const e = ne(n), l = se(
-        e ? Array(e.count).fill(e.default) : [],
-        e
-      );
-      return {
-        label: "",
-        operator: n,
-        values: l
-      };
-    }
-    function ue() {
-      return {
-        name: "",
-        startTime: de(0, 0),
-        endTime: de(23, 59)
-      };
-    }
-    function N() {
-      if (!(!w.value || !a.value)) {
-        if (K.value) {
-          k.value.length === 0 && (k.value = [ue()]);
-          return;
-        }
-        S.value.length === 0 && (S.value = [me()]);
-      }
-    }
-    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 H(n) {
-      j.value = n, S.value = S.value.map((e, l) => {
-        const s = S.value[l];
-        if (!s)
-          return me(n);
-        const y = ne(n), V = se(
-          Array.isArray(s.values) ? [...s.values] : [],
-          y
-        );
-        return {
-          ...s,
-          operator: n,
-          values: V
-        };
-      });
-    }
-    function ce() {
-      S.value = [...S.value, me()];
-    }
-    function Se(n) {
-      S.value.length <= 1 || (S.value = S.value.filter((e, l) => l !== n));
-    }
-    function J() {
-      k.value = [...k.value, ue()];
-    }
-    function ee(n) {
-      k.value.length <= 1 || (k.value = k.value.filter(
-        (e, l) => l !== n
-      ));
-    }
-    function _e(n, e, l) {
-      const s = k.value[n];
-      s && (k.value[n] = {
-        ...s,
-        [e]: ie(l)
-      });
-    }
-    function Ie(n) {
-      return n.length === 0 || n.some((e) => e === "");
-    }
-    function Ue() {
-      if (!a.value) return !0;
-      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(l).size !== l.length ? (h.open({
-          message: p("report.section.filter.customTimeRangeNamesMustBeUnique"),
-          type: "error"
-        }), !1) : !0;
-      }
-      const n = S.value.map((l) => l.label.trim()).filter(Boolean);
-      return S.value.some(
-        (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;
-    }
-    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 M;
-          return $.name === ((M = b.value) == null ? void 0 : M.schemaName);
-        }
-      ), F.value = (l = ge.value.find(
-        ($) => {
-          var M;
-          return $.value.name === ((M = b.value) == null ? void 0 : M.name);
-        }
-      )) == 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 && (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;
-      }
-      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(
-      () => P.schemas.map((n) => ({
-        label: n.label || n.name,
-        value: n
-      }))
-    ), ge = g(() => {
-      var n;
-      return (((n = T.value) == null ? void 0 : n.fields) || []).filter((e) => e.type !== te.Numeric).map((e) => ({
-        label: e.label || e.name,
-        value: e
-      }));
-    }), Ne = g(() => {
-      var n;
-      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(((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(
-      () => P.schemas.flatMap(
-        (n) => (n.fields ?? []).map((e) => ({
-          ...e,
-          labels: [
-            He(p, d, n.label, "schema"),
-            He(p, d, e.label || e.name, "other")
-          ]
-        }))
-      )
-    );
-    function be(n) {
-      var e;
-      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) {
-      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) {
-        case te.Timestamp:
-          return e === ze.DateTime || e === ze.TimeOfDay ? xe.Between : xe.Equal;
-        case te.Bool:
-        case te.String:
-        case te.Numeric:
-          return xe.Equal;
-        default:
-          throw new Error(`Unsupported data type: ${n}`);
-      }
-    }
-    function Ve() {
-      if (!T.value) {
-        h.open({ message: p("report.section.filter.invalidSchema"), type: "error" });
-        return;
-      }
-      if (!F.value) {
-        h.open({ message: p("report.section.filter.invalidDimension"), type: "error" });
-        return;
-      }
-      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((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(", "),
-            unknownFiltersSuffix: y
-          }),
-          type: "error"
-        });
-        return;
-      }
-      if (!Ue())
-        return;
-      const e = a.value && !K.value ? S.value.map((s) => ({
-        label: s.label.trim(),
-        operator: s.operator ?? Z(),
-        values: se(
-          [...s.values],
-          ne(s.operator)
-        )
-      })) : 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: F.value.name,
-        label: Q.value,
-        operator: ye(
-          F.value.type,
-          F.value.type === te.Timestamp ? O.value ?? ze.DateTime : null
-        ),
-        option: F.value.type === te.Timestamp ? O.value : null,
-        values: [],
-        tileIds: [...X.value],
-        filters: ae(q.value),
-        customOptions: e,
-        customTimeRanges: l
-      }, i.value = !1;
-    }
-    function le() {
-      i.value = !1;
-    }
-    const $e = g(() => {
-      var n;
-      return [
-        (n = T.value) == null ? void 0 : n.name,
-        ...q.value.map((e) => e.schemaName)
-      ];
-    });
-    function Re(n) {
-      var r;
-      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 ?? []
-      ), V = [...s, ...y], $ = $e.value.filter((f) => !!f).some((f) => !V.includes(f)), M = F.value.type === te.Timestamp;
-      if ($)
-        return p(
-          M ? "report.section.filter.missingFilterSchema" : "report.section.filter.missingFilterSchemaOrDimension"
-        );
-      if (M) return null;
-      const G = ((l == null ? void 0 : l.dimensions) ?? []).map((f) => ({
-        schemaName: f.schemaName,
-        name: f.name
-      })), I = ((l == null ? void 0 : l.joinDatasources) ?? []).flatMap(
-        (f) => (f.dimensions ?? []).map((W) => ({
-          schemaName: W.schemaName,
-          name: W.name
-        }))
-      ), 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 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": _(() => [
-          Ae(U(t(p)("report.section.filter.globalFilter")), 1)
-        ]),
-        default: _(() => [
-          u(oe, {
-            ref: "form",
-            class: "flex flex-col gap-2 w-[490px]"
-          }, {
-            default: _(() => {
-              var m;
-              return [
-                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(ol, {
-                  "model-value": T.value,
-                  items: fe.value,
-                  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(ol, {
-                  "model-value": F.value,
-                  items: ge.value,
-                  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 = F.value) == null ? void 0 : m.type) === t(te).Timestamp ? (c(), x(s, {
-                  key: 0,
-                  modelValue: O.value,
-                  "onUpdate:modelValue": e[3] || (e[3] = (o) => O.value = o),
-                  items: Ne.value,
-                  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: t(p)("report.section.filter.customOptions"),
-                  value: !0
-                }, 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", mt, [
-                      u(l, {
-                        modelValue: o.name,
-                        "onUpdate:modelValue": (f) => o.name = f,
-                        label: t(p)("report.section.filter.label")
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "label"]),
-                      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(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(), R("div", ct, [
-                        u($, {
-                          icon: "delete",
-                          variant: "tertiary",
-                          onClick: (f) => ee(r)
-                        }, null, 8, ["onClick"])
-                      ])) : D("", !0)
-                    ])
-                  ]))), 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": 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", 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(Nl, {
-                          key: `custom-option-value-${r}-${o.operator ?? ""}-${O.value ?? ""}`,
-                          modelValue: o.values,
-                          "onUpdate:modelValue": (f) => o.values = f,
-                          config: ne(o.operator),
-                          option: O.value
-                        }, null, 8, ["modelValue", "onUpdate:modelValue", "config", "option"])),
-                        S.value.length > 1 ? (c(), R("div", ft, [
-                          u($, {
-                            icon: "delete",
-                            variant: "tertiary",
-                            onClick: (f) => Se(r)
-                          }, null, 8, ["onClick"])
-                        ])) : D("", !0)
-                      ])
-                    ]))), 128))
-                  ], 64)),
-                  u($, {
-                    class: "w-full",
-                    variant: "primary",
-                    icon: "add",
-                    "icon-position": "prepend",
-                    onClick: e[6] || (e[6] = (o) => K.value ? J() : ce())
-                  })
-                ])) : 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(M, { class: "mt-2 fm-typo-en-body-lg-600" }, {
-                  default: _(() => [
-                    Ae(U(t(p)("report.section.filter.applyWidget")), 1)
-                  ]),
-                  _: 1
-                }),
-                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: 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(I, {
-                      key: 0,
-                      content: Re(o) ?? void 0,
-                      "z-index": 99,
-                      class: "ml-2"
-                    }, {
-                      default: _(() => [
-                        u(G, {
-                          name: "warning",
-                          class: "text-fm-color-system-error-300"
-                        })
-                      ]),
-                      _: 2
-                    }, 1032, ["content"])) : D("", !0)
-                  ]))), 128))
-                ])) : (c(), x(M, {
-                  key: 4,
-                  class: "fm-typo-en-body-lg-400",
-                  label: t(p)("report.section.filter.noWidget")
-                }, null, 8, ["label"]))
-              ];
-            }),
-            _: 1
-          }, 512)
-        ]),
-        "dialog-footer": _(() => [
-          e[10] || (e[10] = v("div", { class: "grow" }, null, -1)),
-          u($, {
-            label: t(p)("report.common.cancel"),
-            variant: "tertiary",
-            onClick: le
-          }, null, 8, ["label"]),
-          u($, {
-            label: t(p)("report.common.confirm"),
-            onClick: Ve
-          }, null, 8, ["label"])
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), 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" }
-}, _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,
-    symbol: h,
-    costUsd: d
-  };
-}
-function vl(z, p) {
-  return z < 0.01 ? `< ${p}0.01` : `${p}${z.toFixed(2)}`;
-}
-const Ft = { class: "flex flex-col gap-16" }, Vt = {
-  key: 0,
-  class: "flex flex-col gap-8"
-}, 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"
-}, Et = ["onClick"], Lt = ["title"], Gt = {
-  key: 0,
-  class: "text-fm-color-typo-secondary"
-}, 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(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 }
-    ], 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 l = d.report.tiles;
-      for (const s of De.value) {
-        const y = l.find((V) => V.id === s);
-        if (!y) break;
-        e.push(y), l = y.tiles ?? [];
-      }
-      return e;
-    });
-    ve(q, (e) => {
-      e.length !== De.value.length && (De.value = e.map((l) => l.id));
-    });
-    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
-    ), j = g(() => {
-      var e;
-      return ((e = a.value) == null ? void 0 : e.id) ?? null;
-    }), ae = g(() => q.value.length === 0), de = g(() => a.value ? Pe(a.value) : !1), A = g(
-      () => S.value ? Pe(S.value) : !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
-      )
-    ), 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 ne() {
-      De.value = De.value.slice(0, -1);
-    }
-    function se(e) {
-      if (!e) return "";
-      const l = `report.widget.types.${e.toLowerCase()}`;
-      return h(l) ? i(l) : He(i, h, e, "other");
-    }
-    function me(e, l) {
-      if (e.widget) {
-        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: l + 1 }) : e.title ? e.title : Pe(e) ? i("report.editor.tabGroup") : i("report.editor.group");
-    }
-    function ue(e, l) {
-      return !e.widget && de.value ? e.tabTitle || i("report.editor.tab", { index: l + 1 }) : me(e, l);
-    }
-    function N(e) {
-      var l;
-      return ((l = e.tiles) == null ? void 0 : l.length) ?? 0;
-    }
-    const E = g(
-      () => q.value.map((e, l) => me(e, l)).join(" › ")
-    );
-    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 ce(e, l) {
-      k.value.splice(l + 1, 0, zl(e));
-    }
-    async function Se(e, l) {
-      var V;
-      if (!await O({
-        title: i("report.editor.deleteWidget"),
-        message: i("report.editor.deleteWidgetConfirm", { title: ue(e, l) })
-      })) return;
-      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 J() {
-      a.value && (a.value.tiles || (a.value.tiles = []), a.value.tiles.push(Pl(a.value.tiles.length + 1)));
-    }
-    function ee(e) {
-      ql(e);
-    }
-    async function _e(e, l) {
-      var V;
-      if (!await O({
-        title: i("report.editor.removePage"),
-        message: i("report.editor.removePageConfirm", { title: ue(e, l) })
-      })) return;
-      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 Ie() {
-      k.value.push(Ll());
-    }
-    function Ue() {
-      k.value.push(Gl());
-    }
-    function fe(e) {
-      var s;
-      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 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, l) {
-      const s = Number(e[l]);
-      !Number.isFinite(s) || s < 1 ? e[l] = 1 : s > 24 && (e[l] = 24);
-    }
-    const Be = g({
-      get: () => {
-        var e;
-        return ((e = a.value) == null ? void 0 : e.titleFontSize) ?? 16;
-      },
-      set: (e) => {
-        a.value && (a.value.titleFontSize = e ?? void 0);
-      }
-    }), Me = g({
-      get: () => {
-        var e;
-        return ((e = a.value) == null ? void 0 : e.descriptionFontSize) ?? 14;
-      },
-      set: (e) => {
-        a.value && (a.value.descriptionFontSize = e ?? void 0);
-      }
-    }), be = g({
-      get: () => {
-        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, 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 === Oe.Custom ? Xl(e) : e.trim());
-      }
-    }), ye = L(!1), Ve = L(null), le = L([]);
-    function $e(e) {
-      const l = [
-        { parentId: null, label: i("report.editor.topLevel"), level: 1 }
-      ], s = (V, $, M) => {
-        let G = 0;
-        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(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 })}`;
-              l.push({ parentId: m.id, label: r, level: $ + 1 }), s(m.tiles ?? [], $ + 1, `${r} › `);
-            });
-          } else {
-            G += 1;
-            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(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, le.value = $e(e), ye.value = !0;
-    }
-    function n(e) {
-      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, 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: ne
-            }),
-            v("p", {
-              class: "fm-typo-en-body-md-600 line-clamp-1 overflow-hidden break-all min-w-0 grow text-left",
-              title: E.value
-            }, U(E.value), 9, Ct)
-          ]),
-          ie.value && a.value ? (c(), x(y, {
-            key: 0,
-            modelValue: a.value.tabTitle,
-            "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": 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": 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": 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": 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": 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: _(() => [
-              v("p", kt, U(t(i)("report.editor.groupDetails")), 1),
-              l[24] || (l[24] = v("div", { class: "grow" }, null, -1))
-            ]),
-            content: _(() => [
-              v("div", Tt, [
-                u(y, {
-                  modelValue: a.value.title,
-                  "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": l[7] || (l[7] = (r) => a.value.description = r),
-                  placeholder: t(i)("report.editor.groupDescriptionPlaceholder")
-                }, {
-                  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", Dt, [
-                  v("p", Ot, U(t(i)("report.editor.typography")), 1),
-                  v("div", It, [
-                    u(M, {
-                      modelValue: Be.value,
-                      "onUpdate:modelValue": l[8] || (l[8] = (r) => Be.value = r),
-                      modelModifiers: { number: !0 },
-                      class: "w-full",
-                      label: t(i)("report.editor.titleSize"),
-                      max: 24,
-                      min: 1,
-                      type: "number",
-                      onBlur: l[9] || (l[9] = (r) => Ne(a.value, "titleFontSize"))
-                    }, null, 8, ["modelValue", "label"]),
-                    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,
-                          variant: "tertiary",
-                          "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: 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",
-                          "model-value": a.value.titleItalic ?? !1,
-                          variant: "tertiary",
-                          "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: 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",
-                          "model-value": a.value.titleUnderline ?? !1,
-                          variant: "tertiary",
-                          "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: 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", Mt, [
-                    u(M, {
-                      modelValue: Me.value,
-                      "onUpdate:modelValue": l[13] || (l[13] = (r) => Me.value = r),
-                      modelModifiers: { number: !0 },
-                      class: "w-full",
-                      label: t(i)("report.editor.descriptionSize"),
-                      max: 24,
-                      min: 1,
-                      type: "number",
-                      onBlur: l[14] || (l[14] = (r) => Ne(a.value, "descriptionFontSize"))
-                    }, null, 8, ["modelValue", "label"]),
-                    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,
-                          variant: "tertiary",
-                          "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: 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",
-                          "model-value": a.value.descriptionItalic ?? !1,
-                          variant: "tertiary",
-                          "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: 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",
-                          "model-value": a.value.descriptionUnderline ?? !1,
-                          variant: "tertiary",
-                          "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: 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"])
-                      ])
-                    ])
-                  ])
-                ])
-              ])
-            ]),
-            _: 1
-          })) : D("", !0),
-          !A.value && a.value ? (c(), x(y, {
-            key: 7,
-            modelValue: a.value.size.width,
-            "onUpdate:modelValue": l[18] || (l[18] = (r) => a.value.size.width = r),
-            modelModifiers: { number: !0 },
-            type: "number",
-            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": l[20] || (l[20] = (r) => a.value.size.height = r),
-            modelModifiers: { number: !0 },
-            type: "number",
-            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(), 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: _(({ 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 && !t(pe)(r) ? "cursor-grab" : "cursor-pointer"]),
-                  onClick: (W) => Z(r)
-                }, [
-                  u(G, {
-                    name: "drag_handle",
-                    class: "handle shrink-0 !cursor-grab"
-                  }),
-                  v("p", {
-                    class: "flex-1 min-w-0 truncate text-left fm-typo-en-body-lg-400",
-                    title: ue(r, f)
-                  }, [
-                    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"
-                  })) : D("", !0),
-                  u(oe, {
-                    trigger: "click",
-                    shift: !0,
-                    "stop-click-propagation": !0,
-                    class: "shrink-0"
-                  }, {
-                    "menu-button": _(() => [
-                      u(s, {
-                        "append-icon": "more_vert",
-                        variant: "tertiary"
-                      })
-                    ]),
-                    default: _(() => [
-                      r.widget ? (c(), x(I, {
-                        key: 0,
-                        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: t(i)("report.editor.convertToPage"),
-                        onClick: (W) => ee(r)
-                      }, null, 8, ["label", "onClick"])) : D("", !0),
-                      t(pe)(r) ? (c(), x(I, {
-                        key: 2,
-                        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: t(i)("report.editor.moveTo"),
-                        onClick: (W) => Re(r)
-                      }, null, 8, ["label", "onClick"])),
-                      u(I, {
-                        label: t(i)("report.common.duplicate"),
-                        onClick: (W) => ce(r, f)
-                      }, null, 8, ["label", "onClick"]),
-                      u(I, {
-                        onClick: (W) => Se(r, f)
-                      }, {
-                        label: _(() => [
-                          v("p", Wt, U(t(i)("report.common.remove")), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["onClick"])
-                    ]),
-                    _: 2
-                  }, 1024)
-                ], 10, Et)
-              ]),
-              _: 1
-            }, 8, ["list"])
-          ]),
-          _: 1
-        })),
-        de.value ? (c(), x(s, {
-          key: 3,
-          label: t(i)("report.editor.addTab"),
-          variant: "secondary",
-          icon: "add",
-          "icon-position": "prepend",
-          "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": _(() => [
-            u(s, {
-              label: t(i)("report.common.add"),
-              variant: "secondary",
-              icon: "add",
-              "icon-position": "prepend",
-              class: "w-full",
-              "border-color": t(Ce).ColorPrimary,
-              "text-color": t(Ce).ColorPrimary
-            }, null, 8, ["label", "border-color", "text-color"])
-          ]),
-          default: _(() => [
-            u(I, {
-              label: t(i)("report.editor.addWidget"),
-              onClick: l[22] || (l[22] = (r) => b("add-widget", j.value))
-            }, null, 8, ["label"]),
-            K.value ? (c(), x(I, {
-              key: 0,
-              label: t(i)("report.editor.addGroup"),
-              onClick: Ie
-            }, null, 8, ["label"])) : D("", !0),
-            re.value ? (c(), x(I, {
-              key: 1,
-              label: t(i)("report.editor.addTabGroup"),
-              onClick: Ue
-            }, null, 8, ["label"])) : D("", !0)
-          ]),
-          _: 1
-        })),
-        u(o, {
-          modelValue: ye.value,
-          "onUpdate:modelValue": l[23] || (l[23] = (r) => ye.value = r),
-          overlay: !0,
-          "z-index": 10
-        }, {
-          "dialog-header": _(() => [
-            Ae(U(t(i)("report.editor.moveTo")), 1)
-          ]),
-          default: _(() => [
-            u(Y, null, {
-              default: _(() => [
-                (c(!0), R(he, null, Ee(le.value, (r) => (c(), x(m, {
-                  key: r.parentId ?? "root",
-                  onClick: (f) => n(r)
-                }, {
-                  default: _(() => [
-                    v("p", At, U(r.label), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["onClick"]))), 128))
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["modelValue"])
-      ]);
-    };
-  }
-}), 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"
-}, 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(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(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((W) => W.name === r);
-        return f && o.push(f), o;
-      }, []);
-    }), se = L(null);
-    function me(m) {
-      se.value = m, ie.value = !0;
-    }
-    ve(
-      () => F.value,
-      () => {
-        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: Q.query
-        }));
-      },
-      { immediate: !0 }
-    ), ve(
-      () => d.value.tiles,
-      (m) => {
-        jl(m);
-      },
-      { immediate: !0, deep: !0 }
-    );
-    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])), A.value = !0;
-        }
-      },
-      {
-        label: "report.common.duplicate",
-        selected: !1,
-        variant: "tertiary",
-        onClick: (m) => {
-          var f;
-          const o = (f = d.value.globalFilters) == null ? void 0 : f[m];
-          if (!o) return;
-          const r = JSON.parse(JSON.stringify(o));
-          d.value.globalFilters || (d.value.globalFilters = []), d.value.globalFilters.push(r);
-        }
-      },
-      {
-        label: "report.common.remove",
-        selected: !1,
-        variant: "destructive",
-        onClick: async (m) => {
-          var f, W;
-          const o = (f = d.value.globalFilters) == null ? void 0 : f[m];
-          if (!o) return;
-          await de({
-            title: w("report.editor.deleteWidget"),
-            message: w("report.editor.deleteWidgetConfirm", {
-              title: ae(o)
-            })
-          }) && ((W = d.value.globalFilters) == null || W.splice(m, 1));
-        }
-      }
-    ], N = g(() => O.value.map((m) => ({
-      label: w(`report.category.${m.name}`),
-      value: m.id
-    }))), { sessionUser: E } = tt(), H = g(
-      () => {
-        var m, o, r, f;
-        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;
-      }
-    ), ce = g({
-      get: () => d.value.queryVersion === "v2",
-      set: (m) => {
-        d.value.queryVersion = m ? "v2" : "v1", m ? d.value.queryDatasource = d.value.queryDatasource ?? Qe.Postgres : d.value.queryDatasource = void 0;
-      }
-    }), 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 = 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 });
-      }
-    }), _e = g({
-      get: () => {
-        var m, o;
-        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 && (ee.value === "days" ? d.value.batch = { days: m } : ee.value === "locations" && (d.value.batch = { locations: m }));
-      }
-    }), Ie = g({
-      get: () => He(w, K, d.value.name, "other"),
-      set: (m) => {
-        d.value.name = m;
-      }
-    }), { country: Ue } = qe(ot()), {
-      dateRange: fe,
-      compareDateRange: ge,
-      timeRange: Ne,
-      selectedLocationIds: Be,
-      businessDataVersion: Me,
-      restaurants: be,
-      warehouses: Fe
-    } = 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,
-        endDate: m
-      } : fe.value;
-    }), n = g(() => {
-      const m = ge.value.startDate ?? ge.value.endDate;
-      return m ? {
-        startDate: m,
-        endDate: m
-      } : ge.value;
-    }), e = g(() => {
-      const m = d.value.batch;
-      if (!m) return 1;
-      if (m.locations) {
-        const o = be.value.length + Fe.value.length;
-        return Math.max(1, Math.ceil(o / m.locations));
-      }
-      return 1;
-    }), 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: V.value,
-      totalCost: y.value
-    }));
-    let G = [];
-    const I = rt(async () => {
-      if (!Ve.value) return;
-      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) {
-        le.value = null;
-        return;
-      }
-      $e.value = !0, G.forEach((o) => o.abort()), G = [];
-      try {
-        const o = await Promise.all(
-          m.map((r) => {
-            const f = new AbortController();
-            return G.push(f), lt({
-              widget: r.widget,
-              signal: f.signal,
-              tileId: r.id,
-              scopedDateRange: Re.value,
-              scopedCompareDateRange: n.value
-            });
-          })
-        );
-        le.value = o.reduce((r, f) => r + (f.totalBytesProcessed ?? 0), 0);
-      } catch (o) {
-        o.code !== "ERR_CANCELED" && (le.value = null);
-      } finally {
-        $e.value = !1;
-      }
-    }, 1e3);
-    ve(
-      [
-        () => d.value.tiles,
-        () => d.value.queryVersion,
-        () => d.value.queryDatasource,
-        () => d.value.batch,
-        () => fe.value,
-        () => Ne.value,
-        () => ge.value,
-        () => Be.value,
-        () => Me.value
-      ],
-      () => {
-        I();
-      },
-      { deep: !0 }
-    ), bl(() => {
-      I();
-    }), Dl(() => {
-      G.forEach((m) => m.abort());
-    });
-    function oe(m) {
-      var o;
-      return !((o = m.tileIds) != null && o.length);
-    }
-    function Y(m) {
-      return !ne.value.find((o) => o.name === m.schemaName);
-    }
-    return ve(
-      () => d.value.globalFilters,
-      (m) => {
-        j.value = JSON.parse(JSON.stringify(m || []));
-      },
-      { deep: !0, immediate: !0 }
-    ), (m, o) => {
-      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] = (B) => h("hideConfiguration", B))
-      }, {
-        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(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(Tl, {
-            ref_key: "form",
-            ref: T,
-            class: "px-6 py-16 flex flex-col gap-24 overflow-y-auto overflow-x-hidden"
-          }, {
-            default: _(() => [
-              u(We, { class: "border-solid" }, {
-                header: _(() => [
-                  v("p", null, U(t(w)("report.editor.reportInfo")), 1),
-                  o[13] || (o[13] = v("div", { class: "grow" }, null, -1))
-                ]),
-                content: _(() => [
-                  v("div", jt, [
-                    u(r, {
-                      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-${t(re)}`,
-                      modelValue: d.value.category,
-                      "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] = (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
-              }),
-              u(We, {
-                class: "border-solid",
-                "is-open": !1
-              }, {
-                header: _(() => [
-                  v("p", null, U(t(w)("report.editor.advancedUsage")), 1),
-                  o[14] || (o[14] = v("div", { class: "grow" }, null, -1))
-                ]),
-                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(W, {
-                        modelValue: ce.value,
-                        "onUpdate:modelValue": o[7] || (o[7] = (B) => ce.value = B)
-                      }, null, 8, ["modelValue"])
-                    ]),
-                    ce.value && H.value ? (c(), x(f, {
-                      key: 0,
-                      modelValue: d.value.queryDatasource,
-                      "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: ee.value,
-                      "onUpdate:modelValue": o[9] || (o[9] = (B) => ee.value = B),
-                      label: t(w)("report.common.batch"),
-                      items: J
-                    }, null, 8, ["modelValue", "label"]),
-                    ee.value !== "none" ? (c(), x(r, {
-                      key: 1,
-                      modelValue: _e.value,
-                      "onUpdate:modelValue": o[10] || (o[10] = (B) => _e.value = B),
-                      modelModifiers: { number: !0 },
-                      label: ee.value === "days" ? t(w)("report.common.days") : t(w)("report.common.locations"),
-                      type: "number"
-                    }, 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)
-                      ])
-                    ])) : D("", !0)
-                  ])
-                ]),
-                _: 1
-              }),
-              i.readOnly ? D("", !0) : (c(), x(We, {
-                key: 0,
-                class: "border-solid",
-                "is-open": !1
-              }, {
-                header: _(() => [
-                  v("p", null, U(t(w)("report.section.filter.globalFilter")), 1),
-                  o[16] || (o[16] = v("div", { class: "grow" }, null, -1))
-                ]),
-                content: _(() => [
-                  v("div", eo, [
-                    u(je, {
-                      label: t(w)("report.section.filter.addGlobalFilter"),
-                      variant: "secondary",
-                      icon: "add",
-                      "icon-position": "prepend",
-                      "border-color": t(Ce).ColorPrimary,
-                      "text-color": t(Ce).ColorPrimary,
-                      onClick: o[11] || (o[11] = () => {
-                        S.value = null, a.value = null, A.value = !0;
-                      })
-                    }, null, 8, ["label", "border-color", "text-color"]),
-                    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: _(({ 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", lo, [
-                                  u(Xe, {
-                                    "z-index": 99,
-                                    content: t(ae)(B),
-                                    class: "handle"
-                                  }, {
-                                    default: _(() => [
-                                      v("p", to, U(t(ae)(B)), 1)
-                                    ]),
-                                    _: 2
-                                  }, 1032, ["content"]),
-                                  Y(B) ? (c(), x(Xe, {
-                                    key: 0,
-                                    content: t(w)("report.section.filter.missingSchema"),
-                                    "z-index": 99
-                                  }, {
-                                    default: _(() => [
-                                      u(Ye, {
-                                        name: "warning",
-                                        class: "text-fm-color-system-error-300"
-                                      })
-                                    ]),
-                                    _: 1
-                                  }, 8, ["content"])) : oe(B) ? (c(), x(Xe, {
-                                    key: 1,
-                                    content: t(w)("report.section.filter.missingTileIds"),
-                                    "z-index": 99
-                                  }, {
-                                    default: _(() => [
-                                      u(Ye, {
-                                        name: "warning",
-                                        class: "text-fm-color-system-warning-300"
-                                      })
-                                    ]),
-                                    _: 1
-                                  }, 8, ["content"])) : D("", !0)
-                                ]),
-                                o[17] || (o[17] = v("div", { class: "grow" }, null, -1)),
-                                u(xl, {
-                                  trigger: "click",
-                                  shift: !0,
-                                  "stop-click-propagation": !0
-                                }, {
-                                  "menu-button": _(() => [
-                                    u(je, {
-                                      "append-icon": "more_vert",
-                                      variant: "tertiary"
-                                    })
-                                  ]),
-                                  default: _(() => [
-                                    (c(), R(he, null, Ee(ue, (Ze, $l) => u(Vl, {
-                                      key: $l,
-                                      onClick: (ho) => Ze.onClick(Sl)
-                                    }, {
-                                      label: _(() => [
-                                        v("p", {
-                                          class: Le(
-                                            Ze.variant === "destructive" ? " text-fm-color-system-error-300" : ""
-                                          )
-                                        }, U(t(w)(Ze.label)), 3)
-                                      ]),
-                                      _: 2
-                                    }, 1032, ["onClick"])), 64))
-                                  ]),
-                                  _: 2
-                                }, 1024)
-                              ]),
-                              _: 2
-                            }, 1024)
-                          ]),
-                          _: 1
-                        }, 8, ["list"])
-                      ]),
-                      _: 1
-                    })
-                  ])
-                ]),
-                _: 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: _(() => [
-                  u(Ht, {
-                    report: d.value,
-                    onAddWidget: me
-                  }, null, 8, ["report"])
-                ]),
-                _: 1
-              }))
-            ]),
-            _: 1
-          }, 512)
-        ]),
-        _: 1
-      }, 8, ["model-value"]);
-    };
-  }
-}), oo = { class: "h-full w-full overflow-x-hidden" }, ao = { class: "flex flex-col bg-fm-color-neutral-white w-[400px]" }, ro = { class: "flex bg-fm-color-neutral-white w-[88px]" }, no = {
-  key: 1,
-  class: "w-full overflow-y-auto"
-}, io = {
-  key: 0,
-  class: "w-full p-24"
-}, so = { class: "mb-4 flex flex-wrap gap-2 pb-2" }, uo = { key: 2 }, mo = { key: 0 }, co = { class: "mb-4 flex flex-wrap gap-2 pb-2" }, po = {
-  key: 3,
-  class: "h-full w-full flex items-start justify-center bg-fm-color-neutral-white py-24",
-  style: { backgroundColor: "#F6F8FC" }
-}, vo = {
-  key: 0,
-  class: "w-full"
-}, fo = /* @__PURE__ */ we({
-  __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 }
-  }, {
-    modelValue: { required: !0, default: () => {
-    } },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ ke(["hideConfiguration"], ["update:modelValue"]),
-  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: _(() => [
-              v("div", ao, [
-                b.value ? (c(), x(fl, {
-                  key: 0,
-                  modelValue: b.value,
-                  "onUpdate:modelValue": O[0] || (O[0] = (k) => b.value = k),
-                  "hide-configuration": h.hideConfiguration,
-                  "read-only": h.readOnly,
-                  onHideConfiguration: O[1] || (O[1] = (k) => T("hideConfiguration", k))
-                }, null, 8, ["modelValue", "hide-configuration", "read-only"])) : D("", !0)
-              ])
-            ]),
-            left: _(() => [
-              v("div", ro, [
-                u(q, {
-                  variant: "secondary",
-                  icon: "keyboard_double_arrow_right",
-                  "border-color": t(Ce).ColorPrimary,
-                  "text-color": t(Ce).ColorPrimary,
-                  class: "m-24 my-16",
-                  size: "md",
-                  onClick: O[2] || (O[2] = (k) => T("hideConfiguration", !h.hideConfiguration))
-                }, null, 8, ["border-color", "text-color"])
-              ])
-            ]),
-            _: 1
-          }, 8, ["model-value"])),
-          u(a, {
-            vertical: "",
-            style: { margin: "0px" }
-          }),
-          !Q.value && !P.value ? (c(), R("div", no, [
-            b.value.tiles.length > 0 ? (c(), R("div", io, [
-              v("div", so, [
-                u(cl)
-              ]),
-              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(al, { key: 1 }))
-          ])) : Q.value && !P.value ? (c(), R("div", uo, [
-            u(S, { class: "px-5 pb-28" }, {
-              default: _(() => [
-                b.value.tiles.length > 0 ? (c(), R("div", mo, [
-                  v("div", co, [
-                    u(cl)
-                  ]),
-                  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(al, { key: 1 }))
-              ]),
-              _: 1
-            }),
-            b.value ? (c(), x(fl, {
-              key: 0,
-              modelValue: b.value,
-              "onUpdate:modelValue": O[3] || (O[3] = (k) => b.value = k),
-              "hide-configuration": h.hideConfiguration,
-              "read-only": h.readOnly,
-              onHideConfiguration: O[4] || (O[4] = (k) => {
-                T("hideConfiguration", k);
-              })
-            }, null, 8, ["modelValue", "hide-configuration", "read-only"])) : D("", !0)
-          ])) : (c(), R("div", po, [
-            v("div", {
-              style: rl({
-                transformOrigin: "top center",
-                transform: `scale(${h.previewScale})`
-              })
-            }, [
-              v("div", {
-                class: "overflow-y-auto bg-white rounded-lg",
-                style: rl({
-                  width: h.previewWidth + "px",
-                  height: h.previewHeight + "px"
-                })
-              }, [
-                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,
-                    "hide-export": !0,
-                    "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(al, { key: 1 }))
-              ], 4)
-            ], 4)
-          ]))
-        ], 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(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 de() {
-      if (!T.value || T.value.tiles.length === 0) {
-        S.open({ message: h("report.messages.noWidget"), type: "error" });
-        return;
-      }
-      if (Ql(T.value.tiles) > _l) {
-        S.open({ message: h("report.messages.tooDeepNesting"), type: "error" });
-        return;
-      }
-      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: N, name: a.value })
-      }))
-        try {
-          await i(async () => {
-            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({
-              name: "reportView",
-              query: d.query
-            });
-          });
-        } catch (H) {
-          console.log(H), S.open({
-            message: h("report.messages.failedToAction", { action: N }),
-            type: "error"
-          });
-        }
-    }
-    async function A() {
-      var E;
-      if (!T.value) return;
-      await k({
-        title: h("report.common.report", 1),
-        message: h("report.editor.notSaved", { name: (E = T.value) == null ? void 0 : E.name })
-      }) && (T.value = JSON.parse(JSON.stringify(Q.value)), p.back());
-    }
-    bl(() => {
-      T.value || p.push({ name: "reports" });
-    });
-    const ie = [
-      {
-        labelKey: "report.common.default",
-        width: void 0,
-        height: void 0
-      },
-      {
-        labelKey: "report.editor.devices.desktop",
-        width: 1920,
-        height: 1080
-      },
-      {
-        labelKey: "report.editor.devices.tablet",
-        width: 820,
-        height: 1180
-      },
-      {
-        labelKey: "report.editor.devices.phone",
-        width: 390,
-        height: 859
-      }
-    ], 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 me(N) {
-      w.value = N;
-    }
-    function ue() {
-      K.value = !K.value;
-    }
-    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: ae.value,
-            "onClick:action": E[0] || (E[0] = (J) => {
-              J === "cancel" && A(), J === "save" && de();
-            })
-          }, {
-            title: _(() => [
-              v("div", go, [
-                u(H, {
-                  content: a.value,
-                  placement: "bottom"
-                }, {
-                  default: _(() => [
-                    v("p", {
-                      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(), R(he, null, Ee(ie, (J) => {
-                      var ee;
-                      return u(ce, {
-                        key: J.labelKey,
-                        label: t(h)(J.labelKey),
-                        variant: ((ee = w.value) == null ? void 0 : ee.labelKey) === J.labelKey ? "primary" : "secondary",
-                        size: "md",
-                        onClick: (_e) => me(J)
-                      }, null, 8, ["label", "variant", "onClick"]);
-                    }), 64))
-                  ]),
-                  u(ce, {
-                    icon: "screen_rotation",
-                    variant: "tertiary",
-                    size: "md",
-                    class: "text-fm-color-typo-primary",
-                    onClick: ue
-                  })
-                ])
-              ])
-            ]),
-            _: 1
-          }, 8, ["actions"]),
-          t(T) ? (c(), x(fo, {
-            key: 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
-      });
-    };
-  }
-});
-export {
-  Ro as default
-};