@devgateway/dvz-ui-react 1.6.19 → 1.7.0

package/dist/esm/embeddable/data/D3MapDataProvider.js

@@ -0,0 +1,83 @@
+import { jsx as f } from "react/jsx-runtime";
+import T from "react";
+import { connect as D } from "react-redux";
+import { injectIntl as F } from "react-intl";
+import { DataContext as I } from "./DataContext.js";
+import { getData as C, setData as y } from "../reducers/data.js";
+import "semantic-ui-react";
+class S extends T.Component {
+  constructor() {
+    super(), this.state = {
+      showLoading: !1
+    }, this.checkLoadingTime = this.checkLoadingTime.bind(this), this.loadingTimeout = null, this.fallbackTimeout = null, this.initialFilterTimeout = null;
+  }
+  componentDidMount() {
+    const { app: t, csv: i, store: a, params: e, source: l, group: n, editing: s, waitForFilters: r = !1 } = this.props;
+    console.log("Group & Store ", a, this.props.mySelf), t === "csv" ? this.props.onSetData({ app: t, csv: i, store: a, params: e, group: n }) : (this.setState({ showLoading: !1 }), (!r || s) && (console.log("📥 [D3 Map DataProvider] Initial data load triggered", { app: t, editing: s, waitForFilters: r }), this.loadData({ app: t, source: l, store: a, params: e, group: n })), !s && r && (this.fallbackTimeout = setTimeout(() => {
+      !this.props.data && !this.props.loading && (console.warn("⚠️ [D3 Map DataProvider] Fallback loading triggered"), this.loadData({ app: t, source: l, store: a, params: e, group: n }));
+    }, 2e3)));
+  }
+  componentWillUnmount() {
+    clearTimeout(this.fallbackTimeout), clearTimeout(this.loadingTimeout), clearTimeout(this.initialFilterTimeout);
+  }
+  componentDidUpdate(t) {
+    const {
+      app: i,
+      filters: a,
+      apply: e,
+      source: l,
+      store: n,
+      params: s,
+      csv: r,
+      group: d,
+      autoApply: g,
+      lastInitialFilterChange: c,
+      lastUserFilterChange: h,
+      waitForFilters: p
+    } = this.props;
+    if (e != null && e !== t.apply) {
+      console.log("🔄 [DataProvider] Manual reload (apply button)"), this.loadData({ app: i, source: l, store: n, params: s, group: d });
+      return;
+    }
+    if (g !== !1 && (a !== t.filters || JSON.stringify(s) !== JSON.stringify(t.params) || i !== t.app || JSON.stringify(t.source) !== JSON.stringify(l) || r !== t.csv))
+      if (i === "csv")
+        this.props.onSetData({ app: i, csv: r, store: n, params: s, group: d });
+      else {
+        const m = c !== t.lastInitialFilterChange, u = h !== t.lastUserFilterChange;
+        m && p ? (console.log("ℹ️ [DataProvider] Initial filters changing, debouncing..."), this.initialFilterTimeout && clearTimeout(this.initialFilterTimeout), this.initialFilterTimeout = setTimeout(() => {
+          console.log("✅ [DataProvider] Initial filters settled, loading data"), this.loadData({ app: i, source: l, store: n, params: s, group: d });
+        }, 500)) : u && (console.log("ℹ️ [DataProvider] User filters changed, loading data"), this.loadData({ app: i, source: l, store: n, params: s, group: d }));
+      }
+  }
+  loadData(t) {
+    console.log("Loading data for map", t), this.setState({ showLoading: !1 }), this.props.onLoadData(t), this.loadingTimeout && clearTimeout(this.loadingTimeout), this.loadingTimeout = setTimeout(this.checkLoadingTime, 200);
+  }
+  checkLoadingTime() {
+    const { loading: t, time: i } = this.props;
+    t && i && (Date.now() - i > 1e3 ? this.setState({ showLoading: !0 }) : this.loadingTimeout = setTimeout(this.checkLoadingTime, 200));
+  }
+  render() {
+    const { data: t } = this.props;
+    return /* @__PURE__ */ f(I.Provider, { value: t, children: this.props.children });
+  }
+}
+const L = (o, t) => {
+  const { store: i, group: a, app: e } = t;
+  return {
+    lastUserFilterChange: o.getIn(["data", "filters-settings", e, a, "lastUserFilterChange"]),
+    lastInitialFilterChange: o.getIn(["data", "filters-settings", e, a, "lastInitialFilterChange"]),
+    data: o.getIn(["data", ...i, "data"]),
+    filters: o.getIn(["data", "filters", e, a]),
+    autoApply: o.getIn(["data", "filters-settings", e, a, "autoApply"]),
+    apply: o.getIn(["data", "filters-settings", e, a, "apply"]),
+    error: o.getIn(["data", ...i, "error"]),
+    loading: o.getIn(["data", ...i, "loading"]),
+    time: o.getIn(["data", ...i, "time"])
+  };
+}, k = {
+  onSetData: y,
+  onLoadData: C
+}, M = D(L, k)(F(S));
+export {
+  M as default
+};

