@feedmepos/mf-report 5.25.3 → 5.25.4

package/dist/DynamicWidget.vue_vue_type_script_setup_true_lang-nqE6iEkZ.js

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