@feedmepos/mf-report 5.22.13-beta.1 → 5.22.14-beta.2

package/dist/{TileEditor-BQDzUwav.js → TileEditor-CWYE5X71.js}

@@ -1,17 +1,17 @@
-import { defineComponent as se, mergeModels as ve, useModel as ge, computed as T, ref as Q, resolveComponent as D, createElementBlock as R, openBlock as g, createVNode as u, createElementVNode as h, unref as l, withCtx as q, toDisplayString as Y, Fragment as de, renderList as xe, withModifiers as ye, createTextVNode as Ue, watch as he, createCommentVNode as M, createBlock as N, onUnmounted as Dl, renderSlot as sl, onMounted as He, onBeforeUnmount as rl, resolveDynamicComponent as ul, normalizeClass as $e, withDirectives as Ce, vShow as we, withKeys as el, vModelText as Bl, normalizeStyle as Ee, isRef as Al } from "vue";
+import { defineComponent as se, mergeModels as ve, useModel as ge, computed as T, ref as Z, resolveComponent as D, createElementBlock as R, openBlock as g, createVNode as u, createElementVNode as h, unref as l, withCtx as q, toDisplayString as Y, Fragment as de, renderList as xe, withModifiers as ye, createTextVNode as Ue, watch as he, createCommentVNode as M, createBlock as N, onUnmounted as Dl, renderSlot as sl, onMounted as He, onBeforeUnmount as rl, resolveDynamicComponent as ul, normalizeClass as ke, withDirectives as Ce, vShow as we, withKeys as el, vModelText as Bl, normalizeStyle as Ee, isRef as Al } from "vue";
 import { useRoute as Ll, useRouter as Ml } from "vue-router";
-import { h as Nl, d as Ie, S as We, _ as Ol, W as zl, b as jl, T as Il, a as Rl } from "./TransitionFade-DlAa1-mg.js";
-import { W as H, b as dl, d as De, D as Pl, S as ll, C as Xl, P as tl, a as El } from "./BaseDialog.vue_vue_type_script_setup_true_lang-CzbeFyTt.js";
-import { storeToRefs as _e } from "pinia";
+import { h as Nl, d as Ie, S as We, _ as Ol, W as jl, b as zl, T as Il, a as Rl } from "./TransitionFade-DwQjFIYA.js";
+import { W as H, b as dl, d as De, D as Pl, S as ll, C as Xl, P as tl, a as El } from "./BaseDialog.vue_vue_type_script_setup_true_lang-CcKWqqNP.js";
+import { storeToRefs as Se } from "pinia";
 import { u as ml } from "./message-dialog-UoMWOnil.js";
 import { useSnackbar as Wl, useBreakpoints as cl, FmButtonColorThemeVariant as ol } from "@feedmepos/ui-library";
-import { a as fe, _ as pl } from "./SelectComponent.vue_vue_type_script_setup_true_lang-BHVPbR3l.js";
-import { u as ce, j as Te, b as vl } from "./vue-i18n-BxRs360O.js";
+import { a as fe, _ as pl } from "./SelectComponent.vue_vue_type_script_setup_true_lang-CYDZzbCU.js";
+import { u as ce, j as $e, b as vl } from "./vue-i18n-ComGWqEb.js";
 import { r as me } from "./i18n-CI_sQ5d_.js";
