@feedmepos/mf-report 5.21.21 → 5.21.22

package/dist/{TileEditor-CeZfIiHu.js → TileEditor-CS65HkRc.js}

@@ -1,19 +1,19 @@
-import { defineComponent as q, mergeModels as G, useModel as ee, computed as $, ref as H, resolveComponent as w, createElementBlock as z, openBlock as f, createVNode as r, createElementVNode as h, unref as l, withCtx as O, toDisplayString as j, Fragment as Z, renderList as de, withModifiers as te, createTextVNode as pe, watch as ue, createCommentVNode as U, createBlock as D, onUnmounted as Xe, renderSlot as Oe, onMounted as ke, onBeforeUnmount as qe, resolveDynamicComponent as Ie, normalizeClass as Le, withDirectives as ne, vShow as ie, normalizeStyle as We, isRef as He } from "vue";
+import { defineComponent as W, mergeModels as K, useModel as le, computed as $, ref as E, resolveComponent as V, createElementBlock as R, openBlock as b, createVNode as r, createElementVNode as h, unref as l, withCtx as N, toDisplayString as L, Fragment as te, renderList as me, withModifiers as ae, createTextVNode as ce, watch as re, createCommentVNode as U, createBlock as D, onUnmounted as Xe, renderSlot as Oe, onMounted as Se, onBeforeUnmount as qe, resolveDynamicComponent as Ie, normalizeClass as Le, withDirectives as ie, vShow as se, normalizeStyle as We, isRef as He } from "vue";
 import { useRoute as Ee, useRouter as Ye } from "vue-router";
-import { h as Je, d as _e, S as Fe, _ as Ge, W as Ke, b as Qe, T as Ze, a as el } from "./TransitionFade-CrOThVuD.js";
-import { W as R, b as Be, d as ce, D as ll, S as Te, C as ol, P as $e, a as tl } from "./BaseDialog.vue_vue_type_script_setup_true_lang-C83DEzrp.js";
-import { storeToRefs as re } from "pinia";
+import { h as Je, d as Ve, S as Ce, _ as Ge, W as Ke, b as Qe, T as Ze, a as el } from "./TransitionFade-5WYqlTMU.js";
+import { W as z, b as Be, d as ve, D as ll, S as Te, C as ol, P as $e, a as tl } from "./BaseDialog.vue_vue_type_script_setup_true_lang-CnCFX1Cy.js";
+import { storeToRefs as de } from "pinia";
 import { u as je } from "./message-dialog-UoMWOnil.js";
-import { u as J, j as ve, b as ze, d as fe, h as al } from "./vue-i18n-D1iec8Wy.js";
+import { u as J, j as fe, b as ze, d as ge, h as al } from "./vue-i18n-D1iec8Wy.js";
 import { useSnackbar as nl, useBreakpoints as Re, FmButtonColorThemeVariant as De } from "@feedmepos/ui-library";
-import { a as Q } from "./SelectComponent.vue_vue_type_script_setup_true_lang-BhWCLEfp.js";
+import { a as ee } from "./SelectComponent.vue_vue_type_script_setup_true_lang-BhWCLEfp.js";
 import { r as Y } from "./i18n-7InkCBCc.js";
-import { g as me, u as ge, L as se, b as Ve, _ as Me, a as il } from "./FilterSelector.vue_vue_type_script_setup_true_lang-MZ4U7iLX.js";
-import { d as be } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-CS10GX8d.js";
+import { g as pe, u as be, L as ue, b as we, _ as Me, a as il } from "./FilterSelector.vue_vue_type_script_setup_true_lang-BMx7tOtZ.js";
+import { d as ye } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-CS10GX8d.js";
 import { _ as Pe } from "./NoData.vue_vue_type_script_setup_true_lang-DDKbpI_N.js";
