@feedmepos/mf-report 5.24.2 → 5.24.3

package/dist/DynamicWidget.vue_vue_type_script_setup_true_lang-CtV3BEJO.js

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