@feedmepos/mf-report 5.27.40 → 5.27.41

package/dist/{TileEditor-D5lXwoDY.js → TileEditor-CCpH1icn.js}

@@ -1,17 +1,17 @@
-import { defineComponent as de, mergeModels as ve, useModel as ge, computed as C, ref as oe, resolveComponent as A, createElementBlock as W, openBlock as m, createVNode as u, createElementVNode as y, unref as l, withCtx as Z, toDisplayString as K, Fragment as me, renderList as $e, withModifiers as he, createTextVNode as We, watch as xe, createCommentVNode as P, createBlock as z, renderSlot as kl, onBeforeUnmount as ul, resolveDynamicComponent as Fl, normalizeClass as Fe, withDirectives as ke, vShow as Te, onMounted as Vl, withKeys as fl, vModelText as El, normalizeStyle as il, isRef as Wl } from "vue";
-import { useRoute as Xl, useRouter as Hl } from "vue-router";
-import { u as dl, f as ml, h as Ee, F as Ne, d as Xe, S as sl, a as ql, W as Gl, T as Yl, c as Jl, b as gl } from "./TransitionFade-CtE41B0o.js";
-import { W as J, a as Sl, t as He, D as Je, S as yl, C as Kl, u as _l, P as bl, F as Pe, e as Le, b as Ql, c as Zl, j as et } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-DT2SiGub.js";
+import { defineComponent as de, mergeModels as ve, useModel as ge, computed as C, ref as oe, resolveComponent as A, createElementBlock as W, openBlock as m, createVNode as u, createElementVNode as y, unref as l, withCtx as Z, toDisplayString as K, Fragment as me, renderList as $e, withModifiers as he, createTextVNode as We, watch as xe, createCommentVNode as P, createBlock as z, renderSlot as kl, onBeforeUnmount as ul, resolveDynamicComponent as Fl, normalizeClass as Fe, withDirectives as ke, vShow as Te, onMounted as Vl, withKeys as fl, vModelText as Wl, normalizeStyle as sl, isRef as Xl } from "vue";
+import { useRoute as Hl, useRouter as ql } from "vue-router";
+import { u as dl, f as ml, h as Ee, F as Ne, d as Xe, S as rl, a as Gl, W as Yl, T as Jl, c as Kl, b as gl } from "./TransitionFade-CAuLrgf6.js";
+import { W as J, a as Sl, y as He, D as Je, S as yl, C as Ql, u as _l, P as bl, F as Pe, e as Le, b as Zl, c as et, p as lt } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-DcH9kMCg.js";
 import { storeToRefs as Re } from "pinia";
 import { u as Tl } from "./message-dialog-UoMWOnil.js";
-import { useSnackbar as lt, useBreakpoints as $l, FmButtonColorThemeVariant as Ue } from "@feedmepos/ui-library";
-import { h as tt, g as Ve, R as hl, d as ot, e as at, j as nt, L as Ae, k as ol, S as re, l as fe, m as al, n as wl, a as Dl } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-BtYC32jI.js";
-import { a as be, _ as Ul } from "./SelectComponent.vue_vue_type_script_setup_true_lang-CGbb3b5G.js";
-import { u as pe, _ as Bl } from "./_plugin-vue_export-helper-onplcgja.js";
+import { useSnackbar as tt, useBreakpoints as $l, FmButtonColorThemeVariant as Ue } from "@feedmepos/ui-library";
+import { h as ot, g as Ve, R as hl, d as at, e as nt, j as it, L as Ae, k as al, S as re, l as fe, m as nl, n as wl, a as Dl } from "./DynamicWidget.vue_vue_type_script_setup_true_lang-CyW3l1Ls.js";
+import { a as be, _ as Ul } from "./SelectComponent.vue_vue_type_script_setup_true_lang-Ckn2p74A.js";
+import { u as pe, _ as Bl } from "./_plugin-vue_export-helper-kkiiQoKl.js";
 import { r as ue } from "./i18n-CI_sQ5d_.js";
