@feedmepos/mf-report 5.27.13 → 5.27.14-beta.0

package/dist/ReportEditor-CSq4R2KR.js

@@ -1,1826 +0,0 @@
-import { defineComponent as Ce, mergeModels as Ne, useModel as Re, ref as z, computed as v, resolveComponent as F, createBlock as k, openBlock as u, withCtx as y, createElementVNode as b, createVNode as r, unref as l, normalizeClass as Pe, createTextVNode as Ae, toDisplayString as L, createElementBlock as N, Fragment as xe, renderSlot as pt, createCommentVNode as M, watch as he, renderList as Ee, onMounted as vt, onUnmounted as Tt, resolveDynamicComponent as $t, isRef as ft, normalizeStyle as lt } from "vue";
-import { W as St, g as Dt, _ as Ot, a as It, e as Ue, d as gt, b as bt, i as Nt, S as We, T as Rt, c as Ut } from "./TransitionFade-C7B6bWjS.js";
-import { C as Oe, D as fe, c as qe, g as Bt, u as at, M as yt, r as Mt, d as st, n as qt, e as Et, f as Pt, h as zt, i as Lt, a as At, j as Ye, k as Xe, m as Gt, Q as He, o as Wt, l as Ht, b as ut, p as jt } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-oCAIT-ax.js";
-import { storeToRefs as Be } from "pinia";
-import { useRouter as nt, useRoute as rt } from "vue-router";
-import { useBreakpoints as je, useSnackbar as ht, FmButtonColorThemeVariant as Ie } from "@feedmepos/ui-library";
-import { u as it } from "./message-dialog-UoMWOnil.js";
-import { u as ze, a as Jt } from "./_plugin-vue_export-helper-onplcgja.js";
-import { r as Ge } from "./i18n-CI_sQ5d_.js";
-import { _ as Ze } from "./TileGrid.vue_vue_type_script_setup_true_lang-D0rrgUXG.js";
-import { a as et, _ as tt } from "./SelectComponent.vue_vue_type_script_setup_true_lang-CGbb3b5G.js";
-import { useCoreStore as Kt } from "@feedmepos/mf-common";
-import { u as Qt, a as Yt } from "./app-Dz4qiCQj.js";
-import { d as Xt } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-B9yWyW2A.js";
-const Zt = /* @__PURE__ */ Ce({
-  __name: "WidgetDialog",
-  props: /* @__PURE__ */ Ne({
-    isOpen: { type: Boolean }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ Ne(["update:isOpen"], ["update:modelValue"]),
-  setup(R, { emit: i }) {
-    const { t: a } = ze(), { breakpoints: c } = je(), p = Re(R, "modelValue"), f = R, q = i;
-    function le() {
-      q("update:isOpen", !1);
-    }
-    function T() {
-      h.value && (p.value = h.value, h.value = void 0, q("update:isOpen", !1));
-    }
-    const h = z(), x = v(() => !h.value);
-    return ($, W) => {
-      const E = F("FmButton"), G = F("FmDialog");
-      return u(), k(G, {
-        "model-value": f.isOpen
-      }, {
-        "dialog-header": y(() => [
-          Ae(L(l(a)("report.widget.type")), 1)
-        ]),
-        default: y(() => [
-          r(St, {
-            modelValue: h.value,
-            "onUpdate:modelValue": W[0] || (W[0] = (S) => h.value = S),
-            class: Pe(`grid ${l(c).lg || l(c).md ? "grid-cols-3 gap-3" : "grid-cols-2 gap-3"}`),
-            "child-class": "p-[8px] flex flex-col"
-          }, null, 8, ["modelValue", "class"])
-        ]),
-        "dialog-footer": y(() => [
-          W[1] || (W[1] = b("div", { class: "grow" }, null, -1)),
-          r(E, {
-            label: l(a)("report.common.cancel"),
-            variant: "tertiary",
-            onClick: le
-          }, null, 8, ["label"]),
-          r(E, {
-            label: l(a)("report.common.confirm"),
-            disabled: x.value,
-            onClick: T
-          }, null, 8, ["label", "disabled"])
-        ]),
-        _: 1
-      }, 8, ["model-value"]);
-    };
-  }
-}), el = { class: "fm-typo-en-body-lg-600" }, ot = /* @__PURE__ */ Ce({
-  __name: "ReportEditorTabHeader",
-  props: /* @__PURE__ */ Ne({
-    icon: {
-      type: String,
-      required: !0
-    }
-  }, {
-    modelValue: { type: Boolean, required: !0, default: !1 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(R) {
-    const { t: i } = ze(), a = Re(R, "modelValue"), c = R;
-    return (p, f) => {
-      const q = F("FmIcon");
-      return u(), N("div", {
-        class: "px-6 py-16 flex items-center gap-2 bg-fm-color-neutral-white border cursor-pointer",
-        onClick: f[0] || (f[0] = (le) => a.value = !a.value)
-      }, [
-        b("p", el, L(l(i)("report.editor.customizeReport")), 1),
-        f[1] || (f[1] = b("div", { class: "grow" }, null, -1)),
-        r(q, {
-          name: c.icon
-        }, null, 8, ["name"])
-      ]);
-    };
-  }
-}), tl = /* @__PURE__ */ Ce({
-  __name: "ReportEditorTabDesktop",
-  props: {
-    modelValue: { required: !0, default: !1 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(R) {
-    const i = Re(R, "modelValue");
-    return (a, c) => (u(), N(xe, null, [
-      r(ot, {
-        modelValue: i.value,
-        "onUpdate:modelValue": c[0] || (c[0] = (p) => i.value = p),
-        icon: "keyboard_double_arrow_left"
-      }, null, 8, ["modelValue"]),
-      pt(a.$slots, "default")
-    ], 64));
-  }
-}), ll = /* @__PURE__ */ Ce({
-  __name: "ReportEditorTabMobile",
-  props: {
-    modelValue: { required: !0, default: !1 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(R) {
-    const i = Re(R, "modelValue");
-    return (a, c) => {
-      const p = F("FmTopSheet"), f = F("FmCard");
-      return u(), k(f, { class: "fixed bottom-0 w-full" }, {
-        default: y(() => [
-          r(ot, {
-            modelValue: i.value,
-            "onUpdate:modelValue": c[0] || (c[0] = (q) => i.value = q),
-            icon: "keyboard_double_arrow_up"
-          }, null, 8, ["modelValue"]),
-          r(p, {
-            modelValue: i.value,
-            "onUpdate:modelValue": c[2] || (c[2] = (q) => i.value = q),
-            "fullscreen-size": "sm"
-          }, {
-            default: y(() => [
-              r(ot, {
-                modelValue: i.value,
-                "onUpdate:modelValue": c[1] || (c[1] = (q) => i.value = q),
-                icon: "keyboard_double_arrow_down"
-              }, null, 8, ["modelValue"]),
-              i.value ? pt(a.$slots, "default", { key: 0 }) : M("", !0)
-            ]),
-            _: 3
-          }, 8, ["modelValue"])
-        ]),
-        _: 3
-      });
-    };
-  }
-}), ol = {
-  key: 2,
-  class: "flex flex-col gap-3 mt-2 border border-neutral-300 p-3"
-}, al = { 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" }, nl = {
-  key: 0,
-  class: "flex justify-end sm:pb-[2px]"
-}, rl = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, il = { class: "pl-1" }, sl = {
-  key: 0,
-  class: "flex justify-end sm:pb-[2px]"
-}, ul = {
-  key: 4,
-  class: "flex flex-col gap-2"
-}, dl = /* @__PURE__ */ Ce({
-  __name: "GlobalFilterDialog",
-  props: /* @__PURE__ */ Ne({
-    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(R) {
-    const { t: i, te: a } = ze(), c = Re(R, "globalFilter"), p = Re(R, "isOpen"), f = ht(), q = R, le = z(""), T = z(), h = z(), x = z(), $ = z([]), W = z([]), E = z(""), G = z(!1), S = z(!1), U = z([]), B = z([]), se = z(Oe.Equal);
-    function de(t) {
-      return JSON.parse(JSON.stringify(t));
-    }
-    function K(t, e) {
-      return { hour: t, minute: e };
-    }
-    function w(t) {
-      return t ? `${String(t.hour).padStart(2, "0")}:${String(t.minute).padStart(2, "0")}` : null;
-    }
-    function _e(t) {
-      if (!t) return null;
-      const [e, g] = t.split(":").map(Number);
-      return Number.isNaN(e) || Number.isNaN(g) ? null : { hour: e, minute: g };
-    }
-    const me = v(() => h.value ? !(h.value.type === fe.Timestamp && x.value === qe.DateTime) : !1), oe = v(
-      () => {
-        var t;
-        return ((t = h.value) == null ? void 0 : t.type) === fe.Timestamp && x.value === qe.TimeOfDay;
-      }
-    ), ce = v(() => {
-      var t;
-      return (((t = h.value) == null ? void 0 : t.filterOperators) ?? []).filter((e) => e !== Oe.And && e !== Oe.Or).map((e) => ({
-        label: i(`report.section.comparisonOperator.${e}`),
-        value: e
-      }));
-    });
-    function ge() {
-      var e;
-      const t = (e = ce.value[0]) == null ? void 0 : e.value;
-      return t || (h.value ? ue(h.value.type, x.value ?? null) : Oe.Equal);
-    }
-    function ye(t) {
-      if (h.value)
-        return Bt({
-          operator: t ?? ge(),
-          dataType: h.value.type,
-          dimensionOption: h.value.type === fe.Timestamp ? x.value ?? null : null,
-          t: i
-        });
-    }
-    function P(t, e) {
-      if (typeof (e == null ? void 0 : e.default) == "boolean" || t.length > 0 && t.every((V) => typeof V == "boolean")) {
-        const V = t.reduce((O, X) => (typeof X == "boolean" && O.push(X), O), []);
-        if (e)
-          for (e.fixed && V.splice(e.count); V.length < e.count; )
-            V.push(typeof e.default == "boolean" ? e.default : !1);
-        return V;
-      }
-      const _ = t.reduce((V, O) => (typeof O == "string" && V.push(O), V), []);
-      if (e)
-        for (e.fixed && _.splice(e.count); _.length < e.count; )
-          _.push(typeof e.default == "string" ? e.default : "");
-      return _;
-    }
-    function H(t = se.value) {
-      const e = ye(t), g = P(
-        e ? Array(e.count).fill(e.default) : [],
-        e
-      );
-      return {
-        label: "",
-        operator: t,
-        values: g
-      };
-    }
-    function Z() {
-      return {
-        name: "",
-        startTime: K(0, 0),
-        endTime: K(23, 59)
-      };
-    }
-    function be() {
-      if (!(!me.value || !S.value)) {
-        if (oe.value) {
-          B.value.length === 0 && (B.value = [Z()]);
-          return;
-        }
-        U.value.length === 0 && (U.value = [H()]);
-      }
-    }
-    function we() {
-      var g, _, V;
-      const t = de(((g = c.value) == null ? void 0 : g.customOptions) ?? []), e = de(((_ = c.value) == null ? void 0 : _.customTimeRanges) ?? []);
-      se.value = ((V = t[0]) == null ? void 0 : V.operator) ?? ge(), S.value = t.length > 0 || e.length > 0, U.value = t, B.value = e, be();
-    }
-    function ee(t) {
-      se.value = t, U.value = U.value.map((e, g) => {
-        const _ = U.value[g];
-        if (!_)
-          return H(t);
-        const V = ye(t), O = P(
-          Array.isArray(_.values) ? [..._.values] : [],
-          V
-        );
-        return {
-          ..._,
-          operator: t,
-          values: O
-        };
-      });
-    }
-    function Ve() {
-      U.value = [...U.value, H()];
-    }
-    function pe(t) {
-      U.value.length <= 1 || (U.value = U.value.filter((e, g) => g !== t));
-    }
-    function Fe() {
-      B.value = [...B.value, Z()];
-    }
-    function ke(t) {
-      B.value.length <= 1 || (B.value = B.value.filter(
-        (e, g) => g !== t
-      ));
-    }
-    function Te(t, e, g) {
-      const _ = B.value[t];
-      _ && (B.value[t] = {
-        ..._,
-        [e]: _e(g)
-      });
-    }
-    function $e(t) {
-      return t.length === 0 || t.some((e) => e == null || e === "");
-    }
-    function Se() {
-      if (!S.value) return !0;
-      if (oe.value) {
-        const g = B.value.map((V) => V.name.trim()).filter(Boolean);
-        return B.value.some(
-          (V) => !V.name.trim() || !V.startTime || !V.endTime
-        ) ? (f.open({
-          message: i("report.section.filter.invalidCustomTimeRange"),
-          type: "error"
-        }), !1) : new Set(g).size !== g.length ? (f.open({
-          message: i("report.section.filter.customTimeRangeNamesMustBeUnique"),
-          type: "error"
-        }), !1) : !0;
-      }
-      const t = U.value.map((g) => g.label.trim()).filter(Boolean);
-      return U.value.some(
-        (g) => !g.label.trim() || $e(g.values)
-      ) ? (f.open({ message: i("report.section.filter.invalidCustomOption"), type: "error" }), !1) : new Set(t).size !== t.length ? (f.open({
-        message: i("report.section.filter.customOptionLabelsMustBeUnique"),
-        type: "error"
-      }), !1) : !0;
-    }
-    he(p, (t) => {
-      var e, g, _, V, O, X, re;
-      t && (le.value = ((e = c.value) == null ? void 0 : e.label) || "", T.value = q.schemas.find(
-        (ie) => {
-          var j;
-          return ie.name === ((j = c.value) == null ? void 0 : j.schemaName);
-        }
-      ), h.value = (g = n.value.find(
-        (ie) => {
-          var j;
-          return ie.value.name === ((j = c.value) == null ? void 0 : j.name);
-        }
-      )) == null ? void 0 : g.value, x.value = (_ = c.value) == null ? void 0 : _.option, $.value = ((V = c.value) == null ? void 0 : V.tileIds) || [], W.value = ((O = c.value) == null ? void 0 : O.filters) || [], G.value = !!((X = c.value) != null && X.dataFormula), E.value = ((re = c.value) == null ? void 0 : re.dataFormula) || "", we());
-    }), he(S, (t) => {
-      var e;
-      t && (se.value = ((e = U.value[0]) == null ? void 0 : e.operator) ?? ge(), be());
-    }), he(me, (t) => {
-      if (!t) {
-        S.value = !1, U.value = [], B.value = [];
-        return;
-      }
-      be();
-    }), he(oe, () => {
-      be();
-    }), he(ce, (t) => {
-      var g;
-      const e = (g = t[0]) == null ? void 0 : g.value;
-      e && (t.some((_) => _.value === se.value) || ee(e));
-    });
-    const Me = v(
-      () => q.schemas.map((t) => ({
-        label: t.label || t.name,
-        value: t
-      }))
-    ), n = v(() => {
-      var t;
-      return (((t = T.value) == null ? void 0 : t.fields) || []).filter((e) => e.type !== fe.Numeric).map((e) => ({
-        label: e.label || e.name,
-        value: e
-      }));
-    }), d = v(() => {
-      var t;
-      return ((t = h.value) == null ? void 0 : t.type) !== fe.Timestamp ? [] : Dt(i);
-    }), A = v(() => q.tiles.reduce((t, e, g) => {
-      var O, X, re, ie, j;
-      const _ = ((O = e.widget) == null ? void 0 : O.config.schemaNames) ?? [], V = (((X = e.widget) == null ? void 0 : X.config.joinDatasources) ?? []).flatMap(
-        (Le) => Le.schemaNames ?? []
-      );
-      return [..._, ...V].includes(((re = T.value) == null ? void 0 : re.name) || "") && t.push({
-        label: (j = (ie = e.widget) == null ? void 0 : ie.title) != null && j.trim() ? e.widget.title : `Widget ${g + 1}`,
-        value: e.id
-      }), t;
-    }, [])), ne = v(
-      () => q.schemas.flatMap(
-        (t) => (t.fields ?? []).map((e) => ({
-          ...e,
-          labels: [
-            Ge(i, a, t.label, "schema"),
-            Ge(i, a, e.label || e.name, "other")
-          ]
-        }))
-      )
-    );
-    function te(t) {
-      var e;
-      t.name !== ((e = T.value) == null ? void 0 : e.name) && (T.value = t, h.value = void 0, se.value = Oe.Equal, S.value = !1, U.value = [], B.value = []);
-    }
-    function Q(t) {
-      h.value = t, x.value = t.type === fe.Timestamp ? qe.DateTime : void 0, se.value = ge(), S.value = !1, U.value = [], B.value = [];
-    }
-    function ue(t, e) {
-      switch (t) {
-        case fe.Timestamp:
-          return e === qe.DateTime || e === qe.TimeOfDay ? Oe.Between : Oe.Equal;
-        case fe.Bool:
-        case fe.String:
-        case fe.Numeric:
-          return Oe.Equal;
-        default:
-          throw new Error(`Unsupported data type: ${t}`);
-      }
-    }
-    function Y() {
-      if (!T.value) {
-        f.open({ message: i("report.section.filter.invalidSchema"), type: "error" });
-        return;
-      }
-      if (!h.value) {
-        f.open({ message: i("report.section.filter.invalidDimension"), type: "error" });
-        return;
-      }
-      const t = W.value.filter((_) => _ ? !Me.value.some((O) => O.value.name === _.schemaName) : !0);
-      if (t.length > 0) {
-        const _ = t.filter((O) => !!O).map((O) => O.schemaName), V = t.some((O) => !O) ? `, ${i("report.section.filter.unknownFilters")}` : "";
-        f.open({
-          message: i("report.section.filter.invalidFiltersSchemaNotFound", {
-            schemas: _.join(", "),
-            unknownFiltersSuffix: V
-          }),
-          type: "error"
-        });
-        return;
-      }
-      if (!Se())
-        return;
-      const e = S.value && !oe.value ? U.value.map((_) => ({
-        label: _.label.trim(),
-        operator: _.operator ?? ge(),
-        values: P(
-          [..._.values],
-          ye(_.operator)
-        )
-      })) : void 0, g = S.value && oe.value ? B.value.map((_) => ({
-        name: _.name.trim(),
-        startTime: _.startTime,
-        endTime: _.endTime
-      })) : void 0;
-      c.value = {
-        schemaName: T.value.name,
-        name: h.value.name,
-        label: le.value,
-        operator: ue(
-          h.value.type,
-          h.value.type === fe.Timestamp ? x.value ?? qe.DateTime : null
-        ),
-        option: h.value.type === fe.Timestamp ? x.value : null,
-        values: [],
-        tileIds: [...$.value],
-        filters: de(W.value),
-        dataFormula: G.value ? E.value : void 0,
-        customOptions: e,
-        customTimeRanges: g
-      }, p.value = !1;
-    }
-    function ve() {
-      p.value = !1;
-    }
-    const De = v(() => {
-      var t;
-      return [
-        (t = T.value) == null ? void 0 : t.name,
-        ...W.value.map((e) => e.schemaName)
-      ];
-    });
-    function C(t) {
-      var O, X, re, ie;
-      const e = q.tiles.find((j) => j.id === t.value), g = ((X = (O = e == null ? void 0 : e.widget) == null ? void 0 : O.config) == null ? void 0 : X.schemaNames) ?? [], _ = (((ie = (re = e == null ? void 0 : e.widget) == null ? void 0 : re.config) == null ? void 0 : ie.joinDatasources) ?? []).flatMap(
-        (j) => j.schemaNames ?? []
-      ), V = [...g, ..._];
-      return De.value.filter((j) => !!j).some((j) => !V.includes(j));
-    }
-    return (t, e) => {
-      const g = F("FmTextField"), _ = F("FmSelect"), V = F("FmCheckbox"), O = F("FmTimePicker"), X = F("FmButton"), re = F("FmTextarea"), ie = F("FmLabel"), j = F("FmIcon"), Le = F("FmTooltip"), s = F("FmForm"), o = F("FmDialog");
-      return u(), k(o, {
-        modelValue: p.value,
-        "onUpdate:modelValue": e[11] || (e[11] = (I) => p.value = I),
-        overlay: !0,
-        "z-index": 10
-      }, {
-        "dialog-header": y(() => [
-          Ae(L(l(i)("report.section.filter.globalFilter")), 1)
-        ]),
-        default: y(() => [
-          r(s, {
-            ref: "form",
-            class: "flex flex-col gap-2 w-[490px]"
-          }, {
-            default: y(() => {
-              var I;
-              return [
-                r(g, {
-                  modelValue: le.value,
-                  "onUpdate:modelValue": e[0] || (e[0] = (m) => le.value = m),
-                  placeholder: l(i)("report.section.filter.displayName"),
-                  label: l(i)("report.section.filter.displayName"),
-                  class: "mb-2"
-                }, null, 8, ["modelValue", "placeholder", "label"]),
-                r(et, {
-                  "model-value": T.value,
-                  items: Me.value,
-                  placeholder: l(i)("report.section.schema.title"),
-                  label: l(i)("report.section.schema.title"),
-                  "onUpdate:modelValue": e[1] || (e[1] = (m) => te(m))
-                }, null, 8, ["model-value", "items", "placeholder", "label"]),
-                r(et, {
-                  "model-value": h.value,
-                  items: n.value,
-                  placeholder: l(i)("report.section.dimension.title"),
-                  label: l(i)("report.section.dimension.title"),
-                  "onUpdate:modelValue": e[2] || (e[2] = (m) => Q(m))
-                }, null, 8, ["model-value", "items", "placeholder", "label"]),
-                ((I = h.value) == null ? void 0 : I.type) === l(fe).Timestamp ? (u(), k(_, {
-                  key: 0,
-                  modelValue: x.value,
-                  "onUpdate:modelValue": e[3] || (e[3] = (m) => x.value = m),
-                  items: d.value,
-                  placeholder: l(i)("report.section.filter.timeFormatter"),
-                  label: l(i)("report.section.filter.timeFormatter")
-                }, null, 8, ["modelValue", "items", "placeholder", "label"])) : M("", !0),
-                me.value ? (u(), k(V, {
-                  key: 1,
-                  modelValue: S.value,
-                  "onUpdate:modelValue": e[4] || (e[4] = (m) => S.value = m),
-                  label: l(i)("report.section.filter.customOptions"),
-                  value: !0
-                }, null, 8, ["modelValue", "label"])) : M("", !0),
-                me.value && S.value ? (u(), N("div", ol, [
-                  oe.value ? (u(!0), N(xe, { key: 0 }, Ee(B.value, (m, J) => (u(), N("div", {
-                    key: `custom-time-range-${J}`,
-                    class: "flex flex-col gap-2"
-                  }, [
-                    b("div", al, [
-                      r(g, {
-                        modelValue: m.name,
-                        "onUpdate:modelValue": (ae) => m.name = ae,
-                        label: l(i)("report.section.filter.label")
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "label"]),
-                      r(O, {
-                        "model-value": w(m.startTime),
-                        label: l(i)("report.date.startingTime"),
-                        "onUpdate:modelValue": (ae) => Te(J, "startTime", ae)
-                      }, null, 8, ["model-value", "label", "onUpdate:modelValue"]),
-                      r(O, {
-                        "model-value": w(m.endTime),
-                        label: l(i)("report.date.endingTime"),
-                        "onUpdate:modelValue": (ae) => Te(J, "endTime", ae)
-                      }, null, 8, ["model-value", "label", "onUpdate:modelValue"]),
-                      B.value.length > 1 ? (u(), N("div", nl, [
-                        r(X, {
-                          icon: "delete",
-                          variant: "tertiary",
-                          onClick: (ae) => ke(J)
-                        }, null, 8, ["onClick"])
-                      ])) : M("", !0)
-                    ])
-                  ]))), 128)) : (u(), N(xe, { key: 1 }, [
-                    b("p", rl, L(l(i)("report.section.filter.operator")), 1),
-                    ce.value.length > 0 ? (u(), k(et, {
-                      key: 0,
-                      "model-value": se.value,
-                      items: ce.value,
-                      placeholder: l(i)("report.section.filter.operator"),
-                      "onUpdate:modelValue": e[5] || (e[5] = (m) => ee(m))
-                    }, null, 8, ["model-value", "items", "placeholder"])) : M("", !0),
-                    (u(!0), N(xe, null, Ee(U.value, (m, J) => (u(), N("div", {
-                      key: `custom-option-${J}`,
-                      class: "flex flex-col gap-2"
-                    }, [
-                      b("div", {
-                        class: Pe([
-                          "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]"
-                        ])
-                      }, [
-                        b("span", il, L(l(i)("report.section.filter.label")), 1),
-                        r(g, {
-                          modelValue: m.label,
-                          "onUpdate:modelValue": (ae) => m.label = ae
-                        }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                        (u(), k(Ot, {
-                          key: `custom-option-value-${J}-${m.operator ?? ""}-${x.value ?? ""}`,
-                          modelValue: m.values,
-                          "onUpdate:modelValue": (ae) => m.values = ae,
-                          config: ye(m.operator),
-                          option: x.value
-                        }, null, 8, ["modelValue", "onUpdate:modelValue", "config", "option"])),
-                        U.value.length > 1 ? (u(), N("div", sl, [
-                          r(X, {
-                            icon: "delete",
-                            variant: "tertiary",
-                            onClick: (ae) => pe(J)
-                          }, null, 8, ["onClick"])
-                        ])) : M("", !0)
-                      ])
-                    ]))), 128))
-                  ], 64)),
-                  r(X, {
-                    class: "w-full",
-                    variant: "primary",
-                    icon: "add",
-                    "icon-position": "prepend",
-                    onClick: e[6] || (e[6] = (m) => oe.value ? Fe() : Ve())
-                  })
-                ])) : M("", !0),
-                r(V, {
-                  modelValue: G.value,
-                  "onUpdate:modelValue": e[7] || (e[7] = (m) => G.value = m),
-                  label: l(i)("report.section.filter.advance"),
-                  value: !0
-                }, null, 8, ["modelValue", "label"]),
-                G.value ? (u(), k(re, {
-                  key: 3,
-                  modelValue: E.value,
-                  "onUpdate:modelValue": e[8] || (e[8] = (m) => E.value = m),
-                  placeholder: l(i)("report.section.filter.dataFormula")
-                }, null, 8, ["modelValue", "placeholder"])) : M("", !0),
-                r(It, {
-                  modelValue: W.value,
-                  "onUpdate:modelValue": e[9] || (e[9] = (m) => W.value = m),
-                  options: ne.value
-                }, null, 8, ["modelValue", "options"]),
-                r(ie, { class: "mt-2 fm-typo-en-body-lg-600" }, {
-                  default: y(() => [
-                    Ae(L(l(i)("report.section.filter.applyWidget")), 1)
-                  ]),
-                  _: 1
-                }),
-                R.tiles.length > 0 ? (u(), N("div", ul, [
-                  (u(!0), N(xe, null, Ee(A.value, (m) => (u(), N("div", {
-                    key: m.value,
-                    class: "flex items-center"
-                  }, [
-                    r(V, {
-                      modelValue: $.value,
-                      "onUpdate:modelValue": e[10] || (e[10] = (J) => $.value = J),
-                      label: m.label,
-                      value: m.value
-                    }, null, 8, ["modelValue", "label", "value"]),
-                    C(m) ? (u(), k(Le, {
-                      key: 0,
-                      content: l(i)("report.section.filter.missingFilterSchema"),
-                      "z-index": 99,
-                      class: "ml-2"
-                    }, {
-                      default: y(() => [
-                        r(j, {
-                          name: "warning",
-                          class: "text-fm-color-system-error-300"
-                        })
-                      ]),
-                      _: 1
-                    }, 8, ["content"])) : M("", !0)
-                  ]))), 128))
-                ])) : (u(), k(ie, {
-                  key: 5,
-                  class: "fm-typo-en-body-lg-400",
-                  label: l(i)("report.section.filter.noWidget")
-                }, null, 8, ["label"]))
-              ];
-            }),
-            _: 1
-          }, 512)
-        ]),
-        "dialog-footer": y(() => [
-          e[12] || (e[12] = b("div", { class: "grow" }, null, -1)),
-          r(X, {
-            label: l(i)("report.common.cancel"),
-            variant: "tertiary",
-            onClick: ve
-          }, null, 8, ["label"]),
-          r(X, {
-            label: l(i)("report.common.confirm"),
-            onClick: Y
-          }, null, 8, ["label"])
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), ml = 8.4375, cl = 1024 ** 4, pl = {
-  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" }
-}, vl = { rate: 1, currency: "USD", symbol: "$" };
-function dt(R, i) {
-  const a = R / cl * ml, { rate: c, currency: p, symbol: f } = pl[i] ?? vl;
-  return {
-    amount: a * c,
-    currency: p,
-    symbol: f,
-    costUsd: a
-  };
-}
-function mt(R, i) {
-  return R < 0.01 ? `< ${i}0.01` : `${i}${R.toFixed(2)}`;
-}
-const fl = { class: "flex flex-col gap-16" }, gl = {
-  key: 0,
-  class: "flex flex-col gap-8"
-}, bl = { class: "flex items-center gap-4 pb-8 border-b border-neutral-300" }, yl = ["title"], hl = {
-  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"
-}, _l = ["onClick"], wl = ["title"], Fl = {
-  key: 0,
-  class: "text-fm-color-typo-secondary"
-}, xl = { class: "text-fm-color-system-error-300" }, Cl = { class: "w-full text-left" }, Vl = /* @__PURE__ */ Ce({
-  __name: "TileDrillPanel",
-  props: {
-    report: {}
-  },
-  emits: ["add-widget"],
-  setup(R, { emit: i }) {
-    const a = R, c = i, { t: p, te: f } = ze(), q = nt(), le = rt(), { promptMessage: T } = it(), h = at(), x = v(() => {
-      const n = [];
-      let d = a.report.tiles;
-      for (const A of Ue.value) {
-        const ne = d.find((te) => te.id === A);
-        if (!ne) break;
-        n.push(ne), d = ne.tiles ?? [];
-      }
-      return n;
-    });
-    he(x, (n) => {
-      n.length !== Ue.value.length && (Ue.value = n.map((d) => d.id));
-    });
-    const $ = v(() => x.value[x.value.length - 1] ?? null), W = v(() => x.value[x.value.length - 2] ?? null), E = v(
-      () => $.value ? $.value.tiles ?? [] : a.report.tiles
-    ), G = v(() => {
-      var n;
-      return ((n = $.value) == null ? void 0 : n.id) ?? null;
-    }), S = v(() => x.value.length === 0), U = v(() => {
-      var n;
-      return ((n = $.value) == null ? void 0 : n.tab) === !0;
-    }), B = v(() => {
-      var n;
-      return ((n = W.value) == null ? void 0 : n.tab) === !0;
-    }), se = v(
-      () => x.value.reduce((n, d) => d.tab ? n : n + 1, 1)
-    ), de = v(() => !U.value && se.value < yt), K = v(() => S.value);
-    function w(n) {
-      n.widget || (Ue.value = [...Ue.value, n.id]);
-    }
-    function _e() {
-      Ue.value = Ue.value.slice(0, -1);
-    }
-    function me(n) {
-      if (!n) return "";
-      const d = `report.widget.types.${n.toLowerCase()}`;
-      return f(d) ? p(d) : Ge(p, f, n, "other");
-    }
-    function oe(n, d) {
-      return n.widget ? n.widget.title ? me(n.widget.title) : p("report.editor.widget", { index: d + 1 }) : n.tabTitle !== void 0 ? n.tabTitle || p("report.editor.tab", { index: d + 1 }) : n.tab ? p("report.editor.tabGroup") : p("report.editor.group");
-    }
-    function ce(n, d) {
-      return !n.widget && U.value ? n.tabTitle || p("report.editor.tab", { index: d + 1 }) : oe(n, d);
-    }
-    function ge(n) {
-      var d;
-      return ((d = n.tiles) == null ? void 0 : d.length) ?? 0;
-    }
-    const ye = v(
-      () => x.value.map((n, d) => oe(n, d)).join(" › ")
-    );
-    function P(n, d) {
-      bt.value = G.value, h.editingTileIndex = d, h.editingTile = JSON.parse(JSON.stringify(n)), q.push({ name: "tileEditor", query: le.query });
-    }
-    function H(n, d) {
-      E.value.splice(d + 1, 0, Mt(n));
-    }
-    async function Z(n, d) {
-      var te;
-      if (!await T({
-        title: p("report.editor.deleteWidget"),
-        message: p("report.editor.deleteWidgetConfirm", { title: ce(n, d) })
-      })) return;
-      const ne = st(n);
-      E.value.splice(d, 1), (te = a.report.globalFilters) == null || te.forEach((Q) => {
-        var ue;
-        Q.tileIds = (ue = Q.tileIds) == null ? void 0 : ue.filter((Y) => !ne.includes(Y));
-      });
-    }
-    function be() {
-      $.value && ($.value.tiles || ($.value.tiles = []), $.value.tiles.push(qt($.value.tiles.length + 1)));
-    }
-    function we() {
-      E.value.push(Et());
-    }
-    function ee() {
-      E.value.push(Pt());
-    }
-    function Ve(n) {
-      var A;
-      const d = Number((A = n.size) == null ? void 0 : A.width);
-      n.size || (n.size = { width: 12, height: 12 }), !Number.isFinite(d) || d < 1 ? n.size.width = 1 : d > 12 && (n.size.width = 12);
-    }
-    function pe(n) {
-      var A;
-      const d = Number((A = n.size) == null ? void 0 : A.height);
-      n.size || (n.size = { width: 12, height: 12 }), !Number.isFinite(d) || d < 1 ? n.size.height = 1 : d > 12 && (n.size.height = 12);
-    }
-    const Fe = z(!1), ke = z(null), Te = z([]);
-    function $e(n) {
-      const d = [
-        { parentId: null, label: p("report.editor.topLevel"), level: 1 }
-      ], A = (te, Q, ue) => {
-        let Y = 0;
-        te.forEach((ve) => {
-          var De;
-          if (!ve.widget)
-            if (ve.tab) {
-              const C = `${ue}${p("report.editor.tabGroup")}`;
-              (De = ve.tiles) == null || De.forEach((t, e) => {
-                const g = `${C} › ${t.tabTitle || p("report.editor.tab", { index: e + 1 })}`;
-                d.push({ parentId: t.id, label: g, level: Q + 1 }), A(t.tiles ?? [], Q + 1, `${g} › `);
-              });
-            } else {
-              Y += 1;
-              const C = `${ue}${p("report.editor.group")} ${Y}`;
-              d.push({ parentId: ve.id, label: C, level: Q + 1 }), A(ve.tiles ?? [], Q + 1, `${C} › `);
-            }
-        });
-      };
-      A(a.report.tiles, 1, "");
-      const ne = new Set(st(n));
-      return d.filter(
-        (te) => te.parentId !== G.value && !(te.parentId && ne.has(te.parentId)) && Lt(n, te.level)
-      );
-    }
-    function Se(n) {
-      ke.value = n, Te.value = $e(n), Fe.value = !0;
-    }
-    function Me(n) {
-      const d = ke.value;
-      if (!d) return;
-      const A = E.value.indexOf(d);
-      A >= 0 && E.value.splice(A, 1), zt(a.report.tiles, n.parentId).push(d), Fe.value = !1, ke.value = null;
-    }
-    return (n, d) => {
-      const A = F("FmButton"), ne = F("FmTextField"), te = F("FmIcon"), Q = F("FmMenuItem"), ue = F("FmMenu"), Y = F("FmList"), ve = F("FmListItem"), De = F("FmDialog");
-      return u(), N("div", fl, [
-        S.value ? M("", !0) : (u(), N("div", gl, [
-          b("div", bl, [
-            r(A, {
-              icon: "arrow_back",
-              variant: "tertiary",
-              class: "-ml-8",
-              onClick: _e
-            }),
-            b("p", {
-              class: "fm-typo-en-body-md-600 line-clamp-1 overflow-hidden break-all min-w-0 grow text-left",
-              title: ye.value
-            }, L(ye.value), 9, yl)
-          ]),
-          B.value && $.value ? (u(), k(ne, {
-            key: 0,
-            modelValue: $.value.tabTitle,
-            "onUpdate:modelValue": d[0] || (d[0] = (C) => $.value.tabTitle = C),
-            label: l(p)("report.editor.tabName"),
-            placeholder: l(p)("report.editor.tabName")
-          }, null, 8, ["modelValue", "label", "placeholder"])) : M("", !0),
-          !B.value && $.value ? (u(), k(ne, {
-            key: 1,
-            modelValue: $.value.size.width,
-            "onUpdate:modelValue": d[1] || (d[1] = (C) => $.value.size.width = C),
-            modelModifiers: { number: !0 },
-            type: "number",
-            label: l(p)("report.editor.width"),
-            onBlur: d[2] || (d[2] = (C) => Ve($.value))
-          }, null, 8, ["modelValue", "label"])) : M("", !0),
-          !B.value && $.value ? (u(), k(ne, {
-            key: 2,
-            modelValue: $.value.size.height,
-            "onUpdate:modelValue": d[3] || (d[3] = (C) => $.value.size.height = C),
-            modelModifiers: { number: !0 },
-            type: "number",
-            label: l(p)("report.editor.height"),
-            onBlur: d[4] || (d[4] = (C) => pe($.value))
-          }, null, 8, ["modelValue", "label"])) : M("", !0)
-        ])),
-        E.value.length === 0 ? (u(), N("div", hl, L(l(p)("report.editor.emptyLevel")), 1)) : (u(), k(Y, { key: 2 }, {
-          default: y(() => [
-            r(l(gt), {
-              list: E.value,
-              "item-key": "id",
-              class: "flex flex-col gap-2 cursor-grab",
-              handle: ".handle"
-            }, {
-              item: y(({ element: C, index: t }) => [
-                b("div", {
-                  class: Pe(["flex items-center gap-8 px-12 py-8 border rounded-md border-neutral-300 hover:bg-fm-color-opacity-sm", C.widget ? "cursor-grab" : "cursor-pointer"]),
-                  onClick: (e) => w(C)
-                }, [
-                  r(te, {
-                    name: "drag_handle",
-                    class: "handle shrink-0 !cursor-grab"
-                  }),
-                  b("p", {
-                    class: "flex-1 min-w-0 truncate text-left fm-typo-en-body-lg-400",
-                    title: ce(C, t)
-                  }, [
-                    Ae(L(ce(C, t)) + " ", 1),
-                    C.widget ? M("", !0) : (u(), N("span", Fl, " · " + L(ge(C)), 1))
-                  ], 8, wl),
-                  C.widget ? M("", !0) : (u(), k(te, {
-                    key: 0,
-                    name: "chevron_right",
-                    class: "shrink-0"
-                  })),
-                  r(ue, {
-                    trigger: "click",
-                    shift: !0,
-                    "stop-click-propagation": !0,
-                    class: "shrink-0"
-                  }, {
-                    "menu-button": y(() => [
-                      r(A, {
-                        "append-icon": "more_vert",
-                        variant: "tertiary"
-                      })
-                    ]),
-                    default: y(() => [
-                      C.widget ? (u(), k(Q, {
-                        key: 0,
-                        label: l(p)("report.common.edit"),
-                        onClick: (e) => P(C, t)
-                      }, null, 8, ["label", "onClick"])) : M("", !0),
-                      C.tab ? M("", !0) : (u(), k(Q, {
-                        key: 1,
-                        label: l(p)("report.editor.moveTo"),
-                        onClick: (e) => Se(C)
-                      }, null, 8, ["label", "onClick"])),
-                      r(Q, {
-                        label: l(p)("report.common.duplicate"),
-                        onClick: (e) => H(C, t)
-                      }, null, 8, ["label", "onClick"]),
-                      r(Q, {
-                        onClick: (e) => Z(C, t)
-                      }, {
-                        label: y(() => [
-                          b("p", xl, L(l(p)("report.common.remove")), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["onClick"])
-                    ]),
-                    _: 2
-                  }, 1024)
-                ], 10, _l)
-              ]),
-              _: 1
-            }, 8, ["list"])
-          ]),
-          _: 1
-        })),
-        U.value ? (u(), k(A, {
-          key: 3,
-          label: l(p)("report.editor.addTab"),
-          variant: "secondary",
-          icon: "add",
-          "icon-position": "prepend",
-          "border-color": l(Ie).ColorPrimary,
-          "text-color": l(Ie).ColorPrimary,
-          onClick: be
-        }, null, 8, ["label", "border-color", "text-color"])) : (u(), k(ue, {
-          key: 4,
-          trigger: "click",
-          shift: !0
-        }, {
-          "menu-button": y(() => [
-            r(A, {
-              label: l(p)("report.common.add"),
-              variant: "secondary",
-              icon: "add",
-              "icon-position": "prepend",
-              class: "w-full",
-              "border-color": l(Ie).ColorPrimary,
-              "text-color": l(Ie).ColorPrimary
-            }, null, 8, ["label", "border-color", "text-color"])
-          ]),
-          default: y(() => [
-            r(Q, {
-              label: l(p)("report.editor.addWidget"),
-              onClick: d[5] || (d[5] = (C) => c("add-widget", G.value))
-            }, null, 8, ["label"]),
-            de.value ? (u(), k(Q, {
-              key: 0,
-              label: l(p)("report.editor.addGroup"),
-              onClick: we
-            }, null, 8, ["label"])) : M("", !0),
-            K.value ? (u(), k(Q, {
-              key: 1,
-              label: l(p)("report.editor.addTabGroup"),
-              onClick: ee
-            }, null, 8, ["label"])) : M("", !0)
-          ]),
-          _: 1
-        })),
-        r(De, {
-          modelValue: Fe.value,
-          "onUpdate:modelValue": d[6] || (d[6] = (C) => Fe.value = C),
-          overlay: !0,
-          "z-index": 10
-        }, {
-          "dialog-header": y(() => [
-            Ae(L(l(p)("report.editor.moveTo")), 1)
-          ]),
-          default: y(() => [
-            r(Y, null, {
-              default: y(() => [
-                (u(!0), N(xe, null, Ee(Te.value, (C) => (u(), k(ve, {
-                  key: C.parentId ?? "root",
-                  onClick: (t) => Me(C)
-                }, {
-                  default: y(() => [
-                    b("p", Cl, L(C.label), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["onClick"]))), 128))
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["modelValue"])
-      ]);
-    };
-  }
-}), kl = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, Tl = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, $l = { class: "flex items-center gap-8" }, Sl = {
-  key: 2,
-  class: "flex flex-col gap-8 rounded-md border border-fm-color-border px-16 py-12"
-}, Dl = { class: "fm-typo-en-body-sm-400" }, Ol = { class: "fm-typo-en-body-sm-400 font-bold" }, Il = { class: "space-y-1 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Nl = { class: "flex flex-col gap-24 top-0 bg-fm-color-neutral-white z-10" }, Rl = { class: "flex items-center gap-1 max-w-[195px] w-[195px]" }, Ul = { class: "line-clamp-2 overflow-hidden max-w-[195px] w-[195px]" }, ct = /* @__PURE__ */ Ce({
-  __name: "ReportEditorTab",
-  props: /* @__PURE__ */ Ne({
-    hideConfiguration: {
-      type: Boolean,
-      default: !1
-    }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ Ne(["hideConfiguration"], ["update:modelValue"]),
-  setup(R, { emit: i }) {
-    const a = Re(R, "modelValue"), { breakpoints: c } = je(), p = R, f = i, q = nt(), le = rt(), T = z(), {
-      currentSelectWidgetType: h,
-      categories: x,
-      editingTile: $,
-      editingTileIndex: W,
-      editingGlobalFilter: E,
-      editingGlobalFilterIndex: G
-    } = Be(at()), { schemas: S } = Be(At()), { globalFilters: U } = Be(Ye()), { getGlobalFilterLabel: B } = Ye(), { promptMessage: se } = it(), de = z(!1), K = z(!1), { t: w, te: _e, locale: me } = ze(), oe = z(void 0), ce = v(() => {
-      const s = Xe(a.value.tiles).flatMap((o) => {
-        var J;
-        const I = o.widget.config.schemaNames ?? [], m = ((J = o.widget.config.joinDatasources) == null ? void 0 : J.flatMap((ae) => ae.schemaNames ?? [])) ?? [];
-        return [...I, ...m];
-      });
-      return [...new Set(s)].reduce((o, I) => {
-        const m = S.value.find((J) => J.name === I);
-        return m && o.push(m), o;
-      }, []);
-    }), ge = z(null);
-    function ye(s) {
-      ge.value = s, K.value = !0;
-    }
-    he(
-      () => h.value,
-      () => {
-        h.value !== void 0 && (oe.value = Nt(h.value), $.value = oe.value, W.value = -1, bt.value = ge.value, q.push({
-          name: "tileEditor",
-          query: le.query
-        }));
-      },
-      { immediate: !0 }
-    ), he(
-      () => a.value.tiles,
-      (s) => {
-        Gt(s);
-      },
-      { immediate: !0, deep: !0 }
-    );
-    const P = [
-      {
-        label: "report.common.edit",
-        selected: !1,
-        variant: "tertiary",
-        onClick: (s) => {
-          var o;
-          G.value = s, E.value = JSON.parse(JSON.stringify((o = a.value.globalFilters) == null ? void 0 : o[s])), de.value = !0;
-        }
-      },
-      {
-        label: "report.common.duplicate",
-        selected: !1,
-        variant: "tertiary",
-        onClick: (s) => {
-          var m;
-          const o = (m = a.value.globalFilters) == null ? void 0 : m[s];
-          if (!o) return;
-          const I = JSON.parse(JSON.stringify(o));
-          a.value.globalFilters || (a.value.globalFilters = []), a.value.globalFilters.push(I);
-        }
-      },
-      {
-        label: "report.common.remove",
-        selected: !1,
-        variant: "destructive",
-        onClick: async (s) => {
-          var m, J;
-          const o = (m = a.value.globalFilters) == null ? void 0 : m[s];
-          if (!o) return;
-          await se({
-            title: w("report.editor.deleteWidget"),
-            message: w("report.editor.deleteWidgetConfirm", {
-              title: B(o)
-            })
-          }) && ((J = a.value.globalFilters) == null || J.splice(s, 1));
-        }
-      }
-    ], H = v(() => x.value.map((s) => ({
-      label: w(`report.category.${s.name}`),
-      value: s.id
-    }))), { sessionUser: Z } = Kt(), be = v(
-      () => {
-        var s, o, I, m;
-        return ((o = (s = Z.value) == null ? void 0 : s.role) == null ? void 0 : o.isAdmin) === !0 || ((m = (I = Z.value) == null ? void 0 : I.role) == null ? void 0 : m.isStaff) === !0;
-      }
-    ), we = v({
-      get: () => a.value.queryVersion === "v2",
-      set: (s) => {
-        a.value.queryVersion = s ? "v2" : "v1", s ? a.value.queryDatasource = a.value.queryDatasource ?? He.Postgres : a.value.queryDatasource = void 0;
-      }
-    }), ee = [
-      { label: w("report.common.postgresql"), value: He.Postgres },
-      { label: w("report.common.bigquery"), value: He.BigQuery }
-    ], Ve = [
-      { label: w("report.common.noBatch"), value: "none" },
-      { label: w("report.common.days"), value: "days" },
-      { label: w("report.common.locations"), value: "locations" }
-    ], pe = v({
-      get: () => {
-        var s, o;
-        return (s = a.value.batch) != null && s.days ? "days" : (o = a.value.batch) != null && o.locations ? "locations" : "none";
-      },
-      set: (s) => {
-        var o, I;
-        s === "none" ? a.value.batch = void 0 : s === "days" ? a.value.batch = { days: ((o = a.value.batch) == null ? void 0 : o.days) || 1 } : s === "locations" && (a.value.batch = { locations: ((I = a.value.batch) == null ? void 0 : I.locations) || 10 });
-      }
-    }), Fe = v({
-      get: () => {
-        var s, o;
-        if (pe.value === "days") return ((s = a.value.batch) == null ? void 0 : s.days) ?? 1;
-        if (pe.value === "locations") return ((o = a.value.batch) == null ? void 0 : o.locations) ?? 1;
-      },
-      set: (s) => {
-        s && (pe.value === "days" ? a.value.batch = { days: s } : pe.value === "locations" && (a.value.batch = { locations: s }));
-      }
-    }), ke = v({
-      get: () => Ge(w, _e, a.value.name, "other"),
-      set: (s) => {
-        a.value.name = s;
-      }
-    }), { country: Te } = Be(Qt()), {
-      dateRange: $e,
-      compareDateRange: Se,
-      timeRange: Me,
-      selectedLocationIds: n,
-      businessDataVersion: d,
-      restaurants: A,
-      warehouses: ne
-    } = Be(Yt()), { isAllGlobalFiltersLoaded: te } = Be(Ye()), Q = v(
-      () => a.value.queryVersion === "v2" && a.value.queryDatasource === He.BigQuery
-    ), ue = v(() => Q.value && be.value), Y = z(null), ve = z(!1), De = v(() => {
-      const s = $e.value.startDate ?? $e.value.endDate;
-      return s ? {
-        startDate: s,
-        endDate: s
-      } : $e.value;
-    }), C = v(() => {
-      const s = Se.value.startDate ?? Se.value.endDate;
-      return s ? {
-        startDate: s,
-        endDate: s
-      } : Se.value;
-    }), t = v(() => {
-      const s = a.value.batch;
-      if (!s) return 1;
-      if (s.locations) {
-        const o = A.value.length + ne.value.length;
-        return Math.max(1, Math.ceil(o / s.locations));
-      }
-      return 1;
-    }), e = v(() => {
-      if (Y.value == null || Y.value === 0) return null;
-      const s = Y.value * t.value;
-      return dt(s, Te.value);
-    }), g = v(() => Y.value == null || Y.value === 0 ? null : dt(Y.value, Te.value)), _ = v(() => e.value ? mt(e.value.amount, e.value.symbol) : ""), V = v(() => g.value ? mt(g.value.amount, g.value.symbol) : ""), O = v(() => t.value === 1 ? w("report.common.estimatedCostBatchSingular") : w("report.common.estimatedCostBatchPlural")), X = v(() => ve.value ? "..." : !_.value || !V.value ? "--" : w("report.common.estimatedCostFormula", {
-      batchCount: t.value,
-      batchLabel: O.value,
-      baseCost: V.value,
-      totalCost: _.value
-    }));
-    let re = [];
-    const ie = Xt(async () => {
-      if (!ue.value) return;
-      const s = Xe(a.value.tiles).filter(
-        (o) => {
-          var I;
-          return ((I = o.widget.config.schemaNames) == null ? void 0 : I.length) > 0;
-        }
-      );
-      if (s.length === 0) {
-        Y.value = null;
-        return;
-      }
-      ve.value = !0, re.forEach((o) => o.abort()), re = [];
-      try {
-        const o = await Promise.all(
-          s.map((I) => {
-            const m = new AbortController();
-            return re.push(m), Wt({
-              widget: I.widget,
-              signal: m.signal,
-              tileId: I.id,
-              scopedDateRange: De.value,
-              scopedCompareDateRange: C.value
-            });
-          })
-        );
-        Y.value = o.reduce((I, m) => I + (m.totalBytesProcessed ?? 0), 0);
-      } catch (o) {
-        o.code !== "ERR_CANCELED" && (Y.value = null);
-      } finally {
-        ve.value = !1;
-      }
-    }, 1e3);
-    he(
-      [
-        () => a.value.tiles,
-        () => a.value.queryVersion,
-        () => a.value.queryDatasource,
-        () => a.value.batch,
-        () => $e.value,
-        () => Me.value,
-        () => Se.value,
-        () => n.value,
-        () => d.value,
-        () => te.value
-      ],
-      () => {
-        ie();
-      },
-      { deep: !0 }
-    ), vt(() => {
-      ie();
-    }), Tt(() => {
-      re.forEach((s) => s.abort());
-    });
-    function j(s) {
-      var o;
-      return !((o = s.tileIds) != null && o.length);
-    }
-    function Le(s) {
-      return !ce.value.find((o) => o.name === s.schemaName);
-    }
-    return he(
-      () => a.value.globalFilters,
-      (s) => {
-        U.value = JSON.parse(JSON.stringify(s || []));
-      },
-      { deep: !0, immediate: !0 }
-    ), (s, o) => {
-      const I = F("FmTextField"), m = F("FmSelect"), J = F("FmSwitch"), ae = F("FmButton"), Je = F("FmIcon"), Ke = F("FmTooltip"), _t = F("FmMenuItem"), wt = F("FmMenu"), Ft = F("FmListItem"), xt = F("FmList"), Ct = F("FmForm");
-      return u(), k($t(l(c).lg || l(c).md ? tl : ll), {
-        "model-value": p.hideConfiguration,
-        "onUpdate:modelValue": o[12] || (o[12] = (D) => f("hideConfiguration", D))
-      }, {
-        default: y(() => [
-          r(dl, {
-            "is-open": de.value,
-            "onUpdate:isOpen": o[0] || (o[0] = (D) => de.value = D),
-            "global-filter": l(E),
-            tiles: l(Xe)(a.value.tiles),
-            schemas: ce.value,
-            "onUpdate:globalFilter": o[1] || (o[1] = (D) => {
-              D && (a.value.globalFilters || (a.value.globalFilters = []), typeof l(G) == "number" && l(G) >= 0 ? a.value.globalFilters[l(G)] = D : a.value.globalFilters.push(D));
-            })
-          }, null, 8, ["is-open", "global-filter", "tiles", "schemas"]),
-          r(Zt, {
-            modelValue: l(h),
-            "onUpdate:modelValue": o[2] || (o[2] = (D) => ft(h) ? h.value = D : null),
-            "is-open": K.value,
-            "onUpdate:isOpen": o[3] || (o[3] = (D) => K.value = D)
-          }, null, 8, ["modelValue", "is-open"]),
-          r(Ct, {
-            ref_key: "form",
-            ref: T,
-            class: "px-6 py-16 flex flex-col gap-24 overflow-y-auto overflow-x-hidden"
-          }, {
-            default: y(() => [
-              r(We, { class: "border-solid" }, {
-                header: y(() => [
-                  b("p", null, L(l(w)("report.editor.reportInfo")), 1),
-                  o[13] || (o[13] = b("div", { class: "grow" }, null, -1))
-                ]),
-                content: y(() => [
-                  b("div", kl, [
-                    r(I, {
-                      modelValue: ke.value,
-                      "onUpdate:modelValue": o[4] || (o[4] = (D) => ke.value = D),
-                      label: l(w)("report.common.name"),
-                      placeholder: l(w)("report.common.name")
-                    }, null, 8, ["modelValue", "label", "placeholder"]),
-                    (u(), k(m, {
-                      key: `category-${l(me)}`,
-                      modelValue: a.value.category,
-                      "onUpdate:modelValue": o[5] || (o[5] = (D) => a.value.category = D),
-                      label: l(w)("report.common.category"),
-                      items: H.value
-                    }, null, 8, ["modelValue", "label", "items"])),
-                    r(I, {
-                      modelValue: a.value.description,
-                      "onUpdate:modelValue": o[6] || (o[6] = (D) => a.value.description = D),
-                      label: l(w)("report.common.description"),
-                      placeholder: l(w)("report.common.description")
-                    }, null, 8, ["modelValue", "label", "placeholder"])
-                  ])
-                ]),
-                _: 1
-              }),
-              r(We, {
-                class: "border-solid",
-                "is-open": !1
-              }, {
-                header: y(() => [
-                  b("p", null, L(l(w)("report.editor.advancedUsage")), 1),
-                  o[14] || (o[14] = b("div", { class: "grow" }, null, -1))
-                ]),
-                content: y(() => [
-                  b("div", Tl, [
-                    b("div", $l, [
-                      o[15] || (o[15] = b("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, "V2", -1)),
-                      r(J, {
-                        modelValue: we.value,
-                        "onUpdate:modelValue": o[7] || (o[7] = (D) => we.value = D)
-                      }, null, 8, ["modelValue"])
-                    ]),
-                    we.value && be.value ? (u(), k(m, {
-                      key: 0,
-                      modelValue: a.value.queryDatasource,
-                      "onUpdate:modelValue": o[8] || (o[8] = (D) => a.value.queryDatasource = D),
-                      label: l(w)("report.common.queryDatasource"),
-                      items: ee
-                    }, null, 8, ["modelValue", "label"])) : M("", !0),
-                    r(m, {
-                      modelValue: pe.value,
-                      "onUpdate:modelValue": o[9] || (o[9] = (D) => pe.value = D),
-                      label: l(w)("report.common.batch"),
-                      items: Ve
-                    }, null, 8, ["modelValue", "label"]),
-                    pe.value !== "none" ? (u(), k(I, {
-                      key: 1,
-                      modelValue: Fe.value,
-                      "onUpdate:modelValue": o[10] || (o[10] = (D) => Fe.value = D),
-                      modelModifiers: { number: !0 },
-                      label: pe.value === "days" ? l(w)("report.common.days") : l(w)("report.common.locations"),
-                      type: "number"
-                    }, null, 8, ["modelValue", "label"])) : M("", !0),
-                    ue.value ? (u(), N("div", Sl, [
-                      b("span", Dl, L(l(w)("report.common.estimatedBqCost")), 1),
-                      b("p", Ol, L(X.value), 1),
-                      b("div", Il, [
-                        b("div", null, "* " + L(l(w)("report.common.estimatedCostGuidelineBigQuery")), 1),
-                        b("div", null, "* " + L(l(w)("report.common.estimatedCostGuidelineDateRange")), 1),
-                        b("div", null, "* " + L(l(w)("report.common.estimatedCostGuidelineLocationBatch")), 1)
-                      ])
-                    ])) : M("", !0)
-                  ])
-                ]),
-                _: 1
-              }),
-              r(We, {
-                class: "border-solid",
-                "is-open": !1
-              }, {
-                header: y(() => [
-                  b("p", null, L(l(w)("report.section.filter.globalFilter")), 1),
-                  o[16] || (o[16] = b("div", { class: "grow" }, null, -1))
-                ]),
-                content: y(() => [
-                  b("div", Nl, [
-                    r(ae, {
-                      label: l(w)("report.section.filter.addGlobalFilter"),
-                      variant: "secondary",
-                      icon: "add",
-                      "icon-position": "prepend",
-                      "border-color": l(Ie).ColorPrimary,
-                      "text-color": l(Ie).ColorPrimary,
-                      onClick: o[11] || (o[11] = () => {
-                        G.value = null, E.value = null, de.value = !0;
-                      })
-                    }, null, 8, ["label", "border-color", "text-color"]),
-                    r(xt, null, {
-                      default: y(() => [
-                        r(l(gt), {
-                          list: a.value.globalFilters,
-                          "item-key": "`${element.schemaName}-${element.name}`",
-                          class: "flex flex-col gap-2 cursor-grab",
-                          handle: ".handle"
-                        }, {
-                          item: y(({ element: D, index: Vt }) => [
-                            r(Ft, { class: "!cursor-grab border rounded-md border-neutral-300" }, {
-                              default: y(() => [
-                                r(Je, {
-                                  name: "drag_handle",
-                                  class: "handle"
-                                }),
-                                b("div", Rl, [
-                                  r(Ke, {
-                                    "z-index": 99,
-                                    content: l(B)(D),
-                                    class: "handle"
-                                  }, {
-                                    default: y(() => [
-                                      b("p", Ul, L(l(B)(D)), 1)
-                                    ]),
-                                    _: 2
-                                  }, 1032, ["content"]),
-                                  Le(D) ? (u(), k(Ke, {
-                                    key: 0,
-                                    content: l(w)("report.section.filter.missingSchema"),
-                                    "z-index": 99
-                                  }, {
-                                    default: y(() => [
-                                      r(Je, {
-                                        name: "warning",
-                                        class: "text-fm-color-system-error-300"
-                                      })
-                                    ]),
-                                    _: 1
-                                  }, 8, ["content"])) : j(D) ? (u(), k(Ke, {
-                                    key: 1,
-                                    content: l(w)("report.section.filter.missingTileIds"),
-                                    "z-index": 99
-                                  }, {
-                                    default: y(() => [
-                                      r(Je, {
-                                        name: "warning",
-                                        class: "text-fm-color-system-warning-300"
-                                      })
-                                    ]),
-                                    _: 1
-                                  }, 8, ["content"])) : M("", !0)
-                                ]),
-                                o[17] || (o[17] = b("div", { class: "grow" }, null, -1)),
-                                r(wt, {
-                                  trigger: "click",
-                                  shift: !0,
-                                  "stop-click-propagation": !0
-                                }, {
-                                  "menu-button": y(() => [
-                                    r(ae, {
-                                      "append-icon": "more_vert",
-                                      variant: "tertiary"
-                                    })
-                                  ]),
-                                  default: y(() => [
-                                    (u(), N(xe, null, Ee(P, (Qe, kt) => r(_t, {
-                                      key: kt,
-                                      onClick: (Yl) => Qe.onClick(Vt)
-                                    }, {
-                                      label: y(() => [
-                                        b("p", {
-                                          class: Pe(
-                                            Qe.variant === "destructive" ? " text-fm-color-system-error-300" : ""
-                                          )
-                                        }, L(l(w)(Qe.label)), 3)
-                                      ]),
-                                      _: 2
-                                    }, 1032, ["onClick"])), 64))
-                                  ]),
-                                  _: 2
-                                }, 1024)
-                              ]),
-                              _: 2
-                            }, 1024)
-                          ]),
-                          _: 1
-                        }, 8, ["list"])
-                      ]),
-                      _: 1
-                    })
-                  ])
-                ]),
-                _: 1
-              }),
-              r(We, { class: "border-solid" }, {
-                header: y(() => [
-                  b("p", null, L(l(w)("report.editor.widgets")), 1),
-                  o[18] || (o[18] = b("div", { class: "grow" }, null, -1))
-                ]),
-                content: y(() => [
-                  r(Vl, {
-                    report: a.value,
-                    onAddWidget: ye
-                  }, null, 8, ["report"])
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 512)
-        ]),
-        _: 1
-      }, 8, ["model-value"]);
-    };
-  }
-}), Bl = { class: "h-full w-full overflow-x-hidden" }, Ml = { class: "flex flex-col bg-fm-color-neutral-white w-[400px]" }, ql = { class: "flex bg-fm-color-neutral-white w-[88px]" }, El = {
-  key: 1,
-  class: "w-full overflow-y-auto"
-}, Pl = {
-  key: 0,
-  class: "w-full grid grid-cols-12 gap-[24px] p-24"
-}, zl = { class: "col-span-12 mb-4 flex flex-wrap gap-2 pb-2" }, Ll = { key: 2 }, Al = {
-  key: 0,
-  class: "grid grid-cols-12 gap-[16px]"
-}, Gl = { class: "col-span-12 mb-4 flex flex-wrap gap-2 pb-2" }, Wl = {
-  key: 3,
-  class: "h-full w-full flex items-start justify-center bg-fm-color-neutral-white py-24",
-  style: { backgroundColor: "#F6F8FC" }
-}, Hl = {
-  key: 0,
-  class: "w-full grid grid-cols-12 gap-[24px] p-24"
-}, jl = /* @__PURE__ */ Ce({
-  __name: "ReportEditorViewport",
-  props: /* @__PURE__ */ Ne({
-    hideConfiguration: { 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__ */ Ne(["hideConfiguration"], ["update:modelValue"]),
-  setup(R, { emit: i }) {
-    const { breakpoints: a } = je(), c = Re(R, "modelValue"), p = v(() => {
-      var h;
-      return Ht((h = c.value) == null ? void 0 : h.tiles);
-    }), f = R, q = v(() => f.previewWidth > 0 && f.previewHeight > 0), le = v(() => a.value.sm || a.value.xs), T = i;
-    return (h, x) => {
-      const $ = F("FmCircularProgress"), W = F("FmButton"), E = F("FmMenuDivider"), G = F("FmCard");
-      return u(), N("div", Bl, [
-        c.value ? (u(), N(xe, { key: 1 }, [
-          q.value ? M("", !0) : (u(), k(Rt, {
-            key: 0,
-            "model-value": !f.hideConfiguration
-          }, {
-            right: y(() => [
-              b("div", Ml, [
-                c.value ? (u(), k(ct, {
-                  key: 0,
-                  modelValue: c.value,
-                  "onUpdate:modelValue": x[0] || (x[0] = (S) => c.value = S),
-                  "hide-configuration": f.hideConfiguration,
-                  onHideConfiguration: x[1] || (x[1] = (S) => T("hideConfiguration", S))
-                }, null, 8, ["modelValue", "hide-configuration"])) : M("", !0)
-              ])
-            ]),
-            left: y(() => [
-              b("div", ql, [
-                r(W, {
-                  variant: "secondary",
-                  icon: "keyboard_double_arrow_right",
-                  "border-color": l(Ie).ColorPrimary,
-                  "text-color": l(Ie).ColorPrimary,
-                  class: "m-24 my-16",
-                  size: "md",
-                  onClick: x[2] || (x[2] = (S) => T("hideConfiguration", !f.hideConfiguration))
-                }, null, 8, ["border-color", "text-color"])
-              ])
-            ]),
-            _: 1
-          }, 8, ["model-value"])),
-          r(E, {
-            vertical: "",
-            style: { margin: "0px" }
-          }),
-          !le.value && !q.value ? (u(), N("div", El, [
-            c.value.tiles.length > 0 ? (u(), N("div", Pl, [
-              b("div", zl, [
-                r(ut)
-              ]),
-              r(Ze, {
-                tiles: c.value.tiles,
-                "report-id": c.value.id || "editing",
-                "leaf-index-by-id": p.value,
-                "hide-export": !0
-              }, null, 8, ["tiles", "report-id", "leaf-index-by-id"])
-            ])) : (u(), k(tt, { key: 1 }))
-          ])) : le.value && !q.value ? (u(), N("div", Ll, [
-            r(G, { class: "px-5 pb-28" }, {
-              default: y(() => [
-                c.value.tiles.length > 0 ? (u(), N("div", Al, [
-                  b("div", Gl, [
-                    r(ut)
-                  ]),
-                  r(Ze, {
-                    tiles: c.value.tiles,
-                    "report-id": c.value.id || "editing",
-                    "leaf-index-by-id": p.value,
-                    "hide-export": !0
-                  }, null, 8, ["tiles", "report-id", "leaf-index-by-id"])
-                ])) : (u(), k(tt, { key: 1 }))
-              ]),
-              _: 1
-            }),
-            c.value ? (u(), k(ct, {
-              key: 0,
-              modelValue: c.value,
-              "onUpdate:modelValue": x[3] || (x[3] = (S) => c.value = S),
-              "hide-configuration": f.hideConfiguration,
-              onHideConfiguration: x[4] || (x[4] = (S) => {
-                T("hideConfiguration", S);
-              })
-            }, null, 8, ["modelValue", "hide-configuration"])) : M("", !0)
-          ])) : (u(), N("div", Wl, [
-            b("div", {
-              style: lt({
-                transformOrigin: "top center",
-                transform: `scale(${f.previewScale})`
-              })
-            }, [
-              b("div", {
-                class: "overflow-y-auto bg-white rounded-lg",
-                style: lt({
-                  width: f.previewWidth + "px",
-                  height: f.previewHeight + "px"
-                })
-              }, [
-                c.value.tiles.length > 0 ? (u(), N("div", Hl, [
-                  r(Ze, {
-                    tiles: c.value.tiles,
-                    "report-id": c.value.id || "editing",
-                    "leaf-index-by-id": p.value,
-                    "hide-export": !0,
-                    "custom-screen-width": f.previewWidth
-                  }, null, 8, ["tiles", "report-id", "leaf-index-by-id", "custom-screen-width"])
-                ])) : (u(), k(tt, { key: 1 }))
-              ], 4)
-            ], 4)
-          ]))
-        ], 64)) : (u(), k($, { key: 0 }))
-      ]);
-    };
-  }
-}), Jl = { class: "flex items-center gap-4" }, Kl = { class: "flex justify-center items-center gap-2 w-full" }, Ql = { class: "flex gap-4" }, po = /* @__PURE__ */ Ce({
-  __name: "ReportEditor",
-  setup(R) {
-    const i = nt(), a = rt(), c = at(), { promptLoader: p } = Jt(), { t: f, te: q } = ze(), { currentReport: le, editingReport: T } = Be(c), { breakpoints: h } = je(), x = v(() => {
-      var P;
-      return !((P = T.value) != null && P.editable);
-    }), $ = v(() => {
-      var P;
-      return ((P = T.value) == null ? void 0 : P.name) ?? f("report.editor.newReport");
-    }), W = v(() => Ge(f, q, $.value, "other")), E = ht(), { promptMessage: G } = it(), S = z(!1), U = v(() => [
-      { label: f("report.common.cancel"), value: "cancel", isPrimary: !1 },
-      { label: f("report.common.save"), value: "save", isPrimary: !0, prependIcon: "download" }
-    ]);
-    async function B() {
-      if (!T.value || T.value.tiles.length === 0) {
-        E.open({ message: f("report.messages.noWidget"), type: "error" });
-        return;
-      }
-      if (jt(T.value.tiles) > yt) {
-        E.open({ message: f("report.messages.tooDeepNesting"), type: "error" });
-        return;
-      }
-      const P = x.value ? f("report.common.clone") : f("report.common.save");
-      if (await G({
-        title: `${f("report.messages.saveReport")}`,
-        message: f("report.messages.confirmAction", { action: P, name: W.value })
-      }))
-        try {
-          await p(async () => {
-            if (x.value) {
-              const Z = JSON.parse(JSON.stringify(T.value));
-              Z.editable = !0, Z.id = "", Z.name = `${Z.name} ${f("report.common.duplicate")}`, Z.isDefault = !1, await c.createOrUpdateReport(Z);
-            } else
-              T.value && await c.createOrUpdateReport(T.value);
-            i.push({
-              name: "reportView",
-              query: a.query
-            });
-          });
-        } catch (Z) {
-          console.log(Z), E.open({
-            message: f("report.messages.failedToAction", { action: P }),
-            type: "error"
-          });
-        }
-    }
-    async function se() {
-      var H;
-      if (!T.value) return;
-      await G({
-        title: f("report.common.report", 1),
-        message: f("report.editor.notSaved", { name: (H = T.value) == null ? void 0 : H.name })
-      }) && (T.value = JSON.parse(JSON.stringify(le.value)), i.back());
-    }
-    vt(() => {
-      T.value || i.push({ name: "reports" });
-    });
-    const de = [
-      {
-        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
-      }
-    ], K = z(de[0]), w = z(!1), _e = v(() => w.value ? Math.max(K.value.width || 0, K.value.height || 0) : Math.min(K.value.width || 0, K.value.height || 0)), me = v(() => w.value ? Math.min(K.value.width || 0, K.value.height || 0) : Math.max(K.value.width || 0, K.value.height || 0)), oe = v(() => window.innerHeight - 72 - 56), ce = v(() => {
-      if (!_e.value) return 1;
-      let P = (oe.value - 48) / _e.value, H = me.value * P;
-      return H > window.innerWidth && (P = window.innerWidth / me.value, H = me.value * P), P > 1 ? 1 : P;
-    });
-    function ge(P) {
-      K.value = P;
-    }
-    function ye() {
-      w.value = !w.value;
-    }
-    return (P, H) => {
-      const Z = F("FmTooltip"), be = F("FmButton"), we = F("FmPageHead");
-      return u(), k(Ut, null, {
-        default: y(() => [
-          r(we, {
-            "data-editor-header": "true",
-            actions: U.value,
-            "onClick:action": H[0] || (H[0] = (ee) => {
-              ee === "cancel" && se(), ee === "save" && B();
-            })
-          }, {
-            title: y(() => [
-              b("div", Jl, [
-                r(Z, {
-                  content: W.value,
-                  placement: "bottom"
-                }, {
-                  default: y(() => [
-                    b("p", {
-                      class: Pe(`${l(h).sm || l(h).xs ? "hidden" : ""} text-ellipsis overflow-hidden text-nowrap fm-typo-en-title-md-600 w-[250px]`)
-                    }, L(W.value), 3)
-                  ]),
-                  _: 1
-                }, 8, ["content"]),
-                b("div", Kl, [
-                  b("div", Ql, [
-                    (u(), N(xe, null, Ee(de, (ee) => {
-                      var Ve;
-                      return r(be, {
-                        key: ee.labelKey,
-                        label: l(f)(ee.labelKey),
-                        variant: ((Ve = K.value) == null ? void 0 : Ve.labelKey) === ee.labelKey ? "primary" : "secondary",
-                        size: "md",
-                        onClick: (pe) => ge(ee)
-                      }, null, 8, ["label", "variant", "onClick"]);
-                    }), 64))
-                  ]),
-                  r(be, {
-                    icon: "screen_rotation",
-                    variant: "tertiary",
-                    size: "md",
-                    class: "text-fm-color-typo-primary",
-                    onClick: ye
-                  })
-                ])
-              ])
-            ]),
-            _: 1
-          }, 8, ["actions"]),
-          l(T) ? (u(), k(jl, {
-            key: 0,
-            modelValue: l(T),
-            "onUpdate:modelValue": H[1] || (H[1] = (ee) => ft(T) ? T.value = ee : null),
-            style: lt({ height: oe.value + "px" }),
-            class: Pe(l(h).lg || l(h).md ? "flex" : ""),
-            "hide-configuration": S.value,
-            "preview-width": me.value,
-            "preview-height": _e.value,
-            "preview-scale": ce.value,
-            onHideConfiguration: H[2] || (H[2] = (ee) => S.value = ee)
-          }, null, 8, ["modelValue", "style", "class", "hide-configuration", "preview-width", "preview-height", "preview-scale"])) : M("", !0)
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  po as default
-};