@feedmepos/mf-report 5.21.65 → 5.22.0-beta.0

package/dist/FilterSelector.vue_vue_type_script_setup_true_lang-Cxo_dkbM.js

@@ -0,0 +1,4275 @@
+import { computed as S, defineComponent as Be, ref as L, onMounted as Ne, onBeforeUnmount as Fa, resolveComponent as Z, createBlock as he, openBlock as X, Transition as Ia, withCtx as ce, createElementBlock as oe, createCommentVNode as Ve, createElementVNode as j, unref as u, normalizeStyle as $e, withModifiers as $t, toDisplayString as Le, createVNode as K, Fragment as ke, renderList as it, normalizeClass as Qe, mergeModels as ze, useModel as He, nextTick as De, watch as pe, renderSlot as Ue, h as Dt, toRaw as Va, markRaw as $a, createTextVNode as qt, onUnmounted as Hn, resolveDynamicComponent as Ba, withDirectives as Ra, vShow as Pa } from "vue";
+import { W as Y, e as ct, f as Aa, S as je, v as vt, g as Ma, h as Ot, i as Wn, q as On, R as rt, j as za, D as Oe, c as we, C as Pe, a as Na, b as Ha, _ as Wa } from "./BaseDialog.vue_vue_type_script_setup_true_lang-DCcoPWWG.js";
+import { u as et, b as gt, a as an, h as Oa } from "./vue-i18n-CCeYOkNm.js";
+import { d as Xt, _ as Ea, a as Ua, b as qa, c as Xa } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-BRPx8vmv.js";
+import { storeToRefs as Ee, defineStore as En } from "pinia";
+import { C as Ya } from "./chart-DDDh8zNk.js";
+import { detectLocale as Ga } from "@feedmepos/mf-common";
+import { t as ja, z as Ka, a as Ja, e as Za, d as st } from "./app-DUppOHFW.js";
+import { useBreakpoints as Un, useSnackbar as on, components as Qa } from "@feedmepos/ui-library";
+import { _ as eo } from "./SelectComponent.vue_vue_type_script_setup_true_lang-DwhyK9V4.js";
+import { r as Ke } from "./i18n-CI_sQ5d_.js";
+import { _ as Yt } from "./NoData.vue_vue_type_script_setup_true_lang-BMfKUFHt.js";
+var Gt = /* @__PURE__ */ ((e) => (e.line = "LINE", e.bar = "BAR", e))(Gt || {}), Ge = /* @__PURE__ */ ((e) => (e.top = "TOP", e.bottom = "BOTTOM", e))(Ge || {}), jt = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e))(jt || {}), Kt = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(Kt || {}), Jt = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e))(Jt || {}), Zt = /* @__PURE__ */ ((e) => (e.right = "right", e.left = "left", e))(Zt || {}), Qt = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e.right = "right", e.left = "left", e.chartArea = "chartArea", e))(Qt || {}), _e = /* @__PURE__ */ ((e) => (e.series = "SERIES", e.metric = "METRIC", e.breakdown = "BREAKDOWN", e))(_e || {});
+Y.Circular, Y.Table, Y.BarChart, Y.LineChart, Y.StackBarChart, Y.ClusteredStackBarChart, Y.StackLineChart, Y.Scorecard, Y.Spacer;
+const to = [
+  {
+    type: Y.Circular,
+    showLabel: !1,
+    // TODO: temporarily removed show label as it has no function
+    showDrillDimension: !0,
+    showRollup: !1,
+    showSearchBar: !1
+  },
+  {
+    type: Y.Table,
+    showLabel: !1,
+    showDrillDimension: !0,
+    showRollup: !0,
+    showSearchBar: !0
+  },
+  {
+    type: Y.BarChart,
+    showLabel: !1,
+    // TODO: temporarily removed show label as it has no function
+    showDrillDimension: !0,
+    showRollup: !1,
+    showSearchBar: !1
+  },
+  {
+    type: Y.LineChart,
+    showLabel: !1,
+    // TODO: temporarily removed show label as it has no function
+    showDrillDimension: !0,
+    showRollup: !0,
+    showSearchBar: !1
+  },
+  {
+    type: Y.StackBarChart,
+    showLabel: !1,
+    // TODO: temporarily removed show label as it has no function
+    showDrillDimension: !0,
+    showRollup: !0,
+    showSearchBar: !1
+  },
+  {
+    type: Y.ClusteredStackBarChart,
+    showLabel: !1,
+    // TODO: temporarily removed show label as it has no function
+    showDrillDimension: !0,
+    showRollup: !0,
+    showSearchBar: !1
+  },
+  {
+    type: Y.StackLineChart,
+    showLabel: !1,
+    // TODO: temporarily removed show label as it has no function
+    showDrillDimension: !0,
+    showRollup: !0,
+    showSearchBar: !1
+  },
+  {
+    type: Y.Scorecard,
+    showLabel: !1,
+    showDrillDimension: !1,
+    showRollup: !1,
+    showSearchBar: !1
+  },
+  {
+    type: Y.Spacer,
+    showLabel: !1,
+    showDrillDimension: !1,
+    showRollup: !1,
+    showSearchBar: !1
+  }
+];
+function Et(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 no(e, t) {
+  switch (e) {
+    case Y.BarChart:
+    case Y.LineChart:
+    case Y.StackBarChart:
+    case Y.ClusteredStackBarChart:
+    case Y.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 Y.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 Y.Circular:
+      return Array.isArray(t == null ? void 0 : t.datasets) && t.datasets.length > 0;
+    case Y.Scorecard:
+      return !0;
+    case Y.Spacer:
+      return !0;
+  }
+}
+const Pt = [
+  "#36A2EB",
+  "#007BA7",
+  "#FF5D53",
+  "#73C8E6",
+  "#FCA23E",
+  "#F09BBE",
+  "#FFD232",
+  "#50BE9B",
+  "#8358D4",
+  "#9B5046"
+], hr = Pt.map(() => "solid");
+function ao(e) {
+  return e === "dashed" || e === "dotted" ? e : "solid";
+}
+function oo(e, t = !1) {
+  if (e == null)
+    return t ? [5, 5] : void 0;
+  const n = ao(e);
+  if (n === "dashed")
+    return [8, 6];
+  if (n === "dotted")
+    return [2, 4];
+}
+function Ae({
+  datasetIndex: e,
+  isCompare: t,
+  metricCount: n,
+  mode: o
+}) {
+  if (o !== _e.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;
+}
+const lo = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;
+function yt(e) {
+  if (!e)
+    return null;
+  const t = e.trim();
+  if (!lo.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 ro(e) {
+  const t = yt(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 qn(e) {
+  return !Array.isArray(e) || e.length === 0 ? Pt : Pt.map((t, n) => yt(e[n]) ?? t);
+}
+function Xn(e, t) {
+  const { red: n, green: o, blue: a } = ro(e);
+  return `rgba(${n}, ${o}, ${a}, ${t})`;
+}
+function Tn(e, t) {
+  const n = yt(e) ?? "#000000", o = (a) => {
+    const r = Number.parseInt(n.slice(a, a + 2), 16);
+    return Math.round(r + (255 - r) * t).toString(16).padStart(2, "0").toUpperCase();
+  };
+  return `#${o(1)}${o(3)}${o(5)}`;
+}
+function Ln(e) {
+  return Math.min(0.55 + (e - 1) * 0.18, 0.95);
+}
+function dt({
+  index: e,
+  isCompare: t,
+  opacity: n,
+  customColors: o
+}) {
+  const a = qn(o);
+  let r = typeof n == "number" ? n : 1;
+  return t && (r = r * 0.6), Xn(a[e % a.length], r);
+}
+function At({
+  datasetName: e,
+  breakdownValues: t,
+  fallbackIndex: n
+}) {
+  if (!Array.isArray(t) || t.length === 0)
+    return n;
+  const o = t.map((d) => typeof d == "string" ? d.trim() : "").filter((d) => d.length > 0);
+  if (o.length === 0)
+    return n;
+  const a = typeof e == "string" ? e.trim() : "", r = a.toLowerCase(), l = " - ", y = a.lastIndexOf(l), k = (y >= 0 ? a.slice(0, y).trim() : a).toLowerCase(), m = o.findIndex(
+    (d) => d.toLowerCase() === k
+  );
+  if (m >= 0)
+    return m;
+  const p = o.findIndex((d) => {
+    const _ = d.toLowerCase();
+    return r.includes(_) || k.includes(_);
+  });
+  if (p >= 0)
+    return p;
+  const C = o.findIndex((d) => {
+    const _ = d.toLowerCase();
+    return a.split(l).map((F) => F.trim().toLowerCase()).some((F) => F === _);
+  });
+  return C >= 0 ? C : n % o.length;
+}
+function bt({
+  breakdownIndex: e,
+  metricIndex: t,
+  metricCount: n,
+  isCompare: o,
+  opacity: a,
+  breakdownColors: r,
+  useSecondaryMetricShades: l,
+  colorMode: y,
+  customColors: i
+}) {
+  const k = Number.isInteger(n) && Number(n) > 0 ? Number(n) : 1, m = Number.isInteger(t) && Number(t) >= 0 ? Number(t) : 0, p = l !== !1, f = e * k + m, C = y === "clustered" ? Pt : qn(i), d = yt(r == null ? void 0 : r[e * k]) ?? C[e % C.length], _ = p && m > 0 ? Tn(d, Ln(m)) : yt(r == null ? void 0 : r[f]) ?? (m > 0 ? Tn(d, Ln(m)) : d);
+  let F = typeof a == "number" ? a : 1;
+  return o && (F = F * 0.6), Xn(_, F);
+}
+function Yn(e, t, n) {
+  if (e === "" || t === "")
+    return null;
+  let o = (i) => i == null ? void 0 : i.replace(/,/g, "");
+  n === "ID" && (o = (i) => i == null ? void 0 : i.replace(/\./g, "").replace(/,/g, "."));
+  const a = Number(o(e)), r = Number(o(t));
+  if (isNaN(a) || isNaN(r))
+    return null;
+  let l = 0;
+  r === 0 ? a === 0 ? l = 0 : l = 1 : l = (a - r) / r;
+  const y = so(l);
+  return {
+    value: isNaN(l) ? "" : `${(l * 100).toFixed(0)}%`,
+    icon: y
+  };
+}
+function so(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 Gn(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
+  };
+}
+function io() {
+  return {
+    ...Gn(),
+    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((l, y) => l + Number(y || 0), 0), r = a > 0 ? (n / a * 100).toFixed(1) : "0.0";
+        return `${t}: ${n.toLocaleString()} (${r}%)`;
+      }
+    }
+  };
+}
+const uo = "rgba(0, 0, 0, 0.3)";
+function Dn(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 Ut(e, t, n, o) {
+  const { left: a, right: r, top: l, bottom: y } = n;
+  e.save(), e.beginPath(), e.lineWidth = 1, e.strokeStyle = uo, e.setLineDash([5, 5]), t ? (e.moveTo(a, o), e.lineTo(r, o)) : (e.moveTo(o, l), e.lineTo(o, y)), e.stroke(), e.restore();
+}
+function co(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 mo(e, t, n) {
+  var d;
+  if (!n)
+    return;
+  const o = ((d = e.options) == null ? void 0 : d.indexAxis) === "y", a = e.tooltip, r = (a == null ? void 0 : a.getActiveElements()) ?? [];
+  if (r.length === 0) {
+    const _ = co(e, o);
+    _ !== void 0 && Ut(e.ctx, o, e.chartArea, _);
+    return;
+  }
+  const l = e.scales.x, y = e.scales.y;
+  if (!l || !y)
+    return;
+  const i = r[0];
+  if (!i)
+    return;
+  if (t === "bar") {
+    const F = (o ? y : l).getPixelForValue(i.index);
+    Ut(e.ctx, o, e.chartArea, F);
+    return;
+  }
+  if (!i.element)
+    return;
+  const k = i.element, m = o ? y : l, p = o ? k.y : k.x, f = m.getPixelForValue(i.index), C = p ?? f;
+  Ut(e.ctx, o, e.chartArea, C);
+}
+function Ct(e) {
+  let t = !1, n = !1;
+  return {
+    id: "crosshair",
+    afterDatasetsDraw: (o) => {
+      mo(o, e, n);
+    },
+    afterEvent: (o, a) => {
+      n = a.inChartArea === !0;
+    },
+    beforeTooltipDraw: (o) => {
+      var r;
+      const a = o.ctx;
+      (((r = o.tooltip) == null ? void 0 : r.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) => {
+      Dn(o);
+    },
+    afterDestroy: (o) => {
+      Dn(o);
+    }
+  };
+}
+const fo = Number.POSITIVE_INFINITY, en = 2, po = 20, ho = 0.2, vo = 120, ht = {
+  "en-US": Za.report.widget.comparisonTooltip.viewBreakdown,
+  "zh-CN": Ja.report.widget.comparisonTooltip.viewBreakdown,
+  "zh-Hant": Ka.report.widget.comparisonTooltip.viewBreakdown,
+  "th-TH": ja.report.widget.comparisonTooltip.viewBreakdown
+};
+function jn() {
+  const e = Ga();
+  return e in ht ? ht[e] : e.startsWith("zh") ? ht["zh-CN"] : e.startsWith("th") ? ht["th-TH"] : ht["en-US"];
+}
+function go(e) {
+  return typeof e != "string" ? [] : e.split("#").map((t) => t.trim()).filter((t) => t.length > 0);
+}
+function yo(e) {
+  return Reflect.get(e, "dash") === !0 || Reflect.get(e, "isCompare") === !0;
+}
+function ln(e, t) {
+  const n = e.parsed, o = t ? n.x : n.y, a = t ? n.y : n.x, r = o ?? a;
+  return typeof r == "number" ? r : Number(r);
+}
+function Kn(e, t) {
+  const n = Jn(e), o = ln(e, t);
+  return `${n}: ${o.toLocaleString()}`;
+}
+function Jn(e) {
+  const t = Reflect.get(e.dataset, "tooltipLabel");
+  if (typeof t == "string" && t.trim().length > 0)
+    return t;
+  const n = Reflect.get(e.dataset, "label");
+  return typeof n == "string" ? n : "";
+}
+function bo(e) {
+  return e.trim().toLowerCase();
+}
+function Fn(e) {
+  return `${e.datasetIndex}-${e.dataIndex}`;
+}
+function Ft(e, t) {
+  if (typeof e == "string") return e;
+  if (Array.isArray(e)) {
+    const n = e[t];
+    return typeof n == "string" ? n : void 0;
+  }
+}
+function Co(e) {
+  if (typeof e != "string") return "#9ca3af";
+  const t = e.trim();
+  return /^[-#(),.%\sa-zA-Z0-9]+$/.test(t) ? t : "#9ca3af";
+}
+function wo(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 In(...e) {
+  for (const t of e) {
+    if (!t) continue;
+    const n = Co(t);
+    if (!wo(n))
+      return n;
+  }
+  return "#9ca3af";
+}
+function Zn(e) {
+  var o, a;
+  const t = e.dataset;
+  return Reflect.get(t, "type") === "bar" ? !0 : ((a = (o = e.chart) == null ? void 0 : o.config) == null ? void 0 : a.type) === "bar";
+}
+function xo(e) {
+  const t = e.dataset, n = typeof e.dataIndex == "number" ? e.dataIndex : 0, o = Ft(Reflect.get(t, "borderColor"), n), a = Ft(Reflect.get(t, "backgroundColor"), n), r = Reflect.get(
+    e.element,
+    "options"
+  ), l = Ft(
+    Reflect.get(r ?? {}, "borderColor"),
+    n
+  ), y = Ft(
+    Reflect.get(r ?? {}, "backgroundColor"),
+    n
+  );
+  return Zn(e) ? In(a, y, o, l) : In(o, l, a, y);
+}
+function tn(e) {
+  return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function So(e) {
+  return e === 1 ? "store" : "stores";
+}
+function _o(e, t) {
+  return `Others (${t} ${So(t)}): ${e.toLocaleString()}`;
+}
+function ko(e) {
+  const t = typeof e == "number" ? e : typeof e == "string" ? Number(e) : Number.NaN;
+  return Number.isFinite(t) ? Math.max(en, Math.floor(t)) : fo;
+}
+function rn(e) {
+  return {
+    maxTooltipItems: ko(e == null ? void 0 : e.maxTooltipItems)
+  };
+}
+function Vn(e) {
+  return {
+    text: `${e.datasetLabel}: ${0 .toLocaleString()}`,
+    color: "#cbd5e1",
+    isBar: e.isBar,
+    value: 0,
+    datasetLabel: e.datasetLabel,
+    matchingKey: e.matchingKey
+  };
+}
+function Mt(e) {
+  return Object.entries(e).map(([t, n]) => `${t}:${n}`).join(";");
+}
+const To = Mt({
+  display: "block",
+  "margin-top": "8px",
+  padding: "0",
+  background: "none",
+  border: "none",
+  color: "#2563eb",
+  "font-size": "12px",
+  "font-weight": "600",
+  cursor: "pointer",
+  "text-align": "left",
+  "pointer-events": "auto"
+}), Lo = {
+  "font-size": "12px",
+  "font-weight": "600",
+  color: "#111827",
+  "text-align": "left"
+}, Do = Mt({
+  display: "flex",
+  "align-items": "center",
+  "font-size": "12px",
+  "font-weight": "500",
+  color: "#1f2937",
+  "text-align": "left",
+  "line-height": "1.35",
+  margin: "0 0 3px"
+}), Fo = {
+  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"
+}, Io = {
+  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 Vo(e) {
+  return Mt({
+    ...Lo,
+    margin: `${e ? "8px" : "0"} 0 4px`
+  });
+}
+function $o(e, t) {
+  return Mt({
+    ...e ? Fo : Io,
+    background: t
+  });
+}
+function Bo(e) {
+  return `<button type="button" data-tooltip-full-details="true" style="${To}">${tn(e)}</button>`;
+}
+function Qn(e, t, n, o, a) {
+  var x;
+  const r = (x = e[0]) == null ? void 0 : x.label, l = go(r), y = l[0] ?? (r == null ? "" : String(r)), i = l[1], k = [], m = [];
+  e.forEach((g) => {
+    const c = g.dataset ?? {}, v = g.datasetIndex >= 0 && g.dataIndex >= 0 ? {
+      datasetIndex: g.datasetIndex,
+      dataIndex: g.dataIndex
+    } : void 0, $ = Jn(g), B = {
+      text: Kn(g, t),
+      color: xo(g),
+      isBar: Zn(g),
+      value: ln(g, t),
+      datasetLabel: $,
+      matchingKey: bo($),
+      focusTarget: v
+    };
+    if (i && yo(c)) {
+      m.push(B);
+      return;
+    }
+    k.push(B);
+  });
+  const p = k.slice(0, o), f = /* @__PURE__ */ new Map();
+  m.forEach((g) => {
+    const c = f.get(g.matchingKey);
+    if (!c) {
+      f.set(g.matchingKey, [g]);
+      return;
+    }
+    c.push(g);
+  });
+  const C = i ? p.map((g) => {
+    const c = f.get(g.matchingKey);
+    return !c || c.length === 0 ? Vn(g) : c.shift() ?? Vn(g);
+  }) : [], d = k.length > p.length || m.length > C.length, _ = (g, c = !1) => `<div style="${Vo(c)}">${tn(g)}</div>`, F = (g) => {
+    const c = $o(g.isBar, g.color);
+    return `<div style="${Do}"><span style="${c}"></span><span>${tn(g.text)}</span></div>`;
+  };
+  let R = "";
+  y.length > 0 && (R += _(y)), R += p.map((g) => F(g)).join(""), i && C.length > 0 && (R += _(i, R.length > 0), R += C.map((g) => F(g)).join("")), a && d && (R += Bo(n));
+  const b = [
+    {
+      title: y,
+      values: k
+    },
+    {
+      title: i ?? "",
+      values: m
+    }
+  ].filter((g) => g.values.length > 0);
+  return {
+    html: R,
+    detailsPayload: { sections: b },
+    hasCollapsedValues: d
+  };
+}
+function $n(e) {
+  return e.scrollHeight - e.clientHeight > po;
+}
+function It(e, t, n, o, a, r) {
+  const l = Qn(
+    t,
+    n,
+    o,
+    a,
+    r
+  );
+  return e.innerHTML !== l.html && (e.innerHTML = l.html, qo(e)), l;
+}
+function Ro(e, t, n, o, a, r) {
+  if (Number.isFinite(a))
+    return {
+      markup: It(
+        e,
+        t,
+        n,
+        o,
+        a,
+        r
+      ),
+      maxTooltipItems: a
+    };
+  const l = Math.max(en, t.length);
+  let y = l, i = It(
+    e,
+    t,
+    n,
+    o,
+    l,
+    r
+  );
+  if (!$n(e))
+    return {
+      markup: i,
+      maxTooltipItems: l
+    };
+  let k = en, m = l;
+  for (; k <= m; ) {
+    const f = Math.floor((k + m) / 2), C = It(
+      e,
+      t,
+      n,
+      o,
+      f,
+      r
+    );
+    if ($n(e)) {
+      m = f - 1;
+      continue;
+    }
+    y = f, i = C, k = f + 1;
+  }
+  return {
+    markup: y === l ? i : It(
+      e,
+      t,
+      n,
+      o,
+      y,
+      r
+    ),
+    maxTooltipItems: y
+  };
+}
+function Bn(e, t) {
+  const n = Math.max(0, Math.min(1, t)), o = e.trim();
+  if (o.startsWith("#")) {
+    const l = o.slice(1), y = l.length === 3 ? `${l[0]}${l[0]}${l[1]}${l[1]}${l[2]}${l[2]}` : l.length === 4 ? `${l[0]}${l[0]}${l[1]}${l[1]}${l[2]}${l[2]}` : l.length >= 6 ? l.slice(0, 6) : "";
+    if (/^[0-9a-fA-F]{6}$/.test(y)) {
+      const i = Number.parseInt(y.slice(0, 2), 16), k = Number.parseInt(y.slice(2, 4), 16), m = Number.parseInt(y.slice(4, 6), 16);
+      return `rgba(${i}, ${k}, ${m}, ${n})`;
+    }
+  }
+  const a = o.match(/^rgba?\(([^)]+)\)$/i);
+  if (a) {
+    const l = a[1].split(",").map((y) => y.trim());
+    if (l.length >= 3) {
+      const [y, i, k] = l;
+      return `rgba(${y}, ${i}, ${k}, ${n})`;
+    }
+  }
+  const r = o.match(/^hsla?\(([^)]+)\)$/i);
+  if (r) {
+    const l = r[1].split(",").map((y) => y.trim());
+    if (l.length >= 3) {
+      const [y, i, k] = l;
+      return `hsla(${y}, ${i}, ${k}, ${n})`;
+    }
+  }
+  return e;
+}
+function Vt(e, t) {
+  return typeof e == "string" ? Bn(e, t) : Array.isArray(e) ? e.map(
+    (n) => typeof n == "string" ? Bn(n, t) : n
+  ) : e;
+}
+function Po(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 Ao(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 Mo(e, t) {
+  const n = e.__tooltipOriginalStyle;
+  n && (Reflect.set(e, "borderColor", Vt(n.borderColor, t)), Reflect.set(e, "backgroundColor", Vt(n.backgroundColor, t)), Reflect.set(e, "pointBorderColor", Vt(n.pointBorderColor, t)), Reflect.set(
+    e,
+    "pointBackgroundColor",
+    Vt(n.pointBackgroundColor, t)
+  ));
+}
+function nn(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 !== void 0 && (!(n instanceof HTMLCanvasElement) || !n.isConnected || !n.ownerDocument));
+}
+function Bt(e, t) {
+  if (!nn(e))
+    return;
+  const n = e.data.datasets;
+  if (n.length !== 0) {
+    if (n.forEach((o, a) => {
+      const r = o;
+      Po(r), !t || a === t.datasetIndex ? Ao(r) : Mo(r, ho);
+    }), 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 zo(e) {
+  const t = e, n = t == null ? void 0 : t.chart;
+  if (nn(n))
+    return n;
+  const o = t == null ? void 0 : t.$el;
+  if (!(o instanceof HTMLElement))
+    return null;
+  const a = o.querySelector("canvas");
+  if (!(a instanceof HTMLCanvasElement))
+    return null;
+  const r = Ya.getChart(a);
+  return nn(r) ? r : null;
+}
+function No(e) {
+  const t = window.getComputedStyle(e);
+  return [t.overflow, t.overflowX, t.overflowY].some((o) => o !== "visible");
+}
+function sn(e) {
+  let t = e.parentElement ?? e, n = t;
+  for (; n && n.parentElement && n.parentElement !== document.body && n.parentElement !== document.documentElement; )
+    No(n) && (t = n.parentElement), n = n.parentElement;
+  return window.getComputedStyle(t).position === "static" && (t.style.position = "relative"), t;
+}
+function un(e, t, n, o, a, r, l = "center", y = !1) {
+  const i = t.getBoundingClientRect(), k = n.getBoundingClientRect(), m = n.scrollLeft, p = n.scrollTop, f = n.clientWidth, C = n.clientHeight, d = e;
+  (!Number.isFinite(d.__cachedWidth) || !Number.isFinite(d.__cachedHeight) || d.__measurementHostWidth !== f || d.__measurementHostHeight !== C) && (d.__cachedWidth = e.offsetWidth, d.__cachedHeight = e.offsetHeight, d.__measurementHostWidth = f, d.__measurementHostHeight = C);
+  const F = d.__cachedWidth ?? e.offsetWidth, R = d.__cachedHeight ?? e.offsetHeight, b = 8, x = i.left - k.left + m + o, g = i.top - k.top + p + a, c = y ? l === "left" ? x - F - b : x + b : l === "left" ? x - F - b : l === "right" ? x + b : x - F / 2, v = y ? g + b : r ? g - R / 2 : g + b, $ = m + b;
+  let B = p + b;
+  const D = document.querySelector('[data-menu-tab="true"]');
+  if (D) {
+    const G = D.getBoundingClientRect().bottom - k.top + p + b;
+    B = Math.max(B, G);
+  }
+  const z = Math.max(
+    $,
+    m + f - F - b
+  ), P = Math.max(
+    B,
+    p + C - R - b
+  ), I = Math.round(Math.min(Math.max($, c), z)), V = Math.round(Math.min(Math.max(B, v), P));
+  d.__lastLeftPx === I && d.__lastTopPx === V || (d.__lastLeftPx = I, d.__lastTopPx = V, e.style.left = `${I}px`, e.style.top = `${V}px`);
+}
+function ea(e) {
+  return e.dataset.anchorDirection === "left" ? "left" : e.dataset.anchorDirection === "right" ? "right" : "center";
+}
+function Ho(e, t, n, o, a, r, l) {
+  const y = t.getBoundingClientRect(), i = o - y.left, k = a - y.top;
+  !Number.isFinite(i) || !Number.isFinite(k) || (e.dataset.cursorCanvasX = String(i), e.dataset.cursorCanvasY = String(k), e.dataset.caretX = String(i), e.dataset.caretY = String(k), e.dataset.anchorDirection = l, un(
+    e,
+    t,
+    n,
+    i,
+    k,
+    r,
+    l,
+    !0
+  ));
+}
+function Wo(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.82), rgba(255, 255, 255, 0.66))", 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", t.style.maxHeight = "calc(100% - 16px)", 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 = "break-word", t.style.zIndex = "10", t;
+}
+function Oo(e) {
+  e.__onViewportChange && (window.removeEventListener("scroll", e.__onViewportChange, !0), window.removeEventListener("resize", e.__onViewportChange));
+}
+function Eo(e, t) {
+  wt(e), ta(e), Oo(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 Uo(e, t, n) {
+  Array.from(
+    e.querySelectorAll('[data-comparison-tooltip="true"]')
+  ).forEach((a) => {
+    a.id !== t && Eo(a, n);
+  });
+}
+function wt(e) {
+  typeof e.__hideTimeoutId == "number" && (window.clearTimeout(e.__hideTimeoutId), e.__hideTimeoutId = void 0);
+}
+function ta(e) {
+  typeof e.__cursorRafId == "number" && (window.cancelAnimationFrame(e.__cursorRafId), e.__cursorRafId = void 0);
+}
+function qo(e) {
+  e.__cachedWidth = void 0, e.__cachedHeight = void 0, e.__measurementHostWidth = void 0, e.__measurementHostHeight = void 0;
+}
+function Rn(e, t, n, o, a) {
+  e.__pendingCursorClientX = o, e.__pendingCursorClientY = a, typeof e.__cursorRafId != "number" && (e.__cursorRafId = window.requestAnimationFrame(() => {
+    e.__cursorRafId = void 0;
+    const r = e.__pendingCursorClientX, l = e.__pendingCursorClientY;
+    if (e.__pendingCursorClientX = void 0, e.__pendingCursorClientY = void 0, !Number.isFinite(r) || !Number.isFinite(l))
+      return;
+    const y = sn(t);
+    e.parentElement !== y && y.appendChild(e), Ho(
+      e,
+      t,
+      y,
+      r,
+      l,
+      n,
+      ea(e)
+    );
+  }));
+}
+function Ze(e, t) {
+  wt(e), ta(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", Bt(t);
+}
+function Pn(e, t, n = vo) {
+  e.__isTooltipHovered || (wt(e), e.__hideTimeoutId = window.setTimeout(() => {
+    e.__isTooltipHovered || Ze(e, t);
+  }, n));
+}
+function Xo(e, t, n, o, a) {
+  const { maxTooltipItems: r } = rn(a);
+  e.__onCanvasPointerEnter || (e.__onCanvasPointerEnter = (l) => {
+    if (Rn(
+      e,
+      t,
+      o,
+      l.clientX,
+      l.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 = (l) => {
+    Rn(
+      e,
+      t,
+      o,
+      l.clientX,
+      l.clientY
+    );
+  }, t.addEventListener("pointermove", e.__onCanvasPointerMove, {
+    passive: !0
+  })), e.__onCanvasPointerLeave || (e.__onCanvasPointerLeave = () => {
+    Ze(e, n);
+  }, t.addEventListener("pointerleave", e.__onCanvasPointerLeave, {
+    passive: !0
+  })), e.__onCanvasClick || (e.__onCanvasClick = (l) => {
+    var F, R;
+    if (!(a != null && a.onViewFullDetails) || !e.__detailsPayload || e.style.opacity !== "1")
+      return;
+    const y = (b) => {
+      var g;
+      if (b.length === 0)
+        return !1;
+      const x = Qn(
+        b,
+        o,
+        (a == null ? void 0 : a.viewFullDetailsLabel) ?? jn(),
+        r,
+        !0
+      ).detailsPayload;
+      return (g = a.onViewFullDetails) == null || g.call(a, x, n), Ze(e, n), !0;
+    }, i = ((F = n == null ? void 0 : n.tooltip) == null ? void 0 : F.dataPoints) ?? [];
+    if (y(i))
+      return;
+    const k = n == null ? void 0 : n.getElementsAtEventForMode;
+    if (typeof k != "function")
+      return;
+    const m = k.call(
+      n,
+      l,
+      "nearest",
+      { intersect: !0 },
+      !1
+    ), p = k.call(
+      n,
+      l,
+      "index",
+      { intersect: !1 },
+      !1
+    ), C = (m.length > 0 ? m : p).filter(
+      (b) => typeof b.datasetIndex == "number" && typeof b.index == "number"
+    ).map((b) => ({ datasetIndex: b.datasetIndex, index: b.index }));
+    if (C.length === 0)
+      return;
+    const d = n == null ? void 0 : n.tooltip;
+    if (typeof (d == null ? void 0 : d.setActiveElements) != "function")
+      return;
+    d.setActiveElements(C, {
+      x: l.offsetX,
+      y: l.offsetY
+    });
+    try {
+      n.update("none");
+    } catch {
+      return;
+    }
+    const _ = ((R = n == null ? void 0 : n.tooltip) == null ? void 0 : R.dataPoints) ?? [];
+    y(_);
+  }, t.addEventListener("click", e.__onCanvasClick)), e.__onCanvasPointerUp || (e.__onCanvasPointerUp = (l) => {
+    e.__onCanvasClick && e.__onCanvasClick(l);
+  }, t.addEventListener("pointerup", e.__onCanvasPointerUp)), a != null && a.onViewFullDetails && (e.__onDetailsClick || (e.__onDetailsClick = (l) => {
+    var k;
+    const y = l.target;
+    y != null && y.closest('[data-tooltip-full-details="true"]') && (l.preventDefault(), l.stopPropagation(), e.__detailsPayload && ((k = a.onViewFullDetails) == null || k.call(a, e.__detailsPayload, n), Ze(e, n)));
+  }, e.addEventListener("click", e.__onDetailsClick)), e.__onTooltipPointerEnter || (e.__onTooltipPointerEnter = () => {
+    e.__isTooltipHovered = !0, wt(e);
+  }, e.addEventListener("pointerenter", e.__onTooltipPointerEnter)), e.__onTooltipPointerLeave || (e.__onTooltipPointerLeave = () => {
+    e.__isTooltipHovered = !1, Ze(e, n);
+  }, e.addEventListener("pointerleave", e.__onTooltipPointerLeave)));
+}
+function Yo(e, t, n) {
+  e.__onViewportChange || (e.__onViewportChange = () => {
+    if (e.style.opacity !== "1")
+      return;
+    const o = Number(e.dataset.caretX), a = Number(e.dataset.caretY), r = ea(e);
+    if (!Number.isFinite(o) || !Number.isFinite(a)) {
+      e.style.opacity = "0";
+      return;
+    }
+    const l = sn(t);
+    e.parentElement !== l && l.appendChild(e), un(
+      e,
+      t,
+      l,
+      o,
+      a,
+      n,
+      r,
+      !0
+    );
+  }, window.addEventListener("scroll", e.__onViewportChange, {
+    capture: !0,
+    passive: !0
+  }), window.addEventListener("resize", e.__onViewportChange, {
+    passive: !0
+  }));
+}
+function Go(e, t) {
+  const { maxTooltipItems: n } = rn(t);
+  return ({ chart: o, tooltip: a }) => {
+    var D;
+    if (typeof document > "u" || typeof window > "u")
+      return;
+    const r = o == null ? void 0 : o.canvas;
+    if (!(r instanceof HTMLCanvasElement))
+      return;
+    const l = sn(r), y = `comparison-tooltip-${String(o.id)}`;
+    Uo(l, y, r);
+    let i = document.querySelector(`#${y}`);
+    if (i || (i = Wo(y)), i.parentElement !== l && l.appendChild(i), Yo(i, r, e), Xo(i, r, o, e, t), ((a == null ? void 0 : a.opacity) ?? 0) === 0) {
+      t != null && t.onViewFullDetails ? Pn(i, o) : Ze(i, o);
+      return;
+    }
+    const k = (a == null ? void 0 : a.dataPoints) ?? [];
+    if (k.length === 0) {
+      t != null && t.onViewFullDetails ? Pn(i, o) : Ze(i, o);
+      return;
+    }
+    wt(i);
+    const m = (t == null ? void 0 : t.viewFullDetailsLabel) ?? jn(), p = !!(t != null && t.onViewFullDetails), {
+      markup: { detailsPayload: f, hasCollapsedValues: C }
+    } = Ro(
+      i,
+      k,
+      e,
+      m,
+      n,
+      p
+    ), d = p && C;
+    i.__detailsPayload = d ? f : void 0, i.style.pointerEvents = d ? "auto" : "none";
+    const _ = typeof (a == null ? void 0 : a.caretX) == "number" ? a.caretX : 0, F = Number(i.dataset.cursorCanvasX), R = Number(i.dataset.cursorCanvasY);
+    if (!(Number.isFinite(F) && Number.isFinite(R))) {
+      i.style.opacity = "0";
+      return;
+    }
+    const x = (D = o == null ? void 0 : o.scales) == null ? void 0 : D.x, g = x && typeof x.getPixelForValue == "function" ? x.getPixelForValue(0) : NaN, c = e ? k.reduce((z, P) => {
+      const I = P == null ? void 0 : P.element, V = I == null ? void 0 : I.x;
+      if (typeof V != "number" || !Number.isFinite(V))
+        return z;
+      if (!Number.isFinite(z))
+        return V;
+      const O = Number.isFinite(g) ? g : _, G = Math.abs(z - O);
+      return Math.abs(V - O) > G ? V : z;
+    }, Number.NaN) : Number.NaN, v = F, $ = R, B = e ? Number.isFinite(g) && Number.isFinite(c) && c < g ? "left" : "right" : "center";
+    un(
+      i,
+      r,
+      l,
+      v,
+      $,
+      e,
+      B,
+      !0
+    ), i.dataset.caretX = String(v), i.dataset.caretY = String($), i.dataset.anchorDirection = B, i.style.opacity = "1";
+  };
+}
+function jo(e, t) {
+  return {
+    filter: (n, o, a) => a.length <= t ? !0 : o < t,
+    callbacks: {
+      title: (n) => {
+        var a;
+        const o = (a = n[0]) == null ? void 0 : a.label;
+        return o == null ? "" : String(o);
+      },
+      label: (n) => {
+        var a, r;
+        const o = ((r = (a = n.chart) == null ? void 0 : a.tooltip) == null ? void 0 : r.dataPoints) ?? [];
+        if (o.length > t) {
+          const l = Fn(n), i = o.slice(0, t).findIndex((k) => Fn(k) === l);
+          if (i >= t)
+            return "";
+          if (i === t - 1) {
+            const k = o.slice(t - 1).reduce((p, f) => p + ln(f, e), 0), m = Math.max(0, o.length - (t - 1));
+            return _o(k, m);
+          }
+        }
+        return Kn(n, e);
+      }
+    }
+  };
+}
+function mt(e = !1, t = !1, n) {
+  const { maxTooltipItems: o } = rn(n), a = Gn(e ? "y" : "x");
+  return t ? {
+    ...a,
+    enabled: !1,
+    external: Go(e, n)
+  } : {
+    ...a,
+    ...jo(e, o)
+  };
+}
+function ft(e) {
+  function t(m, p, f) {
+    if (m.measureText(p).width <= f) return p;
+    const C = "…";
+    let d = 0, _ = p.length;
+    for (; d < _; ) {
+      const F = Math.floor((d + _) / 2), R = p.slice(0, F) + C;
+      m.measureText(R).width <= f ? d = F + 1 : _ = F;
+    }
+    return p.slice(0, d - 1) + C;
+  }
+  function n(m) {
+    const p = m == null ? "" : String(m), [f] = p.split("#");
+    return (f ?? p).trim();
+  }
+  const o = S(() => ({
+    display: e.showLabel,
+    align: e.labelAlign,
+    anchor: e.labelAnchor,
+    rotation: e.labelRotation,
+    offset: e.labelOffset,
+    font: {
+      size: e.labelFontSize
+    },
+    color: (m) => {
+      const p = m.chart.data.datasets[m.datasetIndex];
+      return p.borderColor ? Array.isArray(p.borderColor) ? p.borderColor[m.dataIndex] : p.borderColor : p.backgroundColor ? Array.isArray(p.backgroundColor) ? p.backgroundColor[m.dataIndex] : p.backgroundColor : "#000";
+    },
+    formatter: (m) => m === 0 ? "" : m.toLocaleString("en-US")
+  })), a = S(() => ({
+    display: e.showX,
+    position: e.xPosition,
+    grid: {
+      display: e.showXGrid
+    },
+    ticks: {
+      display: e.showXTick,
+      callback: function(m) {
+        if ((e == null ? void 0 : e.isTransposed) === !0) return n(m);
+        let f = String(m);
+        const C = this;
+        C && typeof C.getLabelForValue == "function" && (f = C.getLabelForValue(m)), f = n(f);
+        const d = C == null ? void 0 : C.chart, _ = C == null ? void 0 : C.ctx, F = d.height * 0.25;
+        if (_ && F > 0) {
+          _.save();
+          const b = _.measureText(f).width > F ? t(_, f, F) : f;
+          return _.restore(), b;
+        }
+        return f;
+      },
+      font: {
+        size: e.xTickFontSize
+      }
+    },
+    title: {
+      display: e.showXTitle,
+      text: e.xTitle,
+      font: {
+        size: e.xTitleFontSize
+      }
+    },
+    afterBuildTicks: (m) => {
+      const p = Array.isArray(m == null ? void 0 : m.ticks) ? m.ticks : [];
+      if (p.length === 0) return;
+      const f = n(m.getLabelForValue(p[0].value)), C = !isNaN(Number(f));
+      m.options.ticks.minRotation = C || p.length < 10 ? 0 : 90;
+    },
+    afterFit: (m) => {
+      if (!(e != null && e.isTransposed)) {
+        const p = m.chart.height * 0.4;
+        m.height > p && (m.height = p);
+      }
+    }
+  })), r = S(() => ({
+    display: e.showY,
+    position: e.yPosition,
+    grid: {
+      display: e.showYGrid
+    },
+    ticks: {
+      display: e.showYTick,
+      font: {
+        size: e.yTickFontSize
+      },
+      callback: function(m) {
+        if (!((e == null ? void 0 : e.isTransposed) === !0)) return n(m);
+        let f = String(m);
+        const C = this;
+        C && typeof C.getLabelForValue == "function" && (f = C.getLabelForValue(m)), f = n(f);
+        const d = C == null ? void 0 : C.chart, _ = C == null ? void 0 : C.ctx, F = d.width * 0.4;
+        if (_ && F > 0) {
+          _.save();
+          const b = _.measureText(f).width > F ? t(_, f, F) : f;
+          return _.restore(), b;
+        }
+        return f;
+      }
+    },
+    title: {
+      display: e.showYTitle,
+      text: e.yTitle,
+      font: {
+        size: e.yTitleFontSize
+      }
+    }
+  })), l = S(() => ({
+    display: e.showLegend,
+    position: e.legendPosition,
+    usePointStyle: e.usePointStyle,
+    maxHeight: e.legendMaxHeight,
+    maxWidth: e.legendMaxWidth,
+    labels: {
+      usePointStyle: e.usePointStyle ?? !0,
+      generateLabels: (m) => {
+        var f;
+        const p = ((f = m == null ? void 0 : m.data) == null ? void 0 : f.datasets) || [];
+        if (p.length === 0) return [];
+        if (p.length === 1 && Array.isArray(p[0].backgroundColor) && p[0].backgroundColor.length > 1 && Array.isArray(p[0].data)) {
+          const C = p[0];
+          return m.data.labels.map((_, F) => {
+            const R = C.backgroundColor[F];
+            return {
+              text: _,
+              fontColor: "#6b6b6b",
+              fillStyle: R,
+              strokeStyle: R,
+              datasetIndex: 0,
+              index: F,
+              hidden: m.getDataVisibility ? !m.getDataVisibility(F) : !1
+            };
+          });
+        }
+        return m.data.datasets.map((C, d) => {
+          const _ = C.borderColor || C.backgroundColor;
+          return {
+            text: C.label,
+            fontColor: "#6b6b6b",
+            fillStyle: _,
+            strokeStyle: _,
+            datasetIndex: d,
+            hidden: !m.isDatasetVisible(d)
+          };
+        });
+      }
+    }
+  })), y = S(() => e.isTransposed), i = S(() => e.chartWidth), k = S(() => e.chartHeight);
+  return { datalabels: o, xCfg: a, yCfg: r, isTransposed: y, legend: l, chartWidth: i, chartHeight: k };
+}
+const Ko = {
+  key: 0,
+  class: "pointer-events-none fixed inset-0 z-[120] flex justify-end"
+}, Jo = ["aria-label"], Zo = { class: "relative z-20 flex shrink-0 items-center bg-fm-color-neutral-white justify-between sm:px-5" }, Qo = { class: "fm-typo-en-title-sm-600 text-fm-color-typo-primary min-w-0 flex-1 truncate pr-3" }, el = { class: "flex items-center gap-1.5" }, tl = {
+  key: 0,
+  class: "pb-2 fm-typo-en-body-md-600 text-fm-color-typo-secondary"
+}, nl = ["onMouseenter", "onFocus"], al = { class: "min-w-0 flex flex-1 items-center gap-2.5 pr-2" }, ol = { class: "min-w-0 truncate text-fm-color-typo-secondary" }, ll = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary shrink-0 text-right tabular-nums" }, An = 500, rl = 320, xt = /* @__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 } = et(), r = L(null), l = L(An), y = L(!1), i = S({
+      get: () => n.modelValue,
+      set: (D) => o("update:modelValue", D)
+    }), k = S(() => {
+      var D;
+      return (((D = n.detailsPayload) == null ? void 0 : D.sections) ?? []).filter((z) => z.values.length > 0);
+    }), m = S(() => ({
+      width: `${l.value}px`,
+      maxWidth: "94vw"
+    }));
+    function p(D) {
+      return D.value.toLocaleString();
+    }
+    function f(D) {
+      const z = `: ${p(D)}`;
+      return D.text.endsWith(z) ? D.text.slice(0, -z.length) : D.text;
+    }
+    function C(D) {
+      o("value-hover", D);
+    }
+    function d() {
+      o("value-leave");
+    }
+    function _() {
+      d(), i.value = !1;
+    }
+    function F() {
+      return typeof window > "u" ? An : Math.floor(window.innerWidth * 0.94);
+    }
+    function R(D) {
+      const z = F(), P = Math.min(rl, z);
+      return Math.min(z, Math.max(P, Math.floor(D)));
+    }
+    function b(D) {
+      typeof window > "u" || (l.value = R(window.innerWidth - D));
+    }
+    function x() {
+      y.value = !1, document.removeEventListener("pointermove", g), document.removeEventListener("pointerup", x), document.removeEventListener("pointercancel", x);
+    }
+    function g(D) {
+      y.value && b(D.clientX);
+    }
+    function c(D) {
+      i.value && (y.value = !0, b(D.clientX), document.addEventListener("pointermove", g), document.addEventListener("pointerup", x), document.addEventListener("pointercancel", x));
+    }
+    function v() {
+      l.value = R(l.value);
+    }
+    function $(D) {
+      var I;
+      if (!i.value)
+        return;
+      const z = D.target;
+      if (!(z instanceof Node))
+        return;
+      const P = z instanceof Element ? z : null;
+      P != null && P.closest('[data-tooltip-full-details="true"]') || (I = r.value) != null && I.contains(z) || _();
+    }
+    function B(D) {
+      i.value && D.key === "Escape" && _();
+    }
+    return Ne(() => {
+      l.value = R(l.value), document.addEventListener("pointerdown", $, !0), document.addEventListener("keydown", B), window.addEventListener("resize", v);
+    }), Fa(() => {
+      x(), document.removeEventListener("pointerdown", $, !0), document.removeEventListener("keydown", B), window.removeEventListener("resize", v);
+    }), (D, z) => {
+      const P = Z("FmButton");
+      return X(), he(Ia, {
+        "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: ce(() => [
+          i.value ? (X(), oe("div", Ko, [
+            j("div", {
+              ref_key: "panelRef",
+              ref: r,
+              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: $e(m.value),
+              role: "dialog",
+              "aria-modal": "false",
+              "aria-label": u(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: $t(c, ["prevent"])
+              }, null, 32),
+              j("div", Zo, [
+                j("div", Qo, Le(u(a)("report.widget.comparisonTooltip.fullBreakdownTitle")), 1),
+                j("div", el, [
+                  K(P, {
+                    class: "relative z-30 h-9 w-9 shrink-0",
+                    variant: "tertiary",
+                    icon: "close",
+                    "aria-label": u(a)("report.dynamic.common.close"),
+                    onClick: _
+                  }, 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: d
+              }, [
+                (X(!0), oe(ke, null, it(k.value, (I, V) => (X(), oe("div", {
+                  key: `${I.title || "section"}-${V}`,
+                  class: "flex flex-col gap-2 rounded-2xl bg-fm-color-neutral-white/45 py-3"
+                }, [
+                  I.title ? (X(), oe("p", tl, Le(I.title), 1)) : Ve("", !0),
+                  (X(!0), oe(ke, null, it(I.values, (O, G) => (X(), oe("button", {
+                    key: `${O.text}-${G}`,
+                    type: "button",
+                    class: "fm-typo-en-body-md-400 text-fm-color-typo-primary flex w-full items-center 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: (T) => C(O),
+                    onFocus: (T) => C(O),
+                    onMouseleave: d,
+                    onBlur: d
+                  }, [
+                    j("span", al, [
+                      j("span", {
+                        class: Qe([
+                          "inline-block h-3 w-3 shrink-0 box-border",
+                          O.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: $e({ backgroundColor: O.color })
+                      }, null, 6),
+                      j("span", ol, Le(f(O)), 1)
+                    ]),
+                    j("span", ll, Le(p(O)), 1)
+                  ], 40, nl))), 128))
+                ]))), 128))
+              ], 32)
+            ], 12, Jo)
+          ])) : Ve("", !0)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+function St(e, t) {
+  const { t: n } = et(), o = L(!1), a = L(null), r = L(null);
+  function l() {
+    return zo(e.value) ?? r.value;
+  }
+  function y(f) {
+    o.value = f, !f && (a.value = null, Bt(l()), r.value = null);
+  }
+  function i(f, C) {
+    a.value = f, r.value = C ?? l(), o.value = !0;
+  }
+  function k(f) {
+    Bt(l(), f.focusTarget);
+  }
+  function m() {
+    Bt(l());
+  }
+  const p = S(() => ({
+    viewFullDetailsLabel: n("report.widget.comparisonTooltip.viewBreakdown"),
+    onViewFullDetails: i,
+    maxTooltipItems: u(t == null ? void 0 : t.maxTooltipItems)
+  }));
+  return {
+    isTooltipDetailsSheetOpen: o,
+    tooltipDetailsPayload: a,
+    tooltipOptions: p,
+    handleTooltipDetailsSheetVisibility: y,
+    handleTooltipDetailsHover: k,
+    handleTooltipDetailsLeave: m
+  };
+}
+const sl = /* @__PURE__ */ Be({
+  __name: "WidgetBarchart",
+  props: /* @__PURE__ */ ze({
+    tileIndex: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, n = He(e, "modelValue"), o = L(null), a = S(() => n.value.maxTooltipItems), {
+      isTooltipDetailsSheetOpen: r,
+      tooltipDetailsPayload: l,
+      tooltipOptions: y,
+      handleTooltipDetailsSheetVisibility: i,
+      handleTooltipDetailsHover: k,
+      handleTooltipDetailsLeave: m
+    } = St(o, {
+      maxTooltipItems: a
+    }), p = S(() => {
+      var P;
+      return ((P = n.value.data) == null ? void 0 : P.datasets) ?? [];
+    }), f = S(() => {
+      var P;
+      return ((P = n.value.data) == null ? void 0 : P.xAxis) ?? [];
+    }), C = S(() => f.value.length === 1 && p.value.length > 1 && p.value.every((P) => P.values.length === 1 && P.isCompare !== !0)), d = S(() => C.value ? p.value.map((P) => P.name) : f.value), { datalabels: _, xCfg: F, yCfg: R, isTransposed: b, legend: x, chartWidth: g, chartHeight: c } = ft(
+      n.value
+    ), v = S(
+      () => mt(n.value.isTransposed === !0, !0, y.value)
+    ), $ = Ct("bar"), B = S(() => p.value.length > 0 ? [
+      ...p.value.map((P, I) => {
+        const V = Ae({
+          datasetIndex: I,
+          isCompare: P.isCompare,
+          metricCount: n.value.metricCount,
+          mode: n.value.chartColorBinding
+        }), O = Ae({
+          datasetIndex: I,
+          isCompare: P.isCompare,
+          metricCount: n.value.metricCount,
+          mode: _e.metric
+        });
+        let G = P.values;
+        C.value && (G = p.value.map(
+          (N, A) => A === I ? P.values[0] : Number.NaN
+        ));
+        const T = n.value.chartColorBinding === _e.breakdown, w = At({
+          datasetName: P.name,
+          breakdownValues: n.value.chartBreakdownDimensionValues,
+          fallbackIndex: I
+        });
+        return {
+          label: P.name,
+          data: G,
+          dash: !!P.isCompare,
+          backgroundColor: T ? bt({
+            breakdownIndex: w,
+            metricIndex: O,
+            metricCount: n.value.metricCount,
+            isCompare: P.isCompare,
+            breakdownColors: n.value.chartBreakdownColors,
+            useSecondaryMetricShades: n.value.chartUseSecondaryMetricShades,
+            customColors: n.value.chartColors
+          }) : dt({
+            index: V,
+            isCompare: P.isCompare,
+            customColors: n.value.chartColors
+          })
+        };
+      })
+    ] : []), D = ct();
+    function z() {
+      return D.extractChartSize(o.value, t.tileIndex) || { width: 0, height: 0 };
+    }
+    return Ne(() => {
+      De(() => {
+        z();
+      });
+    }), pe([B], () => {
+      De(() => z());
+    }), (P, I) => {
+      const V = Z("FmBarChart");
+      return X(), oe(ke, null, [
+        Ue(P.$slots, "menu"),
+        K(V, {
+          ref_key: "chartRef",
+          ref: o,
+          class: "bar-chart",
+          datasets: B.value,
+          "x-axis": { categories: d.value },
+          "x-cfg": u(F),
+          "y-cfg": u(R),
+          transpose: u(b),
+          legend: {
+            display: u(x).display ?? !1,
+            position: u(x).position,
+            maxHeight: u(x).maxHeight,
+            maxWidth: u(x).maxWidth,
+            labels: u(x).labels
+          },
+          tooltip: v.value,
+          datalabels: u(_),
+          plugins: [u($)],
+          "maintain-aspect-ratio": !1,
+          style: $e({
+            "--chart-width": u(g) !== void 0 ? u(g) + "px" : "100%",
+            "--chart-height": u(c) !== void 0 ? u(c) + "px" : "calc(100% - 36px)"
+          })
+        }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "tooltip", "datalabels", "plugins", "style"]),
+        K(xt, {
+          "model-value": u(r),
+          "details-payload": u(l),
+          "onUpdate:modelValue": u(i),
+          onValueHover: u(k),
+          onValueLeave: u(m)
+        }, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
+      ], 64);
+    };
+  }
+}), il = /* @__PURE__ */ Be({
+  __name: "WidgetCircular",
+  props: /* @__PURE__ */ ze({
+    tileIndex: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, n = He(e, "modelValue"), { breakpoints: o } = Un(), a = L(null), { datalabels: r, legend: l, chartWidth: y, chartHeight: i } = ft(n.value), k = S(() => {
+      let _ = [];
+      return n.value.data.datasets && n.value.data.metrics && n.value.data.datasets.length > 0 && n.value.data.metrics.length > 0 && (_ = [
+        {
+          label: n.value.data.metrics[0],
+          data: n.value.data.datasets.map((F) => F.value),
+          backgroundColor: n.value.data.datasets.map(
+            (F, R) => dt({ index: R, customColors: n.value.chartColors })
+          )
+        }
+      ]), _;
+    }), m = ct();
+    function p() {
+      return m.extractChartSize(a.value, t.tileIndex) || { width: 0, height: 0 };
+    }
+    Ne(() => {
+      De(() => {
+        p();
+      });
+    }), pe([k], () => {
+      De(() => p());
+    });
+    const f = S(() => o.value.lg ? 12 : 8), C = S(
+      () => ({
+        display: l.value.display ?? !0,
+        position: l.value.position ?? "top",
+        maxHeight: l.value.maxHeight,
+        maxWidth: l.value.maxWidth,
+        labels: {
+          ...l.value.labels,
+          font: {
+            size: f.value
+          }
+        }
+      })
+    ), d = io();
+    return (_, F) => {
+      const R = Z("FmPieChart");
+      return X(), oe(ke, null, [
+        Ue(_.$slots, "menu"),
+        K(R, {
+          ref_key: "chartRef",
+          ref: a,
+          class: "circular",
+          percentage: "70%",
+          datasets: k.value,
+          metrics: n.value.data.datasets.map((b) => b.name),
+          tooltip: u(d),
+          variant: "doughnut",
+          legend: C.value,
+          datalabels: u(r),
+          "maintain-aspect-ratio": !1,
+          style: $e({
+            "--chart-width": u(y) !== void 0 ? u(y) + "px" : "100%",
+            "--chart-height": u(i) !== void 0 ? u(i) + "px" : "calc(100% - 36px)"
+          })
+        }, null, 8, ["datasets", "metrics", "tooltip", "legend", "datalabels", "style"])
+      ], 64);
+    };
+  }
+});
+function Rt(e) {
+  if (e == null || e === "")
+    return "";
+  const t = String(e), n = Number(t);
+  if (isNaN(n)) return t;
+  const [o, a] = t.split("."), r = new Intl.NumberFormat("en-US").format(Number(o));
+  return a !== void 0 ? `${r}.${a}` : r;
+}
+const ul = { class: "flex flex-col gap-1" }, cl = { class: "fm-typo-en-title-md-600" }, dl = { class: "flex gap-2" }, ml = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, fl = { key: 0 }, pl = { key: 1 }, hl = /* @__PURE__ */ Be({
+  __name: "WidgetScorecard",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = He(e, "modelValue"), { t: n } = et(), { compareDateRange: o, defaultDateSetting: a } = Ee(gt()), { country: r } = an(), l = S(() => {
+      var d;
+      return ((d = t.value.data) == null ? void 0 : d.value) || "";
+    }), y = S(() => Rt(l.value)), i = S(() => {
+      const { data: d } = t.value;
+      return d != null && d.comparison ? Yn(l.value, d.comparison, r) : null;
+    });
+    function k(d) {
+      switch (d) {
+        case Gt.bar:
+          return "bar";
+        case Gt.line:
+          return "line";
+        default:
+          return "line";
+      }
+    }
+    const m = S(() => {
+      var d;
+      return (d = t.value.data) == null ? void 0 : d.sparkline;
+    }), p = S(() => ({
+      display: !1,
+      beginAtZero: !1,
+      grace: "20%"
+    })), f = S(() => m.value.datasets.map((d) => ({
+      label: d.name,
+      data: d.values,
+      fill: !0,
+      color: "#36a2eb"
+    }))), C = S(() => mt(!1, !0));
+    return (d, _) => {
+      const F = Z("FmIcon"), R = Z("FmChip"), b = Z("FmTooltip"), x = Z("FmLineChart");
+      return X(), oe("div", ul, [
+        Ue(d.$slots, "menu"),
+        j("p", cl, Le(y.value), 1),
+        j("div", dl, [
+          K(b, {
+            disabled: i.value === null,
+            placement: "right",
+            "hide-arrow": "",
+            variant: "rich"
+          }, {
+            content: ce(() => {
+              var g;
+              return [
+                j("span", ml, Le(`vs. ${(g = u(a).defaultCompareType) == null ? void 0 : g.split("_").join(" ")}`), 1)
+              ];
+            }),
+            default: ce(() => [
+              i.value ? (X(), he(R, {
+                key: 0,
+                icon: i.value.icon.name,
+                class: Qe(`bg-${i.value.icon.tailwind}`),
+                compact: ""
+              }, {
+                default: ce(() => [
+                  K(F, {
+                    name: i.value.icon.name,
+                    color: i.value.icon.color
+                  }, null, 8, ["name", "color"]),
+                  j("p", {
+                    class: "fm-typo-en-body-md-600",
+                    style: $e({ color: i.value.icon.color })
+                  }, Le(i.value.value), 5)
+                ]),
+                _: 1
+              }, 8, ["icon", "class"])) : Ve("", !0),
+              u(o).endDate != null && u(o).startDate != null && i.value === null ? (X(), he(R, {
+                key: 1,
+                class: "invisible pointer-events-none",
+                "aria-hidden": "true",
+                compact: ""
+              }, {
+                default: ce(() => [
+                  K(F, {
+                    name: "arrow_upward",
+                    color: "#C7C7CC"
+                  }),
+                  _[0] || (_[0] = j("p", { class: "fm-typo-en-body-md-600" }, " ", -1))
+                ]),
+                _: 1
+              })) : Ve("", !0)
+            ]),
+            _: 1
+          }, 8, ["disabled"])
+        ]),
+        m.value ? (X(), oe("div", fl, [
+          k(m.value.type) === "line" ? (X(), he(x, {
+            key: 0,
+            class: "sparkline",
+            datasets: f.value,
+            legend: {
+              display: !1
+            },
+            datalabels: { display: !1 },
+            "x-axis": { categories: m.value.dimensions },
+            "y-cfg": p.value,
+            "x-cfg": { display: !1 },
+            tooltip: C.value,
+            "maintain-aspect-ratio": !1
+          }, null, 8, ["datasets", "x-axis", "y-cfg", "tooltip"])) : Ve("", !0)
+        ])) : (X(), oe("div", pl, _[1] || (_[1] = [
+          j("div", { class: "sparkline" }, [
+            j("div", { class: "flex flex-col gap-8" }, [
+              j("div"),
+              j("div")
+            ]),
+            j("div", { class: "grow" })
+          ], -1)
+        ])))
+      ]);
+    };
+  }
+}), vl = {};
+function gl(e, t) {
+  const n = Z("FmMenuDivider");
+  return X(), he(n);
+}
+const yl = /* @__PURE__ */ eo(vl, [["render", gl]]), bl = "mf-reporttable-dimension", Mn = En(bl, () => {
+  const e = L(0), t = L([]), n = L(!1), o = (b, x) => {
+    e.value = b, r(b, x);
+  }, a = (b, x, g, c) => {
+    t[b] = x, t.value = [...t.value], l(b, x, g, c);
+  }, r = (b, x) => {
+    const g = (x == null ? void 0 : x.querySelectorAll("thead tr")) ?? [], c = (x == null ? void 0 : x.querySelectorAll("tbody tr")) ?? [];
+    [...g, ...c].forEach(($) => {
+      const B = $;
+      B && (B.style.height = `${b}px`);
+    });
+  }, l = (b, x, g, c = !1) => {
+    const v = (g == null ? void 0 : g.querySelectorAll("th")) ?? [];
+    if (b === void 0) return;
+    const $ = v[b], B = c ? t[b] : x;
+    if (!$ || B === void 0) return;
+    const D = () => {
+      $.style.width = `${B}px`;
+    };
+    c ? requestAnimationFrame(D) : D();
+  }, y = () => {
+    const b = document.querySelectorAll("th"), x = document.querySelectorAll("td"), g = document.querySelector("table");
+    g == null || g.classList.add("table-fixed"), b.forEach((c) => c.classList.add("toggleEditResize")), x.forEach((c) => c.classList.add("toggleEditResize")), n.value = !0;
+  }, i = () => {
+    const b = document.querySelectorAll("th"), x = document.querySelectorAll("td"), g = document.querySelectorAll(".col-resize-handle"), c = document.querySelectorAll(".row-resize-handle");
+    b.forEach((v) => v.classList.remove("toggleEditResize")), x.forEach((v) => v.classList.remove("toggleEditResize")), g.forEach((v) => v.remove()), c.forEach((v) => v.remove()), n.value = !1;
+  }, k = () => {
+    e.value = 0, t.value = [];
+  }, m = (b, x) => {
+    if (x) {
+      const g = document.querySelectorAll(`thead th:nth-child(${b + 1})`), c = document.querySelectorAll(`tbody td:nth-child(${b + 1})`);
+      [...g, ...c].forEach((v) => {
+        v.classList.add("highlight-hover-col");
+      });
+    } else
+      document.querySelectorAll(
+        `thead th:nth-child(${b + 1}), tbody td:nth-child(${b + 1})`
+      ).forEach((g) => g.classList.add("highlight-col"));
+  }, p = (b) => {
+    const x = document.querySelectorAll("thead tr"), g = document.querySelectorAll("tbody tr"), c = [...x, ...g];
+    for (const v of c)
+      b ? v.classList.add("highlight-hover-row") : v.classList.add("highlight-row");
+  }, f = (b) => {
+    const x = b ? ".highlight-hover-row" : ".highlight-row", g = document.querySelectorAll(x);
+    for (const c of g)
+      c.classList.remove(x.slice(1));
+  }, C = (b) => {
+    b ? document.querySelectorAll(".highlight-hover-col").forEach((x) => {
+      x.classList.remove("highlight-hover-col");
+    }) : document.querySelectorAll(".highlight-col").forEach((x) => x.classList.remove("highlight-col"));
+  }, d = (b, x) => {
+    const g = b.clientX, c = b.target.closest("table");
+    if (!c) return;
+    const v = c.querySelectorAll("th")[x];
+    if (!v) return;
+    const $ = v.getBoundingClientRect().width || 60, B = v.querySelector("button"), D = (B == null ? void 0 : B.querySelector("span")) || v.querySelector("p") || v;
+    let z = 60;
+    if (D) {
+      const T = D.textContent || "", w = window.getComputedStyle(D), N = `${w.fontWeight} ${w.fontSize} ${w.fontFamily}`, W = document.createElement("canvas").getContext("2d");
+      if (W) {
+        W.font = N;
+        const U = W.measureText(T), ee = window.getComputedStyle(v), te = parseFloat(ee.paddingLeft || "0"), ve = parseFloat(ee.paddingRight || "0");
+        z = U.width + te + ve;
+      }
+    }
+    m(x, !1);
+    let P = null, I = null;
+    const V = () => {
+      if (I === null) return;
+      const T = v;
+      T.style.width = `${I}px`;
+      let w = 0;
+      c.querySelectorAll("th").forEach((A, W) => {
+        w += W === x ? I : A.getBoundingClientRect().width;
+      }), c.classList.remove("w-full"), c.style.width = `${w}px`, P = null;
+    }, O = (T) => {
+      const w = T.clientX - g;
+      I = Math.max(z, $ + w), P === null && (P = requestAnimationFrame(V));
+    }, G = () => {
+      P !== null && cancelAnimationFrame(P), I !== null && (v.style.width = `${I}px`);
+      const T = c.querySelectorAll("th"), w = [];
+      T.forEach((N) => {
+        w.push(N.getBoundingClientRect().width);
+      }), t.value = w, C(!1), document.removeEventListener("mousemove", O), document.removeEventListener("mouseup", G);
+    };
+    document.addEventListener("mousemove", O), document.addEventListener("mouseup", G);
+  }, _ = (b) => {
+    const x = b.clientY, g = b.target.closest("table"), c = e.value || 48;
+    p(!1);
+    const v = (B) => {
+      const D = Math.max(30, c + (B.clientY - x));
+      g && o(D, g);
+    }, $ = () => {
+      f(!1), document.removeEventListener("mousemove", v), document.removeEventListener("mouseup", $);
+    };
+    document.addEventListener("mousemove", v), document.addEventListener("mouseup", $);
+  };
+  return {
+    rowHeight: e,
+    colWidths: t,
+    isEditing: n,
+    updateRowHeight: o,
+    updateColWidth: a,
+    setRowHeights: r,
+    setColWidths: l,
+    enableEditMode: y,
+    disableEditMode: i,
+    resetStore: k,
+    highlightCol: m,
+    highlightRows: p,
+    removeRowHighlight: f,
+    removeColHighlight: C,
+    resizeCol: d,
+    resizeRow: _,
+    enableCellResizing: () => {
+      const b = document.querySelector("thead"), x = document.querySelectorAll("thead tr"), g = document.querySelectorAll("tbody tr"), c = [...x, ...g];
+      b && b.classList.remove("sticky");
+      const v = ($, B) => {
+        const D = document.createElement("div");
+        return D.className = `${$}-resize-handle`, $ === "col" ? (D.addEventListener("mouseenter", () => m(B, !0)), D.addEventListener("mouseleave", () => C(!0)), D.addEventListener("mousedown", (z) => {
+          z.stopPropagation(), d(z, B);
+        })) : (D.addEventListener("mouseenter", () => p(!0)), D.addEventListener("mouseleave", () => f(!0)), D.addEventListener("mousedown", (z) => {
+          z.stopPropagation(), _(z);
+        })), D;
+      };
+      c.forEach(($) => {
+        const B = $.closest("thead") !== null;
+        $.querySelectorAll(B ? "th" : "td").forEach((z, P) => {
+          const I = v("col", P), V = v("row", P);
+          z.appendChild(I), z.appendChild(V);
+        });
+      }), y();
+    },
+    cancelResizingChanges: () => {
+      i();
+    }
+  };
+}), Cl = "/assets/processTableData.worker-DrSBAOPU.js", wl = { class: "my-4" }, xl = {
+  class: "border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm",
+  style: { backgroundColor: "#f9f9f9" }
+}, Sl = { class: "font-bold" }, _l = { class: "text-fm-color-neutral-gray-300" }, kl = /* @__PURE__ */ Be({
+  __name: "WidgetTable",
+  props: /* @__PURE__ */ ze({
+    tileIndex: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const { t, te: n } = et(), o = He(e, "modelValue"), { country: a } = an(), { clearTileSorts: r, setTileSorts: l } = Aa(), y = on(), i = e, k = L([]), { isEditing: m, colWidths: p, rowHeight: f } = Ee(Mn()), { setColWidths: C, setRowHeights: d, enableCellResizing: _ } = Mn(), F = L(null), R = S(() => {
+      var T;
+      return ((T = o.value.data) == null ? void 0 : T.columns) || [{ label: "", key: "" }];
+    }), b = S(() => {
+      var T;
+      return ((T = o.value.data) == null ? void 0 : T.rows) || [];
+    }), x = S(() => o.value.filterText), g = S(() => {
+      var T, w;
+      if (!(x.value && x.value.trim().length > 0 || !((T = b.value[0]) != null && T.isRollup) && !((w = b.value[b.value.length - 1]) != null && w.isRollup))) {
+        if (o.value.rollupPosition === Ge.top || o.value.rollupPosition === void 0)
+          return Ge.top;
+        if (o.value.rollupPosition === Ge.bottom)
+          return Ge.bottom;
+      }
+    }), c = S(() => {
+      const A = g.value !== void 0 ? 1 : 0, W = (F.value ? F.value.$el.offsetHeight : 0) - 48;
+      return Math.floor((W - 34.5 - 32) / 48) - A;
+    }), v = S(() => {
+      var w, N;
+      let T = [];
+      switch (g.value) {
+        case Ge.top:
+          T = [...((w = b.value[0]) == null ? void 0 : w.cells) || []].map((A, W) => {
+            var U;
+            return {
+              main: A,
+              comparison: (U = b.value[0]) == null ? void 0 : U.comparisonCells[W],
+              rowType: R.value[W].type
+            };
+          });
+          break;
+        case Ge.bottom:
+          T = [...((N = b.value[b.value.length - 1]) == null ? void 0 : N.cells) || []].map((A, W) => {
+            var U;
+            return {
+              main: A,
+              comparison: (U = b.value[0]) == null ? void 0 : U.comparisonCells[W],
+              rowType: R.value[W].type
+            };
+          });
+          break;
+      }
+      return T.length > 0 && T[0].main === "" && (T[0].main = Ke(t, n, "Grand Total", "other")), T;
+    });
+    function $(T) {
+      let w = (T == null ? void 0 : T.main) || "";
+      return !T || T.main === "" || !T.comparison ? {
+        main: w
+      } : (w.includes("#") && !w.startsWith("#") && (w = w.split("#")[0]), {
+        main: w,
+        comparison: T == null ? void 0 : T.comparison,
+        difference: Yn(T.main, T.comparison, a)
+      });
+    }
+    Ne(() => {
+      r();
+    });
+    const B = L([]);
+    let D = 0, z;
+    function P() {
+      var W;
+      if (!((W = o.value) != null && W.data)) {
+        B.value = [];
+        return;
+      }
+      const T = ++D, w = (o.value.data.rows || []).map((U) => ({
+        isRollup: U.isRollup,
+        cells: Array.isArray(U.cells) ? [...U.cells] : [],
+        comparisonCells: Array.isArray(U.comparisonCells) ? [...U.comparisonCells] : []
+      })), N = (o.value.data.columns || []).map((U) => ({
+        key: U.key,
+        type: U.type,
+        label: U.label
+      })), A = {
+        rows: w,
+        columns: N,
+        filter: x.value ?? "",
+        globalSorts: Va(k.value).map((U) => ({
+          key: U.key,
+          type: U.type
+        })),
+        grandTotalPosition: g.value,
+        pageSize: c.value
+      };
+      Ma(Cl, A).then((U) => {
+        T === D && (U != null && U.error ? (y.open({ message: "Failed to process table data. Please retry.", type: "error" }), console.log(U.error), B.value = []) : B.value = $a(U.data || []));
+      });
+    }
+    pe(
+      () => k.value,
+      (T) => {
+        i.tileIndex === void 0 || i.tileIndex === null || l(i.tileIndex, T);
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const I = S(() => {
+      var N, A;
+      const T = ((N = o.value.data) == null ? void 0 : N.rows) || [], w = ((A = o.value.data) == null ? void 0 : A.columns) || [];
+      return JSON.stringify({
+        rowsLength: T.length,
+        columns: w.map((W) => ({ key: W.key, type: W.type, label: W.label })),
+        filter: x.value ?? "",
+        globalSorts: k.value.map((W) => ({ key: W.key, type: W.type })),
+        grandTotalPosition: g.value,
+        pageSize: c.value
+      });
+    });
+    pe(
+      () => I.value,
+      () => {
+        clearTimeout(z), z = setTimeout(P, 200);
+      },
+      { immediate: !0 }
+    );
+    function V(T) {
+      const w = k.value.find((N) => N.key === T);
+      if (!w) {
+        k.value.push({ key: T, type: je.Asc });
+        return;
+      }
+      w.type === je.Asc ? w.type = je.Desc : w.type === je.Desc && (k.value = k.value.filter((N) => N.key !== T));
+    }
+    const O = S(
+      () => {
+        var T;
+        return (((T = o.value.colWidths) == null ? void 0 : T.length) ?? 0) > 0 || p.value.length > 0;
+      }
+    ), G = S(() => {
+      var T;
+      return (T = o.value.data) != null && T.columns ? o.value.data.columns.map((w) => {
+        const N = Ke(t, n, w.label, "other"), A = k.value.find((ee) => ee.key === w.key), W = !!A, U = W ? A.type === je.Asc ? "arrow_upward" : "arrow_downward" : "unfold_more";
+        return {
+          accessorKey: w.key,
+          header: () => {
+            const ee = Z("FmIcon");
+            return Dt(
+              "button",
+              {
+                type: "button",
+                class: `w-full flex items-center gap-1 group/select-header select-none ${w.type === "NUMERIC" ? "justify-end" : "justify-start"} ${W ? "text-fm-color-typo-primary" : "text-fm-color-neutral-gray-400"}`,
+                onClick: () => V(w.key)
+              },
+              [
+                Dt(
+                  "span",
+                  { class: `${w.type === "NUMERIC" ? "text-right" : ""} whitespace-nowrap` },
+                  N
+                ),
+                Dt(ee, {
+                  name: U,
+                  color: W ? "primary" : "neutral-gray-400",
+                  size: "sm",
+                  class: "transition-transform",
+                  style: U === "arrow_upward" ? "transform: translateY(-1px);" : ""
+                })
+              ]
+            );
+          },
+          cell: (ee) => {
+            var ye, Ie;
+            const te = $(ee.getValue()), ve = (Ie = (ye = ee == null ? void 0 : ee.row) == null ? void 0 : ye.original) == null ? void 0 : Ie.isRollup;
+            return Dt(
+              "div",
+              {
+                class: [
+                  ve ? "fm-typo-en-body-md-600 text-fm-color-typo-primary" : "fm-typo-en-body-md-400",
+                  w.type === "NUMERIC" ? "text-right" : "",
+                  O.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
+                ].join(" ")
+              },
+              [w.type === "NUMERIC" ? Rt(te.main) : te.main]
+            );
+          },
+          enableSorting: !1
+        };
+      }) : [];
+    });
+    return pe(
+      () => p.value.length > 0,
+      async (T) => {
+        T && m.value && (await De(), _());
+      }
+    ), pe(
+      [() => G.value],
+      async () => {
+        var W;
+        await De();
+        const T = (W = F.value) == null ? void 0 : W.$el;
+        if (!T) return;
+        const w = T.querySelector("table");
+        if (!w) return;
+        w.classList.add(O.value ? "table-fixed" : "table-auto");
+        let N, A;
+        m.value ? (_(), N = p.value, A = f.value) : (A = o.value.rowHeight, N = o.value.colWidths), typeof A == "number" && d(A, T), N == null || N.forEach((U, ee) => {
+          C(ee, U, T);
+        });
+      },
+      { immediate: !0 }
+    ), (T, w) => {
+      const N = Z("FmTable");
+      return X(), oe(ke, null, [
+        j("div", wl, [
+          Ue(T.$slots, "menu")
+        ]),
+        K(N, {
+          ref_key: "table",
+          ref: F,
+          "column-defs": G.value,
+          "row-data": B.value,
+          "search-value": x.value,
+          "page-size": c.value,
+          "shrink-at": !1,
+          "force-mobile-footer": !0,
+          class: "scrollbar-hide-table",
+          "pin-header-row": !0,
+          "auto-reset-page-index": !0
+        }, {
+          "pin-top": ce(() => [
+            j("tbody", null, [
+              j("tr", xl, [
+                (X(!0), oe(ke, null, it(v.value, (A, W) => (X(), oe("td", {
+                  key: `${u(vt)()}_${W}`,
+                  class: "h-[48px] text-fm-color-typo-primary px-16"
+                }, [
+                  j("span", {
+                    class: Qe([
+                      "items-center text-fm-color-typo-secondary gap-2",
+                      A.rowType === "NUMERIC" ? "text-right" : "",
+                      O.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
+                    ])
+                  }, [
+                    j("p", Sl, Le(A.rowType === "NUMERIC" ? u(Rt)(A.main) : A.main), 1),
+                    j("p", _l, Le(A.comparison ? A.rowType === "NUMERIC" ? `(${u(Rt)(A.comparison)})` : `(${A.comparison})` : ""), 1)
+                  ], 2)
+                ]))), 128))
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["column-defs", "row-data", "search-value", "page-size"])
+      ], 64);
+    };
+  }
+}), Tl = /* @__PURE__ */ Be({
+  __name: "WidgetStackBarChart",
+  props: /* @__PURE__ */ ze({
+    tileIndex: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, n = He(e, "modelValue"), o = L(null), a = S(() => n.value.maxTooltipItems), {
+      isTooltipDetailsSheetOpen: r,
+      tooltipDetailsPayload: l,
+      tooltipOptions: y,
+      handleTooltipDetailsSheetVisibility: i,
+      handleTooltipDetailsHover: k,
+      handleTooltipDetailsLeave: m
+    } = St(o, {
+      maxTooltipItems: a
+    }), p = S(() => {
+      var G;
+      return ((G = n.value.data) == null ? void 0 : G.xAxis) || [];
+    }), f = S(() => {
+      var O;
+      return ((O = n.value.data) == null ? void 0 : O.datasets) ?? [];
+    }), { datalabels: C, xCfg: d, yCfg: _, isTransposed: F, legend: R, chartWidth: b, chartHeight: x } = ft(
+      n.value
+    ), g = S(
+      () => mt(n.value.isTransposed === !0, !0, y.value)
+    ), c = Ct("bar"), v = S(() => n.value.stackBarOverlap === !0), $ = S(() => v.value === !1), B = S(() => ({
+      ...d.value,
+      stacked: $.value
+    })), D = S(() => ({
+      ..._.value,
+      stacked: $.value
+    }));
+    function z({
+      datasetIndex: O,
+      colorIndex: G,
+      breakdownIndex: T
+    }) {
+      var W;
+      const w = n.value.chartColorBinding === _e.metric ? G : n.value.chartColorBinding === _e.breakdown ? T : O, N = (W = n.value.chartColorLayers) == null ? void 0 : W[w], A = Number(N);
+      return Number.isInteger(A) && A > 0 ? A : w + 1;
+    }
+    const P = S(() => {
+      if (f.value.length > 0) {
+        let O = 0, G = 0;
+        const T = f.value.map((w, N) => {
+          const A = n.value.chartColorBinding === _e.metric && (n.value.metricCount ?? 0) > 0 ? w.isCompare ? G++ % Number(n.value.metricCount) : O++ % Number(n.value.metricCount) : Ae({
+            datasetIndex: N,
+            isCompare: w.isCompare,
+            metricCount: n.value.metricCount,
+            mode: n.value.chartColorBinding
+          }), W = Ae({
+            datasetIndex: N,
+            isCompare: w.isCompare,
+            metricCount: n.value.metricCount,
+            mode: _e.metric
+          }), U = At({
+            datasetName: w.name,
+            breakdownValues: n.value.chartBreakdownDimensionValues,
+            fallbackIndex: N
+          }), ee = z({
+            datasetIndex: N,
+            colorIndex: A,
+            breakdownIndex: U
+          });
+          let te = w.values;
+          return {
+            dataset: {
+              label: w.name,
+              data: te,
+              dash: !!w.isCompare,
+              grouped: v.value ? !1 : void 0,
+              order: v.value ? ee : void 0,
+              backgroundColor: n.value.chartColorBinding === _e.breakdown ? bt({
+                breakdownIndex: U,
+                metricIndex: W,
+                metricCount: n.value.metricCount,
+                isCompare: w.isCompare,
+                breakdownColors: n.value.chartBreakdownColors,
+                useSecondaryMetricShades: n.value.chartUseSecondaryMetricShades,
+                customColors: n.value.chartColors
+              }) : dt({
+                index: A,
+                isCompare: w.isCompare,
+                customColors: n.value.chartColors
+              })
+            }
+          };
+        });
+        return v.value ? T.map((w) => w.dataset) : T.map((w) => w.dataset);
+      } else
+        return [];
+    }), I = ct();
+    function V() {
+      return I.extractChartSize(o.value, t.tileIndex) || { width: 0, height: 0 };
+    }
+    return Ne(() => {
+      De(() => {
+        V();
+      });
+    }), pe([P], () => {
+      De(() => V());
+    }), (O, G) => {
+      const T = Z("FmBarChart");
+      return X(), oe(ke, null, [
+        Ue(O.$slots, "menu"),
+        K(T, {
+          ref_key: "chartRef",
+          ref: o,
+          class: "bar-chart",
+          datasets: P.value,
+          "x-axis": { categories: p.value },
+          "x-cfg": B.value,
+          "y-cfg": D.value,
+          transpose: u(F),
+          stacked: $.value,
+          legend: {
+            display: u(R).display ?? !1,
+            position: u(R).position,
+            maxHeight: u(R).maxHeight,
+            maxWidth: u(R).maxWidth,
+            labels: u(R).labels
+          },
+          tooltip: g.value,
+          plugins: [u(c)],
+          datalabels: u(C),
+          "maintain-aspect-ratio": !1,
+          style: $e({
+            "--chart-width": u(b) !== void 0 ? u(b) + "px" : "100%",
+            "--chart-height": u(x) !== void 0 ? u(x) + "px" : "calc(100% - 36px)"
+          })
+        }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "stacked", "legend", "tooltip", "plugins", "datalabels", "style"]),
+        K(xt, {
+          "model-value": u(r),
+          "details-payload": u(l),
+          "onUpdate:modelValue": u(i),
+          onValueHover: u(k),
+          onValueLeave: u(m)
+        }, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
+      ], 64);
+    };
+  }
+}), Ll = /* @__PURE__ */ Be({
+  __name: "WidgetClusteredStackBarchart",
+  props: /* @__PURE__ */ ze({
+    tileIndex: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, n = He(e, "modelValue"), o = L(null), a = S(() => n.value.maxTooltipItems), {
+      isTooltipDetailsSheetOpen: r,
+      tooltipDetailsPayload: l,
+      tooltipOptions: y,
+      handleTooltipDetailsSheetVisibility: i,
+      handleTooltipDetailsHover: k,
+      handleTooltipDetailsLeave: m
+    } = St(o, {
+      maxTooltipItems: a
+    }), p = S(() => {
+      var w;
+      return ((w = n.value.data) == null ? void 0 : w.xAxis) || [];
+    }), f = S(() => {
+      var w;
+      return ((w = n.value.data) == null ? void 0 : w.datasets) ?? [];
+    }), { datalabels: C, xCfg: d, yCfg: _, isTransposed: F, legend: R, chartWidth: b, chartHeight: x } = ft(
+      n.value
+    ), g = S(
+      () => mt(n.value.isTransposed === !0, !0, y.value)
+    ), c = Ct("bar"), v = S(() => n.value.stackBarOverlap === !0), $ = S(() => v.value === !1), B = S(() => ({
+      ...d.value,
+      stacked: $.value
+    })), D = S(() => ({
+      ..._.value,
+      stacked: $.value
+    }));
+    function z(w) {
+      const N = " - ", A = w.lastIndexOf(N);
+      return A < 0 ? {
+        clusterKey: w,
+        metricLabel: w
+      } : {
+        clusterKey: w.slice(0, A),
+        metricLabel: w.slice(A + N.length)
+      };
+    }
+    function P(w, N) {
+      if (typeof w == "string") {
+        const A = w.trim();
+        if (A.length > 0)
+          return A;
+      }
+      return `Series ${N + 1}`;
+    }
+    function I(w) {
+      return Array.isArray(w) ? w.map((N) => {
+        const A = Number(N);
+        return Number.isFinite(A) ? A : Number.NaN;
+      }) : [];
+    }
+    function V({
+      datasetIndex: w,
+      colorIndex: N
+    }) {
+      var ee;
+      const A = n.value.chartColorBinding === _e.metric ? N : w, W = (ee = n.value.chartColorLayers) == null ? void 0 : ee[A], U = Number(W);
+      return Number.isInteger(U) && U > 0 ? U : A + 1;
+    }
+    const O = S(() => {
+      if (f.value.length === 0)
+        return [];
+      const w = f.value.map((te, ve) => ({
+        source: te,
+        index: ve,
+        name: P(te == null ? void 0 : te.name, ve),
+        values: I(te == null ? void 0 : te.values)
+      })), N = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Map();
+      for (const te of w) {
+        const { clusterKey: ve, metricLabel: ye } = z(te.name);
+        A.has(ve) || A.set(ve, A.size), N.has(ye) || N.set(ye, N.size);
+      }
+      const W = Math.max(N.size, 1), U = n.value.chartColorBinding === _e.breakdown, ee = n.value.chartUseSecondaryMetricShades !== !1;
+      return w.map((te) => {
+        const ve = Ae({
+          datasetIndex: te.index,
+          isCompare: te.source.isCompare,
+          metricCount: n.value.metricCount,
+          mode: n.value.chartColorBinding
+        }), { clusterKey: ye, metricLabel: Ie } = z(te.name), s = A.get(ye) ?? 0, H = N.get(Ie) ?? 0, q = U ? bt({
+          breakdownIndex: s,
+          metricIndex: H,
+          metricCount: W,
+          isCompare: te.source.isCompare,
+          breakdownColors: n.value.chartBreakdownColors,
+          useSecondaryMetricShades: ee,
+          colorMode: "clustered"
+        }) : dt({
+          index: ve,
+          isCompare: te.source.isCompare,
+          customColors: n.value.chartColors
+        }), E = V({
+          datasetIndex: te.index,
+          colorIndex: ve
+        });
+        return {
+          label: Ie,
+          tooltipLabel: `${ye} - ${Ie}`,
+          data: te.values,
+          dash: !!te.source.isCompare,
+          grouped: !0,
+          order: v.value ? E : void 0,
+          stack: te.source.isCompare ? `${ye}__compare` : `${ye}__main`,
+          backgroundColor: q
+        };
+      });
+    }), G = ct();
+    function T() {
+      return G.extractChartSize(o.value, t.tileIndex) || { width: 0, height: 0 };
+    }
+    return Ne(() => {
+      De(() => {
+        T();
+      });
+    }), pe([O], () => {
+      De(() => T());
+    }), (w, N) => {
+      const A = Z("FmBarChart");
+      return X(), oe(ke, null, [
+        Ue(w.$slots, "menu"),
+        K(A, {
+          ref_key: "chartRef",
+          ref: o,
+          class: "bar-chart",
+          datasets: O.value,
+          "x-axis": { categories: p.value },
+          "x-cfg": B.value,
+          "y-cfg": D.value,
+          transpose: u(F),
+          stacked: $.value,
+          legend: {
+            display: u(R).display ?? !1,
+            position: u(R).position,
+            maxHeight: u(R).maxHeight,
+            maxWidth: u(R).maxWidth,
+            labels: u(R).labels
+          },
+          tooltip: g.value,
+          plugins: [u(c)],
+          datalabels: u(C),
+          "maintain-aspect-ratio": !1,
+          style: $e({
+            "--chart-width": u(b) !== void 0 ? u(b) + "px" : "100%",
+            "--chart-height": u(x) !== void 0 ? u(x) + "px" : "calc(100% - 36px)"
+          })
+        }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "stacked", "legend", "tooltip", "plugins", "datalabels", "style"]),
+        K(xt, {
+          "model-value": u(r),
+          "details-payload": u(l),
+          "onUpdate:modelValue": u(i),
+          onValueHover: u(k),
+          onValueLeave: u(m)
+        }, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
+      ], 64);
+    };
+  }
+});
+function Dl(e) {
+  const t = Reflect.get(e, "lineStyle"), n = Reflect.get(e, "dash") === !0;
+  return oo(t, n);
+}
+function na(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 r = a;
+        Reflect.set(r, "borderDash", Dl(r));
+      });
+    }
+  };
+}
+const Fl = /* @__PURE__ */ Be({
+  __name: "WidgetStackLineChart",
+  props: /* @__PURE__ */ ze({
+    tileIndex: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, n = He(e, "modelValue"), o = L(null), a = S(() => n.value.maxTooltipItems), {
+      isTooltipDetailsSheetOpen: r,
+      tooltipDetailsPayload: l,
+      tooltipOptions: y,
+      handleTooltipDetailsSheetVisibility: i,
+      handleTooltipDetailsHover: k,
+      handleTooltipDetailsLeave: m
+    } = St(o, {
+      maxTooltipItems: a
+    }), p = S(() => {
+      var I;
+      return ((I = n.value.data) == null ? void 0 : I.xAxis) ?? [];
+    }), f = S(
+      () => p.value.length === 1 && d.value.length > 0 && d.value.every((I) => I.values.length === 1)
+    ), C = S(() => f.value ? ["", p.value[0], ""] : p.value), d = S(() => {
+      var I;
+      return ((I = n.value.data) == null ? void 0 : I.datasets) ?? [];
+    }), { datalabels: _, xCfg: F, yCfg: R, isTransposed: b, legend: x, chartWidth: g, chartHeight: c } = ft(
+      n.value
+    ), v = S(
+      () => mt(n.value.isTransposed === !0, !0, y.value)
+    ), $ = Ct("line"), B = na("report-line-style-plugin-stack-line"), D = S(() => d.value.length > 0 ? [
+      ...d.value.map((I, V) => {
+        var ee;
+        let O = I.values;
+        f.value && (O = [NaN, O[0], NaN]);
+        const G = Ae({
+          datasetIndex: V,
+          isCompare: I.isCompare,
+          metricCount: n.value.metricCount,
+          mode: n.value.chartColorBinding
+        }), T = Ae({
+          datasetIndex: V,
+          isCompare: I.isCompare,
+          metricCount: n.value.metricCount,
+          mode: _e.metric
+        }), w = Ae({
+          datasetIndex: V,
+          isCompare: I.isCompare,
+          metricCount: n.value.metricCount,
+          mode: n.value.lineStyleBinding
+        }), N = (ee = n.value.lineStyles) == null ? void 0 : ee[w], A = n.value.chartColorBinding === _e.breakdown, W = At({
+          datasetName: I.name,
+          breakdownValues: n.value.chartBreakdownDimensionValues,
+          fallbackIndex: V
+        }), U = A ? bt({
+          breakdownIndex: W,
+          metricIndex: T,
+          metricCount: n.value.metricCount,
+          isCompare: I.isCompare,
+          breakdownColors: n.value.chartBreakdownColors,
+          useSecondaryMetricShades: n.value.chartUseSecondaryMetricShades,
+          customColors: n.value.chartColors
+        }) : dt({
+          index: G,
+          isCompare: I.isCompare,
+          customColors: n.value.chartColors
+        });
+        return {
+          label: I.name,
+          data: O,
+          dash: I.isCompare,
+          lineStyle: N,
+          fill: !0,
+          color: U,
+          pointRadius: f.value ? 4 : void 0,
+          pointHoverRadius: f.value ? 6 : void 0,
+          pointBackgroundColor: f.value ? U : void 0,
+          pointBorderColor: f.value ? U : void 0,
+          pointBorderWidth: f.value ? 2 : void 0
+        };
+      })
+    ] : []), z = ct();
+    function P() {
+      return z.extractChartSize(o.value, t.tileIndex) || { width: 0, height: 0 };
+    }
+    return Ne(() => {
+      De(() => {
+        P();
+      });
+    }), pe([D], () => {
+      De(() => P());
+    }), (I, V) => {
+      const O = Z("FmLineChart");
+      return X(), oe(ke, null, [
+        Ue(I.$slots, "menu"),
+        K(O, {
+          ref_key: "chartRef",
+          ref: o,
+          class: "line-chart",
+          datasets: D.value,
+          "x-axis": { categories: C.value },
+          "x-cfg": u(F),
+          "y-cfg": u(R),
+          transpose: u(b),
+          legend: {
+            display: u(x).display ?? !1,
+            position: u(x).position,
+            maxHeight: u(x).maxHeight,
+            maxWidth: u(x).maxWidth,
+            labels: u(x).labels
+          },
+          tooltip: v.value,
+          plugins: [u($), u(B)],
+          stacked: !0,
+          datalabels: u(_),
+          "maintain-aspect-ratio": !1,
+          style: $e({
+            "--chart-width": u(g) !== void 0 ? u(g) + "px" : "100%",
+            "--chart-height": u(c) !== void 0 ? u(c) + "px" : "calc(100% - 36px)"
+          })
+        }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "tooltip", "plugins", "datalabels", "style"]),
+        K(xt, {
+          "model-value": u(r),
+          "details-payload": u(l),
+          "onUpdate:modelValue": u(i),
+          onValueHover: u(k),
+          onValueLeave: u(m)
+        }, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
+      ], 64);
+    };
+  }
+}), ut = [
+  "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 Il(e) {
+  return e < 12 ? ut[e - 1] : ut[11];
+}
+function Vl(e) {
+  return e < 12 ? ut[Math.min(11, e * 2 - 1)] : ut[11];
+}
+function $l(e) {
+  return e < 12 ? ut[Math.min(11, e * 3 - 1)] : ut[11];
+}
+const Bl = /* @__PURE__ */ Be({
+  __name: "WidgetLinechart",
+  props: /* @__PURE__ */ ze({
+    tileIndex: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, n = He(e, "modelValue"), o = L(null), a = S(() => n.value.maxTooltipItems), {
+      isTooltipDetailsSheetOpen: r,
+      tooltipDetailsPayload: l,
+      tooltipOptions: y,
+      handleTooltipDetailsSheetVisibility: i,
+      handleTooltipDetailsHover: k,
+      handleTooltipDetailsLeave: m
+    } = St(o, {
+      maxTooltipItems: a
+    }), p = S(() => {
+      var V;
+      return ((V = n.value.data) == null ? void 0 : V.datasets) ?? [];
+    }), f = S(() => {
+      var V;
+      return ((V = n.value.data) == null ? void 0 : V.xAxis) ?? [];
+    }), C = S(() => f.value.length === 1 && p.value.length > 1 && p.value.every((V) => V.values.length === 1 && V.isCompare !== !0)), d = S(
+      () => f.value.length === 1 && p.value.length > 0 && p.value.every((V) => V.values.length === 1)
+    ), _ = S(() => C.value ? p.value.map((V) => V.name) : d.value ? ["", f.value[0], ""] : f.value), { datalabels: F, xCfg: R, yCfg: b, isTransposed: x, legend: g, chartWidth: c, chartHeight: v } = ft(
+      n.value
+    ), $ = S(
+      () => mt(n.value.isTransposed === !0, !0, y.value)
+    ), B = Ct("line"), D = na("report-line-style-plugin-line"), z = S(() => p.value.length > 0 ? [
+      ...p.value.map((V, O) => {
+        var ye;
+        const G = Ae({
+          datasetIndex: O,
+          isCompare: V.isCompare,
+          metricCount: n.value.metricCount,
+          mode: n.value.chartColorBinding
+        }), T = Ae({
+          datasetIndex: O,
+          isCompare: V.isCompare,
+          metricCount: n.value.metricCount,
+          mode: _e.metric
+        }), w = dt({
+          index: G,
+          isCompare: V.isCompare,
+          customColors: n.value.chartColors
+        }), N = n.value.chartColorBinding === _e.breakdown, A = At({
+          datasetName: V.name,
+          breakdownValues: n.value.chartBreakdownDimensionValues,
+          fallbackIndex: O
+        }), W = N ? bt({
+          breakdownIndex: A,
+          metricIndex: T,
+          metricCount: n.value.metricCount,
+          isCompare: V.isCompare,
+          breakdownColors: n.value.chartBreakdownColors,
+          useSecondaryMetricShades: n.value.chartUseSecondaryMetricShades,
+          customColors: n.value.chartColors
+        }) : w;
+        let U = V.values;
+        C.value ? U = p.value.map(
+          (Ie, s) => s === O ? V.values[0] : Number.NaN
+        ) : d.value && (U = [NaN, U[0], NaN]);
+        const ee = d.value || C.value, te = Ae({
+          datasetIndex: O,
+          isCompare: V.isCompare,
+          metricCount: n.value.metricCount,
+          mode: n.value.lineStyleBinding
+        }), ve = (ye = n.value.lineStyles) == null ? void 0 : ye[te];
+        return {
+          label: V.name,
+          data: U,
+          dash: !!V.isCompare,
+          lineStyle: ve,
+          fill: !1,
+          color: W,
+          pointRadius: ee ? 4 : void 0,
+          pointHoverRadius: ee ? 6 : void 0,
+          pointBackgroundColor: ee ? W : void 0,
+          pointBorderColor: ee ? W : void 0,
+          pointBorderWidth: ee ? 2 : void 0
+        };
+      })
+    ] : []), P = ct();
+    function I() {
+      return P.extractChartSize(o.value, t.tileIndex) || { width: 0, height: 0 };
+    }
+    return Ne(() => {
+      De(() => {
+        I();
+      });
+    }), pe([z], () => {
+      De(() => I());
+    }), (V, O) => {
+      const G = Z("FmLineChart");
+      return X(), oe(ke, null, [
+        Ue(V.$slots, "menu"),
+        K(G, {
+          ref_key: "chartRef",
+          ref: o,
+          class: "line-chart",
+          datasets: z.value,
+          "x-axis": { categories: _.value },
+          "x-cfg": u(R),
+          "y-cfg": u(b),
+          transpose: u(x),
+          legend: {
+            display: u(g).display ?? !1,
+            position: u(g).position,
+            maxHeight: u(g).maxHeight,
+            maxWidth: u(g).maxWidth,
+            labels: u(g).labels
+          },
+          tooltip: $.value,
+          datalabels: u(F),
+          plugins: [u(B), u(D)],
+          "maintain-aspect-ratio": !1,
+          style: $e({
+            "--chart-width": u(c) !== void 0 ? u(c) + "px" : "100%",
+            "--chart-height": u(v) !== void 0 ? u(v) + "px" : "calc(100% - 36px)"
+          })
+        }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "tooltip", "datalabels", "plugins", "style"]),
+        K(xt, {
+          "model-value": u(r),
+          "details-payload": u(l),
+          "onUpdate:modelValue": u(i),
+          onValueHover: u(k),
+          onValueLeave: u(m)
+        }, null, 8, ["model-value", "details-payload", "onUpdate:modelValue", "onValueHover", "onValueLeave"])
+      ], 64);
+    };
+  }
+}), Rl = { class: "flex flex-col gap-16" }, Pl = { class: "flex flex-row" }, Al = /* @__PURE__ */ Be({
+  __name: "PdfOrientationDialog",
+  props: /* @__PURE__ */ ze({
+    reportType: {},
+    index: {}
+  }, {
+    modelValue: { type: Boolean, required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const { t } = et(), { FmForm: n } = Qa, o = e, a = L(), r = He(e, "modelValue"), l = L(!0), y = L(!1), i = on(), { selectedLocationIds: k, dateRange: m, timeRange: p } = Ee(gt()), f = L(Ot.PORTRAIT);
+    function C() {
+      var _;
+      (_ = a.value) == null || _.validateInputs();
+    }
+    async function d() {
+      y.value = !0;
+      try {
+        o.index != null && await Wn({
+          reportType: o.reportType,
+          index: o.index,
+          orientationTypes: [f.value],
+          isCombinedLocationLayout: l.value,
+          timeRange: p.value,
+          dateRange: m.value,
+          locationIds: k.value
+        });
+      } catch (_) {
+        i.open({ message: _.message, type: "error" });
+      } finally {
+        y.value = !1;
+      }
+    }
+    return (_, F) => {
+      const R = Z("FmRadio"), b = Z("FmRadioGroup"), x = Z("FmButton"), g = Z("FmDialog");
+      return X(), he(g, {
+        modelValue: r.value,
+        "onUpdate:modelValue": F[2] || (F[2] = (c) => r.value = c),
+        overlay: !0,
+        "z-index": 10
+      }, {
+        "dialog-header": ce(() => F[3] || (F[3] = [
+          qt("Select Orientation")
+        ])),
+        default: ce(() => [
+          K(u(n), {
+            ref_key: "form",
+            ref: a,
+            onValidationSuccess: d
+          }, {
+            default: ce(() => [
+              j("div", Rl, [
+                K(b, {
+                  modelValue: f.value,
+                  "onUpdate:modelValue": F[0] || (F[0] = (c) => f.value = c)
+                }, {
+                  default: ce(() => [
+                    K(R, {
+                      value: u(Ot).PORTRAIT,
+                      label: u(t)("report.common.portrait")
+                    }, null, 8, ["value", "label"]),
+                    K(R, {
+                      value: u(Ot).LANDSCAPE,
+                      label: u(t)("report.common.landscape")
+                    }, null, 8, ["value", "label"])
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              j("div", Pl, [
+                F[4] || (F[4] = j("div", { class: "grow" }, null, -1)),
+                K(x, {
+                  label: u(t)("report.common.cancel"),
+                  variant: "tertiary",
+                  onClick: F[1] || (F[1] = (c) => r.value = !1)
+                }, null, 8, ["label"]),
+                j("div", null, [
+                  K(x, {
+                    label: u(t)("report.common.download"),
+                    loading: y.value,
+                    onClick: C
+                  }, null, 8, ["label", "loading"])
+                ])
+              ])
+            ]),
+            _: 1
+          }, 512)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+function Ml(e) {
+  const { containerRef: t, stickyOffset: n = L(0), enabled: o = L(!0) } = e;
+  let a = null, r = null, l = null, y = null, i = null, k = null;
+  function m() {
+    return t.value ? t.value.querySelector("table") : null;
+  }
+  function p() {
+    var v;
+    let c = (v = t.value) == null ? void 0 : v.parentElement;
+    for (; c; ) {
+      const $ = window.getComputedStyle(c);
+      if ($.overflowY === "auto" || $.overflowY === "scroll")
+        return c;
+      c = c.parentElement;
+    }
+    return null;
+  }
+  function f() {
+    var $;
+    const c = [];
+    t.value && t.value.querySelectorAll("div,section,main,article,aside").forEach((B) => {
+      if (B.scrollWidth > B.clientWidth) {
+        const D = window.getComputedStyle(B);
+        (D.overflowX === "auto" || D.overflowX === "scroll") && c.push(B);
+      }
+    });
+    let v = ($ = t.value) == null ? void 0 : $.parentElement;
+    for (; v; ) {
+      if (v.scrollWidth > v.clientWidth) {
+        const B = window.getComputedStyle(v);
+        (B.overflowX === "auto" || B.overflowX === "scroll") && c.push(v);
+      }
+      v = v.parentElement;
+    }
+    return c;
+  }
+  function C() {
+    if (x(), !o.value || !t.value || (r = m(), !r) || (l = r.querySelector("thead"), !l)) return;
+    a = document.createElement("div"), a.className = "sticky-header-clone", a.style.cssText = `
+      position: fixed;
+      top: ${n.value}px;
+      left: 0;
+      right: 0;
+      z-index: 9;
+      overflow: hidden;
+      pointer-events: none;
+      visibility: hidden;
+    `;
+    const c = document.createElement("table");
+    c.className = r.className, c.style.cssText = `
+      table-layout: fixed;
+      width: ${r.offsetWidth}px;
+      margin: 0;
+      border-collapse: collapse;
+      pointer-events: auto;
+    `;
+    const v = l.cloneNode(!0);
+    v.style.cssText = "pointer-events: auto;", d(l, v), c.appendChild(v), a.appendChild(c), document.body.appendChild(a), F(), R(), b(), _();
+  }
+  function d(c, v) {
+    const $ = c.querySelectorAll("th, td"), B = v.querySelectorAll("th, td");
+    $.forEach((D, z) => {
+      const P = B[z];
+      if (!P) return;
+      const I = D, V = window.getComputedStyle(I);
+      Object.assign(P.style, {
+        width: `${I.offsetWidth}px`,
+        minWidth: `${I.offsetWidth}px`,
+        maxWidth: `${I.offsetWidth}px`,
+        height: `${I.offsetHeight}px`,
+        padding: V.padding,
+        backgroundColor: V.backgroundColor,
+        borderBottom: V.borderBottom,
+        fontSize: V.fontSize,
+        fontWeight: V.fontWeight,
+        textAlign: V.textAlign,
+        verticalAlign: V.verticalAlign,
+        boxSizing: "border-box",
+        cursor: V.cursor || "pointer",
+        pointerEvents: "auto"
+      }), P.onclick = (O) => {
+        O.preventDefault(), O.stopPropagation();
+        const G = I.querySelector(
+          "button, a, [role='button']"
+        );
+        G ? G.click() : I.click();
+      };
+    });
+  }
+  function _() {
+    if (!a || !r || !l || !t.value) return;
+    const c = t.value.getBoundingClientRect(), v = r.getBoundingClientRect(), $ = l.getBoundingClientRect(), B = p(), D = B == null ? void 0 : B.getBoundingClientRect(), z = n.value > 0 ? n.value : (D == null ? void 0 : D.top) ?? 0;
+    if (!(v.top < z && v.bottom > z + $.height)) {
+      a.style.visibility = "hidden";
+      return;
+    }
+    a.style.visibility = "visible", a.style.top = `${z}px`;
+    const I = D ?? c, V = Math.max(c.left, I.left), G = Math.min(c.right, I.right) - V;
+    a.style.left = `${V}px`, a.style.width = `${G}px`;
+    const T = a.querySelector("table");
+    T && (T.style.width = `${r.offsetWidth}px`, T.style.marginLeft = `${$.left - V}px`);
+  }
+  function F() {
+    var $;
+    i = () => requestAnimationFrame(_), window.addEventListener("scroll", i, { passive: !0 });
+    const c = p();
+    c && c.addEventListener("scroll", i, { passive: !0 }), f().forEach((B) => {
+      i && B.addEventListener("scroll", i, { passive: !0 });
+    });
+    let v = ($ = t.value) == null ? void 0 : $.parentElement;
+    for (; v; )
+      v !== c && (v.scrollHeight > v.clientHeight || v.scrollWidth > v.clientWidth) && v.addEventListener("scroll", i, { passive: !0 }), v = v.parentElement;
+  }
+  function R() {
+    y = new ResizeObserver(() => {
+      if (l && a) {
+        const c = a.querySelector("thead");
+        c && d(l, c);
+        const v = a.querySelector("table");
+        v && r && (v.style.width = `${r.offsetWidth}px`);
+      }
+      _();
+    }), t.value && y.observe(t.value), r && y.observe(r);
+  }
+  function b() {
+    if (!l) return;
+    const c = Xt(() => C(), 100), v = () => {
+      if (l && a) {
+        const $ = a.querySelector("thead");
+        $ && d(l, $), _();
+      }
+    };
+    k = new MutationObserver(($) => {
+      $.some((D) => D.type === "childList" ? D.addedNodes.length > 0 || D.removedNodes.length > 0 : !1) ? c() : v();
+    }), k.observe(l, {
+      childList: !0,
+      subtree: !0,
+      attributes: !0,
+      characterData: !0
+    });
+  }
+  function x() {
+    var c;
+    if (a && (a.remove(), a = null), i) {
+      window.removeEventListener("scroll", i);
+      const v = p();
+      v && v.removeEventListener("scroll", i), f().forEach((B) => {
+        i && B.removeEventListener("scroll", i);
+      });
+      let $ = (c = t.value) == null ? void 0 : c.parentElement;
+      for (; $; )
+        $.removeEventListener("scroll", i), $ = $.parentElement;
+      i = null;
+    }
+    y && (y.disconnect(), y = null), k && (k.disconnect(), k = null), r = null, l = null;
+  }
+  function g() {
+    C();
+  }
+  return pe(o, (c) => {
+    c ? C() : x();
+  }), pe(n, () => {
+    a && (a.style.top = `${n.value}px`, _());
+  }), pe(t, () => {
+    t.value && o.value && setTimeout(C, 100);
+  }), Ne(() => {
+    o.value && setTimeout(C, 100);
+  }), Hn(() => {
+    x();
+  }), { refresh: g, cleanup: x };
+}
+const zl = {
+  key: 1,
+  class: "grow"
+}, Nl = {
+  key: 2,
+  class: "flex"
+}, vr = /* @__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
+    },
+    stickyHeaderOffset: {
+      type: Number,
+      default: 0
+    },
+    isStyleEditing: {
+      type: Boolean,
+      default: !1
+    }
+  }, {
+    modelValue: { required: !0, default: () => {
+    } },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ ze(["update:breakdown-dimension-values"], ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const n = L(!0), o = He(e, "modelValue"), a = o.value.widget.config, { t: r, te: l, locale: y } = et(), i = e, k = t, m = L(null), p = S(() => i.stickyHeaderOffset), f = S(() => o.value.widget.type === Y.Table), C = S(() => {
+      var h;
+      return (h = m.value) == null ? void 0 : h.$el;
+    }), { refresh: d } = Ml({
+      containerRef: C,
+      stickyOffset: p,
+      enabled: f
+    }), _ = L(a.rollup), F = L(vt()), R = L(a.drillDimension), b = S(() => {
+      if (Ye.value.length > 0) {
+        const h = Ye.value.findIndex(
+          (ae) => ae.value === R.value
+        );
+        return h >= 0 ? h : 0;
+      } else
+        return -1;
+    }), x = S(() => b.value !== 0), g = S(
+      () => b.value != Ye.value.length - 1
+    ), c = L(a.showTitle ?? !0), v = L(a.titleFontSize ?? 14), $ = L(a.titleBold ?? !1), B = L(a.titleItalic ?? !1), D = L(a.titleUnderline ?? !1), z = L(a.chartWidth ?? void 0), P = L(a.chartHeight ?? void 0), I = L(
+      Array.isArray(a.chartColors) ? [...a.chartColors] : void 0
+    ), V = L(
+      Array.isArray(a.chartColorLayers) ? [...a.chartColorLayers] : void 0
+    ), O = L(
+      Array.isArray(a.chartBreakdownColors) ? [...a.chartBreakdownColors] : void 0
+    ), G = L(
+      Array.isArray(a.chartBreakdownDimensionValues) ? [...a.chartBreakdownDimensionValues] : void 0
+    ), T = L(a.chartUseSecondaryMetricShades ?? !0), w = L(a.chartColorBinding), N = L(
+      Array.isArray(a.lineStyles) ? [...a.lineStyles] : void 0
+    ), A = L(a.lineStyleBinding), W = L(a.showLabel ?? !1), U = L(a.labelAlign ?? Kt.center), ee = L(a.labelAnchor ?? jt.center), te = L(a.labelRotation ?? 0), ve = L(a.labelOffset ?? 0), ye = L(a.labelFontSize ?? 12), Ie = S(() => a.showSearchBar), s = L(a.showX ?? !0), H = L(a.xPosition ?? Jt.bottom), q = L(a.showXGrid ?? !1), E = L(a.showXTick ?? !0), ne = L(a.xTickFontSize ?? 12), de = L(a.showXTitle ?? !1), xe = L(a.xTitle ?? ""), be = L(a.xTitleFontSize ?? 12), se = L(a.showY ?? !0), J = L(a.yPosition ?? Zt.left), Q = L(a.showYGrid ?? !1), M = L(a.showYTick ?? !0), le = L(a.yTickFontSize ?? 12), re = L(a.showYTitle ?? !1), ge = L(a.yTitle ?? ""), me = L(a.yTitleFontSize ?? 12), ue = L(a.showLegend ?? void 0), Te = L(a.legendPosition ?? Qt.top), Fe = L(a.usePointStyle ?? !0), qe = L(a.legendMaxHeight), _t = L(a.legendMaxWidth), ie = L(a.maxTooltipItems), cn = L(a.stackBarOverlap ?? !1), dn = L(a.rowHeight ?? 0), mn = L(a.colWidths ?? []), zt = L(!1), Nt = L(""), { breakpoints: tt, getBreakpointsBoundary: pt } = Un(), fn = L(), Se = S(
+      () => i.customScreenWidth === void 0 ? window.innerWidth : i.customScreenWidth
+    ), oa = S(
+      () => (Se == null ? void 0 : Se.value) > pt("xs")[1] && (Se == null ? void 0 : Se.value) <= pt("sm")[1]
+    ), la = S(
+      () => (Se == null ? void 0 : Se.value) > pt("sm")[1] && (Se == null ? void 0 : Se.value) <= pt("md")[1]
+    ), ra = S(() => (Se == null ? void 0 : Se.value) > pt("md")[1]), sa = S(() => {
+      const h = o.value.size.width;
+      return ra.value || la.value ? Il(h) : oa.value ? Vl(h) : $l(h);
+    }), kt = S(
+      () => to.find((h) => h.type === o.value.widget.type)
+    ), nt = Xt(() => {
+      var h;
+      fn.value = ba((h = m.value) == null ? void 0 : h.$el.offsetWidth), F.value = vt();
+    }), ia = S(() => {
+      if (no(fe.value.type, at.value))
+        switch (o.value.widget.type) {
+          case Y.BarChart:
+            return sl;
+          case Y.StackBarChart:
+            return Tl;
+          case Y.ClusteredStackBarChart:
+            return Ll;
+          case Y.LineChart:
+            return Bl;
+          case Y.StackLineChart:
+            return Fl;
+          case Y.Circular:
+            return il;
+          case Y.Scorecard:
+            return hl;
+          case Y.Spacer:
+            return yl;
+          case Y.Table:
+            return kl;
+          default:
+            return Yt;
+        }
+      else
+        return Yt;
+    }), at = L(null), {
+      selectedLocationIds: Ht,
+      dateRange: pn,
+      compareDateRange: ua,
+      timeRange: hn,
+      globalFilters: ca,
+      isGlobalFiltersLoading: vn
+    } = Ee(gt()), { businessId: da } = Ee(an()), { businessLoadedId: ma, businessDataVersion: Wt } = Ee(gt());
+    S(() => ma.value === da.value && Ht.value.length > 0 && !vn.value);
+    const fa = L(!0), fe = S(() => {
+      const h = JSON.parse(JSON.stringify(o.value.widget));
+      return {
+        ...h,
+        config: {
+          ...h.config,
+          rollup: _.value,
+          drillDimension: R.value,
+          showGrandTotal: !1
+        }
+      };
+    }), pa = S(() => {
+      var Ce;
+      const h = ((Ce = fe.value.config.metrics) == null ? void 0 : Ce.length) ?? 0;
+      if (!fe.value.config.isBlend)
+        return h;
+      const ae = (fe.value.config.joinDatasources ?? []).reduce(
+        (Me, Xe) => {
+          var Re;
+          return Me + (((Re = Xe.metrics) == null ? void 0 : Re.length) ?? 0);
+        },
+        0
+      );
+      return h + ae;
+    });
+    function ha() {
+      return {
+        data: at.value,
+        showTitle: c.value,
+        titleFontSize: v.value,
+        titleBold: $.value,
+        titleItalic: B.value,
+        titleUnderline: D.value,
+        chartHeight: P.value,
+        chartWidth: z.value,
+        chartColors: I.value,
+        chartColorLayers: V.value,
+        chartBreakdownColors: O.value,
+        chartBreakdownDimensionValues: G.value,
+        chartUseSecondaryMetricShades: T.value,
+        chartColorBinding: w.value,
+        metricCount: pa.value,
+        lineStyles: N.value,
+        lineStyleBinding: A.value,
+        showLabel: W.value,
+        labelAnchor: ee.value,
+        labelAlign: U.value,
+        labelRotation: te.value,
+        labelOffset: ve.value,
+        labelFontSize: ye.value,
+        showX: s.value,
+        xPosition: H.value,
+        showXGrid: q.value,
+        showXTick: E.value,
+        xTickFontSize: ne.value,
+        showXTitle: de.value,
+        xTitle: xe.value,
+        xTitleFontSize: be.value,
+        showY: se.value,
+        yPosition: J.value,
+        showYGrid: Q.value,
+        showYTick: M.value,
+        yTitle: ge.value,
+        showYTitle: re.value,
+        yTitleFontSize: me.value,
+        yTickFontSize: le.value,
+        isTransposed: fe.value.config.isTransposed,
+        showLegend: ue.value,
+        legendPosition: Te.value,
+        usePointStyle: Fe.value,
+        legendMaxHeight: qe.value,
+        legendMaxWidth: _t.value,
+        maxTooltipItems: ie.value,
+        stackBarOverlap: cn.value
+      };
+    }
+    function va() {
+      return {
+        data: at.value,
+        filterText: Nt.value,
+        rollupPosition: fe.value.config.rollupPosition,
+        rowHeight: dn.value,
+        colWidths: mn.value
+      };
+    }
+    const gn = S(() => {
+      switch (fe.value.type) {
+        case Y.Table:
+          return va();
+        case Y.BarChart:
+        case Y.LineChart:
+        case Y.StackBarChart:
+        case Y.ClusteredStackBarChart:
+        case Y.StackLineChart:
+        case Y.Circular:
+          return ha();
+        default:
+          return { data: at.value };
+      }
+    }), yn = S(() => {
+      const { config: h } = o.value.widget;
+      if (h.rollup != null) {
+        const ae = [...h.dimensions].filter((Ce) => !Ce.hide);
+        return ae.sort(
+          (Ce, Me) => (h.rowIds || []).indexOf(Et(Ce)) - (h.rowIds || []).indexOf(Et(Me))
+        ), [
+          { label: Ke(r, l, "None", "other"), value: "none" },
+          { label: Ke(r, l, "Grand Total", "other"), value: 0 },
+          ...[...ae].slice(0, ae.length - 1).map((Ce, Me) => ({
+            label: Ke(r, l, Ce.label, "other"),
+            value: Me + 1
+          }))
+        ];
+      }
+      return [];
+    }), Ye = S(() => {
+      const { config: h } = fe.value;
+      return h.isDrillable ? h.dimensions.map((ae) => ({
+        label: Ke(r, l, ae.label, "other"),
+        value: Et(ae)
+      })) : [];
+    }), ga = S(() => {
+      const h = o.value.id;
+      return (ca.value || []).filter(
+        (ae) => Array.isArray(ae.tileIds) && ae.tileIds.includes(h)
+      );
+    });
+    function ya(h) {
+      const ae = h == null ? void 0 : h.datasets;
+      if (!Array.isArray(ae) || ae.length === 0)
+        return [];
+      const Ce = [], Me = /* @__PURE__ */ new Set();
+      for (const Xe of ae) {
+        const Re = typeof (Xe == null ? void 0 : Xe.name) == "string" ? Xe.name : "";
+        if (!Re)
+          continue;
+        const Lt = Re.lastIndexOf(" - "), ot = Lt >= 0 ? Re.slice(0, Lt) : Re;
+        !ot || Me.has(ot) || (Me.add(ot), Ce.push(ot));
+      }
+      return Ce;
+    }
+    pe(
+      () => o.value.widget.config,
+      (h) => {
+        _.value = h.rollup, c.value = h.showTitle ?? !0, v.value = h.titleFontSize ?? 14, $.value = h.titleBold ?? !1, B.value = h.titleItalic ?? !1, D.value = h.titleUnderline ?? !1, P.value = h.chartHeight ?? void 0, z.value = h.chartWidth ?? void 0, I.value = Array.isArray(h.chartColors) ? [...h.chartColors] : void 0, V.value = Array.isArray(h.chartColorLayers) ? [...h.chartColorLayers] : void 0, O.value = Array.isArray(h.chartBreakdownColors) ? [...h.chartBreakdownColors] : void 0, G.value = Array.isArray(h.chartBreakdownDimensionValues) ? [...h.chartBreakdownDimensionValues] : void 0, T.value = h.chartUseSecondaryMetricShades ?? !0, w.value = h.chartColorBinding, N.value = Array.isArray(h.lineStyles) ? [...h.lineStyles] : void 0, A.value = h.lineStyleBinding, W.value = h.showLabel ?? !1, U.value = h.labelAlign ?? Kt.center, ee.value = h.labelAnchor ?? jt.center, te.value = h.labelRotation ?? 0, ve.value = h.labelOffset ?? 0, ye.value = h.labelFontSize ?? 12, s.value = h.showX ?? !0, H.value = h.xPosition ?? Jt.bottom, q.value = h.showXGrid ?? !1, E.value = h.showXTick ?? !0, ne.value = h.xTickFontSize ?? 12, de.value = h.showXTitle ?? !1, xe.value = h.xTitle ?? "", be.value = h.xTitleFontSize ?? 12, se.value = h.showY ?? !0, J.value = h.yPosition ?? Zt.left, Q.value = h.showYGrid ?? !1, M.value = h.showYTick ?? !0, le.value = h.yTickFontSize ?? 12, re.value = h.showYTitle ?? !1, ge.value = h.yTitle ?? "", me.value = h.yTitleFontSize ?? 12, ue.value = h.showLegend ?? void 0, Te.value = h.legendPosition ?? Qt.top, Fe.value = h.usePointStyle ?? !0, qe.value = h.legendMaxHeight, _t.value = h.legendMaxWidth, ie.value = h.maxTooltipItems, cn.value = h.stackBarOverlap ?? !1, dn.value = h.rowHeight ?? 0, mn.value = h.colWidths ?? [], F.value = vt();
+      },
+      { deep: !0 }
+    ), pe([() => _.value], () => {
+      _.value !== null && (o.value.widget.config.rollup = _.value);
+    }), pe(
+      [
+        () => fe.value,
+        () => pn.value,
+        () => hn.value,
+        () => ua.value,
+        () => Ht.value,
+        () => ga.value,
+        () => Wt.value
+      ],
+      () => {
+        Cn();
+      },
+      { deep: !0 }
+    ), pe(
+      [() => o.value.size],
+      () => {
+        nt();
+      },
+      { deep: !0 }
+    ), Ne(() => {
+      nt(), tt.value.sm || tt.value.md || tt.value.xs ? (console.log("Ignoring resize event due to keyboard"), addEventListener("change", nt)) : addEventListener("resize", nt), Cn();
+    }), Hn(() => {
+      tt.value.sm || tt.value.md || tt.value.xs ? (console.log("Ignoring resize event due to keyboard"), removeEventListener("change", nt)) : removeEventListener("resize", nt);
+    });
+    const bn = on();
+    let Tt;
+    async function Cn() {
+      if (!i.isStyleEditing) {
+        if (fe.value.config.schemaNames.length <= 0 && !(fe.value.config.dimensions.length <= 0 || fe.value.config.metrics.length <= 0)) {
+          bn.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, Tt && Tt.abort(), Tt = new AbortController();
+          const h = Tt.signal, ae = Wt.value, Ce = await Xt(On, 500)(fe.value, h, o.value.id);
+          Wt.value === ae && (at.value = Ce, fe.value.type === Y.ClusteredStackBarChart && k("update:breakdown-dimension-values", ya(Ce)), F.value = vt(), setTimeout(() => d(), 100)), n.value = !1;
+        } catch (h) {
+          h.code !== "ERR_CANCELED" && (at.value = null, bn.open({ message: `Invalid chart ${fe.value.type}`, type: "error" }), console.log(h), n.value = !1);
+        }
+      }
+    }
+    function ba(h) {
+      switch (o.value.widget.type) {
+        case "SPACER":
+          return;
+        case "SCORECARD":
+          return;
+        case "TABLE":
+          return `${o.value.size.height * 100 + (Ie.value ? 72 : 0) + 96.5}px`;
+      }
+      return `${Math.max(h / o.value.size.width, 90) * o.value.size.height}px`;
+    }
+    function Ca() {
+      const h = b.value - 1;
+      h >= 0 && (R.value = Ye.value[h].value);
+    }
+    function wa() {
+      const h = b.value + 1;
+      h >= 0 && h < Ye.value.length && (R.value = Ye.value[h].value);
+    }
+    const wn = L(rt.EXCEL), xn = L(), xa = Object.values(rt).map((h) => ({
+      label: za(h),
+      value: h,
+      onClick: async () => {
+        h === rt.EXCEL || h === rt.PDFFULLSIZE || h === rt.PDFRECEIPT ? await Wn({
+          reportType: h,
+          index: i.index,
+          isCombinedLocationLayout: fa.value,
+          timeRange: hn.value,
+          dateRange: pn.value,
+          locationIds: Ht.value
+        }) : h === rt.PDF && (wn.value = h, xn.value = i.index, zt.value = !0);
+      }
+    })), Sa = fe.value.type === Y.Spacer ? "flat" : "outlined", _a = fe.value.type === Y.Spacer ? "p-0" : "p-16";
+    return (h, ae) => {
+      const Ce = Z("FmTooltip"), Me = Z("FmSearch"), Xe = Z("FmCheckbox"), Re = Z("FmButton"), Lt = Z("FmSelect"), ot = Z("FmMenuItem"), ka = Z("FmMenu"), Ta = Z("FmForm"), La = Z("FmCircularProgress"), Da = Z("FmCard");
+      return X(), he(Da, {
+        ref_key: "tileCard",
+        ref: m,
+        class: Qe(`${sa.value} ${u(_a)}`),
+        variant: u(Sa)
+      }, {
+        default: ce(() => [
+          K(Al, {
+            modelValue: zt.value,
+            "onUpdate:modelValue": ae[0] || (ae[0] = (lt) => zt.value = lt),
+            "report-type": wn.value,
+            index: xn.value
+          }, null, 8, ["modelValue", "report-type", "index"]),
+          !n.value && !u(vn) ? (X(), oe("div", {
+            key: 0,
+            style: $e({ height: fn.value })
+          }, [
+            (X(), he(Ba(ia.value), {
+              key: F.value,
+              modelValue: gn.value,
+              "onUpdate:modelValue": ae[4] || (ae[4] = (lt) => gn.value = lt),
+              "tile-index": i.index
+            }, {
+              menu: ce(() => [
+                K(Ta, { class: "flex items-center gap-2" }, {
+                  default: ce(() => {
+                    var lt, Sn, _n, kn;
+                    return [
+                      K(Ce, {
+                        variant: "plain",
+                        placement: "right",
+                        content: fe.value.description,
+                        "hide-arrow": !0,
+                        disabled: !fe.value.description,
+                        "z-index": 99
+                      }, {
+                        default: ce(() => [
+                          c.value !== !1 ? (X(), oe("p", {
+                            key: 0,
+                            style: $e({
+                              fontSize: v.value + "px",
+                              fontWeight: $.value ? "bold" : "normal",
+                              fontStyle: B.value ? "italic" : "normal",
+                              textDecoration: D.value ? "underline" : "none"
+                            }),
+                            class: Qe(["text-fm-color-typo-secondary line-clamp-1", [
+                              v.value <= 18 ? "fm-typo-en-body-md-400" : "",
+                              fe.value.description ? "border-b-2 border-dashed border-gray-300" : ""
+                            ]])
+                          }, Le(u(Ke)(u(r), u(l), fe.value.title, "other")), 7)) : Ve("", !0)
+                        ]),
+                        _: 1
+                      }, 8, ["content", "disabled"]),
+                      (lt = kt.value) != null && lt.showSearchBar ? (X(), he(Me, {
+                        key: 0,
+                        modelValue: Nt.value,
+                        "onUpdate:modelValue": ae[1] || (ae[1] = (We) => Nt.value = We),
+                        class: "grow"
+                      }, null, 8, ["modelValue"])) : (X(), oe("div", zl)),
+                      Ra(K(Xe, {
+                        modelValue: W.value,
+                        "onUpdate:modelValue": ae[2] || (ae[2] = (We) => W.value = We),
+                        label: "Label",
+                        value: !1
+                      }, null, 8, ["modelValue"]), [
+                        [Pa, (Sn = kt.value) == null ? void 0 : Sn.showLabel]
+                      ]),
+                      (_n = kt.value) != null && _n.showDrillDimension && Ye.value.length > 0 ? (X(), oe("div", Nl, [
+                        K(Re, {
+                          icon: "arrow_upward",
+                          variant: "tertiary",
+                          disabled: !x.value,
+                          onClick: Ca
+                        }, null, 8, ["disabled"]),
+                        K(Re, {
+                          icon: "arrow_downward",
+                          variant: "tertiary",
+                          disabled: !g.value,
+                          onClick: wa
+                        }, null, 8, ["disabled"])
+                      ])) : Ve("", !0),
+                      (kn = kt.value) != null && kn.showRollup && yn.value.length > 0 ? (X(), he(Lt, {
+                        key: `rollup-${u(y)}`,
+                        modelValue: _.value,
+                        "onUpdate:modelValue": ae[3] || (ae[3] = (We) => _.value = We),
+                        class: "w-[150px]",
+                        items: yn.value
+                      }, null, 8, ["modelValue", "items"])) : Ve("", !0),
+                      i.hideExport ? Ve("", !0) : (X(), he(ka, {
+                        key: 4,
+                        shift: !0
+                      }, {
+                        "menu-button": ce(() => [
+                          K(Re, {
+                            icon: "more_vert",
+                            variant: "tertiary"
+                          })
+                        ]),
+                        default: ce(() => [
+                          (X(!0), oe(ke, null, it(u(xa), (We) => (X(), he(ot, {
+                            key: We.value,
+                            label: We.label,
+                            onClick: We.onClick
+                          }, null, 8, ["label", "onClick"]))), 128))
+                        ]),
+                        _: 1
+                      }))
+                    ];
+                  }),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue", "tile-index"]))
+          ], 4)) : (X(), he(La, { key: 1 }))
+        ]),
+        _: 1
+      }, 8, ["class", "variant"]);
+    };
+  }
+});
+var Je = /* @__PURE__ */ ((e) => (e.Select = "Select", e.TextField = "TextField", e.Timestamp = "Timestamp", e))(Je || {});
+function Hl(e) {
+  let t = !1, n = 1;
+  switch (e) {
+    case Pe.Equal:
+    case Pe.NotEqual:
+    case Pe.Like:
+    case Pe.NotLike:
+      t = !1, n = 1;
+      break;
+    case Pe.GreaterThan:
+    case Pe.GreaterThanOrEqual:
+    case Pe.LessThan:
+    case Pe.LessThanOrEqual:
+      t = !0, n = 1;
+      break;
+    case Pe.Between:
+      t = !0, n = 2;
+      break;
+  }
+  return {
+    fixed: t,
+    count: n
+  };
+}
+function gr({
+  operator: e,
+  dimensionOption: t,
+  dataType: n,
+  t: o
+}) {
+  const { fixed: a, count: r } = Hl(e);
+  switch (n) {
+    case Oe.String:
+      return {
+        type: "TextField",
+        fixed: a,
+        count: r,
+        dataType: void 0,
+        default: ""
+      };
+    case Oe.Numeric:
+      return {
+        type: "TextField",
+        fixed: a,
+        count: r,
+        dataType: "number",
+        default: 0
+      };
+    case Oe.Bool:
+      return {
+        type: "Select",
+        fixed: a,
+        count: r,
+        options: [
+          { label: o("report.common.yes"), value: !0 },
+          { label: o("report.common.no"), value: !1 }
+        ],
+        default: !0
+      };
+    case Oe.Timestamp:
+      return aa({
+        dimensionOption: t,
+        fixed: a,
+        count: r,
+        t: o
+      });
+  }
+  return {
+    type: "TextField",
+    fixed: a,
+    count: r,
+    dataType: void 0,
+    default: ""
+  };
+}
+function yr(e) {
+  switch (e) {
+    case we.HourOfDay:
+      return 0;
+    case we.DayOfMonth:
+      return 1;
+    default:
+      return;
+  }
+}
+function br(e) {
+  switch (e) {
+    case we.HourOfDay:
+      return 23;
+    case we.DayOfMonth:
+      return 31;
+    default:
+      return;
+  }
+}
+function aa({
+  dimensionOption: e,
+  fixed: t,
+  count: n,
+  t: o
+}) {
+  switch (e) {
+    case we.HourOfDay:
+      return {
+        type: Je.Select,
+        fixed: t,
+        count: n,
+        options: Array.from({ length: 24 }, (a, r) => ({
+          label: r.toString().padStart(2, "0"),
+          value: r.toString()
+        })),
+        default: "0"
+      };
+    case we.DayOfWeek:
+      return {
+        type: Je.Select,
+        fixed: t,
+        count: n,
+        options: [
+          { label: o("report.days.sunday"), value: "1" },
+          { label: o("report.days.monday"), value: "2" },
+          { label: o("report.days.tuesday"), value: "3" },
+          { label: o("report.days.wednesday"), value: "4" },
+          { label: o("report.days.thursday"), value: "5" },
+          { label: o("report.days.friday"), value: "6" },
+          { label: o("report.days.saturday"), value: "7" }
+        ],
+        default: "1"
+      };
+    case we.DayOfMonth:
+      return {
+        type: Je.Select,
+        fixed: t,
+        count: n,
+        options: Array.from({ length: 31 }, (a, r) => ({
+          label: (r + 1).toString(),
+          value: (r + 1).toString()
+        })),
+        default: "1"
+      };
+    case we.MonthOfYear:
+      return {
+        type: Je.Select,
+        fixed: t,
+        count: n,
+        options: [
+          { label: o("report.months.january"), value: "1" },
+          { label: o("report.months.february"), value: "2" },
+          { label: o("report.months.march"), value: "3" },
+          { label: o("report.months.april"), value: "4" },
+          { label: o("report.months.may"), value: "5" },
+          { label: o("report.months.june"), value: "6" },
+          { label: o("report.months.july"), value: "7" },
+          { label: o("report.months.august"), value: "8" },
+          { label: o("report.months.september"), value: "9" },
+          { label: o("report.months.october"), value: "10" },
+          { label: o("report.months.november"), value: "11" },
+          { label: o("report.months.december"), value: "12" }
+        ],
+        default: "1"
+      };
+    default:
+      return {
+        type: Je.Timestamp,
+        fixed: t,
+        count: n,
+        default: (/* @__PURE__ */ new Date()).toISOString()
+      };
+  }
+}
+function zn({
+  dimensionOption: e,
+  t
+}) {
+  const n = aa({
+    dimensionOption: e,
+    fixed: !1,
+    count: 1,
+    t
+  });
+  return n.type !== Je.Select ? [] : [{ label: t("report.input.unknown"), value: "" }, ...n.options];
+}
+const Wl = "mf-reportglobalFilter";
+function Nn(e, t) {
+  var n;
+  return [
+    t,
+    e.schemaName,
+    e.name,
+    e.operator ?? "",
+    e.option ?? "",
+    e.dataFormula ?? "",
+    ((n = e.tileIds) == null ? void 0 : n.join(",")) ?? ""
+  ].join("|");
+}
+const Ol = En(Wl, () => {
+  const e = L({}), t = L(!1), n = L(null), o = () => ({
+    search: "",
+    selectedValues: [],
+    keepSelection: !1,
+    showAdvanced: !1,
+    visibleCount: 50
+  });
+  function a(f, C) {
+    const d = Nn(f, C);
+    return e.value[d] || (e.value[d] = o()), e.value[d];
+  }
+  const r = S(() => e.value), l = (f) => n.value === f;
+  function y(f, C, d, _) {
+    a(f, C)[d] = _;
+  }
+  function i(f, C, d = 50) {
+    a(f, C).visibleCount += d;
+  }
+  function k(f) {
+    t.value = f;
+  }
+  function m(f) {
+    n.value = f;
+  }
+  function p() {
+    n.value = null;
+  }
+  return {
+    allStates: r,
+    includeUnavailable: t,
+    openMenuKey: n,
+    getGlobalFilter: a,
+    isMenuOpen: l,
+    setGlobalFilter: y,
+    showMore: i,
+    setIncludeUnavailable: k,
+    openMenu: m,
+    closeMenu: p,
+    getKey: Nn
+  };
+}), El = { class: "flex flex-row flex-wrap gap-2" }, Ul = { class: "inline-flex max-w-[460px]" }, ql = {
+  key: 0,
+  class: "flex justify-center my-2"
+}, Xl = { class: "px-2 pb-8" }, Yl = { class: "flex-1 overflow-y-auto overflow-x-hidden" }, Gl = { class: "px-2 pb-8" }, jl = { class: "flex items-start w-full" }, Kl = ["onClick"], Jl = { class: "fm-typo-en-body-md-400" }, Zl = { key: 0 }, Ql = { class: "px-12 py-3" }, er = { class: "flex items-center justify-between" }, tr = { class: "text-xs max-w-[200px]" }, nr = { class: "px-4 py-3 flex flex-row justify-end gap-2 bg-white" }, Cr = /* @__PURE__ */ Be({
+  __name: "FilterSelector",
+  setup(e) {
+    const { t, locale: n } = et(), { currentReport: o, editingTile: a } = Ee(Na());
+    let { globalFilters: r, isGlobalFiltersLoading: l, timeRange: y, dateRange: i, selectedLocationIds: k, timezone: m } = Ee(gt()), { schemas: p } = Ee(Ha()), { showMore: f, getGlobalFilter: C, setGlobalFilter: d, setIncludeUnavailable: _, getKey: F, isMenuOpen: R } = Ol();
+    const b = S(() => t("report.input.unknown"));
+    let x = null;
+    const g = L(!1), c = S(() => {
+      var s;
+      return ((s = o.value) == null ? void 0 : s.id) ?? "";
+    }), v = L([]);
+    function $(s) {
+      const q = C(s.filter, c.value).selectedValues;
+      s.selectedValues = s.keepSelection ? q : s.options.map((E) => E.value), s.filter.values = [...s.selectedValues], d(s.filter, c.value, "selectedValues", s.selectedValues);
+    }
+    pe(
+      () => ({
+        reportId: c.value,
+        globalFilters: r.value
+      }),
+      () => {
+        v.value = (r.value || []).map((s, H) => {
+          const q = C(s, c.value), E = q.selectedValues.length ? [...q.selectedValues] : [...s.values ?? []];
+          return {
+            id: `${F(s, c.value)}|${H}`,
+            filter: s,
+            search: q.search,
+            options: [],
+            type: B(s),
+            selectedValues: E,
+            visibleCount: q.visibleCount,
+            keepSelection: q.keepSelection,
+            showAdvanced: q.showAdvanced
+          };
+        }), G();
+      },
+      { immediate: !0 }
+    ), pe(
+      [y, i, k],
+      async () => {
+        await G();
+      },
+      { deep: !0, immediate: !0 }
+    ), pe(
+      [() => a.value],
+      async () => {
+        v.value.forEach((s) => {
+          s.options = [];
+        }), await G();
+      },
+      { deep: !0 }
+    ), pe(
+      () => n.value,
+      async () => {
+        await G(!0);
+      }
+    );
+    function B(s) {
+      var q;
+      const H = (q = p.value.find((E) => E.name === s.schemaName)) == null ? void 0 : q.fields.find((E) => E.name === s.name);
+      return H == null ? void 0 : H.type;
+    }
+    function D(s) {
+      var be;
+      if (!o.value && !a.value) return [];
+      const H = a.value ? [a.value] : [...((be = o.value) == null ? void 0 : be.tiles) ?? []], { name: q = "", schemaName: E = "" } = s, ne = H.filter((se) => {
+        var re, ge;
+        const J = (re = se == null ? void 0 : se.widget) == null ? void 0 : re.config;
+        if (!J || (ge = s.tileIds) != null && ge.length && !s.tileIds.includes(se.id)) return !1;
+        const Q = (J.dimensions ?? []).some(
+          (me) => me.schemaName === E && me.name === q
+        ), M = (J.joinDatasources ?? []).some(
+          (me) => (me.dimensions ?? []).some((ue) => ue.schemaName === E && ue.name === q)
+        ), le = (J.schemaNames ?? []).includes(E);
+        return Q || M || le;
+      });
+      if (!ne.length) return [];
+      const de = (se, J) => {
+        const Q = /* @__PURE__ */ new Map(), M = (le) => {
+          const re = `${le.schemaName}:${le.name}:${le.operator}:${le.option ?? ""}:${le.dataFormula ?? ""}`, ge = Q.get(re);
+          ge ? [Pe.Like, Pe.NotLike].includes(le.operator) ? ge.values = Array.from(/* @__PURE__ */ new Set([...ge.values ?? [], ...le.values ?? []])) : Q.set(re, { ...le }) : Q.set(re, { ...le });
+        };
+        return se.forEach(M), J.forEach(M), Array.from(Q.values());
+      }, xe = (se) => {
+        var Q;
+        const J = (Q = se.dimensions) == null ? void 0 : Q.find(
+          (M) => M.schemaName === E && M.name === q
+        );
+        return {
+          name: q,
+          schemaName: E,
+          label: (J == null ? void 0 : J.label) ?? q,
+          hide: !1,
+          option: s.option ?? null,
+          dataFormula: J == null ? void 0 : J.dataFormula
+        };
+      };
+      return ne.map((se) => {
+        var me, ue;
+        const J = (me = se == null ? void 0 : se.widget) == null ? void 0 : me.config;
+        if (!J) return null;
+        const Q = xe(J), M = (J.dimensions ?? []).some((Te) => Te.schemaName === E) || (J.schemaNames ?? []).includes(E), le = de(
+          J.filters ?? [],
+          (s.filters ?? []).filter((Te) => {
+            var Fe;
+            return (Fe = J.schemaNames) == null ? void 0 : Fe.includes(Te.schemaName);
+          })
+        ), re = (ue = J.joinDatasources) == null ? void 0 : ue.find(
+          (Te) => (Te.schemaNames ?? []).includes(E) || (Te.dimensions ?? []).some((Fe) => Fe.schemaName === E)
+        ), ge = de(
+          (re == null ? void 0 : re.filters) ?? [],
+          (s.filters ?? []).filter((Te) => {
+            var Fe;
+            return (Fe = re == null ? void 0 : re.schemaNames) == null ? void 0 : Fe.includes(Te.schemaName);
+          })
+        );
+        return {
+          type: Y.Table,
+          title: "Global Filter",
+          config: {
+            schemaNames: J.schemaNames,
+            schemas: J.schemas,
+            dimensions: M ? [Q] : [],
+            filters: le,
+            sorts: M ? [{ name: q, schemaName: E, type: je.Asc, aggregation: null, dimensionOption: null }] : [],
+            joinDatasources: !M && re ? [
+              {
+                ...re,
+                dimensions: [Q],
+                sorts: [
+                  {
+                    name: q,
+                    schemaName: E,
+                    type: je.Asc,
+                    aggregation: null,
+                    dimensionOption: null
+                  }
+                ],
+                filters: ge
+              }
+            ] : [],
+            rowIds: [],
+            metrics: [],
+            limit: null,
+            rollup: void 0,
+            drillDimension: void 0,
+            showGrandTotal: !1,
+            breakdownDimension: void 0,
+            sparklineDimension: void 0,
+            isTransposed: !1,
+            isDrillable: !1,
+            isBlend: !1
+          }
+        };
+      }).filter(Boolean);
+    }
+    function z(s) {
+      return s.options.every((H) => {
+        var q;
+        return (q = s.selectedValues) == null ? void 0 : q.includes(H.value);
+      });
+    }
+    function P(s) {
+      z(s) ? s.selectedValues = ["(EMPTY)"] : s.selectedValues = s.options.map((H) => H.value);
+    }
+    const I = S(
+      () => v.value.map((s) => {
+        const H = s.options, q = s.search.toLowerCase() ?? "";
+        return H.filter(
+          (ne) => ne.label.toLowerCase().includes(q.toLowerCase())
+        ).slice(0, s.visibleCount);
+      })
+    );
+    function V(s) {
+      s.visibleCount += 50, f(s.filter, c.value, 50);
+    }
+    async function O(s, H) {
+      var q;
+      if (!(!s.type && (s.type = B(s.filter), !s.type)))
+        switch (s.type) {
+          case Oe.String:
+            try {
+              const E = D(s.filter);
+              if (!E.length) {
+                s.options = [];
+                return;
+              }
+              const ne = [];
+              for (const J of E) {
+                const Q = await On(J, H);
+                (Q == null ? void 0 : Q.type) === Y.Table && ne.push(...Q.rows.map((M) => {
+                  var le;
+                  return ((le = M.cells) == null ? void 0 : le[0]) ?? " ";
+                }));
+              }
+              const de = Array.from(new Set(ne)), xe = (q = C(s.filter, c.value).selectedValues) != null && q.length ? C(s.filter, c.value).selectedValues : s.selectedValues || [], be = s.keepSelection ? Array.from(/* @__PURE__ */ new Set([...de, ...xe])) : de, se = new Set(ne);
+              s.options = be.map((J) => ({
+                label: String(J).trim() === "" ? b.value : String(J),
+                value: J,
+                available: s.keepSelection ? se.has(J) : new Set(de).has(J)
+              })), $(s);
+            } catch (E) {
+              if ((E == null ? void 0 : E.code) === "ERR_CANCELED" || (E == null ? void 0 : E.name) === "CanceledError")
+                return;
+              throw E;
+            }
+            break;
+          case Oe.Bool: {
+            s.options = [
+              { label: t("report.common.yes"), value: !0 },
+              { label: t("report.common.no"), value: !1 }
+            ], $(s);
+            break;
+          }
+          case Oe.Timestamp:
+            if (s.filter.option !== we.DateTime && s.filter.option !== we.TimeOfDay) {
+              const E = s.filter.option;
+              s.options = zn({ dimensionOption: E, t }), s.filter.values = s.options.length ? s.options.map((ne) => ne.value) : ["NULL"];
+            }
+            $(s);
+            break;
+          case Oe.Numeric:
+            break;
+        }
+    }
+    async function G(s = !1) {
+      if (!c.value || !v.value.length) return;
+      x == null || x.abort();
+      const H = new AbortController();
+      x = H;
+      try {
+        s || (l.value = !0), g.value = !0, await Promise.all(
+          v.value.map((q) => O(q, H.signal))
+        );
+      } finally {
+        x === H && (s || (l.value = !1), g.value = !1);
+      }
+    }
+    function T(s, H) {
+      var E;
+      if ((E = s.selectedValues) == null ? void 0 : E.includes(H)) {
+        let ne = (s.selectedValues || []).filter((de) => de !== H && de !== "(EMPTY)");
+        s.selectedValues = ne.length > 0 ? ne : ["(EMPTY)"];
+      } else
+        s.selectedValues = [...(s.selectedValues || []).filter((ne) => ne !== "(EMPTY)"), H];
+      d(s.filter, c.value, "selectedValues", s.selectedValues);
+    }
+    function w(s, H) {
+      if (H === null)
+        s.values = [];
+      else {
+        const E = st(H.startDate).tz(m.value).startOf("day").utc().toISOString(), ne = st(H.endDate).tz(m.value).endOf("day").utc().toISOString();
+        s.values = [E, ne];
+      }
+      const q = v.value.find((E) => E.filter === s);
+      q && (q.keepSelection = H !== null, d(q.filter, c.value, "keepSelection", q.keepSelection));
+    }
+    function N(s) {
+      const H = (s.selectedValues || []).filter((q) => q !== "(EMPTY)");
+      return `${t("report.section.filter.selectAll")} (${H.length}/${s.options.length})`;
+    }
+    function A(s) {
+      const H = s.options.length, q = t("report.section.filter.search"), E = t("report.common.results", { count: H });
+      return `${q} (${E})`;
+    }
+    function W(s) {
+      var de, xe, be, se, J;
+      const H = Oa(s.filter);
+      if (s.type === Oe.Timestamp) {
+        const Q = ((de = s.filter.values) == null ? void 0 : de.length) === 2;
+        if (s.filter.option === we.DateTime)
+          return { preview: Q ? `${H} is between ${qa({
+            startDate: ((xe = s.filter.values) == null ? void 0 : xe[0]) || null,
+            endDate: ((be = s.filter.values) == null ? void 0 : be[1]) || null,
+            locale: n.value,
+            timezone: m.value
+          })}` : H, suffix: "" };
+        if (s.filter.option === we.TimeOfDay) {
+          const M = (se = s.filter.values) != null && se[0] ? st(s.filter.values[0]).tz(m.value) : null, le = (J = s.filter.values) != null && J[1] ? st(s.filter.values[1]).tz(m.value) : null, re = (me) => me && me.isValid() ? { hour: me.hour(), minute: me.minute() } : null;
+          return { preview: Q ? `${H} is between ${Xa({
+            startTime: re(M),
+            endTime: re(le),
+            locale: n.value
+          })}` : H, suffix: "" };
+        }
+        if (s.filter.option !== we.DateTime && s.filter.option !== we.TimeOfDay) {
+          const M = zn({
+            dimensionOption: s.filter.option,
+            t
+          }), le = new Map(M.map((ue) => [String(ue.value), ue.label])), ge = (s.selectedValues || []).filter((ue) => ue !== "(EMPTY)").map((ue) => le.get(String(ue)) ?? String(ue)), me = ge.map((ue) => ue.length > 20 ? `${ue.slice(0, 20)}…` : ue).join(", ");
+          return ge.length ? {
+            preview: `${H}: ${me}`,
+            suffix: `(${ge.length} selected)`
+          } : { preview: H, suffix: "" };
+        }
+      }
+      const E = (s.selectedValues || []).filter((Q) => Q !== "(EMPTY)").map((Q) => Q === !0 ? t("report.common.yes") || "Yes" : Q === !1 ? t("report.common.no") || "No" : String(Q).trim() === "" ? b.value : String(Q)), ne = E.map((Q) => Q.length > 20 ? `${Q.slice(0, 20)}…` : Q).join(", ");
+      return E.length ? {
+        preview: `${H}: ${ne}`,
+        suffix: `(${E.length} selected)`
+      } : { preview: ne, suffix: `${H}` };
+    }
+    function U(s) {
+      s.filter.values = [...s.selectedValues || []], d(s.filter, c.value, "selectedValues", s.selectedValues), document.body.click();
+    }
+    function ee(s) {
+      s.selectedValues = [...s.filter.values || []], d(s.filter, c.value, "selectedValues", s.selectedValues), document.body.click();
+    }
+    function te(s) {
+      s.showAdvanced = !s.showAdvanced, d(s.filter, c.value, "showAdvanced", s.showAdvanced);
+    }
+    function ve(s) {
+      s.keepSelection = !s.keepSelection, _(s.keepSelection), d(s.filter, c.value, "keepSelection", s.keepSelection), s.options = [], G(!0);
+    }
+    function ye(s, H) {
+      return s ? s.length > H ? `${s.slice(0, H)}…` : s : b.value;
+    }
+    function Ie(s, H) {
+      var E, ne, de, xe;
+      if (H === null)
+        s.values = [];
+      else {
+        const be = st().tz(m.value).set("hour", Number((E = H.start) == null ? void 0 : E.hour)).set("minute", Number((ne = H.start) == null ? void 0 : ne.minute)).toISOString(), se = st().tz(m.value).set("hour", Number((de = H.end) == null ? void 0 : de.hour)).set("minute", Number((xe = H.end) == null ? void 0 : xe.minute)).toISOString();
+        s.values = [be, se];
+      }
+      const q = v.value.find((be) => be.filter === s);
+      q && (q.keepSelection = H !== null, d(q.filter, c.value, "keepSelection", q.keepSelection));
+    }
+    return (s, H) => {
+      const q = Z("FmCircularProgress"), E = Z("FmTextField"), ne = Z("FmMenuItem"), de = Z("FmTooltip"), xe = Z("FmIcon"), be = Z("FmMenuDivider"), se = Z("FmSwitch"), J = Z("FmButton"), Q = Z("FmMenu");
+      return X(), oe("div", El, [
+        (X(!0), oe(ke, null, it(v.value, (M, le) => {
+          var re, ge, me, ue, Te, Fe;
+          return X(), oe("div", {
+            key: M.id
+          }, [
+            M.filter.option === u(we).DateTime ? (X(), he(Ea, {
+              key: 0,
+              "model-value": { startDate: (re = M.filter.values) == null ? void 0 : re[0], endDate: (ge = M.filter.values) == null ? void 0 : ge[1] },
+              class: "w-full",
+              label: W(M).preview,
+              removable: ((me = M.filter.values) == null ? void 0 : me.length) === 2,
+              onUpdate: (qe) => w(M.filter, qe),
+              onChipClosed: () => w(M.filter, null)
+            }, null, 8, ["model-value", "label", "removable", "onUpdate", "onChipClosed"])) : M.filter.option === u(we).TimeOfDay ? (X(), he(Wa, {
+              key: 1,
+              "model-value": { start: (ue = M.filter.values) == null ? void 0 : ue[0], end: (Te = M.filter.values) == null ? void 0 : Te[1] },
+              class: "w-full",
+              label: W(M).preview,
+              removable: ((Fe = M.filter.values) == null ? void 0 : Fe.length) === 2,
+              onUpdate: (qe) => Ie(M.filter, qe),
+              onChipClosed: () => Ie(M.filter, null)
+            }, null, 8, ["model-value", "label", "removable", "onUpdate", "onChipClosed"])) : (X(), he(Q, {
+              key: 2,
+              "close-on-click": !1,
+              shift: !0,
+              open: u(R)(M.id)
+            }, {
+              "menu-button": ce(() => [
+                j("div", Ul, [
+                  K(Ua, {
+                    "left-icon": "filter_alt",
+                    "trailing-icon": "expand_more",
+                    label: W(M).preview,
+                    class: "w-full"
+                  }, {
+                    default: ce(() => [
+                      qt(Le(W(M).suffix), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["label"])
+                ])
+              ]),
+              "menu-wrapper": ce(({ maxHeight: qe, width: _t }) => [
+                j("div", {
+                  class: "flex flex-col bg-fm-color-neutral-white p-2 rounded-lg shadow-light-300",
+                  style: $e({ maxHeight: `${qe}px`, width: _t })
+                }, [
+                  g.value ? (X(), oe("div", ql, [
+                    K(q)
+                  ])) : M.options.length > 0 && !u(l) ? (X(), oe(ke, { key: 1 }, [
+                    j("div", Xl, [
+                      K(E, {
+                        modelValue: M.search,
+                        "onUpdate:modelValue": [
+                          (ie) => M.search = ie,
+                          (ie) => u(d)(M.filter, c.value, "search", ie)
+                        ],
+                        type: "text",
+                        "prepend-icon": "search",
+                        placeholder: A(M),
+                        class: "border px-2 pb-8 text-sm mb-1 rounded"
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
+                    ]),
+                    j("div", Yl, [
+                      j("div", Gl, [
+                        K(ne, {
+                          label: N(M),
+                          "has-checkbox": !0,
+                          "model-value": z(M),
+                          indeterminate: !0,
+                          onClick: (ie) => P(M)
+                        }, null, 8, ["label", "model-value", "onClick"]),
+                        (X(!0), oe(ke, null, it(I.value[le], (ie) => (X(), oe(ke, {
+                          key: ie.value
+                        }, [
+                          ie.label && ie.label.length > 110 ? (X(), he(de, {
+                            key: 0,
+                            placement: "right",
+                            "hide-arrow": !0,
+                            "z-index": 2e3
+                          }, {
+                            content: ce(() => [
+                              qt(Le(ie.label), 1)
+                            ]),
+                            default: ce(() => [
+                              j("div", jl, [
+                                K(ne, {
+                                  label: ye(ie.label, 110),
+                                  "has-checkbox": !0,
+                                  "model-value": M.selectedValues.includes(ie.value),
+                                  class: Qe([
+                                    "flex-1 text-left",
+                                    { "bg-gray-200": ie.available === !1 }
+                                  ]),
+                                  onClick: () => T(M, ie.value)
+                                }, null, 8, ["label", "model-value", "class", "onClick"])
+                              ])
+                            ]),
+                            _: 2
+                          }, 1024)) : (X(), he(ne, {
+                            key: 1,
+                            label: ie.label,
+                            "has-checkbox": !0,
+                            "model-value": M.selectedValues.includes(ie.value),
+                            class: Qe(["flex-1 text-left", { "bg-gray-100": ie.available === !1 }]),
+                            onClick: () => T(M, ie.value)
+                          }, null, 8, ["label", "model-value", "class", "onClick"]))
+                        ], 64))), 128)),
+                        I.value[le].length < M.options.length && !M.search ? (X(), he(ne, {
+                          key: 0,
+                          class: "fm-typo-en-body-md-400 -ml-2",
+                          label: u(t)("report.section.filter.loadMore"),
+                          onClick: $t((ie) => V(M), ["stop"]),
+                          icon: "autorenew"
+                        }, null, 8, ["label", "onClick"])) : Ve("", !0)
+                      ])
+                    ]),
+                    j("div", {
+                      class: "px-12 py-2 flex items-center gap-2 cursor-pointer hover:bg-fm-color-neutral-50 transition-colors",
+                      onClick: (ie) => te(M)
+                    }, [
+                      K(xe, {
+                        name: M.showAdvanced ? "keyboard_arrow_up" : "keyboard_arrow_down",
+                        size: "md",
+                        class: ""
+                      }, null, 8, ["name"]),
+                      j("span", Jl, Le(u(t)("report.section.filter.advanced")), 1)
+                    ], 8, Kl),
+                    K(be),
+                    M.showAdvanced ? (X(), oe("div", Zl, [
+                      j("div", Ql, [
+                        j("div", er, [
+                          K(se, {
+                            "model-value": M.keepSelection,
+                            label: u(t)("report.section.filter.keepSelection"),
+                            labelPlacement: "right",
+                            "onUpdate:modelValue": () => ve(M)
+                          }, null, 8, ["model-value", "label", "onUpdate:modelValue"]),
+                          K(de, {
+                            placement: "top",
+                            "z-index": 2e3
+                          }, {
+                            content: ce(() => [
+                              j("div", tr, Le(u(t)("report.section.filter.keepSelectionTooltip")), 1)
+                            ]),
+                            default: ce(() => [
+                              K(xe, {
+                                name: "info",
+                                size: "md",
+                                class: "text-fm-color-primary"
+                              })
+                            ]),
+                            _: 1
+                          })
+                        ])
+                      ])
+                    ])) : Ve("", !0),
+                    j("div", nr, [
+                      K(J, {
+                        variant: "tertiary",
+                        label: u(t)("report.common.cancel"),
+                        onClick: $t((ie) => ee(M), ["stop"])
+                      }, null, 8, ["label", "onClick"]),
+                      K(J, {
+                        color: "primary",
+                        onClick: $t((ie) => U(M), ["stop"]),
+                        label: u(t)("report.common.apply")
+                      }, null, 8, ["onClick", "label"])
+                    ])
+                  ], 64)) : u(l) ? Ve("", !0) : (X(), he(Yt, { key: 2 }))
+                ], 4)
+              ]),
+              _: 2
+            }, 1032, ["open"]))
+          ]);
+        }), 128)),
+        Ue(s.$slots, "default")
+      ]);
+    };
+  }
+});
+export {
+  Je as I,
+  Kt as L,
+  Ge as R,
+  _e as S,
+  Jt as X,
+  Zt as Y,
+  vr as _,
+  Cr as a,
+  jt as b,
+  hr as c,
+  Pt as d,
+  Qt as e,
+  yr as f,
+  Et as g,
+  br as h,
+  gr as i,
+  Mn as u
+};