@feedmepos/mf-report 5.7.0 → 5.7.1

package/dist/{DynamicWidget.vue_vue_type_script_setup_true_lang-hKnI3mk3.js → DynamicWidget.vue_vue_type_script_setup_true_lang-Nk_mV6TX.js}

@@ -1,17 +1,17 @@
-import { computed as h, defineComponent as U, useModel as G, ref as g, resolveComponent as F, createElementBlock as D, openBlock as x, Fragment as X, renderSlot as Z, createVNode as H, normalizeStyle as Y, unref as r, createElementVNode as A, toDisplayString as ne, withCtx as V, createBlock as M, createCommentVNode as Q, normalizeClass as me, h as je, watch as se, nextTick as xt, renderList as Ze, mergeModels as _t, onMounted as kt, onUnmounted as Rt, resolveDynamicComponent as Lt, withDirectives as Ft, vShow as Tt } from "vue";
-import { W as f, v as he, R as Et, g as Wt, d as Dt, q as zt } from "./v4-CJZMeb87.js";
-import { u as Re, b as et, a as Le } from "./global-loader-CbmVhJAK.js";
-import { d as Je } from "./index-BWqDfeY6.js";
+import { computed as h, defineComponent as G, useModel as j, ref as y, resolveComponent as F, createElementBlock as z, openBlock as _, Fragment as U, renderSlot as Z, createVNode as H, normalizeStyle as Y, unref as r, createElementVNode as A, toDisplayString as ne, withCtx as V, createBlock as M, createCommentVNode as Q, normalizeClass as me, watch as le, nextTick as je, h as Je, renderList as et, mergeModels as xt, onMounted as kt, onUnmounted as Rt, resolveDynamicComponent as Lt, withDirectives as Ft, vShow as Et } from "vue";
+import { W as v, v as he, R as Tt, g as Wt, d as zt, q as Dt } from "./v4-CJZMeb87.js";
+import { u as Re, b as tt, a as Le } from "./global-loader-CbmVhJAK.js";
+import { d as Ke } from "./index-BWqDfeY6.js";
 import { storeToRefs as we, defineStore as At } from "pinia";
 import { _ as Ht } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import { r as ae } from "./i18n-Cif1I9J2.js";
-import { _ as Ke } from "./NoData.vue_vue_type_script_setup_true_lang-CdFXBqlX.js";
+import { _ as Qe } from "./NoData.vue_vue_type_script_setup_true_lang-CdFXBqlX.js";
 import { useBreakpoints as $t, useSnackbar as Pt } from "@feedmepos/ui-library";
