@databrainhq/plugin 0.17.9-beta.33 → 0.17.9-beta.34

package/dist/{Table-ODMPh1l7.mjs → Table-Cg4EZCAG.mjs}

@@ -2,33 +2,33 @@ import "react";
 import "react-dom";
 import "react-dom/client";
 import { r as e } from "./rolldown-runtime-C1JUX4Ur.mjs";
-import { Cn as t, Ha as n, J as r, K as i, N as a, Ri as o, T as s, Ur as c, Ya as l, _t as ee, a as te, pr as u, q as ne, tr as re, vi as d, vt as ie, wn as f } from "./Portal-DE_CdG2S.mjs";
-import { F as p, z as m } from "./option-ywDB8mz_.mjs";
-import { d as ae, o as h, u as oe } from "./timeseries-BBiiZaG9.mjs";
-import { n as se } from "./arrayToCsvString-D9T6ms_d.mjs";
+import { Cn as t, J as n, K as r, N as i, T as a, Ua as o, Wr as s, Xa as c, _t as l, a as ee, mr as u, nr as te, q as ne, vt as re, wn as ie, yi as d, zi as f } from "./Portal-BP2ivXF8.mjs";
+import { F as p, z as m } from "./option-B1zeYJnm.mjs";
+import { d as ae, o as h, u as oe } from "./timeseries-kGhqoQ6V.mjs";
+import { n as se } from "./arrayToCsvString-Bj2E5XgM.mjs";
 import { i as ce, n as g } from "./transformData-ow-ma1SZ.mjs";
-import { n as le } from "./cardActions-BLBLsjcd.mjs";
-import { t as _ } from "./NoDataFound-1gLzunO6.mjs";
-import { n as ue, t as v } from "./esm-B2ERA78g.mjs";
-import { a as de, i as y, n as fe, o as pe, r as me, s as he, t as ge } from "./dist-DHNl58qD.mjs";
-import { t as _e } from "./conditionalFormatting-LaI9Vca7.mjs";
-import { t as ve } from "./tableAriaRowModel-DyPIF2Fa.mjs";
-import b, { useEffect as x, useMemo as S, useRef as ye, useState as C } from "react";
+import { n as le, r as ue } from "./cardActions-BPRHHm2G.mjs";
+import { t as _ } from "./NoDataFound-Ifpvns9-.mjs";
+import { n as de, t as v } from "./esm-B2ERA78g.mjs";
+import { a as fe, i as y, n as pe, o as me, r as he, s as ge, t as _e } from "./dist-DHNl58qD.mjs";
+import { t as ve } from "./conditionalFormatting-Ca-leGbK.mjs";
+import { t as ye } from "./tableAriaRowModel-DyPIF2Fa.mjs";
+import b, { useEffect as x, useMemo as S, useRef as be, useState as C } from "react";
 import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
 //#region src/utils/embedStorage.ts
-var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableClick`, xe = "isDisableClick", Se = (e, t) => {
+var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableClick`, Se = "isDisableClick", Ce = (e, t) => {
 	try {
 		let n = window.localStorage.getItem(e);
 		return n === null ? t ? window.localStorage.getItem(t) : null : n;
 	} catch {
 		return null;
 	}
-}, Ce = (e, t) => {
+}, we = (e, t) => {
 	try {
 		window.localStorage.setItem(e, t);
 	} catch {}
 }, k = (e) => {
-	let t = Se(be);
+	let t = Ce(xe);
 	if (!t) return null;
 	let n;
 	try {
@@ -37,9 +37,9 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 		return null;
 	}
 	return !n || typeof n != "object" || !n.metricId || n.metricId !== e ? null : n;
-}, we = (e) => {
-	Ce(be, JSON.stringify(e));
-}, A = () => !!Se(O, xe), Te = (e) => {
+}, Te = (e) => {
+	we(xe, JSON.stringify(e));
+}, A = () => !!Ce(O, Se), Ee = (e) => {
 	let t = 10;
 	if (!e?.current) return "";
 	let n = e.current.clientHeight, r = e.current.querySelector("[data-testid=\"table-header-row\"]"), i = r ? r.offsetHeight : 0, a = e.current.querySelector("[data-testid^=\"table-row-\"]"), o = a ? a.offsetHeight : 41, s = n - i;
@@ -150,8 +150,8 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 			disabled: r
 		})]
 	});
