@databrainhq/plugin 0.17.9-beta.28 → 0.17.9-beta.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/dist/{Accordion-CoAgGDkG.mjs → Accordion-D3BY1Djk.mjs} +1 -1
  2. package/dist/{Chart-B6nbhgDm.mjs → Chart-DLywnJ2G.mjs} +9 -9
  3. package/dist/{CreateGlobalFilter-1OZ1kL-z.mjs → CreateGlobalFilter-CKJUC6E4.mjs} +2 -2
  4. package/dist/{CreateMetricV2-D7kMpr31.mjs → CreateMetricV2-BeDnNiyh.mjs} +10 -10
  5. package/dist/{DraggableItem-BEBgDONn.mjs → DraggableItem-AjMo7BEC.mjs} +2 -2
  6. package/dist/{HorizontalStackTable-O26xCqBR.mjs → HorizontalStackTable-D5DDMofF.mjs} +381 -386
  7. package/dist/{ManageMetricsV2-DbMJiFK3.mjs → ManageMetricsV2-RqhT8yIO.mjs} +3 -3
  8. package/dist/{MetricCardV2-hjda1ixx.mjs → MetricCardV2-BodL4dtm.mjs} +9 -9
  9. package/dist/{NoDataFound-DJYH2DNP.mjs → NoDataFound-A2hcHX54.mjs} +1 -1
  10. package/dist/{NoDataState-BUMZvXw-.mjs → NoDataState-CpFDQEjI.mjs} +2 -2
  11. package/dist/{Panel-QxSddHIW.mjs → Panel-CIL3Ae0q.mjs} +1 -1
  12. package/dist/{PivotTableV2-C1jIDVRX.mjs → PivotTableV2-BZvASV78.mjs} +2 -2
  13. package/dist/{PivotTableV3-y5FljVbH.mjs → PivotTableV3-BWOZPBVd.mjs} +4 -4
  14. package/dist/{Portal-B5o7VSn8.mjs → Portal-DkdLrxy7.mjs} +2 -2
  15. package/dist/{RadioButton-BZj8m2vu.mjs → RadioButton-D0OLlFxB.mjs} +1 -1
  16. package/dist/{ScheduleEmail-vTm2PKQq.mjs → ScheduleEmail-LQzRpPv0.mjs} +6 -6
  17. package/dist/{SearchMetricData-CcIx9ZwW.mjs → SearchMetricData-BAbje0HZ.mjs} +13 -13
  18. package/dist/{SortPanel-Biddyc88.mjs → SortPanel-ciAQt9No.mjs} +8 -8
  19. package/dist/{Table-KdC_txBI.mjs → Table-DbkfNJG3.mjs} +4 -4
  20. package/dist/{TagInputField-C4ltWaCV.mjs → TagInputField-DYPbzxrF.mjs} +4 -4
  21. package/dist/{TextAreaField-CVKUKTQE.mjs → TextAreaField-BcN1mn4D.mjs} +8 -8
  22. package/dist/{TimeSeriesSettings-BaqWBJJw.mjs → TimeSeriesSettings-C6DdMDpI.mjs} +2 -2
  23. package/dist/{cardQueryError-Cwh8RMiE.mjs → cardQueryError-3wv1ee_K.mjs} +9 -9
  24. package/dist/{chevron-down-CS2ZaIil.mjs → chevron-down-DHz2FYSJ.mjs} +0 -0
  25. package/dist/{conditionalFormatting-xInTbzte.mjs → conditionalFormatting-DlCrspOY.mjs} +1 -1
  26. package/dist/{createGlobalFilter.module-TklPViH2.mjs → createGlobalFilter.module-SYkXdRSV.mjs} +1 -1
  27. package/dist/data.cjs +1 -1
  28. package/dist/data.mjs +1 -1
  29. package/dist/{echarts-DJ0QfQ-s.mjs → echarts-BZv8Geij.mjs} +2 -2
  30. package/dist/{metric.mutation-BDZXgluN.mjs → metric.mutation-DDoeXJD9.mjs} +1 -1
  31. package/dist/{permissions-CQc4iRX0.mjs → permissions-DjS08z-t.mjs} +5 -5
  32. package/dist/{pluginV3Request-DirMUrBw.mjs → pluginV3Request-BJZYMKP0.mjs} +1 -1
  33. package/dist/{renderer-8aV0aYX7.mjs → renderer-Tm8NhFTX.mjs} +1 -1
  34. package/dist/{timeseries-C7MAXWW6.mjs → timeseries-BR4nCSdl.mjs} +1 -1
  35. package/dist/{toTasteAppearance-CYVcaga2.mjs → toTasteAppearance-BbKNt3E_.mjs} +1 -1
  36. package/dist/{useGuesTokenUsageLog-CK7T5G6y.mjs → useGuesTokenUsageLog-DyImZJ3i.mjs} +1 -1
  37. package/dist/{usePublishArchivedMetrics-BirmW2YK.mjs → usePublishArchivedMetrics-DP4ny6m6.mjs} +2 -2
  38. package/dist/{useQuery-CiUdqNDY.mjs → useQuery-R1MpJfWH.mjs} +1 -1
  39. package/dist/webcomponents.css +2 -2
  40. package/dist/webcomponents.es.js +341 -332
  41. package/dist/webcomponents.umd.js +41 -41
  42. package/package.json +1 -1
package/dist/{HorizontalStackTable-O26xCqBR.mjs → HorizontalStackTable-D5DDMofF.mjs} RENAMED
@@ -1,90 +1,92 @@
1
1
  import "react";
2
2
  import "react-dom";
3
3
  import "react-dom/client";
4
- import { Ai as e, Fr as t, H as n, N as r, Pa as i, Va as a, ui as o, ur as s } from "./Portal-B5o7VSn8.mjs";
4
+ import { Ai as e, Fr as t, H as n, N as r, Pa as i, Va as a, ui as o, ur as s } from "./Portal-DkdLrxy7.mjs";
5
5
  import { t as c } from "./jsx-runtime-B0EUnyJj.mjs";
6
- import { f as l, u } from "./timeseries-C7MAXWW6.mjs";
6
+ import { f as l, u } from "./timeseries-BR4nCSdl.mjs";
7
7
  import "./No_data-BIO-IPxg.mjs";
