@feedmepos/mf-report 5.21.65 → 5.22.0-beta.0

package/dist/TileEditor-CfXGe6pu.js

@@ -1,2922 +0,0 @@
-import { defineComponent as q, mergeModels as K, useModel as ee, computed as $, ref as H, resolveComponent as x, createElementBlock as R, openBlock as g, createVNode as u, createElementVNode as w, unref as e, withCtx as O, toDisplayString as j, Fragment as oe, renderList as pe, withModifiers as ne, createTextVNode as ve, watch as re, createCommentVNode as N, createBlock as U, onUnmounted as qe, renderSlot as Be, onMounted as Se, onBeforeUnmount as He, resolveDynamicComponent as je, normalizeClass as ze, withDirectives as se, vShow as ue, normalizeStyle as Ye, isRef as Ge } from "vue";
-import { useRoute as Je, useRouter as Ke } from "vue-router";
-import { h as Qe, d as we, S as ke, _ as Ze, W as el, b as ll, T as ol, a as tl } from "./TransitionFade-BMCSWEAj.js";
-import { W as z, b as Re, d as fe, D as al, S as Ue, C as nl, P as Ne, a as il } from "./BaseDialog.vue_vue_type_script_setup_true_lang-BI3REw2h.js";
-import { storeToRefs as de } from "pinia";
-import { u as Me } from "./message-dialog-UoMWOnil.js";
-import { u as J, i as ce, b as Pe, g as sl } from "./vue-i18n-DgYeUN5g.js";
-import { useSnackbar as ul, useBreakpoints as Ae, FmButtonColorThemeVariant as Oe } from "@feedmepos/ui-library";
-import { a as Z } from "./SelectComponent.vue_vue_type_script_setup_true_lang-FW4jnJX6.js";
-import { r as Y } from "./i18n-CI_sQ5d_.js";
-import { g as me, u as ye, L as ie, b as be, c as rl, Y as dl, X as ml, _ as Xe, a as cl } from "./FilterSelector.vue_vue_type_script_setup_true_lang-DGktnZo1.js";
-import { d as he } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-DbXhUMAR.js";
-import { d as ge } from "./app-CrKcmNtX.js";
-import "@feedmepos/mf-common";
-import { _ as Ee } from "./NoData.vue_vue_type_script_setup_true_lang-Bm43uVUi.js";
-const Fe = [
-  {
-    type: z.Circular,
-    maxDimension: null,
-    maxMetric: 1,
-    hasBreakdownDimension: !1,
-    canTranspose: !1,
-    isDrillConfigurable: !1,
-    hasChart: !0,
-    hasTable: !1,
-    hasLabel: !0,
-    hasLegend: !0,
-    hasXy: !1,
-    canRollup: !1,
-    showRollupPosition: !1,
-    canSearch: !1,
-    periodType: null
-  },
-  {
-    type: z.Table,
-    maxDimension: null,
-    maxMetric: null,
-    hasBreakdownDimension: !1,
-    canTranspose: !1,
-    isDrillConfigurable: !0,
-    hasChart: !1,
-    hasTable: !0,
-    hasLabel: !1,
-    hasLegend: !1,
-    hasXy: !1,
-    canRollup: !0,
-    showRollupPosition: !0,
-    canSearch: !0,
-    periodType: null
-  },
-  {
-    type: z.BarChart,
-    maxDimension: null,
-    maxMetric: 1,
-    hasBreakdownDimension: !0,
-    canTranspose: !0,
-    isDrillConfigurable: !1,
-    hasChart: !0,
-    hasTable: !1,
-    hasLabel: !0,
-    hasLegend: !0,
-    hasXy: !0,
-    canRollup: !1,
-    showRollupPosition: !1,
-    canSearch: !1,
-    periodType: null
-  },
-  {
-    type: z.LineChart,
-    maxDimension: null,
-    maxMetric: 1,
-    hasBreakdownDimension: !0,
-    canTranspose: !0,
-    isDrillConfigurable: !1,
-    hasChart: !0,
-    hasTable: !1,
-    hasLabel: !0,
-    hasLegend: !0,
-    hasXy: !0,
-    canRollup: !1,
-    showRollupPosition: !1,
-    canSearch: !1,
-    periodType: null
-  },
-  {
-    type: z.StackBarChart,
-    maxDimension: null,
-    maxMetric: 1,
-    hasBreakdownDimension: !0,
-    canTranspose: !0,
-    isDrillConfigurable: !1,
-    hasChart: !0,
-    hasTable: !1,
-    hasLabel: !0,
-    hasLegend: !0,
-    hasXy: !0,
-    canRollup: !1,
-    showRollupPosition: !1,
-    canSearch: !1,
-    periodType: null
-  },
-  {
-    type: z.StackLineChart,
-    maxDimension: null,
-    maxMetric: 1,
-    hasBreakdownDimension: !0,
-    canTranspose: !0,
-    isDrillConfigurable: !1,
-    hasChart: !0,
-    hasTable: !1,
-    hasLabel: !0,
-    hasLegend: !0,
-    hasXy: !0,
-    canRollup: !1,
-    showRollupPosition: !1,
-    canSearch: !1,
-    periodType: null
-  },
-  {
-    type: z.Scorecard,
-    maxDimension: null,
-    maxMetric: 1,
-    hasBreakdownDimension: !1,
-    canTranspose: !1,
-    isDrillConfigurable: !1,
-    hasChart: !1,
-    hasTable: !1,
-    hasLabel: !1,
-    hasLegend: !1,
-    hasXy: !1,
-    canRollup: !1,
-    showRollupPosition: !1,
-    canSearch: !1,
-    periodType: null
-  },
-  {
-    type: z.Spacer,
-    maxDimension: 0,
-    maxMetric: 0,
-    hasBreakdownDimension: !1,
-    canTranspose: !1,
-    isDrillConfigurable: !1,
-    hasChart: !1,
-    hasTable: !1,
-    hasLabel: !1,
-    hasLegend: !1,
-    hasXy: !1,
-    canRollup: !1,
-    showRollupPosition: !1,
-    canSearch: !1,
-    periodType: null
-  }
-], pl = { class: "flex flex-col my-2 gap-8" }, vl = { class: "fm-typo-en-body-lg-600" }, fl = { class: "text-sm text-fm-color-neutral-gray-400" }, gl = ["onClick"], bl = { class: "fm-typo-en-body-lg-400 overflow-hidden text-ellipsis line-clamp-1" }, yl = /* @__PURE__ */ q({
-  __name: "SchemaSection",
-  props: /* @__PURE__ */ K({
-    options: {
-      type: Array,
-      default: () => []
-    },
-    label: {
-      type: String,
-      default: "Schema"
-    }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(F) {
-    const { t: d, te: t } = J(), i = ee(F, "modelValue"), n = F, { schemas: f } = de(Re()), b = $(
-      () => f.value.map((v) => ({
-        label: v.label,
-        value: v.name,
-        raw: v
-      }))
-    ), p = $(() => {
-      if (i.value.schemaNames.length === 0 || l.value === 0)
-        return b.value.filter((v) => !v.raw.isJoinOnly);
-      {
-        const v = i.value.schemaNames[0], S = f.value.find((T) => T.name === v), I = ((S == null ? void 0 : S.joins) || []).map((T) => T);
-        return b.value.filter((T) => I.includes(T.raw.name));
-      }
-    }), h = H(!1), y = H(""), l = H(), s = ul();
-    function _(v) {
-      var S;
-      return Y(
-        d,
-        t,
-        (S = f.value.find((I) => I.name === v)) == null ? void 0 : S.label,
-        "schema"
-      );
-    }
-    function V(v) {
-      l.value = v, h.value = !0, v !== void 0 ? y.value = i.value.schemaNames[v] : y.value = "";
-    }
-    function L() {
-      y.value !== "" ? (l.value !== void 0 ? i.value.schemaNames[l.value] = y.value : i.value.schemaNames.push(y.value), h.value = !1) : s.open({ message: d("report.section.schema.nothingSelected"), type: "error" });
-    }
-    return (v, S) => {
-      const I = x("FmForm"), T = x("FmIcon"), r = x("FmField");
-      return g(), R("div", pl, [
-        u(fe, {
-          modelValue: h.value,
-          "onUpdate:modelValue": S[1] || (S[1] = (o) => h.value = o),
-          title: n.label,
-          "primary-button-label": e(d)("report.common.confirm"),
-          "secondary-button-label": e(d)("report.common.cancel"),
-          onConfirm: L
-        }, {
-          content: O(() => [
-            u(I, { ref: "form" }, {
-              default: O(() => [
-                u(Z, {
-                  modelValue: y.value,
-                  "onUpdate:modelValue": S[0] || (S[0] = (o) => y.value = o),
-                  label: e(d)("report.section.schema.title"),
-                  items: l.value === 0 ? b.value.map((o) => ({
-                    label: e(Y)(e(d), e(t), o.label, "schema"),
-                    value: o.value
-                  })) : p.value.map((o) => ({
-                    label: e(Y)(e(d), e(t), o.label, "schema"),
-                    value: o.value
-                  }))
-                }, null, 8, ["modelValue", "label", "items"])
-              ]),
-              _: 1
-            }, 512)
-          ]),
-          _: 1
-        }, 8, ["modelValue", "title", "primary-button-label", "secondary-button-label"]),
-        w("div", null, [
-          w("p", vl, j(e(d)("report.section.schema.title")), 1),
-          w("p", fl, j(e(d)("report.section.schema.description")), 1)
-        ]),
-        (g(!0), R(oe, null, pe(i.value.schemaNames, (o, a) => (g(), R("div", {
-          key: a,
-          class: "flex flex-col gap-2 w-full"
-        }, [
-          w("div", {
-            class: "flex items-center gap-2 border rounded-md border-neutral-300 p-2 h-[40px]",
-            onClick: (c) => V(a)
-          }, [
-            w("p", bl, j(_(o)), 1),
-            S[3] || (S[3] = w("div", { class: "grow" }, null, -1)),
-            u(T, {
-              name: "close",
-              onClick: ne(
-                () => {
-                  i.value.schemaNames = e(Qe)(i.value.schemaNames, a);
-                },
-                ["stop"]
-              )
-            }, null, 8, ["onClick"])
-          ], 8, gl)
-        ]))), 128)),
-        u(r, {
-          class: "text-fm-color-typo-tertiary",
-          onClick: S[2] || (S[2] = () => {
-            V();
-          })
-        }, {
-          default: O(() => [
-            ve(j(e(d)("report.section.schema.add")), 1)
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-}), hl = {
-  key: 0,
-  class: "flex flex-col my-2 gap-8"
-}, Vl = { class: "fm-typo-en-body-lg-600 text-ellipsis line-clamp-1" }, wl = { class: "fm-typo-en-body-sm-600 text-fm-color-neutral-gray-400" }, Fl = { class: "fm-typo-en-body-lg-400 text-ellipsis overflow-hidden line-clamp-1" }, xe = /* @__PURE__ */ q({
-  __name: "DimensionSection",
-  props: /* @__PURE__ */ K({
-    options: {
-      type: Array,
-      default: () => []
-    },
-    label: {
-      type: String,
-      default: "title"
-    },
-    max: {
-      type: Number,
-      default: void 0
-    },
-    config: {
-      type: Object,
-      default: () => {
-      }
-    },
-    hasRowColumn: {
-      type: Boolean,
-      default: !1
-    }
-  }, {
-    modelValue: {
-      required: !1,
-      default: []
-    },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(F) {
-    const { t: d, te: t } = J(), i = ee(F, "modelValue"), n = F, f = $(() => d(`report.section.dimension.${n.label}`)), b = H(!1), p = $(
-      () => i.value.map((c, m) => ({
-        index: m,
-        labels: [c.label || c.name],
-        value: c
-      }))
-    ), h = H(i.value.length > 0 ? 0 : void 0);
-    function y(c) {
-      var m, C, k, M;
-      b.value = !0, l.value = c != null && c.value ? JSON.parse(
-        JSON.stringify({
-          ...c.value,
-          label: Y(d, t, (m = c.value) == null ? void 0 : m.label, "other"),
-          moveToColumn: (((C = n.config) == null ? void 0 : C.columnIds) || []).includes(me(c.value))
-        })
-      ) : void 0, h.value = c == null ? void 0 : c.index, s.value = !!((k = l.value) != null && k.dataFormula || (M = l.value) != null && M.displayFormula), l.value && l.value.formatter === void 0 && (n.options.find(
-        (Q) => {
-          var E, X;
-          return Q.schemaName === ((E = l.value) == null ? void 0 : E.schemaName) && Q.name === ((X = l.value) == null ? void 0 : X.name);
-        }
-      ), c != null && c.value.timeFormatter && l.value.formatter === void 0 && (l.value.formatter = c == null ? void 0 : c.value.timeFormatter, l.value.timeFormatter = void 0));
-    }
-    const l = H(void 0), s = H(!1), _ = $(
-      () => n.options.find(
-        (c) => {
-          var m, C;
-          return c.schemaName === ((m = l.value) == null ? void 0 : m.schemaName) && c.name === ((C = l.value) == null ? void 0 : C.name);
-        }
-      ) ?? {}
-    );
-    re(
-      () => {
-        var c;
-        return (c = l.value) == null ? void 0 : c.option;
-      },
-      () => {
-        !V.value && l.value && (l.value.fillGap = !1);
-      }
-    );
-    const V = $(
-      () => {
-        var c, m, C;
-        return (C = (c = _.value) == null ? void 0 : c.fillGapDimensionOptions) == null ? void 0 : C.includes(((m = l.value) == null ? void 0 : m.option) || "");
-      }
-    );
-    function L(c) {
-      var m, C;
-      (c.schemaName !== ((m = l.value) == null ? void 0 : m.schemaName) || c.name !== ((C = l.value) == null ? void 0 : C.name)) && (l.value = {
-        schemaName: c.schemaName,
-        name: c.name,
-        option: c.dimensionOptions[0],
-        label: Y(d, t, c.label, "other"),
-        decimal: c.isNumericType ? 2 : void 0,
-        hide: !1
-      }, s.value = !1);
-    }
-    function v() {
-      if (!l.value) {
-        console.error("new field is undefined");
-        return;
-      }
-      const c = [...p.value.map((m) => m.value)];
-      s.value || (l.value.dataFormula = void 0), h.value !== void 0 ? c[h.value] = l.value : c.push(l.value), i.value = c, b.value = !1;
-    }
-    function S(c) {
-      const C = [...p.value.map((k) => k.value)].filter((k, M) => M !== c);
-      i.value = C;
-    }
-    function I(c) {
-      l.value && (l.value.decimal = Number(c));
-    }
-    function T(c) {
-      const m = `report.section.filter.${ce(c)}`;
-      return t(m) ? d(m) : Y(d, t, c, "field");
-    }
-    function r(c) {
-      const m = `report.section.metric.formatterType.${c}`;
-      return t(m) ? d(m) : c;
-    }
-    function o(c) {
-      return Array.isArray(c) ? c.length > 0 : c;
-    }
-    const a = $(
-      () => n.options.map((c) => ({
-        label: c.labels.join(" "),
-        value: c
-      }))
-    );
-    return (c, m) => {
-      const C = x("FmTextField"), k = x("FmStepperField"), M = x("FmCheckbox"), Q = x("FmTextarea"), E = x("FmForm"), X = x("FmIcon"), G = x("FmButton"), te = x("FmListItem"), D = x("FmList"), P = x("FmField");
-      return F.max !== 0 ? (g(), R("div", hl, [
-        u(fe, {
-          modelValue: b.value,
-          "onUpdate:modelValue": m[12] || (m[12] = (W) => b.value = W),
-          title: f.value,
-          "primary-button-label": e(d)("report.common.confirm"),
-          "secondary-button-label": e(d)("report.common.cancel"),
-          onConfirm: v
-        }, {
-          content: O(() => [
-            u(E, {
-              ref: "form",
-              class: "flex flex-col gap-2 w-[490px]"
-            }, {
-              default: O(() => {
-                var W, ae, B, le, Te, $e, De;
-                return [
-                  u(Z, {
-                    "model-value": _.value,
-                    items: a.value,
-                    placeholder: f.value,
-                    label: f.value,
-                    "onUpdate:modelValue": m[0] || (m[0] = (A) => L(A))
-                  }, null, 8, ["model-value", "items", "placeholder", "label"]),
-                  l.value ? (g(), R(oe, { key: 0 }, [
-                    u(C, {
-                      modelValue: l.value.label,
-                      "onUpdate:modelValue": m[1] || (m[1] = (A) => l.value.label = A),
-                      label: e(d)("report.section.dimension.label")
-                    }, null, 8, ["modelValue", "label"]),
-                    (((W = _.value) == null ? void 0 : W.dimensionOptions) || []).length > 0 ? (g(), U(Z, {
-                      key: 0,
-                      modelValue: l.value.option,
-                      "onUpdate:modelValue": m[2] || (m[2] = (A) => l.value.option = A),
-                      items: ((ae = _.value) == null ? void 0 : ae.dimensionOptions.map((A) => ({
-                        label: T(A),
-                        value: A
-                      }))) ?? []
-                    }, null, 8, ["modelValue", "items"])) : N("", !0),
-                    (B = _.value) != null && B.isNumericType ? (g(), U(k, {
-                      key: 1,
-                      label: e(d)("report.common.decimal"),
-                      "model-value": ((le = l.value) == null ? void 0 : le.decimal) ?? 2,
-                      "onUpdate:modelValue": m[3] || (m[3] = (A) => {
-                        I(A);
-                      })
-                    }, null, 8, ["label", "model-value"])) : N("", !0),
-                    (Te = _.value) != null && Te.isNumericType ? (g(), U(Z, {
-                      key: 2,
-                      modelValue: l.value.formatter,
-                      "onUpdate:modelValue": m[4] || (m[4] = (A) => l.value.formatter = A),
-                      placeholder: e(d)("report.section.dimension.formatter"),
-                      label: e(d)("report.section.dimension.formatter"),
-                      items: [
-                        { label: e(d)("report.section.metric.formatterType.NONE"), value: null },
-                        ...((($e = _.value) == null ? void 0 : $e.formatters) || []).map((A) => ({
-                          label: r(A),
-                          value: A
-                        }))
-                      ]
-                    }, null, 8, ["modelValue", "placeholder", "label", "items"])) : N("", !0),
-                    V.value ? (g(), U(M, {
-                      key: 3,
-                      "model-value": l.value.fillGap ?? !1,
-                      label: e(d)("report.section.dimension.fillGap"),
-                      value: "",
-                      placeholder: "Fill gap",
-                      "onUpdate:modelValue": m[5] || (m[5] = (A) => {
-                        l.value && (l.value.fillGap = o(A));
-                      })
-                    }, null, 8, ["model-value", "label"])) : N("", !0),
-                    ((De = _.value) == null ? void 0 : De.type) === e(al).Timestamp ? (g(), U(M, {
-                      key: 4,
-                      "model-value": l.value.dateComparison ?? !1,
-                      label: e(d)("report.section.dimension.dateComparison"),
-                      value: "",
-                      "onUpdate:modelValue": m[6] || (m[6] = (A) => {
-                        l.value && (l.value.dateComparison = o(A));
-                      })
-                    }, null, 8, ["model-value", "label"])) : N("", !0),
-                    u(M, {
-                      modelValue: l.value.hide,
-                      "onUpdate:modelValue": m[7] || (m[7] = (A) => l.value.hide = A),
-                      label: e(d)("report.section.dimension.hide"),
-                      value: ""
-                    }, null, 8, ["modelValue", "label"]),
-                    n.hasRowColumn ? (g(), U(M, {
-                      key: 5,
-                      "model-value": l.value.moveToColumn ?? !1,
-                      label: e(d)("report.section.dimension.moveToColumn"),
-                      value: "",
-                      "onUpdate:modelValue": m[8] || (m[8] = (A) => {
-                        l.value && (l.value.moveToColumn = o(A));
-                      })
-                    }, null, 8, ["model-value", "label"])) : N("", !0),
-                    u(M, {
-                      modelValue: s.value,
-                      "onUpdate:modelValue": m[9] || (m[9] = (A) => s.value = A),
-                      label: e(d)("report.section.dimension.advance"),
-                      value: !0
-                    }, null, 8, ["modelValue", "label"]),
-                    s.value ? (g(), U(Q, {
-                      key: 6,
-                      modelValue: l.value.dataFormula,
-                      "onUpdate:modelValue": m[10] || (m[10] = (A) => l.value.dataFormula = A),
-                      placeholder: e(d)("report.section.dimension.dataFormula")
-                    }, null, 8, ["modelValue", "placeholder"])) : N("", !0),
-                    s.value ? (g(), U(Q, {
-                      key: 7,
-                      modelValue: l.value.displayFormula,
-                      "onUpdate:modelValue": m[11] || (m[11] = (A) => l.value.displayFormula = A),
-                      placeholder: e(d)("report.section.dimension.displayFormula")
-                    }, null, 8, ["modelValue", "placeholder"])) : N("", !0)
-                  ], 64)) : N("", !0)
-                ];
-              }),
-              _: 1
-            }, 512)
-          ]),
-          _: 1
-        }, 8, ["modelValue", "title", "primary-button-label", "secondary-button-label"]),
-        w("div", null, [
-          w("p", Vl, j(f.value), 1),
-          w("p", wl, j(e(d)("report.section.dimension.description")), 1)
-        ]),
-        u(D, null, {
-          default: O(() => [
-            u(e(we), {
-              list: i.value,
-              "item-key": (W) => e(me)(W),
-              class: "flex flex-col gap-2"
-            }, {
-              item: O(({ element: W, index: ae }) => [
-                u(te, {
-                  class: "!cursor-grab border rounded-md border-neutral-300 h-[40px] !p-[8px]",
-                  onClick: ne((B) => y(p.value[ae]), ["stop"])
-                }, {
-                  default: O(() => [
-                    u(X, { name: "drag_handle" }),
-                    w("p", Fl, j(e(Y)(e(d), e(t), W.label, "other")), 1),
-                    m[14] || (m[14] = w("div", { class: "grow" }, null, -1)),
-                    u(G, {
-                      icon: "close",
-                      size: "md",
-                      variant: "tertiary",
-                      onClick: ne((B) => S(ae), ["stop"])
-                    }, null, 8, ["onClick"])
-                  ]),
-                  _: 2
-                }, 1032, ["onClick"])
-              ]),
-              _: 1
-            }, 8, ["list", "item-key"])
-          ]),
-          _: 1
-        }),
-        u(P, {
-          class: "text-fm-color-typo-tertiary",
-          onClick: m[13] || (m[13] = () => {
-            y();
-          })
-        }, {
-          default: O(() => [
-            ve(j(e(d)("report.section.dimension.add")), 1)
-          ]),
-          _: 1
-        })
-      ])) : N("", !0);
-    };
-  }
-}), Ce = {
-  value: "_metric_name"
-};
-function xl(F, d, t) {
-  switch (F) {
-    case z.BarChart:
-    case z.StackBarChart:
-    case z.LineChart:
-    case z.StackLineChart:
-    case z.Circular:
-      return d.length > 1;
-    default:
-      return t;
-  }
-}
-function kl(F) {
-  var i;
-  const { rowIds: d, columnIds: t } = Ve(F.widget.config);
-  return {
-    ...F,
-    widget: {
-      ...F.widget,
-      config: {
-        ...F.widget.config,
-        rowIds: d,
-        columnIds: t,
-        isDrillable: xl(
-          F.widget.type,
-          F.widget.config.dimensions,
-          F.widget.config.isDrillable
-        ),
-        joinDatasources: (i = F.widget.config.joinDatasources) == null ? void 0 : i.map((n) => {
-          const { rowIds: f, columnIds: b } = Ve(n);
-          return {
-            ...n,
-            rowIds: f,
-            columnIds: b
-          };
-        })
-      }
-    }
-  };
-}
-function Ve(F) {
-  const d = F.dimensions.filter((b) => b.hide !== !0 && !b.moveToColumn).map((b) => me(b)), t = F.dimensions.filter((b) => b.hide !== !0 && b.moveToColumn == !0).map((b) => me(b)), i = F.metrics.length > 0;
-  i && F.metrics.find((b) => b.moveToRow == !0) ? d.push(Ce.value) : i && t.push(Ce.value);
-  const n = [], f = [];
-  for (const b of d)
-    n.push(b);
-  for (const b of t)
-    f.push(b);
-  return {
-    rowIds: n,
-    columnIds: f
-  };
-}
-const Cl = { class: "flex flex-col my-2 gap-8" }, _l = { class: "fm-typo-en-body-lg-600" }, Sl = { class: "fm-typo-en-body-sm-600 text-fm-color-neutral-gray-400" }, Tl = { class: "fm-typo-en-body-lg-400 overflow-hidden text-ellipsis line-clamp-1" }, $l = /* @__PURE__ */ q({
-  __name: "MetricSection",
-  props: /* @__PURE__ */ K({
-    options: {
-      type: Array,
-      default: () => []
-    },
-    label: {
-      type: String,
-      default: "title"
-    },
-    max: {
-      type: Number,
-      default: void 0
-    },
-    config: {
-      type: Object,
-      default: () => {
-      }
-    },
-    hasRowColumn: {
-      type: Boolean,
-      default: !1
-    }
-  }, {
-    modelValue: { required: !1, default: [] },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ K(["config"], ["update:modelValue"]),
-  setup(F, { emit: d }) {
-    const { t, te: i } = J(), n = ee(F, "modelValue"), f = F;
-    $(() => !!f.max && n.value.length === f.max);
-    const b = $(() => t(`report.section.metric.${f.label}`)), p = H(!1), h = $(
-      () => n.value.map((o, a) => ({
-        index: a,
-        labels: [o.label || o.name],
-        value: o
-      }))
-    ), y = H(n.value.length > 0 ? 0 : void 0);
-    function l(o) {
-      var a, c, m;
-      p.value = !0, s.value = o != null && o.value ? JSON.parse(
-        JSON.stringify({
-          ...o.value,
-          label: Y(t, i, o.value.label, "other")
-        })
-      ) : void 0, y.value = o == null ? void 0 : o.index, _.value = !!((a = s.value) != null && a.dataFormula || (c = s.value) != null && c.displayFormula), s.value && s.value.formatter === void 0 && (f.options.find(
-        (C) => {
-          var k, M;
-          return C.schemaName === ((k = s.value) == null ? void 0 : k.schemaName) && C.name === ((M = s.value) == null ? void 0 : M.name);
-        }
-      ), o != null && o.value.timeFormatter && s.value.formatter === void 0 && (s.value.formatter = o == null ? void 0 : o.value.timeFormatter, s.value.timeFormatter = void 0)), ((m = f.config.rowIds) == null ? void 0 : m.findIndex((C) => C === Ce.value)) !== -1 && s.value && (s.value.moveToRow = !0);
-    }
-    const s = H(void 0), _ = H(!1), V = $(
-      () => f.options.find(
-        (o) => {
-          var a, c;
-          return o.schemaName === ((a = s.value) == null ? void 0 : a.schemaName) && o.name === ((c = s.value) == null ? void 0 : c.name);
-        }
-      ) ?? {}
-    );
-    function L(o, a) {
-      var c;
-      return (o == null ? void 0 : o.isNumericType) || ((c = o == null ? void 0 : o.isNumericAggregations) == null ? void 0 : c.includes(a || ""));
-    }
-    const v = $(
-      () => {
-        var o;
-        return L(V.value, (o = s.value) == null ? void 0 : o.aggregation);
-      }
-    );
-    re(v, (o) => {
-      s.value && (o ? s.value.decimal = typeof s.value.decimal != "number" ? 2 : s.value.decimal : s.value.decimal = void 0);
-    });
-    function S(o) {
-      var a, c;
-      (o.schemaName !== ((a = s.value) == null ? void 0 : a.schemaName) || o.name !== ((c = s.value) == null ? void 0 : c.name)) && (s.value = {
-        schemaName: o.schemaName,
-        name: o.name,
-        aggregation: o.aggregations[0],
-        label: Y(t, i, o.label, "other"),
-        decimal: L(o, o.aggregations[0]) ? 2 : void 0,
-        moveToRow: !1,
-        hide: !1
-      }, _.value = !1);
-    }
-    function I() {
-      const o = [...h.value.map((a) => a.value)];
-      s.value && (_.value || (s.value.dataFormula = void 0), y.value !== void 0 ? o[y.value] = s.value : o.push(s.value)), n.value = o, p.value = !1;
-    }
-    function T(o) {
-      const a = [...h.value.map((c) => c.value)];
-      a.splice(o, 1), n.value = a;
-    }
-    const r = $(
-      () => f.options.map((o) => ({
-        label: o.labels.join(" "),
-        value: o
-      }))
-    );
-    return (o, a) => {
-      const c = x("FmTextField"), m = x("FmStepperField"), C = x("FmCheckbox"), k = x("FmTextarea"), M = x("FmForm"), Q = x("FmIcon"), E = x("FmButton"), X = x("FmListItem"), G = x("FmList"), te = x("FmField");
-      return g(), R("div", Cl, [
-        u(fe, {
-          modelValue: p.value,
-          "onUpdate:modelValue": a[10] || (a[10] = (D) => p.value = D),
-          title: b.value,
-          onConfirm: I
-        }, {
-          content: O(() => [
-            u(M, {
-              ref: "form",
-              class: "flex flex-col gap-2 w-[490px]"
-            }, {
-              default: O(() => {
-                var D, P, W, ae;
-                return [
-                  u(Z, {
-                    "model-value": V.value,
-                    items: r.value,
-                    placeholder: b.value,
-                    label: b.value,
-                    "onUpdate:modelValue": a[0] || (a[0] = (B) => S(B))
-                  }, null, 8, ["model-value", "items", "placeholder", "label"]),
-                  s.value ? (g(), R(oe, { key: 0 }, [
-                    u(c, {
-                      modelValue: s.value.label,
-                      "onUpdate:modelValue": a[1] || (a[1] = (B) => s.value.label = B),
-                      label: e(t)("report.section.metric.label")
-                    }, null, 8, ["modelValue", "label"]),
-                    (((D = V.value) == null ? void 0 : D.aggregations) || []).length > 0 ? (g(), U(Z, {
-                      key: 0,
-                      modelValue: s.value.aggregation,
-                      "onUpdate:modelValue": a[2] || (a[2] = (B) => s.value.aggregation = B),
-                      label: e(t)("report.section.metric.aggregation"),
-                      items: ((P = V.value) == null ? void 0 : P.aggregations.map((B) => ({
-                        label: e(i)(`report.section.metric.aggregationType.${B}`) ? e(t)(`report.section.metric.aggregationType.${B}`) : e(Y)(e(t), e(i), B, "field"),
-                        value: B
-                      }))) ?? []
-                    }, null, 8, ["modelValue", "label", "items"])) : N("", !0),
-                    v.value ? (g(), U(m, {
-                      key: 1,
-                      label: e(t)("report.common.decimal"),
-                      "model-value": ((W = s.value) == null ? void 0 : W.decimal) ?? 2,
-                      "onUpdate:modelValue": a[3] || (a[3] = (B) => {
-                        s.value && (s.value.decimal = B);
-                      })
-                    }, null, 8, ["label", "model-value"])) : N("", !0),
-                    v.value ? (g(), U(Z, {
-                      key: 2,
-                      modelValue: s.value.formatter,
-                      "onUpdate:modelValue": a[4] || (a[4] = (B) => s.value.formatter = B),
-                      placeholder: e(t)("report.section.metric.formatter"),
-                      label: e(t)("report.section.metric.formatter"),
-                      items: [
-                        { label: e(t)("report.section.metric.formatterType.NONE"), value: null },
-                        ...(((ae = V.value) == null ? void 0 : ae.formatters) || []).map((B) => ({
-                          label: e(i)(`report.section.metric.formatterType.${B}`) ? e(t)(`report.section.metric.formatterType.${B}`) : e(Y)(e(t), e(i), B, "field"),
-                          value: B
-                        }))
-                      ]
-                    }, null, 8, ["modelValue", "placeholder", "label", "items"])) : N("", !0),
-                    u(C, {
-                      modelValue: s.value.hide,
-                      "onUpdate:modelValue": a[5] || (a[5] = (B) => s.value.hide = B),
-                      label: e(t)("report.section.metric.hide"),
-                      value: ""
-                    }, null, 8, ["modelValue", "label"]),
-                    f.hasRowColumn ? (g(), U(C, {
-                      key: 3,
-                      modelValue: s.value.moveToRow,
-                      "onUpdate:modelValue": a[6] || (a[6] = (B) => s.value.moveToRow = B),
-                      label: e(t)("report.section.metric.moveToRow"),
-                      value: ""
-                    }, null, 8, ["modelValue", "label"])) : N("", !0),
-                    u(C, {
-                      modelValue: _.value,
-                      "onUpdate:modelValue": a[7] || (a[7] = (B) => _.value = B),
-                      label: e(t)("report.section.metric.advance"),
-                      value: !0
-                    }, null, 8, ["modelValue", "label"]),
-                    _.value ? (g(), U(k, {
-                      key: 4,
-                      modelValue: s.value.dataFormula,
-                      "onUpdate:modelValue": a[8] || (a[8] = (B) => s.value.dataFormula = B),
-                      placeholder: e(t)("report.section.metric.dataFormula")
-                    }, null, 8, ["modelValue", "placeholder"])) : N("", !0),
-                    _.value ? (g(), U(k, {
-                      key: 5,
-                      modelValue: s.value.displayFormula,
-                      "onUpdate:modelValue": a[9] || (a[9] = (B) => s.value.displayFormula = B),
-                      placeholder: e(t)("report.section.metric.displayFormula")
-                    }, null, 8, ["modelValue", "placeholder"])) : N("", !0)
-                  ], 64)) : N("", !0)
-                ];
-              }),
-              _: 1
-            }, 512)
-          ]),
-          _: 1
-        }, 8, ["modelValue", "title"]),
-        w("div", null, [
-          w("p", _l, j(b.value), 1),
-          w("p", Sl, j(e(t)("report.section.metric.description")), 1)
-        ]),
-        u(G, null, {
-          default: O(() => [
-            u(e(we), {
-              list: n.value,
-              "item-key": "id",
-              class: "flex flex-col gap-2 w-full"
-            }, {
-              item: O(({ element: D, index: P }) => [
-                u(X, {
-                  class: "!cursor-grab border rounded-md border-neutral-300 h-[40px] !p-[8px]",
-                  onClick: ne((W) => l(h.value[P]), ["stop"])
-                }, {
-                  default: O(() => [
-                    u(Q, { name: "drag_handle" }),
-                    w("p", Tl, j(e(Y)(e(t), e(i), D.label, "other")), 1),
-                    a[12] || (a[12] = w("div", { class: "grow" }, null, -1)),
-                    u(E, {
-                      icon: "close",
-                      size: "md",
-                      variant: "tertiary",
-                      onClick: ne((W) => T(P), ["stop"])
-                    }, null, 8, ["onClick"])
-                  ]),
-                  _: 2
-                }, 1032, ["onClick"])
-              ]),
-              _: 1
-            }, 8, ["list"])
-          ]),
-          _: 1
-        }),
-        u(te, {
-          class: "text-fm-color-typo-tertiary",
-          onClick: a[11] || (a[11] = () => {
-            l();
-          })
-        }, {
-          default: O(() => [
-            ve(j(e(t)("report.section.metric.add")), 1)
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-}), Dl = { class: "flex flex-col my-2 gap-8" }, Ul = { class: "fm-typo-en-body-lg-600" }, Nl = { class: "fm-typo-en-body-sm-600 text-fm-color-neutral-gray-400" }, Ol = { class: "fm-typo-en-body-lg-400 text-ellipsis overflow-hidden line-clamp-1" }, Ll = /* @__PURE__ */ q({
-  __name: "SortSection",
-  props: /* @__PURE__ */ K({
-    options: {
-      type: Array,
-      default: () => []
-    },
-    label: {
-      type: String,
-      default: "title"
-    }
-  }, {
-    modelValue: { required: !1, default: [] },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(F) {
-    const { t: d, te: t } = J(), i = ee(F, "modelValue"), n = F, f = $(() => d(`report.section.sort.${n.label}`)), b = H(!1), p = $(
-      () => i.value.map((T, r) => {
-        const o = n.options.find(
-          (c) => c.schemaName === T.schemaName && c.name === T.name
-        ), a = (o == null ? void 0 : o.labels) || [T.schemaName, T.name];
-        return {
-          index: r,
-          label: a.map((c) => Y(d, t, c, "other")).join(" "),
-          value: T
-        };
-      })
-    ), h = H(i.value.length > 0 ? 0 : void 0);
-    function y(T) {
-      var r;
-      b.value = !0, l.value = T != null && T.value ? JSON.parse(JSON.stringify(T.value)) : void 0, h.value = T == null ? void 0 : T.index, s.value = !!((r = l.value) != null && r.dataFormula);
-    }
-    const l = H(void 0), s = H(!1), _ = $(
-      () => n.options.find(
-        (T) => {
-          var r, o;
-          return T.schemaName === ((r = l.value) == null ? void 0 : r.schemaName) && T.name === ((o = l.value) == null ? void 0 : o.name);
-        }
-      ) ?? {}
-    );
-    function V(T) {
-      var r, o;
-      (T.schemaName !== ((r = l.value) == null ? void 0 : r.schemaName) || T.name !== ((o = l.value) == null ? void 0 : o.name)) && (l.value = {
-        schemaName: T.schemaName,
-        name: T.name,
-        dimensionOption: T.dimensionOptions[0],
-        aggregation: null,
-        type: Ue.Asc
-      });
-    }
-    function L() {
-      if (!l.value) {
-        console.log("new sort is undefined");
-        return;
-      }
-      const T = [...p.value.map((r) => r.value)];
-      s.value || (l.value.dataFormula = void 0), h.value !== void 0 ? T[h.value] = l.value : T.push(l.value), i.value = T, b.value = !1;
-    }
-    function v(T) {
-      const r = [...p.value.map((o) => o.value)];
-      r.splice(T, 1), i.value = r, b.value = !1;
-    }
-    function S(T) {
-      const r = `report.section.filter.${ce(T)}`;
-      return t(r) ? d(r) : Y(d, t, T, "field");
-    }
-    const I = $(
-      () => n.options.map((T) => ({
-        label: T.labels.join(" "),
-        value: T
-      }))
-    );
-    return (T, r) => {
-      const o = x("FmCheckbox"), a = x("FmTextarea"), c = x("FmForm"), m = x("FmIcon"), C = x("FmButton"), k = x("FmListItem"), M = x("FmList"), Q = x("FmField");
-      return g(), R("div", Dl, [
-        u(fe, {
-          modelValue: b.value,
-          "onUpdate:modelValue": r[6] || (r[6] = (E) => b.value = E),
-          title: f.value,
-          onConfirm: L
-        }, {
-          content: O(() => [
-            u(c, {
-              ref: "form",
-              class: "flex flex-col gap-2 w-[490px]"
-            }, {
-              default: O(() => {
-                var E, X, G, te;
-                return [
-                  u(Z, {
-                    "model-value": _.value,
-                    items: I.value,
-                    placeholder: f.value,
-                    label: f.value,
-                    "onUpdate:modelValue": r[0] || (r[0] = (D) => V(D))
-                  }, null, 8, ["model-value", "items", "placeholder", "label"]),
-                  l.value ? (g(), R(oe, { key: 0 }, [
-                    (((E = _.value) == null ? void 0 : E.dimensionOptions) || []).length > 0 ? (g(), U(Z, {
-                      key: 0,
-                      modelValue: l.value.dimensionOption,
-                      "onUpdate:modelValue": r[1] || (r[1] = (D) => l.value.dimensionOption = D),
-                      items: ((X = _.value) == null ? void 0 : X.dimensionOptions.map((D) => ({
-                        label: S(D),
-                        value: D
-                      }))) ?? [],
-                      placeholder: e(d)("report.section.sort.format"),
-                      label: e(d)("report.section.sort.format")
-                    }, null, 8, ["modelValue", "items", "placeholder", "label"])) : N("", !0),
-                    (((G = _.value) == null ? void 0 : G.aggregations) || []).length > 0 ? (g(), U(Z, {
-                      key: 1,
-                      modelValue: l.value.aggregation,
-                      "onUpdate:modelValue": r[2] || (r[2] = (D) => l.value.aggregation = D),
-                      items: ((te = _.value) == null ? void 0 : te.aggregations.map((D) => ({
-                        label: e(t)(`report.section.metric.aggregationType.${D}`) ? e(d)(`report.section.metric.aggregationType.${D}`) : D,
-                        value: D
-                      }))) ?? [],
-                      label: e(d)("report.section.sort.aggregation"),
-                      placeholder: e(d)("report.section.sort.aggregation")
-                    }, null, 8, ["modelValue", "items", "label", "placeholder"])) : N("", !0),
-                    u(Z, {
-                      modelValue: l.value.type,
-                      "onUpdate:modelValue": r[3] || (r[3] = (D) => l.value.type = D),
-                      items: Object.values(e(Ue)).map((D) => ({
-                        label: e(t)(`report.section.sort.sortType.${D}`) ? e(d)(`report.section.sort.sortType.${D}`) : D,
-                        value: D
-                      })),
-                      placeholder: e(d)("report.section.sort.order"),
-                      label: e(d)("report.section.sort.order")
-                    }, null, 8, ["modelValue", "items", "placeholder", "label"]),
-                    u(o, {
-                      modelValue: s.value,
-                      "onUpdate:modelValue": r[4] || (r[4] = (D) => s.value = D),
-                      label: e(d)("report.section.sort.advance"),
-                      value: !0
-                    }, null, 8, ["modelValue", "label"]),
-                    s.value ? (g(), U(a, {
-                      key: 2,
-                      modelValue: l.value.dataFormula,
-                      "onUpdate:modelValue": r[5] || (r[5] = (D) => l.value.dataFormula = D),
-                      placeholder: e(d)("report.section.sort.dataFormula")
-                    }, null, 8, ["modelValue", "placeholder"])) : N("", !0)
-                  ], 64)) : N("", !0)
-                ];
-              }),
-              _: 1
-            }, 512)
-          ]),
-          _: 1
-        }, 8, ["modelValue", "title"]),
-        w("div", null, [
-          w("p", Ul, j(f.value), 1),
-          w("p", Nl, j(e(d)("report.section.sort.description")), 1)
-        ]),
-        u(M, null, {
-          default: O(() => [
-            u(e(we), {
-              list: i.value,
-              "item-key": "id",
-              class: "flex flex-col gap-2 w-full"
-            }, {
-              item: O(({ element: E, index: X }) => [
-                u(k, {
-                  class: "!cursor-grab border rounded-md border-neutral-300 h-[40px] !p-[8px]",
-                  onClick: ne((G) => y(p.value[X]), ["stop"])
-                }, {
-                  default: O(() => [
-                    u(m, { name: "drag_handle" }),
-                    w("p", Ol, j(p.value[X].label), 1),
-                    r[8] || (r[8] = w("div", { class: "grow" }, null, -1)),
-                    u(C, {
-                      icon: "close",
-                      size: "md",
-                      variant: "tertiary",
-                      onClick: ne((G) => v(X), ["stop"])
-                    }, null, 8, ["onClick"])
-                  ]),
-                  _: 2
-                }, 1032, ["onClick"])
-              ]),
-              _: 1
-            }, 8, ["list"])
-          ]),
-          _: 1
-        }),
-        u(Q, {
-          class: "text-fm-color-typo-tertiary",
-          onClick: r[7] || (r[7] = () => {
-            y();
-          })
-        }, {
-          default: O(() => [
-            ve(j(e(d)("report.section.sort.add")), 1)
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-}), Il = { class: "fm-typo-en-body-lg-600" }, Bl = { class: "fm-typo-en-body-sm-600 text-fm-color-neutral-gray-400" }, jl = /* @__PURE__ */ q({
-  __name: "LimitSection",
-  props: {
-    modelValue: { required: !0, default: null },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(F) {
-    const { t: d } = J(), t = ee(F, "modelValue"), i = he((n) => {
-      n !== "" ? t.value = n : t.value = null;
-    }, 1e3);
-    return (n, f) => {
-      const b = x("FmTextField");
-      return g(), R(oe, null, [
-        w("div", null, [
-          w("p", Il, j(e(d)("report.section.limit.title")), 1),
-          w("p", Bl, j(e(d)("report.section.limit.description")), 1)
-        ]),
-        u(b, {
-          "model-value": t.value,
-          inputmode: "numeric",
-          placeholder: e(d)("report.section.limit.placeholder"),
-          "onUpdate:modelValue": f[0] || (f[0] = (p) => e(i)(p))
-        }, null, 8, ["model-value", "placeholder"])
-      ], 64);
-    };
-  }
-}), zl = { class: "flex flex-col my-2 gap-8" }, Rl = { class: "fm-typo-en-body-lg-600" }, Ml = { class: "fm-typo-en-body-sm-600 text-fm-color-neutral-gray-400" }, Pl = { class: "fm-typo-en-body-lg-400 text-ellipsis overflow-hidden line-clamp-1" }, Al = /* @__PURE__ */ q({
-  __name: "ConditionSection",
-  props: /* @__PURE__ */ K({
-    joinFieldOptions: {
-      type: Array,
-      default: () => []
-    },
-    mainFieldOptions: {
-      type: Array,
-      default: () => []
-    },
-    label: {
-      type: String,
-      default: "title"
-    }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(F) {
-    const { t: d, te: t } = J(), i = ee(F, "modelValue"), n = F, f = $(() => d(`report.section.condition.${n.label}`)), b = H(!1), p = $(
-      () => i.value.map((r, o) => {
-        var m, C;
-        const a = n.joinFieldOptions.find(
-          (k) => {
-            var M, Q;
-            return k.schemaName === ((M = r.joinDimension) == null ? void 0 : M.schemaName) && k.name === ((Q = r.joinDimension) == null ? void 0 : Q.name);
-          }
-        ), c = (a == null ? void 0 : a.labels) || [
-          (m = r.joinDimension) == null ? void 0 : m.schemaName,
-          (C = r.joinDimension) == null ? void 0 : C.name
-        ];
-        return {
-          index: o,
-          label: c.map((k) => Y(d, t, k, "other")).join(" "),
-          value: r
-        };
-      })
-    ), h = H(i.value.length > 0 ? 0 : void 0);
-    function y(r) {
-      r ? (l.value = r != null && r.value ? JSON.parse(JSON.stringify(r.value)) : void 0, h.value = r == null ? void 0 : r.index) : (l.value = {
-        joinDimension: null,
-        operator: "",
-        mainDimensions: []
-      }, h.value = void 0), b.value = !0;
-    }
-    const l = H(void 0), s = $(
-      () => n.joinFieldOptions.find(
-        (r) => {
-          var o, a;
-          return r.schemaName === ((a = (o = l.value) == null ? void 0 : o.joinDimension) == null ? void 0 : a.schemaName) && r.name === l.value.joinDimension.name;
-        }
-      ) ?? {}
-    ), _ = $(
-      () => {
-        var r;
-        return (((r = l.value) == null ? void 0 : r.mainDimensions) || []).map(
-          (o) => n.mainFieldOptions.find(
-            (a) => a.schemaName === (o == null ? void 0 : o.schemaName) && a.name === o.name
-          ) ?? {}
-        );
-      }
-    ), V = $(
-      () => n.joinFieldOptions.map((r) => ({ label: r.labels.join(" "), value: r }))
-    );
-    function L(r) {
-      var o, a, c, m;
-      l.value && (l.value && r.schemaName !== ((a = (o = l.value) == null ? void 0 : o.joinDimension) == null ? void 0 : a.schemaName) || r.name !== ((m = (c = l.value) == null ? void 0 : c.joinDimension) == null ? void 0 : m.name)) && (l.value = {
-        ...l.value,
-        joinDimension: {
-          schemaName: r.schemaName,
-          name: r.name,
-          option: r.dimensionOptions[0],
-          label: `_${r.label}`,
-          hide: !0
-        }
-      }, r.joinConditionOperators.includes(l.value.operator) || S(r.joinConditionOperators[0]));
-    }
-    function v(r, o) {
-      var a, c, m, C;
-      if (l.value && o >= 0 && (l.value && r.schemaName !== ((c = (a = l.value) == null ? void 0 : a.mainDimensions[o]) == null ? void 0 : c.schemaName) || r.name !== ((C = (m = l.value) == null ? void 0 : m.mainDimensions[o]) == null ? void 0 : C.name))) {
-        const k = [...l.value.mainDimensions];
-        k[o] = {
-          schemaName: r.schemaName,
-          name: r.name,
-          option: r.dimensionOptions[0],
-          label: r.label,
-          hide: !0
-        }, l.value = {
-          ...l.value,
-          mainDimensions: k
-        };
-      }
-    }
-    function S(r) {
-      if (l.value)
-        switch (r) {
-          case nl.Between:
-            l.value = {
-              ...l.value,
-              operator: r,
-              mainDimensions: [null, null]
-            };
-            break;
-          default:
-            l.value = {
-              ...l.value,
-              operator: r,
-              mainDimensions: [null]
-            };
-            break;
-        }
-    }
-    function I() {
-      const r = [...p.value.map((o) => o.value)];
-      l.value && (l.value.mainDimensions = l.value.mainDimensions.filter(
-        (o) => o !== "" && o != null
-      ), h.value !== void 0 ? r[h.value] = l.value : r.push(l.value)), i.value = r, b.value = !1;
-    }
-    function T(r) {
-      const o = [...p.value.map((a) => a.value)];
-      o.splice(r, 1), i.value = o;
-    }
-    return (r, o) => {
-      const a = x("FmMenuDivider"), c = x("FmForm"), m = x("FmIcon"), C = x("FmButton"), k = x("FmListItem"), M = x("FmList"), Q = x("FmField");
-      return g(), R("div", zl, [
-        u(fe, {
-          modelValue: b.value,
-          "onUpdate:modelValue": o[2] || (o[2] = (E) => b.value = E),
-          title: f.value,
-          onConfirm: I
-        }, {
-          content: O(() => [
-            u(c, {
-              ref: "form",
-              class: "flex flex-col gap-2 w-[490px]"
-            }, {
-              default: O(() => {
-                var E, X, G, te, D;
-                return [
-                  u(Z, {
-                    label: e(d)("report.section.condition.joinDatasource"),
-                    "model-value": s.value,
-                    items: V.value,
-                    placeholder: e(d)("report.section.condition.joinDimension"),
-                    "onUpdate:modelValue": o[0] || (o[0] = (P) => L(P))
-                  }, null, 8, ["label", "model-value", "items", "placeholder"]),
-                  u(a),
-                  (E = l.value) != null && E.joinDimension && (((X = s.value) == null ? void 0 : X.dimensionOptions) || []).length > 0 ? (g(), U(Z, {
-                    key: 0,
-                    modelValue: l.value.joinDimension.option,
-                    "onUpdate:modelValue": o[1] || (o[1] = (P) => l.value.joinDimension.option = P),
-                    label: e(d)("report.section.condition.format"),
-                    items: ((G = s.value) == null ? void 0 : G.dimensionOptions.map((P) => ({
-                      label: e(t)(`report.section.filter.${e(ce)(P)}`) ? e(d)(`report.section.filter.${e(ce)(P)}`) : P,
-                      value: P
-                    }))) ?? []
-                  }, null, 8, ["modelValue", "label", "items"])) : N("", !0),
-                  l.value && (((te = s.value) == null ? void 0 : te.joinConditionOperators) || []).length > 0 ? (g(), U(Z, {
-                    key: 1,
-                    "model-value": l.value.operator,
-                    label: e(d)("report.section.condition.operator"),
-                    items: s.value.joinConditionOperators.map((P) => ({
-                      label: e(d)("report.section.comparisonOperator." + P),
-                      value: P
-                    })) ?? [],
-                    "onUpdate:modelValue": S
-                  }, null, 8, ["model-value", "label", "items"])) : N("", !0),
-                  (g(!0), R(oe, null, pe(((D = l.value) == null ? void 0 : D.mainDimensions) || [], (P, W) => {
-                    var ae, B;
-                    return g(), R("div", {
-                      key: W,
-                      class: "flex flex-col gap-2"
-                    }, [
-                      u(Z, {
-                        "model-value": _.value[W],
-                        label: e(d)("report.section.condition.mainDatasource", { index: W + 1 }),
-                        items: n.mainFieldOptions.map((le) => ({
-                          label: le.labels.join(" "),
-                          value: le
-                        })),
-                        "onUpdate:modelValue": (le) => v(le, W)
-                      }, null, 8, ["model-value", "label", "items", "onUpdate:modelValue"]),
-                      P && (((ae = _.value[W]) == null ? void 0 : ae.dimensionOptions) || []).length > 0 && P ? (g(), U(Z, {
-                        key: 0,
-                        modelValue: P.option,
-                        "onUpdate:modelValue": (le) => P.option = le,
-                        items: (B = _.value[W]) == null ? void 0 : B.dimensionOptions.map((le) => ({
-                          label: e(t)(`report.section.filter.${e(ce)(le)}`) ? e(d)(`report.section.filter.${e(ce)(le)}`) : le,
-                          value: le
-                        }))
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "items"])) : N("", !0),
-                      u(a)
-                    ]);
-                  }), 128))
-                ];
-              }),
-              _: 1
-            }, 512)
-          ]),
-          _: 1
-        }, 8, ["modelValue", "title"]),
-        w("div", null, [
-          w("p", Rl, j(f.value), 1),
-          w("p", Ml, j(e(d)("report.section.condition.description")), 1)
-        ]),
-        u(M, { class: "flex flex-col gap-2" }, {
-          default: O(() => [
-            u(e(we), {
-              list: i.value,
-              "item-key": (E) => {
-                var X, G;
-                return `${(X = E.joinDimension) == null ? void 0 : X.schemaName}:${(G = E.joinDimension) == null ? void 0 : G.name}`;
-              },
-              class: "flex flex-col gap-2 w-full"
-            }, {
-              item: O(({ element: E, index: X }) => [
-                u(k, {
-                  class: "!cursor-grab border rounded-md border-neutral-300 h-[40px] !p-[8px]",
-                  onClick: ne((G) => y(p.value[X]), ["stop"])
-                }, {
-                  default: O(() => [
-                    u(m, { name: "drag_handle" }),
-                    w("p", Pl, j(p.value[X].label), 1),
-                    o[4] || (o[4] = w("div", { class: "grow" }, null, -1)),
-                    u(C, {
-                      icon: "close",
-                      size: "md",
-                      variant: "tertiary",
-                      onClick: ne((G) => T(X), ["stop"])
-                    }, null, 8, ["onClick"])
-                  ]),
-                  _: 2
-                }, 1032, ["onClick"])
-              ]),
-              _: 1
-            }, 8, ["list", "item-key"])
-          ]),
-          _: 1
-        }),
-        u(Q, {
-          class: "text-fm-color-typo-tertiary cursor-pointer",
-          onClick: o[3] || (o[3] = (E) => y())
-        }, {
-          default: O(() => [
-            ve(j(e(d)("report.section.condition.add")), 1)
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-}), Le = /* @__PURE__ */ q({
-  __name: "Datasource",
-  props: /* @__PURE__ */ K({
-    label: {
-      type: String,
-      default: "Label"
-    },
-    config: {
-      type: Object,
-      default: null
-    },
-    closeable: {
-      type: Boolean,
-      default: !1
-    },
-    mainDatasourceConfig: {
-      type: Object,
-      default: () => {
-      }
-    },
-    modelValue: {
-      type: Object,
-      default: () => {
-      }
-    }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ K(["click-close"], ["update:modelValue"]),
-  setup(F, { emit: d }) {
-    const { disableEditMode: t, resetStore: i } = ye(), n = ee(F, "modelValue");
-    re(
-      [() => n.value.dimensions, () => n.value.metrics],
-      () => {
-        const { rowIds: o, columnIds: a } = Ve(n.value);
-        n.value.rowIds = o, n.value.columnIds = a;
-      },
-      { deep: !0 }
-    );
-    const f = F, b = d, { schemas: p } = de(Re());
-    qe(() => {
-      t(), i();
-    });
-    const { t: h, te: y, locale: l } = J(), s = $(() => !f.mainDatasourceConfig), _ = $(
-      () => [z.BarChart, z.LineChart, z.Scorecard].includes(f.config.type)
-    ), V = $(() => {
-      const o = [...n.value.dimensions].filter((a) => !a.hide);
-      return o.sort(
-        (a, c) => (n.value.rowIds || []).indexOf(me(a)) - (n.value.rowIds || []).indexOf(me(c))
-      ), o;
-    }), L = $(() => f.config.type === z.Scorecard), v = $(
-      () => {
-        var o;
-        return (((o = f.mainDatasourceConfig) == null ? void 0 : o.schemaNames) || []).reduce(
-          (a, c) => {
-            const m = p.value.find((C) => C.name === c);
-            return m && (a = [
-              ...a,
-              ...m.fields.map((C) => ({
-                ...C,
-                labels: [
-                  Y(h, y, m.label, "schema"),
-                  Y(h, y, C.label || C.name, "other")
-                ]
-              }))
-            ]), a;
-          },
-          []
-        );
-      }
-    ), S = $(
-      () => n.value.schemaNames.reduce((o, a) => {
-        const c = p.value.find((m) => m.name === a);
-        return c && (o = [
-          ...o,
-          ...c.fields.map((m) => ({
-            ...m,
-            labels: [
-              Y(h, y, c.label, "schema"),
-              Y(h, y, m.label || m.name, "other")
-            ]
-          }))
-        ]), o;
-      }, [])
-    ), I = $(() => [
-      { label: h("report.section.datasource.none"), value: null },
-      { label: h("report.section.datasource.grandTotal"), value: 0 },
-      ...[...V.value].slice(0, V.value.length - 1).map((o, a) => ({
-        label: Y(h, y, o.label, "other"),
-        value: a + 1
-      }))
-    ]), T = $(
-      () => `rollup-${l.value}-${V.value.map((o) => me(o)).join("|")}`
-    ), r = $(() => [
-      {
-        label: h("report.section.datasource.none"),
-        value: null
-      },
-      ...Object.keys(Ne).map((o) => ({
-        label: y(`report.section.datasource.periodType.${o}`) ? h(`report.section.datasource.periodType.${o}`) : o,
-        value: Ne[o]
-      }))
-    ]);
-    return (o, a) => {
-      const c = x("FmButton"), m = x("FmSwitch"), C = x("FmSelect");
-      return g(), U(ke, null, {
-        header: O(() => [
-          w("p", null, j(f.label), 1),
-          a[19] || (a[19] = w("div", { class: "grow" }, null, -1)),
-          f.closeable ? (g(), U(c, {
-            key: 0,
-            icon: "close",
-            variant: "tertiary",
-            size: "md",
-            onClick: a[0] || (a[0] = ne((k) => b("click-close"), ["stop"]))
-          })) : N("", !0)
-        ]),
-        content: O(() => [
-          u(yl, {
-            modelValue: n.value,
-            "onUpdate:modelValue": a[1] || (a[1] = (k) => n.value = k),
-            label: e(h)("report.section.schema.title")
-          }, null, 8, ["modelValue", "label"]),
-          u(xe, {
-            modelValue: n.value.dimensions,
-            "onUpdate:modelValue": a[2] || (a[2] = (k) => n.value.dimensions = k),
-            options: S.value,
-            config: n.value,
-            max: f.config.maxDimension,
-            "has-row-column": !0,
-            onConfig: a[3] || (a[3] = (k) => {
-              n.value = k;
-            })
-          }, null, 8, ["modelValue", "options", "config", "max"]),
-          u(m, {
-            "label-placement": "right",
-            label: e(h)("report.section.datasource.comparable"),
-            "model-value": n.value.isComparable ?? !1,
-            "onUpdate:modelValue": a[4] || (a[4] = (k) => {
-              n.value.isComparable = k;
-            })
-          }, null, 8, ["label", "model-value"]),
-          _.value ? (g(), U(m, {
-            key: 0,
-            "label-placement": "right",
-            label: e(h)("report.section.datasource.cumulative"),
-            "model-value": n.value.isCumulative ?? !1,
-            "onUpdate:modelValue": a[5] || (a[5] = (k) => {
-              n.value.isCumulative = k;
-            })
-          }, null, 8, ["label", "model-value"])) : N("", !0),
-          f.config.isDrillConfigurable && s.value ? (g(), U(m, {
-            key: 1,
-            label: e(h)("report.section.datasource.drill"),
-            "label-placement": "right",
-            "model-value": n.value.isDrillable ?? !1,
-            "onUpdate:modelValue": a[6] || (a[6] = (k) => {
-              n.value.isDrillable = k;
-            })
-          }, null, 8, ["label", "model-value"])) : N("", !0),
-          s.value ? (g(), U(m, {
-            key: 2,
-            modelValue: n.value.isBlend,
-            "onUpdate:modelValue": a[7] || (a[7] = (k) => n.value.isBlend = k),
-            label: e(h)("report.section.datasource.blend"),
-            "label-placement": "right"
-          }, null, 8, ["modelValue", "label"])) : N("", !0),
-          f.config.canRollup && s.value ? (g(), U(C, {
-            key: T.value,
-            modelValue: n.value.rollup,
-            "onUpdate:modelValue": a[8] || (a[8] = (k) => n.value.rollup = k),
-            label: e(h)("report.section.datasource.subTotal"),
-            items: I.value
-          }, null, 8, ["modelValue", "label", "items"])) : N("", !0),
-          s.value ? N("", !0) : (g(), U(C, {
-            key: `periodType-${e(l)}`,
-            modelValue: n.value.periodType,
-            "onUpdate:modelValue": a[9] || (a[9] = (k) => n.value.periodType = k),
-            label: e(h)("report.section.datasource.periodType.label"),
-            items: r.value
-          }, null, 8, ["modelValue", "label", "items"])),
-          f.config.canTranspose && s.value ? (g(), U(m, {
-            key: 5,
-            modelValue: n.value.isTransposed,
-            "onUpdate:modelValue": a[10] || (a[10] = (k) => n.value.isTransposed = k),
-            label: e(h)("report.section.datasource.transpose"),
-            "label-placement": "right"
-          }, null, 8, ["modelValue", "label"])) : N("", !0),
-          f.config.hasBreakdownDimension ? (g(), U(xe, {
-            key: 6,
-            "model-value": n.value.breakdownDimension ? [n.value.breakdownDimension] : [],
-            label: "breakdownDimension",
-            max: 1,
-            options: S.value,
-            "onUpdate:modelValue": a[11] || (a[11] = (k) => {
-              n.value.breakdownDimension = k[0];
-            })
-          }, null, 8, ["model-value", "options"])) : N("", !0),
-          L.value ? (g(), U(xe, {
-            key: 7,
-            "model-value": n.value.sparklineDimension ? [n.value.sparklineDimension] : [],
-            label: "sparklineDimension",
-            max: 1,
-            options: S.value,
-            "onUpdate:modelValue": a[12] || (a[12] = (k) => {
-              n.value.sparklineDimension = k[0];
-            })
-          }, null, 8, ["model-value", "options"])) : N("", !0),
-          u($l, {
-            modelValue: n.value.metrics,
-            "onUpdate:modelValue": a[13] || (a[13] = (k) => n.value.metrics = k),
-            options: S.value,
-            max: f.config.maxMetric,
-            config: n.value,
-            "has-row-column": f.config.type === e(z).Table,
-            onConfig: a[14] || (a[14] = (k) => {
-              n.value = k;
-            })
-          }, null, 8, ["modelValue", "options", "max", "config", "has-row-column"]),
-          u(Ze, {
-            modelValue: n.value.filters,
-            "onUpdate:modelValue": a[15] || (a[15] = (k) => n.value.filters = k),
-            options: S.value
-          }, null, 8, ["modelValue", "options"]),
-          u(Ll, {
-            modelValue: n.value.sorts,
-            "onUpdate:modelValue": a[16] || (a[16] = (k) => n.value.sorts = k),
-            options: S.value
-          }, null, 8, ["modelValue", "options"]),
-          u(jl, {
-            modelValue: n.value.limit,
-            "onUpdate:modelValue": a[17] || (a[17] = (k) => n.value.limit = k)
-          }, null, 8, ["modelValue"]),
-          n.value.conditions ? (g(), U(Al, {
-            key: 8,
-            modelValue: n.value.conditions,
-            "onUpdate:modelValue": a[18] || (a[18] = (k) => n.value.conditions = k),
-            "join-field-options": S.value,
-            "main-field-options": v.value
-          }, null, 8, ["modelValue", "join-field-options", "main-field-options"])) : N("", !0)
-        ]),
-        _: 1
-      });
-    };
-  }
-}), Xl = { class: "fm-typo-en-title-sm-600" }, _e = /* @__PURE__ */ q({
-  __name: "TileEditorTabHeader",
-  props: /* @__PURE__ */ K({
-    icon: {
-      type: String,
-      required: !0
-    }
-  }, {
-    modelValue: { type: Boolean, required: !0, default: !1 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(F) {
-    const { t: d } = J(), t = ee(F, "modelValue"), i = F;
-    return (n, f) => {
-      const b = x("FmIcon");
-      return g(), R("div", {
-        class: "px-6 py-16 flex items-center gap-2 bg-fm-color-neutral-white border cursor-pointer",
-        onClick: f[0] || (f[0] = (p) => t.value = !t.value)
-      }, [
-        w("p", Xl, j(e(d)("report.tile.setting")), 1),
-        f[1] || (f[1] = w("div", { class: "grow" }, null, -1)),
-        u(b, {
-          name: i.icon
-        }, null, 8, ["name"])
-      ]);
-    };
-  }
-}), El = /* @__PURE__ */ q({
-  __name: "TileEditorTabDesktop",
-  props: {
-    modelValue: { required: !0, default: !1 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(F) {
-    const d = ee(F, "modelValue");
-    return (t, i) => (g(), R(oe, null, [
-      u(_e, {
-        modelValue: d.value,
-        "onUpdate:modelValue": i[0] || (i[0] = (n) => d.value = n),
-        icon: "keyboard_double_arrow_left"
-      }, null, 8, ["modelValue"]),
-      Be(t.$slots, "default")
-    ], 64));
-  }
-}), Wl = { class: "fixed bottom-0 w-full" }, ql = /* @__PURE__ */ q({
-  __name: "TileEditorTabMobile",
-  props: {
-    modelValue: { required: !0, default: !1 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(F) {
-    const d = ee(F, "modelValue");
-    return (t, i) => {
-      const n = x("FmTopSheet");
-      return g(), R("div", Wl, [
-        u(_e, {
-          modelValue: d.value,
-          "onUpdate:modelValue": i[0] || (i[0] = (f) => d.value = f),
-          icon: "keyboard_double_arrow_up"
-        }, null, 8, ["modelValue"]),
-        u(n, {
-          modelValue: d.value,
-          "onUpdate:modelValue": i[2] || (i[2] = (f) => d.value = f),
-          "fullscreen-size": "sm"
-        }, {
-          default: O(() => [
-            u(_e, {
-              modelValue: d.value,
-              "onUpdate:modelValue": i[1] || (i[1] = (f) => d.value = f),
-              icon: "keyboard_double_arrow_down"
-            }, null, 8, ["modelValue"]),
-            d.value ? Be(t.$slots, "default", { key: 0 }) : N("", !0)
-          ]),
-          _: 3
-        }, 8, ["modelValue"])
-      ]);
-    };
-  }
-}), Hl = { class: "flex gap-16" }, Yl = { class: "flex flex-col gap-8 max-w-[120px]" }, Gl = { class: "fm-typo-en-body-lg-600" }, Jl = { class: "flex flex-col gap-16" }, Kl = { class: "fm-typo-en-body-lg-600" }, Ql = { class: "flex flex-row gap-8" }, Zl = /* @__PURE__ */ q({
-  __name: "TitleSection",
-  props: {
-    model: {}
-  },
-  emits: ["update:model"],
-  setup(F, { emit: d }) {
-    const t = F, i = d, { t: n } = J(), f = $({
-      get: () => t.model.showTitle ?? !1,
-      set: (l) => i("update:model", { ...t.model, showTitle: l })
-    }), b = $({
-      get: () => t.model.titleFontSize ?? 14,
-      set: (l) => i("update:model", { ...t.model, titleFontSize: Math.min(Number(l), 24) })
-    }), p = $({
-      get: () => t.model.titleBold ?? !1,
-      set: (l) => i("update:model", { ...t.model, titleBold: l })
-    }), h = $({
-      get: () => t.model.titleItalic ?? !1,
-      set: (l) => i("update:model", { ...t.model, titleItalic: l })
-    }), y = $({
-      get: () => t.model.titleUnderline ?? !1,
-      set: (l) => i("update:model", { ...t.model, titleUnderline: l })
-    });
-    return (l, s) => {
-      const _ = x("FmStepperField"), V = x("FmButton"), L = x("FmSwitch");
-      return g(), R(oe, null, [
-        w("div", null, [
-          w("div", Hl, [
-            w("div", Yl, [
-              w("p", Gl, j(e(n)("report.section.datasource.title.titleFontSize")), 1),
-              u(_, {
-                modelValue: b.value,
-                "onUpdate:modelValue": s[0] || (s[0] = (v) => b.value = v),
-                max: 24,
-                min: 1,
-                type: "number"
-              }, null, 8, ["modelValue"])
-            ]),
-            w("div", Jl, [
-              w("p", Kl, j(e(n)("report.section.datasource.title.textStyleFormat")), 1),
-              w("div", Ql, [
-                u(V, {
-                  "append-icon": "format_bold",
-                  "model-value": l.model.titleBold ?? !1,
-                  variant: "tertiary",
-                  "icon-color": l.model.titleBold ? "neutral-gray-400" : "neutral-gray-300",
-                  "bg-color": l.model.titleBold ? "neutral-gray-100" : "neutral-white",
-                  class: "rounded-sm",
-                  onClick: s[1] || (s[1] = (v) => p.value = !p.value)
-                }, null, 8, ["model-value", "icon-color", "bg-color"]),
-                u(V, {
-                  "append-icon": "format_italic",
-                  "model-value": l.model.titleItalic ?? !1,
-                  "icon-color": l.model.titleItalic ? "neutral-gray-400" : "neutral-gray-300",
-                  "bg-color": l.model.titleItalic ? "neutral-gray-100" : "neutral-white",
-                  class: "rounded-sm",
-                  onClick: s[2] || (s[2] = (v) => h.value = !h.value)
-                }, null, 8, ["model-value", "icon-color", "bg-color"]),
-                u(V, {
-                  "append-icon": "format_underlined",
-                  "model-value": l.model.titleUnderline ?? !1,
-                  "icon-color": l.model.titleUnderline ? "neutral-gray-400" : "neutral-gray-300",
-                  "bg-color": l.model.titleUnderline ? "neutral-gray-100" : "neutral-white",
-                  class: "rounded-sm",
-                  onClick: s[3] || (s[3] = (v) => y.value = !y.value)
-                }, null, 8, ["model-value", "icon-color", "bg-color"])
-              ])
-            ])
-          ])
-        ]),
-        u(L, {
-          modelValue: f.value,
-          "onUpdate:modelValue": s[4] || (s[4] = (v) => f.value = v),
-          label: e(n)("report.section.datasource.title.showTitle"),
-          "label-placement": "right"
-        }, null, 8, ["modelValue", "label"])
-      ], 64);
-    };
-  }
-}), eo = { class: "flex flex-col gap-8" }, lo = { class: "text-fm-color-typo-primary fm-typo-en-body-lg-600" }, oo = { class: "flex flex-row gap-2" }, to = {
-  key: 0,
-  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, ao = /* @__PURE__ */ q({
-  __name: "TableResizeSection",
-  props: {
-    layout: {}
-  },
-  emits: ["update:layout"],
-  setup(F, { emit: d }) {
-    const { t } = J(), i = F, n = d, { isEditing: f, colWidths: b, rowHeight: p } = de(ye()), { enableCellResizing: h, cancelResizingChanges: y, resetStore: l, disableEditMode: s } = ye();
-    $(
-      () => {
-        var V, L, v;
-        return (((L = (V = i.layout) == null ? void 0 : V.colWidths) == null ? void 0 : L.length) ?? 0) > 0 || b.value.length > 0 || (((v = i.layout) == null ? void 0 : v.rowHeight) ?? 0) > 0 || p.value > 0;
-      }
-    );
-    function _() {
-      l(), s(), n("update:layout", {
-        ...i.layout,
-        rowHeight: void 0,
-        colWidths: void 0
-      });
-      const V = document.querySelector("table");
-      if (V) {
-        V.classList.remove("table-fixed"), V.classList.add("table-auto"), V.style.width = "";
-        const L = V.querySelectorAll("th"), v = V.querySelectorAll("td"), S = V.querySelectorAll("tr");
-        L.forEach((I) => {
-          I.style.width = "";
-        }), v.forEach((I) => {
-          I.style.width = "";
-        }), S.forEach((I) => {
-          I.style.height = "";
-        });
-      }
-    }
-    return Se(() => {
-      var V, L;
-      ((V = i.layout) == null ? void 0 : V.rowHeight) !== void 0 && (p.value = i.layout.rowHeight), (L = i.layout) != null && L.colWidths && (b.value = [...i.layout.colWidths]);
-    }), (V, L) => {
-      const v = x("FmButton");
-      return g(), R("div", eo, [
-        w("p", lo, j(e(t)("report.section.datasource.tableLayout")), 1),
-        w("div", oo, [
-          e(f) ? N("", !0) : (g(), U(v, {
-            key: 0,
-            label: e(t)("report.section.datasource.resizeTable"),
-            variant: "secondary",
-            icon: "resize",
-            "icon-position": "prepend",
-            class: "[&_.label]:line-clamp-none w-full",
-            onClick: e(h)
-          }, null, 8, ["label", "onClick"])),
-          e(f) ? (g(), U(v, {
-            key: 1,
-            label: e(t)("report.common.cancel"),
-            variant: "primary",
-            icon: "close",
-            "icon-position": "prepend",
-            class: "[&_.label]:line-clamp-none w-full",
-            onClick: e(y)
-          }, null, 8, ["label", "onClick"])) : N("", !0),
-          u(v, {
-            label: e(t)("report.section.datasource.resetSize"),
-            variant: "secondary",
-            icon: "restore",
-            "icon-position": "prepend",
-            class: "[&_.label]:line-clamp-none w-full",
-            onClick: _
-          }, null, 8, ["label"])
-        ]),
-        e(f) ? (g(), R("p", to, j(e(t)("report.section.datasource.resizeTableHelper")), 1)) : N("", !0)
-      ]);
-    };
-  }
-}), no = { class: "flex gap-16 justify-center items-center" }, io = { class: "fm-typo-en-title-sm-600" }, so = { class: "fm-typo-en-body-lg-600" }, uo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary" }, ro = { class: "h-[40x]" }, Ie = "YYYY-MM-DD", We = /* @__PURE__ */ q({
-  __name: "TileEditorTab",
-  props: /* @__PURE__ */ K({
-    hideConfiguration: {
-      type: Boolean,
-      default: !1
-    }
-  }, {
-    modelValue: {
-      required: !0
-    },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ K(["hideConfiguration"], ["update:modelValue"]),
-  setup(F, { emit: d }) {
-    var a, c;
-    const t = Pe(), { dateRange: i, timezone: n } = de(t), f = {
-      startDate: i.value.startDate,
-      endDate: i.value.endDate
-    }, b = H({
-      startDate: (a = ge(i.value.startDate)) == null ? void 0 : a.tz(n.value).format(Ie),
-      endDate: (c = ge(i.value.endDate)) == null ? void 0 : c.tz(n.value).format(Ie)
-    });
-    re(
-      b,
-      () => {
-        b.value.endDate || (b.value.endDate = b.value.startDate);
-        const m = {
-          startDate: ge.tz(b.value.startDate, n.value).startOf("day").utc().toISOString(),
-          endDate: ge.tz(b.value.endDate, n.value).endOf("day").utc().toISOString()
-        };
-        i.value = m;
-      },
-      { deep: !0 }
-    ), He(() => {
-      i.value = { ...f };
-    });
-    const p = ee(F, "modelValue"), { breakpoints: h } = Ae(), y = F, { promptMessage: l } = Me(), s = d, { t: _, locale: V } = J();
-    function L(m) {
-      p.value = kl(m);
-    }
-    function v() {
-      const m = [...p.value.widget.config.joinDatasources || []];
-      m.push({ ...ll(p.value.widget.type), conditions: [] }), L({
-        ...p.value,
-        widget: {
-          ...p.value.widget,
-          config: {
-            ...p.value.widget.config,
-            joinDatasources: m
-          }
-        }
-      });
-    }
-    async function S(m) {
-      if (!await l({
-        title: _("report.tile.datasource.remove"),
-        message: _("report.tile.datasource.confirmRemove", { index: m + 1 })
-      })) return;
-      const k = [...p.value.widget.config.joinDatasources || []];
-      k.splice(m, 1), L({
-        ...p.value,
-        widget: {
-          ...p.value.widget,
-          config: {
-            ...p.value.widget.config,
-            joinDatasources: k
-          }
-        }
-      });
-    }
-    const I = (m, C) => {
-      let k = 1, M = 1;
-      switch (m) {
-        case z.Scorecard:
-          k = 1, M = 2;
-          break;
-        case z.BarChart:
-        case z.StackBarChart:
-        case z.LineChart:
-        case z.StackLineChart:
-          k = 4, M = 6;
-          break;
-        case z.Table:
-          k = 4, M = 12;
-          break;
-        case z.Circular:
-          k = 4, M = 4;
-          break;
-        case z.Spacer:
-          k = 0, M = 12;
-          break;
-      }
-      return {
-        id: C.id,
-        size: {
-          height: k,
-          width: M
-        },
-        widget: {
-          ...C.widget,
-          type: m
-        }
-      };
-    }, T = $(
-      () => Fe.find((m) => m.type === p.value.widget.type)
-    ), r = $(() => p.value.widget.config.joinDatasources), o = he((m) => {
-      p.value.widget.title = m;
-    }, 500);
-    return re(
-      () => p.value.size.height,
-      (m) => {
-        m < 1 && (p.value.size.height = 1), m > 12 && (p.value.size.height = 12);
-      }
-    ), re(
-      () => p.value.size.width,
-      (m) => {
-        m < 1 && (p.value.size.width = 1), m > 12 && (p.value.size.width = 12);
-      }
-    ), (m, C) => {
-      const k = x("FmCircularProgress"), M = x("FmSimpleDateRangePicker"), Q = x("FmTextField"), E = x("FmTextarea"), X = x("FmStepperField"), G = x("FmButton"), te = x("FmForm");
-      return g(), U(je(e(h).lg || e(h).md ? El : ql), {
-        "model-value": y.hideConfiguration,
-        "onUpdate:modelValue": C[9] || (C[9] = (D) => s("hideConfiguration", D))
-      }, {
-        default: O(() => [
-          p.value ? (g(), U(te, {
-            key: 1,
-            ref: "form",
-            class: "px-6 py-16 flex flex-col gap-24 overflow-y-auto overflow-x-hidden"
-          }, {
-            default: O(() => [
-              w("div", no, [
-                (g(), U(M, {
-                  key: `date-picker-${e(V)}`,
-                  modelValue: b.value,
-                  "onUpdate:modelValue": C[0] || (C[0] = (D) => b.value = D)
-                }, null, 8, ["modelValue"]))
-              ]),
-              u(ke, null, {
-                header: O(() => [
-                  w("p", io, j(e(_)("report.tile.widget.details")), 1),
-                  C[10] || (C[10] = w("div", { class: "grow" }, null, -1))
-                ]),
-                content: O(() => [
-                  u(Q, {
-                    "model-value": p.value.widget.title,
-                    label: e(_)("report.tile.widget.title"),
-                    placeholder: e(_)("report.tile.widget.titlePlaceholder"),
-                    "onUpdate:modelValue": e(o)
-                  }, null, 8, ["model-value", "label", "placeholder", "onUpdate:modelValue"]),
-                  u(E, {
-                    modelValue: p.value.widget.description,
-                    "onUpdate:modelValue": C[1] || (C[1] = (D) => p.value.widget.description = D),
-                    disabled: p.value.widget.title === "",
-                    placeholder: e(_)("report.tile.widget.descriptionPlaceholder"),
-                    "helper-text": e(_)("report.tile.widget.descriptionHelper")
-                  }, {
-                    label: O(() => [
-                      w("p", so, j(e(_)("report.tile.widget.widgetDescription")), 1),
-                      w("p", uo, " (" + j(e(_)("report.tile.widget.optional")) + ") ", 1)
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue", "disabled", "placeholder", "helper-text"]),
-                  u(Zl, {
-                    model: p.value.widget.config,
-                    "onUpdate:model": C[2] || (C[2] = (D) => p.value.widget.config = D)
-                  }, null, 8, ["model"]),
-                  w("div", {
-                    class: ze(["flex flex-row", `${e(h).sm || e(h).xs ? "gap-16" : "gap-2"}`])
-                  }, [
-                    u(X, {
-                      modelValue: p.value.size.width,
-                      "onUpdate:modelValue": C[3] || (C[3] = (D) => p.value.size.width = D),
-                      label: e(_)("report.tile.widget.width"),
-                      min: 1,
-                      max: 12
-                    }, null, 8, ["modelValue", "label"]),
-                    u(X, {
-                      modelValue: p.value.size.height,
-                      "onUpdate:modelValue": C[4] || (C[4] = (D) => p.value.size.height = D),
-                      label: e(_)("report.tile.widget.height"),
-                      min: 1,
-                      max: 12,
-                      disabled: p.value.widget.type === e(z).Scorecard
-                    }, null, 8, ["modelValue", "label", "disabled"])
-                  ], 2),
-                  p.value.widget.type === e(z).Table ? (g(), U(ao, {
-                    key: 0,
-                    layout: p.value.widget.config,
-                    "onUpdate:layout": C[5] || (C[5] = (D) => p.value.widget.config = D)
-                  }, null, 8, ["layout"])) : N("", !0)
-                ]),
-                _: 1
-              }),
-              u(ke, null, {
-                header: O(() => [
-                  w("p", null, j(e(_)("report.tile.widget.type")), 1),
-                  C[11] || (C[11] = w("div", { class: "grow" }, null, -1))
-                ]),
-                content: O(() => [
-                  u(el, {
-                    "is-list": !0,
-                    "model-value": p.value.widget.type,
-                    class: "grid grid-cols-1 gap-2",
-                    "child-class": "flex flex-row p-[8px] gap-2",
-                    "exclude-widge-type": [e(z).Spacer],
-                    "onUpdate:modelValue": C[6] || (C[6] = (D) => p.value = I(D, p.value))
-                  }, null, 8, ["model-value", "exclude-widge-type"])
-                ]),
-                _: 1
-              }),
-              u(Le, {
-                modelValue: p.value.widget.config,
-                "onUpdate:modelValue": C[7] || (C[7] = (D) => p.value.widget.config = D),
-                label: e(_)("report.tile.datasource.main"),
-                config: T.value
-              }, null, 8, ["modelValue", "label", "config"]),
-              r.value ? (g(!0), R(oe, { key: 0 }, pe(r.value, (D, P) => (g(), R("div", { key: P }, [
-                u(Le, {
-                  modelValue: r.value[P],
-                  "onUpdate:modelValue": (W) => r.value[P] = W,
-                  label: e(_)("report.tile.datasource.join", { index: P + 1 }),
-                  config: T.value,
-                  "main-datasource-config": p.value.widget.config,
-                  closeable: !0,
-                  onClickClose: (W) => S(P)
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "config", "main-datasource-config", "onClickClose"])
-              ]))), 128)) : N("", !0),
-              w("div", ro, [
-                u(G, {
-                  label: e(_)("report.tile.datasource.joinButton"),
-                  variant: "secondary",
-                  icon: "add",
-                  "icon-position": "prepend",
-                  "border-color": "primary",
-                  "text-color": "primary",
-                  class: "w-full",
-                  onClick: C[8] || (C[8] = (D) => v())
-                }, null, 8, ["label"])
-              ])
-            ]),
-            _: 1
-          }, 512)) : (g(), U(k, { key: 0 }))
-        ]),
-        _: 1
-      }, 8, ["model-value"]);
-    };
-  }
-}), mo = { class: "flex flex-col gap-8" }, co = { class: "pl-32 flex flex-col gap-8" }, po = { class: "fm-typo-en-body-lg-600" }, vo = { class: "flex flex-row gap-8" }, fo = { class: "fm-typo-en-body-lg-600" }, go = { class: "flex flex-row gap-8" }, bo = /* @__PURE__ */ q({
-  __name: "LabelSection",
-  props: {
-    model: {}
-  },
-  emits: ["update:model"],
-  setup(F, { emit: d }) {
-    const t = F, i = d, { t: n } = J(), f = $({
-      get: () => t.model.showLabel ?? !1,
-      set: (V) => {
-        i("update:model", { ...t.model, showLabel: V });
-      }
-    }), b = $({
-      get: () => t.model.labelRotation ?? 0,
-      set: (V) => i("update:model", { ...t.model, labelRotation: V })
-    }), p = $({
-      get: () => t.model.labelOffset ?? 0,
-      set: (V) => i("update:model", { ...t.model, labelOffset: V })
-    }), h = $({
-      get: () => t.model.labelFontSize ?? 12,
-      set: (V) => i("update:model", { ...t.model, labelFontSize: V })
-    }), y = (V) => {
-      i("update:model", {
-        ...t.model,
-        labelAlign: t.model.labelAlign === V ? void 0 : V
-      });
-    }, l = (V) => {
-      i("update:model", {
-        ...t.model,
-        labelAnchor: t.model.labelAnchor === V ? void 0 : V
-      });
-    }, s = [
-      { icon: "align_horizontal_left", value: ie.left, tooltip: "alignLeft" },
-      { icon: "align_justify_center", value: ie.center, tooltip: "alignCenter" },
-      { icon: "align_horizontal_right", value: ie.right, tooltip: "alignRight" },
-      { icon: "align_justify_flex_start", value: ie.start, tooltip: "alignStart" },
-      { icon: "align_justify_flex_end", value: ie.end, tooltip: "alignEnd" },
-      { icon: "align_flex_start", value: ie.top, tooltip: "alignTop" },
-      { icon: "align_flex_end", value: ie.bottom, tooltip: "alignBottom" }
-    ], _ = [
-      { icon: "format_align_left", value: be.start, tooltip: "anchorStart" },
-      { icon: "format_align_center", value: be.center, tooltip: "anchorCenter" },
-      { icon: "format_align_right", value: be.end, tooltip: "anchorEnd" }
-    ];
-    return (V, L) => {
-      const v = x("FmCheckbox"), S = x("FmButton"), I = x("FmTooltip"), T = x("FmTextField"), r = x("FmStepperField");
-      return g(), R("div", mo, [
-        u(v, {
-          modelValue: f.value,
-          "onUpdate:modelValue": L[0] || (L[0] = (o) => f.value = o),
-          value: !1,
-          label: e(n)("report.section.datasource.label.showLabel"),
-          "label-placement": "right",
-          class: "fm-typo-en-body-lg-400"
-        }, null, 8, ["modelValue", "label"]),
-        se(w("div", co, [
-          w("p", po, j(e(n)("report.section.datasource.alignment.textAlignment")), 1),
-          w("div", vo, [
-            (g(), R(oe, null, pe(s, ({ icon: o, value: a, tooltip: c }) => u(I, {
-              key: a,
-              variant: "plain",
-              placement: "top",
-              content: e(n)(`report.section.datasource.alignment.alignOptions.${c}`),
-              "z-index": 50
-            }, {
-              default: O(() => [
-                u(S, {
-                  "append-icon": o,
-                  variant: "tertiary",
-                  "icon-color": V.model.labelAlign === a ? "neutral-gray-400" : "neutral-gray-300",
-                  "bg-color": V.model.labelAlign === a ? "neutral-gray-100" : "neutral-white",
-                  class: "rounded-sm",
-                  onClick: (m) => y(a)
-                }, null, 8, ["append-icon", "icon-color", "bg-color", "onClick"])
-              ]),
-              _: 2
-            }, 1032, ["content"])), 64))
-          ]),
-          w("p", fo, j(e(n)("report.section.datasource.alignment.anchor")), 1),
-          w("div", go, [
-            (g(), R(oe, null, pe(_, ({ icon: o, value: a, tooltip: c }) => u(I, {
-              key: a,
-              variant: "plain",
-              placement: "top",
-              content: e(n)(`report.section.datasource.alignment.anchorOptions.${c}`),
-              "z-index": 50
-            }, {
-              default: O(() => [
-                u(S, {
-                  "append-icon": o,
-                  variant: "tertiary",
-                  "icon-color": V.model.labelAnchor === a ? "neutral-gray-400" : "neutral-gray-300",
-                  "bg-color": V.model.labelAnchor === a ? "neutral-gray-100" : "neutral-white",
-                  class: "rounded-sm",
-                  onClick: (m) => l(a)
-                }, null, 8, ["append-icon", "icon-color", "bg-color", "onClick"])
-              ]),
-              _: 2
-            }, 1032, ["content"])), 64))
-          ]),
-          u(T, {
-            modelValue: b.value,
-            "onUpdate:modelValue": L[1] || (L[1] = (o) => b.value = o),
-            label: e(n)("report.section.datasource.alignment.rotation"),
-            type: "number",
-            min: -180,
-            max: 180,
-            step: 1
-          }, null, 8, ["modelValue", "label"]),
-          u(T, {
-            modelValue: p.value,
-            "onUpdate:modelValue": L[2] || (L[2] = (o) => p.value = o),
-            label: e(n)("report.section.datasource.alignment.offset"),
-            type: "number"
-          }, null, 8, ["modelValue", "label"]),
-          u(r, {
-            modelValue: h.value,
-            "onUpdate:modelValue": L[3] || (L[3] = (o) => h.value = o),
-            label: e(n)("report.section.datasource.fontSize"),
-            type: "number",
-            min: 1
-          }, null, 8, ["modelValue", "label"])
-        ], 512), [
-          [ue, f.value]
-        ])
-      ]);
-    };
-  }
-}), yo = { class: "flex flex-col gap-8" }, ho = { class: "pl-32 flex flex-col gap-8" }, Vo = { class: "pl-32 flex flex-col gap-8" }, wo = { class: "pl-32 flex flex-col gap-8" }, Fo = { class: "pl-32 flex flex-col gap-8" }, xo = { class: "pl-32 flex flex-col gap-8" }, ko = { class: "pl-32 flex flex-col gap-8" }, Co = /* @__PURE__ */ q({
-  __name: "XySection",
-  props: {
-    model: {}
-  },
-  emits: ["update:model"],
-  setup(F, { emit: d }) {
-    const t = F, i = d, { t: n } = J(), f = $({
-      get: () => t.model.showX ?? !0,
-      set: (v) => {
-        i("update:model", { ...t.model, showX: v });
-      }
-    }), b = $({
-      get: () => t.model.showXGrid ?? !1,
-      set: (v) => {
-        i("update:model", { ...t.model, showXGrid: v });
-      }
-    }), p = $({
-      get: () => t.model.showXTick ?? !0,
-      set: (v) => {
-        i("update:model", { ...t.model, showXTick: v });
-      }
-    }), h = $({
-      get: () => t.model.showY ?? !0,
-      set: (v) => {
-        i("update:model", { ...t.model, showY: v });
-      }
-    }), y = $({
-      get: () => t.model.showYGrid ?? !0,
-      set: (v) => {
-        i("update:model", { ...t.model, showYGrid: v });
-      }
-    }), l = $({
-      get: () => t.model.showYTick ?? !0,
-      set: (v) => {
-        i("update:model", { ...t.model, showYTick: v });
-      }
-    }), s = $({
-      get: () => t.model.showXTitle ?? !1,
-      set: (v) => {
-        i("update:model", { ...t.model, showXTitle: v });
-      }
-    }), _ = $({
-      get: () => t.model.showYTitle ?? !1,
-      set: (v) => {
-        i("update:model", { ...t.model, showYTitle: v });
-      }
-    }), V = he((v) => {
-      i("update:model", { ...t.model, xTitle: v });
-    }, 500), L = he((v) => {
-      i("update:model", { ...t.model, yTitle: v });
-    }, 500);
-    return Se(() => {
-      var v, S, I, T;
-      !t.model.xTitle && ((S = (v = t.model.metrics) == null ? void 0 : v[0]) != null && S.label) && V(t.model.metrics[0].label), !t.model.yTitle && ((T = (I = t.model.dimensions) == null ? void 0 : I[0]) != null && T.label) && L(t.model.dimensions[0].label);
-    }), (v, S) => {
-      const I = x("FmCheckbox"), T = x("FmStepperField"), r = x("FmTextField");
-      return g(), R("div", yo, [
-        u(I, {
-          modelValue: f.value,
-          "onUpdate:modelValue": S[0] || (S[0] = (o) => f.value = o),
-          label: e(n)("report.section.datasource.axis.showX"),
-          "label-placement": "right",
-          value: !0
-        }, null, 8, ["modelValue", "label"]),
-        se(w("div", ho, [
-          u(I, {
-            modelValue: b.value,
-            "onUpdate:modelValue": S[1] || (S[1] = (o) => b.value = o),
-            label: e(n)("report.section.datasource.axis.showGrid"),
-            "label-placement": "right",
-            value: !1
-          }, null, 8, ["modelValue", "label"]),
-          u(I, {
-            modelValue: p.value,
-            "onUpdate:modelValue": S[2] || (S[2] = (o) => p.value = o),
-            label: e(n)("report.section.datasource.axis.showTick"),
-            "label-placement": "right",
-            value: !0
-          }, null, 8, ["modelValue", "label"]),
-          se(w("div", Vo, [
-            u(T, {
-              label: e(n)("report.section.datasource.fontSize"),
-              type: "number",
-              "model-value": v.model.xTickFontSize ?? 12,
-              min: 1,
-              "onUpdate:modelValue": S[3] || (S[3] = (o) => {
-                i("update:model", { ...v.model, xTickFontSize: Number(o) });
-              })
-            }, null, 8, ["label", "model-value"])
-          ], 512), [
-            [ue, v.model.showXTick ?? !0]
-          ]),
-          u(I, {
-            modelValue: s.value,
-            "onUpdate:modelValue": S[4] || (S[4] = (o) => s.value = o),
-            label: e(n)("report.section.datasource.axis.showTitle"),
-            "label-placement": "right",
-            value: !0
-          }, null, 8, ["modelValue", "label"]),
-          se(w("div", wo, [
-            u(r, {
-              "model-value": v.model.xTitle,
-              label: e(n)("report.common.title"),
-              placeholder: e(n)("report.tile.widget.titlePlaceholder"),
-              "onUpdate:modelValue": e(V)
-            }, null, 8, ["model-value", "label", "placeholder", "onUpdate:modelValue"]),
-            u(T, {
-              label: e(n)("report.section.datasource.fontSize"),
-              type: "number",
-              "model-value": v.model.xTitleFontSize ?? 12,
-              min: 1,
-              "onUpdate:modelValue": S[5] || (S[5] = (o) => {
-                i("update:model", { ...v.model, xTitleFontSize: Number(o) });
-              })
-            }, null, 8, ["label", "model-value"])
-          ], 512), [
-            [ue, s.value]
-          ])
-        ], 512), [
-          [ue, v.model.showX ?? !0]
-        ]),
-        u(I, {
-          modelValue: h.value,
-          "onUpdate:modelValue": S[6] || (S[6] = (o) => h.value = o),
-          label: e(n)("report.section.datasource.axis.showY"),
-          "label-placement": "right",
-          value: !0
-        }, null, 8, ["modelValue", "label"]),
-        se(w("div", Fo, [
-          u(I, {
-            modelValue: y.value,
-            "onUpdate:modelValue": S[7] || (S[7] = (o) => y.value = o),
-            label: e(n)("report.section.datasource.axis.showGrid"),
-            "label-placement": "right",
-            value: !1
-          }, null, 8, ["modelValue", "label"]),
-          u(I, {
-            modelValue: l.value,
-            "onUpdate:modelValue": S[8] || (S[8] = (o) => l.value = o),
-            label: e(n)("report.section.datasource.axis.showTick"),
-            "label-placement": "right",
-            value: !0
-          }, null, 8, ["modelValue", "label"]),
-          se(w("div", xo, [
-            u(T, {
-              label: e(n)("report.section.datasource.fontSize"),
-              type: "number",
-              "model-value": v.model.yTickFontSize ?? 12,
-              min: 1,
-              "onUpdate:modelValue": S[9] || (S[9] = (o) => {
-                i("update:model", { ...v.model, yTickFontSize: Number(o) });
-              })
-            }, null, 8, ["label", "model-value"])
-          ], 512), [
-            [ue, v.model.showYTick ?? !0]
-          ]),
-          u(I, {
-            modelValue: _.value,
-            "onUpdate:modelValue": S[10] || (S[10] = (o) => _.value = o),
-            label: e(n)("report.section.datasource.axis.showTitle"),
-            "label-placement": "right",
-            value: !0
-          }, null, 8, ["modelValue", "label"]),
-          se(w("div", ko, [
-            u(r, {
-              "model-value": v.model.yTitle,
-              label: e(n)("report.common.title"),
-              placeholder: e(n)("report.tile.widget.titlePlaceholder"),
-              "onUpdate:modelValue": e(L)
-            }, null, 8, ["model-value", "label", "placeholder", "onUpdate:modelValue"]),
-            u(T, {
-              label: e(n)("report.section.datasource.fontSize"),
-              type: "number",
-              "model-value": v.model.yTitleFontSize ?? 12,
-              min: 1,
-              "onUpdate:modelValue": S[11] || (S[11] = (o) => {
-                i("update:model", { ...v.model, yTitleFontSize: Number(o) });
-              })
-            }, null, 8, ["label", "model-value"])
-          ], 512), [
-            [ue, _.value]
-          ])
-        ], 512), [
-          [ue, v.model.showY ?? !0]
-        ])
-      ]);
-    };
-  }
-}), _o = { class: "flex flex-col gap-8" }, So = { class: "pl-32 flex flex-col gap-8" }, To = /* @__PURE__ */ q({
-  __name: "LegendSection",
-  props: {
-    model: {},
-    isCircularWidget: { type: Boolean }
-  },
-  emits: ["update:model"],
-  setup(F, { emit: d }) {
-    const t = F, i = d, { t: n } = J(), f = [
-      { label: n("report.section.datasource.position.top"), value: "top" },
-      { label: n("report.section.datasource.position.bottom"), value: "bottom" },
-      { label: n("report.section.datasource.position.left"), value: "left" },
-      { label: n("report.section.datasource.position.right"), value: "right" }
-    ], b = $({
-      get: () => t.model.showLegend !== void 0 ? t.model.showLegend : t.isCircularWidget === !0,
-      set: (l) => {
-        i("update:model", { ...t.model, showLegend: l });
-      }
-    }), p = $({
-      get: () => t.model.usePointStyle ?? !0,
-      set: (l) => {
-        i("update:model", { ...t.model, usePointStyle: l });
-      }
-    }), h = $({
-      get: () => t.model.legendMaxHeight ?? 54,
-      set: (l) => {
-        i("update:model", { ...t.model, legendMaxHeight: l });
-      }
-    }), y = $({
-      get: () => t.model.legendMaxWidth ?? 54,
-      set: (l) => {
-        i("update:model", { ...t.model, legendMaxWidth: l });
-      }
-    });
-    return (l, s) => {
-      const _ = x("FmCheckbox"), V = x("FmSelect"), L = x("FmStepperField");
-      return g(), R("div", _o, [
-        u(_, {
-          modelValue: b.value,
-          "onUpdate:modelValue": s[0] || (s[0] = (v) => b.value = v),
-          class: "fm-typo-en-body-lg-400",
-          value: !1,
-          label: e(n)("report.section.datasource.legend.showLegend")
-        }, null, 8, ["modelValue", "label"]),
-        se(w("div", So, [
-          u(V, {
-            label: e(n)("report.section.datasource.position.showPosition"),
-            items: f,
-            "model-value": l.model.legendPosition ?? "top",
-            "onUpdate:modelValue": s[1] || (s[1] = (v) => i("update:model", { ...l.model, legendPosition: v }))
-          }, null, 8, ["label", "model-value"]),
-          u(_, {
-            modelValue: p.value,
-            "onUpdate:modelValue": s[2] || (s[2] = (v) => p.value = v),
-            label: e(n)("report.section.datasource.legend.usePointStyle"),
-            value: !1
-          }, null, 8, ["modelValue", "label"]),
-          l.model.legendPosition === "top" || l.model.legendPosition === "bottom" || !l.model.legendPosition ? (g(), U(L, {
-            key: 0,
-            label: e(n)("report.section.datasource.legend.maxHeight"),
-            "model-value": h.value,
-            "onUpdate:modelValue": s[3] || (s[3] = (v) => i("update:model", { ...l.model, legendMaxHeight: v }))
-          }, null, 8, ["label", "model-value"])) : N("", !0),
-          l.model.legendPosition === "left" || l.model.legendPosition === "right" ? (g(), U(L, {
-            key: 1,
-            label: e(n)("report.section.datasource.legend.maxWidth"),
-            "model-value": y.value,
-            "onUpdate:modelValue": s[4] || (s[4] = (v) => i("update:model", { ...l.model, legendMaxWidth: v }))
-          }, null, 8, ["label", "model-value"])) : N("", !0)
-        ], 512), [
-          [ue, b.value]
-        ])
-      ]);
-    };
-  }
-}), $o = { class: "flex flex-row gap-16" }, Do = /* @__PURE__ */ q({
-  __name: "ChartSizeSection",
-  props: {
-    model: {}
-  },
-  emits: ["update:model"],
-  setup(F, { emit: d }) {
-    const t = F, i = d, { t: n } = J(), f = $({
-      get: () => t.model.chartHeight ?? null,
-      set: (p) => {
-        i("update:model", { ...t.model, chartHeight: p ?? void 0 });
-      }
-    }), b = $({
-      get: () => t.model.chartWidth ?? null,
-      set: (p) => {
-        i("update:model", { ...t.model, chartWidth: p ?? void 0 });
-      }
-    });
-    return (p, h) => {
-      const y = x("FmStepperField");
-      return g(), R("div", $o, [
-        u(y, {
-          modelValue: f.value,
-          "onUpdate:modelValue": h[0] || (h[0] = (l) => f.value = l),
-          type: "number",
-          label: e(n)("report.section.datasource.chartHeight"),
-          suffix: "px",
-          min: 1,
-          placeholder: "Auto"
-        }, null, 8, ["modelValue", "label"]),
-        u(y, {
-          modelValue: b.value,
-          "onUpdate:modelValue": h[1] || (h[1] = (l) => b.value = l),
-          type: "number",
-          label: e(n)("report.section.datasource.chartWidth"),
-          suffix: "px",
-          min: 1,
-          placeholder: "Auto"
-        }, null, 8, ["modelValue", "label"])
-      ]);
-    };
-  }
-}), Uo = { class: "flex flex-col gap-16" }, No = { class: "flex flex-col gap-8" }, Oo = { class: "fm-typo-en-body-lg-600" }, Lo = { class: "flex flex-col gap-8" }, Io = /* @__PURE__ */ q({
-  __name: "StyleDatasource",
-  props: /* @__PURE__ */ K({
-    label: {
-      type: String,
-      default: "Label"
-    },
-    config: {
-      type: Object,
-      default: null
-    },
-    closeable: {
-      type: Boolean,
-      default: !1
-    },
-    mainDatasourceConfig: {
-      type: Object,
-      default: () => {
-      }
-    },
-    modelValue: {
-      type: Object,
-      default: () => {
-      }
-    }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ K(["click-close"], ["update:modelValue"]),
-  setup(F, { emit: d }) {
-    const t = ee(F, "modelValue");
-    re(
-      [() => t.value.dimensions, () => t.value.metrics],
-      () => {
-        const { rowIds: h, columnIds: y } = Ve(t.value);
-        t.value.rowIds = h, t.value.columnIds = y;
-      },
-      { deep: !0 }
-    );
-    const i = F, n = d, { t: f, te: b } = J(), p = $(() => i.config.type === z.Circular);
-    return (h, y) => {
-      const l = x("FmButton");
-      return g(), R(oe, null, [
-        y[5] || (y[5] = w("div", { class: "grow" }, null, -1)),
-        i.closeable ? (g(), U(l, {
-          key: 0,
-          icon: "close",
-          variant: "tertiary",
-          size: "md",
-          onClick: y[0] || (y[0] = ne((s) => n("click-close"), ["stop"]))
-        })) : N("", !0),
-        w("div", Uo, [
-          i.config.hasChart ? (g(), U(Do, {
-            key: 0,
-            model: t.value,
-            "onUpdate:model": y[1] || (y[1] = (s) => t.value = s)
-          }, null, 8, ["model"])) : N("", !0),
-          w("div", No, [
-            w("p", Oo, j(e(f)("report.section.style.configuration")), 1),
-            w("div", Lo, [
-              i.config.hasLabel ? (g(), U(bo, {
-                key: 0,
-                model: t.value,
-                "onUpdate:model": y[2] || (y[2] = (s) => t.value = s)
-              }, null, 8, ["model"])) : N("", !0),
-              i.config.hasLegend ? (g(), U(To, {
-                key: 1,
-                model: t.value,
-                "is-circular-widget": p.value,
-                "onUpdate:model": y[3] || (y[3] = (s) => t.value = s)
-              }, null, 8, ["model", "is-circular-widget"])) : N("", !0),
-              i.config.hasXy ? (g(), U(Co, {
-                key: 2,
-                model: t.value,
-                "onUpdate:model": y[4] || (y[4] = (s) => t.value = s)
-              }, null, 8, ["model"])) : N("", !0)
-            ])
-          ])
-        ])
-      ], 64);
-    };
-  }
-}), Bo = { class: "fixed bottom-6 right-6" }, jo = { class: "flex w-full items-center gap-8" }, zo = { class: "fm-typo-en-title-sm-600" }, Ro = { class: "ml-auto text-fm-color-system-info-300" }, Mo = /* @__PURE__ */ q({
-  __name: "StyleEditorTab",
-  props: {
-    modelValue: {
-      required: !0
-    },
-    modelModifiers: {},
-    isStyleEditing: { type: Boolean, required: !1, default: !1 },
-    isStyleEditingModifiers: {}
-  },
-  emits: ["update:modelValue", "update:isStyleEditing"],
-  setup(F) {
-    const { t: d } = J(), t = ee(F, "modelValue"), i = $(
-      () => Fe.find((p) => p.type === t.value.widget.type)
-    ), n = ee(F, "isStyleEditing"), f = $(() => {
-      var p;
-      return {
-        chartHeight: void 0,
-        chartWidth: void 0,
-        showLabel: !1,
-        labelAlign: ie.center,
-        labelAnchor: be.center,
-        labelRotation: 0,
-        labelOffset: 0,
-        labelFontSize: 12,
-        showX: !0,
-        xPosition: ml.bottom,
-        showXGrid: !1,
-        showXTick: !0,
-        xTickFontSize: 12,
-        showXTitle: !1,
-        xTitle: "",
-        xTitleFontSize: 12,
-        showY: !0,
-        yPosition: dl.left,
-        showYGrid: !1,
-        showYTick: !0,
-        yTickFontSize: 12,
-        showYTitle: !1,
-        yTitle: "",
-        yTitleFontSize: 12,
-        showLegend: ((p = i.value) == null ? void 0 : p.type) === z.Circular,
-        legendPosition: rl.top,
-        usePointStyle: !0,
-        legendMaxHeight: void 0,
-        legendMaxWidth: void 0
-      };
-    });
-    function b() {
-      t.value && (t.value.widget.config = {
-        ...t.value.widget.config,
-        ...f.value
-      });
-    }
-    return (p, h) => {
-      const y = x("FmCircularProgress"), l = x("FmButton"), s = x("FmSideSheet");
-      return g(), U(s, {
-        modelValue: n.value,
-        "onUpdate:modelValue": h[2] || (h[2] = (_) => n.value = _),
-        "close-button": !1,
-        "no-overlay": "",
-        "dismiss-away": !0,
-        "max-width": 500
-      }, {
-        "side-sheet-button": O(() => [
-          w("div", Bo, [
-            u(l, {
-              label: e(d)("report.section.style.button"),
-              icon: "edit",
-              variant: "secondary",
-              size: "md"
-            }, null, 8, ["label"])
-          ])
-        ]),
-        "side-sheet-header": O(() => [
-          w("div", jo, [
-            u(l, {
-              "prepend-icon": "arrow_back",
-              variant: "tertiary",
-              class: "fm-icon--rounded fm-icon--md text-fm-color-black",
-              onClick: h[0] || (h[0] = (_) => n.value = !1)
-            }),
-            w("p", zo, j(e(d)("report.section.style.title")), 1),
-            w("div", Ro, [
-              u(l, {
-                label: e(d)("report.section.style.reset"),
-                variant: "tertiary",
-                size: "md",
-                onClick: b,
-                "text-color": "text-fm-color-system-info-300"
-              }, null, 8, ["label"])
-            ])
-          ])
-        ]),
-        default: O(() => [
-          t.value ? N("", !0) : (g(), U(y, { key: 0 })),
-          u(Io, {
-            modelValue: t.value.widget.config,
-            "onUpdate:modelValue": h[1] || (h[1] = (_) => t.value.widget.config = _),
-            config: i.value
-          }, null, 8, ["modelValue", "config"])
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), Po = { class: "bg-fm-color-neutral-white flex flex-col h-full w-[510px]" }, Ao = { class: "flex bg-fm-color-neutral-white w-[88px]" }, Xo = { class: "w-full overflow-y-auto" }, Eo = {
-  class: "grid grid-cols-12 w-full p-24",
-  style: { backgroundColor: "#F6F8FC" }
-}, Wo = /* @__PURE__ */ q({
-  __name: "TileEditorDesktop",
-  props: /* @__PURE__ */ K({
-    hideConfiguration: { type: Boolean, required: !0, default: !1 },
-    index: { type: Number, required: !0, default: 0 }
-  }, {
-    modelValue: {
-      required: !0
-    },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ K(["hideConfiguration"], ["update:modelValue"]),
-  setup(F, { emit: d }) {
-    const t = ee(F, "modelValue"), i = F, n = $(
-      () => Fe.find((y) => {
-        var l;
-        return y.type === ((l = t.value) == null ? void 0 : l.widget.type);
-      })
-    ), f = d, b = [
-      z.BarChart,
-      z.StackBarChart,
-      z.LineChart,
-      z.StackLineChart,
-      z.Circular
-    ], p = $(() => b.includes(t.value.widget.type)), h = H(!1);
-    return (y, l) => {
-      const s = x("FmCircularProgress"), _ = x("FmButton");
-      return g(), R("div", null, [
-        t.value ? (g(), R(oe, { key: 1 }, [
-          u(ol, {
-            "model-value": !F.hideConfiguration
-          }, {
-            right: O(() => [
-              w("div", Po, [
-                u(We, {
-                  modelValue: t.value,
-                  "onUpdate:modelValue": l[0] || (l[0] = (V) => t.value = V),
-                  config: n.value,
-                  "hide-configuration": F.hideConfiguration,
-                  onHideConfiguration: l[1] || (l[1] = (V) => {
-                    f("hideConfiguration", V);
-                  })
-                }, null, 8, ["modelValue", "config", "hide-configuration"])
-              ])
-            ]),
-            left: O(() => [
-              w("div", Ao, [
-                u(_, {
-                  variant: "secondary",
-                  icon: "keyboard_double_arrow_right",
-                  "border-color": e(Oe).ColorPrimary,
-                  "text-color": e(Oe).ColorPrimary,
-                  class: "m-24 my-16",
-                  size: "md",
-                  onClick: l[2] || (l[2] = (V) => f("hideConfiguration", !i.hideConfiguration))
-                }, null, 8, ["border-color", "text-color"])
-              ])
-            ]),
-            _: 1
-          }, 8, ["model-value"]),
-          w("div", Xo, [
-            w("div", Eo, [
-              t.value ? (g(), U(Xe, {
-                key: 0,
-                "model-value": t.value,
-                index: i.index,
-                "hide-export": !0,
-                "is-style-editing": h.value
-              }, null, 8, ["model-value", "index", "is-style-editing"])) : (g(), U(Ee, { key: 1 }))
-            ])
-          ]),
-          p.value ? (g(), U(Mo, {
-            key: 0,
-            modelValue: t.value,
-            "onUpdate:modelValue": l[3] || (l[3] = (V) => t.value = V),
-            "is-style-editing": h.value,
-            "onUpdate:isStyleEditing": l[4] || (l[4] = (V) => h.value = V),
-            "hide-configuration": F.hideConfiguration,
-            onHideConfiguration: l[5] || (l[5] = (V) => {
-              f("hideConfiguration", V);
-            })
-          }, null, 8, ["modelValue", "is-style-editing", "hide-configuration"])) : N("", !0)
-        ], 64)) : (g(), U(s, { key: 0 }))
-      ]);
-    };
-  }
-}), qo = {
-  key: 0,
-  class: "flex w-full justify-center items-center"
-}, Ho = { class: "w-full grid grid-cols-12 pb-28 pt-5 px-5 h-full" }, Yo = /* @__PURE__ */ q({
-  __name: "TileEditorMobile",
-  props: /* @__PURE__ */ K({
-    hideConfiguration: { type: Boolean, required: !0, default: !1 },
-    index: { type: Number, required: !0, default: 0 }
-  }, {
-    modelValue: {
-      required: !0
-    },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ K(["hideConfiguration"], ["update:modelValue"]),
-  setup(F, { emit: d }) {
-    const t = ee(F, "modelValue"), i = F, n = $(
-      () => Fe.find((b) => {
-        var p;
-        return b.type === ((p = t.value) == null ? void 0 : p.widget.type);
-      })
-    ), f = d;
-    return (b, p) => {
-      const h = x("FmCircularProgress");
-      return g(), R("div", null, [
-        t.value ? (g(), R(oe, { key: 1 }, [
-          w("div", Ho, [
-            t.value ? (g(), U(Xe, {
-              key: 0,
-              "model-value": t.value,
-              index: i.index,
-              "hide-export": !0
-            }, null, 8, ["model-value", "index"])) : (g(), U(Ee, { key: 1 }))
-          ]),
-          u(We, {
-            modelValue: t.value,
-            "onUpdate:modelValue": p[0] || (p[0] = (y) => t.value = y),
-            config: n.value,
-            "hide-configuration": F.hideConfiguration,
-            onHideConfiguration: p[1] || (p[1] = (y) => {
-              f("hideConfiguration", y);
-            })
-          }, null, 8, ["modelValue", "config", "hide-configuration"])
-        ], 64)) : (g(), R("div", qo, [
-          u(h)
-        ]))
-      ]);
-    };
-  }
-}), Go = {
-  key: 0,
-  class: "fm-typo-en-title-md-600"
-}, Jo = {
-  key: 0,
-  class: "flex items-start justify-start px-24 py-12 flex-wrap w-full"
-}, ct = /* @__PURE__ */ q({
-  __name: "TileEditor",
-  setup(F) {
-    const { rowHeight: d, colWidths: t } = de(ye()), i = Je(), n = Ke(), f = il(), { globalFilters: b } = de(Pe()), { currentSelectWidgetType: p, editingReport: h, editingTile: y, editingTileIndex: l } = de(f), { breakpoints: s } = Ae(), { promptMessage: _ } = Me(), { t: V } = J(), L = H(!1);
-    function v() {
-      p.value = void 0, y.value = void 0, l.value = -1, n.back();
-    }
-    async function S() {
-      var r;
-      if (!h.value) return;
-      await _({
-        title: V("report.tile.save.title"),
-        message: V("report.tile.save.confirm", { title: (r = y.value) == null ? void 0 : r.widget.title })
-      }) && y.value && (y.value.widget.config = {
-        ...y.value.widget.config,
-        rowHeight: d.value,
-        colWidths: [...t.value]
-      }, l.value === -1 ? h.value.tiles.push(y.value) : h.value.tiles[l.value] = y.value, v());
-    }
-    async function I() {
-      var r;
-      if (!h.value) return;
-      await _({
-        title: V("report.tile.cancel.title"),
-        message: V("report.tile.cancel.confirm", { title: (r = y.value) == null ? void 0 : r.widget.title })
-      }) && v();
-    }
-    return Se(() => {
-      h.value || n.push({ name: "reports" });
-    }), (T, r) => {
-      const o = x("FmPageHead");
-      return g(), U(tl, null, {
-        default: O(() => [
-          u(o, {
-            actions: [
-              { label: e(V)("report.common.cancel"), value: "cancel", isPrimary: !1 },
-              { label: e(V)("report.common.save"), value: "save", isPrimary: !0 }
-            ],
-            "onClick:action": r[0] || (r[0] = (a) => {
-              a === "cancel" && I(), a === "save" && S();
-            })
-          }, {
-            title: O(() => {
-              var a;
-              return [
-                e(s).lg || e(s).md ? (g(), R("p", Go, j(e(sl)(((a = e(y)) == null ? void 0 : a.widget.type) ?? "New report")), 1)) : N("", !0)
-              ];
-            }),
-            _: 1
-          }, 8, ["actions"]),
-          e(y) && (e(b) || []).some((a) => {
-            const c = a.tileIds, m = e(y) && e(y).id;
-            return Array.isArray(c) && typeof m == "string" && c.includes(m);
-          }) ? (g(), R("div", Jo, [
-            u(cl)
-          ])) : N("", !0),
-          e(y) ? (g(), U(je(e(s).lg || e(s).md ? Wo : Yo), {
-            key: 1,
-            modelValue: e(y),
-            "onUpdate:modelValue": r[1] || (r[1] = (a) => Ge(y) ? y.value = a : null),
-            class: ze(`${e(s).lg || e(s).md ? "flex" : ""} w-full`),
-            style: Ye({ height: `calc( 100% - ${e(s).lg || e(s).md ? 72 : 64}px)` }),
-            "hide-configuration": L.value,
-            index: Number(e(i).params.tileIndex),
-            onHideConfiguration: r[2] || (r[2] = (a) => L.value = a)
-          }, null, 40, ["modelValue", "class", "style", "hide-configuration", "index"])) : N("", !0)
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  ct as default
-};