@ironsource/shared-ui 2.1.3-rc.24 → 2.1.3-rc.25

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_bddb537c_lang.css +1 -0
  2. package/components/table/v4/DataGrid.vue.js +2 -2
  3. package/components/table/v4/DataGrid.vue2.js +55 -51
  4. package/package.json +1 -1
  5. package/DataGrid.vue_vue_type_style_index_0_scoped_9b108af3_lang.css +0 -1
package/DataGrid.vue_vue_type_style_index_0_scoped_bddb537c_lang.css ADDED
@@ -0,0 +1 @@
1
+ .sticky[data-v-bddb537c]{position:sticky}.table-container[data-v-bddb537c]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-bddb537c]{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-bddb537c]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-bddb537c]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-bddb537c]{width:13.75rem}.table-header.isStickyHeader[data-v-bddb537c]{z-index:calc(var(--05ee006e) + 3);top:0}.table-head-container[data-v-bddb537c]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-bddb537c]{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-bddb537c]{display:inline-table}.table-header-actions[data-v-bddb537c]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-bddb537c]{position:relative}.table-row.loading[data-v-bddb537c]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-bddb537c]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-bddb537c]{border-bottom:none}.expanded-row[data-v-bddb537c]{grid-column:var(--7ce7f77d);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-bddb537c]{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-bddb537c]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-bddb537c],table th[data-v-bddb537c]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-bddb537c]:first-of-type,table th[data-v-bddb537c]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-bddb537c]:last-of-type,table th[data-v-bddb537c]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-bddb537c],table th.expand-toggle-cell[data-v-bddb537c]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-bddb537c]{border-bottom:none;z-index:calc(var(--05ee006e) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-bddb537c]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--aad7c194)}table>thead>tr>th[data-v-bddb537c]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-bddb537c]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-bddb537c]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-bddb537c]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-bddb537c]{cursor:pointer}table>thead.sticky[data-v-bddb537c]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-bddb537c]{z-index:calc(var(--05ee006e) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-bddb537c]{display:block}table>tbody>*>tr[data-v-bddb537c]{background-color:var(--background-default);min-height:var(--4f64dd84);height:auto;display:grid;align-items:center;grid-template-columns:var(--aad7c194)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-bddb537c]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-bddb537c],table>tbody>*>tr.activeMenu>td[data-v-bddb537c]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-bddb537c]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--4f64dd84);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-bddb537c]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-bddb537c]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-bddb537c]{justify-content:flex-end;text-align:right}.section-container[data-v-bddb537c]{left:0}.sections[data-v-bddb537c]{display:flex}.section[data-v-bddb537c]{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-bddb537c]{width:100%}.empty-state[data-v-bddb537c]{min-height:250px}
package/components/table/v4/DataGrid.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./DataGrid.vue2.js";
2
2
  /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_9b108af3_lang.css"; //*');
4
- const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-9b108af3"]]);
3
+ // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_bddb537c_lang.css"; //*');
4
+ const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-bddb537c"]]);
5
5
  export {
6
6
  s 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_9b108af3_lang.css"; import { defineComponent as se, useCssVars as ae, unref as e, useSlots as ie, computed as g, openBlock as i, createElementBlock as l, createElementVNode as u, normalizeStyle as x, normalizeClass as y, renderSlot as c, createVNode as h, withCtx as T, createTextVNode as C, toDisplayString as E, isRef as le, createCommentVNode as r, Fragment as B, renderList as I, createBlock as z, mergeProps as de } from "vue";
1
+ import "../../../DataGrid.vue_vue_type_style_index_0_scoped_bddb537c_lang.css"; import { defineComponent as se, useCssVars as ae, unref as e, useSlots as ie, computed as g, openBlock as i, createElementBlock as l, createElementVNode as u, normalizeStyle as x, normalizeClass as y, renderSlot as r, createVNode as h, withCtx as T, createTextVNode as C, toDisplayString as E, isRef as le, createCommentVNode as c, Fragment as B, renderList as I, createBlock as z, mergeProps as de } from "vue";
2
2
  import p 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 f } 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";
