@feedmepos/mf-report 5.27.35 → 5.27.36

package/dist/ReportEditor-kp63cCQT.js

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