@databrainhq/plugin 0.17.9-beta.66 → 0.17.9-beta.67

package/dist/{Table-V9qwq_A-.mjs → Table-CDvOpuYe.mjs}

@@ -2,16 +2,16 @@ import e, { useEffect as t, useMemo as n, useRef as r, useState as i } from "rea
 import "react-dom";
 import "react-dom/client";
 import { r as a } from "./rolldown-runtime-zXSK1Ut9.mjs";
-import { $ as o, A as s, Ct as c, Di as l, On as u, Q as d, Qr as ee, R as te, Sr as f, St as ne, Z as p, a as re, cr as m, eo as h, kn as ie, qi as g, so as _ } from "./Portal-CV_NrBJ-.mjs";
-import { F as v, z as ae } from "./option-BVCp3H01.mjs";
-import { d as oe, o as se, u as ce } from "./timeseries-CDZ2lqd0.mjs";
-import { n as y } from "./arrayToCsvString-D9jRf3H1.mjs";
+import { $ as o, A as s, Ct as c, Di as l, On as u, Q as ee, Qr as te, R as ne, Sr as d, St as re, Z as f, a as ie, cr as p, eo as m, kn as h, qi as g, so as _ } from "./Portal-DSSDhg1M.mjs";
+import { B as v, I as ae } from "./format-BdG1uTDw.mjs";
+import { d as oe, o as se, u as ce } from "./timeseries-D1_Havul.mjs";
+import { n as y } from "./arrayToCsvString-Rjim3CLj.mjs";
 import { i as le, n as b } from "./transformData-CO9XMhAy.mjs";
-import { t as x } from "./NoDataFound-ChW4me5m.mjs";
+import { t as x } from "./NoDataFound-dLuw3_8M.mjs";
 import { n as S, t as ue } from "./esm-COBpFXvV.mjs";
 import { a as de, i as C, n as fe, o as pe, r as me, s as he, t as ge } from "./dist-FcU2f2u-.mjs";
 import { n as _e, r as ve } from "./cardActions-KAyfWH7u.mjs";
-import { t as ye } from "./conditionalFormatting-C-FdJ4PG.mjs";
+import { t as ye } from "./conditionalFormatting-jiDCWhx5.mjs";
 import { t as be } from "./tableAriaRowModel-CVEaIc2a.mjs";
 import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
 // src/utils/embedStorage.ts
