@sisense/sdk-ui-vue 2.32.0 → 2.33.1

package/dist/index.js

@@ -1,13 +1,13 @@
-var Y = Object.defineProperty;
-var Z = (t, e, n) => e in t ? Y(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var k = (t, e, n) => (Z(t, typeof e != "symbol" ? e + "" : e, n), n);
-import { DrilldownBreadcrumbs as tt, AreaChart as et, BarChart as nt, CalendarHeatmapChart as rt, ColumnChart as ot, FunnelChart as it, LineChart as st, PieChart as at, ScatterChart as ct, Table as ut, PivotTable as lt, TreemapChart as dt, SunburstChart as pt, PolarChart as yt, IndicatorChart as bt, Chart as ht, BoxplotChart as gt, AreamapChart as Ot, ScattermapChart as St, StreamgraphChart as ft, AreaRangeChart as Ct, DateRangeFilterTile as Ft, MemberFilterTile as Dt, CriteriaFilterTile as mt, RelativeDateFilterTile as jt, FilterTile as vt, FiltersPanel as Pt, queryStateReducer as K, executeQueryWithRowCount as xt, executeQuery as wt, executeQueryByWidgetId as At, HookAdapter as x, useExecuteCsvQueryInternal as Mt, useExecutePivotQueryInternal as qt, useExecuteCustomWidgetQueryInternal as Rt, useGetFilterMembers as Wt, useGetDataSourceDimensionsInternal as Tt, translateToDashboardResponse as Et, dataLoadStateReducer as $, getDashboardModel as Bt, translateToDashboardsResponse as kt, getDashboardModels as $t, useGetSharedFormulaInternal as Qt, getWidgetModel as It, getHierarchyModels as Lt, createElement as Gt, ExternalComponentAdapterElement as _t, useComposedDashboardInternal as Ht, createHookApiFacade as N, useJtdWidget as Vt, ContextMenu as Nt, translateColumnToAttribute as Jt, isSameAttribute as J, updateDrilldownSelections as zt, processDrilldownSelections as Kt, getSelectionTitleMenuItem as Ut, getDrilldownMenuItems as Xt, ChartWidget as Yt, WidgetById as Zt, PivotTableWidget as te, Widget as ee, DashboardById as ne, Dashboard as re, dashboardModelTranslator as oe, dashboardHelpers as B, widgetModelTranslator as P } from "@sisense/sdk-ui-preact";
-import { boxWhiskerProcessResult as Jn, extractDimensionsAndMeasures as zn, formatDataSet as Kn, formatDate as Un, formatNumber as Xn, getDefaultDateFormat as Yn } from "@sisense/sdk-ui-preact";
-import { defineComponent as u, ref as j, watch as g, toRefs as b, onBeforeUnmount as w, createApp as ie, h as se, toValue as ae, computed as G, openBlock as ce, createElementBlock as ue, renderSlot as L, createVNode as z, unref as m, createElementVNode as le } from "vue";
-import { d as U, s as d, a as W, g as A, u as C, b as h, t as l, e as _, f as M, h as T, i as H, j as de, k as pe, l as ye, m as be, n as he } from "./use-tracking-1cbd274b.js";
-import { C as tr, S as er, T as nr } from "./use-tracking-1cbd274b.js";
-import { getFilterListAndRelationsJaql as X, isMembersFilter as ge, MetadataTypes as Oe } from "@sisense/sdk-data";
-const Se = u({
+var at = Object.defineProperty;
+var ct = (t, e, n) => e in t ? at(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var I = (t, e, n) => (ct(t, typeof e != "symbol" ? e + "" : e, n), n);
+import { DrilldownBreadcrumbs as ut, AreaChart as lt, BarChart as dt, CalendarHeatmapChart as pt, ColumnChart as yt, FunnelChart as ht, LineChart as gt, PieChart as bt, ScatterChart as ft, Table as Ot, PivotTable as Ct, TreemapChart as St, SunburstChart as Ft, PolarChart as Dt, IndicatorChart as mt, Chart as jt, BoxplotChart as vt, AreamapChart as Pt, ScattermapChart as wt, StreamgraphChart as xt, AreaRangeChart as At, SankeyChart as Mt, DateRangeFilterTile as Rt, MemberFilterTile as qt, CriteriaFilterTile as Wt, RelativeDateFilterTile as Tt, FilterTile as Et, FiltersPanel as Bt, queryStateReducer as nt, executeQueryWithRowCount as kt, executeQuery as $t, executeQueryByWidgetId as It, HookAdapter as A, useExecuteCsvQueryInternal as Qt, useExecutePivotQueryInternal as Ht, useExecuteCustomWidgetQueryInternal as Lt, useGetFilterMembers as Gt, useGetDataSourceDimensionsInternal as _t, translateToDashboardResponse as Vt, dataLoadStateReducer as Q, getDashboardModel as Nt, translateToDashboardsResponse as Jt, getDashboardModels as zt, useGetSharedFormulaInternal as Kt, getWidgetModel as Ut, getHierarchyModels as Xt, ComponentAdapter as Yt, createElement as Zt, ExternalComponentAdapterElement as te, useComposedDashboardInternal as ee, createHookApiFacade as Z, useJtdWidget as ne, ContextMenu as re, translateColumnToAttribute as oe, isSameAttribute as tt, updateDrilldownSelections as ie, processDrilldownSelections as se, getSelectionTitleMenuItem as ae, getDrilldownMenuItems as ce, ChartWidget as ue, WidgetById as le, PivotTableWidget as de, Widget as pe, DashboardById as ye, Dashboard as he, dashboardModelTranslator as ge, dashboardHelpers as $, widgetModelTranslator as w } from "@sisense/sdk-ui-preact";
+import { DashboardHeaderTargets as pr, WidgetHeaderMenuTargets as yr, boxWhiskerProcessResult as hr, extractDimensionsAndMeasures as gr, formatDataSet as br, formatDate as fr, formatNumber as Or, getDefaultDateFormat as Cr } from "@sisense/sdk-ui-preact";
+import { defineComponent as u, ref as D, watch as b, toRefs as h, onBeforeUnmount as x, createApp as be, h as rt, toValue as fe, computed as V, openBlock as Oe, createElementBlock as Ce, renderSlot as _, createVNode as et, unref as j, createElementVNode as Se } from "vue";
+import { d as ot, s as l, a as W, g as P, u as C, b as g, t as d, e as N, f as M, h as T, i as H, j as Fe, k as De, l as me, c as je, m as J, n as z, o as ve } from "./use-tracking-39f8225d.js";
+import { C as Fr, S as Dr, T as mr } from "./use-tracking-39f8225d.js";
+import { getFilterListAndRelationsJaql as it, isMembersFilter as Pe, MetadataTypes as we } from "@sisense/sdk-data";
+const xe = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!DrilldownBreadcrumbsProps.clearDrilldownSelections}
@@ -46,8 +46,8 @@ const Se = u({
       required: !0
     }
   },
-  setup: (t, { slots: e }) => U(tt, t, e, [])
-}), Ne = u({
+  setup: (t, { slots: e }) => ot(ut, t, e, [])
+}), dn = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!AreaChartProps.dataOptions}
@@ -113,8 +113,8 @@ const Se = u({
      */
     onDataPointsSelected: Function
   },
-  setup: (t) => d(et, t)
-}), Je = u({
+  setup: (t) => l(lt, t)
+}), pn = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!BarChartProps.dataOptions}
@@ -180,8 +180,8 @@ const Se = u({
      */
     styleOptions: Object
   },
-  setup: (t) => d(nt, t)
-}), ze = u({
+  setup: (t) => l(dt, t)
+}), yn = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!CalendarHeatmapChartProps.dataOptions}
@@ -247,8 +247,8 @@ const Se = u({
      */
     onDataPointsSelected: Function
   },
-  setup: (t) => d(rt, t)
-}), Ke = u({
+  setup: (t) => l(pt, t)
+}), hn = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!ColumnChartProps.dataOptions}
@@ -314,8 +314,8 @@ const Se = u({
      */
     styleOptions: Object
   },
-  setup: (t) => d(ot, t)
-}), Ue = u({
+  setup: (t) => l(yt, t)
+}), gn = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!FunnelChartProps.dataOptions}
@@ -381,8 +381,8 @@ const Se = u({
      */
     styleOptions: Object
   },
-  setup: (t) => d(it, t)
-}), Xe = u({
+  setup: (t) => l(ht, t)
+}), bn = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!LineChartProps.dataOptions}
@@ -448,8 +448,8 @@ const Se = u({
      */
     styleOptions: Object
   },
-  setup: (t) => d(st, t)
-}), Ye = u({
+  setup: (t) => l(gt, t)
+}), fn = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!PieChartProps.dataOptions}
@@ -515,8 +515,8 @@ const Se = u({
      */
     styleOptions: Object
   },
-  setup: (t) => d(at, t)
-}), Ze = u({
+  setup: (t) => l(bt, t)
+}), On = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!ScatterChartProps.dataOptions}
@@ -582,8 +582,8 @@ const Se = u({
      */
     styleOptions: Object
   },
-  setup: (t) => d(ct, t)
-}), tn = u({
+  setup: (t) => l(ft, t)
+}), Cn = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!TableProps.dataOptions}
@@ -621,8 +621,8 @@ const Se = u({
      */
     onDataReady: Function
   },
-  setup: (t) => d(ut, t)
-}), en = u({
+  setup: (t) => l(Ot, t)
+}), Sn = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!PivotTableProps.dataOptions}
@@ -672,8 +672,8 @@ const Se = u({
      */
     onDataPointContextMenu: Function
   },
-  setup: (t) => d(lt, t)
-}), nn = u({
+  setup: (t) => l(Ct, t)
+}), Fn = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!TreemapChartProps.dataOptions}
@@ -739,8 +739,8 @@ const Se = u({
      */
     styleOptions: Object
   },
-  setup: (t) => d(dt, t)
-}), rn = u({
+  setup: (t) => l(St, t)
+}), Dn = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!SunburstChartProps.dataOptions}
@@ -806,8 +806,8 @@ const Se = u({
      */
     styleOptions: Object
   },
-  setup: (t) => d(pt, t)
-}), on = u({
+  setup: (t) => l(Ft, t)
+}), mn = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!PolarChartProps.dataOptions}
@@ -873,8 +873,8 @@ const Se = u({
      */
     styleOptions: Object
   },
-  setup: (t) => d(yt, t)
-}), sn = u({
+  setup: (t) => l(Dt, t)
+}), jn = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!IndicatorChartProps.dataOptions}
@@ -922,8 +922,8 @@ const Se = u({
      */
     onDataReady: Function
   },
-  setup: (t) => d(bt, t)
-}), an = u({
+  setup: (t) => l(mt, t)
+}), vn = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartProps.chartType}
@@ -1002,8 +1002,8 @@ const Se = u({
      */
     refreshCounter: Number
   },
-  setup: (t) => d(ht, t)
-}), cn = u({
+  setup: (t) => l(jt, t)
+}), Pn = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!BoxplotChartProps.dataOptions}
@@ -1069,8 +1069,8 @@ const Se = u({
      */
     onDataPointsSelected: Function
   },
-  setup: (t) => d(gt, t)
-}), un = u({
+  setup: (t) => l(vt, t)
+}), wn = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!AreamapChartProps.dataOptions}
@@ -1118,8 +1118,8 @@ const Se = u({
      */
     onDataPointClick: Function
   },
-  setup: (t) => d(Ot, t)
-}), ln = u({
+  setup: (t) => l(Pt, t)
+}), xn = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!ScattermapChartProps.dataOptions}
@@ -1167,8 +1167,8 @@ const Se = u({
      */
     onDataPointClick: Object
   },
-  setup: (t) => d(St, t)
-}), dn = u({
+  setup: (t) => l(wt, t)
+}), An = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!StreamgraphChartProps.dataOptions}
@@ -1234,8 +1234,8 @@ const Se = u({
      */
     onDataPointsSelected: Function
   },
-  setup: (t) => d(ft, t)
-}), pn = u({
+  setup: (t) => l(xt, t)
+}), Mn = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!AreaRangeChartProps.dataOptions}
@@ -1301,8 +1301,75 @@ const Se = u({
      */
     styleOptions: Object
   },
-  setup: (t) => d(Ct, t)
-}), yn = u({
+  setup: (t) => l(At, t)
+}), Rn = u({
+  props: {
+    /**
+     * {@inheritDoc @sisense/sdk-ui!SankeyChartProps.dataOptions}
+     *
+     * @category Chart
+     */
+    dataOptions: {
+      type: Object,
+      required: !0
+    },
+    /**
+     * {@inheritDoc @sisense/sdk-ui!SankeyChartProps.dataSet}
+     *
+     * @category Data
+     */
+    dataSet: [String, Object],
+    /**
+     * {@inheritDoc @sisense/sdk-ui!SankeyChartProps.filters}
+     *
+     * @category Data
+     */
+    filters: [Object, Array],
+    /**
+     * {@inheritDoc @sisense/sdk-ui!SankeyChartProps.highlights}
+     *
+     * @category Data
+     */
+    highlights: Array,
+    /**
+     * {@inheritDoc @sisense/sdk-ui!SankeyChartProps.styleOptions}
+     *
+     * @category Chart
+     */
+    styleOptions: Object,
+    /**
+     * {@inheritDoc @sisense/sdk-ui!SankeyChartProps.onBeforeRender}
+     *
+     * @category Callbacks
+     */
+    onBeforeRender: Function,
+    /**
+     * {@inheritDoc @sisense/sdk-ui!SankeyChartProps.onDataReady}
+     *
+     * @category Callbacks
+     */
+    onDataReady: Function,
+    /**
+     * {@inheritDoc @sisense/sdk-ui!SankeyChartProps.onDataPointClick}
+     *
+     * @category Callbacks
+     */
+    onDataPointClick: Function,
+    /**
+     * {@inheritDoc @sisense/sdk-ui!SankeyChartProps.onDataPointContextMenu}
+     *
+     * @category Callbacks
+     */
+    onDataPointContextMenu: Function,
+    /**
+     * {@inheritDoc @sisense/sdk-ui!SankeyChartProps.onDataPointsSelected}
+     *
+     * @category Callbacks
+     */
+    onDataPointsSelected: Function
+  },
+  setup: (t) => l(Mt, t)
+}), qn = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!DateRangeFilterTileProps.attribute}
@@ -1362,8 +1429,8 @@ const Se = u({
      */
     onEdit: Function
   },
-  setup: (t) => d(Ft, t)
-}), bn = u({
+  setup: (t) => l(Rt, t)
+}), Wn = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!MemberFilterTileProps.attribute}
@@ -1410,8 +1477,8 @@ const Se = u({
      */
     onEdit: Function
   },
-  setup: (t) => d(Dt, t)
-}), hn = u({
+  setup: (t) => l(qt, t)
+}), Tn = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!CriteriaFilterTileProps.arrangement}
@@ -1451,8 +1518,8 @@ const Se = u({
      */
     onEdit: Function
   },
-  setup: (t) => d(mt, t)
-}), gn = u({
+  setup: (t) => l(Wt, t)
+}), En = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!RelativeDateFilterTileProps.title}
@@ -1497,8 +1564,8 @@ const Se = u({
      */
     onEdit: Function
   },
-  setup: (t) => d(jt, t)
-}), On = u({
+  setup: (t) => l(Tt, t)
+}), Bn = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!FilterTileProps.filter}
@@ -1527,8 +1594,8 @@ const Se = u({
      */
     onEdit: Function
   },
-  setup: (t) => d(vt, t)
-}), Sn = u({
+  setup: (t) => l(Et, t)
+}), kn = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!FiltersPanelProps.filters}
@@ -1559,116 +1626,116 @@ const Se = u({
       required: !0
     }
   },