-const he = [
+const Fe = [
   {
-    type: R.Circular,
+    type: z.Circular,
     maxDimension: null,
     maxMetric: 1,
     hasBreakdownDimension: !1,
@@ -30,7 +30,7 @@ const he = [
     periodType: null
   },
   {
-    type: R.Table,
+    type: z.Table,
     maxDimension: null,
     maxMetric: null,
     hasBreakdownDimension: !1,
@@ -47,7 +47,7 @@ const he = [
     periodType: null
   },
   {
-    type: R.BarChart,
+    type: z.BarChart,
     maxDimension: null,
     maxMetric: 1,
     hasBreakdownDimension: !0,
@@ -64,7 +64,7 @@ const he = [
     periodType: null
   },
   {
-    type: R.LineChart,
+    type: z.LineChart,
     maxDimension: null,
     maxMetric: 1,
     hasBreakdownDimension: !0,
@@ -81,7 +81,7 @@ const he = [
     periodType: null
   },
   {
-    type: R.StackBarChart,
+    type: z.StackBarChart,
     maxDimension: null,
     maxMetric: 1,
     hasBreakdownDimension: !0,
@@ -98,7 +98,7 @@ const he = [
     periodType: null
   },
   {
-    type: R.StackLineChart,
+    type: z.StackLineChart,
     maxDimension: null,
     maxMetric: 1,
     hasBreakdownDimension: !0,
@@ -115,7 +115,7 @@ const he = [
     periodType: null
   },
   {
-    type: R.Scorecard,
+    type: z.Scorecard,
     maxDimension: null,
     maxMetric: 1,
     hasBreakdownDimension: !1,
@@ -132,7 +132,7 @@ const he = [
     periodType: null
   },
   {
-    type: R.Spacer,
+    type: z.Spacer,
     maxDimension: 0,
     maxMetric: 0,
     hasBreakdownDimension: !1,
@@ -148,9 +148,9 @@ const he = [
     canSearch: !1,
     periodType: null
   }
-], sl = { class: "flex flex-col my-2 gap-8" }, ul = { class: "fm-typo-en-body-lg-600" }, rl = { class: "text-sm text-fm-color-neutral-gray-400" }, dl = ["onClick"], ml = { class: "fm-typo-en-body-lg-400 overflow-hidden text-ellipsis line-clamp-1" }, pl = /* @__PURE__ */ q({
+], sl = { class: "flex flex-col my-2 gap-8" }, ul = { class: "fm-typo-en-body-lg-600" }, rl = { class: "text-sm text-fm-color-neutral-gray-400" }, dl = ["onClick"], ml = { class: "fm-typo-en-body-lg-400 overflow-hidden text-ellipsis line-clamp-1" }, pl = /* @__PURE__ */ W({
   __name: "SchemaSection",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ K({
     options: {
       type: Array,
       default: () => []
@@ -164,8 +164,8 @@ const he = [
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(V) {
-    const { t: d, te: t } = J(), s = ee(V, "modelValue"), n = V, { schemas: v } = re(Be()), g = $(
+  setup(F) {
+    const { t: d, te: t } = J(), s = le(F, "modelValue"), n = F, { schemas: v } = de(Be()), f = $(
       () => v.value.map((p) => ({
         label: p.label,
         value: p.name,
@@ -173,13 +173,13 @@ const he = [
       }))
     ), m = $(() => {
       if (s.value.schemaNames.length === 0 || o.value === 0)
-        return g.value.filter((p) => !p.raw.isJoinOnly);
+        return f.value.filter((p) => !p.raw.isJoinOnly);
       {
         const p = s.value.schemaNames[0], k = v.value.find((_) => _.name === p), x = ((k == null ? void 0 : k.joins) || []).map((_) => _);
-        return g.value.filter((_) => x.includes(_.raw.name));
+        return f.value.filter((_) => x.includes(_.raw.name));
       }
-    }), y = H(!1), c = H(""), o = H(), u = nl();
-    function F(p) {
+    }), y = E(!1), c = E(""), o = E(), u = nl();
+    function w(p) {
       var k;
       return Y(
         d,
@@ -191,28 +191,28 @@ const he = [
     function C(p) {
       o.value = p, y.value = !0, p !== void 0 ? c.value = s.value.schemaNames[p] : c.value = "";
     }
-    function I() {
+    function O() {
       c.value !== "" ? (o.value !== void 0 ? s.value.schemaNames[o.value] = c.value : s.value.schemaNames.push(c.value), y.value = !1) : u.open({ message: d("report.section.schema.nothingSelected"), type: "error" });
     }
     return (p, k) => {
-      const x = w("FmForm"), _ = w("FmIcon"), a = w("FmField");
-      return f(), z("div", sl, [
-        r(ce, {
+      const x = V("FmForm"), _ = V("FmIcon"), a = V("FmField");
+      return b(), R("div", sl, [
+        r(ve, {
           modelValue: y.value,
           "onUpdate:modelValue": k[1] || (k[1] = (e) => y.value = e),
           title: n.label,
           "primary-button-label": l(d)("report.common.confirm"),
           "secondary-button-label": l(d)("report.common.cancel"),
-          onConfirm: I
+          onConfirm: O
         }, {
-          content: O(() => [
+          content: N(() => [
             r(x, { ref: "form" }, {
-              default: O(() => [
-                r(Q, {
+              default: N(() => [
+                r(ee, {
                   modelValue: c.value,
                   "onUpdate:modelValue": k[0] || (k[0] = (e) => c.value = e),
                   label: l(d)("report.section.schema.title"),
-                  items: o.value === 0 ? g.value.map((e) => ({
+                  items: o.value === 0 ? f.value.map((e) => ({
                     label: l(Y)(l(d), l(t), e.label, "schema"),
                     value: e.value
                   })) : m.value.map((e) => ({
@@ -227,10 +227,10 @@ const he = [
           _: 1
         }, 8, ["modelValue", "title", "primary-button-label", "secondary-button-label"]),
         h("div", null, [
-          h("p", ul, j(l(d)("report.section.schema.title")), 1),
-          h("p", rl, j(l(d)("report.section.schema.description")), 1)
+          h("p", ul, L(l(d)("report.section.schema.title")), 1),
+          h("p", rl, L(l(d)("report.section.schema.description")), 1)
         ]),
-        (f(!0), z(Z, null, de(s.value.schemaNames, (e, i) => (f(), z("div", {
+        (b(!0), R(te, null, me(s.value.schemaNames, (e, i) => (b(), R("div", {
           key: i,
           class: "flex flex-col gap-2 w-full"
         }, [
@@ -238,11 +238,11 @@ const he = [
             class: "flex items-center gap-2 border rounded-md border-neutral-300 p-2 h-[40px]",
             onClick: (T) => C(i)
           }, [
-            h("p", ml, j(F(e)), 1),
+            h("p", ml, L(w(e)), 1),
             k[3] || (k[3] = h("div", { class: "grow" }, null, -1)),
             r(_, {
               name: "close",
-              onClick: te(
+              onClick: ae(
                 () => {
                   s.value.schemaNames = l(Je)(s.value.schemaNames, i);
                 },
@@ -257,8 +257,8 @@ const he = [
             C();
           })
         }, {
-          default: O(() => [
-            pe(j(l(d)("report.section.schema.add")), 1)
+          default: N(() => [
+            ce(L(l(d)("report.section.schema.add")), 1)
           ]),
           _: 1
         })
@@ -268,9 +268,9 @@ const he = [
 }), cl = {
   key: 0,
   class: "flex flex-col my-2 gap-8"
-}, vl = { class: "fm-typo-en-body-lg-600 text-ellipsis line-clamp-1" }, fl = { class: "fm-typo-en-body-sm-600 text-fm-color-neutral-gray-400" }, gl = { class: "fm-typo-en-body-lg-400 text-ellipsis overflow-hidden line-clamp-1" }, we = /* @__PURE__ */ q({
+}, vl = { class: "fm-typo-en-body-lg-600 text-ellipsis line-clamp-1" }, fl = { class: "fm-typo-en-body-sm-600 text-fm-color-neutral-gray-400" }, gl = { class: "fm-typo-en-body-lg-400 text-ellipsis overflow-hidden line-clamp-1" }, xe = /* @__PURE__ */ W({
   __name: "DimensionSection",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ K({
     options: {
       type: Array,
       default: () => []
@@ -300,30 +300,30 @@ const he = [
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(V) {
-    const { t: d, te: t } = J(), s = ee(V, "modelValue"), n = V, v = $(() => d(`report.section.dimension.${n.label}`)), g = H(!1), m = $(
+  setup(F) {
+    const { t: d, te: t } = J(), s = le(F, "modelValue"), n = F, v = $(() => d(`report.section.dimension.${n.label}`)), f = E(!1), m = $(
       () => s.value.map((a, e) => ({
         index: e,
         labels: [a.label || a.name],
         value: a
       }))
-    ), y = H(s.value.length > 0 ? 0 : void 0);
+    ), y = E(s.value.length > 0 ? 0 : void 0);
     function c(a) {
       var e, i, T, S;
-      g.value = !0, o.value = a != null && a.value ? JSON.parse(
+      f.value = !0, o.value = a != null && a.value ? JSON.parse(
         JSON.stringify({
           ...a.value,
           label: Y(d, t, (e = a.value) == null ? void 0 : e.label, "other"),
-          moveToColumn: (((i = n.config) == null ? void 0 : i.columnIds) || []).includes(me(a.value))
+          moveToColumn: (((i = n.config) == null ? void 0 : i.columnIds) || []).includes(pe(a.value))
         })
       ) : void 0, y.value = a == null ? void 0 : a.index, u.value = !!((T = o.value) != null && T.dataFormula || (S = o.value) != null && S.displayFormula), o.value && o.value.formatter === void 0 && (n.options.find(
-        (b) => {
-          var M, A;
-          return b.schemaName === ((M = o.value) == null ? void 0 : M.schemaName) && b.name === ((A = o.value) == null ? void 0 : A.name);
+        (g) => {
+          var M, X;
+          return g.schemaName === ((M = o.value) == null ? void 0 : M.schemaName) && g.name === ((X = o.value) == null ? void 0 : X.name);
         }
       ), a != null && a.value.timeFormatter && o.value.formatter === void 0 && (o.value.formatter = a == null ? void 0 : a.value.timeFormatter, o.value.timeFormatter = void 0));
     }
-    const o = H(void 0), u = H(!1), F = $(
+    const o = E(void 0), u = E(!1), w = $(
       () => n.options.find(
         (a) => {
           var e, i;
@@ -331,7 +331,7 @@ const he = [
         }
       ) ?? {}
     );
-    ue(
+    re(
       () => {
         var a;
         return (a = o.value) == null ? void 0 : a.option;
@@ -343,10 +343,10 @@ const he = [
     const C = $(
       () => {
         var a, e, i;
-        return (i = (a = F.value) == null ? void 0 : a.fillGapDimensionOptions) == null ? void 0 : i.includes(((e = o.value) == null ? void 0 : e.option) || "");
+        return (i = (a = w.value) == null ? void 0 : a.fillGapDimensionOptions) == null ? void 0 : i.includes(((e = o.value) == null ? void 0 : e.option) || "");
       }
     );
-    function I(a) {
+    function O(a) {
       var e, i;
       (a.schemaName !== ((e = o.value) == null ? void 0 : e.schemaName) || a.name !== ((i = o.value) == null ? void 0 : i.name)) && (o.value = {
         schemaName: a.schemaName,
@@ -363,7 +363,7 @@ const he = [
         return;
       }
       const a = [...m.value.map((e) => e.value)];
-      u.value || (o.value.dataFormula = void 0), y.value !== void 0 ? a[y.value] = o.value : a.push(o.value), s.value = a, g.value = !1;
+      u.value || (o.value.dataFormula = void 0), y.value !== void 0 ? a[y.value] = o.value : a.push(o.value), s.value = a, f.value = !1;
     }
     function k(a) {
       const i = [...m.value.map((T) => T.value)].filter((T, S) => S !== a);
@@ -379,116 +379,116 @@ const he = [
       }))
     );
     return (a, e) => {
-      const i = w("FmTextField"), T = w("FmStepperField"), S = w("FmCheckbox"), b = w("FmTextarea"), M = w("FmForm"), A = w("FmIcon"), W = w("FmButton"), E = w("FmListItem"), K = w("FmList"), oe = w("FmField");
-      return V.max !== 0 ? (f(), z("div", cl, [
-        r(ce, {
-          modelValue: g.value,
-          "onUpdate:modelValue": e[12] || (e[12] = (B) => g.value = B),
+      const i = V("FmTextField"), T = V("FmStepperField"), S = V("FmCheckbox"), g = V("FmTextarea"), M = V("FmForm"), X = V("FmIcon"), Q = V("FmButton"), q = V("FmListItem"), H = V("FmList"), Z = V("FmField");
+      return F.max !== 0 ? (b(), R("div", cl, [
+        r(ve, {
+          modelValue: f.value,
+          "onUpdate:modelValue": e[12] || (e[12] = (I) => f.value = I),
           title: v.value,
           "primary-button-label": l(d)("report.common.confirm"),
           "secondary-button-label": l(d)("report.common.cancel"),
           onConfirm: p
         }, {
-          content: O(() => [
+          content: N(() => [
             r(M, {
               ref: "form",
               class: "flex flex-col gap-2 w-[490px]"
             }, {
-              default: O(() => {
-                var B, N, X, le, ae, L, Se;
+              default: N(() => {
+                var I, B, P, G, ne, j, oe;
                 return [
-                  r(Q, {
-                    "model-value": F.value,
+                  r(ee, {
+                    "model-value": w.value,
                     items: _.value,
                     placeholder: v.value,
                     label: v.value,
-                    "onUpdate:modelValue": e[0] || (e[0] = (P) => I(P))
+                    "onUpdate:modelValue": e[0] || (e[0] = (A) => O(A))
                   }, null, 8, ["model-value", "items", "placeholder", "label"]),
-                  o.value ? (f(), z(Z, { key: 0 }, [
+                  o.value ? (b(), R(te, { key: 0 }, [
                     r(i, {
                       modelValue: o.value.label,
-                      "onUpdate:modelValue": e[1] || (e[1] = (P) => o.value.label = P),
+                      "onUpdate:modelValue": e[1] || (e[1] = (A) => o.value.label = A),
                       label: l(d)("report.section.dimension.label")
                     }, null, 8, ["modelValue", "label"]),
-                    (((B = F.value) == null ? void 0 : B.dimensionOptions) || []).length > 0 ? (f(), D(Q, {
+                    (((I = w.value) == null ? void 0 : I.dimensionOptions) || []).length > 0 ? (b(), D(ee, {
                       key: 0,
                       modelValue: o.value.option,
-                      "onUpdate:modelValue": e[2] || (e[2] = (P) => o.value.option = P),
-                      items: ((N = F.value) == null ? void 0 : N.dimensionOptions.map((P) => ({
-                        label: l(Y)(l(d), l(t), P, "field"),
-                        value: P
+                      "onUpdate:modelValue": e[2] || (e[2] = (A) => o.value.option = A),
+                      items: ((B = w.value) == null ? void 0 : B.dimensionOptions.map((A) => ({
+                        label: l(Y)(l(d), l(t), A, "field"),
+                        value: A
                       }))) ?? []
                     }, null, 8, ["modelValue", "items"])) : U("", !0),
-                    (X = F.value) != null && X.isNumericType ? (f(), D(T, {
+                    (P = w.value) != null && P.isNumericType ? (b(), D(T, {
                       key: 1,
                       label: l(d)("report.common.decimal"),
-                      "model-value": ((le = o.value) == null ? void 0 : le.decimal) ?? 2,
-                      "onUpdate:modelValue": e[3] || (e[3] = (P) => {
-                        x(P);
+                      "model-value": ((G = o.value) == null ? void 0 : G.decimal) ?? 2,
+                      "onUpdate:modelValue": e[3] || (e[3] = (A) => {
+                        x(A);
                       })
                     }, null, 8, ["label", "model-value"])) : U("", !0),
-                    (ae = F.value) != null && ae.isNumericType ? (f(), D(Q, {
+                    (ne = w.value) != null && ne.isNumericType ? (b(), D(ee, {
                       key: 2,
                       modelValue: o.value.formatter,
-                      "onUpdate:modelValue": e[4] || (e[4] = (P) => o.value.formatter = P),
+                      "onUpdate:modelValue": e[4] || (e[4] = (A) => o.value.formatter = A),
                       placeholder: l(d)("report.section.dimension.formatter"),
                       label: l(d)("report.section.dimension.formatter"),
                       items: [
                         { label: "NONE", value: null },
-                        ...(((L = F.value) == null ? void 0 : L.formatters) || []).map((P) => ({
-                          label: P,
-                          value: P
+                        ...(((j = w.value) == null ? void 0 : j.formatters) || []).map((A) => ({
+                          label: A,
+                          value: A
                         }))
                       ]
                     }, null, 8, ["modelValue", "placeholder", "label", "items"])) : U("", !0),
-                    C.value ? (f(), D(S, {
+                    C.value ? (b(), D(S, {
                       key: 3,
                       "model-value": o.value.fillGap ?? !1,
                       label: l(d)("report.section.dimension.fillGap"),
                       value: "",
                       placeholder: "Fill gap",
-                      "onUpdate:modelValue": e[5] || (e[5] = (P) => {
-                        o.value && (o.value.fillGap = P);
+                      "onUpdate:modelValue": e[5] || (e[5] = (A) => {
+                        o.value && (o.value.fillGap = A);
                       })
                     }, null, 8, ["model-value", "label"])) : U("", !0),
-                    ((Se = F.value) == null ? void 0 : Se.type) === l(ll).Timestamp ? (f(), D(S, {
+                    ((oe = w.value) == null ? void 0 : oe.type) === l(ll).Timestamp ? (b(), D(S, {
                       key: 4,
                       "model-value": o.value.dateComparison ?? !1,
                       label: l(d)("report.section.dimension.dateComparison"),
                       value: "",
-                      "onUpdate:modelValue": e[6] || (e[6] = (P) => {
-                        o.value && (o.value.dateComparison = P);
+                      "onUpdate:modelValue": e[6] || (e[6] = (A) => {
+                        o.value && (o.value.dateComparison = A);
                       })
                     }, null, 8, ["model-value", "label"])) : U("", !0),
                     r(S, {
                       modelValue: o.value.hide,
-                      "onUpdate:modelValue": e[7] || (e[7] = (P) => o.value.hide = P),
+                      "onUpdate:modelValue": e[7] || (e[7] = (A) => o.value.hide = A),
                       label: l(d)("report.section.dimension.hide"),
                       value: ""
                     }, null, 8, ["modelValue", "label"]),
-                    n.hasRowColumn ? (f(), D(S, {
+                    n.hasRowColumn ? (b(), D(S, {
                       key: 5,
                       modelValue: o.value.moveToColumn,
-                      "onUpdate:modelValue": e[8] || (e[8] = (P) => o.value.moveToColumn = P),
+                      "onUpdate:modelValue": e[8] || (e[8] = (A) => o.value.moveToColumn = A),
                       label: l(d)("report.section.dimension.moveToColumn"),
                       value: ""
                     }, null, 8, ["modelValue", "label"])) : U("", !0),
                     r(S, {
                       modelValue: u.value,
-                      "onUpdate:modelValue": e[9] || (e[9] = (P) => u.value = P),
+                      "onUpdate:modelValue": e[9] || (e[9] = (A) => u.value = A),
                       label: l(d)("report.section.dimension.advance"),
                       value: !0
                     }, null, 8, ["modelValue", "label"]),
-                    u.value ? (f(), D(b, {
+                    u.value ? (b(), D(g, {
                       key: 6,
                       modelValue: o.value.dataFormula,
-                      "onUpdate:modelValue": e[10] || (e[10] = (P) => o.value.dataFormula = P),
+                      "onUpdate:modelValue": e[10] || (e[10] = (A) => o.value.dataFormula = A),
                       placeholder: l(d)("report.section.dimension.dataFormula")
                     }, null, 8, ["modelValue", "placeholder"])) : U("", !0),
-                    u.value ? (f(), D(b, {
+                    u.value ? (b(), D(g, {
                       key: 7,
                       modelValue: o.value.displayFormula,
-                      "onUpdate:modelValue": e[11] || (e[11] = (P) => o.value.displayFormula = P),
+                      "onUpdate:modelValue": e[11] || (e[11] = (A) => o.value.displayFormula = A),
                       placeholder: l(d)("report.section.dimension.displayFormula")
                     }, null, 8, ["modelValue", "placeholder"])) : U("", !0)
                   ], 64)) : U("", !0)
@@ -500,30 +500,30 @@ const he = [
           _: 1
         }, 8, ["modelValue", "title", "primary-button-label", "secondary-button-label"]),
         h("div", null, [
-          h("p", vl, j(v.value), 1),
-          h("p", fl, j(l(d)("report.section.dimension.description")), 1)
+          h("p", vl, L(v.value), 1),
+          h("p", fl, L(l(d)("report.section.dimension.description")), 1)
         ]),
-        r(K, null, {
-          default: O(() => [
-            r(l(_e), {
+        r(H, null, {
+          default: N(() => [
+            r(l(Ve), {
               list: s.value,
               "item-key": "id",
               class: "flex flex-col gap-2"
             }, {
-              item: O(({ element: B, index: N }) => [
-                r(E, {
+              item: N(({ element: I, index: B }) => [
+                r(q, {
                   class: "!cursor-grab border rounded-md border-neutral-300 h-[40px] !p-[8px]",
-                  onClick: te((X) => c(m.value[N]), ["stop"])
+                  onClick: ae((P) => c(m.value[B]), ["stop"])
                 }, {
-                  default: O(() => [
-                    r(A, { name: "drag_handle" }),
-                    h("p", gl, j(l(Y)(l(d), l(t), B.label, "other")), 1),
+                  default: N(() => [
+                    r(X, { name: "drag_handle" }),
+                    h("p", gl, L(l(Y)(l(d), l(t), I.label, "other")), 1),
                     e[14] || (e[14] = h("div", { class: "grow" }, null, -1)),
-                    r(W, {
+                    r(Q, {
                       icon: "close",
                       size: "md",
                       variant: "tertiary",
-                      onClick: te((X) => k(N), ["stop"])
+                      onClick: ae((P) => k(B), ["stop"])
                     }, null, 8, ["onClick"])
                   ]),
                   _: 2
@@ -534,79 +534,79 @@ const he = [
           ]),
           _: 1
         }),
-        r(oe, {
+        r(Z, {
           class: "text-fm-color-typo-tertiary",
           onClick: e[13] || (e[13] = () => {
             c();
           })
         }, {
-          default: O(() => [
-            pe(j(l(d)("report.section.dimension.add")), 1)
+          default: N(() => [
+            ce(L(l(d)("report.section.dimension.add")), 1)
           ]),
           _: 1
         })
       ])) : U("", !0);
     };
   }
-}), xe = {
+}), ke = {
   value: "_metric_name"
 };
-function bl(V, d, t) {
-  switch (V) {
-    case R.BarChart:
-    case R.StackBarChart:
-    case R.LineChart:
-    case R.StackLineChart:
-    case R.Circular:
+function bl(F, d, t) {
+  switch (F) {
+    case z.BarChart:
+    case z.StackBarChart:
+    case z.LineChart:
+    case z.StackLineChart:
+    case z.Circular:
       return d.length > 1;
     default:
       return t;
   }
 }
-function yl(V) {
+function yl(F) {
   var s;
-  const { rowIds: d, columnIds: t } = ye(V.widget.config);
+  const { rowIds: d, columnIds: t } = he(F.widget.config);
   return {
-    ...V,
+    ...F,
     widget: {
-      ...V.widget,
+      ...F.widget,
       config: {
-        ...V.widget.config,
+        ...F.widget.config,
         rowIds: d,
         columnIds: t,
         isDrillable: bl(
-          V.widget.type,
-          V.widget.config.dimensions,
-          V.widget.config.isDrillable
+          F.widget.type,
+          F.widget.config.dimensions,
+          F.widget.config.isDrillable
         ),
-        joinDatasources: (s = V.widget.config.joinDatasources) == null ? void 0 : s.map((n) => {
-          const { rowIds: v, columnIds: g } = ye(n);
+        joinDatasources: (s = F.widget.config.joinDatasources) == null ? void 0 : s.map((n) => {
+          const { rowIds: v, columnIds: f } = he(n);
           return {
             ...n,
             rowIds: v,
-            columnIds: g
+            columnIds: f
           };
         })
       }
     }
   };
 }
-function ye(V) {
-  const d = V.dimensions.filter((g) => g.hide !== !0 && !g.moveToColumn).map((g) => me(g)), t = V.dimensions.filter((g) => g.hide !== !0 && g.moveToColumn == !0).map((g) => me(g)), s = V.metrics.length > 0;
-  s && V.metrics.find((g) => g.moveToRow == !0) ? d.push(xe.value) : s && t.push(xe.value);
+function he(F) {
+  const d = F.dimensions.filter((f) => f.hide !== !0 && !f.moveToColumn).map((f) => pe(f)), t = F.dimensions.filter((f) => f.hide !== !0 && f.moveToColumn == !0).map((f) => pe(f)), s = F.metrics.length > 0;
+  s && F.metrics.find((f) => f.moveToRow == !0) ? d.push(ke.value) : s && t.push(ke.value);
   const n = [], v = [];
-  for (const g of d)
-    n.push(g);
-  for (const g of t)
-    v.push(g);
+  for (const f of d)
+    n.push(f);
+  for (const f of t)
+    v.push(f);
   return {
     rowIds: n,
     columnIds: v
   };
 }
-const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body-lg-600" }, wl = { class: "fm-typo-en-body-sm-600 text-fm-color-neutral-gray-400" }, Fl = { class: "fm-typo-en-body-lg-400 overflow-hidden text-ellipsis line-clamp-1" }, xl = /* @__PURE__ */ q({
+const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body-lg-600" }, Fl = { class: "fm-typo-en-body-sm-600 text-fm-color-neutral-gray-400" }, wl = { class: "fm-typo-en-body-lg-400 overflow-hidden text-ellipsis line-clamp-1" }, xl = /* @__PURE__ */ W({
   __name: "MetricSection",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ K({
     options: {
       type: Array,
       default: () => []
@@ -632,17 +632,17 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
     modelValue: { required: !1, default: [] },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ G(["config"], ["update:modelValue"]),
-  setup(V, { emit: d }) {
-    const { t, te: s } = J(), n = ee(V, "modelValue"), v = V;
+  emits: /* @__PURE__ */ K(["config"], ["update:modelValue"]),
+  setup(F, { emit: d }) {
+    const { t, te: s } = J(), n = le(F, "modelValue"), v = F;
     $(() => !!v.max && n.value.length === v.max);
-    const g = $(() => t(`report.section.metric.${v.label}`)), m = H(!1), y = $(
+    const f = $(() => t(`report.section.metric.${v.label}`)), m = E(!1), y = $(
       () => n.value.map((e, i) => ({
         index: i,
         labels: [e.label || e.name],
         value: e
       }))
-    ), c = H(n.value.length > 0 ? 0 : void 0);
+    ), c = E(n.value.length > 0 ? 0 : void 0);
     function o(e) {
       var i, T, S;
       m.value = !0, u.value = e != null && e.value ? JSON.parse(
@@ -650,14 +650,14 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
           ...e.value,
           label: Y(t, s, e.value.label, "other")
         })
-      ) : void 0, c.value = e == null ? void 0 : e.index, F.value = !!((i = u.value) != null && i.dataFormula || (T = u.value) != null && T.displayFormula), u.value && u.value.formatter === void 0 && (v.options.find(
-        (b) => {
-          var M, A;
-          return b.schemaName === ((M = u.value) == null ? void 0 : M.schemaName) && b.name === ((A = u.value) == null ? void 0 : A.name);
+      ) : void 0, c.value = e == null ? void 0 : e.index, w.value = !!((i = u.value) != null && i.dataFormula || (T = u.value) != null && T.displayFormula), u.value && u.value.formatter === void 0 && (v.options.find(
+        (g) => {
+          var M, X;
+          return g.schemaName === ((M = u.value) == null ? void 0 : M.schemaName) && g.name === ((X = u.value) == null ? void 0 : X.name);
         }
-      ), e != null && e.value.timeFormatter && u.value.formatter === void 0 && (u.value.formatter = e == null ? void 0 : e.value.timeFormatter, u.value.timeFormatter = void 0)), ((S = v.config.rowIds) == null ? void 0 : S.findIndex((b) => b === xe.value)) !== -1 && u.value && (u.value.moveToRow = !0);
+      ), e != null && e.value.timeFormatter && u.value.formatter === void 0 && (u.value.formatter = e == null ? void 0 : e.value.timeFormatter, u.value.timeFormatter = void 0)), ((S = v.config.rowIds) == null ? void 0 : S.findIndex((g) => g === ke.value)) !== -1 && u.value && (u.value.moveToRow = !0);
     }
-    const u = H(void 0), F = H(!1), C = $(
+    const u = E(void 0), w = E(!1), C = $(
       () => v.options.find(
         (e) => {
           var i, T;
@@ -665,17 +665,17 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
         }
       ) ?? {}
     );
-    function I(e, i) {
+    function O(e, i) {
       var T;
       return (e == null ? void 0 : e.isNumericType) || ((T = e == null ? void 0 : e.isNumericAggregations) == null ? void 0 : T.includes(i || ""));
     }
     const p = $(
       () => {
         var e;
-        return I(C.value, (e = u.value) == null ? void 0 : e.aggregation);
+        return O(C.value, (e = u.value) == null ? void 0 : e.aggregation);
       }
     );
-    ue(p, (e) => {
+    re(p, (e) => {
       u.value && (e ? u.value.decimal = typeof u.value.decimal != "number" ? 2 : u.value.decimal : u.value.decimal = void 0);
     });
     function k(e) {
@@ -685,14 +685,14 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
         name: e.name,
         aggregation: e.aggregations[0],
         label: Y(t, s, e.label, "other"),
-        decimal: I(e, e.aggregations[0]) ? 2 : void 0,
+        decimal: O(e, e.aggregations[0]) ? 2 : void 0,
         moveToRow: !1,
         hide: !1
-      }, F.value = !1);
+      }, w.value = !1);
     }
     function x() {
       const e = [...y.value.map((i) => i.value)];
-      u.value && (F.value || (u.value.dataFormula = void 0), c.value !== void 0 ? e[c.value] = u.value : e.push(u.value)), n.value = e, m.value = !1;
+      u.value && (w.value || (u.value.dataFormula = void 0), c.value !== void 0 ? e[c.value] = u.value : e.push(u.value)), n.value = e, m.value = !1;
     }
     function _(e) {
       const i = [...y.value.map((T) => T.value)];
@@ -705,96 +705,96 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
       }))
     );
     return (e, i) => {
-      const T = w("FmTextField"), S = w("FmStepperField"), b = w("FmCheckbox"), M = w("FmTextarea"), A = w("FmForm"), W = w("FmIcon"), E = w("FmButton"), K = w("FmListItem"), oe = w("FmList"), B = w("FmField");
-      return f(), z("div", hl, [
-        r(ce, {
+      const T = V("FmTextField"), S = V("FmStepperField"), g = V("FmCheckbox"), M = V("FmTextarea"), X = V("FmForm"), Q = V("FmIcon"), q = V("FmButton"), H = V("FmListItem"), Z = V("FmList"), I = V("FmField");
+      return b(), R("div", hl, [
+        r(ve, {
           modelValue: m.value,
-          "onUpdate:modelValue": i[10] || (i[10] = (N) => m.value = N),
-          title: g.value,
+          "onUpdate:modelValue": i[10] || (i[10] = (B) => m.value = B),
+          title: f.value,
           onConfirm: x
         }, {
-          content: O(() => [
-            r(A, {
+          content: N(() => [
+            r(X, {
               ref: "form",
               class: "flex flex-col gap-2 w-[490px]"
             }, {
-              default: O(() => {
-                var N, X, le, ae;
+              default: N(() => {
+                var B, P, G, ne;
                 return [
-                  r(Q, {
+                  r(ee, {
                     "model-value": C.value,
                     items: a.value,
-                    placeholder: g.value,
-                    label: g.value,
-                    "onUpdate:modelValue": i[0] || (i[0] = (L) => k(L))
+                    placeholder: f.value,
+                    label: f.value,
+                    "onUpdate:modelValue": i[0] || (i[0] = (j) => k(j))
                   }, null, 8, ["model-value", "items", "placeholder", "label"]),
-                  u.value ? (f(), z(Z, { key: 0 }, [
+                  u.value ? (b(), R(te, { key: 0 }, [
                     r(T, {
                       modelValue: u.value.label,
-                      "onUpdate:modelValue": i[1] || (i[1] = (L) => u.value.label = L),
+                      "onUpdate:modelValue": i[1] || (i[1] = (j) => u.value.label = j),
                       label: l(t)("report.section.metric.label")
                     }, null, 8, ["modelValue", "label"]),
-                    (((N = C.value) == null ? void 0 : N.aggregations) || []).length > 0 ? (f(), D(Q, {
+                    (((B = C.value) == null ? void 0 : B.aggregations) || []).length > 0 ? (b(), D(ee, {
                       key: 0,
                       modelValue: u.value.aggregation,
-                      "onUpdate:modelValue": i[2] || (i[2] = (L) => u.value.aggregation = L),
+                      "onUpdate:modelValue": i[2] || (i[2] = (j) => u.value.aggregation = j),
                       label: l(t)("report.section.metric.aggregation"),
-                      items: ((X = C.value) == null ? void 0 : X.aggregations.map((L) => ({
-                        label: l(s)(`report.section.metric.aggregationType.${L}`) ? l(t)(`report.section.metric.aggregationType.${L}`) : l(Y)(l(t), l(s), L, "field"),
-                        value: L
+                      items: ((P = C.value) == null ? void 0 : P.aggregations.map((j) => ({
+                        label: l(s)(`report.section.metric.aggregationType.${j}`) ? l(t)(`report.section.metric.aggregationType.${j}`) : l(Y)(l(t), l(s), j, "field"),
+                        value: j
                       }))) ?? []
                     }, null, 8, ["modelValue", "label", "items"])) : U("", !0),
-                    p.value ? (f(), D(S, {
+                    p.value ? (b(), D(S, {
                       key: 1,
                       label: l(t)("report.common.decimal"),
-                      "model-value": ((le = u.value) == null ? void 0 : le.decimal) ?? 2,
-                      "onUpdate:modelValue": i[3] || (i[3] = (L) => {
-                        u.value && (u.value.decimal = L);
+                      "model-value": ((G = u.value) == null ? void 0 : G.decimal) ?? 2,
+                      "onUpdate:modelValue": i[3] || (i[3] = (j) => {
+                        u.value && (u.value.decimal = j);
                       })
                     }, null, 8, ["label", "model-value"])) : U("", !0),
-                    p.value ? (f(), D(Q, {
+                    p.value ? (b(), D(ee, {
                       key: 2,
                       modelValue: u.value.formatter,
-                      "onUpdate:modelValue": i[4] || (i[4] = (L) => u.value.formatter = L),
+                      "onUpdate:modelValue": i[4] || (i[4] = (j) => u.value.formatter = j),
                       placeholder: l(t)("report.section.metric.formatter"),
                       label: l(t)("report.section.metric.formatter"),
                       items: [
                         { label: l(t)("report.section.metric.formatterType.NONE"), value: null },
-                        ...(((ae = C.value) == null ? void 0 : ae.formatters) || []).map((L) => ({
-                          label: l(s)(`report.section.metric.formatterType.${L}`) ? l(t)(`report.section.metric.formatterType.${L}`) : l(Y)(l(t), l(s), L, "field"),
-                          value: L
+                        ...(((ne = C.value) == null ? void 0 : ne.formatters) || []).map((j) => ({
+                          label: l(s)(`report.section.metric.formatterType.${j}`) ? l(t)(`report.section.metric.formatterType.${j}`) : l(Y)(l(t), l(s), j, "field"),
+                          value: j
                         }))
                       ]
                     }, null, 8, ["modelValue", "placeholder", "label", "items"])) : U("", !0),
-                    r(b, {
+                    r(g, {
                       modelValue: u.value.hide,
-                      "onUpdate:modelValue": i[5] || (i[5] = (L) => u.value.hide = L),
+                      "onUpdate:modelValue": i[5] || (i[5] = (j) => u.value.hide = j),
                       label: l(t)("report.section.metric.hide"),
                       value: ""
                     }, null, 8, ["modelValue", "label"]),
-                    v.hasRowColumn ? (f(), D(b, {
+                    v.hasRowColumn ? (b(), D(g, {
                       key: 3,
                       modelValue: u.value.moveToRow,
-                      "onUpdate:modelValue": i[6] || (i[6] = (L) => u.value.moveToRow = L),
+                      "onUpdate:modelValue": i[6] || (i[6] = (j) => u.value.moveToRow = j),
                       label: l(t)("report.section.metric.moveToRow"),
                       value: ""
                     }, null, 8, ["modelValue", "label"])) : U("", !0),
-                    r(b, {
-                      modelValue: F.value,
-                      "onUpdate:modelValue": i[7] || (i[7] = (L) => F.value = L),
+                    r(g, {
+                      modelValue: w.value,
+                      "onUpdate:modelValue": i[7] || (i[7] = (j) => w.value = j),
                       label: l(t)("report.section.metric.advance"),
                       value: !0
                     }, null, 8, ["modelValue", "label"]),
-                    F.value ? (f(), D(M, {
+                    w.value ? (b(), D(M, {
                       key: 4,
                       modelValue: u.value.dataFormula,
-                      "onUpdate:modelValue": i[8] || (i[8] = (L) => u.value.dataFormula = L),
+                      "onUpdate:modelValue": i[8] || (i[8] = (j) => u.value.dataFormula = j),
                       placeholder: l(t)("report.section.metric.dataFormula")
                     }, null, 8, ["modelValue", "placeholder"])) : U("", !0),
-                    F.value ? (f(), D(M, {
+                    w.value ? (b(), D(M, {
                       key: 5,
                       modelValue: u.value.displayFormula,
-                      "onUpdate:modelValue": i[9] || (i[9] = (L) => u.value.displayFormula = L),
+                      "onUpdate:modelValue": i[9] || (i[9] = (j) => u.value.displayFormula = j),
                       placeholder: l(t)("report.section.metric.displayFormula")
                     }, null, 8, ["modelValue", "placeholder"])) : U("", !0)
                   ], 64)) : U("", !0)
@@ -806,30 +806,30 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
           _: 1
         }, 8, ["modelValue", "title"]),
         h("div", null, [
-          h("p", Vl, j(g.value), 1),
-          h("p", wl, j(l(t)("report.section.metric.description")), 1)
+          h("p", Vl, L(f.value), 1),
+          h("p", Fl, L(l(t)("report.section.metric.description")), 1)
         ]),
-        r(oe, null, {
-          default: O(() => [
-            r(l(_e), {
+        r(Z, null, {
+          default: N(() => [
+            r(l(Ve), {
               list: n.value,
               "item-key": "id",
               class: "flex flex-col gap-2 w-full"
             }, {
-              item: O(({ element: N, index: X }) => [
-                r(K, {
+              item: N(({ element: B, index: P }) => [
+                r(H, {
                   class: "!cursor-grab border rounded-md border-neutral-300 h-[40px] !p-[8px]",
-                  onClick: te((le) => o(y.value[X]), ["stop"])
+                  onClick: ae((G) => o(y.value[P]), ["stop"])
                 }, {
-                  default: O(() => [
-                    r(W, { name: "drag_handle" }),
-                    h("p", Fl, j(l(Y)(l(t), l(s), N.label, "other")), 1),
+                  default: N(() => [
+                    r(Q, { name: "drag_handle" }),
+                    h("p", wl, L(l(Y)(l(t), l(s), B.label, "other")), 1),
                     i[12] || (i[12] = h("div", { class: "grow" }, null, -1)),
-                    r(E, {
+                    r(q, {
                       icon: "close",
                       size: "md",
                       variant: "tertiary",
-                      onClick: te((le) => _(X), ["stop"])
+                      onClick: ae((G) => _(P), ["stop"])
                     }, null, 8, ["onClick"])
                   ]),
                   _: 2
@@ -840,23 +840,23 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
           ]),
           _: 1
         }),
-        r(B, {
+        r(I, {
           class: "text-fm-color-typo-tertiary",
           onClick: i[11] || (i[11] = () => {
             o();
           })
         }, {
-          default: O(() => [
-            pe(j(l(t)("report.section.metric.add")), 1)
+          default: N(() => [
+            ce(L(l(t)("report.section.metric.add")), 1)
           ]),
           _: 1
         })
       ]);
     };
   }
-}), Cl = { class: "flex flex-col my-2 gap-8" }, kl = { class: "fm-typo-en-body-lg-600" }, _l = { class: "fm-typo-en-body-sm-600 text-fm-color-neutral-gray-400" }, Sl = { class: "fm-typo-en-body-lg-400 text-ellipsis overflow-hidden line-clamp-1" }, Tl = /* @__PURE__ */ q({
+}), Cl = { class: "flex flex-col my-2 gap-8" }, kl = { class: "fm-typo-en-body-lg-600" }, _l = { class: "fm-typo-en-body-sm-600 text-fm-color-neutral-gray-400" }, Sl = { class: "fm-typo-en-body-lg-400 text-ellipsis overflow-hidden line-clamp-1" }, Tl = /* @__PURE__ */ W({
   __name: "SortSection",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ K({
     options: {
       type: Array,
       default: () => []
@@ -870,8 +870,8 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(V) {
-    const { t: d, te: t } = J(), s = ee(V, "modelValue"), n = V, v = $(() => d(`report.section.sort.${n.label}`)), g = H(!1), m = $(
+  setup(F) {
+    const { t: d, te: t } = J(), s = le(F, "modelValue"), n = F, v = $(() => d(`report.section.sort.${n.label}`)), f = E(!1), m = $(
       () => s.value.map((x, _) => {
         const a = n.options.find(
           (i) => i.schemaName === x.schemaName && i.name === x.name
@@ -882,12 +882,12 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
           value: x
         };
       })
-    ), y = H(s.value.length > 0 ? 0 : void 0);
+    ), y = E(s.value.length > 0 ? 0 : void 0);
     function c(x) {
       var _;
-      g.value = !0, o.value = x != null && x.value ? JSON.parse(JSON.stringify(x.value)) : void 0, y.value = x == null ? void 0 : x.index, u.value = !!((_ = o.value) != null && _.dataFormula);
+      f.value = !0, o.value = x != null && x.value ? JSON.parse(JSON.stringify(x.value)) : void 0, y.value = x == null ? void 0 : x.index, u.value = !!((_ = o.value) != null && _.dataFormula);
     }
-    const o = H(void 0), u = H(!1), F = $(
+    const o = E(void 0), u = E(!1), w = $(
       () => n.options.find(
         (x) => {
           var _, a;
@@ -905,17 +905,17 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
         type: Te.Asc
       });
     }
-    function I() {
+    function O() {
       if (!o.value) {
         console.log("new sort is undefined");
         return;
       }
       const x = [...m.value.map((_) => _.value)];
-      u.value || (o.value.dataFormula = void 0), y.value !== void 0 ? x[y.value] = o.value : x.push(o.value), s.value = x, g.value = !1;
+      u.value || (o.value.dataFormula = void 0), y.value !== void 0 ? x[y.value] = o.value : x.push(o.value), s.value = x, f.value = !1;
     }
     function p(x) {
       const _ = [...m.value.map((a) => a.value)];
-      _.splice(x, 1), s.value = _, g.value = !1;
+      _.splice(x, 1), s.value = _, f.value = !1;
     }
     const k = $(
       () => n.options.map((x) => ({
@@ -924,69 +924,69 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
       }))
     );
     return (x, _) => {
-      const a = w("FmCheckbox"), e = w("FmTextarea"), i = w("FmForm"), T = w("FmIcon"), S = w("FmButton"), b = w("FmListItem"), M = w("FmList"), A = w("FmField");
-      return f(), z("div", Cl, [
-        r(ce, {
-          modelValue: g.value,
-          "onUpdate:modelValue": _[6] || (_[6] = (W) => g.value = W),
+      const a = V("FmCheckbox"), e = V("FmTextarea"), i = V("FmForm"), T = V("FmIcon"), S = V("FmButton"), g = V("FmListItem"), M = V("FmList"), X = V("FmField");
+      return b(), R("div", Cl, [
+        r(ve, {
+          modelValue: f.value,
+          "onUpdate:modelValue": _[6] || (_[6] = (Q) => f.value = Q),
           title: v.value,
-          onConfirm: I
+          onConfirm: O
         }, {
-          content: O(() => [
+          content: N(() => [
             r(i, {
               ref: "form",
               class: "flex flex-col gap-2 w-[490px]"
             }, {
-              default: O(() => {
-                var W, E, K, oe;
+              default: N(() => {
+                var Q, q, H, Z;
                 return [
-                  r(Q, {
-                    "model-value": F.value,
+                  r(ee, {
+                    "model-value": w.value,
                     items: k.value,
                     placeholder: v.value,
                     label: v.value,
-                    "onUpdate:modelValue": _[0] || (_[0] = (B) => C(B))
+                    "onUpdate:modelValue": _[0] || (_[0] = (I) => C(I))
                   }, null, 8, ["model-value", "items", "placeholder", "label"]),
-                  o.value ? (f(), z(Z, { key: 0 }, [
-                    (((W = F.value) == null ? void 0 : W.dimensionOptions) || []).length > 0 ? (f(), D(Q, {
+                  o.value ? (b(), R(te, { key: 0 }, [
+                    (((Q = w.value) == null ? void 0 : Q.dimensionOptions) || []).length > 0 ? (b(), D(ee, {
                       key: 0,
                       modelValue: o.value.dimensionOption,
-                      "onUpdate:modelValue": _[1] || (_[1] = (B) => o.value.dimensionOption = B),
-                      items: ((E = F.value) == null ? void 0 : E.dimensionOptions.map((B) => ({ label: B, value: B }))) ?? [],
+                      "onUpdate:modelValue": _[1] || (_[1] = (I) => o.value.dimensionOption = I),
+                      items: ((q = w.value) == null ? void 0 : q.dimensionOptions.map((I) => ({ label: I, value: I }))) ?? [],
                       placeholder: l(d)("report.section.sort.format"),
                       label: l(d)("report.section.sort.format")
                     }, null, 8, ["modelValue", "items", "placeholder", "label"])) : U("", !0),
-                    (((K = F.value) == null ? void 0 : K.aggregations) || []).length > 0 ? (f(), D(Q, {
+                    (((H = w.value) == null ? void 0 : H.aggregations) || []).length > 0 ? (b(), D(ee, {
                       key: 1,
                       modelValue: o.value.aggregation,
-                      "onUpdate:modelValue": _[2] || (_[2] = (B) => o.value.aggregation = B),
-                      items: ((oe = F.value) == null ? void 0 : oe.aggregations.map((B) => ({
-                        label: l(t)(`report.section.metric.aggregationType.${B}`) ? l(d)(`report.section.metric.aggregationType.${B}`) : B,
-                        value: B
+                      "onUpdate:modelValue": _[2] || (_[2] = (I) => o.value.aggregation = I),
+                      items: ((Z = w.value) == null ? void 0 : Z.aggregations.map((I) => ({
+                        label: l(t)(`report.section.metric.aggregationType.${I}`) ? l(d)(`report.section.metric.aggregationType.${I}`) : I,
+                        value: I
                       }))) ?? [],
                       label: l(d)("report.section.sort.aggregation"),
                       placeholder: l(d)("report.section.sort.aggregation")
                     }, null, 8, ["modelValue", "items", "label", "placeholder"])) : U("", !0),
-                    r(Q, {
+                    r(ee, {
                       modelValue: o.value.type,
-                      "onUpdate:modelValue": _[3] || (_[3] = (B) => o.value.type = B),
-                      items: Object.values(l(Te)).map((B) => ({
-                        label: l(t)(`report.section.sort.sortType.${B}`) ? l(d)(`report.section.sort.sortType.${B}`) : B,
-                        value: B
+                      "onUpdate:modelValue": _[3] || (_[3] = (I) => o.value.type = I),
+                      items: Object.values(l(Te)).map((I) => ({
+                        label: l(t)(`report.section.sort.sortType.${I}`) ? l(d)(`report.section.sort.sortType.${I}`) : I,
+                        value: I
                       })),
                       placeholder: l(d)("report.section.sort.order"),
                       label: l(d)("report.section.sort.order")
                     }, null, 8, ["modelValue", "items", "placeholder", "label"]),
                     r(a, {
                       modelValue: u.value,
-                      "onUpdate:modelValue": _[4] || (_[4] = (B) => u.value = B),
+                      "onUpdate:modelValue": _[4] || (_[4] = (I) => u.value = I),
                       label: l(d)("report.section.sort.advance"),
                       value: !0
                     }, null, 8, ["modelValue", "label"]),
-                    u.value ? (f(), D(e, {
+                    u.value ? (b(), D(e, {
                       key: 2,
                       modelValue: o.value.dataFormula,
-                      "onUpdate:modelValue": _[5] || (_[5] = (B) => o.value.dataFormula = B),
+                      "onUpdate:modelValue": _[5] || (_[5] = (I) => o.value.dataFormula = I),
                       placeholder: l(d)("report.section.sort.dataFormula")
                     }, null, 8, ["modelValue", "placeholder"])) : U("", !0)
                   ], 64)) : U("", !0)
@@ -998,30 +998,30 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
           _: 1
         }, 8, ["modelValue", "title"]),
         h("div", null, [
-          h("p", kl, j(v.value), 1),
-          h("p", _l, j(l(d)("report.section.sort.description")), 1)
+          h("p", kl, L(v.value), 1),
+          h("p", _l, L(l(d)("report.section.sort.description")), 1)
         ]),
         r(M, null, {
-          default: O(() => [
-            r(l(_e), {
+          default: N(() => [
+            r(l(Ve), {
               list: s.value,
               "item-key": "id",
               class: "flex flex-col gap-2 w-full"
             }, {
-              item: O(({ element: W, index: E }) => [
-                r(b, {
+              item: N(({ element: Q, index: q }) => [
+                r(g, {
                   class: "!cursor-grab border rounded-md border-neutral-300 h-[40px] !p-[8px]",
-                  onClick: te((K) => c(m.value[E]), ["stop"])
+                  onClick: ae((H) => c(m.value[q]), ["stop"])
                 }, {
-                  default: O(() => [
+                  default: N(() => [
                     r(T, { name: "drag_handle" }),
-                    h("p", Sl, j(m.value[E].label), 1),
+                    h("p", Sl, L(m.value[q].label), 1),
                     _[8] || (_[8] = h("div", { class: "grow" }, null, -1)),
                     r(S, {
                       icon: "close",
                       size: "md",
                       variant: "tertiary",
-                      onClick: te((K) => p(E), ["stop"])
+                      onClick: ae((H) => p(q), ["stop"])
                     }, null, 8, ["onClick"])
                   ]),
                   _: 2
@@ -1032,39 +1032,39 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
           ]),
           _: 1
         }),
-        r(A, {
+        r(X, {
           class: "text-fm-color-typo-tertiary",
           onClick: _[7] || (_[7] = () => {
             c();
           })
         }, {
-          default: O(() => [
-            pe(j(l(d)("report.section.sort.add")), 1)
+          default: N(() => [
+            ce(L(l(d)("report.section.sort.add")), 1)
           ]),
           _: 1
         })
       ]);
     };
   }
-}), $l = { class: "fm-typo-en-body-lg-600" }, Dl = { class: "fm-typo-en-body-sm-600 text-fm-color-neutral-gray-400" }, Ul = /* @__PURE__ */ q({
+}), $l = { class: "fm-typo-en-body-lg-600" }, Dl = { class: "fm-typo-en-body-sm-600 text-fm-color-neutral-gray-400" }, Ul = /* @__PURE__ */ W({
   __name: "LimitSection",
   props: {
     modelValue: { required: !0, default: null },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(V) {
-    const { t: d } = J(), t = ee(V, "modelValue"), s = be((n) => {
+  setup(F) {
+    const { t: d } = J(), t = le(F, "modelValue"), s = ye((n) => {
       n !== "" ? t.value = n : t.value = null;
     }, 1e3);
     return (n, v) => {
-      const g = w("FmTextField");
-      return f(), z(Z, null, [
+      const f = V("FmTextField");
+      return b(), R(te, null, [
         h("div", null, [
-          h("p", $l, j(l(d)("report.section.limit.title")), 1),
-          h("p", Dl, j(l(d)("report.section.limit.description")), 1)
+          h("p", $l, L(l(d)("report.section.limit.title")), 1),
+          h("p", Dl, L(l(d)("report.section.limit.description")), 1)
         ]),
-        r(g, {
+        r(f, {
           "model-value": t.value,
           inputmode: "numeric",
           placeholder: l(d)("report.section.limit.placeholder"),
@@ -1073,9 +1073,9 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
       ], 64);
     };
   }
-}), Nl = { class: "flex flex-col my-2 gap-8" }, Ol = { class: "fm-typo-en-body-lg-600" }, Il = { 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" }, Bl = /* @__PURE__ */ q({
+}), Nl = { class: "flex flex-col my-2 gap-8" }, Ol = { class: "fm-typo-en-body-lg-600" }, Il = { 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" }, Bl = /* @__PURE__ */ W({
   __name: "ConditionSection",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ K({
     joinFieldOptions: {
       type: Array,
       default: () => []
@@ -1093,18 +1093,18 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(V) {
-    const { t: d, te: t } = J(), s = ee(V, "modelValue"), n = V, v = $(() => d(`report.section.condition.${n.label}`)), g = H(!1), m = $(
+  setup(F) {
+    const { t: d, te: t } = J(), s = le(F, "modelValue"), n = F, v = $(() => d(`report.section.condition.${n.label}`)), f = E(!1), m = $(
       () => s.value.map((a, e) => {
-        var S, b;
+        var S, g;
         const i = n.joinFieldOptions.find(
           (M) => {
-            var A, W;
-            return M.schemaName === ((A = a.joinDimension) == null ? void 0 : A.schemaName) && M.name === ((W = a.joinDimension) == null ? void 0 : W.name);
+            var X, Q;
+            return M.schemaName === ((X = a.joinDimension) == null ? void 0 : X.schemaName) && M.name === ((Q = a.joinDimension) == null ? void 0 : Q.name);
           }
         ), T = (i == null ? void 0 : i.labels) || [
           (S = a.joinDimension) == null ? void 0 : S.schemaName,
-          (b = a.joinDimension) == null ? void 0 : b.name
+          (g = a.joinDimension) == null ? void 0 : g.name
         ];
         return {
           index: e,
@@ -1112,22 +1112,22 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
           value: a
         };
       })
-    ), y = H(s.value.length > 0 ? 0 : void 0);
+    ), y = E(s.value.length > 0 ? 0 : void 0);
     function c(a) {
       a ? (o.value = a != null && a.value ? JSON.parse(JSON.stringify(a.value)) : void 0, y.value = a == null ? void 0 : a.index) : (o.value = {
         joinDimension: null,
         operator: "",
         mainDimensions: []
-      }, y.value = void 0), g.value = !0;
+      }, y.value = void 0), f.value = !0;
     }
-    const o = H(void 0), u = $(
+    const o = E(void 0), u = $(
       () => n.joinFieldOptions.find(
         (a) => {
           var e, i;
           return a.schemaName === ((i = (e = o.value) == null ? void 0 : e.joinDimension) == null ? void 0 : i.schemaName) && a.name === o.value.joinDimension.name;
         }
       ) ?? {}
-    ), F = $(
+    ), w = $(
       () => {
         var a;
         return (((a = o.value) == null ? void 0 : a.mainDimensions) || []).map(
@@ -1139,7 +1139,7 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
     ), C = $(
       () => n.joinFieldOptions.map((a) => ({ label: a.labels.join(" "), value: a }))
     );
-    function I(a) {
+    function O(a) {
       var e, i, T, S;
       o.value && (o.value && a.schemaName !== ((i = (e = o.value) == null ? void 0 : e.joinDimension) == null ? void 0 : i.schemaName) || a.name !== ((S = (T = o.value) == null ? void 0 : T.joinDimension) == null ? void 0 : S.name)) && (o.value = {
         ...o.value,
@@ -1153,8 +1153,8 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
       }, a.joinConditionOperators.includes(o.value.operator) || k(a.joinConditionOperators[0]));
     }
     function p(a, e) {
-      var i, T, S, b;
-      if (o.value && e >= 0 && (o.value && a.schemaName !== ((T = (i = o.value) == null ? void 0 : i.mainDimensions[e]) == null ? void 0 : T.schemaName) || a.name !== ((b = (S = o.value) == null ? void 0 : S.mainDimensions[e]) == null ? void 0 : b.name))) {
+      var i, T, S, g;
+      if (o.value && e >= 0 && (o.value && a.schemaName !== ((T = (i = o.value) == null ? void 0 : i.mainDimensions[e]) == null ? void 0 : T.schemaName) || a.name !== ((g = (S = o.value) == null ? void 0 : S.mainDimensions[e]) == null ? void 0 : g.name))) {
         const M = [...o.value.mainDimensions];
         M[e] = {
           schemaName: a.schemaName,
@@ -1191,79 +1191,79 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
       const a = [...m.value.map((e) => e.value)];
       o.value && (o.value.mainDimensions = o.value.mainDimensions.filter(
         (e) => e !== "" && e != null
-      ), y.value !== void 0 ? a[y.value] = o.value : a.push(o.value)), s.value = a, g.value = !1;
+      ), y.value !== void 0 ? a[y.value] = o.value : a.push(o.value)), s.value = a, f.value = !1;
     }
     function _(a) {
       const e = [...m.value.map((i) => i.value)];
       e.splice(a, 1), s.value = e;
     }
     return (a, e) => {
-      const i = w("FmMenuDivider"), T = w("FmForm"), S = w("FmButton"), b = w("FmListItem"), M = w("FmList"), A = w("FmField");
-      return f(), z("div", Nl, [
-        r(ce, {
-          modelValue: g.value,
-          "onUpdate:modelValue": e[2] || (e[2] = (W) => g.value = W),
+      const i = V("FmMenuDivider"), T = V("FmForm"), S = V("FmIcon"), g = V("FmButton"), M = V("FmListItem"), X = V("FmList"), Q = V("FmField");
+      return b(), R("div", Nl, [
+        r(ve, {
+          modelValue: f.value,
+          "onUpdate:modelValue": e[2] || (e[2] = (q) => f.value = q),
           title: v.value,
           onConfirm: x
         }, {
-          content: O(() => [
+          content: N(() => [
             r(T, {
               ref: "form",
               class: "flex flex-col gap-2 w-[490px]"
             }, {
-              default: O(() => {
-                var W, E, K, oe, B;
+              default: N(() => {
+                var q, H, Z, I, B;
                 return [
-                  r(Q, {
+                  r(ee, {
                     label: l(d)("report.section.condition.joinDatasource"),
                     "model-value": u.value,
                     items: C.value,
                     placeholder: l(d)("report.section.condition.joinDimension"),
-                    "onUpdate:modelValue": e[0] || (e[0] = (N) => I(N))
+                    "onUpdate:modelValue": e[0] || (e[0] = (P) => O(P))
                   }, null, 8, ["label", "model-value", "items", "placeholder"]),
                   r(i),
-                  (W = o.value) != null && W.joinDimension && (((E = u.value) == null ? void 0 : E.dimensionOptions) || []).length > 0 ? (f(), D(Q, {
+                  (q = o.value) != null && q.joinDimension && (((H = u.value) == null ? void 0 : H.dimensionOptions) || []).length > 0 ? (b(), D(ee, {
                     key: 0,
                     modelValue: o.value.joinDimension.option,
-                    "onUpdate:modelValue": e[1] || (e[1] = (N) => o.value.joinDimension.option = N),
+                    "onUpdate:modelValue": e[1] || (e[1] = (P) => o.value.joinDimension.option = P),
                     label: l(d)("report.section.condition.format"),
-                    items: ((K = u.value) == null ? void 0 : K.dimensionOptions.map((N) => ({
-                      label: l(t)(`report.section.filter.${l(ve)(N)}`) ? l(d)(`report.section.filter.${l(ve)(N)}`) : N,
-                      value: N
+                    items: ((Z = u.value) == null ? void 0 : Z.dimensionOptions.map((P) => ({
+                      label: l(t)(`report.section.filter.${l(fe)(P)}`) ? l(d)(`report.section.filter.${l(fe)(P)}`) : P,
+                      value: P
                     }))) ?? []
                   }, null, 8, ["modelValue", "label", "items"])) : U("", !0),
-                  o.value && (((oe = u.value) == null ? void 0 : oe.joinConditionOperators) || []).length > 0 ? (f(), D(Q, {
+                  o.value && (((I = u.value) == null ? void 0 : I.joinConditionOperators) || []).length > 0 ? (b(), D(ee, {
                     key: 1,
                     "model-value": o.value.operator,
                     label: l(d)("report.section.condition.operator"),
-                    items: u.value.joinConditionOperators.map((N) => ({
-                      label: l(d)("report.section.comparisonOperator." + N),
-                      value: N
+                    items: u.value.joinConditionOperators.map((P) => ({
+                      label: l(d)("report.section.comparisonOperator." + P),
+                      value: P
                     })) ?? [],
                     "onUpdate:modelValue": k
                   }, null, 8, ["model-value", "label", "items"])) : U("", !0),
-                  (f(!0), z(Z, null, de(((B = o.value) == null ? void 0 : B.mainDimensions) || [], (N, X) => {
-                    var le, ae;
-                    return f(), z("div", {
-                      key: X,
+                  (b(!0), R(te, null, me(((B = o.value) == null ? void 0 : B.mainDimensions) || [], (P, G) => {
+                    var ne, j;
+                    return b(), R("div", {
+                      key: G,
                       class: "flex flex-col gap-2"
                     }, [
-                      r(Q, {
-                        "model-value": F.value[X],
-                        label: l(d)("report.section.condition.mainDatasource", { index: X + 1 }),
-                        items: n.mainFieldOptions.map((L) => ({
-                          label: L.labels.join(" "),
-                          value: L
+                      r(ee, {
+                        "model-value": w.value[G],
+                        label: l(d)("report.section.condition.mainDatasource", { index: G + 1 }),
+                        items: n.mainFieldOptions.map((oe) => ({
+                          label: oe.labels.join(" "),
+                          value: oe
                         })),
-                        "onUpdate:modelValue": (L) => p(L, X)
+                        "onUpdate:modelValue": (oe) => p(oe, G)
                       }, null, 8, ["model-value", "label", "items", "onUpdate:modelValue"]),
-                      N && (((le = F.value[X]) == null ? void 0 : le.dimensionOptions) || []).length > 0 && N ? (f(), D(Q, {
+                      P && (((ne = w.value[G]) == null ? void 0 : ne.dimensionOptions) || []).length > 0 && P ? (b(), D(ee, {
                         key: 0,
-                        modelValue: N.option,
-                        "onUpdate:modelValue": (L) => N.option = L,
-                        items: (ae = F.value[X]) == null ? void 0 : ae.dimensionOptions.map((L) => ({
-                          label: l(t)(`report.section.filter.${l(ve)(L)}`) ? l(d)(`report.section.filter.${l(ve)(L)}`) : L,
-                          value: L
+                        modelValue: P.option,
+                        "onUpdate:modelValue": (oe) => P.option = oe,
+                        items: (j = w.value[G]) == null ? void 0 : j.dimensionOptions.map((oe) => ({
+                          label: l(t)(`report.section.filter.${l(fe)(oe)}`) ? l(d)(`report.section.filter.${l(fe)(oe)}`) : oe,
+                          value: oe
                         }))
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "items"])) : U("", !0),
                       r(i)
@@ -1277,46 +1277,58 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
           _: 1
         }, 8, ["modelValue", "title"]),
         h("div", null, [
-          h("p", Ol, j(v.value), 1),
-          h("p", Il, j(l(d)("report.section.condition.description")), 1)
+          h("p", Ol, L(v.value), 1),
+          h("p", Il, L(l(d)("report.section.condition.description")), 1)
         ]),
-        r(M, { class: "flex flex-col gap-2" }, {
-          default: O(() => [
-            (f(!0), z(Z, null, de(s.value, (W, E) => (f(), D(b, {
-              key: E,
-              class: "!cursor-grab border rounded-md border-neutral-300 h-[40px] !p-[8px]",
-              onClick: (K) => c(m.value[E])
+        r(X, { class: "flex flex-col gap-2" }, {
+          default: N(() => [
+            r(l(Ve), {
+              list: s.value,
+              "item-key": (q) => {
+                var H, Z;
+                return `${(H = q.joinDimension) == null ? void 0 : H.schemaName}:${(Z = q.joinDimension) == null ? void 0 : Z.name}`;
+              },
+              class: "flex flex-col gap-2 w-full"
             }, {
-              default: O(() => [
-                h("p", Ll, j(m.value[E].label), 1),
-                e[4] || (e[4] = h("div", { class: "grow" }, null, -1)),
-                r(S, {
-                  icon: "close",
-                  size: "md",
-                  variant: "tertiary",
-                  onClick: te((K) => _(E), ["stop"])
-                }, null, 8, ["onClick"])
+              item: N(({ element: q, index: H }) => [
+                r(M, {
+                  class: "!cursor-grab border rounded-md border-neutral-300 h-[40px] !p-[8px]",
+                  onClick: ae((Z) => c(m.value[H]), ["stop"])
+                }, {
+                  default: N(() => [
+                    r(S, { name: "drag_handle" }),
+                    h("p", Ll, L(m.value[H].label), 1),
+                    e[4] || (e[4] = h("div", { class: "grow" }, null, -1)),
+                    r(g, {
+                      icon: "close",
+                      size: "md",
+                      variant: "tertiary",
+                      onClick: ae((Z) => _(H), ["stop"])
+                    }, null, 8, ["onClick"])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])
               ]),
-              _: 2
-            }, 1032, ["onClick"]))), 128))
+              _: 1
+            }, 8, ["list", "item-key"])
           ]),
           _: 1
         }),
-        r(A, {
+        r(Q, {
           class: "text-fm-color-typo-tertiary cursor-pointer",
-          onClick: e[3] || (e[3] = (W) => c())
+          onClick: e[3] || (e[3] = (q) => c())
         }, {
-          default: O(() => [
-            pe(j(l(d)("report.section.condition.add")), 1)
+          default: N(() => [
+            ce(L(l(d)("report.section.condition.add")), 1)
           ]),
           _: 1
         })
       ]);
     };
   }
-}), Ue = /* @__PURE__ */ q({
+}), Ue = /* @__PURE__ */ W({
   __name: "Datasource",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ K({
     label: {
       type: String,
       default: "Label"
@@ -1343,29 +1355,29 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ G(["click-close"], ["update:modelValue"]),
-  setup(V, { emit: d }) {
-    const { disableEditMode: t, resetStore: s } = ge(), n = ee(V, "modelValue");
-    ue(
+  emits: /* @__PURE__ */ K(["click-close"], ["update:modelValue"]),
+  setup(F, { emit: d }) {
+    const { disableEditMode: t, resetStore: s } = be(), n = le(F, "modelValue");
+    re(
       [() => n.value.dimensions, () => n.value.metrics],
       () => {
-        const { rowIds: a, columnIds: e } = ye(n.value);
+        const { rowIds: a, columnIds: e } = he(n.value);
         n.value.rowIds = a, n.value.columnIds = e;
       },
       { deep: !0 }
     );
-    const v = V, g = d, { schemas: m } = re(Be());
+    const v = F, f = d, { schemas: m } = de(Be());
     Xe(() => {
       t(), s();
     });
-    const { t: y, te: c, locale: o } = J(), u = $(() => !v.mainDatasourceConfig), F = $(
-      () => [R.BarChart, R.LineChart, R.Scorecard].includes(v.config.type)
+    const { t: y, te: c, locale: o } = J(), u = $(() => !v.mainDatasourceConfig), w = $(
+      () => [z.BarChart, z.LineChart, z.Scorecard].includes(v.config.type)
     ), C = $(() => {
       const a = [...n.value.dimensions].filter((e) => !e.hide);
       return a.sort(
-        (e, i) => (n.value.rowIds || []).indexOf(me(e)) - (n.value.rowIds || []).indexOf(me(i))
+        (e, i) => (n.value.rowIds || []).indexOf(pe(e)) - (n.value.rowIds || []).indexOf(pe(i))
       ), a;
-    }), I = $(() => v.config.type === R.Scorecard), p = $(
+    }), O = $(() => v.config.type === z.Scorecard), p = $(
       () => {
         var a;
         return (((a = v.mainDatasourceConfig) == null ? void 0 : a.schemaNames) || []).reduce(
@@ -1417,139 +1429,139 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
       }))
     ]);
     return (a, e) => {
-      const i = w("FmButton"), T = w("FmSwitch"), S = w("FmSelect");
-      return f(), D(Fe, null, {
-        header: O(() => [
-          h("p", null, j(v.label), 1),
+      const i = V("FmButton"), T = V("FmSwitch"), S = V("FmSelect");
+      return b(), D(Ce, null, {
+        header: N(() => [
+          h("p", null, L(v.label), 1),
           e[19] || (e[19] = h("div", { class: "grow" }, null, -1)),
-          v.closeable ? (f(), D(i, {
+          v.closeable ? (b(), D(i, {
             key: 0,
             icon: "close",
             variant: "tertiary",
             size: "md",
-            onClick: e[0] || (e[0] = te((b) => g("click-close"), ["stop"]))
+            onClick: e[0] || (e[0] = ae((g) => f("click-close"), ["stop"]))
           })) : U("", !0)
         ]),
-        content: O(() => [
+        content: N(() => [
           r(pl, {
             modelValue: n.value,
-            "onUpdate:modelValue": e[1] || (e[1] = (b) => n.value = b),
+            "onUpdate:modelValue": e[1] || (e[1] = (g) => n.value = g),
             label: l(y)("report.section.schema.title")
           }, null, 8, ["modelValue", "label"]),
-          r(we, {
+          r(xe, {
             modelValue: n.value.dimensions,
-            "onUpdate:modelValue": e[2] || (e[2] = (b) => n.value.dimensions = b),
+            "onUpdate:modelValue": e[2] || (e[2] = (g) => n.value.dimensions = g),
             options: k.value,
             config: n.value,
             max: v.config.maxDimension,
             "has-row-column": !0,
-            onConfig: e[3] || (e[3] = (b) => {
-              n.value = b;
+            onConfig: e[3] || (e[3] = (g) => {
+              n.value = g;
             })
           }, null, 8, ["modelValue", "options", "config", "max"]),
           r(T, {
             "label-placement": "right",
             label: l(y)("report.section.datasource.comparable"),
             "model-value": n.value.isComparable ?? !1,
-            "onUpdate:modelValue": e[4] || (e[4] = (b) => {
-              n.value.isComparable = b;
+            "onUpdate:modelValue": e[4] || (e[4] = (g) => {
+              n.value.isComparable = g;
             })
           }, null, 8, ["label", "model-value"]),
-          F.value ? (f(), D(T, {
+          w.value ? (b(), D(T, {
             key: 0,
             "label-placement": "right",
             label: l(y)("report.section.datasource.cumulative"),
             "model-value": n.value.isCumulative ?? !1,
-            "onUpdate:modelValue": e[5] || (e[5] = (b) => {
-              n.value.isCumulative = b;
+            "onUpdate:modelValue": e[5] || (e[5] = (g) => {
+              n.value.isCumulative = g;
             })
           }, null, 8, ["label", "model-value"])) : U("", !0),
-          v.config.isDrillConfigurable && u.value ? (f(), D(T, {
+          v.config.isDrillConfigurable && u.value ? (b(), D(T, {
             key: 1,
             label: l(y)("report.section.datasource.drill"),
             "label-placement": "right",
             "model-value": n.value.isDrillable ?? !1,
-            "onUpdate:modelValue": e[6] || (e[6] = (b) => {
-              n.value.isDrillable = b;
+            "onUpdate:modelValue": e[6] || (e[6] = (g) => {
+              n.value.isDrillable = g;
             })
           }, null, 8, ["label", "model-value"])) : U("", !0),
-          u.value ? (f(), D(T, {
+          u.value ? (b(), D(T, {
             key: 2,
             modelValue: n.value.isBlend,
-            "onUpdate:modelValue": e[7] || (e[7] = (b) => n.value.isBlend = b),
+            "onUpdate:modelValue": e[7] || (e[7] = (g) => n.value.isBlend = g),
             label: l(y)("report.section.datasource.blend"),
             "label-placement": "right"
           }, null, 8, ["modelValue", "label"])) : U("", !0),
-          v.config.canRollup && u.value ? (f(), D(S, {
+          v.config.canRollup && u.value ? (b(), D(S, {
             key: `rollup-${l(o)}`,
             modelValue: n.value.rollup,
-            "onUpdate:modelValue": e[8] || (e[8] = (b) => n.value.rollup = b),
+            "onUpdate:modelValue": e[8] || (e[8] = (g) => n.value.rollup = g),
             label: l(y)("report.section.datasource.subTotal"),
             items: x.value
           }, null, 8, ["modelValue", "label", "items"])) : U("", !0),
-          u.value ? U("", !0) : (f(), D(S, {
+          u.value ? U("", !0) : (b(), D(S, {
             key: `periodType-${l(o)}`,
             modelValue: n.value.periodType,
-            "onUpdate:modelValue": e[9] || (e[9] = (b) => n.value.periodType = b),
+            "onUpdate:modelValue": e[9] || (e[9] = (g) => n.value.periodType = g),
             label: l(y)("report.section.datasource.periodType.label"),
             items: _.value
           }, null, 8, ["modelValue", "label", "items"])),
-          v.config.canTranspose && u.value ? (f(), D(T, {
+          v.config.canTranspose && u.value ? (b(), D(T, {
             key: 5,
             modelValue: n.value.isTransposed,
-            "onUpdate:modelValue": e[10] || (e[10] = (b) => n.value.isTransposed = b),
+            "onUpdate:modelValue": e[10] || (e[10] = (g) => n.value.isTransposed = g),
             label: l(y)("report.section.datasource.transpose"),
             "label-placement": "right"
           }, null, 8, ["modelValue", "label"])) : U("", !0),
-          v.config.hasBreakdownDimension ? (f(), D(we, {
+          v.config.hasBreakdownDimension ? (b(), D(xe, {
             key: 6,
             "model-value": n.value.breakdownDimension ? [n.value.breakdownDimension] : [],
             label: "breakdownDimension",
             max: 1,
             options: k.value,
-            "onUpdate:modelValue": e[11] || (e[11] = (b) => {
-              n.value.breakdownDimension = b[0];
+            "onUpdate:modelValue": e[11] || (e[11] = (g) => {
+              n.value.breakdownDimension = g[0];
             })
           }, null, 8, ["model-value", "options"])) : U("", !0),
-          I.value ? (f(), D(we, {
+          O.value ? (b(), D(xe, {
             key: 7,
             "model-value": n.value.sparklineDimension ? [n.value.sparklineDimension] : [],
             label: "sparklineDimension",
             max: 1,
             options: k.value,
-            "onUpdate:modelValue": e[12] || (e[12] = (b) => {
-              n.value.sparklineDimension = b[0];
+            "onUpdate:modelValue": e[12] || (e[12] = (g) => {
+              n.value.sparklineDimension = g[0];
             })
           }, null, 8, ["model-value", "options"])) : U("", !0),
           r(xl, {
             modelValue: n.value.metrics,
-            "onUpdate:modelValue": e[13] || (e[13] = (b) => n.value.metrics = b),
+            "onUpdate:modelValue": e[13] || (e[13] = (g) => n.value.metrics = g),
             options: k.value,
             max: v.config.maxMetric,
             config: n.value,
-            "has-row-column": v.config.type === l(R).Table,
-            onConfig: e[14] || (e[14] = (b) => {
-              n.value = b;
+            "has-row-column": v.config.type === l(z).Table,
+            onConfig: e[14] || (e[14] = (g) => {
+              n.value = g;
             })
           }, null, 8, ["modelValue", "options", "max", "config", "has-row-column"]),
           r(Ge, {
             modelValue: n.value.filters,
-            "onUpdate:modelValue": e[15] || (e[15] = (b) => n.value.filters = b),
+            "onUpdate:modelValue": e[15] || (e[15] = (g) => n.value.filters = g),
             options: k.value
           }, null, 8, ["modelValue", "options"]),
           r(Tl, {
             modelValue: n.value.sorts,
-            "onUpdate:modelValue": e[16] || (e[16] = (b) => n.value.sorts = b),
+            "onUpdate:modelValue": e[16] || (e[16] = (g) => n.value.sorts = g),
             options: k.value
           }, null, 8, ["modelValue", "options"]),
           r(Ul, {
             modelValue: n.value.limit,
-            "onUpdate:modelValue": e[17] || (e[17] = (b) => n.value.limit = b)
+            "onUpdate:modelValue": e[17] || (e[17] = (g) => n.value.limit = g)
           }, null, 8, ["modelValue"]),
-          n.value.conditions ? (f(), D(Bl, {
+          n.value.conditions ? (b(), D(Bl, {
             key: 8,
             modelValue: n.value.conditions,
-            "onUpdate:modelValue": e[18] || (e[18] = (b) => n.value.conditions = b),
+            "onUpdate:modelValue": e[18] || (e[18] = (g) => n.value.conditions = g),
             "join-field-options": k.value,
             "main-field-options": p.value
           }, null, 8, ["modelValue", "join-field-options", "main-field-options"])) : U("", !0)
@@ -1558,9 +1570,9 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
       });
     };
   }
-}), jl = { class: "fm-typo-en-title-sm-600" }, Ce = /* @__PURE__ */ q({
+}), jl = { class: "fm-typo-en-title-sm-600" }, _e = /* @__PURE__ */ W({
   __name: "TileEditorTabHeader",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ K({
     icon: {
       type: String,
       required: !0
@@ -1570,33 +1582,33 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(V) {
-    const { t: d } = J(), t = ee(V, "modelValue"), s = V;
+  setup(F) {
+    const { t: d } = J(), t = le(F, "modelValue"), s = F;
     return (n, v) => {
-      const g = w("FmIcon");
-      return f(), z("div", {
+      const f = V("FmIcon");
+      return b(), R("div", {
         class: "px-6 py-16 flex items-center gap-2 bg-fm-color-neutral-white border cursor-pointer",
         onClick: v[0] || (v[0] = (m) => t.value = !t.value)
       }, [
-        h("p", jl, j(l(d)("report.tile.setting")), 1),
+        h("p", jl, L(l(d)("report.tile.setting")), 1),
         v[1] || (v[1] = h("div", { class: "grow" }, null, -1)),
-        r(g, {
+        r(f, {
           name: s.icon
         }, null, 8, ["name"])
       ]);
     };
   }
-}), zl = /* @__PURE__ */ q({
+}), zl = /* @__PURE__ */ W({
   __name: "TileEditorTabDesktop",
   props: {
     modelValue: { required: !0, default: !1 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(V) {
-    const d = ee(V, "modelValue");
-    return (t, s) => (f(), z(Z, null, [
-      r(Ce, {
+  setup(F) {
+    const d = le(F, "modelValue");
+    return (t, s) => (b(), R(te, null, [
+      r(_e, {
         modelValue: d.value,
         "onUpdate:modelValue": s[0] || (s[0] = (n) => d.value = n),
         icon: "keyboard_double_arrow_left"
@@ -1604,19 +1616,19 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
       Oe(t.$slots, "default")
     ], 64));
   }
-}), Rl = { class: "fixed bottom-0 w-full" }, Ml = /* @__PURE__ */ q({
+}), Rl = { class: "fixed bottom-0 w-full" }, Ml = /* @__PURE__ */ W({
   __name: "TileEditorTabMobile",
   props: {
     modelValue: { required: !0, default: !1 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(V) {
-    const d = ee(V, "modelValue");
+  setup(F) {
+    const d = le(F, "modelValue");
     return (t, s) => {
-      const n = w("FmTopSheet");
-      return f(), z("div", Rl, [
-        r(Ce, {
+      const n = V("FmTopSheet");
+      return b(), R("div", Rl, [
+        r(_e, {
           modelValue: d.value,
           "onUpdate:modelValue": s[0] || (s[0] = (v) => d.value = v),
           icon: "keyboard_double_arrow_up"
@@ -1626,8 +1638,8 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
           "onUpdate:modelValue": s[2] || (s[2] = (v) => d.value = v),
           "fullscreen-size": "sm"
         }, {
-          default: O(() => [
-            r(Ce, {
+          default: N(() => [
+            r(_e, {
               modelValue: d.value,
               "onUpdate:modelValue": s[1] || (s[1] = (v) => d.value = v),
               icon: "keyboard_double_arrow_down"
@@ -1639,17 +1651,17 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
       ]);
     };
   }
-}), Pl = { class: "flex gap-16" }, Al = { class: "flex flex-col gap-8 max-w-[120px]" }, Xl = { class: "fm-typo-en-body-lg-600" }, ql = { class: "flex flex-col gap-16" }, Wl = { class: "fm-typo-en-body-lg-600" }, Hl = { class: "flex flex-row gap-8" }, El = /* @__PURE__ */ q({
+}), Pl = { class: "flex gap-16" }, Al = { class: "flex flex-col gap-8 max-w-[120px]" }, Xl = { class: "fm-typo-en-body-lg-600" }, ql = { class: "flex flex-col gap-16" }, Wl = { class: "fm-typo-en-body-lg-600" }, Hl = { class: "flex flex-row gap-8" }, El = /* @__PURE__ */ W({
   __name: "TitleSection",
   props: {
     model: {}
   },
   emits: ["update:model"],
-  setup(V, { emit: d }) {
-    const t = V, s = d, { t: n } = J(), v = $({
+  setup(F, { emit: d }) {
+    const t = F, s = d, { t: n } = J(), v = $({
       get: () => t.model.showTitle ?? !1,
       set: (o) => s("update:model", { ...t.model, showTitle: o })
-    }), g = $({
+    }), f = $({
       get: () => t.model.titleFontSize ?? 14,
       set: (o) => s("update:model", { ...t.model, titleFontSize: Math.min(Number(o), 24) })
     }), m = $({
@@ -1663,22 +1675,22 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
       set: (o) => s("update:model", { ...t.model, titleUnderline: o })
     });
     return (o, u) => {
-      const F = w("FmStepperField"), C = w("FmButton"), I = w("FmSwitch");
-      return f(), z(Z, null, [
+      const w = V("FmStepperField"), C = V("FmButton"), O = V("FmSwitch");
+      return b(), R(te, null, [
         h("div", null, [
           h("div", Pl, [
             h("div", Al, [
-              h("p", Xl, j(l(n)("report.section.datasource.title.titleFontSize")), 1),
-              r(F, {
-                modelValue: g.value,
-                "onUpdate:modelValue": u[0] || (u[0] = (p) => g.value = p),
+              h("p", Xl, L(l(n)("report.section.datasource.title.titleFontSize")), 1),
+              r(w, {
+                modelValue: f.value,
+                "onUpdate:modelValue": u[0] || (u[0] = (p) => f.value = p),
                 max: 24,
                 min: 1,
                 type: "number"
               }, null, 8, ["modelValue"])
             ]),
             h("div", ql, [
-              h("p", Wl, j(l(n)("report.section.datasource.title.textStyleFormat")), 1),
+              h("p", Wl, L(l(n)("report.section.datasource.title.textStyleFormat")), 1),
               h("div", Hl, [
                 r(C, {
                   "append-icon": "format_bold",
@@ -1709,7 +1721,7 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
             ])
           ])
         ]),
-        r(I, {
+        r(O, {
           modelValue: v.value,
           "onUpdate:modelValue": u[4] || (u[4] = (p) => v.value = p),
           label: l(n)("report.section.datasource.title.showTitle"),
@@ -1721,21 +1733,21 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
 }), Yl = { class: "flex flex-col gap-8" }, Jl = { class: "text-fm-color-typo-primary fm-typo-en-body-lg-600" }, Gl = { class: "flex flex-row gap-2" }, Kl = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Ql = /* @__PURE__ */ q({
+}, Ql = /* @__PURE__ */ W({
   __name: "TableResizeSection",
   props: {
     layout: {}
   },
   emits: ["update:layout"],
-  setup(V, { emit: d }) {
-    const { t } = J(), s = V, n = d, { isEditing: v, colWidths: g, rowHeight: m } = re(ge()), { enableCellResizing: y, cancelResizingChanges: c, resetStore: o, disableEditMode: u } = ge();
+  setup(F, { emit: d }) {
+    const { t } = J(), s = F, n = d, { isEditing: v, colWidths: f, rowHeight: m } = de(be()), { enableCellResizing: y, cancelResizingChanges: c, resetStore: o, disableEditMode: u } = be();
     $(
       () => {
-        var C, I, p;
-        return (((I = (C = s.layout) == null ? void 0 : C.colWidths) == null ? void 0 : I.length) ?? 0) > 0 || g.value.length > 0 || (((p = s.layout) == null ? void 0 : p.rowHeight) ?? 0) > 0 || m.value > 0;
+        var C, O, p;
+        return (((O = (C = s.layout) == null ? void 0 : C.colWidths) == null ? void 0 : O.length) ?? 0) > 0 || f.value.length > 0 || (((p = s.layout) == null ? void 0 : p.rowHeight) ?? 0) > 0 || m.value > 0;
       }
     );
-    function F() {
+    function w() {
       o(), u(), n("update:layout", {
         ...s.layout,
         rowHeight: void 0,
@@ -1744,8 +1756,8 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
       const C = document.querySelector("table");
       if (C) {
         C.classList.remove("table-fixed"), C.classList.add("table-auto"), C.style.width = "";
-        const I = C.querySelectorAll("th"), p = C.querySelectorAll("td"), k = C.querySelectorAll("tr");
-        I.forEach((x) => {
+        const O = C.querySelectorAll("th"), p = C.querySelectorAll("td"), k = C.querySelectorAll("tr");
+        O.forEach((x) => {
           x.style.width = "";
         }), p.forEach((x) => {
           x.style.width = "";
@@ -1754,15 +1766,15 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
         });
       }
     }
-    return ke(() => {
-      var C, I;
-      ((C = s.layout) == null ? void 0 : C.rowHeight) !== void 0 && (m.value = s.layout.rowHeight), (I = s.layout) != null && I.colWidths && (g.value = [...s.layout.colWidths]);
-    }), (C, I) => {
-      const p = w("FmButton");
-      return f(), z("div", Yl, [
-        h("p", Jl, j(l(t)("report.section.datasource.tableLayout")), 1),
+    return Se(() => {
+      var C, O;
+      ((C = s.layout) == null ? void 0 : C.rowHeight) !== void 0 && (m.value = s.layout.rowHeight), (O = s.layout) != null && O.colWidths && (f.value = [...s.layout.colWidths]);
+    }), (C, O) => {
+      const p = V("FmButton");
+      return b(), R("div", Yl, [
+        h("p", Jl, L(l(t)("report.section.datasource.tableLayout")), 1),
         h("div", Gl, [
-          l(v) ? U("", !0) : (f(), D(p, {
+          l(v) ? U("", !0) : (b(), D(p, {
             key: 0,
             label: l(t)("report.section.datasource.resizeTable"),
             variant: "secondary",
@@ -1771,7 +1783,7 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
             class: "[&_.label]:line-clamp-none w-full",
             onClick: l(y)
           }, null, 8, ["label", "onClick"])),
-          l(v) ? (f(), D(p, {
+          l(v) ? (b(), D(p, {
             key: 1,
             label: l(t)("report.common.cancel"),
             variant: "primary",
@@ -1786,16 +1798,16 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
             icon: "restore",
             "icon-position": "prepend",
             class: "[&_.label]:line-clamp-none w-full",
-            onClick: F
+            onClick: w
           }, null, 8, ["label"])
         ]),
-        l(v) ? (f(), z("p", Kl, j(l(t)("report.section.datasource.resizeTableHelper")), 1)) : U("", !0)
+        l(v) ? (b(), R("p", Kl, L(l(t)("report.section.datasource.resizeTableHelper")), 1)) : U("", !0)
       ]);
     };
   }
-}), Zl = { class: "flex gap-16 justify-center items-center" }, eo = { class: "fm-typo-en-title-sm-600" }, lo = { class: "fm-typo-en-body-lg-600" }, oo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary" }, to = { class: "h-[40x]" }, Ne = "YYYY-MM-DD", Ae = /* @__PURE__ */ q({
+}), Zl = { class: "flex gap-16 justify-center items-center" }, eo = { class: "fm-typo-en-title-sm-600" }, lo = { class: "fm-typo-en-body-lg-600" }, oo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary" }, to = { class: "h-[40x]" }, Ne = "YYYY-MM-DD", Ae = /* @__PURE__ */ W({
   __name: "TileEditorTab",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ K({
     hideConfiguration: {
       type: Boolean,
       default: !1
@@ -1806,23 +1818,23 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ G(["hideConfiguration"], ["update:modelValue"]),
-  setup(V, { emit: d }) {
+  emits: /* @__PURE__ */ K(["hideConfiguration"], ["update:modelValue"]),
+  setup(F, { emit: d }) {
     var i, T;
-    const t = ze(), { dateRange: s, timezone: n } = re(t), v = {
+    const t = ze(), { dateRange: s, timezone: n } = de(t), v = {
       startDate: s.value.startDate,
       endDate: s.value.endDate
-    }, g = H({
-      startDate: (i = fe(s.value.startDate)) == null ? void 0 : i.tz(n.value).format(Ne),
-      endDate: (T = fe(s.value.endDate)) == null ? void 0 : T.tz(n.value).format(Ne)
+    }, f = E({
+      startDate: (i = ge(s.value.startDate)) == null ? void 0 : i.tz(n.value).format(Ne),
+      endDate: (T = ge(s.value.endDate)) == null ? void 0 : T.tz(n.value).format(Ne)
     });
-    ue(
-      g,
+    re(
+      f,
       () => {
-        g.value.endDate || (g.value.endDate = g.value.startDate);
+        f.value.endDate || (f.value.endDate = f.value.startDate);
         const S = {
-          startDate: fe.tz(g.value.startDate, n.value).startOf("day").utc().toISOString(),
-          endDate: fe.tz(g.value.endDate, n.value).endOf("day").utc().toISOString()
+          startDate: ge.tz(f.value.startDate, n.value).startOf("day").utc().toISOString(),
+          endDate: ge.tz(f.value.endDate, n.value).endOf("day").utc().toISOString()
         };
         s.value = S;
       },
@@ -1830,13 +1842,13 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
     ), qe(() => {
       s.value = { ...v };
     });
-    const m = ee(V, "modelValue"), { breakpoints: y } = Re(), c = V, { promptMessage: o } = je(), u = d, { t: F, locale: C } = J();
-    function I(S) {
+    const m = le(F, "modelValue"), { breakpoints: y } = Re(), c = F, { promptMessage: o } = je(), u = d, { t: w, locale: C } = J();
+    function O(S) {
       m.value = yl(S);
     }
     function p() {
       const S = [...m.value.widget.config.joinDatasources || []];
-      S.push({ ...Qe(m.value.widget.type), conditions: [] }), I({
+      S.push({ ...Qe(m.value.widget.type), conditions: [] }), O({
         ...m.value,
         widget: {
           ...m.value.widget,
@@ -1849,11 +1861,11 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
     }
     async function k(S) {
       if (!await o({
-        title: F("report.tile.datasource.remove"),
-        message: F("report.tile.datasource.confirmRemove", { index: S + 1 })
+        title: w("report.tile.datasource.remove"),
+        message: w("report.tile.datasource.confirmRemove", { index: S + 1 })
       })) return;
       const M = [...m.value.widget.config.joinDatasources || []];
-      M.splice(S, 1), I({
+      M.splice(S, 1), O({
         ...m.value,
         widget: {
           ...m.value.widget,
@@ -1864,197 +1876,197 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
         }
       });
     }
-    const x = (S, b) => {
-      let M = 1, A = 1;
+    const x = (S, g) => {
+      let M = 1, X = 1;
       switch (S) {
-        case R.Scorecard:
-          M = 1, A = 2;
+        case z.Scorecard:
+          M = 1, X = 2;
           break;
-        case R.BarChart:
-        case R.StackBarChart:
-        case R.LineChart:
-        case R.StackLineChart:
-          M = 4, A = 6;
+        case z.BarChart:
+        case z.StackBarChart:
+        case z.LineChart:
+        case z.StackLineChart:
+          M = 4, X = 6;
           break;
-        case R.Table:
-          M = 4, A = 12;
+        case z.Table:
+          M = 4, X = 12;
           break;
-        case R.Circular:
-          M = 4, A = 4;
+        case z.Circular:
+          M = 4, X = 4;
           break;
-        case R.Spacer:
-          M = 0, A = 12;
+        case z.Spacer:
+          M = 0, X = 12;
           break;
       }
       return {
-        id: b.id,
+        id: g.id,
         size: {
           height: M,
-          width: A
+          width: X
         },
         widget: {
-          ...b.widget,
+          ...g.widget,
           type: S
         }
       };
     }, _ = $(
-      () => he.find((S) => S.type === m.value.widget.type)
-    ), a = $(() => m.value.widget.config.joinDatasources), e = be((S) => {
+      () => Fe.find((S) => S.type === m.value.widget.type)
+    ), a = $(() => m.value.widget.config.joinDatasources), e = ye((S) => {
       m.value.widget.title = S;
     }, 500);
-    return ue(
+    return re(
       () => m.value.size.height,
       (S) => {
         S < 1 && (m.value.size.height = 1), S > 12 && (m.value.size.height = 12);
       }
-    ), ue(
+    ), re(
       () => m.value.size.width,
       (S) => {
         S < 1 && (m.value.size.width = 1), S > 12 && (m.value.size.width = 12);
       }
-    ), (S, b) => {
-      const M = w("FmCircularProgress"), A = w("FmSimpleDateRangePicker"), W = w("FmTextField"), E = w("FmTextarea"), K = w("FmStepperField"), oe = w("FmButton"), B = w("FmForm");
-      return f(), D(Ie(l(y).lg || l(y).md ? zl : Ml), {
+    ), (S, g) => {
+      const M = V("FmCircularProgress"), X = V("FmSimpleDateRangePicker"), Q = V("FmTextField"), q = V("FmTextarea"), H = V("FmStepperField"), Z = V("FmButton"), I = V("FmForm");
+      return b(), D(Ie(l(y).lg || l(y).md ? zl : Ml), {
         "model-value": c.hideConfiguration,
-        "onUpdate:modelValue": b[9] || (b[9] = (N) => u("hideConfiguration", N))
+        "onUpdate:modelValue": g[9] || (g[9] = (B) => u("hideConfiguration", B))
       }, {
-        default: O(() => [
-          m.value ? (f(), D(B, {
+        default: N(() => [
+          m.value ? (b(), D(I, {
             key: 1,
             ref: "form",
             class: "px-6 py-16 flex flex-col gap-24 overflow-y-auto overflow-x-hidden"
           }, {
-            default: O(() => [
+            default: N(() => [
               h("div", Zl, [
-                (f(), D(A, {
+                (b(), D(X, {
                   key: `date-picker-${l(C)}`,
-                  modelValue: g.value,
-                  "onUpdate:modelValue": b[0] || (b[0] = (N) => g.value = N)
+                  modelValue: f.value,
+                  "onUpdate:modelValue": g[0] || (g[0] = (B) => f.value = B)
                 }, null, 8, ["modelValue"]))
               ]),
-              r(Fe, null, {
-                header: O(() => [
-                  h("p", eo, j(l(F)("report.tile.widget.details")), 1),
-                  b[10] || (b[10] = h("div", { class: "grow" }, null, -1))
+              r(Ce, null, {
+                header: N(() => [
+                  h("p", eo, L(l(w)("report.tile.widget.details")), 1),
+                  g[10] || (g[10] = h("div", { class: "grow" }, null, -1))
                 ]),
-                content: O(() => [
-                  r(W, {
+                content: N(() => [
+                  r(Q, {
                     "model-value": m.value.widget.title,
-                    label: l(F)("report.tile.widget.title"),
-                    placeholder: l(F)("report.tile.widget.titlePlaceholder"),
+                    label: l(w)("report.tile.widget.title"),
+                    placeholder: l(w)("report.tile.widget.titlePlaceholder"),
                     "onUpdate:modelValue": l(e)
                   }, null, 8, ["model-value", "label", "placeholder", "onUpdate:modelValue"]),
-                  r(E, {
+                  r(q, {
                     modelValue: m.value.widget.description,
-                    "onUpdate:modelValue": b[1] || (b[1] = (N) => m.value.widget.description = N),
+                    "onUpdate:modelValue": g[1] || (g[1] = (B) => m.value.widget.description = B),
                     disabled: m.value.widget.title === "",
-                    placeholder: l(F)("report.tile.widget.descriptionPlaceholder"),
-                    "helper-text": l(F)("report.tile.widget.descriptionHelper")
+                    placeholder: l(w)("report.tile.widget.descriptionPlaceholder"),
+                    "helper-text": l(w)("report.tile.widget.descriptionHelper")
                   }, {
-                    label: O(() => [
-                      h("p", lo, j(l(F)("report.tile.widget.widgetDescription")), 1),
-                      h("p", oo, " (" + j(l(F)("report.tile.widget.optional")) + ") ", 1)
+                    label: N(() => [
+                      h("p", lo, L(l(w)("report.tile.widget.widgetDescription")), 1),
+                      h("p", oo, " (" + L(l(w)("report.tile.widget.optional")) + ") ", 1)
                     ]),
                     _: 1
                   }, 8, ["modelValue", "disabled", "placeholder", "helper-text"]),
                   r(El, {
                     model: m.value.widget.config,
-                    "onUpdate:model": b[2] || (b[2] = (N) => m.value.widget.config = N)
+                    "onUpdate:model": g[2] || (g[2] = (B) => m.value.widget.config = B)
                   }, null, 8, ["model"]),
                   h("div", {
                     class: Le(["flex flex-row", `${l(y).sm || l(y).xs ? "gap-16" : "gap-2"}`])
                   }, [
-                    r(K, {
+                    r(H, {
                       modelValue: m.value.size.width,
-                      "onUpdate:modelValue": b[3] || (b[3] = (N) => m.value.size.width = N),
-                      label: l(F)("report.tile.widget.width"),
+                      "onUpdate:modelValue": g[3] || (g[3] = (B) => m.value.size.width = B),
+                      label: l(w)("report.tile.widget.width"),
                       min: 1,
                       max: 12
                     }, null, 8, ["modelValue", "label"]),
-                    r(K, {
+                    r(H, {
                       modelValue: m.value.size.height,
-                      "onUpdate:modelValue": b[4] || (b[4] = (N) => m.value.size.height = N),
-                      label: l(F)("report.tile.widget.height"),
+                      "onUpdate:modelValue": g[4] || (g[4] = (B) => m.value.size.height = B),
+                      label: l(w)("report.tile.widget.height"),
                       min: 1,
                       max: 12,
-                      disabled: m.value.widget.type === l(R).Scorecard
+                      disabled: m.value.widget.type === l(z).Scorecard
                     }, null, 8, ["modelValue", "label", "disabled"])
                   ], 2),
-                  m.value.widget.type === l(R).Table ? (f(), D(Ql, {
+                  m.value.widget.type === l(z).Table ? (b(), D(Ql, {
                     key: 0,
                     layout: m.value.widget.config,
-                    "onUpdate:layout": b[5] || (b[5] = (N) => m.value.widget.config = N)
+                    "onUpdate:layout": g[5] || (g[5] = (B) => m.value.widget.config = B)
                   }, null, 8, ["layout"])) : U("", !0)
                 ]),
                 _: 1
               }),
-              r(Fe, null, {
-                header: O(() => [
-                  h("p", null, j(l(F)("report.tile.widget.type")), 1),
-                  b[11] || (b[11] = h("div", { class: "grow" }, null, -1))
+              r(Ce, null, {
+                header: N(() => [
+                  h("p", null, L(l(w)("report.tile.widget.type")), 1),
+                  g[11] || (g[11] = h("div", { class: "grow" }, null, -1))
                 ]),
-                content: O(() => [
+                content: N(() => [
                   r(Ke, {
                     "is-list": !0,
                     "model-value": m.value.widget.type,
                     class: "grid grid-cols-1 gap-2",
                     "child-class": "flex flex-row p-[8px] gap-2",
-                    "exclude-widge-type": [l(R).Spacer],
-                    "onUpdate:modelValue": b[6] || (b[6] = (N) => m.value = x(N, m.value))
+                    "exclude-widge-type": [l(z).Spacer],
+                    "onUpdate:modelValue": g[6] || (g[6] = (B) => m.value = x(B, m.value))
                   }, null, 8, ["model-value", "exclude-widge-type"])
                 ]),
                 _: 1
               }),
               r(Ue, {
                 modelValue: m.value.widget.config,
-                "onUpdate:modelValue": b[7] || (b[7] = (N) => m.value.widget.config = N),
-                label: l(F)("report.tile.datasource.main"),
+                "onUpdate:modelValue": g[7] || (g[7] = (B) => m.value.widget.config = B),
+                label: l(w)("report.tile.datasource.main"),
                 config: _.value
               }, null, 8, ["modelValue", "label", "config"]),
-              a.value ? (f(!0), z(Z, { key: 0 }, de(a.value, (N, X) => (f(), z("div", { key: X }, [
+              a.value ? (b(!0), R(te, { key: 0 }, me(a.value, (B, P) => (b(), R("div", { key: P }, [
                 r(Ue, {
-                  modelValue: a.value[X],
-                  "onUpdate:modelValue": (le) => a.value[X] = le,
-                  label: l(F)("report.tile.datasource.join", { index: X + 1 }),
+                  modelValue: a.value[P],
+                  "onUpdate:modelValue": (G) => a.value[P] = G,
+                  label: l(w)("report.tile.datasource.join", { index: P + 1 }),
                   config: _.value,
                   "main-datasource-config": m.value.widget.config,
                   closeable: !0,
-                  onClickClose: (le) => k(X)
+                  onClickClose: (G) => k(P)
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "config", "main-datasource-config", "onClickClose"])
               ]))), 128)) : U("", !0),
               h("div", to, [
-                r(oe, {
-                  label: l(F)("report.tile.datasource.joinButton"),
+                r(Z, {
+                  label: l(w)("report.tile.datasource.joinButton"),
                   variant: "secondary",
                   icon: "add",
                   "icon-position": "prepend",
                   "border-color": "primary",
                   "text-color": "primary",
                   class: "w-full",
-                  onClick: b[8] || (b[8] = (N) => p())
+                  onClick: g[8] || (g[8] = (B) => p())
                 }, null, 8, ["label"])
               ])
             ]),
             _: 1
-          }, 512)) : (f(), D(M, { key: 0 }))
+          }, 512)) : (b(), D(M, { key: 0 }))
         ]),
         _: 1
       }, 8, ["model-value"]);
     };
   }
-}), ao = { class: "flex flex-col gap-8" }, no = { class: "pl-32 flex flex-col gap-8" }, io = { class: "fm-typo-en-body-lg-600" }, so = { class: "flex flex-row gap-8" }, uo = { class: "fm-typo-en-body-lg-600" }, ro = { class: "flex flex-row gap-8" }, mo = /* @__PURE__ */ q({
+}), ao = { class: "flex flex-col gap-8" }, no = { class: "pl-32 flex flex-col gap-8" }, io = { class: "fm-typo-en-body-lg-600" }, so = { class: "flex flex-row gap-8" }, uo = { class: "fm-typo-en-body-lg-600" }, ro = { class: "flex flex-row gap-8" }, mo = /* @__PURE__ */ W({
   __name: "LabelSection",
   props: {
     model: {}
   },
   emits: ["update:model"],
-  setup(V, { emit: d }) {
-    const t = V, s = d, { t: n } = J(), v = $({
+  setup(F, { emit: d }) {
+    const t = F, s = d, { t: n } = J(), v = $({
       get: () => t.model.showLabel ?? !1,
       set: (C) => {
         s("update:model", { ...t.model, showLabel: C });
       }
-    }), g = $({
+    }), f = $({
       get: () => t.model.labelRotation ?? 0,
       set: (C) => s("update:model", { ...t.model, labelRotation: C })
     }), m = $({
@@ -2074,40 +2086,40 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
         labelAnchor: t.model.labelAnchor === C ? void 0 : C
       });
     }, u = [
-      { icon: "align_horizontal_left", value: se.left, tooltip: "alignLeft" },
-      { icon: "align_justify_center", value: se.center, tooltip: "alignCenter" },
-      { icon: "align_horizontal_right", value: se.right, tooltip: "alignRight" },
-      { icon: "align_justify_flex_start", value: se.start, tooltip: "alignStart" },
-      { icon: "align_justify_flex_end", value: se.end, tooltip: "alignEnd" },
-      { icon: "align_flex_start", value: se.top, tooltip: "alignTop" },
-      { icon: "align_flex_end", value: se.bottom, tooltip: "alignBottom" }
-    ], F = [
-      { icon: "format_align_left", value: Ve.start, tooltip: "anchorStart" },
-      { icon: "format_align_center", value: Ve.center, tooltip: "anchorCenter" },
-      { icon: "format_align_right", value: Ve.end, tooltip: "anchorEnd" }
+      { 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" },
+      { icon: "align_justify_flex_start", value: ue.start, tooltip: "alignStart" },
+      { 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" }
+    ], w = [
+      { icon: "format_align_left", value: we.start, tooltip: "anchorStart" },
+      { icon: "format_align_center", value: we.center, tooltip: "anchorCenter" },
+      { icon: "format_align_right", value: we.end, tooltip: "anchorEnd" }
     ];
-    return (C, I) => {
-      const p = w("FmCheckbox"), k = w("FmButton"), x = w("FmTooltip"), _ = w("FmTextField"), a = w("FmStepperField");
-      return f(), z("div", ao, [
+    return (C, O) => {
+      const p = V("FmCheckbox"), k = V("FmButton"), x = V("FmTooltip"), _ = V("FmTextField"), a = V("FmStepperField");
+      return b(), R("div", ao, [
         r(p, {
           modelValue: v.value,
-          "onUpdate:modelValue": I[0] || (I[0] = (e) => v.value = e),
+          "onUpdate:modelValue": O[0] || (O[0] = (e) => v.value = e),
           value: !1,
           label: l(n)("report.section.datasource.label.showLabel"),
           "label-placement": "right",
           class: "fm-typo-en-body-lg-400"
         }, null, 8, ["modelValue", "label"]),
-        ne(h("div", no, [
-          h("p", io, j(l(n)("report.section.datasource.alignment.textAlignment")), 1),
+        ie(h("div", no, [
+          h("p", io, L(l(n)("report.section.datasource.alignment.textAlignment")), 1),
           h("div", so, [
-            (f(), z(Z, null, de(u, ({ icon: e, value: i, tooltip: T }) => r(x, {
+            (b(), R(te, null, me(u, ({ icon: e, value: i, tooltip: T }) => r(x, {
               key: i,
               variant: "plain",
               placement: "top",
               content: l(n)(`report.section.datasource.alignment.alignOptions.${T}`),
               "z-index": 50
             }, {
-              default: O(() => [
+              default: N(() => [
                 r(k, {
                   "append-icon": e,
                   variant: "tertiary",
@@ -2120,16 +2132,16 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
               _: 2
             }, 1032, ["content"])), 64))
           ]),
-          h("p", uo, j(l(n)("report.section.datasource.alignment.anchor")), 1),
+          h("p", uo, L(l(n)("report.section.datasource.alignment.anchor")), 1),
           h("div", ro, [
-            (f(), z(Z, null, de(F, ({ icon: e, value: i, tooltip: T }) => r(x, {
+            (b(), R(te, null, me(w, ({ icon: e, value: i, tooltip: T }) => r(x, {
               key: i,
               variant: "plain",
               placement: "top",
               content: l(n)(`report.section.datasource.alignment.anchorOptions.${T}`),
               "z-index": 50
             }, {
-              default: O(() => [
+              default: N(() => [
                 r(k, {
                   "append-icon": e,
                   variant: "tertiary",
@@ -2143,8 +2155,8 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
             }, 1032, ["content"])), 64))
           ]),
           r(_, {
-            modelValue: g.value,
-            "onUpdate:modelValue": I[1] || (I[1] = (e) => g.value = e),
+            modelValue: f.value,
+            "onUpdate:modelValue": O[1] || (O[1] = (e) => f.value = e),
             label: l(n)("report.section.datasource.alignment.rotation"),
             type: "number",
             min: -180,
@@ -2153,36 +2165,36 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
           }, null, 8, ["modelValue", "label"]),
           r(_, {
             modelValue: m.value,
-            "onUpdate:modelValue": I[2] || (I[2] = (e) => m.value = e),
+            "onUpdate:modelValue": O[2] || (O[2] = (e) => m.value = e),
             label: l(n)("report.section.datasource.alignment.offset"),
             type: "number"
           }, null, 8, ["modelValue", "label"]),
           r(a, {
             modelValue: y.value,
-            "onUpdate:modelValue": I[3] || (I[3] = (e) => y.value = e),
+            "onUpdate:modelValue": O[3] || (O[3] = (e) => y.value = e),
             label: l(n)("report.section.datasource.fontSize"),
             type: "number",
             min: 1
           }, null, 8, ["modelValue", "label"])
         ], 512), [
-          [ie, v.value]
+          [se, v.value]
         ])
       ]);
     };
   }
-}), po = { class: "flex flex-col gap-8" }, co = { class: "pl-32 flex flex-col gap-8" }, vo = { class: "pl-32 flex flex-col gap-8" }, fo = { class: "pl-32 flex flex-col gap-8" }, go = { class: "pl-32 flex flex-col gap-8" }, bo = { class: "pl-32 flex flex-col gap-8" }, yo = { class: "pl-32 flex flex-col gap-8" }, ho = /* @__PURE__ */ q({
+}), po = { class: "flex flex-col gap-8" }, co = { class: "pl-32 flex flex-col gap-8" }, vo = { class: "pl-32 flex flex-col gap-8" }, fo = { class: "pl-32 flex flex-col gap-8" }, go = { class: "pl-32 flex flex-col gap-8" }, bo = { class: "pl-32 flex flex-col gap-8" }, yo = { class: "pl-32 flex flex-col gap-8" }, ho = /* @__PURE__ */ W({
   __name: "XySection",
   props: {
     model: {}
   },
   emits: ["update:model"],
-  setup(V, { emit: d }) {
-    const t = V, s = d, { t: n } = J(), v = $({
+  setup(F, { emit: d }) {
+    const t = F, s = d, { t: n } = J(), v = $({
       get: () => t.model.showX ?? !0,
       set: (p) => {
         s("update:model", { ...t.model, showX: p });
       }
-    }), g = $({
+    }), f = $({
       get: () => t.model.showXGrid ?? !1,
       set: (p) => {
         s("update:model", { ...t.model, showXGrid: p });
@@ -2212,22 +2224,22 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
       set: (p) => {
         s("update:model", { ...t.model, showXTitle: p });
       }
-    }), F = $({
+    }), w = $({
       get: () => t.model.showYTitle ?? !1,
       set: (p) => {
         s("update:model", { ...t.model, showYTitle: p });
       }
-    }), C = be((p) => {
+    }), C = ye((p) => {
       s("update:model", { ...t.model, xTitle: p });
-    }, 500), I = be((p) => {
+    }, 500), O = ye((p) => {
       s("update:model", { ...t.model, yTitle: p });
     }, 500);
-    return ke(() => {
+    return Se(() => {
       var p, k, x, _;
-      !t.model.xTitle && ((k = (p = t.model.metrics) == null ? void 0 : p[0]) != null && k.label) && C(t.model.metrics[0].label), !t.model.yTitle && ((_ = (x = t.model.dimensions) == null ? void 0 : x[0]) != null && _.label) && I(t.model.dimensions[0].label);
+      !t.model.xTitle && ((k = (p = t.model.metrics) == null ? void 0 : p[0]) != null && k.label) && C(t.model.metrics[0].label), !t.model.yTitle && ((_ = (x = t.model.dimensions) == null ? void 0 : x[0]) != null && _.label) && O(t.model.dimensions[0].label);
     }), (p, k) => {
-      const x = w("FmCheckbox"), _ = w("FmStepperField"), a = w("FmTextField");
-      return f(), z("div", po, [
+      const x = V("FmCheckbox"), _ = V("FmStepperField"), a = V("FmTextField");
+      return b(), R("div", po, [
         r(x, {
           modelValue: v.value,
           "onUpdate:modelValue": k[0] || (k[0] = (e) => v.value = e),
@@ -2235,10 +2247,10 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
           "label-placement": "right",
           value: !0
         }, null, 8, ["modelValue", "label"]),
-        ne(h("div", co, [
+        ie(h("div", co, [
           r(x, {
-            modelValue: g.value,
-            "onUpdate:modelValue": k[1] || (k[1] = (e) => g.value = e),
+            modelValue: f.value,
+            "onUpdate:modelValue": k[1] || (k[1] = (e) => f.value = e),
             label: l(n)("report.section.datasource.axis.showGrid"),
             "label-placement": "right",
             value: !1
@@ -2250,7 +2262,7 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
             "label-placement": "right",
             value: !0
           }, null, 8, ["modelValue", "label"]),
-          ne(h("div", vo, [
+          ie(h("div", vo, [
             r(_, {
               label: l(n)("report.section.datasource.fontSize"),
               type: "number",
@@ -2261,7 +2273,7 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
               })
             }, null, 8, ["label", "model-value"])
           ], 512), [
-            [ie, p.model.showXTick ?? !0]
+            [se, p.model.showXTick ?? !0]
           ]),
           r(x, {
             modelValue: u.value,
@@ -2270,7 +2282,7 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
             "label-placement": "right",
             value: !0
           }, null, 8, ["modelValue", "label"]),
-          ne(h("div", fo, [
+          ie(h("div", fo, [
             r(a, {
               "model-value": p.model.xTitle,
               label: l(n)("report.common.title"),
@@ -2287,10 +2299,10 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
               })
             }, null, 8, ["label", "model-value"])
           ], 512), [
-            [ie, u.value]
+            [se, u.value]
           ])
         ], 512), [
-          [ie, p.model.showX ?? !0]
+          [se, p.model.showX ?? !0]
         ]),
         r(x, {
           modelValue: y.value,
@@ -2299,7 +2311,7 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
           "label-placement": "right",
           value: !0
         }, null, 8, ["modelValue", "label"]),
-        ne(h("div", go, [
+        ie(h("div", go, [
           r(x, {
             modelValue: c.value,
             "onUpdate:modelValue": k[7] || (k[7] = (e) => c.value = e),
@@ -2314,7 +2326,7 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
             "label-placement": "right",
             value: !0
           }, null, 8, ["modelValue", "label"]),
-          ne(h("div", bo, [
+          ie(h("div", bo, [
             r(_, {
               label: l(n)("report.section.datasource.fontSize"),
               type: "number",
@@ -2325,21 +2337,21 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
               })
             }, null, 8, ["label", "model-value"])
           ], 512), [
-            [ie, p.model.showYTick ?? !0]
+            [se, p.model.showYTick ?? !0]
           ]),
           r(x, {
-            modelValue: F.value,
-            "onUpdate:modelValue": k[10] || (k[10] = (e) => F.value = e),
+            modelValue: w.value,
+            "onUpdate:modelValue": k[10] || (k[10] = (e) => w.value = e),
             label: l(n)("report.section.datasource.axis.showTitle"),
             "label-placement": "right",
             value: !0
           }, null, 8, ["modelValue", "label"]),
-          ne(h("div", yo, [
+          ie(h("div", yo, [
             r(a, {
               "model-value": p.model.yTitle,
               label: l(n)("report.common.title"),
               placeholder: l(n)("report.tile.widget.titlePlaceholder"),
-              "onUpdate:modelValue": l(I)
+              "onUpdate:modelValue": l(O)
             }, null, 8, ["model-value", "label", "placeholder", "onUpdate:modelValue"]),
             r(_, {
               label: l(n)("report.section.datasource.fontSize"),
@@ -2351,28 +2363,28 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
               })
             }, null, 8, ["label", "model-value"])
           ], 512), [
-            [ie, F.value]
+            [se, w.value]
           ])
         ], 512), [
-          [ie, p.model.showY ?? !0]
+          [se, p.model.showY ?? !0]
         ])
       ]);
     };
   }
-}), Vo = { class: "flex flex-col gap-8" }, wo = { class: "pl-32 flex flex-col gap-8" }, Fo = /* @__PURE__ */ q({
+}), Vo = { class: "flex flex-col gap-8" }, Fo = { class: "pl-32 flex flex-col gap-8" }, wo = /* @__PURE__ */ W({
   __name: "LegendSection",
   props: {
     model: {},
     isCircularWidget: { type: Boolean }
   },
   emits: ["update:model"],
-  setup(V, { emit: d }) {
-    const t = V, s = d, { t: n } = J(), v = [
+  setup(F, { emit: d }) {
+    const t = F, s = d, { t: n } = J(), v = [
       { 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" }
-    ], g = $({
+    ], f = $({
       get: () => t.model.showLegend !== void 0 ? t.model.showLegend : t.isCircularWidget === !0,
       set: (o) => {
         s("update:model", { ...t.model, showLegend: o });
@@ -2394,67 +2406,67 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
       }
     });
     return (o, u) => {
-      const F = w("FmCheckbox"), C = w("FmSelect"), I = w("FmStepperField");
-      return f(), z("div", Vo, [
-        r(F, {
-          modelValue: g.value,
-          "onUpdate:modelValue": u[0] || (u[0] = (p) => g.value = p),
+      const w = V("FmCheckbox"), C = V("FmSelect"), O = V("FmStepperField");
+      return b(), R("div", Vo, [
+        r(w, {
+          modelValue: f.value,
+          "onUpdate:modelValue": u[0] || (u[0] = (p) => f.value = p),
           class: "fm-typo-en-body-lg-400",
           value: !1,
           label: l(n)("report.section.datasource.legend.showLegend")
         }, null, 8, ["modelValue", "label"]),
-        ne(h("div", wo, [
+        ie(h("div", Fo, [
           r(C, {
             label: l(n)("report.section.datasource.position.showPosition"),
             items: v,
             "model-value": o.model.legendPosition ?? "top",
             "onUpdate:modelValue": u[1] || (u[1] = (p) => s("update:model", { ...o.model, legendPosition: p }))
           }, null, 8, ["label", "model-value"]),
-          r(F, {
+          r(w, {
             modelValue: m.value,
             "onUpdate:modelValue": u[2] || (u[2] = (p) => m.value = p),
             label: l(n)("report.section.datasource.legend.usePointStyle"),
             value: !1
           }, null, 8, ["modelValue", "label"]),
-          o.model.legendPosition === "top" || o.model.legendPosition === "bottom" || !o.model.legendPosition ? (f(), D(I, {
+          o.model.legendPosition === "top" || o.model.legendPosition === "bottom" || !o.model.legendPosition ? (b(), D(O, {
             key: 0,
             label: l(n)("report.section.datasource.legend.maxHeight"),
             "model-value": y.value,
             "onUpdate:modelValue": u[3] || (u[3] = (p) => s("update:model", { ...o.model, legendMaxHeight: p }))
           }, null, 8, ["label", "model-value"])) : U("", !0),
-          o.model.legendPosition === "left" || o.model.legendPosition === "right" ? (f(), D(I, {
+          o.model.legendPosition === "left" || o.model.legendPosition === "right" ? (b(), D(O, {
             key: 1,
             label: l(n)("report.section.datasource.legend.maxWidth"),
             "model-value": c.value,
             "onUpdate:modelValue": u[4] || (u[4] = (p) => s("update:model", { ...o.model, legendMaxWidth: p }))
           }, null, 8, ["label", "model-value"])) : U("", !0)
         ], 512), [
-          [ie, g.value]
+          [se, f.value]
         ])
       ]);
     };
   }
-}), xo = { class: "flex flex-row gap-16" }, Co = /* @__PURE__ */ q({
+}), xo = { class: "flex flex-row gap-16" }, Co = /* @__PURE__ */ W({
   __name: "ChartSizeSection",
   props: {
     model: {}
   },
   emits: ["update:model"],
-  setup(V, { emit: d }) {
-    const t = V, s = d, { t: n } = J(), v = $({
+  setup(F, { emit: d }) {
+    const t = F, s = d, { t: n } = J(), v = $({
       get: () => t.model.chartHeight ?? null,
       set: (m) => {
         s("update:model", { ...t.model, chartHeight: m ?? void 0 });
       }
-    }), g = $({
+    }), f = $({
       get: () => t.model.chartWidth ?? null,
       set: (m) => {
         s("update:model", { ...t.model, chartWidth: m ?? void 0 });
       }
     });
     return (m, y) => {
-      const c = w("FmStepperField");
-      return f(), z("div", xo, [
+      const c = V("FmStepperField");
+      return b(), R("div", xo, [
         r(c, {
           modelValue: v.value,
           "onUpdate:modelValue": y[0] || (y[0] = (o) => v.value = o),
@@ -2465,8 +2477,8 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
           placeholder: "Auto"
         }, null, 8, ["modelValue", "label"]),
         r(c, {
-          modelValue: g.value,
-          "onUpdate:modelValue": y[1] || (y[1] = (o) => g.value = o),
+          modelValue: f.value,
+          "onUpdate:modelValue": y[1] || (y[1] = (o) => f.value = o),
           type: "number",
           label: l(n)("report.section.datasource.chartWidth"),
           suffix: "px",
@@ -2476,9 +2488,9 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
       ]);
     };
   }
-}), ko = { class: "flex flex-col gap-16" }, _o = { class: "flex flex-col gap-8" }, So = { class: "fm-typo-en-body-lg-600" }, To = { class: "flex flex-col gap-8" }, $o = /* @__PURE__ */ q({
+}), ko = { class: "flex flex-col gap-16" }, _o = { class: "flex flex-col gap-8" }, So = { class: "fm-typo-en-body-lg-600" }, To = { class: "flex flex-col gap-8" }, $o = /* @__PURE__ */ W({
   __name: "StyleDatasource",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ K({
     label: {
       type: String,
       default: "Label"
@@ -2505,50 +2517,50 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ G(["click-close"], ["update:modelValue"]),
-  setup(V, { emit: d }) {
-    const t = ee(V, "modelValue");
-    ue(
+  emits: /* @__PURE__ */ K(["click-close"], ["update:modelValue"]),
+  setup(F, { emit: d }) {
+    const t = le(F, "modelValue");
+    re(
       [() => t.value.dimensions, () => t.value.metrics],
       () => {
-        const { rowIds: y, columnIds: c } = ye(t.value);
+        const { rowIds: y, columnIds: c } = he(t.value);
         t.value.rowIds = y, t.value.columnIds = c;
       },
       { deep: !0 }
     );
-    const s = V, n = d, { t: v, te: g } = J(), m = $(() => s.config.type === R.Circular);
+    const s = F, n = d, { t: v, te: f } = J(), m = $(() => s.config.type === z.Circular);
     return (y, c) => {
-      const o = w("FmButton");
-      return f(), z(Z, null, [
+      const o = V("FmButton");
+      return b(), R(te, null, [
         c[5] || (c[5] = h("div", { class: "grow" }, null, -1)),
-        s.closeable ? (f(), D(o, {
+        s.closeable ? (b(), D(o, {
           key: 0,
           icon: "close",
           variant: "tertiary",
           size: "md",
-          onClick: c[0] || (c[0] = te((u) => n("click-close"), ["stop"]))
+          onClick: c[0] || (c[0] = ae((u) => n("click-close"), ["stop"]))
         })) : U("", !0),
         h("div", ko, [
-          s.config.hasChart ? (f(), D(Co, {
+          s.config.hasChart ? (b(), D(Co, {
             key: 0,
             model: t.value,
             "onUpdate:model": c[1] || (c[1] = (u) => t.value = u)
           }, null, 8, ["model"])) : U("", !0),
           h("div", _o, [
-            h("p", So, j(l(v)("report.section.style.configuration")), 1),
+            h("p", So, L(l(v)("report.section.style.configuration")), 1),
             h("div", To, [
-              s.config.hasLabel ? (f(), D(mo, {
+              s.config.hasLabel ? (b(), D(mo, {
                 key: 0,
                 model: t.value,
                 "onUpdate:model": c[2] || (c[2] = (u) => t.value = u)
               }, null, 8, ["model"])) : U("", !0),
-              s.config.hasLegend ? (f(), D(Fo, {
+              s.config.hasLegend ? (b(), D(wo, {
                 key: 1,
                 model: t.value,
                 "is-circular-widget": m.value,
                 "onUpdate:model": c[3] || (c[3] = (u) => t.value = u)
               }, null, 8, ["model", "is-circular-widget"])) : U("", !0),
-              s.config.hasXy ? (f(), D(ho, {
+              s.config.hasXy ? (b(), D(ho, {
                 key: 2,
                 model: t.value,
                 "onUpdate:model": c[4] || (c[4] = (u) => t.value = u)
@@ -2559,7 +2571,7 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
       ], 64);
     };
   }
-}), Do = { class: "fixed bottom-6 right-6" }, Uo = { class: "flex items-center gap-8" }, No = { class: "fm-typo-en-title-sm-600" }, Oo = /* @__PURE__ */ q({
+}), Do = { class: "fixed bottom-6 right-6" }, Uo = { class: "flex items-center gap-8" }, No = { class: "fm-typo-en-title-sm-600" }, Oo = /* @__PURE__ */ W({
   __name: "StyleEditorTab",
   props: {
     modelValue: {
@@ -2568,20 +2580,20 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(V) {
-    const { t: d } = J(), t = ee(V, "modelValue"), s = $(
-      () => he.find((v) => v.type === t.value.widget.type)
-    ), n = H(!1);
-    return (v, g) => {
-      const m = w("FmCircularProgress"), y = w("FmButton"), c = w("FmSideSheet");
-      return f(), D(c, {
+  setup(F) {
+    const { t: d } = J(), t = le(F, "modelValue"), s = $(
+      () => Fe.find((v) => v.type === t.value.widget.type)
+    ), n = E(!1);
+    return (v, f) => {
+      const m = V("FmCircularProgress"), y = V("FmButton"), c = V("FmSideSheet");
+      return b(), D(c, {
         modelValue: n.value,
-        "onUpdate:modelValue": g[2] || (g[2] = (o) => n.value = o),
+        "onUpdate:modelValue": f[2] || (f[2] = (o) => n.value = o),
         "close-button": !1,
         "no-overlay": "",
         "dismiss-away": !0
       }, {
-        "side-sheet-button": O(() => [
+        "side-sheet-button": N(() => [
           h("div", Do, [
             r(y, {
               label: l(d)("report.section.style.button"),
@@ -2591,22 +2603,22 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
             }, null, 8, ["label"])
           ])
         ]),
-        "side-sheet-header": O(() => [
+        "side-sheet-header": N(() => [
           h("div", Uo, [
             r(y, {
               "prepend-icon": "arrow_back",
               variant: "tertiary",
               class: "fm-icon--rounded fm-icon--md text-fm-color-black",
-              onClick: g[0] || (g[0] = (o) => n.value = !1)
+              onClick: f[0] || (f[0] = (o) => n.value = !1)
             }),
-            h("p", No, j(l(d)("report.section.style.title")), 1)
+            h("p", No, L(l(d)("report.section.style.title")), 1)
           ])
         ]),
-        default: O(() => [
-          t.value ? U("", !0) : (f(), D(m, { key: 0 })),
+        default: N(() => [
+          t.value ? U("", !0) : (b(), D(m, { key: 0 })),
           r($o, {
             modelValue: t.value.widget.config,
-            "onUpdate:modelValue": g[1] || (g[1] = (o) => t.value.widget.config = o),
+            "onUpdate:modelValue": f[1] || (f[1] = (o) => t.value.widget.config = o),
             config: s.value
           }, null, 8, ["modelValue", "config"])
         ]),
@@ -2617,9 +2629,9 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
 }), Io = { class: "bg-fm-color-neutral-white flex flex-col h-full w-[510px]" }, Lo = { class: "flex bg-fm-color-neutral-white w-[88px]" }, Bo = { class: "w-full overflow-y-auto" }, jo = {
   class: "grid grid-cols-12 w-full p-24",
   style: { backgroundColor: "#F6F8FC" }
-}, zo = /* @__PURE__ */ q({
+}, zo = /* @__PURE__ */ W({
   __name: "TileEditorDesktop",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ K({
     hideConfiguration: { type: Boolean, required: !0, default: !1 },
     index: { type: Number, required: !0, default: 0 }
   }, {
@@ -2628,41 +2640,41 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ G(["hideConfiguration"], ["update:modelValue"]),
-  setup(V, { emit: d }) {
-    const t = ee(V, "modelValue"), s = V, n = $(
-      () => he.find((y) => {
+  emits: /* @__PURE__ */ K(["hideConfiguration"], ["update:modelValue"]),
+  setup(F, { emit: d }) {
+    const t = le(F, "modelValue"), s = F, n = $(
+      () => Fe.find((y) => {
         var c;
         return y.type === ((c = t.value) == null ? void 0 : c.widget.type);
       })
-    ), v = d, g = [
-      R.BarChart,
-      R.StackBarChart,
-      R.LineChart,
-      R.StackLineChart,
-      R.Circular
-    ], m = $(() => g.includes(t.value.widget.type));
+    ), v = d, f = [
+      z.BarChart,
+      z.StackBarChart,
+      z.LineChart,
+      z.StackLineChart,
+      z.Circular
+    ], m = $(() => f.includes(t.value.widget.type));
     return (y, c) => {
-      const o = w("FmCircularProgress"), u = w("FmButton");
-      return f(), z("div", null, [
-        t.value ? (f(), z(Z, { key: 1 }, [
+      const o = V("FmCircularProgress"), u = V("FmButton");
+      return b(), R("div", null, [
+        t.value ? (b(), R(te, { key: 1 }, [
           r(Ze, {
-            "model-value": !V.hideConfiguration
+            "model-value": !F.hideConfiguration
           }, {
-            right: O(() => [
+            right: N(() => [
               h("div", Io, [
                 r(Ae, {
                   modelValue: t.value,
-                  "onUpdate:modelValue": c[0] || (c[0] = (F) => t.value = F),
+                  "onUpdate:modelValue": c[0] || (c[0] = (w) => t.value = w),
                   config: n.value,
-                  "hide-configuration": V.hideConfiguration,
-                  onHideConfiguration: c[1] || (c[1] = (F) => {
-                    v("hideConfiguration", F);
+                  "hide-configuration": F.hideConfiguration,
+                  onHideConfiguration: c[1] || (c[1] = (w) => {
+                    v("hideConfiguration", w);
                   })
                 }, null, 8, ["modelValue", "config", "hide-configuration"])
               ])
             ]),
-            left: O(() => [
+            left: N(() => [
               h("div", Lo, [
                 r(u, {
                   variant: "secondary",
@@ -2671,7 +2683,7 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
                   "text-color": l(De).ColorPrimary,
                   class: "m-24 my-16",
                   size: "md",
-                  onClick: c[2] || (c[2] = (F) => v("hideConfiguration", !s.hideConfiguration))
+                  onClick: c[2] || (c[2] = (w) => v("hideConfiguration", !s.hideConfiguration))
                 }, null, 8, ["border-color", "text-color"])
               ])
             ]),
@@ -2679,33 +2691,33 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
           }, 8, ["model-value"]),
           h("div", Bo, [
             h("div", jo, [
-              t.value ? (f(), D(Me, {
+              t.value ? (b(), D(Me, {
                 key: 0,
                 "model-value": t.value,
                 index: s.index,
                 "hide-export": !0
-              }, null, 8, ["model-value", "index"])) : (f(), D(Pe, { key: 1 }))
+              }, null, 8, ["model-value", "index"])) : (b(), D(Pe, { key: 1 }))
             ])
           ]),
-          m.value ? (f(), D(Oo, {
+          m.value ? (b(), D(Oo, {
             key: 0,
             modelValue: t.value,
-            "onUpdate:modelValue": c[3] || (c[3] = (F) => t.value = F),
-            "hide-configuration": V.hideConfiguration,
-            onHideConfiguration: c[4] || (c[4] = (F) => {
-              v("hideConfiguration", F);
+            "onUpdate:modelValue": c[3] || (c[3] = (w) => t.value = w),
+            "hide-configuration": F.hideConfiguration,
+            onHideConfiguration: c[4] || (c[4] = (w) => {
+              v("hideConfiguration", w);
             })
           }, null, 8, ["modelValue", "hide-configuration"])) : U("", !0)
-        ], 64)) : (f(), D(o, { key: 0 }))
+        ], 64)) : (b(), D(o, { key: 0 }))
       ]);
     };
   }
 }), Ro = {
   key: 0,
   class: "flex w-full justify-center items-center"
-}, Mo = { class: "w-full grid grid-cols-12 pb-28 pt-5 px-5 h-full" }, Po = /* @__PURE__ */ q({
+}, Mo = { class: "w-full grid grid-cols-12 pb-28 pt-5 px-5 h-full" }, Po = /* @__PURE__ */ W({
   __name: "TileEditorMobile",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ K({
     hideConfiguration: { type: Boolean, required: !0, default: !1 },
     index: { type: Number, required: !0, default: 0 }
   }, {
@@ -2714,36 +2726,36 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ G(["hideConfiguration"], ["update:modelValue"]),
-  setup(V, { emit: d }) {
-    const t = ee(V, "modelValue"), s = V, n = $(
-      () => he.find((g) => {
+  emits: /* @__PURE__ */ K(["hideConfiguration"], ["update:modelValue"]),
+  setup(F, { emit: d }) {
+    const t = le(F, "modelValue"), s = F, n = $(
+      () => Fe.find((f) => {
         var m;
-        return g.type === ((m = t.value) == null ? void 0 : m.widget.type);
+        return f.type === ((m = t.value) == null ? void 0 : m.widget.type);
       })
     ), v = d;
-    return (g, m) => {
-      const y = w("FmCircularProgress");
-      return f(), z("div", null, [
-        t.value ? (f(), z(Z, { key: 1 }, [
+    return (f, m) => {
+      const y = V("FmCircularProgress");
+      return b(), R("div", null, [
+        t.value ? (b(), R(te, { key: 1 }, [
           h("div", Mo, [
-            t.value ? (f(), D(Me, {
+            t.value ? (b(), D(Me, {
               key: 0,
               "model-value": t.value,
               index: s.index,
               "hide-export": !0
-            }, null, 8, ["model-value", "index"])) : (f(), D(Pe, { key: 1 }))
+            }, null, 8, ["model-value", "index"])) : (b(), D(Pe, { key: 1 }))
           ]),
           r(Ae, {
             modelValue: t.value,
             "onUpdate:modelValue": m[0] || (m[0] = (c) => t.value = c),
             config: n.value,
-            "hide-configuration": V.hideConfiguration,
+            "hide-configuration": F.hideConfiguration,
             onHideConfiguration: m[1] || (m[1] = (c) => {
               v("hideConfiguration", c);
             })
           }, null, 8, ["modelValue", "config", "hide-configuration"])
-        ], 64)) : (f(), z("div", Ro, [
+        ], 64)) : (b(), R("div", Ro, [
           r(y)
         ]))
       ]);
@@ -2755,17 +2767,17 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
 }, Xo = {
   key: 0,
   class: "flex items-start justify-start px-24 py-12 flex-wrap w-full"
-}, tt = /* @__PURE__ */ q({
+}, tt = /* @__PURE__ */ W({
   __name: "TileEditor",
-  setup(V) {
-    const { rowHeight: d, colWidths: t } = re(ge()), s = Ee(), n = Ye(), v = tl(), { globalFilters: g } = re(ze()), { currentSelectWidgetType: m, editingReport: y, editingTile: c, editingTileIndex: o } = re(v), { breakpoints: u } = Re(), { promptMessage: F } = je(), { t: C } = J(), I = H(!1);
+  setup(F) {
+    const { rowHeight: d, colWidths: t } = de(be()), s = Ee(), n = Ye(), v = tl(), { globalFilters: f } = de(ze()), { currentSelectWidgetType: m, editingReport: y, editingTile: c, editingTileIndex: o } = de(v), { breakpoints: u } = Re(), { promptMessage: w } = je(), { t: C } = J(), O = E(!1);
     function p() {
       m.value = void 0, c.value = void 0, o.value = -1, n.back();
     }
     async function k() {
       var a;
       if (!y.value) return;
-      await F({
+      await w({
         title: C("report.tile.save.title"),
         message: C("report.tile.save.confirm", { title: (a = c.value) == null ? void 0 : a.widget.title })
       }) && c.value && (c.value.widget.config = {
@@ -2777,17 +2789,17 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
     async function x() {
       var a;
       if (!y.value) return;
-      await F({
+      await w({
         title: C("report.tile.cancel.title"),
         message: C("report.tile.cancel.confirm", { title: (a = c.value) == null ? void 0 : a.widget.title })
       }) && p();
     }
-    return ke(() => {
+    return Se(() => {
       y.value || n.push({ name: "reports" });
     }), (_, a) => {
-      const e = w("FmPageHead");
-      return f(), D(el, null, {
-        default: O(() => [
+      const e = V("FmPageHead");
+      return b(), D(el, null, {
+        default: N(() => [
           r(e, {
             actions: [
               { label: l(C)("report.common.cancel"), value: "cancel", isPrimary: !1 },
@@ -2797,29 +2809,29 @@ const hl = { class: "flex flex-col my-2 gap-8" }, Vl = { class: "fm-typo-en-body
               i === "cancel" && x(), i === "save" && k();
             })
           }, {
-            title: O(() => {
+            title: N(() => {
               var i;
               return [
-                l(u).lg || l(u).md ? (f(), z("p", Ao, j(l(al)(((i = l(c)) == null ? void 0 : i.widget.type) ?? "New report")), 1)) : U("", !0)
+                l(u).lg || l(u).md ? (b(), R("p", Ao, L(l(al)(((i = l(c)) == null ? void 0 : i.widget.type) ?? "New report")), 1)) : U("", !0)
               ];
             }),
             _: 1
           }, 8, ["actions"]),
-          l(c) && (l(g) || []).some((i) => {
+          l(c) && (l(f) || []).some((i) => {
             const T = i.tileIds, S = l(c) && l(c).id;
             return Array.isArray(T) && typeof S == "string" && T.includes(S);
-          }) ? (f(), z("div", Xo, [
+          }) ? (b(), R("div", Xo, [
             r(il)
           ])) : U("", !0),
-          l(c) ? (f(), D(Ie(l(u).lg || l(u).md ? zo : Po), {
+          l(c) ? (b(), D(Ie(l(u).lg || l(u).md ? zo : Po), {
             key: 1,
             modelValue: l(c),
             "onUpdate:modelValue": a[1] || (a[1] = (i) => He(c) ? c.value = i : null),
             class: Le(`${l(u).lg || l(u).md ? "flex" : ""} w-full`),
             style: We({ height: `calc( 100% - ${l(u).lg || l(u).md ? 72 : 64}px)` }),
-            "hide-configuration": I.value,
+            "hide-configuration": O.value,
             index: Number(l(s).params.tileIndex),
-            onHideConfiguration: a[2] || (a[2] = (i) => I.value = i)
+            onHideConfiguration: a[2] || (a[2] = (i) => O.value = i)
           }, null, 40, ["modelValue", "class", "style", "hide-configuration", "index"])) : U("", !0)
         ]),
         _: 1