@ironsource/shared-ui 2.2.0-rc.6 → 2.2.0-rc.7
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.
- package/DataGrid.vue_vue_type_style_index_0_scoped_cd41c5ca_lang.css +1 -0
- package/components/table/v4/DataGrid.vue.js +4 -4
- package/components/table/v4/DataGrid.vue2.js +59 -59
- package/index.js +1 -1
- package/package.json +1 -1
- package/DataGrid.vue_vue_type_style_index_0_scoped_3673e156_lang.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sticky[data-v-cd41c5ca]{position:sticky}.table-container[data-v-cd41c5ca]{width:100%;position:relative;display:flex;flex-direction:column}.table-head-container[data-v-cd41c5ca]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-cd41c5ca]{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-cd41c5ca]{display:inline-table}.table-row[data-v-cd41c5ca]{position:relative}.table-row.loading[data-v-cd41c5ca]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-cd41c5ca]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-cd41c5ca]{border-bottom:none}.expanded-row[data-v-cd41c5ca]{grid-column:var(--38b7f4c1);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-cd41c5ca]{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-cd41c5ca]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-cd41c5ca],table th[data-v-cd41c5ca]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-cd41c5ca]:first-of-type,table th[data-v-cd41c5ca]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-cd41c5ca]:last-of-type,table th[data-v-cd41c5ca]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-cd41c5ca],table th.expand-toggle-cell[data-v-cd41c5ca]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-cd41c5ca]{border-bottom:none;z-index:calc(var(--423d7fe6) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-cd41c5ca]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);display:grid;grid-template-columns:var(--9b4c490c)}table>thead>tr>th[data-v-cd41c5ca]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.isSortable[data-v-cd41c5ca]{cursor:pointer}table>thead>tr>td[data-v-cd41c5ca]{display:flex;align-items:center}table>thead>tr>th.bordered[data-v-cd41c5ca],table>thead>tr>td.bordered[data-v-cd41c5ca]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-cd41c5ca],table>thead>tr>td.bordered.isStickyRight[data-v-cd41c5ca]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-cd41c5ca],table>thead>tr>td.isTextRight[data-v-cd41c5ca]{justify-content:flex-end}table>thead.sticky[data-v-cd41c5ca]{position:sticky;top:0;background:var(--background-default)}table>thead.isStickyHeader[data-v-cd41c5ca]{z-index:calc(var(--423d7fe6) + 2);top:var(--243617e8)}table .totals-row[data-v-cd41c5ca]{height:40px}table .totals-row[data-v-cd41c5ca]:hover{background:var(--background-paper-elevation-1)}table .totals-row>td.sticky[data-v-cd41c5ca]{background-color:var(--background-default)}table>tbody[data-v-cd41c5ca]{display:block}table>tbody>*>tr[data-v-cd41c5ca]{background-color:var(--background-default);height:auto;display:grid;align-items:center;grid-template-columns:var(--9b4c490c)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-cd41c5ca]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-cd41c5ca],table>tbody>*>tr.activeMenu>td[data-v-cd41c5ca]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-cd41c5ca]{background-color:var(--background-default);border:none;min-width:0;display:flex;height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-cd41c5ca]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-cd41c5ca]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-cd41c5ca]{justify-content:flex-end;text-align:right}.underlined[data-v-cd41c5ca]{border-bottom:.0625rem dashed var(--default-outlined-border)}.underlined[data-v-cd41c5ca]:hover{cursor:pointer}.section-container[data-v-cd41c5ca]{left:0}.sections[data-v-cd41c5ca]{display:flex}.section[data-v-cd41c5ca]{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-cd41c5ca]{width:100%}.empty-state[data-v-cd41c5ca]{min-height:250px}.floating-row[data-v-cd41c5ca]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--423d7fe6) + 1)}.floating-row *[data-v-cd41c5ca-s]{pointer-events:auto}.bg[data-v-cd41c5ca]{background:var(--background-default)}.useAvailableHeight[data-v-cd41c5ca]{height:100%}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./DataGrid.vue2.js";
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../../DataGrid.
|
|
4
|
-
const
|
|
2
|
+
/* empty css */import c from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_cd41c5ca_lang.css"; //*');
|
|
4
|
+
const e = /* @__PURE__ */ c(o, [["__scopeId", "data-v-cd41c5ca"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
e as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../../DataGrid.
|
|
1
|
+
import "../../../DataGrid.vue_vue_type_style_index_0_scoped_cd41c5ca_lang.css"; import { defineComponent as ke, useCssVars as me, unref as t, useSlots as be, computed as u, openBlock as i, createElementBlock as d, createElementVNode as b, normalizeStyle as S, normalizeClass as y, createBlock as I, isRef as pe, createSlots as ve, withCtx as g, renderSlot as r, createCommentVNode as c, Fragment as x, renderList as C, createVNode as k, createTextVNode as P, toDisplayString as O, mergeProps as L } from "vue";
|
|
2
2
|
import V from "../../typography/v4/Typography.vue.js";
|
|
3
3
|
import xe from "../../skeleton/v4/SkeletonV4.vue.js";
|
|
4
4
|
import Ce from "../../emptyState/v4/EmptyStateV4.vue.js";
|
|
@@ -71,14 +71,14 @@ const Pe = ["data-testid"], Le = ["data-testid"], Ve = ["data-testid"], Me = {
|
|
|
71
71
|
},
|
|
72
72
|
emits: ["update:sort", "update:search", "update:selection", "onScroll", "onClearSearch", "saveRow", "loadMore", "selectAll", "selectRow", "clickRow"],
|
|
73
73
|
setup(l, { expose: m, emit: f }) {
|
|
74
|
-
const
|
|
75
|
-
me((
|
|
76
|
-
|
|
77
|
-
"
|
|
78
|
-
"
|
|
79
|
-
"
|
|
74
|
+
const a = l;
|
|
75
|
+
me((s) => ({
|
|
76
|
+
"423d7fe6": l.zIndexBase,
|
|
77
|
+
"38b7f4c1": t(le),
|
|
78
|
+
"9b4c490c": t(G),
|
|
79
|
+
"243617e8": t(fe)
|
|
80
80
|
}));
|
|
81
|
-
const p = be(), q = (
|
|
81
|
+
const p = be(), q = (s) => a.rowCustomClassKey && a.rows[s] ? a.rows[s][a.rowCustomClassKey] : "", {
|
|
82
82
|
list: $,
|
|
83
83
|
containerProps: z,
|
|
84
84
|
wrapperProps: J,
|
|
@@ -95,56 +95,56 @@ const Pe = ["data-testid"], Le = ["data-testid"], Ve = ["data-testid"], Me = {
|
|
|
95
95
|
cssExpandGridCol: le,
|
|
96
96
|
isRowExpanded: M,
|
|
97
97
|
hasCheckboxes: D,
|
|
98
|
-
activeMenuRow:
|
|
99
|
-
scrollTo:
|
|
100
|
-
} = Te(
|
|
101
|
-
() =>
|
|
98
|
+
activeMenuRow: se,
|
|
99
|
+
scrollTo: ae
|
|
100
|
+
} = Te(a, f), W = u(() => !!p.footer), ie = u(
|
|
101
|
+
() => a.title || p.title || _.value || p["table-header-actions"] || p["table-header-pre-search"]
|
|
102
102
|
), v = u({
|
|
103
|
-
get: () =>
|
|
104
|
-
set: (
|
|
105
|
-
}), oe = u(() =>
|
|
106
|
-
const
|
|
107
|
-
return !!
|
|
108
|
-
}), E = (
|
|
109
|
-
E(
|
|
110
|
-
|
|
111
|
-
(o) => !
|
|
103
|
+
get: () => a.search,
|
|
104
|
+
set: (s) => f("update:search", s)
|
|
105
|
+
}), oe = u(() => a.selection.length || 0), F = u(() => {
|
|
106
|
+
const s = a.rows.map((o, e) => a.getRowId(o, e));
|
|
107
|
+
return !!s.length && s.every((o) => E(o));
|
|
108
|
+
}), E = (s) => a.selection.findIndex((o) => a.selectedMatcher(s, o)) !== -1, de = (s) => {
|
|
109
|
+
E(s) ? (B(
|
|
110
|
+
a.selection.filter(
|
|
111
|
+
(o) => !a.selectedMatcher(s, o)
|
|
112
112
|
)
|
|
113
|
-
), f("selectRow", !1)) : (B([...
|
|
113
|
+
), f("selectRow", !1)) : (B([...a.selection, s]), f("selectRow", !0));
|
|
114
114
|
}, ne = () => {
|
|
115
115
|
if (F.value)
|
|
116
116
|
B([]), f("selectAll", !1);
|
|
117
117
|
else {
|
|
118
|
-
const
|
|
119
|
-
B([...
|
|
118
|
+
const s = a.rows.map((o, e) => a.getRowId(o, e)).filter((o) => !E(o));
|
|
119
|
+
B([...a.selection, ...s]), f("selectAll", !0);
|
|
120
120
|
}
|
|
121
|
-
}, B = (
|
|
122
|
-
f("update:selection",
|
|
123
|
-
}, re = (
|
|
124
|
-
() =>
|
|
121
|
+
}, B = (s) => {
|
|
122
|
+
f("update:selection", s);
|
|
123
|
+
}, re = (s) => !a.isLoading && T.value === s, ce = u(
|
|
124
|
+
() => a.emptyStateVariant ?? (v.value ? "no-results" : "no-data")
|
|
125
125
|
), ue = u(
|
|
126
|
-
() =>
|
|
126
|
+
() => a.emptyStateSubtitle ? a.emptyStateSubtitle : v.value ? "Search again with different filters" : void 0
|
|
127
127
|
), N = u(() => ({
|
|
128
128
|
class: {
|
|
129
|
-
sticky:
|
|
130
|
-
bordered:
|
|
129
|
+
sticky: a.isSelectionSticky,
|
|
130
|
+
bordered: a.isSelectionBordered
|
|
131
131
|
},
|
|
132
|
-
style:
|
|
133
|
-
})), he = (
|
|
134
|
-
sticky:
|
|
135
|
-
isStickyRight:
|
|
136
|
-
bordered:
|
|
137
|
-
isTextRight:
|
|
132
|
+
style: a.isSelectionSticky ? H.value[Ae] : null
|
|
133
|
+
})), he = (s) => ({
|
|
134
|
+
sticky: s.isSticky,
|
|
135
|
+
isStickyRight: s.isStickyRight,
|
|
136
|
+
bordered: s.isBordered,
|
|
137
|
+
isTextRight: s.isTextRight
|
|
138
138
|
}), Y = u(
|
|
139
|
-
() =>
|
|
140
|
-
), ye = (
|
|
141
|
-
minHeight: (typeof
|
|
142
|
-
}), A = u(() => $.value.reduce((
|
|
139
|
+
() => a.columns.map((s) => he(s))
|
|
140
|
+
), ye = (s) => ({
|
|
141
|
+
minHeight: (typeof a.rowHeight == "function" ? a.rowHeight(s) : a.rowHeight) + "px"
|
|
142
|
+
}), A = u(() => $.value.reduce((s, o) => (s[o.index] = ye(o.index), s), {})), fe = u(() => `${X}px`), { height: Se } = Ie(z.ref), ge = u(
|
|
143
143
|
() => Se.value - j - X
|
|
144
144
|
);
|
|
145
145
|
return m({
|
|
146
|
-
scrollTo:
|
|
147
|
-
}), (
|
|
146
|
+
scrollTo: ae
|
|
147
|
+
}), (s, o) => (i(), d("div", {
|
|
148
148
|
class: "table-container",
|
|
149
149
|
"data-testid": `${l.testId}-${t(R).CONTAINER}`,
|
|
150
150
|
onMouseleave: o[3] || (o[3] = (e) => T.value = null)
|
|
@@ -173,24 +173,24 @@ const Pe = ["data-testid"], Le = ["data-testid"], Ve = ["data-testid"], Me = {
|
|
|
173
173
|
onOnClearSearch: o[1] || (o[1] = (e) => f("onClearSearch"))
|
|
174
174
|
}, ve({
|
|
175
175
|
title: g(() => [
|
|
176
|
-
r(
|
|
176
|
+
r(s.$slots, "title")
|
|
177
177
|
]),
|
|
178
178
|
search: g(() => [
|
|
179
|
-
r(
|
|
179
|
+
r(s.$slots, "search")
|
|
180
180
|
]),
|
|
181
181
|
_: 2
|
|
182
182
|
}, [
|
|
183
183
|
t(p)["table-header-pre-search"] ? {
|
|
184
184
|
name: "table-header-pre-search",
|
|
185
185
|
fn: g(() => [
|
|
186
|
-
r(
|
|
186
|
+
r(s.$slots, "table-header-pre-search")
|
|
187
187
|
]),
|
|
188
188
|
key: "0"
|
|
189
189
|
} : void 0,
|
|
190
190
|
t(p)["table-header-actions"] ? {
|
|
191
191
|
name: "table-header-actions",
|
|
192
192
|
fn: g(() => [
|
|
193
|
-
r(
|
|
193
|
+
r(s.$slots, "table-header-actions")
|
|
194
194
|
]),
|
|
195
195
|
key: "1"
|
|
196
196
|
} : void 0
|
|
@@ -206,7 +206,7 @@ const Pe = ["data-testid"], Le = ["data-testid"], Ve = ["data-testid"], Me = {
|
|
|
206
206
|
key: e.id,
|
|
207
207
|
class: y(["section-container", { sticky: e.isSticky }])
|
|
208
208
|
}, [
|
|
209
|
-
r(
|
|
209
|
+
r(s.$slots, `section-${e.id}`, {}, () => [
|
|
210
210
|
b("div", {
|
|
211
211
|
style: S({ width: e.width + "px" }),
|
|
212
212
|
class: y({ section: !0 })
|
|
@@ -228,7 +228,7 @@ const Pe = ["data-testid"], Le = ["data-testid"], Ve = ["data-testid"], Me = {
|
|
|
228
228
|
key: 0,
|
|
229
229
|
class: "checkbox-cell"
|
|
230
230
|
}, t(N)), [
|
|
231
|
-
r(
|
|
231
|
+
r(s.$slots, "select-all-checkbox", {}, () => [
|
|
232
232
|
k(t(Q), {
|
|
233
233
|
disabled: l.isLoading,
|
|
234
234
|
"is-checked": t(F),
|
|
@@ -249,7 +249,7 @@ const Pe = ["data-testid"], Le = ["data-testid"], Ve = ["data-testid"], Me = {
|
|
|
249
249
|
onClick: (n) => e.isSortable ? t(Z)(e) : null
|
|
250
250
|
}, [
|
|
251
251
|
b("div", Fe, [
|
|
252
|
-
r(
|
|
252
|
+
r(s.$slots, `header-${e.id}`, { column: e }, () => [
|
|
253
253
|
k(t(Re), {
|
|
254
254
|
text: e.helpText,
|
|
255
255
|
disabled: !e.helpText || l.helpTooltipVariant === "icon",
|
|
@@ -278,7 +278,7 @@ const Pe = ["data-testid"], Le = ["data-testid"], Ve = ["data-testid"], Me = {
|
|
|
278
278
|
"hover-help-text-placement": e.helpTextPlacement,
|
|
279
279
|
"test-id": `help-tooltip-${e.id}`
|
|
280
280
|
}, null, 8, ["hover-help-text", "hover-help-text-placement", "test-id"])) : c("", !0),
|
|
281
|
-
r(
|
|
281
|
+
r(s.$slots, `after-header-${e.id}`, { column: e }),
|
|
282
282
|
e.isSortable && e.id === l.sort?.sortBy ? (i(), I(He, {
|
|
283
283
|
key: 1,
|
|
284
284
|
"sort-order": l.sort.sortOrder
|
|
@@ -299,7 +299,7 @@ const Pe = ["data-testid"], Le = ["data-testid"], Ve = ["data-testid"], Me = {
|
|
|
299
299
|
}),
|
|
300
300
|
style: S(e.isSticky ? t(H)[e.id] : null)
|
|
301
301
|
}, [
|
|
302
|
-
r(
|
|
302
|
+
r(s.$slots, `total-${e.id}`, { column: e }, () => [
|
|
303
303
|
h === 0 ? (i(), I(t(V), {
|
|
304
304
|
key: 0,
|
|
305
305
|
variant: "h6"
|
|
@@ -324,7 +324,7 @@ const Pe = ["data-testid"], Le = ["data-testid"], Ve = ["data-testid"], Me = {
|
|
|
324
324
|
class: y(["table-row", {
|
|
325
325
|
loading: l.isLoading || l.isLoading && !e.data || t(U).includes(e.index),
|
|
326
326
|
active: t(T) === e.index,
|
|
327
|
-
activeMenu: t(
|
|
327
|
+
activeMenu: t(se) === e.index,
|
|
328
328
|
expanded: t(w) && t(M)(e.index),
|
|
329
329
|
[q(e.index)]: !0
|
|
330
330
|
}]),
|
|
@@ -371,7 +371,7 @@ const Pe = ["data-testid"], Le = ["data-testid"], Ve = ["data-testid"], Me = {
|
|
|
371
371
|
key: 0,
|
|
372
372
|
class: y(["table-cell", { last: n === e.data.length - 1 }])
|
|
373
373
|
}, [
|
|
374
|
-
r(
|
|
374
|
+
r(s.$slots, `cell-${l.columns[n].id}`, {
|
|
375
375
|
cell: e.data[n],
|
|
376
376
|
isLoading: t(U).includes(e.index),
|
|
377
377
|
cellIndex: n,
|
|
@@ -385,18 +385,18 @@ const Pe = ["data-testid"], Le = ["data-testid"], Ve = ["data-testid"], Me = {
|
|
|
385
385
|
_: 2
|
|
386
386
|
}, 1024)
|
|
387
387
|
])
|
|
388
|
-
], 2)) : r(
|
|
388
|
+
], 2)) : r(s.$slots, "loader", { key: 1 }, () => [
|
|
389
389
|
k(t(xe), { round: "" })
|
|
390
390
|
])
|
|
391
391
|
], 6))), 128)),
|
|
392
392
|
t(w) && t(M)(e.index) ? (i(), d("div", Ge, [
|
|
393
|
-
r(
|
|
393
|
+
r(s.$slots, "expanded", {
|
|
394
394
|
row: e,
|
|
395
395
|
gridColumnTemplate: t(G)
|
|
396
396
|
})
|
|
397
397
|
])) : c("", !0),
|
|
398
398
|
re(e.index) ? (i(), d("div", Ke, [
|
|
399
|
-
r(
|
|
399
|
+
r(s.$slots, "floating-row", {
|
|
400
400
|
row: e,
|
|
401
401
|
rowIndex: e.index
|
|
402
402
|
})
|
|
@@ -408,7 +408,7 @@ const Pe = ["data-testid"], Le = ["data-testid"], Ve = ["data-testid"], Me = {
|
|
|
408
408
|
l.useAvailableHeight ? { height: `${t(ge)}px` } : {}
|
|
409
409
|
)
|
|
410
410
|
}, [
|
|
411
|
-
r(
|
|
411
|
+
r(s.$slots, "empty-state", {}, () => [
|
|
412
412
|
k(t(Ce), {
|
|
413
413
|
class: "empty-state",
|
|
414
414
|
title: l.emptyStateTitle,
|
|
@@ -422,7 +422,7 @@ const Pe = ["data-testid"], Le = ["data-testid"], Ve = ["data-testid"], Me = {
|
|
|
422
422
|
])
|
|
423
423
|
], 46, Le),
|
|
424
424
|
t(W) ? (i(), d("div", Ue, [
|
|
425
|
-
r(
|
|
425
|
+
r(s.$slots, "footer")
|
|
426
426
|
])) : c("", !0)
|
|
427
427
|
], 40, Pe));
|
|
428
428
|
}
|
package/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './
|
|
1
|
+
import './FloatingToolbar.vue_vue_type_style_index_0_scoped_04d485be_lang.css';
|
|
2
2
|
import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
|
|
3
3
|
import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
|
|
4
4
|
import { MenuItemTypes as ao } from "./components/menuItem/index.js";
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.sticky[data-v-3673e156]{position:sticky}.table-container[data-v-3673e156]{width:100%;position:relative;display:flex;flex-direction:column}.table-head-container[data-v-3673e156]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-3673e156]{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-3673e156]{display:inline-table}.table-row[data-v-3673e156]{position:relative}.table-row.loading[data-v-3673e156]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-3673e156]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-3673e156]{border-bottom:none}.expanded-row[data-v-3673e156]{grid-column:var(--0a21f61f);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-3673e156]{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-3673e156]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-3673e156],table th[data-v-3673e156]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-3673e156]:first-of-type,table th[data-v-3673e156]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-3673e156]:last-of-type,table th[data-v-3673e156]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-3673e156],table th.expand-toggle-cell[data-v-3673e156]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-3673e156]{border-bottom:none;z-index:calc(var(--fa71c02a) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-3673e156]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);display:grid;grid-template-columns:var(--5d6e0550)}table>thead>tr>th[data-v-3673e156]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.isSortable[data-v-3673e156]{cursor:pointer}table>thead>tr>td[data-v-3673e156]{display:flex;align-items:center}table>thead>tr>th.bordered[data-v-3673e156],table>thead>tr>td.bordered[data-v-3673e156]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-3673e156],table>thead>tr>td.bordered.isStickyRight[data-v-3673e156]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-3673e156],table>thead>tr>td.isTextRight[data-v-3673e156]{justify-content:flex-end}table>thead.sticky[data-v-3673e156]{position:sticky;top:0;background:var(--background-default)}table>thead.isStickyHeader[data-v-3673e156]{z-index:calc(var(--fa71c02a) + 2);top:var(--43e43a46)}table .totals-row[data-v-3673e156]{height:40px}table .totals-row[data-v-3673e156]:hover{background:var(--background-paper-elevation-1)}table .totals-row>td.sticky[data-v-3673e156]{background-color:var(--background-default);border-bottom:1px solid var(--common-divider)}table>tbody[data-v-3673e156]{display:block}table>tbody>*>tr[data-v-3673e156]{background-color:var(--background-default);height:auto;display:grid;align-items:center;grid-template-columns:var(--5d6e0550)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-3673e156]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-3673e156],table>tbody>*>tr.activeMenu>td[data-v-3673e156]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-3673e156]{background-color:var(--background-default);border:none;min-width:0;display:flex;height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-3673e156]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-3673e156]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-3673e156]{justify-content:flex-end;text-align:right}.underlined[data-v-3673e156]{border-bottom:.0625rem dashed var(--default-outlined-border)}.underlined[data-v-3673e156]:hover{cursor:pointer}.section-container[data-v-3673e156]{left:0}.sections[data-v-3673e156]{display:flex}.section[data-v-3673e156]{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-3673e156]{width:100%}.empty-state[data-v-3673e156]{min-height:250px}.floating-row[data-v-3673e156]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--fa71c02a) + 1)}.floating-row *[data-v-3673e156-s]{pointer-events:auto}.bg[data-v-3673e156]{background:var(--background-default)}.useAvailableHeight[data-v-3673e156]{height:100%}
|