-var be = /* @__PURE__ */ ((e) => (e.line = "LINE", e.bar = "BAR", e))(be || {}), O = /* @__PURE__ */ ((e) => (e.top = "TOP", e.bottom = "BOTTOM", e))(O || {}), Ce = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e))(Ce || {}), Se = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(Se || {}), xe = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e))(xe || {}), _e = /* @__PURE__ */ ((e) => (e.right = "right", e.left = "left", e))(_e || {}), ke = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e.right = "right", e.left = "left", e.chartArea = "chartArea", e))(ke || {});
-f.Circular, f.Table, f.BarChart, f.LineChart, f.StackBarChart, f.StackLineChart, f.Scorecard, f.Spacer;
+var be = /* @__PURE__ */ ((e) => (e.line = "LINE", e.bar = "BAR", e))(be || {}), O = /* @__PURE__ */ ((e) => (e.top = "TOP", e.bottom = "BOTTOM", e))(O || {}), Ce = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e))(Ce || {}), Se = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(Se || {}), _e = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e))(_e || {}), xe = /* @__PURE__ */ ((e) => (e.right = "right", e.left = "left", e))(xe || {}), ke = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e.right = "right", e.left = "left", e.chartArea = "chartArea", e))(ke || {});
+v.Circular, v.Table, v.BarChart, v.LineChart, v.StackBarChart, v.StackLineChart, v.Scorecard, v.Spacer;
 const Bt = [
   {
-    type: f.Circular,
+    type: v.Circular,
     showLabel: !1,
     // TODO: temporarily removed show label as it has no function
     showDrillDimension: !0,
@@ -19,14 +19,14 @@ const Bt = [
     showSearchBar: !1
   },
   {
-    type: f.Table,
+    type: v.Table,
     showLabel: !1,
     showDrillDimension: !0,
     showRollup: !0,
     showSearchBar: !0
   },
   {
-    type: f.BarChart,
+    type: v.BarChart,
     showLabel: !1,
     // TODO: temporarily removed show label as it has no function
     showDrillDimension: !0,
@@ -34,7 +34,7 @@ const Bt = [
     showSearchBar: !1
   },
   {
-    type: f.LineChart,
+    type: v.LineChart,
     showLabel: !1,
     // TODO: temporarily removed show label as it has no function
     showDrillDimension: !0,
@@ -42,7 +42,7 @@ const Bt = [
     showSearchBar: !1
   },
   {
-    type: f.StackBarChart,
+    type: v.StackBarChart,
     showLabel: !1,
     // TODO: temporarily removed show label as it has no function
     showDrillDimension: !0,
@@ -50,7 +50,7 @@ const Bt = [
     showSearchBar: !1
   },
   {
-    type: f.StackLineChart,
+    type: v.StackLineChart,
     showLabel: !1,
     // TODO: temporarily removed show label as it has no function
     showDrillDimension: !0,
@@ -58,14 +58,14 @@ const Bt = [
     showSearchBar: !1
   },
   {
-    type: f.Scorecard,
+    type: v.Scorecard,
     showLabel: !1,
     showDrillDimension: !1,
     showRollup: !1,
     showSearchBar: !1
   },
   {
-    type: f.Spacer,
+    type: v.Spacer,
     showLabel: !1,
     showDrillDimension: !1,
     showRollup: !1,
@@ -78,22 +78,22 @@ function ye(e) {
 }
 function Mt(e, t) {
   switch (e) {
-    case f.BarChart:
-    case f.LineChart:
-    case f.StackBarChart:
-    case f.StackLineChart:
+    case v.BarChart:
+    case v.LineChart:
+    case v.StackBarChart:
+    case v.StackLineChart:
       return Array.isArray(t == null ? void 0 : t.datasets) && Array.isArray(t == null ? void 0 : t.xAxis) && t.datasets.length > 0 && t.xAxis.length > 0;
-    case f.Table:
+    case v.Table:
       return Array.isArray(t == null ? void 0 : t.rows) && Array.isArray(t == null ? void 0 : t.columns) && t.rows.length > 0 && t.columns.length > 0;
-    case f.Circular:
+    case v.Circular:
       return Array.isArray(t == null ? void 0 : t.datasets) && t.datasets.length > 0;
-    case f.Scorecard:
+    case v.Scorecard:
       return !0;
-    case f.Spacer:
+    case v.Spacer:
       return !0;
   }
 }
-const Qe = [
+const Ze = [
   "54, 162, 235",
   //8CE6D7
   "0, 123, 167",
@@ -118,21 +118,21 @@ const Qe = [
 function re({
   index: e,
   isCompare: t,
-  opacity: l
+  opacity: o
 }) {
-  let a = typeof l == "number" ? l : 1;
-  return t && (a = a * 0.6), `rgba(${Qe[e % Qe.length]}, ${a})`;
+  let a = typeof o == "number" ? o : 1;
+  return t && (a = a * 0.6), `rgba(${Ze[e % Ze.length]}, ${a})`;
 }
-function tt(e, t, l) {
+function at(e, t, o) {
   if (e === "" || t === "")
     return null;
-  let a = (i) => i == null ? void 0 : i.replace(/,/g, "");
-  l === "ID" && (a = (i) => i == null ? void 0 : i.replace(/\./g, "").replace(/,/g, "."));
-  const s = Number(a(e)), c = Number(a(t));
-  if (isNaN(s) || isNaN(c))
+  let a = (c) => c == null ? void 0 : c.replace(/,/g, "");
+  o === "ID" && (a = (c) => c == null ? void 0 : c.replace(/\./g, "").replace(/,/g, "."));
+  const n = Number(a(e)), i = Number(a(t));
+  if (isNaN(n) || isNaN(i))
     return null;
   let d = 0;
-  c === 0 ? s === 0 ? d = 0 : d = 1 : d = (s - c) / c;
+  i === 0 ? n === 0 ? d = 0 : d = 1 : d = (n - i) / i;
   const u = Vt(d);
   return {
     value: isNaN(d) ? "" : `${(d * 100).toFixed(0)}%`,
@@ -164,7 +164,7 @@ function ie(e) {
     font: {
       size: e.labelFontSize
     }
-  })), l = h(() => ({
+  })), o = h(() => ({
     display: e.showX,
     position: e.xPosition,
     grid: {
@@ -188,14 +188,14 @@ function ie(e) {
         size: e.yTickFontSize
       }
     }
-  })), s = h(() => ({
+  })), n = h(() => ({
     display: e.showLegend,
     position: e.legendPosition,
     usePointStyle: e.usePointStyle
-  })), c = h(() => e.isTransposed), d = h(() => e.chartWidth), u = h(() => e.chartHeight);
-  return { datalabels: t, xCfg: l, yCfg: a, isTransposed: c, legend: s, chartWidth: d, chartHeight: u };
+  })), i = h(() => e.isTransposed), d = h(() => e.chartWidth), u = h(() => e.chartHeight);
+  return { datalabels: t, xCfg: o, yCfg: a, isTransposed: i, legend: n, chartWidth: d, chartHeight: u };
 }
-const qt = /* @__PURE__ */ U({
+const qt = /* @__PURE__ */ G({
   __name: "WidgetBarchart",
   props: {
     modelValue: { required: !0 },
@@ -203,35 +203,35 @@ const qt = /* @__PURE__ */ U({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = G(e, "modelValue"), l = h(() => {
-      var p;
-      return ((p = t.value.data) == null ? void 0 : p.xAxis) ?? [];
+    const t = j(e, "modelValue"), o = h(() => {
+      var f;
+      return ((f = t.value.data) == null ? void 0 : f.xAxis) ?? [];
     }), a = h(() => {
-      var p;
-      return ((p = t.value.data) == null ? void 0 : p.datasets) ?? [];
-    }), s = g(null), { datalabels: c, xCfg: d, yCfg: u, isTransposed: i, legend: w, chartWidth: C, chartHeight: m } = ie(
+      var f;
+      return ((f = t.value.data) == null ? void 0 : f.datasets) ?? [];
+    }), n = y(null), { datalabels: i, xCfg: d, yCfg: u, isTransposed: c, legend: w, chartWidth: C, chartHeight: m } = ie(
       t.value
-    ), v = h(() => a.value.length > 0 ? [
-      ...a.value.map((p, _) => ({
-        label: p.name,
-        data: p.values,
-        dash: !!p.isCompare,
-        backgroundColor: re({ index: _, isCompare: p.isCompare })
+    ), g = h(() => a.value.length > 0 ? [
+      ...a.value.map((f, k) => ({
+        label: f.name,
+        data: f.values,
+        dash: !!f.isCompare,
+        backgroundColor: re({ index: k, isCompare: f.isCompare })
       }))
     ] : []);
-    return (p, _) => {
-      const T = F("FmBarChart");
-      return x(), D(X, null, [
-        Z(p.$slots, "menu"),
-        H(T, {
+    return (f, k) => {
+      const E = F("FmBarChart");
+      return _(), z(U, null, [
+        Z(f.$slots, "menu"),
+        H(E, {
           ref_key: "chartRef",
-          ref: s,
+          ref: n,
           class: "bar-chart",
-          datasets: v.value,
-          "x-axis": { categories: l.value },
+          datasets: g.value,
+          "x-axis": { categories: o.value },
           "x-cfg": r(d),
           "y-cfg": r(u),
-          transpose: r(i),
+          transpose: r(c),
           legend: {
             display: r(w).display ?? !1,
             position: r(w).position,
@@ -239,7 +239,7 @@ const qt = /* @__PURE__ */ U({
               usePointStyle: r(w).usePointStyle ?? !0
             }
           },
-          datalabels: r(c),
+          datalabels: r(i),
           "maintain-aspect-ratio": !1,
           style: Y({
             "--chart-width": r(C) !== void 0 ? r(C) + "px" : "100%",
@@ -249,7 +249,7 @@ const qt = /* @__PURE__ */ U({
       ], 64);
     };
   }
-}), Nt = /* @__PURE__ */ U({
+}), Nt = /* @__PURE__ */ G({
   __name: "WidgetCircular",
   props: {
     modelValue: { required: !0 },
@@ -257,19 +257,19 @@ const qt = /* @__PURE__ */ U({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = G(e, "modelValue"), { datalabels: l, legend: a, chartWidth: s, chartHeight: c } = ie(t.value), d = h(() => {
+    const t = j(e, "modelValue"), { datalabels: o, legend: a, chartWidth: n, chartHeight: i } = ie(t.value), d = h(() => {
       let u = [];
       return t.value.data.datasets && t.value.data.metrics && t.value.data.datasets.length > 0 && t.value.data.metrics.length > 0 && (u = [
         {
           label: t.value.data.metrics[0],
-          data: t.value.data.datasets.map((i) => i.value),
-          backgroundColor: t.value.data.datasets.map((i, w) => re({ index: w }))
+          data: t.value.data.datasets.map((c) => c.value),
+          backgroundColor: t.value.data.datasets.map((c, w) => re({ index: w }))
         }
       ]), u;
     });
-    return (u, i) => {
+    return (u, c) => {
       const w = F("FmPieChart");
-      return x(), D(X, null, [
+      return _(), z(U, null, [
         Z(u.$slots, "menu"),
         H(w, {
           class: "circular",
@@ -285,17 +285,17 @@ const qt = /* @__PURE__ */ U({
               usePointStyle: r(a).usePointStyle ?? !0
             }
           },
-          datalabels: r(l),
+          datalabels: r(o),
           "maintain-aspect-ratio": !1,
           style: Y({
-            "--chart-width": r(s) !== void 0 ? r(s) + "px" : "100%",
-            "--chart-height": r(c) !== void 0 ? r(c) + "px" : "calc(100% - 36px)"
+            "--chart-width": r(n) !== void 0 ? r(n) + "px" : "100%",
+            "--chart-height": r(i) !== void 0 ? r(i) + "px" : "calc(100% - 36px)"
           })
         }, null, 8, ["datasets", "metrics", "legend", "datalabels", "style"])
       ], 64);
     };
   }
-}), It = { class: "flex flex-col gap-1" }, Ot = { class: "fm-typo-en-title-sm-600" }, Xt = { class: "flex gap-2" }, Yt = { key: 0 }, Ut = { key: 1 }, Gt = /* @__PURE__ */ U({
+}), It = { class: "flex flex-col gap-1" }, Ot = { class: "fm-typo-en-title-sm-600" }, Xt = { class: "flex gap-2" }, Ut = { key: 0 }, Yt = { key: 1 }, Gt = /* @__PURE__ */ G({
   __name: "WidgetScorecard",
   props: {
     modelValue: { required: !0 },
@@ -303,14 +303,14 @@ const qt = /* @__PURE__ */ U({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = G(e, "modelValue"), { t: l } = Re(), { compareDateRange: a, defaultDateSetting: s } = we(et()), { country: c } = Le(), d = h(() => {
+    const t = j(e, "modelValue"), { t: o } = Re(), { compareDateRange: a, defaultDateSetting: n } = we(tt()), { country: i } = Le(), d = h(() => {
       var m;
       return ((m = t.value.data) == null ? void 0 : m.value) || "";
     }), u = h(() => {
       const { data: m } = t.value;
-      return m != null && m.comparison ? tt(d.value, m.comparison, c) : null;
+      return m != null && m.comparison ? at(d.value, m.comparison, i) : null;
     });
-    function i(m) {
+    function c(m) {
       switch (m) {
         case be.bar:
           return "bar";
@@ -329,28 +329,28 @@ const qt = /* @__PURE__ */ U({
       fill: !0,
       color: "#36a2eb"
     })));
-    return (m, v) => {
-      var B;
-      const p = F("FmIcon"), _ = F("FmChip"), T = F("FmTooltip"), q = F("FmLineChart");
-      return x(), D("div", It, [
+    return (m, g) => {
+      var P;
+      const f = F("FmIcon"), k = F("FmChip"), E = F("FmTooltip"), q = F("FmLineChart");
+      return _(), z("div", It, [
         Z(m.$slots, "menu"),
         A("p", Ot, ne(d.value), 1),
         A("div", Xt, [
-          H(T, {
-            content: `vs. ${(B = r(s).defaultCompareType) == null ? void 0 : B.split("_").join(" ")}`,
+          H(E, {
+            content: `vs. ${(P = r(n).defaultCompareType) == null ? void 0 : P.split("_").join(" ")}`,
             placement: "right",
             "hide-arrow": "",
             variant: "plain"
           }, {
             default: V(() => [
-              u.value ? (x(), M(_, {
+              u.value ? (_(), M(k, {
                 key: 0,
                 icon: u.value.icon.name,
                 class: me(`bg-${u.value.icon.tailwind}`),
                 compact: ""
               }, {
                 default: V(() => [
-                  H(p, {
+                  H(f, {
                     name: u.value.icon.name,
                     color: u.value.icon.color
                   }, null, 8, ["name", "color"]),
@@ -361,16 +361,16 @@ const qt = /* @__PURE__ */ U({
                 ]),
                 _: 1
               }, 8, ["icon", "class"])) : Q("", !0),
-              r(a).endDate !== null && r(a).startDate !== null && u.value === null ? (x(), M(_, {
+              r(a).endDate !== null && r(a).startDate !== null && u.value === null ? (_(), M(k, {
                 key: 1,
                 compact: ""
               }, {
                 default: V(() => [
-                  H(p, {
+                  H(f, {
                     name: "arrow_upward",
                     color: "#C7C7CC"
                   }),
-                  v[0] || (v[0] = A("p", { class: "fm-typo-en-body-md-600 text-fm-color-typo-disabled" }, "N/A", -1))
+                  g[0] || (g[0] = A("p", { class: "fm-typo-en-body-md-600 text-fm-color-typo-disabled" }, "N/A", -1))
                 ]),
                 _: 1
               })) : Q("", !0)
@@ -378,8 +378,8 @@ const qt = /* @__PURE__ */ U({
             _: 1
           }, 8, ["content"])
         ]),
-        w.value ? (x(), D("div", Yt, [
-          i(w.value.type) === "line" ? (x(), M(q, {
+        w.value ? (_(), z("div", Ut, [
+          c(w.value.type) === "line" ? (_(), M(q, {
             key: 0,
             class: "sparkline",
             datasets: C.value,
@@ -392,7 +392,7 @@ const qt = /* @__PURE__ */ U({
             "x-cfg": { display: !1 },
             "maintain-aspect-ratio": !1
           }, null, 8, ["datasets", "x-axis"])) : Q("", !0)
-        ])) : (x(), D("div", Ut, v[1] || (v[1] = [
+        ])) : (_(), z("div", Yt, g[1] || (g[1] = [
           A("div", { class: "sparkline" }, [
             A("div", { class: "flex flex-col gap-8" }, [
               A("div"),
@@ -406,8 +406,8 @@ const qt = /* @__PURE__ */ U({
   }
 }), jt = {};
 function Jt(e, t) {
-  const l = F("FmMenuDivider");
-  return x(), M(l);
+  const o = F("FmMenuDivider");
+  return _(), M(o);
 }
 const Kt = /* @__PURE__ */ Ht(jt, [["render", Jt]]), Qt = "mf-reporttable-dimension", Zt = At(Qt, {
   state: () => ({
@@ -419,56 +419,56 @@ const Kt = /* @__PURE__ */ Ht(jt, [["render", Jt]]), Qt = "mf-reporttable-dimens
     updateRowHeight(e, t) {
       this.rowHeight = e, this.setRowHeights(e, t);
     },
-    updateColWidth(e, t, l, a) {
-      this.colWidths[e] = t, this.setColWidths(e, t, l, a);
+    updateColWidth(e, t, o, a) {
+      this.colWidths[e] = t, this.setColWidths(e, t, o, a);
     },
     setRowHeights(e, t) {
-      const l = (t == null ? void 0 : t.querySelectorAll("thead tr")) ?? [], a = (t == null ? void 0 : t.querySelectorAll("tbody tr")) ?? [];
-      [...l, ...a].forEach((c) => {
-        const d = c;
+      const o = (t == null ? void 0 : t.querySelectorAll("thead tr")) ?? [], a = (t == null ? void 0 : t.querySelectorAll("tbody tr")) ?? [];
+      [...o, ...a].forEach((i) => {
+        const d = i;
         d && (d.style.height = `${e}px`);
       });
     },
-    setColWidths(e, t, l, a = !1) {
-      const s = (l == null ? void 0 : l.querySelectorAll("th")) ?? [];
+    setColWidths(e, t, o, a = !1) {
+      const n = (o == null ? void 0 : o.querySelectorAll("th")) ?? [];
       if (e === void 0) return;
-      const c = s[e], d = a ? this.colWidths[e] : t;
-      if (!c || d === void 0) return;
+      const i = n[e], d = a ? this.colWidths[e] : t;
+      if (!i || d === void 0) return;
       const u = () => {
-        c.style.width = `${d}px`;
+        i.style.width = `${d}px`;
       };
       a ? requestAnimationFrame(u) : u();
     },
     enableEditMode() {
-      const e = document.querySelectorAll("th"), t = document.querySelectorAll("td"), l = document.querySelector("table");
-      l == null || l.classList.add("table-fixed"), e.forEach((a) => a.classList.add("toggleEditResize")), t.forEach((a) => a.classList.add("toggleEditResize")), this.isEditing = !0;
+      const e = document.querySelectorAll("th"), t = document.querySelectorAll("td"), o = document.querySelector("table");
+      o == null || o.classList.add("table-fixed"), e.forEach((a) => a.classList.add("toggleEditResize")), t.forEach((a) => a.classList.add("toggleEditResize")), this.isEditing = !0;
     },
     disableEditMode() {
-      const e = document.querySelectorAll("th"), t = document.querySelectorAll("td"), l = document.querySelectorAll(".col-resize-handle"), a = document.querySelectorAll(".row-resize-handle");
-      e.forEach((s) => s.classList.remove("toggleEditResize")), t.forEach((s) => s.classList.remove("toggleEditResize")), l.forEach((s) => s.remove()), a.forEach((s) => s.remove()), this.isEditing = !1;
+      const e = document.querySelectorAll("th"), t = document.querySelectorAll("td"), o = document.querySelectorAll(".col-resize-handle"), a = document.querySelectorAll(".row-resize-handle");
+      e.forEach((n) => n.classList.remove("toggleEditResize")), t.forEach((n) => n.classList.remove("toggleEditResize")), o.forEach((n) => n.remove()), a.forEach((n) => n.remove()), this.isEditing = !1;
     },
     resetStore() {
       this.rowHeight = 0, this.colWidths = [];
     },
     highlightCol(e, t) {
       if (t) {
-        const l = document.querySelectorAll(`thead th:nth-child(${e + 1})`), a = document.querySelectorAll(`tbody td:nth-child(${e + 1})`);
-        [...l, ...a].forEach((s) => {
-          s.classList.add("highlight-hover-col");
+        const o = document.querySelectorAll(`thead th:nth-child(${e + 1})`), a = document.querySelectorAll(`tbody td:nth-child(${e + 1})`);
+        [...o, ...a].forEach((n) => {
+          n.classList.add("highlight-hover-col");
         });
       } else
         document.querySelectorAll(
           `thead th:nth-child(${e + 1}), tbody td:nth-child(${e + 1})`
-        ).forEach((l) => l.classList.add("highlight-col"));
+        ).forEach((o) => o.classList.add("highlight-col"));
     },
     highlightRows(e) {
-      const t = document.querySelectorAll("thead tr"), l = document.querySelectorAll("tbody tr"), a = [...t, ...l];
-      for (const s of a)
-        e ? s.classList.add("highlight-hover-row") : s.classList.add("highlight-row");
+      const t = document.querySelectorAll("thead tr"), o = document.querySelectorAll("tbody tr"), a = [...t, ...o];
+      for (const n of a)
+        e ? n.classList.add("highlight-hover-row") : n.classList.add("highlight-row");
     },
     removeRowHighlight(e) {
-      const t = e ? ".highlight-hover-row" : ".highlight-row", l = document.querySelectorAll(t);
-      for (const a of l)
+      const t = e ? ".highlight-hover-row" : ".highlight-row", o = document.querySelectorAll(t);
+      for (const a of o)
         a.classList.remove(t.slice(1));
     },
     removeColHighlight(e) {
@@ -477,62 +477,62 @@ const Kt = /* @__PURE__ */ Ht(jt, [["render", Jt]]), Qt = "mf-reporttable-dimens
       }) : document.querySelectorAll(".highlight-col").forEach((t) => t.classList.remove("highlight-col"));
     },
     resizeCol(e, t) {
-      const l = /* @__PURE__ */ new Map(), a = e.clientX, s = e.target.closest("table"), c = s == null ? void 0 : s.querySelectorAll("th")[t], d = c == null ? void 0 : c.getBoundingClientRect().width, u = l.get(t) ? this.colWidths[t.toString()] || 60 : (l.set(t, !0), d || this.colWidths[t.toString()] || 60), i = c == null ? void 0 : c.querySelector("p");
-      if (!i) return;
-      const w = i.textContent || "", C = window.getComputedStyle(i), m = `${C.fontWeight} ${C.fontSize} ${C.fontFamily}`, p = document.createElement("canvas").getContext("2d");
-      if (!p) return;
-      p.font = m;
-      const _ = p.measureText(w), T = window.getComputedStyle(c), q = parseFloat(T.paddingLeft || "0"), B = parseFloat(T.paddingRight || "0"), n = _.width + q + B;
+      const o = /* @__PURE__ */ new Map(), a = e.clientX, n = e.target.closest("table"), i = n == null ? void 0 : n.querySelectorAll("th")[t], d = i == null ? void 0 : i.getBoundingClientRect().width, u = o.get(t) ? this.colWidths[t.toString()] || 60 : (o.set(t, !0), d || this.colWidths[t.toString()] || 60), c = i == null ? void 0 : i.querySelector("p");
+      if (!c) return;
+      const w = c.textContent || "", C = window.getComputedStyle(c), m = `${C.fontWeight} ${C.fontSize} ${C.fontFamily}`, f = document.createElement("canvas").getContext("2d");
+      if (!f) return;
+      f.font = m;
+      const k = f.measureText(w), E = window.getComputedStyle(i), q = parseFloat(E.paddingLeft || "0"), P = parseFloat(E.paddingRight || "0"), X = k.width + q + P;
       this.highlightCol(t, !1);
-      const y = (b) => {
-        const k = b.clientX - a, R = Math.max(n, u + k);
-        if (s) {
-          this.updateColWidth(t, R, s, !0);
-          let z = 0;
-          s.querySelectorAll("th").forEach((P, j) => {
-            z += j === t ? R : this.colWidths[j] || P.getBoundingClientRect().width;
-          }), s.classList.remove("w-full"), s.style.width = `${z}px`;
-          const E = s == null ? void 0 : s.parentElement;
-          if (E) {
-            const P = E.scrollWidth, j = E.scrollLeft;
-            E.offsetWidth + j >= P - 100 && (E.scrollLeft = P);
+      const l = (S) => {
+        const b = S.clientX - a, x = Math.max(X, u + b);
+        if (n) {
+          this.updateColWidth(t, x, n, !0);
+          let R = 0;
+          n.querySelectorAll("th").forEach((D, $) => {
+            R += $ === t ? x : this.colWidths[$] || D.getBoundingClientRect().width;
+          }), n.classList.remove("w-full"), n.style.width = `${R}px`;
+          const T = n == null ? void 0 : n.parentElement;
+          if (T) {
+            const D = T.scrollWidth, $ = T.scrollLeft;
+            T.offsetWidth + $ >= D - 100 && (T.scrollLeft = D);
           }
         }
-      }, S = () => {
-        ((s == null ? void 0 : s.querySelectorAll("th")) ?? []).forEach((k, R) => {
-          const z = k.getBoundingClientRect().width;
-          this.colWidths[R] = z;
-        }), this.removeColHighlight(!1), document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", S);
+      }, p = () => {
+        ((n == null ? void 0 : n.querySelectorAll("th")) ?? []).forEach((b, x) => {
+          const R = b.getBoundingClientRect().width;
+          this.colWidths[x] = R;
+        }), this.removeColHighlight(!1), document.removeEventListener("mousemove", l), document.removeEventListener("mouseup", p);
       };
-      document.addEventListener("mousemove", y), document.addEventListener("mouseup", S);
+      document.addEventListener("mousemove", l), document.addEventListener("mouseup", p);
     },
     resizeRow(e) {
-      const t = e.clientY, l = e.target.closest("table"), a = this.rowHeight || 48;
+      const t = e.clientY, o = e.target.closest("table"), a = this.rowHeight || 48;
       this.highlightRows(!1);
-      const s = (d) => {
+      const n = (d) => {
         const u = Math.max(30, a + (d.clientY - t));
-        l && this.updateRowHeight(u, l);
-      }, c = () => {
-        this.removeRowHighlight(!1), document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", c);
+        o && this.updateRowHeight(u, o);
+      }, i = () => {
+        this.removeRowHighlight(!1), document.removeEventListener("mousemove", n), document.removeEventListener("mouseup", i);
       };
-      document.addEventListener("mousemove", s), document.addEventListener("mouseup", c);
+      document.addEventListener("mousemove", n), document.addEventListener("mouseup", i);
     },
     enableCellResizing() {
-      const e = document.querySelector("thead"), t = document.querySelectorAll("thead tr"), l = document.querySelectorAll("tbody tr"), a = [...t, ...l];
+      const e = document.querySelector("thead"), t = document.querySelectorAll("thead tr"), o = document.querySelectorAll("tbody tr"), a = [...t, ...o];
       e && e.classList.remove("sticky");
-      const s = (c, d) => {
+      const n = (i, d) => {
         const u = document.createElement("div");
-        return u.className = `${c}-resize-handle`, c === "col" ? (u.addEventListener("mouseenter", () => this.highlightCol(d, !0)), u.addEventListener("mouseleave", () => this.removeColHighlight(!0)), u.addEventListener("mousedown", (i) => {
-          i.stopPropagation(), this.resizeCol(i, d);
-        })) : (u.addEventListener("mouseenter", () => this.highlightRows(!0)), u.addEventListener("mouseleave", () => this.removeRowHighlight(!0)), u.addEventListener("mousedown", (i) => {
-          i.stopPropagation(), this.resizeRow(i);
+        return u.className = `${i}-resize-handle`, i === "col" ? (u.addEventListener("mouseenter", () => this.highlightCol(d, !0)), u.addEventListener("mouseleave", () => this.removeColHighlight(!0)), u.addEventListener("mousedown", (c) => {
+          c.stopPropagation(), this.resizeCol(c, d);
+        })) : (u.addEventListener("mouseenter", () => this.highlightRows(!0)), u.addEventListener("mouseleave", () => this.removeRowHighlight(!0)), u.addEventListener("mousedown", (c) => {
+          c.stopPropagation(), this.resizeRow(c);
         })), u;
       };
-      a.forEach((c) => {
-        const d = c.closest("thead") !== null;
-        c.querySelectorAll(d ? "th" : "td").forEach((i, w) => {
-          const C = s("col", w), m = s("row", w);
-          i.appendChild(C), i.appendChild(m);
+      a.forEach((i) => {
+        const d = i.closest("thead") !== null;
+        i.querySelectorAll(d ? "th" : "td").forEach((c, w) => {
+          const C = n("col", w), m = n("row", w);
+          c.appendChild(C), c.appendChild(m);
         });
       }), this.enableEditMode();
     },
@@ -543,7 +543,7 @@ const Kt = /* @__PURE__ */ Ht(jt, [["render", Jt]]), Qt = "mf-reporttable-dimens
 }), ea = { class: "my-4" }, ta = {
   class: "border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm",
   style: { backgroundColor: "#f9f9f9" }
-}, aa = { class: "font-bold" }, la = { class: "text-fm-color-neutral-gray-300" }, oa = /* @__PURE__ */ U({
+}, aa = { class: "font-bold" }, la = { class: "text-fm-color-neutral-gray-300" }, oa = /* @__PURE__ */ G({
   __name: "WidgetTable",
   props: {
     modelValue: { required: !0 },
@@ -551,159 +551,174 @@ const Kt = /* @__PURE__ */ Ht(jt, [["render", Jt]]), Qt = "mf-reporttable-dimens
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const { t, te: l } = Re(), a = G(e, "modelValue"), { country: s } = Le(), c = Zt(), d = g(null), u = h(() => {
-      var n;
-      return ((n = a.value.data) == null ? void 0 : n.columns) || [{ label: "", key: "" }];
-    }), i = h(() => {
-      var n;
-      return ((n = a.value.data) == null ? void 0 : n.rows) || [];
+    const { t, te: o } = Re(), a = j(e, "modelValue"), { country: n } = Le(), i = Zt(), d = y(null), u = h(() => {
+      var l;
+      return ((l = a.value.data) == null ? void 0 : l.columns) || [{ label: "", key: "" }];
+    }), c = h(() => {
+      var l;
+      return ((l = a.value.data) == null ? void 0 : l.rows) || [];
     }), w = h(() => a.value.filterText), C = h(() => {
-      var n, y;
-      if (!(w.value && w.value.trim().length > 0 || !((n = i.value[0]) != null && n.isRollup) && !((y = i.value[i.value.length - 1]) != null && y.isRollup))) {
+      var l, p;
+      if (!(w.value && w.value.trim().length > 0 || !((l = c.value[0]) != null && l.isRollup) && !((p = c.value[c.value.length - 1]) != null && p.isRollup))) {
         if (a.value.rollupPosition === O.top || a.value.rollupPosition === void 0)
           return O.top;
         if (a.value.rollupPosition === O.bottom)
           return O.bottom;
       }
     }), m = h(() => {
-      const b = C.value !== void 0 ? 1 : 0, k = (d.value ? d.value.$el.offsetHeight : 0) - 48;
-      return Math.floor((k - 34.5 - 32) / 48) - b;
-    }), v = h(() => {
-      var y, S;
-      let n = [];
+      const b = C.value !== void 0 ? 1 : 0, x = (d.value ? d.value.$el.offsetHeight : 0) - 48;
+      return Math.floor((x - 34.5 - 32) / 48) - b;
+    }), g = h(() => {
+      var p, S;
+      let l = [];
       switch (C.value) {
         case O.top:
-          n = [...((y = i.value[0]) == null ? void 0 : y.cells) || []].map((b, k) => {
+          l = [...((p = c.value[0]) == null ? void 0 : p.cells) || []].map((b, x) => {
             var R;
             return {
               main: b,
-              comparison: (R = i.value[0]) == null ? void 0 : R.comparisonCells[k],
-              rowType: u.value[k].type
+              comparison: (R = c.value[0]) == null ? void 0 : R.comparisonCells[x],
+              rowType: u.value[x].type
             };
           });
           break;
         case O.bottom:
-          n = [...((S = i.value[i.value.length - 1]) == null ? void 0 : S.cells) || []].map((b, k) => {
+          l = [...((S = c.value[c.value.length - 1]) == null ? void 0 : S.cells) || []].map((b, x) => {
             var R;
             return {
               main: b,
-              comparison: (R = i.value[0]) == null ? void 0 : R.comparisonCells[k],
-              rowType: u.value[k].type
+              comparison: (R = c.value[0]) == null ? void 0 : R.comparisonCells[x],
+              rowType: u.value[x].type
             };
           });
           break;
       }
-      return n.length > 0 && n[0].main === "" && (n[0].main = "Grand total"), n;
+      return l.length > 0 && l[0].main === "" && (l[0].main = "Grand total"), l;
     });
-    function p(n) {
-      const y = {};
+    function f(l) {
+      const p = {};
       for (let S = 0; S < u.value.length; S++)
         if (u.value[S].key !== "") {
-          const b = n.comparisonCells[S];
-          y[u.value[S].key] = {
-            main: n.cells[S],
+          const b = l.comparisonCells[S];
+          p[u.value[S].key] = {
+            main: l.cells[S],
             comparison: b
-          }, y.isRollup = n.isRollup;
+          }, p.isRollup = l.isRollup;
         }
-      return y;
+      return p;
     }
-    function _(n) {
-      return [...new Array(n < 0 ? 0 : n)].map(() => {
+    function k(l) {
+      return [...new Array(l < 0 ? 0 : l)].map(() => {
         var S;
-        const y = {};
+        const p = {};
         if ((S = a.value.data) != null && S.columns)
           for (let b = 0; b < a.value.data.columns.length; b++)
-            y[a.value.data.columns[b].key] = void 0;
-        return y;
+            p[a.value.data.columns[b].key] = void 0;
+        return p;
       });
     }
-    function T(n) {
-      let y = (n == null ? void 0 : n.main) || "";
-      return y.includes("#") && !y.startsWith("#") && (y = y.split("#")[0]), !n || n.main === "" || n.comparison === "" ? {
-        main: y
+    function E(l) {
+      let p = (l == null ? void 0 : l.main) || "";
+      return p.includes("#") && !p.startsWith("#") && (p = p.split("#")[0]), !l || l.main === "" || l.comparison === "" ? {
+        main: p
       } : {
-        main: y,
-        comparison: n == null ? void 0 : n.comparison,
-        difference: tt(n.main, n.comparison, s)
+        main: p,
+        comparison: l == null ? void 0 : l.comparison,
+        difference: at(l.main, l.comparison, n)
       };
     }
     const q = h(() => {
-      var k, R, z;
-      let n = ((k = a.value.data) == null ? void 0 : k.rows) || [];
+      var x, R, B;
+      let l = ((x = a.value.data) == null ? void 0 : x.rows) || [];
       switch (C.value) {
         case O.bottom:
-          n = (R = n[n.length - 1]) != null && R.isRollup ? n.slice(0, -1) : n;
+          l = (R = l[l.length - 1]) != null && R.isRollup ? l.slice(0, -1) : l;
           break;
         case O.top:
-          n = (z = n[0]) != null && z.isRollup ? n.slice(1, n.length) : n;
+          l = (B = l[0]) != null && B.isRollup ? l.slice(1, l.length) : l;
           break;
       }
-      const y = n.filter(($) => !(w.value !== "" && ($.isRollup === !0 || !$.cells.some(
-        (E) => {
-          var P;
-          return ((E == null ? void 0 : E.toLowerCase()) || "").includes((P = w.value) == null ? void 0 : P.toLowerCase());
+      const p = l.filter((T) => !(w.value !== "" && (T.isRollup === !0 || !T.cells.some(
+        (D) => {
+          var $;
+          return ((D == null ? void 0 : D.toLowerCase()) || "").includes(($ = w.value) == null ? void 0 : $.toLowerCase());
         }
-      )))).map(($) => p($)), S = y.length % m.value;
+      )))).map((T) => f(T)), S = p.length % m.value;
       let b = 0;
-      return S > 0 ? b = Math.abs(S - m.value) : y.length === 0 && (b = m.value), y.push(..._(b)), y;
-    }), B = h(() => {
-      var y;
-      let n = [];
-      return (y = a.value.data) != null && y.columns && (n = [...a.value.data.columns.map((b) => {
-        const k = ae(t, l, b.label, "other");
+      return S > 0 ? b = Math.abs(S - m.value) : p.length === 0 && (b = m.value), p.push(...k(b)), p;
+    }), P = h(() => {
+      var l, p;
+      return !!((l = a.value.colWidths) != null && l.length) || !!((p = i.colWidths) != null && p.length);
+    });
+    le(
+      P,
+      async (l) => {
+        l && i.isEditing && (await je(), i.enableCellResizing());
+      },
+      { immediate: !0 }
+    );
+    const X = h(() => {
+      var p;
+      let l = [];
+      return (p = a.value.data) != null && p.columns && (l = [...a.value.data.columns.map((b) => {
+        const x = ae(t, o, b.label, "other");
         return {
           accessorKey: b.key,
-          header: () => je(
+          header: () => Je(
             "p",
             {
               class: `w-full ${b.type === "NUMERIC" ? "text-right" : ""} whitespace-nowrap`
             },
-            k
+            x
           ),
           cell: (R) => {
-            var E, P;
-            const z = T(R.getValue()), $ = (P = (E = R == null ? void 0 : R.row) == null ? void 0 : E.original) == null ? void 0 : P.isRollup;
-            return je(
+            var D, $;
+            const B = E(R.getValue()), T = ($ = (D = R == null ? void 0 : R.row) == null ? void 0 : D.original) == null ? void 0 : $.isRollup;
+            return Je(
               "div",
               {
-                class: `${$ ? "fm-typo-en-body-md-600 text-fm-color-typo-secondary" : "fm-typo-en-body-md-400"} ${b.type === "NUMERIC" ? "text-right" : ""} whitespace-normal break-words line-clamp-2`
+                class: [
+                  T ? "fm-typo-en-body-md-600 text-fm-color-typo-secondary" : "fm-typo-en-body-md-400",
+                  b.type === "NUMERIC" ? "text-right" : "",
+                  P.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
+                ].join(" ")
               },
-              [z.main]
+              [B.main]
             );
           },
           enableSorting: !1
         };
-      })]), n;
+      })]), l;
     });
-    return se(
-      [() => B.value],
+    return le(
+      [() => X.value],
       async () => {
-        var R, z;
-        await xt();
-        const n = (R = d.value) == null ? void 0 : R.$el;
-        if (!n) return;
-        const y = n.querySelector("table");
-        if (!y) return;
-        const S = !!((z = a.value.colWidths) != null && z.length);
-        y.classList.add(S ? "table-fixed" : "table-auto"), c.isEditing && c.enableCellResizing();
-        const b = c.rowHeight || a.value.rowHeight;
-        typeof b == "number" && c.setRowHeights(b, n);
-        const k = a.value.colWidths ?? c.colWidths;
-        k == null || k.forEach(($, E) => {
-          c.setColWidths(E, $, n);
+        var R, B;
+        await je();
+        const l = (R = d.value) == null ? void 0 : R.$el;
+        if (!l) return;
+        const p = l.querySelector("table");
+        if (!p) return;
+        const S = !!((B = a.value.colWidths) != null && B.length);
+        p.classList.add(S ? "table-fixed" : "table-auto"), i.isEditing && i.enableCellResizing();
+        const b = i.rowHeight || a.value.rowHeight;
+        typeof b == "number" && i.setRowHeights(b, l);
+        const x = a.value.colWidths ?? i.colWidths;
+        x == null || x.forEach((T, D) => {
+          i.setColWidths(D, T, l);
         });
       },
       { immediate: !0 }
-    ), (n, y) => {
+    ), (l, p) => {
       const S = F("FmTable");
-      return x(), D(X, null, [
+      return _(), z(U, null, [
         A("div", ea, [
-          Z(n.$slots, "menu")
+          Z(l.$slots, "menu")
         ]),
         H(S, {
           ref_key: "table",
           ref: d,
-          "column-defs": B.value,
+          "column-defs": X.value,
           "row-data": q.value,
           "search-value": w.value,
           "page-size": m.value,
@@ -714,12 +729,16 @@ const Kt = /* @__PURE__ */ Ht(jt, [["render", Jt]]), Qt = "mf-reporttable-dimens
           "pin-top": V(() => [
             A("tbody", null, [
               A("tr", ta, [
-                (x(!0), D(X, null, Ze(v.value, (b, k) => (x(), D("td", {
-                  key: `${r(he)()}_${k}`,
+                (_(!0), z(U, null, et(g.value, (b, x) => (_(), z("td", {
+                  key: `${r(he)()}_${x}`,
                   class: "h-[48px] text-fm-color-typo-primary px-16"
                 }, [
                   A("span", {
-                    class: me(`items-center text-fm-color-typo-secondary gap-2 line-clamp-2 text-ellipsis ${b.rowType === "NUMERIC" ? "text-right" : ""}`)
+                    class: me([
+                      "items-center text-fm-color-typo-secondary gap-2",
+                      b.rowType === "NUMERIC" ? "text-right" : "",
+                      P.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
+                    ])
                   }, [
                     A("p", aa, ne(b.main), 1),
                     A("p", la, ne(b.comparison ? `(${b.comparison})` : ""), 1)
@@ -733,7 +752,7 @@ const Kt = /* @__PURE__ */ Ht(jt, [["render", Jt]]), Qt = "mf-reporttable-dimens
       ], 64);
     };
   }
-}), sa = /* @__PURE__ */ U({
+}), sa = /* @__PURE__ */ G({
   __name: "WidgetStackBarChart",
   props: {
     modelValue: { required: !0 },
@@ -741,38 +760,38 @@ const Kt = /* @__PURE__ */ Ht(jt, [["render", Jt]]), Qt = "mf-reporttable-dimens
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = G(e, "modelValue"), l = h(() => {
-      var _;
-      return ((_ = t.value.data) == null ? void 0 : _.xAxis) || [];
+    const t = j(e, "modelValue"), o = h(() => {
+      var k;
+      return ((k = t.value.data) == null ? void 0 : k.xAxis) || [];
     }), a = h(() => {
-      var p;
-      return ((p = t.value.data) == null ? void 0 : p.datasets) ?? [];
-    }), s = g(null), { datalabels: c, xCfg: d, yCfg: u, isTransposed: i, legend: w, chartWidth: C, chartHeight: m } = ie(
+      var f;
+      return ((f = t.value.data) == null ? void 0 : f.datasets) ?? [];
+    }), n = y(null), { datalabels: i, xCfg: d, yCfg: u, isTransposed: c, legend: w, chartWidth: C, chartHeight: m } = ie(
       t.value
-    ), v = h(() => a.value.length > 0 ? [
-      ...a.value.map((p, _) => {
-        let T = p.values;
+    ), g = h(() => a.value.length > 0 ? [
+      ...a.value.map((f, k) => {
+        let E = f.values;
         return {
-          label: p.name,
-          data: T,
-          dash: !!p.isCompare,
-          backgroundColor: re({ index: _, isCompare: p.isCompare })
+          label: f.name,
+          data: E,
+          dash: !!f.isCompare,
+          backgroundColor: re({ index: k, isCompare: f.isCompare })
         };
       })
     ] : []);
-    return (p, _) => {
-      const T = F("FmBarChart");
-      return x(), D(X, null, [
-        Z(p.$slots, "menu"),
-        H(T, {
+    return (f, k) => {
+      const E = F("FmBarChart");
+      return _(), z(U, null, [
+        Z(f.$slots, "menu"),
+        H(E, {
           ref_key: "chartRef",
-          ref: s,
+          ref: n,
           class: "bar-chart",
-          datasets: v.value,
-          "x-axis": { categories: l.value },
+          datasets: g.value,
+          "x-axis": { categories: o.value },
           "x-cfg": r(d),
           "y-cfg": r(u),
-          transpose: r(i),
+          transpose: r(c),
           stacked: !0,
           legend: {
             display: r(w).display ?? !1,
@@ -782,7 +801,7 @@ const Kt = /* @__PURE__ */ Ht(jt, [["render", Jt]]), Qt = "mf-reporttable-dimens
               usePointStyle: r(w).usePointStyle ?? !0
             }
           },
-          datalabels: r(c),
+          datalabels: r(i),
           "maintain-aspect-ratio": !1,
           style: Y({
             "--chart-width": r(C) !== void 0 ? r(C) + "px" : "100%",
@@ -792,7 +811,7 @@ const Kt = /* @__PURE__ */ Ht(jt, [["render", Jt]]), Qt = "mf-reporttable-dimens
       ], 64);
     };
   }
-}), na = /* @__PURE__ */ U({
+}), na = /* @__PURE__ */ G({
   __name: "WidgetStackLineChart",
   props: {
     modelValue: { required: !0 },
@@ -800,47 +819,47 @@ const Kt = /* @__PURE__ */ Ht(jt, [["render", Jt]]), Qt = "mf-reporttable-dimens
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = G(e, "modelValue"), l = h(() => {
-      var v;
-      return ((v = t.value.data) == null ? void 0 : v.xAxis) ?? [];
+    const t = j(e, "modelValue"), o = h(() => {
+      var g;
+      return ((g = t.value.data) == null ? void 0 : g.xAxis) ?? [];
     }), a = h(() => {
-      var v;
-      return ((v = t.value.data) == null ? void 0 : v.datasets) ?? [];
-    }), { datalabels: s, xCfg: c, yCfg: d, isTransposed: u, legend: i, chartWidth: w, chartHeight: C } = ie(
+      var g;
+      return ((g = t.value.data) == null ? void 0 : g.datasets) ?? [];
+    }), { datalabels: n, xCfg: i, yCfg: d, isTransposed: u, legend: c, chartWidth: w, chartHeight: C } = ie(
       t.value
     ), m = h(() => a.value.length > 0 ? [
-      ...a.value.map((v, p) => {
-        let _ = v.values;
+      ...a.value.map((g, f) => {
+        let k = g.values;
         return {
-          label: v.name,
-          data: _,
-          dash: v.isCompare,
+          label: g.name,
+          data: k,
+          dash: g.isCompare,
           fill: !1,
-          color: re({ index: p, isCompare: v.isCompare })
+          color: re({ index: f, isCompare: g.isCompare })
         };
       })
     ] : []);
-    return (v, p) => {
-      const _ = F("FmLineChart");
-      return x(), D(X, null, [
-        Z(v.$slots, "menu"),
-        H(_, {
+    return (g, f) => {
+      const k = F("FmLineChart");
+      return _(), z(U, null, [
+        Z(g.$slots, "menu"),
+        H(k, {
           class: "line-chart",
           datasets: m.value,
-          "x-axis": { categories: l.value },
-          "x-cfg": r(c),
+          "x-axis": { categories: o.value },
+          "x-cfg": r(i),
           "y-cfg": r(d),
           transpose: r(u),
           legend: {
-            display: r(i).display ?? !1,
-            position: r(i).position,
+            display: r(c).display ?? !1,
+            position: r(c).position,
             maxHeight: 54,
             labels: {
-              usePointStyle: r(i).usePointStyle ?? !0
+              usePointStyle: r(c).usePointStyle ?? !0
             }
           },
           stacked: !0,
-          datalabels: r(s),
+          datalabels: r(n),
           "maintain-aspect-ratio": !1,
           style: Y({
             "--chart-width": r(w) !== void 0 ? r(w) + "px" : "97%",
@@ -850,7 +869,7 @@ const Kt = /* @__PURE__ */ Ht(jt, [["render", Jt]]), Qt = "mf-reporttable-dimens
       ], 64);
     };
   }
-}), le = [
+}), oe = [
   "col-span-1",
   "col-span-2",
   "col-span-3",
@@ -865,15 +884,15 @@ const Kt = /* @__PURE__ */ Ht(jt, [["render", Jt]]), Qt = "mf-reporttable-dimens
   "col-span-12"
 ];
 function ra(e) {
-  return e < 12 ? le[e - 1] : le[11];
+  return e < 12 ? oe[e - 1] : oe[11];
 }
 function ia(e) {
-  return e < 12 ? le[Math.min(11, e * 2 - 1)] : le[11];
+  return e < 12 ? oe[Math.min(11, e * 2 - 1)] : oe[11];
 }
 function ca(e) {
-  return e < 12 ? le[Math.min(11, e * 3 - 1)] : le[11];
+  return e < 12 ? oe[Math.min(11, e * 3 - 1)] : oe[11];
 }
-const ua = /* @__PURE__ */ U({
+const ua = /* @__PURE__ */ G({
   __name: "WidgetLinechart",
   props: {
     modelValue: { required: !0 },
@@ -881,44 +900,44 @@ const ua = /* @__PURE__ */ U({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = G(e, "modelValue"), l = h(() => {
-      var v;
-      return ((v = t.value.data) == null ? void 0 : v.xAxis) ?? [];
+    const t = j(e, "modelValue"), o = h(() => {
+      var g;
+      return ((g = t.value.data) == null ? void 0 : g.xAxis) ?? [];
     }), a = h(() => {
-      var v;
-      return ((v = t.value.data) == null ? void 0 : v.datasets) ?? [];
-    }), { datalabels: s, xCfg: c, yCfg: d, isTransposed: u, legend: i, chartWidth: w, chartHeight: C } = ie(
+      var g;
+      return ((g = t.value.data) == null ? void 0 : g.datasets) ?? [];
+    }), { datalabels: n, xCfg: i, yCfg: d, isTransposed: u, legend: c, chartWidth: w, chartHeight: C } = ie(
       t.value
     ), m = h(() => a.value.length > 0 ? [
-      ...a.value.map((v, p) => ({
-        label: v.name,
-        data: v.values,
-        dash: !!v.isCompare,
+      ...a.value.map((g, f) => ({
+        label: g.name,
+        data: g.values,
+        dash: !!g.isCompare,
         fill: !1,
-        color: re({ index: p, isCompare: v.isCompare })
+        color: re({ index: f, isCompare: g.isCompare })
       }))
     ] : []);
-    return (v, p) => {
-      const _ = F("FmLineChart");
-      return x(), D(X, null, [
-        Z(v.$slots, "menu"),
-        H(_, {
+    return (g, f) => {
+      const k = F("FmLineChart");
+      return _(), z(U, null, [
+        Z(g.$slots, "menu"),
+        H(k, {
           class: "line-chart",
           datasets: m.value,
-          "x-axis": { categories: l.value },
-          "x-cfg": r(c),
+          "x-axis": { categories: o.value },
+          "x-cfg": r(i),
           "y-cfg": r(d),
           transpose: r(u),
           legend: {
-            display: r(i).display ?? !1,
-            position: r(i).position,
+            display: r(c).display ?? !1,
+            position: r(c).position,
             position: "bottom",
             maxHeight: 54,
             labels: {
-              usePointStyle: r(i).usePointStyle ?? !0
+              usePointStyle: r(c).usePointStyle ?? !0
             }
           },
-          datalabels: r(s),
+          datalabels: r(n),
           "maintain-aspect-ratio": !1,
           style: Y({
             "--chart-width": r(w) !== void 0 ? r(w) + "px" : "97%",
@@ -934,9 +953,9 @@ const ua = /* @__PURE__ */ U({
 }, ha = {
   key: 2,
   class: "flex"
-}, Sa = /* @__PURE__ */ U({
+}, Sa = /* @__PURE__ */ G({
   __name: "DynamicWidget",
-  props: /* @__PURE__ */ _t({
+  props: /* @__PURE__ */ xt({
     index: {
       type: Number,
       default: 0
@@ -952,81 +971,81 @@ const ua = /* @__PURE__ */ U({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = g(!0), l = G(e, "modelValue"), a = l.value.widget.config, { t: s, te: c } = Re(), d = e, u = g(null), i = g(a.rollup), w = g(he()), C = g(a.drillDimension), m = h(() => {
+    const t = y(!0), o = j(e, "modelValue"), a = o.value.widget.config, { t: n, te: i } = Re(), d = e, u = y(null), c = y(a.rollup), w = y(he()), C = y(a.drillDimension), m = h(() => {
       if (J.value.length > 0) {
-        const o = J.value.findIndex(
+        const s = J.value.findIndex(
           (L) => L.value === C.value
         );
-        return o >= 0 ? o : 0;
+        return s >= 0 ? s : 0;
       } else
         return -1;
-    }), v = h(() => m.value !== 0), p = h(
+    }), g = h(() => m.value !== 0), f = h(
       () => m.value != J.value.length - 1
-    ), _ = g(a.showTitle ?? !0), T = g(a.titleFontSize ?? 14), q = g(a.titleBold ?? !1), B = g(a.titleItalic ?? !1), n = g(a.titleUnderline ?? !1), y = g(a.chartWidth ?? void 0), S = g(a.chartHeight ?? void 0), b = g(a.showLabel ?? !1), k = g(a.labelAlign ?? Se.center), R = g(a.labelAnchor ?? Ce.center), z = g(a.labelRotation ?? 0), $ = g(a.labelOffset ?? 0), E = g(a.labelFontSize ?? 12), P = h(() => a.showSearchBar), j = g(a.showX ?? !0), pe = g(a.xPosition ?? xe.bottom), Fe = g(a.showXGrid ?? !1), Te = g(a.showXTick ?? !0), Ee = g(a.xTickFontSize ?? 12), We = g(a.showY ?? !0), De = g(a.yPosition ?? _e.left), ze = g(a.showYGrid ?? !1), Ae = g(a.showYTick ?? !0), He = g(a.yTickFontSize ?? 12), $e = g(a.showLegend ?? void 0), Pe = g(a.legendPosition ?? ke.top), Be = g(a.usePointStyle ?? !0), Me = g(a.rowHeight ?? 0), Ve = g(a.colWidths ?? []), fe = g(""), { breakpoints: N } = $t(), qe = g(), at = h(() => N.value.lg || N.value.md ? ra(l.value.size.width) : N.value.sm ? ia(l.value.size.width) : ca(l.value.size.width)), ce = h(
-      () => Bt.find((o) => o.type === l.value.widget.type)
-    ), ee = Je(() => {
-      var o;
-      qe.value = ut((o = u.value) == null ? void 0 : o.$el.offsetWidth), w.value = he();
-    }), lt = h(() => {
+    ), k = y(a.showTitle ?? !0), E = y(a.titleFontSize ?? 14), q = y(a.titleBold ?? !1), P = y(a.titleItalic ?? !1), X = y(a.titleUnderline ?? !1), l = y(a.chartWidth ?? void 0), p = y(a.chartHeight ?? void 0), S = y(a.showLabel ?? !1), b = y(a.labelAlign ?? Se.center), x = y(a.labelAnchor ?? Ce.center), R = y(a.labelRotation ?? 0), B = y(a.labelOffset ?? 0), T = y(a.labelFontSize ?? 12), D = h(() => a.showSearchBar), $ = y(a.showX ?? !0), pe = y(a.xPosition ?? _e.bottom), Fe = y(a.showXGrid ?? !1), Ee = y(a.showXTick ?? !0), Te = y(a.xTickFontSize ?? 12), We = y(a.showY ?? !0), ze = y(a.yPosition ?? xe.left), De = y(a.showYGrid ?? !1), Ae = y(a.showYTick ?? !0), He = y(a.yTickFontSize ?? 12), $e = y(a.showLegend ?? void 0), Pe = y(a.legendPosition ?? ke.top), Be = y(a.usePointStyle ?? !0), Me = y(a.rowHeight ?? 0), Ve = y(a.colWidths ?? []), fe = y(""), { breakpoints: N } = $t(), qe = y(), lt = h(() => N.value.lg || N.value.md ? ra(o.value.size.width) : N.value.sm ? ia(o.value.size.width) : ca(o.value.size.width)), ce = h(
+      () => Bt.find((s) => s.type === o.value.widget.type)
+    ), ee = Ke(() => {
+      var s;
+      qe.value = dt((s = u.value) == null ? void 0 : s.$el.offsetWidth), w.value = he();
+    }), ot = h(() => {
       if (Mt(W.value.type, te.value))
-        switch (l.value.widget.type) {
-          case f.BarChart:
+        switch (o.value.widget.type) {
+          case v.BarChart:
             return qt;
-          case f.StackBarChart:
+          case v.StackBarChart:
             return sa;
-          case f.LineChart:
+          case v.LineChart:
             return ua;
-          case f.StackLineChart:
+          case v.StackLineChart:
             return na;
-          case f.Circular:
+          case v.Circular:
             return Nt;
-          case f.Scorecard:
+          case v.Scorecard:
             return Gt;
-          case f.Spacer:
+          case v.Spacer:
             return Kt;
-          case f.Table:
+          case v.Table:
             return oa;
           default:
-            return Ke;
+            return Qe;
         }
       else
-        return Ke;
-    }), te = g(null), { selectedLocationIds: ve, dateRange: ot, compareDateRange: st, timeRange: nt } = we(et()), { businessId: rt } = we(Le()), W = h(() => {
-      const o = JSON.parse(JSON.stringify(l.value.widget));
+        return Qe;
+    }), te = y(null), { selectedLocationIds: ve, dateRange: st, compareDateRange: nt, timeRange: rt } = we(tt()), { businessId: it } = we(Le()), W = h(() => {
+      const s = JSON.parse(JSON.stringify(o.value.widget));
       return {
-        ...o,
+        ...s,
         config: {
-          ...o.config,
-          rollup: i.value,
+          ...s.config,
+          rollup: c.value,
           drillDimension: C.value,
           showGrandTotal: !1
         }
       };
     });
-    function it() {
+    function ct() {
       return {
         data: te.value,
-        showTitle: _.value,
-        titleFontSize: T.value,
+        showTitle: k.value,
+        titleFontSize: E.value,
         titleBold: q.value,
-        titleItalic: B.value,
-        titleUnderline: n.value,
-        chartHeight: S.value,
-        chartWidth: y.value,
-        showLabel: b.value,
-        labelAnchor: R.value,
-        labelAlign: k.value,
-        labelRotation: z.value,
-        labelOffset: $.value,
-        labelFontSize: E.value,
-        showX: j.value,
+        titleItalic: P.value,
+        titleUnderline: X.value,
+        chartHeight: p.value,
+        chartWidth: l.value,
+        showLabel: S.value,
+        labelAnchor: x.value,
+        labelAlign: b.value,
+        labelRotation: R.value,
+        labelOffset: B.value,
+        labelFontSize: T.value,
+        showX: $.value,
         xPosition: pe.value,
         showXGrid: Fe.value,
-        showXTick: Te.value,
-        xTickFontSize: Ee.value,
+        showXTick: Ee.value,
+        xTickFontSize: Te.value,
         showY: We.value,
-        yPosition: De.value,
-        showYGrid: ze.value,
+        yPosition: ze.value,
+        showYGrid: De.value,
         showYTick: Ae.value,
         yTickFontSize: He.value,
         isTransposed: W.value.config.isTransposed,
@@ -1035,7 +1054,7 @@ const ua = /* @__PURE__ */ U({
         usePointStyle: Be.value
       };
     }
-    function ct() {
+    function ut() {
       return {
         data: te.value,
         filterText: fe.value,
@@ -1046,66 +1065,66 @@ const ua = /* @__PURE__ */ U({
     }
     const Ne = h(() => {
       switch (W.value.type) {
-        case f.Table:
+        case v.Table:
+          return ut();
+        case v.BarChart:
+        case v.LineChart:
+        case v.StackBarChart:
+        case v.StackLineChart:
+        case v.Circular:
           return ct();
-        case f.BarChart:
-        case f.LineChart:
-        case f.StackBarChart:
-        case f.StackLineChart:
-        case f.Circular:
-          return it();
         default:
           return { data: te.value };
       }
     }), Ie = h(() => {
-      const { config: o } = l.value.widget;
-      if (o.rollup != null) {
-        const L = [...o.dimensions].filter((K) => !K.hide);
+      const { config: s } = o.value.widget;
+      if (s.rollup != null) {
+        const L = [...s.dimensions].filter((K) => !K.hide);
         return L.sort(
-          (K, oe) => (o.rowIds || []).indexOf(ye(K)) - (o.rowIds || []).indexOf(ye(oe))
+          (K, se) => (s.rowIds || []).indexOf(ye(K)) - (s.rowIds || []).indexOf(ye(se))
         ), [
-          { label: ae(s, c, "None", "other"), value: null },
-          { label: ae(s, c, "Grand Total", "other"), value: 0 },
-          ...[...L].slice(0, L.length - 1).map((K, oe) => ({
-            label: ae(s, c, K.label, "other"),
-            value: oe + 1
+          { label: ae(n, i, "None", "other"), value: null },
+          { label: ae(n, i, "Grand Total", "other"), value: 0 },
+          ...[...L].slice(0, L.length - 1).map((K, se) => ({
+            label: ae(n, i, K.label, "other"),
+            value: se + 1
           }))
         ];
       }
       return [];
     }), J = h(() => {
-      const { config: o } = W.value;
-      return o.isDrillable ? o.dimensions.map((L) => ({
-        label: ae(s, c, L.label, "other"),
+      const { config: s } = W.value;
+      return s.isDrillable ? s.dimensions.map((L) => ({
+        label: ae(n, i, L.label, "other"),
         value: ye(L)
       })) : [];
     });
-    se(
-      () => l.value.widget.config,
-      (o) => {
-        i.value = o.rollup, _.value = o.showTitle ?? !0, T.value = o.titleFontSize ?? 14, q.value = o.titleBold ?? !1, B.value = o.titleItalic ?? !1, n.value = o.titleUnderline ?? !1, S.value = o.chartHeight ?? void 0, y.value = o.chartWidth ?? void 0, b.value = o.showLabel ?? !1, k.value = o.labelAlign ?? Se.center, R.value = o.labelAnchor ?? Ce.center, z.value = o.labelRotation ?? 0, $.value = o.labelOffset ?? 0, E.value = o.labelFontSize ?? 12, j.value = o.showX ?? !0, pe.value = o.xPosition ?? xe.bottom, Fe.value = o.showXGrid ?? !1, Te.value = o.showXTick ?? !0, Ee.value = o.xTickFontSize ?? 12, We.value = o.showY ?? !0, De.value = o.yPosition ?? _e.left, ze.value = o.showYGrid ?? !1, Ae.value = o.showYTick ?? !0, He.value = o.yTickFontSize ?? 12, $e.value = o.showLegend ?? void 0, Pe.value = o.legendPosition ?? ke.top, Be.value = o.usePointStyle ?? !0, Me.value = o.rowHeight ?? 0, Ve.value = o.colWidths ?? [];
+    le(
+      () => o.value.widget.config,
+      (s) => {
+        c.value = s.rollup, k.value = s.showTitle ?? !0, E.value = s.titleFontSize ?? 14, q.value = s.titleBold ?? !1, P.value = s.titleItalic ?? !1, X.value = s.titleUnderline ?? !1, p.value = s.chartHeight ?? void 0, l.value = s.chartWidth ?? void 0, S.value = s.showLabel ?? !1, b.value = s.labelAlign ?? Se.center, x.value = s.labelAnchor ?? Ce.center, R.value = s.labelRotation ?? 0, B.value = s.labelOffset ?? 0, T.value = s.labelFontSize ?? 12, $.value = s.showX ?? !0, pe.value = s.xPosition ?? _e.bottom, Fe.value = s.showXGrid ?? !1, Ee.value = s.showXTick ?? !0, Te.value = s.xTickFontSize ?? 12, We.value = s.showY ?? !0, ze.value = s.yPosition ?? xe.left, De.value = s.showYGrid ?? !1, Ae.value = s.showYTick ?? !0, He.value = s.yTickFontSize ?? 12, $e.value = s.showLegend ?? void 0, Pe.value = s.legendPosition ?? ke.top, Be.value = s.usePointStyle ?? !0, Me.value = s.rowHeight ?? 0, Ve.value = s.colWidths ?? [];
       },
       { deep: !0 }
-    ), se([() => i.value], () => {
-      i.value !== null && (l.value.widget.config.rollup = i.value);
-    }), se(
+    ), le([() => c.value], () => {
+      c.value !== null && (o.value.widget.config.rollup = c.value);
+    }), le(
       [
         () => W.value,
-        () => ot.value,
-        () => nt.value,
         () => st.value,
+        () => rt.value,
+        () => nt.value,
         () => ve.value,
-        () => rt.value
+        () => it.value
       ],
       () => {
-        var o;
-        ve.value && ((o = ve.value) == null ? void 0 : o.length) > 0 && Xe();
+        var s;
+        ve.value && ((s = ve.value) == null ? void 0 : s.length) > 0 && Xe();
       },
       {
         deep: !0
       }
-    ), se(
-      [() => l.value.size],
+    ), le(
+      [() => o.value.size],
       () => {
         ee();
       },
@@ -1117,7 +1136,7 @@ const ua = /* @__PURE__ */ U({
     });
     const Oe = Pt();
     let ue;
-    const Xe = Je(async function() {
+    const Xe = Ke(async function() {
       if (W.value.config.schemaNames.length <= 0 && !(W.value.config.dimensions.length <= 0 || W.value.config.metrics.length <= 0)) {
         Oe.open({
           message: "schema must not be empty and dimension or metrics must have at least 1 column",
@@ -1128,59 +1147,59 @@ const ua = /* @__PURE__ */ U({
       try {
         t.value = !0, ue && ue.abort(), ue = new AbortController();
         const L = ue.signal;
-        te.value = await zt(W.value, L), w.value = he(), t.value = !1;
+        te.value = await Dt(W.value, L), w.value = he(), t.value = !1;
       } catch (L) {
         te.value = null, L.code !== "ERR_CANCELED" && (Oe.open({ message: `Invalid chart ${W.value.type}`, type: "error" }), console.log(L), t.value = !1);
       }
     });
-    function ut(o) {
-      switch (l.value.widget.type) {
+    function dt(s) {
+      switch (o.value.widget.type) {
         case "SPACER":
           return;
         case "SCORECARD":
           return;
         case "TABLE":
-          return `${l.value.size.height * 100 + (P.value ? 72 : 0) + 96.5}px`;
+          return `${o.value.size.height * 100 + (D.value ? 72 : 0) + 96.5}px`;
       }
-      return `${Math.max(o / l.value.size.width, 90) * l.value.size.height}px`;
-    }
-    function dt() {
-      const o = m.value - 1;
-      o >= 0 && (C.value = J.value[o].value);
+      return `${Math.max(s / o.value.size.width, 90) * o.value.size.height}px`;
     }
     function ht() {
-      const o = m.value + 1;
-      o >= 0 && o < J.value.length && (C.value = J.value[o].value);
+      const s = m.value - 1;
+      s >= 0 && (C.value = J.value[s].value);
     }
-    const mt = Object.values(Et).map((o) => ({
-      label: Wt(o),
-      value: o,
+    function mt() {
+      const s = m.value + 1;
+      s >= 0 && s < J.value.length && (C.value = J.value[s].value);
+    }
+    const pt = Object.values(Tt).map((s) => ({
+      label: Wt(s),
+      value: s,
       onClick: async () => {
-        await Dt(o, d.index);
+        await zt(s, d.index);
       }
-    })), pt = W.value.type === f.Spacer ? "flat" : "outlined", ft = W.value.type === f.Spacer ? "p-0" : "p-16";
-    return (o, L) => {
-      const K = F("FmTooltip"), oe = F("FmSearch"), vt = F("FmCheckbox"), ge = F("FmButton"), gt = F("FmSelect"), yt = F("FmMenuItem"), wt = F("FmMenu"), bt = F("FmForm"), Ct = F("FmCircularProgress"), St = F("FmCard");
-      return x(), M(St, {
+    })), ft = W.value.type === v.Spacer ? "flat" : "outlined", vt = W.value.type === v.Spacer ? "p-0" : "p-16";
+    return (s, L) => {
+      const K = F("FmTooltip"), se = F("FmSearch"), gt = F("FmCheckbox"), ge = F("FmButton"), yt = F("FmSelect"), wt = F("FmMenuItem"), bt = F("FmMenu"), Ct = F("FmForm"), St = F("FmCircularProgress"), _t = F("FmCard");
+      return _(), M(_t, {
         ref_key: "tileCard",
         ref: u,
-        class: me(`${at.value} ${r(ft)}`),
-        variant: r(pt)
+        class: me(`${lt.value} ${r(vt)}`),
+        variant: r(ft)
       }, {
         default: V(() => [
-          t.value ? (x(), M(Ct, { key: 1 })) : (x(), D("div", {
+          t.value ? (_(), M(St, { key: 1 })) : (_(), z("div", {
             key: 0,
             style: Y({ height: qe.value })
           }, [
-            (x(), M(Lt(lt.value), {
+            (_(), M(Lt(ot.value), {
               key: w.value,
               modelValue: Ne.value,
               "onUpdate:modelValue": L[3] || (L[3] = (de) => Ne.value = de)
             }, {
               menu: V(() => [
-                H(bt, { class: "flex items-center gap-2" }, {
+                H(Ct, { class: "flex items-center gap-2" }, {
                   default: V(() => {
-                    var de, Ye, Ue, Ge;
+                    var de, Ue, Ye, Ge;
                     return [
                       H(K, {
                         variant: "plain",
@@ -1190,58 +1209,58 @@ const ua = /* @__PURE__ */ U({
                         disabled: !W.value.description
                       }, {
                         default: V(() => [
-                          _.value !== !1 ? (x(), D("p", {
+                          k.value !== !1 ? (_(), z("p", {
                             key: 0,
                             style: Y({
-                              fontSize: T.value + "px",
+                              fontSize: E.value + "px",
                               fontWeight: q.value ? "bold" : "normal",
-                              fontStyle: B.value ? "italic" : "normal",
-                              textDecoration: n.value ? "underline" : "none"
+                              fontStyle: P.value ? "italic" : "normal",
+                              textDecoration: X.value ? "underline" : "none"
                             }),
                             class: me(["text-fm-color-typo-secondary line-clamp-1", [
-                              T.value <= 18 ? "fm-typo-en-body-md-400" : "",
+                              E.value <= 18 ? "fm-typo-en-body-md-400" : "",
                               W.value.description ? "border-b-2 border-dashed border-gray-300" : ""
                             ]])
-                          }, ne(r(ae)(r(s), r(c), W.value.title, "other")), 7)) : Q("", !0)
+                          }, ne(r(ae)(r(n), r(i), W.value.title, "other")), 7)) : Q("", !0)
                         ]),
                         _: 1
                       }, 8, ["content", "disabled"]),
-                      (de = ce.value) != null && de.showSearchBar ? (x(), M(oe, {
+                      (de = ce.value) != null && de.showSearchBar ? (_(), M(se, {
                         key: 0,
                         modelValue: fe.value,
                         "onUpdate:modelValue": L[0] || (L[0] = (I) => fe.value = I),
                         class: "grow"
-                      }, null, 8, ["modelValue"])) : (x(), D("div", da)),
-                      Ft(H(vt, {
-                        modelValue: b.value,
-                        "onUpdate:modelValue": L[1] || (L[1] = (I) => b.value = I),
+                      }, null, 8, ["modelValue"])) : (_(), z("div", da)),
+                      Ft(H(gt, {
+                        modelValue: S.value,
+                        "onUpdate:modelValue": L[1] || (L[1] = (I) => S.value = I),
                         label: "Label",
                         value: !1
                       }, null, 8, ["modelValue"]), [
-                        [Tt, (Ye = ce.value) == null ? void 0 : Ye.showLabel]
+                        [Et, (Ue = ce.value) == null ? void 0 : Ue.showLabel]
                       ]),
-                      (Ue = ce.value) != null && Ue.showDrillDimension && J.value.length > 0 ? (x(), D("div", ha, [
+                      (Ye = ce.value) != null && Ye.showDrillDimension && J.value.length > 0 ? (_(), z("div", ha, [
                         H(ge, {
                           icon: "arrow_upward",
                           variant: "tertiary",
-                          disabled: !v.value,
-                          onClick: dt
+                          disabled: !g.value,
+                          onClick: ht
                         }, null, 8, ["disabled"]),
                         H(ge, {
                           icon: "arrow_downward",
                           variant: "tertiary",
-                          disabled: !p.value,
-                          onClick: ht
+                          disabled: !f.value,
+                          onClick: mt
                         }, null, 8, ["disabled"])
                       ])) : Q("", !0),
-                      (Ge = ce.value) != null && Ge.showRollup && Ie.value.length > 0 ? (x(), M(gt, {
+                      (Ge = ce.value) != null && Ge.showRollup && Ie.value.length > 0 ? (_(), M(yt, {
                         key: 3,
-                        modelValue: i.value,
-                        "onUpdate:modelValue": L[2] || (L[2] = (I) => i.value = I),
+                        modelValue: c.value,
+                        "onUpdate:modelValue": L[2] || (L[2] = (I) => c.value = I),
                         class: "w-[150px]",
                         items: Ie.value
                       }, null, 8, ["modelValue", "items"])) : Q("", !0),
-                      d.hideExport ? Q("", !0) : (x(), M(wt, {
+                      d.hideExport ? Q("", !0) : (_(), M(bt, {
                         key: 4,
                         shift: !0
                       }, {
@@ -1252,7 +1271,7 @@ const ua = /* @__PURE__ */ U({
                           })
                         ]),
                         default: V(() => [
-                          (x(!0), D(X, null, Ze(r(mt), (I) => (x(), M(yt, {
+                          (_(!0), z(U, null, et(r(pt), (I) => (_(), M(wt, {
                             key: I.value,
                             label: I.label,
                             onClick: I.onClick