npm - @feedmepos/mf-report - Versions diffs - 5.25.7-beta.0 → 5.25.8-beta.0 - Mend

@feedmepos/mf-report 5.25.7-beta.0 → 5.25.8-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (28) hide show

package/dist/{TileEditor-BjfFS0tl.js → TileEditor-Bq7g2E1s.js} RENAMED Viewed

@@ -1,16 +1,16 @@
 import { defineComponent as ie, mergeModels as pe, useModel as fe, computed as T, ref as oe, resolveComponent as $, createElementBlock as H, openBlock as f, createVNode as u, createElementVNode as C, unref as l, withCtx as G, toDisplayString as Q, Fragment as ue, renderList as xe, withModifiers as ye, createTextVNode as Le, watch as he, createCommentVNode as O, createBlock as N, onUnmounted as Nl, renderSlot as dl, onMounted as Ke, onBeforeUnmount as ml, resolveDynamicComponent as cl, normalizeClass as ke, withDirectives as Ce, vShow as we, withKeys as ol, vModelText as jl, normalizeStyle as He, isRef as zl } from "vue";
 import { useRoute as Rl, useRouter as Il } from "vue-router";
-import { h as Pl, d as Ie, S as Ye, a as El, W as Xl, c as Wl, T as ql, b as Hl } from "./TransitionFade-D2O_Adv6.js";
-import { W as K, a as pl, e as Ae, D as Yl, S as tl, C as Gl, u as vl, P as al, d as Jl, b as Kl } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-BgRqSRmF.js";
-import { storeToRefs as Se } from "pinia";
+import { h as Pl, d as Ie, S as Ye, a as El, W as Xl, c as Wl, T as ql, b as Hl } from "./TransitionFade-DaOt5oN7.js";
+import { W as K, a as pl, e as Ae, D as Yl, S as tl, C as Gl, u as vl, P as al, d as Jl, b as Kl } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-DtqKlOMY.js";
+import { storeToRefs as _e } from "pinia";
 import { u as fl } from "./message-dialog-UoMWOnil.js";
 import { useSnackbar as Ql, useBreakpoints as gl, FmButtonColorThemeVariant as nl } from "@feedmepos/ui-library";
-import { b as ve, a as yl, _ as bl } from "./SelectComponent.vue_vue_type_script_setup_true_lang-Af_Z54a4.js";
+import { a as ve, b as yl, _ as bl } from "./SelectComponent.vue_vue_type_script_setup_true_lang-BL1jpiXN.js";
 import { u as me } from "./vue-i18n-DVWuTfed.js";
 import { r as de } from "./i18n-CI_sQ5d_.js";
