@feedmepos/mf-report 5.27.8 → 5.27.9

package/dist/DynamicWidget.vue_vue_type_script_setup_true_lang-CJ28qfGk.js

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