@@ -122,7 +122,7 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 	emptyFilterData: "_emptyFilterData_1ncs7_300",
 	textLineBreak: "_textLineBreak_1ncs7_304"
 }, M = e.memo(({ value: e, onChange: n, debounce: r = 500, isDisabled: a, errorMsg: o, ...s }) => {
-	let [c, l] = i(e), [u, d] = i(!0);
+	let [c, l] = i(e), [u, ee] = i(!0);
 	return t(() => {
 		l(e);
 	}, [e]), t(() => {
@@ -135,7 +135,7 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 		className: `${j.searchTab} ${s.className || ""} ${o ? j.errContainer : ""}`,
 		style: s.style,
 		"aria-disabled": !!a,
-		children: [!c && u ? /* @__PURE__ */ T(f, {
+		children: [!c && u ? /* @__PURE__ */ T(d, {
 			name: "magnifying-glass",
 			color: "gray",
 			size: "xs"
@@ -144,8 +144,8 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 			value: c,
 			onChange: (e) => l(e.target.value),
 			className: j.searchTabInput,
-			onFocus: () => d(!1),
-			onBlur: () => d(!0),
+			onFocus: () => ee(!1),
+			onBlur: () => ee(!0),
 			disabled: a
 		})]
 	});
@@ -274,7 +274,7 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 	editTooltip: "_editTooltip_1yvky_28",
 	hoverHint: "_hoverHint_1yvky_50"
 }, Ae = /* @__PURE__ */ a({
-	Table: () => Ie,
+	Table: () => Re,
 	getVisibleTableRows: () => Pe
 }), je = C(), Me = (e, t, n, r) => {
 	let i = S(e.getValue(t), n);
@@ -286,29 +286,36 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 	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);
-}, Fe = (e) => e?.textWrap?.isEnable ? 48 : e?.lineGap === "small" ? 36 : e?.lineGap === "large" ? 44 : 40, Ie = ({ data: e, allTableRows: a, isLoading: S, error: C, 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 = {
+}, Fe = {
+	small: "32px",
+	medium: "36px",
+	large: "44px"
+}, Ie = (e) => {
+	let t = !e?.textWrap?.isEnable && e?.lineGap ? Fe[e.lineGap] : void 0;
+	return t ? { "--dbn-runtime-table-row-h": t } : void 0;
+}, Le = (e) => e?.textWrap?.isEnable ? 48 : e?.lineGap === "small" ? 36 : e?.lineGap === "large" ? 44 : 40, Re = ({ data: e, allTableRows: a, isLoading: S, error: C, tableSettings: D, chartFieldFormats: xe, tableName: O, className: Se = "", onColumnSizingChange: Ce, onChartReady: we, onChangePage: k, isExternalChart: A, isFullScreenChart: Ae, isEnableNextBtn: Fe, isEnablePrevBtn: Re, dateColumns: ze, paginationInfo: N = {
 	limit: 100,
 	offset: 0,
 	totalRecords: 10
-}, 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) => !!(ae(pt, e) ?? xe?.["*"]), mt = (e, t) => {
-		let n = v(e, t, pt);
+}, setChartSettings: Be, externalGlobalFilter: P, setExternalGlobalFilter: Ve, isInfiniteScroll: He, onLoadMore: Ue, hasMoreData: We, isShowFullScreen: Ge, isShowFullScreenEnabled: Ke = !1, metricId: qe, onMaximize: Je, headerAlignment: Ye = "center", events: Xe, dropdownZindex: Ze, comboFormatter: Qe, language: $e, translationDictionary: et, isMetricCard: tt, isDisableChartActions: nt, isDownloading: rt, setDownloading: it, onDownloadData: at, isDownloadingWithFilters: ot, setDownloadingWithFilters: st, isQueryResultContainer: ct, tableColumnFilters: lt, onChangePaginationColumnFilters: ut, yAxisList: dt, isUnderlyingDataTable: ft, isExploreData: pt }) => {
+	let mt = { chartFieldFormats: xe }, F = (e) => !!(v(mt, e) ?? xe?.["*"]), ht = (e, t) => {
+		let n = ae(e, t, mt);
 		return typeof n == "object" && n ? JSON.stringify(n) : n;
-	}, [I, ht] = i([]), [L, gt] = i([]), [_t, vt] = i(""), [yt, bt] = i({
+	}, [I, gt] = i([]), [L, _t] = i([]), [vt, yt] = i(""), [bt, xt] = i({
 		isShow: !1,
 		data: []
-	}), [xt, St] = i(null), [Ct, wt] = i([]), [Tt, Et] = i(","), [Dt, Ot] = i(","), kt = (e) => {
+	}), [St, Ct] = i(null), [wt, Tt] = i([]), [Et, Dt] = i(","), [Ot, kt] = i(","), At = (e) => {
 		let t = {};
 		return Object.keys(e).sort().forEach((n) => {
 			t[n] = e[n];
 		}), t;
-	}, R = n(() => D?.isSortAlphabetically ? e?.map((e) => kt(e)) : e, [e, D?.isSortAlphabetically]);
+	}, R = n(() => D?.isSortAlphabetically ? e?.map((e) => At(e)) : e, [e, D?.isSortAlphabetically]);
 	t(() => {
-		D?.badgeSeparator ? Et(D.badgeSeparator) : Et(",");
+		D?.badgeSeparator ? Dt(D.badgeSeparator) : Dt(",");
 	}, [D?.badgeSeparator]), t(() => {
-		D?.listSeparator ? Ot(D.listSeparator) : Ot(",");
+		D?.listSeparator ? kt(D.listSeparator) : kt(",");
 	}, [D?.listSeparator]);
-	let { badgeDivStyle: At, listDivStyle: jt, headerStyle: Mt } = n(() => {
+	let { badgeDivStyle: jt, listDivStyle: Mt, headerStyle: Nt } = n(() => {
 		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 +344,7 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 				fontSize: D?.headerFontSize ? `${D?.headerFontSize}px` : "0.75rem",
 				fontSizeValue: "0.75rem",
 				height: "auto",
-				textAlign: D?.headerAlignment || Je,
+				textAlign: D?.headerAlignment || Ye,
 				fontWeight: D?.headerFontBold ? "700" : "500"
 			}
 		};
@@ -346,35 +353,35 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 		D?.contentAlignment,
 		D?.headerFontBold,
 		D?.headerFontSize,
-		Je,
+		Ye,
 		D?.headerAlignment,
 		D?.textWrap?.isEnable
-	]), Nt = (e, t, n) => {
+	]), Pt = (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] };
-	}, [Pt, Ft] = i([]), [It, Lt] = i([]), [Rt, zt] = i({}), [z, Bt] = i({
-		label: D?.defaultRowSize || ee.tableSettings?.defaultRowSize || "10",
-		value: D?.defaultRowSize || ee.tableSettings?.defaultRowSize || "10"
-	}), [Vt, Ht] = i(50), [Ut, Wt] = i(D?.columnSizing), [B, Gt] = i([]), [V, Kt] = i({
+	}, [Ft, It] = i([]), [Lt, Rt] = i([]), [zt, Bt] = i({}), [z, Vt] = i({
+		label: D?.defaultRowSize || te.tableSettings?.defaultRowSize || "10",
+		value: D?.defaultRowSize || te.tableSettings?.defaultRowSize || "10"
+	}), [Ht, Ut] = i(50), [Wt, Gt] = i(D?.columnSizing), [B, Kt] = i([]), [V, qt] = i({
 		pageIndex: 0,
 		pageSize: 10
-	}), [qt, Jt] = i(!1);
+	}), [Jt, Yt] = i(!1);
 	t(() => {
-		Ce?.(Ut);
-	}, [Ut]);
+		Ce?.(Wt);
+	}, [Wt]);
 	let H = r(null);
 	t(() => {
 		if (!D?.isAutoPagination || H.current === null) return;
 		let e = () => {
 			let e = Ee(H);
-			e && (Bt((t) => t?.value === e ? t : {
+			e && (Vt((t) => t?.value === e ? t : {
 				label: "custom",
 				value: e
-			}), ze?.((t) => t?.tableSettings?.defaultRowSize === e ? t : {
+			}), Be?.((t) => t?.tableSettings?.defaultRowSize === e ? t : {
 				...t,
 				tableSettings: {
 					...t.tableSettings,
@@ -388,35 +395,35 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 	}, [D?.isAutoPagination, H.current]), t(() => {
 		if (!D?.defaultRowSize || D?.isAutoPagination) return;
 		let e = g.find((e) => e.value === D.defaultRowSize);
-		if (e) Number(e.value) > 1e3 ? Bt(g.at(-1)) : Bt(e);
+		if (e) Number(e.value) > 1e3 ? Vt(g.at(-1)) : Vt(e);
 		else {
-			let e = g.find((e) => e.value === ee.tableSettings?.defaultRowSize);
-			Bt(e);
+			let e = g.find((e) => e.value === te.tableSettings?.defaultRowSize);
+			Vt(e);
 		}
 	}, [D?.defaultRowSize, D?.isAutoPagination]);
-	let [Yt, Xt] = i(!1), Zt = n(() => !e || !R || !Array.isArray(e) || !Array.isArray(R) ? [] : D?.isEnableTranspose ? ie(R, D?.isEnableTranspose) : R, [
+	let [Xt, Zt] = i(!1), Qt = n(() => !e || !R || !Array.isArray(e) || !Array.isArray(R) ? [] : D?.isEnableTranspose ? h(R, D?.isEnableTranspose) : R, [
 		e,
 		R,
 		D?.isEnableTranspose
-	]), U = n(() => e?.length ? !Qe || !$e ? Zt : Zt?.map((e) => {
+	]), U = n(() => e?.length ? !$e || !et ? Qt : Qt?.map((e) => {
 		let t = {};
 		for (let n in e) {
 			let r = u({
 				text: n,
-				selectedLanguage: Qe,
-				translationDictionary: $e
+				selectedLanguage: $e,
+				translationDictionary: et
 			});
 			t[r] = u({
 				text: e[n],
-				selectedLanguage: Qe,
-				translationDictionary: $e
+				selectedLanguage: $e,
+				translationDictionary: et
 			});
 		}
 		return t;
 	}) : [], [
-		Zt,
-		Qe,
+		Qt,
 		$e,
+		et,
 		e?.length
 	]), W = n(() => P?.[0] || B?.[0] ? U?.filter((e) => {
 		let t = P?.[0] || (typeof B?.[0] == "string" ? B?.[0] : B?.[0]?.value);
@@ -428,13 +435,13 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 	]), G = n(() => {
 		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 = ut || []), D?.showColumnFilter && (a = ft && I?.some(m) ? 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, {
+		return D?.isEnableColumnFilter && !U?.length && (a = dt || []), D?.showColumnFilter && (a = pt && I?.some(p) ? 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: ne(W.map((t) => t?.[e])),
+			sortingFn: re(W.map((t) => t?.[e])),
 			enableResizing: !0,
 			enableColumnFilter: !0,
 			filterFn: D?.isEnableDropdownFilter && D?.dropdownFilterCols?.includes(e) ? "arrIncludesSome" : "auto"
@@ -453,66 +460,66 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 		W
 	]);
 	t(() => {
-		e?.length ? gt(G) : gt([]);
+		e?.length ? _t(G) : _t([]);
 	}, [G, e?.length]);
-	let Qt = n(() => !e?.length && !W?.length ? [] : L?.length === Object.keys(e?.[0])?.length ? L : G, [
+	let $t = n(() => !e?.length && !W?.length ? [] : L?.length === Object.keys(e?.[0])?.length ? L : G, [
 		e?.length,
 		W?.length,
 		L,
 		G
 	]), K = me({
 		data: W,
-		columns: ft ? Qt : L,
+		columns: pt ? $t : L,
 		state: {
-			sorting: Pt,
+			sorting: Ft,
 			pagination: V,
-			...Ut ? { columnSizing: Ut } : {}
+			...Wt ? { columnSizing: Wt } : {}
 		},
 		sortingFns: { manualSorting: c },
 		filterFns: { fuzzy: Me },
-		onRowSelectionChange: zt,
-		onSortingChange: Ft,
+		onRowSelectionChange: Bt,
+		onSortingChange: It,
 		globalFilterFn: Ne,
 		getCoreRowModel: de(),
 		getFilteredRowModel: pe(),
 		getSortedRowModel: he(),
-		onGlobalFilterChange: Be || Gt,
-		onPaginationChange: Kt,
+		onGlobalFilterChange: Ve || Kt,
+		onPaginationChange: qt,
 		manualPagination: !0,
 		debugTable: !1,
 		enableColumnResizing: !0,
 		columnResizeMode: "onChange",
-		onColumnSizingChange: Wt
-	}), $t = K.getSortedRowModel().rows, en = n(() => Pe({
-		infiniteScrollRecordCount: Vt,
+		onColumnSizingChange: Gt
+	}), en = K.getSortedRowModel().rows, tn = n(() => Pe({
+		infiniteScrollRecordCount: Ht,
 		isExternalChart: A,
-		isInfiniteScroll: Ve,
+		isInfiniteScroll: He,
 		isServerSidePagination: D?.isServerSidePagination,
-		onLoadMore: He,
+		onLoadMore: Ue,
 		pageIndex: V.pageIndex,
 		pageSize: V.pageSize,
-		rows: $t
+		rows: en
 	}), [
-		Vt,
+		Ht,
 		A,
-		Ve,
-		D?.isServerSidePagination,
 		He,
+		D?.isServerSidePagination,
+		Ue,
 		V.pageIndex,
 		V.pageSize,
-		$t
-	]), tn = ue({
-		count: en.length,
+		en
+	]), nn = ue({
+		count: tn.length,
 		getScrollElement: () => H.current?.querySelector(".simplebar-content-wrapper") ?? null,
-		estimateSize: () => Fe(D),
+		estimateSize: () => Le(D),
 		overscan: 12
-	}), 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;
+	}), q = nn.getVirtualItems(), rn = q.length ? q[0].start : 0, an = q.length ? nn.getTotalSize() - q[q.length - 1].end : 0, on = K.getVisibleLeafColumns().length || 1;
 	t(() => {
 		let e = S && !C?.length;
-		Xt(e);
+		Zt(e);
 	}, [S, C?.length]);
-	let on = () => {
-		rt?.(!0);
+	let sn = () => {
+		it?.(!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) => {
@@ -526,21 +533,21 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 			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), rt?.(!1), ot?.(!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), it?.(!1), st?.(!1);
 	};
 	t(() => {
-		at && on();
-	}, [at]);
-	let sn = (e) => {
+		ot && sn();
+	}, [ot]);
+	let cn = (e) => {
 		let t = Number(e.currentTarget.dataset.columnIndex);
-		St(t);
-	}, [cn, ln] = i({
+		Ct(t);
+	}, [ln, un] = i({
 		isOpen: !1,
 		column: ""
-	}), un = (e) => {
+	}), dn = (e) => {
 		e.preventDefault();
-		let t = Number(e.currentTarget.dataset.columnIndex), n = [...L], [r] = n.splice(xt, 1);
-		n.splice(t, 0, r), gt(n), St(null);
+		let t = Number(e.currentTarget.dataset.columnIndex), n = [...L], [r] = n.splice(St, 1);
+		n.splice(t, 0, r), _t(n), Ct(null);
 	};
 	t(() => {
 		let e = K.getState()?.sorting?.length > 0;
@@ -552,11 +559,11 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 	]), t(() => {
 		K.setPageSize(Number(z.value));
 	}, [z, K]);
-	let { pageIndex: J, pageSize: dn } = K.getState().pagination, Y = n(() => {
+	let { pageIndex: J, pageSize: fn } = K.getState().pagination, Y = n(() => {
 		let t = B || P ? K.getRowModel().rows.length : e?.length || 0;
 		return {
-			from: t === 0 ? 0 : dn * J + 1,
-			to: t <= dn * (J + 1) ? t : dn * (J + 1),
+			from: t === 0 ? 0 : fn * J + 1,
+			to: t <= fn * (J + 1) ? t : fn * (J + 1),
 			total: t
 		};
 	}, [
@@ -565,40 +572,40 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 		P,
 		e?.length,
 		J,
-		dn
+		fn
 	]), { pageCount: X, currentPage: Z } = n(() => N && A ? {
 		pageCount: Math.ceil(N.totalRecords / N.limit),
 		currentPage: Math.floor(N.offset / N.limit)
 	} : {
 		pageCount: 1,
 		currentPage: 0
-	}, [A, N]), fn;
+	}, [A, N]), pn;
 	if (A) {
 		let e = b(N.totalRecords, !0)?.toString()?.split(".");
-		fn = e?.length > 1 && [...e[1]].some((e) => parseInt(e, 10) > 0) ? b(N.totalRecords, !0) : b(N.totalRecords, !1);
+		pn = e?.length > 1 && [...e[1]].some((e) => parseInt(e, 10) > 0) ? b(N.totalRecords, !0) : b(N.totalRecords, !1);
 	}
 	t(() => {
 		K.getIsSomeColumnsVisible() && we?.();
 	}, [K.getIsSomeColumnsVisible()]);
-	let Q = (e, t) => t?.includes(e) ? j.badge : "", pn = (e, t) => t?.includes(e) ? j.list : "";
+	let Q = (e, t) => t?.includes(e) ? j.badge : "", mn = (e, t) => t?.includes(e) ? j.list : "";
 	t(() => {
 		D?.isEnableColumnFilter || K.resetColumnFilters();
 	}, [K, D?.isEnableColumnFilter]), t(() => {
-		K.getState().columnFilters?.length && (Gt(K.getState().columnFilters), Be?.(K.getState().columnFilters));
+		K.getState().columnFilters?.length && (Kt(K.getState().columnFilters), Ve?.(K.getState().columnFilters));
 	}, [K]);
-	let mn = r(O);
+	let hn = r(O);
 	t(() => {
-		U?.length && (mn.current === O && I.length || ht(Object.keys(U[0] || {})), mn.current = O);
+		U?.length && (hn.current === O && I.length || gt(Object.keys(U[0] || {})), hn.current = O);
 	}, [U?.[0], O]);
-	let [hn, gn] = i(1);
+	let [gn, _n] = i(1);
 	t(() => {
-		gn(A ? Z + 1 : J + 1);
+		_n(A ? Z + 1 : J + 1);
 	}, [Z, J]);
-	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 = be({
-		headerRowCount: _n,
-		footerRowCount: vn,
+	let $ = window.CSS && CSS.supports("width", "clamp(1px, 1px, 1px)"), vn = D?.hideTableHeader ? 0 : K.getHeaderGroups()?.length || 0, yn = D?.aggregateRow?.isEnable && D?.aggregateRow?.columns?.length ? 1 : 0, bn = be({
+		headerRowCount: vn,
+		footerRowCount: yn,
 		isExternalChart: A,
-		isInfiniteScroll: Ve,
+		isInfiniteScroll: He,
 		isServerSidePagination: D?.isServerSidePagination,
 		pageIndex: V.pageIndex,
 		pageSize: V.pageSize,
@@ -611,22 +618,22 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 		children: [/* @__PURE__ */ E("div", {
 			className: j.previewTable,
 			children: [
-				D?.enableTableSearch && D?.searchPosition === "left" && !Be ? /* @__PURE__ */ T("div", {
+				D?.enableTableSearch && D?.searchPosition === "left" && !Ve ? /* @__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) => Gt(() => [String(e)]),
+						onChange: (e) => Kt(() => [String(e)]),
 						placeholder: "Search",
 						style: { maxWidth: "249px" }
 					})
 				}) : null,
-				D?.enableTableSearch && !Be && D?.searchPosition !== "left" || D?.showTableTitle && D.tableTitle ? /* @__PURE__ */ E("div", {
+				D?.enableTableSearch && !Ve && 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", {
 						className: "dbn:flex dbn:items-center dbn:gap-2",
-						children: [D.showTableIcon && /* @__PURE__ */ T(f, { name: "table" }), /* @__PURE__ */ T("span", {
+						children: [D.showTableIcon && /* @__PURE__ */ T(d, { name: "table" }), /* @__PURE__ */ T("span", {
 							className: j.title,
 							style: { color: D?.tableTitleColor },
 							children: D.tableTitle
@@ -644,7 +651,7 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 									label: e
 								})) || [],
 								onChange: (e) => {
-									ht(e?.map((e) => e.value));
+									gt(e?.map((e) => e.value));
 								},
 								isSelectAllEnabled: !0,
 								isSelectAllOn: !0,
@@ -654,28 +661,28 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 								buttonWidth: "250px",
 								menuWidth: "250px"
 							}),
-							D.showDownloadBtn && /* @__PURE__ */ T(h, {
+							D.showDownloadBtn && /* @__PURE__ */ T(m, {
 								variant: "popover",
 								onClick: () => {
-									it?.(L?.map((e) => typeof e.header == "function" ? e.header() : e.header));
+									at?.(L?.map((e) => typeof e.header == "function" ? e.header() : e.header));
 								},
-								isDisabled: nt,
-								leftIcon: nt ? /* @__PURE__ */ T("div", {
+								isDisabled: rt,
+								leftIcon: rt ? /* @__PURE__ */ T("div", {
 									className: "dbn:animate-spin",
-									children: /* @__PURE__ */ T(f, {
+									children: /* @__PURE__ */ T(d, {
 										name: "table-downloading",
 										width: "20px",
 										height: "20px"
 									})
-								}) : /* @__PURE__ */ T(f, {
+								}) : /* @__PURE__ */ T(d, {
 									name: "download_table",
 									size: "sm"
 								}),
 								className: "dbn:p-2.5 dbn:border dbn:border-secondary dbn:rounded-md"
 							}),
-							D.enableTableSearch && D?.searchPosition !== "left" && !Be && /* @__PURE__ */ T(M, {
+							D.enableTableSearch && D?.searchPosition !== "left" && !Ve && /* @__PURE__ */ T(M, {
 								value: typeof B?.[0] == "string" ? B?.[0] : "",
-								onChange: (e) => Gt(() => [String(e)]),
+								onChange: (e) => Kt(() => [String(e)]),
 								placeholder: "Search"
 							})
 						]
@@ -683,21 +690,22 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 				}) : null,
 				/* @__PURE__ */ E("div", {
 					className: `${j.tableData} ${D?.hideBorder ? j.noBorder : ""}`,
-					"data-dbn-underlying-data-surface": dt || void 0,
+					"data-dbn-underlying-data-surface": ft || void 0,
 					ref: H,
 					style: { order: D?.paginationPosition === "top" ? 3 : 2 },
 					children: [
-						S && !e?.length || Yt ? /* @__PURE__ */ T(re, {
+						S && !e?.length || Xt ? /* @__PURE__ */ T(ie, {
 							variant: "table",
 							tableRows: 6
 						}) : null,
-						(!!R?.length || D?.isEnableColumnFilter) && !S && !Yt && /* @__PURE__ */ E(ge, {
+						(!!R?.length || D?.isEnableColumnFilter) && !S && !Xt && /* @__PURE__ */ E(ge, {
 							style: { height: "100%" },
 							className: !R?.length || !W?.length ? j.emptyFilterData : "",
 							children: [
-								!(!ft && !W?.length && e?.length && (P?.[0] || B?.[0])) && /* @__PURE__ */ E("table", {
+								!(!pt && !W?.length && e?.length && (P?.[0] || B?.[0])) && /* @__PURE__ */ E("table", {
 									className: j.table,
-									"aria-rowcount": yn.totalRows > 0 ? yn.ariaRowCount : -1,
+									style: Ie(D),
+									"aria-rowcount": bn.totalRows > 0 ? bn.ariaRowCount : -1,
 									children: [
 										D?.hideTableHeader ? null : /* @__PURE__ */ T("thead", { children: K.getHeaderGroups()?.map((e, t) => /* @__PURE__ */ T("tr", {
 											className: j.row,
@@ -705,11 +713,11 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 											"aria-rowindex": t + 1,
 											children: e.headers?.map((e, t) => {
 												let n = D?.customHeaderColor?.color || "", r = D?.customHeaderColor?.isEnabled ? n.startsWith("var(") ? "var(--surface-hover, var(--dbn-color-snow))" : le(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", {
+												return vt !== e?.id && D?.customHeaderColor?.isEnabled && (a = D?.customHeaderColor?.textColor || "", i = D?.customHeaderColor?.color || ""), vt === 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-[${r}]`,
 													onContextMenu: (t) => {
-														t.preventDefault(), D?.isSepAlign && !et && !Ae && ln({
+														t.preventDefault(), D?.isSepAlign && !tt && !Ae && un({
 															isOpen: !0,
 															column: e.id
 														});
@@ -721,13 +729,13 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 														color: a || ""
 													},
 													draggable: !e.column.getIsResizing(),
-													onMouseOver: () => vt(e.id),
-													onMouseOut: () => vt(""),
+													onMouseOver: () => yt(e.id),
+													onMouseOut: () => yt(""),
 													"data-column-index": t,
-													onDragStart: sn,
+													onDragStart: cn,
 													onDragOver: (e) => e.preventDefault(),
-													onDrop: un,
-													children: [/* @__PURE__ */ T(h, {
+													onDrop: dn,
+													children: [/* @__PURE__ */ T(m, {
 														onMouseDown: e.getResizeHandler(),
 														variant: "popover",
 														onTouchStart: e.getResizeHandler(),
@@ -740,7 +748,7 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 														onClick: e.column.getToggleSortingHandler(),
 														children: [e.isPlaceholder ? null : /* @__PURE__ */ T("span", {
 															style: {
-																...Mt,
+																...Nt,
 																color: a
 															},
 															className: D?.textWrap?.headerWrap ? j.wrapCellText : j.truncateText,
@@ -748,49 +756,49 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 														}), /* @__PURE__ */ E("div", {
 															className: `dbn-interactive-element ${j.sortIcon}`,
 															children: [{
-																asc: /* @__PURE__ */ T(f, {
+																asc: /* @__PURE__ */ T(d, {
 																	name: "caret-up-fill",
 																	customColor: a || ""
 																}),
-																desc: /* @__PURE__ */ T(f, {
+																desc: /* @__PURE__ */ T(d, {
 																	name: "caret-down-fill",
 																	customColor: a || ""
 																})
-															}[e.column.getIsSorted()] ?? /* @__PURE__ */ T(f, {
+															}[e.column.getIsSorted()] ?? /* @__PURE__ */ T(d, {
 																name: "caret-up-down",
 																customColor: a || ""
 															}), e.column.getCanFilter() && D?.isEnableColumnFilter ? /* @__PURE__ */ T("span", {
 																onClick: (e) => e.stopPropagation(),
-																children: /* @__PURE__ */ T(h, {
+																children: /* @__PURE__ */ T(m, {
 																	variant: "popover",
-																	leftIcon: /* @__PURE__ */ T(f, {
+																	leftIcon: /* @__PURE__ */ T(d, {
 																		name: "funnel",
 																		customColor: a || ""
 																	}),
 																	onClick: () => {
-																		Ct?.includes(e.id) ? (wt((t) => t.filter((t) => t !== e.id)), lt?.({
+																		wt?.includes(e.id) ? (Tt((t) => t.filter((t) => t !== e.id)), ut?.({
 																			columnAlias: e.id,
 																			value: "",
 																			isClear: !0
-																		})) : wt((t) => [...t, e.id]);
+																		})) : Tt((t) => [...t, e.id]);
 																	}
 																})
 															}) : null]
 														})]
-													}), e.column.getCanFilter() && D?.isEnableColumnFilter && (Ct?.includes(e.id) || D?.isServerSidePagination && ct?.find((t) => t?.columnAlias === e?.id)) ? /* @__PURE__ */ T("div", {
+													}), e.column.getCanFilter() && D?.isEnableColumnFilter && (wt?.includes(e.id) || D?.isServerSidePagination && lt?.find((t) => t?.columnAlias === e?.id)) ? /* @__PURE__ */ T("div", {
 														className: "dbn:w-full dbn:mt-2",
 														children: /* @__PURE__ */ T(De, {
 															column: e.column,
 															table: K,
 															dropdownFilterVariant: !!(D?.isEnableDropdownFilter && D?.dropdownFilterCols?.includes(e.column.id)),
-															onChangePaginationColumnFilters: D?.isServerSidePagination ? lt : void 0,
-															tableColumnFilters: D?.isServerSidePagination ? ct : void 0
+															onChangePaginationColumnFilters: D?.isServerSidePagination ? ut : void 0,
+															tableColumnFilters: D?.isServerSidePagination ? lt : 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: {
-																...Mt,
+																...Nt,
 																color: a,
 																fontSize: D?.headerFontSize ? `${D?.headerFontSize}px` : $ ? "clamp(0.4rem, 5cqw, 0.75rem)" : "0.75rem"
 															},
@@ -798,65 +806,65 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 															children: fe(e.column.columnDef.header, e.getContext())
 														}), e.column.getCanFilter() && D?.isEnableColumnFilter ? /* @__PURE__ */ T("span", {
 															onClick: (e) => e.stopPropagation(),
-															children: /* @__PURE__ */ T(h, {
+															children: /* @__PURE__ */ T(m, {
 																variant: "popover",
-																leftIcon: /* @__PURE__ */ T(f, {
+																leftIcon: /* @__PURE__ */ T(d, {
 																	name: "funnel",
 																	customColor: a || ""
 																}),
 																onClick: () => {
-																	Ct?.includes(e.id) ? (wt((t) => t.filter((t) => t !== e.id)), lt?.({
+																	wt?.includes(e.id) ? (Tt((t) => t.filter((t) => t !== e.id)), ut?.({
 																		columnAlias: e.id,
 																		value: "",
 																		isClear: !0
-																	})) : wt((t) => [...t, e.id]);
+																	})) : Tt((t) => [...t, e.id]);
 																}
 															})
 														}) : null]
-													}), e.column.getCanFilter() && D?.isEnableColumnFilter && (Ct?.includes(e.id) || D?.isServerSidePagination && ct?.find((t) => t?.columnAlias === e?.id)) ? /* @__PURE__ */ T("div", {
+													}), e.column.getCanFilter() && D?.isEnableColumnFilter && (wt?.includes(e.id) || D?.isServerSidePagination && lt?.find((t) => t?.columnAlias === e?.id)) ? /* @__PURE__ */ T("div", {
 														className: "dbn:w-full dbn:mt-2",
 														children: /* @__PURE__ */ T(De, {
 															column: e.column,
 															table: K,
 															dropdownFilterVariant: !!(D?.isEnableDropdownFilter && D?.dropdownFilterCols?.includes(e.column.id)),
-															onChangePaginationColumnFilters: D?.isServerSidePagination ? lt : void 0,
-															tableColumnFilters: D?.isServerSidePagination ? ct : void 0
+															onChangePaginationColumnFilters: D?.isServerSidePagination ? ut : void 0,
+															tableColumnFilters: D?.isServerSidePagination ? lt : void 0
 														})
 													}) : null] }) })]
 												}, e.id);
 											})
 										}, e.id)) }),
 										R?.length ? /* @__PURE__ */ T(w, { children: /* @__PURE__ */ E("tbody", { children: [
-											nn > 0 ? /* @__PURE__ */ T("tr", { children: /* @__PURE__ */ T("td", {
-												colSpan: an,
+											rn > 0 ? /* @__PURE__ */ T("tr", { children: /* @__PURE__ */ T("td", {
+												colSpan: on,
 												style: {
-													height: `${nn}px`,
+													height: `${rn}px`,
 													padding: 0,
 													border: 0
 												}
 											}) }) : null,
 											q.map((e) => {
-												let t = en[e.index];
+												let t = tn[e.index];
 												if (!t) return null;
 												let n = e.index;
 												return /* @__PURE__ */ T("tr", {
-													ref: tn.measureElement,
+													ref: nn.measureElement,
 													"data-index": n,
 													"data-testid": `table-row-${t.id}`,
-													"aria-rowindex": yn.firstRowIndex + n,
-													style: Ye?.click ? { cursor: "pointer" } : void 0,
+													"aria-rowindex": bn.firstRowIndex + n,
+													style: Xe?.click ? { cursor: "pointer" } : void 0,
 													className: `${D?.showRowHover ? j.rowHover : ""} ${D?.enableStripedRows && Number(n) % 2 != 0 ? j.stripedRow : ""}`,
 													onClick: () => {
-														Ye?.click({}, Object.keys(t.original ?? {})?.map((e) => ({
+														Xe?.click({}, Object.keys(t.original ?? {})?.map((e) => ({
 															columnName: e,
 															value: t.original?.[e]
 														})));
 													},
 													children: t.getVisibleCells()?.map((e, t) => {
 														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, o = D?.tableNumberFormatter?.find((t) => t.columns?.includes(e.column.id)), s = D?.isEnableNumberFormatting && (!!o || D?.formattedColumns?.includes(e.column.id)), c = Ze?.length ? Ze?.find((t) => t?.measures?.includes(e.column.id)) : void 0, l = c?.numberFormatter || o?.formatter || D?.tableFormatter, u = c?.prefix || o?.prefix || D?.tablePrefix || "", d = c?.suffix || o?.suffix || D?.tableSuffix || "", ee = D?.isEnableNumberFormatting && D?.isEnableTimezoneFormatting && Re?.includes(e.column.id), te = D?.textWrap?.isEnable && D?.textWrap?.columns?.includes(e?.column?.id), ne = () => {
-															if (!i && F(e.column.id)) return String(mt(e.getValue(), e.column.id) ?? "");
+														Q(e.column.id, D?.badgeColumns) ? (r = typeof e.getValue() == "object" ? JSON.stringify(e.getValue()) : e.getValue(), n = r?.toString()?.includes(Et) ? r?.toString()?.split(Et) : [r]) : mn(e.column.id, D?.listColumns) && (r = typeof e.getValue() == "object" ? JSON.stringify(e.getValue()) : e.getValue(), n = r?.toString()?.includes(Ot) ? r?.toString()?.split(D?.listSeparator || ",") : [r]);
+														let a = Lt?.find((t) => t.id === e.id)?.isShowMore, o = D?.tableNumberFormatter?.find((t) => t.columns?.includes(e.column.id)), s = D?.isEnableNumberFormatting && (!!o || D?.formattedColumns?.includes(e.column.id)), c = Qe?.length ? Qe?.find((t) => t?.measures?.includes(e.column.id)) : void 0, l = c?.numberFormatter || o?.formatter || D?.tableFormatter, u = c?.prefix || o?.prefix || D?.tablePrefix || "", ee = c?.suffix || o?.suffix || D?.tableSuffix || "", te = D?.isEnableNumberFormatting && D?.isEnableTimezoneFormatting && ze?.includes(e.column.id), ne = D?.textWrap?.isEnable && D?.textWrap?.columns?.includes(e?.column?.id), re = () => {
+															if (!i && F(e.column.id)) return String(ht(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 (i) {
@@ -864,12 +872,12 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 																	column: e,
 																	value: n[e]
 																}));
-																return /* @__PURE__ */ T(h, {
+																return /* @__PURE__ */ T(m, {
 																	variant: "popover",
 																	size: "small",
 																	className: "dbn:text-link-text dbn:hover:underline",
 																	onClick: () => {
-																		bt({
+																		xt({
 																			isShow: !0,
 																			data: r
 																		});
@@ -879,23 +887,23 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 															}
 															if (s) {
 																let t = e?.getValue(), n = Number(t);
-																return t == null || isNaN(n) ? `${t}` : `${u}${ce(n || 0, l)}${d}`;
+																return t == null || isNaN(n) ? `${t}` : `${u}${ce(n || 0, l)}${ee}`;
 															}
-															return ee ? oe(e?.getValue()?.toString() || "", D?.timeFormatter || "") : fe(e.column.columnDef.cell, e.getContext());
-														}, p = et && !tt && D?.chartAction ? (() => {
+															return te ? oe(e?.getValue()?.toString() || "", D?.timeFormatter || "") : fe(e.column.columnDef.cell, e.getContext());
+														}, f = tt && !nt && 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, re = p?.link, m = p && "text" in p, ie = p && "colName" in p, g = p?.isOpenInNewTab, _ = j.truncateText;
-														te && (_ = D?.hideTableHeader && D?.isHideHorizontalScroll ? j.wrapCellText : j.wrapText);
+														})() : null, ie = f?.link, p = f && "text" in f, h = f && "colName" in f, g = f?.isOpenInNewTab, _ = j.truncateText;
+														ne && (_ = D?.hideTableHeader && D?.isHideHorizontalScroll ? j.wrapCellText : j.wrapText);
 														let v = ye({
 															rules: D?.conditionalFormatting?.find(({ columnName: t }) => t === e?.column?.id)?.rules || [],
 															value: typeof e.getValue() == "object" ? JSON.stringify(e.getValue()) : e.getValue(),
 															formatter: l
-														}), ae = v?.prefix || "", se = v?.suffix || "", y = !Object.keys(v)?.length && D?.badgeColumns?.includes(e.column.id) ? Nt(e.column.id, D?.badgeColors, D?.badgeTextColors) : v, le = "", b = (y?.isApplyBadgeColor || !(y?.isApplyBgColor || !y?.badgeColor)) && !!Object.keys(v)?.length;
-														b ? le = y?.badgeColor : D?.badgeColumns?.includes(e.column.id) && (le = Nt(e.column.id, D?.badgeColors, D?.badgeTextColors)?.backgroundColor);
+														}), ae = v?.prefix || "", se = v?.suffix || "", y = !Object.keys(v)?.length && D?.badgeColumns?.includes(e.column.id) ? Pt(e.column.id, D?.badgeColors, D?.badgeTextColors) : v, le = "", b = (y?.isApplyBadgeColor || !(y?.isApplyBgColor || !y?.badgeColor)) && !!Object.keys(v)?.length;
+														b ? le = y?.badgeColor : D?.badgeColumns?.includes(e.column.id) && (le = Pt(e.column.id, D?.badgeColors, D?.badgeTextColors)?.backgroundColor);
 														let x = v;
 														if (v && "backgroundColor" in v && b) {
 															let { backgroundColor: e, ...t } = v;
@@ -903,10 +911,10 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 														}
 														return /* @__PURE__ */ E("td", {
 															"data-testid": e.id,
-															className: `${j.tableRowCol} ${D?.hideVerticalDivider ? "" : j.tableBorderRight} ${D?.isRemovePadding ? "" : j.horizontalPadding} ${D?.hideHorizontalDivider ? "" : j.tableBorderBottom} ${xt === t ? j.columnDrag : ""}`,
+															className: `${j.tableRowCol} ${D?.hideVerticalDivider ? "" : j.tableBorderRight} ${D?.isRemovePadding ? "" : j.horizontalPadding} ${D?.hideHorizontalDivider ? "" : j.tableBorderBottom} ${St === t ? j.columnDrag : ""}`,
 															title: typeof e.getValue() == "object" ? JSON.stringify(e.getValue()) : `${e.getValue()}`,
 															onContextMenu: (t) => {
-																typeof e.getValue() == "string" && Ye?.contextmenu({ name: `${e.getValue()}` });
+																typeof e.getValue() == "string" && Xe?.contextmenu({ name: `${e.getValue()}` });
 															},
 															style: D?.hideTableHeader ? {
 																width: D?.isHideHorizontalScroll ? `${e.column.getSize() / K.getTotalSize() * 100}%` : $ && G?.length < 6 ? `clamp(
@@ -921,16 +929,16 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 																} : {}
 															} : {},
 															children: [
-																!!D && !dt && /* @__PURE__ */ T("div", {
+																!!D && !ft && /* @__PURE__ */ T("div", {
 																	style: Q(e.column.id, D.listColumns) ? {
-																		...jt,
+																		...Mt,
 																		...x
 																	} : {
-																		...At,
+																		...jt,
 																		...x,
 																		...D?.isSepAlign && Object.keys(D?.colAlignments || []).includes(e.column.id) ? { justifyContent: D?.colAlignments?.[e.column.id] } : {}
 																	},
-																	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", {
+																	children: r?.toString()?.includes(Et) || r?.toString()?.includes(Ot) ? /* @__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: `${_} ${Q(e.column.id, D.badgeColumns)}`,
 																		style: {
 																			fontFamily: D?.contentFont,
@@ -942,7 +950,7 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 																		},
 																		children: [
 																			ae,
-																			F(e.column.id) ? String(mt(t, e.column.id) ?? "") : s ? `${u}${ce(Number(t) || 0, l)}${d}` : t,
+																			F(e.column.id) ? String(ht(t, e.column.id) ?? "") : s ? `${u}${ce(Number(t) || 0, l)}${ee}` : t,
 																			se
 																		]
 																	}, t) : /* @__PURE__ */ E("div", {
@@ -960,14 +968,14 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 																			},
 																			children: [
 																				ae,
-																				F(e.column.id) ? String(mt(t, e.column.id) ?? "") : t,
+																				F(e.column.id) ? String(ht(t, e.column.id) ?? "") : t,
 																				se
 																			]
 																		})]
-																	}, t) })), Q(e.column.id, D.listColumns) && n.length > 3 && !a ? /* @__PURE__ */ E(h, {
+																	}, t) })), Q(e.column.id, D.listColumns) && n.length > 3 && !a ? /* @__PURE__ */ E(m, {
 																		variant: "popover",
 																		className: `${j.truncateIcon} dbn:bg-gray`,
-																		onClick: () => Lt((n) => {
+																		onClick: () => Rt((n) => {
 																			let r = n.findIndex((t) => t.id === e.id);
 																			return r === -1 ? [...n, {
 																				id: e.id,
@@ -977,14 +985,14 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 																				isShowMore: !n[t]?.isShowMore
 																			}, n);
 																		}),
-																		children: [/* @__PURE__ */ T(f, {
+																		children: [/* @__PURE__ */ T(d, {
 																			name: "plus",
 																			size: "xxs",
 																			color: "secondary-dark"
 																		}), n.length - 3]
-																	}) : null] }) : ne() === "" ? /* @__PURE__ */ T(w, {}) : /* @__PURE__ */ E("span", {
+																	}) : null] }) : re() === "" ? /* @__PURE__ */ T(w, {}) : /* @__PURE__ */ E("span", {
 																		"data-testid": "cell-content",
-																		className: `${_} ${Q(e.column.id, D.badgeColumns) || b ? j.badge : ""} ${p && "text" in p && !m ? j.link : ""} ${j.customLink} ${te && D?.textWrap?.enableLineBreaks ? j.textLineBreak : ""}`,
+																		className: `${_} ${Q(e.column.id, D.badgeColumns) || b ? j.badge : ""} ${f && "text" in f && !p ? j.link : ""} ${j.customLink} ${ne && D?.textWrap?.enableLineBreaks ? j.textLineBreak : ""}`,
 																		style: {
 																			fontFamily: D?.contentFont,
 																			color: D?.contentColor || "var(--dbn-txt-primary, #252525)",
@@ -994,50 +1002,50 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 																			fontSize: D?.contentFontSize ? `${D?.contentFontSize}px` : $ ? "clamp(0.4rem, 5cqw, 0.875rem)" : "0.875rem"
 																		},
 																		children: [/* @__PURE__ */ E("span", {
-																			className: `${te ? "" : "dbn:truncate"} ${m || ie ? "dbn:w-[90%]" : ""}`,
+																			className: `${ne ? "" : "dbn:truncate"} ${p || h ? "dbn:w-[90%]" : ""}`,
 																			children: [
 																				ae,
-																				ne(),
+																				re(),
 																				se
 																			]
-																		}), m || ie ? /* @__PURE__ */ T(h, {
+																		}), p || h ? /* @__PURE__ */ T(m, {
 																			variant: "popover",
 																			onClick: (t) => {
-																				Ye?.click && p && (t.preventDefault(), t.stopPropagation(), ie ? _e({
+																				Xe?.click && f && (t.preventDefault(), t.stopPropagation(), h ? _e({
 																					isEnable: !0,
-																					route: re ?? "",
+																					route: ie ?? "",
 																					isOpenInNewTab: g
-																				}, e?.getValue()?.toString() ?? "") : ve(re, g));
+																				}, e?.getValue()?.toString() ?? "") : ve(ie, g));
 																			},
 																			onContextMenu: (t) => {
-																				Ye?.click && p && (t.preventDefault(), t.stopPropagation(), ie ? _e({
+																				Xe?.click && f && (t.preventDefault(), t.stopPropagation(), h ? _e({
 																					isEnable: !0,
-																					route: re ?? "",
+																					route: ie ?? "",
 																					isOpenInNewTab: g
-																				}, e?.getValue()?.toString() ?? "") : ve(re, g));
+																				}, e?.getValue()?.toString() ?? "") : ve(ie, g));
 																			},
 																			containerClass: "dbn-interactive-element",
-																			className: m ? j.link : "",
-																			leftIcon: /* @__PURE__ */ T(f, {
-																				name: m ? "link" : "new-window",
+																			className: p ? j.link : "",
+																			leftIcon: /* @__PURE__ */ T(d, {
+																				name: p ? "link" : "new-window",
 																				size: "xs"
 																			})
 																		}) : null]
 																	})
 																}),
-																(!D || dt) && /* @__PURE__ */ T("div", {
+																(!D || ft) && /* @__PURE__ */ T("div", {
 																	style: {
 																		textAlign: "center",
 																		width: "100%",
-																		...dt ? {
+																		...ft ? {
 																			color: D?.contentColor || "var(--dbn-txt-primary, #252525)",
-																			height: At?.height || "24px",
+																			height: jt?.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(mt(e.getValue(), e.column.id) ?? "") : fe(e.column.columnDef.cell, e.getContext())
+																	children: F(e.column.id) ? String(ht(e.getValue(), e.column.id) ?? "") : fe(e.column.columnDef.cell, e.getContext())
 																}),
 																e.column.getCanResize() && D?.hideTableHeader ? /* @__PURE__ */ T("div", {
 																	className: "resizer",
@@ -1072,10 +1080,10 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 													})
 												}, t.id);
 											}),
-											rn > 0 ? /* @__PURE__ */ T("tr", { children: /* @__PURE__ */ T("td", {
-												colSpan: an,
+											an > 0 ? /* @__PURE__ */ T("tr", { children: /* @__PURE__ */ T("td", {
+												colSpan: on,
 												style: {
-													height: `${rn}px`,
+													height: `${an}px`,
 													padding: 0,
 													border: 0
 												}
@@ -1083,21 +1091,21 @@ var D = "dbn:", xe = `${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": yn.ariaRowCount,
+											"aria-rowindex": bn.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 = en?.map((e) => {
+													let e = D.aggregateRow?.function || "SUM", t = tn?.map((e) => {
 														let t = e.original[n];
 														return typeof t == "number" ? t : parseFloat(t);
 													})?.filter((e) => !isNaN(e));
 													a = se(t, e);
 													let r = D?.tableNumberFormatter?.find((e) => e.columns?.includes(n));
-													if (a !== "" && F(n)) a = String(mt(a, n) ?? "");
+													if (a !== "" && F(n)) a = String(ht(a, n) ?? "");
 													else if (a !== "" && D?.isEnableNumberFormatting && (r || D?.formattedColumns?.includes(n))) {
-														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 || "";
+														let e = Qe?.length ? Qe?.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}${ce(Number(a) || 0, t)}${c}`, i && (o = D?.hideTableHeader && D?.isHideHorizontalScroll ? j.wrapCellText : j.wrapText);
 													}
 												}
@@ -1121,7 +1129,7 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 													},
 													children: /* @__PURE__ */ T("div", {
 														style: {
-															...At,
+															...jt,
 															...D?.isSepAlign && Object.keys(D?.colAlignments || []).includes(e.id) ? { justifyContent: D?.colAlignments?.[e.id] } : {}
 														},
 														children: /* @__PURE__ */ T("span", {
@@ -1144,7 +1152,7 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 										}, "footer-row") }) : null
 									]
 								}),
-								!R?.length && D?.isEnableColumnFilter && !S && !C.length && !Yt && !W?.length && (P?.[0] || B?.[0]) ? /* @__PURE__ */ T("div", {
+								!R?.length && D?.isEnableColumnFilter && !S && !C.length && !Xt && !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(x, {
 										height: "80px",
@@ -1152,7 +1160,7 @@ var D = "dbn:", xe = `${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]) && !S && !C.length && !Yt ? /* @__PURE__ */ T("div", {
+								!W?.length && e?.length && (P?.[0] || B?.[0]) && !S && !C.length && !Xt ? /* @__PURE__ */ T("div", {
 									className: "dbn:flex dbn:flex-col dbn:justify-center dbn:items-center dbn:w-full dbn:p-8",
 									children: /* @__PURE__ */ T(x, {
 										height: "80px",
@@ -1162,7 +1170,7 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 								}) : null
 							]
 						}),
-						!e?.length && !D?.isEnableColumnFilter && !S && !C.length && !Yt && /* @__PURE__ */ T("div", {
+						!e?.length && !D?.isEnableColumnFilter && !S && !C.length && !Xt && /* @__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(x, {
 								height: "80px",
@@ -1176,16 +1184,16 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 						})
 					]
 				}),
-				e && !D?.disablePagination && (!Ve || D?.isServerSidePagination) && /* @__PURE__ */ E("div", {
+				e && !D?.disablePagination && (!He || D?.isServerSidePagination) && /* @__PURE__ */ E("div", {
 					className: `${j.pagination} ${D?.isAutoPagination ? "dbn:pl-2" : ""} ${D?.paginationPosition === "top" ? "dbn:py-0" : ""}`,
 					style: {
-						marginRight: `${st ? "70px" : ""}`,
+						marginRight: `${ct ? "70px" : ""}`,
 						order: D?.paginationPosition === "top" ? 2 : 3
 					},
 					children: [
 						D?.isAutoPagination ? null : /* @__PURE__ */ T("div", {
 							className: `dbn-interactive-element ${j.rowStyle}`,
-							children: /* @__PURE__ */ T(te, {
+							children: /* @__PURE__ */ T(ne, {
 								id: "rows-per-page",
 								"aria-label": "Rows per page",
 								customButton: /* @__PURE__ */ E("div", {
@@ -1201,7 +1209,7 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 								}),
 								className: "dbn:border-none",
 								onChange: (e) => {
-									Bt(e), k?.(!1, parseInt(e.value, 10)), ze?.((t) => ({
+									Vt(e), k?.(!1, parseInt(e.value, 10)), Be?.((t) => ({
 										...t,
 										tableSettings: {
 											...t.tableSettings,
@@ -1214,17 +1222,17 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 								labelVariant: "static",
 								menuWidth: "120px",
 								buttonWidth: z?.value === "1000" ? "165px" : "150px",
-								menuZIndex: Xe
+								menuZIndex: Ze
 							})
 						}),
-						S ? null : A && e.length && fn ? /* @__PURE__ */ E("span", {
+						S ? null : A && e.length && pn ? /* @__PURE__ */ E("span", {
 							className: j.pageStyle,
 							children: [
 								N.offset + 1,
 								"-",
 								N.offset + e.length,
 								" of ",
-								fn
+								pn
 							]
 						}) : Y.from && Y.to && Y.total ? /* @__PURE__ */ E("span", {
 							className: j.pageStyle,
@@ -1242,7 +1250,7 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 							children: [/* @__PURE__ */ E("div", {
 								className: j.buttonContainer,
 								children: [
-									/* @__PURE__ */ T(h, {
+									/* @__PURE__ */ T(m, {
 										id: "jump-to-start",
 										"aria-label": l.start,
 										title: l.start,
@@ -1252,8 +1260,8 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 										onClick: () => {
 											A ? k?.(!0, void 0, 0) : K.setPageIndex(0);
 										},
-										isDisabled: A ? !Le || Z === 0 : Y.from <= 1,
-										children: /* @__PURE__ */ T(f, {
+										isDisabled: A ? !Re || Z === 0 : Y.from <= 1,
+										children: /* @__PURE__ */ T(d, {
 											size: "small",
 											name: "double-arrow-left"
 										})
@@ -1261,7 +1269,7 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 									/* @__PURE__ */ E("div", {
 										className: j.pageBtns,
 										children: [
-											/* @__PURE__ */ T(h, {
+											/* @__PURE__ */ T(m, {
 												id: "jump-to-prev",
 												"aria-label": l.prev,
 												title: l.prev,
@@ -1271,33 +1279,33 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 												onClick: () => {
 													A ? k?.(!0) : K.previousPage();
 												},
-												isDisabled: A ? !Le || Z === 0 : Y.from <= 1,
+												isDisabled: A ? !Re || Z === 0 : Y.from <= 1,
 												style: { height: "calc(1.75rem - 1.6px)" },
-												children: /* @__PURE__ */ T(f, {
+												children: /* @__PURE__ */ T(d, {
 													size: "small",
 													name: "caret-left"
 												})
 											}),
 											/* @__PURE__ */ T("div", {
 												className: j.pageInfo,
-												children: qt ? /* @__PURE__ */ T(o, {
+												children: Jt ? /* @__PURE__ */ T(o, {
 													type: "number",
-													value: hn,
+													value: gn,
 													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), gn(t);
+														t === 0 && (t = 1), _n(t);
 													},
 													onKeyDown: (e) => {
-														e.key == "Enter" && (A ? k?.(!0, void 0, (hn - 1) * N.limit) : K.setPageIndex(hn - 1), Jt(!1));
+														e.key == "Enter" && (A ? k?.(!0, void 0, (gn - 1) * N.limit) : K.setPageIndex(gn - 1), Yt(!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: () => Jt(!0),
+													onClick: () => Yt(!0),
 													title: `${A ? Z + 1 : J + 1} of ${A ? X : K.getPageCount()}`,
 													children: [
 														/* @__PURE__ */ T(_, {
@@ -1318,7 +1326,7 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 													]
 												})
 											}),
-											/* @__PURE__ */ T(h, {
+											/* @__PURE__ */ T(m, {
 												id: "jump-to-next",
 												"aria-label": l.next,
 												title: l.next,
@@ -1328,16 +1336,16 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 												onClick: () => {
 													A ? k?.(!1) : K.nextPage();
 												},
-												isDisabled: A ? !Ie || Z === X - 1 : Y.to >= Y.total,
+												isDisabled: A ? !Fe || Z === X - 1 : Y.to >= Y.total,
 												style: { height: "calc(1.75rem - 1.6px)" },
-												children: /* @__PURE__ */ T(f, {
+												children: /* @__PURE__ */ T(d, {
 													size: "small",
 													name: "caret-right"
 												})
 											})
 										]
 									}),
-									/* @__PURE__ */ T(h, {
+									/* @__PURE__ */ T(m, {
 										id: "jump-to-end",
 										"aria-label": l.end,
 										title: l.end,
@@ -1347,53 +1355,53 @@ var D = "dbn:", xe = `${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 ? !Ie || Z === X - 1 : Y.to >= Y.total,
-										children: /* @__PURE__ */ T(f, {
+										isDisabled: A ? !Fe || Z === X - 1 : Y.to >= Y.total,
+										children: /* @__PURE__ */ T(d, {
 											size: "small",
 											name: "double-arrow-right"
 										})
 									})
 								]
-							}), Ge && /* @__PURE__ */ T("div", {
+							}), Ke && /* @__PURE__ */ T("div", {
 								className: j.isFullScreenEnabled,
-								children: We && /* @__PURE__ */ T(h, {
+								children: Ge && /* @__PURE__ */ T(m, {
 									type: "button",
 									variant: "popover",
 									className: ke.cardControl,
 									"aria-label": "Enter fullscreen",
 									onClick: () => {
 										Te({
-											metricId: Ke,
+											metricId: qe,
 											defaultRowSize: `${z.value}`
-										}), qe?.();
+										}), Je?.();
 									},
 									leftIcon: /* @__PURE__ */ T("div", {
 										className: j.fullScreenBtn,
-										children: /* @__PURE__ */ T(f, { name: "fullscreen" })
+										children: /* @__PURE__ */ T(d, { name: "fullscreen" })
 									})
 								})
 							})]
 						})
 					]
 				}),
-				Ve && !D?.isServerSidePagination && e && (e.length > Vt || Ue && e.length) ? /* @__PURE__ */ T("div", {
+				He && !D?.isServerSidePagination && e && (e.length > Ht || We && e.length) ? /* @__PURE__ */ T("div", {
 					className: "dbn:p-2.5 dbn:px-5 dbn:flex dbn:justify-end",
 					style: { order: 4 },
-					children: /* @__PURE__ */ E(h, {
+					children: /* @__PURE__ */ E(m, {
 						variant: "secondary",
 						type: "button",
 						onClick: () => {
-							He ? He() : Ht((e) => e + 50);
+							Ue ? Ue() : Ut((e) => e + 50);
 						},
 						className: j.loadMore,
-						children: ["Load More", /* @__PURE__ */ T(f, { name: "double-arrow-right" })]
+						children: ["Load More", /* @__PURE__ */ T(d, { name: "double-arrow-right" })]
 					})
 				}) : null
 			]
-		}), /* @__PURE__ */ E(d, {
-			isOpen: yt?.isShow,
+		}), /* @__PURE__ */ E(ee, {
+			isOpen: bt?.isShow,
 			onClose: () => {
-				bt({
+				xt({
 					isShow: !1,
 					data: []
 				});
@@ -1402,12 +1410,12 @@ var D = "dbn:", xe = `${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(Oe, { data: yt?.data || [] })
-			}), /* @__PURE__ */ T(p, { children: /* @__PURE__ */ T(h, {
+				children: /* @__PURE__ */ T(Oe, { data: bt?.data || [] })
+			}), /* @__PURE__ */ T(f, { children: /* @__PURE__ */ T(m, {
 				variant: "secondary",
 				className: "cta-secondary",
 				onClick: () => {
-					bt({
+					xt({
 						isShow: !1,
 						data: []
 					});
@@ -1417,4 +1425,4 @@ var D = "dbn:", xe = `${D}metric.fullscreen.settings`, O = `${D}embed.disableCli
 		})]
 	});
 };
-export { A as a, M as i, Ae as n, k as o, ke as r, Te as s, Ie as t };
+export { A as a, M as i, Ae as n, k as o, ke as r, Te as s, Re as t };