@ironsource/shared-ui 2.1.6-rc.28 → 2.1.6-rc.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 (5) hide show
  1. package/DataGrid.vue_vue_type_style_index_0_scoped_b5729ec6_lang.css +1 -0
  2. package/components/table/v4/DataGrid.vue.js +3 -3
  3. package/components/table/v4/DataGrid.vue2.js +28 -28
  4. package/package.json +1 -1
  5. package/DataGrid.vue_vue_type_style_index_0_scoped_6df3b70f_lang.css +0 -1
package/DataGrid.vue_vue_type_style_index_0_scoped_b5729ec6_lang.css ADDED
@@ -0,0 +1 @@
1
+ .sticky[data-v-b5729ec6]{position:sticky}.table-container[data-v-b5729ec6]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-b5729ec6]{display:flex;align-items:center;height:calc(var(--spacing-800) - 1px);border-bottom:1px solid var(--common-divider);background-color:var(--background-paper-elevation-0);position:sticky;left:0;padding:var(--spacing-300)}.table-header .table-title[data-v-b5729ec6]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-b5729ec6]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-b5729ec6]{width:13.75rem}.table-header.isStickyHeader[data-v-b5729ec6]{z-index:calc(var(--1d168568) + 3);top:0}.table-head-container[data-v-b5729ec6]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-b5729ec6]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-b5729ec6]{display:inline-table}.table-header-actions[data-v-b5729ec6]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-b5729ec6]{position:relative}.table-row.loading[data-v-b5729ec6]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-b5729ec6]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-b5729ec6]{border-bottom:none}.expanded-row[data-v-b5729ec6]{grid-column:var(--40a246c0);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-b5729ec6]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md);border-collapse:collapse;border-spacing:0}table.hasFooter[data-v-b5729ec6]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-b5729ec6],table th[data-v-b5729ec6]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-b5729ec6]:first-of-type,table th[data-v-b5729ec6]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-b5729ec6]:last-of-type,table th[data-v-b5729ec6]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-b5729ec6],table th.expand-toggle-cell[data-v-b5729ec6]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-b5729ec6]{border-bottom:none;z-index:calc(var(--1d168568) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-b5729ec6]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--68f7a9b9)}table>thead>tr>th[data-v-b5729ec6]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-b5729ec6]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-b5729ec6]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-b5729ec6]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-b5729ec6]{cursor:pointer}table>thead.sticky[data-v-b5729ec6]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-b5729ec6]{z-index:calc(var(--1d168568) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-b5729ec6]{display:block}table>tbody>*>tr[data-v-b5729ec6]{background-color:var(--background-default);min-height:var(--60bffa01);height:auto;display:grid;align-items:center;grid-template-columns:var(--68f7a9b9)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-b5729ec6]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-b5729ec6],table>tbody>*>tr.activeMenu>td[data-v-b5729ec6]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-b5729ec6]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--60bffa01);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-b5729ec6]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-b5729ec6]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-b5729ec6]{justify-content:flex-end;text-align:right}.section-container[data-v-b5729ec6]{left:0}.sections[data-v-b5729ec6]{display:flex}.section[data-v-b5729ec6]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-b5729ec6]{width:100%}.empty-state[data-v-b5729ec6]{min-height:250px}
package/components/table/v4/DataGrid.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./DataGrid.vue2.js";
2
- /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_6df3b70f_lang.css"; //*');
4
- const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-6df3b70f"]]);
2
+ /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_b5729ec6_lang.css"; //*');
4
+ const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-b5729ec6"]]);
5
5
  export {
6
6
  a as default
7
7
  };
package/components/table/v4/DataGrid.vue2.js CHANGED
@@ -1,11 +1,11 @@
1
- import "../../../DataGrid.vue_vue_type_style_index_0_scoped_6df3b70f_lang.css"; import { defineComponent as se, useCssVars as ae, unref as t, useSlots as le, computed as g, openBlock as l, createElementBlock as d, createElementVNode as h, normalizeStyle as x, normalizeClass as f, renderSlot as r, createVNode as y, withCtx as T, createTextVNode as C, toDisplayString as E, isRef as ie, createCommentVNode as u, Fragment as w, renderList as B, createBlock as z, mergeProps as de } from "vue";
1
+ import "../../../DataGrid.vue_vue_type_style_index_0_scoped_b5729ec6_lang.css"; import { defineComponent as se, useCssVars as ae, unref as t, useSlots as le, computed as g, openBlock as l, createElementBlock as d, createElementVNode as h, normalizeStyle as x, normalizeClass as f, renderSlot as c, createVNode as y, withCtx as T, createTextVNode as C, toDisplayString as E, isRef as ie, createCommentVNode as u, Fragment as w, renderList as B, createBlock as z, mergeProps as de } from "vue";
2
2
  import I from "../../typography/v4/Typography.vue.js";
