@feedmepos/mf-report 5.5.22 → 5.6.0-beta.1

package/dist/DynamicWidget.vue_vue_type_script_setup_true_lang-CpayjqOt.js

@@ -0,0 +1,1291 @@
+import { computed as h, defineComponent as U, useModel as G, ref as y, resolveComponent as F, createElementBlock as z, openBlock as x, Fragment as X, renderSlot as Z, createVNode as H, normalizeStyle as Y, unref as r, createElementVNode as A, toDisplayString as ne, withCtx as M, createBlock as V, createCommentVNode as Q, normalizeClass as me, h as je, watch as se, nextTick as xt, renderList as Ze, mergeModels as _t, onMounted as kt, onUnmounted as Rt, resolveDynamicComponent as Lt, withDirectives as Ft, vShow as Et } from "vue";
+import { W as f, v as he, R as Tt, g as Wt, d as Dt, q as zt } from "./v4-DVU_9OHv.js";
+import { u as Re, b as et, a as Le } from "./global-loader-DqYGIXIo.js";
+import { d as Je } from "./index-BChph3k1.js";
+import { storeToRefs as we, defineStore as $t } from "pinia";
+import { _ as At } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { r as ae } from "./i18n-Cif1I9J2.js";
+import { _ as Ke } from "./NoData.vue_vue_type_script_setup_true_lang-EVDtMqna.js";
+import { useBreakpoints as Ht, useSnackbar as Bt } from "@feedmepos/ui-library";
+var be = /* @__PURE__ */ ((e) => (e.line = "LINE", e.bar = "BAR", e))(be || {}), O = /* @__PURE__ */ ((e) => (e.top = "TOP", e.bottom = "BOTTOM", e))(O || {}), Ce = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e))(Ce || {}), Se = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e))(Se || {}), xe = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e))(xe || {}), _e = /* @__PURE__ */ ((e) => (e.right = "right", e.left = "left", e))(_e || {}), ke = /* @__PURE__ */ ((e) => (e.top = "top", e.bottom = "bottom", e.right = "right", e.left = "left", e.chartArea = "chartArea", e))(ke || {});
+f.Circular, f.Table, f.BarChart, f.LineChart, f.StackBarChart, f.StackLineChart, f.Scorecard, f.Spacer;
+const Pt = [
+  {
+    type: f.Circular,
+    showLabel: !1,
+    // TODO: temporarily removed show label as it has no function
+    showDrillDimension: !0,
+    showRollup: !1,
+    showSearchBar: !1
+  },
+  {
+    type: f.Table,
+    showLabel: !1,
+    showDrillDimension: !0,
+    showRollup: !0,
+    showSearchBar: !0
+  },
+  {
+    type: f.BarChart,
+    showLabel: !1,
+    // TODO: temporarily removed show label as it has no function
+    showDrillDimension: !0,
+    showRollup: !1,
+    showSearchBar: !1
+  },
+  {
+    type: f.LineChart,
+    showLabel: !1,
+    // TODO: temporarily removed show label as it has no function
+    showDrillDimension: !0,
+    showRollup: !0,
+    showSearchBar: !1
+  },
+  {
+    type: f.StackBarChart,
+    showLabel: !1,
+    // TODO: temporarily removed show label as it has no function
+    showDrillDimension: !0,
+    showRollup: !0,
+    showSearchBar: !1
+  },
+  {
+    type: f.StackLineChart,
+    showLabel: !1,
+    // TODO: temporarily removed show label as it has no function
+    showDrillDimension: !0,
+    showRollup: !0,
+    showSearchBar: !1
+  },
+  {
+    type: f.Scorecard,
+    showLabel: !1,
+    showDrillDimension: !1,
+    showRollup: !1,
+    showSearchBar: !1
+  },
+  {
+    type: f.Spacer,
+    showLabel: !1,
+    showDrillDimension: !1,
+    showRollup: !1,
+    showSearchBar: !1
+  }
+];
+function ye(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(/[^a-zA-Z0-9]/g, "")), t.join("_").toLowerCase();
+}
+function Vt(e, t) {
+  switch (e) {
+    case f.BarChart:
+    case f.LineChart:
+    case f.StackBarChart:
+    case f.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 f.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 f.Circular:
+      return Array.isArray(t == null ? void 0 : t.datasets) && t.datasets.length > 0;
+    case f.Scorecard:
+      return !0;
+    case f.Spacer:
+      return !0;
+  }
+}
+const Qe = [
+  "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 re({
+  index: e,
+  isCompare: t,
+  opacity: l
+}) {
+  let a = typeof l == "number" ? l : 1;
+  return t && (a = a * 0.6), `rgba(${Qe[e % Qe.length]}, ${a})`;
+}
+function tt(e, t, l) {
+  if (e === "" || t === "")
+    return null;
+  let a = (i) => i == null ? void 0 : i.replace(/,/g, "");
+  l === "ID" && (a = (i) => i == null ? void 0 : i.replace(/\./g, "").replace(/,/g, "."));
+  const s = Number(a(e)), c = Number(a(t));
+  if (isNaN(s) || isNaN(c))
+    return null;
+  let d = 0;
+  c === 0 ? s === 0 ? d = 0 : d = 1 : d = (s - c) / c;
+  const u = Mt(d);
+  return {
+    value: isNaN(d) ? "" : `${(d * 100).toFixed(0)}%`,
+    icon: u
+  };
+}
+function Mt(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 ie(e) {
+  const t = h(() => ({
+    display: e.showLabel,
+    align: e.labelAlign,
+    anchor: e.labelAnchor,
+    rotation: e.labelRotation,
+    offset: e.labelOffset,
+    font: {
+      size: e.labelFontSize
+    }
+  })), l = h(() => ({
+    display: e.showX,
+    position: e.xPosition,
+    grid: {
+      display: e.showXGrid
+    },
+    ticks: {
+      display: e.showXTick,
+      font: {
+        size: e.xTickFontSize
+      }
+    }
+  })), a = h(() => ({
+    display: e.showY,
+    position: e.yPosition,
+    grid: {
+      display: e.showYGrid
+    },
+    ticks: {
+      display: e.showYTick,
+      font: {
+        size: e.yTickFontSize
+      }
+    }
+  })), s = h(() => ({
+    display: e.showLegend,
+    position: e.legendPosition,
+    usePointStyle: e.usePointStyle
+  })), c = h(() => e.isTransposed), d = h(() => e.chartWidth), u = h(() => e.chartHeight);
+  return { datalabels: t, xCfg: l, yCfg: a, isTransposed: c, legend: s, chartWidth: d, chartHeight: u };
+}
+const qt = /* @__PURE__ */ U({
+  __name: "WidgetBarchart",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = G(e, "modelValue"), l = h(() => {
+      var p;
+      return ((p = t.value.data) == null ? void 0 : p.xAxis) ?? [];
+    }), a = h(() => {
+      var p;
+      return ((p = t.value.data) == null ? void 0 : p.datasets) ?? [];
+    }), s = y(null), { datalabels: c, xCfg: d, yCfg: u, isTransposed: i, legend: v, chartWidth: C, chartHeight: m } = ie(
+      t.value
+    ), g = h(() => a.value.length > 0 ? [
+      ...a.value.map((p, _) => ({
+        label: p.name,
+        data: p.values,
+        dash: !!p.isCompare,
+        backgroundColor: re({ index: _, isCompare: p.isCompare })
+      }))
+    ] : []);
+    return (p, _) => {
+      const T = F("FmBarChart");
+      return x(), z(X, null, [
+        Z(p.$slots, "menu"),
+        H(T, {
+          ref_key: "chartRef",
+          ref: s,
+          class: "bar-chart",
+          datasets: g.value,
+          "x-axis": { categories: l.value },
+          "x-cfg": r(d),
+          "y-cfg": r(u),
+          transpose: r(i),
+          legend: {
+            display: r(v).display ?? !1,
+            position: r(v).position,
+            labels: {
+              usePointStyle: r(v).usePointStyle ?? !0
+            }
+          },
+          datalabels: r(c),
+          "maintain-aspect-ratio": !1,
+          style: Y({
+            "--chart-width": r(C) !== void 0 ? r(C) + "px" : "100%",
+            "--chart-height": r(m) !== void 0 ? r(m) + "px" : "calc(100% - 36px)"
+          })
+        }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "datalabels", "style"])
+      ], 64);
+    };
+  }
+}), Nt = /* @__PURE__ */ U({
+  __name: "WidgetCircular",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = G(e, "modelValue"), { datalabels: l, legend: a, chartWidth: s, chartHeight: c } = ie(t.value), d = h(() => {
+      let u = [];
+      return t.value.data.datasets && t.value.data.metrics && t.value.data.datasets.length > 0 && t.value.data.metrics.length > 0 && (u = [
+        {
+          label: t.value.data.metrics[0],
+          data: t.value.data.datasets.map((i) => i.value),
+          backgroundColor: t.value.data.datasets.map((i, v) => re({ index: v }))
+        }
+      ]), u;
+    });
+    return (u, i) => {
+      const v = F("FmPieChart");
+      return x(), z(X, null, [
+        Z(u.$slots, "menu"),
+        H(v, {
+          class: "circular",
+          percentage: "70%",
+          datasets: d.value,
+          metrics: t.value.data.datasets.map((C) => C.name),
+          variant: "doughnut",
+          legend: {
+            display: r(a).display ?? !0,
+            position: r(a).position ?? "top",
+            maxHeight: r(a).display === !0 ? void 0 : 54,
+            labels: {
+              usePointStyle: r(a).usePointStyle ?? !0
+            }
+          },
+          datalabels: r(l),
+          "maintain-aspect-ratio": !1,
+          style: Y({
+            "--chart-width": r(s) !== void 0 ? r(s) + "px" : "100%",
+            "--chart-height": r(c) !== void 0 ? r(c) + "px" : "calc(100% - 36px)"
+          })
+        }, null, 8, ["datasets", "metrics", "legend", "datalabels", "style"])
+      ], 64);
+    };
+  }
+}), It = { class: "flex flex-col gap-1" }, Ot = { class: "fm-typo-en-title-sm-600" }, Xt = { class: "flex gap-2" }, Yt = { key: 0 }, Ut = { key: 1 }, Gt = /* @__PURE__ */ U({
+  __name: "WidgetScorecard",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = G(e, "modelValue"), { t: l } = Re(), { compareDateRange: a, defaultDateSetting: s } = we(et()), { country: c } = Le(), d = h(() => {
+      var m;
+      return ((m = t.value.data) == null ? void 0 : m.value) || "";
+    }), u = h(() => {
+      const { data: m } = t.value;
+      return m != null && m.comparison ? tt(d.value, m.comparison, c) : null;
+    });
+    function i(m) {
+      switch (m) {
+        case be.bar:
+          return "bar";
+        case be.line:
+          return "line";
+        default:
+          return "line";
+      }
+    }
+    const v = h(() => {
+      var m;
+      return (m = t.value.data) == null ? void 0 : m.sparkline;
+    }), C = h(() => v.value.datasets.map((m) => ({
+      label: m.name,
+      data: m.values,
+      fill: !0,
+      color: "#36a2eb"
+    })));
+    return (m, g) => {
+      var P;
+      const p = F("FmIcon"), _ = F("FmChip"), T = F("FmTooltip"), q = F("FmLineChart");
+      return x(), z("div", It, [
+        Z(m.$slots, "menu"),
+        A("p", Ot, ne(d.value), 1),
+        A("div", Xt, [
+          H(T, {
+            content: `vs. ${(P = r(s).defaultCompareType) == null ? void 0 : P.split("_").join(" ")}`,
+            placement: "right",
+            "hide-arrow": "",
+            variant: "plain"
+          }, {
+            default: M(() => [
+              u.value ? (x(), V(_, {
+                key: 0,
+                icon: u.value.icon.name,
+                class: me(`bg-${u.value.icon.tailwind}`),
+                compact: ""
+              }, {
+                default: M(() => [
+                  H(p, {
+                    name: u.value.icon.name,
+                    color: u.value.icon.color
+                  }, null, 8, ["name", "color"]),
+                  A("p", {
+                    class: "fm-typo-en-body-md-600",
+                    style: Y({ color: u.value.icon.color })
+                  }, ne(u.value.value), 5)
+                ]),
+                _: 1
+              }, 8, ["icon", "class"])) : Q("", !0),
+              r(a).endDate !== null && r(a).startDate !== null && u.value === null ? (x(), V(_, {
+                key: 1,
+                compact: ""
+              }, {
+                default: M(() => [
+                  H(p, {
+                    name: "arrow_upward",
+                    color: "#C7C7CC"
+                  }),
+                  g[0] || (g[0] = A("p", { class: "fm-typo-en-body-md-600 text-fm-color-typo-disabled" }, "N/A", -1))
+                ]),
+                _: 1
+              })) : Q("", !0)
+            ]),
+            _: 1
+          }, 8, ["content"])
+        ]),
+        v.value ? (x(), z("div", Yt, [
+          i(v.value.type) === "line" ? (x(), V(q, {
+            key: 0,
+            class: "sparkline",
+            datasets: C.value,
+            legend: {
+              display: !1
+            },
+            datalabels: { display: !1 },
+            "x-axis": { categories: v.value.dimensions },
+            "y-cfg": { display: !1 },
+            "x-cfg": { display: !1 },
+            "maintain-aspect-ratio": !1
+          }, null, 8, ["datasets", "x-axis"])) : Q("", !0)
+        ])) : (x(), z("div", Ut, g[1] || (g[1] = [
+          A("div", { class: "sparkline" }, [
+            A("div", { class: "flex flex-col gap-8" }, [
+              A("div"),
+              A("div")
+            ]),
+            A("div", { class: "grow" })
+          ], -1)
+        ])))
+      ]);
+    };
+  }
+}), jt = {};
+function Jt(e, t) {
+  const l = F("FmMenuDivider");
+  return x(), V(l);
+}
+const Kt = /* @__PURE__ */ At(jt, [["render", Jt]]), Qt = "mf-reporttable-dimension", Zt = $t(Qt, {
+  state: () => ({
+    rowHeight: 0,
+    colWidths: [],
+    isEditing: !1
+  }),
+  actions: {
+    updateRowHeight(e, t) {
+      this.rowHeight = e, this.setRowHeights(e, t);
+    },
+    updateColWidth(e, t, l) {
+      this.colWidths[e] = t, this.setColWidths(e, t, l, !0);
+    },
+    setRowHeights(e, t) {
+      const l = (t == null ? void 0 : t.querySelectorAll("thead tr")) ?? [], a = (t == null ? void 0 : t.querySelectorAll("tbody tr")) ?? [];
+      [...l, ...a].forEach((c) => {
+        const d = c;
+        d && (d.style.height = `${e}px`);
+      });
+    },
+    setColWidths(e, t, l, a = !1) {
+      const s = (l == null ? void 0 : l.querySelectorAll("th")) ?? [];
+      if (e !== void 0)
+        if (a)
+          s.forEach((c, d) => {
+            const u = this.colWidths[d], i = c;
+            requestAnimationFrame(() => {
+              if (u)
+                i.style.width = `${u}px`;
+              else {
+                const v = i.getBoundingClientRect().width;
+                i.style.width = `${v}px`;
+              }
+            });
+          });
+        else {
+          const c = s[e], d = c;
+          c && (d.style.width = `${t}px`);
+        }
+    },
+    enableEditMode() {
+      const e = document.querySelectorAll("th"), t = document.querySelectorAll("td");
+      e.forEach((l) => l.classList.add("toggleEditResize")), t.forEach((l) => l.classList.add("toggleEditResize")), this.isEditing = !0;
+    },
+    disableEditMode() {
+      const e = document.querySelectorAll("th"), t = document.querySelectorAll("td"), l = document.querySelectorAll(".col-resize-handle"), a = document.querySelectorAll(".row-resize-handle");
+      e.forEach((s) => s.classList.remove("toggleEditResize")), t.forEach((s) => s.classList.remove("toggleEditResize")), l.forEach((s) => s.remove()), a.forEach((s) => s.remove()), this.isEditing = !1;
+    },
+    resetStore() {
+      this.rowHeight = 0, this.colWidths = [];
+    },
+    highlightCol(e, t) {
+      if (t) {
+        const l = document.querySelectorAll(`thead th:nth-child(${e + 1})`), a = document.querySelectorAll(`tbody td:nth-child(${e + 1})`);
+        [...l, ...a].forEach((s) => {
+          s.classList.add("highlight-hover-col");
+        });
+      } else
+        document.querySelectorAll(
+          `thead th:nth-child(${e + 1}), tbody td:nth-child(${e + 1})`
+        ).forEach((l) => l.classList.add("highlight-col"));
+    },
+    highlightRows(e) {
+      const t = document.querySelectorAll("thead tr"), l = document.querySelectorAll("tbody tr"), a = [...t, ...l];
+      for (const s of a)
+        e ? s.classList.add("highlight-hover-row") : s.classList.add("highlight-row");
+    },
+    removeRowHighlight(e) {
+      const t = e ? ".highlight-hover-row" : ".highlight-row", l = document.querySelectorAll(t);
+      for (const a of l)
+        a.classList.remove(t.slice(1));
+    },
+    removeColHighlight(e) {
+      e ? document.querySelectorAll(".highlight-hover-col").forEach((t) => {
+        t.classList.remove("highlight-hover-col");
+      }) : document.querySelectorAll(".highlight-col").forEach((t) => t.classList.remove("highlight-col"));
+    },
+    resizeCol(e, t) {
+      const l = /* @__PURE__ */ new Map(), a = e.clientX, s = e.target.closest("table"), c = s == null ? void 0 : s.querySelectorAll("th")[t], d = c == null ? void 0 : c.getBoundingClientRect().width, u = l.get(t) ? this.colWidths[t.toString()] || 60 : (l.set(t, !0), d || this.colWidths[t.toString()] || 60), i = c == null ? void 0 : c.querySelector("p");
+      if (!i) return;
+      const v = i.textContent || "", C = window.getComputedStyle(i), m = `${C.fontWeight} ${C.fontSize} ${C.fontFamily}`, p = document.createElement("canvas").getContext("2d");
+      if (!p) return;
+      p.font = m;
+      const _ = p.measureText(v), T = window.getComputedStyle(c), q = parseFloat(T.paddingLeft || "0"), P = parseFloat(T.paddingRight || "0"), n = _.width + q + P;
+      this.highlightCol(t, !1);
+      const w = (b) => {
+        const k = b.clientX - a, R = Math.max(n, u + k);
+        if (s) {
+          this.updateColWidth(t, R, s);
+          let $ = 0;
+          s.querySelectorAll("th").forEach((D, j) => {
+            $ += j === t ? R : this.colWidths[j] || D.getBoundingClientRect().width;
+          }), s.classList.remove("w-full"), s.style.width = `${$}px`;
+          const E = s == null ? void 0 : s.parentElement;
+          if (E) {
+            const D = E.scrollWidth, j = E.scrollLeft;
+            E.offsetWidth + j >= D - 100 && (E.scrollLeft = D);
+          }
+        }
+      }, S = () => {
+        ((s == null ? void 0 : s.querySelectorAll("th")) ?? []).forEach((k, R) => {
+          const $ = k.getBoundingClientRect().width;
+          this.colWidths[R] = $;
+        }), this.removeColHighlight(!1), document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", S);
+      };
+      document.addEventListener("mousemove", w), document.addEventListener("mouseup", S);
+    },
+    resizeRow(e) {
+      const t = e.clientY, l = e.target.closest("table"), a = this.rowHeight || 48;
+      this.highlightRows(!1);
+      const s = (d) => {
+        const u = Math.max(30, a + (d.clientY - t));
+        l && this.updateRowHeight(u, l);
+      }, c = () => {
+        this.removeRowHighlight(!1), document.removeEventListener("mousemove", s), document.removeEventListener("mouseup", c);
+      };
+      document.addEventListener("mousemove", s), document.addEventListener("mouseup", c);
+    },
+    enableCellResizing() {
+      const e = document.querySelector("thead"), t = document.querySelectorAll("thead tr"), l = document.querySelectorAll("tbody tr"), a = [...t, ...l];
+      e && e.classList.remove("sticky");
+      const s = (c, d) => {
+        const u = document.createElement("div");
+        return u.className = `${c}-resize-handle`, c === "col" ? (u.addEventListener("mouseenter", () => this.highlightCol(d, !0)), u.addEventListener("mouseleave", () => this.removeColHighlight(!0)), u.addEventListener("mousedown", (i) => {
+          i.stopPropagation(), this.resizeCol(i, d);
+        })) : (u.addEventListener("mouseenter", () => this.highlightRows(!0)), u.addEventListener("mouseleave", () => this.removeRowHighlight(!0)), u.addEventListener("mousedown", (i) => {
+          i.stopPropagation(), this.resizeRow(i);
+        })), u;
+      };
+      a.forEach((c) => {
+        const d = c.closest("thead") !== null;
+        c.querySelectorAll(d ? "th" : "td").forEach((i, v) => {
+          const C = s("col", v), m = s("row", v);
+          i.appendChild(C), i.appendChild(m);
+        });
+      }), this.enableEditMode();
+    }
+  }
+}), ea = { class: "my-4" }, ta = {
+  class: "border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm",
+  style: { backgroundColor: "#f9f9f9" }
+}, aa = { class: "font-bold" }, la = { class: "text-fm-color-neutral-gray-300" }, oa = /* @__PURE__ */ U({
+  __name: "WidgetTable",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const { t, te: l } = Re(), a = G(e, "modelValue"), { country: s } = Le(), c = Zt(), d = y(null), u = h(() => {
+      var n;
+      return ((n = a.value.data) == null ? void 0 : n.columns) || [{ label: "", key: "" }];
+    }), i = h(() => {
+      var n;
+      return ((n = a.value.data) == null ? void 0 : n.rows) || [];
+    }), v = h(() => a.value.filterText), C = h(() => {
+      var n, w;
+      if (!(v.value && v.value.trim().length > 0 || !((n = i.value[0]) != null && n.isRollup) && !((w = i.value[i.value.length - 1]) != null && w.isRollup))) {
+        if (a.value.rollupPosition === O.top || a.value.rollupPosition === void 0)
+          return O.top;
+        if (a.value.rollupPosition === O.bottom)
+          return O.bottom;
+      }
+    }), m = h(() => {
+      const b = C.value !== void 0 ? 1 : 0, k = (d.value ? d.value.$el.offsetHeight : 0) - 48;
+      return Math.floor((k - 34.5 - 32) / 48) - b;
+    }), g = h(() => {
+      var w, S;
+      let n = [];
+      switch (C.value) {
+        case O.top:
+          n = [...((w = i.value[0]) == null ? void 0 : w.cells) || []].map((b, k) => {
+            var R;
+            return {
+              main: b,
+              comparison: (R = i.value[0]) == null ? void 0 : R.comparisonCells[k],
+              rowType: u.value[k].type
+            };
+          });
+          break;
+        case O.bottom:
+          n = [...((S = i.value[i.value.length - 1]) == null ? void 0 : S.cells) || []].map((b, k) => {
+            var R;
+            return {
+              main: b,
+              comparison: (R = i.value[0]) == null ? void 0 : R.comparisonCells[k],
+              rowType: u.value[k].type
+            };
+          });
+          break;
+      }
+      return n.length > 0 && n[0].main === "" && (n[0].main = "Grand total"), n;
+    });
+    function p(n) {
+      const w = {};
+      for (let S = 0; S < u.value.length; S++)
+        if (u.value[S].key !== "") {
+          const b = n.comparisonCells[S];
+          w[u.value[S].key] = {
+            main: n.cells[S],
+            comparison: b
+          }, w.isRollup = n.isRollup;
+        }
+      return w;
+    }
+    function _(n) {
+      return [...new Array(n < 0 ? 0 : n)].map(() => {
+        var S;
+        const w = {};
+        if ((S = a.value.data) != null && S.columns)
+          for (let b = 0; b < a.value.data.columns.length; b++)
+            w[a.value.data.columns[b].key] = void 0;
+        return w;
+      });
+    }
+    function T(n) {
+      let w = (n == null ? void 0 : n.main) || "";
+      return w.includes("#") && !w.startsWith("#") && (w = w.split("#")[0]), !n || n.main === "" || n.comparison === "" ? {
+        main: w
+      } : {
+        main: w,
+        comparison: n == null ? void 0 : n.comparison,
+        difference: tt(n.main, n.comparison, s)
+      };
+    }
+    const q = h(() => {
+      var k, R, $;
+      let n = ((k = a.value.data) == null ? void 0 : k.rows) || [];
+      switch (C.value) {
+        case O.bottom:
+          n = (R = n[n.length - 1]) != null && R.isRollup ? n.slice(0, -1) : n;
+          break;
+        case O.top:
+          n = ($ = n[0]) != null && $.isRollup ? n.slice(1, n.length) : n;
+          break;
+      }
+      const w = n.filter((B) => !(v.value !== "" && (B.isRollup === !0 || !B.cells.some(
+        (E) => {
+          var D;
+          return ((E == null ? void 0 : E.toLowerCase()) || "").includes((D = v.value) == null ? void 0 : D.toLowerCase());
+        }
+      )))).map((B) => p(B)), S = w.length % m.value;
+      let b = 0;
+      return S > 0 ? b = Math.abs(S - m.value) : w.length === 0 && (b = m.value), w.push(..._(b)), w;
+    }), P = h(() => {
+      var w;
+      let n = [];
+      return (w = a.value.data) != null && w.columns && (n = [...a.value.data.columns.map((b) => {
+        const k = ae(t, l, b.label, "other");
+        return {
+          accessorKey: b.key,
+          header: () => je(
+            "p",
+            {
+              class: `w-full ${b.type === "NUMERIC" ? "text-right" : ""} whitespace-nowrap`
+            },
+            k
+          ),
+          cell: (R) => {
+            var E, D;
+            const $ = T(R.getValue()), B = (D = (E = R == null ? void 0 : R.row) == null ? void 0 : E.original) == null ? void 0 : D.isRollup;
+            return je(
+              "div",
+              {
+                class: `${B ? "fm-typo-en-body-md-600 text-fm-color-typo-secondary" : "fm-typo-en-body-md-400"} ${b.type === "NUMERIC" ? "text-right" : ""} whitespace-normal break-words line-clamp-2`
+              },
+              [$.main]
+            );
+          },
+          enableSorting: !1
+        };
+      })]), n;
+    });
+    return se(
+      [() => P.value],
+      async () => {
+        var k, R, $, B;
+        await xt();
+        const n = (k = d.value) == null ? void 0 : k.$el;
+        if (!n) return;
+        const w = n.querySelector("table");
+        if (!w) return;
+        const S = (R = a.value.colWidths) == null ? void 0 : R.length;
+        w.classList.add(S ? "table-fixed" : "table-auto"), c.isEditing && c.enableCellResizing();
+        const b = c.rowHeight || a.value.rowHeight;
+        typeof b == "number" && c.setRowHeights(b, n), ($ = a.value.colWidths) == null || $.forEach((E, D) => {
+          c.setColWidths(D, E, n);
+        }), (B = c.colWidths) == null || B.forEach((E, D) => {
+          c.setColWidths(D, E, n);
+        });
+      },
+      { immediate: !0 }
+    ), (n, w) => {
+      const S = F("FmTable");
+      return x(), z(X, null, [
+        A("div", ea, [
+          Z(n.$slots, "menu")
+        ]),
+        H(S, {
+          ref_key: "table",
+          ref: d,
+          "column-defs": P.value,
+          "row-data": q.value,
+          "search-value": v.value,
+          "page-size": m.value,
+          "shrink-at": !1,
+          "force-mobile-footer": !0,
+          class: "scrollbar-hide-table"
+        }, {
+          "pin-top": M(() => [
+            A("tbody", null, [
+              A("tr", ta, [
+                (x(!0), z(X, null, Ze(g.value, (b, k) => (x(), z("td", {
+                  key: `${r(he)()}_${k}`,
+                  class: "h-[48px] text-fm-color-typo-primary px-16"
+                }, [
+                  A("span", {
+                    class: me(`items-center text-fm-color-typo-secondary gap-2 line-clamp-2 text-ellipsis ${b.rowType === "NUMERIC" ? "text-right" : ""}`)
+                  }, [
+                    A("p", aa, ne(b.main), 1),
+                    A("p", la, ne(b.comparison ? `(${b.comparison})` : ""), 1)
+                  ], 2)
+                ]))), 128))
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["column-defs", "row-data", "search-value", "page-size"])
+      ], 64);
+    };
+  }
+}), sa = /* @__PURE__ */ U({
+  __name: "WidgetStackBarChart",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = G(e, "modelValue"), l = h(() => {
+      var _;
+      return ((_ = t.value.data) == null ? void 0 : _.xAxis) || [];
+    }), a = h(() => {
+      var p;
+      return ((p = t.value.data) == null ? void 0 : p.datasets) ?? [];
+    }), s = y(null), { datalabels: c, xCfg: d, yCfg: u, isTransposed: i, legend: v, chartWidth: C, chartHeight: m } = ie(
+      t.value
+    ), g = h(() => a.value.length > 0 ? [
+      ...a.value.map((p, _) => {
+        let T = p.values;
+        return {
+          label: p.name,
+          data: T,
+          dash: !!p.isCompare,
+          backgroundColor: re({ index: _, isCompare: p.isCompare })
+        };
+      })
+    ] : []);
+    return (p, _) => {
+      const T = F("FmBarChart");
+      return x(), z(X, null, [
+        Z(p.$slots, "menu"),
+        H(T, {
+          ref_key: "chartRef",
+          ref: s,
+          class: "bar-chart",
+          datasets: g.value,
+          "x-axis": { categories: l.value },
+          "x-cfg": r(d),
+          "y-cfg": r(u),
+          transpose: r(i),
+          stacked: !0,
+          legend: {
+            display: r(v).display ?? !1,
+            position: r(v).position,
+            maxHeight: 54,
+            labels: {
+              usePointStyle: r(v).usePointStyle ?? !0
+            }
+          },
+          datalabels: r(c),
+          "maintain-aspect-ratio": !1,
+          style: Y({
+            "--chart-width": r(C) !== void 0 ? r(C) + "px" : "100%",
+            "--chart-height": r(m) !== void 0 ? r(m) + "px" : "calc(100% - 36px)"
+          })
+        }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "datalabels", "style"])
+      ], 64);
+    };
+  }
+}), na = /* @__PURE__ */ U({
+  __name: "WidgetStackLineChart",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = G(e, "modelValue"), l = h(() => {
+      var g;
+      return ((g = t.value.data) == null ? void 0 : g.xAxis) ?? [];
+    }), a = h(() => {
+      var g;
+      return ((g = t.value.data) == null ? void 0 : g.datasets) ?? [];
+    }), { datalabels: s, xCfg: c, yCfg: d, isTransposed: u, legend: i, chartWidth: v, chartHeight: C } = ie(
+      t.value
+    ), m = h(() => a.value.length > 0 ? [
+      ...a.value.map((g, p) => {
+        let _ = g.values;
+        return {
+          label: g.name,
+          data: _,
+          dash: g.isCompare,
+          fill: !1,
+          color: re({ index: p, isCompare: g.isCompare })
+        };
+      })
+    ] : []);
+    return (g, p) => {
+      const _ = F("FmLineChart");
+      return x(), z(X, null, [
+        Z(g.$slots, "menu"),
+        H(_, {
+          class: "line-chart",
+          datasets: m.value,
+          "x-axis": { categories: l.value },
+          "x-cfg": r(c),
+          "y-cfg": r(d),
+          transpose: r(u),
+          legend: {
+            display: r(i).display ?? !1,
+            position: r(i).position,
+            maxHeight: 54,
+            labels: {
+              usePointStyle: r(i).usePointStyle ?? !0
+            }
+          },
+          stacked: !0,
+          datalabels: r(s),
+          "maintain-aspect-ratio": !1,
+          style: Y({
+            "--chart-width": r(v) !== void 0 ? r(v) + "px" : "97%",
+            "--chart-height": r(C) !== void 0 ? r(C) + "px" : "calc(100% - 36px)"
+          })
+        }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "datalabels", "style"])
+      ], 64);
+    };
+  }
+}), le = [
+  "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 ra(e) {
+  return e < 12 ? le[e - 1] : le[11];
+}
+function ia(e) {
+  return e < 12 ? le[Math.min(11, e * 2 - 1)] : le[11];
+}
+function ca(e) {
+  return e < 12 ? le[Math.min(11, e * 3 - 1)] : le[11];
+}
+const ua = /* @__PURE__ */ U({
+  __name: "WidgetLinechart",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = G(e, "modelValue"), l = h(() => {
+      var g;
+      return ((g = t.value.data) == null ? void 0 : g.xAxis) ?? [];
+    }), a = h(() => {
+      var g;
+      return ((g = t.value.data) == null ? void 0 : g.datasets) ?? [];
+    }), { datalabels: s, xCfg: c, yCfg: d, isTransposed: u, legend: i, chartWidth: v, chartHeight: C } = ie(
+      t.value
+    ), m = h(() => a.value.length > 0 ? [
+      ...a.value.map((g, p) => ({
+        label: g.name,
+        data: g.values,
+        dash: !!g.isCompare,
+        fill: !1,
+        color: re({ index: p, isCompare: g.isCompare })
+      }))
+    ] : []);
+    return (g, p) => {
+      const _ = F("FmLineChart");
+      return x(), z(X, null, [
+        Z(g.$slots, "menu"),
+        H(_, {
+          class: "line-chart",
+          datasets: m.value,
+          "x-axis": { categories: l.value },
+          "x-cfg": r(c),
+          "y-cfg": r(d),
+          transpose: r(u),
+          legend: {
+            display: r(i).display ?? !1,
+            position: r(i).position,
+            position: "bottom",
+            maxHeight: 54,
+            labels: {
+              usePointStyle: r(i).usePointStyle ?? !0
+            }
+          },
+          datalabels: r(s),
+          "maintain-aspect-ratio": !1,
+          style: Y({
+            "--chart-width": r(v) !== void 0 ? r(v) + "px" : "97%",
+            "--chart-height": r(C) !== void 0 ? r(C) + "px" : "calc(100% - 36px)"
+          })
+        }, null, 8, ["datasets", "x-axis", "x-cfg", "y-cfg", "transpose", "legend", "datalabels", "style"])
+      ], 64);
+    };
+  }
+}), da = {
+  key: 1,
+  class: "grow"
+}, ha = {
+  key: 2,
+  class: "flex"
+}, Sa = /* @__PURE__ */ U({
+  __name: "DynamicWidget",
+  props: /* @__PURE__ */ _t({
+    index: {
+      type: Number,
+      default: 0
+    },
+    hideExport: {
+      type: Boolean,
+      default: !1
+    }
+  }, {
+    modelValue: { required: !0, default: () => {
+    } },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = y(!0), l = G(e, "modelValue"), a = l.value.widget.config, { t: s, te: c } = Re(), d = e, u = y(null), i = y(a.rollup), v = y(he()), C = y(a.drillDimension), m = h(() => {
+      if (J.value.length > 0) {
+        const o = J.value.findIndex(
+          (L) => L.value === C.value
+        );
+        return o >= 0 ? o : 0;
+      } else
+        return -1;
+    }), g = h(() => m.value !== 0), p = h(
+      () => m.value != J.value.length - 1
+    ), _ = y(a.showTitle ?? !0), T = y(a.titleFontSize ?? 14), q = y(a.titleBold ?? !1), P = y(a.titleItalic ?? !1), n = y(a.titleUnderline ?? !1), w = y(a.chartWidth ?? void 0), S = y(a.chartHeight ?? void 0), b = y(a.showLabel ?? !1), k = y(a.labelAlign ?? Se.center), R = y(a.labelAnchor ?? Ce.center), $ = y(a.labelRotation ?? 0), B = y(a.labelOffset ?? 0), E = y(a.labelFontSize ?? 12), D = h(() => a.showSearchBar), j = y(a.showX ?? !0), pe = y(a.xPosition ?? xe.bottom), Fe = y(a.showXGrid ?? !1), Ee = y(a.showXTick ?? !0), Te = y(a.xTickFontSize ?? 12), We = y(a.showY ?? !0), De = y(a.yPosition ?? _e.left), ze = y(a.showYGrid ?? !1), $e = y(a.showYTick ?? !0), Ae = y(a.yTickFontSize ?? 12), He = y(a.showLegend ?? void 0), Be = y(a.legendPosition ?? ke.top), Pe = y(a.usePointStyle ?? !0), Ve = y(a.rowHeight ?? 0), Me = y(a.colWidths ?? []), fe = y(""), { breakpoints: N } = Ht(), qe = y(), at = h(() => N.value.lg || N.value.md ? ra(l.value.size.width) : N.value.sm ? ia(l.value.size.width) : ca(l.value.size.width)), ce = h(
+      () => Pt.find((o) => o.type === l.value.widget.type)
+    ), ee = Je(() => {
+      var o;
+      qe.value = ut((o = u.value) == null ? void 0 : o.$el.offsetWidth), v.value = he();
+    }), lt = h(() => {
+      if (Vt(W.value.type, te.value))
+        switch (l.value.widget.type) {
+          case f.BarChart:
+            return qt;
+          case f.StackBarChart:
+            return sa;
+          case f.LineChart:
+            return ua;
+          case f.StackLineChart:
+            return na;
+          case f.Circular:
+            return Nt;
+          case f.Scorecard:
+            return Gt;
+          case f.Spacer:
+            return Kt;
+          case f.Table:
+            return oa;
+          default:
+            return Ke;
+        }
+      else
+        return Ke;
+    }), te = y(null), { selectedLocationIds: ve, dateRange: ot, compareDateRange: st, timeRange: nt } = we(et()), { businessId: rt } = we(Le()), W = h(() => {
+      const o = JSON.parse(JSON.stringify(l.value.widget));
+      return {
+        ...o,
+        config: {
+          ...o.config,
+          rollup: i.value,
+          drillDimension: C.value,
+          showGrandTotal: !1
+        }
+      };
+    });
+    function it() {
+      return {
+        data: te.value,
+        showTitle: _.value,
+        titleFontSize: T.value,
+        titleBold: q.value,
+        titleItalic: P.value,
+        titleUnderline: n.value,
+        chartHeight: S.value,
+        chartWidth: w.value,
+        showLabel: b.value,
+        labelAnchor: R.value,
+        labelAlign: k.value,
+        labelRotation: $.value,
+        labelOffset: B.value,
+        labelFontSize: E.value,
+        showX: j.value,
+        xPosition: pe.value,
+        showXGrid: Fe.value,
+        showXTick: Ee.value,
+        xTickFontSize: Te.value,
+        showY: We.value,
+        yPosition: De.value,
+        showYGrid: ze.value,
+        showYTick: $e.value,
+        yTickFontSize: Ae.value,
+        isTransposed: W.value.config.isTransposed,
+        showLegend: He.value,
+        legendPosition: Be.value,
+        usePointStyle: Pe.value
+      };
+    }
+    function ct() {
+      return {
+        data: te.value,
+        filterText: fe.value,
+        rollupPosition: W.value.config.rollupPosition,
+        rowHeight: Ve.value,
+        colWidths: Me.value
+      };
+    }
+    const Ne = h(() => {
+      switch (W.value.type) {
+        case f.Table:
+          return ct();
+        case f.BarChart:
+        case f.LineChart:
+        case f.StackBarChart:
+        case f.StackLineChart:
+        case f.Circular:
+          return it();
+        default:
+          return { data: te.value };
+      }
+    }), Ie = h(() => {
+      const { config: o } = l.value.widget;
+      if (o.rollup != null) {
+        const L = [...o.dimensions].filter((K) => !K.hide);
+        return L.sort(
+          (K, oe) => (o.rowIds || []).indexOf(ye(K)) - (o.rowIds || []).indexOf(ye(oe))
+        ), [
+          { label: ae(s, c, "None", "other"), value: null },
+          { label: ae(s, c, "Grand Total", "other"), value: 0 },
+          ...[...L].slice(0, L.length - 1).map((K, oe) => ({
+            label: ae(s, c, K.label, "other"),
+            value: oe + 1
+          }))
+        ];
+      }
+      return [];
+    }), J = h(() => {
+      const { config: o } = W.value;
+      return o.isDrillable ? o.dimensions.map((L) => ({
+        label: ae(s, c, L.label, "other"),
+        value: ye(L)
+      })) : [];
+    });
+    se(
+      () => l.value.widget.config,
+      (o) => {
+        i.value = o.rollup, _.value = o.showTitle ?? !0, T.value = o.titleFontSize ?? 14, q.value = o.titleBold ?? !1, P.value = o.titleItalic ?? !1, n.value = o.titleUnderline ?? !1, S.value = o.chartHeight ?? void 0, w.value = o.chartWidth ?? void 0, b.value = o.showLabel ?? !1, k.value = o.labelAlign ?? Se.center, R.value = o.labelAnchor ?? Ce.center, $.value = o.labelRotation ?? 0, B.value = o.labelOffset ?? 0, E.value = o.labelFontSize ?? 12, j.value = o.showX ?? !0, pe.value = o.xPosition ?? xe.bottom, Fe.value = o.showXGrid ?? !1, Ee.value = o.showXTick ?? !0, Te.value = o.xTickFontSize ?? 12, We.value = o.showY ?? !0, De.value = o.yPosition ?? _e.left, ze.value = o.showYGrid ?? !1, $e.value = o.showYTick ?? !0, Ae.value = o.yTickFontSize ?? 12, He.value = o.showLegend ?? void 0, Be.value = o.legendPosition ?? ke.top, Pe.value = o.usePointStyle ?? !0, Ve.value = o.rowHeight ?? 0, Me.value = o.colWidths ?? [];
+      },
+      { deep: !0 }
+    ), se([() => i.value], () => {
+      i.value !== null && (l.value.widget.config.rollup = i.value);
+    }), se(
+      [
+        () => W.value,
+        () => ot.value,
+        () => nt.value,
+        () => st.value,
+        () => ve.value,
+        () => rt.value
+      ],
+      () => {
+        var o;
+        ve.value && ((o = ve.value) == null ? void 0 : o.length) > 0 && Xe();
+      },
+      {
+        deep: !0
+      }
+    ), se(
+      [() => l.value.size],
+      () => {
+        ee();
+      },
+      { deep: !0 }
+    ), kt(() => {
+      ee(), N.value.sm || N.value.md || N.value.xs ? (console.log("Ignoring resize event due to keyboard"), addEventListener("change", ee)) : addEventListener("resize", ee), Xe();
+    }), Rt(() => {
+      N.value.sm || N.value.md || N.value.xs ? (console.log("Ignoring resize event due to keyboard"), removeEventListener("change", ee)) : removeEventListener("resize", ee);
+    });
+    const Oe = Bt();
+    let ue;
+    const Xe = Je(async function() {
+      if (W.value.config.schemaNames.length <= 0 && !(W.value.config.dimensions.length <= 0 || W.value.config.metrics.length <= 0)) {
+        Oe.open({
+          message: "schema must not be empty and dimension or metrics must have at least 1 column",
+          type: "info"
+        }), t.value = !1;
+        return;
+      }
+      try {
+        t.value = !0, ue && ue.abort(), ue = new AbortController();
+        const L = ue.signal;
+        te.value = await zt(W.value, L), v.value = he(), t.value = !1;
+      } catch (L) {
+        te.value = null, L.code !== "ERR_CANCELED" && (Oe.open({ message: `Invalid chart ${W.value.type}`, type: "error" }), console.log(L), t.value = !1);
+      }
+    });
+    function ut(o) {
+      switch (l.value.widget.type) {
+        case "SPACER":
+          return;
+        case "SCORECARD":
+          return;
+        case "TABLE":
+          return `${l.value.size.height * 100 + (D.value ? 72 : 0) + 96.5}px`;
+      }
+      return `${Math.max(o / l.value.size.width, 90) * l.value.size.height}px`;
+    }
+    function dt() {
+      const o = m.value - 1;
+      o >= 0 && (C.value = J.value[o].value);
+    }
+    function ht() {
+      const o = m.value + 1;
+      o >= 0 && o < J.value.length && (C.value = J.value[o].value);
+    }
+    const mt = Object.values(Tt).map((o) => ({
+      label: Wt(o),
+      value: o,
+      onClick: async () => {
+        await Dt(o, d.index);
+      }
+    })), pt = W.value.type === f.Spacer ? "flat" : "outlined", ft = W.value.type === f.Spacer ? "p-0" : "p-16";
+    return (o, L) => {
+      const K = F("FmTooltip"), oe = F("FmSearch"), vt = F("FmCheckbox"), ge = F("FmButton"), gt = F("FmSelect"), yt = F("FmMenuItem"), wt = F("FmMenu"), bt = F("FmForm"), Ct = F("FmCircularProgress"), St = F("FmCard");
+      return x(), V(St, {
+        ref_key: "tileCard",
+        ref: u,
+        class: me(`${at.value} ${r(ft)}`),
+        variant: r(pt)
+      }, {
+        default: M(() => [
+          t.value ? (x(), V(Ct, { key: 1 })) : (x(), z("div", {
+            key: 0,
+            style: Y({ height: qe.value })
+          }, [
+            (x(), V(Lt(lt.value), {
+              key: v.value,
+              modelValue: Ne.value,
+              "onUpdate:modelValue": L[3] || (L[3] = (de) => Ne.value = de)
+            }, {
+              menu: M(() => [
+                H(bt, { class: "flex items-center gap-2" }, {
+                  default: M(() => {
+                    var de, Ye, Ue, Ge;
+                    return [
+                      H(K, {
+                        variant: "plain",
+                        placement: "right",
+                        content: W.value.description,
+                        "hide-arrow": !0,
+                        disabled: !W.value.description
+                      }, {
+                        default: M(() => [
+                          _.value !== !1 ? (x(), z("p", {
+                            key: 0,
+                            style: Y({
+                              fontSize: T.value + "px",
+                              fontWeight: q.value ? "bold" : "normal",
+                              fontStyle: P.value ? "italic" : "normal",
+                              textDecoration: n.value ? "underline" : "none"
+                            }),
+                            class: me(["text-fm-color-typo-secondary line-clamp-1", [
+                              T.value <= 18 ? "fm-typo-en-body-md-400" : "",
+                              W.value.description ? "border-b-2 border-dashed border-gray-300" : ""
+                            ]])
+                          }, ne(r(ae)(r(s), r(c), W.value.title, "other")), 7)) : Q("", !0)
+                        ]),
+                        _: 1
+                      }, 8, ["content", "disabled"]),
+                      (de = ce.value) != null && de.showSearchBar ? (x(), V(oe, {
+                        key: 0,
+                        modelValue: fe.value,
+                        "onUpdate:modelValue": L[0] || (L[0] = (I) => fe.value = I),
+                        class: "grow"
+                      }, null, 8, ["modelValue"])) : (x(), z("div", da)),
+                      Ft(H(vt, {
+                        modelValue: b.value,
+                        "onUpdate:modelValue": L[1] || (L[1] = (I) => b.value = I),
+                        label: "Label",
+                        value: !1
+                      }, null, 8, ["modelValue"]), [
+                        [Et, (Ye = ce.value) == null ? void 0 : Ye.showLabel]
+                      ]),
+                      (Ue = ce.value) != null && Ue.showDrillDimension && J.value.length > 0 ? (x(), z("div", ha, [
+                        H(ge, {
+                          icon: "arrow_upward",
+                          variant: "tertiary",
+                          disabled: !g.value,
+                          onClick: dt
+                        }, null, 8, ["disabled"]),
+                        H(ge, {
+                          icon: "arrow_downward",
+                          variant: "tertiary",
+                          disabled: !p.value,
+                          onClick: ht
+                        }, null, 8, ["disabled"])
+                      ])) : Q("", !0),
+                      (Ge = ce.value) != null && Ge.showRollup && Ie.value.length > 0 ? (x(), V(gt, {
+                        key: 3,
+                        modelValue: i.value,
+                        "onUpdate:modelValue": L[2] || (L[2] = (I) => i.value = I),
+                        class: "w-[150px]",
+                        items: Ie.value
+                      }, null, 8, ["modelValue", "items"])) : Q("", !0),
+                      d.hideExport ? Q("", !0) : (x(), V(wt, {
+                        key: 4,
+                        shift: !0
+                      }, {
+                        "menu-button": M(() => [
+                          H(ge, {
+                            icon: "more_vert",
+                            variant: "tertiary"
+                          })
+                        ]),
+                        default: M(() => [
+                          (x(!0), z(X, null, Ze(r(mt), (I) => (x(), V(yt, {
+                            key: I.value,
+                            label: I.label,
+                            onClick: I.onClick
+                          }, null, 8, ["label", "onClick"]))), 128))
+                        ]),
+                        _: 1
+                      }))
+                    ];
+                  }),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"]))
+          ], 4))
+        ]),
+        _: 1
+      }, 8, ["class", "variant"]);
+    };
+  }
+});
+export {
+  Se as L,
+  O as R,
+  Sa as _,
+  Ce as a,
+  ye as g,
+  Zt as u
+};