@feedmepos/mf-report 5.19.14-beta.0 → 5.19.15-beta.0

package/dist/DynamicWidget.vue_vue_type_script_setup_true_lang-D7I6fnJ3.js

@@ -0,0 +1,1669 @@
+import { computed as f, defineComponent as se, mergeModels as me, useModel as re, ref as u, onMounted as we, nextTick as J, watch as G, resolveComponent as H, createElementBlock as O, openBlock as A, Fragment as de, renderSlot as xe, createVNode as I, normalizeStyle as he, unref as o, createElementVNode as M, toDisplayString as Ee, withCtx as Y, createBlock as j, createCommentVNode as be, normalizeClass as Me, h as Be, renderList as Ft, toRaw as aa, markRaw as la, createTextVNode as oa, onUnmounted as na, resolveDynamicComponent as sa, withDirectives as ra, vShow as ia } from "vue";
+import { W as _, d as Ve, e as ca, S as Ae, v as Ie, f as ua, g as Je, h as Rt, q as da, R as Fe, i as ha } from "./BaseDialog.vue_vue_type_script_setup_true_lang-lOdt7NC7.js";
+import { u as qe, b as Ne, a as nt } from "./vue-i18n-DsnU36hZ.js";
+import { a as St } from "./helper-CLGnwM-X.js";
+import { storeToRefs as Le, defineStore as ma } from "pinia";
+import { useBreakpoints as Lt, useSnackbar as st, components as pa } from "@feedmepos/ui-library";
+import { a as fa } from "./SelectComponent.vue_vue_type_script_setup_true_lang-DYOjRnAy.js";
+import { r as Re } from "./i18n-Cif1I9J2.js";
+import { _ as kt } from "./NoData.vue_vue_type_script_setup_true_lang-DX1We5Q0.js";
+var Qe = /* @__PURE__ */ ((e) => (e.line = "LINE", e.bar = "BAR", e))(Qe || {}), ye = /* @__PURE__ */ ((e) => (e.top = "TOP", e.bottom = "BOTTOM", e))(ye || {}), et = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e))(et || {}), tt = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(tt || {}), at = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e))(at || {}), lt = /* @__PURE__ */ ((e) => (e.right = "right", e.left = "left", e))(lt || {}), ot = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e.right = "right", e.left = "left", e.chartArea = "chartArea", e))(ot || {});
+_.Circular, _.Table, _.BarChart, _.LineChart, _.StackBarChart, _.StackLineChart, _.Scorecard, _.Spacer;
+const va = [
+  {
+    type: _.Circular,
+    showLabel: !1,
+    // TODO: temporarily removed show label as it has no function
+    showDrillDimension: !0,
+    showRollup: !1,
+    showSearchBar: !1
+  },
+  {
+    type: _.Table,
+    showLabel: !1,
+    showDrillDimension: !0,
+    showRollup: !0,
+    showSearchBar: !0
+  },
+  {
+    type: _.BarChart,
+    showLabel: !1,
+    // TODO: temporarily removed show label as it has no function
+    showDrillDimension: !0,
+    showRollup: !1,
+    showSearchBar: !1
+  },
+  {
+    type: _.LineChart,
+    showLabel: !1,
+    // TODO: temporarily removed show label as it has no function
+    showDrillDimension: !0,
+    showRollup: !0,
+    showSearchBar: !1
+  },
+  {
+    type: _.StackBarChart,
+    showLabel: !1,
+    // TODO: temporarily removed show label as it has no function
+    showDrillDimension: !0,
+    showRollup: !0,
+    showSearchBar: !1
+  },
+  {
+    type: _.StackLineChart,
+    showLabel: !1,
+    // TODO: temporarily removed show label as it has no function
+    showDrillDimension: !0,
+    showRollup: !0,
+    showSearchBar: !1
+  },
+  {
+    type: _.Scorecard,
+    showLabel: !1,
+    showDrillDimension: !1,
+    showRollup: !1,
+    showSearchBar: !1
+  },
+  {
+    type: _.Spacer,
+    showLabel: !1,
+    showDrillDimension: !1,
+    showRollup: !1,
+    showSearchBar: !1
+  }
+];
+function Ke(e) {
+  const n = [e.schemaName, e.name];
+  return "option" in e && e.option && n.push(e.option), "aggregation" in e && e.aggregation && n.push(e.aggregation), n.push(e.label.replace(/[^a-zA-Z0-9]/g, "")), n.join("_").toLowerCase();
+}
+function ga(e, n) {
+  switch (e) {
+    case _.BarChart:
+    case _.LineChart:
+    case _.StackBarChart:
+    case _.StackLineChart:
+      return Array.isArray(n == null ? void 0 : n.datasets) && Array.isArray(n == null ? void 0 : n.xAxis) && n.datasets.length > 0 && n.xAxis.length > 0;
+    case _.Table:
+      return Array.isArray(n == null ? void 0 : n.rows) && Array.isArray(n == null ? void 0 : n.columns) && n.rows.length > 0 && n.columns.length > 0;
+    case _.Circular:
+      return Array.isArray(n == null ? void 0 : n.datasets) && n.datasets.length > 0;
+    case _.Scorecard:
+      return !0;
+    case _.Spacer:
+      return !0;
+  }
+}
+const Tt = [
+  "54, 162, 235",
+  //8CE6D7
+  "0, 123, 167",
+  //007BA7
+  "255, 93, 83",
+  //FF5D53
+  "115, 200, 230",
+  //73C8E6
+  "252, 162, 62",
+  //FCA23E
+  "240, 155, 190",
+  //F09BBE
+  "255, 210, 50",
+  //FFD232
+  "80, 190, 155",
+  //50BE9B
+  "131, 88, 212",
+  //8358D4
+  "155, 80, 70"
+  //9B5046
+];
+function ne({
+  index: e,
+  isCompare: n,
+  opacity: m
+}) {
+  let t = typeof m == "number" ? m : 1;
+  return n && (t = t * 0.6), `rgba(${Tt[e % Tt.length]}, ${t})`;
+}
+function zt(e, n, m) {
+  if (e === "" || n === "")
+    return null;
+  let t = (F) => F == null ? void 0 : F.replace(/,/g, "");
+  m === "ID" && (t = (F) => F == null ? void 0 : F.replace(/\./g, "").replace(/,/g, "."));
+  const w = Number(t(e)), R = Number(t(n));
+  if (isNaN(w) || isNaN(R))
+    return null;
+  let C = 0;
+  R === 0 ? w === 0 ? C = 0 : C = 1 : C = (w - R) / R;
+  const S = ya(C);
+  return {
+    value: isNaN(C) ? "" : `${(C * 100).toFixed(0)}%`,
+    icon: S
+  };
+}
+function ya(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 He(e) {
+  function n(s, c, i) {
+    if (s.measureText(c).width <= i) return c;
+    const r = "…";
+    let x = 0, b = c.length;
+    for (; x < b; ) {
+      const v = Math.floor((x + b) / 2), h = c.slice(0, v) + r;
+      s.measureText(h).width <= i ? x = v + 1 : b = v;
+    }
+    return c.slice(0, x - 1) + r;
+  }
+  const m = f(() => ({
+    display: e.showLabel,
+    align: e.labelAlign,
+    anchor: e.labelAnchor,
+    rotation: e.labelRotation,
+    offset: e.labelOffset,
+    font: {
+      size: e.labelFontSize
+    },
+    color: (s) => {
+      const c = s.chart.data.datasets[s.datasetIndex];
+      return c.borderColor ? Array.isArray(c.borderColor) ? c.borderColor[s.dataIndex] : c.borderColor : c.backgroundColor ? Array.isArray(c.backgroundColor) ? c.backgroundColor[s.dataIndex] : c.backgroundColor : "#000";
+    },
+    formatter: (s) => s === 0 ? "" : s.toLocaleString("en-US")
+  })), t = f(() => ({
+    display: e.showX,
+    position: e.xPosition,
+    grid: {
+      display: e.showXGrid
+    },
+    ticks: {
+      display: e.showXTick,
+      callback: function(s) {
+        if ((e == null ? void 0 : e.isTransposed) === !0) return String(s);
+        let i = String(s);
+        const r = this;
+        r && typeof r.getLabelForValue == "function" && (i = r.getLabelForValue(s));
+        const x = r == null ? void 0 : r.chart, b = r == null ? void 0 : r.ctx, v = x.height * 0.25;
+        if (b && v > 0) {
+          b.save();
+          const z = b.measureText(i).width > v ? n(b, i, v) : i;
+          return b.restore(), z;
+        }
+        return i;
+      },
+      font: {
+        size: e.xTickFontSize
+      }
+    },
+    title: {
+      display: e.showXTitle,
+      text: e.xTitle,
+      font: {
+        size: e.xTitleFontSize
+      }
+    },
+    afterBuildTicks: (s) => {
+      const c = Array.isArray(s == null ? void 0 : s.ticks) ? s.ticks : [];
+      if (c.length === 0) return;
+      const i = s.getLabelForValue(c[0].value), r = !isNaN(Number(i));
+      s.options.ticks.minRotation = r || c.length < 10 ? 0 : 90;
+    },
+    afterFit: (s) => {
+      if (!(e != null && e.isTransposed)) {
+        const c = s.chart.height * 0.4;
+        s.height > c && (s.height = c);
+      }
+    }
+  })), w = f(() => ({
+    display: e.showY,
+    position: e.yPosition,
+    grid: {
+      display: e.showYGrid
+    },
+    ticks: {
+      display: e.showYTick,
+      font: {
+        size: e.yTickFontSize
+      },
+      callback: function(s) {
+        if (!((e == null ? void 0 : e.isTransposed) === !0)) return String(s);
+        let i = String(s);
+        const r = this;
+        r && typeof r.getLabelForValue == "function" && (i = r.getLabelForValue(s));
+        const x = r == null ? void 0 : r.chart, b = r == null ? void 0 : r.ctx, v = x.width * 0.4;
+        if (b && v > 0) {
+          b.save();
+          const z = b.measureText(i).width > v ? n(b, i, v) : i;
+          return b.restore(), z;
+        }
+        return i;
+      }
+    },
+    title: {
+      display: e.showYTitle,
+      text: e.yTitle,
+      font: {
+        size: e.yTitleFontSize
+      }
+    }
+  })), R = f(() => ({
+    display: e.showLegend,
+    position: e.legendPosition,
+    usePointStyle: e.usePointStyle,
+    maxHeight: e.legendMaxHeight,
+    maxWidth: e.legendMaxWidth,
+    labels: {
+      usePointStyle: e.usePointStyle ?? !0,
+      generateLabels: (s) => {
+        var i;
+        const c = ((i = s == null ? void 0 : s.data) == null ? void 0 : i.datasets) || [];
+        if (c.length === 0) return [];
+        if (c.length === 1 && Array.isArray(c[0].backgroundColor) && c[0].backgroundColor.length > 1 && Array.isArray(c[0].data)) {
+          const r = c[0];
+          return s.data.labels.map((b, v) => {
+            const h = r.backgroundColor[v];
+            return {
+              text: b,
+              fontColor: "#6b6b6b",
+              fillStyle: h,
+              strokeStyle: h,
+              datasetIndex: 0,
+              index: v,
+              hidden: s.getDataVisibility ? !s.getDataVisibility(v) : !1
+            };
+          });
+        }
+        return s.data.datasets.map((r, x) => {
+          const b = r.borderColor || r.backgroundColor;
+          return {
+            text: r.label,
+            fontColor: "#6b6b6b",
+            fillStyle: b,
+            strokeStyle: b,
+            datasetIndex: x,
+            hidden: !s.isDatasetVisible(x)
+          };
+        });
+      }
+    }
+  })), C = f(() => e.isTransposed), S = f(() => e.chartWidth), F = f(() => e.chartHeight);
+  return { datalabels: m, xCfg: t, yCfg: w, isTransposed: C, legend: R, chartWidth: S, chartHeight: F };
+}
+const ba = /* @__PURE__ */ se({
+  __name: "WidgetBarchart",
+  props: /* @__PURE__ */ me({
+    tileIndex: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const n = e, m = re(e, "modelValue"), t = u(null), w = f(() => {
+      var h;
+      return ((h = m.value.data) == null ? void 0 : h.xAxis) ?? [];
+    }), R = f(() => {
+      var h;
+      return ((h = m.value.data) == null ? void 0 : h.datasets) ?? [];
+    }), { datalabels: C, xCfg: S, yCfg: F, isTransposed: s, legend: c, chartWidth: i, chartHeight: r } = He(
+      m.value
+    ), x = f(() => R.value.length > 0 ? [
+      ...R.value.map((h, z) => ({
+        label: h.name,
+        data: h.values,
+        dash: !!h.isCompare,
+        backgroundColor: ne({ index: z, isCompare: h.isCompare })
+      }))
+    ] : []), b = Ve();
+    function v() {
+      return b.extractChartSize(t.value, n.tileIndex) || { width: 0, height: 0 };
+    }
+    return we(() => {
+      J(() => {
+        v();
+      });
+    }), G([x], () => {
+      J(() => v());
+    }), (h, z) => {
+      const d = H("FmBarChart");
+      return A(), O(de, null, [
+        xe(h.$slots, "menu"),
+        I(d, {
+          ref_key: "chartRef",
+          ref: t,
+          class: "bar-chart",
+          datasets: x.value,
+          "x-axis": { categories: w.value },
+          "x-cfg": o(S),
+          "y-cfg": o(F),
+          transpose: o(s),
+          legend: {
+            display: o(c).display ?? !1,
+            position: o(c).position,
+            maxHeight: o(c).maxHeight,
+            maxWidth: o(c).maxWidth,
+            labels: o(c).labels
+          },
+          datalabels: o(C),
+          "maintain-aspect-ratio": !1,
+          style: he({
+            "--chart-width": o(i) !== void 0 ? o(i) + "px" : "100%",
+            "--chart-height": o(r) !== void 0 ? o(r) + "px" : "calc(100% - 36px)"
+          })
+        }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "datalabels", "style"])
+      ], 64);
+    };
+  }
+}), wa = /* @__PURE__ */ se({
+  __name: "WidgetCircular",
+  props: /* @__PURE__ */ me({
+    tileIndex: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const n = e, m = re(e, "modelValue"), { breakpoints: t } = Lt(), w = u(null), { datalabels: R, legend: C, chartWidth: S, chartHeight: F } = He(m.value), s = f(() => {
+      let x = [];
+      return m.value.data.datasets && m.value.data.metrics && m.value.data.datasets.length > 0 && m.value.data.metrics.length > 0 && (x = [
+        {
+          label: m.value.data.metrics[0],
+          data: m.value.data.datasets.map((b) => b.value),
+          backgroundColor: m.value.data.datasets.map((b, v) => ne({ index: v }))
+        }
+      ]), x;
+    }), c = Ve();
+    function i() {
+      return c.extractChartSize(w.value, n.tileIndex) || { width: 0, height: 0 };
+    }
+    we(() => {
+      J(() => {
+        i();
+      });
+    }), G([s], () => {
+      J(() => i());
+    });
+    const r = f(() => t.value.lg ? 12 : 8);
+    return (x, b) => {
+      const v = H("FmPieChart");
+      return A(), O(de, null, [
+        xe(x.$slots, "menu"),
+        I(v, {
+          ref_key: "chartRef",
+          ref: w,
+          class: "circular",
+          percentage: "70%",
+          datasets: s.value,
+          metrics: m.value.data.datasets.map((h) => h.name),
+          variant: "doughnut",
+          legend: {
+            display: o(C).display ?? !0,
+            position: o(C).position ?? "top",
+            maxHeight: o(C).maxHeight,
+            maxWidth: o(C).maxWidth,
+            labels: {
+              ...o(C).labels,
+              font: {
+                size: r.value
+              }
+            }
+          },
+          datalabels: o(R),
+          "maintain-aspect-ratio": !1,
+          style: he({
+            "--chart-width": o(S) !== void 0 ? o(S) + "px" : "100%",
+            "--chart-height": o(F) !== void 0 ? o(F) + "px" : "calc(100% - 36px)"
+          })
+        }, null, 8, ["datasets", "metrics", "legend", "datalabels", "style"])
+      ], 64);
+    };
+  }
+}), xa = { class: "flex flex-col gap-1" }, Ca = { class: "fm-typo-en-title-sm-600" }, Sa = { class: "flex gap-2" }, ka = { key: 0 }, Ta = { key: 1 }, _a = /* @__PURE__ */ se({
+  __name: "WidgetScorecard",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const n = re(e, "modelValue"), { t: m } = qe(), { compareDateRange: t, defaultDateSetting: w } = Le(Ne()), { country: R } = nt(), C = f(() => {
+      var i;
+      return ((i = n.value.data) == null ? void 0 : i.value) || "";
+    }), S = f(() => {
+      const { data: i } = n.value;
+      return i != null && i.comparison ? zt(C.value, i.comparison, R) : null;
+    });
+    function F(i) {
+      switch (i) {
+        case Qe.bar:
+          return "bar";
+        case Qe.line:
+          return "line";
+        default:
+          return "line";
+      }
+    }
+    const s = f(() => {
+      var i;
+      return (i = n.value.data) == null ? void 0 : i.sparkline;
+    }), c = f(() => s.value.datasets.map((i) => ({
+      label: i.name,
+      data: i.values,
+      fill: !0,
+      color: "#36a2eb"
+    })));
+    return (i, r) => {
+      var z;
+      const x = H("FmIcon"), b = H("FmChip"), v = H("FmTooltip"), h = H("FmLineChart");
+      return A(), O("div", xa, [
+        xe(i.$slots, "menu"),
+        M("p", Ca, Ee(C.value), 1),
+        M("div", Sa, [
+          I(v, {
+            content: `vs. ${(z = o(w).defaultCompareType) == null ? void 0 : z.split("_").join(" ")}`,
+            placement: "right",
+            "hide-arrow": "",
+            variant: "plain"
+          }, {
+            default: Y(() => [
+              S.value ? (A(), j(b, {
+                key: 0,
+                icon: S.value.icon.name,
+                class: Me(`bg-${S.value.icon.tailwind}`),
+                compact: ""
+              }, {
+                default: Y(() => [
+                  I(x, {
+                    name: S.value.icon.name,
+                    color: S.value.icon.color
+                  }, null, 8, ["name", "color"]),
+                  M("p", {
+                    class: "fm-typo-en-body-md-600",
+                    style: he({ color: S.value.icon.color })
+                  }, Ee(S.value.value), 5)
+                ]),
+                _: 1
+              }, 8, ["icon", "class"])) : be("", !0),
+              o(t).endDate !== null && o(t).startDate !== null && S.value === null ? (A(), j(b, {
+                key: 1,
+                compact: ""
+              }, {
+                default: Y(() => [
+                  I(x, {
+                    name: "arrow_upward",
+                    color: "#C7C7CC"
+                  }),
+                  r[0] || (r[0] = M("p", { class: "fm-typo-en-body-md-600 text-fm-color-typo-disabled" }, "N/A", -1))
+                ]),
+                _: 1
+              })) : be("", !0)
+            ]),
+            _: 1
+          }, 8, ["content"])
+        ]),
+        s.value ? (A(), O("div", ka, [
+          F(s.value.type) === "line" ? (A(), j(h, {
+            key: 0,
+            class: "sparkline",
+            datasets: c.value,
+            legend: {
+              display: !1
+            },
+            datalabels: { display: !1 },
+            "x-axis": { categories: s.value.dimensions },
+            "y-cfg": { display: !1 },
+            "x-cfg": { display: !1 },
+            "maintain-aspect-ratio": !1
+          }, null, 8, ["datasets", "x-axis"])) : be("", !0)
+        ])) : (A(), O("div", Ta, r[1] || (r[1] = [
+          M("div", { class: "sparkline" }, [
+            M("div", { class: "flex flex-col gap-8" }, [
+              M("div"),
+              M("div")
+            ]),
+            M("div", { class: "grow" })
+          ], -1)
+        ])))
+      ]);
+    };
+  }
+}), Fa = {};
+function Ra(e, n) {
+  const m = H("FmMenuDivider");
+  return A(), j(m);
+}
+const La = /* @__PURE__ */ fa(Fa, [["render", Ra]]), za = "mf-reporttable-dimension", _t = ma(za, () => {
+  const e = u(0), n = u([]), m = u(!1), t = (d, l) => {
+    e.value = d, R(d, l);
+  }, w = (d, l, y, g) => {
+    n[d] = l, n.value = [...n.value], C(d, l, y, g);
+  }, R = (d, l) => {
+    const y = (l == null ? void 0 : l.querySelectorAll("thead tr")) ?? [], g = (l == null ? void 0 : l.querySelectorAll("tbody tr")) ?? [];
+    [...y, ...g].forEach((V) => {
+      const $ = V;
+      $ && ($.style.height = `${d}px`);
+    });
+  }, C = (d, l, y, g = !1) => {
+    const k = (y == null ? void 0 : y.querySelectorAll("th")) ?? [];
+    if (d === void 0) return;
+    const V = k[d], $ = g ? n[d] : l;
+    if (!V || $ === void 0) return;
+    const P = () => {
+      V.style.width = `${$}px`;
+    };
+    g ? requestAnimationFrame(P) : P();
+  }, S = () => {
+    const d = document.querySelectorAll("th"), l = document.querySelectorAll("td"), y = document.querySelector("table");
+    y == null || y.classList.add("table-fixed"), d.forEach((g) => g.classList.add("toggleEditResize")), l.forEach((g) => g.classList.add("toggleEditResize")), m.value = !0;
+  }, F = () => {
+    const d = document.querySelectorAll("th"), l = document.querySelectorAll("td"), y = document.querySelectorAll(".col-resize-handle"), g = document.querySelectorAll(".row-resize-handle");
+    d.forEach((k) => k.classList.remove("toggleEditResize")), l.forEach((k) => k.classList.remove("toggleEditResize")), y.forEach((k) => k.remove()), g.forEach((k) => k.remove()), m.value = !1;
+  }, s = () => {
+    e.value = 0, n.value = [];
+  }, c = (d, l) => {
+    if (l) {
+      const y = document.querySelectorAll(`thead th:nth-child(${d + 1})`), g = document.querySelectorAll(`tbody td:nth-child(${d + 1})`);
+      [...y, ...g].forEach((k) => {
+        k.classList.add("highlight-hover-col");
+      });
+    } else
+      document.querySelectorAll(
+        `thead th:nth-child(${d + 1}), tbody td:nth-child(${d + 1})`
+      ).forEach((y) => y.classList.add("highlight-col"));
+  }, i = (d) => {
+    const l = document.querySelectorAll("thead tr"), y = document.querySelectorAll("tbody tr"), g = [...l, ...y];
+    for (const k of g)
+      d ? k.classList.add("highlight-hover-row") : k.classList.add("highlight-row");
+  }, r = (d) => {
+    const l = d ? ".highlight-hover-row" : ".highlight-row", y = document.querySelectorAll(l);
+    for (const g of y)
+      g.classList.remove(l.slice(1));
+  }, x = (d) => {
+    d ? document.querySelectorAll(".highlight-hover-col").forEach((l) => {
+      l.classList.remove("highlight-hover-col");
+    }) : document.querySelectorAll(".highlight-col").forEach((l) => l.classList.remove("highlight-col"));
+  }, b = (d, l) => {
+    const y = /* @__PURE__ */ new Map(), g = d.clientX, k = d.target.closest("table"), V = k == null ? void 0 : k.querySelectorAll("th")[l], $ = V == null ? void 0 : V.getBoundingClientRect().width, P = y.get(l) ? n[l.toString()] || 60 : (y.set(l, !0), $ || n[l.toString()] || 60), N = V == null ? void 0 : V.querySelector("p");
+    if (!N) return;
+    const ie = N.textContent || "", Z = window.getComputedStyle(N), ce = `${Z.fontWeight} ${Z.fontSize} ${Z.fontFamily}`, ee = document.createElement("canvas").getContext("2d");
+    if (!ee) return;
+    ee.font = ce;
+    const p = ee.measureText(ie), T = window.getComputedStyle(V), E = parseFloat(T.paddingLeft || "0"), D = parseFloat(T.paddingRight || "0"), W = p.width + E + D;
+    c(l, !1);
+    const L = (te) => {
+      const ae = te.clientX - g, Q = Math.max(W, P + ae);
+      if (k) {
+        w(l, Q, k, !0);
+        let K = 0;
+        k.querySelectorAll("th").forEach((fe, ve) => {
+          K += ve === l ? Q : n[ve] || fe.getBoundingClientRect().width;
+        }), k.classList.remove("w-full"), k.style.width = `${K}px`;
+        const ue = k == null ? void 0 : k.parentElement;
+        if (ue) {
+          const fe = ue.scrollWidth, ve = ue.scrollLeft;
+          ue.offsetWidth + ve >= fe - 100 && (ue.scrollLeft = fe);
+        }
+      }
+    }, U = () => {
+      const te = (k == null ? void 0 : k.querySelectorAll("th")) ?? [], ae = [...n.value];
+      te.forEach((Q, K) => {
+        const Ce = Q.getBoundingClientRect().width;
+        n[K] = Ce, ae[K] = Ce;
+      }), n.value = ae, x(!1), document.removeEventListener("mousemove", L), document.removeEventListener("mouseup", U);
+    };
+    document.addEventListener("mousemove", L), document.addEventListener("mouseup", U);
+  }, v = (d) => {
+    const l = d.clientY, y = d.target.closest("table"), g = e.value || 48;
+    i(!1);
+    const k = ($) => {
+      const P = Math.max(30, g + ($.clientY - l));
+      y && t(P, y);
+    }, V = () => {
+      r(!1), document.removeEventListener("mousemove", k), document.removeEventListener("mouseup", V);
+    };
+    document.addEventListener("mousemove", k), document.addEventListener("mouseup", V);
+  };
+  return {
+    rowHeight: e,
+    colWidths: n,
+    isEditing: m,
+    updateRowHeight: t,
+    updateColWidth: w,
+    setRowHeights: R,
+    setColWidths: C,
+    enableEditMode: S,
+    disableEditMode: F,
+    resetStore: s,
+    highlightCol: c,
+    highlightRows: i,
+    removeRowHighlight: r,
+    removeColHighlight: x,
+    resizeCol: b,
+    resizeRow: v,
+    enableCellResizing: () => {
+      const d = document.querySelector("thead"), l = document.querySelectorAll("thead tr"), y = document.querySelectorAll("tbody tr"), g = [...l, ...y];
+      d && d.classList.remove("sticky");
+      const k = (V, $) => {
+        const P = document.createElement("div");
+        return P.className = `${V}-resize-handle`, V === "col" ? (P.addEventListener("mouseenter", () => c($, !0)), P.addEventListener("mouseleave", () => x(!0)), P.addEventListener("mousedown", (N) => {
+          N.stopPropagation(), b(N, $);
+        })) : (P.addEventListener("mouseenter", () => i(!0)), P.addEventListener("mouseleave", () => r(!0)), P.addEventListener("mousedown", (N) => {
+          N.stopPropagation(), v(N);
+        })), P;
+      };
+      g.forEach((V) => {
+        const $ = V.closest("thead") !== null;
+        V.querySelectorAll($ ? "th" : "td").forEach((N, ie) => {
+          const Z = k("col", ie), ce = k("row", ie);
+          N.appendChild(Z), N.appendChild(ce);
+        });
+      }), S();
+    },
+    cancelResizingChanges: () => {
+      F();
+    }
+  };
+});
+function Ze(e) {
+  if (e == null || e === "")
+    return "";
+  const n = String(e), m = Number(n);
+  if (isNaN(m)) return n;
+  const [t, w] = n.split("."), R = new Intl.NumberFormat("en-US").format(Number(t));
+  return w !== void 0 ? `${R}.${w}` : R;
+}
+const Da = "/assets/processTableData.worker-D-lgWpiT.js", Wa = { class: "my-4" }, Aa = {
+  class: "border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm",
+  style: { backgroundColor: "#f9f9f9" }
+}, Ea = { class: "font-bold" }, Va = { class: "text-fm-color-neutral-gray-300" }, Ha = /* @__PURE__ */ se({
+  __name: "WidgetTable",
+  props: /* @__PURE__ */ me({
+    tileIndex: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const { t: n, te: m } = qe(), t = re(e, "modelValue"), { country: w } = nt(), { clearTileSorts: R, setTileSorts: C } = ca(), S = st(), F = e, s = u([]), { isEditing: c, colWidths: i, rowHeight: r } = Le(_t()), { setColWidths: x, setRowHeights: b, enableCellResizing: v } = _t(), h = u(null), z = f(() => {
+      var p;
+      return ((p = t.value.data) == null ? void 0 : p.columns) || [{ label: "", key: "" }];
+    }), d = f(() => {
+      var p;
+      return ((p = t.value.data) == null ? void 0 : p.rows) || [];
+    }), l = f(() => t.value.filterText), y = f(() => {
+      var p, T;
+      if (!(l.value && l.value.trim().length > 0 || !((p = d.value[0]) != null && p.isRollup) && !((T = d.value[d.value.length - 1]) != null && T.isRollup))) {
+        if (t.value.rollupPosition === ye.top || t.value.rollupPosition === void 0)
+          return ye.top;
+        if (t.value.rollupPosition === ye.bottom)
+          return ye.bottom;
+      }
+    }), g = f(() => {
+      const D = y.value !== void 0 ? 1 : 0, W = (h.value ? h.value.$el.offsetHeight : 0) - 48;
+      return Math.floor((W - 34.5 - 32) / 48) - D;
+    }), k = f(() => {
+      var T, E;
+      let p = [];
+      switch (y.value) {
+        case ye.top:
+          p = [...((T = d.value[0]) == null ? void 0 : T.cells) || []].map((D, W) => {
+            var L;
+            return {
+              main: D,
+              comparison: (L = d.value[0]) == null ? void 0 : L.comparisonCells[W],
+              rowType: z.value[W].type
+            };
+          });
+          break;
+        case ye.bottom:
+          p = [...((E = d.value[d.value.length - 1]) == null ? void 0 : E.cells) || []].map((D, W) => {
+            var L;
+            return {
+              main: D,
+              comparison: (L = d.value[0]) == null ? void 0 : L.comparisonCells[W],
+              rowType: z.value[W].type
+            };
+          });
+          break;
+      }
+      return p.length > 0 && p[0].main === "" && (p[0].main = "Grand total"), p;
+    });
+    function V(p) {
+      let T = (p == null ? void 0 : p.main) || "";
+      return T.includes("#") && !T.startsWith("#") && (T = T.split("#")[0]), !p || p.main === "" || p.comparison === "" ? {
+        main: T
+      } : {
+        main: T,
+        comparison: p == null ? void 0 : p.comparison,
+        difference: zt(p.main, p.comparison, w)
+      };
+    }
+    we(() => {
+      R();
+    });
+    const $ = u([]);
+    let P = 0, N;
+    function ie() {
+      var W;
+      if (!((W = t.value) != null && W.data)) {
+        $.value = [];
+        return;
+      }
+      const p = ++P, T = (t.value.data.rows || []).map((L) => ({
+        isRollup: L.isRollup,
+        cells: Array.isArray(L.cells) ? [...L.cells] : [],
+        comparisonCells: Array.isArray(L.comparisonCells) ? [...L.comparisonCells] : []
+      })), E = (t.value.data.columns || []).map((L) => ({
+        key: L.key,
+        type: L.type,
+        label: L.label
+      })), D = {
+        rows: T,
+        columns: E,
+        filter: l.value ?? "",
+        globalSorts: aa(s.value).map((L) => ({
+          key: L.key,
+          type: L.type
+        })),
+        grandTotalPosition: y.value,
+        pageSize: g.value
+      };
+      ua(Da, D).then((L) => {
+        p === P && (L != null && L.error ? (S.open({ message: "Failed to process table data. Please retry.", type: "error" }), console.log(L.error), $.value = []) : $.value = la(L.data || []));
+      });
+    }
+    G(
+      () => s.value,
+      (p) => {
+        F.tileIndex === void 0 || F.tileIndex === null || C(F.tileIndex, p);
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const Z = f(() => {
+      var E, D;
+      const p = ((E = t.value.data) == null ? void 0 : E.rows) || [], T = ((D = t.value.data) == null ? void 0 : D.columns) || [];
+      return JSON.stringify({
+        rowsLength: p.length,
+        columns: T.map((W) => ({ key: W.key, type: W.type, label: W.label })),
+        filter: l.value ?? "",
+        globalSorts: s.value.map((W) => ({ key: W.key, type: W.type })),
+        grandTotalPosition: y.value,
+        pageSize: g.value
+      });
+    });
+    G(
+      () => Z.value,
+      () => {
+        clearTimeout(N), N = setTimeout(ie, 200);
+      },
+      { immediate: !0 }
+    );
+    function ce(p) {
+      const T = s.value.find((E) => E.key === p);
+      if (!T) {
+        s.value.push({ key: p, type: Ae.Asc });
+        return;
+      }
+      T.type === Ae.Asc ? T.type = Ae.Desc : T.type === Ae.Desc && (s.value = s.value.filter((E) => E.key !== p));
+    }
+    const pe = f(
+      () => {
+        var p;
+        return (((p = t.value.colWidths) == null ? void 0 : p.length) ?? 0) > 0 || i.value.length > 0;
+      }
+    ), ee = f(() => {
+      var p;
+      return (p = t.value.data) != null && p.columns ? t.value.data.columns.map((T) => {
+        const E = Re(n, m, T.label, "other"), D = s.value.find((U) => U.key === T.key), W = !!D, L = W ? D.type === Ae.Asc ? "arrow_upward" : "arrow_downward" : "unfold_more";
+        return {
+          accessorKey: T.key,
+          header: () => {
+            const U = H("FmIcon");
+            return Be(
+              "button",
+              {
+                type: "button",
+                class: `w-full flex items-center gap-1 group/select-header select-none ${T.type === "NUMERIC" ? "justify-end" : "justify-start"} ${W ? "text-fm-color-typo-primary" : "text-fm-color-neutral-gray-400"}`,
+                onClick: () => ce(T.key)
+              },
+              [
+                Be(
+                  "span",
+                  { class: `${T.type === "NUMERIC" ? "text-right" : ""} whitespace-nowrap` },
+                  E
+                ),
+                Be(U, {
+                  name: L,
+                  color: W ? "primary" : "neutral-gray-400",
+                  size: "sm",
+                  class: "transition-transform",
+                  style: L === "arrow_upward" ? "transform: translateY(-1px);" : ""
+                })
+              ]
+            );
+          },
+          cell: (U) => {
+            var Q, K;
+            const te = V(U.getValue()), ae = (K = (Q = U == null ? void 0 : U.row) == null ? void 0 : Q.original) == null ? void 0 : K.isRollup;
+            return Be(
+              "div",
+              {
+                class: [
+                  ae ? "fm-typo-en-body-md-600 text-fm-color-typo-secondary" : "fm-typo-en-body-md-400",
+                  T.type === "NUMERIC" ? "text-right" : "",
+                  pe.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
+                ].join(" ")
+              },
+              [T.type === "NUMERIC" ? Ze(te.main) : te.main]
+            );
+          },
+          enableSorting: !1
+        };
+      }) : [];
+    });
+    return G(
+      () => i.value.length > 0,
+      async (p) => {
+        p && c.value && (await J(), v());
+      }
+    ), G(
+      [() => ee.value],
+      async () => {
+        var W;
+        await J();
+        const p = (W = h.value) == null ? void 0 : W.$el;
+        if (!p) return;
+        const T = p.querySelector("table");
+        if (!T) return;
+        T.classList.add(pe.value ? "table-fixed" : "table-auto");
+        let E, D;
+        c.value ? (v(), E = i.value, D = r.value) : (D = t.value.rowHeight, E = t.value.colWidths), typeof D == "number" && b(D, p), E == null || E.forEach((L, U) => {
+          x(U, L, p);
+        });
+      },
+      { immediate: !0 }
+    ), (p, T) => {
+      const E = H("FmTable");
+      return A(), O(de, null, [
+        M("div", Wa, [
+          xe(p.$slots, "menu")
+        ]),
+        I(E, {
+          ref_key: "table",
+          ref: h,
+          "column-defs": ee.value,
+          "row-data": $.value,
+          "search-value": l.value,
+          "page-size": g.value,
+          "shrink-at": !1,
+          "force-mobile-footer": !0,
+          class: "scrollbar-hide-table"
+        }, {
+          "pin-top": Y(() => [
+            M("tbody", null, [
+              M("tr", Aa, [
+                (A(!0), O(de, null, Ft(k.value, (D, W) => (A(), O("td", {
+                  key: `${o(Ie)()}_${W}`,
+                  class: "h-[48px] text-fm-color-typo-primary px-16"
+                }, [
+                  M("span", {
+                    class: Me([
+                      "items-center text-fm-color-typo-secondary gap-2",
+                      D.rowType === "NUMERIC" ? "text-right" : "",
+                      pe.value ? "whitespace-normal break-words line-clamp-6" : "whitespace-nowrap"
+                    ])
+                  }, [
+                    M("p", Ea, Ee(D.rowType === "NUMERIC" ? o(Ze)(D.main) : D.main), 1),
+                    M("p", Va, Ee(D.comparison ? D.rowType === "NUMERIC" ? `(${o(Ze)(D.comparison)})` : `(${D.comparison})` : ""), 1)
+                  ], 2)
+                ]))), 128))
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["column-defs", "row-data", "search-value", "page-size"])
+      ], 64);
+    };
+  }
+}), $a = /* @__PURE__ */ se({
+  __name: "WidgetStackBarChart",
+  props: /* @__PURE__ */ me({
+    tileIndex: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const n = e, m = re(e, "modelValue"), t = u(null), w = f(() => {
+      var z;
+      return ((z = m.value.data) == null ? void 0 : z.xAxis) || [];
+    }), R = f(() => {
+      var h;
+      return ((h = m.value.data) == null ? void 0 : h.datasets) ?? [];
+    }), { datalabels: C, xCfg: S, yCfg: F, isTransposed: s, legend: c, chartWidth: i, chartHeight: r } = He(
+      m.value
+    ), x = f(() => R.value.length > 0 ? [
+      ...R.value.map((h, z) => {
+        let d = h.values;
+        return {
+          label: h.name,
+          data: d,
+          dash: !!h.isCompare,
+          backgroundColor: ne({ index: z, isCompare: h.isCompare })
+        };
+      })
+    ] : []), b = Ve();
+    function v() {
+      return b.extractChartSize(t.value, n.tileIndex) || { width: 0, height: 0 };
+    }
+    return we(() => {
+      J(() => {
+        v();
+      });
+    }), G([x], () => {
+      J(() => v());
+    }), (h, z) => {
+      const d = H("FmBarChart");
+      return A(), O(de, null, [
+        xe(h.$slots, "menu"),
+        I(d, {
+          ref_key: "chartRef",
+          ref: t,
+          class: "bar-chart",
+          datasets: x.value,
+          "x-axis": { categories: w.value },
+          "x-cfg": o(S),
+          "y-cfg": o(F),
+          transpose: o(s),
+          stacked: !0,
+          legend: {
+            display: o(c).display ?? !1,
+            position: o(c).position,
+            maxHeight: o(c).maxHeight,
+            maxWidth: o(c).maxWidth,
+            labels: o(c).labels
+          },
+          datalabels: o(C),
+          "maintain-aspect-ratio": !1,
+          style: he({
+            "--chart-width": o(i) !== void 0 ? o(i) + "px" : "100%",
+            "--chart-height": o(r) !== void 0 ? o(r) + "px" : "calc(100% - 36px)"
+          })
+        }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "datalabels", "style"])
+      ], 64);
+    };
+  }
+}), Pa = /* @__PURE__ */ se({
+  __name: "WidgetStackLineChart",
+  props: /* @__PURE__ */ me({
+    tileIndex: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    var d;
+    const n = e, m = re(e, "modelValue"), t = ((d = m.value.data) == null ? void 0 : d.xAxis) ?? [], w = f(
+      () => t.length === 1 && S.value.length > 0 && S.value.every((l) => l.values.length === 1)
+    ), R = f(() => w.value ? ["", t[0], ""] : t), C = u(null), S = f(() => {
+      var l;
+      return ((l = m.value.data) == null ? void 0 : l.datasets) ?? [];
+    }), { datalabels: F, xCfg: s, yCfg: c, isTransposed: i, legend: r, chartWidth: x, chartHeight: b } = He(
+      m.value
+    ), v = f(() => S.value.length > 0 ? [
+      ...S.value.map((l, y) => {
+        let g = l.values;
+        return w.value && (g = [NaN, g[0], NaN]), {
+          label: l.name,
+          data: g,
+          dash: l.isCompare,
+          fill: !1,
+          color: ne({ index: y, isCompare: l.isCompare }),
+          pointRadius: w.value ? 4 : void 0,
+          pointHoverRadius: w.value ? 6 : void 0,
+          pointBackgroundColor: w.value ? ne({ index: y, isCompare: l.isCompare }) : void 0,
+          pointBorderColor: w.value ? ne({ index: y, isCompare: l.isCompare }) : void 0,
+          pointBorderWidth: w.value ? 2 : void 0
+        };
+      })
+    ] : []), h = Ve();
+    function z() {
+      return h.extractChartSize(C.value, n.tileIndex) || { width: 0, height: 0 };
+    }
+    return we(() => {
+      J(() => {
+        z();
+      });
+    }), G([v], () => {
+      J(() => z());
+    }), (l, y) => {
+      const g = H("FmLineChart");
+      return A(), O(de, null, [
+        xe(l.$slots, "menu"),
+        I(g, {
+          ref_key: "chartRef",
+          ref: C,
+          class: "line-chart",
+          datasets: v.value,
+          "x-axis": { categories: R.value },
+          "x-cfg": o(s),
+          "y-cfg": o(c),
+          transpose: o(i),
+          legend: {
+            display: o(r).display ?? !1,
+            position: o(r).position,
+            maxHeight: o(r).maxHeight,
+            maxWidth: o(r).maxWidth,
+            labels: o(r).labels
+          },
+          stacked: !0,
+          datalabels: o(F),
+          "maintain-aspect-ratio": !1,
+          style: he({
+            "--chart-width": o(x) !== void 0 ? o(x) + "px" : "100%",
+            "--chart-height": o(b) !== void 0 ? o(b) + "px" : "calc(100% - 36px)"
+          })
+        }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "datalabels", "style"])
+      ], 64);
+    };
+  }
+}), ze = [
+  "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 Ba(e) {
+  return e < 12 ? ze[e - 1] : ze[11];
+}
+function Ia(e) {
+  return e < 12 ? ze[Math.min(11, e * 2 - 1)] : ze[11];
+}
+function Ma(e) {
+  return e < 12 ? ze[Math.min(11, e * 3 - 1)] : ze[11];
+}
+const Na = /* @__PURE__ */ se({
+  __name: "WidgetLinechart",
+  props: /* @__PURE__ */ me({
+    tileIndex: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    var d;
+    const n = e, m = re(e, "modelValue"), t = ((d = m.value.data) == null ? void 0 : d.xAxis) ?? [], w = f(
+      () => t.length === 1 && S.value.length > 0 && S.value.every((l) => l.values.length === 1)
+    ), R = f(() => w.value ? ["", t[0], ""] : t), C = u(null), S = f(() => {
+      var l;
+      return ((l = m.value.data) == null ? void 0 : l.datasets) ?? [];
+    }), { datalabels: F, xCfg: s, yCfg: c, isTransposed: i, legend: r, chartWidth: x, chartHeight: b } = He(
+      m.value
+    ), v = f(() => S.value.length > 0 ? [
+      ...S.value.map((l, y) => {
+        let g = l.values;
+        return w.value && (g = [NaN, g[0], NaN]), {
+          label: l.name,
+          data: g,
+          dash: !!l.isCompare,
+          fill: !1,
+          color: ne({ index: y, isCompare: l.isCompare }),
+          pointRadius: w.value ? 4 : void 0,
+          pointHoverRadius: w.value ? 6 : void 0,
+          pointBackgroundColor: w.value ? ne({ index: y, isCompare: l.isCompare }) : void 0,
+          pointBorderColor: w.value ? ne({ index: y, isCompare: l.isCompare }) : void 0,
+          pointBorderWidth: w.value ? 2 : void 0
+        };
+      })
+    ] : []), h = Ve();
+    function z() {
+      return h.extractChartSize(C.value, n.tileIndex) || { width: 0, height: 0 };
+    }
+    return we(() => {
+      J(() => {
+        z();
+      });
+    }), G([v], () => {
+      J(() => z());
+    }), (l, y) => {
+      const g = H("FmLineChart");
+      return A(), O(de, null, [
+        xe(l.$slots, "menu"),
+        I(g, {
+          ref_key: "chartRef",
+          ref: C,
+          class: "line-chart",
+          datasets: v.value,
+          "x-axis": { categories: R.value },
+          "x-cfg": o(s),
+          "y-cfg": o(c),
+          transpose: o(i),
+          legend: {
+            display: o(r).display ?? !1,
+            position: o(r).position,
+            maxHeight: o(r).maxHeight,
+            maxWidth: o(r).maxWidth,
+            labels: o(r).labels
+          },
+          datalabels: o(F),
+          "maintain-aspect-ratio": !1,
+          style: he({
+            "--chart-width": o(x) !== void 0 ? o(x) + "px" : "100%",
+            "--chart-height": o(b) !== void 0 ? o(b) + "px" : "calc(100% - 36px)"
+          })
+        }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "datalabels", "style"])
+      ], 64);
+    };
+  }
+}), qa = { class: "flex flex-col gap-16" }, Ua = { class: "flex flex-row" }, Oa = /* @__PURE__ */ se({
+  __name: "PdfOrientationDialog",
+  props: /* @__PURE__ */ me({
+    reportType: {},
+    index: {}
+  }, {
+    modelValue: { type: Boolean, required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const { t: n } = qe(), { FmForm: m } = pa, t = e, w = u(), R = re(e, "modelValue"), C = u(!0), S = u(!1), F = st(), { selectedLocationIds: s, dateRange: c, timeRange: i } = Le(Ne()), r = u(Je.PORTRAIT);
+    function x() {
+      var v;
+      (v = w.value) == null || v.validateInputs();
+    }
+    async function b() {
+      S.value = !0;
+      try {
+        t.index != null && await Rt({
+          reportType: t.reportType,
+          index: t.index,
+          orientationTypes: [r.value],
+          isCombinedLocationLayout: C.value,
+          timeRange: i.value,
+          dateRange: c.value,
+          locationIds: s.value
+        });
+      } catch (v) {
+        F.open({ message: v.message, type: "error" });
+      } finally {
+        S.value = !1;
+      }
+    }
+    return (v, h) => {
+      const z = H("FmRadio"), d = H("FmRadioGroup"), l = H("FmButton"), y = H("FmDialog");
+      return A(), j(y, {
+        modelValue: R.value,
+        "onUpdate:modelValue": h[2] || (h[2] = (g) => R.value = g),
+        overlay: !0,
+        "z-index": 10
+      }, {
+        "dialog-header": Y(() => h[3] || (h[3] = [
+          oa("Select Orientation")
+        ])),
+        default: Y(() => [
+          I(o(m), {
+            ref_key: "form",
+            ref: w,
+            onValidationSuccess: b
+          }, {
+            default: Y(() => [
+              M("div", qa, [
+                I(d, {
+                  modelValue: r.value,
+                  "onUpdate:modelValue": h[0] || (h[0] = (g) => r.value = g)
+                }, {
+                  default: Y(() => [
+                    I(z, {
+                      value: o(Je).PORTRAIT,
+                      label: o(n)("report.common.portrait")
+                    }, null, 8, ["value", "label"]),
+                    I(z, {
+                      value: o(Je).LANDSCAPE,
+                      label: o(n)("report.common.landscape")
+                    }, null, 8, ["value", "label"])
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              M("div", Ua, [
+                h[4] || (h[4] = M("div", { class: "grow" }, null, -1)),
+                I(l, {
+                  label: o(n)("report.common.cancel"),
+                  variant: "tertiary",
+                  onClick: h[1] || (h[1] = (g) => R.value = !1)
+                }, null, 8, ["label"]),
+                M("div", null, [
+                  I(l, {
+                    label: o(n)("report.common.download"),
+                    loading: S.value,
+                    onClick: x
+                  }, null, 8, ["label", "loading"])
+                ])
+              ])
+            ]),
+            _: 1
+          }, 512)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), Xa = {
+  key: 1,
+  class: "grow"
+}, Ya = {
+  key: 2,
+  class: "flex"
+}, ll = /* @__PURE__ */ se({
+  __name: "DynamicWidget",
+  props: /* @__PURE__ */ me({
+    index: {
+      type: Number,
+      default: 0
+    },
+    hideExport: {
+      type: Boolean,
+      default: !1
+    },
+    customScreenWidth: {
+      type: Number,
+      required: !1,
+      default: void 0
+    }
+  }, {
+    modelValue: { required: !0, default: () => {
+    } },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const n = u(!0), m = re(e, "modelValue"), t = m.value.widget.config, { t: w, te: R } = qe(), C = e, S = u(null), F = u(t.rollup), s = u(Ie()), c = u(t.drillDimension), i = f(() => {
+      if (ge.value.length > 0) {
+        const a = ge.value.findIndex(
+          (B) => B.value === c.value
+        );
+        return a >= 0 ? a : 0;
+      } else
+        return -1;
+    }), r = f(() => i.value !== 0), x = f(
+      () => i.value != ge.value.length - 1
+    ), b = u(t.showTitle ?? !0), v = u(t.titleFontSize ?? 14), h = u(t.titleBold ?? !1), z = u(t.titleItalic ?? !1), d = u(t.titleUnderline ?? !1), l = u(t.chartWidth ?? void 0), y = u(t.chartHeight ?? void 0), g = u(t.showLabel ?? !1), k = u(t.labelAlign ?? tt.center), V = u(t.labelAnchor ?? et.center), $ = u(t.labelRotation ?? 0), P = u(t.labelOffset ?? 0), N = u(t.labelFontSize ?? 12), ie = f(() => t.showSearchBar), Z = u(t.showX ?? !0), ce = u(t.xPosition ?? at.bottom), pe = u(t.showXGrid ?? !1), ee = u(t.showXTick ?? !0), p = u(t.xTickFontSize ?? 12), T = u(t.showXTitle ?? !1), E = u(t.xTitle ?? ""), D = u(t.xTitleFontSize ?? 12), W = u(t.showY ?? !0), L = u(t.yPosition ?? lt.left), U = u(t.showYGrid ?? !1), te = u(t.showYTick ?? !0), ae = u(t.yTickFontSize ?? 12), Q = u(t.showYTitle ?? !1), K = u(t.yTitle ?? ""), Ce = u(t.yTitleFontSize ?? 12), ue = u(t.showLegend ?? void 0), fe = u(t.legendPosition ?? ot.top), ve = u(t.usePointStyle ?? !0), Ue = u(t.legendMaxHeight), rt = u(t.legendMaxWidth), it = u(t.rowHeight ?? 0), ct = u(t.colWidths ?? []), Oe = u(!1), Xe = u(""), { breakpoints: Se, getBreakpointsBoundary: De } = Lt(), ut = u(), X = f(
+      () => C.customScreenWidth === void 0 ? window.innerWidth : C.customScreenWidth
+    ), Dt = f(
+      () => (X == null ? void 0 : X.value) > De("xs")[1] && (X == null ? void 0 : X.value) <= De("sm")[1]
+    ), Wt = f(
+      () => (X == null ? void 0 : X.value) > De("sm")[1] && (X == null ? void 0 : X.value) <= De("md")[1]
+    ), At = f(() => (X == null ? void 0 : X.value) > De("md")[1]), Et = f(() => {
+      const a = m.value.size.width;
+      return At.value || Wt.value ? Ba(a) : Dt.value ? Ia(a) : Ma(a);
+    }), $e = f(
+      () => va.find((a) => a.type === m.value.widget.type)
+    ), ke = St(() => {
+      var a;
+      ut.value = qt((a = S.value) == null ? void 0 : a.$el.offsetWidth), s.value = Ie();
+    }), Vt = f(() => {
+      if (ga(q.value.type, Te.value))
+        switch (m.value.widget.type) {
+          case _.BarChart:
+            return ba;
+          case _.StackBarChart:
+            return $a;
+          case _.LineChart:
+            return Na;
+          case _.StackLineChart:
+            return Pa;
+          case _.Circular:
+            return wa;
+          case _.Scorecard:
+            return _a;
+          case _.Spacer:
+            return La;
+          case _.Table:
+            return Ha;
+          default:
+            return kt;
+        }
+      else
+        return kt;
+    }), Te = u(null), {
+      selectedLocationIds: Ye,
+      dateRange: dt,
+      compareDateRange: Ht,
+      timeRange: ht,
+      globalFilters: $t,
+      isGlobalFiltersLoading: mt
+    } = Le(Ne()), { businessId: Pt } = Le(nt()), { businessLoadedId: Bt, businessDataVersion: Ge } = Le(Ne());
+    f(() => Bt.value === Pt.value && Ye.value.length > 0 && !mt.value);
+    const It = u(!0), q = f(() => {
+      const a = JSON.parse(JSON.stringify(m.value.widget));
+      return {
+        ...a,
+        config: {
+          ...a.config,
+          rollup: F.value,
+          drillDimension: c.value,
+          showGrandTotal: !1
+        }
+      };
+    });
+    function Mt() {
+      return {
+        data: Te.value,
+        showTitle: b.value,
+        titleFontSize: v.value,
+        titleBold: h.value,
+        titleItalic: z.value,
+        titleUnderline: d.value,
+        chartHeight: y.value,
+        chartWidth: l.value,
+        showLabel: g.value,
+        labelAnchor: V.value,
+        labelAlign: k.value,
+        labelRotation: $.value,
+        labelOffset: P.value,
+        labelFontSize: N.value,
+        showX: Z.value,
+        xPosition: ce.value,
+        showXGrid: pe.value,
+        showXTick: ee.value,
+        xTickFontSize: p.value,
+        showXTitle: T.value,
+        xTitle: E.value,
+        xTitleFontSize: D.value,
+        showY: W.value,
+        yPosition: L.value,
+        showYGrid: U.value,
+        showYTick: te.value,
+        yTitle: K.value,
+        showYTitle: Q.value,
+        yTitleFontSize: Ce.value,
+        yTickFontSize: ae.value,
+        isTransposed: q.value.config.isTransposed,
+        showLegend: ue.value,
+        legendPosition: fe.value,
+        usePointStyle: ve.value,
+        legendMaxHeight: Ue.value,
+        legendMaxWidth: rt.value
+      };
+    }
+    function Nt() {
+      return {
+        data: Te.value,
+        filterText: Xe.value,
+        rollupPosition: q.value.config.rollupPosition,
+        rowHeight: it.value,
+        colWidths: ct.value
+      };
+    }
+    const pt = f(() => {
+      switch (q.value.type) {
+        case _.Table:
+          return Nt();
+        case _.BarChart:
+        case _.LineChart:
+        case _.StackBarChart:
+        case _.StackLineChart:
+        case _.Circular:
+          return Mt();
+        default:
+          return { data: Te.value };
+      }
+    }), ft = f(() => {
+      const { config: a } = m.value.widget;
+      if (a.rollup != null) {
+        const B = [...a.dimensions].filter((le) => !le.hide);
+        return B.sort(
+          (le, We) => (a.rowIds || []).indexOf(Ke(le)) - (a.rowIds || []).indexOf(Ke(We))
+        ), [
+          { label: Re(w, R, "None", "other"), value: "none" },
+          { label: Re(w, R, "Grand Total", "other"), value: 0 },
+          ...[...B].slice(0, B.length - 1).map((le, We) => ({
+            label: Re(w, R, le.label, "other"),
+            value: We + 1
+          }))
+        ];
+      }
+      return [];
+    }), ge = f(() => {
+      const { config: a } = q.value;
+      return a.isDrillable ? a.dimensions.map((B) => ({
+        label: Re(w, R, B.label, "other"),
+        value: Ke(B)
+      })) : [];
+    });
+    G(
+      () => m.value.widget.config,
+      (a) => {
+        F.value = a.rollup, b.value = a.showTitle ?? !0, v.value = a.titleFontSize ?? 14, h.value = a.titleBold ?? !1, z.value = a.titleItalic ?? !1, d.value = a.titleUnderline ?? !1, y.value = a.chartHeight ?? void 0, l.value = a.chartWidth ?? void 0, g.value = a.showLabel ?? !1, k.value = a.labelAlign ?? tt.center, V.value = a.labelAnchor ?? et.center, $.value = a.labelRotation ?? 0, P.value = a.labelOffset ?? 0, N.value = a.labelFontSize ?? 12, Z.value = a.showX ?? !0, ce.value = a.xPosition ?? at.bottom, pe.value = a.showXGrid ?? !1, ee.value = a.showXTick ?? !0, p.value = a.xTickFontSize ?? 12, T.value = a.showXTitle ?? !1, E.value = a.xTitle ?? "", D.value = a.xTitleFontSize ?? 12, W.value = a.showY ?? !0, L.value = a.yPosition ?? lt.left, U.value = a.showYGrid ?? !1, te.value = a.showYTick ?? !0, ae.value = a.yTickFontSize ?? 12, Q.value = a.showYTitle ?? !1, K.value = a.yTitle ?? "", Ce.value = a.yTitleFontSize ?? 12, ue.value = a.showLegend ?? void 0, fe.value = a.legendPosition ?? ot.top, ve.value = a.usePointStyle ?? !0, Ue.value = a.legendMaxHeight, rt.value = a.legendMaxWidth, it.value = a.rowHeight ?? 0, ct.value = a.colWidths ?? [];
+      },
+      { deep: !0 }
+    ), G([() => F.value], () => {
+      F.value !== null && (m.value.widget.config.rollup = F.value);
+    }), G(
+      [
+        () => q.value,
+        () => dt.value,
+        () => ht.value,
+        () => Ht.value,
+        () => Ye.value,
+        () => $t.value,
+        () => Ge.value
+      ],
+      () => {
+        gt();
+      },
+      { deep: !0 }
+    ), G(
+      [() => m.value.size],
+      () => {
+        ke();
+      },
+      { deep: !0 }
+    ), we(() => {
+      ke(), Se.value.sm || Se.value.md || Se.value.xs ? (console.log("Ignoring resize event due to keyboard"), addEventListener("change", ke)) : addEventListener("resize", ke), gt();
+    }), na(() => {
+      Se.value.sm || Se.value.md || Se.value.xs ? (console.log("Ignoring resize event due to keyboard"), removeEventListener("change", ke)) : removeEventListener("resize", ke);
+    });
+    const vt = st();
+    let Pe;
+    async function gt() {
+      if (q.value.config.schemaNames.length <= 0 && !(q.value.config.dimensions.length <= 0 || q.value.config.metrics.length <= 0)) {
+        vt.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, Pe && Pe.abort(), Pe = new AbortController();
+        const a = Pe.signal, B = Ge.value, le = await St(da, 500)(q.value, a, m.value.id);
+        Ge.value === B && (Te.value = le, s.value = Ie()), n.value = !1;
+      } catch (a) {
+        a.code !== "ERR_CANCELED" && (Te.value = null, vt.open({ message: `Invalid chart ${q.value.type}`, type: "error" }), console.log(a), n.value = !1);
+      }
+    }
+    function qt(a) {
+      switch (m.value.widget.type) {
+        case "SPACER":
+          return;
+        case "SCORECARD":
+          return;
+        case "TABLE":
+          return `${m.value.size.height * 100 + (ie.value ? 72 : 0) + 96.5}px`;
+      }
+      return `${Math.max(a / m.value.size.width, 90) * m.value.size.height}px`;
+    }
+    function Ut() {
+      const a = i.value - 1;
+      a >= 0 && (c.value = ge.value[a].value);
+    }
+    function Ot() {
+      const a = i.value + 1;
+      a >= 0 && a < ge.value.length && (c.value = ge.value[a].value);
+    }
+    const yt = u(Fe.EXCEL), bt = u(), Xt = Object.values(Fe).map((a) => ({
+      label: ha(a),
+      value: a,
+      onClick: async () => {
+        a === Fe.EXCEL || a === Fe.PDFFULLSIZE || a === Fe.PDFRECEIPT ? await Rt({
+          reportType: a,
+          index: C.index,
+          isCombinedLocationLayout: It.value,
+          timeRange: ht.value,
+          dateRange: dt.value,
+          locationIds: Ye.value
+        }) : a === Fe.PDF && (yt.value = a, bt.value = C.index, Oe.value = !0);
+      }
+    })), Yt = q.value.type === _.Spacer ? "flat" : "outlined", Gt = q.value.type === _.Spacer ? "p-0" : "p-16";
+    return (a, B) => {
+      const le = H("FmTooltip"), We = H("FmSearch"), jt = H("FmCheckbox"), je = H("FmButton"), Jt = H("FmSelect"), Kt = H("FmMenuItem"), Zt = H("FmMenu"), Qt = H("FmForm"), ea = H("FmCircularProgress"), ta = H("FmCard");
+      return A(), j(ta, {
+        ref_key: "tileCard",
+        ref: S,
+        class: Me(`${Et.value} ${o(Gt)}`),
+        variant: o(Yt)
+      }, {
+        default: Y(() => [
+          I(Oa, {
+            modelValue: Oe.value,
+            "onUpdate:modelValue": B[0] || (B[0] = (_e) => Oe.value = _e),
+            "report-type": yt.value,
+            index: bt.value
+          }, null, 8, ["modelValue", "report-type", "index"]),
+          !n.value && !o(mt) ? (A(), O("div", {
+            key: 0,
+            style: he({ height: ut.value })
+          }, [
+            (A(), j(sa(Vt.value), {
+              key: s.value,
+              modelValue: pt.value,
+              "onUpdate:modelValue": B[4] || (B[4] = (_e) => pt.value = _e),
+              "tile-index": C.index
+            }, {
+              menu: Y(() => [
+                I(Qt, { class: "flex items-center gap-2" }, {
+                  default: Y(() => {
+                    var _e, wt, xt, Ct;
+                    return [
+                      I(le, {
+                        variant: "plain",
+                        placement: "right",
+                        content: q.value.description,
+                        "hide-arrow": !0,
+                        disabled: !q.value.description
+                      }, {
+                        default: Y(() => [
+                          b.value !== !1 ? (A(), O("p", {
+                            key: 0,
+                            style: he({
+                              fontSize: v.value + "px",
+                              fontWeight: h.value ? "bold" : "normal",
+                              fontStyle: z.value ? "italic" : "normal",
+                              textDecoration: d.value ? "underline" : "none"
+                            }),
+                            class: Me(["text-fm-color-typo-secondary line-clamp-1", [
+                              v.value <= 18 ? "fm-typo-en-body-md-400" : "",
+                              q.value.description ? "border-b-2 border-dashed border-gray-300" : ""
+                            ]])
+                          }, Ee(o(Re)(o(w), o(R), q.value.title, "other")), 7)) : be("", !0)
+                        ]),
+                        _: 1
+                      }, 8, ["content", "disabled"]),
+                      (_e = $e.value) != null && _e.showSearchBar ? (A(), j(We, {
+                        key: 0,
+                        modelValue: Xe.value,
+                        "onUpdate:modelValue": B[1] || (B[1] = (oe) => Xe.value = oe),
+                        class: "grow"
+                      }, null, 8, ["modelValue"])) : (A(), O("div", Xa)),
+                      ra(I(jt, {
+                        modelValue: g.value,
+                        "onUpdate:modelValue": B[2] || (B[2] = (oe) => g.value = oe),
+                        label: "Label",
+                        value: !1
+                      }, null, 8, ["modelValue"]), [
+                        [ia, (wt = $e.value) == null ? void 0 : wt.showLabel]
+                      ]),
+                      (xt = $e.value) != null && xt.showDrillDimension && ge.value.length > 0 ? (A(), O("div", Ya, [
+                        I(je, {
+                          icon: "arrow_upward",
+                          variant: "tertiary",
+                          disabled: !r.value,
+                          onClick: Ut
+                        }, null, 8, ["disabled"]),
+                        I(je, {
+                          icon: "arrow_downward",
+                          variant: "tertiary",
+                          disabled: !x.value,
+                          onClick: Ot
+                        }, null, 8, ["disabled"])
+                      ])) : be("", !0),
+                      (Ct = $e.value) != null && Ct.showRollup && ft.value.length > 0 ? (A(), j(Jt, {
+                        key: 3,
+                        modelValue: F.value,
+                        "onUpdate:modelValue": B[3] || (B[3] = (oe) => F.value = oe),
+                        class: "w-[150px]",
+                        items: ft.value
+                      }, null, 8, ["modelValue", "items"])) : be("", !0),
+                      C.hideExport ? be("", !0) : (A(), j(Zt, {
+                        key: 4,
+                        shift: !0
+                      }, {
+                        "menu-button": Y(() => [
+                          I(je, {
+                            icon: "more_vert",
+                            variant: "tertiary"
+                          })
+                        ]),
+                        default: Y(() => [
+                          (A(!0), O(de, null, Ft(o(Xt), (oe) => (A(), j(Kt, {
+                            key: oe.value,
+                            label: oe.label,
+                            onClick: oe.onClick
+                          }, null, 8, ["label", "onClick"]))), 128))
+                        ]),
+                        _: 1
+                      }))
+                    ];
+                  }),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue", "tile-index"]))
+          ], 4)) : (A(), j(ea, { key: 1 }))
+        ]),
+        _: 1
+      }, 8, ["class", "variant"]);
+    };
+  }
+});
+export {
+  tt as L,
+  ye as R,
+  ll as _,
+  et as a,
+  Ke as g,
+  _t as u
+};