@ironsource/shared-ui 2.1.8-rc.5 → 2.1.8-rc.6
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_2f666594_lang.css +1 -0
- package/IconButtonV4.vue_vue_type_style_index_0_scoped_06e26be2_lang.css +1 -0
- package/components/button/v4/IconButtonV4.vue.js +2 -2
- package/components/button/v4/IconButtonV4.vue2.js +1 -1
- package/components/table/v4/DataGrid.vue.d.ts +4 -0
- package/components/table/v4/DataGrid.vue.js +2 -2
- package/components/table/v4/DataGrid.vue2.js +140 -131
- package/components/table/v4/MultipleDataGrid.vue.d.ts +2 -2
- package/components/table/v4/index.d.ts +6 -2
- package/index.d.ts +12 -5
- package/index.js +105 -109
- package/package.json +1 -5
- package/CssBaseline.vue_vue_type_style_index_0_scoped_f7dd256b_lang.css +0 -1
- package/CssBaseline.vue_vue_type_style_index_1_lang.css +0 -1
- package/DataGrid.vue_vue_type_style_index_0_scoped_46d53424_lang.css +0 -1
- package/IconButtonV4.vue_vue_type_style_index_0_scoped_4eefa06b_lang.css +0 -1
- package/components/cssBaseline/CssBaseline.vue.d.ts +0 -9
- package/components/cssBaseline/CssBaseline.vue.js +0 -10
- package/components/cssBaseline/CssBaseline.vue2.js +0 -0
- package/components/cssBaseline/index.d.ts +0 -49
- package/components/cssBaseline/index.js +0 -6
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.sticky[data-v-2f666594]{position:sticky}.table-container[data-v-2f666594]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-2f666594]{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-2f666594]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-2f666594]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-2f666594]{width:13.75rem}.table-header.isStickyHeader[data-v-2f666594]{z-index:calc(var(--416084ad) + 3);top:0}.table-head-container[data-v-2f666594]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-2f666594]{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-2f666594]{display:inline-table}.table-header-actions[data-v-2f666594]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-2f666594]{position:relative}.table-row.loading[data-v-2f666594]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-2f666594]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-2f666594]{border-bottom:none}.expanded-row[data-v-2f666594]{grid-column:var(--90cd7d3e);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-2f666594]{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-2f666594]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-2f666594],table th[data-v-2f666594]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-2f666594]:first-of-type,table th[data-v-2f666594]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-2f666594]:last-of-type,table th[data-v-2f666594]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-2f666594],table th.expand-toggle-cell[data-v-2f666594]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-2f666594]{border-bottom:none;z-index:calc(var(--416084ad) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-2f666594]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--03caffcc)}table>thead>tr>th[data-v-2f666594]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-2f666594]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-2f666594]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-2f666594]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-2f666594]{cursor:pointer}table>thead.sticky[data-v-2f666594]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-2f666594]{z-index:calc(var(--416084ad) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-2f666594]{display:block}table>tbody>*>tr[data-v-2f666594]{background-color:var(--background-default);min-height:var(--64d76d22);height:auto;display:grid;align-items:center;grid-template-columns:var(--03caffcc)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-2f666594]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-2f666594],table>tbody>*>tr.activeMenu>td[data-v-2f666594]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-2f666594]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--64d76d22);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-2f666594]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-2f666594]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-2f666594]{justify-content:flex-end;text-align:right}.section-container[data-v-2f666594]{left:0}.sections[data-v-2f666594]{display:flex}.section[data-v-2f666594]{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-2f666594]{width:100%}.empty-state[data-v-2f666594]{min-height:250px}.floating-row[data-v-2f666594]{display:flex;inset:0;pointer-events:none;position:absolute;z-index:calc(var(--416084ad) + 1)}.floating-row *[data-v-2f666594-s]{pointer-events:auto}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.button-wrap[data-v-06e26be2]{border-radius:var(--border-radius-md);transition:all .2s ease;padding:0;min-width:auto;background-image:none;box-sizing:border-box;border:0;background-color:transparent;cursor:pointer}.error[data-v-06e26be2]{font-size:inherit;font-family:inherit;font-weight:400;margin-top:0;line-height:inherit}.variant-default.primary[data-v-06e26be2]{color:var(--primary-main)}.variant-default.primary[data-v-06e26be2]:hover{background:var(--primary-main-8-p)}.variant-default.primary[data-v-06e26be2]:disabled{color:var(--action-disabled);opacity:1}.variant-default.primary[data-v-06e26be2]:disabled:hover{background:var(--common-white)}.variant-default.default[data-v-06e26be2]{color:var(--action-active)}.variant-default.default[data-v-06e26be2]:hover{background:var(--action-hover);color:var(--default-contrast-text)}.variant-default.default[data-v-06e26be2]:disabled{color:var(--action-disabled);opacity:1}.variant-default.default[data-v-06e26be2]:disabled:hover{background:var(--common-white)}.variant-default.error[data-v-06e26be2]{color:var(--error-main)}.variant-default.error[data-v-06e26be2]:hover{background:var(--error-main-8-p)}.variant-default.error[data-v-06e26be2]:disabled{color:var(--action-disabled);opacity:1}.variant-default.error[data-v-06e26be2]:disabled:hover{background:var(--common-white)}.variant-outlined.primary[data-v-06e26be2]{color:var(--primary-main);border:1px solid var(--primary-main)}.variant-outlined.primary[data-v-06e26be2]:hover{background:var(--primary-main-8-p)}.variant-outlined.primary[data-v-06e26be2]:disabled{color:var(--action-disabled);background:var(--common-white);border:1px solid var(--action-disabled);opacity:1}.variant-outlined.primary[data-v-06e26be2]:disabled:hover{background:var(--common-white)}.variant-outlined.default[data-v-06e26be2]{color:var(--action-active);border:1px solid var(--default-outlined-border)}.variant-outlined.default[data-v-06e26be2]:hover{background:var(--action-hover);color:var(--default-contrast-text);border:1px solid var(--action-active)}.variant-outlined.default[data-v-06e26be2]:disabled{color:var(--action-disabled);background:var(--common-white);border:1px solid var(--action-disabled);opacity:1}.variant-outlined.default[data-v-06e26be2]:disabled:hover{background:var(--common-white)}.variant-outlined.error[data-v-06e26be2]{color:var(--error-main);border:1px solid var(--error-main)}.variant-outlined.error[data-v-06e26be2]:hover{background:var(--error-main-8-p)}.variant-outlined.error[data-v-06e26be2]:disabled{color:var(--action-disabled);background:var(--common-white);border:1px solid var(--action-disabled);opacity:1}.variant-outlined.error[data-v-06e26be2]:disabled:hover{background:var(--common-white)}.extraSmall[data-v-06e26be2]{padding:2px}.extraSmall.variant-outlined[data-v-06e26be2]{padding:1px}.small[data-v-06e26be2]{padding:2px}.small.variant-outlined[data-v-06e26be2]{padding:1px}.medium[data-v-06e26be2]{padding:4px}.medium.variant-outlined[data-v-06e26be2]{padding:3px}.large[data-v-06e26be2]{padding:6px}.large.variant-outlined[data-v-06e26be2]{padding:5px}.extraLarge[data-v-06e26be2]{padding:8px}.extraLarge.variant-outlined[data-v-06e26be2]{padding:7px}.extraSmall[data-v-06e26be2],.small[data-v-06e26be2],.medium[data-v-06e26be2],.large[data-v-06e26be2],.extraLarge[data-v-06e26be2]{height:auto}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./IconButtonV4.vue2.js";
|
|
2
2
|
/* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../IconButtonV4.
|
|
4
|
-
const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-
|
|
3
|
+
// import "../../../IconButtonV4.vue_vue_type_style_index_0_scoped_06e26be2_lang.css"; //*');
|
|
4
|
+
const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-06e26be2"]]);
|
|
5
5
|
export {
|
|
6
6
|
c as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../../IconButtonV4.
|
|
1
|
+
import "../../../IconButtonV4.vue_vue_type_style_index_0_scoped_06e26be2_lang.css"; import { defineComponent as o, computed as l, openBlock as r, createElementBlock as i, normalizeClass as c, unref as a, renderSlot as u, createVNode as m } from "vue";
|
|
2
2
|
import f from "../../icon/v4/IconV4.vue.js";
|
|
3
3
|
import "../../icon/v4/IconFlag.vue.js";
|
|
4
4
|
const p = ["data-testid", "disabled"], I = /* @__PURE__ */ o({
|
|
@@ -185,6 +185,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
185
185
|
row: import("@vueuse/core").UseVirtualListItem<Row>;
|
|
186
186
|
gridColumnTemplate: any;
|
|
187
187
|
}): any;
|
|
188
|
+
"floating-row"?(_: {
|
|
189
|
+
row: import("@vueuse/core").UseVirtualListItem<Row>;
|
|
190
|
+
rowIndex: number;
|
|
191
|
+
}): any;
|
|
188
192
|
"empty-state"?(_: {}): any;
|
|
189
193
|
footer?(_: {}): any;
|
|
190
194
|
}>;
|
|
@@ -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.
|
|
4
|
-
const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-
|
|
3
|
+
// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_2f666594_lang.css"; //*');
|
|
4
|
+
const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-2f666594"]]);
|
|
5
5
|
export {
|
|
6
6
|
a as default
|
|
7
7
|
};
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import "../../../DataGrid.
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
1
|
+
import "../../../DataGrid.vue_vue_type_style_index_0_scoped_2f666594_lang.css"; import { defineComponent as de, useCssVars as oe, unref as t, useSlots as ne, computed as v, openBlock as l, createElementBlock as d, createElementVNode as u, normalizeStyle as T, normalizeClass as f, renderSlot as c, createVNode as h, withCtx as w, createTextVNode as E, toDisplayString as B, isRef as ce, createCommentVNode as r, Fragment as I, renderList as p, createBlock as z, mergeProps as re } from "vue";
|
|
2
|
+
import A from "../../typography/v4/Typography.vue.js";
|
|
3
|
+
import ue from "../../skeleton/v4/SkeletonV4.vue.js";
|
|
4
|
+
import he from "../../emptyState/v4/EmptyStateV4.vue.js";
|
|
5
5
|
import K from "../../checkbox/v4/CheckboxV4.vue.js";
|
|
6
6
|
import { TableTestIdModifiers as S } from "../../../testids/index.js";
|
|
7
|
-
import { tableCommon as
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import { useVModel as
|
|
13
|
-
const
|
|
7
|
+
import { tableCommon as ye } from "../common/Table.common.js";
|
|
8
|
+
import fe from "./SortIcon.vue.js";
|
|
9
|
+
import Se from "./HelpIcon.vue.js";
|
|
10
|
+
import ke from "./ExpandRowToggle.vue.js";
|
|
11
|
+
import me from "../../search/v4/SearchV4.vue.js";
|
|
12
|
+
import { useVModel as ge } from "@vueuse/core";
|
|
13
|
+
const ve = ["data-testid"], be = ["data-testid"], $e = ["data-testid"], Re = ["data-testid"], Ce = ["data-testid"], xe = { class: "search-wrapper" }, Te = ["data-testid"], we = ["data-testid"], Ee = {
|
|
14
14
|
key: 0,
|
|
15
15
|
class: "checkbox-cell"
|
|
16
|
-
},
|
|
16
|
+
}, Be = {
|
|
17
17
|
key: 1,
|
|
18
18
|
class: "expand-toggle-cell"
|
|
19
|
-
},
|
|
19
|
+
}, Ie = ["onClick"], pe = { class: "table-head-container" }, Ae = ["data-testid"], Ve = ["onMouseenter", "onClick"], Le = {
|
|
20
20
|
key: 0,
|
|
21
21
|
class: "checkbox-cell"
|
|
22
22
|
}, Me = {
|
|
@@ -25,10 +25,13 @@ const ge = ["data-testid"], ve = ["data-testid"], be = ["data-testid"], $e = ["d
|
|
|
25
25
|
}, Pe = {
|
|
26
26
|
key: 2,
|
|
27
27
|
class: "expanded-row"
|
|
28
|
-
}, He = {
|
|
28
|
+
}, He = {
|
|
29
|
+
key: 3,
|
|
30
|
+
class: "floating-row"
|
|
31
|
+
}, Ne = { key: 1 }, Fe = {
|
|
29
32
|
key: 0,
|
|
30
33
|
class: "table-footer"
|
|
31
|
-
},
|
|
34
|
+
}, Xe = /* @__PURE__ */ de({
|
|
32
35
|
__name: "DataGrid",
|
|
33
36
|
props: {
|
|
34
37
|
title: { default: "" },
|
|
@@ -62,25 +65,25 @@ const ge = ["data-testid"], ve = ["data-testid"], be = ["data-testid"], $e = ["d
|
|
|
62
65
|
emits: ["update:sort", "update:search", "update:selection", "onScroll", "onClearSearch", "saveRow", "loadMore", "selectAll", "selectRow", "clickRow"],
|
|
63
66
|
setup(s, { expose: m, emit: y }) {
|
|
64
67
|
const i = s;
|
|
65
|
-
|
|
66
|
-
"
|
|
67
|
-
"
|
|
68
|
-
"
|
|
69
|
-
"
|
|
68
|
+
oe((a) => ({
|
|
69
|
+
"416084ad": s.zIndexBase,
|
|
70
|
+
"90cd7d3e": t(X),
|
|
71
|
+
"03caffcc": t(P),
|
|
72
|
+
"64d76d22": t(J)
|
|
70
73
|
}));
|
|
71
|
-
const b =
|
|
72
|
-
list:
|
|
74
|
+
const b = ne(), U = (a) => i.rowCustomClassKey && i.rows[a] ? i.rows[a][i.rowCustomClassKey] : "", {
|
|
75
|
+
list: M,
|
|
73
76
|
containerProps: G,
|
|
74
77
|
wrapperProps: Y,
|
|
75
|
-
activeRow:
|
|
76
|
-
gridColumnTemplate:
|
|
78
|
+
activeRow: $,
|
|
79
|
+
gridColumnTemplate: P,
|
|
77
80
|
toggleSortOrder: Q,
|
|
78
|
-
columnsStickyPositions:
|
|
81
|
+
columnsStickyPositions: H,
|
|
79
82
|
hasSearchSlot: W,
|
|
80
83
|
containerStyle: j,
|
|
81
84
|
onScroll: N,
|
|
82
85
|
savingRows: F,
|
|
83
|
-
hasExpandSlot:
|
|
86
|
+
hasExpandSlot: R,
|
|
84
87
|
toggleExpandRow: q,
|
|
85
88
|
cssRowHeight: J,
|
|
86
89
|
cssExpandGridCol: X,
|
|
@@ -88,47 +91,47 @@ const ge = ["data-testid"], ve = ["data-testid"], be = ["data-testid"], $e = ["d
|
|
|
88
91
|
hasCheckboxes: O,
|
|
89
92
|
activeMenuRow: Z,
|
|
90
93
|
scrollTo: _
|
|
91
|
-
} =
|
|
92
|
-
const a = i.rows.map((
|
|
93
|
-
return !!a.length && a.every((
|
|
94
|
-
}),
|
|
95
|
-
|
|
94
|
+
} = ye(i, y), D = v(() => !!b.footer), g = ge(i, "search", y), ee = v(() => i.selection.length || 0), L = v(() => {
|
|
95
|
+
const a = i.rows.map((o, e) => i.getRowId(o, e));
|
|
96
|
+
return !!a.length && a.every((o) => C(o));
|
|
97
|
+
}), C = (a) => i.selection.findIndex((o) => i.selectedMatcher(a, o)) !== -1, te = (a) => {
|
|
98
|
+
C(a) ? (x(
|
|
96
99
|
i.selection.filter(
|
|
97
|
-
(
|
|
100
|
+
(o) => !i.selectedMatcher(a, o)
|
|
98
101
|
)
|
|
99
|
-
), y("selectRow", !1)) : (
|
|
102
|
+
), y("selectRow", !1)) : (x([...i.selection, a]), y("selectRow", !0));
|
|
100
103
|
}, se = () => {
|
|
101
|
-
if (
|
|
102
|
-
|
|
104
|
+
if (L.value)
|
|
105
|
+
x([]), y("selectAll", !1);
|
|
103
106
|
else {
|
|
104
|
-
const a = i.rows.map((
|
|
105
|
-
|
|
107
|
+
const a = i.rows.map((o, e) => i.getRowId(o, e)).filter((o) => !C(o));
|
|
108
|
+
x([...i.selection, ...a]), y("selectAll", !0);
|
|
106
109
|
}
|
|
107
|
-
},
|
|
110
|
+
}, x = (a) => {
|
|
108
111
|
y("update:selection", a);
|
|
109
|
-
}, ae = v(
|
|
112
|
+
}, ae = (a) => !i.isLoading && $.value === a, le = v(
|
|
110
113
|
() => i.emptyStateVariant ?? (g.value ? "no-results" : "no-data")
|
|
111
|
-
),
|
|
114
|
+
), ie = v(
|
|
112
115
|
() => i.emptyStateSubtitle ? i.emptyStateSubtitle : g.value ? "Search again with different filters" : void 0
|
|
113
116
|
);
|
|
114
117
|
return m({
|
|
115
118
|
scrollTo: _
|
|
116
|
-
}), (a,
|
|
119
|
+
}), (a, o) => (l(), d("div", {
|
|
117
120
|
class: "table-container",
|
|
118
121
|
"data-testid": `${s.testId}-${t(S).CONTAINER}`,
|
|
119
|
-
onMouseleave:
|
|
122
|
+
onMouseleave: o[3] || (o[3] = (e) => $.value = null)
|
|
120
123
|
}, [
|
|
121
124
|
u("table", {
|
|
122
125
|
ref: t(G).ref,
|
|
123
|
-
style:
|
|
126
|
+
style: T(t(j)),
|
|
124
127
|
class: f({
|
|
125
128
|
hasFooter: t(D)
|
|
126
129
|
}),
|
|
127
130
|
"data-testid": `${s.testId}-${t(S).TABLE}`,
|
|
128
|
-
onScrollPassive:
|
|
131
|
+
onScrollPassive: o[2] || (o[2] = //@ts-ignore
|
|
129
132
|
(...e) => t(N) && t(N)(...e))
|
|
130
133
|
}, [
|
|
131
|
-
s.title || t(b).title || t(W) || t(b)["table-header-actions"] ? (l(),
|
|
134
|
+
s.title || t(b).title || t(W) || t(b)["table-header-actions"] ? (l(), d("div", {
|
|
132
135
|
key: 0,
|
|
133
136
|
class: f(["table-header", { isStickyHeader: s.isStickyHeader }]),
|
|
134
137
|
"data-testid": `${s.testId}-${t(S).HEADER}`
|
|
@@ -137,40 +140,40 @@ const ge = ["data-testid"], ve = ["data-testid"], be = ["data-testid"], $e = ["d
|
|
|
137
140
|
class: "table-title",
|
|
138
141
|
"data-testid": `${s.testId}-${t(S).TITLE}`
|
|
139
142
|
}, [
|
|
140
|
-
|
|
141
|
-
h(t(
|
|
142
|
-
default:
|
|
143
|
-
|
|
143
|
+
c(a.$slots, "title", {}, () => [
|
|
144
|
+
h(t(A), { variant: "h3" }, {
|
|
145
|
+
default: w(() => [
|
|
146
|
+
E(B(s.title), 1)
|
|
144
147
|
]),
|
|
145
148
|
_: 1
|
|
146
149
|
})
|
|
147
|
-
]
|
|
148
|
-
], 8,
|
|
150
|
+
])
|
|
151
|
+
], 8, Re),
|
|
149
152
|
u("div", {
|
|
150
153
|
class: "table-header-right",
|
|
151
154
|
"data-testid": `${s.testId}-${t(S).HEADER_RIGHT}`
|
|
152
155
|
}, [
|
|
153
|
-
s.showSearch ?
|
|
154
|
-
u("div",
|
|
155
|
-
h(t(
|
|
156
|
+
s.showSearch ? c(a.$slots, "search", { key: 0 }, () => [
|
|
157
|
+
u("div", xe, [
|
|
158
|
+
h(t(me), {
|
|
156
159
|
modelValue: t(g),
|
|
157
|
-
"onUpdate:modelValue":
|
|
160
|
+
"onUpdate:modelValue": o[0] || (o[0] = (e) => ce(g) ? g.value = e : null),
|
|
158
161
|
placeholder: s.searchPlaceholder,
|
|
159
162
|
"auto-focus": s.searchAutoFocus,
|
|
160
163
|
"test-id": s.testId,
|
|
161
|
-
onOnClear:
|
|
164
|
+
onOnClear: o[1] || (o[1] = (e) => y("onClearSearch"))
|
|
162
165
|
}, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id"])
|
|
163
166
|
])
|
|
164
|
-
]
|
|
165
|
-
], 8,
|
|
166
|
-
t(b)["table-header-actions"] ? (l(),
|
|
167
|
+
]) : r("", !0)
|
|
168
|
+
], 8, Ce),
|
|
169
|
+
t(b)["table-header-actions"] ? (l(), d("div", {
|
|
167
170
|
key: 0,
|
|
168
171
|
class: "table-header-actions",
|
|
169
172
|
"data-testid": `${s.testId}-${t(S).ACTIONS}`
|
|
170
173
|
}, [
|
|
171
|
-
|
|
172
|
-
], 8,
|
|
173
|
-
], 10,
|
|
174
|
+
c(a.$slots, "table-header-actions")
|
|
175
|
+
], 8, Te)) : r("", !0)
|
|
176
|
+
], 10, $e)) : r("", !0),
|
|
174
177
|
u("thead", {
|
|
175
178
|
class: f({ sticky: s.isSticky, isStickyHeader: s.isStickyHeader })
|
|
176
179
|
}, [
|
|
@@ -178,38 +181,38 @@ const ge = ["data-testid"], ve = ["data-testid"], be = ["data-testid"], $e = ["d
|
|
|
178
181
|
class: "sections",
|
|
179
182
|
"data-testid": `${s.testId}-${t(S).SECTIONS}`
|
|
180
183
|
}, [
|
|
181
|
-
(l(!0),
|
|
184
|
+
(l(!0), d(I, null, p(s.sections, (e) => (l(), d("div", {
|
|
182
185
|
key: e.id,
|
|
183
186
|
class: f(["section-container", { sticky: e.isSticky }])
|
|
184
187
|
}, [
|
|
185
|
-
|
|
188
|
+
c(a.$slots, `section-${e.id}`, {}, () => [
|
|
186
189
|
u("div", {
|
|
187
|
-
style:
|
|
190
|
+
style: T({ width: e.width + "px" }),
|
|
188
191
|
class: f({ section: !0 })
|
|
189
192
|
}, [
|
|
190
|
-
h(t(
|
|
191
|
-
default:
|
|
192
|
-
|
|
193
|
+
h(t(A), { variant: "body2" }, {
|
|
194
|
+
default: w(() => [
|
|
195
|
+
E(B(e.title), 1)
|
|
193
196
|
]),
|
|
194
197
|
_: 2
|
|
195
198
|
}, 1024)
|
|
196
199
|
], 4)
|
|
197
|
-
]
|
|
200
|
+
])
|
|
198
201
|
], 2))), 128))
|
|
199
|
-
], 8,
|
|
202
|
+
], 8, we),
|
|
200
203
|
u("tr", null, [
|
|
201
|
-
t(O) ? (l(),
|
|
202
|
-
|
|
204
|
+
t(O) ? (l(), d("th", Ee, [
|
|
205
|
+
c(a.$slots, "select-all-checkbox", {}, () => [
|
|
203
206
|
h(t(K), {
|
|
204
207
|
disabled: s.isLoading,
|
|
205
|
-
"is-checked": t(
|
|
206
|
-
"is-indeterminate": !t(
|
|
208
|
+
"is-checked": t(L),
|
|
209
|
+
"is-indeterminate": !t(L) && t(ee) > 0,
|
|
207
210
|
"onUpdate:isChecked": se
|
|
208
211
|
}, null, 8, ["disabled", "is-checked", "is-indeterminate"])
|
|
209
|
-
]
|
|
210
|
-
])) :
|
|
211
|
-
t(
|
|
212
|
-
(l(!0),
|
|
212
|
+
])
|
|
213
|
+
])) : r("", !0),
|
|
214
|
+
t(R) ? (l(), d("th", Be)) : r("", !0),
|
|
215
|
+
(l(!0), d(I, null, p(s.columns, (e) => (l(), d("th", {
|
|
213
216
|
key: e.id,
|
|
214
217
|
class: f({
|
|
215
218
|
sticky: e.isSticky,
|
|
@@ -219,62 +222,62 @@ const ge = ["data-testid"], ve = ["data-testid"], be = ["data-testid"], $e = ["d
|
|
|
219
222
|
isSortable: e.isSortable,
|
|
220
223
|
[`column-${e.id}`]: !0
|
|
221
224
|
}),
|
|
222
|
-
style:
|
|
225
|
+
style: T(e.isSticky ? t(H)[e.id] : null),
|
|
223
226
|
onClick: (k) => e.isSortable ? t(Q)(e) : null
|
|
224
227
|
}, [
|
|
225
|
-
u("div",
|
|
226
|
-
|
|
227
|
-
h(t(
|
|
228
|
-
default:
|
|
229
|
-
|
|
228
|
+
u("div", pe, [
|
|
229
|
+
c(a.$slots, `header-${e.id}`, { column: e }, () => [
|
|
230
|
+
h(t(A), { variant: "tableLabel" }, {
|
|
231
|
+
default: w(() => [
|
|
232
|
+
E(B(e.title), 1)
|
|
230
233
|
]),
|
|
231
234
|
_: 2
|
|
232
235
|
}, 1024)
|
|
233
|
-
]
|
|
234
|
-
e.helpText ? (l(), z(
|
|
236
|
+
]),
|
|
237
|
+
e.helpText ? (l(), z(Se, {
|
|
235
238
|
key: 0,
|
|
236
239
|
"hover-help-text": e.helpText,
|
|
237
240
|
"hover-help-text-placement": e.helpTextPlacement
|
|
238
|
-
}, null, 8, ["hover-help-text", "hover-help-text-placement"])) :
|
|
239
|
-
e.isSortable && e.id === s.sort?.sortBy ? (l(), z(
|
|
241
|
+
}, null, 8, ["hover-help-text", "hover-help-text-placement"])) : r("", !0),
|
|
242
|
+
e.isSortable && e.id === s.sort?.sortBy ? (l(), z(fe, {
|
|
240
243
|
key: 1,
|
|
241
244
|
"sort-order": s.sort.sortOrder
|
|
242
|
-
}, null, 8, ["sort-order"])) :
|
|
245
|
+
}, null, 8, ["sort-order"])) : r("", !0)
|
|
243
246
|
])
|
|
244
|
-
], 14,
|
|
247
|
+
], 14, Ie))), 128))
|
|
245
248
|
])
|
|
246
249
|
], 2),
|
|
247
250
|
u("tbody", null, [
|
|
248
|
-
t(
|
|
251
|
+
t(M).length > 0 ? (l(), d("div", re({
|
|
249
252
|
key: 0,
|
|
250
253
|
class: "table-body-wrapper",
|
|
251
254
|
"data-testid": `${s.testId}-${t(S).BODY_WRAPPER}`
|
|
252
255
|
}, t(Y)), [
|
|
253
|
-
(l(!0),
|
|
256
|
+
(l(!0), d(I, null, p(t(M), (e) => (l(), d("tr", {
|
|
254
257
|
key: e.index,
|
|
255
258
|
class: f(["table-row", {
|
|
256
259
|
loading: s.isLoading || s.isLoading && !e.data || t(F).includes(e.index),
|
|
257
|
-
active: t(
|
|
260
|
+
active: t($) === e.index,
|
|
258
261
|
activeMenu: t(Z) === e.index,
|
|
259
|
-
expanded: t(
|
|
262
|
+
expanded: t(R) && t(V)(e.index),
|
|
260
263
|
[U(e.index)]: !0
|
|
261
264
|
}]),
|
|
262
|
-
onMouseenter: (k) =>
|
|
265
|
+
onMouseenter: (k) => $.value = e.index,
|
|
263
266
|
onClick: (k) => y("clickRow", e.index)
|
|
264
267
|
}, [
|
|
265
|
-
t(O) ? (l(),
|
|
268
|
+
t(O) ? (l(), d("td", Le, [
|
|
266
269
|
h(t(K), {
|
|
267
|
-
"is-checked":
|
|
270
|
+
"is-checked": C(s.getRowId(e.data, e.index)),
|
|
268
271
|
"onUpdate:isChecked": (k) => te(s.getRowId(e.data, e.index))
|
|
269
272
|
}, null, 8, ["is-checked", "onUpdate:isChecked"])
|
|
270
|
-
])) :
|
|
271
|
-
t(
|
|
272
|
-
h(
|
|
273
|
+
])) : r("", !0),
|
|
274
|
+
t(R) ? (l(), d("td", Me, [
|
|
275
|
+
h(ke, {
|
|
273
276
|
expanded: t(V)(e.index),
|
|
274
277
|
onClick: (k) => t(q)(e.index, k)
|
|
275
278
|
}, null, 8, ["expanded", "onClick"])
|
|
276
|
-
])) :
|
|
277
|
-
(l(!0),
|
|
279
|
+
])) : r("", !0),
|
|
280
|
+
(l(!0), d(I, null, p(s.columns, (k, n) => (l(), d("td", {
|
|
278
281
|
key: n,
|
|
279
282
|
class: f({
|
|
280
283
|
sticky: s.columns[n].isSticky,
|
|
@@ -283,58 +286,64 @@ const ge = ["data-testid"], ve = ["data-testid"], be = ["data-testid"], $e = ["d
|
|
|
283
286
|
isTextRight: s.columns[n].isTextRight,
|
|
284
287
|
[`column-${s.columns[n].id}`]: !0
|
|
285
288
|
}),
|
|
286
|
-
style:
|
|
287
|
-
s.columns[n].isSticky ? t(
|
|
289
|
+
style: T(
|
|
290
|
+
s.columns[n].isSticky ? t(H)[s.columns[n].id] : null
|
|
288
291
|
)
|
|
289
292
|
}, [
|
|
290
|
-
!s.isLoading || s.isLoading && e.data[n] ? (l(),
|
|
293
|
+
!s.isLoading || s.isLoading && e.data[n] ? (l(), d("div", {
|
|
291
294
|
key: 0,
|
|
292
295
|
class: f(["table-cell", { last: n === e.data.length - 1 }])
|
|
293
296
|
}, [
|
|
294
|
-
|
|
297
|
+
c(a.$slots, `cell-${s.columns[n].id}`, {
|
|
295
298
|
cell: e.data[n],
|
|
296
299
|
isLoading: t(F).includes(e.index),
|
|
297
300
|
cellIndex: n,
|
|
298
301
|
row: e,
|
|
299
302
|
rowIndex: e.index
|
|
300
303
|
}, () => [
|
|
301
|
-
h(t(
|
|
302
|
-
default:
|
|
303
|
-
|
|
304
|
+
h(t(A), { variant: "body1" }, {
|
|
305
|
+
default: w(() => [
|
|
306
|
+
E(B(e.data[n]), 1)
|
|
304
307
|
]),
|
|
305
308
|
_: 2
|
|
306
309
|
}, 1024)
|
|
307
|
-
]
|
|
308
|
-
], 2)) :
|
|
309
|
-
h(t(
|
|
310
|
-
]
|
|
310
|
+
])
|
|
311
|
+
], 2)) : c(a.$slots, "loader", { key: 1 }, () => [
|
|
312
|
+
h(t(ue), { round: "" })
|
|
313
|
+
])
|
|
311
314
|
], 6))), 128)),
|
|
312
|
-
t(
|
|
313
|
-
|
|
315
|
+
t(R) && t(V)(e.index) ? (l(), d("div", Pe, [
|
|
316
|
+
c(a.$slots, "expanded", {
|
|
317
|
+
row: e,
|
|
318
|
+
gridColumnTemplate: t(P)
|
|
319
|
+
})
|
|
320
|
+
])) : r("", !0),
|
|
321
|
+
ae(e.index) ? (l(), d("div", He, [
|
|
322
|
+
c(a.$slots, "floating-row", {
|
|
314
323
|
row: e,
|
|
315
|
-
|
|
316
|
-
}
|
|
317
|
-
])) :
|
|
318
|
-
], 42,
|
|
319
|
-
], 16,
|
|
320
|
-
|
|
321
|
-
h(t(
|
|
324
|
+
rowIndex: e.index
|
|
325
|
+
})
|
|
326
|
+
])) : r("", !0)
|
|
327
|
+
], 42, Ve))), 128))
|
|
328
|
+
], 16, Ae)) : (l(), d("div", Ne, [
|
|
329
|
+
c(a.$slots, "empty-state", {}, () => [
|
|
330
|
+
h(t(he), {
|
|
322
331
|
class: "empty-state",
|
|
323
332
|
title: s.emptyStateTitle,
|
|
324
|
-
subtitle: t(
|
|
325
|
-
variant: t(
|
|
333
|
+
subtitle: t(ie),
|
|
334
|
+
variant: t(le),
|
|
326
335
|
"test-id": `${s.testId}-${t(S).EMPTY_STATE}`
|
|
327
336
|
}, null, 8, ["title", "subtitle", "variant", "test-id"])
|
|
328
|
-
]
|
|
337
|
+
])
|
|
329
338
|
]))
|
|
330
339
|
])
|
|
331
|
-
], 46,
|
|
332
|
-
t(D) ? (l(),
|
|
333
|
-
|
|
334
|
-
])) :
|
|
335
|
-
], 40,
|
|
340
|
+
], 46, be),
|
|
341
|
+
t(D) ? (l(), d("div", Fe, [
|
|
342
|
+
c(a.$slots, "footer")
|
|
343
|
+
])) : r("", !0)
|
|
344
|
+
], 40, ve));
|
|
336
345
|
}
|
|
337
346
|
});
|
|
338
347
|
export {
|
|
339
|
-
|
|
348
|
+
Xe as default
|
|
340
349
|
};
|
|
@@ -120,8 +120,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
120
120
|
search?(_: {}): any;
|
|
121
121
|
"table-header-actions"?(_: {}): any;
|
|
122
122
|
"floating-row"?(_: {
|
|
123
|
-
row:
|
|
124
|
-
rowIndex:
|
|
123
|
+
row: import("@vueuse/core").UseVirtualListItem<import("@is-ssp/table/common/Table.types").Row>;
|
|
124
|
+
rowIndex: number;
|
|
125
125
|
}): any;
|
|
126
126
|
"empty-state"?(_: {}): any;
|
|
127
127
|
}>;
|
|
@@ -684,6 +684,10 @@ declare const DataGridTypes: () => (({
|
|
|
684
684
|
row: import("@vueuse/core").UseVirtualListItem<import("../common/Table.types").Row>;
|
|
685
685
|
gridColumnTemplate: any;
|
|
686
686
|
}): any;
|
|
687
|
+
"floating-row"?(_: {
|
|
688
|
+
row: import("@vueuse/core").UseVirtualListItem<import("../common/Table.types").Row>;
|
|
689
|
+
rowIndex: number;
|
|
690
|
+
}): any;
|
|
687
691
|
"empty-state"?(_: {}): any;
|
|
688
692
|
footer?(_: {}): any;
|
|
689
693
|
};
|
|
@@ -1225,8 +1229,8 @@ declare const DataGridTypes: () => (({
|
|
|
1225
1229
|
search?(_: {}): any;
|
|
1226
1230
|
"table-header-actions"?(_: {}): any;
|
|
1227
1231
|
"floating-row"?(_: {
|
|
1228
|
-
row:
|
|
1229
|
-
rowIndex:
|
|
1232
|
+
row: import("@vueuse/core").UseVirtualListItem<import("../common/Table.types").Row>;
|
|
1233
|
+
rowIndex: number;
|
|
1230
1234
|
}): any;
|
|
1231
1235
|
"empty-state"?(_: {}): any;
|
|
1232
1236
|
};
|
package/index.d.ts
CHANGED
|
@@ -5,7 +5,6 @@ export * from '@/components/menu';
|
|
|
5
5
|
export * from '@/components/appIcon';
|
|
6
6
|
export * from '@/components/floatingToolbar';
|
|
7
7
|
export * from '@/components/includeExclude';
|
|
8
|
-
export * from '@/components/cssBaseline';
|
|
9
8
|
export * from '@/composables/useId';
|
|
10
9
|
export * from '@/components/filterDropdown';
|
|
11
10
|
export * from '@/components/typography';
|
|
@@ -5860,6 +5859,10 @@ declare const _default: {
|
|
|
5860
5859
|
row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
|
|
5861
5860
|
gridColumnTemplate: any;
|
|
5862
5861
|
}): any;
|
|
5862
|
+
"floating-row"?(_: {
|
|
5863
|
+
row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
|
|
5864
|
+
rowIndex: number;
|
|
5865
|
+
}): any;
|
|
5863
5866
|
"empty-state"?(_: {}): any;
|
|
5864
5867
|
footer?(_: {}): any;
|
|
5865
5868
|
};
|
|
@@ -6641,6 +6644,10 @@ declare const _default: {
|
|
|
6641
6644
|
row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
|
|
6642
6645
|
gridColumnTemplate: any;
|
|
6643
6646
|
}): any;
|
|
6647
|
+
"floating-row"?(_: {
|
|
6648
|
+
row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
|
|
6649
|
+
rowIndex: number;
|
|
6650
|
+
}): any;
|
|
6644
6651
|
"empty-state"?(_: {}): any;
|
|
6645
6652
|
footer?(_: {}): any;
|
|
6646
6653
|
};
|
|
@@ -7182,8 +7189,8 @@ declare const _default: {
|
|
|
7182
7189
|
search?(_: {}): any;
|
|
7183
7190
|
"table-header-actions"?(_: {}): any;
|
|
7184
7191
|
"floating-row"?(_: {
|
|
7185
|
-
row:
|
|
7186
|
-
rowIndex:
|
|
7192
|
+
row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
|
|
7193
|
+
rowIndex: number;
|
|
7187
7194
|
}): any;
|
|
7188
7195
|
"empty-state"?(_: {}): any;
|
|
7189
7196
|
};
|
|
@@ -7633,8 +7640,8 @@ declare const _default: {
|
|
|
7633
7640
|
search?(_: {}): any;
|
|
7634
7641
|
"table-header-actions"?(_: {}): any;
|
|
7635
7642
|
"floating-row"?(_: {
|
|
7636
|
-
row:
|
|
7637
|
-
rowIndex:
|
|
7643
|
+
row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
|
|
7644
|
+
rowIndex: number;
|
|
7638
7645
|
}): any;
|
|
7639
7646
|
"empty-state"?(_: {}): any;
|
|
7640
7647
|
};
|
package/index.js
CHANGED
|
@@ -1,31 +1,30 @@
|
|
|
1
|
-
import './
|
|
1
|
+
import './IncludeExcludeOption.vue_vue_type_style_index_0_scoped_91bc7787_lang.css';
|
|
2
2
|
import { AppTriggerTypes as oo } from "./components/appTrigger/index.js";
|
|
3
3
|
import { AutocompleteDropdownTypes as eo } from "./components/autocompleteDropdown/index.js";
|
|
4
|
-
import { MenuItemTypes as
|
|
4
|
+
import { MenuItemTypes as to } from "./components/menuItem/index.js";
|
|
5
5
|
import { MenuTypes as ao } from "./components/menu/index.js";
|
|
6
6
|
import { AppIconTypes as io } from "./components/appIcon/index.js";
|
|
7
|
-
import { FloatingToolbarTypes as
|
|
7
|
+
import { FloatingToolbarTypes as so } from "./components/floatingToolbar/index.js";
|
|
8
8
|
import { IncludeExcludeTypes as lo } from "./components/includeExclude/index.js";
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import { FormCardTypes as wo, FormFieldTypes as Oo } from "./components/forms/index.js";
|
|
9
|
+
import { ID_INJECTION_KEY as $o, useId as To } from "./composables/useId.js";
|
|
10
|
+
import { FilterDropdownTypes as yo } from "./components/filterDropdown/index.js";
|
|
11
|
+
import { TypographyTypes as Fo } from "./components/typography/index.js";
|
|
12
|
+
import { TypographyTypesV4 as Ao } from "./components/typography/v4/index.js";
|
|
13
|
+
import { MultiBarTypes as Co } from "./components/multibar/index.js";
|
|
14
|
+
import { FoldableSectionTypes as ho } from "./components/layout/index.js";
|
|
15
|
+
import { FormCardTypes as Mo, FormFieldTypes as bo } from "./components/forms/index.js";
|
|
17
16
|
import * as o from "./components/button/v3/index.js";
|
|
18
17
|
import * as r from "./components/button/v4/index.js";
|
|
19
18
|
import * as e from "./components/chip/v3/index.js";
|
|
20
|
-
import * as
|
|
21
|
-
import * as
|
|
19
|
+
import * as m from "./components/chip/v4/index.js";
|
|
20
|
+
import * as t from "./components/switch/v3/index.js";
|
|
22
21
|
import * as p from "./components/switch/v4/index.js";
|
|
23
22
|
import * as a from "./components/dropdown/v3/index.js";
|
|
24
23
|
import * as f from "./components/dropdown/v4/index.js";
|
|
25
24
|
import * as i from "./components/search/v3/index.js";
|
|
26
25
|
import * as d from "./components/search/v4/index.js";
|
|
27
|
-
import * as
|
|
28
|
-
import * as
|
|
26
|
+
import * as x from "./components/filtersPanel/v3/index.js";
|
|
27
|
+
import * as s from "./components/filtersPanel/v4/index.js";
|
|
29
28
|
import * as n from "./components/checkbox/v3/index.js";
|
|
30
29
|
import * as l from "./components/checkbox/v4/index.js";
|
|
31
30
|
import * as u from "./components/icon/v3/index.js";
|
|
@@ -39,9 +38,9 @@ import * as I from "./components/dialog/v4/index.js";
|
|
|
39
38
|
import * as A from "./components/toggle/v3/index.js";
|
|
40
39
|
import * as E from "./components/toggle/v4/index.js";
|
|
41
40
|
import * as C from "./components/tooltip/v3/index.js";
|
|
42
|
-
import * as
|
|
43
|
-
import * as
|
|
44
|
-
import * as
|
|
41
|
+
import * as D from "./components/tooltip/v4/index.js";
|
|
42
|
+
import * as h from "./components/table/v3/index.js";
|
|
43
|
+
import * as B from "./components/table/v4/index.js";
|
|
45
44
|
import * as M from "./components/table-cells/v3/index.js";
|
|
46
45
|
import * as b from "./components/table-cells/v4/index.js";
|
|
47
46
|
import * as w from "./components/skeleton/v3/index.js";
|
|
@@ -65,46 +64,45 @@ import * as R from "./components/dateRange/v3/index.js";
|
|
|
65
64
|
import * as Y from "./components/dateRange/v4/index.js";
|
|
66
65
|
import * as Q from "./components/popover/v3/index.js";
|
|
67
66
|
import * as U from "./components/popover/v4/index.js";
|
|
68
|
-
import { useToggle as
|
|
69
|
-
import { useSearch as
|
|
70
|
-
import { scrollToElementByClass as
|
|
71
|
-
import { BannerTypes as
|
|
72
|
-
import { AlertTypes as
|
|
73
|
-
import { AutocompleteTypes as
|
|
74
|
-
import { ChartTypes as
|
|
75
|
-
import { default as
|
|
76
|
-
import { default as
|
|
77
|
-
import { default as
|
|
78
|
-
import { default as
|
|
79
|
-
import { default as
|
|
80
|
-
import { default as
|
|
81
|
-
import { default as
|
|
82
|
-
import { default as
|
|
83
|
-
import { default as
|
|
84
|
-
import { default as
|
|
85
|
-
import { default as
|
|
86
|
-
import { default as
|
|
87
|
-
import { default as
|
|
88
|
-
import { default as
|
|
89
|
-
import { default as
|
|
90
|
-
import { default as
|
|
91
|
-
import { default as
|
|
92
|
-
import { default as
|
|
93
|
-
import { default as
|
|
94
|
-
import { default as
|
|
95
|
-
import { default as
|
|
96
|
-
import { default as
|
|
97
|
-
import { default as
|
|
98
|
-
import { default as
|
|
99
|
-
import { default as
|
|
100
|
-
import { default as
|
|
101
|
-
import { default as
|
|
102
|
-
import { default as
|
|
103
|
-
import { default as Xr } from "./components/chart/Chart.vue.js";
|
|
67
|
+
import { useToggle as Oo } from "./composables/useToggle.js";
|
|
68
|
+
import { useSearch as No } from "./composables/useSearch.js";
|
|
69
|
+
import { scrollToElementByClass as Vo, scrollToFirstInvalidElement as vo, useFormValidation as Jo, yupValidation as Ko } from "./composables/useFormValidation.js";
|
|
70
|
+
import { BannerTypes as _o } from "./components/banner/index.js";
|
|
71
|
+
import { AlertTypes as ko } from "./components/alert/index.js";
|
|
72
|
+
import { AutocompleteTypes as zo } from "./components/autocomplete/index.js";
|
|
73
|
+
import { ChartTypes as Lo } from "./components/chart/index.js";
|
|
74
|
+
import { default as Yo } from "./components/appTrigger/AppTrigger.vue.js";
|
|
75
|
+
import { default as Uo } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
|
|
76
|
+
import { default as Xo } from "./components/menuItem/MenuItem.vue.js";
|
|
77
|
+
import { default as or } from "./components/menu/Menu.vue.js";
|
|
78
|
+
import { default as er } from "./components/appIcon/AppIcon.vue.js";
|
|
79
|
+
import { default as tr } from "./components/floatingToolbar/FloatingToolbar.vue.js";
|
|
80
|
+
import { default as ar } from "./components/includeExclude/IncludeExclude.vue.js";
|
|
81
|
+
import { default as ir } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
|
|
82
|
+
import { default as xr } from "./components/includeExclude/IncludeExcludeOption.vue.js";
|
|
83
|
+
import { default as nr } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
|
|
84
|
+
import { default as ur } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
|
|
85
|
+
import { default as Tr } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
|
|
86
|
+
import { default as yr } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
|
|
87
|
+
import { default as Fr } from "./components/filterDropdown/FilterDropdown.vue.js";
|
|
88
|
+
import { default as Ar } from "./components/filterDropdown/AddFilterButton.vue.js";
|
|
89
|
+
import { default as Cr } from "./components/typography/Heading.vue.js";
|
|
90
|
+
import { default as hr } from "./components/typography/Text.vue.js";
|
|
91
|
+
import { default as Mr } from "./components/typography/v4/Typography.vue.js";
|
|
92
|
+
import { default as wr } from "./components/multibar/MultiBar.vue.js";
|
|
93
|
+
import { default as Hr } from "./components/layout/FoldableSection.vue.js";
|
|
94
|
+
import { default as Sr } from "./components/forms/FormRow.vue.js";
|
|
95
|
+
import { default as vr } from "./components/forms/FormCard.vue.js";
|
|
96
|
+
import { default as Kr } from "./components/forms/CardPanel.vue.js";
|
|
97
|
+
import { default as _r } from "./components/forms/FormField.vue.js";
|
|
98
|
+
import { default as kr } from "./components/banner/Banner.vue.js";
|
|
99
|
+
import { default as zr } from "./components/alert/Alert.vue.js";
|
|
100
|
+
import { default as Lr } from "./components/autocomplete/Autocomplete.vue.js";
|
|
101
|
+
import { default as Yr } from "./components/chart/Chart.vue.js";
|
|
104
102
|
const W = {
|
|
105
103
|
...e,
|
|
106
|
-
...t,
|
|
107
104
|
...m,
|
|
105
|
+
...t,
|
|
108
106
|
...p,
|
|
109
107
|
...o,
|
|
110
108
|
...r,
|
|
@@ -112,8 +110,8 @@ const W = {
|
|
|
112
110
|
...f,
|
|
113
111
|
...i,
|
|
114
112
|
...d,
|
|
115
|
-
...s,
|
|
116
113
|
...x,
|
|
114
|
+
...s,
|
|
117
115
|
...T,
|
|
118
116
|
...c,
|
|
119
117
|
...u,
|
|
@@ -123,11 +121,11 @@ const W = {
|
|
|
123
121
|
...F,
|
|
124
122
|
...I,
|
|
125
123
|
...C,
|
|
126
|
-
...
|
|
124
|
+
...D,
|
|
127
125
|
...A,
|
|
128
126
|
...E,
|
|
129
|
-
...D,
|
|
130
127
|
...h,
|
|
128
|
+
...B,
|
|
131
129
|
...M,
|
|
132
130
|
...b,
|
|
133
131
|
...H,
|
|
@@ -155,61 +153,59 @@ const W = {
|
|
|
155
153
|
...U
|
|
156
154
|
};
|
|
157
155
|
export {
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
156
|
+
Ar as AddFilterButton,
|
|
157
|
+
zr as Alert,
|
|
158
|
+
ko as AlertTypes,
|
|
159
|
+
er as AppIcon,
|
|
162
160
|
io as AppIconTypes,
|
|
163
|
-
|
|
161
|
+
Yo as AppTrigger,
|
|
164
162
|
oo as AppTriggerTypes,
|
|
165
|
-
|
|
166
|
-
|
|
163
|
+
Lr as Autocomplete,
|
|
164
|
+
Uo as AutocompleteDropdown,
|
|
167
165
|
eo as AutocompleteDropdownTypes,
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
vr as
|
|
181
|
-
Mo as
|
|
182
|
-
_r as
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
yr as
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
nr as IncludeExcludeOption,
|
|
195
|
-
ur as IncludeExcludeOptionDraggable,
|
|
166
|
+
zo as AutocompleteTypes,
|
|
167
|
+
kr as Banner,
|
|
168
|
+
_o as BannerTypes,
|
|
169
|
+
Kr as CardPanel,
|
|
170
|
+
Yr as Chart,
|
|
171
|
+
Lo as ChartTypes,
|
|
172
|
+
Fr as FilterDropdown,
|
|
173
|
+
yo as FilterDropdownTypes,
|
|
174
|
+
tr as FloatingToolbar,
|
|
175
|
+
so as FloatingToolbarTypes,
|
|
176
|
+
Hr as FoldableSection,
|
|
177
|
+
ho as FoldableSectionTypes,
|
|
178
|
+
vr as FormCard,
|
|
179
|
+
Mo as FormCardTypes,
|
|
180
|
+
_r as FormField,
|
|
181
|
+
bo as FormFieldTypes,
|
|
182
|
+
Sr as FormRow,
|
|
183
|
+
Cr as Heading,
|
|
184
|
+
$o as ID_INJECTION_KEY,
|
|
185
|
+
ar as IncludeExclude,
|
|
186
|
+
Tr as IncludeExcludeAppHeader,
|
|
187
|
+
ur as IncludeExcludeAppTrigger,
|
|
188
|
+
yr as IncludeExcludeChipFilter,
|
|
189
|
+
ir as IncludeExcludeDragDrop,
|
|
190
|
+
xr as IncludeExcludeOption,
|
|
191
|
+
nr as IncludeExcludeOptionDraggable,
|
|
196
192
|
lo as IncludeExcludeTypes,
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
193
|
+
or as Menu,
|
|
194
|
+
Xo as MenuItem,
|
|
195
|
+
to as MenuItemTypes,
|
|
200
196
|
ao as MenuTypes,
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
197
|
+
wr as MultiBar,
|
|
198
|
+
Co as MultiBarTypes,
|
|
199
|
+
hr as Text,
|
|
200
|
+
Mr as Typography,
|
|
201
|
+
Fo as TypographyTypes,
|
|
202
|
+
Ao as TypographyTypesV4,
|
|
207
203
|
W as default,
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
204
|
+
Vo as scrollToElementByClass,
|
|
205
|
+
vo as scrollToFirstInvalidElement,
|
|
206
|
+
Jo as useFormValidation,
|
|
207
|
+
To as useId,
|
|
208
|
+
No as useSearch,
|
|
209
|
+
Oo as useToggle,
|
|
210
|
+
Ko as yupValidation
|
|
215
211
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ironsource/shared-ui",
|
|
3
|
-
"version": "2.1.8-rc.
|
|
3
|
+
"version": "2.1.8-rc.6",
|
|
4
4
|
"engines": {
|
|
5
5
|
"npm": ">=7.0.0",
|
|
6
6
|
"node": ">=16.0.0"
|
|
@@ -165,7 +165,6 @@
|
|
|
165
165
|
"./radioGroup/v4": "./components/radioButton/v4/index.js",
|
|
166
166
|
"./floatingToolbar": "./components/floatingToolbar/FloatingToolbar.vue.js",
|
|
167
167
|
"./includeExclude": "./components/includeExclude/index.js",
|
|
168
|
-
"./cssBaseline": "./components/cssBaseline/CssBaseline.vue.js",
|
|
169
168
|
"./snackbar": "./components/snackbar/v3/index.js",
|
|
170
169
|
"./snackbar/v4": "./components/snackbar/v4/index.js",
|
|
171
170
|
"./emptyState": "./components/emptyState/v3/EmptyState.vue.js",
|
|
@@ -288,9 +287,6 @@
|
|
|
288
287
|
"switch/v4": [
|
|
289
288
|
"./components/switch/v4/index.d.ts"
|
|
290
289
|
],
|
|
291
|
-
"cssBaseline": [
|
|
292
|
-
"./components/cssBaseline/CssBaseline.vue.d.ts"
|
|
293
|
-
],
|
|
294
290
|
"emptyState": [
|
|
295
291
|
"./components/emptyState/v3/EmptyState.vue.d.ts"
|
|
296
292
|
],
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
div[data-v-f7dd256b]{display:block}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:normal;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}button{cursor:pointer}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.sticky[data-v-46d53424]{position:sticky}.table-container[data-v-46d53424]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-46d53424]{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-46d53424]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-46d53424]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-46d53424]{width:13.75rem}.table-header.isStickyHeader[data-v-46d53424]{z-index:calc(var(--0f0d3395) + 3);top:0}.table-head-container[data-v-46d53424]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-46d53424]{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-46d53424]{display:inline-table}.table-header-actions[data-v-46d53424]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-46d53424]{position:relative}.table-row.loading[data-v-46d53424]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-46d53424]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-46d53424]{border-bottom:none}.expanded-row[data-v-46d53424]{grid-column:var(--01312249);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-46d53424]{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-46d53424]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-46d53424],table th[data-v-46d53424]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-46d53424]:first-of-type,table th[data-v-46d53424]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-46d53424]:last-of-type,table th[data-v-46d53424]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-46d53424],table th.expand-toggle-cell[data-v-46d53424]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-46d53424]{border-bottom:none;z-index:calc(var(--0f0d3395) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-46d53424]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--413dc702)}table>thead>tr>th[data-v-46d53424]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-46d53424]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-46d53424]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-46d53424]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-46d53424]{cursor:pointer}table>thead.sticky[data-v-46d53424]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-46d53424]{z-index:calc(var(--0f0d3395) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-46d53424]{display:block}table>tbody>*>tr[data-v-46d53424]{background-color:var(--background-default);min-height:var(--7a14020a);height:auto;display:grid;align-items:center;grid-template-columns:var(--413dc702)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-46d53424]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-46d53424],table>tbody>*>tr.activeMenu>td[data-v-46d53424]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-46d53424]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--7a14020a);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-46d53424]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-46d53424]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-46d53424]{justify-content:flex-end;text-align:right}.section-container[data-v-46d53424]{left:0}.sections[data-v-46d53424]{display:flex}.section[data-v-46d53424]{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-46d53424]{width:100%}.empty-state[data-v-46d53424]{min-height:250px}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.button-wrap[data-v-4eefa06b]{border-radius:var(--border-radius-md);transition:all .2s ease;padding:0;min-width:auto;background-image:none;box-sizing:border-box;border:0;background-color:transparent}.error[data-v-4eefa06b]{font-size:inherit;font-family:inherit;font-weight:400;margin-top:0;line-height:inherit}.variant-default.primary[data-v-4eefa06b]{color:var(--primary-main)}.variant-default.primary[data-v-4eefa06b]:hover{background:var(--primary-main-8-p)}.variant-default.primary[data-v-4eefa06b]:disabled{color:var(--action-disabled);opacity:1}.variant-default.primary[data-v-4eefa06b]:disabled:hover{background:var(--common-white)}.variant-default.default[data-v-4eefa06b]{color:var(--action-active)}.variant-default.default[data-v-4eefa06b]:hover{background:var(--action-hover);color:var(--default-contrast-text)}.variant-default.default[data-v-4eefa06b]:disabled{color:var(--action-disabled);opacity:1}.variant-default.default[data-v-4eefa06b]:disabled:hover{background:var(--common-white)}.variant-default.error[data-v-4eefa06b]{color:var(--error-main)}.variant-default.error[data-v-4eefa06b]:hover{background:var(--error-main-8-p)}.variant-default.error[data-v-4eefa06b]:disabled{color:var(--action-disabled);opacity:1}.variant-default.error[data-v-4eefa06b]:disabled:hover{background:var(--common-white)}.variant-outlined.primary[data-v-4eefa06b]{color:var(--primary-main);border:1px solid var(--primary-main)}.variant-outlined.primary[data-v-4eefa06b]:hover{background:var(--primary-main-8-p)}.variant-outlined.primary[data-v-4eefa06b]:disabled{color:var(--action-disabled);background:var(--common-white);border:1px solid var(--action-disabled);opacity:1}.variant-outlined.primary[data-v-4eefa06b]:disabled:hover{background:var(--common-white)}.variant-outlined.default[data-v-4eefa06b]{color:var(--action-active);border:1px solid var(--default-outlined-border)}.variant-outlined.default[data-v-4eefa06b]:hover{background:var(--action-hover);color:var(--default-contrast-text);border:1px solid var(--action-active)}.variant-outlined.default[data-v-4eefa06b]:disabled{color:var(--action-disabled);background:var(--common-white);border:1px solid var(--action-disabled);opacity:1}.variant-outlined.default[data-v-4eefa06b]:disabled:hover{background:var(--common-white)}.variant-outlined.error[data-v-4eefa06b]{color:var(--error-main);border:1px solid var(--error-main)}.variant-outlined.error[data-v-4eefa06b]:hover{background:var(--error-main-8-p)}.variant-outlined.error[data-v-4eefa06b]:disabled{color:var(--action-disabled);background:var(--common-white);border:1px solid var(--action-disabled);opacity:1}.variant-outlined.error[data-v-4eefa06b]:disabled:hover{background:var(--common-white)}.extraSmall[data-v-4eefa06b]{padding:2px}.extraSmall.variant-outlined[data-v-4eefa06b]{padding:1px}.small[data-v-4eefa06b]{padding:2px}.small.variant-outlined[data-v-4eefa06b]{padding:1px}.medium[data-v-4eefa06b]{padding:4px}.medium.variant-outlined[data-v-4eefa06b]{padding:3px}.large[data-v-4eefa06b]{padding:6px}.large.variant-outlined[data-v-4eefa06b]{padding:5px}.extraLarge[data-v-4eefa06b]{padding:8px}.extraLarge.variant-outlined[data-v-4eefa06b]{padding:7px}.extraSmall[data-v-4eefa06b],.small[data-v-4eefa06b],.medium[data-v-4eefa06b],.large[data-v-4eefa06b],.extraLarge[data-v-4eefa06b]{height:auto}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, {
|
|
2
|
-
default?(_: {}): any;
|
|
3
|
-
}>;
|
|
4
|
-
export default _default;
|
|
5
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
6
|
-
new (): {
|
|
7
|
-
$slots: S;
|
|
8
|
-
};
|
|
9
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { renderSlot as r } from "vue";
|
|
2
|
-
/* empty css *//* empty css */import t from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
const o = {};
|
|
4
|
-
function n(e, s) {
|
|
5
|
-
return r(e.$slots, "default", {}, void 0, !0);
|
|
6
|
-
}
|
|
7
|
-
const a = /* @__PURE__ */ t(o, [["render", n], ["__scopeId", "data-v-f7dd256b"]]);
|
|
8
|
-
export {
|
|
9
|
-
a as default
|
|
10
|
-
};
|
|
File without changes
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
declare const CssBaselineTypes: () => ({
|
|
2
|
-
new (...args: any[]): {
|
|
3
|
-
$: import("vue").ComponentInternalInstance;
|
|
4
|
-
$data: {};
|
|
5
|
-
$props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
|
|
6
|
-
$attrs: {
|
|
7
|
-
[x: string]: unknown;
|
|
8
|
-
};
|
|
9
|
-
$refs: {
|
|
10
|
-
[x: string]: unknown;
|
|
11
|
-
};
|
|
12
|
-
$slots: Readonly<{
|
|
13
|
-
[name: string]: import("vue").Slot;
|
|
14
|
-
}>;
|
|
15
|
-
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
|
|
16
|
-
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
|
|
17
|
-
$emit: (event: string, ...args: any[]) => void;
|
|
18
|
-
$el: any;
|
|
19
|
-
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
|
|
20
|
-
beforeCreate?: (() => void) | (() => void)[];
|
|
21
|
-
created?: (() => void) | (() => void)[];
|
|
22
|
-
beforeMount?: (() => void) | (() => void)[];
|
|
23
|
-
mounted?: (() => void) | (() => void)[];
|
|
24
|
-
beforeUpdate?: (() => void) | (() => void)[];
|
|
25
|
-
updated?: (() => void) | (() => void)[];
|
|
26
|
-
activated?: (() => void) | (() => void)[];
|
|
27
|
-
deactivated?: (() => void) | (() => void)[];
|
|
28
|
-
beforeDestroy?: (() => void) | (() => void)[];
|
|
29
|
-
beforeUnmount?: (() => void) | (() => void)[];
|
|
30
|
-
destroyed?: (() => void) | (() => void)[];
|
|
31
|
-
unmounted?: (() => void) | (() => void)[];
|
|
32
|
-
renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
|
|
33
|
-
renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
|
|
34
|
-
errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
|
|
35
|
-
};
|
|
36
|
-
$forceUpdate: () => void;
|
|
37
|
-
$nextTick: typeof import("vue").nextTick;
|
|
38
|
-
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
|
|
39
|
-
} & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
|
|
40
|
-
__isFragment?: never;
|
|
41
|
-
__isTeleport?: never;
|
|
42
|
-
__isSuspense?: never;
|
|
43
|
-
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
44
|
-
$slots: {
|
|
45
|
-
default?(_: {}): any;
|
|
46
|
-
};
|
|
47
|
-
}))[];
|
|
48
|
-
export { default as CssBaseline } from './CssBaseline.vue';
|
|
49
|
-
export { CssBaselineTypes };
|