@feedmepos/mf-report 5.22.14-beta.2 → 5.22.15-beta.0

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

@@ -1,17 +1,17 @@
 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 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 { 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-Cmxee7D0.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-CoJrINGt.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-CYDZzbCU.js";
-import { u as ce, j as $e, b as vl } from "./vue-i18n-ComGWqEb.js";
+import { a as fe, _ as pl } from "./SelectComponent.vue_vue_type_script_setup_true_lang-UhEjUKRz.js";
+import { u as ce, k as $e, b as vl } from "./vue-i18n-mTXrqqL9.js";
 import { r as me } from "./i18n-CI_sQ5d_.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";
+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-DB7d9t3_.js";
+import { d as ze } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-HVO_Z_aB.js";
+import { d as Me } from "./app-BXEgzj0c.js";
+import { _ as gl } from "./NoData.vue_vue_type_script_setup_true_lang-Uei_Jstp.js";
 const Re = [
   {
     type: H.Circular,
@@ -327,14 +327,14 @@ const Re = [
       }))
     ), _ = Z(i.value.length > 0 ? 0 : void 0);
     function S(m) {
-      var s, d, y, z;
+      var s, d, y, j;
       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(Te(m.value))
         })
-      ) : 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(
+      ) : 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(
         (le) => {
           var te, K;
           return le.schemaName === ((te = o.value) == null ? void 0 : te.schemaName) && le.name === ((K = o.value) == null ? void 0 : K.name);
@@ -384,7 +384,7 @@ 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, z) => z !== m);
+      const d = [...v.value.map((y) => y.value)].filter((y, j) => j !== m);
       i.value = d;
     }
     function O(m) {
@@ -408,7 +408,7 @@ const Re = [
       }))
     );
     return (m, s) => {
-      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");
+      const d = D("FmTextField"), y = D("FmStepperField"), j = 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,
@@ -470,7 +470,7 @@ const Re = [
                         }))
                       ]
                     }, null, 8, ["modelValue", "placeholder", "label", "items"])) : M("", !0),