package/dist/esm/embeddable/data/DataContext.js

@@ -1,8 +1,8 @@
 import t from "react";
-const o = t.createContext(), a = t.createContext();
-t.createContext();
+const o = t.createContext(), a = t.createContext(), n = t.createContext();
 export {
   a as CategoriesContext,
   o as DataContext,
+  n as PostsContext,
   o as default
 };

package/dist/esm/embeddable/data/DataProvider.js

@@ -1,91 +1,160 @@
-import { jsx as s, jsxs as u } from "react/jsx-runtime";
-import k from "react";
-import { connect as w } from "react-redux";
-import { injectIntl as C } from "react-intl";
-import { DataContext as I } from "./DataContext.js";
-import { getData as F, setData as v } from "../reducers/data.js";
-import { Container as p, Segment as m, Dimmer as x, Loader as A } from "semantic-ui-react";
-class O extends k.Component {
+import { jsx as d, jsxs as L } from "react/jsx-runtime";
+import w from "react";
+import { connect as I } from "react-redux";
+import { injectIntl as k } from "react-intl";
+import { DataContext as F } from "./DataContext.js";
+import { getData as O, setData as v } from "../reducers/data.js";
+import { Container as m, Segment as p, Dimmer as C, Loader as N } from "semantic-ui-react";
+import A from "../../_virtual/debounce.js";
+class J extends w.Component {
   constructor() {
     super(), this.state = {
       showLoading: !1
-    }, this.checkLoadingTime = this.checkLoadingTime.bind(this);
+    }, this.checkLoadingTime = this.checkLoadingTime.bind(this), this.debounces = [];
+  }
+  debouncedLoadData(t, i) {
+    const a = A((e) => {
+      console.log(`🔄 [DataProvider] Debounced load triggered (${t}ms delay)`, {
+        args: e,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      }), this.setState({ showLoading: !1 }), this.props.onLoadData(e), this.dataLoaded = !0, this.checkLoadingTime = this.checkLoadingTime.bind(this), setTimeout(this.checkLoadingTime, 0);
+    }, t);
+    this.debounces.push(a(i));
   }
   componentDidMount() {
-    const { app: e, source: i, store: a, params: t, csv: n, group: d, editing: o, waitForFilters: r = !1 } = this.props;
-    e === "csv" ? this.props.onSetData({ app: e, csv: n, store: a, params: t, group: d }) : (this.setState({ showLoading: !1 }), !r || o ? (console.log("loading -----"), this.props.onLoadData({ app: e, source: i, store: a, params: t, group: d }), setTimeout(this.checkLoadingTime, 100)) : console.log("waiting for filters to be set before loading data", e, i, a, t, d)), !o && r && (this.fallbackTimeout = setTimeout(() => {
-      this.dataLoaded || (console.warn("Fallback loading triggered"), this.setState({ showLoading: !1 }), this.props.onLoadData({ app: e, source: i, store: a, params: t, group: d }), setTimeout(this.checkLoadingTime, 100));
+    const { app: t, source: i, store: a, params: e, csv: h, group: s, editing: o, waitForFilters: n = !1 } = this.props;
+    t === "csv" ? this.props.onSetData({ app: t, csv: h, store: a, params: e, group: s }) : (this.setState({ showLoading: !1 }), !n || o ? (console.log("📥 [DataProvider] Initial data load triggered", {
+      app: t,
+      source: i,
+      store: a,
+      params: e,
+      group: s,
+      waitForFilters: n,
+      editing: o,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString()
+    }), this.props.onLoadData({ app: t, source: i, store: a, params: e, group: s }), setTimeout(this.checkLoadingTime, 100)) : console.log("⏳ [DataProvider] Waiting for filters before loading data", {
+      app: t,
+      source: i,
+      store: a,
+      params: e,
+      group: s,
+      waitForFilters: n,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString()
+    })), !o && n && (this.fallbackTimeout = setTimeout(() => {
+      this.dataLoaded || (console.warn("⚠️ [DataProvider] Fallback loading triggered - filters took too long", {
+        app: t,
+        source: i,
+        store: a,
+        params: e,
+        group: s,
+        dataLoaded: this.dataLoaded,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      }), this.setState({ showLoading: !1 }), this.props.onLoadData({ app: t, source: i, store: a, params: e, group: s }), setTimeout(this.checkLoadingTime, 100));
     }, 1e3));
   }
   componentWillUnmount() {
-    clearTimeout(this.fallbackTimeout), clearTimeout(this.debounceTimeout);
+    clearTimeout(this.fallbackTimeout), clearTimeout(this.debounceTimeout), this.debounces.forEach((t) => t ? t.cancel() : null);
   }
-  componentDidUpdate(e, i, a) {
+  componentDidUpdate(t, i, a) {
     const {
-      app: t,
-      filters: n,
-      apply: d,
+      app: e,
+      filters: h,
+      apply: s,
       source: o,
-      store: r,
-      params: c,
+      store: n,
+      params: r,
       csv: g,
-      group: h,
-      autoApply: L,
-      editing: T,
+      group: l,
+      autoApply: T,
+      editing: u,
       lastInitialFilterChange: b,
-      lastUserFilterChange: S
-    } = this.props, y = b !== e.lastInitialFilterChange, D = S !== e.lastUserFilterChange;
-    let f = !1;
-    d != null && d != e.apply && (f = !0), L !== !1 ? (n != e.filters || JSON.stringify(c) != JSON.stringify(e.params) || t != e.app || JSON.stringify(e.source) != JSON.stringify(o) || g != e.csv) && (t === "csv" ? this.props.onSetData({ app: t, csv: g, store: r, params: c, group: h }) : (this.setState({ showLoading: !0 }), T && this.props.onLoadData({ app: t, source: o, store: r, params: c, group: h }), y && this.props.waitForFilters ? (console.log("initial filters has been updated", n, c), clearTimeout(this.debounceTimeout), clearTimeout(this.fallbackTimeout), this.debounceTimeout = setTimeout(() => {
-      this.dataLoaded = !0, this.setState({ showLoading: !1 }), console.log("Loading data " + t + " " + o), this.props.onLoadData({ app: t, source: o, store: r, params: c, group: h }), setTimeout(this.checkLoadingTime, 100);
-    }, 100)) : D ? (console.log("filters has been updated", n, e.filters, c, e.params, t, o, r, h), this.setState({ showLoading: !1 }), console.log("filters has been updated", n), this.props.onLoadData({ app: t, source: o, store: r, params: c, group: h }), setTimeout(this.checkLoadingTime, 100)) : console.log("no changes detected ............"))) : f && (console.log("reloading -----"), this.props.onLoadData({ app: t, source: o, store: r, params: c, group: h }), this.setState({ showLoading: !1 }), setTimeout(this.checkLoadingTime, 100));
+      lastUserFilterChange: y
+    } = this.props, f = b !== t.lastInitialFilterChange, S = y !== t.lastUserFilterChange;
+    let D = !1;
+    s != null && s != t.apply && (D = !0), T !== !1 ? (h != t.filters || JSON.stringify(r) != JSON.stringify(t.params) || e != t.app || JSON.stringify(t.source) != JSON.stringify(o) || g != t.csv) && (e === "csv" ? this.props.onSetData({ app: e, csv: g, store: n, params: r, group: l }) : (this.setState({ showLoading: !0 }), u && this.props.onLoadData({ app: e, source: o, store: n, params: r, group: l }), f && this.props.waitForFilters ? (clearTimeout(this.debounceTimeout), clearTimeout(this.fallbackTimeout), this.debounceTimeout = setTimeout(() => {
+      this.dataLoaded = !0, this.setState({ showLoading: !1 }), console.log("🔄 [DataProvider] Loading data after initial filter setup", {
+        app: e,
+        source: o,
+        store: n,
+        params: r,
+        group: l,
+        filters: h,
+        debounceDelay: "100ms",
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      }), this.props.onLoadData({ app: e, source: o, store: n, params: r, group: l }), setTimeout(this.checkLoadingTime, 100);
+    }, 100)) : S ? (console.log("🔧 [DataProvider] User filter change detected", {
+      currentFilters: h,
+      previousFilters: t.filters,
+      currentParams: r,
+      previousParams: t.params,
+      app: e,
+      source: o,
+      store: n,
+      group: l,
+      debounceDelay: "400ms",
+      timestamp: (/* @__PURE__ */ new Date()).toISOString()
+    }), this.setState({ showLoading: !1 }), this.debouncedLoadData(400, { app: e, source: o, store: n, params: r, group: l }), setTimeout(this.checkLoadingTime, 100)) : !u && (JSON.stringify(r) !== JSON.stringify(t.params) || e !== t.app || JSON.stringify(o) !== JSON.stringify(t.source)) ? (this.setState({ showLoading: !1 }), this.props.onLoadData({ app: e, source: o, store: n, params: r, group: l }), setTimeout(this.checkLoadingTime, 100)) : console.log("ℹ️ [DataProvider] Component updated but no filter changes detected", {
+      initialChanged: f,
+      userChanged: S,
+      waitForFilters: this.props.waitForFilters,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString()
+    }))) : D && (console.log("🔄 [DataProvider] Manual reload triggered (apply button)", {
+      app: e,
+      source: o,
+      store: n,
+      params: r,
+      group: l,
+      apply: s,
+      previousApply: t.apply,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString()
+    }), this.props.onLoadData({ app: e, source: o, store: n, params: r, group: l }), this.setState({ showLoading: !1 }), setTimeout(this.checkLoadingTime, 100));
   }
   checkLoadingTime() {
-    const { data: e, loading: i, time: a, error: t } = this.props, n = Date.now() - a;
-    i && a && n > 1e3 ? this.setState({ showLoading: !0 }) : i && setTimeout(this.checkLoadingTime, 100);
+    const { data: t, loading: i, time: a, error: e, verbose: h = !0 } = this.props, s = Date.now() - a;
+    i && a && s > 1e3 ? this.setState({ showLoading: !0 }) : i && setTimeout(this.checkLoadingTime, 100);
   }
   render() {
-    const { data: e, style: i, loading: a, time: t, error: n, editing: d, isSvg: o } = this.props;
-    if (a && this.state.showLoading && !d) {
+    const { data: t, style: i, loading: a, time: e, error: h, editing: s, isSvg: o, verbose: n = !0 } = this.props;
+    if (a && this.state.showLoading && !s) {
       const r = {
         width: "100%",
         height: "100%",
         background: "transparent",
         verticalAlign: "middle",
         overflow: "hidden"
-      }, c = Object.assign({}, i, {
+      }, g = Object.assign({}, i, {
         height: "90%",
         background: "transparent",
         textAlign: "center",
         margin: "30px"
-      }), g = /* @__PURE__ */ s(m, { basic: !0, padded: !0, style: c, children: /* @__PURE__ */ s(x, { active: !0, inverted: !0, style: { background: "transparent" }, children: /* @__PURE__ */ s(A, { size: "medium", style: { background: "transparent" } }) }) });
-      return o ? /* @__PURE__ */ s("foreignObject", { style: r, children: /* @__PURE__ */ s(p, { style: i, className: "loading", children: g }) }) : /* @__PURE__ */ s(p, { style: i, className: "loading", children: g });
-    } else return n ? n ? /* @__PURE__ */ u(m, { color: "red", children: [
-      /* @__PURE__ */ s("h1", { children: "500" }),
-      /* @__PURE__ */ s("p", { children: "Wasn't able to load data" })
-    ] }) : /* @__PURE__ */ s(p, { children: /* @__PURE__ */ u(m, { color: "red", children: [
-      /* @__PURE__ */ s("h1", { children: "404" }),
-      /* @__PURE__ */ s("p", { children: "Can't find this page" })
-    ] }) }) : /* @__PURE__ */ s(I.Provider, { value: e, children: this.props.children });
+      }), l = /* @__PURE__ */ d(p, { basic: !0, padded: !0, style: g, children: /* @__PURE__ */ d(C, { active: !0, inverted: !0, style: { background: "transparent" }, children: /* @__PURE__ */ d(N, { size: "medium", style: { background: "transparent" } }) }) });
+      return o ? /* @__PURE__ */ d("foreignObject", { style: r, children: /* @__PURE__ */ d(m, { style: i, className: "loading", children: l }) }) : /* @__PURE__ */ d(m, { style: i, className: "loading", children: l });
+    } else return h ? h ? /* @__PURE__ */ L(p, { color: "red", children: [
+      /* @__PURE__ */ d("h1", { children: "500" }),
+      /* @__PURE__ */ d("p", { children: "Wasn't able to load data" })
+    ] }) : /* @__PURE__ */ d(m, { children: /* @__PURE__ */ L(p, { color: "red", children: [
+      /* @__PURE__ */ d("h1", { children: "404" }),
+      /* @__PURE__ */ d("p", { children: "Can't find this page" })
+    ] }) }) : /* @__PURE__ */ d(F.Provider, { value: t, children: this.props.children });
   }
 }
-const j = (l, e) => {
-  const { store: i, group: a, app: t } = e;
+const x = (c, t) => {
+  const { store: i, group: a, app: e } = t;
   return {
-    lastUserFilterChange: l.getIn(["data", "filters-settings", t, a, "lastUserFilterChange"]),
-    lastInitialFilterChange: l.getIn(["data", "filters-settings", t, a, "lastInitialFilterChange"]),
-    data: l.getIn(["data", ...i, "data"]),
-    filters: l.getIn(["data", "filters", t, a]),
-    autoApply: l.getIn(["data", "filters-settings", t, a, "autoApply"]),
-    apply: l.getIn(["data", "filters-settings", t, a, "apply"]),
-    error: l.getIn(["data", ...i, "error"]),
-    loading: l.getIn(["data", ...i, "loading"]),
-    time: l.getIn(["data", ...i, "time"])
+    lastUserFilterChange: c.getIn(["data", "filters-settings", e, a, "lastUserFilterChange"]),
+    lastInitialFilterChange: c.getIn(["data", "filters-settings", e, a, "lastInitialFilterChange"]),
+    data: c.getIn(["data", ...i, "data"]),
+    filters: c.getIn(["data", "filters", e, a]),
+    autoApply: c.getIn(["data", "filters-settings", e, a, "autoApply"]),
+    apply: c.getIn(["data", "filters-settings", e, a, "apply"]),
+    error: c.getIn(["data", ...i, "error"]),
+    loading: c.getIn(["data", ...i, "loading"]),
+    time: c.getIn(["data", ...i, "time"])
   };
-}, N = {
+}, U = {
   onSetData: v,
-  onLoadData: F
-}, q = w(j, N)(C(O));
+  onLoadData: O
+}, q = I(x, U)(k(J));
 export {
   q as default
 };

package/dist/esm/embeddable/data-paragraph/index.js

@@ -0,0 +1,168 @@
+import { jsx as S } from "react/jsx-runtime";
+import { useRef as _, useState as P, useEffect as R } from "react";
+import L from "../data/DataProvider.js";
+import E from "../data/DataConsumer.js";
+import { connect as O } from "react-redux";
+import { formatContent as Z } from "../chart/Tooltip.js";
+const $ = (l) => {
+  const {
+    editing: m = !1,
+    unique: p,
+    intl: r,
+    childContent: s,
+    "data-csv": h = "",
+    "data-dvz-proxy-dataset-id": f,
+    "data-view-mode": H = "info",
+    "data-app": b,
+    "data-measures": x = "{}",
+    "data-format": w = "{}",
+    "data-group": u,
+    "data-filters": y = "[]",
+    "data-number-font-size": n = 20,
+    "data-number-color": j = "#000000",
+    "data-wait-for-filters": T = "false",
+    "data-no-data-text": M = "-",
+    "data-text-template": z = ""
+  } = l, V = r.locale, A = _(null);
+  let v = !1, F = "";
+  try {
+    const t = new URLSearchParams(window.location.search);
+    v = t.get("autoHeight") === "1" || t.get("autoHeight") === "true", F = t.get("frameId") || "";
+  } catch {
+  }
+  const g = (t) => m ? t : decodeURIComponent(t), o = (t) => {
+    try {
+      return JSON.parse(g(t));
+    } catch {
+      console.error("error parsing value:" + t);
+    }
+    return null;
+  }, d = o(w), i = d ? {
+    style: d.style === "compacted" ? "decimal" : d.style,
+    notation: d.style === "compacted" ? "compact" : "standard",
+    currency: d.currency,
+    minimumFractionDigits: parseInt(d.minimumFractionDigits),
+    maximumFractionDigits: parseInt(d.maximumFractionDigits)
+  } : {
+    notation: "standard",
+    currency: "USD",
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  }, [C, N] = P(H), D = Math.max(24, (n || 14) * 1.2), I = {}, c = o(y) || {};
+  c && c.forEach && c.forEach((t) => {
+    t.value != null && t.value.filter((e) => e != null && e.toString().trim() != "").length > 0 && (I[t.param] = t.value);
+  }), f && (I.dvzProxyDatasetId = f);
+  const a = [];
+  return q(A, v, F), /* @__PURE__ */ S("span", { ref: A, children: /* @__PURE__ */ S(
+    L,
+    {
+      style: { minHeight: `${D}px` },
+      params: I,
+      app: b,
+      group: u,
+      csv: h,
+      editing: m,
+      waitForFilters: T === "true",
+      store: [b, p, ...a],
+      source: a.join("/"),
+      children: /* @__PURE__ */ S(E, { children: /* @__PURE__ */ S(
+        k,
+        {
+          locale: V,
+          intl: r,
+          app: b,
+          format: i,
+          measure: o(x)[0] || null,
+          numberFontSize: n,
+          numberColor: j,
+          noDataText: M,
+          textTemplate: z
+        }
+      ) })
+    }
+  ) });
+}, k = (l) => {
+  var v, F;
+  const {
+    app: m,
+    measure: p,
+    data: r,
+    format: s,
+    numberColor: h,
+    numberFontSize: f,
+    noDataText: H = "-",
+    textTemplate: b = "",
+    intl: x
+  } = l;
+  let w = p, u = r;
+  m === "csv" && ((v = r == null ? void 0 : r.meta) != null && v.fields) && ((F = r == null ? void 0 : r.data) != null && F.length) && (w = r.meta.fields[0], u = r.data[0]);
+  const y = (u == null ? void 0 : u[w]) ?? null, n = y ? (s == null ? void 0 : s.style) === "percent" ? y / 100 : y : null, [j, T] = P(n);
+  R(() => {
+    n != null && T(n);
+  }, [n]);
+  const M = {
+    color: decodeURIComponent(h),
+    fontSize: f + "px",
+    textAlign: "center",
+    whiteSpace: "normal",
+    wordBreak: "break-word"
+  }, z = (g) => x.formatNumber(g, { ...s }), V = (g) => {
+    if (!g) return "";
+    let o = String(g);
+    return o = o.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, ""), o = o.replace(/\son\w+=(?:"[^"]*"|'[^']*')/gi, ""), o;
+  };
+  return /* @__PURE__ */ S("span", { style: M, dangerouslySetInnerHTML: { __html: (() => {
+    const o = {
+      ...u && typeof u == "object" ? u : {},
+      measure: w || "",
+      rawValue: y,
+      value: n,
+      formattedValue: n != null ? z(n) : H
+    }, d = n !== null ? z(n) : null;
+    let i = decodeURIComponent(b) || "";
+    i = i.replace(/(\%|\#C|\#)\(\s*([^)]*?)\s*\)/g, (c, a, t) => {
+      const e = t.replace(/\s+/g, "");
+      return `${a}(${e})`;
+    });
+    const C = (c, a, t) => x.formatNumber(c, { maximumFractionDigits: a ?? 2, ...t }), N = (c) => {
+      const a = o[c];
+      return typeof a == "string" ? Number(a) : a;
+    };
+    i = i.replace(/#C\(\{([a-zA-Z0-9_]+)\}(?:,([0-9]+))?\)/g, (c, a, t) => {
+      const e = N(a);
+      return e == null || isNaN(e) ? "" : C(e, t ? parseInt(t) : 2, { notation: "compact" });
+    }), i = i.replace(/#\(\{([a-zA-Z0-9_]+)\}(?:,([0-9]+))?\)/g, (c, a, t) => {
+      const e = N(a);
+      return e == null || isNaN(e) ? "" : C(e, t ? parseInt(t) : 2, { style: "decimal" });
+    }), i = i.replace(/%\(\{([a-zA-Z0-9_]+)\}(?:,([0-9]+))?\)/g, (c, a, t) => {
+      const e = N(a);
+      if (e == null || isNaN(e)) return "";
+      const U = e / 100;
+      return C(U, t ? parseInt(t) : 2, { style: "percent" });
+    });
+    const D = Z(i, o, x, !1), I = D && D.trim().length ? D : d ?? H;
+    return V(I);
+  })() } });
+}, q = (l, m, p) => {
+  R(() => {
+    if (!m) return;
+    const r = l.current || document.body, s = () => {
+      try {
+        const f = (l.current ? l.current.scrollHeight : document.body.scrollHeight) || 0;
+        window.parent && f && window.parent.postMessage({ type: "dvz-embed-height", id: p, height: f }, "*");
+      } catch {
+      }
+    }, h = new MutationObserver(() => {
+      requestAnimationFrame(s);
+    });
+    return h.observe(r, { childList: !0, subtree: !0, characterData: !0 }), setTimeout(s, 0), () => h.disconnect();
+  }, [l, m, p]);
+}, B = (l, m) => {
+  const { "data-app": p, "data-group": r } = m, s = l.getIn(["data", "measures", p, r]);
+  return s ? {
+    injectedMeasures: s
+  } : {};
+}, J = {}, tt = O(B, J)($);
+export {
+  tt as default
+};