8
- import { a as d, i as f, n as p, o as m, r as h, s as g, t as ee } from "./dist-DHNl58qD.mjs";
9
- import { t as _ } from "./conditionalFormatting-xInTbzte.mjs";
10
- import { n as te, r as ne, t as re } from "./tableAriaRowModel-C4w1OsEZ.mjs";
11
- import { t as ie } from "./Loader-BOT4ofJi.mjs";
12
- import { memo as v, useEffect as y, useMemo as b, useState as x } from "react";
13
- var S = {
14
- "table-loader-container": "_table-loader-container_1tlxb_8",
15
- tableData: "_tableData_1tlxb_11",
16
- tableScroll: "_tableScroll_1tlxb_14",
17
- tableHeadCol: "_tableHeadCol_1tlxb_17",
18
- tableBarHeadCol: "_tableBarHeadCol_1tlxb_21",
19
- resizer: "_resizer_1tlxb_24",
20
- resizing: "_resizing_1tlxb_30",
21
- tableRowCol: "_tableRowCol_1tlxb_36",
22
- truncateText: "_truncateText_1tlxb_40",
23
- row: "_row_1tlxb_44",
24
- container: "_container_1tlxb_47",
25
- table: "_table_1tlxb_8",
26
- previewTable: "_previewTable_1tlxb_63",
27
- preview: "_preview_1tlxb_63",
28
- previewTitle: "_previewTitle_1tlxb_89",
29
- previewControls: "_previewControls_1tlxb_90",
30
- searchButton: "_searchButton_1tlxb_128",
31
- previewText: "_previewText_1tlxb_131",
32
- noData: "_noData_1tlxb_134",
33
- error: "_error_1tlxb_137",
34
- errorMsg: "_errorMsg_1tlxb_140",
35
- tableIcon: "_tableIcon_1tlxb_143",
36
- stripedRow: "_stripedRow_1tlxb_146",
37
- rowHover: "_rowHover_1tlxb_149",
38
- tableBorderRight: "_tableBorderRight_1tlxb_155",
39
- tableBorderBottom: "_tableBorderBottom_1tlxb_159",
40
- searchContainer: "_searchContainer_1tlxb_162",
41
- searchTab: "_searchTab_1tlxb_170",
42
- searchTabInput: "_searchTabInput_1tlxb_170",
43
- searchTabIcon: "_searchTabIcon_1tlxb_199",
44
- noDataHead: "_noDataHead_1tlxb_202",
45
- noDataBody: "_noDataBody_1tlxb_205",
46
- showSort: "_showSort_1tlxb_208",
47
- noSort: "_noSort_1tlxb_211",
48
- button: "_button_1tlxb_214",
49
- paginationWrapper: "_paginationWrapper_1tlxb_220",
50
- current: "_current_1tlxb_223",
51
- textTruncate: "_textTruncate_1tlxb_226",
52
- badge: "_badge_1tlxb_229",
53
- list: "_list_1tlxb_232",
54
- badgeDiv: "_badgeDiv_1tlxb_235",
55
- listItem: "_listItem_1tlxb_238",
56
- listItemDiv: "_listItemDiv_1tlxb_241",
57
- truncateIcon: "_truncateIcon_1tlxb_244",
58
- loadMore: "_loadMore_1tlxb_247",
59
- loadMoreIcon: "_loadMoreIcon_1tlxb_250",
60
- listVal: "_listVal_1tlxb_253",
61
- legendContainer: "_legendContainer_1tlxb_256",
62
- legend: "_legend_1tlxb_256",
63
- sortIcon: "_sortIcon_1tlxb_263",
64
- sortButton: "_sortButton_1tlxb_165",
65
- pagination: "_pagination_1tlxb_83",
66
- rowStyle: "_rowStyle_1tlxb_273",
67
- rowText: "_rowText_1tlxb_276",
68
- rowsDropdown: "_rowsDropdown_1tlxb_279",
69
- pageStyle: "_pageStyle_1tlxb_282",
70
- buttonContainer: "_buttonContainer_1tlxb_285",
71
- pageBtns: "_pageBtns_1tlxb_288",
72
- pageInfo: "_pageInfo_1tlxb_291",
73
- btnHover: "_btnHover_1tlxb_294",
74
- trendMicrochart: "_trendMicrochart_1tlxb_298",
75
- trendBarSlot: "_trendBarSlot_1tlxb_302",
76
- trendBar: "_trendBar_1tlxb_302",
77
- stackMicrochart: "_stackMicrochart_1tlxb_310",
78
- stackTrack: "_stackTrack_1tlxb_314",
79
- stackSegment: "_stackSegment_1tlxb_318",
80
- stackLabel: "_stackLabel_1tlxb_322",
81
- stackBottomLabels: "_stackBottomLabels_1tlxb_330",
82
- stackBottomLabel: "_stackBottomLabel_1tlxb_330"
83
- }, C = c(), w = ({ value: e, onChange: t, debounce: n = 500, ...r }) => {
84
- let [i, a] = x(e);
85
- return y(() => {
8
+ import { a as d, i as f, n as p, o as m, r as h, s as g, t as _ } from "./dist-DHNl58qD.mjs";
9
+ import { t as v } from "./conditionalFormatting-DlCrspOY.mjs";
10
+ import { n as ee, r as te, t as ne } from "./tableAriaRowModel-C4w1OsEZ.mjs";
11
+ import { t as re } from "./Loader-BOT4ofJi.mjs";
12
+ import { memo as y, useEffect as b, useMemo as x, useState as S } from "react";
13
+ var C = {
14
+ "table-loader-container": "_table-loader-container_1xasc_8",
15
+ tableData: "_tableData_1xasc_11",
16
+ tableScroll: "_tableScroll_1xasc_14",
17
+ tableHeadCol: "_tableHeadCol_1xasc_17",
18
+ tableBarHeadCol: "_tableBarHeadCol_1xasc_21",
19
+ resizer: "_resizer_1xasc_24",
20
+ resizing: "_resizing_1xasc_30",
21
+ tableRowCol: "_tableRowCol_1xasc_36",
22
+ truncateText: "_truncateText_1xasc_40",
23
+ row: "_row_1xasc_44",
24
+ container: "_container_1xasc_47",
25
+ table: "_table_1xasc_8",
26
+ previewTable: "_previewTable_1xasc_63",
27
+ preview: "_preview_1xasc_63",
28
+ previewTitle: "_previewTitle_1xasc_89",
29
+ previewControls: "_previewControls_1xasc_90",
30
+ searchButton: "_searchButton_1xasc_128",
31
+ previewText: "_previewText_1xasc_131",
32
+ noData: "_noData_1xasc_134",
33
+ error: "_error_1xasc_137",
34
+ errorMsg: "_errorMsg_1xasc_140",
35
+ tableIcon: "_tableIcon_1xasc_143",
36
+ stripedRow: "_stripedRow_1xasc_146",
37
+ rowHover: "_rowHover_1xasc_149",
38
+ tableBorderRight: "_tableBorderRight_1xasc_155",
39
+ tableBorderBottom: "_tableBorderBottom_1xasc_159",
40
+ searchContainer: "_searchContainer_1xasc_162",
41
+ searchTab: "_searchTab_1xasc_170",
42
+ searchTabInput: "_searchTabInput_1xasc_170",
43
+ searchTabIcon: "_searchTabIcon_1xasc_199",
44
+ noDataHead: "_noDataHead_1xasc_202",
45
+ noDataBody: "_noDataBody_1xasc_205",
46
+ showSort: "_showSort_1xasc_208",
47
+ noSort: "_noSort_1xasc_211",
48
+ button: "_button_1xasc_214",
49
+ paginationWrapper: "_paginationWrapper_1xasc_220",
50
+ current: "_current_1xasc_223",
51
+ textTruncate: "_textTruncate_1xasc_226",
52
+ badge: "_badge_1xasc_229",
53
+ list: "_list_1xasc_232",
54
+ badgeDiv: "_badgeDiv_1xasc_235",
55
+ listItem: "_listItem_1xasc_238",
56
+ listItemDiv: "_listItemDiv_1xasc_241",
57
+ truncateIcon: "_truncateIcon_1xasc_244",
58
+ loadMore: "_loadMore_1xasc_247",
59
+ loadMoreIcon: "_loadMoreIcon_1xasc_250",
60
+ listVal: "_listVal_1xasc_253",
61
+ legendContainer: "_legendContainer_1xasc_256",
62
+ legendToggle: "_legendToggle_1xasc_259",
63
+ legendText: "_legendText_1xasc_269",
64
+ legend: "_legend_1xasc_256",
65
+ sortIcon: "_sortIcon_1xasc_280",
66
+ sortButton: "_sortButton_1xasc_165",
67
+ pagination: "_pagination_1xasc_83",
68
+ rowStyle: "_rowStyle_1xasc_290",
69
+ rowText: "_rowText_1xasc_293",
70
+ rowsDropdown: "_rowsDropdown_1xasc_296",
71
+ pageStyle: "_pageStyle_1xasc_299",
72
+ buttonContainer: "_buttonContainer_1xasc_302",
73
+ pageBtns: "_pageBtns_1xasc_305",
74
+ pageInfo: "_pageInfo_1xasc_308",
75
+ btnHover: "_btnHover_1xasc_311",
76
+ trendMicrochart: "_trendMicrochart_1xasc_315",
77
+ trendBarSlot: "_trendBarSlot_1xasc_319",
78
+ trendBar: "_trendBar_1xasc_319",
79
+ stackMicrochart: "_stackMicrochart_1xasc_327",
80
+ stackTrack: "_stackTrack_1xasc_331",
81
+ stackSegment: "_stackSegment_1xasc_335",
82
+ stackLabel: "_stackLabel_1xasc_339",
83
+ stackBottomLabels: "_stackBottomLabels_1xasc_347",
84
+ stackBottomLabel: "_stackBottomLabel_1xasc_347"
85
+ }, w = c(), ie = ({ value: e, onChange: t, debounce: n = 500, ...r }) => {
86
+ let [i, a] = S(e);
87
+ return b(() => {
86
88
  a(e);
87
- }, [e]), y(() => {
89
+ }, [e]), b(() => {
88
90
  let e = setTimeout(() => {
89
91
  t(i);
90
92
  }, n);
@@ -93,13 +95,13 @@ var S = {
93
95
  n,
94
96
  t,
95
97
  i
96
- ]), /* @__PURE__ */ (0, C.jsx)("div", {
97
- className: `${S.searchTab} ${r.className || ""}`,
98
- children: /* @__PURE__ */ (0, C.jsx)("input", {
98
+ ]), /* @__PURE__ */ (0, w.jsx)("div", {
99
+ className: `${C.searchTab} ${r.className || ""}`,
100
+ children: /* @__PURE__ */ (0, w.jsx)("input", {
99
101
  ...r,
100
102
  value: i,
101
103
  onChange: (e) => a(e.target.value),
102
- className: S.searchTabInput
104
+ className: C.searchTabInput
103
105
  })
104
106
  });
105
107
  }, T = (e) => {
@@ -127,29 +129,29 @@ var S = {
127
129
  if (r !== null) return r;
128
130
  }
129
131
  return null;
130
- }, ae = ({ index: e, item: t, xAxis: n }) => {
132
+ }, D = ({ index: e, item: t, xAxis: n }) => {
131
133
  if (t && typeof t == "object" && !Array.isArray(t)) {
132
134
  let e = t, r = (n ? e[n] : void 0) ?? e.name;
133
135
  if (r != null && r !== "") return String(r);
134
136
  }
135
137
  return String(e + 1);
136
- }, oe = (e) => {
138
+ }, ae = (e) => {
137
139
  if (e?.length) return e.slice(0, 4).map((e) => `${Math.max(0, Number(e) || 0)}px`).join(" ");
138
- }, D = (e) => {
140
+ }, O = (e) => {
139
141
  let t = e.data?.[0];
140
142
  return t && typeof t == "object" && !Array.isArray(t) ? t.value : t;
141
- }, O = (e, t) => {
143
+ }, k = (e, t) => {
142
144
  let n = e.label?.formatter?.({ data: { value: t } });
143
145
  return n == null ? "-" : String(n);
144
- }, k = ({ color: e, containerClassName: t, containerStyle: n, data: r, formatValue: i, xAxis: a, yAxis: o }) => {
145
- let s = b(() => Array.isArray(r) ? r.flatMap((e, t) => {
146
+ }, A = ({ color: e, containerClassName: t, containerStyle: n, data: r, formatValue: i, xAxis: a, yAxis: o }) => {
147
+ let s = x(() => Array.isArray(r) ? r.flatMap((e, t) => {
146
148
  let n = E({
147
149
  item: e,
148
150
  xAxis: a,
149
151
  yAxis: o
150
152
  });
151
153
  return n === null ? [] : [{
152
- label: ae({
154
+ label: D({
153
155
  index: t,
154
156
  item: e,
155
157
  xAxis: a
@@ -163,17 +165,17 @@ var S = {
163
165
  a,
164
166
  o
165
167
  ]), c = Math.max(0, ...s.map(({ value: e }) => e)), l = Math.min(0, ...s.map(({ value: e }) => e)), u = c + Math.abs(l), d = u > 0 ? Math.abs(l) / u * 100 : 0, f = o || "trend", p = s.map(({ formattedValue: e, label: t }) => `${t} ${e}`).join("; ");
166
- return /* @__PURE__ */ (0, C.jsx)("div", {
168
+ return /* @__PURE__ */ (0, w.jsx)("div", {
167
169
  "aria-label": `${f} trend: ${p || "-"}`,
168
- className: `${S.trendMicrochart} ${t || ""}`,
170
+ className: `${C.trendMicrochart} ${t || ""}`,
169
171
  "data-dbn-microchart": "trend",
170
172
  role: "img",
171
173
  style: n,
172
- children: s.map(({ formattedValue: t, label: n, value: r }) => /* @__PURE__ */ (0, C.jsx)("span", {
174
+ children: s.map(({ formattedValue: t, label: n, value: r }) => /* @__PURE__ */ (0, w.jsx)("span", {
173
175
  "aria-hidden": "true",
174
- className: S.trendBarSlot,
175
- children: /* @__PURE__ */ (0, C.jsx)("span", {
176
- className: S.trendBar,
176
+ className: C.trendBarSlot,
177
+ children: /* @__PURE__ */ (0, w.jsx)("span", {
178
+ className: C.trendBar,
177
179
  "data-dbn-trend-bar": "",
178
180
  style: {
179
181
  backgroundColor: e,
@@ -184,7 +186,7 @@ var S = {
184
186
  })
185
187
  }, `${n}-${r}`))
186
188
  });
187
- }, se = ({ barRadius: e, barWidth: t, colors: n, columns: r, containerClassName: i, containerStyle: a, formatValue: o, labelPosition: s, max: c, row: l, showLabels: u }) => {
189
+ }, j = ({ barRadius: e, barWidth: t, colors: n, columns: r, containerClassName: i, containerStyle: a, formatValue: o, labelPosition: s, max: c, row: l, showLabels: u }) => {
188
190
  let d = r.map((e, t) => {
189
191
  let r = l[e];
190
192
  return {
@@ -194,46 +196,46 @@ var S = {
194
196
  value: Math.max(0, T(r) ?? 0)
195
197
  };
196
198
  }), f = c > 0 ? c : 1, p = u && s === "bottom", m = `${Math.min(100, Math.max(5, t || 40))}%`, h = d.map(({ column: e, formattedValue: t }) => `${e} ${t}`).join("; ");
197
- return /* @__PURE__ */ (0, C.jsxs)("div", {
199
+ return /* @__PURE__ */ (0, w.jsxs)("div", {
198
200
  "aria-label": `Stacked values: ${h || "-"}`,
199
- className: `${S.stackMicrochart} ${i || ""}`,
201
+ className: `${C.stackMicrochart} ${i || ""}`,
200
202
  "data-dbn-microchart": "stack",
201
203
  role: "img",
202
204
  style: a,
203
- children: [/* @__PURE__ */ (0, C.jsx)("div", {
205
+ children: [/* @__PURE__ */ (0, w.jsx)("div", {
204
206
  "aria-hidden": "true",
205
- className: S.stackTrack,
207
+ className: C.stackTrack,
206
208
  style: { height: m },
207
- children: d.map(({ color: t, column: n, formattedValue: r, value: i }) => /* @__PURE__ */ (0, C.jsx)("span", {
208
- className: S.stackSegment,
209
+ children: d.map(({ color: t, column: n, formattedValue: r, value: i }) => /* @__PURE__ */ (0, w.jsx)("span", {
210
+ className: C.stackSegment,
209
211
  "data-dbn-stack-segment": "",
210
212
  style: {
211
213
  backgroundColor: t,
212
- borderRadius: oe(e),
214
+ borderRadius: ae(e),
213
215
  width: `${i / f * 100}%`
214
216
  },
215
217
  title: `${n}: ${r}`,
216
- children: u && !p ? /* @__PURE__ */ (0, C.jsx)("span", {
217
- className: S.stackLabel,
218
+ children: u && !p ? /* @__PURE__ */ (0, w.jsx)("span", {
219
+ className: C.stackLabel,
218
220
  "data-label-position": s || "inside",
219
221
  children: r
220
222
  }) : null
221
223
  }, n))
222
- }), p ? /* @__PURE__ */ (0, C.jsx)("div", {
224
+ }), p ? /* @__PURE__ */ (0, w.jsx)("div", {
223
225
  "aria-hidden": "true",
224
- className: S.stackBottomLabels,
225
- children: d.map(({ column: e, formattedValue: t, value: n }) => /* @__PURE__ */ (0, C.jsx)("span", {
226
- className: S.stackBottomLabel,
226
+ className: C.stackBottomLabels,
227
+ children: d.map(({ column: e, formattedValue: t, value: n }) => /* @__PURE__ */ (0, w.jsx)("span", {
228
+ className: C.stackBottomLabel,
227
229
  style: { width: `${n / f * 100}%` },
228
230
  children: t
229
231
  }, e))
230
232
  }) : null]
231
233
  });
232
- }, A = ({ className: e, option: t, style: n }) => {
234
+ }, oe = ({ className: e, option: t, style: n }) => {
233
235
  let { series: r } = t;
234
236
  if (Array.isArray(r)) {
235
- let i = Object.fromEntries(r.map((e, t) => [e.name || String(t + 1), D(e)])), a = r[0];
236
- return /* @__PURE__ */ (0, C.jsx)(j, {
237
+ let i = Object.fromEntries(r.map((e, t) => [e.name || String(t + 1), O(e)])), a = r[0];
238
+ return /* @__PURE__ */ (0, w.jsx)(ce, {
237
239
  barRadius: a?.itemStyle?.borderRadius,
238
240
  barWidth: Number.parseFloat(String(a?.barWidth || 40)),
239
241
  colors: Array.isArray(t.color) ? t.color : [],
@@ -242,7 +244,7 @@ var S = {
242
244
  containerStyle: n,
243
245
  formatValue: (e, t) => {
244
246
  let n = r.find((t) => t.name === e);
245
- return n ? O(n, t) : String(t ?? "-");
247
+ return n ? k(n, t) : String(t ?? "-");
246
248
  },
247
249
  labelPosition: a?.label?.position,
248
250
  max: t.xAxis?.max || 0,
@@ -258,17 +260,17 @@ var S = {
258
260
  yAxis: i
259
261
  })
260
262
  })), o = Array.isArray(t.color) ? t.color[0] || "#5470c6" : t.color || "#5470c6";
261
- return /* @__PURE__ */ (0, C.jsx)(ce, {
263
+ return /* @__PURE__ */ (0, w.jsx)(se, {
262
264
  color: o,
263
265
  containerClassName: e,
264
266
  containerStyle: n,
265
267
  data: a,
266
- formatValue: (e, t) => O(r, t),
268
+ formatValue: (e, t) => k(r, t),
267
269
  xAxis: "label",
268
270
  yAxis: i
269
271
  });
270
- }, ce = v(k), j = v(se), le = v(A), ue = f(), M = ({ data: c, isLoading: f, error: v, tableSettings: T, className: E = "", onColumnSizingChange: ae, onChartReady: oe, stackCols: D, colors: O, showLabels: k, onChangePage: se, setChartSettings: A, dropdownZindex: ce, additionalSettings: j, renderOpts: M }) => {
271
- let N = O?.length ? O : [
272
+ }, se = y(A), ce = y(j), le = y(oe), ue = f(), M = ({ data: c, isLoading: f, error: y, tableSettings: E, className: D = "", onColumnSizingChange: ae, onChartReady: O, stackCols: k, colors: A, showLabels: j, onChangePage: oe, setChartSettings: se, dropdownZindex: ce, additionalSettings: M, renderOpts: de }) => {
273
+ let N = A?.length ? A : [
272
274
  "#5470c6",
273
275
  "#91cc75",
274
276
  "#fac858",
@@ -278,27 +280,27 @@ var S = {
278
280
  "#fc8452",
279
281
  "#9a60b4",
280
282
  "#ea7ccc"
281
- ], [P, de] = x(","), [F, I] = x(","), [fe, pe] = x([]), [me, L] = x(!1), [R, z] = x(1);
282
- y(() => {
283
- T?.badgeSeparator ? de(T.badgeSeparator) : de(",");
284
- }, [T?.badgeSeparator]), y(() => {
285
- T?.listSeparator ? I(T.listSeparator) : I(",");
286
- }, [T?.listSeparator]);
287
- let { badgeDivStyle: he, listDivStyle: ge, headerStyle: B } = b(() => {
288
- let e = T?.lineGap === "small" ? "1rem" : T?.lineGap === "medium" ? "1.9rem" : T?.lineGap === "large" ? "2rem" : "2.5rem", t = T?.lineGap === "small" ? "0.75rem" : T?.lineGap === "medium" ? "0.85rem" : T?.lineGap === "large" ? "0.90rem" : "1rem";
283
+ ], [P, fe] = S(","), [pe, F] = S(","), [me, he] = S([]), [ge, I] = S(!1), [L, R] = S(1), [z, _e] = S([]), B = x(() => (k || []).filter((e) => !z.includes(e)), [k, z]), ve = B.map((e) => N[(k || []).indexOf(e) % N.length]);
284
+ b(() => {
285
+ E?.badgeSeparator ? fe(E.badgeSeparator) : fe(",");
286
+ }, [E?.badgeSeparator]), b(() => {
287
+ E?.listSeparator ? F(E.listSeparator) : F(",");
288
+ }, [E?.listSeparator]);
289
+ let { badgeDivStyle: ye, listDivStyle: be, headerStyle: V } = x(() => {
290
+ let e = E?.lineGap === "small" ? "1rem" : E?.lineGap === "medium" ? "1.9rem" : E?.lineGap === "large" ? "2rem" : "2.5rem", t = E?.lineGap === "small" ? "0.75rem" : E?.lineGap === "medium" ? "0.85rem" : E?.lineGap === "large" ? "0.90rem" : "1rem";
289
291
  return {
290
292
  badgeDivStyle: {
291
293
  width: "100%",
292
294
  height: e,
293
- fontSize: T?.contentFontSize ? `${T?.contentFontSize}px` : t,
295
+ fontSize: E?.contentFontSize ? `${E?.contentFontSize}px` : t,
294
296
  display: "flex",
295
297
  alignItems: "center",
296
- justifyContent: T?.contentAlignment ? `${T.contentAlignment}` : "",
298
+ justifyContent: E?.contentAlignment ? `${E.contentAlignment}` : "",
297
299
  gap: 1
298
300
  },
299
301
  listDivStyle: {
300
302
  width: "100%",
301
- fontSize: T?.contentFontSize ? `${T?.contentFontSize}px` : t,
303
+ fontSize: E?.contentFontSize ? `${E?.contentFontSize}px` : t,
302
304
  display: "flex",
303
305
  alignItems: "start",
304
306
  justifyContent: "center",
@@ -308,72 +310,72 @@ var S = {
308
310
  },
309
311
  headerStyle: {
310
312
  width: "100%",
311
- color: T?.customHeaderColor?.textColor || "var(--dbn-txt-secondary, #6b7280)",
312
- fontSize: T?.headerFontSize ? `${T?.headerFontSize}px` : t,
313
+ color: E?.customHeaderColor?.textColor || "var(--dbn-txt-secondary, #6b7280)",
314
+ fontSize: E?.headerFontSize ? `${E?.headerFontSize}px` : t,
313
315
  height: e,
314
316
  lineHeight: e,
315
- textAlign: T?.headerAlignment || "center",
316
- fontWeight: T?.headerFontBold ? "600" : "400"
317
+ textAlign: E?.headerAlignment || "center",
318
+ fontWeight: E?.headerFontBold ? "600" : "400"
317
319
  }
318
320
  };
319
321
  }, [
320
- T?.lineGap,
321
- T?.contentAlignment,
322
- T?.customHeaderColor?.textColor,
323
- T?.headerAlignment,
324
- T?.headerFontBold,
325
- T?.headerFontSize,
326
- T?.contentFontSize
327
- ]), V = (e, t, n) => {
322
+ E?.lineGap,
323
+ E?.contentAlignment,
324
+ E?.customHeaderColor?.textColor,
325
+ E?.headerAlignment,
326
+ E?.headerFontBold,
327
+ E?.headerFontSize,
328
+ E?.contentFontSize
329
+ ]), xe = (e, t, n) => {
328
330
  if (t && n && Object.keys(t).includes(e) && Object.keys(n).includes(e)) return {
329
331
  backgroundColor: t[e],
330
332
  color: n[e]
331
333
  };
332
334
  if (t && Object.keys(t).includes(e)) return { backgroundColor: t[e] };
333
335
  if (n && Object.keys(n).includes(e)) return { color: n[e] };
334
- }, [H, _e] = x(T?.columnSizing), [U, W] = x(""), [G, ve] = x({
336
+ }, [H, Se] = S(E?.columnSizing), [U, W] = S(""), [G, Ce] = S({
335
337
  pageIndex: 0,
336
338
  pageSize: 10
337
- }), [K, q] = x({
338
- label: T?.defaultRowSize || t.tableSettings?.defaultRowSize || "100",
339
- value: T?.defaultRowSize || t.tableSettings?.defaultRowSize || "100"
339
+ }), [K, q] = S({
340
+ label: E?.defaultRowSize || t.tableSettings?.defaultRowSize || "100",
341
+ value: E?.defaultRowSize || t.tableSettings?.defaultRowSize || "100"
340
342
  });
341
- y(() => {
343
+ b(() => {
342
344
  ae?.(H);
343
- }, [H]), y(() => {
344
- if (!T?.defaultRowSize) return;
345
- let n = e.find((e) => e.value === T.defaultRowSize);
345
+ }, [H]), b(() => {
346
+ if (!E?.defaultRowSize) return;
347
+ let n = e.find((e) => e.value === E.defaultRowSize);
346
348
  if (n) Number(n.value) > 1e3 ? q(e.at(-1)) : q(n);
347
349
  else {
348
350
  let n = e.find((e) => e.value === t.tableSettings?.defaultRowSize);
349
351
  q(n);
350
352
  }
351
- }, [T?.defaultRowSize]);
352
- let J = b(() => !c || !Array.isArray(c) ? [] : c, [c]), ye = (e) => {
353
+ }, [E?.defaultRowSize]);
354
+ let J = x(() => !c || !Array.isArray(c) ? [] : c, [c]), we = (e) => {
353
355
  let t = {};
354
356
  return Object.keys(e).sort().forEach((n) => {
355
357
  t[n] = e[n];
356
358
  }), t;
357
- }, Y = b(() => T?.isSortAlphabetically ? J?.map((e) => ye(e)) : J, [J, T?.isSortAlphabetically]), be = b(() => T?.hStackTrendOptions?.map((e) => e?.column), [T?.hStackTrendOptions]), xe = b(() => Object.keys(Y[0] || {})?.filter((e) => !D?.includes(e))?.map((e) => ue.accessor(e, {
359
+ }, Y = x(() => E?.isSortAlphabetically ? J?.map((e) => we(e)) : J, [J, E?.isSortAlphabetically]), Te = x(() => E?.hStackTrendOptions?.map((e) => e?.column), [E?.hStackTrendOptions]), Ee = x(() => Object.keys(Y[0] || {})?.filter((e) => !k?.includes(e))?.map((e) => ue.accessor(e, {
358
360
  header: () => e,
359
361
  cell: (t) => {
360
362
  let n = t.row.original[e];
361
363
  return n == null ? "" : typeof n == "object" ? JSON.stringify(n) : typeof n == "boolean" ? n ? "true" : "false" : n;
362
364
  },
363
- sortingFn: te(Y.map((t) => t?.[e]))
365
+ sortingFn: ee(Y.map((t) => t?.[e]))
364
366
  })), [Y]), X = h({
365
367
  data: Y,
366
- columns: xe,
368
+ columns: Ee,
367
369
  state: {
368
370
  globalFilter: U,
369
- sorting: fe,
371
+ sorting: me,
370
372
  pagination: G,
371
373
  ...H ? { columnSizing: H } : {}
372
374
  },
373
- sortingFns: { manualSorting: ne },
375
+ sortingFns: { manualSorting: te },
374
376
  enableGlobalFilter: !0,
375
377
  getCoreRowModel: d(),
376
- onSortingChange: pe,
378
+ onSortingChange: he,
377
379
  getFilteredRowModel: m(),
378
380
  getSortedRowModel: g(),
379
381
  onGlobalFilterChange: W,
@@ -381,15 +383,15 @@ var S = {
381
383
  enableColumnResizing: !0,
382
384
  columnResizeMode: "onChange",
383
385
  manualPagination: !0,
384
- onColumnSizingChange: _e,
385
- onPaginationChange: ve
386
+ onColumnSizingChange: Se,
387
+ onPaginationChange: Ce
386
388
  });
387
- y(() => {
389
+ b(() => {
388
390
  X.setPageSize(Number(K.value));
389
- }, [K, X]), y(() => {
390
- z(G?.pageIndex + 1);
391
+ }, [K, X]), b(() => {
392
+ R(G?.pageIndex + 1);
391
393
  }, [G?.pageIndex]);
392
- let Z = b(() => {
394
+ let Z = x(() => {
393
395
  let e = U ? X.getRowModel().rows.length : c?.length || 0;
394
396
  return {
395
397
  from: e === 0 ? 0 : G?.pageSize * G?.pageIndex + 1,
@@ -403,27 +405,19 @@ var S = {
403
405
  G?.pageIndex,
404
406
  G?.pageSize
405
407
  ]);
406
- y(() => {
407
- X.getIsSomeColumnsVisible() && oe?.();
408
+ b(() => {
409
+ X.getIsSomeColumnsVisible() && O?.();
408
410
  }, [X.getIsSomeColumnsVisible()]);
409
- let Q = (e, t) => t?.includes(e) ? S.badge : "", Se = (e, t) => t?.includes(e) ? S.list : "";
410
- y(() => {
411
+ let Q = (e, t) => t?.includes(e) ? C.badge : "", De = (e, t) => t?.includes(e) ? C.list : "";
412
+ b(() => {
411
413
  let e = X.getState()?.sorting?.length > 0;
412
414
  (U?.[0]?.length || e) && X.setPageIndex(0);
413
415
  }, [U?.[0], X.getState()?.sorting]);
414
- let Ce = b(() => {
415
- let e = X.getRowModel().rows;
416
- if (!D?.length || !e.length) return 100;
417
- let t = e.map((e) => D.reduce((t, n) => {
418
- let r = e.original[n];
419
- return t + (typeof r == "number" && !isNaN(r) ? r : 0);
420
- }, 0));
421
- return t.length > 0 ? Math.max(...t) : 100;
422
- }, [X.getRowModel().rows.length, D]), we = b(() => T?.showTableTitle && T?.tableTitle?.length, [T?.showTableTitle, T?.tableTitle]), Te = T?.hideTableHeader ? 0 : X.getHeaderGroups()?.length || 0, $ = re({
423
- headerRowCount: Te,
416
+ let Oe = X.getRowModel().rows, ke = x(() => Oe.reduce((e, t) => Math.max(e, B.reduce((e, n) => e + Math.max(0, T(t.original[n]) ?? 0), 0)), 0), [Oe, B]), Ae = x(() => E?.showTableTitle && E?.tableTitle?.length, [E?.showTableTitle, E?.tableTitle]), je = E?.hideTableHeader ? 0 : X.getHeaderGroups()?.length || 0, $ = ne({
417
+ headerRowCount: je,
424
418
  footerRowCount: 0,
425
419
  isExternalChart: !1,
426
- isInfiniteScroll: !!T?.disablePagination,
420
+ isInfiniteScroll: !!E?.disablePagination,
427
421
  isServerSidePagination: !1,
428
422
  pageIndex: G.pageIndex,
429
423
  pageSize: G.pageSize,
@@ -431,167 +425,178 @@ var S = {
431
425
  serverTotalRecords: 0,
432
426
  totalDataRows: Z.total
433
427
  });
434
- return /* @__PURE__ */ (0, C.jsxs)("div", {
435
- className: `${S.container} ${E}`,
428
+ return /* @__PURE__ */ (0, w.jsxs)("div", {
429
+ className: `${C.container} ${D}`,
436
430
  children: [
437
- c?.length && D?.length && D.length > 0 ? /* @__PURE__ */ (0, C.jsxs)("div", {
438
- className: S.previewTable,
431
+ c?.length && k?.length && k.length > 0 ? /* @__PURE__ */ (0, w.jsxs)("div", {
432
+ className: C.previewTable,
439
433
  children: [
440
- /* @__PURE__ */ (0, C.jsxs)("div", {
441
- className: `${S.preview} ${T?.enableTableSearch ? "dbn:flex-col dbn:gap-2" : ""}`,
442
- children: [T?.enableTableSearch && T?.searchPosition !== "left" || we ? /* @__PURE__ */ (0, C.jsxs)("div", {
443
- className: S.searchButton,
444
- children: [/* @__PURE__ */ (0, C.jsx)("div", {
445
- className: `${S.previewTitle} ${T?.enableTableSearch && T?.searchPosition !== "left" ? "dbn:w-3/4" : "dbn:w-full"}`,
446
- children: we ? /* @__PURE__ */ (0, C.jsx)(a, {
434
+ /* @__PURE__ */ (0, w.jsxs)("div", {
435
+ className: `${C.preview} ${E?.enableTableSearch ? "dbn:flex-col dbn:gap-2" : ""}`,
436
+ children: [E?.enableTableSearch && E?.searchPosition !== "left" || Ae ? /* @__PURE__ */ (0, w.jsxs)("div", {
437
+ className: C.searchButton,
438
+ children: [/* @__PURE__ */ (0, w.jsx)("div", {
439
+ className: `${C.previewTitle} ${E?.enableTableSearch && E?.searchPosition !== "left" ? "dbn:w-3/4" : "dbn:w-full"}`,
440
+ children: Ae ? /* @__PURE__ */ (0, w.jsx)(a, {
447
441
  variant: "body-text-2",
448
- children: T?.tableTitle || ""
442
+ children: E?.tableTitle || ""
449
443
  }) : null
450
- }), T?.enableTableSearch && T?.searchPosition !== "left" && /* @__PURE__ */ (0, C.jsx)("div", {
444
+ }), E?.enableTableSearch && E?.searchPosition !== "left" && /* @__PURE__ */ (0, w.jsx)("div", {
451
445
  className: "dbn:w-1/4 dbn:flex dbn:justify-end",
452
- children: /* @__PURE__ */ (0, C.jsx)(w, {
446
+ children: /* @__PURE__ */ (0, w.jsx)(ie, {
453
447
  value: U,
454
448
  onChange: (e) => W(String(e)),
455
449
  placeholder: "Search"
456
450
  })
457
451
  })]
458
- }) : null, /* @__PURE__ */ (0, C.jsxs)("div", {
459
- className: S.searchButton,
460
- children: [T?.enableTableSearch && T?.searchPosition === "left" && /* @__PURE__ */ (0, C.jsx)("div", {
452
+ }) : null, /* @__PURE__ */ (0, w.jsxs)("div", {
453
+ className: C.searchButton,
454
+ children: [E?.enableTableSearch && E?.searchPosition === "left" && /* @__PURE__ */ (0, w.jsx)("div", {
461
455
  className: "dbn:w-1/4 dbn:flex dbn:justify-start",
462
- children: /* @__PURE__ */ (0, C.jsx)(w, {
456
+ children: /* @__PURE__ */ (0, w.jsx)(ie, {
463
457
  value: U,
464
458
  onChange: (e) => W(String(e)),
465
459
  placeholder: "Search"
466
460
  })
467
- }), D?.length ? /* @__PURE__ */ (0, C.jsx)("div", {
468
- className: `${S.previewControls} ${T?.enableTableSearch && T?.searchPosition === "left" ? "dbn:w-3/4" : "dbn:w-full"}`,
469
- children: D?.map((e, t) => /* @__PURE__ */ (0, C.jsxs)("div", {
470
- className: S.legendContainer,
471
- children: [/* @__PURE__ */ (0, C.jsx)("div", {
472
- style: { backgroundColor: N[t] || "#000000" },
473
- className: S.legend
474
- }), /* @__PURE__ */ (0, C.jsx)(a, {
475
- variant: "label",
461
+ }), k?.length ? /* @__PURE__ */ (0, w.jsxs)("div", {
462
+ className: `${C.previewControls} ${E?.enableTableSearch && E?.searchPosition === "left" ? "dbn:w-3/4" : "dbn:w-full"}`,
463
+ children: [k?.map((e, t) => /* @__PURE__ */ (0, w.jsxs)(i, {
464
+ variant: "tertiary",
465
+ size: "small",
466
+ containerClass: C.legendContainer,
467
+ className: C.legendToggle,
468
+ "aria-pressed": !z.includes(e),
469
+ "data-dbn-stack-legend": e,
470
+ title: e,
471
+ onClick: () => _e((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]),
472
+ children: [/* @__PURE__ */ (0, w.jsx)("span", {
473
+ "aria-hidden": "true",
474
+ style: { backgroundColor: N[t % N.length] },
475
+ className: C.legend
476
+ }), /* @__PURE__ */ (0, w.jsx)("span", {
477
+ className: C.legendText,
476
478
  children: e
477
479
  })]
478
- }, `${e}-${t}`))
480
+ }, e)), B.length ? null : /* @__PURE__ */ (0, w.jsx)(a, {
481
+ variant: "label",
482
+ children: "Select a legend item to show its bars."
483
+ })]
479
484
  }) : null]
480
485
  })]
481
486
  }),
482
- /* @__PURE__ */ (0, C.jsxs)("div", {
483
- className: S.tableData,
484
- children: [f && !c?.length && /* @__PURE__ */ (0, C.jsx)("div", {
485
- className: S["table-loader-container"],
486
- children: /* @__PURE__ */ (0, C.jsx)(ie, {})
487
- }), Y?.length ? /* @__PURE__ */ (0, C.jsx)(ee, {
487
+ /* @__PURE__ */ (0, w.jsxs)("div", {
488
+ className: C.tableData,
489
+ children: [f && !c?.length && /* @__PURE__ */ (0, w.jsx)("div", {
490
+ className: C["table-loader-container"],
491
+ children: /* @__PURE__ */ (0, w.jsx)(re, {})
492
+ }), Y?.length ? /* @__PURE__ */ (0, w.jsx)(_, {
488
493
  style: { height: "100%" },
489
- children: /* @__PURE__ */ (0, C.jsxs)("table", {
490
- className: S.table,
494
+ children: /* @__PURE__ */ (0, w.jsxs)("table", {
495
+ className: C.table,
491
496
  "aria-rowcount": $.totalRows > 0 ? $.ariaRowCount : -1,
492
- children: [T?.hideTableHeader ? null : /* @__PURE__ */ (0, C.jsx)("thead", {
497
+ children: [E?.hideTableHeader ? null : /* @__PURE__ */ (0, w.jsx)("thead", {
493
498
  className: "dbn:relative dbn:z-10",
494
- children: X.getHeaderGroups()?.map((e, t) => /* @__PURE__ */ (0, C.jsxs)("tr", {
495
- className: S.row,
499
+ children: X.getHeaderGroups()?.map((e, t) => /* @__PURE__ */ (0, w.jsxs)("tr", {
500
+ className: C.row,
496
501
  "aria-rowindex": t + 1,
497
- style: { backgroundColor: T?.hideTableHeader ? "" : T?.customHeaderColor?.color },
498
- children: [e.headers?.map((e) => /* @__PURE__ */ (0, C.jsxs)("th", {
499
- className: S.tableHeadCol,
502
+ style: { backgroundColor: E?.hideTableHeader ? "" : E?.customHeaderColor?.color },
503
+ children: [e.headers?.map((e) => /* @__PURE__ */ (0, w.jsxs)("th", {
504
+ className: C.tableHeadCol,
500
505
  colSpan: e.colSpan,
501
506
  style: {
502
507
  width: e.getSize(),
503
- backgroundColor: T?.hideTableHeader ? "" : T?.customHeaderColor?.color
508
+ backgroundColor: E?.hideTableHeader ? "" : E?.customHeaderColor?.color
504
509
  },
505
- children: [/* @__PURE__ */ (0, C.jsx)("button", {
510
+ children: [/* @__PURE__ */ (0, w.jsx)("button", {
506
511
  onMouseDown: e.getResizeHandler(),
507
512
  onTouchStart: e.getResizeHandler(),
508
513
  onDoubleClick: e.column.resetSize,
509
- className: `${S.resizer} ${e.column.getIsResizing() ? S.resizing : ""}`,
514
+ className: `${C.resizer} ${e.column.getIsResizing() ? C.resizing : ""}`,
510
515
  type: "button",
511
516
  title: "Resize Column"
512
- }), T?.enableSorting ? /* @__PURE__ */ (0, C.jsxs)("div", {
513
- className: e.column.getCanSort() ? S.sortButton : "",
517
+ }), E?.enableSorting ? /* @__PURE__ */ (0, w.jsxs)("div", {
518
+ className: e.column.getCanSort() ? C.sortButton : "",
514
519
  onClick: e.column.getToggleSortingHandler(),
515
- children: [e.isPlaceholder ? null : /* @__PURE__ */ (0, C.jsx)("div", {
516
- style: B,
517
- className: S.truncateText,
518
- children: T?.hideTableHeader ? null : p(e.column.columnDef.header, e.getContext())
519
- }), /* @__PURE__ */ (0, C.jsx)("div", {
520
- className: `dbn-interactive-element ${S.sortIcon}`,
520
+ children: [e.isPlaceholder ? null : /* @__PURE__ */ (0, w.jsx)("div", {
521
+ style: V,
522
+ className: C.truncateText,
523
+ children: E?.hideTableHeader ? null : p(e.column.columnDef.header, e.getContext())
524
+ }), /* @__PURE__ */ (0, w.jsx)("div", {
525
+ className: `dbn-interactive-element ${C.sortIcon}`,
521
526
  onClick: () => {
522
527
  e.column.getIsSorted() && X.setPageIndex(0);
523
528
  },
524
529
  children: {
525
- asc: /* @__PURE__ */ (0, C.jsx)(s, {
530
+ asc: /* @__PURE__ */ (0, w.jsx)(s, {
526
531
  name: "caret-up-fill",
527
- customColor: T?.customHeaderColor?.textColor || "#6B7280"
532
+ customColor: E?.customHeaderColor?.textColor || "#6B7280"
528
533
  }),
529
- desc: /* @__PURE__ */ (0, C.jsx)(s, {
534
+ desc: /* @__PURE__ */ (0, w.jsx)(s, {
530
535
  name: "caret-down-fill",
531
- customColor: T?.customHeaderColor?.textColor || "#6B7280"
536
+ customColor: E?.customHeaderColor?.textColor || "#6B7280"
532
537
  })
533
- }[e.column.getIsSorted()] ?? /* @__PURE__ */ (0, C.jsx)(s, {
538
+ }[e.column.getIsSorted()] ?? /* @__PURE__ */ (0, w.jsx)(s, {
534
539
  name: "caret-up-down",
535
- customColor: T?.customHeaderColor?.textColor || "#6B7280"
540
+ customColor: E?.customHeaderColor?.textColor || "#6B7280"
536
541
  })
537
542
  })]
538
- }) : /* @__PURE__ */ (0, C.jsx)(C.Fragment, { children: e.isPlaceholder ? null : /* @__PURE__ */ (0, C.jsx)("div", {
539
- style: B,
540
- className: S.truncateText,
541
- children: T?.hideTableHeader ? null : p(e.column.columnDef.header, e.getContext())
543
+ }) : /* @__PURE__ */ (0, w.jsx)(w.Fragment, { children: e.isPlaceholder ? null : /* @__PURE__ */ (0, w.jsx)("div", {
544
+ style: V,
545
+ className: C.truncateText,
546
+ children: E?.hideTableHeader ? null : p(e.column.columnDef.header, e.getContext())
542
547
  }) })]
543
- }, e.id)), D.length ? /* @__PURE__ */ (0, C.jsx)("th", {
548
+ }, e.id)), k.length ? /* @__PURE__ */ (0, w.jsx)("th", {
544
549
  scope: "col",
545
550
  style: {
546
- ...B,
551
+ ...V,
547
552
  paddingLeft: "2rem",
548
553
  paddingRight: "2rem",
549
554
  height: "3rem"
550
555
  },
551
- children: T?.hideTableHeader ? "" : T?.stackColAlias
556
+ children: E?.hideTableHeader ? "" : E?.stackColAlias
552
557
  }) : null]
553
558
  }, e.id))
554
- }), /* @__PURE__ */ (0, C.jsx)("tbody", { children: (T?.disablePagination ? X.getSortedRowModel().rows : X.getSortedRowModel().rows.slice(G.pageSize * G.pageIndex, G.pageSize * (1 + G.pageIndex)))?.map((e, t) => /* @__PURE__ */ (0, C.jsxs)("tr", {
559
+ }), /* @__PURE__ */ (0, w.jsx)("tbody", { children: (E?.disablePagination ? X.getSortedRowModel().rows : X.getSortedRowModel().rows.slice(G.pageSize * G.pageIndex, G.pageSize * (1 + G.pageIndex)))?.map((e, t) => /* @__PURE__ */ (0, w.jsxs)("tr", {
555
560
  "aria-rowindex": $.firstRowIndex + t,
556
- className: `${S.tableRow} ${T?.showRowHover ? S.rowHover : ""} ${T?.enableStripedRows && Number(t) % 2 != 0 ? S.stripedRow : ""}`,
561
+ className: `${C.tableRow} ${E?.showRowHover ? C.rowHover : ""} ${E?.enableStripedRows && Number(t) % 2 != 0 ? C.stripedRow : ""}`,
557
562
  children: [e.getVisibleCells()?.map((t, n) => {
558
- if (!be?.includes(t.column.id)) {
563
+ if (!Te?.includes(t.column.id)) {
559
564
  let e = [], n = "", r = [];
560
- Q(t.column.id, T?.badgeColumns) ? (n = typeof t.getValue() == "object" ? JSON.stringify(t.getValue()) : t.getValue(), e = n?.toString()?.includes(P) ? n?.toString()?.split(P) : [n]) : Se(t.column.id, T?.listColumns) && (n = typeof t.getValue() == "object" ? JSON.stringify(t.getValue()) : t.getValue(), n?.toString()?.includes(F) ? (r = n?.toString()?.split(T?.listSeparator || ","), e = r.length > 3 ? [
565
+ Q(t.column.id, E?.badgeColumns) ? (n = typeof t.getValue() == "object" ? JSON.stringify(t.getValue()) : t.getValue(), e = n?.toString()?.includes(P) ? n?.toString()?.split(P) : [n]) : De(t.column.id, E?.listColumns) && (n = typeof t.getValue() == "object" ? JSON.stringify(t.getValue()) : t.getValue(), n?.toString()?.includes(pe) ? (r = n?.toString()?.split(E?.listSeparator || ","), e = r.length > 3 ? [
561
566
  r[0],
562
567
  r[1],
563
568
  r[2]
564
569
  ] : r) : e = [n]);
565
- let i = _({
566
- rules: T?.conditionalFormatting?.find(({ columnName: e }) => e === t?.column?.id)?.rules || [],
570
+ let i = v({
571
+ rules: E?.conditionalFormatting?.find(({ columnName: e }) => e === t?.column?.id)?.rules || [],
567
572
  value: typeof t.getValue() == "object" ? JSON.stringify(t.getValue()) : t.getValue(),
568
- formatter: T?.tableNumberFormatter?.find((e) => e.columns?.includes(t.column.id))?.formatter || T?.tableFormatter
569
- }), a = i?.prefix || "", o = i?.suffix || "", c = !Object.keys(i)?.length && T?.badgeColumns?.includes(t.column.id) ? V(t.column.id, T?.badgeColors, T?.badgeTextColors) : i, l = "", u = (c?.isApplyBadgeColor || !(c?.isApplyBgColor || !c?.badgeColor)) && !!Object.keys(i)?.length;
570
- u ? l = c?.badgeColor : T?.badgeColumns?.includes(t.column.id) && (l = V(t.column.id, T?.badgeColors, T?.badgeTextColors)?.backgroundColor);
573
+ formatter: E?.tableNumberFormatter?.find((e) => e.columns?.includes(t.column.id))?.formatter || E?.tableFormatter
574
+ }), a = i?.prefix || "", o = i?.suffix || "", c = !Object.keys(i)?.length && E?.badgeColumns?.includes(t.column.id) ? xe(t.column.id, E?.badgeColors, E?.badgeTextColors) : i, l = "", u = (c?.isApplyBadgeColor || !(c?.isApplyBgColor || !c?.badgeColor)) && !!Object.keys(i)?.length;
575
+ u ? l = c?.badgeColor : E?.badgeColumns?.includes(t.column.id) && (l = xe(t.column.id, E?.badgeColors, E?.badgeTextColors)?.backgroundColor);
571
576
  let d = i;
572
577
  if (i && "backgroundColor" in i && u) {
573
578
  let { backgroundColor: e, ...t } = i;
574
579
  d = t;
575
580
  }
576
- return /* @__PURE__ */ (0, C.jsxs)("td", {
577
- className: `${S.tableRowCol} ${T?.hideVerticalDivider ? "" : S.tableBorderRight} ${T?.hideHorizontalDivider ? "" : S.tableBorderBottom}`,
581
+ return /* @__PURE__ */ (0, w.jsxs)("td", {
582
+ className: `${C.tableRowCol} ${E?.hideVerticalDivider ? "" : C.tableBorderRight} ${E?.hideHorizontalDivider ? "" : C.tableBorderBottom}`,
578
583
  title: typeof t.getValue() == "object" ? JSON.stringify(t.getValue()) : `${t.getValue()}`,
579
- style: T?.hideTableHeader ? { width: t.column.getSize() } : {},
580
- children: [!!T && /* @__PURE__ */ (0, C.jsx)("div", {
581
- style: Q(t.column.id, T.listColumns) ? {
582
- ...ge,
584
+ style: E?.hideTableHeader ? { width: t.column.getSize() } : {},
585
+ children: [!!E && /* @__PURE__ */ (0, w.jsx)("div", {
586
+ style: Q(t.column.id, E.listColumns) ? {
587
+ ...be,
583
588
  ...d
584
589
  } : {
585
- ...he,
590
+ ...ye,
586
591
  ...d
587
592
  },
588
- children: n?.toString()?.includes(P) || n?.toString()?.includes(F) ? /* @__PURE__ */ (0, C.jsxs)(C.Fragment, { children: [e?.map((e) => /* @__PURE__ */ (0, C.jsx)(C.Fragment, { children: Q(t.column.id, T.badgeColumns) ? /* @__PURE__ */ (0, C.jsxs)("span", {
589
- className: `${S.truncateText} ${Q(t.column.id, T.badgeColumns)}`,
593
+ children: n?.toString()?.includes(P) || n?.toString()?.includes(pe) ? /* @__PURE__ */ (0, w.jsxs)(w.Fragment, { children: [e?.map((e) => /* @__PURE__ */ (0, w.jsx)(w.Fragment, { children: Q(t.column.id, E.badgeColumns) ? /* @__PURE__ */ (0, w.jsxs)("span", {
594
+ className: `${C.truncateText} ${Q(t.column.id, E.badgeColumns)}`,
590
595
  style: {
591
- fontFamily: T?.contentFont,
592
- color: T?.contentColor || "var(--dbn-typography-colorPrimary, #222c3a)",
596
+ fontFamily: E?.contentFont,
597
+ color: E?.contentColor || "var(--dbn-typography-colorPrimary, #222c3a)",
593
598
  ...c,
594
- fontWeight: T?.contentWeight || 500,
599
+ fontWeight: E?.contentWeight || 500,
595
600
  backgroundColor: l || ""
596
601
  },
597
602
  children: [
@@ -599,17 +604,17 @@ var S = {
599
604
  e,
600
605
  o
601
606
  ]
602
- }, e) : /* @__PURE__ */ (0, C.jsxs)("div", {
603
- className: `${S.truncateText} ${S.listItemDiv}`,
604
- children: [/* @__PURE__ */ (0, C.jsx)("div", {
605
- className: S.listItem,
606
- style: { backgroundColor: T?.contentColor || "#000000" }
607
- }), /* @__PURE__ */ (0, C.jsxs)("div", {
608
- className: S.listVal,
607
+ }, e) : /* @__PURE__ */ (0, w.jsxs)("div", {
608
+ className: `${C.truncateText} ${C.listItemDiv}`,
609
+ children: [/* @__PURE__ */ (0, w.jsx)("div", {
610
+ className: C.listItem,
611
+ style: { backgroundColor: E?.contentColor || "#000000" }
612
+ }), /* @__PURE__ */ (0, w.jsxs)("div", {
613
+ className: C.listVal,
609
614
  style: {
610
- fontFamily: T?.contentFont,
611
- color: T?.contentColor || "var(--dbn-typography-colorPrimary, #222c3a)",
612
- fontWeight: T?.contentWeight || 500
615
+ fontFamily: E?.contentFont,
616
+ color: E?.contentColor || "var(--dbn-typography-colorPrimary, #222c3a)",
617
+ fontWeight: E?.contentWeight || 500
613
618
  },
614
619
  children: [
615
620
  a,
@@ -617,16 +622,16 @@ var S = {
617
622
  o
618
623
  ]
619
624
  })]
620
- }, e) })), Q(t.column.id, T.listColumns) && r.length > 3 && /* @__PURE__ */ (0, C.jsx)("span", {
621
- className: S.truncateIcon,
622
- children: /* @__PURE__ */ (0, C.jsx)(s, { name: "horizontal-rule" })
623
- })] }) : /* @__PURE__ */ (0, C.jsxs)("span", {
624
- className: `${S.truncateText} ${Q(t.column.id, T.badgeColumns) || u ? S.badge : ""}`,
625
+ }, e) })), Q(t.column.id, E.listColumns) && r.length > 3 && /* @__PURE__ */ (0, w.jsx)("span", {
626
+ className: C.truncateIcon,
627
+ children: /* @__PURE__ */ (0, w.jsx)(s, { name: "horizontal-rule" })
628
+ })] }) : /* @__PURE__ */ (0, w.jsxs)("span", {
629
+ className: `${C.truncateText} ${Q(t.column.id, E.badgeColumns) || u ? C.badge : ""}`,
625
630
  style: {
626
- fontFamily: T?.contentFont,
627
- color: T?.contentColor || "var(--dbn-typography-colorPrimary, #222c3a)",
631
+ fontFamily: E?.contentFont,
632
+ color: E?.contentColor || "var(--dbn-typography-colorPrimary, #222c3a)",
628
633
  ...c,
629
- fontWeight: T?.contentWeight || 500,
634
+ fontWeight: E?.contentWeight || 500,
630
635
  backgroundColor: l || ""
631
636
  },
632
637
  children: [
@@ -635,7 +640,7 @@ var S = {
635
640
  o
636
641
  ]
637
642
  })
638
- }), !T && /* @__PURE__ */ (0, C.jsxs)("div", {
643
+ }), !E && /* @__PURE__ */ (0, w.jsxs)("div", {
639
644
  style: {
640
645
  textAlign: "center",
641
646
  width: "100%"
@@ -648,15 +653,10 @@ var S = {
648
653
  })]
649
654
  }, t.id);
650
655
  }
651
- let r = t.getValue(), i = r?.[0], a = r?.[0] !== null && typeof r?.[0] == "object" && !Array.isArray(r[0]), o = T?.hStackTrendOptions?.find((e) => e.column === t.column.id), c = a ? Object.keys(i ?? {}) : [], d = o?.xAxis || "", f = a && !!c?.includes(d), m = o?.yAxis || "", h = a && !!c?.includes(m), g = a && f ? r?.map((e) => e?.[d]) : [], ee = [...N].reverse();
652
- return /* @__PURE__ */ (0, C.jsx)("td", {
653
- className: `${S.tableRowCol} ${T?.hideVerticalDivider ? "" : S.tableBorderRight} ${T?.hideHorizontalDivider ? "" : S.tableBorderBottom}`,
654
- children: /* @__PURE__ */ (0, C.jsx)(le, {
655
- style: {
656
- width: "100%",
657
- height: "60%",
658
- minHeight: 40
659
- },
656
+ let r = t.getValue(), i = r?.[0], a = r?.[0] !== null && typeof r?.[0] == "object" && !Array.isArray(r[0]), o = E?.hStackTrendOptions?.find((e) => e.column === t.column.id), c = a ? Object.keys(i ?? {}) : [], d = o?.xAxis || "", f = a && !!c?.includes(d), m = o?.yAxis || "", h = a && !!c?.includes(m), g = a && f ? r?.map((e) => e?.[d]) : [], _ = [...N].reverse();
657
+ return /* @__PURE__ */ (0, w.jsx)("td", {
658
+ className: `${C.tableRowCol} ${E?.hideVerticalDivider ? "" : C.tableBorderRight} ${E?.hideHorizontalDivider ? "" : C.tableBorderBottom}`,
659
+ children: /* @__PURE__ */ (0, w.jsx)(le, {
660
660
  option: {
661
661
  tooltip: {
662
662
  show: !0,
@@ -665,19 +665,19 @@ var S = {
665
665
  backgroundColor: "black",
666
666
  textStyle: { color: "white" },
667
667
  formatter: (e) => {
668
- let n = Array.isArray(e) ? e?.[0] : e, r = n?.seriesName || "", i = n?.value, a = n?.name, o = T?.tableNumberFormatter?.find((e) => e.columns?.includes(t.column.id)), s = _({
669
- rules: T?.conditionalFormatting?.find(({ columnName: e }) => e === t?.column?.id)?.rules || [],
668
+ let n = Array.isArray(e) ? e?.[0] : e, r = n?.seriesName || "", i = n?.value, a = n?.name, o = E?.tableNumberFormatter?.find((e) => e.columns?.includes(t.column.id)), s = v({
669
+ rules: E?.conditionalFormatting?.find(({ columnName: e }) => e === t?.column?.id)?.rules || [],
670
670
  value: i,
671
- formatter: T?.tableNumberFormatter?.find((e) => e.columns?.includes(t.column.id))?.formatter || T?.tableFormatter
671
+ formatter: E?.tableNumberFormatter?.find((e) => e.columns?.includes(t.column.id))?.formatter || E?.tableFormatter
672
672
  }), c = s?.prefix || "", d = s?.suffix || "";
673
- if ((o || T?.formattedColumns?.includes(t.column.id)) && T?.isEnableNumberFormatting) {
674
- let e = l(u(i, o?.formatter || T?.tableFormatter), o?.prefix || T?.tablePrefix, o?.suffix || T?.tableSuffix);
673
+ if ((o || E?.formattedColumns?.includes(t.column.id)) && E?.isEnableNumberFormatting) {
674
+ let e = l(u(i, o?.formatter || E?.tableFormatter), o?.prefix || E?.tablePrefix, o?.suffix || E?.tableSuffix);
675
675
  return `${a || r}: ${c}${e}${d}`;
676
676
  }
677
677
  return i == null ? `${a || r}: -` : `${a || r}: ${c}${i}${d}`;
678
678
  }
679
679
  },
680
- color: ee?.[n],
680
+ color: _?.[n],
681
681
  xAxis: {
682
682
  show: !1,
683
683
  data: g,
@@ -692,7 +692,7 @@ var S = {
692
692
  right: "10%",
693
693
  top: "0%",
694
694
  bottom: "0%",
695
- containLabel: k
695
+ containLabel: j
696
696
  },
697
697
  series: {
698
698
  type: "bar",
@@ -700,34 +700,29 @@ var S = {
700
700
  data: r,
701
701
  label: {
702
702
  show: !1,
703
- position: j?.labelPosition,
703
+ position: M?.labelPosition,
704
704
  formatter(e) {
705
- let t = T?.tableNumberFormatter?.find((e) => e.columns?.includes(m)), n = _({
706
- rules: T?.conditionalFormatting?.find(({ columnName: e }) => e === m)?.rules || [],
705
+ let t = E?.tableNumberFormatter?.find((e) => e.columns?.includes(m)), n = v({
706
+ rules: E?.conditionalFormatting?.find(({ columnName: e }) => e === m)?.rules || [],
707
707
  value: e?.data?.value,
708
- formatter: T?.tableNumberFormatter?.find((e) => e.columns?.includes(m))?.formatter || T?.tableFormatter
708
+ formatter: E?.tableNumberFormatter?.find((e) => e.columns?.includes(m))?.formatter || E?.tableFormatter
709
709
  }), r = n?.prefix || "", i = n?.suffix || "";
710
- return (t || T?.formattedColumns?.includes(m)) && T?.isEnableNumberFormatting ? l(u(e?.data?.value, t?.formatter || T?.tableFormatter), `${r}${t?.prefix || T?.tablePrefix || ""}`, `${t?.suffix || T?.tableSuffix || ""}${i}`) : (r || i) && e?.data?.value !== null && e?.data?.value !== void 0 ? `${r}${e?.data?.value}${i}` : e?.data?.value;
710
+ return (t || E?.formattedColumns?.includes(m)) && E?.isEnableNumberFormatting ? l(u(e?.data?.value, t?.formatter || E?.tableFormatter), `${r}${t?.prefix || E?.tablePrefix || ""}`, `${t?.suffix || E?.tableSuffix || ""}${i}`) : (r || i) && e?.data?.value !== null && e?.data?.value !== void 0 ? `${r}${e?.data?.value}${i}` : e?.data?.value;
711
711
  }
712
712
  },
713
713
  emphasis: { focus: "series" },
714
- itemStyle: { borderRadius: j?.barRadius },
715
- ...j?.barWidth ? { barWidth: `${j?.barWidth || 0}%` } : {}
714
+ itemStyle: { borderRadius: M?.barRadius },
715
+ ...M?.barWidth ? { barWidth: `${M?.barWidth || 0}%` } : {}
716
716
  }
717
717
  },
718
- className: E,
718
+ className: D,
719
719
  notMerge: !0,
720
- opts: M
720
+ opts: de
721
721
  })
722
722
  }, `${e.id}-${t.column.id}`);
723
- }), D.length ? /* @__PURE__ */ (0, C.jsx)("td", {
724
- className: `${S.tableRowCol} ${T?.hideVerticalDivider ? "" : S.tableBorderRight} ${T?.hideHorizontalDivider ? "" : S.tableBorderBottom}`,
725
- children: /* @__PURE__ */ (0, C.jsx)(le, {
726
- style: {
727
- width: "100%",
728
- height: "40%",
729
- minHeight: 40
730
- },
723
+ }), k.length ? /* @__PURE__ */ (0, w.jsx)("td", {
724
+ className: `${C.tableRowCol} ${E?.hideVerticalDivider ? "" : C.tableBorderRight} ${E?.hideHorizontalDivider ? "" : C.tableBorderBottom}`,
725
+ children: /* @__PURE__ */ (0, w.jsx)(le, {
731
726
  option: {
732
727
  tooltip: {
733
728
  show: !0,
@@ -736,21 +731,21 @@ var S = {
736
731
  backgroundColor: "black",
737
732
  textStyle: { color: "white" },
738
733
  formatter: (e) => {
739
- let t = Array.isArray(e) ? e?.[0] : e, n = t?.seriesName || "", r = t?.value, i = T?.tableNumberFormatter?.find((e) => e.columns?.includes(n)), a = _({
740
- rules: T?.conditionalFormatting?.find(({ columnName: e }) => e === n)?.rules || [],
734
+ let t = Array.isArray(e) ? e?.[0] : e, n = t?.seriesName || "", r = t?.value, i = E?.tableNumberFormatter?.find((e) => e.columns?.includes(n)), a = v({
735
+ rules: E?.conditionalFormatting?.find(({ columnName: e }) => e === n)?.rules || [],
741
736
  value: r,
742
- formatter: T?.tableNumberFormatter?.find((e) => e.columns?.includes(n))?.formatter || T?.tableFormatter
737
+ formatter: E?.tableNumberFormatter?.find((e) => e.columns?.includes(n))?.formatter || E?.tableFormatter
743
738
  }), o = a?.prefix || "", s = a?.suffix || "";
744
- return (i || T?.formattedColumns?.includes(n)) && T?.isEnableNumberFormatting ? `${n}: ${o}${l(u(r, i?.formatter || T?.tableFormatter), i?.prefix || T?.tablePrefix, i?.suffix || T?.tableSuffix)}${s}` : r == null ? `${n}: -` : `${n}: ${o}${r}${s}`;
739
+ return (i || E?.formattedColumns?.includes(n)) && E?.isEnableNumberFormatting ? `${n}: ${o}${l(u(r, i?.formatter || E?.tableFormatter), i?.prefix || E?.tablePrefix, i?.suffix || E?.tableSuffix)}${s}` : r == null ? `${n}: -` : `${n}: ${o}${r}${s}`;
745
740
  }
746
741
  },
747
- color: N,
742
+ color: ve,
748
743
  xAxis: {
749
744
  show: !1,
750
745
  type: "value",
751
746
  min: 0,
752
- max: Ce,
753
- ...j?.labelPosition === "bottom" ? {} : {
747
+ max: ke,
748
+ ...M?.labelPosition === "bottom" ? {} : {
754
749
  axisLabel: { show: !1 },
755
750
  axisLine: { show: !1 },
756
751
  axisTick: { show: !1 }
@@ -765,9 +760,9 @@ var S = {
765
760
  right: "10%",
766
761
  top: "0%",
767
762
  bottom: "10%",
768
- containLabel: k
763
+ containLabel: j
769
764
  },
770
- series: D?.map((t) => ({
765
+ series: B.map((t) => ({
771
766
  type: "bar",
772
767
  name: t,
773
768
  data: [{
@@ -776,53 +771,53 @@ var S = {
776
771
  }],
777
772
  stack: "stack1",
778
773
  label: {
779
- show: k,
780
- position: j?.labelPosition,
774
+ show: j,
775
+ position: M?.labelPosition,
781
776
  formatter(e) {
782
- let n = T?.tableNumberFormatter?.find((e) => e.columns?.includes(t)), r = _({
783
- rules: T?.conditionalFormatting?.find(({ columnName: e }) => e === t)?.rules || [],
777
+ let n = E?.tableNumberFormatter?.find((e) => e.columns?.includes(t)), r = v({
778
+ rules: E?.conditionalFormatting?.find(({ columnName: e }) => e === t)?.rules || [],
784
779
  value: e?.data?.value,
785
- formatter: T?.tableNumberFormatter?.find((e) => e.columns?.includes(t))?.formatter || T?.tableFormatter
780
+ formatter: E?.tableNumberFormatter?.find((e) => e.columns?.includes(t))?.formatter || E?.tableFormatter
786
781
  }), i = r?.prefix || "", a = r?.suffix || "";
787
- return (n || T?.formattedColumns?.includes(t)) && T?.isEnableNumberFormatting ? l(u(e?.data?.value, n?.formatter || T?.tableFormatter), `${i}${n?.prefix || T?.tablePrefix || ""}`, `${n?.suffix || T?.tableSuffix || ""}${a}`) : (i || a) && e?.data?.value !== null && e?.data?.value !== void 0 ? `${i}${e?.data?.value}${a}` : e?.data?.value;
782
+ return (n || E?.formattedColumns?.includes(t)) && E?.isEnableNumberFormatting ? l(u(e?.data?.value, n?.formatter || E?.tableFormatter), `${i}${n?.prefix || E?.tablePrefix || ""}`, `${n?.suffix || E?.tableSuffix || ""}${a}`) : (i || a) && e?.data?.value !== null && e?.data?.value !== void 0 ? `${i}${e?.data?.value}${a}` : e?.data?.value;
788
783
  }
789
784
  },
790
785
  emphasis: { focus: "series" },
791
- itemStyle: { borderRadius: j?.barRadius },
792
- ...j?.barWidth ? { barWidth: `${j?.barWidth || 0}%` } : {}
786
+ itemStyle: { borderRadius: M?.barRadius },
787
+ ...M?.barWidth ? { barWidth: `${M?.barWidth || 0}%` } : {}
793
788
  }))
794
789
  },
795
- className: E,
790
+ className: D,
796
791
  notMerge: !0,
797
- opts: M
792
+ opts: de
798
793
  })
799
794
  }, e.id) : null]
800
795
  }, e.id)) })]
801
796
  })
802
797
  }) : null]
803
798
  }),
804
- Y?.length && D?.length && D.length > 0 && !T?.disablePagination ? /* @__PURE__ */ (0, C.jsxs)("div", {
805
- className: S.pagination,
799
+ Y?.length && k?.length && k.length > 0 && !E?.disablePagination ? /* @__PURE__ */ (0, w.jsxs)("div", {
800
+ className: C.pagination,
806
801
  children: [
807
- /* @__PURE__ */ (0, C.jsx)("div", {
808
- className: `dbn-interactive-element ${S.rowStyle}`,
809
- children: /* @__PURE__ */ (0, C.jsx)(r, {
802
+ /* @__PURE__ */ (0, w.jsx)("div", {
803
+ className: `dbn-interactive-element ${C.rowStyle}`,
804
+ children: /* @__PURE__ */ (0, w.jsx)(r, {
810
805
  id: "rows-per-page",
811
806
  "aria-label": "Rows per page",
812
- customButton: /* @__PURE__ */ (0, C.jsxs)("div", {
807
+ customButton: /* @__PURE__ */ (0, w.jsxs)("div", {
813
808
  className: "dbn:flex dbn:gap-3",
814
809
  title: K?.value,
815
- children: [/* @__PURE__ */ (0, C.jsx)(a, {
810
+ children: [/* @__PURE__ */ (0, w.jsx)(a, {
816
811
  variant: "body-text-3",
817
812
  children: "Rows per page:"
818
- }), /* @__PURE__ */ (0, C.jsx)(a, {
813
+ }), /* @__PURE__ */ (0, w.jsx)(a, {
819
814
  variant: "body-text-3",
820
815
  children: K?.value
821
816
  })]
822
817
  }),
823
818
  className: "dbn:border-none",
824
819
  onChange: (e) => {
825
- q(e), se?.(!1, parseInt(e.value, 10)), A?.((t) => ({
820
+ q(e), oe?.(!1, parseInt(e.value, 10)), se?.((t) => ({
826
821
  ...t,
827
822
  tableSettings: {
828
823
  ...t.tableSettings,
@@ -838,8 +833,8 @@ var S = {
838
833
  menuZIndex: ce
839
834
  })
840
835
  }),
841
- /* @__PURE__ */ (0, C.jsxs)("span", {
842
- className: S.pageStyle,
836
+ /* @__PURE__ */ (0, w.jsxs)("span", {
837
+ className: C.pageStyle,
843
838
  children: [
844
839
  Z.from,
845
840
  "-",
@@ -848,35 +843,35 @@ var S = {
848
843
  Z.total
849
844
  ]
850
845
  }),
851
- /* @__PURE__ */ (0, C.jsx)("div", {
846
+ /* @__PURE__ */ (0, w.jsx)("div", {
852
847
  className: "dbn-interactive-element dbn:flex dbn:gap-2 dbn:justify-center dbn:items-center",
853
- children: /* @__PURE__ */ (0, C.jsxs)("div", {
854
- className: S.buttonContainer,
848
+ children: /* @__PURE__ */ (0, w.jsxs)("div", {
849
+ className: C.buttonContainer,
855
850
  children: [
856
- /* @__PURE__ */ (0, C.jsx)(i, {
851
+ /* @__PURE__ */ (0, w.jsx)(i, {
857
852
  id: "jump-to-start",
858
853
  "aria-label": o.start,
859
854
  title: o.start,
860
- className: S.btnHover,
855
+ className: C.btnHover,
861
856
  variant: "popover",
862
857
  type: "button",
863
858
  onClick: () => {
864
859
  X.setPageIndex(0);
865
860
  },
866
861
  isDisabled: Z.from <= 1,
867
- children: /* @__PURE__ */ (0, C.jsx)(s, {
862
+ children: /* @__PURE__ */ (0, w.jsx)(s, {
868
863
  size: "small",
869
864
  name: "double-arrow-left"
870
865
  })
871
866
  }),
872
- /* @__PURE__ */ (0, C.jsxs)("div", {
873
- className: S.pageBtns,
867
+ /* @__PURE__ */ (0, w.jsxs)("div", {
868
+ className: C.pageBtns,
874
869
  children: [
875
- /* @__PURE__ */ (0, C.jsx)(i, {
870
+ /* @__PURE__ */ (0, w.jsx)(i, {
876
871
  id: "jump-to-prev",
877
872
  "aria-label": o.prev,
878
873
  title: o.prev,
879
- className: `${S.btnHover} dbn:border-none dbn:rounded-r-none`,
874
+ className: `${C.btnHover} dbn:border-none dbn:rounded-r-none`,
880
875
  variant: "popover",
881
876
  type: "button",
882
877
  onClick: () => {
@@ -884,44 +879,44 @@ var S = {
884
879
  },
885
880
  isDisabled: Z.from <= 1,
886
881
  style: { height: "calc(1.75rem - 1.6px)" },
887
- children: /* @__PURE__ */ (0, C.jsx)(s, {
882
+ children: /* @__PURE__ */ (0, w.jsx)(s, {
888
883
  size: "small",
889
884
  name: "caret-left"
890
885
  })
891
886
  }),
892
- /* @__PURE__ */ (0, C.jsx)("div", {
893
- className: S.pageInfo,
894
- children: me ? /* @__PURE__ */ (0, C.jsx)(n, {
887
+ /* @__PURE__ */ (0, w.jsx)("div", {
888
+ className: C.pageInfo,
889
+ children: ge ? /* @__PURE__ */ (0, w.jsx)(n, {
895
890
  type: "number",
896
- value: R,
891
+ value: L,
897
892
  min: 1,
898
893
  max: X.getPageCount(),
899
894
  onChange: (e) => {
900
895
  let t = Math.min(Number(e.target.value), X.getPageCount());
901
- t === 0 && (t = 1), z(t);
896
+ t === 0 && (t = 1), R(t);
902
897
  },
903
898
  onKeyDown: (e) => {
904
- e.key == "Enter" && (X.setPageIndex(R - 1), L(!1));
899
+ e.key == "Enter" && (X.setPageIndex(L - 1), I(!1));
905
900
  },
906
901
  style: { height: "calc(1.75rem - 1.6px)" },
907
902
  className: "dbn:text-xs dbn:w-full dbn:rounded-none",
908
903
  containerClassName: "dbn:border-none dbn:outline-hidden "
909
- }) : /* @__PURE__ */ (0, C.jsxs)("div", {
904
+ }) : /* @__PURE__ */ (0, w.jsxs)("div", {
910
905
  className: "dbn:flex dbn:gap-1 dbn:px-1 dbn:overflow-x-hidden",
911
- onClick: () => L(!0),
906
+ onClick: () => I(!0),
912
907
  title: `${(G?.pageIndex || 0) + 1} of ${X.getPageCount()}`,
913
908
  children: [
914
- /* @__PURE__ */ (0, C.jsx)(a, {
909
+ /* @__PURE__ */ (0, w.jsx)(a, {
915
910
  variant: "body-text-3",
916
911
  className: "dbn:font-medium dbn:truncate",
917
912
  children: (G?.pageIndex || 0) + 1
918
913
  }),
919
- /* @__PURE__ */ (0, C.jsx)(a, {
914
+ /* @__PURE__ */ (0, w.jsx)(a, {
920
915
  variant: "body-text-3",
921
916
  className: "dbn:font-medium",
922
917
  children: "of"
923
918
  }),
924
- /* @__PURE__ */ (0, C.jsx)(a, {
919
+ /* @__PURE__ */ (0, w.jsx)(a, {
925
920
  variant: "body-text-3",
926
921
  className: "dbn:font-medium dbn:truncate",
927
922
  children: X.getPageCount()
@@ -929,11 +924,11 @@ var S = {
929
924
  ]
930
925
  })
931
926
  }),
932
- /* @__PURE__ */ (0, C.jsx)(i, {
927
+ /* @__PURE__ */ (0, w.jsx)(i, {
933
928
  id: "jump-to-next",
934
929
  "aria-label": o.next,
935
930
  title: o.next,
936
- className: `${S.btnHover} dbn:border-none dbn:rounded-l-none`,
931
+ className: `${C.btnHover} dbn:border-none dbn:rounded-l-none`,
937
932
  variant: "popover",
938
933
  type: "button",
939
934
  onClick: () => {
@@ -941,25 +936,25 @@ var S = {
941
936
  },
942
937
  isDisabled: Z.to >= Z.total,
943
938
  style: { height: "calc(1.75rem - 1.6px)" },
944
- children: /* @__PURE__ */ (0, C.jsx)(s, {
939
+ children: /* @__PURE__ */ (0, w.jsx)(s, {
945
940
  size: "small",
946
941
  name: "caret-right"
947
942
  })
948
943
  })
949
944
  ]
950
945
  }),
951
- /* @__PURE__ */ (0, C.jsx)(i, {
946
+ /* @__PURE__ */ (0, w.jsx)(i, {
952
947
  id: "jump-to-end",
953
948
  "aria-label": o.end,
954
949
  title: o.end,
955
- className: S.btnHover,
950
+ className: C.btnHover,
956
951
  variant: "popover",
957
952
  type: "button",
958
953
  onClick: () => {
959
954
  X.setPageIndex(X.getPageCount() - 1);
960
955
  },
961
956
  isDisabled: Z.to >= Z.total,
962
- children: /* @__PURE__ */ (0, C.jsx)(s, {
957
+ children: /* @__PURE__ */ (0, w.jsx)(s, {
963
958
  size: "small",
964
959
  name: "double-arrow-right"
965
960
  })
@@ -971,30 +966,30 @@ var S = {
971
966
  }) : null
972
967
  ]
973
968
  }) : null,
974
- (!c?.length || !D?.length) && !f && !v.length && /* @__PURE__ */ (0, C.jsxs)("div", {
975
- className: S.noData,
969
+ (!c?.length || !k?.length) && !f && !y.length && /* @__PURE__ */ (0, w.jsxs)("div", {
970
+ className: C.noData,
976
971
  children: [
977
- /* @__PURE__ */ (0, C.jsx)("img", {
972
+ /* @__PURE__ */ (0, w.jsx)("img", {
978
973
  src: "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='264'%20height='206'%20fill='none'%20viewBox='0%200%20264%20206'%3e%3cpath%20fill='%23F1F2F7'%20d='M142.93%200a102%20102%200%200%200-63.85%2022.37H50.76a6.72%206.72%200%200%200%200%2013.42h18.63a6.72%206.72%200%200%201%200%2013.42H31.14a6.72%206.72%200%200%200%200%2013.42h17.37a103%20103%200%200%200-8.15%2040.27%20104%20104%200%200%200%202.23%2021.44%20562%20562%200%200%201%2039.98-4.63l1.06.96.99-1.12c16.79-1.31%2034.4-2%2052.58-2%2038.62%200%2074.76%203.14%20105.66%208.62a103%20103%200%200%200%202.63-23.27C245.49%2046.07%20199.57%200%20142.93%200M10.83%2048.9H6.78A6.83%206.83%200%200%200%200%2055.75a6.83%206.83%200%200%200%206.78%206.84h4.05a6.83%206.83%200%200%200%206.77-6.84%206.83%206.83%200%200%200-6.77-6.85'/%3e%3cpath%20fill='%23E8EBF2'%20d='M264%20151.6c0%203.66-3%206.66-6.69%206.66H214.6a6.67%206.67%200%200%200%200%2013.34h7.94a6.67%206.67%200%200%201%200%2013.34h-18.25a102.3%20102.3%200%200%201-61.53%2020.45%20102.5%20102.5%200%200%201-100.3-80.94c12.61-1.93%2026-3.48%2039.97-4.6l1.05.95.99-1.11c16.78-1.3%2034.4-2%2052.57-2%2038.6%200%2074.74%203.13%20105.63%208.57a101%20101%200%200%201-6.3%2018.67h20.94a6.67%206.67%200%200%201%206.69%206.66'/%3e%3cpath%20fill='%23E0E2EE'%20d='M244.5%20109.9a107%20107%200%200%201-2.36%2016.27c-30.86-5.59-66.95-8.8-105.51-8.8-18.15%200-35.75.72-52.52%202.05l11.63-13.47%2018.09%2011.8L138.3%20111l42.12%206.39%2018.29-6.39%204.63%206.39%2011.05-8.2%2010.33%209.46L241%20105.63zm-162.35%209.67a566%20566%200%200%200-39.96%204.64q-.65-3.06-1.11-6.2l21.62-16.3z'/%3e%3cpath%20fill='%23E1E3EF'%20d='M242.55%20184.85a6.87%206.87%200%200%201-6.84-6.85%206.87%206.87%200%200%201%206.84-6.84%206.87%206.87%200%200%201%206.85%206.84%206.87%206.87%200%200%201-6.85%206.85'/%3e%3crect%20width='111'%20height='86'%20x='91'%20y='50'%20fill='%23fff'%20rx='10'/%3e%3cpath%20fill='%23F1F2F7'%20d='M97.13%2064.96h98.74c1.83%200%203.3-2.72%203.3-6.08s-1.47-6.08-3.3-6.08H97.13c-1.83%200-3.3%202.72-3.3%206.08s1.47%206.08%203.3%206.08'/%3e%3cpath%20fill='%23D0D4DA'%20d='M99.58%2087.73h5.21c.9%200%201.63-.72%201.63-1.61s-.73-1.62-1.63-1.62h-5.21c-.9%200-1.63.73-1.63%201.62s.73%201.61%201.63%201.61m0-13.76h36.5c.9%200%201.62-.73%201.62-1.62s-.73-1.61-1.63-1.61H99.58c-.9%200-1.63.72-1.63%201.61s.73%201.62%201.63%201.62m43.44%200h6.95a1.61%201.61%200%201%200%20.01-3.23h-6.96a1.61%201.61%200%201%200%200%203.23m29.55%200h20.85c.9%200%201.63-.73%201.63-1.62s-.73-1.61-1.63-1.61h-20.85c-.9%200-1.63.72-1.63%201.61s.73%201.62%201.63%201.62m0%2010.53c-.43%200-.85.18-1.16.48a1.6%201.6%200%200%200%200%202.28%201.64%201.64%200%200%200%202.3%200%201.61%201.61%200%200%200-1.14-2.76m1.15%2014.24a1.65%201.65%200%200%200-2.3%200%201.6%201.6%200%200%200%200%202.28%201.64%201.64%200%200%200%202.3%200%201.6%201.6%200%200%200%200-2.28m-1.15%2013.29c-.43%200-.85.18-1.16.48s-.47.71-.47%201.14a1.6%201.6%200%200%200%201.63%201.61%201.61%201.61%200%201%200%200-3.23m6.95%200a1.64%201.64%200%200%200-1.63%201.62%201.6%201.6%200%200%200%201.63%201.61%201.61%201.61%200%200%200%201.15-2.75c-.3-.3-.72-.48-1.15-.48m-6.95%2013.77a1.61%201.61%200%200%200-1.15%202.75%201.64%201.64%200%200%200%202.3%200%201.61%201.61%200%200%200-1.15-2.75m6.95%200a1.61%201.61%200%200%200-1.15%202.75%201.64%201.64%200%200%200%202.3%200%201.6%201.6%200%200%200%200-2.28c-.3-.3-.72-.47-1.15-.47m8.1-13.3a1.65%201.65%200%200%200-2.3%200%201.6%201.6%200%200%200%201.15%202.76%201.61%201.61%200%200%200%201.15-2.75m-6.95-27.53a1.64%201.64%200%200%200-2.3%200%201.6%201.6%200%200%200%200%202.28%201.64%201.64%200%200%200%202.3%200%201.6%201.6%200%200%200%200-2.28M104.8%20125.8h-5.22c-.9%200-1.63.72-1.63%201.61s.73%201.62%201.63%201.62h5.21c.9%200%201.63-.73%201.63-1.62s-.73-1.61-1.63-1.61m-5.21-24.3h5.21c.9%200%201.63-.73%201.63-1.62s-.73-1.61-1.63-1.61h-5.21c-.9%200-1.63.72-1.63%201.61s.73%201.62%201.63%201.62m5.22%2010.53h-5.22c-.9%200-1.63.73-1.63%201.62s.73%201.61%201.63%201.61h5.21c.9%200%201.63-.72%201.63-1.61s-.73-1.62-1.63-1.62m33.02%200h-3.47c-.9%200-1.63.73-1.63%201.62s.73%201.61%201.63%201.61h3.47c.9%200%201.63-.72%201.63-1.61s-.73-1.62-1.63-1.62m-3.47%2017h3.47c.9%200%201.63-.73%201.63-1.62s-.73-1.61-1.63-1.61h-3.47c-.9%200-1.63.72-1.63%201.61s.73%201.62%201.63%201.62m3.47-30.76h-3.47c-.9%200-1.63.72-1.63%201.61s.73%201.62%201.63%201.62h3.47c.9%200%201.63-.73%201.63-1.62s-.73-1.61-1.63-1.61m-3.47-10.54h3.47c.9%200%201.63-.72%201.63-1.61s-.73-1.62-1.63-1.62h-3.47c-.9%200-1.63.73-1.63%201.62s.73%201.61%201.63%201.61m10.42%200h6.95c.9%200%201.63-.72%201.63-1.61s-.73-1.62-1.63-1.62h-6.95c-.9%200-1.63.73-1.63%201.62s.73%201.61%201.63%201.61m12.17%2010.54h-12.17c-.9%200-1.63.72-1.63%201.61s.73%201.62%201.63%201.62h12.17c.9%200%201.63-.73%201.63-1.62s-.73-1.61-1.63-1.61m-8.69%2013.76h-3.48c-.9%200-1.63.73-1.63%201.62s.73%201.61%201.63%201.61h3.48c.9%200%201.63-.72%201.63-1.61s-.73-1.62-1.63-1.62m-3.48%2017h6.95c.9%200%201.63-.73%201.63-1.62s-.73-1.61-1.63-1.61h-6.95c-.9%200-1.63.72-1.63%201.61s.73%201.62%201.63%201.62'/%3e%3cpath%20fill='%23D0D4DA'%20d='M193.42%2050.1H99.58A8.55%208.55%200%200%200%2091%2058.58v68.82c0%204.69%203.85%208.5%208.58%208.5h93.84a8.55%208.55%200%200%200%208.58-8.5V58.6c0-4.69-3.85-8.5-8.58-8.5m-64.4%2068.82v-10.54h34.97v10.54zm34.97%203.22v10.54H129v-10.54zm34.75-55.06v10.54h-31.5V67.08zM164%2080.85v10.54h-35V80.85zm-38.24%2010.54h-31.5V80.85h31.5zm0%203.22v10.54h-31.5V94.61zm3.26%200H164v10.54h-35zm38.23%200h31.5v10.54h-31.5zm0-3.22V80.85h31.5v10.54zM164%2077.62H94.26V67.08h69.73zm-69.73%2030.76h31.5v10.54h-31.5zm72.98%200h31.5v10.54h-31.5zM99.58%2053.32h93.84a5.3%205.3%200%200%201%205.32%205.27v5.27H94.26v-5.27a5.3%205.3%200%200%201%205.32-5.27m-5.32%2074.1v-5.28h31.5v10.54H99.57a5.3%205.3%200%200%201-5.32-5.27m99.16%205.26h-26.18v-10.54h31.5v5.27a5.3%205.3%200%200%201-5.32%205.27'/%3e%3crect%20width='111'%20height='86'%20x='68'%20y='76'%20fill='%23fff'%20rx='10'/%3e%3cpath%20fill='%23F1F2F7'%20d='M74.13%2090.96h98.74c1.83%200%203.3-2.72%203.3-6.08s-1.47-6.08-3.3-6.08H74.13c-1.83%200-3.3%202.72-3.3%206.08s1.47%206.08%203.3%206.08'/%3e%3cpath%20fill='%23D0D4DA'%20d='M76.58%20113.73h5.21c.9%200%201.63-.72%201.63-1.61s-.73-1.62-1.63-1.62h-5.21c-.9%200-1.63.73-1.63%201.62s.73%201.61%201.63%201.61m0-13.76h36.5c.9%200%201.62-.73%201.62-1.62s-.73-1.61-1.63-1.61H76.58c-.9%200-1.63.72-1.63%201.61s.73%201.62%201.63%201.62m43.44%200h6.95a1.61%201.61%200%201%200%20.01-3.23h-6.96a1.61%201.61%200%201%200%200%203.23m29.55%200h20.85c.9%200%201.63-.73%201.63-1.62s-.73-1.61-1.63-1.61h-20.85c-.9%200-1.63.72-1.63%201.61s.73%201.62%201.63%201.62m0%2010.53c-.43%200-.85.18-1.16.48a1.6%201.6%200%200%200%200%202.28%201.64%201.64%200%200%200%202.3%200%201.61%201.61%200%200%200-1.14-2.76m1.15%2014.24a1.65%201.65%200%200%200-2.3%200%201.6%201.6%200%200%200%200%202.28%201.64%201.64%200%200%200%202.3%200%201.6%201.6%200%200%200%200-2.28m-1.15%2013.29c-.43%200-.85.18-1.16.48s-.47.71-.47%201.14a1.6%201.6%200%200%200%201.63%201.61%201.61%201.61%200%201%200%200-3.23m6.95%200a1.64%201.64%200%200%200-1.63%201.62%201.6%201.6%200%200%200%201.63%201.61%201.61%201.61%200%200%200%201.15-2.75c-.3-.3-.72-.48-1.15-.48m-6.95%2013.77a1.61%201.61%200%200%200-1.15%202.75%201.64%201.64%200%200%200%202.3%200%201.61%201.61%200%200%200-1.15-2.75m6.95%200a1.61%201.61%200%200%200-1.15%202.75%201.64%201.64%200%200%200%202.3%200%201.6%201.6%200%200%200%200-2.28c-.3-.3-.72-.47-1.15-.47m8.1-13.3a1.65%201.65%200%200%200-2.3%200%201.6%201.6%200%200%200%201.15%202.76%201.61%201.61%200%200%200%201.15-2.75m-6.95-27.53a1.64%201.64%200%200%200-2.3%200%201.6%201.6%200%200%200%200%202.28%201.64%201.64%200%200%200%202.3%200%201.6%201.6%200%200%200%200-2.28M81.8%20151.8h-5.22c-.9%200-1.63.72-1.63%201.61s.73%201.62%201.63%201.62h5.21c.9%200%201.63-.73%201.63-1.62s-.73-1.61-1.63-1.61m-5.21-24.3h5.21c.9%200%201.63-.73%201.63-1.62s-.73-1.61-1.63-1.61h-5.21c-.9%200-1.63.72-1.63%201.61s.73%201.62%201.63%201.62m5.22%2010.53h-5.22c-.9%200-1.63.73-1.63%201.62s.73%201.61%201.63%201.61h5.21c.9%200%201.63-.72%201.63-1.61s-.73-1.62-1.63-1.62m33.02%200h-3.48c-.9%200-1.62.73-1.62%201.62s.73%201.61%201.63%201.61h3.47c.9%200%201.63-.72%201.63-1.61s-.73-1.62-1.63-1.62m-3.47%2017h3.47c.9%200%201.63-.73%201.63-1.62s-.73-1.61-1.63-1.61h-3.48a1.61%201.61%200%201%200%20.01%203.23m3.47-30.76h-3.48a1.61%201.61%200%201%200%20.01%203.23h3.47c.9%200%201.63-.73%201.63-1.62s-.73-1.61-1.63-1.61m-3.47-10.54h3.47c.9%200%201.63-.72%201.63-1.61s-.73-1.62-1.63-1.62h-3.48c-.9%200-1.62.73-1.62%201.62s.73%201.61%201.63%201.61m10.42%200h6.95c.9%200%201.63-.72%201.63-1.61s-.73-1.62-1.63-1.62h-6.95c-.9%200-1.63.73-1.63%201.62s.73%201.61%201.63%201.61m12.17%2010.54h-12.17c-.9%200-1.63.72-1.63%201.61s.73%201.62%201.63%201.62h12.17c.9%200%201.63-.73%201.63-1.62s-.73-1.61-1.63-1.61m-8.69%2013.76h-3.48c-.9%200-1.63.73-1.63%201.62s.73%201.61%201.63%201.61h3.48c.9%200%201.63-.72%201.63-1.61s-.73-1.62-1.63-1.62m-3.48%2017h6.95c.9%200%201.63-.73%201.63-1.62s-.73-1.61-1.63-1.61h-6.95c-.9%200-1.63.72-1.63%201.61s.73%201.62%201.63%201.62'/%3e%3cpath%20fill='%23D0D4DA'%20d='M170.42%2076.1H76.58A8.55%208.55%200%200%200%2068%2084.58v68.82c0%204.69%203.85%208.5%208.58%208.5h93.84a8.55%208.55%200%200%200%208.58-8.5V84.6c0-4.69-3.85-8.5-8.58-8.5m-64.4%2068.82v-10.54h34.97v10.54zm34.97%203.22v10.54H106v-10.54zm34.75-55.06v10.54h-31.5V93.08zM141%20106.85v10.54h-35v-10.54zm-38.24%2010.54h-31.5v-10.54h31.5zm0%203.22v10.54h-31.5v-10.54zm3.26%200H141v10.54h-35zm38.23%200h31.5v10.54h-31.5zm0-3.22v-10.54h31.5v10.54zM141%20103.62H71.26V93.08h69.73zm-69.73%2030.76h31.5v10.54h-31.5zm72.98%200h31.5v10.54h-31.5zM76.58%2079.32h93.84a5.3%205.3%200%200%201%205.32%205.27v5.27H71.26v-5.27a5.3%205.3%200%200%201%205.32-5.27m-5.32%2074.1v-5.28h31.5v10.54H76.57a5.3%205.3%200%200%201-5.32-5.27m99.16%205.26h-26.18v-10.54h31.5v5.27a5.3%205.3%200%200%201-5.32%205.27'/%3e%3c/svg%3e",
979
974
  alt: "no-data",
980
975
  width: "200px",
981
976
  height: "200px"
982
977
  }),
983
- /* @__PURE__ */ (0, C.jsx)(a, {
978
+ /* @__PURE__ */ (0, w.jsx)(a, {
984
979
  variant: "body-text-1",
985
980
  children: "No data available"
986
981
  }),
987
- /* @__PURE__ */ (0, C.jsx)(a, {
982
+ /* @__PURE__ */ (0, w.jsx)(a, {
988
983
  variant: "body-text-1",
989
984
  children: "Generate your query to visualise data"
990
985
  })
991
986
  ]
992
987
  }),
993
- v && /* @__PURE__ */ (0, C.jsx)("div", {
994
- className: S.error,
995
- children: /* @__PURE__ */ (0, C.jsx)(a, {
988
+ y && /* @__PURE__ */ (0, w.jsx)("div", {
989
+ className: C.error,
990
+ children: /* @__PURE__ */ (0, w.jsx)(a, {
996
991
  variant: "body-text-1",
997
- children: v
992
+ children: y
998
993
  })
999
994
  })
1000
995
  ]