@feedmepos/mf-report 5.9.3-beta.0 → 5.10.1-beta.0

package/dist/{TileEditor-Btav-eWH.js → TileEditor-DWL8wv4e.js}

@@ -1,15 +1,15 @@
-import { defineComponent as P, mergeModels as H, useModel as ee, computed as _, ref as M, resolveComponent as F, createElementBlock as O, openBlock as y, createVNode as m, createElementVNode as k, unref as t, withCtx as D, toDisplayString as B, Fragment as Q, renderList as de, withModifiers as te, createTextVNode as ce, watch as ne, createCommentVNode as U, createBlock as T, onMounted as Ie, onUnmounted as Xe, renderSlot as Be, onBeforeUnmount as Ye, resolveDynamicComponent as Le, normalizeClass as je, withDirectives as ie, vShow as se, normalizeStyle as Ee, isRef as He } from "vue";
-import { useRoute as We, useRouter as Je } from "vue-router";
-import { h as Ge, d as we, S as _e, W as Ke, a as Qe, T as Ze, _ as el } from "./TransitionFade-DNs7JUcf.js";
-import { W as j, b as Re, D as fe, c as ve, C as ae, S as $e, a as ll } from "./v4-CAyILVZZ.js";
+import { defineComponent as P, mergeModels as Y, useModel as ee, computed as _, ref as z, resolveComponent as w, createElementBlock as O, openBlock as y, createVNode as m, createElementVNode as k, unref as t, withCtx as $, toDisplayString as B, Fragment as Q, renderList as de, withModifiers as te, createTextVNode as ce, watch as ne, createCommentVNode as U, createBlock as S, onMounted as Ie, onUnmounted as Xe, renderSlot as Be, onBeforeUnmount as He, resolveDynamicComponent as Le, normalizeClass as je, withDirectives as ie, vShow as se, normalizeStyle as We, isRef as Ye } from "vue";
+import { useRoute as Ee, useRouter as Je } from "vue-router";
+import { h as Ge, d as we, S as _e, W as Ke, a as Qe, T as Ze, _ as el } from "./TransitionFade-CjoVItWI.js";
+import { W as j, b as Me, D as fe, c as ve, C as ae, S as $e, a as ll } from "./v4-DBw0cp99.js";
 import { storeToRefs as me } from "pinia";
-import { u as ze } from "./message-dialog-UoMWOnil.js";
-import { u as W, d as re, i as Ue, p as ol, b as tl } from "./vue-i18n-CbAseuRE.js";
-import { useSnackbar as al, useBreakpoints as Me, FmButtonColorThemeVariant as be } from "@feedmepos/ui-library";
+import { u as Re } from "./message-dialog-UoMWOnil.js";
+import { u as E, d as re, i as Ue, p as ol, b as tl } from "./vue-i18n-CbAseuRE.js";
+import { useSnackbar as al, useBreakpoints as ze, FmButtonColorThemeVariant as be } from "@feedmepos/ui-library";
 import { _ as pe } from "./BaseDialog.vue_vue_type_script_setup_true_lang-DTNiGKgd.js";
 import { _ as K } from "./SelectComponent.vue_vue_type_script_setup_true_lang-Dq9vY9mj.js";
 import { r as le } from "./i18n-Cif1I9J2.js";
