@feedmepos/mf-report 5.26.4 → 5.26.5-beta.0

package/dist/DynamicWidget.vue_vue_type_script_setup_true_lang-BoRLpJ9M.js

@@ -1,4924 +0,0 @@
-import { computed as x, defineComponent as Fe, ref as P, onMounted as dt, onBeforeUnmount as oo, resolveComponent as de, createBlock as me, openBlock as J, Transition as zo, withCtx as ke, createElementBlock as ue, createCommentVNode as ve, createElementVNode as ee, unref as a, normalizeStyle as Te, withModifiers as Zt, toDisplayString as Ie, createVNode as ce, Fragment as ze, renderList as Vt, normalizeClass as Le, watch as De, nextTick as ct, mergeModels as Ue, useModel as We, renderSlot as Qe, h as Gt, createSlots as Ho, resolveDynamicComponent as ao, toRaw as Wo, markRaw as Oo, createTextVNode as Eo, onUnmounted as ro, withDirectives as Uo, vShow as Ko } from "vue";
-import { W as ne, j as lo, k as Xo, S as Ft, v as Nt, l as Yo, m as dn, n as so, d as qo, q as Go, R as bt, o as jo } from "./GlobalFilterSelect.vue_vue_type_script_setup_true_lang-Dun5PD4W.js";
-import { i as Qt, a as nn, u as io } from "./app-B8enBaoM.js";
-import { d as gn } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-D2CpsvxS.js";
-import { storeToRefs as wt, defineStore as Jo } from "pinia";
-import { detectLocale as uo } from "@feedmepos/mf-common";
-import { C as vn } from "./chart-DDDh8zNk.js";
-import { useBreakpoints as Ht, useSnackbar as Ln, components as Zo } from "@feedmepos/ui-library";
-import { u as ft } from "./vue-i18n-DVWuTfed.js";
-import { b as co, _ as Nn } from "./SelectComponent.vue_vue_type_script_setup_true_lang-BL1jpiXN.js";
-import { r as it } from "./i18n-CI_sQ5d_.js";
-var yn = /* @__PURE__ */ ((e) => (e.line = "LINE", e.bar = "BAR", e))(yn || {}), Je = /* @__PURE__ */ ((e) => (e.top = "TOP", e.bottom = "BOTTOM", e))(Je || {}), bn = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e))(bn || {}), Cn = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(Cn || {}), xn = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e))(xn || {}), wn = /* @__PURE__ */ ((e) => (e.right = "right", e.left = "left", e))(wn || {}), Sn = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e.right = "right", e.left = "left", e.chartArea = "chartArea", e))(Sn || {}), xe = /* @__PURE__ */ ((e) => (e.series = "SERIES", e.metric = "METRIC", e.breakdown = "BREAKDOWN", e))(xe || {});
-ne.Circular, ne.Table, ne.BarChart, ne.LineChart, ne.StackBarChart, ne.ClusteredStackBarChart, ne.StackLineChart, ne.Scorecard, ne.Spacer;
-const Qo = [
-  {
-    type: ne.Circular,
-    showLabel: !1,
-    // TODO: temporarily removed show label as it has no function
-    showDrillDimension: !0,
-    showRollup: !1,
-    showSearchBar: !1
-  },
-  {
-    type: ne.Table,
-    showLabel: !1,
-    showDrillDimension: !0,
-    showRollup: !0,
-    showSearchBar: !0
-  },
-  {
-    type: ne.BarChart,
-    showLabel: !1,
-    // TODO: temporarily removed show label as it has no function
-    showDrillDimension: !0,
-    showRollup: !1,
-    showSearchBar: !1
-  },
-  {
-    type: ne.LineChart,
-    showLabel: !1,
-    // TODO: temporarily removed show label as it has no function
-    showDrillDimension: !0,
-    showRollup: !0,
-    showSearchBar: !1
-  },
-  {
-    type: ne.StackBarChart,
-    showLabel: !1,
-    // TODO: temporarily removed show label as it has no function
-    showDrillDimension: !0,
-    showRollup: !0,
-    showSearchBar: !1
-  },
-  {
-    type: ne.ClusteredStackBarChart,
-    showLabel: !1,
-    // TODO: temporarily removed show label as it has no function
-    showDrillDimension: !0,
-    showRollup: !0,
-    showSearchBar: !1
-  },
-  {
-    type: ne.StackLineChart,
-    showLabel: !1,
-    // TODO: temporarily removed show label as it has no function
-    showDrillDimension: !0,
-    showRollup: !0,
-    showSearchBar: !1
-  },
-  {
-    type: ne.Scorecard,
-    showLabel: !1,
-    showDrillDimension: !1,
-    showRollup: !1,
-    showSearchBar: !1
-  },
-  {
-    type: ne.Spacer,
-    showLabel: !1,
-    showDrillDimension: !1,
-    showRollup: !1,
-    showSearchBar: !1
-  }
-];
-function fn(e) {
-  const n = [e.schemaName, e.name];
-  return "option" in e && e.option && n.push(e.option), "aggregation" in e && e.aggregation && n.push(e.aggregation), n.push(e.label.replace(/[^\p{L}\p{N}_]+/gu, "")), n.join("_").toLowerCase();
-}
-function ea(e, n) {
-  switch (e) {
-    case ne.BarChart:
-    case ne.LineChart:
-    case ne.StackBarChart:
-    case ne.ClusteredStackBarChart:
-    case ne.StackLineChart:
-      return Array.isArray(n == null ? void 0 : n.datasets) && Array.isArray(n == null ? void 0 : n.xAxis) && n.datasets.length > 0 && n.xAxis.length > 0;
-    case ne.Table:
-      return Array.isArray(n == null ? void 0 : n.rows) && Array.isArray(n == null ? void 0 : n.columns) && n.rows.length > 0 && n.columns.length > 0;
-    case ne.Circular:
-      return Array.isArray(n == null ? void 0 : n.datasets) && n.datasets.length > 0;
-    case ne.Scorecard:
-      return !0;
-    case ne.Spacer:
-      return !0;
-  }
-}
-const St = [
-  "#36A2EB",
-  "#007BA7",
-  "#FF5D53",
-  "#73C8E6",
-  "#FCA23E",
-  "#F09BBE",
-  "#FFD232",
-  "#50BE9B",
-  "#8358D4",
-  "#9B5046"
-];
-function fo(e) {
-  const n = Math.max(1, Math.floor(e));
-  return Array.from({ length: n }, (t, o) => {
-    const r = St[o % St.length], i = Math.floor(o / St.length);
-    return i === 0 ? r : on(r, Math.min(0.18 * i, 0.72));
-  });
-}
-const Dl = St.map(() => "solid");
-function Ct({
-  datasetIndex: e,
-  label: n
-}) {
-  const t = typeof n == "string" ? n.trim().toLowerCase().replace(/\s+/g, " ") : "";
-  return `${e}:${t}`;
-}
-function ta(e) {
-  return e === "dashed" || e === "dotted" ? e : "solid";
-}
-function na(e, n = !1) {
-  if (e == null)
-    return n ? [5, 5] : void 0;
-  const t = ta(e);
-  if (t === "dashed")
-    return [8, 6];
-  if (t === "dotted")
-    return [2, 4];
-}
-function Pe({
-  datasetIndex: e,
-  isCompare: n,
-  metricCount: t,
-  mode: o
-}) {
-  if (o !== xe.metric)
-    return e;
-  const r = Number.isFinite(t) ? Number(t) : 0;
-  return r <= 0 ? e : n ? e >= r ? (e - r) % r : Math.max(0, (e - 1 + r) % r) : e % r;
-}
-function ho({
-  datasets: e,
-  datasetIndex: n
-}) {
-  var i;
-  const t = e[n];
-  if (!(t != null && t.isCompare))
-    return n;
-  const o = [];
-  let r = -1;
-  if (e.forEach((s, c) => {
-    if (s != null && s.isCompare) {
-      c <= n && (r += 1);
-      return;
-    }
-    o.push(c);
-  }), r >= 0 && r < o.length)
-    return o[r];
-  for (let s = n - 1; s >= 0; s -= 1)
-    if (((i = e[s]) == null ? void 0 : i.isCompare) !== !0)
-      return s;
-  return n;
-}
-function Wt({
-  datasets: e,
-  datasetIndex: n
-}) {
-  var r;
-  const t = ho({
-    datasets: e,
-    datasetIndex: n
-  });
-  let o = 0;
-  for (let i = 0; i < e.length; i += 1)
-    if (((r = e[i]) == null ? void 0 : r.isCompare) !== !0) {
-      if (i === t)
-        return o;
-      o += 1;
-    }
-  return t;
-}
-const oa = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;
-function zt(e) {
-  if (!e)
-    return null;
-  const n = e.trim();
-  if (!oa.test(n))
-    return null;
-  if (n.length === 4) {
-    const [, t, o, r] = n;
-    return `#${t}${t}${o}${o}${r}${r}`.toUpperCase();
-  }
-  return n.toUpperCase();
-}
-function aa(e) {
-  const n = zt(e) ?? "#000000";
-  return {
-    red: Number.parseInt(n.slice(1, 3), 16),
-    green: Number.parseInt(n.slice(3, 5), 16),
-    blue: Number.parseInt(n.slice(5, 7), 16)
-  };
-}
-function mo(e) {
-  const n = Math.max(
-    St.length,
-    Array.isArray(e) ? e.length : 0
-  ), t = fo(n);
-  return !Array.isArray(e) || e.length === 0 ? t : t.map((o, r) => zt(e[r]) ?? o);
-}
-function po(e, n) {
-  const { red: t, green: o, blue: r } = aa(e);
-  return `rgba(${t}, ${o}, ${r}, ${n})`;
-}
-function on(e, n) {
-  const t = zt(e) ?? "#000000", o = (r) => {
-    const i = Number.parseInt(t.slice(r, r + 2), 16);
-    return Math.round(i + (255 - i) * n).toString(16).padStart(2, "0").toUpperCase();
-  };
-  return `#${o(1)}${o(3)}${o(5)}`;
-}
-const ra = 0.25, go = 0.7;
-function vo(e) {
-  return on(e, ra);
-}
-function Vn(e) {
-  return Math.min(0.55 + (e - 1) * 0.18, 0.95);
-}
-function Ze({
-  index: e,
-  isCompare: n,
-  opacity: t,
-  customColors: o
-}) {
-  const r = mo(o), i = r[e % r.length], s = n ? vo(i) : i;
-  let c = typeof t == "number" ? t : 1;
-  return n && (c = c * go), po(s, c);
-}
-function kt({
-  fallbackIndex: e,
-  metricCount: n
-}) {
-  return Number.isInteger(n) && Number(n) > 0 ? Math.floor(e / Number(n)) : e;
-}
-function Dt({
-  breakdownIndex: e,
-  metricIndex: n,
-  metricCount: t,
-  isCompare: o,
-  opacity: r,
-  breakdownColors: i,
-  useSecondaryMetricShades: s,
-  colorMode: c,
-  customColors: d
-}) {
-  const v = Number.isInteger(t) && Number(t) > 0 ? Number(t) : 1, F = Number.isInteger(n) && Number(n) >= 0 ? Number(n) : 0, O = s !== !1, W = e * v + F, y = c === "clustered" ? fo(Math.max(St.length, e + 1)) : mo(d), p = zt(i == null ? void 0 : i[e * v]) ?? y[e % y.length], k = O && F > 0 ? on(p, Vn(F)) : zt(i == null ? void 0 : i[W]) ?? (F > 0 ? on(p, Vn(F)) : p), w = o ? vo(k) : k;
-  let $ = typeof r == "number" ? r : 1;
-  return o && ($ = $ * go), po(w, $);
-}
-function yo(e, n, t) {
-  if (e === "" || n === "")
-    return null;
-  let o = (d) => d == null ? void 0 : d.replace(/,/g, "");
-  t === "ID" && (o = (d) => d == null ? void 0 : d.replace(/\./g, "").replace(/,/g, "."));
-  const r = Number(o(e)), i = Number(o(n));
-  if (isNaN(r) || isNaN(i))
-    return null;
-  let s = 0;
-  i === 0 ? r === 0 ? s = 0 : s = 1 : s = (r - i) / i;
-  const c = la(s);
-  return {
-    value: isNaN(s) ? "" : `${(s * 100).toFixed(0)}%`,
-    icon: c
-  };
-}
-function la(e) {
-  return e > 0 ? {
-    name: "moving",
-    color: "#1F7735",
-    tailwind: "fm-color-system-success-100"
-  } : e < 0 ? {
-    name: "trending_down",
-    color: "#99231D",
-    tailwind: "fm-color-system-error-100"
-  } : {
-    name: "equal",
-    color: "#C7C7CC",
-    tailwind: "fm-color-neutral-gray-100"
-  };
-}
-function Ot(e) {
-  return Object.entries(e).map(([n, t]) => `${n}:${t}`).join(";");
-}
-function bo(e) {
-  return {
-    mode: "index",
-    intersect: !1,
-    axis: e,
-    backgroundColor: "rgba(255, 255, 255, 0.86)",
-    titleColor: "#111827",
-    bodyColor: "#374151",
-    borderColor: "rgba(255, 255, 255, 0.65)",
-    borderWidth: 1,
-    cornerRadius: 10,
-    padding: {
-      top: 8,
-      right: 10,
-      bottom: 8,
-      left: 10
-    },
-    boxPadding: 3,
-    bodySpacing: 5,
-    caretPadding: 6,
-    caretSize: 5,
-    titleAlign: "left",
-    bodyAlign: "left",
-    multiKeyBackground: "#ffffff",
-    usePointStyle: !1,
-    titleFont: {
-      size: 13,
-      weight: 600
-    },
-    bodyFont: {
-      size: 12,
-      weight: 500
-    },
-    titleMarginBottom: 6
-  };
-}
-const sa = Ot({
-  display: "block",
-  padding: "0",
-  background: "none",
-  border: "none",
-  color: "#2563eb",
-  "font-size": "12px",
-  "font-weight": "600",
-  cursor: "pointer",
-  "text-align": "left",
-  "pointer-events": "auto"
-}), ia = {
-  "font-size": "13px",
-  "font-weight": "600",
-  color: "#111827",
-  "text-align": "left",
-  "white-space": "normal",
-  "word-break": "break-word",
-  "overflow-wrap": "anywhere"
-}, ua = Ot({
-  display: "flex",
-  "align-items": "flex-start",
-  "font-size": "13px",
-  "font-weight": "500",
-  color: "#1f2937",
-  "text-align": "left",
-  "line-height": "1.35",
-  margin: "0 0 3px",
-  overflow: "hidden"
-}), ca = Ot({
-  flex: "1 1 auto",
-  "min-width": "0",
-  "white-space": "normal",
-  "word-break": "break-word",
-  "overflow-wrap": "anywhere"
-}), da = {
-  display: "inline-block",
-  width: "10px",
-  height: "10px",
-  "border-radius": "2px",
-  border: "1px solid rgba(17, 24, 39, 0.28)",
-  "box-sizing": "border-box",
-  "margin-right": "8px",
-  flex: "0 0 auto"
-}, fa = {
-  display: "inline-block",
-  width: "10px",
-  height: "10px",
-  "border-radius": "9999px",
-  border: "1px solid rgba(255, 255, 255, 0.9)",
-  "box-shadow": "0 0 0 1px rgba(17, 24, 39, 0.28)",
-  "box-sizing": "border-box",
-  "margin-right": "8px",
-  flex: "0 0 auto"
-};
-function ha() {
-  return {
-    ...bo(),
-    mode: "nearest",
-    intersect: !0,
-    usePointStyle: !0,
-    callbacks: {
-      label: (e) => {
-        const n = e.label || "", t = typeof e.parsed == "number" ? e.parsed : 0, r = (Array.isArray(e.dataset.data) ? e.dataset.data : []).reduce((s, c) => s + Number(c || 0), 0), i = r > 0 ? (t / r * 100).toFixed(1) : "0.0";
-        return `${n}: ${t.toLocaleString()} (${i}%)`;
-      }
-    }
-  };
-}
-const ma = "rgba(0, 0, 0, 0.3)";
-function zn(e) {
-  if (typeof document > "u" || typeof window > "u")
-    return;
-  const n = String((e == null ? void 0 : e.id) ?? "");
-  if (!n)
-    return;
-  const t = document.querySelector(
-    `#comparison-tooltip-${n}`
-  );
-  t && (t.__onViewportChange && (window.removeEventListener("scroll", t.__onViewportChange, !0), window.removeEventListener("resize", t.__onViewportChange)), t.remove());
-}
-function hn(e, n, t, o) {
-  const { left: r, right: i, top: s, bottom: c } = t;
-  e.save(), e.beginPath(), e.lineWidth = 1, e.strokeStyle = ma, e.setLineDash([5, 5]), n ? (e.moveTo(r, o), e.lineTo(i, o)) : (e.moveTo(o, s), e.lineTo(o, c)), e.stroke(), e.restore();
-}
-function pa(e, n) {
-  if (typeof document > "u")
-    return;
-  const t = String((e == null ? void 0 : e.id) ?? "");
-  if (!t)
-    return;
-  const o = document.querySelector(
-    `#comparison-tooltip-${t}`
-  );
-  if (!o || o.style.opacity !== "1")
-    return;
-  const r = Number(n ? o.dataset.caretY : o.dataset.caretX);
-  return Number.isFinite(r) ? r : void 0;
-}
-function ga(e, n, t) {
-  var p;
-  if (!t)
-    return;
-  const o = ((p = e.options) == null ? void 0 : p.indexAxis) === "y", r = e.tooltip, i = (r == null ? void 0 : r.getActiveElements()) ?? [];
-  if (i.length === 0) {
-    const k = pa(e, o);
-    k !== void 0 && hn(e.ctx, o, e.chartArea, k);
-    return;
-  }
-  const s = e.scales.x, c = e.scales.y;
-  if (!s || !c)
-    return;
-  const d = i[0];
-  if (!d)
-    return;
-  if (n === "bar") {
-    const w = (o ? c : s).getPixelForValue(d.index);
-    hn(e.ctx, o, e.chartArea, w);
-    return;
-  }
-  if (!d.element)
-    return;
-  const v = d.element, F = o ? c : s, O = o ? v.y : v.x, W = F.getPixelForValue(d.index), y = O ?? W;
-  hn(e.ctx, o, e.chartArea, y);
-}
-function Et(e) {
-  let n = !1, t = !1;
-  return {
-    id: "crosshair",
-    afterDatasetsDraw: (o) => {
-      ga(o, e, t);
-    },
-    afterEvent: (o, r) => {
-      t = r.inChartArea === !0;
-    },
-    beforeTooltipDraw: (o) => {
-      var i;
-      const r = o.ctx;
-      (((i = o.tooltip) == null ? void 0 : i.opacity) ?? 0) > 0 && (r.save(), r.shadowColor = "rgba(17, 24, 39, 0.14)", r.shadowBlur = 12, r.shadowOffsetX = 0, r.shadowOffsetY = 4, n = !0);
-    },
-    afterTooltipDraw: (o) => {
-      n && (o.ctx.restore(), n = !1);
-    },
-    beforeDestroy: (o) => {
-      zn(o);
-    },
-    afterDestroy: (o) => {
-      zn(o);
-    }
-  };
-}
-const va = Number.POSITIVE_INFINITY, _n = 2, ya = 1, ba = 0.2, Ca = 120, xa = 320, wa = 24, { breakpoints: xt } = Ht(), Dn = "report-v5:locationchange";
-let Hn = !1;
-const Sa = "report.widget.comparisonTooltip";
-function Wn() {
-  window.dispatchEvent(new Event(Dn));
-}
-function _a() {
-  if (Hn)
-    return;
-  Hn = !0;
-  const e = window.history.pushState.bind(window.history), n = window.history.replaceState.bind(window.history);
-  window.history.pushState = function(...o) {
-    const r = e(...o);
-    return Wn(), r;
-  }, window.history.replaceState = function(...o) {
-    const r = n(...o);
-    return Wn(), r;
-  };
-}
-function ka(e, n) {
-  const t = n.split(".");
-  let o = e;
-  for (const r of t) {
-    if (!o || typeof o != "object" || !(r in o))
-      return;
-    o = o[r];
-  }
-  return typeof o == "string" ? o : void 0;
-}
-function Pn(e) {
-  const n = `${Sa}.${e}`, t = uo(), o = Qt[t];
-  return ka(o, n) ?? n;
-}
-function Co() {
-  return Pn("viewBreakdown");
-}
-function Ta() {
-  return Pn("current");
-}
-function La() {
-  return Pn("compared");
-}
-function On(e, n) {
-  const t = e.trim();
-  return t.length === 0 ? n : `${t} · ${n}`;
-}
-function Da(e) {
-  return e == null ? null : typeof e != "string" ? [] : e.split("#").map((n) => n.trim()).filter((n) => n.length > 0);
-}
-function Pa(e) {
-  return e.dash === !0 || e.isCompare === !0;
-}
-function Ia(e) {
-  return typeof e.label == "string" ? e.label : "N/A";
-}
-function Ma(e, n) {
-  let t;
-  return Array.isArray(e.data) && n < e.data.length && (t = e.data[n]), typeof t != "number" ? NaN : t;
-}
-function Ba(e, n) {
-  return `${e}: ${isNaN(n) ? "" : n.toLocaleString()}`;
-}
-function Aa(e, n) {
-  return e.type === "bar" ? !0 : n === "bar";
-}
-function Ra(e, n, t) {
-  const o = $t(e.borderColor, n) || $t(e.color, n), r = $t(e.backgroundColor, n), i = $t(e.pointBorderColor, n), s = $t(e.pointBackgroundColor, n);
-  return t ? En(r, s, o, i) : En(o, i, r, s);
-}
-function Fa(e) {
-  return e.trim().toLowerCase();
-}
-function $t(e, n) {
-  if (typeof e == "string") return e;
-  if (Array.isArray(e)) {
-    const t = e[n];
-    return typeof t == "string" ? t : void 0;
-  }
-}
-function $a(e) {
-  if (typeof e != "string") return "#9ca3af";
-  const n = e.trim();
-  return /^[-#(),.%\sa-zA-Z0-9]+$/.test(n) ? n : "#9ca3af";
-}
-function Na(e) {
-  const n = e.replace(/\s+/g, "").toLowerCase();
-  return !!(n === "transparent" || /^rgba\([^)]*,0(?:\.0+)?\)$/.test(n) || /^hsla\([^)]*,0(?:\.0+)?\)$/.test(n) || n === "#0000" || n === "#00000000");
-}
-function En(...e) {
-  for (const n of e) {
-    if (!n) continue;
-    const t = $a(n);
-    if (!Na(t))
-      return t;
-  }
-  return "#9ca3af";
-}
-function kn(e) {
-  return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\"/g, "&quot;").replace(/'/g, "&#39;");
-}
-function Va(e) {
-  const n = typeof e == "number" ? e : typeof e == "string" ? Number(e) : Number.NaN;
-  return Number.isFinite(n) ? Math.max(_n, Math.floor(n)) : va;
-}
-function za(e) {
-  return e <= 0 ? 320 : xt.value.xs || xt.value.sm || e <= 640 ? Math.max(160, Math.floor(e * 0.38)) : xt.value.md || e <= 900 ? Math.max(200, Math.floor(e * 0.46)) : xt.value.lg || e <= 1200 ? Math.max(240, Math.floor(e * 0.54)) : Math.max(280, Math.floor(e * 0.62));
-}
-function In(e, n) {
-  const t = window.innerHeight, o = za(t), r = n ? Math.max(120, n.clientHeight - 16) : Number.POSITIVE_INFINITY, i = Math.max(120, Math.min(o, r));
-  e.style.maxHeight = `${i}px`;
-}
-function ut() {
-  return xt.value.xs || xt.value.sm;
-}
-function _t(e) {
-  return e.dataset.pinned === "true";
-}
-function xo(e, n) {
-  if (n) {
-    e.dataset.pinned = "true";
-    return;
-  }
-  delete e.dataset.pinned;
-}
-function wo(e) {
-  return {
-    maxTooltipItems: Va(e == null ? void 0 : e.maxTooltipItems)
-  };
-}
-function Ha(e) {
-  e.__lastPhoneTapAt = void 0, e.__lastPhoneTapX = void 0, e.__lastPhoneTapY = void 0, e.__lastPhoneTapDatasetIndex = void 0, e.__lastPhoneTapDataIndex = void 0;
-}
-function Wa(e, n, t, o, r, i) {
-  e.__lastPhoneTapAt = o, e.__lastPhoneTapX = n, e.__lastPhoneTapY = t, e.__lastPhoneTapDatasetIndex = r, e.__lastPhoneTapDataIndex = i;
-}
-function Oa(e, n, t) {
-  return e.__lastPhoneTapDatasetIndex === n && e.__lastPhoneTapDataIndex === t;
-}
-function Ea(e, n, t, o) {
-  if (!Number.isFinite(e.__lastPhoneTapAt) || !Number.isFinite(e.__lastPhoneTapX) || !Number.isFinite(e.__lastPhoneTapY))
-    return !1;
-  const r = o - e.__lastPhoneTapAt;
-  if (r < 0 || r > xa)
-    return !1;
-  const i = n - e.__lastPhoneTapX, s = t - e.__lastPhoneTapY;
-  return Math.hypot(i, s) <= wa;
-}
-function Un(e) {
-  return {
-    text: `${e.datasetLabel}: ${0 .toLocaleString()}`,
-    color: "#cbd5e1",
-    isBar: e.isBar,
-    value: "-",
-    datasetLabel: e.datasetLabel,
-    matchingKey: e.matchingKey
-  };
-}
-function Ua(e) {
-  return Ot({
-    ...ia,
-    margin: `${e ? "8px" : "0"} 0 4px`
-  });
-}
-function Ka(e, n) {
-  return Ot({
-    ...e ? da : fa,
-    background: n
-  });
-}
-function Xa(e) {
-  return `<button type="button" data-tooltip-full-details="true" style="${sa}">${kn(e)}</button>`;
-}
-function So(e, n, t, o, r, i, s, c) {
-  var A;
-  const d = (A = e[0]) == null ? void 0 : A.label, v = Da(d), O = !!(v != null && v[1]) ? On((v == null ? void 0 : v[0]) ?? "", Ta()) : (v == null ? void 0 : v[0]) ?? "", W = v != null && v[1] ? On(v[1], La()) : void 0, y = [], p = [], k = /* @__PURE__ */ new Set();
-  i.forEach((u, D) => {
-    if (k.has(D))
-      return;
-    const R = u ?? {};
-    if (R.isSpacer === !0)
-      return;
-    const K = Ia(R), G = Ma(R, s), j = Aa(R, c), Y = {
-      text: Ba(K, G),
-      color: Ra(R, s, j),
-      isBar: j,
-      value: G,
-      datasetLabel: K,
-      matchingKey: Fa(K)
-    };
-    if (W && Pa(R)) {
-      p.push(Y);
-      return;
-    }
-    y.push(Y);
-  });
-  const w = y.slice(0, o), $ = /* @__PURE__ */ new Map();
-  p.forEach((u) => {
-    const D = $.get(u.matchingKey);
-    if (!D) {
-      $.set(u.matchingKey, [u]);
-      return;
-    }
-    D.push(u);
-  });
-  const g = W ? w.map((u) => {
-    const D = $.get(u.matchingKey);
-    return !D || D.length === 0 ? Un(u) : D.shift() ?? Un(u);
-  }) : [], S = y.length > w.length || p.length > g.length, B = (u, D = !1) => `<div style="${Ua(D)}">${kn(u)}</div>`, I = (u) => {
-    const D = Ka(u.isBar, u.color);
-    return `<div style="${ua}"><span style="${D}"></span><span style="${ca}">${kn(u.text)}</span></div>`;
-  };
-  let f = "";
-  O.length > 0 && (f += B(O)), f += w.map((u) => I(u)).join(""), W && g.length > 0 && (f += B(W, f.length > 0), f += g.map((u) => I(u)).join("")), r && S && (f += Xa(t));
-  const L = [
-    {
-      title: O,
-      values: y
-    },
-    {
-      title: W ?? "",
-      values: p
-    }
-  ].filter((u) => u.values.length > 0);
-  return {
-    html: f,
-    detailsPayload: { sections: L },
-    hasCollapsedValues: S
-  };
-}
-function Kn(e) {
-  return e.scrollHeight - e.clientHeight > ya;
-}
-function jt(e, n, t, o, r, i, s, c, d) {
-  const v = So(
-    n,
-    t,
-    o,
-    r,
-    i,
-    s,
-    c,
-    d
-  );
-  return e.innerHTML !== v.html && (e.innerHTML = v.html, lr(e)), v;
-}
-function Ya(e, n, t, o, r, i, s, c, d) {
-  if (Number.isFinite(r))
-    return {
-      markup: jt(
-        e,
-        n,
-        t,
-        o,
-        r,
-        i,
-        s,
-        c,
-        d
-      ),
-      maxTooltipItems: r
-    };
-  const v = Math.max(_n, n.length);
-  let F = v, O = jt(
-    e,
-    n,
-    t,
-    o,
-    v,
-    i,
-    s,
-    c,
-    d
-  );
-  if (!Kn(e))
-    return {
-      markup: O,
-      maxTooltipItems: v
-    };
-  let W = _n, y = v;
-  for (; W <= y; ) {
-    const k = Math.floor((W + y) / 2), w = jt(
-      e,
-      n,
-      t,
-      o,
-      k,
-      i,
-      s,
-      c,
-      d
-    );
-    if (Kn(e)) {
-      y = k - 1;
-      continue;
-    }
-    F = k, O = w, W = k + 1;
-  }
-  return {
-    markup: F === v ? O : jt(
-      e,
-      n,
-      t,
-      o,
-      F,
-      i,
-      s,
-      c,
-      d
-    ),
-    maxTooltipItems: F
-  };
-}
-function Xn(e, n) {
-  const t = Math.max(0, Math.min(1, n)), o = e.trim();
-  if (o.startsWith("#")) {
-    const s = o.slice(1), c = s.length === 3 ? `${s[0]}${s[0]}${s[1]}${s[1]}${s[2]}${s[2]}` : s.length === 4 ? `${s[0]}${s[0]}${s[1]}${s[1]}${s[2]}${s[2]}` : s.length >= 6 ? s.slice(0, 6) : "";
-    if (/^[0-9a-fA-F]{6}$/.test(c)) {
-      const d = Number.parseInt(c.slice(0, 2), 16), v = Number.parseInt(c.slice(2, 4), 16), F = Number.parseInt(c.slice(4, 6), 16);
-      return `rgba(${d}, ${v}, ${F}, ${t})`;
-    }
-  }
-  const r = o.match(/^rgba?\(([^)]+)\)$/i);
-  if (r) {
-    const s = r[1].split(",").map((c) => c.trim());
-    if (s.length >= 3) {
-      const [c, d, v] = s;
-      return `rgba(${c}, ${d}, ${v}, ${t})`;
-    }
-  }
-  const i = o.match(/^hsla?\(([^)]+)\)$/i);
-  if (i) {
-    const s = i[1].split(",").map((c) => c.trim());
-    if (s.length >= 3) {
-      const [c, d, v] = s;
-      return `hsla(${c}, ${d}, ${v}, ${t})`;
-    }
-  }
-  return e;
-}
-function Jt(e, n) {
-  return typeof e == "string" ? Xn(e, n) : Array.isArray(e) ? e.map(
-    (t) => typeof t == "string" ? Xn(t, n) : t
-  ) : e;
-}
-function qa(e) {
-  e.__tooltipOriginalStyle || (e.__tooltipOriginalStyle = {
-    borderColor: Reflect.get(e, "borderColor"),
-    backgroundColor: Reflect.get(e, "backgroundColor"),
-    pointBorderColor: Reflect.get(e, "pointBorderColor"),
-    pointBackgroundColor: Reflect.get(e, "pointBackgroundColor")
-  });
-}
-function Ga(e) {
-  const n = e.__tooltipOriginalStyle;
-  n && (Reflect.set(e, "borderColor", n.borderColor), Reflect.set(e, "backgroundColor", n.backgroundColor), Reflect.set(e, "pointBorderColor", n.pointBorderColor), Reflect.set(e, "pointBackgroundColor", n.pointBackgroundColor));
-}
-function ja(e, n) {
-  const t = e.__tooltipOriginalStyle;
-  t && (Reflect.set(e, "borderColor", Jt(t.borderColor, n)), Reflect.set(e, "backgroundColor", Jt(t.backgroundColor, n)), Reflect.set(e, "pointBorderColor", Jt(t.pointBorderColor, n)), Reflect.set(
-    e,
-    "pointBackgroundColor",
-    Jt(t.pointBackgroundColor, n)
-  ));
-}
-function Tn(e) {
-  var o;
-  if (!e || typeof e != "object")
-    return !1;
-  const n = e;
-  if (n.destroyed === !0 || typeof n.update != "function" || !Array.isArray((o = n.data) == null ? void 0 : o.datasets))
-    return !1;
-  const t = n.canvas;
-  return !(t != null && (!t.isConnected || !t.ownerDocument));
-}
-function en(e, n) {
-  if (!Tn(e))
-    return;
-  const t = e.data.datasets;
-  if (t.length !== 0) {
-    if (t.forEach((o, r) => {
-      qa(o), !n || r === n.datasetIndex ? Ga(o) : ja(o, ba);
-    }), typeof e.setActiveElements == "function")
-      try {
-        n ? e.setActiveElements([
-          {
-            datasetIndex: n.datasetIndex,
-            index: n.dataIndex
-          }
-        ]) : e.setActiveElements([]);
-      } catch {
-        return;
-      }
-    try {
-      e.update("none");
-    } catch {
-      return;
-    }
-  }
-}
-function _o(e) {
-  const n = e, t = n == null ? void 0 : n.chart;
-  if (Tn(t))
-    return t;
-  const o = n == null ? void 0 : n.$el;
-  if (!o)
-    return null;
-  const r = o.querySelector("canvas");
-  if (!(r instanceof HTMLCanvasElement))
-    return null;
-  const i = vn.getChart(r);
-  return Tn(i) ? i : null;
-}
-function Ja(e) {
-  const n = window.getComputedStyle(e);
-  return [n.overflow, n.overflowX, n.overflowY].some((o) => o !== "visible");
-}
-function Mn(e) {
-  let n = e.parentElement ?? e, t = n;
-  for (; t && t.parentElement && t.parentElement !== document.body && t.parentElement !== document.documentElement; )
-    Ja(t) && (n = t.parentElement), t = t.parentElement;
-  return window.getComputedStyle(n).position === "static" && (n.style.position = "relative"), n;
-}
-function Bn(e, n, t, o, r, i, s = "center", c = !1) {
-  const d = n.getBoundingClientRect(), v = t.getBoundingClientRect(), F = t.scrollLeft, O = t.scrollTop, W = t.clientWidth, y = t.clientHeight, p = e;
-  (!Number.isFinite(p.__cachedWidth) || !Number.isFinite(p.__cachedHeight) || p.__measurementHostWidth !== W || p.__measurementHostHeight !== y) && (p.__cachedWidth = e.offsetWidth, p.__cachedHeight = e.offsetHeight, p.__measurementHostWidth = W, p.__measurementHostHeight = y);
-  const w = p.__cachedWidth ?? e.offsetWidth, $ = p.__cachedHeight ?? e.offsetHeight, g = 8, S = d.left - v.left + F + o, B = d.top - v.top + O + r, I = c ? s === "left" ? S - w - g : S + g : s === "left" ? S - w - g : s === "right" ? S + g : S - w / 2, f = c ? B + g : i ? B - $ / 2 : B + g, L = F + g;
-  let A = O + g;
-  const u = document.querySelector('[data-menu-tab="true"]');
-  if (u) {
-    const Y = u.getBoundingClientRect().bottom - v.top + O + g;
-    A = Math.max(A, Y);
-  }
-  const D = Math.max(L, F + W - w - g), R = Math.max(A, O + y - $ - g), K = Math.round(Math.min(Math.max(L, I), D)), G = Math.round(Math.min(Math.max(A, f), R));
-  p.__lastLeftPx === K && p.__lastTopPx === G || (p.__lastLeftPx = K, p.__lastTopPx = G, e.style.left = `${K}px`, e.style.top = `${G}px`);
-}
-function ko(e) {
-  return e.dataset.anchorDirection === "left" ? "left" : e.dataset.anchorDirection === "right" ? "right" : "center";
-}
-function Za(e, n, t, o, r, i, s) {
-  const c = n.getBoundingClientRect(), d = o - c.left, v = r - c.top;
-  !Number.isFinite(d) || !Number.isFinite(v) || (e.dataset.cursorCanvasX = String(d), e.dataset.cursorCanvasY = String(v), e.dataset.caretX = String(d), e.dataset.caretY = String(v), e.dataset.anchorDirection = s, Bn(
-    e,
-    n,
-    t,
-    d,
-    v,
-    i,
-    s,
-    !0
-  ));
-}
-function Qa(e) {
-  const n = document.createElement("div");
-  return n.id = e, n.dataset.comparisonTooltip = "true", n.style.background = "linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.86))", n.style.border = "1px solid rgba(255, 255, 255, 0.58)", n.style.borderRadius = "10px", n.style.boxShadow = "0 8px 24px rgba(15, 23, 42, 0.18)", n.style.color = "#111827", n.style.left = "0", n.style.opacity = "0", In(n), n.style.maxWidth = "min(360px, calc(100% - 16px))", n.style.overflow = "hidden", n.style.padding = "8px 10px", n.style.pointerEvents = "none", n.style.position = "absolute", n.style.textAlign = "left", n.style.top = "0", n.style.transform = "none", n.style.willChange = "left, top", n.style.whiteSpace = "normal", n.style.wordBreak = "normal", n.style.overflowWrap = "normal", n.style.zIndex = "10", n;
-}
-function er(e) {
-  e.__onViewportChange && (window.removeEventListener("scroll", e.__onViewportChange, !0), window.removeEventListener("resize", e.__onViewportChange));
-}
-function tr(e) {
-  e.__onNavigationChange && (window.removeEventListener(Dn, e.__onNavigationChange), window.removeEventListener("popstate", e.__onNavigationChange), window.removeEventListener("hashchange", e.__onNavigationChange), window.removeEventListener("beforeunload", e.__onNavigationChange));
-}
-function nr(e) {
-  e.__disconnectObserver && (e.__disconnectObserver.disconnect(), e.__disconnectObserver = void 0);
-}
-function An(e, n) {
-  Tt(e), To(e), er(e), tr(e), nr(e), e.__onDetailsClick && e.removeEventListener("click", e.__onDetailsClick), e.__onTooltipPointerEnter && e.removeEventListener("pointerenter", e.__onTooltipPointerEnter), e.__onTooltipPointerLeave && e.removeEventListener("pointerleave", e.__onTooltipPointerLeave), n && e.__onCanvasPointerEnter && n.removeEventListener("pointerenter", e.__onCanvasPointerEnter), n && e.__onCanvasPointerMove && n.removeEventListener("pointermove", e.__onCanvasPointerMove), n && e.__onCanvasPointerLeave && n.removeEventListener("pointerleave", e.__onCanvasPointerLeave), n && e.__onCanvasClick && n.removeEventListener("click", e.__onCanvasClick), n && e.__onCanvasPointerUp && n.removeEventListener("pointerup", e.__onCanvasPointerUp), e.remove();
-}
-function or(e, n, t) {
-  e.__onNavigationChange || (_a(), e.__onNavigationChange = () => {
-    if (!t.isConnected) {
-      An(e, t);
-      return;
-    }
-    Ve(e, n, !0);
-  }, window.addEventListener(Dn, e.__onNavigationChange), window.addEventListener("popstate", e.__onNavigationChange), window.addEventListener("hashchange", e.__onNavigationChange), window.addEventListener("beforeunload", e.__onNavigationChange));
-}
-function ar(e, n) {
-  e.__disconnectObserver || document.body && (e.__disconnectObserver = new MutationObserver(() => {
-    n.isConnected || An(e, n);
-  }), e.__disconnectObserver.observe(document.body, {
-    childList: !0,
-    subtree: !0
-  }));
-}
-function rr(e, n, t) {
-  Array.from(
-    e.querySelectorAll('[data-comparison-tooltip="true"]')
-  ).forEach((r) => {
-    r.id !== n && An(r, t);
-  });
-}
-function Tt(e) {
-  typeof e.__hideTimeoutId == "number" && (window.clearTimeout(e.__hideTimeoutId), e.__hideTimeoutId = void 0);
-}
-function To(e) {
-  typeof e.__cursorRafId == "number" && (window.cancelAnimationFrame(e.__cursorRafId), e.__cursorRafId = void 0);
-}
-function lr(e) {
-  e.__cachedWidth = void 0, e.__cachedHeight = void 0, e.__measurementHostWidth = void 0, e.__measurementHostHeight = void 0;
-}
-function Yn(e, n, t, o, r) {
-  e.__pendingCursorClientX = o, e.__pendingCursorClientY = r, typeof e.__cursorRafId != "number" && (e.__cursorRafId = window.requestAnimationFrame(() => {
-    e.__cursorRafId = void 0;
-    const i = e.__pendingCursorClientX, s = e.__pendingCursorClientY;
-    if (e.__pendingCursorClientX = void 0, e.__pendingCursorClientY = void 0, !Number.isFinite(i) || !Number.isFinite(s))
-      return;
-    const c = Mn(n);
-    e.parentElement !== c && c.appendChild(e), Za(
-      e,
-      n,
-      c,
-      i,
-      s,
-      t,
-      ko(e)
-    );
-  }));
-}
-function Ve(e, n, t = !1) {
-  _t(e) && !t || (Tt(e), To(e), xo(e, !1), Ha(e), e.__pendingCursorClientX = void 0, e.__pendingCursorClientY = void 0, e.__detailsPayload = void 0, e.__lastLeftPx = void 0, e.__lastTopPx = void 0, delete e.dataset.cursorCanvasX, delete e.dataset.cursorCanvasY, e.__isTooltipHovered = !1, e.style.pointerEvents = "none", e.style.opacity = "0", en(n));
-}
-function qn(e, n, t = Ca) {
-  e.__isTooltipHovered || (Tt(e), e.__hideTimeoutId = window.setTimeout(() => {
-    e.__isTooltipHovered || Ve(e, n);
-  }, t));
-}
-function sr(e, n, t, o, r) {
-  const { maxTooltipItems: i } = wo(r);
-  e.__onCanvasPointerEnter || (e.__onCanvasPointerEnter = (s) => {
-    if (!(ut() && _t(e)) && (Yn(
-      e,
-      n,
-      o,
-      s.clientX,
-      s.clientY
-    ), typeof (t == null ? void 0 : t.update) == "function"))
-      try {
-        t.update("none");
-      } catch {
-        return;
-      }
-  }, n.addEventListener("pointerenter", e.__onCanvasPointerEnter, {
-    passive: !0
-  })), e.__onCanvasPointerMove || (e.__onCanvasPointerMove = (s) => {
-    ut() && _t(e) || Yn(
-      e,
-      n,
-      o,
-      s.clientX,
-      s.clientY
-    );
-  }, n.addEventListener("pointermove", e.__onCanvasPointerMove, {
-    passive: !0
-  })), e.__onCanvasPointerLeave || (e.__onCanvasPointerLeave = () => {
-    ut() && _t(e) || Ve(e, t);
-  }, n.addEventListener("pointerleave", e.__onCanvasPointerLeave, {
-    passive: !0
-  })), e.__onCanvasClick || (e.__onCanvasClick = (s) => {
-    var w, $;
-    if (ut() || !(r != null && r.onViewFullDetails) || !e.__detailsPayload || e.style.opacity !== "1")
-      return;
-    const c = (g) => {
-      var L, A, u, D;
-      if (g.length === 0)
-        return !1;
-      const S = (L = g.find(
-        (R) => typeof R.dataIndex == "number"
-      )) == null ? void 0 : L.dataIndex, B = ((A = t == null ? void 0 : t.data) == null ? void 0 : A.datasets) ?? [], I = (u = t == null ? void 0 : t.config) == null ? void 0 : u.type, f = So(
-        g,
-        o,
-        (r == null ? void 0 : r.viewFullDetailsLabel) ?? Co(),
-        i,
-        !0,
-        B,
-        S,
-        I
-      ).detailsPayload;
-      return (D = r.onViewFullDetails) == null || D.call(r, f, t), Ve(e, t), !0;
-    }, d = ((w = t == null ? void 0 : t.tooltip) == null ? void 0 : w.dataPoints) ?? [];
-    if (c(d))
-      return;
-    const v = t == null ? void 0 : t.getElementsAtEventForMode;
-    if (typeof v != "function")
-      return;
-    const F = v.call(
-      t,
-      s,
-      "nearest",
-      { intersect: !0 },
-      !1
-    ), O = v.call(
-      t,
-      s,
-      "index",
-      { intersect: !1 },
-      !1
-    ), y = (F.length > 0 ? F : O).filter((g) => typeof g.datasetIndex == "number" && typeof g.index == "number").map((g) => ({ datasetIndex: g.datasetIndex, index: g.index }));
-    if (y.length === 0)
-      return;
-    const p = t == null ? void 0 : t.tooltip;
-    if (typeof (p == null ? void 0 : p.setActiveElements) != "function")
-      return;
-    p.setActiveElements(y, {
-      x: s.offsetX,
-      y: s.offsetY
-    });
-    try {
-      t.update("none");
-    } catch {
-      return;
-    }
-    const k = (($ = t == null ? void 0 : t.tooltip) == null ? void 0 : $.dataPoints) ?? [];
-    c(k);
-  }, n.addEventListener("click", e.__onCanvasClick)), e.__onCanvasPointerUp || (e.__onCanvasPointerUp = (s) => {
-    if (ut()) {
-      const c = t == null ? void 0 : t.getElementsAtEventForMode, d = t == null ? void 0 : t.tooltip;
-      if (typeof c != "function" || typeof (d == null ? void 0 : d.setActiveElements) != "function")
-        return;
-      const v = c.call(
-        t,
-        s,
-        "nearest",
-        { intersect: !0 },
-        !1
-      ), F = c.call(
-        t,
-        s,
-        "index",
-        { intersect: !1 },
-        !1
-      ), W = (v.length > 0 ? v : F).filter(($) => typeof $.datasetIndex == "number" && typeof $.index == "number").map(($) => ({
-        datasetIndex: $.datasetIndex,
-        index: $.index
-      }));
-      if (W.length === 0) {
-        Ve(e, t, !0);
-        return;
-      }
-      const y = W[0], p = Oa(
-        e,
-        y.datasetIndex,
-        y.index
-      ), k = Number.isFinite(e.__lastPhoneTapAt), w = p && Ea(e, s.offsetX, s.offsetY, s.timeStamp);
-      if (k && !w && p) {
-        Ve(e, t, !0);
-        return;
-      }
-      xo(e, !0), Tt(e), e.dataset.cursorCanvasX = String(s.offsetX), e.dataset.cursorCanvasY = String(s.offsetY), e.dataset.caretX = String(s.offsetX), e.dataset.caretY = String(s.offsetY), d.setActiveElements(W, {
-        x: s.offsetX,
-        y: s.offsetY
-      });
-      try {
-        t.update("none");
-      } catch {
-        return;
-      }
-      if (w && (r != null && r.onViewFullDetails) && e.__detailsPayload) {
-        r.onViewFullDetails(e.__detailsPayload, t), Ve(e, t);
-        return;
-      }
-      Wa(
-        e,
-        s.offsetX,
-        s.offsetY,
-        s.timeStamp,
-        y.datasetIndex,
-        y.index
-      );
-      return;
-    }
-    e.__onCanvasClick && e.__onCanvasClick(s);
-  }, n.addEventListener("pointerup", e.__onCanvasPointerUp)), r != null && r.onViewFullDetails && (e.__onDetailsClick || (e.__onDetailsClick = (s) => {
-    var v;
-    const c = s.target;
-    c != null && c.closest('[data-tooltip-full-details="true"]') && (s.preventDefault(), s.stopPropagation(), e.__detailsPayload && ((v = r.onViewFullDetails) == null || v.call(r, e.__detailsPayload, t), Ve(e, t)));
-  }, e.addEventListener("click", e.__onDetailsClick)), e.__onTooltipPointerEnter || (e.__onTooltipPointerEnter = () => {
-    e.__isTooltipHovered = !0, Tt(e);
-  }, e.addEventListener("pointerenter", e.__onTooltipPointerEnter)), e.__onTooltipPointerLeave || (e.__onTooltipPointerLeave = () => {
-    e.__isTooltipHovered = !1, Ve(e, t);
-  }, e.addEventListener("pointerleave", e.__onTooltipPointerLeave)));
-}
-function ir(e, n, t) {
-  e.__onViewportChange || (e.__onViewportChange = () => {
-    if (e.style.opacity !== "1")
-      return;
-    const o = Number(e.dataset.caretX), r = Number(e.dataset.caretY), i = ko(e);
-    if (!Number.isFinite(o) || !Number.isFinite(r)) {
-      e.style.opacity = "0";
-      return;
-    }
-    const s = Mn(n);
-    e.parentElement !== s && s.appendChild(e), In(e, s), Bn(
-      e,
-      n,
-      s,
-      o,
-      r,
-      t,
-      i,
-      !0
-    );
-  }, window.addEventListener("scroll", e.__onViewportChange, {
-    capture: !0,
-    passive: !0
-  }), window.addEventListener("resize", e.__onViewportChange, {
-    passive: !0
-  }));
-}
-function ur(e, n) {
-  const { maxTooltipItems: t } = wo(n);
-  return ({ chart: o, tooltip: r }) => {
-    var K, G, j, Y;
-    if (typeof document > "u" || typeof window > "u")
-      return;
-    const i = o == null ? void 0 : o.canvas;
-    if (!(i instanceof HTMLCanvasElement))
-      return;
-    const s = Mn(i), c = `comparison-tooltip-${String(o.id)}`;
-    let d = document.querySelector(`#${c}`);
-    if (d || (d = Qa(c)), d.parentElement !== s && s.appendChild(d), In(d, s), ir(d, i, e), or(d, o, i), ar(d, i), sr(d, i, o, e, n), ((r == null ? void 0 : r.opacity) ?? 0) === 0) {
-      if (ut() && _t(d))
-        return;
-      n != null && n.onViewFullDetails ? qn(d, o) : Ve(d, o);
-      return;
-    }
-    const v = (r == null ? void 0 : r.dataPoints) ?? [];
-    if (v.length === 0) {
-      if (ut() && _t(d))
-        return;
-      n != null && n.onViewFullDetails ? qn(d, o) : Ve(d, o);
-      return;
-    }
-    rr(s, c, i), Tt(d);
-    const F = (n == null ? void 0 : n.viewFullDetailsLabel) ?? Co(), O = !!(n != null && n.onViewFullDetails), W = (K = v.find((H) => typeof H.dataIndex == "number")) == null ? void 0 : K.dataIndex, y = ((G = o == null ? void 0 : o.data) == null ? void 0 : G.datasets) ?? [], p = (j = o == null ? void 0 : o.config) == null ? void 0 : j.type, {
-      markup: { detailsPayload: k, hasCollapsedValues: w }
-    } = Ya(
-      d,
-      v,
-      e,
-      F,
-      t,
-      O,
-      y,
-      W,
-      p
-    ), $ = O && w;
-    d.__detailsPayload = $ ? k : void 0, d.style.pointerEvents = $ ? "auto" : "none";
-    const g = typeof (r == null ? void 0 : r.caretX) == "number" ? r.caretX : 0, S = Number(d.dataset.cursorCanvasX), B = Number(d.dataset.cursorCanvasY);
-    if (!(Number.isFinite(S) && Number.isFinite(B))) {
-      d.style.opacity = "0";
-      return;
-    }
-    const f = (Y = o == null ? void 0 : o.scales) == null ? void 0 : Y.x, L = f && typeof f.getPixelForValue == "function" ? f.getPixelForValue(0) : NaN, A = e ? v.reduce((H, _) => {
-      const b = _ == null ? void 0 : _.element, E = b == null ? void 0 : b.x;
-      if (typeof E != "number" || !Number.isFinite(E))
-        return H;
-      if (!Number.isFinite(H))
-        return E;
-      const N = Number.isFinite(L) ? L : g, X = Math.abs(H - N);
-      return Math.abs(E - N) > X ? E : H;
-    }, Number.NaN) : Number.NaN, u = S, D = B, R = e ? Number.isFinite(L) && Number.isFinite(A) && A < L ? "left" : "right" : "center";
-    Bn(
-      d,
-      i,
-      s,
-      u,
-      D,
-      e,
-      R,
-      !0
-    ), d.dataset.caretX = String(u), d.dataset.caretY = String(D), d.dataset.anchorDirection = R, d.style.opacity = "1";
-  };
-}
-function Lo(e = !1, n) {
-  return {
-    ...bo(e ? "y" : "x"),
-    enabled: !1,
-    external: ur(e, n)
-  };
-}
-const Gn = "en-US";
-function jn(e, n) {
-  const t = n.split(".");
-  let o = e;
-  for (const r of t) {
-    if (!o || typeof o != "object" || !(r in o))
-      return;
-    o = o[r];
-  }
-  return typeof o == "string" ? o : void 0;
-}
-function cr() {
-  const e = uo(), n = "report.widget.legend.comparison";
-  return `(${jn(Qt[e] ?? Qt[Gn], n) ?? jn(Qt[Gn], n) ?? "Comparison"})`;
-}
-function Do(e) {
-  function o(y, p, k) {
-    if (y.measureText(p).width <= k) return p;
-    const w = "…";
-    let $ = 0, g = p.length;
-    for (; $ < g; ) {
-      const S = Math.floor(($ + g) / 2), B = p.slice(0, S) + w;
-      y.measureText(B).width <= k ? $ = S + 1 : g = S;
-    }
-    return p.slice(0, $ - 1) + w;
-  }
-  function r(y) {
-    const p = y == null ? "" : String(y), [k] = p.split("#");
-    return (k ?? p).trim();
-  }
-  function i(y, p) {
-    const k = y == null ? "" : String(y).trim();
-    if (k.length === 0) return k;
-    const w = cr();
-    return k.endsWith(` ${w}`) || k.endsWith(w) ? k : (p == null ? void 0 : p.dash) === !0 || (p == null ? void 0 : p.isCompare) === !0 ? `${k} ${w}` : k;
-  }
-  const s = x(() => ({
-    display: e.showLabel,
-    align: e.labelAlign,
-    anchor: e.labelAnchor,
-    rotation: e.labelRotation,
-    offset: e.labelOffset,
-    font: {
-      size: e.labelFontSize
-    },
-    color: (y) => {
-      const p = y.chart.data.datasets[y.datasetIndex];
-      return p.borderColor ? Array.isArray(p.borderColor) ? p.borderColor[y.dataIndex] : p.borderColor : p.backgroundColor ? Array.isArray(p.backgroundColor) ? p.backgroundColor[y.dataIndex] : p.backgroundColor : "#000";
-    },
-    formatter: (y) => y.toLocaleString("en-US")
-  })), c = x(() => ({
-    display: e.showX,
-    position: e.xPosition,
-    grid: {
-      display: e.showXGrid
-    },
-    ticks: {
-      display: e.showXTick,
-      padding: 8,
-      callback: function(y) {
-        if ((e == null ? void 0 : e.isTransposed) === !0) return r(y);
-        let k = String(y);
-        const w = this;
-        w && typeof w.getLabelForValue == "function" && (k = w.getLabelForValue(y)), k = r(k);
-        const $ = w == null ? void 0 : w.chart, g = w == null ? void 0 : w.ctx, S = $.height * 0.25;
-        if (g && S > 0) {
-          g.save();
-          const I = g.measureText(k).width > S ? o(g, k, S) : k;
-          return g.restore(), I;
-        }
-        return k;
-      },
-      font: {
-        size: e.xTickFontSize
-      }
-    },
-    title: {
-      display: e.showXTitle,
-      text: e.xTitle,
-      font: {
-        size: e.xTitleFontSize
-      }
-    },
-    afterBuildTicks: (y) => {
-      const p = Array.isArray(y == null ? void 0 : y.ticks) ? y.ticks : [];
-      if (p.length === 0) return;
-      const k = r(y.getLabelForValue(p[0].value)), w = !isNaN(Number(k));
-      y.options.ticks.minRotation = w || p.length < 10 ? 0 : 90;
-    },
-    afterFit: (y) => {
-      if (!(e != null && e.isTransposed)) {
-        const p = y.chart.height * 0.4;
-        y.height > p && (y.height = p);
-      }
-    }
-  })), d = x(() => ({
-    display: e.showY,
-    position: e.yPosition,
-    grid: {
-      display: e.showYGrid
-    },
-    ticks: {
-      display: e.showYTick,
-      padding: 8,
-      font: {
-        size: e.yTickFontSize
-      },
-      callback: function(y) {
-        if (!((e == null ? void 0 : e.isTransposed) === !0)) return r(y);
-        let k = String(y);
-        const w = this;
-        w && typeof w.getLabelForValue == "function" && (k = w.getLabelForValue(y)), k = r(k);
-        const $ = w == null ? void 0 : w.chart, g = w == null ? void 0 : w.ctx, S = $.width * 0.4;
-        if (g && S > 0) {
-          g.save();
-          const I = g.measureText(k).width > S ? o(g, k, S) : k;
-          return g.restore(), I;
-        }
-        return k;
-      }
-    },
-    title: {
-      display: e.showYTitle,
-      text: e.yTitle,
-      font: {
-        size: e.yTitleFontSize
-      }
-    }
-  })), v = x(() => ({
-    display: e.showLegend,
-    position: e.legendPosition,
-    usePointStyle: e.usePointStyle,
-    labels: {
-      usePointStyle: e.usePointStyle ?? !0,
-      padding: 12,
-      color: e.legendColor ?? "#6b6b6b",
-      font: {
-        size: e.legendFontSize
-      },
-      generateLabels: (y) => {
-        var w;
-        const p = e.legendColor ?? "#6b6b6b", k = ((w = y == null ? void 0 : y.data) == null ? void 0 : w.datasets) || [];
-        if (k.length === 0) return [];
-        if (k.length === 1 && Array.isArray(k[0].backgroundColor) && k[0].backgroundColor.length > 1 && Array.isArray(k[0].data)) {
-          const $ = k[0];
-          return y.data.labels.map((S, B) => {
-            const I = $.backgroundColor[B];
-            return {
-              text: S,
-              fontColor: p,
-              color: p,
-              fillStyle: I,
-              strokeStyle: I,
-              datasetIndex: 0,
-              index: B,
-              hidden: y.getDataVisibility ? !y.getDataVisibility(B) : !1
-            };
-          });
-        }
-        return y.data.datasets.map(($, g) => {
-          const S = $.borderColor || $.backgroundColor;
-          return {
-            text: i($.label, $),
-            fontColor: p,
-            color: p,
-            fillStyle: S,
-            strokeStyle: S,
-            datasetIndex: g,
-            hidden: !y.isDatasetVisible(g)
-          };
-        });
-      }
-    }
-  })), F = x(() => e.isTransposed), O = x(() => e.chartWidth), W = x(() => e.chartHeight);
-  return { datalabels: s, xCfg: c, yCfg: d, isTransposed: F, legend: v, chartWidth: O, chartHeight: W };
-}
-const dr = {
-  key: 0,
-  class: "pointer-events-none fixed inset-0 z-[120] flex justify-end"
-}, fr = ["aria-label"], hr = { class: "relative z-20 flex shrink-0 items-center bg-fm-color-neutral-white justify-between sm:px-5" }, mr = { class: "fm-typo-en-title-sm-600 text-fm-color-typo-primary min-w-0 flex-1 pr-3" }, pr = { class: "flex items-center gap-1.5" }, gr = {
-  key: 0,
-  class: "pb-2 fm-typo-en-body-lg-600 text-fm-color-typo-primary"
-}, vr = ["onMouseenter", "onFocus"], yr = { class: "min-w-0 flex flex-1 items-center gap-2.5 pr-2" }, br = { class: "min-w-0 break-all text-fm-color-typo-secondary" }, Cr = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-secondary shrink-0 text-right tabular-nums" }, Jn = 500, xr = 320, Ut = /* @__PURE__ */ Fe({
-  __name: "TooltipDetailSidesheet",
-  props: {
-    modelValue: { type: Boolean },
-    detailsPayload: {}
-  },
-  emits: ["update:modelValue", "value-hover", "value-leave"],
-  setup(e, { emit: n }) {
-    const t = e, o = n, { t: r } = ft(), i = P(null), s = P(Jn), c = P(!1), d = x({
-      get: () => t.modelValue,
-      set: (u) => o("update:modelValue", u)
-    }), v = x(() => {
-      var u;
-      return (((u = t.detailsPayload) == null ? void 0 : u.sections) ?? []).filter((D) => D.values.length > 0);
-    }), F = x(() => ({
-      width: `${s.value}px`,
-      maxWidth: "94vw"
-    }));
-    function O(u) {
-      return u.value == null || u.value === "" ? "-" : typeof u.value == "number" ? Number.isFinite(u.value) ? u.value.toLocaleString() : "-" : String(u.value);
-    }
-    function W(u) {
-      const D = u.text ?? "", R = D.lastIndexOf(":");
-      return R > -1 ? D.slice(0, R).trim() : D;
-    }
-    function y(u) {
-      o("value-hover", u);
-    }
-    function p() {
-      o("value-leave");
-    }
-    function k() {
-      p(), d.value = !1;
-    }
-    function w() {
-      return typeof window > "u" ? Jn : Math.floor(window.innerWidth * 0.94);
-    }
-    function $(u) {
-      const D = w(), R = Math.min(xr, D);
-      return Math.min(D, Math.max(R, Math.floor(u)));
-    }
-    function g(u) {
-      typeof window > "u" || (s.value = $(window.innerWidth - u));
-    }
-    function S() {
-      c.value = !1, document.removeEventListener("pointermove", B), document.removeEventListener("pointerup", S), document.removeEventListener("pointercancel", S);
-    }
-    function B(u) {
-      c.value && g(u.clientX);
-    }
-    function I(u) {
-      d.value && (c.value = !0, g(u.clientX), document.addEventListener("pointermove", B), document.addEventListener("pointerup", S), document.addEventListener("pointercancel", S));
-    }
-    function f() {
-      s.value = $(s.value);
-    }
-    function L(u) {
-      var K;
-      if (!d.value)
-        return;
-      const D = u.target;
-      if (!(D instanceof Node))
-        return;
-      const R = D instanceof Element ? D : null;
-      R != null && R.closest('[data-tooltip-full-details="true"]') || (K = i.value) != null && K.contains(D) || k();
-    }
-    function A(u) {
-      d.value && u.key === "Escape" && k();
-    }
-    return dt(() => {
-      s.value = $(s.value), document.addEventListener("pointerdown", L, !0), document.addEventListener("keydown", A), window.addEventListener("resize", f);
-    }), oo(() => {
-      S(), document.removeEventListener("pointerdown", L, !0), document.removeEventListener("keydown", A), window.removeEventListener("resize", f);
-    }), (u, D) => {
-      const R = de("FmButton");
-      return J(), me(zo, {
-        "enter-active-class": "transform transition duration-200 ease-out",
-        "enter-from-class": "translate-x-full opacity-0",
-        "enter-to-class": "translate-x-0 opacity-100",
-        "leave-active-class": "transform transition duration-150 ease-in",
-        "leave-from-class": "translate-x-0 opacity-100",
-        "leave-to-class": "translate-x-full opacity-0"
-      }, {
-        default: ke(() => [
-          d.value ? (J(), ue("div", dr, [
-            ee("div", {
-              ref_key: "panelRef",
-              ref: i,
-              class: "glassmorphism pointer-events-auto relative ml-auto flex h-full flex-col px-24 py-3 overflow-hidden rounded-l-2xl border border-fm-color-border-secondary bg-fm-color-neutral-white duration-200 ease-out",
-              style: Te(F.value),
-              role: "dialog",
-              "aria-modal": "false",
-              "aria-label": a(r)("report.widget.comparisonTooltip.fullBreakdownTitle")
-            }, [
-              ee("div", {
-                class: "absolute left-0 top-0 z-40 h-full w-3 -translate-x-1/2 cursor-ew-resize",
-                onPointerdown: Zt(I, ["prevent"])
-              }, null, 32),
-              ee("div", hr, [
-                ee("div", mr, Ie(a(r)("report.widget.comparisonTooltip.fullBreakdownTitle")), 1),
-                ee("div", pr, [
-                  ce(R, {
-                    class: "relative z-30 h-9 w-9 shrink-0",
-                    variant: "tertiary",
-                    icon: "close",
-                    "aria-label": a(r)("report.dynamic.common.close"),
-                    onClick: k
-                  }, null, 8, ["aria-label"])
-                ])
-              ]),
-              ee("div", {
-                class: "flex flex-1 flex-col gap-4 overflow-y-auto px-4 py-4 sm:px-5",
-                onMouseleave: p
-              }, [
-                (J(!0), ue(ze, null, Vt(v.value, (K, G) => (J(), ue("div", {
-                  key: `${K.title || "section"}-${G}`,
-                  class: "flex flex-col gap-2 rounded-2xl bg-fm-color-neutral-white/45 py-3"
-                }, [
-                  K.title ? (J(), ue("p", gr, Ie(K.title), 1)) : ve("", !0),
-                  (J(!0), ue(ze, null, Vt(K.values, (j, Y) => (J(), ue("button", {
-                    key: `${j.text}-${Y}`,
-                    type: "button",
-                    class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary flex w-full items-start justify-between gap-3 bg-transparent px-2 py-1.5 text-left transition-colors hover:bg-fm-color-opacity-sm focus-visible:bg-fm-color-opacity-sm focus-visible:outline-none",
-                    onMouseenter: (H) => y(j),
-                    onFocus: (H) => y(j),
-                    onMouseleave: p,
-                    onBlur: p
-                  }, [
-                    ee("span", yr, [
-                      ee("span", {
-                        class: Le([
-                          "inline-block h-3 w-3 shrink-0 box-border",
-                          j.isBar ? "rounded-sm border border-fm-color-neutral-gray-400" : "rounded-full border border-white shadow-[0_0_0_1px_rgba(17,24,39,0.28)]"
-                        ]),
-                        style: Te({ backgroundColor: j.color })
-                      }, null, 6),
-                      ee("span", br, Ie(W(j)), 1)
-                    ]),
-                    ee("span", Cr, Ie(O(j)), 1)
-                  ], 40, vr))), 128))
-                ]))), 128))
-              ], 32)
-            ], 12, fr)
-          ])) : ve("", !0)
-        ]),
-        _: 1
-      });
-    };
-  }
-}), wr = {
-  type: "button",
-  class: "inline-flex cursor-pointer select-none items-center gap-1 rounded px-1 py-0.5 border-none bg-transparent text-fm-color-system-info-300 leading-[1.4]",
-  style: { fontSize: "var(--legend-font-size)" }
-}, Sr = ["aria-pressed", "onClick"], _r = ["title"], kr = {
-  key: 0,
-  class: "chart-legend-item relative z-[2] inline-flex max-w-full cursor-pointer select-none pointer-events-auto"
-}, Tr = 36, Zn = 2, Qn = 16, Lr = 50, Dr = 6, Pr = /* @__PURE__ */ Fe({
-  __name: "ChartLegendPanel",
-  props: {
-    chartRef: {},
-    enabled: { type: Boolean },
-    position: {},
-    textColor: {},
-    fontSize: {},
-    legendUpdateKey: {},
-    hiddenDatasetKeys: {},
-    hiddenDataPointIndexes: {},
-    chartColorBinding: {},
-    chartColors: {},
-    chartBreakdownColors: {},
-    chartUseSecondaryMetricShades: { type: Boolean },
-    metricCount: {},
-    usePointStyle: { type: Boolean }
-  },
-  emits: ["toggleDatasetVisibility", "toggleDataPointVisibility"],
-  setup(e, { emit: n }) {
-    const t = e, o = n, { t: r, locale: i } = ft(), s = P([]), c = P(0), d = P(!1), v = P(!1), F = P(0), O = P(null), W = P(null), y = P(null), p = P(null), k = P(!1), w = P(0), $ = P(0), g = P(!1), S = P(0), B = P(0), I = x(() => t.enabled !== !1), f = x(() => t.position === "left" || t.position === "right");
-    let L = null;
-    const A = x(
-      () => d.value && v.value && k.value
-    ), u = x(() => ({
-      height: `${Math.max(0, w.value)}px`,
-      transform: `translateY(${Math.max(0, $.value)}px)`
-    })), D = x(() => typeof t.textColor == "string" && t.textColor.trim().length > 0 ? t.textColor : "#6b6b6b"), R = x(() => typeof t.fontSize == "number" && Number.isFinite(t.fontSize) && t.fontSize > 0 ? t.fontSize : 12);
-    function K(l) {
-      G({ height: l, width: 0 });
-    }
-    function G({ height: l, width: m }) {
-      var C;
-      const h = (C = t.chartRef) == null ? void 0 : C.$el;
-      h instanceof HTMLElement && (h.style.setProperty("--legend-panel-height", `${Math.max(0, Math.floor(l))}px`), h.style.setProperty("--legend-panel-width", `${Math.max(0, Math.floor(m))}px`));
-    }
-    function j() {
-      L != null && (window.clearTimeout(L), L = null);
-    }
-    function Y() {
-      const l = _o(
-        t.chartRef
-      );
-      if (l)
-        return l;
-      const m = O.value, h = [m == null ? void 0 : m.parentElement, m == null ? void 0 : m.closest(".h-full"), m];
-      for (const C of h) {
-        if (!(C instanceof HTMLElement))
-          continue;
-        const V = C.querySelector("canvas");
-        if (!(V instanceof HTMLCanvasElement))
-          continue;
-        const U = vn.getChart(V);
-        if (U)
-          return U;
-      }
-      return null;
-    }
-    function H() {
-      _();
-    }
-    function _() {
-      var C;
-      const l = (C = O.value) == null ? void 0 : C.getBoundingClientRect(), m = Number((l == null ? void 0 : l.height) ?? 0), h = Number((l == null ? void 0 : l.width) ?? 0);
-      if (Number.isFinite(m) && m >= 0) {
-        G({
-          height: f.value ? 0 : m,
-          width: f.value && Number.isFinite(h) && h >= 0 ? h : 0
-        });
-        return;
-      }
-      G({ height: 0, width: 0 });
-    }
-    function b() {
-      const l = y.value;
-      if (!l) {
-        k.value = !1, w.value = 0, $.value = 0;
-        return;
-      }
-      const m = l.clientHeight, h = l.scrollHeight, C = l.scrollTop, V = h > m + 1;
-      if (k.value = V, !V || m <= 0) {
-        w.value = 0, $.value = 0;
-        return;
-      }
-      const U = m, Z = Math.max(18, Math.round(m / h * U)), te = Math.max(0, U - Z), M = Math.max(1, h - m), ie = Math.round(C / M * te);
-      w.value = Z, $.value = ie;
-    }
-    function E() {
-      b();
-    }
-    function N(l) {
-      const m = y.value, h = W.value;
-      if (!m || !h || !k.value)
-        return;
-      const C = h.getBoundingClientRect(), V = l.clientY - C.top, U = Math.max(0, V - w.value / 2), Z = Math.max(1, m.clientHeight - w.value), te = Math.min(1, U / Z), M = Math.max(0, m.scrollHeight - m.clientHeight);
-      m.scrollTop = te * M, b();
-    }
-    function X(l) {
-      k.value && (g.value = !0, S.value = l.clientY, B.value = $.value);
-    }
-    function q(l) {
-      if (!g.value)
-        return;
-      const m = y.value;
-      if (!m)
-        return;
-      const h = l.clientY - S.value, C = Math.max(1, m.clientHeight - w.value), U = Math.min(C, Math.max(0, B.value + h)) / C, Z = Math.max(0, m.scrollHeight - m.clientHeight);
-      m.scrollTop = U * Z, b();
-    }
-    function z() {
-      g.value && (g.value = !1);
-    }
-    function Q() {
-      var m;
-      const l = [(m = t.chartRef) == null ? void 0 : m.$el, O.value];
-      for (const h of l) {
-        if (!(h instanceof HTMLElement))
-          continue;
-        const C = h.closest('[class*="fm-card"]');
-        if (C)
-          return C;
-      }
-      for (const h of l) {
-        if (!(h instanceof HTMLElement))
-          continue;
-        const C = h.closest(".h-full") ?? h.parentElement;
-        if (C)
-          return C;
-      }
-      return null;
-    }
-    function oe() {
-      var h, C, V, U;
-      const l = (C = (h = O.value) == null ? void 0 : h.closest(".chart-layout")) == null ? void 0 : C.parentElement;
-      if (l instanceof HTMLElement)
-        return l;
-      const m = (V = t.chartRef) == null ? void 0 : V.$el;
-      if (m instanceof HTMLElement) {
-        const Z = (U = m.closest(".chart-layout")) == null ? void 0 : U.parentElement;
-        if (Z instanceof HTMLElement)
-          return Z;
-      }
-      return null;
-    }
-    function re() {
-      var h, C, V, U;
-      const l = ((h = O.value) == null ? void 0 : h.closest(".chart-layout")) ?? ((U = (V = (C = t.chartRef) == null ? void 0 : C.$el) == null ? void 0 : V.closest) == null ? void 0 : U.call(V, ".chart-layout")) ?? null;
-      if (!(l instanceof HTMLElement))
-        return null;
-      const m = Number(l.getBoundingClientRect().width);
-      return Number.isFinite(m) && m > 0 ? m : null;
-    }
-    function le() {
-      const l = oe();
-      if (l) {
-        const Z = Number(l.getBoundingClientRect().height);
-        if (Number.isFinite(Z) && Z > 0)
-          return Z;
-      }
-      const m = Q();
-      if (!m)
-        return null;
-      const h = window.getComputedStyle(m), C = parseFloat(h.paddingTop) || 0, V = parseFloat(h.paddingBottom) || 0, U = m.getBoundingClientRect().height - C - V;
-      return Number.isFinite(U) && U > 0 ? U : null;
-    }
-    function be() {
-      const l = oe();
-      if (l) {
-        const Z = Number(l.getBoundingClientRect().width);
-        if (Number.isFinite(Z) && Z > 0)
-          return Z;
-      }
-      const m = Q();
-      if (!m)
-        return null;
-      const h = window.getComputedStyle(m), C = parseFloat(h.paddingLeft) || 0, V = parseFloat(h.paddingRight) || 0, U = m.getBoundingClientRect().width - C - V;
-      return Number.isFinite(U) && U > 0 ? U : null;
-    }
-    function se() {
-      const l = Y(), m = Number(l == null ? void 0 : l.height), h = le();
-      if (f.value)
-        return Number.isFinite(m) && m > 0 ? Math.max(0, Math.floor(m - Qn)) : h != null ? Math.max(0, Math.floor(h - Qn)) : 120;
-      if (h != null) {
-        const C = h * 0.3, V = h - Tr, U = Math.min(C, V);
-        return Math.max(0, Math.floor(U));
-      }
-      return Number.isFinite(m) && m > 0 ? Math.max(0, Math.floor(m * 0.3)) : 120;
-    }
-    function Ce() {
-      var U;
-      if (f.value) {
-        const Z = be();
-        if (Z != null)
-          return Math.max(0, Math.floor(Z * 0.3));
-        const te = Y(), M = Number(te == null ? void 0 : te.width);
-        return Number.isFinite(M) && M > 0 ? Math.max(0, Math.floor(M * 0.3)) : 180;
-      }
-      const l = re();
-      if (l != null)
-        return Math.max(0, Math.floor(l * 0.3));
-      const m = Y(), h = Number(m == null ? void 0 : m.width), C = Number(((U = O.value) == null ? void 0 : U.getBoundingClientRect().width) ?? 0);
-      if (Number.isFinite(h) && h > 0) {
-        const Z = h + (Number.isFinite(C) ? C : 0);
-        return Math.max(0, Math.floor(Z * 0.3));
-      }
-      const V = be();
-      return V != null ? Math.max(0, Math.floor(V * 0.3)) : 180;
-    }
-    function we(l, m) {
-      const h = t.chartColorBinding;
-      if (h) {
-        const U = typeof l.datasetIndex == "number" ? l.datasetIndex : m, Z = Number.isInteger(t.metricCount) && Number(t.metricCount) > 0 ? Number(t.metricCount) : Math.max(1, Number(s.value.length));
-        if (h === xe.breakdown) {
-          const M = kt({
-            fallbackIndex: U,
-            metricCount: Z
-          }), ie = Pe({
-            datasetIndex: U,
-            metricCount: Z,
-            mode: xe.metric
-          });
-          return Dt({
-            breakdownIndex: M,
-            metricIndex: ie,
-            metricCount: Z,
-            breakdownColors: t.chartBreakdownColors,
-            useSecondaryMetricShades: t.chartUseSecondaryMetricShades,
-            customColors: t.chartColors
-          });
-        }
-        if (h === xe.metric) {
-          const M = Pe({
-            datasetIndex: U,
-            metricCount: Z,
-            mode: xe.metric
-          });
-          return Ze({ index: M, customColors: t.chartColors });
-        }
-        const te = typeof l.index == "number" ? l.index : U;
-        return Ze({ index: te, customColors: t.chartColors });
-      }
-      const C = l;
-      return Se(l.fillStyle) || Se(l.strokeStyle) || Se(C.color) || "#9ca3af";
-    }
-    function Se(l) {
-      return typeof l == "string" && l.trim().length > 0 ? l : Array.isArray(l) ? l.map((h) => Se(h)).find((h) => typeof h == "string" && h.trim().length > 0) ?? "" : "";
-    }
-    function Ke(l) {
-      return Array.isArray(t.hiddenDataPointIndexes) ? t.hiddenDataPointIndexes.includes(l) : !1;
-    }
-    function Xe(l) {
-      return Array.isArray(l) ? l : [];
-    }
-    function et(l) {
-      if (l.length <= 1)
-        return l;
-      const m = Number.isInteger(t.metricCount) && Number(t.metricCount) > 0 ? Number(t.metricCount) : 1;
-      return [...l.map((C, V) => {
-        const U = typeof C.datasetIndex == "number" ? C.datasetIndex : V, Z = kt({
-          fallbackIndex: U,
-          metricCount: m
-        });
-        return {
-          item: C,
-          originalIndex: V,
-          breakdownIndex: Z
-        };
-      })].sort((C, V) => C.breakdownIndex !== V.breakdownIndex ? C.breakdownIndex - V.breakdownIndex : C.originalIndex - V.originalIndex).map((C) => C.item);
-    }
-    function Pt(l) {
-      if (l.length <= 1)
-        return l;
-      const m = /* @__PURE__ */ new Map(), h = [];
-      for (const C of l) {
-        const V = typeof C.index == "number", U = C.datasetIndex, Z = typeof U == "number" && !V, te = typeof C.text == "string" ? C.text.trim() : "";
-        if (!Z || !te) {
-          h.push(C);
-          continue;
-        }
-        const M = te.toLowerCase(), ie = m.get(M);
-        if (ie == null) {
-          h.push({
-            ...C,
-            datasetIndexes: [U],
-            datasetKeys: typeof C.datasetKey == "string" && C.datasetKey.trim().length > 0 ? [C.datasetKey] : []
-          }), m.set(M, h.length - 1);
-          continue;
-        }
-        const ge = h[ie];
-        if (!ge)
-          continue;
-        const ye = new Set(
-          Array.isArray(ge.datasetIndexes) ? ge.datasetIndexes : typeof ge.datasetIndex == "number" ? [ge.datasetIndex] : []
-        );
-        ye.add(U);
-        const ae = new Set(
-          Array.isArray(ge.datasetKeys) ? ge.datasetKeys : typeof ge.datasetKey == "string" && ge.datasetKey.trim().length > 0 ? [ge.datasetKey] : []
-        );
-        typeof C.datasetKey == "string" && C.datasetKey.trim().length > 0 && ae.add(C.datasetKey), h[ie] = {
-          ...ge,
-          datasetIndexes: Array.from(ye).sort((he, pe) => he - pe),
-          datasetKeys: Array.from(ae),
-          hidden: ge.hidden === !0 && C.hidden === !0
-        };
-      }
-      return h;
-    }
-    function ht(l) {
-      var M, ie, ge, ye, ae, he;
-      const m = l == null ? void 0 : l.legend;
-      if (typeof (m == null ? void 0 : m.buildLabels) == "function")
-        try {
-          m.buildLabels();
-        } catch {
-        }
-      const h = Xe(m == null ? void 0 : m.legendItems);
-      if (h.length > 0)
-        return h;
-      const C = (ie = (M = l == null ? void 0 : l.options) == null ? void 0 : M.plugins) == null ? void 0 : ie.legend, V = C == null ? void 0 : C.labels, U = V == null ? void 0 : V.generateLabels, Z = (he = (ae = (ye = (ge = vn.defaults) == null ? void 0 : ge.plugins) == null ? void 0 : ye.legend) == null ? void 0 : ae.labels) == null ? void 0 : he.generateLabels;
-      let te = Xe(
-        typeof U == "function" ? U(l) : []
-      );
-      return te.length === 0 && typeof Z == "function" && (te = Xe(Z(l))), typeof (V == null ? void 0 : V.filter) == "function" && (te = te.filter((pe) => V.filter(pe, l.data))), typeof (V == null ? void 0 : V.sort) == "function" && (te = [...te].sort((pe, Me) => V.sort(pe, Me, l.data))), (C == null ? void 0 : C.reverse) === !0 && (te = [...te].reverse()), te;
-    }
-    function mt(l) {
-      var h;
-      return (Array.isArray((h = l == null ? void 0 : l.data) == null ? void 0 : h.datasets) ? l.data.datasets : []).map((C, V) => {
-        const U = Se((C == null ? void 0 : C.borderColor) ?? (C == null ? void 0 : C.backgroundColor)), Z = Ct({
-          datasetIndex: V,
-          label: C == null ? void 0 : C.label
-        });
-        return {
-          text: tt.value(C == null ? void 0 : C.label, C),
-          fillStyle: U,
-          strokeStyle: U,
-          datasetIndex: V,
-          datasetKey: Z,
-          hidden: Array.isArray(t.hiddenDatasetKeys) ? t.hiddenDatasetKeys.includes(Z) : typeof l.isDatasetVisible == "function" ? !l.isDatasetVisible(V) : !1
-        };
-      });
-    }
-    const pt = x(() => `(${r("report.widget.legend.comparison")})`), tt = x(
-      () => (l, m) => {
-        const h = l == null ? "" : String(l).trim();
-        if (h.length === 0) return h;
-        const C = pt.value;
-        return h.endsWith(` ${C}`) || h.endsWith(C) ? h : (m == null ? void 0 : m.dash) === !0 || (m == null ? void 0 : m.isCompare) === !0 ? `${h} ${C}` : h;
-      }
-    );
-    function nt(l, m) {
-      if (!Array.isArray(l) || l.length === 0)
-        return [];
-      const h = l, C = h[0], V = Array.isArray(C == null ? void 0 : C.labels) ? C.labels : [], U = Array.isArray(m == null ? void 0 : m.metrics) ? m.metrics : [], Z = V.length > 0 ? V : U, te = C == null ? void 0 : C.backgroundColor;
-      return h.length === 1 && Array.isArray(te) && te.length > 1 ? te.map((M, ie) => ({
-        text: Z[ie] == null || String(Z[ie]).trim().length === 0 ? `Series ${ie + 1}` : String(Z[ie]),
-        fillStyle: Se(M),
-        strokeStyle: Se(M),
-        datasetIndex: 0,
-        index: ie,
-        hidden: Ke(ie)
-      })) : h.map((M, ie) => ({
-        datasetKey: Ct({
-          datasetIndex: ie,
-          label: M == null ? void 0 : M.label
-        }),
-        text: tt.value(M == null ? void 0 : M.label, M),
-        fillStyle: Se(
-          (M == null ? void 0 : M.color) ?? (M == null ? void 0 : M.borderColor) ?? (M == null ? void 0 : M.backgroundColor) ?? (M == null ? void 0 : M.pointBackgroundColor)
-        ),
-        strokeStyle: Se(
-          (M == null ? void 0 : M.color) ?? (M == null ? void 0 : M.borderColor) ?? (M == null ? void 0 : M.backgroundColor) ?? (M == null ? void 0 : M.pointBorderColor)
-        ),
-        datasetIndex: ie,
-        hidden: Array.isArray(t.hiddenDatasetKeys) ? t.hiddenDatasetKeys.includes(
-          Ct({
-            datasetIndex: ie,
-            label: M == null ? void 0 : M.label
-          })
-        ) : !!(M != null && M.hidden)
-      }));
-    }
-    function gt() {
-      var m;
-      const l = (m = t.chartRef) == null ? void 0 : m.datasets;
-      return Array.isArray(l) ? l : [];
-    }
-    function $e(l, m) {
-      return typeof l.datasetKey == "string" && l.datasetKey.trim().length > 0 ? `dataset-key:${l.datasetKey}` : typeof l.datasetIndex == "number" && typeof l.index == "number" ? `dataset:${l.datasetIndex}-item:${l.index}` : typeof l.datasetIndex == "number" ? `dataset:${l.datasetIndex}` : typeof l.index == "number" ? `item:${l.index}` : typeof l.text == "string" && l.text.trim().length > 0 ? `text:${l.text.trim()}` : `fallback:${m}`;
-    }
-    function ot() {
-      const l = p.value;
-      return l ? Math.ceil(l.getBoundingClientRect().width) : 0;
-    }
-    function Xt() {
-      const l = p.value;
-      return l ? Math.ceil(l.getBoundingClientRect().height) : 0;
-    }
-    function Yt(l, m) {
-      var ye;
-      const h = y.value;
-      if (!h || l.length === 0)
-        return 0;
-      const C = Math.max(0, m - Zn), V = window.getComputedStyle(h);
-      if (V.flexDirection.startsWith("column")) {
-        const ae = Number.parseFloat(V.rowGap || V.gap || "0") || 0, he = Xt();
-        let pe = 0, Me = 0;
-        for (let He = 0; He < l.length; He += 1) {
-          const Ne = l[He];
-          if (!Ne)
-            continue;
-          const je = pe + (Me > 0 ? ae : 0) + Ne.offsetHeight, lt = l.length - (He + 1) > 0 ? ae + he : 0;
-          if (je + lt > C)
-            break;
-          pe = je, Me += 1;
-        }
-        return Me > 0 ? Me : 1;
-      }
-      const Z = ((ye = l[0]) == null ? void 0 : ye.offsetTop) ?? 0, te = l.filter(
-        (ae) => ae.offsetTop - Z + ae.offsetHeight <= C
-      );
-      if (te.length === 0)
-        return 0;
-      if (te.length >= l.length)
-        return te.length;
-      const M = ot();
-      if (M <= 0)
-        return Math.max(1, te.length - 1);
-      const ie = Number.parseFloat(V.columnGap || V.gap || "0") || 0, ge = h.clientWidth;
-      for (let ae = te.length; ae > 0; ae -= 1) {
-        const he = te.slice(0, ae), pe = he[he.length - 1];
-        if (!pe)
-          continue;
-        if (pe.offsetLeft + pe.offsetWidth + ie + M <= ge)
-          return ae;
-      }
-      return 1;
-    }
-    function It() {
-      const l = y.value;
-      if (!l) {
-        v.value = !1, F.value = 0, c.value = 0, H(), b();
-        return;
-      }
-      const m = Array.from(
-        l.querySelectorAll(".chart-legend-item[data-legend-data='true']")
-      );
-      if (m.length === 0) {
-        v.value = !1, F.value = 0, c.value = 0, H(), b();
-        return;
-      }
-      const h = Array.from(new Set(m.map((ae) => ae.offsetTop))).sort((ae, he) => ae - he), C = !d.value && s.value.length > m.length, V = !d.value && !C, U = V || F.value <= 0 ? se() : F.value;
-      if ((V || F.value <= 0) && (F.value = U), C) {
-        const ae = se();
-        if (ae > 0 && (F.value = ae), window.getComputedStyle(l).flexDirection.startsWith("column") && c.value < s.value.length) {
-          const Me = Math.max(0, F.value - Zn), He = l.scrollHeight;
-          if (He + 1 < Me) {
-            const Ne = m.map((Be) => Be.offsetHeight).filter((Be) => Number.isFinite(Be) && Be > 0), je = Ne.length > 0 ? Ne.reduce((Be, lt) => Be + lt, 0) / Ne.length : 0;
-            if (je > 0) {
-              const Be = window.getComputedStyle(l), lt = Number.parseFloat(Be.rowGap || Be.gap || "0") || 0, un = Math.max(1, je + lt), qt = Me - He, Rt = Math.floor(qt / un);
-              if (Rt > 0) {
-                c.value = Math.min(
-                  s.value.length,
-                  c.value + Rt
-                ), Oe();
-                return;
-              }
-            }
-          }
-        }
-        v.value = !0, H(), b();
-        return;
-      }
-      const Z = h[0] ?? 0, te = h[h.length - 1] ?? Z, M = m.filter((ae) => ae.offsetTop === te), ie = Math.max(...M.map((ae) => ae.offsetHeight), 0), ge = Math.max(0, te - Z + ie), ye = Yt(m, U);
-      (V || c.value <= 0) && (c.value = Math.max(0, ye)), v.value = ge > U, H(), b();
-    }
-    function Oe() {
-      ct(() => {
-        It(), window.requestAnimationFrame(() => {
-          It(), _(), b();
-        });
-      });
-    }
-    const Mt = x(() => {
-      const l = {
-        "--legend-text-color": D.value,
-        "--legend-font-size": `${R.value}px`
-      }, m = se();
-      if (f.value) {
-        const h = Ce();
-        return {
-          ...l,
-          width: "fit-content",
-          maxWidth: `${h}px`,
-          maxHeight: `${m}px`,
-          minWidth: "0",
-          flex: "0 1 auto"
-        };
-      }
-      return {
-        ...l,
-        maxHeight: `${m}px`,
-        flex: "0 0 auto"
-      };
-    }), Ye = x(() => {
-      if (d.value || !v.value)
-        return s.value;
-      const l = Math.max(1, c.value), m = f.value ? l : Math.max(0, l - 1);
-      return s.value.slice(0, Math.min(m, s.value.length));
-    }), at = x(() => I.value ? v.value && d.value ? {
-      flex: "1 1 auto",
-      minHeight: "0",
-      overflowY: "auto"
-    } : v.value ? {
-      overflow: "hidden"
-    } : {} : {});
-    function Bt() {
-      var C;
-      if (!I.value) {
-        s.value = [], c.value = 0, d.value = !1, v.value = !1, F.value = 0, G({ height: 0, width: 0 });
-        return;
-      }
-      c.value = 0, v.value = !1, F.value = 0;
-      const l = Y();
-      if (!l) {
-        s.value = et(
-          nt(t.legendUpdateKey, t.chartRef)
-        ), Oe();
-        return;
-      }
-      try {
-        s.value = ht(l);
-      } catch {
-        s.value = [];
-      }
-      const m = Array.isArray((C = l == null ? void 0 : l.data) == null ? void 0 : C.datasets) ? l.data.datasets : [];
-      s.value.length === 0 && (s.value = nt(t.legendUpdateKey, t.chartRef)), s.value.length === 0 && (s.value = mt(l)), s.value = Pt(et(s.value));
-      const h = Array.isArray(t.legendUpdateKey) && t.legendUpdateKey.length > 0 || !Array.isArray(t.legendUpdateKey) && !!t.legendUpdateKey;
-      s.value.length === 0 && !(m.length > 0 || h) && K(0), Oe();
-    }
-    function _e(l) {
-      return Array.isArray(l.datasetIndexes) && l.datasetIndexes.length > 0 ? l.datasetIndexes.filter((m) => Number.isInteger(m)) : typeof l.datasetIndex == "number" ? [l.datasetIndex] : [];
-    }
-    function an(l, m) {
-      return Array.isArray(l.datasetKeys) && l.datasetKeys.length > 0 ? l.datasetKeys.filter((h) => typeof h == "string" && h.trim().length > 0) : typeof l.datasetKey == "string" && l.datasetKey.trim().length > 0 ? [l.datasetKey] : m.map(
-        (h) => Ct({
-          datasetIndex: h,
-          label: l.text
-        })
-      );
-    }
-    function At(l, m) {
-      s.value = s.value.map(
-        (h) => l(h) ? {
-          ...h,
-          hidden: m
-        } : h
-      );
-    }
-    function rn(l, m, h) {
-      var V;
-      typeof l.setDatasetVisibility == "function" ? l.setDatasetVisibility(m, h) : h && typeof l.show == "function" ? l.show(m) : !h && typeof l.hide == "function" && l.hide(m);
-      const C = Array.isArray((V = l == null ? void 0 : l.data) == null ? void 0 : V.datasets) ? l.data.datasets[m] : null;
-      C && typeof C == "object" && (C.hidden = !h);
-    }
-    function ln(l, m) {
-      var Z;
-      if (typeof l.toggleDataVisibility == "function") {
-        l.toggleDataVisibility(m);
-        return;
-      }
-      const h = Array.isArray((Z = l == null ? void 0 : l.data) == null ? void 0 : Z.datasets) ? l.data.datasets[0] : null, C = Array.isArray(h == null ? void 0 : h.data) ? h.data : [];
-      if (m < 0 || m >= C.length)
-        return;
-      const V = typeof l.getDatasetMeta == "function" ? l.getDatasetMeta(0) : null, U = Array.isArray(V == null ? void 0 : V.data) ? V.data[m] : null;
-      U && typeof U.hidden == "boolean" && (U.hidden = !U.hidden);
-    }
-    function rt(l = 0) {
-      Bt();
-      const m = Y(), h = s.value.length > 0;
-      if (m || h || l >= Dr) {
-        j();
-        return;
-      }
-      j(), L = window.setTimeout(() => {
-        rt(l + 1);
-      }, Lr);
-    }
-    function qe(l, m) {
-      var ge;
-      const h = Y(), C = String(((ge = h == null ? void 0 : h.config) == null ? void 0 : ge.type) ?? ""), V = C === "pie" || C === "doughnut" || C === "polarArea", U = typeof l.index == "number" ? l.index : typeof m == "number" ? m : null;
-      if ((V || typeof l.index == "number") && typeof U == "number") {
-        if (Array.isArray(t.hiddenDataPointIndexes)) {
-          o("toggleDataPointVisibility", { itemIndex: U });
-          return;
-        }
-        h && (ln(h, U), h.update());
-        const ye = h && typeof h.getDataVisibility == "function" ? !h.getDataVisibility(U) : l.hidden !== !0;
-        At(
-          (ae) => typeof ae.index == "number" ? ae.index === U : ae.datasetIndex === l.datasetIndex && ae.text === l.text,
-          ye
-        );
-        return;
-      }
-      const te = _e(l), M = an(l, te);
-      if (Array.isArray(t.hiddenDatasetKeys) && te.length > 0) {
-        te.forEach((ye, ae) => {
-          o("toggleDatasetVisibility", {
-            datasetIndex: ye,
-            datasetKey: M[ae] ?? Ct({
-              datasetIndex: ye,
-              label: l.text
-            })
-          });
-        });
-        return;
-      }
-      const ie = gt();
-      if (!h) {
-        if (te.length > 0) {
-          const ye = l.hidden !== !0;
-          te.forEach((ae) => {
-            const he = ie[ae];
-            he && typeof he == "object" && (he.hidden = ye);
-          }), At(
-            (ae) => $e(ae, 0) === $e(l, 0),
-            ye
-          );
-        }
-        return;
-      }
-      if (te.length > 0) {
-        const ae = !te.every(
-          (he) => typeof h.isDatasetVisible == "function" ? h.isDatasetVisible(he) : l.hidden !== !0
-        );
-        te.forEach((he) => {
-          rn(h, he, ae);
-          const pe = ie[he];
-          pe && typeof pe == "object" && (pe.hidden = !ae);
-        }), h.update(), At(
-          (he) => $e(he, 0) === $e(l, 0),
-          !ae
-        );
-      }
-    }
-    function sn() {
-      d.value = !0, Oe();
-    }
-    function Ge() {
-      d.value = !1, y.value && (y.value.scrollTop = 0), Oe();
-    }
-    return dt(() => {
-      rt(), window.addEventListener("mousemove", q), window.addEventListener("mouseup", z);
-    }), De(
-      () => [
-        t.enabled,
-        t.legendUpdateKey,
-        t.hiddenDatasetKeys,
-        t.hiddenDataPointIndexes,
-        i.value
-      ],
-      () => {
-        Bt();
-      }
-    ), oo(() => {
-      g.value = !1, j(), G({ height: 0, width: 0 }), window.removeEventListener("mousemove", q), window.removeEventListener("mouseup", z);
-    }), (l, m) => I.value ? (J(), ue("div", {
-      key: 0,
-      ref_key: "legendPanelRef",
-      ref: O,
-      class: Le(["chart-legend-panel relative z-[2] flex min-w-0 flex-col overflow-hidden pointer-events-auto", {
-        "self-stretch h-full pt-2": f.value,
-        "mb-2": !f.value && l.position === "top",
-        "mt-2": !f.value && l.position === "bottom"
-      }]),
-      style: Te(Mt.value)
-    }, [
-      ee("div", {
-        ref_key: "legendScrollShellRef",
-        ref: W,
-        class: "relative z-[2] flex flex-1 min-h-0 flex-col overflow-hidden"
-      }, [
-        ee("div", {
-          ref_key: "legendToggleMeasureRef",
-          ref: p,
-          class: "absolute invisible pointer-events-none left-0 top-0 z-[2] inline-flex max-w-full select-none"
-        }, [
-          ee("button", wr, Ie(a(r)("report.widget.legend.viewMore")), 1)
-        ], 512),
-        ee("ul", {
-          ref_key: "legendListRef",
-          ref: y,
-          class: Le(["chart-legend-list m-0 flex list-none p-0", [
-            f.value ? "flex-row flex-wrap justify-start gap-x-3 gap-y-2 pt-1" : "flex-wrap justify-center gap-x-2 gap-y-1 pt-1"
-          ]]),
-          style: Te(at.value),
-          onScroll: E
-        }, [
-          (J(!0), ue(ze, null, Vt(Ye.value, (h, C) => (J(), ue("li", {
-            key: $e(h, C),
-            class: Le(["chart-legend-item relative z-[2] inline-flex max-w-full cursor-pointer select-none pointer-events-auto", {
-              "opacity-45": h.hidden
-            }]),
-            "data-legend-data": "true"
-          }, [
-            ee("button", {
-              type: "button",
-              class: Le(["inline-flex max-w-full items-center gap-1.5 border-none bg-transparent p-0", { "justify-start text-left": f.value }]),
-              "aria-pressed": h.hidden === !0 ? "false" : "true",
-              onClick: Zt((V) => qe(h, C), ["stop"])
-            }, [
-              t.usePointStyle !== !1 ? (J(), ue("span", {
-                key: 0,
-                class: "h-5 w-5 shrink-0 rounded-full",
-                style: Te({ backgroundColor: we(h, C) })
-              }, null, 4)) : (J(), ue("span", {
-                key: 1,
-                class: "h-5 w-5 shrink-0 rounded-sm border border-solid border-gray-300",
-                style: Te({
-                  backgroundColor: we(h, C),
-                  borderColor: "#c7c7cc"
-                })
-              }, null, 4)),
-              ee("span", {
-                class: Le(["chart-legend-text leading-[1.4]", {
-                  "max-w-[120px] whitespace-nowrap overflow-hidden text-left": f.value,
-                  "whitespace-nowrap overflow-hidden": !f.value,
-                  "line-through": h.hidden
-                }]),
-                title: h.text ?? ""
-              }, Ie(h.text), 11, _r)
-            ], 10, Sr)
-          ], 2))), 128)),
-          v.value ? (J(), ue("li", kr, [
-            ee("button", {
-              type: "button",
-              class: "inline-flex max-w-full cursor-pointer select-none underline items-center gap-1 rounded px-1 py-0.5 border-none bg-transparent text-fm-color-system-info-300 leading-[1.4] transition-colors hover:bg-black/5",
-              style: { fontSize: "var(--legend-font-size)" },
-              onClick: m[0] || (m[0] = Zt((h) => d.value ? Ge() : sn(), ["stop"]))
-            }, Ie(d.value ? a(r)("report.widget.legend.viewLess") : a(r)("report.widget.legend.viewMore")), 1)
-          ])) : ve("", !0)
-        ], 38),
-        A.value ? (J(), ue("div", {
-          key: 0,
-          class: "absolute top-0 right-0 h-full w-2 rounded-full bg-transparent",
-          onMousedown: N
-        }, [
-          ee("div", {
-            class: "absolute left-0 w-full rounded-full bg-gray-500/60 cursor-pointer hover:bg-gray-500/85",
-            style: Te(u.value),
-            onMousedown: Zt(X, ["stop"])
-          }, null, 36)
-        ], 32)) : ve("", !0)
-      ], 512)
-    ], 6)) : ve("", !0);
-  }
-}), Re = /* @__PURE__ */ co(Pr, [["__scopeId", "data-v-a258ca90"]]);
-function Ir(e, n) {
-  const { t } = ft(), { breakpoints: o } = Ht(), r = P(!1), i = P(null), s = P(null);
-  function c() {
-    return _o(e.value) ?? s.value;
-  }
-  function d(y) {
-    r.value = y, !y && (i.value = null, en(c()), s.value = null);
-  }
-  function v(y, p) {
-    i.value = y, s.value = p ?? c(), r.value = !0;
-  }
-  function F(y) {
-    en(c(), y.focusTarget);
-  }
-  function O() {
-    en(c());
-  }
-  const W = x(() => ({
-    viewFullDetailsLabel: o.value.xs || o.value.sm ? t("report.widget.comparisonTooltip.doubleClickViewBreakdown") : t("report.widget.comparisonTooltip.viewBreakdown"),
-    onViewFullDetails: v,
-    maxTooltipItems: a(n == null ? void 0 : n.maxTooltipItems)
-  }));
-  return {
-    isTooltipDetailsSheetOpen: r,
-    tooltipDetailsPayload: i,
-    tooltipOptions: W,
-    handleTooltipDetailsSheetVisibility: d,
-    handleTooltipDetailsHover: F,
-    handleTooltipDetailsLeave: O
-  };
-}
-function Mr(e) {
-  const n = P([]), t = x(() => new Set(n.value));
-  function o(s, c) {
-    return Ct({
-      datasetIndex: c,
-      label: s == null ? void 0 : s.label
-    });
-  }
-  function r(s, c) {
-    return t.value.has(o(s, c));
-  }
-  function i({ datasetIndex: s, datasetKey: c }) {
-    const d = c ?? o(e.value[s], s);
-    if (t.value.has(d)) {
-      n.value = n.value.filter((v) => v !== d);
-      return;
-    }
-    n.value = [...n.value, d];
-  }
-  return De(
-    e,
-    (s) => {
-      const c = new Set(
-        s.map((v, F) => o(v, F))
-      ), d = n.value.filter((v) => c.has(v));
-      d.length !== n.value.length && (n.value = d);
-    },
-    { immediate: !0 }
-  ), {
-    hiddenDatasetKeys: n,
-    isDatasetHidden: r,
-    toggleDatasetVisibility: i
-  };
-}
-function Kt({ chartRef: e, model: n, baseDatasets: t, tileIndex: o }) {
-  const r = lo(), i = x(() => n.value.maxTooltipItems), {
-    isTooltipDetailsSheetOpen: s,
-    tooltipDetailsPayload: c,
-    tooltipOptions: d,
-    handleTooltipDetailsSheetVisibility: v,
-    handleTooltipDetailsHover: F,
-    handleTooltipDetailsLeave: O
-  } = Ir(e, {
-    maxTooltipItems: i
-  }), { datalabels: W, xCfg: y, yCfg: p, isTransposed: k, legend: w, chartWidth: $, chartHeight: g } = Do(
-    n.value
-  ), S = x(
-    () => Lo(n.value.isTransposed === !0, d.value)
-  ), B = x(() => {
-    const G = w.value.position;
-    return !G || G === "top" || G === "bottom" || G === "left" || G === "right";
-  }), I = x(() => w.value.position ?? "top"), f = x(
-    () => I.value === "left" || I.value === "right"
-  ), L = x(
-    () => I.value === "top" || I.value === "left"
-  ), { hiddenDatasetKeys: A, isDatasetHidden: u, toggleDatasetVisibility: D } = Mr(t), R = x(() => t.value.map((G, j) => ({
-    ...G,
-    hidden: u(G, j)
-  })));
-  function K() {
-    r.extractChartSize(e.value, o);
-  }
-  return dt(() => {
-    ct(() => {
-      K();
-    });
-  }), De([R], () => {
-    ct(() => {
-      K();
-    });
-  }), {
-    isTooltipDetailsSheetOpen: s,
-    tooltipDetailsPayload: c,
-    handleTooltipDetailsSheetVisibility: v,
-    handleTooltipDetailsHover: F,
-    handleTooltipDetailsLeave: O,
-    comparisonTooltip: S,
-    datalabels: W,
-    xCfg: y,
-    yCfg: p,
-    isTransposed: k,
-    legend: w,
-    chartWidth: $,
-    chartHeight: g,
-    useCustomLegend: B,
-    legendPosition: I,
-    isLegendSide: f,
-    isLegendBeforeChart: L,
-    hiddenDatasetKeys: A,
-    toggleDatasetVisibility: D,
-    datasets: R
-  };
-}
-const Br = { class: "widget-content" }, mn = 1, eo = "rgba(0, 0, 0, 0)", Ar = /* @__PURE__ */ Fe({
-  __name: "WidgetBarchart",
-  props: /* @__PURE__ */ Ue({
-    tileIndex: {}
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const n = e, t = We(e, "modelValue"), o = P(null), r = x(() => {
-      var b;
-      return ((b = t.value.data) == null ? void 0 : b.datasets) ?? [];
-    }), i = x(() => {
-      var b;
-      return ((b = t.value.data) == null ? void 0 : b.xAxis) ?? [];
-    }), s = x(() => i.value.length === 1 && r.value.length > 1 && r.value.every((b) => b.values.length === 1 && b.isCompare !== !0)), c = x(() => s.value ? r.value.map((b) => b.name) : i.value), d = x(() => i.value.length === 1 && r.value.some((b) => b.isCompare === !0)), v = Et("bar");
-    function F(b) {
-      return {
-        label: `__comparison_gap__${b}`,
-        data: [0],
-        backgroundColor: eo,
-        borderColor: eo,
-        minBarLength: 0,
-        barPercentage: mn,
-        isSpacer: !0
-      };
-    }
-    const O = x(() => r.value.length > 0 ? [
-      ...r.value.map((b, E) => {
-        const N = Wt({
-          datasets: r.value,
-          datasetIndex: E
-        }), X = Pe({
-          datasetIndex: N,
-          isCompare: !1,
-          metricCount: t.value.metricCount,
-          mode: t.value.chartColorBinding
-        }), q = Pe({
-          datasetIndex: N,
-          isCompare: !1,
-          metricCount: t.value.metricCount,
-          mode: xe.metric
-        });
-        let z = b.values;
-        s.value && (z = r.value.map(
-          (le, be) => be === E ? b.values[0] : NaN
-        ));
-        const Q = t.value.chartColorBinding === xe.breakdown, oe = kt({
-          fallbackIndex: N,
-          metricCount: t.value.metricCount
-        }), re = z.map((le) => le === null ? NaN : Number(le));
-        return {
-          label: b.name,
-          data: re,
-          dash: !!b.isCompare,
-          minBarLength: void 0,
-          barPercentage: d.value ? mn : void 0,
-          backgroundColor: Q ? Dt({
-            breakdownIndex: oe,
-            metricIndex: q,
-            metricCount: t.value.metricCount,
-            isCompare: b.isCompare,
-            breakdownColors: t.value.chartBreakdownColors,
-            useSecondaryMetricShades: t.value.chartUseSecondaryMetricShades,
-            customColors: t.value.chartColors
-          }) : Ze({
-            index: X,
-            isCompare: b.isCompare,
-            customColors: t.value.chartColors
-          })
-        };
-      })
-    ] : []), {
-      isTooltipDetailsSheetOpen: W,
-      tooltipDetailsPayload: y,
-      handleTooltipDetailsSheetVisibility: p,
-      handleTooltipDetailsHover: k,
-      handleTooltipDetailsLeave: w,
-      comparisonTooltip: $,
-      datalabels: g,
-      xCfg: S,
-      yCfg: B,
-      isTransposed: I,
-      legend: f,
-      chartWidth: L,
-      chartHeight: A,
-      useCustomLegend: u,
-      legendPosition: D,
-      isLegendSide: R,
-      isLegendBeforeChart: K,
-      hiddenDatasetKeys: G,
-      toggleDatasetVisibility: j,
-      datasets: Y
-    } = Kt({
-      chartRef: o,
-      model: t,
-      baseDatasets: O,
-      tileIndex: n.tileIndex
-    }), H = x(() => {
-      if (!d.value)
-        return Y.value;
-      const b = [];
-      return Y.value.forEach((E, N) => {
-        b.push({
-          ...E,
-          barPercentage: mn
-        });
-        const X = Y.value[N + 1];
-        E.dash === !0 && X && b.push(F(N));
-      }), b;
-    }), _ = x(() => ({
-      display: !1,
-      labels: {
-        filter: (b, E) => {
-          var N, X;
-          return !((X = (N = E.datasets) == null ? void 0 : N[b.datasetIndex ?? -1]) != null && X.isSpacer);
-        }
-      }
-    }));
-    return (b, E) => {
-      var X, q, z, Q, oe, re;
-      const N = de("FmBarChart");
-      return J(), ue(ze, null, [
-        ee("div", Br, [
-          Qe(b.$slots, "menu"),
-          ee("div", {
-            class: Le(["chart-layout", {
-              "chart-layout--side": a(u) && (a(f).display ?? !1) && a(R)
-            }])
-          }, [
-            a(u) && (a(f).display ?? !1) && a(K) ? (J(), me(Re, {
-              key: 0,
-              "chart-ref": o.value,
-              enabled: a(f).display ?? !1,
-              position: a(D),
-              "text-color": (X = a(f).labels) == null ? void 0 : X.color,
-              "font-size": (z = (q = a(f).labels) == null ? void 0 : q.font) == null ? void 0 : z.size,
-              "legend-update-key": a(Y),
-              "use-point-style": t.value.usePointStyle ?? !0,
-              "chart-color-binding": t.value.chartColorBinding,
-              "chart-colors": t.value.chartColors,
-              "chart-breakdown-colors": t.value.chartBreakdownColors,
-              "chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
-              "metric-count": t.value.metricCount,
-              "hidden-dataset-keys": a(G),
-              onToggleDatasetVisibility: a(j)
-            }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : ve("", !0),
-            ce(N, {
-              ref_key: "chartRef",
-              ref: o,
-              class: "bar-chart",
-              datasets: H.value,
-              "x-axis": { categories: c.value },
-              "x-cfg": a(S),
-              "y-cfg": a(B),
-              transpose: a(I),
-              legend: _.value,
-              tooltip: a($),
-              datalabels: a(g),
-              plugins: [a(v)],
-              "maintain-aspect-ratio": !1,
-              style: Te({
-                "--chart-width": a(u) && (a(f).display ?? !1) && a(R) ? "calc(100% - var(--legend-panel-width, 0px))" : a(L) !== void 0 ? a(L) + "px" : "100%",
-                "--chart-height": a(u) && (a(f).display ?? !1) && !a(R) ? "calc(100% - 36px - var(--legend-panel-height, 0px))" : a(A) !== void 0 ? a(A) + "px" : "100%"
-              })
-            }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "tooltip", "datalabels", "plugins", "style"]),
-            a(u) && (a(f).display ?? !1) && !a(K) ? (J(), me(Re, {
-              key: 1,
-              "chart-ref": o.value,
-              enabled: a(f).display ?? !1,
-              position: a(D),
-              "text-color": (Q = a(f).labels) == null ? void 0 : Q.color,
-              "font-size": (re = (oe = a(f).labels) == null ? void 0 : oe.font) == null ? void 0 : re.size,
-              "legend-update-key": a(Y),
-              "use-point-style": t.value.usePointStyle ?? !0,
-              "chart-color-binding": t.value.chartColorBinding,
-              "chart-colors": t.value.chartColors,
-              "chart-breakdown-colors": t.value.chartBreakdownColors,
-              "chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
-              "metric-count": t.value.metricCount,
-              "hidden-dataset-keys": a(G),
-              onToggleDatasetVisibility: a(j)
-            }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : ve("", !0)
-          ], 2)
-        ]),
-        ce(Ut, {
-          "model-value": a(W),
-          "details-payload": a(y),
-          "onUpdate:modelValue": a(p),
-          onValueHover: a(k),
-          onValueLeave: a(w)
-        }, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
-      ], 64);
-    };
-  }
-}), Rr = { class: "widget-content" }, Fr = /* @__PURE__ */ Fe({
-  __name: "WidgetCircular",
-  props: /* @__PURE__ */ Ue({
-    tileIndex: {}
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const n = e, t = We(e, "modelValue"), { breakpoints: o } = Ht(), r = P(null), i = P([]), { datalabels: s, legend: c, chartWidth: d, chartHeight: v } = Do(t.value), F = x(() => {
-      const u = Array.isArray(t.value.data.datasets) ? t.value.data.datasets.map((D) => D.name) : [];
-      return u.length > 0 ? u : Array.isArray(t.value.data.metrics) ? t.value.data.metrics.map((D) => String(D)) : [];
-    }), O = x(() => {
-      let u = [];
-      return Array.isArray(t.value.data.datasets) && t.value.data.datasets.length > 0 && (u = [
-        {
-          label: F.value[0] ?? (Array.isArray(t.value.data.metrics) && t.value.data.metrics.length > 0 ? String(t.value.data.metrics[0]) : "Series"),
-          labels: F.value,
-          data: t.value.data.datasets.map(
-            (R, K) => i.value.includes(K) ? null : R.value
-          ),
-          backgroundColor: t.value.data.datasets.map(
-            (R, K) => Ze({ index: K, customColors: t.value.chartColors })
-          )
-        }
-      ]), u;
-    }), W = lo();
-    function y() {
-      return W.extractChartSize(r.value, n.tileIndex) || { width: 0, height: 0 };
-    }
-    dt(() => {
-      ct(() => {
-        y();
-      });
-    }), De([O], () => {
-      ct(() => y());
-    }), De(
-      () => t.value.data.datasets,
-      (u) => {
-        const D = new Set(
-          Array.isArray(u) ? u.map((R, K) => K) : []
-        );
-        i.value = i.value.filter(
-          (R) => D.has(R)
-        );
-      },
-      { deep: !0 }
-    );
-    const p = x(() => typeof t.value.legendFontSize == "number" ? t.value.legendFontSize : o.value.lg ? 12 : 8), k = x(() => {
-      const u = c.value.position;
-      return !u || u === "top" || u === "bottom" || u === "left" || u === "right";
-    }), w = x(() => c.value.display !== !1), $ = x(() => k.value && w.value), g = x(() => c.value.position ?? "top"), S = x(
-      () => g.value === "left" || g.value === "right"
-    ), B = x(
-      () => g.value === "top" || g.value === "left"
-    ), I = x(() => {
-      var D;
-      const u = (D = c.value.labels) == null ? void 0 : D.color;
-      return typeof u == "string" && u.trim().length > 0 ? u : t.value.legendColor ?? "#6b6b6b";
-    }), f = x(() => p.value), L = ha();
-    function A({ itemIndex: u }) {
-      if (i.value.includes(u)) {
-        i.value = i.value.filter(
-          (D) => D !== u
-        );
-        return;
-      }
-      i.value = [...i.value, u];
-    }
-    return (u, D) => {
-      const R = de("FmPieChart");
-      return J(), ue("div", Rr, [
-        Qe(u.$slots, "menu"),
-        ee("div", {
-          class: Le(["chart-layout", {
-            "chart-layout--side": $.value && S.value
-          }])
-        }, [
-          $.value && B.value ? (J(), me(Re, {
-            key: 0,
-            "chart-ref": r.value,
-            enabled: w.value,
-            position: g.value,
-            "text-color": I.value,
-            "font-size": f.value,
-            "legend-update-key": O.value,
-            "use-point-style": t.value.usePointStyle ?? !0,
-            "chart-color-binding": t.value.chartColorBinding,
-            "chart-colors": t.value.chartColors,
-            "chart-breakdown-colors": t.value.chartBreakdownColors,
-            "chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
-            "metric-count": t.value.metricCount,
-            "hidden-data-point-indexes": i.value,
-            onToggleDataPointVisibility: A
-          }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-data-point-indexes"])) : ve("", !0),
-          ce(R, {
-            ref_key: "chartRef",
-            ref: r,
-            class: "circular",
-            percentage: "70%",
-            datasets: O.value,
-            metrics: F.value,
-            tooltip: a(L),
-            variant: "doughnut",
-            legend: {
-              display: !1
-            },
-            datalabels: a(s),
-            "maintain-aspect-ratio": !1,
-            style: Te({
-              "--chart-width": $.value && S.value ? "calc(100% - var(--legend-panel-width, 0px))" : a(d) !== void 0 ? a(d) + "px" : "100%",
-              "--chart-height": $.value && !S.value ? "calc(100% - var(--legend-panel-height, 0px))" : a(v) !== void 0 ? a(v) + "px" : "100%"
-            })
-          }, null, 8, ["datasets", "metrics", "tooltip", "datalabels", "style"]),
-          $.value && !B.value ? (J(), me(Re, {
-            key: 1,
-            "chart-ref": r.value,
-            enabled: w.value,
-            position: g.value,
-            "text-color": I.value,
-            "font-size": f.value,
-            "legend-update-key": O.value,
-            "use-point-style": t.value.usePointStyle ?? !0,
-            "chart-color-binding": t.value.chartColorBinding,
-            "chart-colors": t.value.chartColors,
-            "chart-breakdown-colors": t.value.chartBreakdownColors,
-            "chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
-            "metric-count": t.value.metricCount,
-            "hidden-data-point-indexes": i.value,
-            onToggleDataPointVisibility: A
-          }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-data-point-indexes"])) : ve("", !0)
-        ], 2)
-      ]);
-    };
-  }
-});
-function tn(e) {
-  if (e == null || e === "")
-    return "";
-  const n = String(e), t = Number(n);
-  if (isNaN(t)) return n;
-  const [o, r] = n.split("."), i = new Intl.NumberFormat("en-US").format(Number(o));
-  return r !== void 0 ? `${i}.${r}` : i;
-}
-const $r = { class: "flex flex-col gap-1" }, Nr = { class: "fm-typo-en-title-md-600" }, Vr = { class: "flex gap-2" }, zr = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, Hr = { key: 0 }, Wr = { key: 1 }, Or = /* @__PURE__ */ Fe({
-  __name: "WidgetScorecard",
-  props: {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(e) {
-    const n = We(e, "modelValue"), { t } = ft(), { compareDateRange: o, defaultDateSetting: r } = wt(nn()), { country: i } = io(), s = x(() => {
-      var p;
-      return ((p = n.value.data) == null ? void 0 : p.value) || "";
-    }), c = x(() => tn(s.value)), d = x(() => {
-      const { data: p } = n.value;
-      return p != null && p.comparison ? yo(s.value, p.comparison, i) : null;
-    });
-    function v(p) {
-      switch (p) {
-        case yn.bar:
-          return "bar";
-        case yn.line:
-          return "line";
-        default:
-          return "line";
-      }
-    }
-    const F = x(() => {
-      var p;
-      return (p = n.value.data) == null ? void 0 : p.sparkline;
-    }), O = x(() => ({
-      display: !1,
-      beginAtZero: !1,
-      grace: "20%"
-    })), W = x(() => F.value.datasets.map((p) => ({
-      label: p.name,
-      data: p.values,
-      fill: !0,
-      color: "#36a2eb"
-    }))), y = x(() => Lo(!1));
-    return (p, k) => {
-      const w = de("FmIcon"), $ = de("FmChip"), g = de("FmTooltip"), S = de("FmLineChart");
-      return J(), ue("div", $r, [
-        Qe(p.$slots, "menu"),
-        ee("p", Nr, Ie(c.value), 1),
-        ee("div", Vr, [
-          ce(g, {
-            disabled: d.value === null,
-            placement: "right",
-            "hide-arrow": "",
-            variant: "rich"
-          }, {
-            content: ke(() => {
-              var B;
-              return [
-                ee("span", zr, Ie(`vs. ${(B = a(r).defaultCompareType) == null ? void 0 : B.split("_").join(" ")}`), 1)
-              ];
-            }),
-            default: ke(() => [
-              d.value ? (J(), me($, {
-                key: 0,
-                icon: d.value.icon.name,
-                class: Le(`bg-${d.value.icon.tailwind}`),
-                compact: ""
-              }, {
-                default: ke(() => [
-                  ce(w, {
-                    name: d.value.icon.name,
-                    color: d.value.icon.color
-                  }, null, 8, ["name", "color"]),
-                  ee("p", {
-                    class: "fm-typo-en-body-md-600",
-                    style: Te({ color: d.value.icon.color })
-                  }, Ie(d.value.value), 5)
-                ]),
-                _: 1
-              }, 8, ["icon", "class"])) : ve("", !0),
-              a(o).endDate != null && a(o).startDate != null && d.value === null ? (J(), me($, {
-                key: 1,
-                class: "invisible pointer-events-none",
-                "aria-hidden": "true",
-                compact: ""
-              }, {
-                default: ke(() => [
-                  ce(w, {
-                    name: "arrow_upward",
-                    color: "#C7C7CC"
-                  }),
-                  k[0] || (k[0] = ee("p", { class: "fm-typo-en-body-md-600" }, " ", -1))
-                ]),
-                _: 1
-              })) : ve("", !0)
-            ]),
-            _: 1
-          }, 8, ["disabled"])
-        ]),
-        F.value ? (J(), ue("div", Hr, [
-          v(F.value.type) === "line" ? (J(), me(S, {
-            key: 0,
-            class: "sparkline",
-            datasets: W.value,
-            legend: {
-              display: !1
-            },
-            datalabels: { display: !1 },
-            "x-axis": { categories: F.value.dimensions },
-            "y-cfg": O.value,
-            "x-cfg": { display: !1 },
-            tooltip: y.value,
-            "maintain-aspect-ratio": !1
-          }, null, 8, ["datasets", "x-axis", "y-cfg", "tooltip"])) : ve("", !0)
-        ])) : (J(), ue("div", Wr, k[1] || (k[1] = [
-          ee("div", { class: "sparkline" }, [
-            ee("div", { class: "flex flex-col gap-8" }, [
-              ee("div"),
-              ee("div")
-            ]),
-            ee("div", { class: "grow" })
-          ], -1)
-        ])))
-      ]);
-    };
-  }
-}), Er = {};
-function Ur(e, n) {
-  const t = de("FmMenuDivider");
-  return J(), me(t);
-}
-const Kr = /* @__PURE__ */ co(Er, [["render", Ur]]), Xr = "mf-reporttable-dimension", to = Jo(Xr, () => {
-  const e = P(0), n = P([]), t = P(!1), o = (g, S) => {
-    e.value = g, i(g, S);
-  }, r = (g, S, B, I) => {
-    n[g] = S, n.value = [...n.value], s(g, S, B, I);
-  }, i = (g, S) => {
-    const B = (S == null ? void 0 : S.querySelectorAll("thead tr")) ?? [], I = (S == null ? void 0 : S.querySelectorAll("tbody tr")) ?? [];
-    [...B, ...I].forEach((L) => {
-      const A = L;
-      A && (A.style.height = `${g}px`);
-    });
-  }, s = (g, S, B, I = !1) => {
-    const f = (B == null ? void 0 : B.querySelectorAll("th")) ?? [];
-    if (g === void 0) return;
-    const L = f[g], A = I ? n[g] : S;
-    if (!L || A === void 0) return;
-    const u = () => {
-      L.style.width = `${A}px`;
-    };
-    I ? requestAnimationFrame(u) : u();
-  }, c = () => {
-    const g = document.querySelectorAll("th"), S = document.querySelectorAll("td"), B = document.querySelector("table");
-    B == null || B.classList.add("table-fixed"), g.forEach((I) => I.classList.add("toggleEditResize")), S.forEach((I) => I.classList.add("toggleEditResize")), t.value = !0;
-  }, d = () => {
-    const g = document.querySelectorAll("th"), S = document.querySelectorAll("td"), B = document.querySelectorAll(".col-resize-handle"), I = document.querySelectorAll(".row-resize-handle");
-    g.forEach((f) => f.classList.remove("toggleEditResize")), S.forEach((f) => f.classList.remove("toggleEditResize")), B.forEach((f) => f.remove()), I.forEach((f) => f.remove()), t.value = !1;
-  }, v = () => {
-    e.value = 0, n.value = [];
-  }, F = (g, S) => {
-    if (S) {
-      const B = document.querySelectorAll(`thead th:nth-child(${g + 1})`), I = document.querySelectorAll(`tbody td:nth-child(${g + 1})`);
-      [...B, ...I].forEach((f) => {
-        f.classList.add("highlight-hover-col");
-      });
-    } else
-      document.querySelectorAll(
-        `thead th:nth-child(${g + 1}), tbody td:nth-child(${g + 1})`
-      ).forEach((B) => B.classList.add("highlight-col"));
-  }, O = (g) => {
-    const S = document.querySelectorAll("thead tr"), B = document.querySelectorAll("tbody tr"), I = [...S, ...B];
-    for (const f of I)
-      g ? f.classList.add("highlight-hover-row") : f.classList.add("highlight-row");
-  }, W = (g) => {
-    const S = g ? ".highlight-hover-row" : ".highlight-row", B = document.querySelectorAll(S);
-    for (const I of B)
-      I.classList.remove(S.slice(1));
-  }, y = (g) => {
-    g ? document.querySelectorAll(".highlight-hover-col").forEach((S) => {
-      S.classList.remove("highlight-hover-col");
-    }) : document.querySelectorAll(".highlight-col").forEach((S) => S.classList.remove("highlight-col"));
-  }, p = (g, S) => {
-    const B = g.clientX, I = g.target.closest("table");
-    if (!I) return;
-    const f = I.querySelectorAll("th")[S];
-    if (!f) return;
-    const L = f.getBoundingClientRect().width || 60, A = f.querySelector("button"), u = (A == null ? void 0 : A.querySelector("span")) || f.querySelector("p") || f;
-    let D = 60;
-    if (u) {
-      const H = u.textContent || "", _ = window.getComputedStyle(u), b = `${_.fontWeight} ${_.fontSize} ${_.fontFamily}`, N = document.createElement("canvas").getContext("2d");
-      if (N) {
-        N.font = b;
-        const X = N.measureText(H), q = window.getComputedStyle(f), z = parseFloat(q.paddingLeft || "0"), Q = parseFloat(q.paddingRight || "0");
-        D = X.width + z + Q;
-      }
-    }
-    F(S, !1);
-    let R = null, K = null;
-    const G = () => {
-      if (K === null) return;
-      const H = f;
-      H.style.width = `${K}px`;
-      let _ = 0;
-      I.querySelectorAll("th").forEach((E, N) => {
-        _ += N === S ? K : E.getBoundingClientRect().width;
-      }), I.classList.remove("w-full"), I.style.width = `${_}px`, R = null;
-    }, j = (H) => {
-      const _ = H.clientX - B;
-      K = Math.max(D, L + _), R === null && (R = requestAnimationFrame(G));
-    }, Y = () => {
-      R !== null && cancelAnimationFrame(R), K !== null && (f.style.width = `${K}px`);
-      const H = I.querySelectorAll("th"), _ = [];
-      H.forEach((b) => {
-        _.push(b.getBoundingClientRect().width);
-      }), n.value = _, y(!1), document.removeEventListener("mousemove", j), document.removeEventListener("mouseup", Y);
-    };
-    document.addEventListener("mousemove", j), document.addEventListener("mouseup", Y);
-  }, k = (g) => {
-    const S = g.clientY, B = g.target.closest("table"), I = e.value || 48;
-    O(!1);
-    const f = (A) => {
-      const u = Math.max(30, I + (A.clientY - S));
-      B && o(u, B);
-    }, L = () => {
-      W(!1), document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", L);
-    };
-    document.addEventListener("mousemove", f), document.addEventListener("mouseup", L);
-  };
-  return {
-    rowHeight: e,
-    colWidths: n,
-    isEditing: t,
-    updateRowHeight: o,
-    updateColWidth: r,
-    setRowHeights: i,
-    setColWidths: s,
-    enableEditMode: c,
-    disableEditMode: d,
-    resetStore: v,
-    highlightCol: F,
-    highlightRows: O,
-    removeRowHighlight: W,
-    removeColHighlight: y,
-    resizeCol: p,
-    resizeRow: k,
-    enableCellResizing: () => {
-      const g = document.querySelector("thead"), S = document.querySelectorAll("thead tr"), B = document.querySelectorAll("tbody tr"), I = [...S, ...B];
-      g && g.classList.remove("sticky");
-      const f = (L, A) => {
-        const u = document.createElement("div");
-        return u.className = `${L}-resize-handle`, L === "col" ? (u.addEventListener("mouseenter", () => F(A, !0)), u.addEventListener("mouseleave", () => y(!0)), u.addEventListener("mousedown", (D) => {
-          D.stopPropagation(), p(D, A);
-        })) : (u.addEventListener("mouseenter", () => O(!0)), u.addEventListener("mouseleave", () => W(!0)), u.addEventListener("mousedown", (D) => {
-          D.stopPropagation(), k(D);
-        })), u;
-      };
-      I.forEach((L) => {
-        const A = L.closest("thead") !== null;
-        L.querySelectorAll(A ? "th" : "td").forEach((D, R) => {
-          const K = f("col", R), G = f("row", R);
-          D.appendChild(K), D.appendChild(G);
-        });
-      }), c();
-    },
-    cancelResizingChanges: () => {
-      d();
-    }
-  };
-}), Yr = "/assets/processTableData.worker-BTFUd91t.js", qr = { class: "my-4" }, Gr = {
-  class: "border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm",
-  style: { backgroundColor: "#f9f9f9" }
-}, jr = { class: "font-bold" }, Jr = { class: "text-fm-color-neutral-gray-300" }, Zr = /* @__PURE__ */ Fe({
-  __name: "WidgetTable",
-  props: /* @__PURE__ */ Ue({
-    tileIndex: {}
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const { t: n, te: t } = ft(), o = We(e, "modelValue"), { country: r } = io(), { clearTileSorts: i, setTileSorts: s } = Xo(), c = Ln(), d = e, v = P([]), { isEditing: F, colWidths: O, rowHeight: W } = wt(to()), { setColWidths: y, setRowHeights: p, enableCellResizing: k } = to(), w = P(null), $ = x(() => {
-      var _;
-      return ((_ = o.value.data) == null ? void 0 : _.columns) || [{ label: "", key: "" }];
-    }), g = x(() => {
-      var _;
-      return ((_ = o.value.data) == null ? void 0 : _.rows) || [];
-    }), S = x(() => o.value.filterText), B = x(() => {
-      var b;
-      const _ = (b = o.value.grandTotalLabel) == null ? void 0 : b.trim();
-      return _ && _.length > 0 ? _ : it(n, t, "Grand total", "other");
-    }), I = x(() => {
-      var _, b;
-      if (!(S.value && S.value.trim().length > 0 || !((_ = g.value[0]) != null && _.isRollup) && !((b = g.value[g.value.length - 1]) != null && b.isRollup))) {
-        if (o.value.rollupPosition === Je.top || o.value.rollupPosition === void 0)
-          return Je.top;
-        if (o.value.rollupPosition === Je.bottom)
-          return Je.bottom;
-      }
-    }), f = x(() => {
-      const N = I.value !== void 0 ? 1 : 0, X = (w.value ? w.value.$el.offsetHeight : 0) - 48;
-      return Math.floor((X - 34.5 - 32) / 48) - N;
-    }), L = x(() => {
-      var b, E;
-      let _ = [];
-      switch (I.value) {
-        case Je.top:
-          _ = [...((b = g.value[0]) == null ? void 0 : b.cells) || []].map((N, X) => {
-            var q;
-            return {
-              main: N,
-              comparison: (q = g.value[0]) == null ? void 0 : q.comparisonCells[X],
-              rowType: $.value[X].type
-            };
-          });
-          break;
-        case Je.bottom:
-          _ = [...((E = g.value[g.value.length - 1]) == null ? void 0 : E.cells) || []].map((N, X) => {
-            var q;
-            return {
-              main: N,
-              comparison: (q = g.value[g.value.length - 1]) == null ? void 0 : q.comparisonCells[X],
-              rowType: $.value[X].type
-            };
-          });
-          break;
-      }
-      return _.length > 0 && _[0].main === "" && (_[0].main = B.value), _;
-    });
-    function A(_) {
-      let b = (_ == null ? void 0 : _.main) || "";
-      return !_ || _.main === "" || !_.comparison ? {
-        main: b
-      } : (b.includes("#") && !b.startsWith("#") && (b = b.split("#")[0]), {
-        main: b,
-        comparison: _ == null ? void 0 : _.comparison,
-        difference: yo(_.main, _.comparison, r)
-      });
-    }
-    dt(() => {
-      i();
-    });
-    const u = P([]);
-    let D = 0, R;
-    function K() {
-      var X;
-      if (!((X = o.value) != null && X.data)) {
-        u.value = [];
-        return;
-      }
-      const _ = ++D, b = (o.value.data.rows || []).map((q) => ({
-        isRollup: q.isRollup,
-        cells: Array.isArray(q.cells) ? [...q.cells] : [],
-        comparisonCells: Array.isArray(q.comparisonCells) ? [...q.comparisonCells] : []
-      })), E = (o.value.data.columns || []).map((q) => ({
-        key: q.key,
-        type: q.type,
-        label: q.label
-      })), N = {
-        rows: b,
-        columns: E,
-        filter: S.value ?? "",
-        globalSorts: Wo(v.value).map((q) => ({
-          key: q.key,
-          type: q.type
-        })),
-        grandTotalPosition: I.value,
-        pageSize: f.value
-      };
-      Yo(Yr, N).then((q) => {
-        _ === D && (q != null && q.error ? (c.open({ message: "Failed to process table data. Please retry.", type: "error" }), console.log(q.error), u.value = []) : u.value = Oo(q.data || []));
-      });
-    }
-    De(
-      () => v.value,
-      (_) => {
-        d.tileIndex === void 0 || d.tileIndex === null || s(d.tileIndex, _);
-      },
-      { immediate: !0, deep: !0 }
-    );
-    const G = x(() => {
-      var E, N;
-      const _ = ((E = o.value.data) == null ? void 0 : E.rows) || [], b = ((N = o.value.data) == null ? void 0 : N.columns) || [];
-      return JSON.stringify({
-        rowsLength: _.length,
-        columns: b.map((X) => ({ key: X.key, type: X.type, label: X.label })),
-        filter: S.value ?? "",
-        globalSorts: v.value.map((X) => ({ key: X.key, type: X.type })),
-        grandTotalPosition: I.value,
-        pageSize: f.value
-      });
-    });
-    De(
-      () => G.value,
-      () => {
-        clearTimeout(R), R = setTimeout(K, 200);
-      },
-      { immediate: !0 }
-    );
-    function j(_) {
-      const b = v.value.find((E) => E.key === _);
-      if (!b) {
-        v.value.push({ key: _, type: Ft.Asc });
-        return;
-      }
-      b.type === Ft.Asc ? b.type = Ft.Desc : b.type === Ft.Desc && (v.value = v.value.filter((E) => E.key !== _));
-    }
-    const Y = x(
-      () => {
-        var _;
-        return (((_ = o.value.colWidths) == null ? void 0 : _.length) ?? 0) > 0 || O.value.length > 0;
-      }
-    ), H = x(() => {
-      var _;
-      return (_ = o.value.data) != null && _.columns ? o.value.data.columns.map((b) => {
-        const E = it(n, t, b.label, "other"), N = v.value.find((z) => z.key === b.key), X = !!N, q = X ? N.type === Ft.Asc ? "arrow_upward" : "arrow_downward" : "unfold_more";
-        return {
-          accessorKey: b.key,
-          header: () => {
-            const z = de("FmIcon");
-            return Gt(
-              "button",
-              {
-                type: "button",
-                class: `w-full flex items-center gap-1 group/select-header select-none ${b.type === "NUMERIC" ? "justify-end" : "justify-start"} ${X ? "text-fm-color-typo-primary" : "text-fm-color-neutral-gray-400"}`,
-                onClick: () => j(b.key)
-              },
-              [
-                Gt(
-                  "span",
-                  { class: `${b.type === "NUMERIC" ? "text-right" : ""} whitespace-nowrap` },
-                  E
-                ),
-                Gt(z, {
-                  name: q,
-                  color: X ? "primary" : "neutral-gray-400",
-                  size: "sm",
-                  class: "transition-transform",
-                  style: q === "arrow_upward" ? "transform: translateY(-1px);" : ""
-                })
-              ]
-            );
-          },
-          cell: (z) => {
-            var re, le;
-            const Q = A(z.getValue()), oe = (le = (re = z == null ? void 0 : z.row) == null ? void 0 : re.original) == null ? void 0 : le.isRollup;
-            return Gt(
-              "div",
-              {
-                class: [
-                  oe ? "fm-typo-en-body-md-600 text-fm-color-typo-primary" : "fm-typo-en-body-md-400",
-                  b.type === "NUMERIC" ? "text-right" : "",
-                  Y.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
-                ].join(" ")
-              },
-              [b.type === "NUMERIC" ? tn(Q.main) : Q.main]
-            );
-          },
-          enableSorting: !1
-        };
-      }) : [];
-    });
-    return De(
-      () => O.value.length > 0,
-      async (_) => {
-        _ && F.value && (await ct(), k());
-      }
-    ), De(
-      [() => H.value],
-      async () => {
-        var X;
-        await ct();
-        const _ = (X = w.value) == null ? void 0 : X.$el;
-        if (!_) return;
-        const b = _.querySelector("table");
-        if (!b) return;
-        b.classList.add(Y.value ? "table-fixed" : "table-auto");
-        let E, N;
-        F.value ? (k(), E = O.value, N = W.value) : (N = o.value.rowHeight, E = o.value.colWidths), typeof N == "number" && p(N, _), E == null || E.forEach((q, z) => {
-          y(z, q, _);
-        });
-      },
-      { immediate: !0 }
-    ), (_, b) => {
-      const E = de("FmTable");
-      return J(), ue(ze, null, [
-        ee("div", qr, [
-          Qe(_.$slots, "menu")
-        ]),
-        ce(E, {
-          ref_key: "table",
-          ref: w,
-          "column-defs": H.value,
-          "row-data": u.value,
-          "search-value": S.value,
-          "page-size": f.value,
-          "shrink-at": !1,
-          "force-mobile-footer": !0,
-          class: "scrollbar-hide-table",
-          "pin-header-row": !0,
-          "auto-reset-page-index": !0
-        }, Ho({ _: 2 }, [
-          I.value ? {
-            name: "pin-top",
-            fn: ke(() => [
-              (J(), me(ao(I.value === a(Je).bottom ? "tfoot" : "tbody"), null, {
-                default: ke(() => [
-                  ee("tr", Gr, [
-                    (J(!0), ue(ze, null, Vt(L.value, (N, X) => (J(), ue("td", {
-                      key: `${a(Nt)()}_${X}`,
-                      class: "h-[48px] text-fm-color-typo-primary px-16"
-                    }, [
-                      ee("span", {
-                        class: Le([
-                          "items-center text-fm-color-typo-secondary gap-2",
-                          N.rowType === "NUMERIC" ? "text-right" : "",
-                          Y.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
-                        ])
-                      }, [
-                        ee("p", jr, Ie(N.rowType === "NUMERIC" ? a(tn)(N.main) : N.main), 1),
-                        ee("p", Jr, Ie(N.comparison ? N.rowType === "NUMERIC" ? `(${a(tn)(N.comparison)})` : `(${N.comparison})` : ""), 1)
-                      ], 2)
-                    ]))), 128))
-                  ])
-                ]),
-                _: 1
-              }))
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["column-defs", "row-data", "search-value", "page-size"])
-      ], 64);
-    };
-  }
-}), Qr = { class: "widget-content" }, el = /* @__PURE__ */ Fe({
-  __name: "WidgetStackBarChart",
-  props: /* @__PURE__ */ Ue({
-    tileIndex: {}
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const n = e, t = We(e, "modelValue"), o = P(null), r = x(() => {
-      var b;
-      return ((b = t.value.data) == null ? void 0 : b.xAxis) || [];
-    }), i = x(() => {
-      var _;
-      return ((_ = t.value.data) == null ? void 0 : _.datasets) ?? [];
-    }), s = Et("bar"), c = x(() => t.value.stackBarOverlap === !0), d = x(() => c.value === !1), v = x(() => ({
-      ...B.value,
-      stacked: d.value
-    })), F = x(() => ({
-      ...I.value,
-      stacked: d.value
-    }));
-    function O({
-      datasetIndex: _,
-      colorIndex: b,
-      breakdownIndex: E
-    }) {
-      var z;
-      const N = t.value.chartColorBinding === xe.metric ? b : t.value.chartColorBinding === xe.breakdown ? E : _, X = (z = t.value.chartColorLayers) == null ? void 0 : z[N], q = Number(X);
-      return Number.isInteger(q) && q > 0 ? q : N + 1;
-    }
-    const W = x(() => {
-      if (i.value.length > 0) {
-        const _ = i.value.map((b, E) => {
-          const N = Wt({
-            datasets: i.value,
-            datasetIndex: E
-          }), X = Pe({
-            datasetIndex: N,
-            isCompare: !1,
-            metricCount: t.value.metricCount,
-            mode: t.value.chartColorBinding
-          }), q = Pe({
-            datasetIndex: N,
-            isCompare: !1,
-            metricCount: t.value.metricCount,
-            mode: xe.metric
-          }), z = kt({
-            fallbackIndex: N,
-            metricCount: t.value.metricCount
-          }), Q = O({
-            datasetIndex: N,
-            colorIndex: X,
-            breakdownIndex: z
-          }), re = b.values.map((le) => le === null ? NaN : Number(le));
-          return {
-            dataset: {
-              label: b.name,
-              data: re,
-              dash: !!b.isCompare,
-              minBarLength: void 0,
-              grouped: c.value ? !1 : void 0,
-              order: c.value ? Q : void 0,
-              backgroundColor: t.value.chartColorBinding === xe.breakdown ? Dt({
-                breakdownIndex: z,
-                metricIndex: q,
-                metricCount: t.value.metricCount,
-                isCompare: b.isCompare,
-                breakdownColors: t.value.chartBreakdownColors,
-                useSecondaryMetricShades: t.value.chartUseSecondaryMetricShades,
-                customColors: t.value.chartColors
-              }) : Ze({
-                index: X,
-                isCompare: b.isCompare,
-                customColors: t.value.chartColors
-              })
-            }
-          };
-        });
-        return c.value ? _.map((b) => b.dataset) : _.map((b) => b.dataset);
-      } else
-        return [];
-    }), {
-      isTooltipDetailsSheetOpen: y,
-      tooltipDetailsPayload: p,
-      handleTooltipDetailsSheetVisibility: k,
-      handleTooltipDetailsHover: w,
-      handleTooltipDetailsLeave: $,
-      comparisonTooltip: g,
-      datalabels: S,
-      xCfg: B,
-      yCfg: I,
-      isTransposed: f,
-      legend: L,
-      chartWidth: A,
-      chartHeight: u,
-      useCustomLegend: D,
-      legendPosition: R,
-      isLegendSide: K,
-      isLegendBeforeChart: G,
-      hiddenDatasetKeys: j,
-      toggleDatasetVisibility: Y,
-      datasets: H
-    } = Kt({
-      chartRef: o,
-      model: t,
-      baseDatasets: W,
-      tileIndex: n.tileIndex
-    });
-    return (_, b) => {
-      var N, X, q, z, Q, oe;
-      const E = de("FmBarChart");
-      return J(), ue(ze, null, [
-        ee("div", Qr, [
-          Qe(_.$slots, "menu"),
-          ee("div", {
-            class: Le(["chart-layout", {
-              "chart-layout--side": a(D) && (a(L).display ?? !1) && a(K)
-            }])
-          }, [
-            a(D) && (a(L).display ?? !1) && a(G) ? (J(), me(Re, {
-              key: 0,
-              "chart-ref": o.value,
-              enabled: a(L).display ?? !1,
-              position: a(R),
-              "text-color": (N = a(L).labels) == null ? void 0 : N.color,
-              "font-size": (q = (X = a(L).labels) == null ? void 0 : X.font) == null ? void 0 : q.size,
-              "legend-update-key": a(H),
-              "use-point-style": t.value.usePointStyle ?? !0,
-              "chart-color-binding": t.value.chartColorBinding,
-              "chart-colors": t.value.chartColors,
-              "chart-breakdown-colors": t.value.chartBreakdownColors,
-              "chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
-              "metric-count": t.value.metricCount,
-              "hidden-dataset-keys": a(j),
-              onToggleDatasetVisibility: a(Y)
-            }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : ve("", !0),
-            ce(E, {
-              ref_key: "chartRef",
-              ref: o,
-              class: "bar-chart",
-              datasets: a(H),
-              "x-axis": { categories: r.value },
-              "x-cfg": v.value,
-              "y-cfg": F.value,
-              transpose: a(f),
-              stacked: d.value,
-              legend: {
-                display: !1
-              },
-              tooltip: a(g),
-              plugins: [a(s)],
-              datalabels: a(S),
-              "maintain-aspect-ratio": !1,
-              style: Te({
-                "--chart-width": a(D) && (a(L).display ?? !1) && a(K) ? "calc(100% - var(--legend-panel-width, 0px))" : a(A) !== void 0 ? a(A) + "px" : "100%",
-                "--chart-height": a(D) && (a(L).display ?? !1) && !a(K) ? "calc(100% - var(--legend-panel-height, 0px))" : a(u) !== void 0 ? a(u) + "px" : "100%"
-              })
-            }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "stacked", "tooltip", "plugins", "datalabels", "style"]),
-            a(D) && (a(L).display ?? !1) && !a(G) ? (J(), me(Re, {
-              key: 1,
-              "chart-ref": o.value,
-              enabled: a(L).display ?? !1,
-              position: a(R),
-              "text-color": (z = a(L).labels) == null ? void 0 : z.color,
-              "font-size": (oe = (Q = a(L).labels) == null ? void 0 : Q.font) == null ? void 0 : oe.size,
-              "legend-update-key": a(H),
-              "use-point-style": t.value.usePointStyle ?? !0,
-              "chart-color-binding": t.value.chartColorBinding,
-              "chart-colors": t.value.chartColors,
-              "chart-breakdown-colors": t.value.chartBreakdownColors,
-              "chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
-              "metric-count": t.value.metricCount,
-              "hidden-dataset-keys": a(j),
-              onToggleDatasetVisibility: a(Y)
-            }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : ve("", !0)
-          ], 2)
-        ]),
-        ce(Ut, {
-          "model-value": a(y),
-          "details-payload": a(p),
-          "onUpdate:modelValue": a(k),
-          onValueHover: a(w),
-          onValueLeave: a($)
-        }, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
-      ], 64);
-    };
-  }
-}), tl = { class: "widget-content" }, pn = 1, no = "rgba(0, 0, 0, 0)", nl = /* @__PURE__ */ Fe({
-  __name: "WidgetClusteredStackBarchart",
-  props: /* @__PURE__ */ Ue({
-    tileIndex: {}
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const n = e, t = We(e, "modelValue"), o = P(null), r = x(() => {
-      var z;
-      return ((z = t.value.data) == null ? void 0 : z.xAxis) || [];
-    }), i = x(() => {
-      var z;
-      return ((z = t.value.data) == null ? void 0 : z.datasets) ?? [];
-    }), s = Et("bar"), c = x(() => t.value.stackBarOverlap === !0), d = x(() => c.value === !1), v = x(() => r.value.length === 1 && i.value.some((z) => z.isCompare === !0)), F = x(() => ({
-      ...A.value,
-      stacked: d.value
-    })), O = x(() => ({
-      ...u.value,
-      stacked: d.value
-    }));
-    function W(z) {
-      const Q = " - ", oe = z.lastIndexOf(Q);
-      return oe < 0 ? {
-        clusterKey: z,
-        metricLabel: z
-      } : {
-        clusterKey: z.slice(0, oe),
-        metricLabel: z.slice(oe + Q.length)
-      };
-    }
-    function y(z, Q) {
-      if (typeof z == "string") {
-        const oe = z.trim();
-        if (oe.length > 0)
-          return oe;
-      }
-      return `Series ${Q + 1}`;
-    }
-    function p({
-      datasetIndex: z,
-      colorIndex: Q
-    }) {
-      var be;
-      const oe = t.value.chartColorBinding === xe.metric ? Q : z, re = (be = t.value.chartColorLayers) == null ? void 0 : be[oe], le = Number(re);
-      return Number.isInteger(le) && le > 0 ? le : oe + 1;
-    }
-    function k(z) {
-      return {
-        label: `__comparison_gap__${z}`,
-        tooltipLabel: `__comparison_gap__${z}`,
-        data: [0],
-        grouped: !0,
-        stack: `__comparison_gap__${z}`,
-        backgroundColor: no,
-        borderColor: no,
-        minBarLength: 0,
-        barPercentage: pn,
-        isSpacer: !0
-      };
-    }
-    const w = x(() => {
-      if (i.value.length === 0)
-        return [];
-      const z = i.value.map((se, Ce) => ({
-        source: se,
-        index: Ce,
-        name: y(se == null ? void 0 : se.name, Ce),
-        values: (se == null ? void 0 : se.values) ?? []
-      })), Q = /* @__PURE__ */ new Map(), oe = /* @__PURE__ */ new Map();
-      for (const se of z) {
-        const { clusterKey: Ce, metricLabel: we } = W(se.name);
-        oe.has(Ce) || oe.set(Ce, oe.size), Q.has(we) || Q.set(we, Q.size);
-      }
-      const re = Math.max(Q.size, 1), le = t.value.chartColorBinding === xe.breakdown, be = t.value.chartUseSecondaryMetricShades !== !1;
-      return z.map((se) => {
-        var $e;
-        const Ce = Wt({
-          datasets: i.value,
-          datasetIndex: se.index
-        }), we = ho({
-          datasets: i.value,
-          datasetIndex: se.index
-        }), Se = Pe({
-          datasetIndex: Ce,
-          isCompare: !1,
-          metricCount: t.value.metricCount,
-          mode: t.value.chartColorBinding
-        }), { clusterKey: Ke, metricLabel: Xe } = W(se.name), et = (($e = z[we]) == null ? void 0 : $e.name) ?? se.name, { clusterKey: Pt, metricLabel: ht } = W(et), mt = Pe({
-          datasetIndex: Ce,
-          isCompare: !1,
-          metricCount: re,
-          mode: xe.breakdown
-        }), pt = Q.get(ht) ?? 0, tt = le ? Dt({
-          breakdownIndex: mt,
-          metricIndex: pt,
-          metricCount: re,
-          isCompare: se.source.isCompare,
-          breakdownColors: t.value.chartBreakdownColors,
-          useSecondaryMetricShades: be,
-          colorMode: "clustered"
-        }) : Ze({
-          index: Se,
-          isCompare: se.source.isCompare,
-          customColors: t.value.chartColors
-        }), nt = p({
-          datasetIndex: Ce,
-          colorIndex: Se
-        }), gt = se.values.map((ot) => ot === null ? NaN : Number(ot));
-        return {
-          label: se.name,
-          tooltipLabel: `${Ke} - ${Xe}`,
-          data: gt,
-          dash: !!se.source.isCompare,
-          minBarLength: void 0,
-          barPercentage: v.value ? pn : void 0,
-          grouped: !0,
-          order: c.value ? nt : void 0,
-          stack: se.source.isCompare ? `${Ke}__compare` : `${Ke}__main`,
-          backgroundColor: tt
-        };
-      });
-    }), {
-      isTooltipDetailsSheetOpen: $,
-      tooltipDetailsPayload: g,
-      handleTooltipDetailsSheetVisibility: S,
-      handleTooltipDetailsHover: B,
-      handleTooltipDetailsLeave: I,
-      comparisonTooltip: f,
-      datalabels: L,
-      xCfg: A,
-      yCfg: u,
-      isTransposed: D,
-      legend: R,
-      chartWidth: K,
-      chartHeight: G,
-      useCustomLegend: j,
-      legendPosition: Y,
-      isLegendSide: H,
-      isLegendBeforeChart: _,
-      hiddenDatasetKeys: b,
-      toggleDatasetVisibility: E,
-      datasets: N
-    } = Kt({
-      chartRef: o,
-      model: t,
-      baseDatasets: w,
-      tileIndex: n.tileIndex
-    }), X = x(() => {
-      if (!v.value)
-        return N.value;
-      const z = [];
-      return N.value.forEach((Q, oe) => {
-        z.push({
-          ...Q,
-          barPercentage: pn
-        });
-        const re = N.value[oe + 1];
-        Q.dash === !0 && re && z.push(k(oe));
-      }), z;
-    }), q = x(() => ({
-      display: !1,
-      labels: {
-        filter: (z, Q) => {
-          var oe, re;
-          return !((re = (oe = Q.datasets) == null ? void 0 : oe[z.datasetIndex ?? -1]) != null && re.isSpacer);
-        }
-      }
-    }));
-    return (z, Q) => {
-      var re, le, be, se, Ce, we;
-      const oe = de("FmBarChart");
-      return J(), ue(ze, null, [
-        ee("div", tl, [
-          Qe(z.$slots, "menu"),
-          ee("div", {
-            class: Le(["chart-layout", {
-              "chart-layout--side": a(j) && (a(R).display ?? !1) && a(H)
-            }])
-          }, [
-            a(j) && (a(R).display ?? !1) && a(_) ? (J(), me(Re, {
-              key: 0,
-              "chart-ref": o.value,
-              enabled: a(R).display ?? !1,
-              position: a(Y),
-              "text-color": (re = a(R).labels) == null ? void 0 : re.color,
-              "font-size": (be = (le = a(R).labels) == null ? void 0 : le.font) == null ? void 0 : be.size,
-              "legend-update-key": a(N),
-              "use-point-style": t.value.usePointStyle ?? !0,
-              "chart-color-binding": t.value.chartColorBinding,
-              "chart-colors": t.value.chartColors,
-              "chart-breakdown-colors": t.value.chartBreakdownColors,
-              "chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
-              "metric-count": t.value.metricCount,
-              "hidden-dataset-keys": a(b),
-              onToggleDatasetVisibility: a(E)
-            }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : ve("", !0),
-            ce(oe, {
-              ref_key: "chartRef",
-              ref: o,
-              class: "bar-chart",
-              datasets: X.value,
-              "x-axis": { categories: r.value },
-              "x-cfg": F.value,
-              "y-cfg": O.value,
-              transpose: a(D),
-              stacked: d.value,
-              legend: q.value,
-              tooltip: a(f),
-              plugins: [a(s)],
-              datalabels: a(L),
-              "maintain-aspect-ratio": !1,
-              style: Te({
-                "--chart-width": a(j) && (a(R).display ?? !1) && a(H) ? "calc(100% - var(--legend-panel-width, 0px))" : a(K) !== void 0 ? a(K) + "px" : "100%",
-                "--chart-height": a(j) && (a(R).display ?? !1) && !a(H) ? "calc(100% - var(--legend-panel-height, 0px))" : a(G) !== void 0 ? a(G) + "px" : "100%"
-              })
-            }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "stacked", "legend", "tooltip", "plugins", "datalabels", "style"]),
-            a(j) && (a(R).display ?? !1) && !a(_) ? (J(), me(Re, {
-              key: 1,
-              "chart-ref": o.value,
-              enabled: a(R).display ?? !1,
-              position: a(Y),
-              "text-color": (se = a(R).labels) == null ? void 0 : se.color,
-              "font-size": (we = (Ce = a(R).labels) == null ? void 0 : Ce.font) == null ? void 0 : we.size,
-              "legend-update-key": a(N),
-              "use-point-style": t.value.usePointStyle ?? !0,
-              "chart-color-binding": t.value.chartColorBinding,
-              "chart-colors": t.value.chartColors,
-              "chart-breakdown-colors": t.value.chartBreakdownColors,
-              "chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
-              "metric-count": t.value.metricCount,
-              "hidden-dataset-keys": a(b),
-              onToggleDatasetVisibility: a(E)
-            }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : ve("", !0)
-          ], 2)
-        ]),
-        ce(Ut, {
-          "model-value": a($),
-          "details-payload": a(g),
-          "onUpdate:modelValue": a(S),
-          onValueHover: a(B),
-          onValueLeave: a(I)
-        }, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
-      ], 64);
-    };
-  }
-});
-function ol(e) {
-  const n = Reflect.get(e, "lineStyle"), t = Reflect.get(e, "dash") === !0;
-  return na(n, t);
-}
-function Po(e = "report-line-style-plugin") {
-  return {
-    id: e,
-    beforeDatasetsUpdate(n) {
-      var o;
-      (((o = n == null ? void 0 : n.data) == null ? void 0 : o.datasets) ?? []).forEach((r) => {
-        const i = r;
-        Reflect.set(i, "borderDash", ol(i));
-      });
-    }
-  };
-}
-const al = { class: "widget-content" }, rl = /* @__PURE__ */ Fe({
-  __name: "WidgetStackLineChart",
-  props: /* @__PURE__ */ Ue({
-    tileIndex: {}
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const n = e, t = We(e, "modelValue"), o = P(null), r = x(() => {
-      var Y;
-      return ((Y = t.value.data) == null ? void 0 : Y.xAxis) ?? [];
-    }), i = x(
-      () => r.value.length === 1 && c.value.length > 0 && c.value.every((Y) => Y.values.length === 1)
-    ), s = x(() => i.value ? ["", r.value[0], ""] : r.value), c = x(() => {
-      var Y;
-      return ((Y = t.value.data) == null ? void 0 : Y.datasets) ?? [];
-    }), d = Et("line"), v = Po("report-line-style-plugin-stack-line"), F = x(() => c.value.length > 0 ? [
-      ...c.value.map((Y, H) => {
-        var le;
-        const _ = Wt({
-          datasets: c.value,
-          datasetIndex: H
-        });
-        let b = Y.values;
-        i.value && (b = [NaN, b[0], NaN]);
-        const E = b.map((be) => be === null ? NaN : Number(be)), N = Pe({
-          datasetIndex: _,
-          isCompare: !1,
-          metricCount: t.value.metricCount,
-          mode: t.value.chartColorBinding
-        }), X = Pe({
-          datasetIndex: _,
-          isCompare: !1,
-          metricCount: t.value.metricCount,
-          mode: xe.metric
-        }), q = Pe({
-          datasetIndex: H,
-          isCompare: Y.isCompare,
-          metricCount: t.value.metricCount,
-          mode: t.value.lineStyleBinding
-        }), z = (le = t.value.lineStyles) == null ? void 0 : le[q], Q = t.value.chartColorBinding === xe.breakdown, oe = kt({
-          fallbackIndex: _,
-          metricCount: t.value.metricCount
-        }), re = Q ? Dt({
-          breakdownIndex: oe,
-          metricIndex: X,
-          metricCount: t.value.metricCount,
-          isCompare: Y.isCompare,
-          breakdownColors: t.value.chartBreakdownColors,
-          useSecondaryMetricShades: t.value.chartUseSecondaryMetricShades,
-          customColors: t.value.chartColors
-        }) : Ze({
-          index: N,
-          isCompare: Y.isCompare,
-          customColors: t.value.chartColors
-        });
-        return {
-          label: Y.name,
-          data: E,
-          dash: Y.isCompare,
-          lineStyle: z,
-          fill: !0,
-          color: re,
-          pointRadius: i.value ? 4 : void 0,
-          pointHoverRadius: i.value ? 6 : void 0,
-          pointBackgroundColor: i.value ? re : void 0,
-          pointBorderColor: i.value ? re : void 0,
-          pointBorderWidth: i.value ? 2 : void 0
-        };
-      })
-    ] : []), {
-      isTooltipDetailsSheetOpen: O,
-      tooltipDetailsPayload: W,
-      handleTooltipDetailsSheetVisibility: y,
-      handleTooltipDetailsHover: p,
-      handleTooltipDetailsLeave: k,
-      comparisonTooltip: w,
-      datalabels: $,
-      xCfg: g,
-      yCfg: S,
-      isTransposed: B,
-      legend: I,
-      chartWidth: f,
-      chartHeight: L,
-      useCustomLegend: A,
-      legendPosition: u,
-      isLegendSide: D,
-      isLegendBeforeChart: R,
-      hiddenDatasetKeys: K,
-      toggleDatasetVisibility: G,
-      datasets: j
-    } = Kt({
-      chartRef: o,
-      model: t,
-      baseDatasets: F,
-      tileIndex: n.tileIndex
-    });
-    return (Y, H) => {
-      var b, E, N, X, q, z;
-      const _ = de("FmLineChart");
-      return J(), ue(ze, null, [
-        ee("div", al, [
-          Qe(Y.$slots, "menu"),
-          ee("div", {
-            class: Le(["chart-layout", {
-              "chart-layout--side": a(A) && (a(I).display ?? !1) && a(D)
-            }])
-          }, [
-            a(A) && (a(I).display ?? !1) && a(R) ? (J(), me(Re, {
-              key: 0,
-              "chart-ref": o.value,
-              enabled: a(I).display ?? !1,
-              position: a(u),
-              "text-color": (b = a(I).labels) == null ? void 0 : b.color,
-              "font-size": (N = (E = a(I).labels) == null ? void 0 : E.font) == null ? void 0 : N.size,
-              "legend-update-key": a(j),
-              "use-point-style": t.value.usePointStyle ?? !0,
-              "chart-color-binding": t.value.chartColorBinding,
-              "chart-colors": t.value.chartColors,
-              "chart-breakdown-colors": t.value.chartBreakdownColors,
-              "chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
-              "metric-count": t.value.metricCount,
-              "hidden-dataset-keys": a(K),
-              onToggleDatasetVisibility: a(G)
-            }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : ve("", !0),
-            ce(_, {
-              ref_key: "chartRef",
-              ref: o,
-              class: "line-chart",
-              datasets: a(j),
-              "x-axis": { categories: s.value },
-              "x-cfg": a(g),
-              "y-cfg": a(S),
-              transpose: a(B),
-              legend: {
-                display: !1
-              },
-              tooltip: a(w),
-              plugins: [a(d), a(v)],
-              stacked: !0,
-              datalabels: a($),
-              "maintain-aspect-ratio": !1,
-              style: Te({
-                "--chart-width": a(A) && (a(I).display ?? !1) && a(D) ? "calc(100% - var(--legend-panel-width, 0px))" : a(f) !== void 0 ? a(f) + "px" : "100%",
-                "--chart-height": a(A) && (a(I).display ?? !1) && !a(D) ? "calc(100% - var(--legend-panel-height, 0px))" : a(L) !== void 0 ? a(L) + "px" : "100%"
-              })
-            }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "tooltip", "plugins", "datalabels", "style"]),
-            a(A) && (a(I).display ?? !1) && !a(R) ? (J(), me(Re, {
-              key: 1,
-              "chart-ref": o.value,
-              enabled: a(I).display ?? !1,
-              position: a(u),
-              "text-color": (X = a(I).labels) == null ? void 0 : X.color,
-              "font-size": (z = (q = a(I).labels) == null ? void 0 : q.font) == null ? void 0 : z.size,
-              "legend-update-key": a(j),
-              "use-point-style": t.value.usePointStyle ?? !0,
-              "chart-color-binding": t.value.chartColorBinding,
-              "chart-colors": t.value.chartColors,
-              "chart-breakdown-colors": t.value.chartBreakdownColors,
-              "chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
-              "metric-count": t.value.metricCount,
-              "hidden-dataset-keys": a(K),
-              onToggleDatasetVisibility: a(G)
-            }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "use-point-style", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "onToggleDatasetVisibility"])) : ve("", !0)
-          ], 2)
-        ]),
-        ce(Ut, {
-          "model-value": a(O),
-          "details-payload": a(W),
-          "onUpdate:modelValue": a(y),
-          onValueHover: a(p),
-          onValueLeave: a(k)
-        }, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
-      ], 64);
-    };
-  }
-}), Lt = [
-  "col-span-1",
-  "col-span-2",
-  "col-span-3",
-  "col-span-4",
-  "col-span-5",
-  "col-span-6",
-  "col-span-7",
-  "col-span-8",
-  "col-span-9",
-  "col-span-10",
-  "col-span-11",
-  "col-span-12"
-];
-function ll(e) {
-  return e < 12 ? Lt[e - 1] : Lt[11];
-}
-function sl(e) {
-  return e < 12 ? Lt[Math.min(11, e * 2 - 1)] : Lt[11];
-}
-function il(e) {
-  return e < 12 ? Lt[Math.min(11, e * 3 - 1)] : Lt[11];
-}
-const ul = { class: "widget-content" }, cl = /* @__PURE__ */ Fe({
-  __name: "WidgetLinechart",
-  props: /* @__PURE__ */ Ue({
-    tileIndex: {}
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const n = e, t = We(e, "modelValue"), o = P(null), r = x(() => {
-      var H;
-      return ((H = t.value.data) == null ? void 0 : H.datasets) ?? [];
-    }), i = x(() => {
-      var H;
-      return ((H = t.value.data) == null ? void 0 : H.xAxis) ?? [];
-    }), s = x(() => i.value.length === 1 && r.value.length > 1 && r.value.every((H) => H.values.length === 1 && H.isCompare !== !0)), c = x(
-      () => i.value.length === 1 && r.value.length > 0 && r.value.every((H) => H.values.length === 1)
-    ), d = x(() => s.value ? r.value.map((H) => H.name) : c.value ? ["", i.value[0], ""] : i.value), v = Et("line"), F = Po("report-line-style-plugin-line"), O = x(() => r.value.length > 0 ? [
-      ...r.value.map((H, _) => {
-        var Ce;
-        const b = Wt({
-          datasets: r.value,
-          datasetIndex: _
-        }), E = Pe({
-          datasetIndex: b,
-          isCompare: !1,
-          metricCount: t.value.metricCount,
-          mode: t.value.chartColorBinding
-        }), N = Pe({
-          datasetIndex: b,
-          isCompare: !1,
-          metricCount: t.value.metricCount,
-          mode: xe.metric
-        }), X = Ze({
-          index: E,
-          isCompare: H.isCompare,
-          customColors: t.value.chartColors
-        }), q = t.value.chartColorBinding === xe.breakdown, z = kt({
-          fallbackIndex: b,
-          metricCount: t.value.metricCount
-        }), Q = q ? Dt({
-          breakdownIndex: z,
-          metricIndex: N,
-          metricCount: t.value.metricCount,
-          isCompare: H.isCompare,
-          breakdownColors: t.value.chartBreakdownColors,
-          useSecondaryMetricShades: t.value.chartUseSecondaryMetricShades,
-          customColors: t.value.chartColors
-        }) : X;
-        let oe = H.values;
-        s.value ? oe = r.value.map(
-          (we, Se) => Se === _ ? H.values[0] : NaN
-        ) : c.value && (oe = [NaN, oe[0], NaN]);
-        const re = oe.map((we) => we === null ? NaN : Number(we)), le = c.value || s.value, be = Pe({
-          datasetIndex: _,
-          isCompare: H.isCompare,
-          metricCount: t.value.metricCount,
-          mode: t.value.lineStyleBinding
-        }), se = (Ce = t.value.lineStyles) == null ? void 0 : Ce[be];
-        return {
-          label: H.name,
-          data: re,
-          dash: !!H.isCompare,
-          lineStyle: se,
-          fill: !1,
-          color: Q,
-          pointRadius: le ? 4 : void 0,
-          pointHoverRadius: le ? 6 : void 0,
-          pointBackgroundColor: le ? Q : void 0,
-          pointBorderColor: le ? Q : void 0,
-          pointBorderWidth: le ? 2 : void 0
-        };
-      })
-    ] : []), {
-      isTooltipDetailsSheetOpen: W,
-      tooltipDetailsPayload: y,
-      handleTooltipDetailsSheetVisibility: p,
-      handleTooltipDetailsHover: k,
-      handleTooltipDetailsLeave: w,
-      comparisonTooltip: $,
-      datalabels: g,
-      xCfg: S,
-      yCfg: B,
-      isTransposed: I,
-      legend: f,
-      chartWidth: L,
-      chartHeight: A,
-      useCustomLegend: u,
-      legendPosition: D,
-      isLegendSide: R,
-      isLegendBeforeChart: K,
-      hiddenDatasetKeys: G,
-      toggleDatasetVisibility: j,
-      datasets: Y
-    } = Kt({
-      chartRef: o,
-      model: t,
-      baseDatasets: O,
-      tileIndex: n.tileIndex
-    });
-    return (H, _) => {
-      var E, N, X, q, z, Q;
-      const b = de("FmLineChart");
-      return J(), ue(ze, null, [
-        ee("div", ul, [
-          Qe(H.$slots, "menu"),
-          ee("div", {
-            class: Le(["chart-layout", {
-              "chart-layout--side": a(u) && (a(f).display ?? !1) && a(R)
-            }])
-          }, [
-            a(u) && (a(f).display ?? !1) && a(K) ? (J(), me(Re, {
-              key: 0,
-              "chart-ref": o.value,
-              enabled: a(f).display ?? !1,
-              position: a(D),
-              "text-color": (E = a(f).labels) == null ? void 0 : E.color,
-              "font-size": (X = (N = a(f).labels) == null ? void 0 : N.font) == null ? void 0 : X.size,
-              "legend-update-key": a(Y),
-              "chart-color-binding": t.value.chartColorBinding,
-              "chart-colors": t.value.chartColors,
-              "chart-breakdown-colors": t.value.chartBreakdownColors,
-              "chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
-              "metric-count": t.value.metricCount,
-              "hidden-dataset-keys": a(G),
-              "use-point-style": t.value.usePointStyle ?? !0,
-              onToggleDatasetVisibility: a(j)
-            }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "use-point-style", "onToggleDatasetVisibility"])) : ve("", !0),
-            ce(b, {
-              ref_key: "chartRef",
-              ref: o,
-              class: "line-chart",
-              datasets: a(Y),
-              "x-axis": { categories: d.value },
-              "x-cfg": a(S),
-              "y-cfg": a(B),
-              transpose: a(I),
-              legend: {
-                display: !1
-              },
-              tooltip: a($),
-              datalabels: a(g),
-              plugins: [a(v), a(F)],
-              "maintain-aspect-ratio": !1,
-              style: Te({
-                "--chart-width": a(u) && (a(f).display ?? !1) && a(R) ? "calc(100% - var(--legend-panel-width, 0px))" : a(L) !== void 0 ? a(L) + "px" : "100%",
-                "--chart-height": a(u) && (a(f).display ?? !1) && !a(R) ? "calc(100% - var(--legend-panel-height, 0px))" : a(A) !== void 0 ? a(A) + "px" : "100%"
-              })
-            }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "tooltip", "datalabels", "plugins", "style"]),
-            a(u) && (a(f).display ?? !1) && !a(K) ? (J(), me(Re, {
-              key: 1,
-              "chart-ref": o.value,
-              enabled: a(f).display ?? !1,
-              position: a(D),
-              "text-color": (q = a(f).labels) == null ? void 0 : q.color,
-              "font-size": (Q = (z = a(f).labels) == null ? void 0 : z.font) == null ? void 0 : Q.size,
-              "legend-update-key": a(Y),
-              "chart-color-binding": t.value.chartColorBinding,
-              "chart-colors": t.value.chartColors,
-              "chart-breakdown-colors": t.value.chartBreakdownColors,
-              "chart-use-secondary-metric-shades": t.value.chartUseSecondaryMetricShades,
-              "metric-count": t.value.metricCount,
-              "hidden-dataset-keys": a(G),
-              "use-point-style": t.value.usePointStyle ?? !0,
-              onToggleDatasetVisibility: a(j)
-            }, null, 8, ["chart-ref", "enabled", "position", "text-color", "font-size", "legend-update-key", "chart-color-binding", "chart-colors", "chart-breakdown-colors", "chart-use-secondary-metric-shades", "metric-count", "hidden-dataset-keys", "use-point-style", "onToggleDatasetVisibility"])) : ve("", !0)
-          ], 2)
-        ]),
-        ce(Ut, {
-          "model-value": a(W),
-          "details-payload": a(y),
-          "onUpdate:modelValue": a(p),
-          onValueHover: a(k),
-          onValueLeave: a(w)
-        }, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
-      ], 64);
-    };
-  }
-}), dl = { class: "flex flex-col gap-16" }, fl = { class: "flex flex-row" }, hl = /* @__PURE__ */ Fe({
-  __name: "PdfOrientationDialog",
-  props: /* @__PURE__ */ Ue({
-    reportType: {},
-    index: {}
-  }, {
-    modelValue: { type: Boolean, required: !0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const { t: n } = ft(), { FmForm: t } = Zo, o = e, r = P(), i = We(e, "modelValue"), s = P(!0), c = P(!1), d = Ln(), { selectedLocationIds: v, dateRange: F, timeRange: O } = wt(nn()), W = P(dn.PORTRAIT);
-    function y() {
-      var k;
-      (k = r.value) == null || k.validateInputs();
-    }
-    async function p() {
-      c.value = !0;
-      try {
-        o.index != null && await so({
-          reportType: o.reportType,
-          index: o.index,
-          orientationTypes: [W.value],
-          isCombinedLocationLayout: s.value,
-          timeRange: O.value,
-          dateRange: F.value,
-          locationIds: v.value
-        });
-      } catch (k) {
-        d.open({ message: k.message, type: "error" });
-      } finally {
-        c.value = !1;
-      }
-    }
-    return (k, w) => {
-      const $ = de("FmRadio"), g = de("FmRadioGroup"), S = de("FmButton"), B = de("FmDialog");
-      return J(), me(B, {
-        modelValue: i.value,
-        "onUpdate:modelValue": w[2] || (w[2] = (I) => i.value = I),
-        overlay: !0,
-        "z-index": 10
-      }, {
-        "dialog-header": ke(() => w[3] || (w[3] = [
-          Eo("Select Orientation")
-        ])),
-        default: ke(() => [
-          ce(a(t), {
-            ref_key: "form",
-            ref: r,
-            onValidationSuccess: p
-          }, {
-            default: ke(() => [
-              ee("div", dl, [
-                ce(g, {
-                  modelValue: W.value,
-                  "onUpdate:modelValue": w[0] || (w[0] = (I) => W.value = I)
-                }, {
-                  default: ke(() => [
-                    ce($, {
-                      value: a(dn).PORTRAIT,
-                      label: a(n)("report.common.portrait")
-                    }, null, 8, ["value", "label"]),
-                    ce($, {
-                      value: a(dn).LANDSCAPE,
-                      label: a(n)("report.common.landscape")
-                    }, null, 8, ["value", "label"])
-                  ]),
-                  _: 1
-                }, 8, ["modelValue"])
-              ]),
-              ee("div", fl, [
-                w[4] || (w[4] = ee("div", { class: "grow" }, null, -1)),
-                ce(S, {
-                  label: a(n)("report.common.cancel"),
-                  variant: "tertiary",
-                  onClick: w[1] || (w[1] = (I) => i.value = !1)
-                }, null, 8, ["label"]),
-                ee("div", null, [
-                  ce(S, {
-                    label: a(n)("report.common.download"),
-                    loading: c.value,
-                    onClick: y
-                  }, null, 8, ["label", "loading"])
-                ])
-              ])
-            ]),
-            _: 1
-          }, 512)
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-});
-function ml(e) {
-  const { breakpoints: n } = Ht(), { containerRef: t, isTable: o = P(!0) } = e;
-  let r = P(1), i = null, s = null, c = null, d = null, v = null, F = null;
-  function O() {
-    return t.value ? t.value.querySelector("table") : null;
-  }
-  function W() {
-    var A;
-    const f = [];
-    t.value && t.value.querySelectorAll("div,section,main,article,aside").forEach((u) => {
-      if (u.scrollWidth > u.clientWidth) {
-        const D = window.getComputedStyle(u);
-        (D.overflowX === "auto" || D.overflowX === "scroll") && f.push(u);
-      }
-    });
-    let L = (A = t.value) == null ? void 0 : A.parentElement;
-    for (; L; ) {
-      if (L.scrollWidth > L.clientWidth) {
-        const u = window.getComputedStyle(L);
-        (u.overflowX === "auto" || u.overflowX === "scroll") && f.push(L);
-      }
-      L = L.parentElement;
-    }
-    return f;
-  }
-  function y() {
-    if (B(), !o.value || !t.value || (s = O(), !s) || (c = s.querySelector("thead"), !c)) return;
-    i = document.createElement("div"), i.className = "sticky-header-clone", i.style.cssText = `
-      position: fixed;
-      top: ${r.value}px;
-      left: 0;
-      right: 0;
-      z-index: 9;
-      overflow: hidden;
-      pointer-events: none;
-      visibility: hidden;
-    `;
-    const f = document.createElement("table");
-    f.className = s.className, f.style.cssText = `
-      table-layout: fixed;
-      width: ${s.offsetWidth}px;
-      margin: 0;
-      border-collapse: collapse;
-      pointer-events: auto;
-    `;
-    const L = c.cloneNode(!0);
-    L.style.cssText = "pointer-events: auto;", p(c, L), f.appendChild(L), i.appendChild(f), document.body.appendChild(i), $(), g(), S(), w();
-  }
-  function p(f, L) {
-    const A = f.querySelectorAll("th, td"), u = L.querySelectorAll("th, td");
-    A.forEach((D, R) => {
-      const K = u[R];
-      if (!K) return;
-      const G = D, j = window.getComputedStyle(G);
-      Object.assign(K.style, {
-        width: `${G.offsetWidth}px`,
-        minWidth: `${G.offsetWidth}px`,
-        maxWidth: `${G.offsetWidth}px`,
-        height: `${G.offsetHeight}px`,
-        padding: j.padding,
-        backgroundColor: j.backgroundColor,
-        borderBottom: j.borderBottom,
-        fontSize: j.fontSize,
-        fontWeight: j.fontWeight,
-        textAlign: j.textAlign,
-        verticalAlign: j.verticalAlign,
-        boxSizing: "border-box",
-        cursor: j.cursor || "pointer",
-        pointerEvents: "auto"
-      }), K.onclick = (Y) => {
-        Y.preventDefault(), Y.stopPropagation();
-        const H = G.querySelector(
-          "button, a, [role='button']"
-        );
-        H ? H.click() : G.click();
-      };
-    });
-  }
-  function k() {
-    const f = n.value.xs || n.value.sm, L = document.querySelector('[data-editor-header="true"]'), A = document.querySelector('[data-menu-tab="true"]');
-    if (f && !L)
-      return 1;
-    if (L)
-      return L.getBoundingClientRect().bottom;
-    if (A) {
-      let u = A;
-      for (; u; ) {
-        if (window.getComputedStyle(u).position === "sticky")
-          return u.getBoundingClientRect().bottom;
-        u = u.parentElement;
-      }
-      return A.getBoundingClientRect().bottom;
-    }
-    return r.value;
-  }
-  function w() {
-    if (!i || !s || !c || !t.value) return;
-    const f = t.value.getBoundingClientRect(), L = s.getBoundingClientRect(), A = c.getBoundingClientRect(), u = k();
-    if (!(L.top <= u && L.bottom >= u + A.height)) {
-      i.style.visibility = "hidden";
-      return;
-    }
-    i.style.visibility = "visible", i.style.top = `${u}px`;
-    const R = window.getComputedStyle(t.value), K = parseFloat(R.paddingLeft) || 0, G = parseFloat(R.paddingRight) || 0, j = f.left + K, Y = f.right - G, H = Math.max(j, f.left), _ = Math.min(Y, f.right), b = Math.max(0, _ - H);
-    if (b <= 0) {
-      i.style.visibility = "hidden";
-      return;
-    }
-    i.style.left = `${H}px`, i.style.width = `${b}px`;
-    const E = i.querySelector("table");
-    E && (E.style.width = `${s.offsetWidth}px`, E.style.marginLeft = `${A.left - H}px`);
-  }
-  function $() {
-    var L;
-    v = () => requestAnimationFrame(w), window.addEventListener("scroll", v, { passive: !0 }), W().forEach((A) => {
-      v && A.addEventListener("scroll", v, { passive: !0 });
-    });
-    let f = (L = t.value) == null ? void 0 : L.parentElement;
-    for (; f; )
-      f !== document.body && (f.scrollHeight > f.clientHeight || f.scrollWidth > f.clientWidth) && f.addEventListener("scroll", v, { passive: !0 }), f = f.parentElement;
-  }
-  function g() {
-    d = new ResizeObserver(() => {
-      if (c && i) {
-        const f = i.querySelector("thead");
-        f && p(c, f);
-        const L = i.querySelector("table");
-        L && s && (L.style.width = `${s.offsetWidth}px`);
-      }
-      w();
-    }), t.value && d.observe(t.value), s && d.observe(s);
-  }
-  function S() {
-    if (!c) return;
-    const f = gn(() => y(), 100), L = () => {
-      if (c && i) {
-        const A = i.querySelector("thead");
-        A && p(c, A), w();
-      }
-    };
-    F = new MutationObserver((A) => {
-      A.some((D) => D.type === "childList" ? D.addedNodes.length > 0 || D.removedNodes.length > 0 : !1) ? f() : L();
-    }), F.observe(c, {
-      childList: !0,
-      subtree: !0,
-      attributes: !0,
-      characterData: !0
-    });
-  }
-  function B() {
-    var f;
-    if (i && (i.remove(), i = null), v) {
-      window.removeEventListener("scroll", v), W().forEach((A) => {
-        v && A.removeEventListener("scroll", v);
-      });
-      let L = (f = t.value) == null ? void 0 : f.parentElement;
-      for (; L; )
-        L.removeEventListener("scroll", v), L = L.parentElement;
-      v = null;
-    }
-    d && (d.disconnect(), d = null), F && (F.disconnect(), F = null), s = null, c = null;
-  }
-  function I() {
-    y();
-  }
-  return De(o, (f) => {
-    f ? y() : B();
-  }), De(r, () => {
-    i && (i.style.top = `${r.value}px`, w());
-  }), De(t, () => {
-    t.value && o.value && setTimeout(y, 100);
-  }), dt(() => {
-    o.value && setTimeout(y, 100);
-  }), ro(() => {
-    B();
-  }), { refresh: I, cleanup: B };
-}
-const pl = {
-  key: 1,
-  class: "grow"
-}, gl = {
-  key: 2,
-  class: "flex"
-}, Pl = /* @__PURE__ */ Fe({
-  __name: "DynamicWidget",
-  props: /* @__PURE__ */ Ue({
-    index: {
-      type: Number,
-      default: 0
-    },
-    hideExport: {
-      type: Boolean,
-      default: !1
-    },
-    customScreenWidth: {
-      type: Number,
-      required: !1,
-      default: void 0
-    },
-    isStyleEditing: {
-      type: Boolean,
-      default: !1
-    }
-  }, {
-    modelValue: { required: !0, default: () => {
-    } },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const n = P(!0), t = We(e, "modelValue"), o = t.value.widget.config, { t: r, te: i, locale: s } = ft(), c = e, d = P(null), v = x(() => t.value.widget.type === ne.Table), F = x(() => {
-      var T;
-      return (T = d.value) == null ? void 0 : T.$el;
-    }), { refresh: O } = ml({
-      containerRef: F,
-      isTable: v
-    }), W = P(o.rollup), y = P(Nt()), p = P(o.drillDimension), k = x(() => {
-      if (pe.value.length > 0) {
-        const T = pe.value.findIndex(
-          (fe) => fe.value === p.value
-        );
-        return T >= 0 ? T : 0;
-      } else
-        return -1;
-    }), w = x(() => k.value !== 0), $ = x(
-      () => k.value != pe.value.length - 1
-    ), g = P(o.showTitle ?? !0), S = P(o.titleFontSize ?? 14), B = P(o.titleBold ?? !1), I = P(o.titleItalic ?? !1), f = P(o.titleUnderline ?? !1), L = P(o.chartWidth ?? void 0), A = P(o.chartHeight ?? void 0), u = P(
-      Array.isArray(o.chartColors) ? [...o.chartColors] : void 0
-    ), D = P(
-      Array.isArray(o.chartColorLayers) ? [...o.chartColorLayers] : void 0
-    ), R = P(
-      Array.isArray(o.chartBreakdownColors) ? [...o.chartBreakdownColors] : void 0
-    ), K = P(o.chartUseSecondaryMetricShades ?? !0), G = P(o.chartColorBinding), j = P(
-      Array.isArray(o.lineStyles) ? [...o.lineStyles] : void 0
-    ), Y = P(o.lineStyleBinding), H = P(o.showLabel ?? !1), _ = P(o.labelAlign ?? Cn.center), b = P(o.labelAnchor ?? bn.center), E = P(o.labelRotation ?? 0), N = P(o.labelOffset ?? 0), X = P(o.labelFontSize ?? 12), q = x(() => o.showSearchBar), z = P(o.showX ?? !0), Q = P(o.xPosition ?? xn.bottom), oe = P(o.showXGrid ?? !1), re = P(o.showXTick ?? !0), le = P(o.xTickFontSize ?? 12), be = P(o.showXTitle ?? !1), se = P(o.xTitle ?? ""), Ce = P(o.xTitleFontSize ?? 12), we = P(o.showY ?? !0), Se = P(o.yPosition ?? wn.left), Ke = P(o.showYGrid ?? !1), Xe = P(o.showYTick ?? !0), et = P(o.yTickFontSize ?? 12), Pt = P(o.showYTitle ?? !1), ht = P(o.yTitle ?? ""), mt = P(o.yTitleFontSize ?? 12), pt = P(o.showLegend ?? void 0), tt = P(o.legendPosition ?? Sn.top), nt = P(o.usePointStyle ?? !0), gt = P(o.legendFontSize), $e = P(o.legendColor ?? "#6b6b6b"), ot = P(o.maxTooltipItems), Xt = P(o.stackBarOverlap ?? !1), Yt = P(o.rowHeight ?? 0), It = P(o.colWidths ?? []), Oe = P(!1), Mt = P(""), { breakpoints: Ye, getBreakpointsBoundary: at } = Ht(), Bt = P(), _e = x(
-      () => c.customScreenWidth === void 0 ? window.innerWidth : c.customScreenWidth
-    ), an = x(
-      () => (_e == null ? void 0 : _e.value) > at("xs")[1] && (_e == null ? void 0 : _e.value) <= at("sm")[1]
-    ), At = x(
-      () => (_e == null ? void 0 : _e.value) > at("sm")[1] && (_e == null ? void 0 : _e.value) <= at("md")[1]
-    ), rn = x(() => (_e == null ? void 0 : _e.value) > at("md")[1]), ln = x(() => {
-      const T = t.value.size.width;
-      return rn.value || At.value ? ll(T) : an.value ? sl(T) : il(T);
-    }), rt = x(
-      () => Qo.find((T) => T.type === t.value.widget.type)
-    ), qe = gn(() => {
-      var T;
-      Bt.value = Be((T = d.value) == null ? void 0 : T.$el.offsetWidth), y.value = Nt();
-    }), sn = x(() => {
-      if (ea(M.value.type, Ge.value))
-        switch (t.value.widget.type) {
-          case ne.BarChart:
-            return Ar;
-          case ne.StackBarChart:
-            return el;
-          case ne.ClusteredStackBarChart:
-            return nl;
-          case ne.LineChart:
-            return cl;
-          case ne.StackLineChart:
-            return rl;
-          case ne.Circular:
-            return Fr;
-          case ne.Scorecard:
-            return Or;
-          case ne.Spacer:
-            return Kr;
-          case ne.Table:
-            return Zr;
-          default:
-            return Nn;
-        }
-      else
-        return Nn;
-    }), Ge = P(null), { selectedLocationIds: l, dateRange: m, compareDateRange: h, timeRange: C } = wt(nn()), { globalFilters: V, isAllGlobalFiltersLoaded: U } = wt(qo()), { businessDataVersion: Z } = wt(nn()), te = P(!0), M = x(() => {
-      const T = JSON.parse(JSON.stringify(t.value.widget));
-      return {
-        ...T,
-        config: {
-          ...T.config,
-          rollup: W.value,
-          drillDimension: p.value,
-          showGrandTotal: !1
-        }
-      };
-    }), ie = x(() => {
-      var Ae;
-      const T = ((Ae = M.value.config.metrics) == null ? void 0 : Ae.length) ?? 0;
-      if (!M.value.config.isBlend)
-        return T;
-      const fe = (M.value.config.joinDatasources ?? []).reduce(
-        (st, cn) => {
-          var vt;
-          return st + (((vt = cn.metrics) == null ? void 0 : vt.length) ?? 0);
-        },
-        0
-      );
-      return T + fe;
-    });
-    function ge() {
-      return {
-        data: Ge.value,
-        showTitle: g.value,
-        titleFontSize: S.value,
-        titleBold: B.value,
-        titleItalic: I.value,
-        titleUnderline: f.value,
-        chartHeight: A.value,
-        chartWidth: L.value,
-        chartColors: u.value,
-        chartColorLayers: D.value,
-        chartBreakdownColors: R.value,
-        chartUseSecondaryMetricShades: K.value,
-        chartColorBinding: G.value,
-        metricCount: ie.value,
-        lineStyles: j.value,
-        lineStyleBinding: Y.value,
-        showLabel: H.value,
-        labelAnchor: b.value,
-        labelAlign: _.value,
-        labelRotation: E.value,
-        labelOffset: N.value,
-        labelFontSize: X.value,
-        showX: z.value,
-        xPosition: Q.value,
-        showXGrid: oe.value,
-        showXTick: re.value,
-        xTickFontSize: le.value,
-        showXTitle: be.value,
-        xTitle: se.value,
-        xTitleFontSize: Ce.value,
-        showY: we.value,
-        yPosition: Se.value,
-        showYGrid: Ke.value,
-        showYTick: Xe.value,
-        yTitle: ht.value,
-        showYTitle: Pt.value,
-        yTitleFontSize: mt.value,
-        yTickFontSize: et.value,
-        isTransposed: M.value.config.isTransposed,
-        showLegend: pt.value,
-        legendPosition: tt.value,
-        usePointStyle: nt.value,
-        legendFontSize: gt.value,
-        legendColor: $e.value,
-        maxTooltipItems: ot.value,
-        stackBarOverlap: Xt.value
-      };
-    }
-    function ye() {
-      return {
-        data: Ge.value,
-        filterText: Mt.value,
-        rollupPosition: M.value.config.rollupPosition,
-        grandTotalLabel: M.value.config.grandTotalLabel,
-        rowHeight: Yt.value,
-        colWidths: It.value
-      };
-    }
-    const ae = x(() => {
-      switch (M.value.type) {
-        case ne.Table:
-          return ye();
-        case ne.BarChart:
-        case ne.LineChart:
-        case ne.StackBarChart:
-        case ne.ClusteredStackBarChart:
-        case ne.StackLineChart:
-        case ne.Circular:
-          return ge();
-        default:
-          return { data: Ge.value };
-      }
-    }), he = x(() => {
-      const { config: T } = t.value.widget;
-      if (T.rollup != null) {
-        const fe = [...T.dimensions].filter((Ae) => !Ae.hide);
-        return fe.sort(
-          (Ae, st) => (T.rowIds || []).indexOf(fn(Ae)) - (T.rowIds || []).indexOf(fn(st))
-        ), [
-          { label: it(r, i, "None", "other"), value: "none" },
-          { label: it(r, i, "Grand Total", "other"), value: 0 },
-          ...[...fe].slice(0, fe.length - 1).map((Ae, st) => ({
-            label: it(r, i, Ae.label, "other"),
-            value: st + 1
-          }))
-        ];
-      }
-      return [];
-    }), pe = x(() => {
-      const { config: T } = M.value;
-      return T.isDrillable ? T.dimensions.map((fe) => ({
-        label: it(r, i, fe.label, "other"),
-        value: fn(fe)
-      })) : [];
-    }), Me = x(() => {
-      const T = t.value.id;
-      return (V.value || []).filter(
-        (fe) => Array.isArray(fe.tileIds) && fe.tileIds.includes(T)
-      );
-    });
-    De(
-      () => t.value.widget.config,
-      (T) => {
-        W.value = T.rollup, g.value = T.showTitle ?? !0, S.value = T.titleFontSize ?? 14, B.value = T.titleBold ?? !1, I.value = T.titleItalic ?? !1, f.value = T.titleUnderline ?? !1, A.value = T.chartHeight ?? void 0, L.value = T.chartWidth ?? void 0, u.value = Array.isArray(T.chartColors) ? [...T.chartColors] : void 0, D.value = Array.isArray(T.chartColorLayers) ? [...T.chartColorLayers] : void 0, R.value = Array.isArray(T.chartBreakdownColors) ? [...T.chartBreakdownColors] : void 0, K.value = T.chartUseSecondaryMetricShades ?? !0, G.value = T.chartColorBinding, j.value = Array.isArray(T.lineStyles) ? [...T.lineStyles] : void 0, Y.value = T.lineStyleBinding, H.value = T.showLabel ?? !1, _.value = T.labelAlign ?? Cn.center, b.value = T.labelAnchor ?? bn.center, E.value = T.labelRotation ?? 0, N.value = T.labelOffset ?? 0, X.value = T.labelFontSize ?? 12, z.value = T.showX ?? !0, Q.value = T.xPosition ?? xn.bottom, oe.value = T.showXGrid ?? !1, re.value = T.showXTick ?? !0, le.value = T.xTickFontSize ?? 12, be.value = T.showXTitle ?? !1, se.value = T.xTitle ?? "", Ce.value = T.xTitleFontSize ?? 12, we.value = T.showY ?? !0, Se.value = T.yPosition ?? wn.left, Ke.value = T.showYGrid ?? !1, Xe.value = T.showYTick ?? !0, et.value = T.yTickFontSize ?? 12, Pt.value = T.showYTitle ?? !1, ht.value = T.yTitle ?? "", mt.value = T.yTitleFontSize ?? 12, pt.value = T.showLegend ?? void 0, tt.value = T.legendPosition ?? Sn.top, nt.value = T.usePointStyle ?? !0, gt.value = T.legendFontSize, $e.value = T.legendColor ?? "#6b6b6b", ot.value = T.maxTooltipItems, Xt.value = T.stackBarOverlap ?? !1, Yt.value = T.rowHeight ?? 0, It.value = T.colWidths ?? [], y.value = Nt();
-      },
-      { deep: !0 }
-    ), De([() => W.value], () => {
-      W.value !== null && (t.value.widget.config.rollup = W.value);
-    }), De(
-      [
-        () => M.value,
-        () => m.value,
-        () => C.value,
-        () => h.value,
-        () => l.value,
-        () => Me.value,
-        () => Z.value,
-        () => U.value
-      ],
-      () => {
-        je();
-      },
-      { deep: !0 }
-    ), De(
-      [() => t.value.size],
-      () => {
-        qe();
-      },
-      { deep: !0 }
-    ), dt(() => {
-      qe(), Ye.value.sm || Ye.value.md || Ye.value.xs ? (console.log("Ignoring resize event due to keyboard"), addEventListener("change", qe)) : addEventListener("resize", qe), je();
-    }), ro(() => {
-      Ye.value.sm || Ye.value.md || Ye.value.xs ? (console.log("Ignoring resize event due to keyboard"), removeEventListener("change", qe)) : removeEventListener("resize", qe);
-    });
-    const He = Ln();
-    let Ne;
-    async function je() {
-      if (!(V.value.length > 0 && !U.value) && !c.isStyleEditing) {
-        if (M.value.config.schemaNames.length <= 0 && !(M.value.config.dimensions.length <= 0 || M.value.config.metrics.length <= 0)) {
-          He.open({
-            message: "schema must not be empty and dimension or metrics must have at least 1 column",
-            type: "info"
-          }), n.value = !1;
-          return;
-        }
-        try {
-          n.value = !0, Ne && Ne.abort(), Ne = new AbortController();
-          const T = Ne.signal, fe = Z.value, Ae = await gn(
-            Go,
-            500
-          )({
-            widget: M.value,
-            signal: T,
-            tileId: t.value.id
-          });
-          Z.value === fe && (Ge.value = Ae, y.value = Nt(), setTimeout(() => O(), 100)), n.value = !1;
-        } catch (T) {
-          T.code !== "ERR_CANCELED" && (Ge.value = null, He.open({ message: `Invalid chart ${M.value.type}`, type: "error" }), console.log(T), n.value = !1);
-        }
-      }
-    }
-    function Be(T) {
-      switch (t.value.widget.type) {
-        case "SPACER":
-          return;
-        case "SCORECARD":
-          return;
-        case "TABLE":
-          return `${t.value.size.height * 100 + (q.value ? 72 : 0) + 96.5}px`;
-      }
-      return `${Math.max(T / t.value.size.width, 90) * t.value.size.height}px`;
-    }
-    function lt() {
-      const T = k.value - 1;
-      T >= 0 && (p.value = pe.value[T].value);
-    }
-    function un() {
-      const T = k.value + 1;
-      T >= 0 && T < pe.value.length && (p.value = pe.value[T].value);
-    }
-    const qt = P(bt.EXCEL), Rt = P(), Io = Object.values(bt).map((T) => ({
-      label: jo(T),
-      value: T,
-      onClick: async () => {
-        T === bt.EXCEL || T === bt.PDFFULLSIZE || T === bt.PDFRECEIPT ? await so({
-          reportType: T,
-          index: c.index,
-          isCombinedLocationLayout: te.value,
-          timeRange: C.value,
-          dateRange: m.value,
-          locationIds: l.value
-        }) : T === bt.PDF && (qt.value = T, Rt.value = c.index, Oe.value = !0);
-      }
-    })), Mo = M.value.type === ne.Spacer ? "flat" : "outlined", Bo = M.value.type === ne.Spacer ? "p-0" : "p-16";
-    return (T, fe) => {
-      const Ae = de("FmTooltip"), st = de("FmSearch"), cn = de("FmCheckbox"), vt = de("FmButton"), Ao = de("FmSelect"), Ro = de("FmMenuItem"), Fo = de("FmMenu"), $o = de("FmForm"), No = de("FmCircularProgress"), Vo = de("FmCard");
-      return J(), me(Vo, {
-        ref_key: "tileCard",
-        ref: d,
-        class: Le(`${ln.value} ${a(Bo)}`),
-        variant: a(Mo)
-      }, {
-        default: ke(() => [
-          ce(hl, {
-            modelValue: Oe.value,
-            "onUpdate:modelValue": fe[0] || (fe[0] = (yt) => Oe.value = yt),
-            "report-type": qt.value,
-            index: Rt.value
-          }, null, 8, ["modelValue", "report-type", "index"]),
-          (a(V).length > 0 ? a(U) && !n.value : !n.value) ? (J(), ue("div", {
-            key: 0,
-            style: Te({ height: Bt.value })
-          }, [
-            (J(), me(ao(sn.value), {
-              key: y.value,
-              modelValue: ae.value,
-              "onUpdate:modelValue": fe[4] || (fe[4] = (yt) => ae.value = yt),
-              "tile-index": c.index
-            }, {
-              menu: ke(() => [
-                ce($o, { class: "flex items-center gap-2" }, {
-                  default: ke(() => {
-                    var yt, Rn, Fn, $n;
-                    return [
-                      ce(Ae, {
-                        variant: "plain",
-                        placement: "right",
-                        content: M.value.description,
-                        "hide-arrow": !0,
-                        disabled: !M.value.description,
-                        "z-index": 99
-                      }, {
-                        default: ke(() => [
-                          g.value !== !1 ? (J(), ue("p", {
-                            key: 0,
-                            style: Te({
-                              fontSize: S.value + "px",
-                              fontWeight: B.value ? "bold" : "normal",
-                              fontStyle: I.value ? "italic" : "normal",
-                              textDecoration: f.value ? "underline" : "none"
-                            }),
-                            class: Le(["text-fm-color-typo-secondary line-clamp-1", [
-                              S.value <= 18 ? "fm-typo-en-body-md-400" : "",
-                              M.value.description ? "border-b-2 border-dashed border-gray-300" : ""
-                            ]])
-                          }, Ie(a(it)(a(r), a(i), M.value.title, "other")), 7)) : ve("", !0)
-                        ]),
-                        _: 1
-                      }, 8, ["content", "disabled"]),
-                      (yt = rt.value) != null && yt.showSearchBar ? (J(), me(st, {
-                        key: 0,
-                        modelValue: Mt.value,
-                        "onUpdate:modelValue": fe[1] || (fe[1] = (Ee) => Mt.value = Ee),
-                        class: "grow"
-                      }, null, 8, ["modelValue"])) : (J(), ue("div", pl)),
-                      Uo(ce(cn, {
-                        modelValue: H.value,
-                        "onUpdate:modelValue": fe[2] || (fe[2] = (Ee) => H.value = Ee),
-                        label: "Label",
-                        value: !1
-                      }, null, 8, ["modelValue"]), [
-                        [Ko, (Rn = rt.value) == null ? void 0 : Rn.showLabel]
-                      ]),
-                      (Fn = rt.value) != null && Fn.showDrillDimension && pe.value.length > 0 ? (J(), ue("div", gl, [
-                        ce(vt, {
-                          icon: "arrow_upward",
-                          variant: "tertiary",
-                          disabled: !w.value,
-                          onClick: lt
-                        }, null, 8, ["disabled"]),
-                        ce(vt, {
-                          icon: "arrow_downward",
-                          variant: "tertiary",
-                          disabled: !$.value,
-                          onClick: un
-                        }, null, 8, ["disabled"])
-                      ])) : ve("", !0),
-                      ($n = rt.value) != null && $n.showRollup && he.value.length > 0 ? (J(), me(Ao, {
-                        key: `rollup-${a(s)}`,
-                        modelValue: W.value,
-                        "onUpdate:modelValue": fe[3] || (fe[3] = (Ee) => W.value = Ee),
-                        class: "w-[150px]",
-                        items: he.value
-                      }, null, 8, ["modelValue", "items"])) : ve("", !0),
-                      c.hideExport ? ve("", !0) : (J(), me(Fo, {
-                        key: 4,
-                        shift: !0
-                      }, {
-                        "menu-button": ke(() => [
-                          ce(vt, {
-                            icon: "more_vert",
-                            variant: "tertiary"
-                          })
-                        ]),
-                        default: ke(() => [
-                          (J(!0), ue(ze, null, Vt(a(Io), (Ee) => (J(), me(Ro, {
-                            key: Ee.value,
-                            label: Ee.label,
-                            onClick: Ee.onClick
-                          }, null, 8, ["label", "onClick"]))), 128))
-                        ]),
-                        _: 1
-                      }))
-                    ];
-                  }),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["modelValue", "tile-index"]))
-          ], 4)) : (J(), me(No, { key: 1 }))
-        ]),
-        _: 1
-      }, 8, ["class", "variant"]);
-    };
-  }
-});
-export {
-  Cn as L,
-  Je as R,
-  xe as S,
-  xn as X,
-  wn as Y,
-  Pl as _,
-  bn as a,
-  fo as b,
-  Dl as c,
-  St as d,
-  Sn as e,
-  fn as g,
-  to as u
-};