-                    C.value ? (g(), N(z, {
+                    C.value ? (g(), N(j, {
                       key: 3,
                       "model-value": o.value.fillGap ?? !1,
                       label: l(p)("report.section.dimension.fillGap"),
@@ -480,7 +480,7 @@ const Re = [
                         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(z, {
+                    ((Ae = f.value) == null ? void 0 : Ae.type) === l(Pl).Timestamp ? (g(), N(j, {
                       key: 4,
                       "model-value": o.value.dateComparison ?? !1,
                       label: l(p)("report.section.dimension.dateComparison"),
@@ -489,13 +489,13 @@ const Re = [
                         o.value && (o.value.dateComparison = t(Q));
                       })
                     }, null, 8, ["model-value", "label"])) : M("", !0),
-                    u(z, {
+                    u(j, {
                       modelValue: o.value.hide,
                       "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(z, {
+                    a.hasRowColumn ? (g(), N(j, {
                       key: 5,
                       "model-value": o.value.moveToColumn ?? !1,
                       label: l(p)("report.section.dimension.moveToColumn"),
@@ -504,7 +504,7 @@ const Re = [
                         o.value && (o.value.moveToColumn = t(Q));
                       })
                     }, null, 8, ["model-value", "label"])) : M("", !0),
-                    u(z, {
+                    u(j, {
                       modelValue: r.value,
                       "onUpdate:modelValue": s[9] || (s[9] = (Q) => r.value = Q),
                       label: l(p)("report.section.dimension.advance"),
@@ -597,7 +597,7 @@ function it(B, p, e) {
 }
 function st(B) {
   var i;
-  const { rowIds: p, columnIds: e } = ze(B.widget.config);
+  const { rowIds: p, columnIds: e } = je(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 } = ze(a);
+          const { rowIds: w, columnIds: V } = je(a);
           return {
             ...a,
             rowIds: w,
@@ -623,7 +623,7 @@ function st(B) {
     }
   };
 }
-function ze(B) {
+function je(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 = [];
@@ -688,8 +688,8 @@ 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, z;
-          return d.schemaName === ((y = r.value) == null ? void 0 : y.schemaName) && d.name === ((z = r.value) == null ? void 0 : z.name);
+          var y, j;
+          return d.schemaName === ((y = r.value) == null ? void 0 : y.schemaName) && d.name === ((j = r.value) == null ? void 0 : j.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);
     }
@@ -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"), z = D("FmForm"), le = D("FmIcon"), te = D("FmButton"), K = D("FmListItem"), re = D("FmList"), ne = D("FmField");
+      const m = D("FmTextField"), s = D("FmStepperField"), d = D("FmCheckbox"), y = D("FmTextarea"), j = 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(z, {
+            u(j, {
               ref: "form",
               class: "flex flex-col gap-2 w-[490px]"
             }, {
@@ -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"), z = D("FmList"), le = D("FmField");
+      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");
       return g(), R("div", pt, [
         u(De, {
           modelValue: V.value,
@@ -1054,7 +1054,7 @@ 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(z, null, {
+        u(j, null, {
           default: q(() => [
             u(l(Ie), {
               list: i.value,
@@ -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 = je((a) => {
+    const { t: p } = ce(), e = ge(B, "modelValue"), i = ze((a) => {
       a !== "" ? e.value = a : e.value = null;
     }, 1e3);
     return (a, w) => {
@@ -1152,8 +1152,8 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
         var s, d;
         const n = a.joinFieldOptions.find(
           (y) => {
-            var z, le;
-            return y.schemaName === ((z = c.joinDimension) == null ? void 0 : z.schemaName) && y.name === ((le = c.joinDimension) == null ? void 0 : le.name);
+            var j, le;
+            return y.schemaName === ((j = c.joinDimension) == null ? void 0 : j.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,
@@ -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"), z = D("FmList"), le = D("FmField");
+      const n = D("FmMenuDivider"), m = D("FmForm"), s = D("FmIcon"), d = D("FmButton"), y = D("FmListItem"), j = D("FmList"), le = D("FmField");
       return g(), R("div", wt, [
         u(De, {
           modelValue: V.value,
@@ -1333,7 +1333,7 @@ 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(z, { class: "flex flex-col gap-2" }, {
+        u(j, { class: "flex flex-col gap-2" }, {
           default: q(() => [
             u(l(Ie), {
               list: i.value,
@@ -1414,7 +1414,7 @@ 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 } = ze(a.value);
+        const { rowIds: t, columnIds: n } = je(a.value);
         a.value.rowIds = t, a.value.columnIds = n;
       },
       { deep: !0 }
@@ -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" }, jt = { class: "text-fm-color-typo-primary fm-typo-en-body-lg-600" }, zt = { class: "flex flex-row gap-2" }, It = {
+}), 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 = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
 }, Rt = /* @__PURE__ */ se({
@@ -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", jt, Y(l(e)("report.section.datasource.tableLayout")), 1),
-        h("div", zt, [
+        h("p", zt, Y(l(e)("report.section.datasource.tableLayout")), 1),
+        h("div", jt, [
           l(w) ? M("", !0) : (g(), N(b, {
             key: 0,
             label: l(e)("report.section.datasource.resizeTable"),
@@ -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({ ...zl(v.value.widget.type), conditions: [] }), A({
+      s.push({ ...jl(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, z = 1;
+      let y = 1, j = 1;
       switch (s) {
         case H.Scorecard:
-          y = 1, z = 2;
+          y = 1, j = 2;
           break;
         case H.BarChart:
         case H.StackBarChart:
         case H.ClusteredStackBarChart:
         case H.LineChart:
         case H.StackLineChart:
-          y = 4, z = 6;
+          y = 4, j = 6;
           break;
         case H.Table:
-          y = 4, z = 12;
+          y = 4, j = 12;
           break;
         case H.Circular:
-          y = 4, z = 4;
+          y = 4, j = 4;
           break;
         case H.Spacer:
-          y = 0, z = 12;
+          y = 0, j = 12;
           break;
       }
       return {
         id: d.id,
         size: {
           height: y,
-          width: z
+          width: j
         },
         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 = je((s) => {
+    ), c = T(() => v.value.widget.config.joinDatasources), t = ze((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"), z = D("FmSimpleDateRangePicker"), le = D("FmTextField"), te = D("FmTextarea"), K = D("FmStepperField"), re = D("FmButton"), ne = D("FmForm");
+      const y = D("FmCircularProgress"), j = 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(z, {
+                (g(), N(j, {
                   key: `date-picker-${l(C)}`,
                   modelValue: V.value,
                   "onUpdate:modelValue": d[0] || (d[0] = (L) => V.value = L)
@@ -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(jl, {
+                  u(zl, {
                     "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 = je((b) => {
+    }), C = ze((b) => {
       i("update:model", { ...e.model, xTitle: b });
-    }, 500), A = je((b) => {
+    }, 500), A = ze((b) => {
       i("update:model", { ...e.model, yTitle: b });
     }, 500);
     return He(() => {
@@ -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 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}`;
+      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}`;
     }
     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, j) => _(U, j));
+          return k.map((U, z) => _(U, z));
       }
       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, j = Array.isArray(k) ? k.length : 0;
-      return Math.max(ie.length, U, j, 1);
+      const U = Array.isArray(F) ? F.length : 0, z = Array.isArray(k) ? k.length : 0;
+      return Math.max(ie.length, U, z, 1);
     }
     const f = T(() => {
       const F = v();
       return F.length === 0 ? [a("report.section.datasource.styleTarget.metric")] : F.map((k, U) => _(k, U));
     }), C = Z(ie.length), A = Z(ie.length);
     function b(F, k) {
-      const U = Math.max(1, k), j = Array.isArray(F) ? F.length : 0, X = j > 0 ? Math.ceil(j / U) : 0;
+      const U = Math.max(1, k), z = Array.isArray(F) ? F.length : 0, X = z > 0 ? Math.ceil(z / 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", j = (X) => {
+      const U = m(F) ?? "#000000", z = (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 `#${j(1)}${j(3)}${j(5)}`;
+      return `#${z(1)}${z(3)}${z(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, j) {
+    function t(F, k, U, z) {
       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, _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;
+          return z && _e > 0 ? Ze : m(U == null ? void 0 : U[Pe]) ?? Ze;
         });
       });
     }
@@ -2713,39 +2713,39 @@ 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), j = k.charAt(2), X = k.charAt(3);
-        return `#${U}${U}${j}${j}${X}${X}`.toUpperCase();
+        const U = k.charAt(1), z = k.charAt(2), X = k.charAt(3);
+        return `#${U}${U}${z}${z}${X}${X}`.toUpperCase();
       }
       return k.toUpperCase();
     }
     function s(F, k) {
       return !Array.isArray(F) || F.length === 0 ? Array.from({ length: k }).map(
-        (U, j) => ie[j % ie.length]
-      ) : Array.from({ length: k }).map((U, j) => {
-        const X = ie[j % ie.length];
-        return m(F[j]) ?? X;
+        (U, z) => ie[z % ie.length]
+      ) : Array.from({ length: k }).map((U, z) => {
+        const X = ie[z % ie.length];
+        return m(F[z]) ?? X;
       });
     }
     function d(F, k) {
       if (k <= 0)
         return [];
-      const U = Array.from({ length: k }, () => 0), j = /* @__PURE__ */ new Set();
+      const U = Array.from({ length: k }, () => 0), z = /* @__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 && !j.has(P) && (U[E] = P, j.add(P));
+        Number.isInteger(P) && P >= 1 && P <= k && !z.has(P) && (U[E] = P, z.add(P));
       }
       let X = 1;
       for (let E = 0; E < k; E++)
         if (U[E] === 0) {
-          for (; j.has(X) && X <= k; )
+          for (; z.has(X) && X <= k; )
             X++;
-          U[E] = Math.min(X, k), j.add(U[E]);
+          U[E] = Math.min(X, k), z.add(U[E]);
         }
       return U;
     }
     const y = T(
       () => V(e.model.chartColorBinding)
-    ), z = T(
+    ), j = 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) => ({
@@ -2756,12 +2756,12 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
     T(
       () => s(
         e.model.chartColors,
-        y.value === ee.series ? z.value : S(y.value).length
+        y.value === ee.series ? j.value : S(y.value).length
       )
     ), T(
       () => d(
         e.model.chartColorLayers,
-        y.value === ee.series ? z.value : S(y.value).length
+        y.value === ee.series ? j.value : S(y.value).length
       )
     );
     const re = T(
@@ -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), 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(
+      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(
         Array.from({ length: ie.length }, (J, ue) => `breakdown-${ue + 1}`),
         f.value,
         void 0,
@@ -2843,8 +2843,8 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       { deep: !0 }
     );
     function Ge(F, k) {
-      const U = [...ne.value], j = ie[F % ie.length];
-      U[F] = m(k) ?? j, ne.value = U;
+      const U = [...ne.value], z = ie[F % ie.length];
+      U[F] = m(k) ?? z, ne.value = U;
     }
     function bl(F) {
       if (e.limitToSeriesMode)
@@ -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 j = Number(k);
-      if (!Number.isInteger(j) || j < 1 || j > U)
+      const z = Number(k);
+      if (!Number.isInteger(z) || z < 1 || z > U)
         return;
       const X = [...L.value], E = X[F];
-      if (E === j)
+      if (E === z)
         return;
       const P = X.findIndex(
-        (oe, J) => J !== F && oe === j
+        (oe, J) => J !== F && oe === z
       );
-      P >= 0 && (X[P] = E), X[F] = j, L.value = X;
+      P >= 0 && (X[P] = E), X[F] = z, L.value = X;
     }
     function xl(F, k) {
       const U = k.target;
@@ -2921,11 +2921,11 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       U && (Ge(F, U.value), be.value = !1, Q());
     }
     function Fl(F, k, U) {
-      const j = U.target;
-      if (!j)
+      const z = U.target;
+      if (!z)
         return;
       be.value = !0;
-      const X = m(j.value);
+      const X = m(z.value);
       if (!X)
         return;
       const E = f.value.length;
@@ -2940,10 +2940,10 @@ 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 j = U.target;
-      if (!j)
+      const z = U.target;
+      if (!z)
         return;
-      const X = m(j.value);
+      const X = m(z.value);
       if (!X) {
         be.value = !1, Q();
         return;
@@ -2962,12 +2962,12 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       I.value = oe, be.value = !1, Q();
     }
     function Ke(F, k) {
-      const U = Array.isArray(F) ? F : [], j = Array.isArray(k) ? k : [];
-      return U.length !== j.length ? !1 : U.every((X, E) => X === j[E]);
+      const U = Array.isArray(F) ? F : [], z = Array.isArray(k) ? k : [];
+      return U.length !== z.length ? !1 : U.every((X, E) => X === z[E]);
     }
     function _l(F, k) {
-      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]));
+      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]));
     }
     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"), j = D("FmSelect"), X = D("FmCheckbox");
+      const U = D("FmButton"), z = 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(j, {
+          u(z, {
             "model-value": ae.value,
             items: w.value,
             "onUpdate:modelValue": bl
@@ -3050,7 +3050,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
                 h("div", {
                   class: ke(["flex items-center gap-8", K.value ? "justify-between" : "shrink-0"])
                 }, [
-                  K.value ? (g(), N(j, {
+                  K.value ? (g(), N(z, {
                     key: 0,
                     class: "min-w-[92px]",
                     "model-value": L.value[P],
@@ -3148,7 +3148,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       ]);
     };
   }
-}), 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({
+}), Oo = { class: "flex flex-col gap-8" }, zo = { class: "flex items-center justify-between" }, jo = { 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: {}
@@ -3177,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(
-        (z) => Array.isArray(z == null ? void 0 : z.metrics) ? z.metrics : []
+        (j) => Array.isArray(j == null ? void 0 : j.metrics) ? j.metrics : []
       ) : [];
       return [...d, ...y];
     }
@@ -3185,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((z, le) => v(z, le));
+          return y.map((j, le) => v(j, le));
       }
       return ie.map(
-        (y, z) => `${a("report.section.datasource.lineStyle.series")} ${z + 1}`
+        (y, j) => `${a("report.section.datasource.lineStyle.series")} ${j + 1}`
       );
     }
     const o = T(() => [
@@ -3213,9 +3213,9 @@ 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(
-        (z, le) => al[le] ?? "solid"
+        (j, le) => al[le] ?? "solid"
       ) : Array.from({ length: y }).map(
-        (z, le) => r(d[le])
+        (j, le) => r(d[le])
       );
     }
     const A = T(
@@ -3241,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 z = [...O.value];
-      z[d] = r(y), O.value = z;
+      const j = [...O.value];
+      j[d] = r(y), O.value = j;
     }
     function n(d) {
       const y = V(d);
       if (y === $.value)
         return;
-      const z = S(y).length;
-      $.value = y, O.value = C(O.value, z);
+      const j = S(y).length;
+      $.value = y, O.value = C(O.value, j);
     }
     function m() {
       $.value = ee.series, O.value = [...al];
     }
     function s() {
-      const d = $.value === ee.series, y = O.value.every((z) => z === "solid");
+      const d = $.value === ee.series, y = O.value.every((j) => j === "solid");
       i("update:model", {
         ...e.model,
         lineStyleBinding: d ? void 0 : $.value,
@@ -3263,12 +3263,12 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
       });
     }
     return (d, y) => {
-      const z = D("FmButton"), le = D("FmSelect");
+      const j = 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", zo, [
+          h("p", jo, Y(l(a)("report.section.datasource.lineStyle.title")), 1),
           h("div", Io, [
-            u(z, {
+            u(j, {
               variant: "tertiary",
               "text-color": "text-fm-color-system-info-300",
               size: "md",
@@ -3303,7 +3303,7 @@ const rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body
             }, null, 8, ["model-value", "items", "onUpdate:modelValue"])
           ]))), 128))
         ]),
-        u(z, {
+        u(j, {
           size: "md",
           label: l(a)("report.common.apply"),
           disabled: !c.value,
@@ -3350,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 } = ze(e.value);
+        const { rowIds: r, columnIds: f } = je(e.value);
         e.value.rowIds = r, e.value.columnIds = f;
       },
       { deep: !0 }