-  setup: (t) => d(Pt, t)
-}), fn = (t) => {
-  const [e, n] = W(K, {
+  setup: (t) => l(Bt, t)
+}), $n = (t) => {
+  const [e, n] = W(nt, {
     isLoading: !0,
     isError: !1,
     isSuccess: !1,
     status: "loading",
     error: void 0,
     data: void 0
-  }), o = A();
+  }), r = P();
   C("useExecuteQuery");
-  const r = j(void 0), s = async (i) => {
+  const o = D(void 0), i = async (s) => {
     try {
       const {
-        dataSource: a,
-        dimensions: c,
+        dataSource: c,
+        dimensions: a,
         measures: p,
-        filters: O,
-        highlights: S,
+        filters: S,
+        highlights: f,
         count: y,
         offset: F,
-        ungroup: D,
+        ungroup: m,
         includeRowCount: v,
-        onBeforeQuery: q
-      } = l(t), { filters: I, relations: Q } = X(O);
+        onBeforeQuery: R
+      } = d(t), { filters: G, relations: L } = it(S);
       n({ type: "loading" });
-      const f = {
-        dataSource: a,
-        dimensions: c,
+      const O = {
+        dataSource: c,
+        dimensions: a,
         measures: p,
-        filters: I,
-        filterRelations: Q,
-        highlights: S,
+        filters: G,
+        filterRelations: L,
+        highlights: f,
         count: y,
         offset: F,
-        ungroup: D
-      }, E = { onBeforeQuery: _(q) };
+        ungroup: m
+      }, k = { onBeforeQuery: N(R) };
       if (v) {
-        const R = await xt(
-          f,
-          i,
-          E
+        const q = await kt(
+          O,
+          s,
+          k
         );
-        r.value = R.rowCount, n({ type: "success", data: R.data });
+        o.value = q.rowCount, n({ type: "success", data: q.data });
       } else {
-        r.value = void 0;
-        const R = await wt(f, i, E);
-        n({ type: "success", data: R });
+        o.value = void 0;
+        const q = await $t(O, s, k);
+        n({ type: "success", data: q });
       }
-    } catch (a) {
-      n({ type: "error", error: a });
+    } catch (c) {
+      n({ type: "error", error: c });
     }
   };
-  return g(
-    [...h(t), o],
+  return b(
+    [...g(t), r],
     () => {
-      const { app: i } = o.value, { enabled: a } = l(t);
-      !i || !(a === void 0 || a === !0) || s(i);
+      const { app: s } = r.value, { enabled: c } = d(t);
+      !s || !(c === void 0 || c === !0) || i(s);
     },
     { immediate: !0 }
   ), {
-    ...b(e.value),
-    rowCount: r
+    ...h(e.value),
+    rowCount: o
   };
-}, Cn = (t) => {
-  const e = j(void 0), n = j(void 0), o = j(void 0);
+}, In = (t) => {
+  const e = D(void 0), n = D(void 0), r = D(void 0);
   C("useExecuteQueryByWidgetId");
-  const [r, s] = W(K, {
+  const [o, i] = W(nt, {
     isLoading: !0,
     isError: !1,
     isSuccess: !1,
     status: "loading",
     error: void 0,
     data: void 0
-  }), i = A(), a = async (c) => {
+  }), s = P(), c = async (a) => {
     try {
-      s({ type: "loading" });
-      const { filters: p, ...O } = l(t), { filters: S } = X(_(p)), {
+      i({ type: "loading" });
+      const { filters: p, ...S } = d(t), { filters: f } = it(N(p)), {
         data: y,
         query: F,
-        pivotQuery: D,
+        pivotQuery: m,
         rowCount: v
-      } = await At({
-        ...O,
-        filters: S,
-        app: c
+      } = await It({
+        ...S,
+        filters: f,
+        app: a
       });
-      s({ type: "success", data: y }), e.value = F, n.value = D, o.value = v;
+      i({ type: "success", data: y }), e.value = F, n.value = m, r.value = v;
     } catch (p) {
-      s({ type: "error", error: p });
+      i({ type: "error", error: p });
     }
   };
-  return g(
-    [...h(t), i],
+  return b(
+    [...g(t), s],
     () => {
-      const { app: c } = i.value, { enabled: p } = l(t);
-      !c || !(p === void 0 || p === !0) || a(c);
+      const { app: a } = s.value, { enabled: p } = d(t);
+      !a || !(p === void 0 || p === !0) || c(a);
     },
     { immediate: !0 }
   ), {
-    ...b(r.value),
+    ...h(o.value),
     query: e,
     pivotQuery: n,
-    rowCount: o
+    rowCount: r
   };
-}, Fn = (t) => {
+}, Qn = (t) => {
   C("useExecuteCsvQuery");
-  const e = new x(Mt, [
+  const e = new A(Qt, [
     M()
-  ]), [n, o] = T({
+  ]), [n, r] = T({
     isLoading: !0,
     isError: !1,
     isSuccess: !1,
@@ -1676,18 +1743,18 @@ const Se = u({
     error: void 0,
     data: void 0
   });
-  return e.subscribe((r) => {
-    o(r);
-  }), e.run(l(t)), g([...h(t)], () => {
-    e.run(l(t));
-  }), w(() => {
+  return e.subscribe((o) => {
+    r(o);
+  }), e.run(d(t)), b([...g(t)], () => {
+    e.run(d(t));
+  }), x(() => {
     e.destroy();
-  }), b(n.value);
-}, Dn = (t) => {
+  }), h(n.value);
+}, Hn = (t) => {
   C("useExecutePivotQuery");
-  const e = new x(qt, [
+  const e = new A(Ht, [
     M()
-  ]), [n, o] = T({
+  ]), [n, r] = T({
     isLoading: !0,
     isError: !1,
     isSuccess: !1,
@@ -1695,18 +1762,18 @@ const Se = u({
     error: void 0,
     data: void 0
   });
-  return e.subscribe((r) => {
-    o(r);
-  }), e.run(l(t)), g([...h(t)], () => {
-    e.run(l(t));
-  }), w(() => {
+  return e.subscribe((o) => {
+    r(o);
+  }), e.run(d(t)), b([...g(t)], () => {
+    e.run(d(t));
+  }), x(() => {
     e.destroy();
-  }), b(n.value);
-}, mn = (t) => {
+  }), h(n.value);
+}, Ln = (t) => {
   C("useExecuteCustomWidgetQuery");
-  const e = new x(Rt, [
+  const e = new A(Lt, [
     M()
-  ]), [n, o] = T({
+  ]), [n, r] = T({
     data: void 0,
     isLoading: !0,
     isError: !1,
@@ -1714,19 +1781,19 @@ const Se = u({
     status: "loading",
     error: void 0
   });
-  return e.subscribe((r) => {
-    o(r);
-  }), e.run(l(t)), g([...h(t)], () => {
-    e.run(l(t));
-  }), w(() => {
+  return e.subscribe((o) => {
+    r(o);
+  }), e.run(d(t)), b([...g(t)], () => {
+    e.run(d(t));
+  }), x(() => {
     e.destroy();
-  }), b(n.value);
-}, jn = (t) => {
+  }), h(n.value);
+}, Gn = (t) => {
   C("useGetFilterMembers");
-  const { filter: e, parentFilters: n = [] } = l(t), o = {
+  const { filter: e, parentFilters: n = [] } = d(t), r = {
     selectedMembers: [],
     allMembers: [],
-    ...ge(e) ? {
+    ...Pe(e) ? {
       excludeMembers: e.config.excludeMembers,
       enableMultiSelection: e.config.enableMultiSelection,
       hasBackgroundFilter: !!e.config.backgroundFilter && n.length === 0
@@ -1735,27 +1802,27 @@ const Se = u({
       enableMultiSelection: !1,
       hasBackgroundFilter: !1
     }
-  }, r = new x(Wt, [M()]), [s, i] = T({
+  }, o = new A(Gt, [M()]), [i, s] = T({
     isLoading: !0,
     isError: !1,
     isSuccess: !1,
     status: "loading",
     error: void 0,
-    data: o,
+    data: r,
     isAllItemsLoaded: !1
   });
-  return r.subscribe((a) => {
-    i(a);
-  }), r.run(l(t)), g([...h(t)], () => {
-    r.run(l(t));
-  }), w(() => {
-    r.destroy();
-  }), b(s.value);
-}, vn = (t) => {
+  return o.subscribe((c) => {
+    s(c);
+  }), o.run(d(t)), b([...g(t)], () => {
+    o.run(d(t));
+  }), x(() => {
+    o.destroy();
+  }), h(i.value);
+}, _n = (t) => {
   C("useGetDataSourceDimensions");
-  const e = new x(Tt, [
+  const e = new A(_t, [
     M()
-  ]), [n, o] = T({
+  ]), [n, r] = T({
     isLoading: !0,
     isError: !1,
     isSuccess: !1,
@@ -1763,85 +1830,85 @@ const Se = u({
     error: void 0,
     status: "loading"
   });
-  return e.subscribe((r) => {
-    o(r);
-  }), e.run(l(t)), g([...h(t)], () => {
-    e.run(l(t));
-  }), w(() => {
+  return e.subscribe((o) => {
+    r(o);
+  }), e.run(d(t)), b([...g(t)], () => {
+    e.run(d(t));
+  }), x(() => {
     e.destroy();
-  }), b(n.value);
-}, Pn = (t) => {
+  }), h(n.value);
+}, Vn = (t) => {
   C("useGetDashboardModel");
-  const [e, n] = W($, {
+  const [e, n] = W(Q, {
     isLoading: !0,
     isError: !1,
     isSuccess: !1,
     status: "loading",
     error: void 0,
     data: void 0
-  }), o = A(), r = H(), s = async (a) => {
+  }), r = P(), o = H(), i = async (c) => {
     try {
       n({ type: "loading" });
-      const { dashboardOid: c, includeWidgets: p, includeFilters: O } = l(t), S = await Bt(
-        a.httpClient,
-        c,
-        { includeWidgets: p, includeFilters: O },
-        r.value,
-        a.settings
+      const { dashboardOid: a, includeWidgets: p, includeFilters: S } = d(t), f = await Nt(
+        c.httpClient,
+        a,
+        { includeWidgets: p, includeFilters: S },
+        o.value,
+        c.settings
       );
-      n({ type: "success", data: S });
-    } catch (c) {
-      n({ type: "error", error: c });
+      n({ type: "success", data: f });
+    } catch (a) {
+      n({ type: "error", error: a });
     }
   };
-  g(
-    [...h(t), o, r],
+  b(
+    [...g(t), r, o],
     () => {
-      const { app: a } = o.value, { enabled: c } = l(t);
-      !a || !(c === void 0 || c === !0) || s(a);
+      const { app: c } = r.value, { enabled: a } = d(t);
+      !c || !(a === void 0 || a === !0) || i(c);
     },
     { immediate: !0 }
   );
-  const i = b(e.value);
-  return b(Et(i));
-}, xn = (t) => {
+  const s = h(e.value);
+  return h(Vt(s));
+}, Nn = (t) => {
   C("useGetDashboardModels");
-  const [e, n] = W($, {
+  const [e, n] = W(Q, {
     isLoading: !0,
     isError: !1,
     isSuccess: !1,
     status: "loading",
     error: void 0,
     data: void 0
-  }), o = A(), r = H(), s = async (a) => {
+  }), r = P(), o = H(), i = async (c) => {
     try {
       n({ type: "loading" });
-      const c = l(t), p = await $t(
-        a.httpClient,
-        c,
-        r.value,
-        a.settings
+      const a = d(t), p = await zt(
+        c.httpClient,
+        a,
+        o.value,
+        c.settings
       );
       n({ type: "success", data: p });
-    } catch (c) {
-      n({ type: "error", error: c });
+    } catch (a) {
+      n({ type: "error", error: a });
     }
   };
-  g(
-    [...h(t), o, r],
+  b(
+    [...g(t), r, o],
     () => {
-      const { app: a } = o.value, { enabled: c } = l(t);
-      !a || !(c === void 0 || c === !0) || s(a);
+      const { app: c } = r.value, { enabled: a } = d(t);
+      !c || !(a === void 0 || a === !0) || i(c);
     },
     { immediate: !0 }
   );
-  const i = b(e.value);
-  return b(kt(i));
-}, wn = (t) => {
+  const s = h(e.value);
+  return h(Jt(s));
+}, Jn = (t) => {
   C("useGetSharedFormula");
-  const e = new x(Qt, [
+  const e = new A(Kt, [
     M()
-  ]), [n, o] = T({
+  ]), [n, r] = T({
     isLoading: !0,
     isError: !1,
     isSuccess: !1,
@@ -1849,104 +1916,104 @@ const Se = u({
     error: void 0,
     formula: null
   });
-  return e.subscribe((r) => {
-    o(r);
-  }), e.run(l(t)), g([...h(t)], () => {
-    e.run(l(t));
-  }), w(() => {
+  return e.subscribe((o) => {
+    r(o);
+  }), e.run(d(t)), b([...g(t)], () => {
+    e.run(d(t));
+  }), x(() => {
     e.destroy();
-  }), b(n.value);
-}, An = (t) => {
+  }), h(n.value);
+}, zn = (t) => {
   C("useGetWidgetModel");
-  const [e, n] = W($, {
+  const [e, n] = W(Q, {
     isLoading: !0,
     isError: !1,
     isSuccess: !1,
     status: "loading",
     error: void 0,
     data: void 0
-  }), o = A(), r = async (s) => {
+  }), r = P(), o = async (i) => {
     try {
       n({ type: "loading" });
-      const { dashboardOid: i, widgetOid: a } = l(t), c = await It(s.httpClient, i, a);
-      n({ type: "success", data: c });
-    } catch (i) {
-      n({ type: "error", error: i });
+      const { dashboardOid: s, widgetOid: c } = d(t), a = await Ut(i.httpClient, s, c);
+      n({ type: "success", data: a });
+    } catch (s) {
+      n({ type: "error", error: s });
     }
   };
-  return g(
-    [...h(t), o],
+  return b(
+    [...g(t), r],
     () => {
-      const { app: s } = o.value, { enabled: i } = l(t);
-      !s || !(i === void 0 || i === !0) || r(s);
+      const { app: i } = r.value, { enabled: s } = d(t);
+      !i || !(s === void 0 || s === !0) || o(i);
     },
     { immediate: !0 }
-  ), b(e.value);
-}, Mn = (t) => {
+  ), h(e.value);
+}, Kn = (t) => {
   C("useGetHierarchyModels");
-  const [e, n] = W($, {
+  const [e, n] = W(Q, {
     isLoading: !0,
     isError: !1,
     isSuccess: !1,
     status: "loading",
     error: void 0,
     data: void 0
-  }), o = A(), r = async (s) => {
+  }), r = P(), o = async (i) => {
     try {
       n({ type: "loading" });
-      const i = await Lt(s.httpClient, l(t));
-      n({ type: "success", data: i });
-    } catch (i) {
-      n({ type: "error", error: i });
+      const s = await Xt(i.httpClient, d(t));
+      n({ type: "success", data: s });
+    } catch (s) {
+      n({ type: "error", error: s });
     }
   };
-  return g(
-    [...h(t), o],
+  return b(
+    [...g(t), r],
     () => {
-      const { app: s } = o.value, { enabled: i } = l(t);
-      !s || !(i === void 0 || i === !0) || r(s);
+      const { app: i } = r.value, { enabled: s } = d(t);
+      !i || !(s === void 0 || s === !0) || o(i);
     },
     { immediate: !0 }
-  ), b(e.value);
-}, qn = (t, e, n) => {
-  const [o, r] = W($, {
+  ), h(e.value);
+}, Un = (t, e, n) => {
+  const [r, o] = W(Q, {
     isLoading: !0,
     isError: !1,
     isSuccess: !1,
     status: "loading",
     error: void 0,
     data: void 0
-  }), s = A(), i = async (a) => {
+  }), i = P(), s = async (c) => {
     try {
-      r({ type: "loading" });
-      const c = _(t), p = e ? l(e) : {}, O = n ? l(n) : {}, S = {
-        requestConfig: O.requestConfig ? l(O.requestConfig) : {},
+      o({ type: "loading" });
+      const a = N(t), p = e ? d(e) : {}, S = n ? d(n) : {}, f = {
+        requestConfig: S.requestConfig ? d(S.requestConfig) : {},
         skipTrackingParam: !0
-      }, y = await a.call(
-        a.url + c,
+      }, y = await c.call(
+        c.url + a,
         p,
-        S
+        f
       );
-      r({ type: "success", data: y });
-    } catch (c) {
-      r({ type: "error", error: c });
+      o({ type: "success", data: y });
+    } catch (a) {
+      o({ type: "error", error: a });
     }
   };
-  return g(
-    [...h(t, e, n), s],
+  return b(
+    [...g(t, e, n), i],
     () => {
-      const { app: a } = s.value, c = l(n || {}).enabled;
-      !a || !(c === void 0 || c === !0) || i(a.httpClient);
+      const { app: c } = i.value, a = d(n || {}).enabled;
+      !c || !(a === void 0 || a === !0) || s(c.httpClient);
     },
     { immediate: !0 }
-  ), b(o.value);
+  ), h(r.value);
 };
-class fe {
+class Ae {
   constructor(e, n) {
-    k(this, "app", null);
-    k(this, "container", null);
-    k(this, "isDestroyed", !1);
-    k(this, "propsRef", null);
+    I(this, "app", null);
+    I(this, "container", null);
+    I(this, "isDestroyed", !1);
+    I(this, "propsRef", null);
     this.componentClass = e, this.contexts = n;
   }
   /**
@@ -1959,11 +2026,11 @@ class fe {
   mount(e, n) {
     if (this.app || this.isDestroyed)
       return;
-    this.container = e, this.propsRef = j(n);
-    const o = {
-      setup: () => () => se(this.componentClass, this.propsRef.value)
+    this.container = e, this.propsRef = D(n);
+    const r = {
+      setup: () => () => rt(this.componentClass, this.propsRef.value)
     };
-    this.app = ie(o), this.app.provide(de, this.contexts.sisenseContext), this.app.provide(pe, this.contexts.themeContext), this.app.provide(ye, this.contexts.customWidgetsContext), this.app.mount(e);
+    this.app = be(r), this.app.provide(Fe, this.contexts.sisenseContext), this.app.provide(De, this.contexts.themeContext), this.app.provide(me, this.contexts.customWidgetsContext), this.app.mount(e);
   }
   /**
    * Updates the props on the existing Vue component instance.
@@ -1989,8 +2056,68 @@ class fe {
     return this.app !== null && !this.isDestroyed;
   }
 }
-const Rn = () => {
-  const t = be(), e = A(), n = H(), o = t;
+function Me(t, e) {
+  return (n) => Zt(te, {
+    adapterFactory: () => new Ae(t, e),
+    componentProps: n
+  });
+}
+function Re(t) {
+  return u({
+    name: "PreactComponent",
+    inheritAttrs: !1,
+    setup: (e, { attrs: n }) => {
+      const r = D(null), o = new Yt(
+        // the adapter renders any preact function component; the attrs are forwarded untyped
+        t,
+        je()
+      );
+      return x(() => {
+        o.destroy();
+      }), () => (r.value && o.render(r.value, J({ ...n })), rt("div", { ref: r, style: "width: 100%; height: 100%" }));
+    }
+  });
+}
+function K(t) {
+  const e = /* @__PURE__ */ new WeakMap(), n = /* @__PURE__ */ new WeakMap(), r = (o, i) => {
+    e.set(o, i), n.set(i, o);
+  };
+  return {
+    /**
+     * Translates a Vue component into a preact component.
+     *
+     * A Vue wrapper produced by {@link fromPreactComponent} is unwrapped back to the preact
+     * component it renders, rather than being wrapped a second time.
+     */
+    toPreactComponent: (o) => {
+      const i = e.get(o);
+      if (i)
+        return i;
+      const s = Me(o, t);
+      return r(o, s), s;
+    },
+    /**
+     * Translates a preact component into a Vue component.
+     *
+     * A preact wrapper produced by {@link toPreactComponent} is unwrapped back to the Vue component
+     * it renders; any other preact component is wrapped in a generated Vue component that renders
+     * it, so consumers can render it in a Vue template like any other component.
+     */
+    fromPreactComponent: (o) => {
+      const i = n.get(o);
+      if (i)
+        return i;
+      const s = Re(o);
+      return r(s, o), s;
+    }
+  };
+}
+const Xn = () => {
+  const t = z(), e = K({
+    sisenseContext: P(),
+    themeContext: H(),
+    customWidgetsContext: t
+  });
   return {
     /**
      * Registers a new custom widget.
@@ -1998,18 +2125,10 @@ const Rn = () => {
      * @param customWidgetType - The unique identifier for the custom widget type.
      * @param customWidget - The custom widget component to register.
      */
-    registerCustomWidget: (r, s) => {
-      const i = {
-        sisenseContext: e,
-        themeContext: n,
-        customWidgetsContext: o
-      }, a = () => new fe(s, i), c = (p) => Gt(_t, {
-        adapterFactory: a,
-        componentProps: p
-      });
-      t.value.customWidgetsMap.has(r) || (t.value.customWidgetsMap.set(
-        r,
-        c
+    registerCustomWidget: (n, r) => {
+      t.value.customWidgetsMap.has(n) || (t.value.customWidgetsMap.set(
+        n,
+        e.toPreactComponent(r)
       ), t.value = {
         customWidgetsMap: new Map(t.value.customWidgetsMap)
       });
@@ -2019,8 +2138,8 @@ const Rn = () => {
      *
      * @param customWidgetType - The unique identifier for the custom widget type.
      */
-    unregisterCustomWidget: (r) => {
-      t.value.customWidgetsMap.delete(r) && (t.value = {
+    unregisterCustomWidget: (n) => {
+      t.value.customWidgetsMap.delete(n) && (t.value = {
         customWidgetsMap: new Map(t.value.customWidgetsMap)
       });
     },
@@ -2030,45 +2149,46 @@ const Rn = () => {
      * @param customWidgetType - The type of the custom widget.
      * @returns True if the custom widget is registered, false otherwise.
      */
-    hasCustomWidget: (r) => t.value.customWidgetsMap.has(r)
+    hasCustomWidget: (n) => t.value.customWidgetsMap.has(n)
   };
-}, Wn = (t, e = {}) => {
+}, Yn = (t, e = {}) => {
   C("useComposedDashboard");
-  const n = new x(Ht, [
-    M()
-  ]), [o, r] = T(l(t));
-  n.subscribe(({ dashboard: a }) => {
-    r(a);
-  }), n.run(l(t), e), g([...h(t)], () => {
-    n.run(l(t), e);
-  }), w(() => {
-    n.destroy();
+  const n = (a) => d(a), r = new A(
+    ee,
+    [M()]
+  ), [o, i] = T(d(t));
+  r.subscribe(({ dashboard: a }) => {
+    i(a);
+  }), r.run(n(t), e), b([...g(t)], () => {
+    r.run(n(t), e);
+  }), x(() => {
+    r.destroy();
   });
-  const s = N(n, "setFilters"), i = N(n, "setWidgetsLayout");
+  const s = Z(r, "setFilters"), c = Z(r, "setWidgetsLayout");
   return {
     dashboard: o,
     setFilters: s,
-    setWidgetsLayout: i
+    setWidgetsLayout: c
   };
-}, Tn = (t, e) => {
+}, Zn = (t, e) => {
   C("useJtdWidget");
-  const n = new x(Vt, [
+  const n = new A(ne, [
     M(),
-    he()
-  ]), o = j(null);
-  n.subscribe((s) => {
-    o.value = s;
+    ve()
+  ]), r = D(null);
+  n.subscribe((i) => {
+    r.value = i;
   });
-  const r = () => {
-    const s = ae(t), i = l(e);
-    n.run(s, i);
+  const o = () => {
+    const i = fe(t), s = d(e);
+    n.run(i, s);
   };
-  return r(), g([...h(t), ...h(e)], () => {
-    r();
-  }), w(() => {
+  return o(), b([...g(t), ...g(e)], () => {
+    o();
+  }), x(() => {
     n.destroy();
-  }), o;
-}, Ce = u({
+  }), r;
+}, qe = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!ContextMenuProps.closeContextMenu}
@@ -2086,8 +2206,8 @@ const Rn = () => {
      */
     position: Object
   },
-  setup: (t, { slots: e }) => U(Nt, t, e, [])
-}), Fe = ({
+  setup: (t, { slots: e }) => ot(re, t, e, [])
+}), We = ({
   drilldownPaths: t,
   initialDimension: e
 }) => {
@@ -2095,52 +2215,52 @@ const Rn = () => {
     throw new Error(
       "Initial dimension has to be specified to use drilldown with custom components"
     );
-  const n = j([]), o = j(), r = j([]), s = j([]), i = G(() => [
-    Jt(e),
+  const n = D([]), r = D(), o = D([]), i = D([]), s = V(() => [
+    oe(e),
     ...n.value.map(({ nextDimension: y }) => y)
-  ]), a = G(
+  ]), c = V(
     () => t.value.filter((y) => {
-      if (Oe.isAttribute(y)) {
+      if (we.isAttribute(y)) {
         const v = y;
-        return i.value.every(
-          (q) => !J(q, v)
+        return s.value.every(
+          (R) => !tt(R, v)
         );
       }
-      const D = y;
-      return i.value.every(
-        (v, q) => J(v, D.levels[q])
+      const m = y;
+      return s.value.every(
+        (v, R) => tt(v, m.levels[R])
       );
     })
-  ), c = (y, F, D) => {
-    n.value = zt(
+  ), a = (y, F, m) => {
+    n.value = ie(
       n.value,
       y,
       F,
-      D
-    ), S();
+      m
+    ), f();
   }, p = (y) => {
-    n.value = n.value.slice(0, y), S();
-  }, O = () => {
-    n.value = [], S();
+    n.value = n.value.slice(0, y), f();
   }, S = () => {
-    const y = (D) => D === "drilldown.breadcrumbsAllSuffix" ? "All" : D, F = Kt(
+    n.value = [], f();
+  }, f = () => {
+    const y = (m) => m === "drilldown.breadcrumbsAllSuffix" ? "All" : m, F = se(
       n.value,
       e,
       y
     );
-    o.value = F.drilldownDimension, r.value = F.drilldownFilters, s.value = F.drilldownFiltersDisplayValues;
+    r.value = F.drilldownDimension, o.value = F.drilldownFilters, i.value = F.drilldownFiltersDisplayValues;
   };
-  return S(), {
+  return f(), {
     drilldownSelections: n,
-    availableDrilldownPaths: a,
-    drilldownDimension: o,
-    drilldownFilters: r,
-    drilldownFiltersDisplayValues: s,
-    selectDrilldown: c,
+    availableDrilldownPaths: c,
+    drilldownDimension: r,
+    drilldownFilters: o,
+    drilldownFiltersDisplayValues: i,
+    selectDrilldown: a,
     sliceDrilldownSelections: p,
-    clearDrilldownSelections: O
+    clearDrilldownSelections: S
   };
-}, De = u({
+}, Te = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!DrilldownWidgetProps.config}
@@ -2176,81 +2296,81 @@ const Rn = () => {
   },
   setup: () => {
   }
-}), me = { style: { display: "flex", "flex-direction": "column", height: "100%" } }, je = { style: { "flex-grow": "1", "min-wdith": "0", "min-height": "0" } }, En = /* @__PURE__ */ u({
+}), Ee = { style: { display: "flex", "flex-direction": "column", height: "100%" } }, Be = { style: { "flex-grow": "1", "min-wdith": "0", "min-height": "0" } }, tr = /* @__PURE__ */ u({
   __name: "drilldown-widget",
-  props: De.props,
+  props: Te.props,
   setup(t) {
-    const e = t, { drilldownPaths: n, initialDimension: o, config: r } = b(e), s = j(null), i = j([]), {
-      drilldownFilters: a,
+    const e = t, { drilldownPaths: n, initialDimension: r, config: o } = h(e), i = D(null), s = D([]), {
+      drilldownFilters: c,
       // computed
-      drilldownDimension: c,
+      drilldownDimension: a,
       // computed
       drilldownFiltersDisplayValues: p,
       // computed
-      availableDrilldownPaths: O,
+      availableDrilldownPaths: S,
       // computed
-      selectDrilldown: S,
+      selectDrilldown: f,
       sliceDrilldownSelections: y,
       clearDrilldownSelections: F
-    } = Fe({
+    } = We({
       drilldownPaths: n,
-      initialDimension: o.value
-    }), D = (f) => {
-      S(i.value, f);
-    }, v = G(() => {
-      const f = (V) => V === "drilldown.drillMenuItem" ? "Drill" : V, E = Ut(
-        i.value,
-        c.value
-      ), R = Xt(
-        O.value,
-        c.value,
-        D,
-        f
+      initialDimension: r.value
+    }), m = (O) => {
+      f(s.value, O);
+    }, v = V(() => {
+      const O = (Y) => Y === "drilldown.drillMenuItem" ? "Drill" : Y, k = ae(
+        s.value,
+        a.value
+      ), q = ce(
+        S.value,
+        a.value,
+        m,
+        O
       );
-      return R ? [E, R] : [E];
-    }), q = (f) => {
-      s.value = f;
-    }, I = (f) => {
-      i.value = f;
-    }, Q = () => {
-      s.value = null;
+      return q ? [k, q] : [k];
+    }), R = (O) => {
+      i.value = O;
+    }, G = (O) => {
+      s.value = O;
+    }, L = () => {
+      i.value = null;
     };
-    return (f, E) => (ce(), ue("div", me, [
-      L(f.$slots, "contextMenu", {
-        contextMenuProps: { position: s.value, itemSections: v.value, closeContextMenu: Q }
+    return (O, k) => (Oe(), Ce("div", Ee, [
+      _(O.$slots, "contextMenu", {
+        contextMenuProps: { position: i.value, itemSections: v.value, closeContextMenu: L }
       }, () => [
-        z(m(Ce), {
-          position: s.value,
+        et(j(qe), {
+          position: i.value,
           itemSections: v.value,
-          closeContextMenu: Q
+          closeContextMenu: L
         }, null, 8, ["position", "itemSections"])
       ]),
-      L(f.$slots, "breadcrumbs", {
+      _(O.$slots, "breadcrumbs", {
         drilldownBreadcrumbsProps: {
-          clearDrilldownSelections: m(F),
-          sliceDrilldownSelections: m(y),
-          drilldownFiltersDisplayValues: m(p),
-          drilldownDimension: m(c)
+          clearDrilldownSelections: j(F),
+          sliceDrilldownSelections: j(y),
+          drilldownFiltersDisplayValues: j(p),
+          drilldownDimension: j(a)
         }
       }, () => [
-        z(m(Se), {
-          "clear-drilldown-selections": m(F),
-          "slice-drilldown-selections": m(y),
-          "filters-display-values": m(p),
-          "current-dimension": m(c)
+        et(j(xe), {
+          "clear-drilldown-selections": j(F),
+          "slice-drilldown-selections": j(y),
+          "filters-display-values": j(p),
+          "current-dimension": j(a)
         }, null, 8, ["clear-drilldown-selections", "slice-drilldown-selections", "filters-display-values", "current-dimension"])
       ]),
-      le("div", je, [
-        L(f.$slots, "chart", {
-          drilldownFilters: m(a),
-          drilldownDimension: m(c),
-          onDataPointsSelected: I,
-          onContextMenu: q
+      Se("div", Be, [
+        _(O.$slots, "chart", {
+          drilldownFilters: j(c),
+          drilldownDimension: j(a),
+          onDataPointsSelected: G,
+          onContextMenu: R
         })
       ])
     ]));
   }
-}), Bn = u({
+}), er = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!ChartWidgetProps.bottomSlot}
@@ -2383,8 +2503,8 @@ const Rn = () => {
      */
     onDataReady: Function
   },
-  setup: (t) => d(Yt, t)
-}), kn = u({
+  setup: (t) => l(ue, t)
+}), nr = u({
   props: {
     /** @internal */
     bottomSlot: Object,
@@ -2491,8 +2611,8 @@ const Rn = () => {
      */
     onDataReady: Function
   },
-  setup: (t) => d(Zt, t)
-}), $n = u({
+  setup: (t) => l(le, t)
+}), rr = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!PivotTableWidgetProps.dataOptions}
@@ -2598,8 +2718,8 @@ const Rn = () => {
      */
     onHeaderCellFormat: Function
   },
-  setup: (t) => d(te, t)
-}), Qn = u({
+  setup: (t) => l(de, t)
+}), or = u({
   props: {
     /**
      * Unique identifier of the widget
@@ -2737,8 +2857,92 @@ const Rn = () => {
      */
     onDataPointsSelected: Function
   },
-  setup: (t) => d(ee, t)
-}), In = u({
+  setup: (t) => l(pe, t)
+});
+function U(t, e) {
+  return e ? t.map((n) => ({
+    ...n,
+    component: e.toPreactComponent(n.component)
+  })) : t;
+}
+function X(t, e) {
+  return e ? t.map((n) => ({
+    ...n,
+    component: e.fromPreactComponent(n.component)
+  })) : t;
+}
+function ke(t, e) {
+  return (n) => U(
+    t(X(n, e)),
+    e
+  );
+}
+function $e(t, e) {
+  return (n) => X(
+    t(U(n, e)),
+    e
+  );
+}
+function Ie(t, e) {
+  const { items: n, onBeforeRender: r, ...o } = t;
+  return {
+    ...o,
+    ...n && { items: U(n, e) },
+    // omitted entirely when the consumer provided no transform, so the renderer can skip it
+    ...r && {
+      onBeforeRender: ke(r, e)
+    }
+  };
+}
+function Qe(t, e) {
+  const { items: n, onBeforeRender: r, ...o } = t;
+  return {
+    ...o,
+    ...n && { items: X(n, e) },
+    ...r && {
+      onBeforeRender: $e(r, e)
+    }
+  };
+}
+function st(t, e) {
+  const { header: n, ...r } = t;
+  return {
+    ...r,
+    ...n && { header: Ie(n, e) }
+    // sibling sections are shared with preact verbatim; only `header` carries Vue components
+  };
+}
+function He(t, e) {
+  const { header: n, ...r } = t;
+  return {
+    ...r,
+    ...n && { header: Qe(n, e) }
+  };
+}
+function E(t, e) {
+  const { config: n, ...r } = t;
+  return {
+    ...r,
+    ...n && { config: st(n, e) }
+  };
+}
+function B(t, e) {
+  const { config: n, ...r } = t;
+  return {
+    ...r,
+    ...n && { config: He(n, e) }
+  };
+}
+function Le(t, e) {
+  const { config: n, ...r } = t;
+  return {
+    ...r,
+    ...n && {
+      config: st(n, e)
+    }
+  };
+}
+const ir = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!DashboardByIdProps.dashboardOid}
@@ -2752,8 +2956,18 @@ const Rn = () => {
      */
     config: Object
   },
-  setup: (t) => d(ne, t)
-}), Ln = u({
+  setup: (t) => {
+    const e = K({
+      sisenseContext: P(),
+      themeContext: H(),
+      customWidgetsContext: z()
+    });
+    return l(
+      ye,
+      () => Le(J(t), e)
+    );
+  }
+}), sr = u({
   props: {
     /**
      * {@inheritDoc @sisense/sdk-ui!DashboardProps.title}
@@ -2791,122 +3005,147 @@ const Rn = () => {
      */
     styleOptions: Object
   },
-  setup: (t) => d(re, t)
+  setup: (t) => {
+    const e = K({
+      sisenseContext: P(),
+      themeContext: H(),
+      customWidgetsContext: z()
+    });
+    return l(
+      he,
+      () => E(J(t), e)
+    );
+  }
 });
-function ve(t) {
-  return oe.toDashboardProps(t);
+function Ge(t) {
+  return B(ge.toDashboardProps(t));
 }
-const Gn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ar = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  toDashboardProps: ve
-}, Symbol.toStringTag, { value: "Module" })), Pe = (t, e) => B.replaceFilters(t, e), xe = (t, e) => B.addFilter(t, e), we = (t, e) => B.addFilters(t, e), Ae = (t, e, n) => B.replaceFilter(
-  t,
-  e,
-  n
-), Me = (t, e) => B.removeFilter(t, e), qe = (t, e) => B.removeFilters(t, e), _n = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  toDashboardProps: Ge
+}, Symbol.toStringTag, { value: "Module" })), _e = (t, e) => B(
+  $.replaceFilters(E(t), e)
+), Ve = (t, e) => B(
+  $.addFilter(E(t), e)
+), Ne = (t, e) => B(
+  $.addFilters(E(t), e)
+), Je = (t, e, n) => B(
+  $.replaceFilter(
+    E(t),
+    e,
+    n
+  )
+), ze = (t, e) => B(
+  $.removeFilter(E(t), e)
+), Ke = (t, e) => B(
+  $.removeFilters(E(t), e)
+), cr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  addFilter: xe,
-  addFilters: we,
-  removeFilter: Me,
-  removeFilters: qe,
-  replaceFilter: Ae,
-  replaceFilters: Pe
-}, Symbol.toStringTag, { value: "Module" })), Re = (t) => P.toExecuteQueryParams(t), We = (t) => P.toExecutePivotQueryParams(t);
-function Te(t) {
-  return P.toChartProps(t);
+  addFilter: Ve,
+  addFilters: Ne,
+  removeFilter: ze,
+  removeFilters: Ke,
+  replaceFilter: Je,
+  replaceFilters: _e
+}, Symbol.toStringTag, { value: "Module" })), Ue = (t) => w.toExecuteQueryParams(t), Xe = (t) => w.toExecutePivotQueryParams(t);
+function Ye(t) {
+  return w.toChartProps(t);
 }
-function Ee(t) {
-  return P.toTableProps(t);
+function Ze(t) {
+  return w.toTableProps(t);
 }
-function Be(t) {
-  return P.toPivotTableProps(t);
+function tn(t) {
+  return w.toPivotTableProps(t);
 }
-function ke(t) {
-  return P.toChartWidgetProps(t);
+function en(t) {
+  return w.toChartWidgetProps(t);
 }
-function $e(t) {
-  return P.toPivotTableWidgetProps(t);
+function nn(t) {
+  return w.toPivotTableWidgetProps(t);
 }
-function Qe(t) {
-  return P.toTextWidgetProps(t);
+function rn(t) {
+  return w.toTextWidgetProps(t);
 }
-function Ie(t) {
-  return P.toWidgetProps(t);
+function on(t) {
+  return w.toWidgetProps(t);
 }
-const Hn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ur = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  toChartProps: Te,
-  toChartWidgetProps: ke,
-  toExecutePivotQueryParams: We,
-  toExecuteQueryParams: Re,
-  toPivotTableProps: Be,
-  toPivotTableWidgetProps: $e,
-  toTableProps: Ee,
-  toTextWidgetProps: Qe,
-  toWidgetProps: Ie
+  toChartProps: Ye,
+  toChartWidgetProps: en,
+  toExecutePivotQueryParams: Xe,
+  toExecuteQueryParams: Ue,
+  toPivotTableProps: tn,
+  toPivotTableWidgetProps: nn,
+  toTableProps: Ze,
+  toTextWidgetProps: rn,
+  toWidgetProps: on
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Ne as AreaChart,
-  pn as AreaRangeChart,
-  un as AreamapChart,
-  Je as BarChart,
-  cn as BoxplotChart,
-  ze as CalendarHeatmapChart,
-  an as Chart,
-  Bn as ChartWidget,
-  Ke as ColumnChart,
-  Ce as ContextMenu,
-  hn as CriteriaFilterTile,
-  tr as CustomWidgetsProvider,
-  Ln as Dashboard,
-  In as DashboardById,
-  yn as DateRangeFilterTile,
-  Se as DrilldownBreadcrumbs,
-  En as DrilldownWidget,
-  On as FilterTile,
-  Sn as FiltersPanel,
-  Ue as FunnelChart,
-  sn as IndicatorChart,
-  Xe as LineChart,
-  bn as MemberFilterTile,
-  Ye as PieChart,
-  en as PivotTable,
-  $n as PivotTableWidget,
-  on as PolarChart,
-  gn as RelativeDateFilterTile,
-  Ze as ScatterChart,
-  ln as ScattermapChart,
-  er as SisenseContextProvider,
-  dn as StreamgraphChart,
-  rn as SunburstChart,
-  tn as Table,
-  nr as ThemeProvider,
-  nn as TreemapChart,
-  Qn as Widget,
-  kn as WidgetById,
-  Jn as boxWhiskerProcessResult,
-  _n as dashboardHelpers,
-  Gn as dashboardModelTranslator,
-  zn as extractDimensionsAndMeasures,
-  Kn as formatDataSet,
-  Un as formatDate,
-  Xn as formatNumber,
-  Yn as getDefaultDateFormat,
-  Wn as useComposedDashboard,
-  Rn as useCustomWidgets,
-  Fn as useExecuteCsvQuery,
-  mn as useExecuteCustomWidgetQuery,
-  Dn as useExecutePivotQuery,
-  fn as useExecuteQuery,
-  Cn as useExecuteQueryByWidgetId,
-  qn as useFetch,
-  Pn as useGetDashboardModel,
-  xn as useGetDashboardModels,
-  vn as useGetDataSourceDimensions,
-  jn as useGetFilterMembers,
-  Mn as useGetHierarchyModels,
-  wn as useGetSharedFormula,
-  An as useGetWidgetModel,
-  Tn as useJtdWidget,
-  Hn as widgetModelTranslator
+  dn as AreaChart,
+  Mn as AreaRangeChart,
+  wn as AreamapChart,
+  pn as BarChart,
+  Pn as BoxplotChart,
+  yn as CalendarHeatmapChart,
+  vn as Chart,
+  er as ChartWidget,
+  hn as ColumnChart,
+  qe as ContextMenu,
+  Tn as CriteriaFilterTile,
+  Fr as CustomWidgetsProvider,
+  sr as Dashboard,
+  ir as DashboardById,
+  pr as DashboardHeaderTargets,
+  qn as DateRangeFilterTile,
+  xe as DrilldownBreadcrumbs,
+  tr as DrilldownWidget,
+  Bn as FilterTile,
+  kn as FiltersPanel,
+  gn as FunnelChart,
+  jn as IndicatorChart,
+  bn as LineChart,
+  Wn as MemberFilterTile,
+  fn as PieChart,
+  Sn as PivotTable,
+  rr as PivotTableWidget,
+  mn as PolarChart,
+  En as RelativeDateFilterTile,
+  Rn as SankeyChart,
+  On as ScatterChart,
+  xn as ScattermapChart,
+  Dr as SisenseContextProvider,
+  An as StreamgraphChart,
+  Dn as SunburstChart,
+  Cn as Table,
+  mr as ThemeProvider,
+  Fn as TreemapChart,
+  or as Widget,
+  nr as WidgetById,
+  yr as WidgetHeaderMenuTargets,
+  hr as boxWhiskerProcessResult,
+  cr as dashboardHelpers,
+  ar as dashboardModelTranslator,
+  gr as extractDimensionsAndMeasures,
+  br as formatDataSet,
+  fr as formatDate,
+  Or as formatNumber,
+  Cr as getDefaultDateFormat,
+  Yn as useComposedDashboard,
+  Xn as useCustomWidgets,
+  Qn as useExecuteCsvQuery,
+  Ln as useExecuteCustomWidgetQuery,
+  Hn as useExecutePivotQuery,
+  $n as useExecuteQuery,
+  In as useExecuteQueryByWidgetId,
+  Un as useFetch,
+  Vn as useGetDashboardModel,
+  Nn as useGetDashboardModels,
+  _n as useGetDataSourceDimensions,
+  Gn as useGetFilterMembers,
+  Kn as useGetHierarchyModels,
+  Jn as useGetSharedFormula,
+  zn as useGetWidgetModel,
+  Zn as useJtdWidget,
+  ur as widgetModelTranslator
 };