-}), Ee = ({ column: e, table: t, onChangePaginationColumnFilters: n, tableColumnFilters: r = [], dropdownFilterVariant: i }) => {
-	let a = b.useMemo(() => t?.getPreFilteredRowModel()?.flatRows?.[0]?.getValue(e.id), [t?.getPreFilteredRowModel()?.flatRows?.[0]?.getValue(e.id)]), o = Array.from(new Set(t?.getPreFilteredRowModel()?.flatRows?.map((t) => t?.getValue(e.id)))), c = b.useMemo(() => e?.getFilterValue(), [e?.getFilterValue()]);
+}), De = ({ column: e, table: t, onChangePaginationColumnFilters: n, tableColumnFilters: r = [], dropdownFilterVariant: i }) => {
+	let o = b.useMemo(() => t?.getPreFilteredRowModel()?.flatRows?.[0]?.getValue(e.id), [t?.getPreFilteredRowModel()?.flatRows?.[0]?.getValue(e.id)]), s = Array.from(new Set(t?.getPreFilteredRowModel()?.flatRows?.map((t) => t?.getValue(e.id)))), c = b.useMemo(() => e?.getFilterValue(), [e?.getFilterValue()]);
 	return x(() => {
 		c && t.setPagination((e) => ({
 			...e,
@@ -164,8 +164,8 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 		r,
 		c,
 		e?.id
-	]), i ? /* @__PURE__ */ T(s, {
-		options: o?.map((e) => ({
+	]), i ? /* @__PURE__ */ T(a, {
+		options: s?.map((e) => ({
 			value: e,
 			label: e
 		})) || [],
@@ -179,7 +179,7 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 		menuWidth: "100%",
 		isClearEnabled: !0,
 		isSelectAllEnabled: !0
-	}) : typeof a == "number" ? /* @__PURE__ */ E("div", {
+	}) : typeof o == "number" ? /* @__PURE__ */ E("div", {
 		className: "dbn:w-full dbn:flex dbn:gap-2 dbn:items-center",
 		children: [/* @__PURE__ */ T(M, {
 			type: "number",
@@ -220,7 +220,7 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 		placeholder: "Search",
 		className: "w-36 border shadow rounded"
 	});
-}, De = ({ data: e }) => {
+}, Oe = ({ data: e }) => {
 	let t = S(() => [{
 		name: "Column",
 		columnKey: "column",
@@ -244,7 +244,7 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 				className: `${j["headers-primary"]} dbn:z-50`,
 				children: /* @__PURE__ */ T("tr", { children: t?.map((e) => /* @__PURE__ */ T("th", {
 					className: j.headerCol,
-					children: /* @__PURE__ */ T(l, {
+					children: /* @__PURE__ */ T(c, {
 						variant: "sec-heading-6",
 						color: "gray",
 						children: e.name
@@ -270,45 +270,45 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 			})]
 		})
 	});
-}, Oe = {
+}, ke = {
 	cardControl: "_cardControl_74e66_22",
 	hoverHint: "_hoverHint_74e66_43"
-}, ke = /* @__PURE__ */ e({
-	Table: () => Fe,
-	getVisibleTableRows: () => Ne
-}), Ae = y(), je = (e, t, n, r) => {
-	let i = ue(e.getValue(t), n);
+}, Ae = /* @__PURE__ */ e({
+	Table: () => Ie,
+	getVisibleTableRows: () => Pe
+}), je = y(), Me = (e, t, n, r) => {
+	let i = de(e.getValue(t), n);
 	return r({ itemRank: i }), i.passed;
-}, Me = (e, t, n) => {
+}, Ne = (e, t, n) => {
 	let r = e.getValue(t);
 	return String(r)?.toLowerCase().includes(String(n)?.toLowerCase());
-}, Ne = ({ infiniteScrollRecordCount: e, isExternalChart: t, isInfiniteScroll: n, isServerSidePagination: r, onLoadMore: i, pageIndex: a, pageSize: o, rows: s }) => {
+}, Pe = ({ infiniteScrollRecordCount: e, isExternalChart: t, isInfiniteScroll: n, isServerSidePagination: r, onLoadMore: i, pageIndex: a, pageSize: o, rows: s }) => {
 	if (t) return s;
 	let c = n && !r ? 0 : o * a, l = n && !r ? i ? void 0 : e : o * (1 + a);
 	return s.slice(c, l);
-}, Pe = (e) => e?.textWrap?.isEnable ? 48 : e?.lineGap === "small" ? 36 : e?.lineGap === "large" ? 44 : 40, Fe = ({ data: e, allTableRows: ue, isLoading: y, error: b, tableSettings: D, chartFieldFormats: be, tableName: O, className: xe = "", onColumnSizingChange: Se, onChartReady: Ce, onChangePage: k, isExternalChart: A, isFullScreenChart: ke, isEnableNextBtn: Fe, isEnablePrevBtn: Ie, dateColumns: Le, paginationInfo: N = {
+}, Fe = (e) => e?.textWrap?.isEnable ? 48 : e?.lineGap === "small" ? 36 : e?.lineGap === "large" ? 44 : 40, Ie = ({ data: e, allTableRows: de, isLoading: y, error: b, tableSettings: D, chartFieldFormats: xe, tableName: O, className: Se = "", onColumnSizingChange: Ce, onChartReady: we, onChangePage: k, isExternalChart: A, isFullScreenChart: Ae, isEnableNextBtn: Ie, isEnablePrevBtn: Le, dateColumns: Re, paginationInfo: N = {
 	limit: 100,
 	offset: 0,
 	totalRecords: 10
-}, setChartSettings: Re, externalGlobalFilter: P, setExternalGlobalFilter: ze, isInfiniteScroll: Be, onLoadMore: Ve, hasMoreData: He, isShowFullScreen: Ue, isShowFullScreenEnabled: We = !1, metricId: Ge, onMaximize: Ke, headerAlignment: qe = "center", events: Je, dropdownZindex: Ye, comboFormatter: Xe, language: Ze, translationDictionary: Qe, isMetricCard: $e, isDisableChartActions: et, isDownloading: tt, setDownloading: nt, onDownloadData: rt, isDownloadingWithFilters: it, setDownloadingWithFilters: at, isQueryResultContainer: ot, tableColumnFilters: st, onChangePaginationColumnFilters: ct, yAxisList: lt, isUnderlyingDataTable: ut, isExploreData: dt }) => {
-	let ft = { chartFieldFormats: be }, F = (e) => !!(m(ft, e) ?? be?.["*"]), pt = (e, t) => {
-		let n = p(e, t, ft);
+}, setChartSettings: ze, externalGlobalFilter: P, setExternalGlobalFilter: Be, isInfiniteScroll: Ve, onLoadMore: He, hasMoreData: Ue, isShowFullScreen: We, isShowFullScreenEnabled: Ge = !1, metricId: Ke, onMaximize: qe, headerAlignment: Je = "center", events: Ye, dropdownZindex: Xe, comboFormatter: Ze, language: Qe, translationDictionary: $e, isMetricCard: et, isDisableChartActions: tt, isDownloading: nt, setDownloading: rt, onDownloadData: it, isDownloadingWithFilters: at, setDownloadingWithFilters: ot, isQueryResultContainer: st, tableColumnFilters: ct, onChangePaginationColumnFilters: lt, yAxisList: ut, isUnderlyingDataTable: dt, isExploreData: ft }) => {
+	let pt = { chartFieldFormats: xe }, F = (e) => !!(m(pt, e) ?? xe?.["*"]), mt = (e, t) => {
+		let n = p(e, t, pt);
 		return typeof n == "object" && n ? JSON.stringify(n) : n;
-	}, [I, mt] = C([]), [L, ht] = C([]), [gt, _t] = C(""), [vt, yt] = C({
+	}, [I, ht] = C([]), [L, gt] = C([]), [_t, vt] = C(""), [yt, bt] = C({
 		isShow: !1,
 		data: []
-	}), [bt, xt] = C(null), [St, Ct] = C([]), [wt, Tt] = C(","), [Et, Dt] = C(","), Ot = (e) => {
+	}), [xt, St] = C(null), [Ct, wt] = C([]), [Tt, Et] = C(","), [Dt, Ot] = C(","), kt = (e) => {
 		let t = {};
 		return Object.keys(e).sort().forEach((n) => {
 			t[n] = e[n];
 		}), t;
-	}, R = S(() => D?.isSortAlphabetically ? e?.map((e) => Ot(e)) : e, [e, D?.isSortAlphabetically]);
+	}, R = S(() => D?.isSortAlphabetically ? e?.map((e) => kt(e)) : e, [e, D?.isSortAlphabetically]);
 	x(() => {
-		D?.badgeSeparator ? Tt(D.badgeSeparator) : Tt(",");
+		D?.badgeSeparator ? Et(D.badgeSeparator) : Et(",");
 	}, [D?.badgeSeparator]), x(() => {
-		D?.listSeparator ? Dt(D.listSeparator) : Dt(",");
+		D?.listSeparator ? Ot(D.listSeparator) : Ot(",");
 	}, [D?.listSeparator]);
-	let { badgeDivStyle: kt, listDivStyle: At, headerStyle: jt } = S(() => {
+	let { badgeDivStyle: At, listDivStyle: jt, headerStyle: Mt } = S(() => {
 		let e = "2.5rem";
 		return D?.textWrap?.isEnable ? e = "auto" : D?.lineGap === "small" ? e = "36px" : D?.lineGap === "medium" ? e = "40px" : D?.lineGap === "large" && (e = "44px"), {
 			badgeDivStyle: {
@@ -337,7 +337,7 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 				fontSize: D?.headerFontSize ? `${D?.headerFontSize}px` : "0.75rem",
 				fontSizeValue: "0.75rem",
 				height: "auto",
-				textAlign: D?.headerAlignment || qe,
+				textAlign: D?.headerAlignment || Je,
 				fontWeight: D?.headerFontBold ? "700" : "500"
 			}
 		};
@@ -346,35 +346,35 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 		D?.contentAlignment,
 		D?.headerFontBold,
 		D?.headerFontSize,
-		qe,
+		Je,
 		D?.headerAlignment,
 		D?.textWrap?.isEnable
-	]), Mt = (e, t, n) => {
+	]), Nt = (e, t, n) => {
 		if (t && n && Object.keys(t).includes(e) && Object.keys(n).includes(e)) return {
 			backgroundColor: t[e],
 			color: n[e]
 		};
 		if (t && Object.keys(t).includes(e)) return { backgroundColor: t[e] };
 		if (n && Object.keys(n).includes(e)) return { color: n[e] };
-	}, [Nt, Pt] = C([]), [Ft, It] = C([]), [Lt, Rt] = C({}), [z, zt] = C({
-		label: D?.defaultRowSize || c.tableSettings?.defaultRowSize || "10",
-		value: D?.defaultRowSize || c.tableSettings?.defaultRowSize || "10"
-	}), [Bt, Vt] = C(50), [Ht, Ut] = C(D?.columnSizing), [B, Wt] = C([]), [V, Gt] = C({
+	}, [Pt, Ft] = C([]), [It, Lt] = C([]), [Rt, zt] = C({}), [z, Bt] = C({
+		label: D?.defaultRowSize || s.tableSettings?.defaultRowSize || "10",
+		value: D?.defaultRowSize || s.tableSettings?.defaultRowSize || "10"
+	}), [Vt, Ht] = C(50), [Ut, Wt] = C(D?.columnSizing), [B, Gt] = C([]), [V, Kt] = C({
 		pageIndex: 0,
 		pageSize: 10
-	}), [Kt, qt] = C(!1);
+	}), [qt, Jt] = C(!1);
 	x(() => {
-		Se?.(Ht);
-	}, [Ht]);
-	let H = ye(null);
+		Ce?.(Ut);
+	}, [Ut]);
+	let H = be(null);
 	x(() => {
 		if (!D?.isAutoPagination || H.current === null) return;
 		let e = () => {
-			let e = Te(H);
-			e && (zt((t) => t?.value === e ? t : {
+			let e = Ee(H);
+			e && (Bt((t) => t?.value === e ? t : {
 				label: "custom",
 				value: e
-			}), Re?.((t) => t?.tableSettings?.defaultRowSize === e ? t : {
+			}), ze?.((t) => t?.tableSettings?.defaultRowSize === e ? t : {
 				...t,
 				tableSettings: {
 					...t.tableSettings,
@@ -387,36 +387,36 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 		return t.observe(H.current), () => t.disconnect();
 	}, [D?.isAutoPagination, H.current]), x(() => {
 		if (!D?.defaultRowSize || D?.isAutoPagination) return;
-		let e = o.find((e) => e.value === D.defaultRowSize);
-		if (e) Number(e.value) > 1e3 ? zt(o.at(-1)) : zt(e);
+		let e = f.find((e) => e.value === D.defaultRowSize);
+		if (e) Number(e.value) > 1e3 ? Bt(f.at(-1)) : Bt(e);
 		else {
-			let e = o.find((e) => e.value === c.tableSettings?.defaultRowSize);
-			zt(e);
+			let e = f.find((e) => e.value === s.tableSettings?.defaultRowSize);
+			Bt(e);
 		}
 	}, [D?.defaultRowSize, D?.isAutoPagination]);
-	let [Jt, Yt] = C(!1), Xt = S(() => !e || !R || !Array.isArray(e) || !Array.isArray(R) ? [] : D?.isEnableTranspose ? f(R, D?.isEnableTranspose) : R, [
+	let [Yt, Xt] = C(!1), Zt = S(() => !e || !R || !Array.isArray(e) || !Array.isArray(R) ? [] : D?.isEnableTranspose ? ie(R, D?.isEnableTranspose) : R, [
 		e,
 		R,
 		D?.isEnableTranspose
-	]), U = S(() => e?.length ? !Ze || !Qe ? Xt : Xt?.map((e) => {
+	]), U = S(() => e?.length ? !Qe || !$e ? Zt : Zt?.map((e) => {
 		let n = {};
 		for (let r in e) {
 			let i = t({
 				text: r,
-				selectedLanguage: Ze,
-				translationDictionary: Qe
+				selectedLanguage: Qe,
+				translationDictionary: $e
 			});
 			n[i] = t({
 				text: e[r],
-				selectedLanguage: Ze,
-				translationDictionary: Qe
+				selectedLanguage: Qe,
+				translationDictionary: $e
 			});
 		}
 		return n;
 	}) : [], [
-		Xt,
-		Ze,
+		Zt,
 		Qe,
+		$e,
 		e?.length
 	]), W = S(() => P?.[0] || B?.[0] ? U?.filter((e) => {
 		let t = P?.[0] || (typeof B?.[0] == "string" ? B?.[0] : B?.[0]?.value);
@@ -428,13 +428,13 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 	]), G = S(() => {
 		if (!e?.length) return [];
 		let t = Object.keys(U?.[0] || {}), n = D?.outputColumnOrder ?? [], r = [...new Set(n)], i = new Set(r), a = r.length ? [...r, ...t.filter((e) => !i.has(e))] : t;
-		return D?.isEnableColumnFilter && !U?.length && (a = lt || []), D?.showColumnFilter && (a = dt && I?.some(re) ? Object.keys(U?.[0] || {}).filter((e) => !I?.includes(e)) : I), D?.isEnableViewDetails && (a = [...a, "View Details"]), D?.hiddenColumns?.length && (a = a?.filter((e) => !D?.hiddenColumns?.includes(e))), a?.map((e) => Ae.accessor(e, {
+		return D?.isEnableColumnFilter && !U?.length && (a = ut || []), D?.showColumnFilter && (a = ft && I?.some(te) ? Object.keys(U?.[0] || {}).filter((e) => !I?.includes(e)) : I), D?.isEnableViewDetails && (a = [...a, "View Details"]), D?.hiddenColumns?.length && (a = a?.filter((e) => !D?.hiddenColumns?.includes(e))), a?.map((e) => je.accessor(e, {
 			header: () => e,
 			cell: (t) => {
 				let n = t.row.original[e];
 				return n == null ? "" : typeof n == "object" ? JSON.stringify(n) : typeof n == "boolean" ? n ? "true" : "false" : n;
 			},
-			sortingFn: ee(W.map((t) => t?.[e])),
+			sortingFn: l(W.map((t) => t?.[e])),
 			enableResizing: !0,
 			enableColumnFilter: !0,
 			filterFn: D?.isEnableDropdownFilter && D?.dropdownFilterCols?.includes(e) ? "arrIncludesSome" : "auto"
@@ -453,66 +453,66 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 		W
 	]);
 	x(() => {
-		e?.length ? ht(G) : ht([]);
+		e?.length ? gt(G) : gt([]);
 	}, [G, e?.length]);
-	let Zt = S(() => !e?.length && !W?.length ? [] : L?.length === Object.keys(e?.[0])?.length ? L : G, [
+	let Qt = S(() => !e?.length && !W?.length ? [] : L?.length === Object.keys(e?.[0])?.length ? L : G, [
 		e?.length,
 		W?.length,
 		L,
 		G
-	]), K = me({
+	]), K = he({
 		data: W,
-		columns: dt ? Zt : L,
+		columns: ft ? Qt : L,
 		state: {
-			sorting: Nt,
+			sorting: Pt,
 			pagination: V,
-			...Ht ? { columnSizing: Ht } : {}
+			...Ut ? { columnSizing: Ut } : {}
 		},
-		sortingFns: { manualSorting: ie },
-		filterFns: { fuzzy: je },
-		onRowSelectionChange: Rt,
-		onSortingChange: Pt,
-		globalFilterFn: Me,
-		getCoreRowModel: de(),
-		getFilteredRowModel: pe(),
-		getSortedRowModel: he(),
-		onGlobalFilterChange: ze || Wt,
-		onPaginationChange: Gt,
+		sortingFns: { manualSorting: re },
+		filterFns: { fuzzy: Me },
+		onRowSelectionChange: zt,
+		onSortingChange: Ft,
+		globalFilterFn: Ne,
+		getCoreRowModel: fe(),
+		getFilteredRowModel: me(),
+		getSortedRowModel: ge(),
+		onGlobalFilterChange: Be || Gt,
+		onPaginationChange: Kt,
 		manualPagination: !0,
 		debugTable: !1,
 		enableColumnResizing: !0,
 		columnResizeMode: "onChange",
-		onColumnSizingChange: Ut
-	}), Qt = K.getSortedRowModel().rows, $t = S(() => Ne({
-		infiniteScrollRecordCount: Bt,
+		onColumnSizingChange: Wt
+	}), $t = K.getSortedRowModel().rows, en = S(() => Pe({
+		infiniteScrollRecordCount: Vt,
 		isExternalChart: A,
-		isInfiniteScroll: Be,
+		isInfiniteScroll: Ve,
 		isServerSidePagination: D?.isServerSidePagination,
-		onLoadMore: Ve,
+		onLoadMore: He,
 		pageIndex: V.pageIndex,
 		pageSize: V.pageSize,
-		rows: Qt
+		rows: $t
 	}), [
-		Bt,
+		Vt,
 		A,
-		Be,
-		D?.isServerSidePagination,
 		Ve,
+		D?.isServerSidePagination,
+		He,
 		V.pageIndex,
 		V.pageSize,
-		Qt
-	]), en = v({
-		count: $t.length,
+		$t
+	]), tn = v({
+		count: en.length,
 		getScrollElement: () => H.current?.querySelector(".simplebar-content-wrapper") ?? null,
-		estimateSize: () => Pe(D),
+		estimateSize: () => Fe(D),
 		overscan: 12
-	}), q = en.getVirtualItems(), tn = q.length ? q[0].start : 0, nn = q.length ? en.getTotalSize() - q[q.length - 1].end : 0, rn = K.getVisibleLeafColumns().length || 1;
+	}), q = tn.getVirtualItems(), nn = q.length ? q[0].start : 0, rn = q.length ? tn.getTotalSize() - q[q.length - 1].end : 0, an = K.getVisibleLeafColumns().length || 1;
 	x(() => {
 		let e = y && !b?.length;
-		Yt(e);
+		Xt(e);
 	}, [y, b?.length]);
-	let an = () => {
-		nt?.(!0);
+	let on = () => {
+		rt?.(!0);
 		let e = L?.map((e) => typeof e?.header == "function" ? e?.header() : e?.header), t = K?.getFilteredRowModel()?.rows?.map((t) => {
 			let n = {};
 			return e?.forEach((e) => {
@@ -520,27 +520,27 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 				r == null && F(e) ? n[e] = r : typeof r == "object" ? n[e] = JSON.stringify(r) : typeof r == "boolean" ? n[e] = r ? "true" : "false" : n[e] = r ?? "";
 			}), n;
 		}) || [], n = se(t, {
-			chartFieldFormats: be,
+			chartFieldFormats: xe,
 			columns: e,
 			includeRowNumbers: !1,
 			uppercaseHeaders: !1,
 			quoteAllValues: !0
 		}), r = new Blob(["", n], { type: "text/csv;charset=utf-8;" }), i = document.createElement("a"), a = URL.createObjectURL(r);
-		i.setAttribute("href", a), i.setAttribute("download", `${O || "export"}.csv`), i.style.visibility = "hidden", document.body.appendChild(i), i.click(), document.body.removeChild(i), nt?.(!1), at?.(!1);
+		i.setAttribute("href", a), i.setAttribute("download", `${O || "export"}.csv`), i.style.visibility = "hidden", document.body.appendChild(i), i.click(), document.body.removeChild(i), rt?.(!1), ot?.(!1);
 	};
 	x(() => {
-		it && an();
-	}, [it]);
-	let on = (e) => {
+		at && on();
+	}, [at]);
+	let sn = (e) => {
 		let t = Number(e.currentTarget.dataset.columnIndex);
-		xt(t);
-	}, [sn, cn] = C({
+		St(t);
+	}, [cn, ln] = C({
 		isOpen: !1,
 		column: ""
-	}), ln = (e) => {
+	}), un = (e) => {
 		e.preventDefault();
-		let t = Number(e.currentTarget.dataset.columnIndex), n = [...L], [r] = n.splice(bt, 1);
-		n.splice(t, 0, r), ht(n), xt(null);
+		let t = Number(e.currentTarget.dataset.columnIndex), n = [...L], [r] = n.splice(xt, 1);
+		n.splice(t, 0, r), gt(n), St(null);
 	};
 	x(() => {
 		let e = K.getState()?.sorting?.length > 0;
@@ -552,11 +552,11 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 	]), x(() => {
 		K.setPageSize(Number(z.value));
 	}, [z, K]);
-	let { pageIndex: J, pageSize: un } = K.getState().pagination, Y = S(() => {
+	let { pageIndex: J, pageSize: dn } = K.getState().pagination, Y = S(() => {
 		let t = B || P ? K.getRowModel().rows.length : e?.length || 0;
 		return {
-			from: t === 0 ? 0 : un * J + 1,
-			to: t <= un * (J + 1) ? t : un * (J + 1),
+			from: t === 0 ? 0 : dn * J + 1,
+			to: t <= dn * (J + 1) ? t : dn * (J + 1),
 			total: t
 		};
 	}, [
@@ -565,40 +565,40 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 		P,
 		e?.length,
 		J,
-		un
+		dn
 	]), { pageCount: X, currentPage: Z } = S(() => N && A ? {
 		pageCount: Math.ceil(N.totalRecords / N.limit),
 		currentPage: Math.floor(N.offset / N.limit)
 	} : {
 		pageCount: 1,
 		currentPage: 0
-	}, [A, N]), dn;
+	}, [A, N]), fn;
 	if (A) {
 		let e = g(N.totalRecords, !0)?.toString()?.split(".");
-		dn = e?.length > 1 && [...e[1]].some((e) => parseInt(e, 10) > 0) ? g(N.totalRecords, !0) : g(N.totalRecords, !1);
+		fn = e?.length > 1 && [...e[1]].some((e) => parseInt(e, 10) > 0) ? g(N.totalRecords, !0) : g(N.totalRecords, !1);
 	}
 	x(() => {
-		K.getIsSomeColumnsVisible() && Ce?.();
+		K.getIsSomeColumnsVisible() && we?.();
 	}, [K.getIsSomeColumnsVisible()]);
-	let Q = (e, t) => t?.includes(e) ? j.badge : "", fn = (e, t) => t?.includes(e) ? j.list : "";
+	let Q = (e, t) => t?.includes(e) ? j.badge : "", pn = (e, t) => t?.includes(e) ? j.list : "";
 	x(() => {
 		D?.isEnableColumnFilter || K.resetColumnFilters();
 	}, [K, D?.isEnableColumnFilter]), x(() => {
-		K.getState().columnFilters?.length && (Wt(K.getState().columnFilters), ze?.(K.getState().columnFilters));
+		K.getState().columnFilters?.length && (Gt(K.getState().columnFilters), Be?.(K.getState().columnFilters));
 	}, [K]);
-	let pn = ye(O);
+	let mn = be(O);
 	x(() => {
-		U?.length && ((pn.current !== O || !I.length) && mt(Object.keys(U[0] || {})), pn.current = O);
+		U?.length && ((mn.current !== O || !I.length) && ht(Object.keys(U[0] || {})), mn.current = O);
 	}, [U?.[0], O]);
-	let [mn, hn] = C(1);
+	let [hn, gn] = C(1);
 	x(() => {
-		hn(A ? Z + 1 : J + 1);
+		gn(A ? Z + 1 : J + 1);
 	}, [Z, J]);
-	let $ = window.CSS && CSS.supports("width", "clamp(1px, 1px, 1px)"), gn = D?.hideTableHeader ? 0 : K.getHeaderGroups()?.length || 0, _n = D?.aggregateRow?.isEnable && D?.aggregateRow?.columns?.length ? 1 : 0, vn = ve({
-		headerRowCount: gn,
-		footerRowCount: _n,
+	let $ = window.CSS && CSS.supports("width", "clamp(1px, 1px, 1px)"), _n = D?.hideTableHeader ? 0 : K.getHeaderGroups()?.length || 0, vn = D?.aggregateRow?.isEnable && D?.aggregateRow?.columns?.length ? 1 : 0, yn = ye({
+		headerRowCount: _n,
+		footerRowCount: vn,
 		isExternalChart: A,
-		isInfiniteScroll: Be,
+		isInfiniteScroll: Ve,
 		isServerSidePagination: D?.isServerSidePagination,
 		pageIndex: V.pageIndex,
 		pageSize: V.pageSize,
@@ -607,21 +607,21 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 		totalDataRows: Y.total
 	});
 	return /* @__PURE__ */ E("div", {
-		className: `${j.container} ${xe}`,
+		className: `${j.container} ${Se}`,
 		children: [/* @__PURE__ */ E("div", {
 			className: j.previewTable,
 			children: [
-				D?.enableTableSearch && D?.searchPosition === "left" && !ze ? /* @__PURE__ */ T("div", {
+				D?.enableTableSearch && D?.searchPosition === "left" && !Be ? /* @__PURE__ */ T("div", {
 					className: "dbn:w-full dbn:flex dbn:items-center dbn:justify-start",
 					style: { order: 0 },
 					children: /* @__PURE__ */ T(M, {
 						value: typeof B?.[0] == "string" ? B?.[0] : "",
-						onChange: (e) => Wt(() => [String(e)]),
+						onChange: (e) => Gt(() => [String(e)]),
 						placeholder: "Search",
 						style: { maxWidth: "249px" }
 					})
 				}) : null,
-				D?.enableTableSearch && !ze && D?.searchPosition !== "left" || D?.showTableTitle && D.tableTitle ? /* @__PURE__ */ E("div", {
+				D?.enableTableSearch && !Be && D?.searchPosition !== "left" || D?.showTableTitle && D.tableTitle ? /* @__PURE__ */ E("div", {
 					className: D.showTableTitle ? j.preview : j.searchButton,
 					style: { order: 1 },
 					children: [D.showTableTitle && /* @__PURE__ */ E("div", {
@@ -634,7 +634,7 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 					}), /* @__PURE__ */ E("div", {
 						className: `${D.showColumnFilter ? "" : "dbn:w-[30%]"} dbn:flex dbn:items-center dbn:gap-2`,
 						children: [
-							D.showColumnFilter && /* @__PURE__ */ T(s, {
+							D.showColumnFilter && /* @__PURE__ */ T(a, {
 								options: Object.keys(U?.[0] || {})?.map((e) => ({
 									label: e,
 									value: e
@@ -644,7 +644,7 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 									label: e
 								})) || [],
 								onChange: (e) => {
-									mt(e?.map((e) => e.value));
+									ht(e?.map((e) => e.value));
 								},
 								isSelectAllEnabled: !0,
 								isSelectAllOn: !0,
@@ -654,13 +654,13 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 								buttonWidth: "250px",
 								menuWidth: "250px"
 							}),
-							D.showDownloadBtn && /* @__PURE__ */ T(n, {
+							D.showDownloadBtn && /* @__PURE__ */ T(o, {
 								variant: "popover",
 								onClick: () => {
-									rt?.(L?.map((e) => typeof e.header == "function" ? e.header() : e.header));
+									it?.(L?.map((e) => typeof e.header == "function" ? e.header() : e.header));
 								},
-								isDisabled: tt,
-								leftIcon: tt ? /* @__PURE__ */ T("div", {
+								isDisabled: nt,
+								leftIcon: nt ? /* @__PURE__ */ T("div", {
 									className: "dbn:animate-spin",
 									children: /* @__PURE__ */ T(u, {
 										name: "table-downloading",
@@ -673,9 +673,9 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 								}),
 								className: "dbn:p-2.5 dbn:border dbn:border-secondary dbn:rounded-md"
 							}),
-							D.enableTableSearch && D?.searchPosition !== "left" && !ze && /* @__PURE__ */ T(M, {
+							D.enableTableSearch && D?.searchPosition !== "left" && !Be && /* @__PURE__ */ T(M, {
 								value: typeof B?.[0] == "string" ? B?.[0] : "",
-								onChange: (e) => Wt(() => [String(e)]),
+								onChange: (e) => Gt(() => [String(e)]),
 								placeholder: "Search"
 							})
 						]
@@ -683,33 +683,33 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 				}) : null,
 				/* @__PURE__ */ E("div", {
 					className: `${j.tableData} ${D?.hideBorder ? j.noBorder : ""}`,
-					"data-dbn-underlying-data-surface": ut || void 0,
+					"data-dbn-underlying-data-surface": dt || void 0,
 					ref: H,
 					style: { order: D?.paginationPosition === "top" ? 3 : 2 },
 					children: [
-						y && !e?.length || Jt ? /* @__PURE__ */ T(te, {
+						y && !e?.length || Yt ? /* @__PURE__ */ T(ee, {
 							variant: "table",
 							tableRows: 6
 						}) : null,
-						(!!R?.length || D?.isEnableColumnFilter) && !y && !Jt && /* @__PURE__ */ E(ge, {
+						(!!R?.length || D?.isEnableColumnFilter) && !y && !Yt && /* @__PURE__ */ E(_e, {
 							style: { height: "100%" },
 							className: !R?.length || !W?.length ? j.emptyFilterData : "",
 							children: [
-								!(!dt && !W?.length && e?.length && (P?.[0] || B?.[0])) && /* @__PURE__ */ E("table", {
+								!(!ft && !W?.length && e?.length && (P?.[0] || B?.[0])) && /* @__PURE__ */ E("table", {
 									className: j.table,
-									"aria-rowcount": vn.totalRows > 0 ? vn.ariaRowCount : -1,
+									"aria-rowcount": yn.totalRows > 0 ? yn.ariaRowCount : -1,
 									children: [
 										D?.hideTableHeader ? null : /* @__PURE__ */ T("thead", { children: K.getHeaderGroups()?.map((e, t) => /* @__PURE__ */ T("tr", {
 											className: j.row,
 											"data-testid": "table-header-row",
 											"aria-rowindex": t + 1,
 											children: e.headers?.map((e, t) => {
-												let r = D?.customHeaderColor?.color || "", i = D?.customHeaderColor?.isEnabled ? r.startsWith("var(") ? "var(--surface-hover, var(--dbn-color-snow))" : ce(r) : "", a = "", o = D?.customHeaderColor?.textColor || "";
-												return gt !== e?.id && D?.customHeaderColor?.isEnabled && (o = D?.customHeaderColor?.textColor || "", a = D?.customHeaderColor?.color || ""), gt === e?.id && D?.customHeaderColor?.isEnabled && (a = D?.customHeaderColor?.textColor || "", o = D?.customHeaderColor?.color || ""), /* @__PURE__ */ E("th", {
+												let n = D?.customHeaderColor?.color || "", r = D?.customHeaderColor?.isEnabled ? n.startsWith("var(") ? "var(--surface-hover, var(--dbn-color-snow))" : ce(n) : "", i = "", a = D?.customHeaderColor?.textColor || "";
+												return _t !== e?.id && D?.customHeaderColor?.isEnabled && (a = D?.customHeaderColor?.textColor || "", i = D?.customHeaderColor?.color || ""), _t === e?.id && D?.customHeaderColor?.isEnabled && (i = D?.customHeaderColor?.textColor || "", a = D?.customHeaderColor?.color || ""), /* @__PURE__ */ E("th", {
 													"data-testid": `${e.id}-header`,
-													className: `${j.tableHeadCol} ${D?.hideVerticalDivider ? "" : j.tableBorderRight} ${D?.hideHorizontalDivider ? "" : j.tableBorderBottom} hover:dbn-bg-[${i}]`,
+													className: `${j.tableHeadCol} ${D?.hideVerticalDivider ? "" : j.tableBorderRight} ${D?.hideHorizontalDivider ? "" : j.tableBorderBottom} hover:dbn-bg-[${r}]`,
 													onContextMenu: (t) => {
-														t.preventDefault(), D?.isSepAlign && !$e && !ke && cn({
+														t.preventDefault(), D?.isSepAlign && !et && !Ae && ln({
 															isOpen: !0,
 															column: e.id
 														});
@@ -717,17 +717,17 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 													colSpan: e.colSpan,
 													style: {
 														width: e.getSize(),
-														backgroundColor: a || "",
-														color: o || ""
+														backgroundColor: i || "",
+														color: a || ""
 													},
 													draggable: !e.column.getIsResizing(),
-													onMouseOver: () => _t(e.id),
-													onMouseOut: () => _t(""),
+													onMouseOver: () => vt(e.id),
+													onMouseOut: () => vt(""),
 													"data-column-index": t,
-													onDragStart: on,
+													onDragStart: sn,
 													onDragOver: (e) => e.preventDefault(),
-													onDrop: ln,
-													children: [/* @__PURE__ */ T(n, {
+													onDrop: un,
+													children: [/* @__PURE__ */ T(o, {
 														onMouseDown: e.getResizeHandler(),
 														variant: "popover",
 														onTouchStart: e.getResizeHandler(),
@@ -740,138 +740,138 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 														onClick: e.column.getToggleSortingHandler(),
 														children: [e.isPlaceholder ? null : /* @__PURE__ */ T("span", {
 															style: {
-																...jt,
-																color: o
+																...Mt,
+																color: a
 															},
 															className: D?.textWrap?.headerWrap ? j.wrapCellText : j.truncateText,
-															children: fe(e.column.columnDef.header, e.getContext())
+															children: pe(e.column.columnDef.header, e.getContext())
 														}), /* @__PURE__ */ E("div", {
 															className: `dbn-interactive-element ${j.sortIcon}`,
 															children: [{
 																asc: /* @__PURE__ */ T(u, {
 																	name: "caret-up-fill",
-																	customColor: o || ""
+																	customColor: a || ""
 																}),
 																desc: /* @__PURE__ */ T(u, {
 																	name: "caret-down-fill",
-																	customColor: o || ""
+																	customColor: a || ""
 																})
 															}[e.column.getIsSorted()] ?? /* @__PURE__ */ T(u, {
 																name: "caret-up-down",
-																customColor: o || ""
+																customColor: a || ""
 															}), e.column.getCanFilter() && D?.isEnableColumnFilter ? /* @__PURE__ */ T("span", {
 																onClick: (e) => e.stopPropagation(),
-																children: /* @__PURE__ */ T(n, {
+																children: /* @__PURE__ */ T(o, {
 																	variant: "popover",
 																	leftIcon: /* @__PURE__ */ T(u, {
 																		name: "funnel",
-																		customColor: o || ""
+																		customColor: a || ""
 																	}),
 																	onClick: () => {
-																		St?.includes(e.id) ? (Ct((t) => t.filter((t) => t !== e.id)), ct?.({
+																		Ct?.includes(e.id) ? (wt((t) => t.filter((t) => t !== e.id)), lt?.({
 																			columnAlias: e.id,
 																			value: "",
 																			isClear: !0
-																		})) : Ct((t) => [...t, e.id]);
+																		})) : wt((t) => [...t, e.id]);
 																	}
 																})
 															}) : null]
 														})]
-													}), e.column.getCanFilter() && D?.isEnableColumnFilter && (St?.includes(e.id) || D?.isServerSidePagination && st?.find((t) => t?.columnAlias === e?.id)) ? /* @__PURE__ */ T("div", {
+													}), e.column.getCanFilter() && D?.isEnableColumnFilter && (Ct?.includes(e.id) || D?.isServerSidePagination && ct?.find((t) => t?.columnAlias === e?.id)) ? /* @__PURE__ */ T("div", {
 														className: "dbn:w-full dbn:mt-2",
-														children: /* @__PURE__ */ T(Ee, {
+														children: /* @__PURE__ */ T(De, {
 															column: e.column,
 															table: K,
 															dropdownFilterVariant: !!(D?.isEnableDropdownFilter && D?.dropdownFilterCols?.includes(e.column.id)),
-															onChangePaginationColumnFilters: D?.isServerSidePagination ? ct : void 0,
-															tableColumnFilters: D?.isServerSidePagination ? st : void 0
+															onChangePaginationColumnFilters: D?.isServerSidePagination ? lt : void 0,
+															tableColumnFilters: D?.isServerSidePagination ? ct : void 0
 														})
 													}) : null] }) : /* @__PURE__ */ T(w, { children: e.isPlaceholder ? null : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ E("div", {
 														className: j.sortButton,
 														children: [/* @__PURE__ */ T("span", {
 															style: {
-																...jt,
-																color: o,
+																...Mt,
+																color: a,
 																fontSize: D?.headerFontSize ? `${D?.headerFontSize}px` : $ ? "clamp(0.4rem, 5cqw, 0.75rem)" : "0.75rem"
 															},
 															className: D?.textWrap?.headerWrap ? j.wrapCellText : j.truncateText,
-															children: fe(e.column.columnDef.header, e.getContext())
+															children: pe(e.column.columnDef.header, e.getContext())
 														}), e.column.getCanFilter() && D?.isEnableColumnFilter ? /* @__PURE__ */ T("span", {
 															onClick: (e) => e.stopPropagation(),
-															children: /* @__PURE__ */ T(n, {
+															children: /* @__PURE__ */ T(o, {
 																variant: "popover",
 																leftIcon: /* @__PURE__ */ T(u, {
 																	name: "funnel",
-																	customColor: o || ""
+																	customColor: a || ""
 																}),
 																onClick: () => {
-																	St?.includes(e.id) ? (Ct((t) => t.filter((t) => t !== e.id)), ct?.({
+																	Ct?.includes(e.id) ? (wt((t) => t.filter((t) => t !== e.id)), lt?.({
 																		columnAlias: e.id,
 																		value: "",
 																		isClear: !0
-																	})) : Ct((t) => [...t, e.id]);
+																	})) : wt((t) => [...t, e.id]);
 																}
 															})
 														}) : null]
-													}), e.column.getCanFilter() && D?.isEnableColumnFilter && (St?.includes(e.id) || D?.isServerSidePagination && st?.find((t) => t?.columnAlias === e?.id)) ? /* @__PURE__ */ T("div", {
+													}), e.column.getCanFilter() && D?.isEnableColumnFilter && (Ct?.includes(e.id) || D?.isServerSidePagination && ct?.find((t) => t?.columnAlias === e?.id)) ? /* @__PURE__ */ T("div", {
 														className: "dbn:w-full dbn:mt-2",
-														children: /* @__PURE__ */ T(Ee, {
+														children: /* @__PURE__ */ T(De, {
 															column: e.column,
 															table: K,
 															dropdownFilterVariant: !!(D?.isEnableDropdownFilter && D?.dropdownFilterCols?.includes(e.column.id)),
-															onChangePaginationColumnFilters: D?.isServerSidePagination ? ct : void 0,
-															tableColumnFilters: D?.isServerSidePagination ? st : void 0
+															onChangePaginationColumnFilters: D?.isServerSidePagination ? lt : void 0,
+															tableColumnFilters: D?.isServerSidePagination ? ct : void 0
 														})
 													}) : null] }) })]
 												}, e.id);
 											})
 										}, e.id)) }),
 										R?.length ? /* @__PURE__ */ T(w, { children: /* @__PURE__ */ E("tbody", { children: [
-											tn > 0 ? /* @__PURE__ */ T("tr", { children: /* @__PURE__ */ T("td", {
-												colSpan: rn,
+											nn > 0 ? /* @__PURE__ */ T("tr", { children: /* @__PURE__ */ T("td", {
+												colSpan: an,
 												style: {
-													height: `${tn}px`,
+													height: `${nn}px`,
 													padding: 0,
 													border: 0
 												}
 											}) }) : null,
 											q.map((e) => {
-												let t = $t[e.index];
+												let t = en[e.index];
 												if (!t) return null;
-												let r = e.index;
+												let n = e.index;
 												return /* @__PURE__ */ T("tr", {
-													ref: en.measureElement,
-													"data-index": r,
+													ref: tn.measureElement,
+													"data-index": n,
 													"data-testid": `table-row-${t.id}`,
-													"aria-rowindex": vn.firstRowIndex + r,
-													style: Je?.click ? { cursor: "pointer" } : void 0,
-													className: `${D?.showRowHover ? j.rowHover : ""} ${D?.enableStripedRows && Number(r) % 2 != 0 ? j.stripedRow : ""}`,
+													"aria-rowindex": yn.firstRowIndex + n,
+													style: Ye?.click ? { cursor: "pointer" } : void 0,
+													className: `${D?.showRowHover ? j.rowHover : ""} ${D?.enableStripedRows && Number(n) % 2 != 0 ? j.stripedRow : ""}`,
 													onClick: () => {
-														Je?.click({}, Object.keys(t.original ?? {})?.map((e) => ({
+														Ye?.click({}, Object.keys(t.original ?? {})?.map((e) => ({
 															columnName: e,
 															value: t.original?.[e]
 														})));
 													},
 													children: t.getVisibleCells()?.map((e, t) => {
-														let r = [], i = "", a = !!(D?.isEnableViewDetails && e.column?.id === "View Details");
-														Q(e.column.id, D?.badgeColumns) ? (i = typeof e.getValue() == "object" ? JSON.stringify(e.getValue()) : e.getValue(), r = i?.toString()?.includes(wt) ? i?.toString()?.split(wt) : [i]) : fn(e.column.id, D?.listColumns) && (i = typeof e.getValue() == "object" ? JSON.stringify(e.getValue()) : e.getValue(), r = i?.toString()?.includes(Et) ? i?.toString()?.split(D?.listSeparator || ",") : [i]);
-														let o = Ft?.find((t) => t.id === e.id)?.isShowMore, s = D?.tableNumberFormatter?.find((t) => t.columns?.includes(e.column.id)), c = D?.isEnableNumberFormatting && (!!s || D?.formattedColumns?.includes(e.column.id)), l = Xe?.length ? Xe?.find((t) => t?.measures?.includes(e.column.id)) : void 0, ee = l?.numberFormatter || s?.formatter || D?.tableFormatter, te = l?.prefix || s?.prefix || D?.tablePrefix || "", ne = l?.suffix || s?.suffix || D?.tableSuffix || "", re = D?.isEnableNumberFormatting && D?.isEnableTimezoneFormatting && Le?.includes(e.column.id), d = D?.textWrap?.isEnable && D?.textWrap?.columns?.includes(e?.column?.id), ie = () => {
-															if (!a && F(e.column.id)) return String(pt(e.getValue(), e.column.id) ?? "");
+														let n = [], r = "", i = !!(D?.isEnableViewDetails && e.column?.id === "View Details");
+														Q(e.column.id, D?.badgeColumns) ? (r = typeof e.getValue() == "object" ? JSON.stringify(e.getValue()) : e.getValue(), n = r?.toString()?.includes(Tt) ? r?.toString()?.split(Tt) : [r]) : pn(e.column.id, D?.listColumns) && (r = typeof e.getValue() == "object" ? JSON.stringify(e.getValue()) : e.getValue(), n = r?.toString()?.includes(Dt) ? r?.toString()?.split(D?.listSeparator || ",") : [r]);
+														let a = It?.find((t) => t.id === e.id)?.isShowMore, s = D?.tableNumberFormatter?.find((t) => t.columns?.includes(e.column.id)), c = D?.isEnableNumberFormatting && (!!s || D?.formattedColumns?.includes(e.column.id)), l = Ze?.length ? Ze?.find((t) => t?.measures?.includes(e.column.id)) : void 0, ee = l?.numberFormatter || s?.formatter || D?.tableFormatter, te = l?.prefix || s?.prefix || D?.tablePrefix || "", ne = l?.suffix || s?.suffix || D?.tableSuffix || "", re = D?.isEnableNumberFormatting && D?.isEnableTimezoneFormatting && Re?.includes(e.column.id), ie = D?.textWrap?.isEnable && D?.textWrap?.columns?.includes(e?.column?.id), d = () => {
+															if (!i && F(e.column.id)) return String(mt(e.getValue(), e.column.id) ?? "");
 															if (D?.replaceNullValuesWithEmpty && (e?.getValue() === "null" || e?.getValue() === null)) return "";
 															if (D?.replaceNullValues && (e?.getValue() === "null" || e?.getValue() === null)) return "-";
-															if (a) {
-																let t = e?.row?.index, r = W[t] || [], i = Object?.keys(r)?.map((e) => ({
+															if (i) {
+																let t = e?.row?.index, n = W[t] || [], r = Object?.keys(n)?.map((e) => ({
 																	column: e,
-																	value: r[e]
+																	value: n[e]
 																}));
-																return /* @__PURE__ */ T(n, {
+																return /* @__PURE__ */ T(o, {
 																	variant: "popover",
 																	size: "small",
 																	className: "dbn:text-link-text dbn:hover:underline",
 																	onClick: () => {
-																		yt({
+																		bt({
 																			isShow: !0,
-																			data: i
+																			data: r
 																		});
 																	},
 																	children: D?.customViewText || "View"
@@ -881,32 +881,32 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 																let t = e?.getValue(), n = Number(t);
 																return t == null || isNaN(n) ? `${t}` : `${te}${oe(n || 0, ee)}${ne}`;
 															}
-															return re ? ae(e?.getValue()?.toString() || "", D?.timeFormatter || "") : fe(e.column.columnDef.cell, e.getContext());
-														}, f = $e && !et && D?.chartAction ? (() => {
+															return re ? ae(e?.getValue()?.toString() || "", D?.timeFormatter || "") : pe(e.column.columnDef.cell, e.getContext());
+														}, f = et && !tt && D?.chartAction ? (() => {
 															if (D?.chartAction?.isEnableCustomRedirection) {
 																let t = D?.chartAction?.clickValues?.find((t) => t.text === e?.getValue()?.toString());
 																if (t) return t;
 															}
 															return D?.chartAction?.isEnableCustomColumnRedirection ? D?.chartAction?.clickColumns?.find((t) => t.colName === e?.column?.id) : null;
 														})() : null, p = f?.link, m = f && "text" in f, h = f && "colName" in f, se = f?.isOpenInNewTab, ce = j.truncateText;
-														d && (ce = D?.hideTableHeader && D?.isHideHorizontalScroll ? j.wrapCellText : j.wrapText);
-														let g = _e({
+														ie && (ce = D?.hideTableHeader && D?.isHideHorizontalScroll ? j.wrapCellText : j.wrapText);
+														let g = ve({
 															rules: D?.conditionalFormatting?.find(({ columnName: t }) => t === e?.column?.id)?.rules || [],
 															value: typeof e.getValue() == "object" ? JSON.stringify(e.getValue()) : e.getValue(),
 															formatter: ee
-														}), _ = g?.prefix || "", ue = g?.suffix || "", v = !Object.keys(g)?.length && D?.badgeColumns?.includes(e.column.id) ? Mt(e.column.id, D?.badgeColors, D?.badgeTextColors) : g, de = "", y = (v?.isApplyBadgeColor || !(v?.isApplyBgColor || !v?.badgeColor)) && !!Object.keys(g)?.length;
-														y ? de = v?.badgeColor : D?.badgeColumns?.includes(e.column.id) && (de = Mt(e.column.id, D?.badgeColors, D?.badgeTextColors)?.backgroundColor);
-														let pe = g;
+														}), _ = g?.prefix || "", de = g?.suffix || "", v = !Object.keys(g)?.length && D?.badgeColumns?.includes(e.column.id) ? Nt(e.column.id, D?.badgeColors, D?.badgeTextColors) : g, fe = "", y = (v?.isApplyBadgeColor || !(v?.isApplyBgColor || !v?.badgeColor)) && !!Object.keys(g)?.length;
+														y ? fe = v?.badgeColor : D?.badgeColumns?.includes(e.column.id) && (fe = Nt(e.column.id, D?.badgeColors, D?.badgeTextColors)?.backgroundColor);
+														let me = g;
 														if (g && "backgroundColor" in g && y) {
 															let { backgroundColor: e, ...t } = g;
-															pe = t;
+															me = t;
 														}
 														return /* @__PURE__ */ E("td", {
 															"data-testid": e.id,
-															className: `${j.tableRowCol} ${D?.hideVerticalDivider ? "" : j.tableBorderRight} ${D?.isRemovePadding ? "" : j.horizontalPadding} ${D?.hideHorizontalDivider ? "" : j.tableBorderBottom} ${bt === t ? j.columnDrag : ""}`,
+															className: `${j.tableRowCol} ${D?.hideVerticalDivider ? "" : j.tableBorderRight} ${D?.isRemovePadding ? "" : j.horizontalPadding} ${D?.hideHorizontalDivider ? "" : j.tableBorderBottom} ${xt === t ? j.columnDrag : ""}`,
 															title: typeof e.getValue() == "object" ? JSON.stringify(e.getValue()) : `${e.getValue()}`,
 															onContextMenu: (t) => {
-																typeof e.getValue() == "string" && Je?.contextmenu({ name: `${e.getValue()}` });
+																typeof e.getValue() == "string" && Ye?.contextmenu({ name: `${e.getValue()}` });
 															},
 															style: D?.hideTableHeader ? {
 																width: D?.isHideHorizontalScroll ? `${e.column.getSize() / K.getTotalSize() * 100}%` : $ && G?.length < 6 ? `clamp(
@@ -921,29 +921,29 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 																} : {}
 															} : {},
 															children: [
-																!!D && !ut && /* @__PURE__ */ T("div", {
+																!!D && !dt && /* @__PURE__ */ T("div", {
 																	style: Q(e.column.id, D.listColumns) ? {
-																		...At,
-																		...pe
+																		...jt,
+																		...me
 																	} : {
-																		...kt,
-																		...pe,
+																		...At,
+																		...me,
 																		...D?.isSepAlign && Object.keys(D?.colAlignments || []).includes(e.column.id) ? { justifyContent: D?.colAlignments?.[e.column.id] } : {}
 																	},
-																	children: i?.toString()?.includes(wt) || i?.toString()?.includes(Et) ? /* @__PURE__ */ E(w, { children: [(D.listColumns && !o ? r?.slice(0, 3) : r)?.map((t) => /* @__PURE__ */ T(w, { children: Q(e.column.id, D.badgeColumns) ? /* @__PURE__ */ E("span", {
+																	children: r?.toString()?.includes(Tt) || r?.toString()?.includes(Dt) ? /* @__PURE__ */ E(w, { children: [(D.listColumns && !a ? n?.slice(0, 3) : n)?.map((t) => /* @__PURE__ */ T(w, { children: Q(e.column.id, D.badgeColumns) ? /* @__PURE__ */ E("span", {
 																		className: `${ce} ${Q(e.column.id, D.badgeColumns)}`,
 																		style: {
 																			fontFamily: D?.contentFont,
 																			color: D?.contentColor || "var(--dbn-txt-primary, #252525)",
 																			...v,
 																			fontWeight: D?.contentWeight || 500,
-																			backgroundColor: de || "",
+																			backgroundColor: fe || "",
 																			fontSize: D?.contentFontSize ? `${D?.contentFontSize}px` : $ ? "clamp(0.4rem, 5cqw, 0.875rem)" : "0.875rem"
 																		},
 																		children: [
 																			_,
-																			F(e.column.id) ? String(pt(t, e.column.id) ?? "") : c ? `${te}${oe(Number(t) || 0, ee)}${ne}` : t,
-																			ue
+																			F(e.column.id) ? String(mt(t, e.column.id) ?? "") : c ? `${te}${oe(Number(t) || 0, ee)}${ne}` : t,
+																			de
 																		]
 																	}, t) : /* @__PURE__ */ E("div", {
 																		className: `${ce} ${j.listItemDiv}`,
@@ -960,14 +960,14 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 																			},
 																			children: [
 																				_,
-																				F(e.column.id) ? String(pt(t, e.column.id) ?? "") : t,
-																				ue
+																				F(e.column.id) ? String(mt(t, e.column.id) ?? "") : t,
+																				de
 																			]
 																		})]
-																	}, t) })), Q(e.column.id, D.listColumns) && r.length > 3 && !o ? /* @__PURE__ */ E(n, {
+																	}, t) })), Q(e.column.id, D.listColumns) && n.length > 3 && !a ? /* @__PURE__ */ E(o, {
 																		variant: "popover",
 																		className: `${j.truncateIcon} dbn:bg-gray`,
-																		onClick: () => It((n) => {
+																		onClick: () => Lt((n) => {
 																			let r = n.findIndex((t) => t.id === e.id);
 																			return r === -1 ? [...n, {
 																				id: e.id,
@@ -981,40 +981,40 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 																			name: "plus",
 																			size: "xxs",
 																			color: "secondary-dark"
-																		}), r.length - 3]
-																	}) : null] }) : ie() === "" ? /* @__PURE__ */ T(w, {}) : /* @__PURE__ */ E("span", {
+																		}), n.length - 3]
+																	}) : null] }) : d() === "" ? /* @__PURE__ */ T(w, {}) : /* @__PURE__ */ E("span", {
 																		"data-testid": "cell-content",
-																		className: `${ce} ${Q(e.column.id, D.badgeColumns) || y ? j.badge : ""} ${f && "text" in f && !m ? j.link : ""} ${j.customLink} ${d && D?.textWrap?.enableLineBreaks ? j.textLineBreak : ""}`,
+																		className: `${ce} ${Q(e.column.id, D.badgeColumns) || y ? j.badge : ""} ${f && "text" in f && !m ? j.link : ""} ${j.customLink} ${ie && D?.textWrap?.enableLineBreaks ? j.textLineBreak : ""}`,
 																		style: {
 																			fontFamily: D?.contentFont,
 																			color: D?.contentColor || "var(--dbn-txt-primary, #252525)",
 																			...v,
 																			fontWeight: D?.contentWeight || 500,
-																			backgroundColor: de || "",
+																			backgroundColor: fe || "",
 																			fontSize: D?.contentFontSize ? `${D?.contentFontSize}px` : $ ? "clamp(0.4rem, 5cqw, 0.875rem)" : "0.875rem"
 																		},
 																		children: [/* @__PURE__ */ E("span", {
-																			className: `${d ? "" : "dbn:truncate"} ${m || h ? "dbn:w-[90%]" : ""}`,
+																			className: `${ie ? "" : "dbn:truncate"} ${m || h ? "dbn:w-[90%]" : ""}`,
 																			children: [
 																				_,
-																				ie(),
-																				ue
+																				d(),
+																				de
 																			]
-																		}), m || h ? /* @__PURE__ */ T(n, {
+																		}), m || h ? /* @__PURE__ */ T(o, {
 																			variant: "popover",
 																			onClick: (t) => {
-																				Je?.click && f && (t.preventDefault(), t.stopPropagation(), h ? le({
+																				Ye?.click && f && (t.preventDefault(), t.stopPropagation(), h ? le({
 																					isEnable: !0,
 																					route: p ?? "",
 																					isOpenInNewTab: se
-																				}, e?.getValue()?.toString() ?? "") : se ? window.open(p, "_blank") : window.location.href = p || "");
+																				}, e?.getValue()?.toString() ?? "") : ue(p, se));
 																			},
 																			onContextMenu: (t) => {
-																				Je?.click && f && (t.preventDefault(), t.stopPropagation(), h ? le({
+																				Ye?.click && f && (t.preventDefault(), t.stopPropagation(), h ? le({
 																					isEnable: !0,
 																					route: p ?? "",
 																					isOpenInNewTab: se
-																				}, e?.getValue()?.toString() ?? "") : se ? window.open(p, "_blank") : window.location.href = p || "");
+																				}, e?.getValue()?.toString() ?? "") : ue(p, se));
 																			},
 																			containerClass: "dbn-interactive-element",
 																			className: m ? j.link : "",
@@ -1025,19 +1025,19 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 																		}) : null]
 																	})
 																}),
-																(!D || ut) && /* @__PURE__ */ T("div", {
+																(!D || dt) && /* @__PURE__ */ T("div", {
 																	style: {
 																		textAlign: "center",
 																		width: "100%",
-																		...ut ? {
+																		...dt ? {
 																			color: D?.contentColor || "var(--dbn-txt-primary, #252525)",
-																			height: kt?.height || "24px",
+																			height: At?.height || "24px",
 																			fontWeight: D?.contentWeight || 500,
 																			fontSize: D?.contentFontSize ? `${D?.contentFontSize}px` : $ ? "clamp(0.4rem, 5cqw, 0.875rem)" : "0.875rem"
 																		} : {}
 																	},
 																	className: j.truncateText,
-																	children: F(e.column.id) ? String(pt(e.getValue(), e.column.id) ?? "") : fe(e.column.columnDef.cell, e.getContext())
+																	children: F(e.column.id) ? String(mt(e.getValue(), e.column.id) ?? "") : pe(e.column.columnDef.cell, e.getContext())
 																}),
 																e.column.getCanResize() && D?.hideTableHeader ? /* @__PURE__ */ T("div", {
 																	className: "resizer",
@@ -1072,10 +1072,10 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 													})
 												}, t.id);
 											}),
-											nn > 0 ? /* @__PURE__ */ T("tr", { children: /* @__PURE__ */ T("td", {
-												colSpan: rn,
+											rn > 0 ? /* @__PURE__ */ T("tr", { children: /* @__PURE__ */ T("td", {
+												colSpan: an,
 												style: {
-													height: `${nn}px`,
+													height: `${rn}px`,
 													padding: 0,
 													border: 0
 												}
@@ -1083,21 +1083,21 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 										] }) }) : null,
 										D?.aggregateRow?.isEnable && D?.aggregateRow?.columns?.length ? /* @__PURE__ */ T("tfoot", { children: /* @__PURE__ */ T("tr", {
 											"data-testid": "table-footer-row",
-											"aria-rowindex": vn.ariaRowCount,
+											"aria-rowindex": yn.ariaRowCount,
 											className: `${j.foot} ${D?.showRowHover ? j.rowHover : ""}`,
 											children: K.getHeaderGroups()[0]?.headers?.map((e, t) => {
 												let n = e.id, r = D.aggregateRow?.columns?.includes(n), i = D?.textWrap?.isEnable && D?.textWrap?.columns?.includes(e?.id), a = "", o = j.truncateText;
 												if (t === 0) a = D.aggregateRow?.label || "Total";
 												else if (r) {
-													let e = D.aggregateRow?.function || "SUM", t = $t?.map((e) => {
+													let e = D.aggregateRow?.function || "SUM", t = en?.map((e) => {
 														let t = e.original[n];
 														return typeof t == "number" ? t : parseFloat(t);
 													})?.filter((e) => !isNaN(e));
 													a = h(t, e);
 													let r = D?.tableNumberFormatter?.find((e) => e.columns?.includes(n));
-													if (a !== "" && F(n)) a = String(pt(a, n) ?? "");
+													if (a !== "" && F(n)) a = String(mt(a, n) ?? "");
 													else if (a !== "" && D?.isEnableNumberFormatting && (r || D?.formattedColumns?.includes(n))) {
-														let e = Xe?.length ? Xe?.find((e) => e?.measures?.includes(n)) : void 0, t = e?.numberFormatter || r?.formatter || D?.tableFormatter, s = e?.prefix || r?.prefix || D?.tablePrefix || "", c = e?.suffix || r?.suffix || D?.tableSuffix || "";
+														let e = Ze?.length ? Ze?.find((e) => e?.measures?.includes(n)) : void 0, t = e?.numberFormatter || r?.formatter || D?.tableFormatter, s = e?.prefix || r?.prefix || D?.tablePrefix || "", c = e?.suffix || r?.suffix || D?.tableSuffix || "";
 														a = `${s}${oe(Number(a) || 0, t)}${c}`, i && (o = D?.hideTableHeader && D?.isHideHorizontalScroll ? j.wrapCellText : j.wrapText);
 													}
 												}
@@ -1121,7 +1121,7 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 													},
 													children: /* @__PURE__ */ T("div", {
 														style: {
-															...kt,
+															...At,
 															...D?.isSepAlign && Object.keys(D?.colAlignments || []).includes(e.id) ? { justifyContent: D?.colAlignments?.[e.id] } : {}
 														},
 														children: /* @__PURE__ */ T("span", {
@@ -1144,7 +1144,7 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 										}, "footer-row") }) : null
 									]
 								}),
-								!R?.length && D?.isEnableColumnFilter && !y && !b.length && !Jt && !W?.length && (P?.[0] || B?.[0]) ? /* @__PURE__ */ T("div", {
+								!R?.length && D?.isEnableColumnFilter && !y && !b.length && !Yt && !W?.length && (P?.[0] || B?.[0]) ? /* @__PURE__ */ T("div", {
 									className: `${j.emptyFilterData} dbn:flex dbn:flex-col dbn:justify-center dbn:items-center dbn:w-full dbn:p-8`,
 									children: /* @__PURE__ */ T(_, {
 										height: "80px",
@@ -1152,7 +1152,7 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 										subText: "Try modifying the filter, sort or client."
 									})
 								}) : null,
-								!W?.length && e?.length && (P?.[0] || B?.[0]) && !y && !b.length && !Jt ? /* @__PURE__ */ T("div", {
+								!W?.length && e?.length && (P?.[0] || B?.[0]) && !y && !b.length && !Yt ? /* @__PURE__ */ T("div", {
 									className: "dbn:flex dbn:flex-col dbn:justify-center dbn:items-center dbn:w-full dbn:p-8",
 									children: /* @__PURE__ */ T(_, {
 										height: "80px",
@@ -1162,7 +1162,7 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 								}) : null
 							]
 						}),
-						!e?.length && !D?.isEnableColumnFilter && !y && !b.length && !Jt && /* @__PURE__ */ T("div", {
+						!e?.length && !D?.isEnableColumnFilter && !y && !b.length && !Yt && /* @__PURE__ */ T("div", {
 							className: "dbn:w-full dbn:h-full dbn:overflow-y-auto dbn:items-center dbn:justify-center dbn:p-6",
 							children: /* @__PURE__ */ T(_, {
 								height: "80px",
@@ -1172,36 +1172,36 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 						}),
 						b && /* @__PURE__ */ T("div", {
 							className: j.error,
-							children: /* @__PURE__ */ T(l, { children: b })
+							children: /* @__PURE__ */ T(c, { children: b })
 						})
 					]
 				}),
-				e && !D?.disablePagination && (!Be || D?.isServerSidePagination) && /* @__PURE__ */ E("div", {
+				e && !D?.disablePagination && (!Ve || D?.isServerSidePagination) && /* @__PURE__ */ E("div", {
 					className: `${j.pagination} ${D?.isAutoPagination ? "dbn:pl-2" : ""} ${D?.paginationPosition === "top" ? "dbn:py-0" : ""}`,
 					style: {
-						marginRight: `${ot ? "70px" : ""}`,
+						marginRight: `${st ? "70px" : ""}`,
 						order: D?.paginationPosition === "top" ? 2 : 3
 					},
 					children: [
 						D?.isAutoPagination ? null : /* @__PURE__ */ T("div", {
 							className: `dbn-interactive-element ${j.rowStyle}`,
-							children: /* @__PURE__ */ T(a, {
+							children: /* @__PURE__ */ T(i, {
 								id: "rows-per-page",
 								"aria-label": "Rows per page",
 								customButton: /* @__PURE__ */ E("div", {
 									className: "dbn:flex dbn:gap-3",
 									title: z?.value,
-									children: [/* @__PURE__ */ T(l, {
+									children: [/* @__PURE__ */ T(c, {
 										variant: "body-text-3",
 										children: "Rows per page:"
-									}), /* @__PURE__ */ T(l, {
+									}), /* @__PURE__ */ T(c, {
 										variant: "body-text-3",
 										children: z?.value
 									})]
 								}),
 								className: "dbn:border-none",
 								onChange: (e) => {
-									zt(e), k?.(!1, parseInt(e.value, 10)), Re?.((t) => ({
+									Bt(e), k?.(!1, parseInt(e.value, 10)), ze?.((t) => ({
 										...t,
 										tableSettings: {
 											...t.tableSettings,
@@ -1210,21 +1210,21 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 									}));
 								},
 								selectedOption: z,
-								options: o,
+								options: f,
 								labelVariant: "static",
 								menuWidth: "120px",
 								buttonWidth: z?.value === "1000" ? "165px" : "150px",
-								menuZIndex: Ye
+								menuZIndex: Xe
 							})
 						}),
-						y ? null : A && e.length && dn ? /* @__PURE__ */ E("span", {
+						y ? null : A && e.length && fn ? /* @__PURE__ */ E("span", {
 							className: j.pageStyle,
 							children: [
 								N.offset + 1,
 								"-",
 								N.offset + e.length,
 								" of ",
-								dn
+								fn
 							]
 						}) : Y.from && Y.to && Y.total ? /* @__PURE__ */ E("span", {
 							className: j.pageStyle,
@@ -1242,7 +1242,7 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 							children: [/* @__PURE__ */ E("div", {
 								className: j.buttonContainer,
 								children: [
-									/* @__PURE__ */ T(n, {
+									/* @__PURE__ */ T(o, {
 										id: "jump-to-start",
 										"aria-label": d.start,
 										title: d.start,
@@ -1252,7 +1252,7 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 										onClick: () => {
 											A ? k?.(!0, void 0, 0) : K.setPageIndex(0);
 										},
-										isDisabled: A ? !Ie || Z === 0 : Y.from <= 1,
+										isDisabled: A ? !Le || Z === 0 : Y.from <= 1,
 										children: /* @__PURE__ */ T(u, {
 											size: "small",
 											name: "double-arrow-left"
@@ -1261,7 +1261,7 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 									/* @__PURE__ */ E("div", {
 										className: j.pageBtns,
 										children: [
-											/* @__PURE__ */ T(n, {
+											/* @__PURE__ */ T(o, {
 												id: "jump-to-prev",
 												"aria-label": d.prev,
 												title: d.prev,
@@ -1271,7 +1271,7 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 												onClick: () => {
 													A ? k?.(!0) : K.previousPage();
 												},
-												isDisabled: A ? !Ie || Z === 0 : Y.from <= 1,
+												isDisabled: A ? !Le || Z === 0 : Y.from <= 1,
 												style: { height: "calc(1.75rem - 1.6px)" },
 												children: /* @__PURE__ */ T(u, {
 													size: "small",
@@ -1280,37 +1280,37 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 											}),
 											/* @__PURE__ */ T("div", {
 												className: j.pageInfo,
-												children: Kt ? /* @__PURE__ */ T(r, {
+												children: qt ? /* @__PURE__ */ T(n, {
 													type: "number",
-													value: mn,
+													value: hn,
 													min: 1,
 													max: A ? X : K.getPageCount(),
 													onChange: (e) => {
 														let t = Math.min(Number(e.target.value), A ? X : K.getPageCount());
-														t === 0 && (t = 1), hn(t);
+														t === 0 && (t = 1), gn(t);
 													},
 													onKeyDown: (e) => {
-														e.key == "Enter" && (A ? k?.(!0, void 0, (mn - 1) * N.limit) : K.setPageIndex(mn - 1), qt(!1));
+														e.key == "Enter" && (A ? k?.(!0, void 0, (hn - 1) * N.limit) : K.setPageIndex(hn - 1), Jt(!1));
 													},
 													style: { height: "calc(1.75rem - 1.6px)" },
 													className: "dbn:text-xs dbn:w-full dbn:rounded-none",
 													containerClassName: "dbn:border-none dbn:outline-hidden "
 												}) : /* @__PURE__ */ E("div", {
 													className: "dbn:flex dbn:gap-1 dbn:px-1 dbn:overflow-x-hidden",
-													onClick: () => qt(!0),
+													onClick: () => Jt(!0),
 													title: `${A ? Z + 1 : J + 1} of ${A ? X : K.getPageCount()}`,
 													children: [
-														/* @__PURE__ */ T(l, {
+														/* @__PURE__ */ T(c, {
 															variant: "body-text-3",
 															className: "dbn:font-medium dbn:truncate",
 															children: A ? Z + 1 : J + 1
 														}),
-														/* @__PURE__ */ T(l, {
+														/* @__PURE__ */ T(c, {
 															variant: "body-text-3",
 															className: "dbn:font-medium",
 															children: "of"
 														}),
-														/* @__PURE__ */ T(l, {
+														/* @__PURE__ */ T(c, {
 															variant: "body-text-3",
 															className: "dbn:font-medium dbn:truncate",
 															children: A ? X : K.getPageCount()
@@ -1318,7 +1318,7 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 													]
 												})
 											}),
-											/* @__PURE__ */ T(n, {
+											/* @__PURE__ */ T(o, {
 												id: "jump-to-next",
 												"aria-label": d.next,
 												title: d.next,
@@ -1328,7 +1328,7 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 												onClick: () => {
 													A ? k?.(!1) : K.nextPage();
 												},
-												isDisabled: A ? !Fe || Z === X - 1 : Y.to >= Y.total,
+												isDisabled: A ? !Ie || Z === X - 1 : Y.to >= Y.total,
 												style: { height: "calc(1.75rem - 1.6px)" },
 												children: /* @__PURE__ */ T(u, {
 													size: "small",
@@ -1337,7 +1337,7 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 											})
 										]
 									}),
-									/* @__PURE__ */ T(n, {
+									/* @__PURE__ */ T(o, {
 										id: "jump-to-end",
 										"aria-label": d.end,
 										title: d.end,
@@ -1347,25 +1347,25 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 										onClick: () => {
 											A ? k?.(!1, void 0, (X - 1) * N.limit) : K.setPageIndex(K.getPageCount() - 1);
 										},
-										isDisabled: A ? !Fe || Z === X - 1 : Y.to >= Y.total,
+										isDisabled: A ? !Ie || Z === X - 1 : Y.to >= Y.total,
 										children: /* @__PURE__ */ T(u, {
 											size: "small",
 											name: "double-arrow-right"
 										})
 									})
 								]
-							}), We && /* @__PURE__ */ T("div", {
+							}), Ge && /* @__PURE__ */ T("div", {
 								className: j.isFullScreenEnabled,
-								children: Ue && /* @__PURE__ */ T(n, {
+								children: We && /* @__PURE__ */ T(o, {
 									type: "button",
 									variant: "popover",
-									className: Oe.cardControl,
+									className: ke.cardControl,
 									"aria-label": "Enter fullscreen",
 									onClick: () => {
-										we({
-											metricId: Ge,
+										Te({
+											metricId: Ke,
 											defaultRowSize: `${z.value}`
-										}), Ke?.();
+										}), qe?.();
 									},
 									leftIcon: /* @__PURE__ */ T("div", {
 										className: j.fullScreenBtn,
@@ -1376,14 +1376,14 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 						})
 					]
 				}),
-				Be && !D?.isServerSidePagination && e && (e.length > Bt || He && e.length) ? /* @__PURE__ */ T("div", {
+				Ve && !D?.isServerSidePagination && e && (e.length > Vt || Ue && e.length) ? /* @__PURE__ */ T("div", {
 					className: "dbn:p-2.5 dbn:px-5 dbn:flex dbn:justify-end",
 					style: { order: 4 },
-					children: /* @__PURE__ */ E(n, {
+					children: /* @__PURE__ */ E(o, {
 						variant: "secondary",
 						type: "button",
 						onClick: () => {
-							Ve ? Ve() : Vt((e) => e + 50);
+							He ? He() : Ht((e) => e + 50);
 						},
 						className: j.loadMore,
 						children: ["Load More", /* @__PURE__ */ T(u, { name: "double-arrow-right" })]
@@ -1391,9 +1391,9 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 				}) : null
 			]
 		}), /* @__PURE__ */ E(ne, {
-			isOpen: vt?.isShow,
+			isOpen: yt?.isShow,
 			onClose: () => {
-				yt({
+				bt({
 					isShow: !1,
 					data: []
 				});
@@ -1402,12 +1402,12 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 			zIndex: 9999999999,
 			children: [/* @__PURE__ */ T("div", {
 				className: "dbn:w-[600px] dbn:p-6 dbn:max-h-[400px] dbn:overflow-y-auto",
-				children: /* @__PURE__ */ T(De, { data: vt?.data || [] })
-			}), /* @__PURE__ */ T(i, { children: /* @__PURE__ */ T(n, {
+				children: /* @__PURE__ */ T(Oe, { data: yt?.data || [] })
+			}), /* @__PURE__ */ T(r, { children: /* @__PURE__ */ T(o, {
 				variant: "secondary",
 				className: "cta-secondary",
 				onClick: () => {
-					yt({
+					bt({
 						isShow: !1,
 						data: []
 					});
@@ -1418,4 +1418,4 @@ var D = "dbn:", be = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 	});
 };
 //#endregion
-export { A as a, M as i, ke as n, k as o, Oe as r, we as s, Fe as t };
+export { A as a, M as i, Ae as n, k as o, ke as r, Te as s, Ie as t };