3
3
  import oe from "../../skeleton/v4/SkeletonV4.vue.js";
4
4
  import ne from "../../emptyState/v4/EmptyStateV4.vue.js";
5
5
  import D from "../../checkbox/v4/CheckboxV4.vue.js";
6
6
  import { TableTestIdModifiers as S } from "../../../testids/index.js";
7
- import { tableCommon as ce } from "../common/Table.common.js";
8
- import re from "./SortIcon.vue.js";
7
+ import { tableCommon as re } from "../common/Table.common.js";
8
+ import ce from "./SortIcon.vue.js";
9
9
  import ue from "./HelpIcon.vue.js";
10
10
  import he from "./ExpandRowToggle.vue.js";
11
11
  import ye from "../../search/v4/SearchV4.vue.js";
@@ -37,8 +37,8 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
37
37
  sections: { default: null },
38
38
  sort: { default: null },
39
39
  selection: { default: null },
40
- getRowId: { type: Function, default: (s, c) => c },
41
- selectedMatcher: { type: Function, default: (s, c) => s === c },
40
+ getRowId: { type: Function, default: (s, r) => r },
41
+ selectedMatcher: { type: Function, default: (s, r) => s === r },
42
42
  isSticky: { type: Boolean, default: !0 },
43
43
  isStickyHeader: { type: Boolean, default: !1 },
44
44
  isLoading: { type: Boolean, default: !1 },
@@ -58,13 +58,13 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
58
58
  zIndexBase: { default: 100 }
59
59
  },
60
60
  emits: ["update:sort", "update:search", "update:selection", "onScroll", "onClearSearch", "saveRow", "loadMore", "selectAll", "selectRow"],