-import { g as Se, u as Oe, L as Fe, b as Ne, S as ee, d as ie, c as al, e as ql, Y as Yl, X as Hl, _ as fl, a as Gl } from "./FilterSelector.vue_vue_type_script_setup_true_lang-Ccr5PmzE.js";
-import { d as ze } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-B06jDFgJ.js";
-import { d as Me } from "./app-tS9-0m0b.js";
-import { _ as gl } from "./NoData.vue_vue_type_script_setup_true_lang-DdX25Qgn.js";
+import { g as Te, u as Oe, L as Fe, b as Ne, S as ee, d as ie, c as al, e as ql, Y as Yl, X as Hl, _ as fl, a as Gl } from "./FilterSelector.vue_vue_type_script_setup_true_lang-CyW-5xr4.js";
+import { d as je } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-CryPHoYr.js";
+import { d as Me } from "./app-BRv3iLF1.js";
+import { _ as gl } from "./NoData.vue_vue_type_script_setup_true_lang-zS79GrjC.js";
 const Re = [
   {
     type: H.Circular,
@@ -183,7 +183,7 @@ const Re = [
   }),
   emits: ["update:modelValue"],
   setup(B) {
-    const { t: p, te: e } = ce(), i = ge(B, "modelValue"), a = B, { schemas: w } = _e(dl()), V = T(
+    const { t: p, te: e } = ce(), i = ge(B, "modelValue"), a = B, { schemas: w } = Se(dl()), V = T(
       () => w.value.map((b) => ({
         label: b.label,
         value: b.name,
@@ -196,7 +196,7 @@ const Re = [
         const b = i.value.schemaNames[0], x = w.value.find(($) => $.name === b), O = ((x == null ? void 0 : x.joins) || []).map(($) => $);
         return V.value.filter(($) => O.includes($.raw.name));
       }
-    }), _ = Q(!1), S = Q(""), o = Q(), r = Wl();
+    }), _ = Z(!1), S = Z(""), o = Z(), r = Wl();
     function f(b) {
       var x;
       return me(
@@ -319,29 +319,29 @@ const Re = [
   }),
   emits: ["update:modelValue"],
   setup(B) {
-    const { t: p, te: e } = ce(), i = ge(B, "modelValue"), a = B, w = T(() => p(`report.section.dimension.${a.label}`)), V = Q(!1), v = T(
+    const { t: p, te: e } = ce(), i = ge(B, "modelValue"), a = B, w = T(() => p(`report.section.dimension.${a.label}`)), V = Z(!1), v = T(
       () => i.value.map((m, s) => ({
         index: s,
         labels: [m.label || m.name],
         value: m
       }))
-    ), _ = Q(i.value.length > 0 ? 0 : void 0);
+    ), _ = Z(i.value.length > 0 ? 0 : void 0);
     function S(m) {
-      var s, d, y, j;
+      var s, d, y, z;
       V.value = !0, o.value = m != null && m.value ? JSON.parse(
         JSON.stringify({
           ...m.value,
           label: me(p, e, (s = m.value) == null ? void 0 : s.label, "other"),
-          moveToColumn: (((d = a.config) == null ? void 0 : d.columnIds) || []).includes(Se(m.value))
+          moveToColumn: (((d = a.config) == null ? void 0 : d.columnIds) || []).includes(Te(m.value))
         })
-      ) : void 0, _.value = m == null ? void 0 : m.index, r.value = !!((y = o.value) != null && y.dataFormula || (j = o.value) != null && j.displayFormula), o.value && o.value.formatter === void 0 && (a.options.find(
+      ) : void 0, _.value = m == null ? void 0 : m.index, r.value = !!((y = o.value) != null && y.dataFormula || (z = o.value) != null && z.displayFormula), o.value && o.value.formatter === void 0 && (a.options.find(
         (le) => {
-          var te, Z;
-          return le.schemaName === ((te = o.value) == null ? void 0 : te.schemaName) && le.name === ((Z = o.value) == null ? void 0 : Z.name);
+          var te, K;
+          return le.schemaName === ((te = o.value) == null ? void 0 : te.schemaName) && le.name === ((K = o.value) == null ? void 0 : K.name);
         }
       ), m != null && m.value.timeFormatter && o.value.formatter === void 0 && (o.value.formatter = m == null ? void 0 : m.value.timeFormatter, o.value.timeFormatter = void 0));
     }
-    const o = Q(void 0), r = Q(!1), f = T(
+    const o = Z(void 0), r = Z(!1), f = T(
       () => a.options.find(
         (m) => {
           var s, d;
@@ -384,14 +384,14 @@ const Re = [
       r.value || (o.value.dataFormula = void 0), _.value !== void 0 ? m[_.value] = o.value : m.push(o.value), i.value = m, V.value = !1;
     }
     function x(m) {
-      const d = [...v.value.map((y) => y.value)].filter((y, j) => j !== m);
+      const d = [...v.value.map((y) => y.value)].filter((y, z) => z !== m);
       i.value = d;
     }
     function O(m) {
       o.value && (o.value.decimal = Number(m));
     }
     function $(m) {
-      const s = `report.section.filter.${Te(m)}`;
+      const s = `report.section.filter.${$e(m)}`;
       return e(s) ? p(s) : me(p, e, m, "field");
     }
     function c(m) {
@@ -408,7 +408,7 @@ const Re = [
       }))
     );
     return (m, s) => {
-      const d = D("FmTextField"), y = D("FmStepperField"), j = D("FmCheckbox"), le = D("FmTextarea"), te = D("FmForm"), Z = D("FmIcon"), re = D("FmButton"), ne = D("FmListItem"), L = D("FmList"), I = D("FmField");
+      const d = D("FmTextField"), y = D("FmStepperField"), z = D("FmCheckbox"), le = D("FmTextarea"), te = D("FmForm"), K = D("FmIcon"), re = D("FmButton"), ne = D("FmListItem"), L = D("FmList"), I = D("FmField");
       return B.max !== 0 ? (g(), R("div", tt, [
         u(De, {
           modelValue: V.value,
@@ -431,95 +431,95 @@ const Re = [
                     items: n.value,
                     placeholder: w.value,
                     label: w.value,
-                    "onUpdate:modelValue": s[0] || (s[0] = (K) => A(K))
+                    "onUpdate:modelValue": s[0] || (s[0] = (Q) => A(Q))
                   }, null, 8, ["model-value", "items", "placeholder", "label"]),
                   o.value ? (g(), R(de, { key: 0 }, [
                     u(d, {
                       modelValue: o.value.label,
-                      "onUpdate:modelValue": s[1] || (s[1] = (K) => o.value.label = K),
+                      "onUpdate:modelValue": s[1] || (s[1] = (Q) => o.value.label = Q),
                       label: l(p)("report.section.dimension.label")
                     }, null, 8, ["modelValue", "label"]),
                     (((G = f.value) == null ? void 0 : G.dimensionOptions) || []).length > 0 ? (g(), N(fe, {
                       key: 0,
                       modelValue: o.value.option,
-                      "onUpdate:modelValue": s[2] || (s[2] = (K) => o.value.option = K),
-                      items: ((ae = f.value) == null ? void 0 : ae.dimensionOptions.map((K) => ({
-                        label: $(K),
-                        value: K
+                      "onUpdate:modelValue": s[2] || (s[2] = (Q) => o.value.option = Q),
+                      items: ((ae = f.value) == null ? void 0 : ae.dimensionOptions.map((Q) => ({
+                        label: $(Q),
+                        value: Q
                       }))) ?? []
                     }, null, 8, ["modelValue", "items"])) : M("", !0),
                     (W = f.value) != null && W.isNumericType ? (g(), N(y, {
                       key: 1,
                       label: l(p)("report.common.decimal"),
                       "model-value": ((pe = o.value) == null ? void 0 : pe.decimal) ?? 2,
-                      "onUpdate:modelValue": s[3] || (s[3] = (K) => {
-                        O(K);
+                      "onUpdate:modelValue": s[3] || (s[3] = (Q) => {
+                        O(Q);
                       })
                     }, null, 8, ["label", "model-value"])) : M("", !0),
                     (be = f.value) != null && be.isNumericType ? (g(), N(fe, {
                       key: 2,
                       modelValue: o.value.formatter,
-                      "onUpdate:modelValue": s[4] || (s[4] = (K) => o.value.formatter = K),
+                      "onUpdate:modelValue": s[4] || (s[4] = (Q) => o.value.formatter = Q),
                       placeholder: l(p)("report.section.dimension.formatter"),
                       label: l(p)("report.section.dimension.formatter"),
                       items: [
                         { label: l(p)("report.section.metric.formatterType.NONE"), value: null },
-                        ...(((Be = f.value) == null ? void 0 : Be.formatters) || []).map((K) => ({
-                          label: c(K),
-                          value: K
+                        ...(((Be = f.value) == null ? void 0 : Be.formatters) || []).map((Q) => ({
+                          label: c(Q),
+                          value: Q
                         }))
                       ]
                     }, null, 8, ["modelValue", "placeholder", "label", "items"])) : M("", !0),
-                    C.value ? (g(), N(j, {
+                    C.value ? (g(), N(z, {
                       key: 3,
                       "model-value": o.value.fillGap ?? !1,
                       label: l(p)("report.section.dimension.fillGap"),
                       value: "",
                       placeholder: "Fill gap",
-                      "onUpdate:modelValue": s[5] || (s[5] = (K) => {
-                        o.value && (o.value.fillGap = t(K));
+                      "onUpdate:modelValue": s[5] || (s[5] = (Q) => {
+                        o.value && (o.value.fillGap = t(Q));
                       })
                     }, null, 8, ["model-value", "label"])) : M("", !0),
-                    ((Ae = f.value) == null ? void 0 : Ae.type) === l(Pl).Timestamp ? (g(), N(j, {
+                    ((Ae = f.value) == null ? void 0 : Ae.type) === l(Pl).Timestamp ? (g(), N(z, {
                       key: 4,
                       "model-value": o.value.dateComparison ?? !1,
                       label: l(p)("report.section.dimension.dateComparison"),
                       value: "",
-                      "onUpdate:modelValue": s[6] || (s[6] = (K) => {
-                        o.value && (o.value.dateComparison = t(K));
+                      "onUpdate:modelValue": s[6] || (s[6] = (Q) => {
+                        o.value && (o.value.dateComparison = t(Q));
                       })
                     }, null, 8, ["model-value", "label"])) : M("", !0),
-                    u(j, {
+                    u(z, {
                       modelValue: o.value.hide,
-                      "onUpdate:modelValue": s[7] || (s[7] = (K) => o.value.hide = K),
+                      "onUpdate:modelValue": s[7] || (s[7] = (Q) => o.value.hide = Q),
                       label: l(p)("report.section.dimension.hide"),
                       value: ""
                     }, null, 8, ["modelValue", "label"]),
-                    a.hasRowColumn ? (g(), N(j, {
+                    a.hasRowColumn ? (g(), N(z, {
                       key: 5,
                       "model-value": o.value.moveToColumn ?? !1,
                       label: l(p)("report.section.dimension.moveToColumn"),
                       value: "",
-                      "onUpdate:modelValue": s[8] || (s[8] = (K) => {
-                        o.value && (o.value.moveToColumn = t(K));
+                      "onUpdate:modelValue": s[8] || (s[8] = (Q) => {
+                        o.value && (o.value.moveToColumn = t(Q));
                       })
                     }, null, 8, ["model-value", "label"])) : M("", !0),
-                    u(j, {
+                    u(z, {
                       modelValue: r.value,
-                      "onUpdate:modelValue": s[9] || (s[9] = (K) => r.value = K),
+                      "onUpdate:modelValue": s[9] || (s[9] = (Q) => r.value = Q),
                       label: l(p)("report.section.dimension.advance"),
                       value: !0
                     }, null, 8, ["modelValue", "label"]),
                     r.value ? (g(), N(le, {
                       key: 6,
                       modelValue: o.value.dataFormula,
-                      "onUpdate:modelValue": s[10] || (s[10] = (K) => o.value.dataFormula = K),
+                      "onUpdate:modelValue": s[10] || (s[10] = (Q) => o.value.dataFormula = Q),
                       placeholder: l(p)("report.section.dimension.dataFormula")
                     }, null, 8, ["modelValue", "placeholder"])) : M("", !0),
                     r.value ? (g(), N(le, {
                       key: 7,
                       modelValue: o.value.displayFormula,
-                      "onUpdate:modelValue": s[11] || (s[11] = (K) => o.value.displayFormula = K),
+                      "onUpdate:modelValue": s[11] || (s[11] = (Q) => o.value.displayFormula = Q),
                       placeholder: l(p)("report.section.dimension.displayFormula")
                     }, null, 8, ["modelValue", "placeholder"])) : M("", !0)
                   ], 64)) : M("", !0)
@@ -538,7 +538,7 @@ const Re = [
           default: q(() => [
             u(l(Ie), {
               list: i.value,
-              "item-key": (G) => l(Se)(G),
+              "item-key": (G) => l(Te)(G),
               class: "flex flex-col gap-2"
             }, {
               item: q(({ element: G, index: ae }) => [
@@ -547,7 +547,7 @@ const Re = [
                   onClick: ye((W) => S(v.value[ae]), ["stop"])
                 }, {
                   default: q(() => [
-                    u(Z, { name: "drag_handle" }),
+                    u(K, { name: "drag_handle" }),
                     h("p", nt, Y(l(me)(l(p), l(e), G.label, "other")), 1),
                     s[14] || (s[14] = h("div", { class: "grow" }, null, -1)),
                     u(re, {
@@ -597,7 +597,7 @@ function it(B, p, e) {
 }
 function st(B) {
   var i;
-  const { rowIds: p, columnIds: e } = je(B.widget.config);
+  const { rowIds: p, columnIds: e } = ze(B.widget.config);
   return {
     ...B,
     widget: {
@@ -612,7 +612,7 @@ function st(B) {
           B.widget.config.isDrillable
         ),
         joinDatasources: (i = B.widget.config.joinDatasources) == null ? void 0 : i.map((a) => {
-          const { rowIds: w, columnIds: V } = je(a);
+          const { rowIds: w, columnIds: V } = ze(a);
           return {
             ...a,
             rowIds: w,
@@ -623,8 +623,8 @@ function st(B) {
     }
   };
 }
-function je(B) {
-  const p = B.dimensions.filter((V) => V.hide !== !0 && !V.moveToColumn).map((V) => Se(V)), e = B.dimensions.filter((V) => V.hide !== !0 && V.moveToColumn == !0).map((V) => Se(V)), i = B.metrics.length > 0;
+function ze(B) {
+  const p = B.dimensions.filter((V) => V.hide !== !0 && !V.moveToColumn).map((V) => Te(V)), e = B.dimensions.filter((V) => V.hide !== !0 && V.moveToColumn == !0).map((V) => Te(V)), i = B.metrics.length > 0;
   i && B.metrics.find((V) => V.moveToRow == !0) ? p.push(qe.value) : i && e.push(qe.value);
   const a = [], w = [];
   for (const V of p)
@@ -672,13 +672,13 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
   setup(B, { emit: p }) {
     const { t: e, te: i } = ce(), a = ge(B, "modelValue"), w = B;
     T(() => !!w.max && a.value.length === w.max);
-    const V = T(() => e(`report.section.metric.${w.label}`)), v = Q(!1), _ = T(
+    const V = T(() => e(`report.section.metric.${w.label}`)), v = Z(!1), _ = T(
       () => a.value.map((t, n) => ({
         index: n,
         labels: [t.label || t.name],
         value: t
       }))
-    ), S = Q(a.value.length > 0 ? 0 : void 0);
+    ), S = Z(a.value.length > 0 ? 0 : void 0);
     function o(t) {
       var n, m, s;
       v.value = !0, r.value = t != null && t.value ? JSON.parse(
@@ -688,12 +688,12 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
         })
       ) : void 0, S.value = t == null ? void 0 : t.index, f.value = !!((n = r.value) != null && n.dataFormula || (m = r.value) != null && m.displayFormula), r.value && r.value.formatter === void 0 && (w.options.find(
         (d) => {
-          var y, j;
-          return d.schemaName === ((y = r.value) == null ? void 0 : y.schemaName) && d.name === ((j = r.value) == null ? void 0 : j.name);
+          var y, z;
+          return d.schemaName === ((y = r.value) == null ? void 0 : y.schemaName) && d.name === ((z = r.value) == null ? void 0 : z.name);
         }
       ), t != null && t.value.timeFormatter && r.value.formatter === void 0 && (r.value.formatter = t == null ? void 0 : t.value.timeFormatter, r.value.timeFormatter = void 0)), ((s = w.config.rowIds) == null ? void 0 : s.findIndex((d) => d === qe.value)) !== -1 && r.value && (r.value.moveToRow = !0), r.value && (!w.hasXy || r.value.nullable === void 0) && (r.value.nullable = !1);
     }
-    const r = Q(void 0), f = Q(!1), C = T(
+    const r = Z(void 0), f = Z(!1), C = T(
       () => w.options.find(
         (t) => {
           var n, m;
@@ -742,7 +742,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       }))
     );
     return (t, n) => {
-      const m = D("FmTextField"), s = D("FmStepperField"), d = D("FmCheckbox"), y = D("FmTextarea"), j = D("FmForm"), le = D("FmIcon"), te = D("FmButton"), Z = D("FmListItem"), re = D("FmList"), ne = D("FmField");
+      const m = D("FmTextField"), s = D("FmStepperField"), d = D("FmCheckbox"), y = D("FmTextarea"), z = D("FmForm"), le = D("FmIcon"), te = D("FmButton"), K = D("FmListItem"), re = D("FmList"), ne = D("FmField");
       return g(), R("div", rt, [
         u(De, {
           modelValue: v.value,
@@ -751,7 +751,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
           onConfirm: O
         }, {
           content: q(() => [
-            u(j, {
+            u(z, {
               ref: "form",
               class: "flex flex-col gap-2 w-[490px]"
             }, {
@@ -863,7 +863,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
               class: "flex flex-col gap-2 w-full"
             }, {
               item: q(({ element: L, index: I }) => [
-                u(Z, {
+                u(K, {
                   class: "!cursor-grab border rounded-md border-neutral-300 h-[40px] !p-[8px]",
                   onClick: ye((G) => o(_.value[I]), ["stop"])
                 }, {
@@ -917,7 +917,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
   }),
   emits: ["update:modelValue"],
   setup(B) {
-    const { t: p, te: e } = ce(), i = ge(B, "modelValue"), a = B, w = T(() => p(`report.section.sort.${a.label}`)), V = Q(!1), v = T(
+    const { t: p, te: e } = ce(), i = ge(B, "modelValue"), a = B, w = T(() => p(`report.section.sort.${a.label}`)), V = Z(!1), v = T(
       () => i.value.map(($, c) => {
         const t = a.options.find(
           (m) => m.schemaName === $.schemaName && m.name === $.name
@@ -928,12 +928,12 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
           value: $
         };
       })
-    ), _ = Q(i.value.length > 0 ? 0 : void 0);
+    ), _ = Z(i.value.length > 0 ? 0 : void 0);
     function S($) {
       var c;
       V.value = !0, o.value = $ != null && $.value ? JSON.parse(JSON.stringify($.value)) : void 0, _.value = $ == null ? void 0 : $.index, r.value = !!((c = o.value) != null && c.dataFormula);
     }
-    const o = Q(void 0), r = Q(!1), f = T(
+    const o = Z(void 0), r = Z(!1), f = T(
       () => a.options.find(
         ($) => {
           var c, t;
@@ -964,7 +964,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       c.splice($, 1), i.value = c, V.value = !1;
     }
     function x($) {
-      const c = `report.section.filter.${Te($)}`;
+      const c = `report.section.filter.${$e($)}`;
       return e(c) ? p(c) : me(p, e, $, "field");
     }
     const O = T(
@@ -974,7 +974,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       }))
     );
     return ($, c) => {
-      const t = D("FmCheckbox"), n = D("FmTextarea"), m = D("FmForm"), s = D("FmIcon"), d = D("FmButton"), y = D("FmListItem"), j = D("FmList"), le = D("FmField");
+      const t = D("FmCheckbox"), n = D("FmTextarea"), m = D("FmForm"), s = D("FmIcon"), d = D("FmButton"), y = D("FmListItem"), z = D("FmList"), le = D("FmField");
       return g(), R("div", pt, [
         u(De, {
           modelValue: V.value,
@@ -988,7 +988,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
               class: "flex flex-col gap-2 w-[490px]"
             }, {
               default: q(() => {
-                var te, Z, re, ne;
+                var te, K, re, ne;
                 return [
                   u(fe, {
                     "model-value": f.value,
@@ -1002,7 +1002,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
                       key: 0,
                       modelValue: o.value.dimensionOption,
                       "onUpdate:modelValue": c[1] || (c[1] = (L) => o.value.dimensionOption = L),
-                      items: ((Z = f.value) == null ? void 0 : Z.dimensionOptions.map((L) => ({
+                      items: ((K = f.value) == null ? void 0 : K.dimensionOptions.map((L) => ({
                         label: x(L),
                         value: L
                       }))) ?? [],
@@ -1054,27 +1054,27 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
           h("p", vt, Y(w.value), 1),
           h("p", ft, Y(l(p)("report.section.sort.description")), 1)
         ]),
-        u(j, null, {
+        u(z, null, {
           default: q(() => [
             u(l(Ie), {
               list: i.value,
               "item-key": "id",
               class: "flex flex-col gap-2 w-full"
             }, {
-              item: q(({ element: te, index: Z }) => [
+              item: q(({ element: te, index: K }) => [
                 u(y, {
                   class: "!cursor-grab border rounded-md border-neutral-300 h-[40px] !p-[8px]",
-                  onClick: ye((re) => S(v.value[Z]), ["stop"])
+                  onClick: ye((re) => S(v.value[K]), ["stop"])
                 }, {
                   default: q(() => [
                     u(s, { name: "drag_handle" }),
-                    h("p", gt, Y(v.value[Z].label), 1),
+                    h("p", gt, Y(v.value[K].label), 1),
                     c[8] || (c[8] = h("div", { class: "grow" }, null, -1)),
                     u(d, {
                       icon: "close",
                       size: "md",
                       variant: "tertiary",
-                      onClick: ye((re) => b(Z), ["stop"])
+                      onClick: ye((re) => b(K), ["stop"])
                     }, null, 8, ["onClick"])
                   ]),
                   _: 2
@@ -1107,7 +1107,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
   },
   emits: ["update:modelValue"],
   setup(B) {
-    const { t: p } = ce(), e = ge(B, "modelValue"), i = ze((a) => {
+    const { t: p } = ce(), e = ge(B, "modelValue"), i = je((a) => {
       a !== "" ? e.value = a : e.value = null;
     }, 1e3);
     return (a, w) => {
@@ -1147,13 +1147,13 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
   }),
   emits: ["update:modelValue"],
   setup(B) {
-    const { t: p, te: e } = ce(), i = ge(B, "modelValue"), a = B, w = T(() => p(`report.section.condition.${a.label}`)), V = Q(!1), v = T(
+    const { t: p, te: e } = ce(), i = ge(B, "modelValue"), a = B, w = T(() => p(`report.section.condition.${a.label}`)), V = Z(!1), v = T(
       () => i.value.map((c, t) => {
         var s, d;
         const n = a.joinFieldOptions.find(
           (y) => {
-            var j, le;
-            return y.schemaName === ((j = c.joinDimension) == null ? void 0 : j.schemaName) && y.name === ((le = c.joinDimension) == null ? void 0 : le.name);
+            var z, le;
+            return y.schemaName === ((z = c.joinDimension) == null ? void 0 : z.schemaName) && y.name === ((le = c.joinDimension) == null ? void 0 : le.name);
           }
         ), m = (n == null ? void 0 : n.labels) || [
           (s = c.joinDimension) == null ? void 0 : s.schemaName,
@@ -1165,7 +1165,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
           value: c
         };
       })
-    ), _ = Q(i.value.length > 0 ? 0 : void 0);
+    ), _ = Z(i.value.length > 0 ? 0 : void 0);
     function S(c) {
       c ? (o.value = c != null && c.value ? JSON.parse(JSON.stringify(c.value)) : void 0, _.value = c == null ? void 0 : c.index) : (o.value = {
         joinDimension: null,
@@ -1173,7 +1173,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
         mainDimensions: []
       }, _.value = void 0), V.value = !0;
     }
-    const o = Q(void 0), r = T(
+    const o = Z(void 0), r = T(
       () => a.joinFieldOptions.find(
         (c) => {
           var t, n;
@@ -1251,7 +1251,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       t.splice(c, 1), i.value = t;
     }
     return (c, t) => {
-      const n = D("FmMenuDivider"), m = D("FmForm"), s = D("FmIcon"), d = D("FmButton"), y = D("FmListItem"), j = D("FmList"), le = D("FmField");
+      const n = D("FmMenuDivider"), m = D("FmForm"), s = D("FmIcon"), d = D("FmButton"), y = D("FmListItem"), z = D("FmList"), le = D("FmField");
       return g(), R("div", wt, [
         u(De, {
           modelValue: V.value,
@@ -1265,7 +1265,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
               class: "flex flex-col gap-2 w-[490px]"
             }, {
               default: q(() => {
-                var te, Z, re, ne, L;
+                var te, K, re, ne, L;
                 return [
                   u(fe, {
                     label: l(p)("report.section.condition.joinDatasource"),
@@ -1275,13 +1275,13 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
                     "onUpdate:modelValue": t[0] || (t[0] = (I) => A(I))
                   }, null, 8, ["label", "model-value", "items", "placeholder"]),
                   u(n),
-                  (te = o.value) != null && te.joinDimension && (((Z = r.value) == null ? void 0 : Z.dimensionOptions) || []).length > 0 ? (g(), N(fe, {
+                  (te = o.value) != null && te.joinDimension && (((K = r.value) == null ? void 0 : K.dimensionOptions) || []).length > 0 ? (g(), N(fe, {
                     key: 0,
                     modelValue: o.value.joinDimension.option,
                     "onUpdate:modelValue": t[1] || (t[1] = (I) => o.value.joinDimension.option = I),
                     label: l(p)("report.section.condition.format"),
                     items: ((re = r.value) == null ? void 0 : re.dimensionOptions.map((I) => ({
-                      label: l(e)(`report.section.filter.${l(Te)(I)}`) ? l(p)(`report.section.filter.${l(Te)(I)}`) : I,
+                      label: l(e)(`report.section.filter.${l($e)(I)}`) ? l(p)(`report.section.filter.${l($e)(I)}`) : I,
                       value: I
                     }))) ?? []
                   }, null, 8, ["modelValue", "label", "items"])) : M("", !0),
@@ -1315,7 +1315,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
                         modelValue: I.option,
                         "onUpdate:modelValue": (pe) => I.option = pe,
                         items: (W = f.value[G]) == null ? void 0 : W.dimensionOptions.map((pe) => ({
-                          label: l(e)(`report.section.filter.${l(Te)(pe)}`) ? l(p)(`report.section.filter.${l(Te)(pe)}`) : pe,
+                          label: l(e)(`report.section.filter.${l($e)(pe)}`) ? l(p)(`report.section.filter.${l($e)(pe)}`) : pe,
                           value: pe
                         }))
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "items"])) : M("", !0),
@@ -1333,30 +1333,30 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
           h("p", xt, Y(w.value), 1),
           h("p", Vt, Y(l(p)("report.section.condition.description")), 1)
         ]),
-        u(j, { class: "flex flex-col gap-2" }, {
+        u(z, { class: "flex flex-col gap-2" }, {
           default: q(() => [
             u(l(Ie), {
               list: i.value,
               "item-key": (te) => {
-                var Z, re;
-                return `${(Z = te.joinDimension) == null ? void 0 : Z.schemaName}:${(re = te.joinDimension) == null ? void 0 : re.name}`;
+                var K, re;
+                return `${(K = te.joinDimension) == null ? void 0 : K.schemaName}:${(re = te.joinDimension) == null ? void 0 : re.name}`;
               },
               class: "flex flex-col gap-2 w-full"
             }, {
-              item: q(({ element: te, index: Z }) => [
+              item: q(({ element: te, index: K }) => [
                 u(y, {
                   class: "!cursor-grab border rounded-md border-neutral-300 h-[40px] !p-[8px]",
-                  onClick: ye((re) => S(v.value[Z]), ["stop"])
+                  onClick: ye((re) => S(v.value[K]), ["stop"])
                 }, {
                   default: q(() => [
                     u(s, { name: "drag_handle" }),
-                    h("p", Ft, Y(v.value[Z].label), 1),
+                    h("p", Ft, Y(v.value[K].label), 1),
                     t[4] || (t[4] = h("div", { class: "grow" }, null, -1)),
                     u(d, {
                       icon: "close",
                       size: "md",
                       variant: "tertiary",
-                      onClick: ye((re) => $(Z), ["stop"])
+                      onClick: ye((re) => $(K), ["stop"])
                     }, null, 8, ["onClick"])
                   ]),
                   _: 2
@@ -1414,12 +1414,12 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
     he(
       [() => a.value.dimensions, () => a.value.metrics],
       () => {
-        const { rowIds: t, columnIds: n } = je(a.value);
+        const { rowIds: t, columnIds: n } = ze(a.value);
         a.value.rowIds = t, a.value.columnIds = n;
       },
       { deep: !0 }
     );
-    const w = B, V = p, { schemas: v } = _e(dl());
+    const w = B, V = p, { schemas: v } = Se(dl());
     Dl(() => {
       e(), i();
     });
@@ -1428,7 +1428,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
     ), C = T(() => {
       const t = [...a.value.dimensions].filter((n) => !n.hide);
       return t.sort(
-        (n, m) => (a.value.rowIds || []).indexOf(Se(n)) - (a.value.rowIds || []).indexOf(Se(m))
+        (n, m) => (a.value.rowIds || []).indexOf(Te(n)) - (a.value.rowIds || []).indexOf(Te(m))
       ), t;
     }), A = T(() => w.config.type === H.Scorecard), b = T(
       () => {
@@ -1472,7 +1472,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
         value: n + 1
       }))
     ]), $ = T(
-      () => `rollup-${o.value}-${C.value.map((t) => Se(t)).join("|")}`
+      () => `rollup-${o.value}-${C.value.map((t) => Te(t)).join("|")}`
     ), c = T(() => [
       {
         label: _("report.section.datasource.none"),
@@ -1786,7 +1786,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       ], 64);
     };
   }
-}), Ot = { class: "flex flex-col gap-8" }, zt = { class: "text-fm-color-typo-primary fm-typo-en-body-lg-600" }, jt = { class: "flex flex-row gap-2" }, It = {
+}), Ot = { class: "flex flex-col gap-8" }, jt = { class: "text-fm-color-typo-primary fm-typo-en-body-lg-600" }, zt = { class: "flex flex-row gap-2" }, It = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
 }, Rt = /* @__PURE__ */ se({
@@ -1796,7 +1796,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
   },
   emits: ["update:layout"],
   setup(B, { emit: p }) {
-    const { t: e } = ce(), i = B, a = p, { isEditing: w, colWidths: V, rowHeight: v } = _e(Oe()), { enableCellResizing: _, cancelResizingChanges: S, resetStore: o, disableEditMode: r } = Oe();
+    const { t: e } = ce(), i = B, a = p, { isEditing: w, colWidths: V, rowHeight: v } = Se(Oe()), { enableCellResizing: _, cancelResizingChanges: S, resetStore: o, disableEditMode: r } = Oe();
     T(
       () => {
         var C, A, b;
@@ -1828,8 +1828,8 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
     }), (C, A) => {
       const b = D("FmButton");
       return g(), R("div", Ot, [
-        h("p", zt, Y(l(e)("report.section.datasource.tableLayout")), 1),
-        h("div", jt, [
+        h("p", jt, Y(l(e)("report.section.datasource.tableLayout")), 1),
+        h("div", zt, [
           l(w) ? M("", !0) : (g(), N(b, {
             key: 0,
             label: l(e)("report.section.datasource.resizeTable"),
@@ -1877,10 +1877,10 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
   emits: /* @__PURE__ */ ve(["hideConfiguration"], ["update:modelValue"]),
   setup(B, { emit: p }) {
     var n, m;
-    const e = vl(), { dateRange: i, timezone: a } = _e(e), w = {
+    const e = vl(), { dateRange: i, timezone: a } = Se(e), w = {
       startDate: i.value.startDate,
       endDate: i.value.endDate
-    }, V = Q({
+    }, V = Z({
       startDate: (n = Me(i.value.startDate)) == null ? void 0 : n.tz(a.value).format(il),
       endDate: (m = Me(i.value.endDate)) == null ? void 0 : m.tz(a.value).format(il)
     });
@@ -1904,7 +1904,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
     }
     function b() {
       const s = [...v.value.widget.config.joinDatasources || []];
-      s.push({ ...jl(v.value.widget.type), conditions: [] }), A({
+      s.push({ ...zl(v.value.widget.type), conditions: [] }), A({
         ...v.value,
         widget: {
           ...v.value.widget,
@@ -1933,33 +1933,33 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       });
     }
     const O = (s, d) => {
-      let y = 1, j = 1;
+      let y = 1, z = 1;
       switch (s) {
         case H.Scorecard:
-          y = 1, j = 2;
+          y = 1, z = 2;
           break;
         case H.BarChart:
         case H.StackBarChart:
         case H.ClusteredStackBarChart:
         case H.LineChart:
         case H.StackLineChart:
-          y = 4, j = 6;
+          y = 4, z = 6;
           break;
         case H.Table:
-          y = 4, j = 12;
+          y = 4, z = 12;
           break;
         case H.Circular:
-          y = 4, j = 4;
+          y = 4, z = 4;
           break;
         case H.Spacer:
-          y = 0, j = 12;
+          y = 0, z = 12;
           break;
       }
       return {
         id: d.id,
         size: {
           height: y,
-          width: j
+          width: z
         },
         widget: {
           ...d.widget,
@@ -1968,7 +1968,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       };
     }, $ = T(
       () => Re.find((s) => s.type === v.value.widget.type)
-    ), c = T(() => v.value.widget.config.joinDatasources), t = ze((s) => {
+    ), c = T(() => v.value.widget.config.joinDatasources), t = je((s) => {
       v.value.widget.title = s;
     }, 500);
     return he(
@@ -1982,7 +1982,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
         s < 1 && (v.value.size.width = 1), s > 12 && (v.value.size.width = 12);
       }
     ), (s, d) => {
-      const y = D("FmCircularProgress"), j = D("FmSimpleDateRangePicker"), le = D("FmTextField"), te = D("FmTextarea"), Z = D("FmStepperField"), re = D("FmButton"), ne = D("FmForm");
+      const y = D("FmCircularProgress"), z = D("FmSimpleDateRangePicker"), le = D("FmTextField"), te = D("FmTextarea"), K = D("FmStepperField"), re = D("FmButton"), ne = D("FmForm");
       return g(), N(ul(l(_).lg || l(_).md ? St : $t), {
         "model-value": S.hideConfiguration,
         "onUpdate:modelValue": d[9] || (d[9] = (L) => r("hideConfiguration", L))
@@ -1995,7 +1995,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
           }, {
             default: q(() => [
               h("div", Pt, [
-                (g(), N(j, {
+                (g(), N(z, {
                   key: `date-picker-${l(C)}`,
                   modelValue: V.value,
                   "onUpdate:modelValue": d[0] || (d[0] = (L) => V.value = L)
@@ -2031,16 +2031,16 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
                     "onUpdate:model": d[2] || (d[2] = (L) => v.value.widget.config = L)
                   }, null, 8, ["model"]),
                   h("div", {
-                    class: $e(["flex flex-row", `${l(_).sm || l(_).xs ? "gap-16" : "gap-2"}`])
+                    class: ke(["flex flex-row", `${l(_).sm || l(_).xs ? "gap-16" : "gap-2"}`])
                   }, [
-                    u(Z, {
+                    u(K, {
                       modelValue: v.value.size.width,
                       "onUpdate:modelValue": d[3] || (d[3] = (L) => v.value.size.width = L),
                       label: l(f)("report.tile.widget.width"),
                       min: 1,
                       max: 12
                     }, null, 8, ["modelValue", "label"]),
-                    u(Z, {
+                    u(K, {
                       modelValue: v.value.size.height,
                       "onUpdate:modelValue": d[4] || (d[4] = (L) => v.value.size.height = L),
                       label: l(f)("report.tile.widget.height"),
@@ -2063,7 +2063,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
                   d[11] || (d[11] = h("div", { class: "grow" }, null, -1))
                 ]),
                 content: q(() => [
-                  u(zl, {
+                  u(jl, {
                     "is-list": !0,
                     "model-value": v.value.widget.type,
                     class: "grid grid-cols-1 gap-2",
@@ -2286,9 +2286,9 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       set: (b) => {
         i("update:model", { ...e.model, showYTitle: b });
       }
-    }), C = ze((b) => {
+    }), C = je((b) => {
       i("update:model", { ...e.model, xTitle: b });
-    }, 500), A = ze((b) => {
+    }, 500), A = je((b) => {
       i("update:model", { ...e.model, yTitle: b });
     }, 500);
     return He(() => {
@@ -2460,7 +2460,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
         }
         i("update:model", { ...e.model, legendFontSize: Math.min(Number(A), 24) });
       }
-    }), S = T(() => e.model.legendColor ?? "#6b6b6b"), o = Q(S.value), r = Q(null);
+    }), S = T(() => e.model.legendColor ?? "#6b6b6b"), o = Z(S.value), r = Z(null);
     he(
       () => e.model.legendColor,
       (A) => {
@@ -2594,16 +2594,16 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
 }, Co = { class: "flex flex-col gap-8" }, wo = {
   key: 1,
   class: "grid grid-cols-1 gap-8 sm:grid-cols-2"
-}, xo = { class: "fm-shadow-light-100 flex flex-col gap-8 rounded-md border border-fm-color-neutral-gray-100 p-10" }, Vo = ["title"], Fo = { class: "flex items-center justify-between gap-8" }, ko = ["aria-label"], _o = { class: "text-[12px] uppercase leading-none tracking-[0.02em] text-[#6b6b6b]" }, So = ["value", "onInput", "onChange"], To = {
+}, xo = ["title"], Vo = ["aria-label"], Fo = { class: "text-[12px] uppercase leading-none tracking-[0.02em] text-[#6b6b6b]" }, ko = ["value", "onInput", "onChange"], _o = {
   key: 0,
   class: "flex items-center gap-8"
-}, $o = {
+}, So = {
   key: 2,
   class: "flex flex-col gap-8"
-}, Uo = { class: "fm-shadow-light-100 rounded-md border border-fm-color-neutral-gray-100 bg-fm-color-neutral-white p-10" }, Do = { class: "mb-8 flex min-w-0 items-center gap-[8px] pb-8" }, Bo = ["title"], Ao = ["title"], Lo = ["aria-label"], Mo = { class: "text-[12px] uppercase leading-none tracking-[0.02em]" }, No = ["value", "disabled", "onInput", "onChange"], Oo = {
+}, To = { class: "fm-shadow-light-100 rounded-md border border-fm-color-neutral-gray-100 bg-fm-color-neutral-white p-10" }, $o = { class: "mb-8 flex min-w-0 items-center gap-[8px] pb-8" }, Uo = ["title"], Do = ["title"], Bo = ["aria-label"], Ao = { class: "text-[12px] uppercase leading-none tracking-[0.02em]" }, Lo = ["value", "disabled", "onInput", "onChange"], Mo = {
   key: 0,
   class: "flex items-center gap-8"
-}, Ve = 10, zo = /* @__PURE__ */ se({
+}, Ve = 10, No = /* @__PURE__ */ se({
   __name: "ChartColorSection",
   props: {
     model: {},
@@ -2644,8 +2644,8 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       return [...F, ...k];
     }
     function _(F, k) {
-      var z, X;
-      return F ? ((z = F.label) == null ? void 0 : z.trim()) || ((X = F.name) == null ? void 0 : X.trim()) || `${a("report.section.datasource.styleTarget.metric")} ${k + 1}` : `${a("report.section.datasource.styleTarget.metric")} ${k + 1}`;
+      var j, X;
+      return F ? ((j = F.label) == null ? void 0 : j.trim()) || ((X = F.name) == null ? void 0 : X.trim()) || `${a("report.section.datasource.styleTarget.metric")} ${k + 1}` : `${a("report.section.datasource.styleTarget.metric")} ${k + 1}`;
     }
     function S(F) {
       if (F === ee.breakdown)
@@ -2653,7 +2653,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       if (F === ee.metric) {
         const k = v();
         if (k.length > 0)
-          return k.map((U, z) => _(U, z));
+          return k.map((U, j) => _(U, j));
       }
       return ie.map(
         (k, U) => `${a("report.section.datasource.chartColor.series")} ${U + 1}`
@@ -2665,15 +2665,15 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       );
     }
     function r(F, k) {
-      const U = Array.isArray(F) ? F.length : 0, z = Array.isArray(k) ? k.length : 0;
-      return Math.max(ie.length, U, z, 1);
+      const U = Array.isArray(F) ? F.length : 0, j = Array.isArray(k) ? k.length : 0;
+      return Math.max(ie.length, U, j, 1);
     }
     const f = T(() => {
       const F = v();
       return F.length === 0 ? [a("report.section.datasource.styleTarget.metric")] : F.map((k, U) => _(k, U));
-    }), C = Q(ie.length), A = Q(ie.length);
+    }), C = Z(ie.length), A = Z(ie.length);
     function b(F, k) {
-      const U = Math.max(1, k), z = Array.isArray(F) ? F.length : 0, X = z > 0 ? Math.ceil(z / U) : 0;
+      const U = Math.max(1, k), j = Array.isArray(F) ? F.length : 0, X = j > 0 ? Math.ceil(j / U) : 0;
       return Math.max(ie.length, X, 1);
     }
     const x = T(() => {
@@ -2683,11 +2683,11 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       );
     });
     function O(F, k) {
-      const U = m(F) ?? "#000000", z = (X) => {
+      const U = m(F) ?? "#000000", j = (X) => {
         const E = Number.parseInt(U.slice(X, X + 2), 16);
         return Math.round(E + (255 - E) * k).toString(16).padStart(2, "0").toUpperCase();
       };
-      return `#${z(1)}${z(3)}${z(5)}`;
+      return `#${j(1)}${j(3)}${j(5)}`;
     }
     function $(F) {
       return Math.min(0.55 + (F - 1) * 0.18, 0.95);
@@ -2695,13 +2695,13 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
     function c(F, k, U) {
       return F * U + k;
     }
-    function t(F, k, U, z) {
+    function t(F, k, U, j) {
       const X = k.length;
       return F.length === 0 || X <= 0 ? [] : F.flatMap((E, P) => {
         const oe = ie[P % ie.length], J = U == null ? void 0 : U[c(P, 0, X)], ue = m(J) ?? oe;
-        return k.map((Le, ke) => {
-          const Pe = c(P, ke, X), Ze = ke === 0 ? ue : O(ue, $(ke));
-          return z && ke > 0 ? Ze : m(U == null ? void 0 : U[Pe]) ?? Ze;
+        return k.map((Le, _e) => {
+          const Pe = c(P, _e, X), Ze = _e === 0 ? ue : O(ue, $(_e));
+          return j && _e > 0 ? Ze : m(U == null ? void 0 : U[Pe]) ?? Ze;
         });
       });
     }
@@ -2713,55 +2713,55 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       if (!n.test(k))
         return null;
       if (k.length === 4) {
-        const U = k.charAt(1), z = k.charAt(2), X = k.charAt(3);
-        return `#${U}${U}${z}${z}${X}${X}`.toUpperCase();
+        const U = k.charAt(1), j = k.charAt(2), X = k.charAt(3);
+        return `#${U}${U}${j}${j}${X}${X}`.toUpperCase();
       }
       return k.toUpperCase();
     }
     function s(F, k) {
       return !Array.isArray(F) || F.length === 0 ? Array.from({ length: k }).map(
-        (U, z) => ie[z % ie.length]
-      ) : Array.from({ length: k }).map((U, z) => {
-        const X = ie[z % ie.length];
-        return m(F[z]) ?? X;
+        (U, j) => ie[j % ie.length]
+      ) : Array.from({ length: k }).map((U, j) => {
+        const X = ie[j % ie.length];
+        return m(F[j]) ?? X;
       });
     }
     function d(F, k) {
       if (k <= 0)
         return [];
-      const U = Array.from({ length: k }, () => 0), z = /* @__PURE__ */ new Set();
+      const U = Array.from({ length: k }, () => 0), j = /* @__PURE__ */ new Set();
       for (let E = 0; E < k; E++) {
         const P = Number(F == null ? void 0 : F[E]);
-        Number.isInteger(P) && P >= 1 && P <= k && !z.has(P) && (U[E] = P, z.add(P));
+        Number.isInteger(P) && P >= 1 && P <= k && !j.has(P) && (U[E] = P, j.add(P));
       }
       let X = 1;
       for (let E = 0; E < k; E++)
         if (U[E] === 0) {
-          for (; z.has(X) && X <= k; )
+          for (; j.has(X) && X <= k; )
             X++;
-          U[E] = Math.min(X, k), z.add(U[E]);
+          U[E] = Math.min(X, k), j.add(U[E]);
         }
       return U;
     }
     const y = T(
       () => V(e.model.chartColorBinding)
-    ), j = T(
+    ), z = T(
       () => r(e.model.chartColors, e.model.chartColorLayers)
     ), le = T(() => ae.value === ee.series ? o(C.value) : S(ae.value)), te = T(
       () => Array.from({ length: le.value.length }).map((F, k) => ({
         label: `L${k + 1}`,
         value: k + 1
       }))
-    ), Z = T(() => typeof e.showLayerControl == "boolean" ? e.showLayerControl : !!e.model.stackBarOverlap);
+    ), K = T(() => typeof e.showLayerControl == "boolean" ? e.showLayerControl : !!e.model.stackBarOverlap);
     T(
       () => s(
         e.model.chartColors,
-        y.value === ee.series ? j.value : S(y.value).length
+        y.value === ee.series ? z.value : S(y.value).length
       )
     ), T(
       () => d(
         e.model.chartColorLayers,
-        y.value === ee.series ? j.value : S(y.value).length
+        y.value === ee.series ? z.value : S(y.value).length
       )
     );
     const re = T(
@@ -2775,7 +2775,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
         re.value
       )
     );
-    const ne = Q([]), L = Q([]), I = Q([]), G = Q(!0), ae = Q(ee.series), W = Q(!0), pe = Q(!1), be = Q(!1);
+    const ne = Z([]), L = Z([]), I = Z([]), G = Z(!0), ae = Z(ee.series), W = Z(!0), pe = Z(!1), be = Z(!1);
     he(
       [
         () => e.model.chartColors,
@@ -2805,7 +2805,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       { immediate: !0, deep: !0 }
     );
     function Be() {
-      const F = ae.value === ee.series, k = ae.value === ee.series ? ie.length : S(ae.value).length, U = s(void 0, k), z = d(void 0, k), X = ne.value.length === U.length && ne.value.every((J, ue) => J === U[ue]), E = L.value.length === z.length && L.value.every((J, ue) => J === z[ue]), P = t(
+      const F = ae.value === ee.series, k = ae.value === ee.series ? ie.length : S(ae.value).length, U = s(void 0, k), j = d(void 0, k), X = ne.value.length === U.length && ne.value.every((J, ue) => J === U[ue]), E = L.value.length === j.length && L.value.every((J, ue) => J === j[ue]), P = t(
         Array.from({ length: ie.length }, (J, ue) => `breakdown-${ue + 1}`),
         f.value,
         void 0,
@@ -2824,7 +2824,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       const F = Be();
       Sl(F) || i("update:model", F);
     }
-    function K() {
+    function Q() {
       pe.value || be.value || Ae();
     }
     he(
@@ -2838,13 +2838,13 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
         A
       ],
       () => {
-        K();
+        Q();
       },
       { deep: !0 }
     );
     function Ge(F, k) {
-      const U = [...ne.value], z = ie[F % ie.length];
-      U[F] = m(k) ?? z, ne.value = U;
+      const U = [...ne.value], j = ie[F % ie.length];
+      U[F] = m(k) ?? j, ne.value = U;
     }
     function bl(F) {
       if (e.limitToSeriesMode)
@@ -2880,7 +2880,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       if (U === k) {
         const Le = k + Ve;
         A.value = Le, I.value = t(
-          Array.from({ length: Le }, (ke, Pe) => `breakdown-${Pe + 1}`),
+          Array.from({ length: Le }, (_e, Pe) => `breakdown-${Pe + 1}`),
           f.value,
           I.value,
           G.value
@@ -2891,7 +2891,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
         return;
       const X = Math.max(1, f.value.length), P = U * X, oe = Ve * X, J = Math.max(ie.length, k - Ve), ue = [...I.value];
       ue.splice(P, oe), A.value = J, I.value = t(
-        Array.from({ length: J }, (Le, ke) => `breakdown-${ke + 1}`),
+        Array.from({ length: J }, (Le, _e) => `breakdown-${_e + 1}`),
         f.value,
         ue,
         G.value
@@ -2901,16 +2901,16 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       const U = L.value.length;
       if (U <= 0)
         return;
-      const z = Number(k);
-      if (!Number.isInteger(z) || z < 1 || z > U)
+      const j = Number(k);
+      if (!Number.isInteger(j) || j < 1 || j > U)
         return;
       const X = [...L.value], E = X[F];
-      if (E === z)
+      if (E === j)
         return;
       const P = X.findIndex(
-        (oe, J) => J !== F && oe === z
+        (oe, J) => J !== F && oe === j
       );
-      P >= 0 && (X[P] = E), X[F] = z, L.value = X;
+      P >= 0 && (X[P] = E), X[F] = j, L.value = X;
     }
     function xl(F, k) {
       const U = k.target;
@@ -2918,14 +2918,14 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
     }
     function Vl(F, k) {
       const U = k.target;
-      U && (Ge(F, U.value), be.value = !1, K());
+      U && (Ge(F, U.value), be.value = !1, Q());
     }
     function Fl(F, k, U) {
-      const z = U.target;
-      if (!z)
+      const j = U.target;
+      if (!j)
         return;
       be.value = !0;
-      const X = m(z.value);
+      const X = m(j.value);
       if (!X)
         return;
       const E = f.value.length;
@@ -2940,17 +2940,17 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       I.value = oe;
     }
     function kl(F, k, U) {
-      const z = U.target;
-      if (!z)
+      const j = U.target;
+      if (!j)
         return;
-      const X = m(z.value);
+      const X = m(j.value);
       if (!X) {
-        be.value = !1, K();
+        be.value = !1, Q();
         return;
       }
       const E = f.value.length;
       if (E <= 0) {
-        be.value = !1, K();
+        be.value = !1, Q();
         return;
       }
       const P = c(F, k, E), oe = [...I.value];
@@ -2959,15 +2959,15 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
           const ue = c(F, J, E);
           oe[ue] = O(X, $(J));
         }
-      I.value = oe, be.value = !1, K();
+      I.value = oe, be.value = !1, Q();
     }
     function Ke(F, k) {
-      const U = Array.isArray(F) ? F : [], z = Array.isArray(k) ? k : [];
-      return U.length !== z.length ? !1 : U.every((X, E) => X === z[E]);
+      const U = Array.isArray(F) ? F : [], j = Array.isArray(k) ? k : [];
+      return U.length !== j.length ? !1 : U.every((X, E) => X === j[E]);
     }
     function _l(F, k) {
-      const U = Array.isArray(F) ? F : [], z = Array.isArray(k) ? k : [];
-      return U.length !== z.length ? !1 : U.every((X, E) => Number(X) === Number(z[E]));
+      const U = Array.isArray(F) ? F : [], j = Array.isArray(k) ? k : [];
+      return U.length !== j.length ? !1 : U.every((X, E) => Number(X) === Number(j[E]));
     }
     function Sl(F) {
       return F.chartColorBinding === e.model.chartColorBinding && F.chartUseSecondaryMetricShades === e.model.chartUseSecondaryMetricShades && Ke(F.chartColors, e.model.chartColors) && _l(F.chartColorLayers, e.model.chartColorLayers) && Ke(F.chartBreakdownColors, e.model.chartBreakdownColors);
@@ -2997,7 +2997,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
     return rl(() => {
       be.value = !1;
     }), (F, k) => {
-      const U = D("FmButton"), z = D("FmSelect"), X = D("FmCheckbox");
+      const U = D("FmButton"), j = D("FmSelect"), X = D("FmCheckbox");
       return g(), R("div", yo, [
         h("div", bo, [
           u(U, {
@@ -3020,7 +3020,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
           ])) : M("", !0)
         ]),
         Ce(h("div", Co, [
-          u(z, {
+          u(j, {
             "model-value": ae.value,
             items: w.value,
             "onUpdate:modelValue": bl
@@ -3037,13 +3037,20 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
             (g(!0), R(de, null, xe(ne.value, (E, P) => (g(), R(de, {
               key: `series-color-${P}`
             }, [
-              h("div", xo, [
+              h("div", {
+                class: ke([
+                  "fm-shadow-light-100 rounded-md border border-fm-color-neutral-gray-100 p-10",
+                  K.value ? "flex flex-col gap-8" : "flex items-center justify-between gap-12"
+                ])
+              }, [
                 h("span", {
-                  class: "fm-typo-en-body-lg-600 line-clamp-2 break-words",
+                  class: ke(["fm-typo-en-body-lg-600 min-w-0", K.value ? "line-clamp-2 break-words" : "flex-1"]),
                   title: le.value[P] || `${l(a)("report.section.datasource.chartColor.color")} ${P + 1}`
-                }, Y(le.value[P] || `${l(a)("report.section.datasource.chartColor.color")} ${P + 1}`), 9, Vo),
-                h("div", Fo, [
-                  Z.value ? (g(), N(z, {
+                }, Y(le.value[P] || `${l(a)("report.section.datasource.chartColor.color")} ${P + 1}`), 11, xo),
+                h("div", {
+                  class: ke(["flex items-center gap-8", K.value ? "justify-between" : "shrink-0"])
+                }, [
+                  K.value ? (g(), N(j, {
                     key: 0,
                     class: "min-w-[92px]",
                     "model-value": L.value[P],
@@ -3058,18 +3065,18 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
                       class: "inline-block h-[20px] w-[28px] rounded-[4px] border border-[#cfcfcf]",
                       style: Ee({ backgroundColor: E })
                     }, null, 4),
-                    h("span", _o, Y(E), 1),
+                    h("span", Fo, Y(E), 1),
                     h("input", {
                       type: "color",
                       value: E,
                       class: "absolute inset-0 cursor-pointer opacity-0",
                       onInput: (oe) => xl(P, oe),
                       onChange: (oe) => Vl(P, oe)
-                    }, null, 40, So)
-                  ], 8, ko)
-                ])
-              ]),
-              Qe(P) ? (g(), R("div", To, [
+                    }, null, 40, ko)
+                  ], 8, Vo)
+                ], 2)
+              ], 2),
+              Qe(P) ? (g(), R("div", _o, [
                 u(U, {
                   class: "w-full",
                   size: "md",
@@ -3078,16 +3085,16 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
                 }, null, 8, ["icon", "onClick"])
               ])) : M("", !0)
             ], 64))), 128))
-          ])) : (g(), R("div", $o, [
+          ])) : (g(), R("div", So, [
             (g(!0), R(de, null, xe(x.value, (E, P) => (g(), R(de, {
               key: `breakdown-group-${P}`
             }, [
-              h("div", Uo, [
-                h("div", Do, [
+              h("div", To, [
+                h("div", $o, [
                   h("span", {
                     class: "fm-typo-en-body-lg-600 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",
                     title: E
-                  }, Y(E), 9, Bo)
+                  }, Y(E), 9, Uo)
                 ]),
                 (g(!0), R(de, null, xe(f.value, (oe, J) => (g(), R("div", {
                   key: `${E}-${oe}-${J}`,
@@ -3096,9 +3103,9 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
                   h("span", {
                     class: "fm-typo-en-body-md-400 min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap",
                     title: oe
-                  }, Y(oe), 9, Ao),
+                  }, Y(oe), 9, Do),
                   h("label", {
-                    class: $e(["relative inline-flex min-h-[34px] w-full max-w-[126px] items-center gap-[8px] rounded-[8px] border border-[#d8d8d8] bg-white py-[4px] pl-[4px] pr-[8px]", {
+                    class: ke(["relative inline-flex min-h-[34px] w-full max-w-[126px] items-center gap-[8px] rounded-[8px] border border-[#d8d8d8] bg-white py-[4px] pl-[4px] pr-[8px]", {
                       "cursor-not-allowed opacity-[0.55]": G.value && J > 0,
                       "cursor-pointer": !(G.value && J > 0)
                     }]),
@@ -3110,22 +3117,22 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
                         backgroundColor: I.value[c(P, J, f.value.length)]
                       })
                     }, null, 4),
-                    h("span", Mo, Y(I.value[c(P, J, f.value.length)]), 1),
+                    h("span", Ao, Y(I.value[c(P, J, f.value.length)]), 1),
                     h("input", {
                       type: "color",
                       value: I.value[c(P, J, f.value.length)],
-                      class: $e(["absolute inset-0 opacity-0", {
+                      class: ke(["absolute inset-0 opacity-0", {
                         "cursor-not-allowed": G.value && J > 0,
                         "cursor-pointer": !(G.value && J > 0)
                       }]),
                       disabled: G.value && J > 0,
                       onInput: (ue) => Fl(P, J, ue),
                       onChange: (ue) => kl(P, J, ue)
-                    }, null, 42, No)
-                  ], 10, Lo)
+                    }, null, 42, Lo)
+                  ], 10, Bo)
                 ]))), 128))
               ]),
-              Qe(P) ? (g(), R("div", Oo, [
+              Qe(P) ? (g(), R("div", Mo, [
                 u(U, {
                   class: "w-full",
                   size: "md",
@@ -3141,7 +3148,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       ]);
     };
   }
-}), jo = { class: "flex flex-col gap-8" }, Io = { class: "flex items-center justify-between" }, Ro = { class: "fm-typo-en-body-lg-600" }, Po = { class: "flex items-center gap-8 text-fm-color-system-info-300" }, Xo = { class: "grid grid-cols-2 gap-8" }, Eo = { class: "flex items-center gap-8" }, Wo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, qo = /* @__PURE__ */ se({
+}), Oo = { class: "flex flex-col gap-8" }, jo = { class: "flex items-center justify-between" }, zo = { class: "fm-typo-en-body-lg-600" }, Io = { class: "flex items-center gap-8 text-fm-color-system-info-300" }, Ro = { class: "grid grid-cols-2 gap-8" }, Po = { class: "flex items-center gap-8" }, Xo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Eo = /* @__PURE__ */ se({
   __name: "ChartLineStyleSection",
   props: {
     model: {}
@@ -3170,7 +3177,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       if (!e.model.isBlend)
         return d;
       const y = Array.isArray(e.model.joinDatasources) ? e.model.joinDatasources.flatMap(
-        (j) => Array.isArray(j == null ? void 0 : j.metrics) ? j.metrics : []
+        (z) => Array.isArray(z == null ? void 0 : z.metrics) ? z.metrics : []
       ) : [];
       return [...d, ...y];
     }
@@ -3178,10 +3185,10 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       if (d === ee.metric) {
         const y = _();
         if (y.length > 0)
-          return y.map((j, le) => v(j, le));
+          return y.map((z, le) => v(z, le));
       }
       return ie.map(
-        (y, j) => `${a("report.section.datasource.lineStyle.series")} ${j + 1}`
+        (y, z) => `${a("report.section.datasource.lineStyle.series")} ${z + 1}`
       );
     }
     const o = T(() => [
@@ -3206,16 +3213,16 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
     }
     function C(d, y) {
       return !Array.isArray(d) || d.length === 0 ? Array.from({ length: y }).map(
-        (j, le) => al[le] ?? "solid"
+        (z, le) => al[le] ?? "solid"
       ) : Array.from({ length: y }).map(
-        (j, le) => r(d[le])
+        (z, le) => r(d[le])
       );
     }
     const A = T(
       () => V(e.model.lineStyleBinding)
     ), b = T(() => S($.value)), x = T(
       () => C(e.model.lineStyles, S(A.value).length)
-    ), O = Q([]), $ = Q(ee.series);
+    ), O = Z([]), $ = Z(ee.series);
     he(
       [
         () => e.model.lineStyles,
@@ -3234,21 +3241,21 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
     );
     const c = T(() => $.value !== A.value || O.value.length !== x.value.length ? !0 : O.value.some((d, y) => d !== x.value[y]));
     function t(d, y) {
-      const j = [...O.value];
-      j[d] = r(y), O.value = j;
+      const z = [...O.value];
+      z[d] = r(y), O.value = z;
     }
     function n(d) {
       const y = V(d);
       if (y === $.value)
         return;
-      const j = S(y).length;
-      $.value = y, O.value = C(O.value, j);
+      const z = S(y).length;
+      $.value = y, O.value = C(O.value, z);
     }
     function m() {
       $.value = ee.series, O.value = [...al];
     }
     function s() {
-      const d = $.value === ee.series, y = O.value.every((j) => j === "solid");
+      const d = $.value === ee.series, y = O.value.every((z) => z === "solid");
       i("update:model", {
         ...e.model,
         lineStyleBinding: d ? void 0 : $.value,
@@ -3256,12 +3263,12 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       });
     }
     return (d, y) => {
-      const j = D("FmButton"), le = D("FmSelect");
-      return g(), R("div", jo, [
-        h("div", Io, [
-          h("p", Ro, Y(l(a)("report.section.datasource.lineStyle.title")), 1),
-          h("div", Po, [
-            u(j, {
+      const z = D("FmButton"), le = D("FmSelect");
+      return g(), R("div", Oo, [
+        h("div", jo, [
+          h("p", zo, Y(l(a)("report.section.datasource.lineStyle.title")), 1),
+          h("div", Io, [
+            u(z, {
               variant: "tertiary",
               "text-color": "text-fm-color-system-info-300",
               size: "md",
@@ -3276,27 +3283,27 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
           label: l(a)("report.section.datasource.styleTarget.title"),
           "onUpdate:modelValue": n
         }, null, 8, ["model-value", "items", "label"]),
-        h("div", Xo, [
-          (g(!0), R(de, null, xe(O.value, (te, Z) => (g(), R("div", {
-            key: Z,
+        h("div", Ro, [
+          (g(!0), R(de, null, xe(O.value, (te, K) => (g(), R("div", {
+            key: K,
             class: "flex items-center justify-between gap-8 rounded-md border border-fm-color-neutral-gray-100 px-8 py-6"
           }, [
-            h("div", Eo, [
+            h("div", Po, [
               h("span", {
-                class: $e(["line-style-icon", f(te)]),
+                class: ke(["line-style-icon", f(te)]),
                 "aria-hidden": "true"
               }, null, 2),
-              h("span", Wo, Y(b.value[Z] || `${l(a)("report.section.datasource.lineStyle.line")} ${Z + 1}`), 1)
+              h("span", Xo, Y(b.value[K] || `${l(a)("report.section.datasource.lineStyle.line")} ${K + 1}`), 1)
             ]),
             u(le, {
               "model-value": te,
               items: o.value,
               class: "w-[130px]",
-              "onUpdate:modelValue": (re) => t(Z, re)
+              "onUpdate:modelValue": (re) => t(K, re)
             }, null, 8, ["model-value", "items", "onUpdate:modelValue"])
           ]))), 128))
         ]),
-        u(j, {
+        u(z, {
           size: "md",
           label: l(a)("report.common.apply"),
           disabled: !c.value,
@@ -3305,10 +3312,10 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       ]);
     };
   }
-}), Yo = /* @__PURE__ */ pl(qo, [["__scopeId", "data-v-f1c35513"]]), Ho = { class: "flex flex-col gap-16" }, Go = {
+}), Wo = /* @__PURE__ */ pl(Eo, [["__scopeId", "data-v-f1c35513"]]), qo = { class: "flex flex-col gap-16" }, Yo = {
   key: 2,
   class: "h-px w-full bg-fm-color-neutral-gray-100"
-}, Jo = { class: "flex flex-col gap-8" }, Ko = { class: "fm-typo-en-body-lg-600" }, Qo = { class: "flex flex-col gap-8" }, Zo = /* @__PURE__ */ se({
+}, Ho = { class: "flex flex-col gap-8" }, Go = { class: "fm-typo-en-body-lg-600" }, Jo = { class: "flex flex-col gap-8" }, Ko = /* @__PURE__ */ se({
   __name: "StyleDatasource",
   props: /* @__PURE__ */ ve({
     label: {
@@ -3343,7 +3350,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
     he(
       [() => e.value.dimensions, () => e.value.metrics],
       () => {
-        const { rowIds: r, columnIds: f } = je(e.value);
+        const { rowIds: r, columnIds: f } = ze(e.value);
         e.value.rowIds = r, e.value.columnIds = f;
       },
       { deep: !0 }
@@ -3378,29 +3385,29 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
           size: "md",
           onClick: f[0] || (f[0] = ye((x) => a("click-close"), ["stop"]))
         })) : M("", !0),
-        h("div", Ho, [
+        h("div", qo, [
           i.config.hasChart ? (g(), N(go, {
             key: 0,
             model: e.value,
             "onUpdate:model": f[1] || (f[1] = (x) => e.value = x)
           }, null, 8, ["model"])) : M("", !0),
-          i.config.hasChart ? (g(), N(zo, {
+          i.config.hasChart ? (g(), N(No, {
             key: 1,
             model: e.value,
             "show-layer-control": v.value && o.value,
             "limit-to-series-mode": V.value,
             "onUpdate:model": f[2] || (f[2] = (x) => e.value = x)
           }, null, 8, ["model", "show-layer-control", "limit-to-series-mode"])) : M("", !0),
-          i.config.hasChart && _.value ? (g(), R("div", Go)) : M("", !0),
-          i.config.hasChart && _.value ? (g(), N(Yo, {
+          i.config.hasChart && _.value ? (g(), R("div", Yo)) : M("", !0),
+          i.config.hasChart && _.value ? (g(), N(Wo, {
             key: 3,
             model: e.value,
             "onUpdate:model": f[3] || (f[3] = (x) => e.value = x)
           }, null, 8, ["model"])) : M("", !0),
           f[9] || (f[9] = h("div", { class: "h-px w-full bg-fm-color-neutral-gray-100" }, null, -1)),
-          h("div", Jo, [
-            h("p", Ko, Y(l(w)("report.section.style.configuration")), 1),
-            h("div", Qo, [
+          h("div", Ho, [
+            h("p", Go, Y(l(w)("report.section.style.configuration")), 1),
+            h("div", Jo, [
               v.value ? (g(), N(A, {
                 key: 0,
                 modelValue: o.value,
@@ -3440,7 +3447,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       ], 64);
     };
   }
-}), ea = { class: "fixed bottom-6 right-6" }, la = { class: "flex w-full items-center gap-8" }, ta = { class: "fm-typo-en-title-sm-600" }, oa = { class: "ml-auto text-fm-color-system-info-300" }, aa = /* @__PURE__ */ se({
+}), Qo = { class: "fixed bottom-6 right-6" }, Zo = { class: "flex w-full items-center gap-8" }, ea = { class: "fm-typo-en-title-sm-600" }, la = { class: "ml-auto text-fm-color-system-info-300" }, ta = /* @__PURE__ */ se({
   __name: "StyleEditorTab",
   props: {
     modelValue: {
@@ -3515,7 +3522,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
         "max-width": 500
       }, {
         "side-sheet-button": q(() => [
-          h("div", ea, [
+          h("div", Qo, [
             u(o, {
               label: l(p)("report.section.style.button"),
               icon: "edit",
@@ -3525,15 +3532,15 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
           ])
         ]),
         "side-sheet-header": q(() => [
-          h("div", la, [
+          h("div", Zo, [
             u(o, {
               "prepend-icon": "arrow_back",
               variant: "tertiary",
               class: "fm-icon--rounded fm-icon--md text-fm-color-black",
               onClick: _[0] || (_[0] = (f) => a.value = !1)
             }),
-            h("p", ta, Y(l(p)("report.section.style.title")), 1),
-            h("div", oa, [
+            h("p", ea, Y(l(p)("report.section.style.title")), 1),
+            h("div", la, [
               u(o, {
                 label: l(p)("report.section.style.reset"),
                 variant: "tertiary",
@@ -3546,7 +3553,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
         ]),
         default: q(() => [
           e.value ? M("", !0) : (g(), N(S, { key: 0 })),
-          u(Zo, {
+          u(Ko, {
             modelValue: e.value.widget.config,
             "onUpdate:modelValue": _[1] || (_[1] = (f) => e.value.widget.config = f),
             config: i.value
@@ -3556,10 +3563,10 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       }, 8, ["modelValue"]);
     };
   }
-}), na = { class: "bg-fm-color-neutral-white flex flex-col h-full w-[510px]" }, ia = { class: "flex bg-fm-color-neutral-white w-[88px]" }, sa = { class: "w-full overflow-y-auto" }, ra = {
+}), oa = { class: "bg-fm-color-neutral-white flex flex-col h-full w-[510px]" }, aa = { class: "flex bg-fm-color-neutral-white w-[88px]" }, na = { class: "w-full overflow-y-auto" }, ia = {
   class: "grid grid-cols-12 w-full p-24",
   style: { backgroundColor: "#F6F8FC" }
-}, ua = /* @__PURE__ */ se({
+}, sa = /* @__PURE__ */ se({
   __name: "TileEditorDesktop",
   props: /* @__PURE__ */ ve({
     hideConfiguration: { type: Boolean, required: !0, default: !1 },
@@ -3584,7 +3591,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       H.LineChart,
       H.StackLineChart,
       H.Circular
-    ], v = T(() => V.includes(e.value.widget.type)), _ = Q(!1);
+    ], v = T(() => V.includes(e.value.widget.type)), _ = Z(!1);
     return (S, o) => {
       const r = D("FmCircularProgress"), f = D("FmButton");
       return g(), R("div", null, [
@@ -3593,7 +3600,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
             "model-value": !B.hideConfiguration
           }, {
             right: q(() => [
-              h("div", na, [
+              h("div", oa, [
                 u(yl, {
                   modelValue: e.value,
                   "onUpdate:modelValue": o[0] || (o[0] = (C) => e.value = C),
@@ -3606,7 +3613,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
               ])
             ]),
             left: q(() => [
-              h("div", ia, [
+              h("div", aa, [
                 u(f, {
                   variant: "secondary",
                   icon: "keyboard_double_arrow_right",
@@ -3620,8 +3627,8 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
             ]),
             _: 1
           }, 8, ["model-value"]),
-          h("div", sa, [
-            h("div", ra, [
+          h("div", na, [
+            h("div", ia, [
               e.value ? (g(), N(fl, {
                 key: 0,
                 "model-value": e.value,
@@ -3631,7 +3638,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
               }, null, 8, ["model-value", "index", "is-style-editing"])) : (g(), N(gl, { key: 1 }))
             ])
           ]),
-          v.value ? (g(), N(aa, {
+          v.value ? (g(), N(ta, {
             key: 0,
             modelValue: e.value,
             "onUpdate:modelValue": o[3] || (o[3] = (C) => e.value = C),
@@ -3646,10 +3653,10 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       ]);
     };
   }
-}), da = {
+}), ra = {
   key: 0,
   class: "flex w-full justify-center items-center"
-}, ma = { class: "w-full grid grid-cols-12 pb-28 pt-5 px-5 h-full" }, ca = /* @__PURE__ */ se({
+}, ua = { class: "w-full grid grid-cols-12 pb-28 pt-5 px-5 h-full" }, da = /* @__PURE__ */ se({
   __name: "TileEditorMobile",
   props: /* @__PURE__ */ ve({
     hideConfiguration: { type: Boolean, required: !0, default: !1 },
@@ -3672,7 +3679,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       const _ = D("FmCircularProgress");
       return g(), R("div", null, [
         e.value ? (g(), R(de, { key: 1 }, [
-          h("div", ma, [
+          h("div", ua, [
             e.value ? (g(), N(fl, {
               key: 0,
               "model-value": e.value,
@@ -3689,29 +3696,29 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
               w("hideConfiguration", S);
             })
           }, null, 8, ["modelValue", "config", "hide-configuration"])
-        ], 64)) : (g(), R("div", da, [
+        ], 64)) : (g(), R("div", ra, [
           u(_)
         ]))
       ]);
     };
   }
-}), pa = {
+}), ma = {
   key: 0,
   class: "fm-typo-en-title-md-600"
-}, va = {
+}, ca = {
   key: 0,
   class: "flex items-start justify-start px-24 py-12 flex-wrap w-full"
-}, $a = /* @__PURE__ */ se({
+}, Sa = /* @__PURE__ */ se({
   __name: "TileEditor",
   setup(B) {
-    const { rowHeight: p, colWidths: e } = _e(Oe()), i = Ll(), a = Ml(), w = El(), { globalFilters: V } = _e(vl()), { currentSelectWidgetType: v, editingReport: _, editingTile: S, editingTileIndex: o } = _e(w), { breakpoints: r } = cl(), { promptMessage: f } = ml(), { t: C, te: A } = ce(), b = T(() => {
+    const { rowHeight: p, colWidths: e } = Se(Oe()), i = Ll(), a = Ml(), w = El(), { globalFilters: V } = Se(vl()), { currentSelectWidgetType: v, editingReport: _, editingTile: S, editingTileIndex: o } = Se(w), { breakpoints: r } = cl(), { promptMessage: f } = ml(), { t: C, te: A } = ce(), b = T(() => {
       var m;
       const t = (m = S.value) == null ? void 0 : m.widget.type;
       if (!t)
         return C("report.editor.newReport");
       const n = `report.widget.types.${t.toLowerCase()}`;
       return A(n) ? C(n) : t;
-    }), x = Q(!1);
+    }), x = Z(!1);
     function O() {
       v.value = void 0, S.value = void 0, o.value = -1, a.back();
     }
@@ -3751,21 +3758,21 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
             })
           }, {
             title: q(() => [
-              l(r).lg || l(r).md ? (g(), R("p", pa, Y(b.value), 1)) : M("", !0)
+              l(r).lg || l(r).md ? (g(), R("p", ma, Y(b.value), 1)) : M("", !0)
             ]),
             _: 1
           }, 8, ["actions"]),
           l(S) && (l(V) || []).some((s) => {
             const d = s.tileIds, y = l(S) && l(S).id;
             return Array.isArray(d) && typeof y == "string" && d.includes(y);
-          }) ? (g(), R("div", va, [
+          }) ? (g(), R("div", ca, [
             u(Gl)
           ])) : M("", !0),
-          l(S) ? (g(), N(ul(l(r).lg || l(r).md ? ua : ca), {
+          l(S) ? (g(), N(ul(l(r).lg || l(r).md ? sa : da), {
             key: 1,
             modelValue: l(S),
             "onUpdate:modelValue": n[1] || (n[1] = (s) => Al(S) ? S.value = s : null),
-            class: $e(`${l(r).lg || l(r).md ? "flex" : ""} w-full`),
+            class: ke(`${l(r).lg || l(r).md ? "flex" : ""} w-full`),
             style: Ee({ height: `calc( 100% - ${l(r).lg || l(r).md ? 72 : 64}px)` }),
             "hide-configuration": x.value,
             index: Number(l(i).params.tileIndex),
@@ -3778,5 +3785,5 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
   }
 });
 export {
-  $a as default
+  Sa as default
 };