@feedmepos/mf-report 5.26.4 → 5.26.5

package/dist/DynamicWidget.vue_vue_type_script_setup_true_lang-B_8KaYnA.js

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