@ironsource/shared-ui 2.1.12-test.53 → 2.1.12-test.55
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/Chart.vue_vue_type_style_index_0_scoped_060d02be_lang.css +1 -0
- package/ChartHeader.vue_vue_type_style_index_0_scoped_d90c583e_lang.css +1 -0
- package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_ca558859_lang.css +1 -0
- package/ChartLegend.vue_vue_type_style_index_0_scoped_9c4df598_lang.css +1 -0
- package/ChartPlane.vue_vue_type_style_index_0_scoped_a685cf5e_lang.css +1 -0
- package/ChartTooltip.vue_vue_type_style_index_0_scoped_9623dbbd_lang.css +1 -0
- package/ColumnConfigurator.vue_vue_type_style_index_0_scoped_702ad52e_lang.css +1 -0
- package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_8cc86a27_lang.css +1 -0
- package/DataGrid.vue_vue_type_style_index_0_scoped_e6cece52_lang.css +1 -0
- package/DataGridContainer.vue_vue_type_style_index_0_scoped_9a30b10c_lang.css +1 -0
- package/DataGridHeader.vue_vue_type_style_index_0_scoped_0e826456_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_0_scoped_a594c97e_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_1_lang.css +1 -1
- package/EmptyStateV4.vue_vue_type_style_index_0_scoped_76757f22_lang.css +1 -0
- package/Link.vue_vue_type_style_index_0_scoped_1a766750_lang.css +1 -0
- package/LoaderBars.vue_vue_type_style_index_0_scoped_d976ec65_lang.css +1 -0
- package/SectionDropdown.vue_vue_type_style_index_0_scoped_cfad60a8_lang.css +1 -0
- package/SectionHeaderText.vue_vue_type_style_index_0_scoped_0b8d3d79_lang.css +1 -0
- package/{SettingsHeader.vue_vue_type_style_index_0_scoped_01f78cd7_lang.css → SettingsHeader.vue_vue_type_style_index_0_scoped_a869d327_lang.css} +1 -1
- package/ShowMoreLink.vue_vue_type_style_index_0_scoped_9fc3bc1b_lang.css +1 -0
- package/SortableItem.vue_vue_type_style_index_0_scoped_c72be7ed_lang.css +1 -0
- package/SortableList.vue_vue_type_style_index_0_scoped_9aec4e9b_lang.css +1 -0
- package/SortableSelectableList.vue_vue_type_style_index_0_scoped_40b0a4de_lang.css +1 -0
- package/TagsField.vue_vue_type_style_index_0_scoped_9760426b_lang.css +1 -0
- package/TagsFieldChip.vue_vue_type_style_index_0_scoped_d186b7ef_lang.css +1 -0
- package/TreeDropdown.vue_vue_type_style_index_0_scoped_63dc057e_lang.css +1 -0
- package/components/chart/Chart.vue.d.ts +5 -0
- package/components/chart/Chart.vue.js +4 -4
- package/components/chart/Chart.vue2.js +122 -112
- package/components/chart/ChartHeader.vue.d.ts +5 -0
- package/components/chart/ChartHeader.vue.js +3 -3
- package/components/chart/ChartHeader.vue2.js +49 -44
- package/components/chart/ChartHeaderTrend.vue.d.ts +5 -0
- package/components/chart/ChartHeaderTrend.vue.js +2 -2
- package/components/chart/ChartHeaderTrend.vue2.js +42 -39
- package/components/chart/ChartLegend.vue.d.ts +5 -0
- package/components/chart/ChartLegend.vue.js +3 -3
- package/components/chart/ChartLegend.vue2.js +76 -71
- package/components/chart/ChartPlane.vue.d.ts +5 -0
- package/components/chart/ChartPlane.vue.js +3 -3
- package/components/chart/ChartPlane.vue2.js +125 -119
- package/components/chart/ChartTooltip.vue.d.ts +5 -0
- package/components/chart/ChartTooltip.vue.js +2 -2
- package/components/chart/ChartTooltip.vue2.js +38 -34
- package/components/chart/LegendSorting.vue.d.ts +5 -0
- package/components/chart/LegendSorting.vue.js +16 -14
- package/components/chart/SettingsHeader.vue.d.ts +19 -3
- package/components/chart/SettingsHeader.vue.js +3 -3
- package/components/chart/SettingsHeader.vue2.js +36 -29
- package/components/chart/index.d.ts +20 -1
- package/components/columnConfigurator/ColumnConfigurator.types.d.ts +12 -0
- package/components/columnConfigurator/ColumnConfigurator.vue.d.ts +61 -0
- package/components/columnConfigurator/ColumnConfigurator.vue.js +7 -0
- package/components/columnConfigurator/ColumnConfigurator.vue2.js +113 -0
- package/components/columnConfigurator/SectionDropdown.vue.d.ts +39 -0
- package/components/columnConfigurator/SectionDropdown.vue.js +7 -0
- package/components/columnConfigurator/SectionDropdown.vue2.js +57 -0
- package/components/columnConfigurator/SectionHeaderText.vue.d.ts +34 -0
- package/components/columnConfigurator/SectionHeaderText.vue.js +7 -0
- package/components/columnConfigurator/SectionHeaderText.vue2.js +22 -0
- package/components/columnConfigurator/ShowMoreLink.vue.d.ts +33 -0
- package/components/columnConfigurator/ShowMoreLink.vue.js +7 -0
- package/components/columnConfigurator/ShowMoreLink.vue2.js +41 -0
- package/components/columnConfigurator/consts.d.ts +1 -0
- package/components/columnConfigurator/consts.js +4 -0
- package/components/columnConfigurator/index.d.ts +73 -0
- package/components/columnConfigurator/index.js +6 -0
- package/components/columnConfigurator/mockData.d.ts +30 -0
- package/components/columnConfigurator/utils.d.ts +2 -0
- package/components/columnConfigurator/utils.js +18 -0
- package/components/columnPicker/ColumnPicker.vue.d.ts +1 -1
- package/components/columnPicker/index.d.ts +20 -20
- package/components/dropdown/v4/ConditionalDropdown.vue.js +3 -3
- package/components/dropdown/v4/ConditionalDropdown.vue2.js +99 -97
- package/components/dropdown/v4/DropdownV4.vue.d.ts +7 -0
- package/components/dropdown/v4/DropdownV4.vue.js +4 -4
- package/components/dropdown/v4/DropdownV4.vue2.js +118 -107
- package/components/dropdown/v4/TreeDropdown.vue.d.ts +10 -0
- package/components/dropdown/v4/TreeDropdown.vue.js +2 -2
- package/components/dropdown/v4/TreeDropdown.vue2.js +155 -151
- package/components/dropdown/v4/index.d.ts +61 -2
- package/components/emptyState/v4/EmptyStateV4.vue.d.ts +5 -0
- package/components/emptyState/v4/EmptyStateV4.vue.js +2 -2
- package/components/emptyState/v4/EmptyStateV4.vue2.js +37 -34
- package/components/emptyState/v4/index.d.ts +20 -1
- package/components/link/Link.vue.d.ts +5 -0
- package/components/link/Link.vue.js +3 -3
- package/components/link/Link.vue2.js +36 -28
- package/components/link/index.d.ts +20 -1
- package/components/sortableList/LoaderBars.vue.d.ts +34 -0
- package/components/sortableList/LoaderBars.vue.js +7 -0
- package/components/sortableList/LoaderBars.vue2.js +25 -0
- package/components/sortableList/SortableItem.vue.js +4 -4
- package/components/sortableList/SortableItem.vue2.js +3 -3
- package/components/sortableList/SortableList.vue.d.ts +2 -2
- package/components/sortableList/SortableList.vue.js +5 -5
- package/components/sortableList/SortableList.vue2.js +96 -106
- package/components/sortableList/SortableSelectableList.vue.d.ts +107 -0
- package/components/sortableList/SortableSelectableList.vue.js +7 -0
- package/components/sortableList/SortableSelectableList.vue2.js +128 -0
- package/components/sortableList/composables/useDraggableHelpers.d.ts +5 -0
- package/components/sortableList/composables/useDraggableHelpers.js +20 -0
- package/components/sortableList/consts.d.ts +2 -0
- package/components/sortableList/consts.js +4 -2
- package/components/sortableList/index.d.ts +39 -39
- package/components/table/common/consts.d.ts +2 -0
- package/components/table/common/consts.js +6 -4
- package/components/table/v4/DataGrid.vue.d.ts +4 -3
- package/components/table/v4/DataGrid.vue.js +4 -4
- package/components/table/v4/DataGrid.vue2.js +362 -335
- package/components/table/v4/DataGridContainer.vue.d.ts +10 -0
- package/components/table/v4/DataGridContainer.vue.js +7 -0
- package/components/table/v4/DataGridContainer.vue2.js +19 -0
- package/components/table/v4/DataGridHeader.vue.d.ts +1 -1
- package/components/table/v4/DataGridHeader.vue.js +2 -2
- package/components/table/v4/DataGridHeader.vue2.js +30 -28
- package/components/table/v4/MultipleDataGrid.vue.d.ts +2 -2
- package/components/table/v4/index.d.ts +104 -103
- package/components/tagsField/TagsField.types.d.ts +4 -0
- package/components/tagsField/TagsField.vue.d.ts +65 -0
- package/components/tagsField/TagsField.vue.js +7 -0
- package/components/tagsField/TagsField.vue2.js +90 -0
- package/components/tagsField/TagsFieldChip.vue.d.ts +45 -0
- package/components/tagsField/TagsFieldChip.vue.js +7 -0
- package/components/tagsField/TagsFieldChip.vue2.js +81 -0
- package/components/tagsField/consts.d.ts +1 -0
- package/components/tagsField/consts.js +4 -0
- package/components/tagsField/index.d.ts +75 -0
- package/components/tagsField/index.js +6 -0
- package/index.d.ts +450 -290
- package/index.js +87 -79
- package/package.json +10 -1
- package/testids/index.d.ts +36 -0
- package/testids/index.js +37 -31
- package/utils/object.d.ts +2 -0
- package/utils/object.js +9 -5
- package/utils/search.js +1 -1
- package/Chart.vue_vue_type_style_index_0_scoped_3da25a36_lang.css +0 -1
- package/ChartHeader.vue_vue_type_style_index_0_scoped_af520313_lang.css +0 -1
- package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_2f916aeb_lang.css +0 -1
- package/ChartLegend.vue_vue_type_style_index_0_scoped_6103d8bd_lang.css +0 -1
- package/ChartPlane.vue_vue_type_style_index_0_scoped_dd60ff0e_lang.css +0 -1
- package/ChartTooltip.vue_vue_type_style_index_0_scoped_3d0780bb_lang.css +0 -1
- package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_bdd6ee48_lang.css +0 -1
- package/DataGrid.vue_vue_type_style_index_0_scoped_da7631e0_lang.css +0 -1
- package/DataGridHeader.vue_vue_type_style_index_0_scoped_840e700c_lang.css +0 -1
- package/DropdownV4.vue_vue_type_style_index_0_scoped_55dd36a7_lang.css +0 -1
- package/EmptyStateV4.vue_vue_type_style_index_0_scoped_18728498_lang.css +0 -1
- package/Link.vue_vue_type_style_index_0_scoped_b10e2439_lang.css +0 -1
- package/SortableItem.vue_vue_type_style_index_0_scoped_800cd503_lang.css +0 -1
- package/SortableList.vue_vue_type_style_index_0_scoped_84dc8525_lang.css +0 -1
- package/TreeDropdown.vue_vue_type_style_index_0_scoped_4ba9e4bd_lang.css +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import t from "./EmptyStateV4.vue2.js";
|
|
2
2
|
/* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../EmptyStateV4.
|
|
4
|
-
const s = /* @__PURE__ */ o(t, [["__scopeId", "data-v-
|
|
3
|
+
// import "../../../EmptyStateV4.vue_vue_type_style_index_0_scoped_76757f22_lang.css"; //*');
|
|
4
|
+
const s = /* @__PURE__ */ o(t, [["__scopeId", "data-v-76757f22"]]);
|
|
5
5
|
export {
|
|
6
6
|
s as default
|
|
7
7
|
};
|
|
@@ -1,14 +1,16 @@
|
|
|
1
|
-
import "../../../EmptyStateV4.
|
|
2
|
-
import { defineComponent as
|
|
3
|
-
import
|
|
1
|
+
import "../../../EmptyStateV4.vue_vue_type_style_index_0_scoped_76757f22_lang.css"; import I from "../../../_virtual/dynamic-import-helper.js";
|
|
2
|
+
import { defineComponent as T, computed as N, defineAsyncComponent as b, openBlock as o, createElementBlock as k, mergeProps as s, unref as e, createBlock as n, createCommentVNode as a, createElementVNode as C, renderSlot as p, withCtx as m, createTextVNode as l, toDisplayString as u } from "vue";
|
|
3
|
+
import E from "../../button/v4/ButtonV4.vue.js";
|
|
4
4
|
import "../../button/v4/IconButtonV4.vue.js";
|
|
5
5
|
import "../../button/v4/ButtonGroup.vue.js";
|
|
6
6
|
import "../../button/v4/ToggleButtonGroupAB.vue.js";
|
|
7
|
-
import
|
|
8
|
-
import { capitalizeFirstLetter as
|
|
9
|
-
import
|
|
7
|
+
import y from "../../typography/v4/Typography.vue.js";
|
|
8
|
+
import { capitalizeFirstLetter as S, snakeCaseToCamelCase as g } from "../../../utils/string.js";
|
|
9
|
+
import x from "../../icon/v4/IconV4.vue.js";
|
|
10
10
|
import "../../icon/v4/IconFlag.vue.js";
|
|
11
|
-
|
|
11
|
+
import { useTestIdAttrs as z } from "../../../utils/testIds.js";
|
|
12
|
+
import { EmptyStateTestIdModifiers as r } from "../../../testids/index.js";
|
|
13
|
+
const A = { class: "title-wrapper" }, P = /* @__PURE__ */ T({
|
|
12
14
|
__name: "EmptyStateV4",
|
|
13
15
|
props: {
|
|
14
16
|
title: { default: "No data to display" },
|
|
@@ -17,67 +19,68 @@ const g = { class: "empty-state" }, x = { class: "title-wrapper" }, j = /* @__PU
|
|
|
17
19
|
buttonText: { default: void 0 },
|
|
18
20
|
iconName: { default: null },
|
|
19
21
|
iconType: { default: "regular" },
|
|
20
|
-
iconSize: { default: "48px" }
|
|
22
|
+
iconSize: { default: "48px" },
|
|
23
|
+
testId: { default: "" }
|
|
21
24
|
},
|
|
22
25
|
emits: ["click"],
|
|
23
26
|
setup(t) {
|
|
24
|
-
const d = t,
|
|
25
|
-
const
|
|
26
|
-
return b(() =>
|
|
27
|
-
});
|
|
28
|
-
return (
|
|
29
|
-
t.variant && !t.iconName ? (
|
|
27
|
+
const d = t, v = N(() => {
|
|
28
|
+
const i = S(g(d.variant));
|
|
29
|
+
return b(() => I(/* @__PURE__ */ Object.assign({ "./icons/IconError.vue": () => import("./icons/IconError.vue.js"), "./icons/IconFiles.vue": () => import("./icons/IconFiles.vue.js"), "./icons/IconNoAccess.vue": () => import("./icons/IconNoAccess.vue.js"), "./icons/IconNoData.vue": () => import("./icons/IconNoData.vue.js"), "./icons/IconNoResults.vue": () => import("./icons/IconNoResults.vue.js"), "./icons/IconSettings.vue": () => import("./icons/IconSettings.vue.js") }), `./icons/Icon${i}.vue`));
|
|
30
|
+
}), c = z(d.testId, r);
|
|
31
|
+
return (i, f) => (o(), k("div", s({ class: "empty-state" }, e(c)[e(r).CONTAINER]), [
|
|
32
|
+
t.variant && !t.iconName ? (o(), n(e(v), {
|
|
30
33
|
key: 0,
|
|
31
34
|
class: "empty-variant-icon"
|
|
32
35
|
})) : a("", !0),
|
|
33
|
-
t.iconName ? (
|
|
36
|
+
t.iconName ? (o(), n(e(x), {
|
|
34
37
|
key: 1,
|
|
35
38
|
class: "custom-empty-icon",
|
|
36
39
|
name: t.iconName,
|
|
37
40
|
size: t.iconSize,
|
|
38
41
|
type: t.iconType
|
|
39
42
|
}, null, 8, ["name", "size", "type"])) : a("", !0),
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
t.title ? (
|
|
43
|
+
C("div", A, [
|
|
44
|
+
p(i.$slots, "content", {}, () => [
|
|
45
|
+
t.title ? (o(), n(e(y), s({
|
|
43
46
|
key: 0,
|
|
44
47
|
variant: "h4",
|
|
45
48
|
class: "title"
|
|
46
|
-
}, {
|
|
47
|
-
default:
|
|
48
|
-
|
|
49
|
+
}, e(c)[e(r).TITLE]), {
|
|
50
|
+
default: m(() => [
|
|
51
|
+
l(u(t.title), 1)
|
|
49
52
|
]),
|
|
50
53
|
_: 1
|
|
51
|
-
})) : a("", !0),
|
|
52
|
-
t.subtitle ? (
|
|
54
|
+
}, 16)) : a("", !0),
|
|
55
|
+
t.subtitle ? (o(), n(e(y), s({
|
|
53
56
|
key: 1,
|
|
54
57
|
variant: "body1",
|
|
55
58
|
class: "subtitle"
|
|
56
|
-
}, {
|
|
57
|
-
default:
|
|
58
|
-
|
|
59
|
+
}, e(c)[e(r).SUBTITLE]), {
|
|
60
|
+
default: m(() => [
|
|
61
|
+
l(u(t.subtitle), 1)
|
|
59
62
|
]),
|
|
60
63
|
_: 1
|
|
61
|
-
})) : a("", !0)
|
|
64
|
+
}, 16)) : a("", !0)
|
|
62
65
|
], !0)
|
|
63
66
|
]),
|
|
64
|
-
|
|
65
|
-
t.buttonText ? (
|
|
67
|
+
p(i.$slots, "button", {}, () => [
|
|
68
|
+
t.buttonText ? (o(), n(e(E), {
|
|
66
69
|
key: 0,
|
|
67
70
|
variant: "outlined",
|
|
68
71
|
color: "default",
|
|
69
72
|
class: "button",
|
|
70
|
-
onClick:
|
|
73
|
+
onClick: f[0] || (f[0] = (B) => i.$emit("click"))
|
|
71
74
|
}, {
|
|
72
|
-
default:
|
|
73
|
-
|
|
75
|
+
default: m(() => [
|
|
76
|
+
l(u(t.buttonText), 1)
|
|
74
77
|
]),
|
|
75
78
|
_: 1
|
|
76
79
|
})) : a("", !0)
|
|
77
80
|
], !0)
|
|
78
|
-
]));
|
|
81
|
+
], 16));
|
|
79
82
|
}
|
|
80
83
|
});
|
|
81
84
|
export {
|
|
82
|
-
|
|
85
|
+
P as default
|
|
83
86
|
};
|
|
@@ -5,6 +5,7 @@ declare const EmptyStateTypes: () => ({
|
|
|
5
5
|
$data: {};
|
|
6
6
|
$props: Partial<{
|
|
7
7
|
title: string;
|
|
8
|
+
testId: string;
|
|
8
9
|
variant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
|
|
9
10
|
iconName: string;
|
|
10
11
|
iconSize: string;
|
|
@@ -16,6 +17,10 @@ declare const EmptyStateTypes: () => ({
|
|
|
16
17
|
type: import("vue").PropType<string>;
|
|
17
18
|
default: string;
|
|
18
19
|
};
|
|
20
|
+
testId: {
|
|
21
|
+
type: import("vue").PropType<string>;
|
|
22
|
+
default: string;
|
|
23
|
+
};
|
|
19
24
|
variant: {
|
|
20
25
|
type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
|
|
21
26
|
default: string;
|
|
@@ -42,7 +47,7 @@ declare const EmptyStateTypes: () => ({
|
|
|
42
47
|
};
|
|
43
48
|
}>> & {
|
|
44
49
|
onClick?: () => any;
|
|
45
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "variant" | "iconName" | "iconSize" | "subtitle" | "iconType" | "buttonText">;
|
|
50
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "variant" | "iconName" | "iconSize" | "subtitle" | "iconType" | "buttonText">;
|
|
46
51
|
$attrs: {
|
|
47
52
|
[x: string]: unknown;
|
|
48
53
|
};
|
|
@@ -61,6 +66,10 @@ declare const EmptyStateTypes: () => ({
|
|
|
61
66
|
type: import("vue").PropType<string>;
|
|
62
67
|
default: string;
|
|
63
68
|
};
|
|
69
|
+
testId: {
|
|
70
|
+
type: import("vue").PropType<string>;
|
|
71
|
+
default: string;
|
|
72
|
+
};
|
|
64
73
|
variant: {
|
|
65
74
|
type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
|
|
66
75
|
default: string;
|
|
@@ -91,6 +100,7 @@ declare const EmptyStateTypes: () => ({
|
|
|
91
100
|
click: () => void;
|
|
92
101
|
}, string, {
|
|
93
102
|
title: string;
|
|
103
|
+
testId: string;
|
|
94
104
|
variant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
|
|
95
105
|
iconName: string;
|
|
96
106
|
iconSize: string;
|
|
@@ -122,6 +132,10 @@ declare const EmptyStateTypes: () => ({
|
|
|
122
132
|
type: import("vue").PropType<string>;
|
|
123
133
|
default: string;
|
|
124
134
|
};
|
|
135
|
+
testId: {
|
|
136
|
+
type: import("vue").PropType<string>;
|
|
137
|
+
default: string;
|
|
138
|
+
};
|
|
125
139
|
variant: {
|
|
126
140
|
type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
|
|
127
141
|
default: string;
|
|
@@ -157,6 +171,10 @@ declare const EmptyStateTypes: () => ({
|
|
|
157
171
|
type: import("vue").PropType<string>;
|
|
158
172
|
default: string;
|
|
159
173
|
};
|
|
174
|
+
testId: {
|
|
175
|
+
type: import("vue").PropType<string>;
|
|
176
|
+
default: string;
|
|
177
|
+
};
|
|
160
178
|
variant: {
|
|
161
179
|
type: import("vue").PropType<"error" | "settings" | "no-access" | "no-results" | "no-data" | "files">;
|
|
162
180
|
default: string;
|
|
@@ -187,6 +205,7 @@ declare const EmptyStateTypes: () => ({
|
|
|
187
205
|
click: () => void;
|
|
188
206
|
}, string, {
|
|
189
207
|
title: string;
|
|
208
|
+
testId: string;
|
|
190
209
|
variant: "error" | "settings" | "no-access" | "no-results" | "no-data" | "files";
|
|
191
210
|
iconName: string;
|
|
192
211
|
iconSize: string;
|
|
@@ -5,6 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
5
5
|
variant?: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
|
|
6
6
|
iconName?: string;
|
|
7
7
|
iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
8
|
+
iconPosition?: "end" | "start";
|
|
8
9
|
testId?: string;
|
|
9
10
|
isTruncated?: boolean;
|
|
10
11
|
withTooltip?: boolean;
|
|
@@ -17,6 +18,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
17
18
|
variant: string;
|
|
18
19
|
iconName: any;
|
|
19
20
|
iconType: string;
|
|
21
|
+
iconPosition: string;
|
|
20
22
|
testId: string;
|
|
21
23
|
isTruncated: boolean;
|
|
22
24
|
withTooltip: boolean;
|
|
@@ -31,6 +33,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
31
33
|
variant?: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
|
|
32
34
|
iconName?: string;
|
|
33
35
|
iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
36
|
+
iconPosition?: "end" | "start";
|
|
34
37
|
testId?: string;
|
|
35
38
|
isTruncated?: boolean;
|
|
36
39
|
withTooltip?: boolean;
|
|
@@ -43,6 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
43
46
|
variant: string;
|
|
44
47
|
iconName: any;
|
|
45
48
|
iconType: string;
|
|
49
|
+
iconPosition: string;
|
|
46
50
|
testId: string;
|
|
47
51
|
isTruncated: boolean;
|
|
48
52
|
withTooltip: boolean;
|
|
@@ -61,6 +65,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
61
65
|
href: string;
|
|
62
66
|
iconName: string;
|
|
63
67
|
iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
68
|
+
iconPosition: "end" | "start";
|
|
64
69
|
navigateToPage: () => void;
|
|
65
70
|
}>, {
|
|
66
71
|
default?(_: {}): any;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./Link.vue2.js";
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../Link.
|
|
4
|
-
const p = /* @__PURE__ */
|
|
2
|
+
/* empty css */import _ from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../Link.vue_vue_type_style_index_0_scoped_1a766750_lang.css"; //*');
|
|
4
|
+
const p = /* @__PURE__ */ _(o, [["__scopeId", "data-v-1a766750"]]);
|
|
5
5
|
export {
|
|
6
6
|
p as default
|
|
7
7
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import "../../Link.
|
|
2
|
-
import
|
|
3
|
-
import
|
|
1
|
+
import "../../Link.vue_vue_type_style_index_0_scoped_1a766750_lang.css"; import { defineComponent as m, openBlock as n, createBlock as l, unref as t, mergeProps as c, withCtx as y, createCommentVNode as d, renderSlot as T } from "vue";
|
|
2
|
+
import k from "../typography/v4/Typography.vue.js";
|
|
3
|
+
import r from "../icon/v4/IconV4.vue.js";
|
|
4
4
|
import "../icon/v4/IconFlag.vue.js";
|
|
5
|
-
import { useTestIdAttrs as
|
|
6
|
-
import { LinkTestIdModifiers as
|
|
7
|
-
const
|
|
5
|
+
import { useTestIdAttrs as p } from "../../utils/testIds.js";
|
|
6
|
+
import { LinkTestIdModifiers as o } from "../../testids/index.js";
|
|
7
|
+
const w = /* @__PURE__ */ m({
|
|
8
8
|
__name: "Link",
|
|
9
9
|
props: {
|
|
10
10
|
href: { default: null },
|
|
@@ -13,6 +13,7 @@ const b = /* @__PURE__ */ u({
|
|
|
13
13
|
variant: { default: "body1" },
|
|
14
14
|
iconName: { default: null },
|
|
15
15
|
iconType: { default: "regular" },
|
|
16
|
+
iconPosition: { default: "end" },
|
|
16
17
|
testId: { default: "" },
|
|
17
18
|
isTruncated: { type: Boolean, default: !1 },
|
|
18
19
|
withTooltip: { type: Boolean, default: !1 },
|
|
@@ -20,38 +21,45 @@ const b = /* @__PURE__ */ u({
|
|
|
20
21
|
navigateToPage: { type: Function, default: null }
|
|
21
22
|
},
|
|
22
23
|
emits: ["click"],
|
|
23
|
-
setup(
|
|
24
|
-
const
|
|
25
|
-
if (!
|
|
24
|
+
setup(e, { emit: u }) {
|
|
25
|
+
const i = e, s = () => {
|
|
26
|
+
if (!i.disabled) {
|
|
26
27
|
{
|
|
27
|
-
if (
|
|
28
|
-
return
|
|
29
|
-
|
|
28
|
+
if (i.navigateToPage)
|
|
29
|
+
return i.navigateToPage();
|
|
30
|
+
i.href && window.open(i.href);
|
|
30
31
|
}
|
|
31
|
-
|
|
32
|
+
u("click");
|
|
32
33
|
}
|
|
33
|
-
},
|
|
34
|
-
return (
|
|
35
|
-
class: ["link", [`link--${
|
|
36
|
-
variant:
|
|
37
|
-
"is-truncated":
|
|
38
|
-
"with-tooltip":
|
|
39
|
-
"tooltip-text":
|
|
40
|
-
},
|
|
41
|
-
default:
|
|
42
|
-
|
|
43
|
-
t.iconName ? (l(), n(o(y), r({
|
|
34
|
+
}, a = p(i.testId, o);
|
|
35
|
+
return (f, h) => (n(), l(t(k), c({
|
|
36
|
+
class: ["link", [`link--${e.color}`, { "link--disabled": e.disabled }]],
|
|
37
|
+
variant: e.variant,
|
|
38
|
+
"is-truncated": e.isTruncated,
|
|
39
|
+
"with-tooltip": e.withTooltip,
|
|
40
|
+
"tooltip-text": e.tooltipText
|
|
41
|
+
}, t(a)[t(o).WRAPPER], { onClick: s }), {
|
|
42
|
+
default: y(() => [
|
|
43
|
+
e.iconName && e.iconPosition === "start" ? (n(), l(t(r), c({
|
|
44
44
|
key: 0,
|
|
45
|
-
name:
|
|
46
|
-
type:
|
|
45
|
+
name: e.iconName,
|
|
46
|
+
type: e.iconType,
|
|
47
47
|
size: "16px",
|
|
48
48
|
class: "icon"
|
|
49
|
-
},
|
|
49
|
+
}, t(a)[t(o).ICON]), null, 16, ["name", "type"])) : d("", !0),
|
|
50
|
+
T(f.$slots, "default", {}, void 0, !0),
|
|
51
|
+
e.iconName && e.iconPosition === "end" ? (n(), l(t(r), c({
|
|
52
|
+
key: 1,
|
|
53
|
+
name: e.iconName,
|
|
54
|
+
type: e.iconType,
|
|
55
|
+
size: "16px",
|
|
56
|
+
class: "icon"
|
|
57
|
+
}, t(a)[t(o).ICON]), null, 16, ["name", "type"])) : d("", !0)
|
|
50
58
|
]),
|
|
51
59
|
_: 3
|
|
52
60
|
}, 16, ["class", "variant", "is-truncated", "with-tooltip", "tooltip-text"]));
|
|
53
61
|
}
|
|
54
62
|
});
|
|
55
63
|
export {
|
|
56
|
-
|
|
64
|
+
w as default
|
|
57
65
|
};
|
|
@@ -13,6 +13,7 @@ declare const LinkTypes: () => ({
|
|
|
13
13
|
href: string;
|
|
14
14
|
iconName: string;
|
|
15
15
|
iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
16
|
+
iconPosition: "end" | "start";
|
|
16
17
|
navigateToPage: () => void;
|
|
17
18
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
18
19
|
testId: {
|
|
@@ -55,13 +56,17 @@ declare const LinkTypes: () => ({
|
|
|
55
56
|
type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
|
|
56
57
|
default: string;
|
|
57
58
|
};
|
|
59
|
+
iconPosition: {
|
|
60
|
+
type: import("vue").PropType<"end" | "start">;
|
|
61
|
+
default: string;
|
|
62
|
+
};
|
|
58
63
|
navigateToPage: {
|
|
59
64
|
type: import("vue").PropType<() => void>;
|
|
60
65
|
default: any;
|
|
61
66
|
};
|
|
62
67
|
}>> & {
|
|
63
68
|
onClick?: () => any;
|
|
64
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "withTooltip" | "tooltipText" | "isTruncated" | "disabled" | "color" | "href" | "iconName" | "iconType" | "navigateToPage">;
|
|
69
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "withTooltip" | "tooltipText" | "isTruncated" | "disabled" | "color" | "href" | "iconName" | "iconType" | "iconPosition" | "navigateToPage">;
|
|
65
70
|
$attrs: {
|
|
66
71
|
[x: string]: unknown;
|
|
67
72
|
};
|
|
@@ -116,6 +121,10 @@ declare const LinkTypes: () => ({
|
|
|
116
121
|
type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
|
|
117
122
|
default: string;
|
|
118
123
|
};
|
|
124
|
+
iconPosition: {
|
|
125
|
+
type: import("vue").PropType<"end" | "start">;
|
|
126
|
+
default: string;
|
|
127
|
+
};
|
|
119
128
|
navigateToPage: {
|
|
120
129
|
type: import("vue").PropType<() => void>;
|
|
121
130
|
default: any;
|
|
@@ -135,6 +144,7 @@ declare const LinkTypes: () => ({
|
|
|
135
144
|
href: string;
|
|
136
145
|
iconName: string;
|
|
137
146
|
iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
147
|
+
iconPosition: "end" | "start";
|
|
138
148
|
navigateToPage: () => void;
|
|
139
149
|
}, {}, string> & {
|
|
140
150
|
beforeCreate?: (() => void) | (() => void)[];
|
|
@@ -197,6 +207,10 @@ declare const LinkTypes: () => ({
|
|
|
197
207
|
type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
|
|
198
208
|
default: string;
|
|
199
209
|
};
|
|
210
|
+
iconPosition: {
|
|
211
|
+
type: import("vue").PropType<"end" | "start">;
|
|
212
|
+
default: string;
|
|
213
|
+
};
|
|
200
214
|
navigateToPage: {
|
|
201
215
|
type: import("vue").PropType<() => void>;
|
|
202
216
|
default: any;
|
|
@@ -248,6 +262,10 @@ declare const LinkTypes: () => ({
|
|
|
248
262
|
type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
|
|
249
263
|
default: string;
|
|
250
264
|
};
|
|
265
|
+
iconPosition: {
|
|
266
|
+
type: import("vue").PropType<"end" | "start">;
|
|
267
|
+
default: string;
|
|
268
|
+
};
|
|
251
269
|
navigateToPage: {
|
|
252
270
|
type: import("vue").PropType<() => void>;
|
|
253
271
|
default: any;
|
|
@@ -267,6 +285,7 @@ declare const LinkTypes: () => ({
|
|
|
267
285
|
href: string;
|
|
268
286
|
iconName: string;
|
|
269
287
|
iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
288
|
+
iconPosition: "end" | "start";
|
|
270
289
|
navigateToPage: () => void;
|
|
271
290
|
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
272
291
|
$slots: {
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
2
|
+
loadingRowCount: number;
|
|
3
|
+
variant?: 'default' | 'compact';
|
|
4
|
+
}>, {
|
|
5
|
+
variant: string;
|
|
6
|
+
loadingRowCount: number;
|
|
7
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
8
|
+
loadingRowCount: number;
|
|
9
|
+
variant?: 'default' | 'compact';
|
|
10
|
+
}>, {
|
|
11
|
+
variant: string;
|
|
12
|
+
loadingRowCount: number;
|
|
13
|
+
}>>>, {
|
|
14
|
+
variant: 'default' | 'compact';
|
|
15
|
+
loadingRowCount: number;
|
|
16
|
+
}>;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
19
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
20
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
21
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
22
|
+
} : {
|
|
23
|
+
type: import('vue').PropType<T[K]>;
|
|
24
|
+
required: true;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
type __VLS_WithDefaults<P, D> = {
|
|
28
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
29
|
+
default: D[K];
|
|
30
|
+
}> : P[K];
|
|
31
|
+
};
|
|
32
|
+
type __VLS_Prettify<T> = {
|
|
33
|
+
[K in keyof T]: T[K];
|
|
34
|
+
} & {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import o from "./LoaderBars.vue2.js";
|
|
2
|
+
/* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../LoaderBars.vue_vue_type_style_index_0_scoped_d976ec65_lang.css"; //*');
|
|
4
|
+
const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-d976ec65"]]);
|
|
5
|
+
export {
|
|
6
|
+
t as default
|
|
7
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import "../../LoaderBars.vue_vue_type_style_index_0_scoped_d976ec65_lang.css"; import { defineComponent as s, computed as d, openBlock as e, createElementBlock as a, normalizeClass as n, unref as o, Fragment as u, renderList as m, createVNode as i } from "vue";
|
|
2
|
+
import p from "../skeleton/v4/SkeletonV4.vue.js";
|
|
3
|
+
const v = /* @__PURE__ */ s({
|
|
4
|
+
__name: "LoaderBars",
|
|
5
|
+
props: {
|
|
6
|
+
loadingRowCount: { default: 3 },
|
|
7
|
+
variant: { default: "default" }
|
|
8
|
+
},
|
|
9
|
+
setup(r) {
|
|
10
|
+
const l = r, t = d(() => l.variant === "compact");
|
|
11
|
+
return (f, C) => (e(), a("div", {
|
|
12
|
+
class: n(["loader-bars", { "loader-bars--compact": o(t) }])
|
|
13
|
+
}, [
|
|
14
|
+
(e(!0), a(u, null, m(r.loadingRowCount, (c) => (e(), a("div", { key: c }, [
|
|
15
|
+
i(o(p), {
|
|
16
|
+
round: "",
|
|
17
|
+
class: n(["loader-bar", { "loader-bar--compact": o(t) }])
|
|
18
|
+
}, null, 8, ["class"])
|
|
19
|
+
]))), 128))
|
|
20
|
+
], 2));
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
export {
|
|
24
|
+
v as default
|
|
25
|
+
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../SortableItem.
|
|
4
|
-
const c = /* @__PURE__ */ e
|
|
1
|
+
import e from "./SortableItem.vue2.js";
|
|
2
|
+
/* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../SortableItem.vue_vue_type_style_index_0_scoped_c72be7ed_lang.css"; //*');
|
|
4
|
+
const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-c72be7ed"]]);
|
|
5
5
|
export {
|
|
6
6
|
c as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../SortableItem.
|
|
1
|
+
import "../../SortableItem.vue_vue_type_style_index_0_scoped_c72be7ed_lang.css"; import { defineComponent as P, useCssVars as A, useSlots as E, computed as h, watch as $, ref as I, openBlock as l, createElementBlock as o, normalizeClass as d, unref as e, withModifiers as y, createElementVNode as c, createVNode as b, createBlock as n, withCtx as S, createTextVNode as V, toDisplayString as F, createCommentVNode as u, renderSlot as R, mergeProps as H, normalizeProps as j, Fragment as q, renderList as G } from "vue";
|
|
2
2
|
import L from "../typography/v4/Typography.vue.js";
|
|
3
3
|
import f from "../icon/v4/IconV4.vue.js";
|
|
4
4
|
import w from "../icon/v4/IconFlag.vue.js";
|
|
@@ -26,7 +26,7 @@ const X = { class: "item__prefix" }, Y = ["onClick"], Z = ["onClick"], re = /* @
|
|
|
26
26
|
setup(t, { emit: g }) {
|
|
27
27
|
const s = t;
|
|
28
28
|
A((r) => ({
|
|
29
|
-
"
|
|
29
|
+
"6b8d7a5c": t.childListMaxHeight
|
|
30
30
|
}));
|
|
31
31
|
const M = E(), z = () => {
|
|
32
32
|
g("toggle", !s.isOpen);
|
|
@@ -127,7 +127,7 @@ const X = { class: "item__prefix" }, Y = ["onClick"], Z = ["onClick"], re = /* @
|
|
|
127
127
|
item: t.item
|
|
128
128
|
}, null, 8, ["display-value", "item"])
|
|
129
129
|
], 2),
|
|
130
|
-
e(M)
|
|
130
|
+
e(M)?.menu ? (l(), o("div", {
|
|
131
131
|
key: 1,
|
|
132
132
|
class: "item__menu",
|
|
133
133
|
onClick: a[0] || (a[0] = y(() => {
|
|
@@ -109,13 +109,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
109
109
|
childListMaxHeight: string;
|
|
110
110
|
searchHandler: (item: SortableListItem, searchQuery: string) => boolean;
|
|
111
111
|
draggableArea: "handle" | "full";
|
|
112
|
+
loadingRowCount: number;
|
|
112
113
|
openId: string | number;
|
|
114
|
+
zIndexBase: number;
|
|
113
115
|
selectedId: string | number;
|
|
114
116
|
showSearch: boolean;
|
|
115
|
-
loadingRowCount: number;
|
|
116
117
|
emptyStateTitle: string;
|
|
117
118
|
isSticky: boolean;
|
|
118
|
-
zIndexBase: number;
|
|
119
119
|
}>, {
|
|
120
120
|
header?(_: {}): any;
|
|
121
121
|
menu?(_: {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../SortableList.
|
|
4
|
-
const
|
|
1
|
+
import e from "./SortableList.vue2.js";
|
|
2
|
+
/* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../SortableList.vue_vue_type_style_index_0_scoped_9aec4e9b_lang.css"; //*');
|
|
4
|
+
const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-9aec4e9b"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
a as default
|
|
7
7
|
};
|