-import { g as _e, u as je, R as il, L as Fe, a as Ne, S as ae, d as ce, b as We, c as sl, e as Zl, Y as eo, X as lo, _ as hl } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-DJ6rvvHv.js";
-import { a as De, d as ze } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-DNA5N91t.js";
-import { a as oo, d as Oe } from "./app-CuihnbMq.js";
+import { g as Se, u as je, R as il, L as Fe, a as Ne, S as ae, d as ce, b as We, c as sl, e as Zl, Y as eo, X as lo, _ as hl } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-DVUsMsQ_.js";
+import { a as De, d as ze } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-Pi8dxsZB.js";
+import { a as oo, d as Oe } from "./app-CMuJ9xn3.js";
 const Pe = [
   {
     type: K.Circular,
@@ -182,7 +182,7 @@ const Pe = [
   }),
   emits: ["update:modelValue"],
   setup(D) {
-    const { t: m, te: e } = me(), s = fe(D, "modelValue"), t = D, { schemas: w } = Se(pl()), x = T(
+    const { t: m, te: e } = me(), s = fe(D, "modelValue"), t = D, { schemas: w } = _e(pl()), x = T(
       () => w.value.map((h) => ({
         label: h.label,
         value: h.name,
@@ -192,8 +192,8 @@ const Pe = [
       if (s.value.schemaNames.length === 0 || o.value === 0)
         return x.value.filter((h) => !h.raw.isJoinOnly);
       {
-        const h = s.value.schemaNames[0], F = w.value.find((k) => k.name === h), z = ((F == null ? void 0 : F.joins) || []).map((k) => k);
-        return x.value.filter((k) => z.includes(k.raw.name));
+        const h = s.value.schemaNames[0], F = w.value.find((S) => S.name === h), z = ((F == null ? void 0 : F.joins) || []).map((S) => S);
+        return x.value.filter((S) => z.includes(S.raw.name));
       }
     }), B = oe(!1), U = oe(""), o = oe(), r = Ql();
     function v(h) {
@@ -208,11 +208,11 @@ const Pe = [
     function b(h) {
       o.value = h, B.value = !0, h !== void 0 ? U.value = s.value.schemaNames[h] : U.value = "";
     }
-    function L() {
+    function A() {
       U.value !== "" ? (o.value !== void 0 ? s.value.schemaNames[o.value] = U.value : s.value.schemaNames.push(U.value), B.value = !1) : r.open({ message: m("report.section.schema.nothingSelected"), type: "error" });
     }
     return (h, F) => {
-      const z = $("FmForm"), k = $("FmIcon"), d = $("FmField");
+      const z = $("FmForm"), S = $("FmIcon"), d = $("FmField");
       return f(), H("div", to, [
         u(Ae, {
           modelValue: B.value,
@@ -220,7 +220,7 @@ const Pe = [
           title: t.label,
           "primary-button-label": l(m)("report.common.confirm"),
           "secondary-button-label": l(m)("report.common.cancel"),
-          onConfirm: L
+          onConfirm: A
         }, {
           content: G(() => [
             u(z, { ref: "form" }, {
@@ -257,7 +257,7 @@ const Pe = [
           }, [
             C("p", so, Q(v(a)), 1),
             F[3] || (F[3] = C("div", { class: "grow" }, null, -1)),
-            u(k, {
+            u(S, {
               name: "close",
               onClick: ye(
                 () => {
@@ -319,21 +319,21 @@ const Pe = [
   emits: ["update:modelValue"],
   setup(D) {
     const { t: m, te: e } = me(), s = fe(D, "modelValue"), t = D, w = T(() => m(`report.section.dimension.${t.label}`)), x = oe(!1), p = T(
-      () => s.value.map((c, S) => ({
-        index: S,
+      () => s.value.map((c, k) => ({
+        index: k,
         labels: [c.label || c.name],
         value: c
       }))
     ), B = oe(s.value.length > 0 ? 0 : void 0);
     function U(c) {
-      var S, i, n, A;
+      var k, i, n, L;
       x.value = !0, o.value = c != null && c.value ? JSON.parse(
         JSON.stringify({
           ...c.value,
-          label: de(m, e, (S = c.value) == null ? void 0 : S.label, "other"),
-          moveToColumn: (((i = t.config) == null ? void 0 : i.columnIds) || []).includes(_e(c.value))
+          label: de(m, e, (k = c.value) == null ? void 0 : k.label, "other"),
+          moveToColumn: (((i = t.config) == null ? void 0 : i.columnIds) || []).includes(Se(c.value))
         })
-      ) : void 0, B.value = c == null ? void 0 : c.index, r.value = !!((n = o.value) != null && n.dataFormula || (A = o.value) != null && A.displayFormula), o.value && o.value.formatter === void 0 && (t.options.find(
+      ) : void 0, B.value = c == null ? void 0 : c.index, r.value = !!((n = o.value) != null && n.dataFormula || (L = o.value) != null && L.displayFormula), o.value && o.value.formatter === void 0 && (t.options.find(
         (E) => {
           var J, te;
           return E.schemaName === ((J = o.value) == null ? void 0 : J.schemaName) && E.name === ((te = o.value) == null ? void 0 : te.name);
@@ -343,8 +343,8 @@ const Pe = [
     const o = oe(void 0), r = oe(!1), v = T(
       () => t.options.find(
         (c) => {
-          var S, i;
-          return c.schemaName === ((S = o.value) == null ? void 0 : S.schemaName) && c.name === ((i = o.value) == null ? void 0 : i.name);
+          var k, i;
+          return c.schemaName === ((k = o.value) == null ? void 0 : k.schemaName) && c.name === ((i = o.value) == null ? void 0 : i.name);
         }
       ) ?? {}
     );
@@ -359,13 +359,13 @@ const Pe = [
     );
     const b = T(
       () => {
-        var c, S, i;
-        return (i = (c = v.value) == null ? void 0 : c.fillGapDimensionOptions) == null ? void 0 : i.includes(((S = o.value) == null ? void 0 : S.option) || "");
+        var c, k, i;
+        return (i = (c = v.value) == null ? void 0 : c.fillGapDimensionOptions) == null ? void 0 : i.includes(((k = o.value) == null ? void 0 : k.option) || "");
       }
     );
-    function L(c) {
-      var S, i;
-      (c.schemaName !== ((S = o.value) == null ? void 0 : S.schemaName) || c.name !== ((i = o.value) == null ? void 0 : i.name)) && (o.value = {
+    function A(c) {
+      var k, i;
+      (c.schemaName !== ((k = o.value) == null ? void 0 : k.schemaName) || c.name !== ((i = o.value) == null ? void 0 : i.name)) && (o.value = {
         schemaName: c.schemaName,
         name: c.name,
         option: c.dimensionOptions[0],
@@ -379,23 +379,23 @@ const Pe = [
         console.error("new field is undefined");
         return;
       }
-      const c = [...p.value.map((S) => S.value)];
+      const c = [...p.value.map((k) => k.value)];
       r.value || (o.value.dataFormula = void 0, o.value.displayFormula = void 0), B.value !== void 0 ? c[B.value] = o.value : c.push(o.value), s.value = c, x.value = !1;
     }
     function F(c) {
-      const i = [...p.value.map((n) => n.value)].filter((n, A) => A !== c);
+      const i = [...p.value.map((n) => n.value)].filter((n, L) => L !== c);
       s.value = i;
     }
     function z(c) {
       o.value && (o.value.decimal = Number(c));
     }
-    function k(c) {
-      const S = `report.section.filter.${De(c)}`;
-      return e(S) ? m(S) : de(m, e, c, "field");
+    function S(c) {
+      const k = `report.section.filter.${De(c)}`;
+      return e(k) ? m(k) : de(m, e, c, "field");
     }
     function d(c) {
-      const S = `report.section.metric.formatterType.${c}`;
-      return e(S) ? m(S) : c;
+      const k = `report.section.metric.formatterType.${c}`;
+      return e(k) ? m(k) : c;
     }
     function a(c) {
       return Array.isArray(c) ? c.length > 0 : c;
@@ -406,12 +406,12 @@ const Pe = [
         value: c
       }))
     );
-    return (c, S) => {
-      const i = $("FmTextField"), n = $("FmStepperField"), A = $("FmCheckbox"), E = $("FmTextarea"), J = $("FmForm"), te = $("FmIcon"), M = $("FmButton"), ge = $("FmListItem"), X = $("FmList"), j = $("FmField");
+    return (c, k) => {
+      const i = $("FmTextField"), n = $("FmStepperField"), L = $("FmCheckbox"), E = $("FmTextarea"), J = $("FmForm"), te = $("FmIcon"), M = $("FmButton"), ge = $("FmListItem"), X = $("FmList"), j = $("FmField");
       return D.max !== 0 ? (f(), H("div", uo, [
         u(Ae, {
           modelValue: x.value,
-          "onUpdate:modelValue": S[12] || (S[12] = (Y) => x.value = Y),
+          "onUpdate:modelValue": k[12] || (k[12] = (Y) => x.value = Y),
           title: w.value,
           "primary-button-label": l(m)("report.common.confirm"),
           "secondary-button-label": l(m)("report.common.cancel"),
@@ -430,20 +430,20 @@ const Pe = [
                     items: g.value,
                     placeholder: w.value,
                     label: w.value,
-                    "onUpdate:modelValue": S[0] || (S[0] = (ne) => L(ne))
+                    "onUpdate:modelValue": k[0] || (k[0] = (ne) => A(ne))
                   }, null, 8, ["model-value", "items", "placeholder", "label"]),
                   o.value ? (f(), H(ue, { key: 0 }, [
                     u(i, {
                       modelValue: o.value.label,
-                      "onUpdate:modelValue": S[1] || (S[1] = (ne) => o.value.label = ne),
+                      "onUpdate:modelValue": k[1] || (k[1] = (ne) => o.value.label = ne),
                       label: l(m)("report.section.dimension.label")
                     }, null, 8, ["modelValue", "label"]),
                     (((Y = v.value) == null ? void 0 : Y.dimensionOptions) || []).length > 0 ? (f(), N(ve, {
                       key: 0,
                       modelValue: o.value.option,
-                      "onUpdate:modelValue": S[2] || (S[2] = (ne) => o.value.option = ne),
+                      "onUpdate:modelValue": k[2] || (k[2] = (ne) => o.value.option = ne),
                       items: ((ee = v.value) == null ? void 0 : ee.dimensionOptions.map((ne) => ({
-                        label: k(ne),
+                        label: S(ne),
                         value: ne
                       }))) ?? []
                     }, null, 8, ["modelValue", "items"])) : O("", !0),
@@ -451,14 +451,14 @@ const Pe = [
                       key: 1,
                       label: l(m)("report.common.decimal"),
                       "model-value": ((se = o.value) == null ? void 0 : se.decimal) ?? 2,
-                      "onUpdate:modelValue": S[3] || (S[3] = (ne) => {
+                      "onUpdate:modelValue": k[3] || (k[3] = (ne) => {
                         z(ne);
                       })
                     }, null, 8, ["label", "model-value"])) : O("", !0),
                     (Te = v.value) != null && Te.isNumericType ? (f(), N(ve, {
                       key: 2,
                       modelValue: o.value.formatter,
-                      "onUpdate:modelValue": S[4] || (S[4] = (ne) => o.value.formatter = ne),
+                      "onUpdate:modelValue": k[4] || (k[4] = (ne) => o.value.formatter = ne),
                       placeholder: l(m)("report.section.dimension.formatter"),
                       label: l(m)("report.section.dimension.formatter"),
                       items: [
@@ -469,56 +469,56 @@ const Pe = [
                         }))
                       ]
                     }, null, 8, ["modelValue", "placeholder", "label", "items"])) : O("", !0),
-                    b.value ? (f(), N(A, {
+                    b.value ? (f(), N(L, {
                       key: 3,
                       "model-value": o.value.fillGap ?? !1,
                       label: l(m)("report.section.dimension.fillGap"),
                       value: "",
                       placeholder: "Fill gap",
-                      "onUpdate:modelValue": S[5] || (S[5] = (ne) => {
+                      "onUpdate:modelValue": k[5] || (k[5] = (ne) => {
                         o.value && (o.value.fillGap = a(ne));
                       })
                     }, null, 8, ["model-value", "label"])) : O("", !0),
-                    ((Me = v.value) == null ? void 0 : Me.type) === l(Yl).Timestamp ? (f(), N(A, {
+                    ((Me = v.value) == null ? void 0 : Me.type) === l(Yl).Timestamp ? (f(), N(L, {
                       key: 4,
                       "model-value": o.value.dateComparison ?? !1,
                       label: l(m)("report.section.dimension.dateComparison"),
                       value: "",
-                      "onUpdate:modelValue": S[6] || (S[6] = (ne) => {
+                      "onUpdate:modelValue": k[6] || (k[6] = (ne) => {
                         o.value && (o.value.dateComparison = a(ne));
                       })
                     }, null, 8, ["model-value", "label"])) : O("", !0),
-                    u(A, {
+                    u(L, {
                       modelValue: o.value.hide,
-                      "onUpdate:modelValue": S[7] || (S[7] = (ne) => o.value.hide = ne),
+                      "onUpdate:modelValue": k[7] || (k[7] = (ne) => o.value.hide = ne),
                       label: l(m)("report.section.dimension.hide"),
                       value: ""
                     }, null, 8, ["modelValue", "label"]),
-                    t.hasRowColumn ? (f(), N(A, {
+                    t.hasRowColumn ? (f(), N(L, {
                       key: 5,
                       "model-value": o.value.moveToColumn ?? !1,
                       label: l(m)("report.section.dimension.moveToColumn"),
                       value: "",
-                      "onUpdate:modelValue": S[8] || (S[8] = (ne) => {
+                      "onUpdate:modelValue": k[8] || (k[8] = (ne) => {
                         o.value && (o.value.moveToColumn = a(ne));
                       })
                     }, null, 8, ["model-value", "label"])) : O("", !0),
-                    u(A, {
+                    u(L, {
                       modelValue: r.value,
-                      "onUpdate:modelValue": S[9] || (S[9] = (ne) => r.value = ne),
+                      "onUpdate:modelValue": k[9] || (k[9] = (ne) => r.value = ne),
                       label: l(m)("report.section.dimension.advance"),
                       value: !0
                     }, null, 8, ["modelValue", "label"]),
                     r.value ? (f(), N(E, {
                       key: 6,
                       modelValue: o.value.dataFormula,
-                      "onUpdate:modelValue": S[10] || (S[10] = (ne) => o.value.dataFormula = ne),
+                      "onUpdate:modelValue": k[10] || (k[10] = (ne) => o.value.dataFormula = ne),
                       placeholder: l(m)("report.section.dimension.dataFormula")
                     }, null, 8, ["modelValue", "placeholder"])) : O("", !0),
                     r.value ? (f(), N(E, {
                       key: 7,
                       modelValue: o.value.displayFormula,
-                      "onUpdate:modelValue": S[11] || (S[11] = (ne) => o.value.displayFormula = ne),
+                      "onUpdate:modelValue": k[11] || (k[11] = (ne) => o.value.displayFormula = ne),
                       placeholder: l(m)("report.section.dimension.displayFormula")
                     }, null, 8, ["modelValue", "placeholder"])) : O("", !0)
                   ], 64)) : O("", !0)
@@ -537,7 +537,7 @@ const Pe = [
           default: G(() => [
             u(l(Ie), {
               list: s.value,
-              "item-key": (Y) => l(_e)(Y),
+              "item-key": (Y) => l(Se)(Y),
               class: "flex flex-col gap-2"
             }, {
               item: G(({ element: Y, index: ee }) => [
@@ -548,7 +548,7 @@ const Pe = [
                   default: G(() => [
                     u(te, { name: "drag_handle" }),
                     C("p", po, Q(l(de)(l(m), l(e), Y.label, "other")), 1),
-                    S[14] || (S[14] = C("div", { class: "grow" }, null, -1)),
+                    k[14] || (k[14] = C("div", { class: "grow" }, null, -1)),
                     u(M, {
                       icon: "close",
                       size: "md",
@@ -566,7 +566,7 @@ const Pe = [
         }),
         u(j, {
           class: "text-fm-color-typo-tertiary",
-          onClick: S[13] || (S[13] = () => {
+          onClick: k[13] || (k[13] = () => {
             U();
           })
         }, {
@@ -623,7 +623,7 @@ function fo(D) {
   };
 }
 function Re(D) {
-  const m = D.dimensions.filter((x) => x.hide !== !0 && !x.moveToColumn).map((x) => _e(x)), e = D.dimensions.filter((x) => x.hide !== !0 && x.moveToColumn == !0).map((x) => _e(x)), s = D.metrics.length > 0;
+  const m = D.dimensions.filter((x) => x.hide !== !0 && !x.moveToColumn).map((x) => Se(x)), e = D.dimensions.filter((x) => x.hide !== !0 && x.moveToColumn == !0).map((x) => Se(x)), s = D.metrics.length > 0;
   s && D.metrics.find((x) => x.moveToRow == !0) ? m.push(Ge.value) : s && e.push(Ge.value);
   const t = [], w = [];
   for (const x of m)
@@ -679,7 +679,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
       }))
     ), U = oe(t.value.length > 0 ? 0 : void 0);
     function o(a) {
-      var g, c, S;
+      var g, c, k;
       p.value = !0, r.value = a != null && a.value ? JSON.parse(
         JSON.stringify({
           ...a.value,
@@ -687,10 +687,10 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
         })
       ) : void 0, U.value = a == null ? void 0 : a.index, v.value = !!((g = r.value) != null && g.dataFormula || (c = r.value) != null && c.displayFormula), r.value && r.value.formatter === void 0 && (w.options.find(
         (i) => {
-          var n, A;
-          return i.schemaName === ((n = r.value) == null ? void 0 : n.schemaName) && i.name === ((A = r.value) == null ? void 0 : A.name);
+          var n, L;
+          return i.schemaName === ((n = r.value) == null ? void 0 : n.schemaName) && i.name === ((L = r.value) == null ? void 0 : L.name);
         }
-      ), a != null && a.value.timeFormatter && r.value.formatter === void 0 && (r.value.formatter = a == null ? void 0 : a.value.timeFormatter, r.value.timeFormatter = void 0)), ((S = w.config.rowIds) == null ? void 0 : S.findIndex((i) => i === Ge.value)) !== -1 && r.value && (r.value.moveToRow = !0), r.value && (!w.hasXy || r.value.nullable === void 0) && (r.value.nullable = !1);
+      ), a != null && a.value.timeFormatter && r.value.formatter === void 0 && (r.value.formatter = a == null ? void 0 : a.value.timeFormatter, r.value.timeFormatter = void 0)), ((k = w.config.rowIds) == null ? void 0 : k.findIndex((i) => i === Ge.value)) !== -1 && r.value && (r.value.moveToRow = !0), r.value && (!w.hasXy || r.value.nullable === void 0) && (r.value.nullable = !1);
     }
     const r = oe(void 0), v = oe(!1), b = T(
       () => w.options.find(
@@ -700,14 +700,14 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
         }
       ) ?? {}
     );
-    function L(a, g) {
+    function A(a, g) {
       var c;
       return (a == null ? void 0 : a.isNumericType) || ((c = a == null ? void 0 : a.isNumericAggregations) == null ? void 0 : c.includes(g || ""));
     }
     const h = T(
       () => {
         var a;
-        return L(b.value, (a = r.value) == null ? void 0 : a.aggregation);
+        return A(b.value, (a = r.value) == null ? void 0 : a.aggregation);
       }
     );
     he(h, (a) => {
@@ -721,7 +721,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
         aggregation: a.aggregations[0],
         label: de(e, s, a.label, "other"),
         nullable: !1,
-        decimal: L(a, a.aggregations[0]) ? 2 : void 0,
+        decimal: A(a, a.aggregations[0]) ? 2 : void 0,
         moveToRow: !1,
         hide: !1
       }, v.value = !1);
@@ -730,7 +730,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
       const a = [...B.value.map((g) => g.value)];
       r.value && (v.value || (r.value.dataFormula = void 0, r.value.displayFormula = void 0), w.hasXy || (r.value.nullable = !1), U.value !== void 0 ? a[U.value] = r.value : a.push(r.value)), t.value = a, p.value = !1;
     }
-    function k(a) {
+    function S(a) {
       const g = [...B.value.map((c) => c.value)];
       g.splice(a, 1), t.value = g;
     }
@@ -741,7 +741,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
       }))
     );
     return (a, g) => {
-      const c = $("FmTextField"), S = $("FmStepperField"), i = $("FmCheckbox"), n = $("FmTextarea"), A = $("FmForm"), E = $("FmIcon"), J = $("FmButton"), te = $("FmListItem"), M = $("FmList"), ge = $("FmField");
+      const c = $("FmTextField"), k = $("FmStepperField"), i = $("FmCheckbox"), n = $("FmTextarea"), L = $("FmForm"), E = $("FmIcon"), J = $("FmButton"), te = $("FmListItem"), M = $("FmList"), ge = $("FmField");
       return f(), H("div", go, [
         u(Ae, {
           modelValue: p.value,
@@ -750,7 +750,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
           onConfirm: z
         }, {
           content: G(() => [
-            u(A, {
+            u(L, {
               ref: "form",
               class: "flex flex-col gap-2 w-[490px]"
             }, {
@@ -780,7 +780,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
                         value: I
                       }))) ?? []
                     }, null, 8, ["modelValue", "label", "items"])) : O("", !0),
-                    h.value ? (f(), N(S, {
+                    h.value ? (f(), N(k, {
                       key: 1,
                       label: l(e)("report.common.decimal"),
                       "model-value": ((Y = r.value) == null ? void 0 : Y.decimal) ?? 2,
@@ -874,7 +874,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
                       icon: "close",
                       size: "md",
                       variant: "tertiary",
-                      onClick: ye((Y) => k(j), ["stop"])
+                      onClick: ye((Y) => S(j), ["stop"])
                     }, null, 8, ["onClick"])
                   ]),
                   _: 2
@@ -917,69 +917,69 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
   emits: ["update:modelValue"],
   setup(D) {
     const { t: m, te: e } = me(), s = fe(D, "modelValue"), t = D, w = T(() => m(`report.section.sort.${t.label}`)), x = oe(!1), p = T(
-      () => s.value.map((k, d) => {
+      () => s.value.map((S, d) => {
         const a = t.options.find(
-          (c) => c.schemaName === k.schemaName && c.name === k.name
-        ), g = (a == null ? void 0 : a.labels) || [k.schemaName, k.name];
+          (c) => c.schemaName === S.schemaName && c.name === S.name
+        ), g = (a == null ? void 0 : a.labels) || [S.schemaName, S.name];
         return {
           index: d,
           label: g.map((c) => de(m, e, c, "other")).join(" "),
-          value: k
+          value: S
         };
       })
     ), B = oe(s.value.length > 0 ? 0 : void 0);
-    function U(k) {
+    function U(S) {
       var d;
-      x.value = !0, o.value = k != null && k.value ? JSON.parse(JSON.stringify(k.value)) : void 0, B.value = k == null ? void 0 : k.index, r.value = !!((d = o.value) != null && d.dataFormula);
+      x.value = !0, o.value = S != null && S.value ? JSON.parse(JSON.stringify(S.value)) : void 0, B.value = S == null ? void 0 : S.index, r.value = !!((d = o.value) != null && d.dataFormula);
     }
     const o = oe(void 0), r = oe(!1), v = T(
       () => t.options.find(
-        (k) => {
+        (S) => {
           var d, a;
-          return k.schemaName === ((d = o.value) == null ? void 0 : d.schemaName) && k.name === ((a = o.value) == null ? void 0 : a.name);
+          return S.schemaName === ((d = o.value) == null ? void 0 : d.schemaName) && S.name === ((a = o.value) == null ? void 0 : a.name);
         }
       ) ?? {}
     );
-    function b(k) {
+    function b(S) {
       var d, a;
-      (k.schemaName !== ((d = o.value) == null ? void 0 : d.schemaName) || k.name !== ((a = o.value) == null ? void 0 : a.name)) && (o.value = {
-        schemaName: k.schemaName,
-        name: k.name,
-        dimensionOption: k.dimensionOptions[0],
+      (S.schemaName !== ((d = o.value) == null ? void 0 : d.schemaName) || S.name !== ((a = o.value) == null ? void 0 : a.name)) && (o.value = {
+        schemaName: S.schemaName,
+        name: S.name,
+        dimensionOption: S.dimensionOptions[0],
         aggregation: null,
         type: tl.Asc
       });
     }
-    function L() {
+    function A() {
       if (!o.value) {
         console.log("new sort is undefined");
         return;
       }
-      const k = [...p.value.map((d) => d.value)];
-      r.value || (o.value.dataFormula = void 0), B.value !== void 0 ? k[B.value] = o.value : k.push(o.value), s.value = k, x.value = !1;
+      const S = [...p.value.map((d) => d.value)];
+      r.value || (o.value.dataFormula = void 0), B.value !== void 0 ? S[B.value] = o.value : S.push(o.value), s.value = S, x.value = !1;
     }
-    function h(k) {
+    function h(S) {
       const d = [...p.value.map((a) => a.value)];
-      d.splice(k, 1), s.value = d, x.value = !1;
+      d.splice(S, 1), s.value = d, x.value = !1;
     }
-    function F(k) {
-      const d = `report.section.filter.${De(k)}`;
-      return e(d) ? m(d) : de(m, e, k, "field");
+    function F(S) {
+      const d = `report.section.filter.${De(S)}`;
+      return e(d) ? m(d) : de(m, e, S, "field");
     }
     const z = T(
-      () => t.options.map((k) => ({
-        label: k.labels.join(" "),
-        value: k
+      () => t.options.map((S) => ({
+        label: S.labels.join(" "),
+        value: S
       }))
     );
-    return (k, d) => {
-      const a = $("FmCheckbox"), g = $("FmTextarea"), c = $("FmForm"), S = $("FmIcon"), i = $("FmButton"), n = $("FmListItem"), A = $("FmList"), E = $("FmField");
+    return (S, d) => {
+      const a = $("FmCheckbox"), g = $("FmTextarea"), c = $("FmForm"), k = $("FmIcon"), i = $("FmButton"), n = $("FmListItem"), L = $("FmList"), E = $("FmField");
       return f(), H("div", wo, [
         u(Ae, {
           modelValue: x.value,
           "onUpdate:modelValue": d[6] || (d[6] = (J) => x.value = J),
           title: w.value,
-          onConfirm: L
+          onConfirm: A
         }, {
           content: G(() => [
             u(c, {
@@ -1053,7 +1053,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
           C("p", xo, Q(w.value), 1),
           C("p", Vo, Q(l(m)("report.section.sort.description")), 1)
         ]),
-        u(A, null, {
+        u(L, null, {
           default: G(() => [
             u(l(Ie), {
               list: s.value,
@@ -1066,7 +1066,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
                   onClick: ye((M) => U(p.value[te]), ["stop"])
                 }, {
                   default: G(() => [
-                    u(S, { name: "drag_handle" }),
+                    u(k, { name: "drag_handle" }),
                     C("p", Fo, Q(p.value[te].label), 1),
                     d[8] || (d[8] = C("div", { class: "grow" }, null, -1)),
                     u(i, {
@@ -1098,7 +1098,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
       ]);
     };
   }
-}), So = { class: "fm-typo-en-body-lg-600" }, _o = { class: "fm-typo-en-body-sm-600 text-fm-color-neutral-gray-400" }, To = /* @__PURE__ */ ie({
+}), _o = { class: "fm-typo-en-body-lg-600" }, So = { class: "fm-typo-en-body-sm-600 text-fm-color-neutral-gray-400" }, To = /* @__PURE__ */ ie({
   __name: "LimitSection",
   props: {
     modelValue: { required: !0, default: null },
@@ -1113,8 +1113,8 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
       const x = $("FmTextField");
       return f(), H(ue, null, [
         C("div", null, [
-          C("p", So, Q(l(m)("report.section.limit.title")), 1),
-          C("p", _o, Q(l(m)("report.section.limit.description")), 1)
+          C("p", _o, Q(l(m)("report.section.limit.title")), 1),
+          C("p", So, Q(l(m)("report.section.limit.description")), 1)
         ]),
         u(x, {
           "model-value": e.value,
@@ -1148,14 +1148,14 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
   setup(D) {
     const { t: m, te: e } = me(), s = fe(D, "modelValue"), t = D, w = T(() => m(`report.section.condition.${t.label}`)), x = oe(!1), p = T(
       () => s.value.map((d, a) => {
-        var S, i;
+        var k, i;
         const g = t.joinFieldOptions.find(
           (n) => {
-            var A, E;
-            return n.schemaName === ((A = d.joinDimension) == null ? void 0 : A.schemaName) && n.name === ((E = d.joinDimension) == null ? void 0 : E.name);
+            var L, E;
+            return n.schemaName === ((L = d.joinDimension) == null ? void 0 : L.schemaName) && n.name === ((E = d.joinDimension) == null ? void 0 : E.name);
           }
         ), c = (g == null ? void 0 : g.labels) || [
-          (S = d.joinDimension) == null ? void 0 : S.schemaName,
+          (k = d.joinDimension) == null ? void 0 : k.schemaName,
           (i = d.joinDimension) == null ? void 0 : i.name
         ];
         return {
@@ -1191,9 +1191,9 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
     ), b = T(
       () => t.joinFieldOptions.map((d) => ({ label: d.labels.join(" "), value: d }))
     );
-    function L(d) {
-      var a, g, c, S;
-      o.value && (o.value && d.schemaName !== ((g = (a = o.value) == null ? void 0 : a.joinDimension) == null ? void 0 : g.schemaName) || d.name !== ((S = (c = o.value) == null ? void 0 : c.joinDimension) == null ? void 0 : S.name)) && (o.value = {
+    function A(d) {
+      var a, g, c, k;
+      o.value && (o.value && d.schemaName !== ((g = (a = o.value) == null ? void 0 : a.joinDimension) == null ? void 0 : g.schemaName) || d.name !== ((k = (c = o.value) == null ? void 0 : c.joinDimension) == null ? void 0 : k.name)) && (o.value = {
         ...o.value,
         joinDimension: {
           schemaName: d.schemaName,
@@ -1205,8 +1205,8 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
       }, d.joinConditionOperators.includes(o.value.operator) || F(d.joinConditionOperators[0]));
     }
     function h(d, a) {
-      var g, c, S, i;
-      if (o.value && a >= 0 && (o.value && d.schemaName !== ((c = (g = o.value) == null ? void 0 : g.mainDimensions[a]) == null ? void 0 : c.schemaName) || d.name !== ((i = (S = o.value) == null ? void 0 : S.mainDimensions[a]) == null ? void 0 : i.name))) {
+      var g, c, k, i;
+      if (o.value && a >= 0 && (o.value && d.schemaName !== ((c = (g = o.value) == null ? void 0 : g.mainDimensions[a]) == null ? void 0 : c.schemaName) || d.name !== ((i = (k = o.value) == null ? void 0 : k.mainDimensions[a]) == null ? void 0 : i.name))) {
         const n = [...o.value.mainDimensions];
         n[a] = {
           schemaName: d.schemaName,
@@ -1245,12 +1245,12 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
         (a) => a !== "" && a != null
       ), B.value !== void 0 ? d[B.value] = o.value : d.push(o.value)), s.value = d, x.value = !1;
     }
-    function k(d) {
+    function S(d) {
       const a = [...p.value.map((g) => g.value)];
       a.splice(d, 1), s.value = a;
     }
     return (d, a) => {
-      const g = $("FmMenuDivider"), c = $("FmForm"), S = $("FmIcon"), i = $("FmButton"), n = $("FmListItem"), A = $("FmList"), E = $("FmField");
+      const g = $("FmMenuDivider"), c = $("FmForm"), k = $("FmIcon"), i = $("FmButton"), n = $("FmListItem"), L = $("FmList"), E = $("FmField");
       return f(), H("div", $o, [
         u(Ae, {
           modelValue: x.value,
@@ -1271,7 +1271,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
                     "model-value": r.value,
                     items: b.value,
                     placeholder: l(m)("report.section.condition.joinDimension"),
-                    "onUpdate:modelValue": a[0] || (a[0] = (j) => L(j))
+                    "onUpdate:modelValue": a[0] || (a[0] = (j) => A(j))
                   }, null, 8, ["label", "model-value", "items", "placeholder"]),
                   u(g),
                   (J = o.value) != null && J.joinDimension && (((te = r.value) == null ? void 0 : te.dimensionOptions) || []).length > 0 ? (f(), N(ve, {
@@ -1332,7 +1332,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
           C("p", Uo, Q(w.value), 1),
           C("p", Do, Q(l(m)("report.section.condition.description")), 1)
         ]),
-        u(A, { class: "flex flex-col gap-2" }, {
+        u(L, { class: "flex flex-col gap-2" }, {
           default: G(() => [
             u(l(Ie), {
               list: s.value,
@@ -1351,14 +1351,14 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
                   onClick: ye((M) => U(p.value[te]), ["stop"])
                 }, {
                   default: G(() => [
-                    u(S, { name: "drag_handle" }),
+                    u(k, { name: "drag_handle" }),
                     C("p", Bo, Q(p.value[te].label), 1),
                     a[4] || (a[4] = C("div", { class: "grow" }, null, -1)),
                     u(i, {
                       icon: "close",
                       size: "md",
                       variant: "tertiary",
-                      onClick: ye((M) => k(te), ["stop"])
+                      onClick: ye((M) => S(te), ["stop"])
                     }, null, 8, ["onClick"])
                   ]),
                   _: 2
@@ -1421,26 +1421,26 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
       },
       { deep: !0 }
     );
-    const w = D, x = m, { schemas: p } = Se(pl()), { editingReport: B } = Se(vl()), U = T(() => {
+    const w = D, x = m, { schemas: p } = _e(pl()), { editingReport: B } = _e(vl()), U = T(() => {
       var i;
       return ((i = B.value) == null ? void 0 : i.queryVersion) === "v2";
     });
     Nl(() => {
       e(), s();
     });
-    const { t: o, te: r, locale: v } = me(), b = T(() => !w.mainDatasourceConfig), L = T(
+    const { t: o, te: r, locale: v } = me(), b = T(() => !w.mainDatasourceConfig), A = T(
       () => [K.BarChart, K.LineChart, K.Scorecard].includes(w.config.type)
     ), h = T(() => {
       const i = [...t.value.dimensions].filter((n) => !n.hide);
       return i.sort(
-        (n, A) => (t.value.rowIds || []).indexOf(_e(n)) - (t.value.rowIds || []).indexOf(_e(A))
+        (n, L) => (t.value.rowIds || []).indexOf(Se(n)) - (t.value.rowIds || []).indexOf(Se(L))
       ), i;
     }), F = T(() => w.config.type === K.Scorecard), z = T(
       () => {
         var i;
         return (((i = w.mainDatasourceConfig) == null ? void 0 : i.schemaNames) || []).reduce(
-          (n, A) => {
-            const E = p.value.find((J) => J.name === A);
+          (n, L) => {
+            const E = p.value.find((J) => J.name === L);
             return E && (n = [
               ...n,
               ...E.fields.map((J) => ({
@@ -1455,15 +1455,15 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
           []
         );
       }
-    ), k = T(
+    ), S = T(
       () => t.value.schemaNames.reduce((i, n) => {
-        const A = p.value.find((E) => E.name === n);
-        return A && (i = [
+        const L = p.value.find((E) => E.name === n);
+        return L && (i = [
           ...i,
-          ...A.fields.map((E) => ({
+          ...L.fields.map((E) => ({
             ...E,
             labels: [
-              de(o, r, A.label, "schema"),
+              de(o, r, L.label, "schema"),
               de(o, r, E.label || E.name, "other")
             ]
           }))
@@ -1486,7 +1486,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
         value: il.bottom
       }
     ]), g = T(
-      () => `rollup-${v.value}-${h.value.map((i) => _e(i)).join("|")}`
+      () => `rollup-${v.value}-${h.value.map((i) => Se(i)).join("|")}`
     ), c = T(() => [
       {
         label: o("report.section.datasource.none"),
@@ -1496,17 +1496,17 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
         label: r(`report.section.datasource.periodType.${i}`) ? o(`report.section.datasource.periodType.${i}`) : i,
         value: al[i]
       }))
-    ]), S = T(() => [
+    ]), k = T(() => [
       { label: o("report.section.datasource.joinType.left"), value: "LEFT" },
       { label: o("report.section.datasource.joinType.fullOuter"), value: "FULL_OUTER" }
     ]);
     return (i, n) => {
-      const A = $("FmButton"), E = $("FmSwitch"), J = $("FmSelect"), te = $("FmTextField");
+      const L = $("FmButton"), E = $("FmSwitch"), J = $("FmSelect"), te = $("FmTextField");
       return f(), N(Ye, null, {
         header: G(() => [
           C("p", null, Q(w.label), 1),
           n[22] || (n[22] = C("div", { class: "grow" }, null, -1)),
-          w.closeable ? (f(), N(A, {
+          w.closeable ? (f(), N(L, {
             key: 0,
             icon: "close",
             variant: "tertiary",
@@ -1523,7 +1523,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
           u(qe, {
             modelValue: t.value.dimensions,
             "onUpdate:modelValue": n[2] || (n[2] = (M) => t.value.dimensions = M),
-            options: k.value,
+            options: S.value,
             config: t.value,
             max: w.config.maxDimension,
             "has-row-column": !0,
@@ -1539,7 +1539,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
               t.value.isComparable = M;
             })
           }, null, 8, ["label", "model-value"]),
-          L.value ? (f(), N(E, {
+          A.value ? (f(), N(E, {
             key: 0,
             "label-placement": "right",
             label: l(o)("report.section.datasource.cumulative"),
@@ -1604,7 +1604,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
             "model-value": t.value.breakdownDimension ? [t.value.breakdownDimension] : [],
             label: "breakdownDimension",
             max: 1,
-            options: k.value,
+            options: S.value,
             "onUpdate:modelValue": n[13] || (n[13] = (M) => {
               t.value.breakdownDimension = M[0];
             })
@@ -1614,7 +1614,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
             "model-value": t.value.sparklineDimension ? [t.value.sparklineDimension] : [],
             label: "sparklineDimension",
             max: 1,
-            options: k.value,
+            options: S.value,
             "onUpdate:modelValue": n[14] || (n[14] = (M) => {
               t.value.sparklineDimension = M[0];
             })
@@ -1622,7 +1622,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
           u(Co, {
             modelValue: t.value.metrics,
             "onUpdate:modelValue": n[15] || (n[15] = (M) => t.value.metrics = M),
-            options: k.value,
+            options: S.value,
             max: w.config.maxMetric,
             config: t.value,
             "has-row-column": w.config.type === l(K).Table,
@@ -1634,12 +1634,12 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
           u(El, {
             modelValue: t.value.filters,
             "onUpdate:modelValue": n[17] || (n[17] = (M) => t.value.filters = M),
-            options: k.value
+            options: S.value
           }, null, 8, ["modelValue", "options"]),
           u(ko, {
             modelValue: t.value.sorts,
             "onUpdate:modelValue": n[18] || (n[18] = (M) => t.value.sorts = M),
-            options: k.value
+            options: S.value
           }, null, 8, ["modelValue", "options"]),
           u(To, {
             modelValue: t.value.limit,
@@ -1649,7 +1649,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
             key: 10,
             "model-value": t.value.joinType ?? "LEFT",
             label: l(o)("report.section.datasource.joinType.label"),
-            items: S.value,
+            items: k.value,
             "onUpdate:modelValue": n[20] || (n[20] = (M) => {
               t.value.joinType = M;
             })
@@ -1658,7 +1658,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
             key: 11,
             modelValue: t.value.conditions,
             "onUpdate:modelValue": n[21] || (n[21] = (M) => t.value.conditions = M),
-            "join-field-options": k.value,
+            "join-field-options": S.value,
             "main-field-options": z.value
           }, null, 8, ["modelValue", "join-field-options", "main-field-options"])) : O("", !0)
         ]),
@@ -1771,7 +1771,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
       set: (o) => s("update:model", { ...e.model, titleUnderline: o })
     });
     return (o, r) => {
-      const v = $("FmStepperField"), b = $("FmButton"), L = $("FmSwitch");
+      const v = $("FmStepperField"), b = $("FmButton"), A = $("FmSwitch");
       return f(), H(ue, null, [
         C("div", null, [
           C("div", jo, [
@@ -1817,7 +1817,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
             ])
           ])
         ]),
-        u(L, {
+        u(A, {
           modelValue: w.value,
           "onUpdate:modelValue": r[4] || (r[4] = (h) => w.value = h),
           label: l(t)("report.section.datasource.title.showTitle"),
@@ -1836,11 +1836,11 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
   },
   emits: ["update:layout"],
   setup(D, { emit: m }) {
-    const { t: e } = me(), s = D, t = m, { isEditing: w, colWidths: x, rowHeight: p } = Se(je()), { enableCellResizing: B, cancelResizingChanges: U, resetStore: o, disableEditMode: r } = je();
+    const { t: e } = me(), s = D, t = m, { isEditing: w, colWidths: x, rowHeight: p } = _e(je()), { enableCellResizing: B, cancelResizingChanges: U, resetStore: o, disableEditMode: r } = je();
     T(
       () => {
-        var b, L, h;
-        return (((L = (b = s.layout) == null ? void 0 : b.colWidths) == null ? void 0 : L.length) ?? 0) > 0 || x.value.length > 0 || (((h = s.layout) == null ? void 0 : h.rowHeight) ?? 0) > 0 || p.value > 0;
+        var b, A, h;
+        return (((A = (b = s.layout) == null ? void 0 : b.colWidths) == null ? void 0 : A.length) ?? 0) > 0 || x.value.length > 0 || (((h = s.layout) == null ? void 0 : h.rowHeight) ?? 0) > 0 || p.value > 0;
       }
     );
     function v() {
@@ -1852,8 +1852,8 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
       const b = document.querySelector("table");
       if (b) {
         b.classList.remove("table-fixed"), b.classList.add("table-auto"), b.style.width = "";
-        const L = b.querySelectorAll("th"), h = b.querySelectorAll("td"), F = b.querySelectorAll("tr");
-        L.forEach((z) => {
+        const A = b.querySelectorAll("th"), h = b.querySelectorAll("td"), F = b.querySelectorAll("tr");
+        A.forEach((z) => {
           z.style.width = "";
         }), h.forEach((z) => {
           z.style.width = "";
@@ -1863,9 +1863,9 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
       }
     }
     return Ke(() => {
-      var b, L;
-      ((b = s.layout) == null ? void 0 : b.rowHeight) !== void 0 && (p.value = s.layout.rowHeight), (L = s.layout) != null && L.colWidths && (x.value = [...s.layout.colWidths]);
-    }), (b, L) => {
+      var b, A;
+      ((b = s.layout) == null ? void 0 : b.rowHeight) !== void 0 && (p.value = s.layout.rowHeight), (A = s.layout) != null && A.colWidths && (x.value = [...s.layout.colWidths]);
+    }), (b, A) => {
       const h = $("FmButton");
       return f(), H("div", Wo, [
         C("p", qo, Q(l(e)("report.section.datasource.tableLayout")), 1),
@@ -1916,13 +1916,13 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
   }),
   emits: /* @__PURE__ */ pe(["hideConfiguration"], ["update:modelValue"]),
   setup(D, { emit: m }) {
-    var c, S;
-    const e = oo(), { dateRange: s, timezone: t } = Se(e), w = {
+    var c, k;
+    const e = oo(), { dateRange: s, timezone: t } = _e(e), w = {
       startDate: s.value.startDate,
       endDate: s.value.endDate
     }, x = oe({
       startDate: (c = Oe(s.value.startDate)) == null ? void 0 : c.tz(t.value).format(ul),
-      endDate: (S = Oe(s.value.endDate)) == null ? void 0 : S.tz(t.value).format(ul)
+      endDate: (k = Oe(s.value.endDate)) == null ? void 0 : k.tz(t.value).format(ul)
     });
     he(
       x,
@@ -1939,12 +1939,12 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
       s.value = { ...w };
     });
     const p = fe(D, "modelValue"), { breakpoints: B } = gl(), U = D, { promptMessage: o } = fl(), r = m, { t: v, locale: b } = me();
-    function L(i) {
+    function A(i) {
       p.value = fo(i);
     }
     function h() {
       const i = [...p.value.widget.config.joinDatasources || []];
-      i.push({ ...Wl(p.value.widget.type), conditions: [] }), L({
+      i.push({ ...Wl(p.value.widget.type), conditions: [] }), A({
         ...p.value,
         widget: {
           ...p.value.widget,
@@ -1960,45 +1960,45 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
         title: v("report.tile.datasource.remove"),
         message: v("report.tile.datasource.confirmRemove", { index: i + 1 })
       })) return;
-      const A = [...p.value.widget.config.joinDatasources || []];
-      A.splice(i, 1), L({
+      const L = [...p.value.widget.config.joinDatasources || []];
+      L.splice(i, 1), A({
         ...p.value,
         widget: {
           ...p.value.widget,
           config: {
             ...p.value.widget.config,
-            joinDatasources: A
+            joinDatasources: L
           }
         }
       });
     }
     const z = (i, n) => {
-      let A = 1, E = 1;
+      let L = 1, E = 1;
       switch (i) {
         case K.Scorecard:
-          A = 1, E = 2;
+          L = 1, E = 2;
           break;
         case K.BarChart:
         case K.StackBarChart:
         case K.ClusteredStackBarChart:
         case K.LineChart:
         case K.StackLineChart:
-          A = 4, E = 6;
+          L = 4, E = 6;
           break;
         case K.Table:
-          A = 4, E = 12;
+          L = 4, E = 12;
           break;
         case K.Circular:
-          A = 4, E = 4;
+          L = 4, E = 4;
           break;
         case K.Spacer:
-          A = 0, E = 12;
+          L = 0, E = 12;
           break;
       }
       return {
         id: n.id,
         size: {
-          height: A,
+          height: L,
           width: E
         },
         widget: {
@@ -2006,7 +2006,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
           type: i
         }
       };
-    }, k = T(
+    }, S = T(
       () => Pe.find((i) => i.type === p.value.widget.type)
     ), d = T(() => p.value.widget.config.joinDatasources), a = ze((i) => {
       p.value.widget.title = i;
@@ -2030,7 +2030,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
         i < 1 && (p.value.size.width = 1), i > 12 && (p.value.size.width = 12);
       }
     ), (i, n) => {
-      const A = $("FmCircularProgress"), E = $("FmSimpleDateRangePicker"), J = $("FmTextField"), te = $("FmTextarea"), M = $("FmStepperField"), ge = $("FmButton"), X = $("FmForm");
+      const L = $("FmCircularProgress"), E = $("FmSimpleDateRangePicker"), J = $("FmTextField"), te = $("FmTextarea"), M = $("FmStepperField"), ge = $("FmButton"), X = $("FmForm");
       return f(), N(cl(l(B).lg || l(B).md ? Mo : No), {
         "model-value": U.hideConfiguration,
         "onUpdate:modelValue": n[9] || (n[9] = (j) => r("hideConfiguration", j))
@@ -2126,14 +2126,14 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
                 modelValue: p.value.widget.config,
                 "onUpdate:modelValue": n[7] || (n[7] = (j) => p.value.widget.config = j),
                 label: l(v)("report.tile.datasource.main"),
-                config: k.value
+                config: S.value
               }, null, 8, ["modelValue", "label", "config"]),
               d.value ? (f(!0), H(ue, { key: 0 }, xe(d.value, (j, Y) => (f(), H("div", { key: Y }, [
                 u(rl, {
                   modelValue: d.value[Y],
                   "onUpdate:modelValue": (ee) => d.value[Y] = ee,
                   label: l(v)("report.tile.datasource.join", { index: Y + 1 }),
-                  config: k.value,
+                  config: S.value,
                   "main-datasource-config": p.value.widget.config,
                   closeable: !0,
                   onClickClose: (ee) => F(Y)
@@ -2153,7 +2153,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
               ])
             ]),
             _: 1
-          }, 512)) : (f(), N(A, { key: 0 }))
+          }, 512)) : (f(), N(L, { key: 0 }))
         ]),
         _: 1
       }, 8, ["model-value"]);
@@ -2203,12 +2203,12 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
       { icon: "format_align_center", value: Ne.center, tooltip: "anchorCenter" },
       { icon: "format_align_right", value: Ne.end, tooltip: "anchorEnd" }
     ];
-    return (b, L) => {
-      const h = $("FmCheckbox"), F = $("FmButton"), z = $("FmTooltip"), k = $("FmTextField"), d = $("FmStepperField");
+    return (b, A) => {
+      const h = $("FmCheckbox"), F = $("FmButton"), z = $("FmTooltip"), S = $("FmTextField"), d = $("FmStepperField");
       return f(), H("div", lt, [
         u(h, {
           modelValue: w.value,
-          "onUpdate:modelValue": L[0] || (L[0] = (a) => w.value = a),
+          "onUpdate:modelValue": A[0] || (A[0] = (a) => w.value = a),
           value: !1,
           label: l(t)("report.section.datasource.label.showLabel"),
           "label-placement": "right",
@@ -2231,7 +2231,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
                   "icon-color": b.model.labelAlign === g ? "neutral-gray-400" : "neutral-gray-300",
                   "bg-color": b.model.labelAlign === g ? "neutral-gray-100" : "neutral-white",
                   class: "rounded-sm",
-                  onClick: (S) => U(g)
+                  onClick: (k) => U(g)
                 }, null, 8, ["append-icon", "icon-color", "bg-color", "onClick"])
               ]),
               _: 2
@@ -2253,30 +2253,30 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
                   "icon-color": b.model.labelAnchor === g ? "neutral-gray-400" : "neutral-gray-300",
                   "bg-color": b.model.labelAnchor === g ? "neutral-gray-100" : "neutral-white",
                   class: "rounded-sm",
-                  onClick: (S) => o(g)
+                  onClick: (k) => o(g)
                 }, null, 8, ["append-icon", "icon-color", "bg-color", "onClick"])
               ]),
               _: 2
             }, 1032, ["content"])), 64))
           ]),
-          u(k, {
+          u(S, {
             modelValue: x.value,
-            "onUpdate:modelValue": L[1] || (L[1] = (a) => x.value = a),
+            "onUpdate:modelValue": A[1] || (A[1] = (a) => x.value = a),
             label: l(t)("report.section.datasource.alignment.rotation"),
             type: "number",
             min: -180,
             max: 180,
             step: 1
           }, null, 8, ["modelValue", "label"]),
-          u(k, {
+          u(S, {
             modelValue: p.value,
-            "onUpdate:modelValue": L[2] || (L[2] = (a) => p.value = a),
+            "onUpdate:modelValue": A[2] || (A[2] = (a) => p.value = a),
             label: l(t)("report.section.datasource.alignment.offset"),
             type: "number"
           }, null, 8, ["modelValue", "label"]),
           u(d, {
             modelValue: B.value,
-            "onUpdate:modelValue": L[3] || (L[3] = (a) => B.value = a),
+            "onUpdate:modelValue": A[3] || (A[3] = (a) => B.value = a),
             label: l(t)("report.section.datasource.fontSize"),
             type: "number",
             min: 1
@@ -2336,14 +2336,14 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
       }
     }), b = ze((h) => {
       s("update:model", { ...e.model, xTitle: h });
-    }, 500), L = ze((h) => {
+    }, 500), A = ze((h) => {
       s("update:model", { ...e.model, yTitle: h });
     }, 500);
     return Ke(() => {
-      var h, F, z, k;
-      !e.model.xTitle && ((F = (h = e.model.metrics) == null ? void 0 : h[0]) != null && F.label) && b(e.model.metrics[0].label), !e.model.yTitle && ((k = (z = e.model.dimensions) == null ? void 0 : z[0]) != null && k.label) && L(e.model.dimensions[0].label);
+      var h, F, z, S;
+      !e.model.xTitle && ((F = (h = e.model.metrics) == null ? void 0 : h[0]) != null && F.label) && b(e.model.metrics[0].label), !e.model.yTitle && ((S = (z = e.model.dimensions) == null ? void 0 : z[0]) != null && S.label) && A(e.model.dimensions[0].label);
     }), (h, F) => {
-      const z = $("FmCheckbox"), k = $("FmStepperField"), d = $("FmTextField");
+      const z = $("FmCheckbox"), S = $("FmStepperField"), d = $("FmTextField");
       return f(), H("div", rt, [
         u(z, {
           modelValue: w.value,
@@ -2368,7 +2368,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
             value: !0
           }, null, 8, ["modelValue", "label"]),
           Ce(C("div", dt, [
-            u(k, {
+            u(S, {
               label: l(t)("report.section.datasource.fontSize"),
               type: "number",
               "model-value": h.model.xTickFontSize ?? 12,
@@ -2394,7 +2394,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
               placeholder: l(t)("report.tile.widget.titlePlaceholder"),
               "onUpdate:modelValue": l(b)
             }, null, 8, ["model-value", "label", "placeholder", "onUpdate:modelValue"]),
-            u(k, {
+            u(S, {
               label: l(t)("report.section.datasource.fontSize"),
               type: "number",
               "model-value": h.model.xTitleFontSize ?? 12,
@@ -2432,7 +2432,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
             value: !0
           }, null, 8, ["modelValue", "label"]),
           Ce(C("div", pt, [
-            u(k, {
+            u(S, {
               label: l(t)("report.section.datasource.fontSize"),
               type: "number",
               "model-value": h.model.yTickFontSize ?? 12,
@@ -2456,9 +2456,9 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
               "model-value": h.model.yTitle,
               label: l(t)("report.common.title"),
               placeholder: l(t)("report.tile.widget.titlePlaceholder"),
-              "onUpdate:modelValue": l(L)
+              "onUpdate:modelValue": l(A)
             }, null, 8, ["model-value", "label", "placeholder", "onUpdate:modelValue"]),
-            u(k, {
+            u(S, {
               label: l(t)("report.section.datasource.fontSize"),
               type: "number",
               "model-value": h.model.yTitleFontSize ?? 12,
@@ -2491,39 +2491,39 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
       { label: t("report.section.datasource.position.right"), value: "right" }
     ], x = T({
       get: () => e.model.showLegend !== void 0 ? e.model.showLegend : e.isCircularWidget === !0,
-      set: (L) => {
-        s("update:model", { ...e.model, showLegend: L });
+      set: (A) => {
+        s("update:model", { ...e.model, showLegend: A });
       }
     }), p = T({
       get: () => e.model.usePointStyle ?? !0,
-      set: (L) => {
-        s("update:model", { ...e.model, usePointStyle: L });
+      set: (A) => {
+        s("update:model", { ...e.model, usePointStyle: A });
       }
     }), B = T({
       get: () => e.model.legendFontSize ?? null,
-      set: (L) => {
-        if (L == null) {
+      set: (A) => {
+        if (A == null) {
           s("update:model", { ...e.model, legendFontSize: void 0 });
           return;
         }
-        s("update:model", { ...e.model, legendFontSize: Math.min(Number(L), 24) });
+        s("update:model", { ...e.model, legendFontSize: Math.min(Number(A), 24) });
       }
     }), U = T(() => e.model.legendColor ?? "#6b6b6b"), o = oe(U.value), r = oe(null);
     he(
       () => e.model.legendColor,
-      (L) => {
-        o.value = L ?? "#6b6b6b";
+      (A) => {
+        o.value = A ?? "#6b6b6b";
       }
     );
     function v() {
       s("update:model", { ...e.model, legendColor: o.value });
     }
     function b() {
-      var L;
-      (L = r.value) == null || L.click();
+      var A;
+      (A = r.value) == null || A.click();
     }
-    return (L, h) => {
-      const F = $("FmCheckbox"), z = $("FmSelect"), k = $("FmStepperField"), d = $("FmButton");
+    return (A, h) => {
+      const F = $("FmCheckbox"), z = $("FmSelect"), S = $("FmStepperField"), d = $("FmButton");
       return f(), H("div", gt, [
         u(F, {
           modelValue: x.value,
@@ -2542,10 +2542,10 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
           u(z, {
             label: l(t)("report.section.datasource.position.showPosition"),
             items: w,
-            "model-value": L.model.legendPosition ?? "top",
-            "onUpdate:modelValue": h[2] || (h[2] = (a) => s("update:model", { ...L.model, legendPosition: a }))
+            "model-value": A.model.legendPosition ?? "top",
+            "onUpdate:modelValue": h[2] || (h[2] = (a) => s("update:model", { ...A.model, legendPosition: a }))
           }, null, 8, ["label", "model-value"]),
-          u(k, {
+          u(S, {
             modelValue: B.value,
             "onUpdate:modelValue": h[3] || (h[3] = (a) => B.value = a),
             label: l(t)("report.section.datasource.legend.fontSize"),
@@ -2580,21 +2580,14 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
             label: l(t)("report.common.apply"),
             disabled: o.value === U.value,
             onClick: v
-          }, null, 8, ["label", "disabled"]),
-          L.model.legendPosition === "left" || L.model.legendPosition === "right" ? (f(), N(k, {
-            key: 0,
-            label: l(t)("report.section.datasource.legend.maxWidth"),
-            "model-value": L.model.legendMaxWidth ?? null,
-            "onUpdate:modelValue": h[5] || (h[5] = (a) => s("update:model", { ...L.model, legendMaxWidth: a ?? void 0 })),
-            placeholder: "Auto"
-          }, null, 8, ["label", "model-value"])) : O("", !0)
+          }, null, 8, ["label", "disabled"])
         ], 512), [
           [we, x.value]
         ])
       ]);
     };
   }
-}), wt = /* @__PURE__ */ yl(Ct, [["__scopeId", "data-v-0f6af12a"]]), xt = { class: "flex flex-row gap-16" }, Vt = /* @__PURE__ */ ie({
+}), wt = /* @__PURE__ */ yl(Ct, [["__scopeId", "data-v-0e072961"]]), xt = { class: "flex flex-row gap-16" }, Vt = /* @__PURE__ */ ie({
   __name: "ChartSizeSection",
   props: {
     model: {}
@@ -2636,10 +2629,10 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
       ]);
     };
   }
-}), Ft = { class: "flex flex-col gap-8" }, kt = { class: "flex gap-8" }, St = {
+}), Ft = { class: "flex flex-col gap-8" }, kt = { class: "flex gap-8" }, _t = {
   key: 0,
   class: "flex items-center gap-8 text-fm-color-system-info-300"
-}, _t = { class: "flex flex-col gap-8" }, Tt = {
+}, St = { class: "flex flex-col gap-8" }, Tt = {
   key: 1,
   class: "grid grid-cols-1 gap-8 sm:grid-cols-2"
 }, $t = ["title"], Ut = ["aria-label"], Dt = { class: "text-[12px] uppercase leading-none tracking-[0.02em] text-[#6b6b6b]" }, Bt = ["value", "onInput", "onChange"], Lt = {
@@ -2719,13 +2712,13 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
     const v = T(() => {
       const y = p();
       return y.length === 0 ? [t("report.section.datasource.styleTarget.metric")] : y.map((V, _) => B(V, _));
-    }), b = oe(ce.length), L = oe(ce.length);
+    }), b = oe(ce.length), A = oe(ce.length);
     function h(y, V) {
       const _ = Math.max(1, V), R = Array.isArray(y) ? y.length : 0, q = R > 0 ? Math.ceil(R / _) : 0;
       return Math.max(ce.length, q, 1);
     }
     const F = T(() => {
-      const y = Math.max(1, L.value);
+      const y = Math.max(1, A.value);
       return Array.from({ length: y }).map(
         (V, _) => `${t("report.section.datasource.styleTarget.breakdown")} ${_ + 1}`
       );
@@ -2737,7 +2730,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
       };
       return `#${R(1)}${R(3)}${R(5)}`;
     }
-    function k(y) {
+    function S(y) {
       return Math.min(0.55 + (y - 1) * 0.18, 0.95);
     }
     function d(y, V, _) {
@@ -2751,7 +2744,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
       return y.flatMap((W, le) => {
         const Z = P[le], re = _ == null ? void 0 : _[d(le, 0, q)], $e = c(re) ?? Z;
         return V.map((Xe, Ue) => {
-          const Ol = d(le, Ue, q), ll = Ue === 0 ? $e : z($e, k(Ue));
+          const Ol = d(le, Ue, q), ll = Ue === 0 ? $e : z($e, S(Ue));
           return R && Ue > 0 ? ll : c(_ == null ? void 0 : _[Ol]) ?? ll;
         });
       });
@@ -2769,7 +2762,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
       }
       return V.toUpperCase();
     }
-    function S() {
+    function k() {
       const y = () => Math.floor(Math.random() * 256).toString(16).padStart(2, "0").toUpperCase();
       return `#${y()}${y()}${y()}`;
     }
@@ -2797,7 +2790,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
         }
       return _;
     }
-    const A = T(
+    const L = T(
       () => x(e.model.chartColorBinding)
     ), E = T(
       () => r(e.model.chartColors, e.model.chartColorLayers)
@@ -2810,12 +2803,12 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
     T(
       () => i(
         e.model.chartColors,
-        A.value === ae.series ? E.value : U(A.value).length
+        L.value === ae.series ? E.value : U(L.value).length
       )
     ), T(
       () => n(
         e.model.chartColorLayers,
-        A.value === ae.series ? E.value : U(A.value).length
+        L.value === ae.series ? E.value : U(L.value).length
       )
     );
     const ge = T(
@@ -2844,7 +2837,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
         Te.value = !0, I.value = x(V), b.value = r(
           y,
           e.model.chartColorLayers
-        ), L.value = h(
+        ), A.value = h(
           e.model.chartBreakdownColors,
           Math.max(1, v.value.length)
         );
@@ -2889,7 +2882,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
         ee,
         I,
         b,
-        L
+        A
       ],
       () => {
         Be();
@@ -2901,7 +2894,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
       _[y] = c(V) ?? R, X.value = _;
     }
     function wl(y) {
-      Ee(y, S());
+      Ee(y, k());
     }
     function xl(y) {
       if (e.limitToSeriesMode)
@@ -2933,10 +2926,10 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
       W.splice(q, Ve), le.splice(q, Ve), b.value = P, X.value = i(W, P), j.value = n(le, P);
     }
     function Fl(y) {
-      const V = Math.max(ce.length, L.value), _ = y + 1;
+      const V = Math.max(ce.length, A.value), _ = y + 1;
       if (_ === V) {
         const $e = V + Ve;
-        L.value = $e, Y.value = a(
+        A.value = $e, Y.value = a(
           Array.from({ length: $e }, (Xe, Ue) => `breakdown-${Ue + 1}`),
           v.value,
           Y.value,
@@ -2947,7 +2940,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
       if (V <= ce.length)
         return;
       const q = Math.max(1, v.value.length), W = _ * q, le = Ve * q, Z = Math.max(ce.length, V - Ve), re = [...Y.value];
-      re.splice(W, le), L.value = Z, Y.value = a(
+      re.splice(W, le), A.value = Z, Y.value = a(
         Array.from({ length: Z }, ($e, Xe) => `breakdown-${Xe + 1}`),
         v.value,
         re,
@@ -2969,11 +2962,11 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
       );
       W >= 0 && (q[W] = P), q[y] = R, j.value = q;
     }
-    function Sl(y, V) {
+    function _l(y, V) {
       const _ = V.target;
       _ && (be.value = !0, Ee(y, _.value));
     }
-    function _l(y, V) {
+    function Sl(y, V) {
       const _ = V.target;
       _ && (Ee(y, _.value), be.value = !1, Be());
     }
@@ -2992,7 +2985,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
       if (le[W] = q, ee.value && V === 0)
         for (let Z = 1; Z < P; Z++) {
           const re = d(y, Z, P);
-          le[re] = z(q, k(Z));
+          le[re] = z(q, S(Z));
         }
       Y.value = le;
     }
@@ -3014,19 +3007,19 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
       if (le[W] = q, ee.value && V === 0)
         for (let Z = 1; Z < P; Z++) {
           const re = d(y, Z, P);
-          le[re] = z(q, k(Z));
+          le[re] = z(q, S(Z));
         }
       Y.value = le, be.value = !1, Be();
     }
     function Ul(y, V) {
-      const _ = S(), R = v.value.length;
+      const _ = k(), R = v.value.length;
       if (R <= 0)
         return;
       const q = d(y, V, R), P = [...Y.value];
       if (P[q] = _, ee.value && V === 0)
         for (let W = 1; W < R; W++) {
           const le = d(y, W, R);
-          P[le] = z(_, k(W));
+          P[le] = z(_, S(W));
         }
       Y.value = P;
     }
@@ -3043,14 +3036,14 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
     }
     function Ll(y) {
       ee.value = y, Y.value = a(
-        Array.from({ length: L.value }, (V, _) => `breakdown-${_ + 1}`),
+        Array.from({ length: A.value }, (V, _) => `breakdown-${_ + 1}`),
         v.value,
         Y.value,
         ee.value
       );
     }
     function Al() {
-      I.value = ae.series, b.value = ce.length, L.value = ce.length, X.value = i(void 0, ce.length), j.value = n(void 0, ce.length), ee.value = !0, Y.value = a(
+      I.value = ae.series, b.value = ce.length, A.value = ce.length, X.value = i(void 0, ce.length), j.value = n(void 0, ce.length), ee.value = !0, Y.value = a(
         Array.from({ length: ce.length }, (y, V) => `breakdown-${V + 1}`),
         v.value,
         void 0,
@@ -3078,7 +3071,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
             "aria-expanded": se.value ? "true" : "false",
             onClick: Ml
           }, null, 8, ["label", "prepend-icon", "aria-expanded"]),
-          se.value ? (f(), H("div", St, [
+          se.value ? (f(), H("div", _t, [
             u(_, {
               variant: "tertiary",
               "text-color": "text-fm-color-system-info-300",
@@ -3088,7 +3081,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
             }, null, 8, ["label"])
           ])) : O("", !0)
         ]),
-        Ce(C("div", _t, [
+        Ce(C("div", St, [
           u(R, {
             "model-value": I.value,
             items: w.value,
@@ -3139,8 +3132,8 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
                       type: "color",
                       value: P,
                       class: "absolute inset-0 cursor-pointer opacity-0",
-                      onInput: (le) => Sl(W, le),
-                      onChange: (le) => _l(W, le)
+                      onInput: (le) => _l(W, le),
+                      onChange: (le) => Sl(W, le)
                     }, null, 40, Bt)
                   ], 8, Ut),
                   u(_, {
@@ -3218,7 +3211,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
                 u(_, {
                   class: "w-full",
                   size: "md",
-                  icon: Qe(W, L.value),
+                  icon: Qe(W, A.value),
                   onClick: (le) => Fl(W)
                 }, null, 8, ["icon", "onClick"])
               ])) : O("", !0)
@@ -3259,7 +3252,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
       if (!e.model.isBlend)
         return i;
       const n = Array.isArray(e.model.joinDatasources) ? e.model.joinDatasources.flatMap(
-        (A) => Array.isArray(A == null ? void 0 : A.metrics) ? A.metrics : []
+        (L) => Array.isArray(L == null ? void 0 : L.metrics) ? L.metrics : []
       ) : [];
       return [...i, ...n];
     }
@@ -3267,10 +3260,10 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
       if (i === ae.metric) {
         const n = B();
         if (n.length > 0)
-          return n.map((A, E) => p(A, E));
+          return n.map((L, E) => p(L, E));
       }
       return ce.map(
-        (n, A) => `${t("report.section.datasource.lineStyle.series")} ${A + 1}`
+        (n, L) => `${t("report.section.datasource.lineStyle.series")} ${L + 1}`
       );
     }
     const o = T(() => [
@@ -3295,16 +3288,16 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
     }
     function b(i, n) {
       return !Array.isArray(i) || i.length === 0 ? Array.from({ length: n }).map(
-        (A, E) => sl[E] ?? "solid"
+        (L, E) => sl[E] ?? "solid"
       ) : Array.from({ length: n }).map(
-        (A, E) => r(i[E])
+        (L, E) => r(i[E])
       );
     }
-    const L = T(
+    const A = T(
       () => x(e.model.lineStyleBinding)
-    ), h = T(() => U(k.value)), F = T(
-      () => b(e.model.lineStyles, U(L.value).length)
-    ), z = oe([]), k = oe(ae.series);
+    ), h = T(() => U(S.value)), F = T(
+      () => b(e.model.lineStyles, U(A.value).length)
+    ), z = oe([]), S = oe(ae.series);
     he(
       [
         () => e.model.lineStyles,
@@ -3314,43 +3307,43 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
         () => e.model.joinDatasources
       ],
       ([i, n]) => {
-        k.value = x(n), z.value = b(
+        S.value = x(n), z.value = b(
           i,
-          U(k.value).length
+          U(S.value).length
         );
       },
       { immediate: !0, deep: !0 }
     );
-    const d = T(() => k.value !== L.value || z.value.length !== F.value.length ? !0 : z.value.some((i, n) => i !== F.value[n]));
+    const d = T(() => S.value !== A.value || z.value.length !== F.value.length ? !0 : z.value.some((i, n) => i !== F.value[n]));
     function a(i, n) {
-      const A = [...z.value];
-      A[i] = r(n), z.value = A;
+      const L = [...z.value];
+      L[i] = r(n), z.value = L;
     }
     function g(i) {
       const n = x(i);
-      if (n === k.value)
+      if (n === S.value)
         return;
-      const A = U(n).length;
-      k.value = n, z.value = b(z.value, A);
+      const L = U(n).length;
+      S.value = n, z.value = b(z.value, L);
     }
     function c() {
-      k.value = ae.series, z.value = [...sl];
+      S.value = ae.series, z.value = [...sl];
     }
-    function S() {
-      const i = k.value === ae.series, n = z.value.every((A) => A === "solid");
+    function k() {
+      const i = S.value === ae.series, n = z.value.every((L) => L === "solid");
       s("update:model", {
         ...e.model,
-        lineStyleBinding: i ? void 0 : k.value,
+        lineStyleBinding: i ? void 0 : S.value,
         lineStyles: n ? void 0 : [...z.value]
       });
     }
     return (i, n) => {
-      const A = $("FmButton"), E = $("FmSelect");
+      const L = $("FmButton"), E = $("FmSelect");
       return f(), H("div", Xt, [
         C("div", Wt, [
           C("p", qt, Q(l(t)("report.section.datasource.lineStyle.title")), 1),
           C("div", Ht, [
-            u(A, {
+            u(L, {
               variant: "tertiary",
               "text-color": "text-fm-color-system-info-300",
               size: "md",
@@ -3360,7 +3353,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
           ])
         ]),
         u(E, {
-          "model-value": k.value,
+          "model-value": S.value,
           items: w.value,
           label: l(t)("report.section.datasource.styleTarget.title"),
           "onUpdate:modelValue": g
@@ -3385,11 +3378,11 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
             }, null, 8, ["model-value", "items", "onUpdate:modelValue"])
           ]))), 128))
         ]),
-        u(A, {
+        u(L, {
           size: "md",
           label: l(t)("report.common.apply"),
           disabled: !d.value,
-          onClick: S
+          onClick: k
         }, null, 8, ["label", "disabled"])
       ]);
     };
@@ -3457,7 +3450,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
       }
     });
     return (r, v) => {
-      const b = $("FmButton"), L = $("FmCheckbox"), h = $("FmStepperField");
+      const b = $("FmButton"), A = $("FmCheckbox"), h = $("FmStepperField");
       return f(), H(ue, null, [
         v[10] || (v[10] = C("div", { class: "grow" }, null, -1)),
         s.closeable ? (f(), N(b, {
@@ -3490,7 +3483,7 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
           C("div", la, [
             C("p", oa, Q(l(w)("report.section.style.configuration")), 1),
             C("div", ta, [
-              p.value ? (f(), N(L, {
+              p.value ? (f(), N(A, {
                 key: 0,
                 modelValue: o.value,
                 "onUpdate:modelValue": v[4] || (v[4] = (F) => o.value = F),
@@ -3582,7 +3575,6 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
         usePointStyle: !0,
         legendFontSize: void 0,
         legendColor: "#6b6b6b",
-        legendMaxWidth: void 0,
         maxTooltipItems: void 0,
         stackBarOverlap: !1
       };
@@ -3793,18 +3785,18 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
 }, La = /* @__PURE__ */ ie({
   __name: "TileEditor",
   setup(D) {
-    const { rowHeight: m, colWidths: e } = Se(je()), s = Rl(), t = Il(), w = vl(), { globalFilters: x } = Se(Jl()), { currentSelectWidgetType: p, editingReport: B, editingTile: U, editingTileIndex: o } = Se(w), { breakpoints: r } = gl(), { promptMessage: v } = fl(), { t: b, te: L } = me(), h = T(() => {
+    const { rowHeight: m, colWidths: e } = _e(je()), s = Rl(), t = Il(), w = vl(), { globalFilters: x } = _e(Jl()), { currentSelectWidgetType: p, editingReport: B, editingTile: U, editingTileIndex: o } = _e(w), { breakpoints: r } = gl(), { promptMessage: v } = fl(), { t: b, te: A } = me(), h = T(() => {
       var c;
       const a = (c = U.value) == null ? void 0 : c.widget.type;
       if (!a)
         return b("report.editor.newReport");
       const g = `report.widget.types.${a.toLowerCase()}`;
-      return L(g) ? b(g) : a;
+      return A(g) ? b(g) : a;
     }), F = oe(!1);
     function z() {
       p.value = void 0, U.value = void 0, o.value = -1, t.back();
     }
-    async function k() {
+    async function S() {
       var g;
       if (!B.value) return;
       await v({
@@ -3835,8 +3827,8 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
               { label: l(b)("report.common.cancel"), value: "cancel", isPrimary: !1 },
               { label: l(b)("report.common.save"), value: "save", isPrimary: !0 }
             ],
-            "onClick:action": g[0] || (g[0] = (S) => {
-              S === "cancel" && d(), S === "save" && k();
+            "onClick:action": g[0] || (g[0] = (k) => {
+              k === "cancel" && d(), k === "save" && S();
             })
           }, {
             title: G(() => [
@@ -3844,8 +3836,8 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
             ]),
             _: 1
           }, 8, ["actions"]),
-          l(U) && (l(x) || []).some((S) => {
-            const i = S.tileIds, n = l(U) && l(U).id;
+          l(U) && (l(x) || []).some((k) => {
+            const i = k.tileIds, n = l(U) && l(U).id;
             return Array.isArray(i) && typeof n == "string" && i.includes(n);
           }) ? (f(), H("div", ha, [
             u(Kl)
@@ -3853,12 +3845,12 @@ const go = { class: "flex flex-col my-2 gap-8" }, yo = { class: "fm-typo-en-body
           l(U) ? (f(), N(cl(l(r).lg || l(r).md ? va : ya), {
             key: 1,
             modelValue: l(U),
-            "onUpdate:modelValue": g[1] || (g[1] = (S) => zl(U) ? U.value = S : null),
+            "onUpdate:modelValue": g[1] || (g[1] = (k) => zl(U) ? U.value = k : null),
             class: ke(`${l(r).lg || l(r).md ? "flex" : ""} w-full`),
             style: He({ height: `calc( 100% - ${l(r).lg || l(r).md ? 72 : 64}px)` }),
             "hide-configuration": F.value,
             index: Number(l(s).params.tileIndex),
-            onHideConfiguration: g[2] || (g[2] = (S) => F.value = S)
+            onHideConfiguration: g[2] || (g[2] = (k) => F.value = k)
           }, null, 40, ["modelValue", "class", "style", "hide-configuration", "index"])) : O("", !0)
         ]),
         _: 1