@feedmepos/mf-report 5.21.56 → 5.21.57

package/dist/TileEditor-Bd9Fx4sO.js

@@ -0,0 +1,2921 @@
+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-CpAbbFiZ.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-B9YhB4EJ.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-ClRymKNi.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-Cl_FeuWr.js";
+import { r as Y } from "./i18n-7InkCBCc.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-C3ET8stk.js";
+import { d as he } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-B29FN0es.js";
+import { d as ge } from "./app-BlZPWg1Z.js";
+import { _ as Ee } from "./NoData.vue_vue_type_script_setup_true_lang-C7w7iw6q.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"
+}, mt = /* @__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 {
+  mt as default
+};