-import { g as ye, u as he, L as ue, a as ke, _ as Pe } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-DpmOkz-L.js";
+import { g as ye, u as he, L as ue, a as ke, _ as Pe } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-DEkXmB2J.js";
 import { a as Ve } from "./helper-CPPrXQSs.js";
 import { _ as Ae } from "./NoData.vue_vue_type_script_setup_true_lang-DGTWa4E5.js";
 const xe = [
@@ -143,7 +143,7 @@ const xe = [
   }
 ], nl = { class: "flex flex-col my-2 gap-8" }, il = { class: "fm-typo-en-body-lg-600" }, sl = { class: "text-sm text-fm-color-neutral-gray-400" }, ul = ["onClick"], rl = { class: "fm-typo-en-body-lg-400 overflow-hidden text-ellipsis line-clamp-1" }, dl = /* @__PURE__ */ P({
   __name: "SchemaSection",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ Y({
     options: {
       type: Array,
       default: () => []
@@ -157,59 +157,59 @@ const xe = [
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(V) {
-    const { t: s, te: a } = W(), r = ee(V, "modelValue"), n = V, { schemas: f } = me(Re()), v = _(
-      () => f.value.map((w) => ({
-        label: w.label,
-        value: w.name,
-        raw: w
+  setup(F) {
+    const { t: r, te: a } = E(), u = ee(F, "modelValue"), n = F, { schemas: f } = me(Me()), v = _(
+      () => f.value.map((V) => ({
+        label: V.label,
+        value: V.name,
+        raw: V
       }))
     ), x = _(() => {
-      if (r.value.schemaNames.length === 0 || p.value === 0)
-        return v.value.filter((w) => !w.raw.isJoinOnly);
+      if (u.value.schemaNames.length === 0 || s.value === 0)
+        return v.value.filter((V) => !V.raw.isJoinOnly);
       {
-        const w = r.value.schemaNames[0], h = f.value.find((o) => o.name === w), u = ((h == null ? void 0 : h.joins) || []).map((o) => o);
-        return v.value.filter((o) => u.includes(o.raw.name));
+        const V = u.value.schemaNames[0], h = f.value.find((l) => l.name === V), d = ((h == null ? void 0 : h.joins) || []).map((l) => l);
+        return v.value.filter((l) => d.includes(l.raw.name));
       }
-    }), d = M(!1), l = M(""), p = M(), b = al();
-    function S(w) {
+    }), p = z(!1), o = z(""), s = z(), g = al();
+    function T(V) {
       var h;
       return le(
-        s,
+        r,
         a,
-        (h = f.value.find((u) => u.name === w)) == null ? void 0 : h.label,
+        (h = f.value.find((d) => d.name === V)) == null ? void 0 : h.label,
         "schema"
       );
     }
-    function $(w) {
-      p.value = w, d.value = !0, w !== void 0 ? l.value = r.value.schemaNames[w] : l.value = "";
+    function D(V) {
+      s.value = V, p.value = !0, V !== void 0 ? o.value = u.value.schemaNames[V] : o.value = "";
     }
     function N() {
-      l.value !== "" ? (p.value !== void 0 ? r.value.schemaNames[p.value] = l.value : r.value.schemaNames.push(l.value), d.value = !1) : b.open({ message: s("report.section.schema.nothingSelected"), type: "error" });
+      o.value !== "" ? (s.value !== void 0 ? u.value.schemaNames[s.value] = o.value : u.value.schemaNames.push(o.value), p.value = !1) : g.open({ message: r("report.section.schema.nothingSelected"), type: "error" });
     }
-    return (w, h) => {
-      const u = F("FmForm"), o = F("FmIcon"), i = F("FmField");
+    return (V, h) => {
+      const d = w("FmForm"), l = w("FmIcon"), i = w("FmField");
       return y(), O("div", nl, [
         m(pe, {
-          modelValue: d.value,
-          "onUpdate:modelValue": h[1] || (h[1] = (e) => d.value = e),
+          modelValue: p.value,
+          "onUpdate:modelValue": h[1] || (h[1] = (e) => p.value = e),
           title: n.label,
-          "primary-button-label": t(s)("report.common.confirm"),
-          "secondary-button-label": t(s)("report.common.cancel"),
+          "primary-button-label": t(r)("report.common.confirm"),
+          "secondary-button-label": t(r)("report.common.cancel"),
           onConfirm: N
         }, {
-          content: D(() => [
-            m(u, { ref: "form" }, {
-              default: D(() => [
+          content: $(() => [
+            m(d, { ref: "form" }, {
+              default: $(() => [
                 m(K, {
-                  modelValue: l.value,
-                  "onUpdate:modelValue": h[0] || (h[0] = (e) => l.value = e),
-                  label: t(s)("report.section.schema.title"),
-                  items: p.value === 0 ? v.value.map((e) => ({
-                    label: t(le)(t(s), t(a), e.label, "schema"),
+                  modelValue: o.value,
+                  "onUpdate:modelValue": h[0] || (h[0] = (e) => o.value = e),
+                  label: t(r)("report.section.schema.title"),
+                  items: s.value === 0 ? v.value.map((e) => ({
+                    label: t(le)(t(r), t(a), e.label, "schema"),
                     value: e.value
                   })) : x.value.map((e) => ({
-                    label: t(le)(t(s), t(a), e.label, "schema"),
+                    label: t(le)(t(r), t(a), e.label, "schema"),
                     value: e.value
                   }))
                 }, null, 8, ["modelValue", "label", "items"])
@@ -220,24 +220,24 @@ const xe = [
           _: 1
         }, 8, ["modelValue", "title", "primary-button-label", "secondary-button-label"]),
         k("div", null, [
-          k("p", il, B(t(s)("report.section.schema.title")), 1),
-          k("p", sl, B(t(s)("report.section.schema.description")), 1)
+          k("p", il, B(t(r)("report.section.schema.title")), 1),
+          k("p", sl, B(t(r)("report.section.schema.description")), 1)
         ]),
-        (y(!0), O(Q, null, de(r.value.schemaNames, (e, c) => (y(), O("div", {
+        (y(!0), O(Q, null, de(u.value.schemaNames, (e, c) => (y(), O("div", {
           key: c,
           class: "flex flex-col gap-2 w-full"
         }, [
           k("div", {
             class: "flex items-center gap-2 border rounded-md border-neutral-300 p-2 h-[40px]",
-            onClick: (g) => $(c)
+            onClick: (b) => D(c)
           }, [
-            k("p", rl, B(S(e)), 1),
+            k("p", rl, B(T(e)), 1),
             h[3] || (h[3] = k("div", { class: "grow" }, null, -1)),
-            m(o, {
+            m(l, {
               name: "close",
               onClick: te(
                 () => {
-                  r.value.schemaNames = t(Ge)(r.value.schemaNames, c);
+                  u.value.schemaNames = t(Ge)(u.value.schemaNames, c);
                 },
                 ["stop"]
               )
@@ -247,11 +247,11 @@ const xe = [
         m(i, {
           class: "text-fm-color-typo-tertiary",
           onClick: h[2] || (h[2] = () => {
-            $();
+            D();
           })
         }, {
-          default: D(() => [
-            ce(B(t(s)("report.section.schema.add")), 1)
+          default: $(() => [
+            ce(B(t(r)("report.section.schema.add")), 1)
           ]),
           _: 1
         })
@@ -263,7 +263,7 @@ const xe = [
   class: "flex flex-col my-2 gap-8"
 }, cl = { class: "fm-typo-en-body-lg-600 text-ellipsis line-clamp-1" }, pl = { class: "fm-typo-en-body-sm-600 text-fm-color-neutral-gray-400" }, vl = { class: "fm-typo-en-body-lg-400 text-ellipsis overflow-hidden line-clamp-1" }, Ce = /* @__PURE__ */ P({
   __name: "DimensionSection",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ Y({
     options: {
       type: Array,
       default: () => []
@@ -293,186 +293,186 @@ const xe = [
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(V) {
-    const { t: s, te: a } = W(), r = ee(V, "modelValue"), n = V, f = M(!1), v = _(
-      () => r.value.map((i, e) => ({
+  setup(F) {
+    const { t: r, te: a } = E(), u = ee(F, "modelValue"), n = F, f = z(!1), v = _(
+      () => u.value.map((i, e) => ({
         index: e,
         labels: [i.label || i.name],
         value: i
       }))
-    ), x = M(r.value.length > 0 ? 0 : void 0);
-    function d(i) {
-      var e, c, g;
-      f.value = !0, l.value = i != null && i.value ? JSON.parse(
+    ), x = z(u.value.length > 0 ? 0 : void 0);
+    function p(i) {
+      var e, c, b;
+      f.value = !0, o.value = i != null && i.value ? JSON.parse(
         JSON.stringify({
           ...i.value,
-          label: le(s, a, (e = i.value) == null ? void 0 : e.label, "other")
+          label: le(r, a, (e = i.value) == null ? void 0 : e.label, "other")
         })
-      ) : void 0, x.value = i == null ? void 0 : i.index, p.value = !!((c = l.value) != null && c.dataFormula || (g = l.value) != null && g.displayFormula);
+      ) : void 0, x.value = i == null ? void 0 : i.index, s.value = !!((c = o.value) != null && c.dataFormula || (b = o.value) != null && b.displayFormula);
     }
-    const l = M(void 0), p = M(!1), b = _(
+    const o = z(void 0), s = z(!1), g = _(
       () => n.options.find(
         (i) => {
           var e, c;
-          return i.schemaName === ((e = l.value) == null ? void 0 : e.schemaName) && i.name === ((c = l.value) == null ? void 0 : c.name);
+          return i.schemaName === ((e = o.value) == null ? void 0 : e.schemaName) && i.name === ((c = o.value) == null ? void 0 : c.name);
         }
       ) ?? {}
     );
     ne(
       () => {
         var i;
-        return (i = l.value) == null ? void 0 : i.option;
+        return (i = o.value) == null ? void 0 : i.option;
       },
       () => {
-        !S.value && l.value && (l.value.fillGap = !1);
+        !T.value && o.value && (o.value.fillGap = !1);
       }
     );
-    const S = _(
+    const T = _(
       () => {
         var i, e, c;
-        return (c = (i = b.value) == null ? void 0 : i.fillGapDimensionOptions) == null ? void 0 : c.includes(((e = l.value) == null ? void 0 : e.option) || "");
+        return (c = (i = g.value) == null ? void 0 : i.fillGapDimensionOptions) == null ? void 0 : c.includes(((e = o.value) == null ? void 0 : e.option) || "");
       }
     );
-    function $(i) {
+    function D(i) {
       var e, c;
-      (i.schemaName !== ((e = l.value) == null ? void 0 : e.schemaName) || i.name !== ((c = l.value) == null ? void 0 : c.name)) && (l.value = {
+      (i.schemaName !== ((e = o.value) == null ? void 0 : e.schemaName) || i.name !== ((c = o.value) == null ? void 0 : c.name)) && (o.value = {
         schemaName: i.schemaName,
         name: i.name,
         option: i.dimensionOptions[0],
-        label: le(s, a, i.label, "other"),
+        label: le(r, a, i.label, "other"),
         decimal: i.isNumericType ? 2 : void 0,
         hide: !1
-      }, p.value = !1);
+      }, s.value = !1);
     }
     function N() {
-      if (!l.value) {
+      if (!o.value) {
         console.error("new field is undefined");
         return;
       }
       const i = [...v.value.map((e) => e.value)];
-      x.value !== void 0 ? i[x.value] = l.value : i.push(l.value), r.value = i, f.value = !1;
+      x.value !== void 0 ? i[x.value] = o.value : i.push(o.value), u.value = i, f.value = !1;
     }
-    function w(i) {
-      const c = [...v.value.map((g) => g.value)].filter((g, L) => L !== i);
-      r.value = c;
+    function V(i) {
+      const c = [...v.value.map((b) => b.value)].filter((b, L) => L !== i);
+      u.value = c;
     }
     function h(i) {
-      l.value && (l.value.decimal = Number(i));
+      o.value && (o.value.decimal = Number(i));
     }
-    const u = _(
+    const d = _(
       () => n.options.map((i) => ({
         label: i.labels.join(" "),
         value: i
       }))
-    ), o = _(
-      () => n.label ? n.label : s(`report.section.dimension.${n.label}`)
+    ), l = _(
+      () => n.label ? n.label : r(`report.section.dimension.${n.label}`)
     );
     return (i, e) => {
-      const c = F("FmTextField"), g = F("FmStepperField"), L = F("FmCheckbox"), A = F("FmTextarea"), Y = F("FmForm"), q = F("FmIcon"), X = F("FmButton"), J = F("FmListItem"), E = F("FmList"), C = F("FmField");
-      return V.max !== 0 ? (y(), O("div", ml, [
+      const c = w("FmTextField"), b = w("FmStepperField"), L = w("FmCheckbox"), A = w("FmTextarea"), H = w("FmForm"), q = w("FmIcon"), X = w("FmButton"), J = w("FmListItem"), W = w("FmList"), C = w("FmField");
+      return F.max !== 0 ? (y(), O("div", ml, [
         m(pe, {
           modelValue: f.value,
           "onUpdate:modelValue": e[12] || (e[12] = (I) => f.value = I),
-          title: o.value,
-          "primary-button-label": t(s)("report.common.confirm"),
-          "secondary-button-label": t(s)("report.common.cancel"),
+          title: l.value,
+          "primary-button-label": t(r)("report.common.confirm"),
+          "secondary-button-label": t(r)("report.common.cancel"),
           onConfirm: N
         }, {
-          content: D(() => [
-            m(Y, {
+          content: $(() => [
+            m(H, {
               ref: "form",
               class: "flex flex-col gap-2 w-[490px]"
             }, {
-              default: D(() => {
-                var I, G, oe, Z, z, De;
+              default: $(() => {
+                var I, G, oe, Z, R, De;
                 return [
                   m(K, {
-                    "model-value": b.value,
-                    items: u.value,
-                    placeholder: o.value,
-                    label: o.value,
-                    "onUpdate:modelValue": e[0] || (e[0] = (R) => $(R))
+                    "model-value": g.value,
+                    items: d.value,
+                    placeholder: l.value,
+                    label: l.value,
+                    "onUpdate:modelValue": e[0] || (e[0] = (M) => D(M))
                   }, null, 8, ["model-value", "items", "placeholder", "label"]),
-                  l.value ? (y(), O(Q, { key: 0 }, [
+                  o.value ? (y(), O(Q, { key: 0 }, [
                     m(c, {
-                      modelValue: l.value.label,
-                      "onUpdate:modelValue": e[1] || (e[1] = (R) => l.value.label = R),
-                      label: t(s)("report.section.dimension.label")
+                      modelValue: o.value.label,
+                      "onUpdate:modelValue": e[1] || (e[1] = (M) => o.value.label = M),
+                      label: t(r)("report.section.dimension.label")
                     }, null, 8, ["modelValue", "label"]),
-                    (((I = b.value) == null ? void 0 : I.dimensionOptions) || []).length > 0 ? (y(), T(K, {
+                    (((I = g.value) == null ? void 0 : I.dimensionOptions) || []).length > 0 ? (y(), S(K, {
                       key: 0,
-                      modelValue: l.value.option,
-                      "onUpdate:modelValue": e[2] || (e[2] = (R) => l.value.option = R),
-                      items: ((G = b.value) == null ? void 0 : G.dimensionOptions.map((R) => ({
-                        label: t(le)(t(s), t(a), R, "field"),
-                        value: R
+                      modelValue: o.value.option,
+                      "onUpdate:modelValue": e[2] || (e[2] = (M) => o.value.option = M),
+                      items: ((G = g.value) == null ? void 0 : G.dimensionOptions.map((M) => ({
+                        label: t(le)(t(r), t(a), M, "field"),
+                        value: M
                       }))) ?? []
                     }, null, 8, ["modelValue", "items"])) : U("", !0),
-                    (oe = b.value) != null && oe.isNumericType ? (y(), T(g, {
+                    (oe = g.value) != null && oe.isNumericType ? (y(), S(b, {
                       key: 1,
-                      label: t(s)("report.common.decimal"),
-                      "model-value": ((Z = l.value) == null ? void 0 : Z.decimal) ?? 2,
-                      "onUpdate:modelValue": e[3] || (e[3] = (R) => {
-                        h(R);
+                      label: t(r)("report.common.decimal"),
+                      "model-value": ((Z = o.value) == null ? void 0 : Z.decimal) ?? 2,
+                      "onUpdate:modelValue": e[3] || (e[3] = (M) => {
+                        h(M);
                       })
                     }, null, 8, ["label", "model-value"])) : U("", !0),
-                    (z = b.value) != null && z.isNumericType ? (y(), T(K, {
+                    (R = g.value) != null && R.isNumericType ? (y(), S(K, {
                       key: 2,
-                      modelValue: l.value.timeFormatter,
-                      "onUpdate:modelValue": e[4] || (e[4] = (R) => l.value.timeFormatter = R),
-                      placeholder: t(s)("report.section.dimension.timeFormatter"),
-                      label: t(s)("report.section.dimension.timeFormatter"),
-                      items: b.value.timeFormatters.map((R) => ({ label: R, value: R }))
+                      modelValue: o.value.timeFormatter,
+                      "onUpdate:modelValue": e[4] || (e[4] = (M) => o.value.timeFormatter = M),
+                      placeholder: t(r)("report.section.dimension.timeFormatter"),
+                      label: t(r)("report.section.dimension.timeFormatter"),
+                      items: g.value.timeFormatters.map((M) => ({ label: M, value: M }))
                     }, null, 8, ["modelValue", "placeholder", "label", "items"])) : U("", !0),
-                    S.value ? (y(), T(L, {
+                    T.value ? (y(), S(L, {
                       key: 3,
-                      "model-value": l.value.fillGap ?? !1,
-                      label: t(s)("report.section.dimension.fillGap"),
+                      "model-value": o.value.fillGap ?? !1,
+                      label: t(r)("report.section.dimension.fillGap"),
                       value: "",
                       placeholder: "Fill gap",
-                      "onUpdate:modelValue": e[5] || (e[5] = (R) => {
-                        l.value && (l.value.fillGap = R);
+                      "onUpdate:modelValue": e[5] || (e[5] = (M) => {
+                        o.value && (o.value.fillGap = M);
                       })
                     }, null, 8, ["model-value", "label"])) : U("", !0),
-                    ((De = b.value) == null ? void 0 : De.type) === t(fe).Timestamp ? (y(), T(L, {
+                    ((De = g.value) == null ? void 0 : De.type) === t(fe).Timestamp ? (y(), S(L, {
                       key: 4,
-                      "model-value": l.value.dateComparison ?? !1,
-                      label: t(s)("report.section.dimension.dateComparison"),
+                      "model-value": o.value.dateComparison ?? !1,
+                      label: t(r)("report.section.dimension.dateComparison"),
                       value: "",
-                      "onUpdate:modelValue": e[6] || (e[6] = (R) => {
-                        l.value && (l.value.dateComparison = R);
+                      "onUpdate:modelValue": e[6] || (e[6] = (M) => {
+                        o.value && (o.value.dateComparison = M);
                       })
                     }, null, 8, ["model-value", "label"])) : U("", !0),
                     m(L, {
-                      modelValue: l.value.hide,
-                      "onUpdate:modelValue": e[7] || (e[7] = (R) => l.value.hide = R),
-                      label: t(s)("report.section.dimension.hide"),
+                      modelValue: o.value.hide,
+                      "onUpdate:modelValue": e[7] || (e[7] = (M) => o.value.hide = M),
+                      label: t(r)("report.section.dimension.hide"),
                       value: ""
                     }, null, 8, ["modelValue", "label"]),
-                    n.hasRowColumn ? (y(), T(L, {
+                    n.hasRowColumn ? (y(), S(L, {
                       key: 5,
-                      modelValue: l.value.moveToColumn,
-                      "onUpdate:modelValue": e[8] || (e[8] = (R) => l.value.moveToColumn = R),
-                      label: t(s)("report.section.dimension.moveToColumn"),
+                      modelValue: o.value.moveToColumn,
+                      "onUpdate:modelValue": e[8] || (e[8] = (M) => o.value.moveToColumn = M),
+                      label: t(r)("report.section.dimension.moveToColumn"),
                       value: ""
                     }, null, 8, ["modelValue", "label"])) : U("", !0),
                     m(L, {
-                      modelValue: p.value,
-                      "onUpdate:modelValue": e[9] || (e[9] = (R) => p.value = R),
-                      label: t(s)("report.section.dimension.advance"),
+                      modelValue: s.value,
+                      "onUpdate:modelValue": e[9] || (e[9] = (M) => s.value = M),
+                      label: t(r)("report.section.dimension.advance"),
                       value: !0
                     }, null, 8, ["modelValue", "label"]),
-                    p.value ? (y(), T(A, {
+                    s.value ? (y(), S(A, {
                       key: 6,
-                      modelValue: l.value.dataFormula,
-                      "onUpdate:modelValue": e[10] || (e[10] = (R) => l.value.dataFormula = R),
-                      placeholder: t(s)("report.section.dimension.dataFormula")
+                      modelValue: o.value.dataFormula,
+                      "onUpdate:modelValue": e[10] || (e[10] = (M) => o.value.dataFormula = M),
+                      placeholder: t(r)("report.section.dimension.dataFormula")
                     }, null, 8, ["modelValue", "placeholder"])) : U("", !0),
-                    p.value ? (y(), T(A, {
+                    s.value ? (y(), S(A, {
                       key: 7,
-                      modelValue: l.value.displayFormula,
-                      "onUpdate:modelValue": e[11] || (e[11] = (R) => l.value.displayFormula = R),
-                      placeholder: t(s)("report.section.dimension.displayFormula")
+                      modelValue: o.value.displayFormula,
+                      "onUpdate:modelValue": e[11] || (e[11] = (M) => o.value.displayFormula = M),
+                      placeholder: t(r)("report.section.dimension.displayFormula")
                     }, null, 8, ["modelValue", "placeholder"])) : U("", !0)
                   ], 64)) : U("", !0)
                 ];
@@ -483,30 +483,30 @@ const xe = [
           _: 1
         }, 8, ["modelValue", "title", "primary-button-label", "secondary-button-label"]),
         k("div", null, [
-          k("p", cl, B(o.value), 1),
-          k("p", pl, B(t(s)("report.section.dimension.description")), 1)
+          k("p", cl, B(l.value), 1),
+          k("p", pl, B(t(r)("report.section.dimension.description")), 1)
         ]),
-        m(E, null, {
-          default: D(() => [
+        m(W, null, {
+          default: $(() => [
             m(t(we), {
-              list: r.value,
+              list: u.value,
               "item-key": "id",
               class: "flex flex-col gap-2"
             }, {
-              item: D(({ element: I, index: G }) => [
+              item: $(({ element: I, index: G }) => [
                 m(J, {
                   class: "!cursor-grab border rounded-md border-neutral-300 h-[40px] !p-[8px]",
-                  onClick: te((oe) => d(v.value[G]), ["stop"])
+                  onClick: te((oe) => p(v.value[G]), ["stop"])
                 }, {
-                  default: D(() => [
+                  default: $(() => [
                     m(q, { name: "drag_handle" }),
-                    k("p", vl, B(t(le)(t(s), t(a), I.label, "other")), 1),
+                    k("p", vl, B(t(le)(t(r), t(a), I.label, "other")), 1),
                     e[14] || (e[14] = k("div", { class: "grow" }, null, -1)),
                     m(X, {
                       icon: "close",
                       size: "md",
                       variant: "tertiary",
-                      onClick: te((oe) => w(G), ["stop"])
+                      onClick: te((oe) => V(G), ["stop"])
                     }, null, 8, ["onClick"])
                   ]),
                   _: 2
@@ -520,11 +520,11 @@ const xe = [
         m(C, {
           class: "text-fm-color-typo-tertiary",
           onClick: e[13] || (e[13] = () => {
-            d();
+            p();
           })
         }, {
-          default: D(() => [
-            ce(B(t(s)("report.section.dimension.add")), 1)
+          default: $(() => [
+            ce(B(t(r)("report.section.dimension.add")), 1)
           ]),
           _: 1
         })
@@ -534,35 +534,35 @@ const xe = [
 }), Se = {
   value: "_metric_name"
 };
-function fl(V, s, a) {
-  switch (V) {
+function fl(F, r, a) {
+  switch (F) {
     case j.BarChart:
     case j.StackBarChart:
     case j.LineChart:
     case j.StackLineChart:
     case j.Circular:
-      return s.length > 1;
+      return r.length > 1;
     default:
       return a;
   }
 }
-function gl(V) {
-  var r;
-  const { rowIds: s, columnIds: a } = Fe(V.widget.config);
+function gl(F) {
+  var u;
+  const { rowIds: r, columnIds: a } = Fe(F.widget.config);
   return {
-    ...V,
+    ...F,
     widget: {
-      ...V.widget,
+      ...F.widget,
       config: {
-        ...V.widget.config,
-        rowIds: s,
+        ...F.widget.config,
+        rowIds: r,
         columnIds: a,
         isDrillable: fl(
-          V.widget.type,
-          V.widget.config.dimensions,
-          V.widget.config.isDrillable
+          F.widget.type,
+          F.widget.config.dimensions,
+          F.widget.config.isDrillable
         ),
-        joinDatasources: (r = V.widget.config.joinDatasources) == null ? void 0 : r.map((n) => {
+        joinDatasources: (u = F.widget.config.joinDatasources) == null ? void 0 : u.map((n) => {
           const { rowIds: f, columnIds: v } = Fe(n);
           return {
             ...n,
@@ -574,11 +574,11 @@ function gl(V) {
     }
   };
 }
-function Fe(V) {
-  const s = V.dimensions.filter((v) => v.hide !== !0 && !v.moveToColumn).map((v) => ye(v)), a = V.dimensions.filter((v) => v.hide !== !0 && v.moveToColumn == !0).map((v) => ye(v)), r = V.metrics.length > 0;
-  r && V.metrics.find((v) => v.moveToRow == !0) ? s.push(Se.value) : r && a.push(Se.value);
+function Fe(F) {
+  const r = F.dimensions.filter((v) => v.hide !== !0 && !v.moveToColumn).map((v) => ye(v)), a = F.dimensions.filter((v) => v.hide !== !0 && v.moveToColumn == !0).map((v) => ye(v)), u = F.metrics.length > 0;
+  u && F.metrics.find((v) => v.moveToRow == !0) ? r.push(Se.value) : u && a.push(Se.value);
   const n = [], f = [];
-  for (const v of s)
+  for (const v of r)
     n.push(v);
   for (const v of a)
     f.push(v);
@@ -589,7 +589,7 @@ function Fe(V) {
 }
 const bl = { class: "flex flex-col my-2 gap-8" }, yl = { class: "fm-typo-en-body-lg-600" }, hl = { class: "fm-typo-en-body-sm-600 text-fm-color-neutral-gray-400" }, Vl = { class: "fm-typo-en-body-lg-400 overflow-hidden text-ellipsis line-clamp-1" }, Fl = /* @__PURE__ */ P({
   __name: "MetricSection",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ Y({
     options: {
       type: Array,
       default: () => []
@@ -615,68 +615,68 @@ const bl = { class: "flex flex-col my-2 gap-8" }, yl = { class: "fm-typo-en-body
     modelValue: { required: !1, default: [] },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ H(["config"], ["update:modelValue"]),
-  setup(V, { emit: s }) {
-    const { t: a, te: r } = W(), n = ee(V, "modelValue"), f = V;
+  emits: /* @__PURE__ */ Y(["config"], ["update:modelValue"]),
+  setup(F, { emit: r }) {
+    const { t: a, te: u } = E(), n = ee(F, "modelValue"), f = F;
     _(() => !!f.max && n.value.length === f.max);
-    const v = M(!1), x = _(
+    const v = z(!1), x = _(
       () => n.value.map((e, c) => ({
         index: c,
         labels: [e.label || e.name],
         value: e
       }))
-    ), d = M(n.value.length > 0 ? 0 : void 0);
-    function l(e) {
-      var c, g, L;
-      v.value = !0, p.value = e != null && e.value ? JSON.parse(
+    ), p = z(n.value.length > 0 ? 0 : void 0);
+    function o(e) {
+      var c, b, L;
+      v.value = !0, s.value = e != null && e.value ? JSON.parse(
         JSON.stringify({
           ...e.value,
-          label: le(a, r, e.value.label, "other")
+          label: le(a, u, e.value.label, "other")
         })
-      ) : void 0, d.value = e == null ? void 0 : e.index, b.value = !!((c = p.value) != null && c.dataFormula || (g = p.value) != null && g.displayFormula), ((L = f.config.rowIds) == null ? void 0 : L.findIndex((A) => A === Se.value)) !== -1 && p.value && (p.value.moveToRow = !0);
+      ) : void 0, p.value = e == null ? void 0 : e.index, g.value = !!((c = s.value) != null && c.dataFormula || (b = s.value) != null && b.displayFormula), ((L = f.config.rowIds) == null ? void 0 : L.findIndex((A) => A === Se.value)) !== -1 && s.value && (s.value.moveToRow = !0);
     }
-    const p = M(void 0), b = M(!1), S = _(
+    const s = z(void 0), g = z(!1), T = _(
       () => f.options.find(
         (e) => {
-          var c, g;
-          return e.schemaName === ((c = p.value) == null ? void 0 : c.schemaName) && e.name === ((g = p.value) == null ? void 0 : g.name);
+          var c, b;
+          return e.schemaName === ((c = s.value) == null ? void 0 : c.schemaName) && e.name === ((b = s.value) == null ? void 0 : b.name);
         }
       ) ?? {}
     );
-    function $(e, c) {
-      var g;
-      return (e == null ? void 0 : e.isNumericType) || ((g = e == null ? void 0 : e.isNumericAggregations) == null ? void 0 : g.includes(c || ""));
+    function D(e, c) {
+      var b;
+      return (e == null ? void 0 : e.isNumericType) || ((b = e == null ? void 0 : e.isNumericAggregations) == null ? void 0 : b.includes(c || ""));
     }
     const N = _(
       () => {
         var e;
-        return $(S.value, (e = p.value) == null ? void 0 : e.aggregation);
+        return D(T.value, (e = s.value) == null ? void 0 : e.aggregation);
       }
     );
     ne(N, (e) => {
-      p.value && (e ? p.value.decimal = typeof p.value.decimal != "number" ? 2 : p.value.decimal : p.value.decimal = void 0);
+      s.value && (e ? s.value.decimal = typeof s.value.decimal != "number" ? 2 : s.value.decimal : s.value.decimal = void 0);
     });
-    function w(e) {
-      var c, g;
-      (e.schemaName !== ((c = p.value) == null ? void 0 : c.schemaName) || e.name !== ((g = p.value) == null ? void 0 : g.name)) && (p.value = {
+    function V(e) {
+      var c, b;
+      (e.schemaName !== ((c = s.value) == null ? void 0 : c.schemaName) || e.name !== ((b = s.value) == null ? void 0 : b.name)) && (s.value = {
         schemaName: e.schemaName,
         name: e.name,
         aggregation: e.aggregations[0],
-        label: le(a, r, e.label, "other"),
-        decimal: $(e, e.aggregations[0]) ? 2 : void 0,
+        label: le(a, u, e.label, "other"),
+        decimal: D(e, e.aggregations[0]) ? 2 : void 0,
         moveToRow: !1,
         hide: !1
-      }, b.value = !1);
+      }, g.value = !1);
     }
     function h() {
       const e = [...x.value.map((c) => c.value)];
-      p.value && (d.value !== void 0 ? e[d.value] = p.value : e.push(p.value)), n.value = e, v.value = !1;
+      s.value && (p.value !== void 0 ? e[p.value] = s.value : e.push(s.value)), n.value = e, v.value = !1;
     }
-    function u(e) {
-      const c = [...x.value.map((g) => g.value)];
+    function d(e) {
+      const c = [...x.value.map((b) => b.value)];
       c.splice(e, 1), n.value = c;
     }
-    const o = _(
+    const l = _(
       () => f.options.map((e) => ({
         label: e.labels.join(" "),
         value: e
@@ -685,7 +685,7 @@ const bl = { class: "flex flex-col my-2 gap-8" }, yl = { class: "fm-typo-en-body
       () => f.label ? f.label : a(`report.section.metric.${f.label}`)
     );
     return (e, c) => {
-      const g = F("FmTextField"), L = F("FmStepperField"), A = F("FmCheckbox"), Y = F("FmTextarea"), q = F("FmForm"), X = F("FmIcon"), J = F("FmButton"), E = F("FmListItem"), C = F("FmList"), I = F("FmField");
+      const b = w("FmTextField"), L = w("FmStepperField"), A = w("FmCheckbox"), H = w("FmTextarea"), q = w("FmForm"), X = w("FmIcon"), J = w("FmButton"), W = w("FmListItem"), C = w("FmList"), I = w("FmField");
       return y(), O("div", bl, [
         m(pe, {
           modelValue: v.value,
@@ -693,82 +693,82 @@ const bl = { class: "flex flex-col my-2 gap-8" }, yl = { class: "fm-typo-en-body
           title: i.value,
           onConfirm: h
         }, {
-          content: D(() => [
+          content: $(() => [
             m(q, {
               ref: "form",
               class: "flex flex-col gap-2 w-[490px]"
             }, {
-              default: D(() => {
+              default: $(() => {
                 var G, oe, Z;
                 return [
                   m(K, {
-                    "model-value": S.value,
-                    items: o.value,
+                    "model-value": T.value,
+                    items: l.value,
                     placeholder: i.value,
                     label: i.value,
-                    "onUpdate:modelValue": c[0] || (c[0] = (z) => w(z))
+                    "onUpdate:modelValue": c[0] || (c[0] = (R) => V(R))
                   }, null, 8, ["model-value", "items", "placeholder", "label"]),
-                  p.value ? (y(), O(Q, { key: 0 }, [
-                    m(g, {
-                      modelValue: p.value.label,
-                      "onUpdate:modelValue": c[1] || (c[1] = (z) => p.value.label = z),
+                  s.value ? (y(), O(Q, { key: 0 }, [
+                    m(b, {
+                      modelValue: s.value.label,
+                      "onUpdate:modelValue": c[1] || (c[1] = (R) => s.value.label = R),
                       label: t(a)("report.section.metric.label")
                     }, null, 8, ["modelValue", "label"]),
-                    (((G = S.value) == null ? void 0 : G.aggregations) || []).length > 0 ? (y(), T(K, {
+                    (((G = T.value) == null ? void 0 : G.aggregations) || []).length > 0 ? (y(), S(K, {
                       key: 0,
-                      modelValue: p.value.aggregation,
-                      "onUpdate:modelValue": c[2] || (c[2] = (z) => p.value.aggregation = z),
+                      modelValue: s.value.aggregation,
+                      "onUpdate:modelValue": c[2] || (c[2] = (R) => s.value.aggregation = R),
                       label: t(a)("report.section.metric.aggregation"),
-                      items: ((oe = S.value) == null ? void 0 : oe.aggregations.map((z) => ({
-                        label: t(le)(t(a), t(r), z, "field"),
-                        value: z
+                      items: ((oe = T.value) == null ? void 0 : oe.aggregations.map((R) => ({
+                        label: t(le)(t(a), t(u), R, "field"),
+                        value: R
                       }))) ?? []
                     }, null, 8, ["modelValue", "label", "items"])) : U("", !0),
-                    N.value ? (y(), T(L, {
+                    N.value ? (y(), S(L, {
                       key: 1,
                       label: t(a)("report.common.decimal"),
-                      "model-value": ((Z = p.value) == null ? void 0 : Z.decimal) ?? 2,
-                      "onUpdate:modelValue": c[3] || (c[3] = (z) => {
-                        p.value && (p.value.decimal = z);
+                      "model-value": ((Z = s.value) == null ? void 0 : Z.decimal) ?? 2,
+                      "onUpdate:modelValue": c[3] || (c[3] = (R) => {
+                        s.value && (s.value.decimal = R);
                       })
                     }, null, 8, ["label", "model-value"])) : U("", !0),
-                    N.value ? (y(), T(K, {
+                    N.value ? (y(), S(K, {
                       key: 2,
-                      modelValue: p.value.timeFormatter,
-                      "onUpdate:modelValue": c[4] || (c[4] = (z) => p.value.timeFormatter = z),
+                      modelValue: s.value.timeFormatter,
+                      "onUpdate:modelValue": c[4] || (c[4] = (R) => s.value.timeFormatter = R),
                       placeholder: t(a)("report.section.metric.timeFormatter"),
                       label: t(a)("report.section.metric.timeFormatter"),
-                      items: S.value.timeFormatters.map((z) => ({ label: z, value: z }))
+                      items: T.value.timeFormatters.map((R) => ({ label: R, value: R }))
                     }, null, 8, ["modelValue", "placeholder", "label", "items"])) : U("", !0),
                     m(A, {
-                      modelValue: p.value.hide,
-                      "onUpdate:modelValue": c[5] || (c[5] = (z) => p.value.hide = z),
+                      modelValue: s.value.hide,
+                      "onUpdate:modelValue": c[5] || (c[5] = (R) => s.value.hide = R),
                       label: t(a)("report.section.metric.hide"),
                       value: ""
                     }, null, 8, ["modelValue", "label"]),
-                    f.hasRowColumn ? (y(), T(A, {
+                    f.hasRowColumn ? (y(), S(A, {
                       key: 3,
-                      modelValue: p.value.moveToRow,
-                      "onUpdate:modelValue": c[6] || (c[6] = (z) => p.value.moveToRow = z),
+                      modelValue: s.value.moveToRow,
+                      "onUpdate:modelValue": c[6] || (c[6] = (R) => s.value.moveToRow = R),
                       label: t(a)("report.section.metric.moveToRow"),
                       value: ""
                     }, null, 8, ["modelValue", "label"])) : U("", !0),
                     m(A, {
-                      modelValue: b.value,
-                      "onUpdate:modelValue": c[7] || (c[7] = (z) => b.value = z),
+                      modelValue: g.value,
+                      "onUpdate:modelValue": c[7] || (c[7] = (R) => g.value = R),
                       label: t(a)("report.section.metric.advance"),
                       value: !0
                     }, null, 8, ["modelValue", "label"]),
-                    b.value ? (y(), T(Y, {
+                    g.value ? (y(), S(H, {
                       key: 4,
-                      modelValue: p.value.dataFormula,
-                      "onUpdate:modelValue": c[8] || (c[8] = (z) => p.value.dataFormula = z),
+                      modelValue: s.value.dataFormula,
+                      "onUpdate:modelValue": c[8] || (c[8] = (R) => s.value.dataFormula = R),
                       placeholder: t(a)("report.section.metric.dataFormula")
                     }, null, 8, ["modelValue", "placeholder"])) : U("", !0),
-                    b.value ? (y(), T(Y, {
+                    g.value ? (y(), S(H, {
                       key: 5,
-                      modelValue: p.value.displayFormula,
-                      "onUpdate:modelValue": c[9] || (c[9] = (z) => p.value.displayFormula = z),
+                      modelValue: s.value.displayFormula,
+                      "onUpdate:modelValue": c[9] || (c[9] = (R) => s.value.displayFormula = R),
                       placeholder: t(a)("report.section.metric.displayFormula")
                     }, null, 8, ["modelValue", "placeholder"])) : U("", !0)
                   ], 64)) : U("", !0)
@@ -784,26 +784,26 @@ const bl = { class: "flex flex-col my-2 gap-8" }, yl = { class: "fm-typo-en-body
           k("p", hl, B(t(a)("report.section.metric.description")), 1)
         ]),
         m(C, null, {
-          default: D(() => [
+          default: $(() => [
             m(t(we), {
               list: n.value,
               "item-key": "id",
               class: "flex flex-col gap-2 w-full"
             }, {
-              item: D(({ element: G, index: oe }) => [
-                m(E, {
+              item: $(({ element: G, index: oe }) => [
+                m(W, {
                   class: "!cursor-grab border rounded-md border-neutral-300 h-[40px] !p-[8px]",
-                  onClick: te((Z) => l(x.value[oe]), ["stop"])
+                  onClick: te((Z) => o(x.value[oe]), ["stop"])
                 }, {
-                  default: D(() => [
+                  default: $(() => [
                     m(X, { name: "drag_handle" }),
-                    k("p", Vl, B(t(le)(t(a), t(r), G.label, "other")), 1),
+                    k("p", Vl, B(t(le)(t(a), t(u), G.label, "other")), 1),
                     c[12] || (c[12] = k("div", { class: "grow" }, null, -1)),
                     m(J, {
                       icon: "close",
                       size: "md",
                       variant: "tertiary",
-                      onClick: te((Z) => u(oe), ["stop"])
+                      onClick: te((Z) => d(oe), ["stop"])
                     }, null, 8, ["onClick"])
                   ]),
                   _: 2
@@ -817,10 +817,10 @@ const bl = { class: "flex flex-col my-2 gap-8" }, yl = { class: "fm-typo-en-body
         m(I, {
           class: "text-fm-color-typo-tertiary",
           onClick: c[11] || (c[11] = () => {
-            l();
+            o();
           })
         }, {
-          default: D(() => [
+          default: $(() => [
             ce(B(t(a)("report.section.metric.add")), 1)
           ]),
           _: 1
@@ -829,42 +829,42 @@ const bl = { class: "flex flex-col my-2 gap-8" }, yl = { class: "fm-typo-en-body
     };
   }
 });
-var ge = /* @__PURE__ */ ((V) => (V.Select = "Select", V.TextField = "TextField", V.Timestamp = "Timestamp", V))(ge || {});
-function wl(V) {
-  let s = !1, a = 1;
-  switch (V) {
+var ge = /* @__PURE__ */ ((F) => (F.Select = "Select", F.TextField = "TextField", F.Timestamp = "Timestamp", F))(ge || {});
+function wl(F) {
+  let r = !1, a = 1;
+  switch (F) {
     case ae.Equal:
     case ae.NotEqual:
     case ae.Like:
     case ae.NotLike:
-      s = !1, a = 1;
+      r = !1, a = 1;
       break;
     case ae.GreaterThan:
     case ae.GreaterThanOrEqual:
     case ae.LessThan:
     case ae.LessThanOrEqual:
-      s = !0, a = 1;
+      r = !0, a = 1;
       break;
     case ae.Between:
-      s = !0, a = 2;
+      r = !0, a = 2;
       break;
   }
   return {
-    fixed: s,
+    fixed: r,
     count: a
   };
 }
 function xl({
-  operator: V,
-  dimensionOption: s,
+  operator: F,
+  dimensionOption: r,
   dataType: a
 }) {
-  const { fixed: r, count: n } = wl(V);
+  const { fixed: u, count: n } = wl(F);
   switch (a) {
     case fe.String:
       return {
         type: "TextField",
-        fixed: r,
+        fixed: u,
         count: n,
         dataType: void 0,
         default: ""
@@ -872,7 +872,7 @@ function xl({
     case fe.Numeric:
       return {
         type: "TextField",
-        fixed: r,
+        fixed: u,
         count: n,
         dataType: "number",
         default: 0
@@ -880,7 +880,7 @@ function xl({
     case fe.Bool:
       return {
         type: "Select",
-        fixed: r,
+        fixed: u,
         count: n,
         options: [
           { label: "Yes", value: !0 },
@@ -889,14 +889,14 @@ function xl({
         default: !0
       };
     case fe.Timestamp:
-      switch (s) {
+      switch (r) {
         case ve.HourOfDay:
         case ve.DayOfWeek:
         case ve.DayOfMonth:
         case ve.MonthOfYear:
           return {
             type: "TextField",
-            fixed: r,
+            fixed: u,
             count: n,
             dataType: "number",
             default: "0"
@@ -904,7 +904,7 @@ function xl({
         case ve.TimeOfDay:
           return {
             type: "Timestamp",
-            fixed: r,
+            fixed: u,
             count: n,
             default: (/* @__PURE__ */ new Date()).toISOString()
           };
@@ -912,7 +912,7 @@ function xl({
   }
   return {
     type: "TextField",
-    fixed: r,
+    fixed: u,
     count: n,
     dataType: void 0,
     default: ""
@@ -923,7 +923,7 @@ const kl = { class: "grow" }, Cl = {
   class: "w-full"
 }, _l = { key: 0 }, Sl = /* @__PURE__ */ P({
   __name: "FilterValueInput",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ Y({
     config: {
       type: Object,
       default: () => {
@@ -934,57 +934,57 @@ const kl = { class: "grow" }, Cl = {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(V) {
-    const s = ee(V, "modelValue"), a = V;
-    function r(x) {
+  setup(F) {
+    const r = ee(F, "modelValue"), a = F;
+    function u(x) {
       return (x ? re(x) : re()).format("HH:mm");
     }
-    function n({ hour: x, minute: d }) {
-      return re().set("hour", x).set("minute", d).toISOString();
+    function n({ hour: x, minute: p }) {
+      return re().set("hour", x).set("minute", p).toISOString();
     }
-    function f(x, d) {
-      var p;
-      const l = [...s.value];
-      ((p = a.config) == null ? void 0 : p.type) === ge.Timestamp ? l[x] = n({
-        hour: Number(d.split(":")[0]),
-        minute: Number(d.split(":")[1])
-      }) : l[x] = d, s.value = l;
+    function f(x, p) {
+      var s;
+      const o = [...r.value];
+      ((s = a.config) == null ? void 0 : s.type) === ge.Timestamp ? o[x] = n({
+        hour: Number(p.split(":")[0]),
+        minute: Number(p.split(":")[1])
+      }) : o[x] = p, r.value = o;
     }
     function v(x) {
       if (x === 0)
-        s.value = [void 0, ...s.value];
+        r.value = [void 0, ...r.value];
       else {
-        const d = [...s.value];
-        d.splice(x, 1), s.value = d;
+        const p = [...r.value];
+        p.splice(x, 1), r.value = p;
       }
     }
-    return (x, d) => {
-      const l = F("FmSelect"), p = F("FmTextField"), b = F("FmTimePicker"), S = F("FmButton");
-      return y(!0), O(Q, null, de(new Array(s.value.length !== 0 ? s.value.length : 1), ($, N) => {
-        var w, h, u, o;
+    return (x, p) => {
+      const o = w("FmSelect"), s = w("FmTextField"), g = w("FmTimePicker"), T = w("FmButton");
+      return y(!0), O(Q, null, de(new Array(r.value.length !== 0 ? r.value.length : 1), (D, N) => {
+        var V, h, d, l;
         return y(), O("div", {
           key: N,
           class: "flex flex-row align-center gap-2 w-full"
         }, [
           k("div", kl, [
-            ((w = a.config) == null ? void 0 : w.type) === t(ge).Select ? (y(), T(l, {
+            ((V = a.config) == null ? void 0 : V.type) === t(ge).Select ? (y(), S(o, {
               key: 0,
-              "model-value": s.value[N],
+              "model-value": r.value[N],
               items: a.config.options,
               "onUpdate:modelValue": (i) => f(N, i)
-            }, null, 8, ["model-value", "items", "onUpdate:modelValue"])) : ((h = a.config) == null ? void 0 : h.type) === t(ge).TextField ? (y(), T(p, {
+            }, null, 8, ["model-value", "items", "onUpdate:modelValue"])) : ((h = a.config) == null ? void 0 : h.type) === t(ge).TextField ? (y(), S(s, {
               key: 1,
-              "model-value": s.value[N],
+              "model-value": r.value[N],
               "onUpdate:modelValue": (i) => f(N, i)
-            }, null, 8, ["model-value", "onUpdate:modelValue"])) : ((u = a.config) == null ? void 0 : u.type) === t(ge).Timestamp ? (y(), O("div", Cl, [
-              m(b, {
-                "model-value": r(s.value[N]),
+            }, null, 8, ["model-value", "onUpdate:modelValue"])) : ((d = a.config) == null ? void 0 : d.type) === t(ge).Timestamp ? (y(), O("div", Cl, [
+              m(g, {
+                "model-value": u(r.value[N]),
                 "onUpdate:modelValue": (i) => f(N, i)
               }, null, 8, ["model-value", "onUpdate:modelValue"])
             ])) : U("", !0)
           ]),
-          ((o = a.config) == null ? void 0 : o.fixed) === !1 ? (y(), O("div", _l, [
-            m(S, {
+          ((l = a.config) == null ? void 0 : l.fixed) === !1 ? (y(), O("div", _l, [
+            m(T, {
               icon: N === 0 ? "add" : "remove",
               onClick: (i) => v(N)
             }, null, 8, ["icon", "onClick"])
@@ -995,7 +995,7 @@ const kl = { class: "grow" }, Cl = {
   }
 }), Tl = { class: "flex flex-col my-2 gap-8" }, Ul = { class: "fm-typo-en-body-lg-600" }, Dl = { class: "fm-typo-en-body-sm-600 text-fm-color-neutral-gray-400" }, $l = { class: "fm-typo-en-body-lg-400 text-ellipsis overflow-hidden line-clamp-1" }, Nl = /* @__PURE__ */ P({
   __name: "FilterSection",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ Y({
     options: {
       type: Array,
       default: () => []
@@ -1009,47 +1009,47 @@ const kl = { class: "grow" }, Cl = {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(V) {
-    const { t: s } = W(), a = ee(V, "modelValue"), r = V, n = _(() => s(`report.section.filter.${r.label}`)), f = M(!1), v = _(
-      () => a.value.map((o, i) => {
-        const e = r.options.find(
-          (c) => c.schemaName === o.schemaName && c.name === o.name
+  setup(F) {
+    const { t: r } = E(), a = ee(F, "modelValue"), u = F, n = _(() => r(`report.section.filter.${u.label}`)), f = z(!1), v = _(
+      () => a.value.map((l, i) => {
+        const e = u.options.find(
+          (c) => c.schemaName === l.schemaName && c.name === l.name
         );
         return {
           index: i,
-          labels: (e == null ? void 0 : e.labels) || [o.schemaName, o.name],
-          value: o
+          labels: (e == null ? void 0 : e.labels) || [l.schemaName, l.name],
+          value: l
         };
       })
-    ), x = M(a.value.length > 0 ? 0 : void 0);
-    function d(o) {
+    ), x = z(a.value.length > 0 ? 0 : void 0);
+    function p(l) {
       var i;
-      f.value = !0, l.value = o != null && o.value ? JSON.parse(JSON.stringify(o.value)) : void 0, x.value = o == null ? void 0 : o.index, p.value = !!((i = l.value) != null && i.dataFormula), $();
+      f.value = !0, o.value = l != null && l.value ? JSON.parse(JSON.stringify(l.value)) : void 0, x.value = l == null ? void 0 : l.index, s.value = !!((i = o.value) != null && i.dataFormula), D();
     }
-    const l = M(void 0), p = M(!1), b = M(void 0), S = _(
-      () => r.options.find(
-        (o) => {
+    const o = z(void 0), s = z(!1), g = z(void 0), T = _(
+      () => u.options.find(
+        (l) => {
           var i, e;
-          return o.schemaName === ((i = l.value) == null ? void 0 : i.schemaName) && o.name === ((e = l.value) == null ? void 0 : e.name);
+          return l.schemaName === ((i = o.value) == null ? void 0 : i.schemaName) && l.name === ((e = o.value) == null ? void 0 : e.name);
         }
       ) ?? {}
     );
     ne(
       () => {
-        var o;
-        return (o = l.value) == null ? void 0 : o.option;
+        var l;
+        return (l = o.value) == null ? void 0 : l.option;
       },
-      (o, i) => {
-        if (i !== void 0 && o !== i && l.value) {
-          if ($(), !b.value)
+      (l, i) => {
+        if (i !== void 0 && l !== i && o.value) {
+          if (D(), !g.value)
             return;
-          l.value = {
-            ...l.value,
+          o.value = {
+            ...o.value,
             values: (
               // only overwrite the value when it empty
-              l.value.values.map((e) => {
+              o.value.values.map((e) => {
                 var c;
-                return e === null ? (c = b.value) == null ? void 0 : c.default : e;
+                return e === null ? (c = g.value) == null ? void 0 : c.default : e;
               })
             )
           };
@@ -1057,22 +1057,22 @@ const kl = { class: "grow" }, Cl = {
       }
     ), ne(
       () => {
-        var o;
-        return (o = l.value) == null ? void 0 : o.operator;
+        var l;
+        return (l = o.value) == null ? void 0 : l.operator;
       },
-      (o, i) => {
-        if (o !== i && S.value && l.value) {
-          if ($(), !b.value)
+      (l, i) => {
+        if (l !== i && T.value && o.value) {
+          if (D(), !g.value)
             return;
-          const e = l.value.values.length - b.value.count;
-          e > 0 && b.value.fixed ? l.value = {
-            ...l.value,
-            values: l.value.values.slice(0, b.value.count)
-          } : e < 0 && (l.value = {
-            ...l.value,
+          const e = o.value.values.length - g.value.count;
+          e > 0 && g.value.fixed ? o.value = {
+            ...o.value,
+            values: o.value.values.slice(0, g.value.count)
+          } : e < 0 && (o.value = {
+            ...o.value,
             values: [
-              ...l.value.values,
-              ...Array(Math.abs(e)).fill(b.value.default)
+              ...o.value.values,
+              ...Array(Math.abs(e)).fill(g.value.default)
             ]
           });
         }
@@ -1081,95 +1081,95 @@ const kl = { class: "grow" }, Cl = {
         deep: !0
       }
     );
-    function $() {
-      S.value && l.value && (b.value = xl({
-        operator: l.value.operator,
-        dataType: S.value.type,
-        dimensionOption: l.value.option
+    function D() {
+      T.value && o.value && (g.value = xl({
+        operator: o.value.operator,
+        dataType: T.value.type,
+        dimensionOption: o.value.option
       }));
     }
-    function N(o) {
+    function N(l) {
       var i, e, c;
-      (o.schemaName !== ((i = l.value) == null ? void 0 : i.schemaName) || o.name !== ((e = l.value) == null ? void 0 : e.name)) && (l.value = {
-        schemaName: o.schemaName,
-        name: o.name,
-        operator: o.filterOperators[0],
-        option: o.filterDimensionOptions[0],
+      (l.schemaName !== ((i = o.value) == null ? void 0 : i.schemaName) || l.name !== ((e = o.value) == null ? void 0 : e.name)) && (o.value = {
+        schemaName: l.schemaName,
+        name: l.name,
+        operator: l.filterOperators[0],
+        option: l.filterDimensionOptions[0],
         values: []
-      }, $(), l.value.values = [(c = b.value) == null ? void 0 : c.default]);
+      }, D(), o.value.values = [(c = g.value) == null ? void 0 : c.default]);
     }
-    function w() {
-      const o = [...v.value.map((i) => i.value)];
-      l.value && (l.value.values = l.value.values.filter(
+    function V() {
+      const l = [...v.value.map((i) => i.value)];
+      o.value && (o.value.values = o.value.values.filter(
         (i) => i !== "" && i !== null
-      ), x.value !== void 0 ? o[Number(x.value)] = l.value : o.push(l.value), a.value = o), f.value = !1;
+      ), x.value !== void 0 ? l[Number(x.value)] = o.value : l.push(o.value), a.value = l), f.value = !1;
     }
-    function h(o) {
+    function h(l) {
       const i = [...v.value.map((e) => e.value)];
-      i.splice(o, 1), a.value = i, f.value = !1;
+      i.splice(l, 1), a.value = i, f.value = !1;
     }
-    const u = _(
-      () => r.options.map((o) => ({
-        label: o.labels.join(" "),
-        value: o
+    const d = _(
+      () => u.options.map((l) => ({
+        label: l.labels.join(" "),
+        value: l
       }))
     );
-    return (o, i) => {
-      const e = F("FmCheckbox"), c = F("FmTextarea"), g = F("FmTextField"), L = F("FmForm"), A = F("FmIcon"), Y = F("FmButton"), q = F("FmListItem"), X = F("FmList"), J = F("FmField");
+    return (l, i) => {
+      const e = w("FmCheckbox"), c = w("FmTextarea"), b = w("FmTextField"), L = w("FmForm"), A = w("FmIcon"), H = w("FmButton"), q = w("FmListItem"), X = w("FmList"), J = w("FmField");
       return y(), O("div", Tl, [
         m(pe, {
           modelValue: f.value,
-          "onUpdate:modelValue": i[6] || (i[6] = (E) => f.value = E),
+          "onUpdate:modelValue": i[6] || (i[6] = (W) => f.value = W),
           title: n.value,
-          "primary-button-label": t(s)("report.common.confirm"),
-          "secondary-button-label": t(s)("report.common.cancel"),
-          onConfirm: w
+          "primary-button-label": t(r)("report.common.confirm"),
+          "secondary-button-label": t(r)("report.common.cancel"),
+          onConfirm: V
         }, {
-          content: D(() => [
+          content: $(() => [
             m(L, {
               ref: "form",
               class: "flex flex-col gap-2 w-[490px]"
             }, {
-              default: D(() => {
-                var E, C;
+              default: $(() => {
+                var W, C;
                 return [
                   m(K, {
-                    "model-value": S.value,
-                    items: u.value,
+                    "model-value": T.value,
+                    items: d.value,
                     placeholder: n.value,
                     label: n.value,
                     "onUpdate:modelValue": i[0] || (i[0] = (I) => N(I))
                   }, null, 8, ["model-value", "items", "placeholder", "label"]),
-                  l.value ? (y(), O(Q, { key: 0 }, [
+                  o.value ? (y(), O(Q, { key: 0 }, [
                     m(e, {
-                      modelValue: p.value,
-                      "onUpdate:modelValue": i[1] || (i[1] = (I) => p.value = I),
-                      label: t(s)("report.section.filter.advance"),
+                      modelValue: s.value,
+                      "onUpdate:modelValue": i[1] || (i[1] = (I) => s.value = I),
+                      label: t(r)("report.section.filter.advance"),
                       value: !0
                     }, null, 8, ["modelValue", "label"]),
-                    p.value ? (y(), T(c, {
+                    s.value ? (y(), S(c, {
                       key: 0,
-                      modelValue: l.value.dataFormula,
-                      "onUpdate:modelValue": i[2] || (i[2] = (I) => l.value.dataFormula = I),
-                      placeholder: t(s)("report.section.filter.dataFormula")
+                      modelValue: o.value.dataFormula,
+                      "onUpdate:modelValue": i[2] || (i[2] = (I) => o.value.dataFormula = I),
+                      placeholder: t(r)("report.section.filter.dataFormula")
                     }, null, 8, ["modelValue", "placeholder"])) : U("", !0),
-                    m(g, {
-                      modelValue: l.value.option,
-                      "onUpdate:modelValue": i[3] || (i[3] = (I) => l.value.option = I),
-                      placeholder: t(s)("report.section.filter.timeFormatter"),
-                      label: t(s)("report.section.filter.timeFormatter")
+                    m(b, {
+                      modelValue: o.value.option,
+                      "onUpdate:modelValue": i[3] || (i[3] = (I) => o.value.option = I),
+                      placeholder: t(r)("report.section.filter.timeFormatter"),
+                      label: t(r)("report.section.filter.timeFormatter")
                     }, null, 8, ["modelValue", "placeholder", "label"]),
-                    (((E = S.value) == null ? void 0 : E.filterOperators) || []).length > 0 ? (y(), T(K, {
+                    (((W = T.value) == null ? void 0 : W.filterOperators) || []).length > 0 ? (y(), S(K, {
                       key: 1,
-                      modelValue: l.value.operator,
-                      "onUpdate:modelValue": i[4] || (i[4] = (I) => l.value.operator = I),
-                      items: ((C = S.value) == null ? void 0 : C.filterOperators.map((I) => ({ label: I, value: I }))) ?? []
+                      modelValue: o.value.operator,
+                      "onUpdate:modelValue": i[4] || (i[4] = (I) => o.value.operator = I),
+                      items: ((C = T.value) == null ? void 0 : C.filterOperators.map((I) => ({ label: I, value: I }))) ?? []
                     }, null, 8, ["modelValue", "items"])) : U("", !0),
-                    b.value ? (y(), T(Sl, {
+                    g.value ? (y(), S(Sl, {
                       key: 2,
-                      modelValue: l.value.values,
-                      "onUpdate:modelValue": i[5] || (i[5] = (I) => l.value.values = I),
-                      config: b.value
+                      modelValue: o.value.values,
+                      "onUpdate:modelValue": i[5] || (i[5] = (I) => o.value.values = I),
+                      config: g.value
                     }, null, 8, ["modelValue", "config"])) : U("", !0)
                   ], 64)) : U("", !0)
                 ];
@@ -1181,25 +1181,25 @@ const kl = { class: "grow" }, Cl = {
         }, 8, ["modelValue", "title", "primary-button-label", "secondary-button-label"]),
         k("div", null, [
           k("p", Ul, B(n.value), 1),
-          k("p", Dl, B(t(s)("report.section.filter.description")), 1)
+          k("p", Dl, B(t(r)("report.section.filter.description")), 1)
         ]),
         m(X, null, {
-          default: D(() => [
+          default: $(() => [
             m(t(we), {
               list: a.value,
               "item-key": "id",
               class: "flex flex-col gap-2 w-full"
             }, {
-              item: D(({ element: E, index: C }) => [
+              item: $(({ element: W, index: C }) => [
                 m(q, {
                   class: "!cursor-grab border rounded-md border-neutral-300 h-[40px] !p-[8px]",
-                  onClick: te((I) => d(v.value[C]), ["stop"])
+                  onClick: te((I) => p(v.value[C]), ["stop"])
                 }, {
-                  default: D(() => [
+                  default: $(() => [
                     m(A, { name: "drag_handle" }),
-                    k("p", $l, B(t(Ue)(E.name)), 1),
+                    k("p", $l, B(t(Ue)(W.name)), 1),
                     i[8] || (i[8] = k("div", { class: "grow" }, null, -1)),
-                    m(Y, {
+                    m(H, {
                       icon: "close",
                       size: "md",
                       variant: "tertiary",
@@ -1217,11 +1217,11 @@ const kl = { class: "grow" }, Cl = {
         m(J, {
           class: "text-fm-color-typo-tertiary",
           onClick: i[7] || (i[7] = () => {
-            d();
+            p();
           })
         }, {
-          default: D(() => [
-            ce(B(t(s)("report.section.filter.add")), 1)
+          default: $(() => [
+            ce(B(t(r)("report.section.filter.add")), 1)
           ]),
           _: 1
         })
@@ -1230,7 +1230,7 @@ const kl = { class: "grow" }, Cl = {
   }
 }), Ol = { class: "flex flex-col my-2 gap-8" }, Il = { class: "fm-typo-en-body-lg-600" }, Bl = { class: "fm-typo-en-body-sm-600 text-fm-color-neutral-gray-400" }, Ll = { class: "fm-typo-en-body-lg-400 text-ellipsis overflow-hidden line-clamp-1" }, jl = /* @__PURE__ */ P({
   __name: "SortSection",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ Y({
     options: {
       type: Array,
       default: () => []
@@ -1244,36 +1244,36 @@ const kl = { class: "grow" }, Cl = {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(V) {
-    const { t: s } = W(), a = ee(V, "modelValue"), r = V, n = _(
-      () => r.label ? r.label : s(`report.section.sort.${r.label}`)
-    ), f = M(!1), v = _(
-      () => a.value.map((h, u) => {
-        const o = r.options.find(
+  setup(F) {
+    const { t: r } = E(), a = ee(F, "modelValue"), u = F, n = _(
+      () => u.label ? u.label : r(`report.section.sort.${u.label}`)
+    ), f = z(!1), v = _(
+      () => a.value.map((h, d) => {
+        const l = u.options.find(
           (i) => i.schemaName === h.schemaName && i.name === h.name
         );
         return {
-          index: u,
-          labels: (o == null ? void 0 : o.labels) || [h.schemaName, h.name],
+          index: d,
+          labels: (l == null ? void 0 : l.labels) || [h.schemaName, h.name],
           value: h
         };
       })
-    ), x = M(a.value.length > 0 ? 0 : void 0);
-    function d(h) {
-      var u;
-      f.value = !0, l.value = h != null && h.value ? JSON.parse(JSON.stringify(h.value)) : void 0, x.value = h == null ? void 0 : h.index, p.value = !!((u = l.value) != null && u.dataFormula);
+    ), x = z(a.value.length > 0 ? 0 : void 0);
+    function p(h) {
+      var d;
+      f.value = !0, o.value = h != null && h.value ? JSON.parse(JSON.stringify(h.value)) : void 0, x.value = h == null ? void 0 : h.index, s.value = !!((d = o.value) != null && d.dataFormula);
     }
-    const l = M(void 0), p = M(!1), b = _(
-      () => r.options.find(
+    const o = z(void 0), s = z(!1), g = _(
+      () => u.options.find(
         (h) => {
-          var u, o;
-          return h.schemaName === ((u = l.value) == null ? void 0 : u.schemaName) && h.name === ((o = l.value) == null ? void 0 : o.name);
+          var d, l;
+          return h.schemaName === ((d = o.value) == null ? void 0 : d.schemaName) && h.name === ((l = o.value) == null ? void 0 : l.name);
         }
       ) ?? {}
     );
-    function S(h) {
-      var u, o;
-      (h.schemaName !== ((u = l.value) == null ? void 0 : u.schemaName) || h.name !== ((o = l.value) == null ? void 0 : o.name)) && (l.value = {
+    function T(h) {
+      var d, l;
+      (h.schemaName !== ((d = o.value) == null ? void 0 : d.schemaName) || h.name !== ((l = o.value) == null ? void 0 : l.name)) && (o.value = {
         schemaName: h.schemaName,
         name: h.name,
         dimensionOption: h.dimensionOptions[0],
@@ -1281,83 +1281,83 @@ const kl = { class: "grow" }, Cl = {
         type: $e.Asc
       });
     }
-    function $() {
-      if (!l.value) {
+    function D() {
+      if (!o.value) {
         console.log("new sort is undefined");
         return;
       }
-      const h = [...v.value.map((u) => u.value)];
-      x.value !== void 0 ? h[x.value] = l.value : h.push(l.value), a.value = h, f.value = !1;
+      const h = [...v.value.map((d) => d.value)];
+      x.value !== void 0 ? h[x.value] = o.value : h.push(o.value), a.value = h, f.value = !1;
     }
     function N(h) {
-      const u = [...v.value.map((o) => o.value)];
-      u.splice(h, 1), a.value = u, f.value = !1;
+      const d = [...v.value.map((l) => l.value)];
+      d.splice(h, 1), a.value = d, f.value = !1;
     }
-    const w = _(
-      () => r.options.map((h) => ({
+    const V = _(
+      () => u.options.map((h) => ({
         label: h.labels.join(" "),
         value: h
       }))
     );
-    return (h, u) => {
-      const o = F("FmCheckbox"), i = F("FmTextarea"), e = F("FmForm"), c = F("FmIcon"), g = F("FmButton"), L = F("FmListItem"), A = F("FmList"), Y = F("FmField");
+    return (h, d) => {
+      const l = w("FmCheckbox"), i = w("FmTextarea"), e = w("FmForm"), c = w("FmIcon"), b = w("FmButton"), L = w("FmListItem"), A = w("FmList"), H = w("FmField");
       return y(), O("div", Ol, [
         m(pe, {
           modelValue: f.value,
-          "onUpdate:modelValue": u[6] || (u[6] = (q) => f.value = q),
+          "onUpdate:modelValue": d[6] || (d[6] = (q) => f.value = q),
           title: n.value,
-          onConfirm: $
+          onConfirm: D
         }, {
-          content: D(() => [
+          content: $(() => [
             m(e, {
               ref: "form",
               class: "flex flex-col gap-2 w-[490px]"
             }, {
-              default: D(() => {
-                var q, X, J, E;
+              default: $(() => {
+                var q, X, J, W;
                 return [
                   m(K, {
-                    "model-value": b.value,
-                    items: w.value,
+                    "model-value": g.value,
+                    items: V.value,
                     placeholder: n.value,
                     label: n.value,
-                    "onUpdate:modelValue": u[0] || (u[0] = (C) => S(C))
+                    "onUpdate:modelValue": d[0] || (d[0] = (C) => T(C))
                   }, null, 8, ["model-value", "items", "placeholder", "label"]),
-                  l.value ? (y(), O(Q, { key: 0 }, [
-                    (((q = b.value) == null ? void 0 : q.dimensionOptions) || []).length > 0 ? (y(), T(K, {
+                  o.value ? (y(), O(Q, { key: 0 }, [
+                    (((q = g.value) == null ? void 0 : q.dimensionOptions) || []).length > 0 ? (y(), S(K, {
                       key: 0,
-                      modelValue: l.value.dimensionOption,
-                      "onUpdate:modelValue": u[1] || (u[1] = (C) => l.value.dimensionOption = C),
-                      items: ((X = b.value) == null ? void 0 : X.dimensionOptions.map((C) => ({ label: C, value: C }))) ?? [],
-                      placeholder: t(s)("report.section.sort.format"),
-                      label: t(s)("report.section.sort.format")
+                      modelValue: o.value.dimensionOption,
+                      "onUpdate:modelValue": d[1] || (d[1] = (C) => o.value.dimensionOption = C),
+                      items: ((X = g.value) == null ? void 0 : X.dimensionOptions.map((C) => ({ label: C, value: C }))) ?? [],
+                      placeholder: t(r)("report.section.sort.format"),
+                      label: t(r)("report.section.sort.format")
                     }, null, 8, ["modelValue", "items", "placeholder", "label"])) : U("", !0),
-                    (((J = b.value) == null ? void 0 : J.aggregations) || []).length > 0 ? (y(), T(K, {
+                    (((J = g.value) == null ? void 0 : J.aggregations) || []).length > 0 ? (y(), S(K, {
                       key: 1,
-                      modelValue: l.value.aggregation,
-                      "onUpdate:modelValue": u[2] || (u[2] = (C) => l.value.aggregation = C),
-                      items: ((E = b.value) == null ? void 0 : E.aggregations.map((C) => ({ label: C, value: C }))) ?? [],
-                      label: t(s)("report.section.sort.aggregation"),
-                      placeholder: t(s)("report.section.sort.aggregation")
+                      modelValue: o.value.aggregation,
+                      "onUpdate:modelValue": d[2] || (d[2] = (C) => o.value.aggregation = C),
+                      items: ((W = g.value) == null ? void 0 : W.aggregations.map((C) => ({ label: C, value: C }))) ?? [],
+                      label: t(r)("report.section.sort.aggregation"),
+                      placeholder: t(r)("report.section.sort.aggregation")
                     }, null, 8, ["modelValue", "items", "label", "placeholder"])) : U("", !0),
                     m(K, {
-                      modelValue: l.value.type,
-                      "onUpdate:modelValue": u[3] || (u[3] = (C) => l.value.type = C),
+                      modelValue: o.value.type,
+                      "onUpdate:modelValue": d[3] || (d[3] = (C) => o.value.type = C),
                       items: Object.values(t($e)).map((C) => ({ label: C, value: C })),
-                      placeholder: t(s)("report.section.sort.order"),
-                      label: t(s)("report.section.sort.order")
+                      placeholder: t(r)("report.section.sort.order"),
+                      label: t(r)("report.section.sort.order")
                     }, null, 8, ["modelValue", "items", "placeholder", "label"]),
-                    m(o, {
-                      modelValue: p.value,
-                      "onUpdate:modelValue": u[4] || (u[4] = (C) => p.value = C),
-                      label: t(s)("report.section.sort.advance"),
+                    m(l, {
+                      modelValue: s.value,
+                      "onUpdate:modelValue": d[4] || (d[4] = (C) => s.value = C),
+                      label: t(r)("report.section.sort.advance"),
                       value: !0
                     }, null, 8, ["modelValue", "label"]),
-                    p.value ? (y(), T(i, {
+                    s.value ? (y(), S(i, {
                       key: 2,
-                      modelValue: l.value.dataFormula,
-                      "onUpdate:modelValue": u[5] || (u[5] = (C) => l.value.dataFormula = C),
-                      placeholder: t(s)("report.section.sort.dataFormula")
+                      modelValue: o.value.dataFormula,
+                      "onUpdate:modelValue": d[5] || (d[5] = (C) => o.value.dataFormula = C),
+                      placeholder: t(r)("report.section.sort.dataFormula")
                     }, null, 8, ["modelValue", "placeholder"])) : U("", !0)
                   ], 64)) : U("", !0)
                 ];
@@ -1369,25 +1369,25 @@ const kl = { class: "grow" }, Cl = {
         }, 8, ["modelValue", "title"]),
         k("div", null, [
           k("p", Il, B(n.value), 1),
-          k("p", Bl, B(t(s)("report.section.sort.description")), 1)
+          k("p", Bl, B(t(r)("report.section.sort.description")), 1)
         ]),
         m(A, null, {
-          default: D(() => [
+          default: $(() => [
             m(t(we), {
               list: a.value,
               "item-key": "id",
               class: "flex flex-col gap-2 w-full"
             }, {
-              item: D(({ element: q, index: X }) => [
+              item: $(({ element: q, index: X }) => [
                 m(L, {
                   class: "!cursor-grab border rounded-md border-neutral-300 h-[40px] !p-[8px]",
-                  onClick: te((J) => d(v.value[X]), ["stop"])
+                  onClick: te((J) => p(v.value[X]), ["stop"])
                 }, {
-                  default: D(() => [
+                  default: $(() => [
                     m(c, { name: "drag_handle" }),
                     k("p", Ll, B(t(Ue)(q.name)), 1),
-                    u[8] || (u[8] = k("div", { class: "grow" }, null, -1)),
-                    m(g, {
+                    d[8] || (d[8] = k("div", { class: "grow" }, null, -1)),
+                    m(b, {
                       icon: "close",
                       size: "md",
                       variant: "tertiary",
@@ -1402,50 +1402,50 @@ const kl = { class: "grow" }, Cl = {
           ]),
           _: 1
         }),
-        m(Y, {
+        m(H, {
           class: "text-fm-color-typo-tertiary",
-          onClick: u[7] || (u[7] = () => {
-            d();
+          onClick: d[7] || (d[7] = () => {
+            p();
           })
         }, {
-          default: D(() => [
-            ce(B(t(s)("report.section.sort.add")), 1)
+          default: $(() => [
+            ce(B(t(r)("report.section.sort.add")), 1)
           ]),
           _: 1
         })
       ]);
     };
   }
-}), Rl = { class: "fm-typo-en-body-lg-600" }, zl = { class: "fm-typo-en-body-sm-600 text-fm-color-neutral-gray-400" }, Ml = /* @__PURE__ */ P({
+}), Ml = { class: "fm-typo-en-body-lg-600" }, Rl = { class: "fm-typo-en-body-sm-600 text-fm-color-neutral-gray-400" }, zl = /* @__PURE__ */ P({
   __name: "LimitSection",
   props: {
     modelValue: { required: !0, default: null },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(V) {
-    const { t: s } = W(), a = ee(V, "modelValue"), r = Ve((n) => {
+  setup(F) {
+    const { t: r } = E(), a = ee(F, "modelValue"), u = Ve((n) => {
       n !== "" ? a.value = n : a.value = null;
     }, 1e3);
     return (n, f) => {
-      const v = F("FmTextField");
+      const v = w("FmTextField");
       return y(), O(Q, null, [
         k("div", null, [
-          k("p", Rl, B(t(s)("report.section.limit.title")), 1),
-          k("p", zl, B(t(s)("report.section.limit.description")), 1)
+          k("p", Ml, B(t(r)("report.section.limit.title")), 1),
+          k("p", Rl, B(t(r)("report.section.limit.description")), 1)
         ]),
         m(v, {
           "model-value": a.value,
           inputmode: "numeric",
-          placeholder: t(s)("report.section.limit.placeholder"),
-          "onUpdate:modelValue": f[0] || (f[0] = (x) => t(r)(x))
+          placeholder: t(r)("report.section.limit.placeholder"),
+          "onUpdate:modelValue": f[0] || (f[0] = (x) => t(u)(x))
         }, null, 8, ["model-value", "placeholder"])
       ], 64);
     };
   }
-}), Pl = { class: "flex flex-col my-2 gap-8" }, Al = { class: "fm-typo-en-body-lg-600" }, ql = { class: "fm-typo-en-body-sm-600 text-fm-color-neutral-gray-400" }, Xl = { class: "fm-typo-en-body-lg-400 text-ellipsis overflow-hidden line-clamp-1" }, Yl = /* @__PURE__ */ P({
+}), Pl = { class: "flex flex-col my-2 gap-8" }, Al = { class: "fm-typo-en-body-lg-600" }, ql = { class: "fm-typo-en-body-sm-600 text-fm-color-neutral-gray-400" }, Xl = { class: "fm-typo-en-body-lg-400 text-ellipsis overflow-hidden line-clamp-1" }, Hl = /* @__PURE__ */ P({
   __name: "ConditionSection",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ Y({
     joinFieldOptions: {
       type: Array,
       default: () => []
@@ -1459,166 +1459,166 @@ const kl = { class: "grow" }, Cl = {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(V) {
-    const { t: s } = W(), a = ee(V, "modelValue"), r = V, n = M(!1), f = _(
-      () => a.value.map((u, o) => {
+  setup(F) {
+    const { t: r } = E(), a = ee(F, "modelValue"), u = F, n = z(!1), f = _(
+      () => a.value.map((d, l) => {
         var i, e;
         return {
-          index: o,
-          labels: [(i = u.joinDimension) == null ? void 0 : i.schemaName, (e = u.joinDimension) == null ? void 0 : e.name],
-          value: u
+          index: l,
+          labels: [(i = d.joinDimension) == null ? void 0 : i.schemaName, (e = d.joinDimension) == null ? void 0 : e.name],
+          value: d
         };
       })
-    ), v = M(a.value.length > 0 ? 0 : void 0);
-    function x(u) {
-      u ? (d.value = u != null && u.value ? JSON.parse(JSON.stringify(u.value)) : void 0, v.value = u == null ? void 0 : u.index) : (d.value = {
+    ), v = z(a.value.length > 0 ? 0 : void 0);
+    function x(d) {
+      d ? (p.value = d != null && d.value ? JSON.parse(JSON.stringify(d.value)) : void 0, v.value = d == null ? void 0 : d.index) : (p.value = {
         joinDimension: null,
         operator: "",
         mainDimensions: []
       }, v.value = void 0), n.value = !0;
     }
-    const d = M(void 0), l = _(
-      () => r.joinFieldOptions.find(
-        (u) => {
-          var o, i;
-          return u.schemaName === ((i = (o = d.value) == null ? void 0 : o.joinDimension) == null ? void 0 : i.schemaName) && u.name === d.value.joinDimension.name;
+    const p = z(void 0), o = _(
+      () => u.joinFieldOptions.find(
+        (d) => {
+          var l, i;
+          return d.schemaName === ((i = (l = p.value) == null ? void 0 : l.joinDimension) == null ? void 0 : i.schemaName) && d.name === p.value.joinDimension.name;
         }
       ) ?? {}
-    ), p = _(
+    ), s = _(
       () => {
-        var u;
-        return (((u = d.value) == null ? void 0 : u.mainDimensions) || []).map(
-          (o) => r.mainFieldOptions.find(
-            (i) => i.schemaName === (o == null ? void 0 : o.schemaName) && i.name === o.name
+        var d;
+        return (((d = p.value) == null ? void 0 : d.mainDimensions) || []).map(
+          (l) => u.mainFieldOptions.find(
+            (i) => i.schemaName === (l == null ? void 0 : l.schemaName) && i.name === l.name
           ) ?? {}
         );
       }
-    ), b = _(
-      () => r.joinFieldOptions.map((u) => ({ label: u.labels.join(" "), value: u }))
+    ), g = _(
+      () => u.joinFieldOptions.map((d) => ({ label: d.labels.join(" "), value: d }))
     );
-    function S(u) {
-      var o, i, e, c;
-      d.value && (d.value && u.schemaName !== ((i = (o = d.value) == null ? void 0 : o.joinDimension) == null ? void 0 : i.schemaName) || u.name !== ((c = (e = d.value) == null ? void 0 : e.joinDimension) == null ? void 0 : c.name)) && (d.value = {
-        ...d.value,
+    function T(d) {
+      var l, i, e, c;
+      p.value && (p.value && d.schemaName !== ((i = (l = p.value) == null ? void 0 : l.joinDimension) == null ? void 0 : i.schemaName) || d.name !== ((c = (e = p.value) == null ? void 0 : e.joinDimension) == null ? void 0 : c.name)) && (p.value = {
+        ...p.value,
         joinDimension: {
-          schemaName: u.schemaName,
-          name: u.name,
-          option: u.dimensionOptions[0],
-          label: u.label,
+          schemaName: d.schemaName,
+          name: d.name,
+          option: d.dimensionOptions[0],
+          label: d.label,
           hide: !0
         }
-      }, u.joinConditionOperators.includes(d.value.operator) || N(u.joinConditionOperators[0]));
+      }, d.joinConditionOperators.includes(p.value.operator) || N(d.joinConditionOperators[0]));
     }
-    function $(u, o) {
-      var i, e, c, g;
-      if (d.value && o >= 0 && (d.value && u.schemaName !== ((e = (i = d.value) == null ? void 0 : i.mainDimensions[o]) == null ? void 0 : e.schemaName) || u.name !== ((g = (c = d.value) == null ? void 0 : c.mainDimensions[o]) == null ? void 0 : g.name))) {
-        const L = [...d.value.mainDimensions];
-        L[o] = {
-          schemaName: u.schemaName,
-          name: u.name,
-          option: u.dimensionOptions[0],
-          label: u.label,
+    function D(d, l) {
+      var i, e, c, b;
+      if (p.value && l >= 0 && (p.value && d.schemaName !== ((e = (i = p.value) == null ? void 0 : i.mainDimensions[l]) == null ? void 0 : e.schemaName) || d.name !== ((b = (c = p.value) == null ? void 0 : c.mainDimensions[l]) == null ? void 0 : b.name))) {
+        const L = [...p.value.mainDimensions];
+        L[l] = {
+          schemaName: d.schemaName,
+          name: d.name,
+          option: d.dimensionOptions[0],
+          label: d.label,
           hide: !0
-        }, d.value = {
-          ...d.value,
+        }, p.value = {
+          ...p.value,
           mainDimensions: L
         };
       }
     }
-    function N(u) {
-      if (d.value)
-        switch (u) {
+    function N(d) {
+      if (p.value)
+        switch (d) {
           case ae.Between:
-            d.value = {
-              ...d.value,
-              operator: u,
+            p.value = {
+              ...p.value,
+              operator: d,
               mainDimensions: [null, null]
             };
             break;
           default:
-            d.value = {
-              ...d.value,
-              operator: u,
+            p.value = {
+              ...p.value,
+              operator: d,
               mainDimensions: [null]
             };
             break;
         }
     }
-    function w() {
-      const u = [...f.value.map((o) => o.value)];
-      d.value && (d.value.mainDimensions = d.value.mainDimensions.filter(
-        (o) => o !== "" && o != null
-      ), v.value !== void 0 ? u[v.value] = d.value : u.push(d.value)), a.value = u, n.value = !1;
+    function V() {
+      const d = [...f.value.map((l) => l.value)];
+      p.value && (p.value.mainDimensions = p.value.mainDimensions.filter(
+        (l) => l !== "" && l != null
+      ), v.value !== void 0 ? d[v.value] = p.value : d.push(p.value)), a.value = d, n.value = !1;
     }
-    function h(u) {
-      const o = [...f.value.map((i) => i.value)];
-      o.splice(u, 1), a.value = o;
+    function h(d) {
+      const l = [...f.value.map((i) => i.value)];
+      l.splice(d, 1), a.value = l;
     }
-    return (u, o) => {
-      const i = F("FmMenuDivider"), e = F("FmForm"), c = F("FmButton"), g = F("FmListItem"), L = F("FmList"), A = F("FmField");
+    return (d, l) => {
+      const i = w("FmMenuDivider"), e = w("FmForm"), c = w("FmButton"), b = w("FmListItem"), L = w("FmList"), A = w("FmField");
       return y(), O("div", Pl, [
         m(pe, {
           modelValue: n.value,
-          "onUpdate:modelValue": o[2] || (o[2] = (Y) => n.value = Y),
-          title: t(s)("report.section.condition.condition"),
-          onConfirm: w
+          "onUpdate:modelValue": l[2] || (l[2] = (H) => n.value = H),
+          title: t(r)("report.section.condition.condition"),
+          onConfirm: V
         }, {
-          content: D(() => [
+          content: $(() => [
             m(e, {
               ref: "form",
               class: "flex flex-col gap-2 w-[490px]"
             }, {
-              default: D(() => {
-                var Y, q, X, J, E;
+              default: $(() => {
+                var H, q, X, J, W;
                 return [
                   m(K, {
-                    label: t(s)("report.section.condition.joinDatasource"),
-                    "model-value": l.value,
-                    items: b.value,
-                    placeholder: t(s)("report.section.condition.joinDimension"),
-                    "onUpdate:modelValue": o[0] || (o[0] = (C) => S(C))
+                    label: t(r)("report.section.condition.joinDatasource"),
+                    "model-value": o.value,
+                    items: g.value,
+                    placeholder: t(r)("report.section.condition.joinDimension"),
+                    "onUpdate:modelValue": l[0] || (l[0] = (C) => T(C))
                   }, null, 8, ["label", "model-value", "items", "placeholder"]),
                   m(i),
-                  (Y = d.value) != null && Y.joinDimension && (((q = l.value) == null ? void 0 : q.dimensionOptions) || []).length > 0 ? (y(), T(K, {
+                  (H = p.value) != null && H.joinDimension && (((q = o.value) == null ? void 0 : q.dimensionOptions) || []).length > 0 ? (y(), S(K, {
                     key: 0,
-                    modelValue: d.value.joinDimension.option,
-                    "onUpdate:modelValue": o[1] || (o[1] = (C) => d.value.joinDimension.option = C),
-                    label: t(s)("report.section.condition.format"),
-                    items: ((X = l.value) == null ? void 0 : X.dimensionOptions.map((C) => ({
+                    modelValue: p.value.joinDimension.option,
+                    "onUpdate:modelValue": l[1] || (l[1] = (C) => p.value.joinDimension.option = C),
+                    label: t(r)("report.section.condition.format"),
+                    items: ((X = o.value) == null ? void 0 : X.dimensionOptions.map((C) => ({
                       label: C,
                       value: C
                     }))) ?? []
                   }, null, 8, ["modelValue", "label", "items"])) : U("", !0),
-                  d.value && (((J = l.value) == null ? void 0 : J.joinConditionOperators) || []).length > 0 ? (y(), T(K, {
+                  p.value && (((J = o.value) == null ? void 0 : J.joinConditionOperators) || []).length > 0 ? (y(), S(K, {
                     key: 1,
-                    "model-value": d.value.operator,
-                    label: t(s)("report.section.condition.operator"),
-                    items: l.value.joinConditionOperators.map((C) => ({
+                    "model-value": p.value.operator,
+                    label: t(r)("report.section.condition.operator"),
+                    items: o.value.joinConditionOperators.map((C) => ({
                       label: C,
                       value: C
                     })) ?? [],
                     "onUpdate:modelValue": N
                   }, null, 8, ["model-value", "label", "items"])) : U("", !0),
-                  (y(!0), O(Q, null, de(((E = d.value) == null ? void 0 : E.mainDimensions) || [], (C, I) => {
+                  (y(!0), O(Q, null, de(((W = p.value) == null ? void 0 : W.mainDimensions) || [], (C, I) => {
                     var G, oe;
                     return y(), O("div", {
                       key: I,
                       class: "flex flex-col gap-2"
                     }, [
                       m(K, {
-                        "model-value": p.value[I],
-                        label: t(s)("report.section.condition.mainDatasource", { index: I + 1 }),
-                        items: r.mainFieldOptions.map((Z) => ({
+                        "model-value": s.value[I],
+                        label: t(r)("report.section.condition.mainDatasource", { index: I + 1 }),
+                        items: u.mainFieldOptions.map((Z) => ({
                           label: Z.labels.join(" "),
                           value: Z
                         })),
-                        "onUpdate:modelValue": (Z) => $(Z, I)
+                        "onUpdate:modelValue": (Z) => D(Z, I)
                       }, null, 8, ["model-value", "label", "items", "onUpdate:modelValue"]),
-                      C && (((G = p.value[I]) == null ? void 0 : G.dimensionOptions) || []).length > 0 && C ? (y(), T(K, {
+                      C && (((G = s.value[I]) == null ? void 0 : G.dimensionOptions) || []).length > 0 && C ? (y(), S(K, {
                         key: 0,
                         modelValue: C.option,
                         "onUpdate:modelValue": (Z) => C.option = Z,
-                        items: (oe = p.value[I]) == null ? void 0 : oe.dimensionOptions.map((Z) => ({
+                        items: (oe = s.value[I]) == null ? void 0 : oe.dimensionOptions.map((Z) => ({
                           label: Z,
                           value: Z
                         }))
@@ -1634,26 +1634,26 @@ const kl = { class: "grow" }, Cl = {
           _: 1
         }, 8, ["modelValue", "title"]),
         k("div", null, [
-          k("p", Al, B(t(s)("report.section.condition.condition")), 1),
-          k("p", ql, B(t(s)("report.section.condition.description")), 1)
+          k("p", Al, B(t(r)("report.section.condition.condition")), 1),
+          k("p", ql, B(t(r)("report.section.condition.description")), 1)
         ]),
         m(L, { class: "flex flex-col gap-2" }, {
-          default: D(() => [
-            (y(!0), O(Q, null, de(a.value, (Y, q) => (y(), T(g, {
+          default: $(() => [
+            (y(!0), O(Q, null, de(a.value, (H, q) => (y(), S(b, {
               key: q,
               class: "!cursor-grab border rounded-md border-neutral-300 h-[40px] !p-[8px]",
               onClick: (X) => x(f.value[q])
             }, {
-              default: D(() => {
+              default: $(() => {
                 var X, J;
                 return [
-                  k("p", Xl, B(t(ol)(((X = Y.joinDimension) == null ? void 0 : X.schemaName) ?? "")) + " " + B((J = Y.joinDimension) == null ? void 0 : J.label), 1),
-                  o[4] || (o[4] = k("div", { class: "grow" }, null, -1)),
+                  k("p", Xl, B(t(ol)(((X = H.joinDimension) == null ? void 0 : X.schemaName) ?? "")) + " " + B((J = H.joinDimension) == null ? void 0 : J.label), 1),
+                  l[4] || (l[4] = k("div", { class: "grow" }, null, -1)),
                   m(c, {
                     icon: "close",
                     size: "md",
                     variant: "tertiary",
-                    onClick: te((E) => h(q), ["stop"])
+                    onClick: te((W) => h(q), ["stop"])
                   }, null, 8, ["onClick"])
                 ];
               }),
@@ -1664,43 +1664,43 @@ const kl = { class: "grow" }, Cl = {
         }),
         m(A, {
           class: "text-fm-color-typo-tertiary cursor-pointer",
-          onClick: o[3] || (o[3] = (Y) => x())
+          onClick: l[3] || (l[3] = (H) => x())
         }, {
-          default: D(() => [
-            ce(B(t(s)("report.section.condition.add")), 1)
+          default: $(() => [
+            ce(B(t(r)("report.section.condition.add")), 1)
           ]),
           _: 1
         })
       ]);
     };
   }
-}), El = /* @__PURE__ */ P({
+}), Wl = /* @__PURE__ */ P({
   __name: "TableResizeSection",
   props: {
     model: {}
   },
-  setup(V) {
-    const { t: s, te: a } = W(), r = V, { isEditing: n, colWidths: f, rowHeight: v } = me(he()), { enableCellResizing: x, cancelResizingChanges: d } = he();
+  setup(F) {
+    const { t: r, te: a } = E(), u = F, { isEditing: n, colWidths: f, rowHeight: v } = me(he()), { enableCellResizing: x, cancelResizingChanges: p } = he();
     return Ie(() => {
-      r.model.rowHeight !== void 0 && (v.value = r.model.rowHeight), r.model.colWidths && (f.value = [...r.model.colWidths]);
-    }), (l, p) => {
-      const b = F("FmButton");
+      u.model.rowHeight !== void 0 && (v.value = u.model.rowHeight), u.model.colWidths && (f.value = [...u.model.colWidths]);
+    }), (o, s) => {
+      const g = w("FmButton");
       return y(), O(Q, null, [
-        m(b, {
-          label: t(s)("report.section.datasource.resizeTable"),
+        m(g, {
+          label: t(r)("report.section.datasource.resizeTable"),
           onClick: t(x)
         }, null, 8, ["label", "onClick"]),
-        t(n) ? (y(), T(b, {
+        t(n) ? (y(), S(g, {
           key: 0,
-          label: t(s)("report.common.cancel"),
-          onClick: t(d)
+          label: t(r)("report.common.cancel"),
+          onClick: t(p)
         }, null, 8, ["label", "onClick"])) : U("", !0)
       ], 64);
     };
   }
 }), Ne = /* @__PURE__ */ P({
   __name: "Datasource",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ Y({
     label: {
       type: String,
       default: "Label"
@@ -1727,196 +1727,196 @@ const kl = { class: "grow" }, Cl = {
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ H(["click-close"], ["update:modelValue"]),
-  setup(V, { emit: s }) {
-    const { disableEditMode: a, resetStore: r } = he(), n = ee(V, "modelValue");
+  emits: /* @__PURE__ */ Y(["click-close"], ["update:modelValue"]),
+  setup(F, { emit: r }) {
+    const { disableEditMode: a, resetStore: u } = he(), n = ee(F, "modelValue");
     ne(
       [() => n.value.dimensions, () => n.value.metrics],
       () => {
-        const { rowIds: u, columnIds: o } = Fe(n.value);
-        n.value.rowIds = u, n.value.columnIds = o;
+        const { rowIds: d, columnIds: l } = Fe(n.value);
+        n.value.rowIds = d, n.value.columnIds = l;
       },
       { deep: !0 }
     );
-    const f = V, v = s, { schemas: x } = me(Re());
+    const f = F, v = r, { schemas: x } = me(Me());
     Xe(() => {
-      a(), r();
+      a(), u();
     });
-    const { t: d, te: l } = W(), p = _(() => !f.mainDatasourceConfig), b = _(
+    const { t: p, te: o } = E(), s = _(() => !f.mainDatasourceConfig), g = _(
       () => [j.BarChart, j.LineChart, j.Scorecard].includes(f.config.type)
-    ), S = _(() => {
-      const u = [...n.value.dimensions].filter((o) => !o.hide);
-      return u.sort(
-        (o, i) => (n.value.rowIds || []).indexOf(ye(o)) - (n.value.rowIds || []).indexOf(ye(i))
-      ), u;
-    }), $ = _(() => f.config.type === j.Scorecard), N = _(
+    ), T = _(() => {
+      const d = [...n.value.dimensions].filter((l) => !l.hide);
+      return d.sort(
+        (l, i) => (n.value.rowIds || []).indexOf(ye(l)) - (n.value.rowIds || []).indexOf(ye(i))
+      ), d;
+    }), D = _(() => f.config.type === j.Scorecard), N = _(
       () => {
-        var u;
-        return (((u = f.mainDatasourceConfig) == null ? void 0 : u.schemaNames) || []).reduce(
-          (o, i) => {
+        var d;
+        return (((d = f.mainDatasourceConfig) == null ? void 0 : d.schemaNames) || []).reduce(
+          (l, i) => {
             const e = x.value.find((c) => c.name === i);
-            return e && (o = [
-              ...o,
+            return e && (l = [
+              ...l,
               ...e.fields.map((c) => ({
                 ...c,
                 labels: [
-                  le(d, l, e.label, "schema"),
-                  le(d, l, c.label || c.name, "other")
+                  le(p, o, e.label, "schema"),
+                  le(p, o, c.label || c.name, "other")
                 ]
               }))
-            ]), o;
+            ]), l;
           },
           []
         );
       }
-    ), w = _(
-      () => n.value.schemaNames.reduce((u, o) => {
-        const i = x.value.find((e) => e.name === o);
-        return i && (u = [
-          ...u,
+    ), V = _(
+      () => n.value.schemaNames.reduce((d, l) => {
+        const i = x.value.find((e) => e.name === l);
+        return i && (d = [
+          ...d,
           ...i.fields.map((e) => ({
             ...e,
             labels: [
-              le(d, l, i.label, "schema"),
-              le(d, l, e.label || e.name, "other")
+              le(p, o, i.label, "schema"),
+              le(p, o, e.label || e.name, "other")
             ]
           }))
-        ]), u;
+        ]), d;
       }, [])
     ), h = _(() => [
-      { label: d("report.section.datasource.none"), value: null },
-      { label: d("report.section.datasource.grandTotal"), value: 0 },
-      ...[...S.value].slice(0, S.value.length - 1).map((u, o) => ({
-        label: le(d, l, u.label, "other"),
-        value: o + 1
+      { label: p("report.section.datasource.none"), value: null },
+      { label: p("report.section.datasource.grandTotal"), value: 0 },
+      ...[...T.value].slice(0, T.value.length - 1).map((d, l) => ({
+        label: le(p, o, d.label, "other"),
+        value: l + 1
       }))
     ]);
-    return (u, o) => {
-      const i = F("FmButton"), e = F("FmSwitch"), c = F("FmSelect");
-      return y(), T(_e, null, {
-        header: D(() => [
+    return (d, l) => {
+      const i = w("FmButton"), e = w("FmSwitch"), c = w("FmSelect");
+      return y(), S(_e, null, {
+        header: $(() => [
           k("p", null, B(f.label), 1),
-          o[18] || (o[18] = k("div", { class: "grow" }, null, -1)),
-          f.closeable ? (y(), T(i, {
+          l[18] || (l[18] = k("div", { class: "grow" }, null, -1)),
+          f.closeable ? (y(), S(i, {
             key: 0,
             icon: "close",
             variant: "tertiary",
             size: "md",
-            onClick: o[0] || (o[0] = te((g) => v("click-close"), ["stop"]))
+            onClick: l[0] || (l[0] = te((b) => v("click-close"), ["stop"]))
           })) : U("", !0)
         ]),
-        content: D(() => [
+        content: $(() => [
           m(dl, {
             modelValue: n.value,
-            "onUpdate:modelValue": o[1] || (o[1] = (g) => n.value = g),
-            label: t(d)("report.section.schema.title")
+            "onUpdate:modelValue": l[1] || (l[1] = (b) => n.value = b),
+            label: t(p)("report.section.schema.title")
           }, null, 8, ["modelValue", "label"]),
           m(Ce, {
             modelValue: n.value.dimensions,
-            "onUpdate:modelValue": o[2] || (o[2] = (g) => n.value.dimensions = g),
-            options: w.value,
+            "onUpdate:modelValue": l[2] || (l[2] = (b) => n.value.dimensions = b),
+            options: V.value,
             config: n.value,
             max: f.config.maxDimension,
             "has-row-column": !0,
-            onConfig: o[3] || (o[3] = (g) => {
-              n.value = g;
+            onConfig: l[3] || (l[3] = (b) => {
+              n.value = b;
             })
           }, null, 8, ["modelValue", "options", "config", "max"]),
           m(e, {
             "label-placement": "right",
-            label: t(d)("report.section.datasource.comparable"),
+            label: t(p)("report.section.datasource.comparable"),
             "model-value": n.value.isComparable ?? !1,
-            "onUpdate:modelValue": o[4] || (o[4] = (g) => {
-              n.value.isComparable = g;
+            "onUpdate:modelValue": l[4] || (l[4] = (b) => {
+              n.value.isComparable = b;
             })
           }, null, 8, ["label", "model-value"]),
-          b.value ? (y(), T(e, {
+          g.value ? (y(), S(e, {
             key: 0,
             "label-placement": "right",
-            label: t(d)("report.section.datasource.cumulative"),
+            label: t(p)("report.section.datasource.cumulative"),
             "model-value": n.value.isCumulative ?? !1,
-            "onUpdate:modelValue": o[5] || (o[5] = (g) => {
-              n.value.isCumulative = g;
+            "onUpdate:modelValue": l[5] || (l[5] = (b) => {
+              n.value.isCumulative = b;
             })
           }, null, 8, ["label", "model-value"])) : U("", !0),
-          f.config.isDrillConfigurable && p.value ? (y(), T(e, {
+          f.config.isDrillConfigurable && s.value ? (y(), S(e, {
             key: 1,
-            label: t(d)("report.section.datasource.drill"),
+            label: t(p)("report.section.datasource.drill"),
             "label-placement": "right",
             "model-value": n.value.isDrillable ?? !1,
-            "onUpdate:modelValue": o[6] || (o[6] = (g) => {
-              n.value.isDrillable = g;
+            "onUpdate:modelValue": l[6] || (l[6] = (b) => {
+              n.value.isDrillable = b;
             })
           }, null, 8, ["label", "model-value"])) : U("", !0),
-          f.config.canRollup && p.value ? (y(), T(c, {
+          f.config.canRollup && s.value ? (y(), S(c, {
             key: 2,
             modelValue: n.value.rollup,
-            "onUpdate:modelValue": o[7] || (o[7] = (g) => n.value.rollup = g),
-            label: t(d)("report.section.datasource.subTotal"),
+            "onUpdate:modelValue": l[7] || (l[7] = (b) => n.value.rollup = b),
+            label: t(p)("report.section.datasource.subTotal"),
             items: h.value
           }, null, 8, ["modelValue", "label", "items"])) : U("", !0),
-          f.config.canTranspose && p.value ? (y(), T(e, {
+          f.config.canTranspose && s.value ? (y(), S(e, {
             key: 3,
             modelValue: n.value.isTransposed,
-            "onUpdate:modelValue": o[8] || (o[8] = (g) => n.value.isTransposed = g),
-            label: t(d)("report.section.datasource.transpose"),
+            "onUpdate:modelValue": l[8] || (l[8] = (b) => n.value.isTransposed = b),
+            label: t(p)("report.section.datasource.transpose"),
             "label-placement": "right"
           }, null, 8, ["modelValue", "label"])) : U("", !0),
-          f.config.hasTable ? (y(), T(El, {
+          f.config.hasTable ? (y(), S(Wl, {
             key: 4,
             model: n.value,
-            "onUpdate:model": o[9] || (o[9] = (g) => n.value = g)
+            "onUpdate:model": l[9] || (l[9] = (b) => n.value = b)
           }, null, 8, ["model"])) : U("", !0),
-          f.config.hasBreakdownDimension ? (y(), T(Ce, {
+          f.config.hasBreakdownDimension ? (y(), S(Ce, {
             key: 5,
             "model-value": n.value.breakdownDimension ? [n.value.breakdownDimension] : [],
-            label: t(d)("report.section.dimension.breakdownDimension"),
+            label: t(p)("report.section.dimension.breakdownDimension"),
             max: 1,
-            options: w.value,
-            "onUpdate:modelValue": o[10] || (o[10] = (g) => {
-              n.value.breakdownDimension = g[0];
+            options: V.value,
+            "onUpdate:modelValue": l[10] || (l[10] = (b) => {
+              n.value.breakdownDimension = b[0];
             })
           }, null, 8, ["model-value", "label", "options"])) : U("", !0),
-          $.value ? (y(), T(Ce, {
+          D.value ? (y(), S(Ce, {
             key: 6,
             "model-value": n.value.sparklineDimension ? [n.value.sparklineDimension] : [],
-            label: t(d)("report.section.dimension.sparklineDimension"),
+            label: t(p)("report.section.dimension.sparklineDimension"),
             max: 1,
-            options: w.value,
-            "onUpdate:modelValue": o[11] || (o[11] = (g) => {
-              n.value.sparklineDimension = g[0];
+            options: V.value,
+            "onUpdate:modelValue": l[11] || (l[11] = (b) => {
+              n.value.sparklineDimension = b[0];
             })
           }, null, 8, ["model-value", "label", "options"])) : U("", !0),
           m(Fl, {
             modelValue: n.value.metrics,
-            "onUpdate:modelValue": o[12] || (o[12] = (g) => n.value.metrics = g),
-            options: w.value,
+            "onUpdate:modelValue": l[12] || (l[12] = (b) => n.value.metrics = b),
+            options: V.value,
             max: f.config.maxMetric,
             config: n.value,
             "has-row-column": f.config.type === t(j).Table,
-            onConfig: o[13] || (o[13] = (g) => {
-              n.value = g;
+            onConfig: l[13] || (l[13] = (b) => {
+              n.value = b;
             })
           }, null, 8, ["modelValue", "options", "max", "config", "has-row-column"]),
           m(Nl, {
             modelValue: n.value.filters,
-            "onUpdate:modelValue": o[14] || (o[14] = (g) => n.value.filters = g),
-            options: w.value
+            "onUpdate:modelValue": l[14] || (l[14] = (b) => n.value.filters = b),
+            options: V.value
           }, null, 8, ["modelValue", "options"]),
           m(jl, {
             modelValue: n.value.sorts,
-            "onUpdate:modelValue": o[15] || (o[15] = (g) => n.value.sorts = g),
-            options: w.value
+            "onUpdate:modelValue": l[15] || (l[15] = (b) => n.value.sorts = b),
+            options: V.value
           }, null, 8, ["modelValue", "options"]),
-          m(Ml, {
+          m(zl, {
             modelValue: n.value.limit,
-            "onUpdate:modelValue": o[16] || (o[16] = (g) => n.value.limit = g)
+            "onUpdate:modelValue": l[16] || (l[16] = (b) => n.value.limit = b)
           }, null, 8, ["modelValue"]),
-          n.value.conditions ? (y(), T(Yl, {
+          n.value.conditions ? (y(), S(Hl, {
             key: 7,
             modelValue: n.value.conditions,
-            "onUpdate:modelValue": o[17] || (o[17] = (g) => n.value.conditions = g),
-            "join-field-options": w.value,
+            "onUpdate:modelValue": l[17] || (l[17] = (b) => n.value.conditions = b),
+            "join-field-options": V.value,
             "main-field-options": N.value
           }, null, 8, ["modelValue", "join-field-options", "main-field-options"])) : U("", !0)
         ]),
@@ -1924,9 +1924,9 @@ const kl = { class: "grow" }, Cl = {
       });
     };
   }
-}), Hl = { class: "fm-typo-en-title-sm-600" }, Te = /* @__PURE__ */ P({
+}), Yl = { class: "fm-typo-en-title-sm-600" }, Te = /* @__PURE__ */ P({
   __name: "TileEditorTabHeader",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ Y({
     icon: {
       type: String,
       required: !0
@@ -1936,35 +1936,35 @@ const kl = { class: "grow" }, Cl = {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(V) {
-    const { t: s } = W(), a = ee(V, "modelValue"), r = V;
+  setup(F) {
+    const { t: r } = E(), a = ee(F, "modelValue"), u = F;
     return (n, f) => {
-      const v = F("FmIcon");
+      const v = w("FmIcon");
       return y(), O("div", {
         class: "px-6 py-16 flex items-center gap-2 bg-fm-color-neutral-white border cursor-pointer",
         onClick: f[0] || (f[0] = (x) => a.value = !a.value)
       }, [
-        k("p", Hl, B(t(s)("report.tile.setting")), 1),
+        k("p", Yl, B(t(r)("report.tile.setting")), 1),
         f[1] || (f[1] = k("div", { class: "grow" }, null, -1)),
         m(v, {
-          name: r.icon
+          name: u.icon
         }, null, 8, ["name"])
       ]);
     };
   }
-}), Wl = /* @__PURE__ */ P({
+}), El = /* @__PURE__ */ P({
   __name: "TileEditorTabDesktop",
   props: {
     modelValue: { required: !0, default: !1 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(V) {
-    const s = ee(V, "modelValue");
-    return (a, r) => (y(), O(Q, null, [
+  setup(F) {
+    const r = ee(F, "modelValue");
+    return (a, u) => (y(), O(Q, null, [
       m(Te, {
-        modelValue: s.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (n) => s.value = n),
+        modelValue: r.value,
+        "onUpdate:modelValue": u[0] || (u[0] = (n) => r.value = n),
         icon: "keyboard_double_arrow_left"
       }, null, 8, ["modelValue"]),
       Be(a.$slots, "default")
@@ -1977,28 +1977,28 @@ const kl = { class: "grow" }, Cl = {
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(V) {
-    const s = ee(V, "modelValue");
-    return (a, r) => {
-      const n = F("FmTopSheet");
+  setup(F) {
+    const r = ee(F, "modelValue");
+    return (a, u) => {
+      const n = w("FmTopSheet");
       return y(), O("div", Jl, [
         m(Te, {
-          modelValue: s.value,
-          "onUpdate:modelValue": r[0] || (r[0] = (f) => s.value = f),
+          modelValue: r.value,
+          "onUpdate:modelValue": u[0] || (u[0] = (f) => r.value = f),
           icon: "keyboard_double_arrow_up"
         }, null, 8, ["modelValue"]),
         m(n, {
-          modelValue: s.value,
-          "onUpdate:modelValue": r[2] || (r[2] = (f) => s.value = f),
+          modelValue: r.value,
+          "onUpdate:modelValue": u[2] || (u[2] = (f) => r.value = f),
           "fullscreen-size": "sm"
         }, {
-          default: D(() => [
+          default: $(() => [
             m(Te, {
-              modelValue: s.value,
-              "onUpdate:modelValue": r[1] || (r[1] = (f) => s.value = f),
+              modelValue: r.value,
+              "onUpdate:modelValue": u[1] || (u[1] = (f) => r.value = f),
               icon: "keyboard_double_arrow_down"
             }, null, 8, ["modelValue"]),
-            s.value ? Be(a.$slots, "default", { key: 0 }) : U("", !0)
+            r.value ? Be(a.$slots, "default", { key: 0 }) : U("", !0)
           ]),
           _: 3
         }, 8, ["modelValue"])
@@ -2011,65 +2011,65 @@ const kl = { class: "grow" }, Cl = {
     model: {}
   },
   emits: ["update:model"],
-  setup(V, { emit: s }) {
-    const a = V, r = s, { t: n } = W(), f = _({
+  setup(F, { emit: r }) {
+    const a = F, u = r, { t: n } = E(), f = _({
       get: () => a.model.showTitle ?? !1,
-      set: (p) => r("update:model", { ...a.model, showTitle: p })
+      set: (s) => u("update:model", { ...a.model, showTitle: s })
     }), v = _({
       get: () => a.model.titleFontSize ?? 14,
-      set: (p) => r("update:model", { ...a.model, titleFontSize: Math.min(Number(p), 24) })
+      set: (s) => u("update:model", { ...a.model, titleFontSize: Math.min(Number(s), 24) })
     }), x = _({
       get: () => a.model.titleBold ?? !1,
-      set: (p) => r("update:model", { ...a.model, titleBold: p })
-    }), d = _({
+      set: (s) => u("update:model", { ...a.model, titleBold: s })
+    }), p = _({
       get: () => a.model.titleItalic ?? !1,
-      set: (p) => r("update:model", { ...a.model, titleItalic: p })
-    }), l = _({
+      set: (s) => u("update:model", { ...a.model, titleItalic: s })
+    }), o = _({
       get: () => a.model.titleUnderline ?? !1,
-      set: (p) => r("update:model", { ...a.model, titleUnderline: p })
+      set: (s) => u("update:model", { ...a.model, titleUnderline: s })
     });
-    return (p, b) => {
-      const S = F("FmStepperField"), $ = F("FmButton"), N = F("FmSwitch");
+    return (s, g) => {
+      const T = w("FmStepperField"), D = w("FmButton"), N = w("FmSwitch");
       return y(), O(Q, null, [
         k("div", null, [
           k("div", Kl, [
             k("div", Ql, [
               k("p", Zl, B(t(n)("report.section.datasource.title.titleFontSize")), 1),
-              m(S, {
+              m(T, {
                 modelValue: v.value,
-                "onUpdate:modelValue": b[0] || (b[0] = (w) => v.value = w),
+                "onUpdate:modelValue": g[0] || (g[0] = (V) => v.value = V),
                 max: 24,
                 min: 1,
                 type: "number"
               }, null, 8, ["modelValue"])
             ]),
             k("div", eo, [
-              b[5] || (b[5] = k("p", { class: "fm-typo-en-body-lg-600" }, "Text style and format", -1)),
+              g[5] || (g[5] = k("p", { class: "fm-typo-en-body-lg-600" }, "Text style and format", -1)),
               k("div", lo, [
-                m($, {
+                m(D, {
                   "append-icon": "format_bold",
-                  "model-value": p.model.titleBold ?? !1,
+                  "model-value": s.model.titleBold ?? !1,
                   variant: "tertiary",
-                  "icon-color": p.model.titleBold ? "neutral-gray-400" : "neutral-gray-300",
-                  "bg-color": p.model.titleBold ? "neutral-gray-100" : "neutral-white",
+                  "icon-color": s.model.titleBold ? "neutral-gray-400" : "neutral-gray-300",
+                  "bg-color": s.model.titleBold ? "neutral-gray-100" : "neutral-white",
                   class: "rounded-sm",
-                  onClick: b[1] || (b[1] = (w) => x.value = !x.value)
+                  onClick: g[1] || (g[1] = (V) => x.value = !x.value)
                 }, null, 8, ["model-value", "icon-color", "bg-color"]),
-                m($, {
+                m(D, {
                   "append-icon": "format_italic",
-                  "model-value": p.model.titleItalic ?? !1,
-                  "icon-color": p.model.titleItalic ? "neutral-gray-400" : "neutral-gray-300",
-                  "bg-color": p.model.titleItalic ? "neutral-gray-100" : "neutral-white",
+                  "model-value": s.model.titleItalic ?? !1,
+                  "icon-color": s.model.titleItalic ? "neutral-gray-400" : "neutral-gray-300",
+                  "bg-color": s.model.titleItalic ? "neutral-gray-100" : "neutral-white",
                   class: "rounded-sm",
-                  onClick: b[2] || (b[2] = (w) => d.value = !d.value)
+                  onClick: g[2] || (g[2] = (V) => p.value = !p.value)
                 }, null, 8, ["model-value", "icon-color", "bg-color"]),
-                m($, {
+                m(D, {
                   "append-icon": "format_underlined",
-                  "model-value": p.model.titleUnderline ?? !1,
-                  "icon-color": p.model.titleUnderline ? "neutral-gray-400" : "neutral-gray-300",
-                  "bg-color": p.model.titleUnderline ? "neutral-gray-100" : "neutral-white",
+                  "model-value": s.model.titleUnderline ?? !1,
+                  "icon-color": s.model.titleUnderline ? "neutral-gray-400" : "neutral-gray-300",
+                  "bg-color": s.model.titleUnderline ? "neutral-gray-100" : "neutral-white",
                   class: "rounded-sm",
-                  onClick: b[3] || (b[3] = (w) => l.value = !l.value)
+                  onClick: g[3] || (g[3] = (V) => o.value = !o.value)
                 }, null, 8, ["model-value", "icon-color", "bg-color"])
               ])
             ])
@@ -2077,7 +2077,7 @@ const kl = { class: "grow" }, Cl = {
         ]),
         m(N, {
           modelValue: f.value,
-          "onUpdate:modelValue": b[4] || (b[4] = (w) => f.value = w),
+          "onUpdate:modelValue": g[4] || (g[4] = (V) => f.value = V),
           label: t(n)("report.section.datasource.title.hideTitle"),
           "label-placement": "right"
         }, null, 8, ["modelValue", "label"])
@@ -2086,7 +2086,7 @@ const kl = { class: "grow" }, Cl = {
   }
 }), to = { class: "flex gap-16 justify-center items-center" }, ao = { class: "fm-typo-en-title-sm-600" }, no = { class: "fm-typo-en-body-lg-600" }, io = { class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary" }, so = { class: "h-[40x]" }, Oe = "YYYY-MM-DD", qe = /* @__PURE__ */ P({
   __name: "TileEditorTab",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ Y({
     hideConfiguration: {
       type: Boolean,
       default: !1
@@ -2097,35 +2097,35 @@ const kl = { class: "grow" }, Cl = {
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ H(["hideConfiguration"], ["update:modelValue"]),
-  setup(V, { emit: s }) {
+  emits: /* @__PURE__ */ Y(["hideConfiguration"], ["update:modelValue"]),
+  setup(F, { emit: r }) {
     var i, e;
-    const a = tl(), { dateRange: r } = me(a), n = {
-      startDate: r.value.startDate,
-      endDate: r.value.endDate
-    }, f = M({
-      startDate: (i = re(r.value.startDate)) == null ? void 0 : i.local().format(Oe),
-      endDate: (e = re(r.value.endDate)) == null ? void 0 : e.local().format(Oe)
+    const a = tl(), { dateRange: u } = me(a), n = {
+      startDate: u.value.startDate,
+      endDate: u.value.endDate
+    }, f = z({
+      startDate: (i = re(u.value.startDate)) == null ? void 0 : i.local().format(Oe),
+      endDate: (e = re(u.value.endDate)) == null ? void 0 : e.local().format(Oe)
     });
     ne(
       f,
-      ({ startDate: c, endDate: g }) => {
-        r.value = {
+      ({ startDate: c, endDate: b }) => {
+        u.value = {
           startDate: re(c).toISOString(),
-          endDate: re(g).toISOString()
+          endDate: re(b).toISOString()
         };
       },
       { deep: !0, immediate: !0 }
-    ), Ye(() => {
-      r.value = { ...n };
+    ), He(() => {
+      u.value = { ...n };
     });
-    const v = ee(V, "modelValue"), { breakpoints: x } = Me(), d = V, { promptMessage: l } = ze(), p = s, { t: b } = W();
-    function S(c) {
+    const v = ee(F, "modelValue"), { breakpoints: x } = ze(), p = F, { promptMessage: o } = Re(), s = r, { t: g } = E();
+    function T(c) {
       v.value = gl(c);
     }
-    function $() {
+    function D() {
       const c = [...v.value.widget.config.joinDatasources || []];
-      c.push({ ...Qe(v.value.widget.type), conditions: [] }), S({
+      c.push({ ...Qe(v.value.widget.type), conditions: [] }), T({
         ...v.value,
         widget: {
           ...v.value.widget,
@@ -2137,12 +2137,12 @@ const kl = { class: "grow" }, Cl = {
       });
     }
     async function N(c) {
-      if (!await l({
-        title: b("report.tile.datasource.remove"),
-        message: b("report.tile.datasource.confirmRemove", { index: c + 1 })
+      if (!await o({
+        title: g("report.tile.datasource.remove"),
+        message: g("report.tile.datasource.confirmRemove", { index: c + 1 })
       })) return;
       const L = [...v.value.widget.config.joinDatasources || []];
-      L.splice(c, 1), S({
+      L.splice(c, 1), T({
         ...v.value,
         widget: {
           ...v.value.widget,
@@ -2153,7 +2153,7 @@ const kl = { class: "grow" }, Cl = {
         }
       });
     }
-    const w = (c, g) => {
+    const V = (c, b) => {
       let L = 1, A = 1;
       switch (c) {
         case j.Scorecard:
@@ -2181,13 +2181,13 @@ const kl = { class: "grow" }, Cl = {
           width: A
         },
         widget: {
-          ...g.widget,
+          ...b.widget,
           type: c
         }
       };
     }, h = _(
       () => xe.find((c) => c.type === v.value.widget.type)
-    ), u = _(() => v.value.widget.config.joinDatasources), o = Ve((c) => {
+    ), d = _(() => v.value.widget.config.joinDatasources), l = Ve((c) => {
       v.value.widget.title = c;
     }, 500);
     return ne(
@@ -2200,68 +2200,68 @@ const kl = { class: "grow" }, Cl = {
       (c) => {
         c < 1 && (v.value.size.width = 1), c > 12 && (v.value.size.width = 12);
       }
-    ), (c, g) => {
-      const L = F("FmCircularProgress"), A = F("FmSimpleDateRangePicker"), Y = F("FmTextField"), q = F("FmTextarea"), X = F("FmStepperField"), J = F("FmButton"), E = F("FmForm");
-      return y(), T(Le(t(x).lg || t(x).md ? Wl : Gl), {
-        "model-value": d.hideConfiguration,
-        "onUpdate:modelValue": g[8] || (g[8] = (C) => p("hideConfiguration", C))
+    ), (c, b) => {
+      const L = w("FmCircularProgress"), A = w("FmSimpleDateRangePicker"), H = w("FmTextField"), q = w("FmTextarea"), X = w("FmStepperField"), J = w("FmButton"), W = w("FmForm");
+      return y(), S(Le(t(x).lg || t(x).md ? El : Gl), {
+        "model-value": p.hideConfiguration,
+        "onUpdate:modelValue": b[8] || (b[8] = (C) => s("hideConfiguration", C))
       }, {
-        default: D(() => [
-          v.value ? (y(), T(E, {
+        default: $(() => [
+          v.value ? (y(), S(W, {
             key: 1,
             ref: "form",
             class: "px-6 py-16 flex flex-col gap-24 overflow-y-auto overflow-x-hidden"
           }, {
-            default: D(() => [
+            default: $(() => [
               k("div", to, [
                 m(A, {
                   modelValue: f.value,
-                  "onUpdate:modelValue": g[0] || (g[0] = (C) => f.value = C)
+                  "onUpdate:modelValue": b[0] || (b[0] = (C) => f.value = C)
                 }, null, 8, ["modelValue"])
               ]),
               m(_e, null, {
-                header: D(() => [
-                  k("p", ao, B(t(b)("report.tile.widget.details")), 1),
-                  g[9] || (g[9] = k("div", { class: "grow" }, null, -1))
+                header: $(() => [
+                  k("p", ao, B(t(g)("report.tile.widget.details")), 1),
+                  b[9] || (b[9] = k("div", { class: "grow" }, null, -1))
                 ]),
-                content: D(() => [
-                  m(Y, {
+                content: $(() => [
+                  m(H, {
                     "model-value": v.value.widget.title,
-                    label: t(b)("report.tile.widget.title"),
-                    placeholder: t(b)("report.tile.widget.titlePlaceholder"),
-                    "onUpdate:modelValue": t(o)
+                    label: t(g)("report.tile.widget.title"),
+                    placeholder: t(g)("report.tile.widget.titlePlaceholder"),
+                    "onUpdate:modelValue": t(l)
                   }, null, 8, ["model-value", "label", "placeholder", "onUpdate:modelValue"]),
                   m(q, {
                     modelValue: v.value.widget.description,
-                    "onUpdate:modelValue": g[1] || (g[1] = (C) => v.value.widget.description = C),
+                    "onUpdate:modelValue": b[1] || (b[1] = (C) => v.value.widget.description = C),
                     disabled: v.value.widget.title === "",
-                    placeholder: t(b)("report.tile.widget.descriptionPlaceholder"),
-                    "helper-text": t(b)("report.tile.widget.descriptionHelper")
+                    placeholder: t(g)("report.tile.widget.descriptionPlaceholder"),
+                    "helper-text": t(g)("report.tile.widget.descriptionHelper")
                   }, {
-                    label: D(() => [
-                      k("p", no, B(t(b)("report.tile.widget.widgetDescription")), 1),
-                      k("p", io, " (" + B(t(b)("report.tile.widget.optional")) + ") ", 1)
+                    label: $(() => [
+                      k("p", no, B(t(g)("report.tile.widget.widgetDescription")), 1),
+                      k("p", io, " (" + B(t(g)("report.tile.widget.optional")) + ") ", 1)
                     ]),
                     _: 1
                   }, 8, ["modelValue", "disabled", "placeholder", "helper-text"]),
                   m(oo, {
                     model: v.value.widget.config,
-                    "onUpdate:model": g[2] || (g[2] = (C) => v.value.widget.config = C)
+                    "onUpdate:model": b[2] || (b[2] = (C) => v.value.widget.config = C)
                   }, null, 8, ["model"]),
                   k("div", {
                     class: je(["flex flex-row", `${t(x).sm || t(x).xs ? "gap-16" : "gap-2"}`])
                   }, [
                     m(X, {
                       modelValue: v.value.size.width,
-                      "onUpdate:modelValue": g[3] || (g[3] = (C) => v.value.size.width = C),
-                      label: t(b)("report.tile.widget.width"),
+                      "onUpdate:modelValue": b[3] || (b[3] = (C) => v.value.size.width = C),
+                      label: t(g)("report.tile.widget.width"),
                       min: 1,
                       max: 12
                     }, null, 8, ["modelValue", "label"]),
                     m(X, {
                       modelValue: v.value.size.height,
-                      "onUpdate:modelValue": g[4] || (g[4] = (C) => v.value.size.height = C),
-                      label: t(b)("report.tile.widget.height"),
+                      "onUpdate:modelValue": b[4] || (b[4] = (C) => v.value.size.height = C),
+                      label: t(g)("report.tile.widget.height"),
                       min: 1,
                       max: 12,
                       disabled: v.value.widget.type === t(j).Scorecard
@@ -2271,33 +2271,33 @@ const kl = { class: "grow" }, Cl = {
                 _: 1
               }),
               m(_e, null, {
-                header: D(() => [
-                  k("p", null, B(t(b)("report.tile.widget.type")), 1),
-                  g[10] || (g[10] = k("div", { class: "grow" }, null, -1))
+                header: $(() => [
+                  k("p", null, B(t(g)("report.tile.widget.type")), 1),
+                  b[10] || (b[10] = k("div", { class: "grow" }, null, -1))
                 ]),
-                content: D(() => [
+                content: $(() => [
                   m(Ke, {
                     "is-list": !0,
                     "model-value": v.value.widget.type,
                     class: "grid grid-cols-1 gap-2",
                     "child-class": "flex flex-row p-[8px] gap-2",
                     "exclude-widge-type": [t(j).Spacer],
-                    "onUpdate:modelValue": g[5] || (g[5] = (C) => v.value = w(C, v.value))
+                    "onUpdate:modelValue": b[5] || (b[5] = (C) => v.value = V(C, v.value))
                   }, null, 8, ["model-value", "exclude-widge-type"])
                 ]),
                 _: 1
               }),
               m(Ne, {
                 modelValue: v.value.widget.config,
-                "onUpdate:modelValue": g[6] || (g[6] = (C) => v.value.widget.config = C),
-                label: t(b)("report.tile.datasource.main"),
+                "onUpdate:modelValue": b[6] || (b[6] = (C) => v.value.widget.config = C),
+                label: t(g)("report.tile.datasource.main"),
                 config: h.value
               }, null, 8, ["modelValue", "label", "config"]),
-              u.value ? (y(!0), O(Q, { key: 0 }, de(u.value, (C, I) => (y(), O("div", { key: I }, [
+              d.value ? (y(!0), O(Q, { key: 0 }, de(d.value, (C, I) => (y(), O("div", { key: I }, [
                 m(Ne, {
-                  modelValue: u.value[I],
-                  "onUpdate:modelValue": (G) => u.value[I] = G,
-                  label: t(b)("report.tile.datasource.join", { index: I + 1 }),
+                  modelValue: d.value[I],
+                  "onUpdate:modelValue": (G) => d.value[I] = G,
+                  label: t(g)("report.tile.datasource.join", { index: I + 1 }),
                   config: h.value,
                   "main-datasource-config": v.value.widget.config,
                   closeable: !0,
@@ -2306,19 +2306,19 @@ const kl = { class: "grow" }, Cl = {
               ]))), 128)) : U("", !0),
               k("div", so, [
                 m(J, {
-                  label: t(b)("report.tile.datasource.joinButton"),
+                  label: t(g)("report.tile.datasource.joinButton"),
                   variant: "secondary",
                   icon: "add",
                   "icon-position": "prepend",
                   "border-color": t(be).ColorPrimary,
                   "text-color": t(be).ColorPrimary,
                   class: "w-full",
-                  onClick: g[7] || (g[7] = (C) => $())
+                  onClick: b[7] || (b[7] = (C) => D())
                 }, null, 8, ["label", "border-color", "text-color"])
               ])
             ]),
             _: 1
-          }, 512)) : (y(), T(L, { key: 0 }))
+          }, 512)) : (y(), S(L, { key: 0 }))
         ]),
         _: 1
       }, 8, ["model-value"]);
@@ -2330,32 +2330,32 @@ const kl = { class: "grow" }, Cl = {
     model: {}
   },
   emits: ["update:model"],
-  setup(V, { emit: s }) {
-    const a = V, r = s, { t: n } = W(), f = _({
+  setup(F, { emit: r }) {
+    const a = F, u = r, { t: n } = E(), f = _({
       get: () => a.model.showLabel ?? !1,
-      set: ($) => {
-        r("update:model", { ...a.model, showLabel: $ });
+      set: (D) => {
+        u("update:model", { ...a.model, showLabel: D });
       }
     }), v = _({
       get: () => a.model.labelRotation ?? 0,
-      set: ($) => r("update:model", { ...a.model, labelRotation: $ })
+      set: (D) => u("update:model", { ...a.model, labelRotation: D })
     }), x = _({
       get: () => a.model.labelOffset ?? 0,
-      set: ($) => r("update:model", { ...a.model, labelOffset: $ })
-    }), d = _({
+      set: (D) => u("update:model", { ...a.model, labelOffset: D })
+    }), p = _({
       get: () => a.model.labelFontSize ?? 12,
-      set: ($) => r("update:model", { ...a.model, labelFontSize: $ })
-    }), l = ($) => {
-      r("update:model", {
+      set: (D) => u("update:model", { ...a.model, labelFontSize: D })
+    }), o = (D) => {
+      u("update:model", {
         ...a.model,
-        labelAlign: a.model.labelAlign === $ ? void 0 : $
+        labelAlign: a.model.labelAlign === D ? void 0 : D
       });
-    }, p = ($) => {
-      r("update:model", {
+    }, s = (D) => {
+      u("update:model", {
         ...a.model,
-        labelAnchor: a.model.labelAnchor === $ ? void 0 : $
+        labelAnchor: a.model.labelAnchor === D ? void 0 : D
       });
-    }, b = [
+    }, g = [
       { icon: "align_horizontal_left", value: ue.left, tooltip: "alignLeft" },
       { icon: "align_justify_center", value: ue.center, tooltip: "alignCenter" },
       { icon: "align_horizontal_right", value: ue.right, tooltip: "alignRight" },
@@ -2363,15 +2363,15 @@ const kl = { class: "grow" }, Cl = {
       { icon: "align_justify_flex_end", value: ue.end, tooltip: "alignEnd" },
       { icon: "align_flex_start", value: ue.top, tooltip: "alignTop" },
       { icon: "align_flex_end", value: ue.bottom, tooltip: "alignBottom" }
-    ], S = [
+    ], T = [
       { icon: "format_align_left", value: ke.start, tooltip: "anchorStart" },
       { icon: "format_align_center", value: ke.center, tooltip: "anchorCenter" },
       { icon: "format_align_right", value: ke.end, tooltip: "anchorEnd" }
     ];
-    return ($, N) => {
-      const w = F("FmCheckbox"), h = F("FmButton"), u = F("FmTooltip"), o = F("FmTextField"), i = F("FmStepperField");
+    return (D, N) => {
+      const V = w("FmCheckbox"), h = w("FmButton"), d = w("FmTooltip"), l = w("FmTextField"), i = w("FmStepperField");
       return y(), O("div", uo, [
-        m(w, {
+        m(V, {
           modelValue: f.value,
           "onUpdate:modelValue": N[0] || (N[0] = (e) => f.value = e),
           value: !1,
@@ -2382,21 +2382,21 @@ const kl = { class: "grow" }, Cl = {
         ie(k("div", ro, [
           k("p", mo, B(t(n)("report.section.datasource.alignment.textAlignment")), 1),
           k("div", co, [
-            (y(), O(Q, null, de(b, ({ icon: e, value: c, tooltip: g }) => m(u, {
+            (y(), O(Q, null, de(g, ({ icon: e, value: c, tooltip: b }) => m(d, {
               key: c,
               variant: "plain",
               placement: "top",
-              content: t(n)(`report.section.datasource.alignment.alignOptions.${g}`),
+              content: t(n)(`report.section.datasource.alignment.alignOptions.${b}`),
               "z-index": 50
             }, {
-              default: D(() => [
+              default: $(() => [
                 m(h, {
                   "append-icon": e,
                   variant: "tertiary",
-                  "icon-color": $.model.labelAlign === c ? "neutral-gray-400" : "neutral-gray-300",
-                  "bg-color": $.model.labelAlign === c ? "neutral-gray-100" : "neutral-white",
+                  "icon-color": D.model.labelAlign === c ? "neutral-gray-400" : "neutral-gray-300",
+                  "bg-color": D.model.labelAlign === c ? "neutral-gray-100" : "neutral-white",
                   class: "rounded-sm",
-                  onClick: (L) => l(c)
+                  onClick: (L) => o(c)
                 }, null, 8, ["append-icon", "icon-color", "bg-color", "onClick"])
               ]),
               _: 2
@@ -2404,27 +2404,27 @@ const kl = { class: "grow" }, Cl = {
           ]),
           k("p", po, B(t(n)("report.section.datasource.alignment.anchor")), 1),
           k("div", vo, [
-            (y(), O(Q, null, de(S, ({ icon: e, value: c, tooltip: g }) => m(u, {
+            (y(), O(Q, null, de(T, ({ icon: e, value: c, tooltip: b }) => m(d, {
               key: c,
               variant: "plain",
               placement: "top",
-              content: t(n)(`report.section.datasource.alignment.anchorOptions.${g}`),
+              content: t(n)(`report.section.datasource.alignment.anchorOptions.${b}`),
               "z-index": 50
             }, {
-              default: D(() => [
+              default: $(() => [
                 m(h, {
                   "append-icon": e,
                   variant: "tertiary",
-                  "icon-color": $.model.labelAnchor === c ? "neutral-gray-400" : "neutral-gray-300",
-                  "bg-color": $.model.labelAnchor === c ? "neutral-gray-100" : "neutral-white",
+                  "icon-color": D.model.labelAnchor === c ? "neutral-gray-400" : "neutral-gray-300",
+                  "bg-color": D.model.labelAnchor === c ? "neutral-gray-100" : "neutral-white",
                   class: "rounded-sm",
-                  onClick: (L) => p(c)
+                  onClick: (L) => s(c)
                 }, null, 8, ["append-icon", "icon-color", "bg-color", "onClick"])
               ]),
               _: 2
             }, 1032, ["content"])), 64))
           ]),
-          m(o, {
+          m(l, {
             modelValue: v.value,
             "onUpdate:modelValue": N[1] || (N[1] = (e) => v.value = e),
             label: t(n)("report.section.datasource.alignment.rotation"),
@@ -2433,15 +2433,15 @@ const kl = { class: "grow" }, Cl = {
             max: 180,
             step: 1
           }, null, 8, ["modelValue", "label"]),
-          m(o, {
+          m(l, {
             modelValue: x.value,
             "onUpdate:modelValue": N[2] || (N[2] = (e) => x.value = e),
             label: t(n)("report.section.datasource.alignment.offset"),
             type: "number"
           }, null, 8, ["modelValue", "label"]),
           m(i, {
-            modelValue: d.value,
-            "onUpdate:modelValue": N[3] || (N[3] = (e) => d.value = e),
+            modelValue: p.value,
+            "onUpdate:modelValue": N[3] || (N[3] = (e) => p.value = e),
             label: t(n)("report.section.datasource.fontSize"),
             type: "number",
             min: 1
@@ -2458,56 +2458,56 @@ const kl = { class: "grow" }, Cl = {
     model: {}
   },
   emits: ["update:model"],
-  setup(V, { emit: s }) {
-    const a = V, r = s, { t: n } = W(), f = _({
+  setup(F, { emit: r }) {
+    const a = F, u = r, { t: n } = E(), f = _({
       get: () => a.model.showX ?? !0,
-      set: (w) => {
-        r("update:model", { ...a.model, showX: w });
+      set: (V) => {
+        u("update:model", { ...a.model, showX: V });
       }
     }), v = _({
       get: () => a.model.showXGrid ?? !1,
-      set: (w) => {
-        r("update:model", { ...a.model, showXGrid: w });
+      set: (V) => {
+        u("update:model", { ...a.model, showXGrid: V });
       }
     }), x = _({
       get: () => a.model.showXTick ?? !0,
-      set: (w) => {
-        r("update:model", { ...a.model, showXTick: w });
+      set: (V) => {
+        u("update:model", { ...a.model, showXTick: V });
       }
-    }), d = _({
+    }), p = _({
       get: () => a.model.showY ?? !0,
-      set: (w) => {
-        r("update:model", { ...a.model, showY: w });
+      set: (V) => {
+        u("update:model", { ...a.model, showY: V });
       }
-    }), l = _({
+    }), o = _({
       get: () => a.model.showYGrid ?? !0,
-      set: (w) => {
-        r("update:model", { ...a.model, showYGrid: w });
+      set: (V) => {
+        u("update:model", { ...a.model, showYGrid: V });
       }
-    }), p = _({
+    }), s = _({
       get: () => a.model.showYTick ?? !0,
-      set: (w) => {
-        r("update:model", { ...a.model, showYTick: w });
+      set: (V) => {
+        u("update:model", { ...a.model, showYTick: V });
       }
-    }), b = _({
+    }), g = _({
       get: () => a.model.showXTitle ?? !1,
-      set: (w) => {
-        r("update:model", { ...a.model, showXTitle: w });
+      set: (V) => {
+        u("update:model", { ...a.model, showXTitle: V });
       }
-    }), S = _({
+    }), T = _({
       get: () => a.model.showYTitle ?? !1,
-      set: (w) => {
-        r("update:model", { ...a.model, showYTitle: w });
+      set: (V) => {
+        u("update:model", { ...a.model, showYTitle: V });
       }
-    }), $ = Ve((w) => {
-      r("update:model", { ...a.model, xTitle: w });
-    }, 500), N = Ve((w) => {
-      r("update:model", { ...a.model, yTitle: w });
+    }), D = Ve((V) => {
+      u("update:model", { ...a.model, xTitle: V });
+    }, 500), N = Ve((V) => {
+      u("update:model", { ...a.model, yTitle: V });
     }, 500);
-    return (w, h) => {
-      const u = F("FmCheckbox"), o = F("FmStepperField"), i = F("FmTextField");
+    return (V, h) => {
+      const d = w("FmCheckbox"), l = w("FmStepperField"), i = w("FmTextField");
       return y(), O("div", go, [
-        m(u, {
+        m(d, {
           modelValue: f.value,
           "onUpdate:modelValue": h[0] || (h[0] = (e) => f.value = e),
           label: t(n)("report.section.datasource.axis.showX"),
@@ -2515,14 +2515,14 @@ const kl = { class: "grow" }, Cl = {
           value: !0
         }, null, 8, ["modelValue", "label"]),
         ie(k("div", bo, [
-          m(u, {
+          m(d, {
             modelValue: v.value,
             "onUpdate:modelValue": h[1] || (h[1] = (e) => v.value = e),
             label: t(n)("report.section.datasource.axis.showGrid"),
             "label-placement": "right",
             value: !1
           }, null, 8, ["modelValue", "label"]),
-          m(u, {
+          m(d, {
             modelValue: x.value,
             "onUpdate:modelValue": h[2] || (h[2] = (e) => x.value = e),
             label: t(n)("report.section.datasource.axis.showTick"),
@@ -2530,110 +2530,110 @@ const kl = { class: "grow" }, Cl = {
             value: !0
           }, null, 8, ["modelValue", "label"]),
           ie(k("div", yo, [
-            m(o, {
+            m(l, {
               label: t(n)("report.section.datasource.fontSize"),
               type: "number",
-              "model-value": w.model.xTickFontSize ?? 12,
+              "model-value": V.model.xTickFontSize ?? 12,
               min: 1,
               "onUpdate:modelValue": h[3] || (h[3] = (e) => {
-                r("update:model", { ...w.model, xTickFontSize: Number(e) });
+                u("update:model", { ...V.model, xTickFontSize: Number(e) });
               })
             }, null, 8, ["label", "model-value"])
           ], 512), [
-            [se, w.model.showXTick ?? !0]
+            [se, V.model.showXTick ?? !0]
           ]),
-          m(u, {
-            modelValue: b.value,
-            "onUpdate:modelValue": h[4] || (h[4] = (e) => b.value = e),
+          m(d, {
+            modelValue: g.value,
+            "onUpdate:modelValue": h[4] || (h[4] = (e) => g.value = e),
             label: t(n)("report.section.datasource.axis.showTitle"),
             "label-placement": "right",
             value: !0
           }, null, 8, ["modelValue", "label"]),
           ie(k("div", ho, [
             m(i, {
-              "model-value": w.model.xTitle,
+              "model-value": V.model.xTitle,
               label: t(n)("report.common.title"),
               placeholder: t(n)("report.tile.widget.titlePlaceholder"),
-              "onUpdate:modelValue": t($)
+              "onUpdate:modelValue": t(D)
             }, null, 8, ["model-value", "label", "placeholder", "onUpdate:modelValue"]),
-            m(o, {
+            m(l, {
               label: t(n)("report.section.datasource.fontSize"),
               type: "number",
-              "model-value": w.model.xTitleFontSize ?? 12,
+              "model-value": V.model.xTitleFontSize ?? 12,
               min: 1,
               "onUpdate:modelValue": h[5] || (h[5] = (e) => {
-                r("update:model", { ...w.model, xTitleFontSize: Number(e) });
+                u("update:model", { ...V.model, xTitleFontSize: Number(e) });
               })
             }, null, 8, ["label", "model-value"])
           ], 512), [
-            [se, b.value]
+            [se, g.value]
           ])
         ], 512), [
-          [se, w.model.showX ?? !0]
+          [se, V.model.showX ?? !0]
         ]),
-        m(u, {
-          modelValue: d.value,
-          "onUpdate:modelValue": h[6] || (h[6] = (e) => d.value = e),
+        m(d, {
+          modelValue: p.value,
+          "onUpdate:modelValue": h[6] || (h[6] = (e) => p.value = e),
           label: t(n)("report.section.datasource.axis.showY"),
           "label-placement": "right",
           value: !0
         }, null, 8, ["modelValue", "label"]),
         ie(k("div", Vo, [
-          m(u, {
-            modelValue: l.value,
-            "onUpdate:modelValue": h[7] || (h[7] = (e) => l.value = e),
+          m(d, {
+            modelValue: o.value,
+            "onUpdate:modelValue": h[7] || (h[7] = (e) => o.value = e),
             label: t(n)("report.section.datasource.axis.showGrid"),
             "label-placement": "right",
             value: !1
           }, null, 8, ["modelValue", "label"]),
-          m(u, {
-            modelValue: p.value,
-            "onUpdate:modelValue": h[8] || (h[8] = (e) => p.value = e),
+          m(d, {
+            modelValue: s.value,
+            "onUpdate:modelValue": h[8] || (h[8] = (e) => s.value = e),
             label: t(n)("report.section.datasource.axis.showTick"),
             "label-placement": "right",
             value: !0
           }, null, 8, ["modelValue", "label"]),
           ie(k("div", Fo, [
-            m(o, {
+            m(l, {
               label: t(n)("report.section.datasource.fontSize"),
               type: "number",
-              "model-value": w.model.yTickFontSize ?? 12,
+              "model-value": V.model.yTickFontSize ?? 12,
               min: 1,
               "onUpdate:modelValue": h[9] || (h[9] = (e) => {
-                r("update:model", { ...w.model, yTickFontSize: Number(e) });
+                u("update:model", { ...V.model, yTickFontSize: Number(e) });
               })
             }, null, 8, ["label", "model-value"])
           ], 512), [
-            [se, w.model.showYTick ?? !0]
+            [se, V.model.showYTick ?? !0]
           ]),
-          m(u, {
-            modelValue: S.value,
-            "onUpdate:modelValue": h[10] || (h[10] = (e) => S.value = e),
+          m(d, {
+            modelValue: T.value,
+            "onUpdate:modelValue": h[10] || (h[10] = (e) => T.value = e),
             label: t(n)("report.section.datasource.axis.showTitle"),
             "label-placement": "right",
             value: !0
           }, null, 8, ["modelValue", "label"]),
           ie(k("div", wo, [
             m(i, {
-              "model-value": w.model.yTitle,
+              "model-value": V.model.yTitle,
               label: t(n)("report.common.title"),
               placeholder: t(n)("report.tile.widget.titlePlaceholder"),
               "onUpdate:modelValue": t(N)
             }, null, 8, ["model-value", "label", "placeholder", "onUpdate:modelValue"]),
-            m(o, {
+            m(l, {
               label: t(n)("report.section.datasource.fontSize"),
               type: "number",
-              "model-value": w.model.yTitleFontSize ?? 12,
+              "model-value": V.model.yTitleFontSize ?? 12,
               min: 1,
               "onUpdate:modelValue": h[11] || (h[11] = (e) => {
-                r("update:model", { ...w.model, yTitleFontSize: Number(e) });
+                u("update:model", { ...V.model, yTitleFontSize: Number(e) });
               })
             }, null, 8, ["label", "model-value"])
           ], 512), [
-            [se, S.value]
+            [se, T.value]
           ])
         ], 512), [
-          [se, w.model.showY ?? !0]
+          [se, V.model.showY ?? !0]
         ])
       ]);
     };
@@ -2645,46 +2645,68 @@ const kl = { class: "grow" }, Cl = {
     isCircularWidget: { type: Boolean }
   },
   emits: ["update:model"],
-  setup(V, { emit: s }) {
-    const a = V, r = s, { t: n } = W(), f = [
+  setup(F, { emit: r }) {
+    const a = F, u = r, { t: n } = E(), 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" }
     ], v = _({
       get: () => a.model.showLegend !== void 0 ? a.model.showLegend : a.isCircularWidget === !0,
-      set: (d) => {
-        r("update:model", { ...a.model, showLegend: d });
+      set: (s) => {
+        u("update:model", { ...a.model, showLegend: s });
       }
     }), x = _({
       get: () => a.model.usePointStyle ?? !0,
-      set: (d) => {
-        r("update:model", { ...a.model, usePointStyle: d });
+      set: (s) => {
+        u("update:model", { ...a.model, usePointStyle: s });
+      }
+    }), p = _({
+      get: () => a.model.legendMaxHeight ?? 54,
+      set: (s) => {
+        u("update:model", { ...a.model, legendMaxHeight: s });
+      }
+    }), o = _({
+      get: () => a.model.legendMaxWidth ?? 54,
+      set: (s) => {
+        u("update:model", { ...a.model, legendMaxWidth: s });
       }
     });
-    return (d, l) => {
-      const p = F("FmCheckbox"), b = F("FmSelect");
+    return (s, g) => {
+      const T = w("FmCheckbox"), D = w("FmSelect"), N = w("FmStepperField");
       return y(), O("div", ko, [
-        m(p, {
+        m(T, {
           modelValue: v.value,
-          "onUpdate:modelValue": l[0] || (l[0] = (S) => v.value = S),
+          "onUpdate:modelValue": g[0] || (g[0] = (V) => v.value = V),
           class: "fm-typo-en-body-lg-400",
           value: !1,
           label: t(n)("report.section.datasource.legend.showLegend")
         }, null, 8, ["modelValue", "label"]),
         ie(k("div", Co, [
-          m(b, {
+          m(D, {
             label: t(n)("report.section.datasource.position.showPosition"),
             items: f,
-            "model-value": d.model.legendPosition ?? "top",
-            "onUpdate:modelValue": l[1] || (l[1] = (S) => r("update:model", { ...d.model, legendPosition: S }))
+            "model-value": s.model.legendPosition ?? "top",
+            "onUpdate:modelValue": g[1] || (g[1] = (V) => u("update:model", { ...s.model, legendPosition: V }))
           }, null, 8, ["label", "model-value"]),
-          m(p, {
+          m(T, {
             modelValue: x.value,
-            "onUpdate:modelValue": l[2] || (l[2] = (S) => x.value = S),
+            "onUpdate:modelValue": g[2] || (g[2] = (V) => x.value = V),
             label: t(n)("report.section.datasource.legend.usePointStyle"),
             value: !1
-          }, null, 8, ["modelValue", "label"])
+          }, null, 8, ["modelValue", "label"]),
+          s.model.legendPosition === "top" || s.model.legendPosition === "bottom" || !s.model.legendPosition ? (y(), S(N, {
+            key: 0,
+            label: t(n)("report.section.datasource.legend.maxHeight"),
+            "model-value": p.value,
+            "onUpdate:modelValue": g[3] || (g[3] = (V) => u("update:model", { ...s.model, legendMaxHeight: V }))
+          }, null, 8, ["label", "model-value"])) : U("", !0),
+          s.model.legendPosition === "left" || s.model.legendPosition === "right" ? (y(), S(N, {
+            key: 1,
+            label: t(n)("report.section.datasource.legend.maxWidth"),
+            "model-value": o.value,
+            "onUpdate:modelValue": g[4] || (g[4] = (V) => u("update:model", { ...s.model, legendMaxWidth: V }))
+          }, null, 8, ["label", "model-value"])) : U("", !0)
         ], 512), [
           [se, v.value]
         ])
@@ -2697,33 +2719,33 @@ const kl = { class: "grow" }, Cl = {
     model: {}
   },
   emits: ["update:model"],
-  setup(V, { emit: s }) {
-    const a = V, r = s, { t: n } = W(), f = _({
+  setup(F, { emit: r }) {
+    const a = F, u = r, { t: n } = E(), f = _({
       get: () => a.model.chartHeight ?? null,
       set: (x) => {
-        r("update:model", { ...a.model, chartHeight: x ?? void 0 });
+        u("update:model", { ...a.model, chartHeight: x ?? void 0 });
       }
     }), v = _({
       get: () => a.model.chartWidth ?? null,
       set: (x) => {
-        r("update:model", { ...a.model, chartWidth: x ?? void 0 });
+        u("update:model", { ...a.model, chartWidth: x ?? void 0 });
       }
     });
-    return (x, d) => {
-      const l = F("FmStepperField");
+    return (x, p) => {
+      const o = w("FmStepperField");
       return y(), O("div", So, [
-        m(l, {
+        m(o, {
           modelValue: f.value,
-          "onUpdate:modelValue": d[0] || (d[0] = (p) => f.value = p),
+          "onUpdate:modelValue": p[0] || (p[0] = (s) => f.value = s),
           type: "number",
           label: t(n)("report.section.datasource.chartHeight"),
           suffix: "px",
           min: 1,
           placeholder: "Auto"
         }, null, 8, ["modelValue", "label"]),
-        m(l, {
+        m(o, {
           modelValue: v.value,
-          "onUpdate:modelValue": d[1] || (d[1] = (p) => v.value = p),
+          "onUpdate:modelValue": p[1] || (p[1] = (s) => v.value = s),
           type: "number",
           label: t(n)("report.section.datasource.chartWidth"),
           suffix: "px",
@@ -2735,7 +2757,7 @@ const kl = { class: "grow" }, Cl = {
   }
 }), Uo = { class: "flex flex-col gap-16" }, Do = { class: "flex flex-col gap-8" }, $o = { class: "flex flex-col gap-8" }, No = /* @__PURE__ */ P({
   __name: "StyleDatasource",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ Y({
     label: {
       type: String,
       default: "Label"
@@ -2762,53 +2784,53 @@ const kl = { class: "grow" }, Cl = {
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ H(["click-close"], ["update:modelValue"]),
-  setup(V, { emit: s }) {
-    const a = ee(V, "modelValue");
+  emits: /* @__PURE__ */ Y(["click-close"], ["update:modelValue"]),
+  setup(F, { emit: r }) {
+    const a = ee(F, "modelValue");
     ne(
       [() => a.value.dimensions, () => a.value.metrics],
       () => {
-        const { rowIds: d, columnIds: l } = Fe(a.value);
-        a.value.rowIds = d, a.value.columnIds = l;
+        const { rowIds: p, columnIds: o } = Fe(a.value);
+        a.value.rowIds = p, a.value.columnIds = o;
       },
       { deep: !0 }
     );
-    const r = V, n = s, { t: f, te: v } = W(), x = _(() => r.config.type === j.Circular);
-    return (d, l) => {
-      const p = F("FmButton");
+    const u = F, n = r, { t: f, te: v } = E(), x = _(() => u.config.type === j.Circular);
+    return (p, o) => {
+      const s = w("FmButton");
       return y(), O(Q, null, [
-        l[6] || (l[6] = k("div", { class: "grow" }, null, -1)),
-        r.closeable ? (y(), T(p, {
+        o[6] || (o[6] = k("div", { class: "grow" }, null, -1)),
+        u.closeable ? (y(), S(s, {
           key: 0,
           icon: "close",
           variant: "tertiary",
           size: "md",
-          onClick: l[0] || (l[0] = te((b) => n("click-close"), ["stop"]))
+          onClick: o[0] || (o[0] = te((g) => n("click-close"), ["stop"]))
         })) : U("", !0),
         k("div", Uo, [
-          r.config.hasChart ? (y(), T(To, {
+          u.config.hasChart ? (y(), S(To, {
             key: 0,
             model: a.value,
-            "onUpdate:model": l[1] || (l[1] = (b) => a.value = b)
+            "onUpdate:model": o[1] || (o[1] = (g) => a.value = g)
           }, null, 8, ["model"])) : U("", !0),
           k("div", Do, [
-            l[5] || (l[5] = k("p", { class: "fm-typo-en-body-lg-600" }, "Configuration", -1)),
+            o[5] || (o[5] = k("p", { class: "fm-typo-en-body-lg-600" }, "Configuration", -1)),
             k("div", $o, [
-              r.config.hasLabel ? (y(), T(fo, {
+              u.config.hasLabel ? (y(), S(fo, {
                 key: 0,
                 model: a.value,
-                "onUpdate:model": l[2] || (l[2] = (b) => a.value = b)
+                "onUpdate:model": o[2] || (o[2] = (g) => a.value = g)
               }, null, 8, ["model"])) : U("", !0),
-              r.config.hasLegend ? (y(), T(_o, {
+              u.config.hasLegend ? (y(), S(_o, {
                 key: 1,
                 model: a.value,
                 "is-circular-widget": x.value,
-                "onUpdate:model": l[3] || (l[3] = (b) => a.value = b)
+                "onUpdate:model": o[3] || (o[3] = (g) => a.value = g)
               }, null, 8, ["model", "is-circular-widget"])) : U("", !0),
-              r.config.hasXy ? (y(), T(xo, {
+              u.config.hasXy ? (y(), S(xo, {
                 key: 2,
                 model: a.value,
-                "onUpdate:model": l[4] || (l[4] = (b) => a.value = b)
+                "onUpdate:model": o[4] || (o[4] = (g) => a.value = g)
               }, null, 8, ["model"])) : U("", !0)
             ])
           ])
@@ -2825,22 +2847,22 @@ const kl = { class: "grow" }, Cl = {
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(V) {
-    const { t: s } = W(), a = ee(V, "modelValue"), r = _(
+  setup(F) {
+    const { t: r } = E(), a = ee(F, "modelValue"), u = _(
       () => xe.find((f) => f.type === a.value.widget.type)
-    ), n = M(!1);
+    ), n = z(!1);
     return (f, v) => {
-      const x = F("FmCircularProgress"), d = F("FmButton"), l = F("FmSideSheet");
-      return y(), T(l, {
+      const x = w("FmCircularProgress"), p = w("FmButton"), o = w("FmSideSheet");
+      return y(), S(o, {
         modelValue: n.value,
-        "onUpdate:modelValue": v[2] || (v[2] = (p) => n.value = p),
+        "onUpdate:modelValue": v[2] || (v[2] = (s) => n.value = s),
         "close-button": !1,
         "no-overlay": "",
         "dismiss-away": !0
       }, {
-        "side-sheet-button": D(() => [
+        "side-sheet-button": $(() => [
           k("div", Oo, [
-            m(d, {
+            m(p, {
               label: "Style setting",
               icon: "edit",
               variant: "secondary",
@@ -2848,35 +2870,35 @@ const kl = { class: "grow" }, Cl = {
             })
           ])
         ]),
-        "side-sheet-header": D(() => [
+        "side-sheet-header": $(() => [
           k("div", Io, [
-            m(d, {
+            m(p, {
               "prepend-icon": "arrow_back",
               variant: "tertiary",
               class: "fm-icon--rounded fm-icon--md text-fm-color-black",
-              onClick: v[0] || (v[0] = (p) => n.value = !1)
+              onClick: v[0] || (v[0] = (s) => n.value = !1)
             }),
             v[3] || (v[3] = k("p", { class: "fm-typo-en-title-sm-600" }, "Report style settings", -1))
           ])
         ]),
-        default: D(() => [
-          a.value ? U("", !0) : (y(), T(x, { key: 0 })),
+        default: $(() => [
+          a.value ? U("", !0) : (y(), S(x, { key: 0 })),
           m(No, {
             modelValue: a.value.widget.config,
-            "onUpdate:modelValue": v[1] || (v[1] = (p) => a.value.widget.config = p),
-            config: r.value
+            "onUpdate:modelValue": v[1] || (v[1] = (s) => a.value.widget.config = s),
+            config: u.value
           }, null, 8, ["modelValue", "config"])
         ]),
         _: 1
       }, 8, ["modelValue"]);
     };
   }
-}), Lo = { class: "bg-fm-color-neutral-white flex flex-col h-full w-[510px]" }, jo = { class: "flex bg-fm-color-neutral-white w-[88px]" }, Ro = { class: "w-full overflow-y-auto" }, zo = {
+}), Lo = { class: "bg-fm-color-neutral-white flex flex-col h-full w-[510px]" }, jo = { class: "flex bg-fm-color-neutral-white w-[88px]" }, Mo = { class: "w-full overflow-y-auto" }, Ro = {
   class: "grid grid-cols-12 w-full p-24",
   style: { backgroundColor: "#F6F8FC" }
-}, Mo = /* @__PURE__ */ P({
+}, zo = /* @__PURE__ */ P({
   __name: "TileEditorDesktop",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ Y({
     hideConfiguration: { type: Boolean, required: !0, default: !1 },
     index: { type: Number, required: !0, default: 0 }
   }, {
@@ -2885,75 +2907,75 @@ const kl = { class: "grow" }, Cl = {
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ H(["hideConfiguration"], ["update:modelValue"]),
-  setup(V, { emit: s }) {
-    const a = ee(V, "modelValue"), r = V, n = _(
-      () => xe.find((d) => {
-        var l;
-        return d.type === ((l = a.value) == null ? void 0 : l.widget.type);
+  emits: /* @__PURE__ */ Y(["hideConfiguration"], ["update:modelValue"]),
+  setup(F, { emit: r }) {
+    const a = ee(F, "modelValue"), u = F, n = _(
+      () => xe.find((p) => {
+        var o;
+        return p.type === ((o = a.value) == null ? void 0 : o.widget.type);
       })
-    ), f = s, v = [
+    ), f = r, v = [
       j.BarChart,
       j.StackBarChart,
       j.LineChart,
       j.StackLineChart,
       j.Circular
     ], x = _(() => v.includes(a.value.widget.type));
-    return (d, l) => {
-      const p = F("FmCircularProgress"), b = F("FmButton");
+    return (p, o) => {
+      const s = w("FmCircularProgress"), g = w("FmButton");
       return y(), O("div", null, [
         a.value ? (y(), O(Q, { key: 1 }, [
           m(Ze, {
-            "model-value": !V.hideConfiguration
+            "model-value": !F.hideConfiguration
           }, {
-            right: D(() => [
+            right: $(() => [
               k("div", Lo, [
                 m(qe, {
                   modelValue: a.value,
-                  "onUpdate:modelValue": l[0] || (l[0] = (S) => a.value = S),
+                  "onUpdate:modelValue": o[0] || (o[0] = (T) => a.value = T),
                   config: n.value,
-                  "hide-configuration": V.hideConfiguration,
-                  onHideConfiguration: l[1] || (l[1] = (S) => {
-                    f("hideConfiguration", S);
+                  "hide-configuration": F.hideConfiguration,
+                  onHideConfiguration: o[1] || (o[1] = (T) => {
+                    f("hideConfiguration", T);
                   })
                 }, null, 8, ["modelValue", "config", "hide-configuration"])
               ])
             ]),
-            left: D(() => [
+            left: $(() => [
               k("div", jo, [
-                m(b, {
+                m(g, {
                   variant: "secondary",
                   icon: "keyboard_double_arrow_right",
                   "border-color": t(be).ColorPrimary,
                   "text-color": t(be).ColorPrimary,
                   class: "m-24 my-16",
                   size: "md",
-                  onClick: l[2] || (l[2] = (S) => f("hideConfiguration", !r.hideConfiguration))
+                  onClick: o[2] || (o[2] = (T) => f("hideConfiguration", !u.hideConfiguration))
                 }, null, 8, ["border-color", "text-color"])
               ])
             ]),
             _: 1
           }, 8, ["model-value"]),
-          k("div", Ro, [
-            k("div", zo, [
-              a.value ? (y(), T(Pe, {
+          k("div", Mo, [
+            k("div", Ro, [
+              a.value ? (y(), S(Pe, {
                 key: 0,
                 "model-value": a.value,
-                index: r.index,
+                index: u.index,
                 "hide-export": !0
-              }, null, 8, ["model-value", "index"])) : (y(), T(Ae, { key: 1 }))
+              }, null, 8, ["model-value", "index"])) : (y(), S(Ae, { key: 1 }))
             ])
           ]),
-          x.value ? (y(), T(Bo, {
+          x.value ? (y(), S(Bo, {
             key: 0,
             modelValue: a.value,
-            "onUpdate:modelValue": l[3] || (l[3] = (S) => a.value = S),
-            "hide-configuration": V.hideConfiguration,
-            onHideConfiguration: l[4] || (l[4] = (S) => {
-              f("hideConfiguration", S);
+            "onUpdate:modelValue": o[3] || (o[3] = (T) => a.value = T),
+            "hide-configuration": F.hideConfiguration,
+            onHideConfiguration: o[4] || (o[4] = (T) => {
+              f("hideConfiguration", T);
             })
           }, null, 8, ["modelValue", "hide-configuration"])) : U("", !0)
-        ], 64)) : (y(), T(p, { key: 0 }))
+        ], 64)) : (y(), S(s, { key: 0 }))
       ]);
     };
   }
@@ -2962,7 +2984,7 @@ const kl = { class: "grow" }, Cl = {
   class: "flex w-full justify-center items-center"
 }, Ao = { class: "w-full grid grid-cols-12 pb-28 pt-5 px-5 h-full" }, qo = /* @__PURE__ */ P({
   __name: "TileEditorMobile",
-  props: /* @__PURE__ */ H({
+  props: /* @__PURE__ */ Y({
     hideConfiguration: { type: Boolean, required: !0, default: !1 },
     index: { type: Number, required: !0, default: 0 }
   }, {
@@ -2971,37 +2993,37 @@ const kl = { class: "grow" }, Cl = {
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ H(["hideConfiguration"], ["update:modelValue"]),
-  setup(V, { emit: s }) {
-    const a = ee(V, "modelValue"), r = V, n = _(
+  emits: /* @__PURE__ */ Y(["hideConfiguration"], ["update:modelValue"]),
+  setup(F, { emit: r }) {
+    const a = ee(F, "modelValue"), u = F, n = _(
       () => xe.find((v) => {
         var x;
         return v.type === ((x = a.value) == null ? void 0 : x.widget.type);
       })
-    ), f = s;
+    ), f = r;
     return (v, x) => {
-      const d = F("FmCircularProgress");
+      const p = w("FmCircularProgress");
       return y(), O("div", null, [
         a.value ? (y(), O(Q, { key: 1 }, [
           k("div", Ao, [
-            a.value ? (y(), T(Pe, {
+            a.value ? (y(), S(Pe, {
               key: 0,
               "model-value": a.value,
-              index: r.index,
+              index: u.index,
               "hide-export": !0
-            }, null, 8, ["model-value", "index"])) : (y(), T(Ae, { key: 1 }))
+            }, null, 8, ["model-value", "index"])) : (y(), S(Ae, { key: 1 }))
           ]),
           m(qe, {
             modelValue: a.value,
-            "onUpdate:modelValue": x[0] || (x[0] = (l) => a.value = l),
+            "onUpdate:modelValue": x[0] || (x[0] = (o) => a.value = o),
             config: n.value,
-            "hide-configuration": V.hideConfiguration,
-            onHideConfiguration: x[1] || (x[1] = (l) => {
-              f("hideConfiguration", l);
+            "hide-configuration": F.hideConfiguration,
+            onHideConfiguration: x[1] || (x[1] = (o) => {
+              f("hideConfiguration", o);
             })
           }, null, 8, ["modelValue", "config", "hide-configuration"])
         ], 64)) : (y(), O("div", Po, [
-          m(d)
+          m(p)
         ]))
       ]);
     };
@@ -3011,63 +3033,63 @@ const kl = { class: "grow" }, Cl = {
   class: "fm-typo-en-title-md-600"
 }, nt = /* @__PURE__ */ P({
   __name: "TileEditor",
-  setup(V) {
-    const { rowHeight: s, colWidths: a } = me(he()), r = We(), n = Je(), f = ll(), { currentSelectWidgetType: v, editingReport: x, editingTile: d, editingTileIndex: l } = me(f), { breakpoints: p } = Me(), { promptMessage: b } = ze(), { t: S } = W(), $ = M(!1);
+  setup(F) {
+    const { rowHeight: r, colWidths: a } = me(he()), u = Ee(), n = Je(), f = ll(), { currentSelectWidgetType: v, editingReport: x, editingTile: p, editingTileIndex: o } = me(f), { breakpoints: s } = ze(), { promptMessage: g } = Re(), { t: T } = E(), D = z(!1);
     function N() {
-      v.value = void 0, d.value = void 0, l.value = -1, n.back();
+      v.value = void 0, p.value = void 0, o.value = -1, n.back();
     }
-    async function w() {
-      var o;
+    async function V() {
+      var l;
       if (!x.value) return;
-      await b({
-        title: S("report.tile.save.title"),
-        message: S("report.tile.save.confirm", { title: (o = d.value) == null ? void 0 : o.widget.title })
-      }) && d.value && (d.value.widget.config = {
-        ...d.value.widget.config,
-        rowHeight: s.value,
+      await g({
+        title: T("report.tile.save.title"),
+        message: T("report.tile.save.confirm", { title: (l = p.value) == null ? void 0 : l.widget.title })
+      }) && p.value && (p.value.widget.config = {
+        ...p.value.widget.config,
+        rowHeight: r.value,
         colWidths: [...a.value]
-      }, l.value === -1 ? x.value.tiles.push(d.value) : x.value.tiles[l.value] = d.value, N());
+      }, o.value === -1 ? x.value.tiles.push(p.value) : x.value.tiles[o.value] = p.value, N());
     }
     async function h() {
-      var o;
+      var l;
       if (!x.value) return;
-      await b({
-        title: S("report.tile.cancel.title"),
-        message: S("report.tile.cancel.confirm", { title: (o = d.value) == null ? void 0 : o.widget.title })
+      await g({
+        title: T("report.tile.cancel.title"),
+        message: T("report.tile.cancel.confirm", { title: (l = p.value) == null ? void 0 : l.widget.title })
       }) && N();
     }
     return Ie(() => {
       x.value || n.push({ name: "reports" });
-    }), (u, o) => {
-      const i = F("FmPageHead");
-      return y(), T(el, null, {
-        default: D(() => [
+    }), (d, l) => {
+      const i = w("FmPageHead");
+      return y(), S(el, null, {
+        default: $(() => [
           m(i, {
             actions: [
               { label: "Cancel", value: "cancel", isPrimary: !1 },
               { label: "Save", value: "save", isPrimary: !0 }
             ],
-            "onClick:action": o[0] || (o[0] = (e) => {
-              e === "cancel" && h(), e === "save" && w();
+            "onClick:action": l[0] || (l[0] = (e) => {
+              e === "cancel" && h(), e === "save" && V();
             })
           }, {
-            title: D(() => {
+            title: $(() => {
               var e;
               return [
-                t(p).lg || t(p).md ? (y(), O("p", Xo, B(t(Ue)(((e = t(d)) == null ? void 0 : e.widget.type) ?? "New report")), 1)) : U("", !0)
+                t(s).lg || t(s).md ? (y(), O("p", Xo, B(t(Ue)(((e = t(p)) == null ? void 0 : e.widget.type) ?? "New report")), 1)) : U("", !0)
               ];
             }),
             _: 1
           }),
-          t(d) ? (y(), T(Le(t(p).lg || t(p).md ? Mo : qo), {
+          t(p) ? (y(), S(Le(t(s).lg || t(s).md ? zo : qo), {
             key: 0,
-            modelValue: t(d),
-            "onUpdate:modelValue": o[1] || (o[1] = (e) => He(d) ? d.value = e : null),
-            class: je(`${t(p).lg || t(p).md ? "flex" : ""} w-full`),
-            style: Ee({ height: `calc( 100% - ${t(p).lg || t(p).md ? 72 : 64}px)` }),
-            "hide-configuration": $.value,
-            index: Number(t(r).params.tileIndex),
-            onHideConfiguration: o[2] || (o[2] = (e) => $.value = e)
+            modelValue: t(p),
+            "onUpdate:modelValue": l[1] || (l[1] = (e) => Ye(p) ? p.value = e : null),
+            class: je(`${t(s).lg || t(s).md ? "flex" : ""} w-full`),
+            style: We({ height: `calc( 100% - ${t(s).lg || t(s).md ? 72 : 64}px)` }),
+            "hide-configuration": D.value,
+            index: Number(t(u).params.tileIndex),
+            onHideConfiguration: l[2] || (l[2] = (e) => D.value = e)
           }, null, 40, ["modelValue", "class", "style", "hide-configuration", "index"])) : U("", !0)
         ]),
         _: 1