@@ -22,10 +22,10 @@ const Se = ["data-testid"], me = ["data-testid"], ke = ["data-testid"], ge = ["d
22
22
  }, we = {
23
23
  key: 1,
24
24
  class: "expand-toggle-cell"
25
- }, Pe = {
25
+ }, Me = {
26
26
  key: 2,
27
27
  class: "expanded-row"
28
- }, Ve = { key: 1 }, He = {
28
+ }, Pe = { key: 1 }, Ve = {
29
29
  key: 0,
30
30
  class: "table-footer"
31
31
  }, We = /* @__PURE__ */ se({
@@ -61,19 +61,19 @@ const Se = ["data-testid"], me = ["data-testid"], ke = ["data-testid"], ge = ["d
61
61
  setup(s, { emit: S }) {
62
62
  const o = s;
63
63
  ae((a) => ({
64
- "634e78fd": s.zIndexBase,
65
- "279a8c9e": e(J),
66
- "7237246a": e(L),
67
- "79cce51c": e(q)
64
+ "05ee006e": s.zIndexBase,
65
+ "7ce7f77d": e(J),
66
+ aad7c194: e(H),
67
+ "4f64dd84": e(q)
68
68
  }));
69
69
  const v = ie(), {
70
- list: H,
70
+ list: V,
71
71
  containerProps: U,
72
72
  wrapperProps: G,
73
73
  activeRow: w,
74
- gridColumnTemplate: L,
74
+ gridColumnTemplate: H,
75
75
  toggleSortOrder: Y,
76
- columnsStickyPositions: M,
76
+ columnsStickyPositions: L,
77
77
  hasSearchSlot: Q,
78
78
  containerStyle: W,
79
79
  onScroll: A,
@@ -82,16 +82,20 @@ const Se = ["data-testid"], me = ["data-testid"], ke = ["data-testid"], ge = ["d
82
82
  toggleExpandRow: j,
83
83
  cssRowHeight: q,
84
84
  cssExpandGridCol: J,
85
- isRowExpanded: P,
85
+ isRowExpanded: M,
86
86
  hasCheckboxes: F,
87
87
  activeMenuRow: K
88
- } = ce(o, S), O = g(() => !!v.footer), m = fe(o, "search", S), X = g(() => o.selection.length || 0), V = g(() => {
88
+ } = re(o, S), O = g(() => !!v.footer), m = fe(o, "search", S), X = g(() => o.selection.length || 0), P = g(() => {
89
89
  const a = o.rows.map((d, t) => o.getRowId(d, t));
90
90
  return a.length && a.every((d) => $(d));
91
91
  }), $ = (a) => o.selection.findIndex((d) => o.selectedMatcher(a, d)) !== -1, Z = (a) => {
92
- $(a) ? R(o.selection.filter((d) => d !== a)) : R([...o.selection, a]);
92
+ $(a) ? R(
93
+ o.selection.filter(
94
+ (d) => !o.selectedMatcher(a, d)
95
+ )
96
+ ) : R([...o.selection, a]);
93
97
  }, _ = () => {
94
- if (V.value)
98
+ if (P.value)
95
99
  R([]);
96
100
  else {
97
101
  const a = o.rows.map((d, t) => o.getRowId(d, t)).filter((d) => !$(d));
@@ -128,7 +132,7 @@ const Se = ["data-testid"], me = ["data-testid"], ke = ["data-testid"], ge = ["d
128
132
  class: "table-title",
129
133
  "data-testid": `${s.testId}-${e(f).TITLE}`
130
134
  }, [
131
- c(a.$slots, "title", {}, () => [
135
+ r(a.$slots, "title", {}, () => [
132
136
  h(e(p), { variant: "h3" }, {
133
137
  default: T(() => [
134
138
  C(E(s.title), 1)
@@ -141,7 +145,7 @@ const Se = ["data-testid"], me = ["data-testid"], ke = ["data-testid"], ge = ["d
141
145
  class: "table-header-right",
142
146
  "data-testid": `${s.testId}-${e(f).HEADER_RIGHT}`
143
147
  }, [
144
- s.showSearch ? c(a.$slots, "search", { key: 0 }, () => [
148
+ s.showSearch ? r(a.$slots, "search", { key: 0 }, () => [
145
149
  u("div", be, [
146
150
  h(e(ye), {
147
151
  modelValue: e(m),
@@ -151,16 +155,16 @@ const Se = ["data-testid"], me = ["data-testid"], ke = ["data-testid"], ge = ["d
151
155
  "test-id": s.testId
152
156
  }, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id"])
153
157
  ])
154
- ], !0) : r("", !0)
158
+ ], !0) : c("", !0)
155
159
  ], 8, ve),
156
160
  e(v)["table-header-actions"] ? (i(), l("div", {
157
161
  key: 0,
158
162
  class: "table-header-actions",
159
163
  "data-testid": `${s.testId}-${e(f).ACTIONS}`
160
164
  }, [
161
- c(a.$slots, "table-header-actions", {}, void 0, !0)
162
- ], 8, $e)) : r("", !0)
163
- ], 10, ke)) : r("", !0),
165
+ r(a.$slots, "table-header-actions", {}, void 0, !0)
166
+ ], 8, $e)) : c("", !0)
167
+ ], 10, ke)) : c("", !0),
164
168
  u("thead", {
165
169
  class: y({ sticky: s.isSticky, isStickyHeader: s.isStickyHeader })
166
170
  }, [
@@ -172,7 +176,7 @@ const Se = ["data-testid"], me = ["data-testid"], ke = ["data-testid"], ge = ["d
172
176
  key: t.id,
173
177
  class: y(["section-container", { sticky: t.isSticky }])
174
178
  }, [
175
- c(a.$slots, `section-${t.id}`, {}, () => [
179
+ r(a.$slots, `section-${t.id}`, {}, () => [
176
180
  u("div", {
177
181
  style: x({ width: t.width + "px" }),
178
182
  class: y({ section: !0 })
@@ -189,16 +193,16 @@ const Se = ["data-testid"], me = ["data-testid"], ke = ["data-testid"], ge = ["d
189
193
  ], 8, Re),
190
194
  u("tr", null, [
191
195
  e(F) ? (i(), l("th", xe, [
192
- c(a.$slots, "select-all-checkbox", {}, () => [
196
+ r(a.$slots, "select-all-checkbox", {}, () => [
193
197
  h(e(D), {
194
198
  disabled: s.isLoading,
195
- "is-checked": e(V),
196
- "is-indeterminate": !e(V) && e(X) > 0,
199
+ "is-checked": e(P),
200
+ "is-indeterminate": !e(P) && e(X) > 0,
197
201
  "onUpdate:isChecked": _
198
202
  }, null, 8, ["disabled", "is-checked", "is-indeterminate"])
199
203
  ], !0)
200
- ])) : r("", !0),
201
- e(b) ? (i(), l("th", Te)) : r("", !0),
204
+ ])) : c("", !0),
205
+ e(b) ? (i(), l("th", Te)) : c("", !0),
202
206
  (i(!0), l(B, null, I(s.columns, (t) => (i(), l("th", {
203
207
  key: t.id,
204
208
  class: y({
@@ -209,11 +213,11 @@ const Se = ["data-testid"], me = ["data-testid"], ke = ["data-testid"], ge = ["d
209
213
  isSortable: t.isSortable,
210
214
  [`column-${t.id}`]: !0
211
215
  }),
212
- style: x(t.isSticky ? e(M)[t.id] : null),
216
+ style: x(t.isSticky ? e(L)[t.id] : null),
213
217
  onClick: (k) => t.isSortable ? e(Y)(t) : null
214
218
  }, [
215
219
  u("div", Ee, [
216
- c(a.$slots, `header-${t.id}`, { column: t }, () => [
220
+ r(a.$slots, `header-${t.id}`, { column: t }, () => [
217
221
  h(e(p), { variant: "tableLabel" }, {
218
222
  default: T(() => [
219
223
  C(E(t.title), 1)
@@ -225,28 +229,28 @@ const Se = ["data-testid"], me = ["data-testid"], ke = ["data-testid"], ge = ["d
225
229
  key: 0,
226
230
  "hover-help-text": t.helpText,
227
231
  "hover-help-text-placement": t.helpTextPlacement
228
- }, null, 8, ["hover-help-text", "hover-help-text-placement"])) : r("", !0),
229
- t.isSortable && t.id === s.sort?.sortBy ? (i(), z(re, {
232
+ }, null, 8, ["hover-help-text", "hover-help-text-placement"])) : c("", !0),
233
+ t.isSortable && t.id === s.sort?.sortBy ? (i(), z(ce, {
230
234
  key: 1,
231
235
  "sort-order": s.sort.sortOrder
232
- }, null, 8, ["sort-order"])) : r("", !0)
236
+ }, null, 8, ["sort-order"])) : c("", !0)
233
237
  ])
234
238
  ], 14, Ce))), 128))
235
239
  ])
236
240
  ], 2),
237
241
  u("tbody", null, [
238
- e(H).length > 0 ? (i(), l("div", de({
242
+ e(V).length > 0 ? (i(), l("div", de({
239
243
  key: 0,
240
244
  class: "table-body-wrapper",
241
245
  "data-testid": `${s.testId}-${e(f).BODY_WRAPPER}`
242
246
  }, e(G)), [
243
- (i(!0), l(B, null, I(e(H), (t) => (i(), l("tr", {
247
+ (i(!0), l(B, null, I(e(V), (t) => (i(), l("tr", {
244
248
  key: t.index,
245
249
  class: y(["table-row", {
246
250
  loading: s.isLoading || s.isLoading && !t.data || e(N).includes(t.index),
247
251
  active: e(w) === t.index,
248
252
  activeMenu: e(K) === t.index,
249
- expanded: e(b) && e(P)(t.index)
253
+ expanded: e(b) && e(M)(t.index)
250
254
  }]),
251
255
  onMouseenter: (k) => w.value = t.index
252
256
  }, [
@@ -256,13 +260,13 @@ const Se = ["data-testid"], me = ["data-testid"], ke = ["data-testid"], ge = ["d
256
260
  size: "sm",
257
261
  "onUpdate:isChecked": (k) => Z(s.getRowId(t.data, t.index))
258
262
  }, null, 8, ["is-checked", "onUpdate:isChecked"])
259
- ])) : r("", !0),
263
+ ])) : c("", !0),
260
264
  e(b) ? (i(), l("td", we, [
261
265
  h(he, {
262
- expanded: e(P)(t.index),
266
+ expanded: e(M)(t.index),
263
267
  onClick: (k) => e(j)(t.index, k)
264
268
  }, null, 8, ["expanded", "onClick"])
265
- ])) : r("", !0),
269
+ ])) : c("", !0),
266
270
  (i(!0), l(B, null, I(s.columns, (k, n) => (i(), l("td", {
267
271
  key: n,
268
272
  class: y({
@@ -273,14 +277,14 @@ const Se = ["data-testid"], me = ["data-testid"], ke = ["data-testid"], ge = ["d
273
277
  [`column-${s.columns[n].id}`]: !0
274
278
  }),
275
279
  style: x(
276
- s.columns[n].isSticky ? e(M)[s.columns[n].id] : null
280
+ s.columns[n].isSticky ? e(L)[s.columns[n].id] : null
277
281
  )
278
282
  }, [
279
283
  !s.isLoading || s.isLoading && t.data[n] ? (i(), l("div", {
280
284
  key: 0,
281
285
  class: y(["table-cell", { last: n === t.data.length - 1 }])
282
286
  }, [
283
- c(a.$slots, `cell-${s.columns[n].id}`, {
287
+ r(a.$slots, `cell-${s.columns[n].id}`, {
284
288
  cell: t.data[n],
285
289
  isLoading: e(N).includes(t.index),
286
290
  cellIndex: n,
@@ -294,19 +298,19 @@ const Se = ["data-testid"], me = ["data-testid"], ke = ["data-testid"], ge = ["d
294
298
  _: 2
295
299
  }, 1024)
296
300
  ], !0)
297
- ], 2)) : c(a.$slots, "loader", { key: 1 }, () => [
301
+ ], 2)) : r(a.$slots, "loader", { key: 1 }, () => [
298
302
  h(e(oe), { round: "" })
299
303
  ], !0)
300
304
  ], 6))), 128)),
301
- e(b) && e(P)(t.index) ? (i(), l("div", Pe, [
302
- c(a.$slots, "expanded", {
305
+ e(b) && e(M)(t.index) ? (i(), l("div", Me, [
306
+ r(a.$slots, "expanded", {
303
307
  row: t,
304
- gridColumnTemplate: e(L)
308
+ gridColumnTemplate: e(H)
305
309
  }, void 0, !0)
306
- ])) : r("", !0)
310
+ ])) : c("", !0)
307
311
  ], 42, Ie))), 128))
308
- ], 16, Be)) : (i(), l("div", Ve, [
309
- c(a.$slots, "empty-state", {}, () => [
312
+ ], 16, Be)) : (i(), l("div", Pe, [
313
+ r(a.$slots, "empty-state", {}, () => [
310
314
  h(e(ne), {
311
315
  class: "empty-state",
312
316
  title: s.emptyStateTitle,
@@ -318,9 +322,9 @@ const Se = ["data-testid"], me = ["data-testid"], ke = ["data-testid"], ge = ["d
318
322
  ]))
319
323
  ])
320
324
  ], 46, me),
321
- e(O) ? (i(), l("div", He, [
322
- c(a.$slots, "footer", {}, void 0, !0)
323
- ])) : r("", !0)
325
+ e(O) ? (i(), l("div", Ve, [
326
+ r(a.$slots, "footer", {}, void 0, !0)
327
+ ])) : c("", !0)
324
328
  ], 40, Se));
325
329
  }
326
330
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.3-rc.24",
3
+ "version": "2.1.3-rc.25",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/DataGrid.vue_vue_type_style_index_0_scoped_9b108af3_lang.css DELETED
@@ -1 +0,0 @@
1
- .sticky[data-v-9b108af3]{position:sticky}.table-container[data-v-9b108af3]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-9b108af3]{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-9b108af3]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-9b108af3]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-9b108af3]{width:13.75rem}.table-header.isStickyHeader[data-v-9b108af3]{z-index:calc(var(--634e78fd) + 3);top:0}.table-head-container[data-v-9b108af3]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-9b108af3]{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-9b108af3]{display:inline-table}.table-header-actions[data-v-9b108af3]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-9b108af3]{position:relative}.table-row.loading[data-v-9b108af3]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-9b108af3]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-9b108af3]{border-bottom:none}.expanded-row[data-v-9b108af3]{grid-column:var(--279a8c9e);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-9b108af3]{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-9b108af3]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-9b108af3],table th[data-v-9b108af3]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-9b108af3]:first-of-type,table th[data-v-9b108af3]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-9b108af3]:last-of-type,table th[data-v-9b108af3]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-9b108af3],table th.expand-toggle-cell[data-v-9b108af3]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-9b108af3]{border-bottom:none;z-index:calc(var(--634e78fd) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-9b108af3]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--7237246a)}table>thead>tr>th[data-v-9b108af3]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-9b108af3]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-9b108af3]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-9b108af3]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-9b108af3]{cursor:pointer}table>thead.sticky[data-v-9b108af3]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-9b108af3]{z-index:calc(var(--634e78fd) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-9b108af3]{display:block}table>tbody>*>tr[data-v-9b108af3]{background-color:var(--background-default);min-height:var(--79cce51c);height:auto;display:grid;align-items:center;grid-template-columns:var(--7237246a)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-9b108af3]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-9b108af3],table>tbody>*>tr.activeMenu>td[data-v-9b108af3]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-9b108af3]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--79cce51c);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-9b108af3]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-9b108af3]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-9b108af3]{justify-content:flex-end;text-align:right}.section-container[data-v-9b108af3]{left:0}.sections[data-v-9b108af3]{display:flex}.section[data-v-9b108af3]{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-9b108af3]{width:100%}.empty-state[data-v-9b108af3]{min-height:250px}