-import { a as je, d as Ke } from "./DateRangeSelect-UoFskU18.js";
-import { a as it, d as Ye } from "./app-FVupSSYM.js";
-const ll = [
+import { a as je, d as Ke } from "./DateRangeSelect-B0RstQlf.js";
+import { a as st, d as Ye } from "./app-B7Ecopk1.js";
+const tl = [
   {
     type: J.Circular,
     maxDimension: null,
@@ -165,7 +165,7 @@ const ll = [
     canSearch: !1,
     periodType: null
   }
-], st = { class: "flex flex-col my-2 gap-8" }, rt = { class: "fm-typo-en-body-lg-600" }, ut = { class: "text-sm text-fm-color-neutral-gray-400" }, dt = ["onClick"], mt = { class: "fm-typo-en-body-lg-400 overflow-hidden text-ellipsis line-clamp-1" }, ct = /* @__PURE__ */ de({
+], rt = { class: "flex flex-col my-2 gap-8" }, ut = { class: "fm-typo-en-body-lg-600" }, dt = { class: "text-sm text-fm-color-neutral-gray-400" }, mt = ["onClick"], ct = { class: "fm-typo-en-body-lg-400 overflow-hidden text-ellipsis line-clamp-1" }, pt = /* @__PURE__ */ de({
   __name: "SchemaSection",
   props: /* @__PURE__ */ ve({
     options: {
@@ -195,7 +195,7 @@ const ll = [
         const r = a.value.schemaNames[0], h = S.value.find((L) => L.name === r), R = ((h == null ? void 0 : h.joins) || []).map((L) => L);
         return p.value.filter((L) => R.includes(L.raw.name));
       }
-    }), T = oe(!1), N = oe(""), n = oe(), i = lt();
+    }), T = oe(!1), N = oe(""), n = oe(), i = tt();
     function g(r) {
       var h;
       return ue(
@@ -213,7 +213,7 @@ const ll = [
     }
     return (r, h) => {
       const R = A("FmForm"), L = A("FmIcon"), b = A("FmField");
-      return m(), W("div", st, [
+      return m(), W("div", rt, [
         u(He, {
           modelValue: T.value,
           "onUpdate:modelValue": h[1] || (h[1] = (s) => T.value = s),
@@ -244,8 +244,8 @@ const ll = [
           _: 1
         }, 8, ["modelValue", "title", "primary-button-label", "secondary-button-label"]),
         y("div", null, [
-          y("p", rt, K(l(c)("report.section.schema.title")), 1),
-          y("p", ut, K(l(c)("report.section.schema.description")), 1)
+          y("p", ut, K(l(c)("report.section.schema.title")), 1),
+          y("p", dt, K(l(c)("report.section.schema.description")), 1)
         ]),
         (m(!0), W(me, null, $e(a.value.schemaNames, (s, F) => (m(), W("div", {
           key: F,
@@ -255,18 +255,18 @@ const ll = [
             class: "flex items-center gap-2 border rounded-md border-neutral-300 p-2 h-[40px]",
             onClick: (I) => k(F)
           }, [
-            y("p", mt, K(g(s)), 1),
+            y("p", ct, K(g(s)), 1),
             h[3] || (h[3] = y("div", { class: "grow" }, null, -1)),
             u(L, {
               name: "close",
               onClick: he(
                 () => {
-                  a.value.schemaNames = l(tt)(a.value.schemaNames, F);
+                  a.value.schemaNames = l(ot)(a.value.schemaNames, F);
                 },
                 ["stop"]
               )
             }, null, 8, ["onClick"])
-          ], 8, dt)
+          ], 8, mt)
         ]))), 128)),
         u(b, {
           class: "text-fm-color-typo-tertiary",
@@ -282,10 +282,10 @@ const ll = [
       ]);
     };
   }
-}), pt = {
+}), vt = {
   key: 0,
   class: "flex flex-col my-2 gap-8"
-}, vt = { class: "fm-typo-en-body-lg-600 text-ellipsis line-clamp-1" }, ft = { class: "fm-typo-en-body-sm-600 text-fm-color-neutral-gray-400" }, gt = { class: "fm-typo-en-body-lg-400 text-ellipsis overflow-hidden line-clamp-1" }, nl = /* @__PURE__ */ de({
+}, ft = { class: "fm-typo-en-body-lg-600 text-ellipsis line-clamp-1" }, gt = { class: "fm-typo-en-body-sm-600 text-fm-color-neutral-gray-400" }, yt = { class: "fm-typo-en-body-lg-400 text-ellipsis overflow-hidden line-clamp-1" }, il = /* @__PURE__ */ de({
   __name: "DimensionSection",
   props: /* @__PURE__ */ ve({
     options: {
@@ -439,7 +439,7 @@ const ll = [
     });
     return (t, w) => {
       const ee = A("FmTextField"), ie = A("FmStepperField"), H = A("FmCheckbox"), Se = A("FmForm"), _e = A("FmIcon"), Be = A("FmButton"), Ie = A("FmListItem"), ze = A("FmList"), Ce = A("FmField");
-      return U.max !== 0 ? (m(), W("div", pt, [
+      return U.max !== 0 ? (m(), W("div", vt, [
         u(He, {
           modelValue: p.value,
           "onUpdate:modelValue": w[12] || (w[12] = (ye) => p.value = ye),
@@ -571,8 +571,8 @@ const ll = [
           _: 1
         }, 8, ["modelValue", "title", "primary-button-label", "secondary-button-label"]),
         y("div", null, [
-          y("p", vt, K(S.value), 1),
-          y("p", ft, K(l(c)("report.section.dimension.description")), 1)
+          y("p", ft, K(S.value), 1),
+          y("p", gt, K(l(c)("report.section.dimension.description")), 1)
         ]),
         u(ze, null, {
           default: Z(() => [
@@ -588,7 +588,7 @@ const ll = [
                 }, {
                   default: Z(() => [
                     u(_e, { name: "drag_handle" }),
-                    y("p", gt, K(l(ue)(l(c), l(e), ye.label, "other")), 1),
+                    y("p", yt, K(l(ue)(l(c), l(e), ye.label, "other")), 1),
                     w[14] || (w[14] = y("div", { class: "grow" }, null, -1)),
                     u(Be, {
                       icon: "close",
@@ -622,7 +622,7 @@ const ll = [
 }), Qe = {
   value: "_metric_name"
 };
-function yt(U, c, e) {
+function Ll(U, c, e) {
   switch (U) {
     case J.BarChart:
     case J.StackBarChart:
@@ -635,27 +635,27 @@ function yt(U, c, e) {
       return e;
   }
 }
-function rl(U) {
+function Ze(U) {
   var a;
   if (!U.widget)
-    return U.tiles ? { ...U, tiles: U.tiles.map(rl) } : U;
-  const { rowIds: c, columnIds: e } = Ze(U.widget.config);
+    return U.tiles ? { ...U, tiles: U.tiles.map(Ze) } : U;
+  const { rowIds: c, columnIds: e } = el(U.widget.config);
   return {
     ...U,
-    ...U.tiles ? { tiles: U.tiles.map(rl) } : {},
+    ...U.tiles ? { tiles: U.tiles.map(Ze) } : {},
     widget: {
       ...U.widget,
       config: {
         ...U.widget.config,
         rowIds: c,
         columnIds: e,
-        isDrillable: yt(
+        isDrillable: Ll(
           U.widget.type,
           U.widget.config.dimensions,
           U.widget.config.isDrillable
         ),
         joinDatasources: (a = U.widget.config.joinDatasources) == null ? void 0 : a.map((o) => {
-          const { rowIds: S, columnIds: p } = Ze(o);
+          const { rowIds: S, columnIds: p } = el(o);
           return {
             ...o,
             rowIds: S,
@@ -666,7 +666,7 @@ function rl(U) {
     }
   };
 }
-function Ze(U) {
+function el(U) {
   const c = U.dimensions.filter((p) => p.hide !== !0 && !p.moveToColumn).map((p) => Ve(p)), e = U.dimensions.filter((p) => p.hide !== !0 && p.moveToColumn == !0).map((p) => Ve(p)), a = U.metrics.length > 0;
   a && U.metrics.find((p) => p.moveToRow == !0) ? c.push(Qe.value) : a && e.push(Qe.value);
   const o = [], S = [];
@@ -1376,7 +1376,7 @@ const bt = { class: "flex flex-col my-2 gap-8" }, ht = { class: "fm-typo-en-body
     function h(b) {
       if (n.value)
         switch (b) {
-          case Kl.Between:
+          case Ql.Between:
             n.value = {
               ...n.value,
               operator: b,
@@ -1565,16 +1565,21 @@ const bt = { class: "flex flex-col my-2 gap-8" }, ht = { class: "fm-typo-en-body
   }),
   emits: /* @__PURE__ */ ve(["click-close"], ["update:modelValue"]),
   setup(U, { emit: c }) {
-    const e = ge(U, "modelValue");
+    const e = ge(U, "modelValue"), a = U, o = c;
     xe(
       [() => e.value.dimensions, () => e.value.metrics],
       () => {
-        const { rowIds: $, columnIds: d } = Ze(e.value);
-        e.value.rowIds = $, e.value.columnIds = d;
+        const { rowIds: $, columnIds: d } = el(e.value);
+        e.value.rowIds = $, e.value.columnIds = d, !a.mainDatasourceConfig && a.config && (e.value.isDrillable = Ll(
+          a.config.type,
+          e.value.dimensions,
+          e.value.isDrillable ?? !1
+        ));
       },
-      { deep: !0 }
+      // immediate: heals widgets saved before isDrillable was auto-populated
+      { deep: !0, immediate: !0 }
     );
-    const a = U, o = c, { schemas: S } = Re(Sl()), { editingReport: p } = Re(_l()), v = C(() => {
+    const { schemas: S } = Re(Sl()), { editingReport: p } = Re(_l()), v = C(() => {
       var $;
       return (($ = p.value) == null ? void 0 : $.queryVersion) === "v2";
     }), { t: T, te: N, locale: n } = pe(), i = C(() => !a.mainDatasourceConfig), g = C(
@@ -1656,7 +1661,7 @@ const bt = { class: "flex flex-col my-2 gap-8" }, ht = { class: "fm-typo-en-body
     ]);
     return ($, d) => {
       const j = A("FmIcon"), G = A("FmButton"), O = A("FmSwitch"), te = A("FmSelect"), ae = A("FmTextField"), f = A("FmStepperField");
-      return m(), z(sl, null, {
+      return m(), z(rl, null, {
         header: Z(() => [
           i.value ? P("", !0) : (m(), W("span", {
             key: 0,
@@ -1677,12 +1682,12 @@ const bt = { class: "flex flex-col my-2 gap-8" }, ht = { class: "fm-typo-en-body
           })) : P("", !0)
         ]),
         content: Z(() => [
-          u(ct, {
+          u(pt, {
             modelValue: e.value,
             "onUpdate:modelValue": d[2] || (d[2] = (t) => e.value = t),
             label: l(T)("report.section.schema.title")
           }, null, 8, ["modelValue", "label"]),
-          u(nl, {
+          u(il, {
             modelValue: e.value.dimensions,
             "onUpdate:modelValue": d[3] || (d[3] = (t) => e.value.dimensions = t),
             options: L.value,
@@ -1761,7 +1766,7 @@ const bt = { class: "flex flex-col my-2 gap-8" }, ht = { class: "fm-typo-en-body
             label: l(T)("report.section.datasource.transpose"),
             "label-placement": "right"
           }, null, 8, ["modelValue", "label"])) : P("", !0),
-          a.config.hasBreakdownDimension ? (m(), z(nl, {
+          a.config.hasBreakdownDimension ? (m(), z(il, {
             key: 8,
             "model-value": e.value.breakdownDimension ? [e.value.breakdownDimension] : [],
             label: "breakdownDimension",
@@ -1772,7 +1777,7 @@ const bt = { class: "flex flex-col my-2 gap-8" }, ht = { class: "fm-typo-en-body
               e.value.breakdownDimension = t[0];
             })
           }, null, 8, ["model-value", "options", "config"])) : P("", !0),
-          B.value && !r.value ? (m(), z(nl, {
+          B.value && !r.value ? (m(), z(il, {
             key: 9,
             "model-value": e.value.sparklineDimension ? [e.value.sparklineDimension] : [],
             label: "sparklineDimension",
@@ -1822,7 +1827,7 @@ const bt = { class: "flex flex-col my-2 gap-8" }, ht = { class: "fm-typo-en-body
               e.value = t;
             })
           }, null, 8, ["modelValue", "options", "max", "config", "has-row-column", "has-percent-of-total", "has-xy"]),
-          u(ql, {
+          u(Gl, {
             modelValue: e.value.filters,
             "onUpdate:modelValue": d[21] || (d[21] = (t) => e.value.filters = t),
             options: L.value,
@@ -1863,7 +1868,7 @@ const bt = { class: "flex flex-col my-2 gap-8" }, ht = { class: "fm-typo-en-body
       });
     };
   }
-}), Ot = { class: "fm-typo-en-title-sm-600" }, el = /* @__PURE__ */ de({
+}), Ot = { class: "fm-typo-en-title-sm-600" }, ll = /* @__PURE__ */ de({
   __name: "TileEditorTabHeader",
   props: /* @__PURE__ */ ve({
     icon: {
@@ -1905,7 +1910,7 @@ const bt = { class: "flex flex-col my-2 gap-8" }, ht = { class: "fm-typo-en-body
   setup(U) {
     const c = ge(U, "modelValue"), { t: e } = pe();
     return (a, o) => (m(), W(me, null, [
-      u(el, {
+      u(ll, {
         modelValue: c.value,
         "onUpdate:modelValue": o[0] || (o[0] = (S) => c.value = S),
         icon: "keyboard_double_arrow_left",
@@ -1926,7 +1931,7 @@ const bt = { class: "flex flex-col my-2 gap-8" }, ht = { class: "fm-typo-en-body
     return (e, a) => {
       const o = A("FmTopSheet");
       return m(), W("div", Nt, [
-        u(el, {
+        u(ll, {
           modelValue: c.value,
           "onUpdate:modelValue": a[0] || (a[0] = (S) => c.value = S),
           icon: "keyboard_double_arrow_up"
@@ -1937,7 +1942,7 @@ const bt = { class: "flex flex-col my-2 gap-8" }, ht = { class: "fm-typo-en-body
           "fullscreen-size": "sm"
         }, {
           default: Z(() => [
-            u(el, {
+            u(ll, {
               modelValue: c.value,
               "onUpdate:modelValue": a[1] || (a[1] = (S) => c.value = S),
               icon: "keyboard_double_arrow_down"
@@ -1950,7 +1955,7 @@ const bt = { class: "flex flex-col my-2 gap-8" }, ht = { class: "fm-typo-en-body
     };
   }
 });
-function Ll(U, c = 600) {
+function Al(U, c = 600) {
   const e = oe(null);
   function a() {
     U.value = !0, e.value && clearTimeout(e.value), e.value = setTimeout(() => {
@@ -1984,7 +1989,7 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
   }),
   emits: /* @__PURE__ */ ve(["update:model", "update:title", "update:description"], ["update:isEditingStyle"]),
   setup(U, { emit: c }) {
-    const e = ge(U, "isEditingStyle"), { markStyleEditing: a } = Ll(e), o = U, S = c, { t: p } = pe(), v = [
+    const e = ge(U, "isEditingStyle"), { markStyleEditing: a } = Al(e), o = U, S = c, { t: p } = pe(), v = [
       { label: p("report.tile.widget.icon.small"), value: Pe.Small },
       { label: p("report.tile.widget.icon.medium"), value: Pe.Medium },
       { label: p("report.tile.widget.icon.large"), value: Pe.Large },
@@ -2015,10 +2020,10 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
         a(), S("update:model", { ...o.model, showSearchBar: F });
       }
     }), B = C({
-      get: () => o.model.titleIconType === Le.Custom ? ot(o.model.titleIcon ?? "") : o.model.titleIcon ?? "",
+      get: () => o.model.titleIconType === Le.Custom ? at(o.model.titleIcon ?? "") : o.model.titleIcon ?? "",
       set: (F) => {
         a();
-        const I = r.value === Le.Custom ? at(F) : F.trim();
+        const I = r.value === Le.Custom ? nt(F) : F.trim();
         S("update:model", { ...o.model, titleIcon: I });
       }
     }), r = C({
@@ -2165,7 +2170,7 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
       ], 64);
     };
   }
-}), Kt = { class: "flex gap-16 justify-center items-center" }, Qt = { class: "fm-typo-en-title-sm-600" }, Zt = { class: "h-[40x]" }, xl = "YYYY-MM-DD", Al = /* @__PURE__ */ de({
+}), Kt = { class: "flex gap-16 justify-center items-center" }, Qt = { class: "fm-typo-en-title-sm-600" }, Zt = { class: "h-[40x]" }, xl = "YYYY-MM-DD", Ml = /* @__PURE__ */ de({
   __name: "TileEditorTab",
   props: /* @__PURE__ */ ve({
     hideConfiguration: {
@@ -2183,7 +2188,7 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
   emits: /* @__PURE__ */ ve(["hideConfiguration"], ["update:modelValue", "update:isEditingStyle"]),
   setup(U, { emit: c }) {
     var V, $;
-    const e = it(), { dateRange: a, timezone: o } = Re(e), S = {
+    const e = st(), { dateRange: a, timezone: o } = Re(e), S = {
       startDate: a.value.startDate,
       endDate: a.value.endDate
     }, p = oe({
@@ -2206,11 +2211,11 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
     });
     const v = ge(U, "modelValue"), T = ge(U, "isEditingStyle"), { breakpoints: N } = $l(), n = U, { promptMessage: i } = Tl(), g = c, { t: k, locale: B } = pe();
     function r(d) {
-      v.value = rl(d);
+      v.value = Ze(d);
     }
     function h() {
       const d = [...v.value.widget.config.joinDatasources || []];
-      d.push({ ...nt(v.value.widget.type), conditions: [] }), r({
+      d.push({ ...it(v.value.widget.type), conditions: [] }), r({
         ...v.value,
         widget: {
           ...v.value.widget,
@@ -2273,7 +2278,7 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
         }
       };
     }, b = C(
-      () => ll.find((d) => d.type === v.value.widget.type)
+      () => tl.find((d) => d.type === v.value.widget.type)
     ), s = C(() => v.value.widget.config.joinDatasources), F = /* @__PURE__ */ new WeakMap();
     let I = 0;
     function M(d) {
@@ -2310,7 +2315,7 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
                   "onUpdate:modelValue": j[0] || (j[0] = (t) => p.value = t)
                 }, null, 8, ["modelValue"]))
               ]),
-              u(sl, null, {
+              u(rl, null, {
                 header: Z(() => [
                   y("p", Qt, K(l(k)("report.tile.widget.details")), 1),
                   j[11] || (j[11] = y("div", { class: "grow" }, null, -1))
@@ -2349,19 +2354,19 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
                 ]),
                 _: 1
               }),
-              u(sl, null, {
+              u(rl, null, {
                 header: Z(() => [
                   y("p", null, K(l(k)("report.tile.widget.type")), 1),
                   j[12] || (j[12] = y("div", { class: "grow" }, null, -1))
                 ]),
                 content: Z(() => [
-                  u(Gl, {
+                  u(Yl, {
                     "is-list": !0,
                     "model-value": v.value.widget.type,
                     class: "grid grid-cols-1 gap-2",
                     "child-class": "flex flex-row p-[8px] gap-2",
                     "exclude-widge-type": [l(J).Spacer],
-                    "onUpdate:modelValue": j[7] || (j[7] = (t) => v.value = L(t, v.value))
+                    "onUpdate:modelValue": j[7] || (j[7] = (t) => v.value = l(Ze)(L(t, v.value)))
                   }, null, 8, ["model-value", "exclude-widge-type"])
                 ]),
                 _: 1
@@ -2455,9 +2460,9 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
       { icon: "align_flex_start", value: Ae.top, tooltip: "alignTop" },
       { icon: "align_flex_end", value: Ae.bottom, tooltip: "alignBottom" }
     ], g = [
-      { icon: "format_align_left", value: ol.start, tooltip: "anchorStart" },
-      { icon: "format_align_center", value: ol.center, tooltip: "anchorCenter" },
-      { icon: "format_align_right", value: ol.end, tooltip: "anchorEnd" }
+      { icon: "format_align_left", value: al.start, tooltip: "anchorStart" },
+      { icon: "format_align_center", value: al.center, tooltip: "anchorCenter" },
+      { icon: "format_align_right", value: al.end, tooltip: "anchorEnd" }
     ];
     return (k, B) => {
       const r = A("FmCheckbox"), h = A("FmButton"), R = A("FmTooltip"), L = A("FmTextField"), b = A("FmStepperField");
@@ -2828,7 +2833,7 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
               type: "color",
               class: "legend-color-input cursor-pointer"
             }, null, 512), [
-              [El, n.value]
+              [Wl, n.value]
             ])
           ], 40, ho),
           u(b, {
@@ -2951,12 +2956,12 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
       const Y = _.length;
       if (x.length === 0 || Y <= 0)
         return [];
-      const X = al(x.length);
+      const X = nl(x.length);
       return x.flatMap((q, ne) => {
         const le = X[ne], ce = D == null ? void 0 : D[b(ne, 0, Y)], Me = I(ce) ?? le;
-        return _.map((tl, Oe) => {
-          const Pl = b(ne, Oe, Y), vl = Oe === 0 ? Me : R(Me, L(Oe));
-          return E && Oe > 0 ? vl : I(D == null ? void 0 : D[Pl]) ?? vl;
+        return _.map((ol, Oe) => {
+          const El = b(ne, Oe, Y), vl = Oe === 0 ? Me : R(Me, L(Oe));
+          return E && Oe > 0 ? vl : I(D == null ? void 0 : D[El]) ?? vl;
         });
       });
     }
@@ -2978,7 +2983,7 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
       return `#${x()}${x()}${x()}`;
     }
     function V(x, _) {
-      const D = al(_);
+      const D = nl(_);
       return !Array.isArray(x) || x.length === 0 ? D : Array.from({ length: _ }).map((E, Y) => {
         const X = D[Y];
         return I(x[Y]) ?? X;
@@ -3053,7 +3058,7 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
     }
     function Se() {
       const x = H();
-      Nl(x) || a("update:model", x);
+      Rl(x) || a("update:model", x);
     }
     function _e() {
       ee.value || ie.value || Se();
@@ -3074,7 +3079,7 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
       { deep: !0 }
     );
     function Be(x, _) {
-      const D = [...O.value], E = al(Math.max(D.length, x + 1))[x];
+      const D = [...O.value], E = nl(Math.max(D.length, x + 1))[x];
       D[x] = I(_) ?? E, O.value = D;
     }
     function Ie(x) {
@@ -3114,7 +3119,7 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
       if (D === _) {
         const Me = _ + De;
         B.value = Me, ae.value = s(
-          Array.from({ length: Me }, (tl, Oe) => `breakdown-${Oe + 1}`),
+          Array.from({ length: Me }, (ol, Oe) => `breakdown-${Oe + 1}`),
           g.value,
           ae.value,
           f.value
@@ -3125,7 +3130,7 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
         return;
       const Y = Math.max(1, g.value.length), q = D * Y, ne = De * Y, le = Math.max(fe.length, _ - De), ce = [...ae.value];
       ce.splice(q, ne), B.value = le, ae.value = s(
-        Array.from({ length: le }, (Me, tl) => `breakdown-${tl + 1}`),
+        Array.from({ length: le }, (Me, ol) => `breakdown-${ol + 1}`),
         g.value,
         ce,
         f.value
@@ -3173,7 +3178,7 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
         }
       ae.value = ne;
     }
-    function Ml(x, _, D) {
+    function Ol(x, _, D) {
       const E = D.target;
       if (!E)
         return;
@@ -3195,7 +3200,7 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
         }
       ae.value = ne, ie.value = !1, _e();
     }
-    function Ol(x, _) {
+    function jl(x, _) {
       const D = M(), E = g.value.length;
       if (E <= 0)
         return;
@@ -3211,14 +3216,14 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
       const D = Array.isArray(x) ? x : [], E = Array.isArray(_) ? _ : [];
       return D.length !== E.length ? !1 : D.every((Y, X) => Y === E[X]);
     }
-    function jl(x, _) {
+    function Nl(x, _) {
       const D = Array.isArray(x) ? x : [], E = Array.isArray(_) ? _ : [];
       return D.length !== E.length ? !1 : D.every((Y, X) => Number(Y) === Number(E[X]));
     }
-    function Nl(x) {
-      return x.chartColorBinding === e.model.chartColorBinding && x.chartUseSecondaryMetricShades === e.model.chartUseSecondaryMetricShades && cl(x.chartColors, e.model.chartColors) && jl(x.chartColorLayers, e.model.chartColorLayers) && cl(x.chartBreakdownColors, e.model.chartBreakdownColors);
-    }
     function Rl(x) {
+      return x.chartColorBinding === e.model.chartColorBinding && x.chartUseSecondaryMetricShades === e.model.chartUseSecondaryMetricShades && cl(x.chartColors, e.model.chartColors) && Nl(x.chartColorLayers, e.model.chartColorLayers) && cl(x.chartBreakdownColors, e.model.chartBreakdownColors);
+    }
+    function Il(x) {
       f.value = x, ae.value = s(
         Array.from({ length: B.value }, (_, D) => `breakdown-${D + 1}`),
         g.value,
@@ -3226,7 +3231,7 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
         f.value
       );
     }
-    function Il() {
+    function zl() {
       t.value = re.series, k.value = fe.length, B.value = fe.length, O.value = V(void 0, fe.length), te.value = $(void 0, fe.length), f.value = !0, ae.value = s(
         Array.from({ length: fe.length }, (x, _) => `breakdown-${_ + 1}`),
         g.value,
@@ -3234,7 +3239,7 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
         !0
       );
     }
-    function zl() {
+    function Pl() {
       w.value = !w.value;
     }
     function pl(x) {
@@ -3253,7 +3258,7 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
             label: l(o)("report.section.datasource.chartColor.title"),
             "prepend-icon": w.value ? "expand_less" : "expand_more",
             "aria-expanded": w.value ? "true" : "false",
-            onClick: zl
+            onClick: Pl
           }, null, 8, ["label", "prepend-icon", "aria-expanded"])
         ]),
         ke(y("div", Fo, [
@@ -3269,7 +3274,7 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
               size: "md",
               class: "w-full",
               label: l(o)("report.section.datasource.chartColor.reset"),
-              onClick: Il
+              onClick: zl
             }, null, 8, ["label"])
           ]),
           t.value === l(re).breakdown ? (m(), z(Y, {
@@ -3277,7 +3282,7 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
             "model-value": f.value,
             value: !1,
             label: l(o)("report.section.datasource.chartColor.secondaryMetricAutoShade"),
-            "onUpdate:modelValue": _[0] || (_[0] = (X) => Rl(!!X)),
+            "onUpdate:modelValue": _[0] || (_[0] = (X) => Il(!!X)),
             class: "p-4"
           }, null, 8, ["model-value", "label"])) : P("", !0),
           t.value !== l(re).breakdown ? (m(), W("div", So, [
@@ -3316,7 +3321,7 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
                   }, [
                     y("span", {
                       class: "inline-block h-[20px] w-[28px] rounded-[4px] border border-[#cfcfcf]",
-                      style: il({ backgroundColor: X })
+                      style: sl({ backgroundColor: X })
                     }, null, 4),
                     y("span", $o, K(X), 1),
                     y("input", {
@@ -3373,7 +3378,7 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
                     }, [
                       y("span", {
                         class: "inline-block h-[20px] w-[28px] rounded-[4px] border border-[#cfcfcf]",
-                        style: il({
+                        style: sl({
                           backgroundColor: ae.value[b(q, le, g.value.length)]
                         })
                       }, null, 4),
@@ -3387,7 +3392,7 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
                         }]),
                         disabled: f.value && le > 0,
                         onInput: (ce) => se(q, le, ce),
-                        onChange: (ce) => Ml(q, le, ce)
+                        onChange: (ce) => Ol(q, le, ce)
                       }, null, 42, Io)
                     ], 10, No),
                     u(D, {
@@ -3396,7 +3401,7 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
                       icon: "casino",
                       class: "shrink-0",
                       disabled: f.value && le > 0,
-                      onClick: (ce) => Ol(q, le)
+                      onClick: (ce) => jl(q, le)
                     }, null, 8, ["disabled", "onClick"])
                   ])
                 ]))), 128))
@@ -3619,7 +3624,7 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
     xe(
       [() => e.value.dimensions, () => e.value.metrics],
       () => {
-        const { rowIds: i, columnIds: g } = Ze(e.value);
+        const { rowIds: i, columnIds: g } = el(e.value);
         e.value.rowIds = i, e.value.columnIds = g;
       },
       { deep: !0 }
@@ -3837,8 +3842,8 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
   emits: ["update:modelValue", "update:isEditingStyle"],
   setup(U) {
     const { t: c, locale: e } = pe(), a = ge(U, "modelValue"), o = C(
-      () => ll.find((b) => b.type === a.value.widget.type)
-    ), S = ge(U, "isEditingStyle"), p = oe(!1), { markStyleEditing: v, resetStyleEditing: T } = Ll(S), N = U, n = [
+      () => tl.find((b) => b.type === a.value.widget.type)
+    ), S = ge(U, "isEditingStyle"), p = oe(!1), { markStyleEditing: v, resetStyleEditing: T } = Al(S), N = U, n = [
       J.BarChart,
       J.StackBarChart,
       J.ClusteredStackBarChart,
@@ -3874,7 +3879,7 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
     return (b, s) => {
       const F = A("FmCircularProgress"), I = A("FmButton");
       return p.value ? (m(), W("div", ya, [
-        u(el, {
+        u(ll, {
           "model-value": p.value,
           icon: "keyboard_double_arrow_right",
           title: l(c)("report.section.style.title"),
@@ -3950,7 +3955,7 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
   emits: /* @__PURE__ */ ve(["hideConfiguration"], ["update:modelValue"]),
   setup(U, { emit: c }) {
     const { locale: e, t: a } = pe(), o = ge(U, "modelValue"), S = U, p = C(
-      () => ll.find((B) => {
+      () => tl.find((B) => {
         var r, h;
         return B.type === ((h = (r = o.value) == null ? void 0 : r.widget) == null ? void 0 : h.type);
       })
@@ -3966,12 +3971,12 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
       const h = A("FmCircularProgress"), R = A("FmButton");
       return m(), W("div", null, [
         o.value ? (m(), W(me, { key: 1 }, [
-          u(Yl, {
+          u(Jl, {
             "model-value": !U.hideConfiguration
           }, {
             right: Z(() => [
               y("div", Ca, [
-                u(Al, {
+                u(Ml, {
                   modelValue: o.value,
                   "onUpdate:modelValue": r[0] || (r[0] = (L) => o.value = L),
                   "is-editing-style": i.value,
@@ -4066,7 +4071,7 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
   emits: /* @__PURE__ */ ve(["hideConfiguration"], ["update:modelValue"]),
   setup(U, { emit: c }) {
     const e = ge(U, "modelValue"), a = U, o = C(
-      () => ll.find((p) => {
+      () => tl.find((p) => {
         var v, T;
         return p.type === ((T = (v = e.value) == null ? void 0 : v.widget) == null ? void 0 : T.type);
       })
@@ -4084,7 +4089,7 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
               "hide-export": !0
             }, null, 8, ["model-value", "index"])) : (m(), z(Ul, { key: 1 }))
           ]),
-          u(Al, {
+          u(Ml, {
             modelValue: e.value,
             "onUpdate:modelValue": v[0] || (v[0] = (N) => e.value = N),
             config: o.value,
@@ -4108,7 +4113,7 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
 }, Wa = /* @__PURE__ */ de({
   __name: "TileEditor",
   setup(U) {
-    const c = Xl(), e = Hl(), a = _l(), { globalFilters: o } = Re(Ql()), { currentSelectWidgetType: S, editingReport: p, editingTile: v, editingTileIndex: T } = Re(a), { breakpoints: N } = $l(), { promptMessage: n } = Tl(), { t: i, te: g } = pe(), k = C(() => {
+    const c = Hl(), e = ql(), a = _l(), { globalFilters: o } = Re(Zl()), { currentSelectWidgetType: S, editingReport: p, editingTile: v, editingTileIndex: T } = Re(a), { breakpoints: N } = $l(), { promptMessage: n } = Tl(), { t: i, te: g } = pe(), k = C(() => {
       var s, F;
       const L = (F = (s = v.value) == null ? void 0 : s.widget) == null ? void 0 : F.type;
       if (!L)
@@ -4126,7 +4131,7 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
         title: i("report.tile.save.title"),
         message: i("report.tile.save.confirm", { title: ((s = (b = v.value) == null ? void 0 : b.widget) == null ? void 0 : s.title) ?? "" })
       }) && v.value) {
-        const F = et(p.value.tiles, gl.value);
+        const F = lt(p.value.tiles, gl.value);
         T.value === -1 ? F.push(v.value) : F[T.value] = v.value, r();
       }
     }
@@ -4142,7 +4147,7 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
       p.value || e.push({ name: "reports" });
     }), (L, b) => {
       const s = A("FmPageHead");
-      return m(), z(Jl, null, {
+      return m(), z(Kl, null, {
         default: Z(() => [
           u(s, {
             actions: [
@@ -4162,14 +4167,14 @@ const It = { class: "flex flex-col gap-5" }, zt = { class: "fm-typo-en-body-lg-6
             const I = F.tileIds, M = l(v) && l(v).id;
             return Array.isArray(I) && typeof M == "string" && I.includes(M);
           }) ? (m(), W("div", Da, [
-            u(Zl)
+            u(et)
           ])) : P("", !0),
           l(v) ? (m(), z(Fl(l(N).lg || l(N).md ? Va : Ta), {
             key: 1,
             modelValue: l(v),
-            "onUpdate:modelValue": b[1] || (b[1] = (F) => Wl(v) ? v.value = F : null),
+            "onUpdate:modelValue": b[1] || (b[1] = (F) => Xl(v) ? v.value = F : null),
             class: Fe(`${l(N).lg || l(N).md ? "flex" : ""} w-full`),
-            style: il({ height: `calc( 100% - ${l(N).lg || l(N).md ? 72 : 64}px)` }),
+            style: sl({ height: `calc( 100% - ${l(N).lg || l(N).md ? 72 : 64}px)` }),
             "hide-configuration": B.value,
             index: Number(l(c).params.tileIndex),
             onHideConfiguration: b[2] || (b[2] = (F) => B.value = F)