61
- setup(s, { emit: c }) {
61
+ setup(s, { emit: r }) {
62
62
  const o = s;
63
63
  ae((a) => ({
64
- "6eac79e5": s.zIndexBase,
65
- "69b66c99": t(J),
66
- c4cc855c: t(V),
67
- "6efaf45a": t(q)
64
+ "1d168568": s.zIndexBase,
65
+ "40a246c0": t(J),
66
+ "68f7a9b9": t(V),
67
+ "60bffa01": t(q)
68
68
  }));
69
69
  const v = le(), {
70
70
  list: P,
@@ -85,7 +85,7 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
85
85
  isRowExpanded: A,
86
86
  hasCheckboxes: F,
87
87
  activeMenuRow: K
88
- } = ce(o, c), O = g(() => !!v.footer), k = fe(o, "search", c), X = g(() => o.selection.length || 0), M = g(() => {
88
+ } = re(o, r), O = g(() => !!v.footer), k = fe(o, "search", r), X = g(() => o.selection.length || 0), M = g(() => {
89
89
  const a = o.rows.map((i, e) => o.getRowId(i, e));
90
90
  return a.length && a.every((i) => $(i));
91
91
  }), $ = (a) => o.selection.findIndex((i) => o.selectedMatcher(a, i)) !== -1, Z = (a) => {
@@ -93,16 +93,16 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
93
93
  o.selection.filter(
94
94
  (i) => !o.selectedMatcher(a, i)
95
95
  )
96
- ), c("selectRow", !1)) : (R([...o.selection, a]), c("selectRow", !0));
96
+ ), r("selectRow", !1)) : (R([...o.selection, a]), r("selectRow", !0));
97
97
  }, _ = () => {
98
98
  if (M.value)
99
- R([]), c("selectAll", !1);
99
+ R([]), r("selectAll", !1);
100
100
  else {
101
101
  const a = o.rows.map((i, e) => o.getRowId(i, e)).filter((i) => !$(i));
102
- R([...o.selection, ...a]), c("selectAll", !0);
102
+ R([...o.selection, ...a]), r("selectAll", !0);
103
103
  }
104
104
  }, R = (a) => {
105
- c("update:selection", a);
105
+ r("update:selection", a);
106
106
  }, ee = g(
107
107
  () => o.emptyStateVariant ?? (k.value ? "no-results" : "no-data")
108
108
  ), te = g(
@@ -132,7 +132,7 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
132
132
  class: "table-title",
133
133
  "data-testid": `${s.testId}-${t(S).TITLE}`
134
134
  }, [
135
- r(a.$slots, "title", {}, () => [
135
+ c(a.$slots, "title", {}, () => [
136
136
  y(t(I), { variant: "h3" }, {
137
137
  default: T(() => [
138
138
  C(E(s.title), 1)
@@ -145,7 +145,7 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
145
145
  class: "table-header-right",
146
146
  "data-testid": `${s.testId}-${t(S).HEADER_RIGHT}`
147
147
  }, [
148
- s.showSearch ? r(a.$slots, "search", { key: 0 }, () => [
148
+ s.showSearch ? c(a.$slots, "search", { key: 0 }, () => [
149
149
  h("div", be, [
150
150
  y(t(ye), {
151
151
  modelValue: t(k),
@@ -153,7 +153,7 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
153
153
  placeholder: s.searchPlaceholder,
154
154
  "auto-focus": s.searchAutoFocus,
155
155
  "test-id": s.testId,
156
- onOnClear: i[1] || (i[1] = (e) => c("onClearSearch"))
156
+ onOnClear: i[1] || (i[1] = (e) => r("onClearSearch"))
157
157
  }, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id"])
158
158
  ])
159
159
  ], !0) : u("", !0)
@@ -163,7 +163,7 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
163
163
  class: "table-header-actions",
164
164
  "data-testid": `${s.testId}-${t(S).ACTIONS}`
165
165
  }, [
166
- r(a.$slots, "table-header-actions", {}, void 0, !0)
166
+ c(a.$slots, "table-header-actions", {}, void 0, !0)
167
167
  ], 8, $e)) : u("", !0)
168
168
  ], 10, me)) : u("", !0),
169
169
  h("thead", {
@@ -177,7 +177,7 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
177
177
  key: e.id,
178
178
  class: f(["section-container", { sticky: e.isSticky }])
179
179
  }, [
180
- r(a.$slots, `section-${e.id}`, {}, () => [
180
+ c(a.$slots, `section-${e.id}`, {}, () => [
181
181
  h("div", {
182
182
  style: x({ width: e.width + "px" }),
183
183
  class: f({ section: !0 })
@@ -194,7 +194,7 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
194
194
  ], 8, Re),
195
195
  h("tr", null, [
196
196
  t(F) ? (l(), d("th", xe, [
197
- r(a.$slots, "select-all-checkbox", {}, () => [
197
+ c(a.$slots, "select-all-checkbox", {}, () => [
198
198
  y(t(D), {
199
199
  disabled: s.isLoading,
200
200
  "is-checked": t(M),
@@ -218,7 +218,7 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
218
218
  onClick: (m) => e.isSortable ? t(Y)(e) : null
219
219
  }, [
220
220
  h("div", Ee, [
221
- r(a.$slots, `header-${e.id}`, { column: e }, () => [
221
+ c(a.$slots, `header-${e.id}`, { column: e }, () => [
222
222
  y(t(I), { variant: "tableLabel" }, {
223
223
  default: T(() => [
224
224
  C(E(e.title), 1)
@@ -231,7 +231,7 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
231
231
  "hover-help-text": e.helpText,
232
232
  "hover-help-text-placement": e.helpTextPlacement
233
233
  }, null, 8, ["hover-help-text", "hover-help-text-placement"])) : u("", !0),
234
- e.isSortable && e.id === s.sort?.sortBy ? (l(), z(re, {
234
+ e.isSortable && e.id === s.sort?.sortBy ? (l(), z(ce, {
235
235
  key: 1,
236
236
  "sort-order": s.sort.sortOrder
237
237
  }, null, 8, ["sort-order"])) : u("", !0)
@@ -285,7 +285,7 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
285
285
  key: 0,
286
286
  class: f(["table-cell", { last: n === e.data.length - 1 }])
287
287
  }, [
288
- r(a.$slots, `cell-${s.columns[n].id}`, {
288
+ c(a.$slots, `cell-${s.columns[n].id}`, {
289
289
  cell: e.data[n],
290
290
  isLoading: t(N).includes(e.index),
291
291
  cellIndex: n,
@@ -299,19 +299,19 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
299
299
  _: 2
300
300
  }, 1024)
301
301
  ], !0)
302
- ], 2)) : r(a.$slots, "loader", { key: 1 }, () => [
302
+ ], 2)) : c(a.$slots, "loader", { key: 1 }, () => [
303
303
  y(t(oe), { round: "" })
304
304
  ], !0)
305
305
  ], 6))), 128)),
306
306
  t(b) && t(A)(e.index) ? (l(), d("div", Ae, [
307
- r(a.$slots, "expanded", {
307
+ c(a.$slots, "expanded", {
308
308
  row: e,
309
309
  gridColumnTemplate: t(V)
310
310
  }, void 0, !0)
311
311
  ])) : u("", !0)
312
312
  ], 42, Be))), 128))
313
313
  ], 16, we)) : (l(), d("div", Me, [
314
- r(a.$slots, "empty-state", {}, () => [
314
+ c(a.$slots, "empty-state", {}, () => [
315
315
  y(t(ne), {
316
316
  class: "empty-state",
317
317
  title: s.emptyStateTitle,
@@ -324,7 +324,7 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
324
324
  ])
325
325
  ], 46, ke),
326
326
  t(O) ? (l(), d("div", Pe, [
327
- r(a.$slots, "footer", {}, void 0, !0)
327
+ c(a.$slots, "footer", {}, void 0, !0)
328
328
  ])) : u("", !0)
329
329
  ], 40, Se));
330
330
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.6-rc.28",
3
+ "version": "2.1.6-rc.29",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/DataGrid.vue_vue_type_style_index_0_scoped_6df3b70f_lang.css DELETED
@@ -1 +0,0 @@
1
- .sticky[data-v-6df3b70f]{position:sticky}.table-container[data-v-6df3b70f]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-6df3b70f]{display:flex;align-items:center;height:calc(var(--spacing-800) - 1px);border-bottom:1px solid var(--common-divider);background-color:var(--background-paper-elevation-0);position:sticky;left:0;padding:var(--spacing-300)}.table-header .table-title[data-v-6df3b70f]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-6df3b70f]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-6df3b70f]{width:13.75rem}.table-header.isStickyHeader[data-v-6df3b70f]{z-index:calc(var(--6eac79e5) + 3);top:0}.table-head-container[data-v-6df3b70f]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-6df3b70f]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-6df3b70f]{display:inline-table}.table-header-actions[data-v-6df3b70f]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-6df3b70f]{position:relative}.table-row.loading[data-v-6df3b70f]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-6df3b70f]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-6df3b70f]{border-bottom:none}.expanded-row[data-v-6df3b70f]{grid-column:var(--69b66c99);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-6df3b70f]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md)}table.hasFooter[data-v-6df3b70f]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-6df3b70f],table th[data-v-6df3b70f]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-6df3b70f]:first-of-type,table th[data-v-6df3b70f]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-6df3b70f]:last-of-type,table th[data-v-6df3b70f]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-6df3b70f],table th.expand-toggle-cell[data-v-6df3b70f]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-6df3b70f]{border-bottom:none;z-index:calc(var(--6eac79e5) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-6df3b70f]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--c4cc855c)}table>thead>tr>th[data-v-6df3b70f]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-6df3b70f]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-6df3b70f]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-6df3b70f]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-6df3b70f]{cursor:pointer}table>thead.sticky[data-v-6df3b70f]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-6df3b70f]{z-index:calc(var(--6eac79e5) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-6df3b70f]{display:block}table>tbody>*>tr[data-v-6df3b70f]{background-color:var(--background-default);min-height:var(--6efaf45a);height:auto;display:grid;align-items:center;grid-template-columns:var(--c4cc855c)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-6df3b70f]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-6df3b70f],table>tbody>*>tr.activeMenu>td[data-v-6df3b70f]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-6df3b70f]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--6efaf45a);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-6df3b70f]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-6df3b70f]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-6df3b70f]{justify-content:flex-end;text-align:right}.section-container[data-v-6df3b70f]{left:0}.sections[data-v-6df3b70f]{display:flex}.section[data-v-6df3b70f]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-6df3b70f]{width:100%}.empty-state[data-v-6df3b70f]{min-height:250px}