@feedmepos/mf-report 5.22.1 → 5.22.2-beta.0

package/dist/FilterSelector.vue_vue_type_script_setup_true_lang-DWR6vEwp.js

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