@ironsource/shared-ui 2.1.12-test.52 → 2.1.12-test.53
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_3da25a36_lang.css +1 -0
- package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_2f916aeb_lang.css +1 -0
- package/ChartPlane.vue_vue_type_style_index_0_scoped_dd60ff0e_lang.css +1 -0
- package/ChartTooltip.vue_vue_type_style_index_0_scoped_3d0780bb_lang.css +1 -0
- package/ColumnPicker.vue_vue_type_style_index_0_scoped_ea8c7024_lang.css +1 -0
- package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_bdd6ee48_lang.css +1 -0
- package/DataGrid.vue_vue_type_style_index_0_scoped_da7631e0_lang.css +1 -0
- package/DataGridHeader.vue_vue_type_style_index_0_scoped_840e700c_lang.css +1 -0
- package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_e38c881a_lang.css +1 -0
- package/DialogFooter.vue_vue_type_style_index_0_scoped_8b7f64fe_lang.css +1 -0
- package/DialogHeader.vue_vue_type_style_index_0_scoped_9a814ec3_lang.css +1 -0
- package/DialogV4.vue_vue_type_style_index_0_scoped_cc99f1e3_lang.css +1 -0
- package/Link.vue_vue_type_style_index_0_scoped_b10e2439_lang.css +1 -0
- package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_3caa1d7b_lang.css +1 -0
- package/OptionChip.vue_vue_type_style_index_0_scoped_538e4a21_lang.css +1 -0
- package/OptionV4.vue_vue_type_style_index_0_scoped_752a357d_lang.css +1 -0
- package/RadioButton.vue_vue_type_style_index_0_scoped_dac25b9f_lang.css +1 -0
- package/RemoveButton.vue_vue_type_style_index_0_scoped_ca7fc11d_lang.css +1 -0
- package/SortableItem.vue_vue_type_style_index_0_scoped_800cd503_lang.css +1 -0
- package/SortableItemLabel.vue_vue_type_style_index_0_scoped_a534c7af_lang.css +1 -0
- package/SortableList.vue_vue_type_style_index_0_scoped_84dc8525_lang.css +1 -0
- package/TextField.vue_vue_type_style_index_0_scoped_3b7a3661_lang.css +1 -0
- package/TooltipHeader.vue_vue_type_style_index_0_scoped_da3532aa_lang.css +1 -0
- package/TooltipV4.vue_vue_type_style_index_0_scoped_8a451e54_lang.css +1 -0
- package/TooltipV4.vue_vue_type_style_index_1_lang.css +1 -1
- package/components/chart/Chart.vue.d.ts +16 -1
- package/components/chart/Chart.vue.js +4 -4
- package/components/chart/Chart.vue2.js +38 -32
- package/components/chart/ChartHeaderTrend.vue.js +2 -2
- package/components/chart/ChartHeaderTrend.vue2.js +34 -33
- package/components/chart/ChartPlane.vue.d.ts +10 -0
- package/components/chart/ChartPlane.vue.js +4 -4
- package/components/chart/ChartPlane.vue2.js +158 -147
- package/components/chart/ChartStoryArgs.d.ts +17 -0
- package/components/chart/ChartTooltip.vue.js +2 -2
- package/components/chart/ChartTooltip.vue2.js +6 -6
- package/components/chart/TooltipHeader.vue.js +3 -3
- package/components/chart/TooltipHeader.vue2.js +25 -26
- package/components/chart/colorPalette.d.ts +2 -1
- package/components/chart/colorPalette.js +47 -33
- package/components/chart/composables/useColorsMap.d.ts +3 -1
- package/components/chart/composables/useColorsMap.js +32 -30
- package/components/chart/consts.d.ts +5 -1
- package/components/chart/consts.js +30 -26
- package/components/chart/index.d.ts +58 -1
- package/components/chart/mockData.d.ts +15 -0
- package/components/chart/types.d.ts +3 -1
- package/components/chart/types.js +5 -5
- package/components/chart/utils/utils.d.ts +1 -1
- package/components/chart/utils/utils.js +18 -13
- package/components/columnPicker/ColumnPicker.vue.d.ts +119 -0
- package/components/columnPicker/ColumnPicker.vue.js +7 -0
- package/components/columnPicker/ColumnPicker.vue2.js +322 -0
- package/components/columnPicker/OptionChip.vue.d.ts +53 -0
- package/components/columnPicker/OptionChip.vue.js +7 -0
- package/components/columnPicker/OptionChip.vue2.js +46 -0
- package/components/columnPicker/RemoveButton.vue.d.ts +38 -0
- package/components/columnPicker/RemoveButton.vue.js +7 -0
- package/components/columnPicker/RemoveButton.vue2.js +35 -0
- package/components/columnPicker/index.d.ts +388 -0
- package/components/columnPicker/index.js +6 -0
- package/components/columnPicker/mockData.d.ts +8 -0
- package/components/dialog/v3/Dialog.vue.d.ts +3 -3
- package/components/dialog/v3/index.d.ts +46 -46
- package/components/dialog/v4/DialogFooter.vue.d.ts +78 -0
- package/components/dialog/v4/DialogFooter.vue.js +7 -0
- package/components/dialog/v4/DialogFooter.vue2.js +60 -0
- package/components/dialog/v4/DialogHeader.vue.d.ts +60 -0
- package/components/dialog/v4/DialogHeader.vue.js +7 -0
- package/components/dialog/v4/DialogHeader.vue2.js +58 -0
- package/components/dialog/v4/DialogV4.vue.d.ts +9 -9
- package/components/dialog/v4/DialogV4.vue.js +3 -3
- package/components/dialog/v4/DialogV4.vue2.js +65 -107
- package/components/dialog/v4/index.d.ts +157 -157
- package/components/dropdown/v3/Dropdown.vue.d.ts +1 -1
- package/components/dropdown/v3/index.d.ts +20 -20
- package/components/dropdown/v4/ConditionalDropdown.vue.js +4 -4
- package/components/dropdown/v4/ConditionalDropdown.vue2.js +176 -171
- package/components/dropdown/v4/OptionV4.vue.d.ts +5 -0
- package/components/dropdown/v4/OptionV4.vue.js +3 -3
- package/components/dropdown/v4/OptionV4.vue2.js +83 -70
- package/components/dropdown/v4/index.d.ts +20 -1
- package/components/includeExclude/IncludeExcludeChipFilter.vue.d.ts +1 -1
- package/components/includeExclude/IncludeExcludeOption.vue.d.ts +1 -1
- package/components/includeExclude/IncludeExcludeOptionDraggable.vue.d.ts +1 -1
- package/components/includeExclude/index.d.ts +70 -70
- package/components/input/v4/TextField.vue.d.ts +12 -0
- package/components/input/v4/TextField.vue.js +3 -3
- package/components/input/v4/TextField.vue2.js +129 -105
- package/components/input/v4/index.d.ts +46 -2
- package/components/link/Link.vue.d.ts +20 -0
- package/components/link/Link.vue.js +2 -2
- package/components/link/Link.vue2.js +35 -21
- package/components/link/index.d.ts +77 -1
- package/components/radioButton/v3/RadioButton.vue.d.ts +5 -0
- package/components/radioButton/v3/RadioButton.vue.js +3 -3
- package/components/radioButton/v3/RadioButton.vue2.js +42 -39
- package/components/radioButton/v3/index.d.ts +20 -1
- package/components/sortableList/SortableItem.vue.d.ts +17 -2
- package/components/sortableList/SortableItem.vue.js +3 -3
- package/components/sortableList/SortableItem.vue2.js +86 -70
- package/components/sortableList/SortableItemLabel.vue.js +3 -3
- package/components/sortableList/SortableItemLabel.vue2.js +26 -23
- package/components/sortableList/SortableList.types.d.ts +1 -0
- package/components/sortableList/SortableList.vue.d.ts +10 -0
- package/components/sortableList/SortableList.vue.js +3 -3
- package/components/sortableList/SortableList.vue2.js +104 -96
- package/components/sortableList/composables/useHoverEffect.js +1 -1
- package/components/sortableList/index.d.ts +39 -1
- package/components/table/v4/DataGrid.vue.d.ts +4 -4
- package/components/table/v4/DataGrid.vue.js +3 -3
- package/components/table/v4/DataGrid.vue2.js +237 -245
- package/components/table/v4/DataGridHeader.vue.d.ts +85 -0
- package/components/table/v4/DataGridHeader.vue.js +7 -0
- package/components/table/v4/DataGridHeader.vue2.js +82 -0
- package/components/table/v4/DataGridRowsCounter.vue.js +3 -3
- package/components/table/v4/DataGridRowsCounter.vue2.js +12 -12
- package/components/table/v4/MultipleDataGrid.vue.d.ts +6 -5
- package/components/table/v4/MultipleDataGrid.vue.js +2 -2
- package/components/table/v4/MultipleDataGrid.vue2.js +91 -90
- package/components/table/v4/index.d.ts +552 -305
- package/components/table/v4/index.js +7 -4
- package/components/table/v4/storyUtils.d.ts +25 -0
- package/components/tooltip/v4/TooltipV4.vue.d.ts +5 -0
- package/components/tooltip/v4/TooltipV4.vue.js +2 -2
- package/components/tooltip/v4/TooltipV4.vue2.js +18 -17
- package/components/tooltip/v4/index.d.ts +20 -1
- package/index.d.ts +2153 -1419
- package/index.js +99 -95
- package/package.json +5 -1
- package/testids/index.d.ts +7 -1
- package/testids/index.js +26 -25
- package/utils/date.js +3 -3
- package/utils/formatNumbers.d.ts +1 -1
- package/utils/formatNumbers.js +38 -21
- package/Chart.vue_vue_type_style_index_0_scoped_e8f25a03_lang.css +0 -1
- package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_db8a902c_lang.css +0 -1
- package/ChartPlane.vue_vue_type_style_index_0_scoped_4f67d41d_lang.css +0 -1
- package/ChartTooltip.vue_vue_type_style_index_0_scoped_3315b68f_lang.css +0 -1
- package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_f5204c04_lang.css +0 -1
- package/DataGrid.vue_vue_type_style_index_0_scoped_8e8df067_lang.css +0 -1
- package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_ef699ec5_lang.css +0 -1
- package/DialogV4.vue_vue_type_style_index_0_scoped_eb226e31_lang.css +0 -1
- package/Link.vue_vue_type_style_index_0_scoped_ad98fe7b_lang.css +0 -1
- package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_020a9896_lang.css +0 -1
- package/OptionV4.vue_vue_type_style_index_0_scoped_0287cebf_lang.css +0 -1
- package/RadioButton.vue_vue_type_style_index_0_scoped_3c6b715c_lang.css +0 -1
- package/SortableItem.vue_vue_type_style_index_0_scoped_48542664_lang.css +0 -1
- package/SortableItemLabel.vue_vue_type_style_index_0_scoped_f2ced2f4_lang.css +0 -1
- package/SortableList.vue_vue_type_style_index_0_scoped_8f267f88_lang.css +0 -1
- package/TextField.vue_vue_type_style_index_0_scoped_fce3948c_lang.css +0 -1
- package/TooltipHeader.vue_vue_type_style_index_0_scoped_5160f12d_lang.css +0 -1
- package/TooltipV4.vue_vue_type_style_index_0_scoped_bcb40ed4_lang.css +0 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import "../../Link.
|
|
2
|
-
import
|
|
1
|
+
import "../../Link.vue_vue_type_style_index_0_scoped_b10e2439_lang.css"; import { defineComponent as u, openBlock as l, createBlock as n, unref as o, mergeProps as r, withCtx as f, renderSlot as m, createCommentVNode as p } from "vue";
|
|
2
|
+
import T from "../typography/v4/Typography.vue.js";
|
|
3
3
|
import y from "../icon/v4/IconV4.vue.js";
|
|
4
4
|
import "../icon/v4/IconFlag.vue.js";
|
|
5
|
-
import { useTestIdAttrs as
|
|
5
|
+
import { useTestIdAttrs as k } from "../../utils/testIds.js";
|
|
6
6
|
import { LinkTestIdModifiers as a } from "../../testids/index.js";
|
|
7
|
-
const
|
|
7
|
+
const b = /* @__PURE__ */ u({
|
|
8
8
|
__name: "Link",
|
|
9
9
|
props: {
|
|
10
10
|
href: { default: null },
|
|
@@ -13,31 +13,45 @@ const w = /* @__PURE__ */ f({
|
|
|
13
13
|
variant: { default: "body1" },
|
|
14
14
|
iconName: { default: null },
|
|
15
15
|
iconType: { default: "regular" },
|
|
16
|
-
testId: { default: "" }
|
|
16
|
+
testId: { default: "" },
|
|
17
|
+
isTruncated: { type: Boolean, default: !1 },
|
|
18
|
+
withTooltip: { type: Boolean, default: !1 },
|
|
19
|
+
tooltipText: { default: "" },
|
|
20
|
+
navigateToPage: { type: Function, default: null }
|
|
17
21
|
},
|
|
18
22
|
emits: ["click"],
|
|
19
|
-
setup(
|
|
20
|
-
const
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
23
|
+
setup(t, { emit: d }) {
|
|
24
|
+
const e = t, c = () => {
|
|
25
|
+
if (!e.disabled) {
|
|
26
|
+
{
|
|
27
|
+
if (e.navigateToPage)
|
|
28
|
+
return e.navigateToPage();
|
|
29
|
+
e.href && window.open(e.href);
|
|
30
|
+
}
|
|
31
|
+
d("click");
|
|
32
|
+
}
|
|
33
|
+
}, i = k(e.testId, a);
|
|
34
|
+
return (s, h) => (l(), n(o(T), r({
|
|
35
|
+
class: ["link", [`link--${t.color}`, { "link--disabled": t.disabled }]],
|
|
36
|
+
variant: t.variant,
|
|
37
|
+
"is-truncated": t.isTruncated,
|
|
38
|
+
"with-tooltip": t.withTooltip,
|
|
39
|
+
"tooltip-text": t.tooltipText
|
|
40
|
+
}, o(i)[o(a).WRAPPER], { onClick: c }), {
|
|
41
|
+
default: f(() => [
|
|
42
|
+
m(s.$slots, "default", {}, void 0, !0),
|
|
43
|
+
t.iconName ? (l(), n(o(y), r({
|
|
30
44
|
key: 0,
|
|
31
|
-
name:
|
|
32
|
-
type:
|
|
45
|
+
name: t.iconName,
|
|
46
|
+
type: t.iconType,
|
|
33
47
|
size: "16px",
|
|
34
48
|
class: "icon"
|
|
35
|
-
},
|
|
49
|
+
}, o(i)[o(a).ICON]), null, 16, ["name", "type"])) : p("", !0)
|
|
36
50
|
]),
|
|
37
51
|
_: 3
|
|
38
|
-
}, 16, ["class", "variant"]));
|
|
52
|
+
}, 16, ["class", "variant", "is-truncated", "with-tooltip", "tooltip-text"]));
|
|
39
53
|
}
|
|
40
54
|
});
|
|
41
55
|
export {
|
|
42
|
-
|
|
56
|
+
b as default
|
|
43
57
|
};
|
|
@@ -5,11 +5,15 @@ declare const LinkTypes: () => ({
|
|
|
5
5
|
$props: Partial<{
|
|
6
6
|
testId: string;
|
|
7
7
|
variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
|
|
8
|
+
withTooltip: boolean;
|
|
9
|
+
tooltipText: string;
|
|
10
|
+
isTruncated: boolean;
|
|
8
11
|
disabled: boolean;
|
|
9
12
|
color: "default" | "primary";
|
|
10
13
|
href: string;
|
|
11
14
|
iconName: string;
|
|
12
15
|
iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
16
|
+
navigateToPage: () => void;
|
|
13
17
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
14
18
|
testId: {
|
|
15
19
|
type: import("vue").PropType<string>;
|
|
@@ -19,6 +23,18 @@ declare const LinkTypes: () => ({
|
|
|
19
23
|
type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
|
|
20
24
|
default: string;
|
|
21
25
|
};
|
|
26
|
+
withTooltip: {
|
|
27
|
+
type: import("vue").PropType<boolean>;
|
|
28
|
+
default: boolean;
|
|
29
|
+
};
|
|
30
|
+
tooltipText: {
|
|
31
|
+
type: import("vue").PropType<string>;
|
|
32
|
+
default: string;
|
|
33
|
+
};
|
|
34
|
+
isTruncated: {
|
|
35
|
+
type: import("vue").PropType<boolean>;
|
|
36
|
+
default: boolean;
|
|
37
|
+
};
|
|
22
38
|
disabled: {
|
|
23
39
|
type: import("vue").PropType<boolean>;
|
|
24
40
|
default: boolean;
|
|
@@ -39,9 +55,13 @@ declare const LinkTypes: () => ({
|
|
|
39
55
|
type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
|
|
40
56
|
default: string;
|
|
41
57
|
};
|
|
58
|
+
navigateToPage: {
|
|
59
|
+
type: import("vue").PropType<() => void>;
|
|
60
|
+
default: any;
|
|
61
|
+
};
|
|
42
62
|
}>> & {
|
|
43
63
|
onClick?: () => any;
|
|
44
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "disabled" | "color" | "href" | "iconName" | "iconType">;
|
|
64
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "withTooltip" | "tooltipText" | "isTruncated" | "disabled" | "color" | "href" | "iconName" | "iconType" | "navigateToPage">;
|
|
45
65
|
$attrs: {
|
|
46
66
|
[x: string]: unknown;
|
|
47
67
|
};
|
|
@@ -64,6 +84,18 @@ declare const LinkTypes: () => ({
|
|
|
64
84
|
type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
|
|
65
85
|
default: string;
|
|
66
86
|
};
|
|
87
|
+
withTooltip: {
|
|
88
|
+
type: import("vue").PropType<boolean>;
|
|
89
|
+
default: boolean;
|
|
90
|
+
};
|
|
91
|
+
tooltipText: {
|
|
92
|
+
type: import("vue").PropType<string>;
|
|
93
|
+
default: string;
|
|
94
|
+
};
|
|
95
|
+
isTruncated: {
|
|
96
|
+
type: import("vue").PropType<boolean>;
|
|
97
|
+
default: boolean;
|
|
98
|
+
};
|
|
67
99
|
disabled: {
|
|
68
100
|
type: import("vue").PropType<boolean>;
|
|
69
101
|
default: boolean;
|
|
@@ -84,6 +116,10 @@ declare const LinkTypes: () => ({
|
|
|
84
116
|
type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
|
|
85
117
|
default: string;
|
|
86
118
|
};
|
|
119
|
+
navigateToPage: {
|
|
120
|
+
type: import("vue").PropType<() => void>;
|
|
121
|
+
default: any;
|
|
122
|
+
};
|
|
87
123
|
}>> & {
|
|
88
124
|
onClick?: () => any;
|
|
89
125
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -91,11 +127,15 @@ declare const LinkTypes: () => ({
|
|
|
91
127
|
}, string, {
|
|
92
128
|
testId: string;
|
|
93
129
|
variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
|
|
130
|
+
withTooltip: boolean;
|
|
131
|
+
tooltipText: string;
|
|
132
|
+
isTruncated: boolean;
|
|
94
133
|
disabled: boolean;
|
|
95
134
|
color: "default" | "primary";
|
|
96
135
|
href: string;
|
|
97
136
|
iconName: string;
|
|
98
137
|
iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
138
|
+
navigateToPage: () => void;
|
|
99
139
|
}, {}, string> & {
|
|
100
140
|
beforeCreate?: (() => void) | (() => void)[];
|
|
101
141
|
created?: (() => void) | (() => void)[];
|
|
@@ -125,6 +165,18 @@ declare const LinkTypes: () => ({
|
|
|
125
165
|
type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
|
|
126
166
|
default: string;
|
|
127
167
|
};
|
|
168
|
+
withTooltip: {
|
|
169
|
+
type: import("vue").PropType<boolean>;
|
|
170
|
+
default: boolean;
|
|
171
|
+
};
|
|
172
|
+
tooltipText: {
|
|
173
|
+
type: import("vue").PropType<string>;
|
|
174
|
+
default: string;
|
|
175
|
+
};
|
|
176
|
+
isTruncated: {
|
|
177
|
+
type: import("vue").PropType<boolean>;
|
|
178
|
+
default: boolean;
|
|
179
|
+
};
|
|
128
180
|
disabled: {
|
|
129
181
|
type: import("vue").PropType<boolean>;
|
|
130
182
|
default: boolean;
|
|
@@ -145,6 +197,10 @@ declare const LinkTypes: () => ({
|
|
|
145
197
|
type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
|
|
146
198
|
default: string;
|
|
147
199
|
};
|
|
200
|
+
navigateToPage: {
|
|
201
|
+
type: import("vue").PropType<() => void>;
|
|
202
|
+
default: any;
|
|
203
|
+
};
|
|
148
204
|
}>> & {
|
|
149
205
|
onClick?: () => any;
|
|
150
206
|
} & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
|
|
@@ -160,6 +216,18 @@ declare const LinkTypes: () => ({
|
|
|
160
216
|
type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
|
|
161
217
|
default: string;
|
|
162
218
|
};
|
|
219
|
+
withTooltip: {
|
|
220
|
+
type: import("vue").PropType<boolean>;
|
|
221
|
+
default: boolean;
|
|
222
|
+
};
|
|
223
|
+
tooltipText: {
|
|
224
|
+
type: import("vue").PropType<string>;
|
|
225
|
+
default: string;
|
|
226
|
+
};
|
|
227
|
+
isTruncated: {
|
|
228
|
+
type: import("vue").PropType<boolean>;
|
|
229
|
+
default: boolean;
|
|
230
|
+
};
|
|
163
231
|
disabled: {
|
|
164
232
|
type: import("vue").PropType<boolean>;
|
|
165
233
|
default: boolean;
|
|
@@ -180,6 +248,10 @@ declare const LinkTypes: () => ({
|
|
|
180
248
|
type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
|
|
181
249
|
default: string;
|
|
182
250
|
};
|
|
251
|
+
navigateToPage: {
|
|
252
|
+
type: import("vue").PropType<() => void>;
|
|
253
|
+
default: any;
|
|
254
|
+
};
|
|
183
255
|
}>> & {
|
|
184
256
|
onClick?: () => any;
|
|
185
257
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -187,11 +259,15 @@ declare const LinkTypes: () => ({
|
|
|
187
259
|
}, string, {
|
|
188
260
|
testId: string;
|
|
189
261
|
variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
|
|
262
|
+
withTooltip: boolean;
|
|
263
|
+
tooltipText: string;
|
|
264
|
+
isTruncated: boolean;
|
|
190
265
|
disabled: boolean;
|
|
191
266
|
color: "default" | "primary";
|
|
192
267
|
href: string;
|
|
193
268
|
iconName: string;
|
|
194
269
|
iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
|
|
270
|
+
navigateToPage: () => void;
|
|
195
271
|
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
196
272
|
$slots: {
|
|
197
273
|
default?(_: {}): any;
|
|
@@ -5,6 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
5
5
|
errorText?: string;
|
|
6
6
|
modelValue?: string;
|
|
7
7
|
testId?: string;
|
|
8
|
+
disabledButton?: boolean;
|
|
8
9
|
}>, {
|
|
9
10
|
label: string;
|
|
10
11
|
name: string;
|
|
@@ -12,6 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
12
13
|
errorText: string;
|
|
13
14
|
modelValue: any;
|
|
14
15
|
testId: string;
|
|
16
|
+
disabledButton: boolean;
|
|
15
17
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
16
18
|
"update:modelValue": (...args: any[]) => void;
|
|
17
19
|
change: (...args: any[]) => void;
|
|
@@ -22,6 +24,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
22
24
|
errorText?: string;
|
|
23
25
|
modelValue?: string;
|
|
24
26
|
testId?: string;
|
|
27
|
+
disabledButton?: boolean;
|
|
25
28
|
}>, {
|
|
26
29
|
label: string;
|
|
27
30
|
name: string;
|
|
@@ -29,6 +32,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
29
32
|
errorText: string;
|
|
30
33
|
modelValue: any;
|
|
31
34
|
testId: string;
|
|
35
|
+
disabledButton: boolean;
|
|
32
36
|
}>>> & {
|
|
33
37
|
onChange?: (...args: any[]) => any;
|
|
34
38
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
|
@@ -39,6 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
39
43
|
modelValue: string;
|
|
40
44
|
helperText: string;
|
|
41
45
|
errorText: string;
|
|
46
|
+
disabledButton: boolean;
|
|
42
47
|
}>, {
|
|
43
48
|
default?(_: {}): any;
|
|
44
49
|
}>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./RadioButton.vue2.js";
|
|
2
2
|
/* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../RadioButton.
|
|
4
|
-
const
|
|
3
|
+
// import "../../../RadioButton.vue_vue_type_style_index_0_scoped_dac25b9f_lang.css"; //*');
|
|
4
|
+
const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-dac25b9f"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
a as default
|
|
7
7
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import "../../../RadioButton.
|
|
2
|
-
import
|
|
3
|
-
import { useRadio as
|
|
4
|
-
import { RadioTestIdModifiers as
|
|
5
|
-
import { useTestIdAttrs as
|
|
6
|
-
const
|
|
1
|
+
import "../../../RadioButton.vue_vue_type_style_index_0_scoped_dac25b9f_lang.css"; import { defineComponent as E, computed as I, openBlock as u, createElementBlock as C, normalizeClass as T, unref as e, createElementVNode as o, withDirectives as N, mergeProps as i, isRef as g, vModelRadio as w, renderSlot as z, createVNode as A, withCtx as m, createTextVNode as f, toDisplayString as c, createBlock as v, createCommentVNode as R } from "vue";
|
|
2
|
+
import p from "../../typography/Text.vue.js";
|
|
3
|
+
import { useRadio as D } from "../common/useRadio.js";
|
|
4
|
+
import { RadioTestIdModifiers as r } from "../../../testids/index.js";
|
|
5
|
+
import { useTestIdAttrs as L } from "../../../utils/testIds.js";
|
|
6
|
+
const $ = { class: "wrapper" }, F = ["value", "name", "disabled"], U = /* @__PURE__ */ E({
|
|
7
7
|
__name: "RadioButton",
|
|
8
8
|
props: {
|
|
9
9
|
label: { default: "" },
|
|
@@ -11,62 +11,65 @@ const D = { class: "wrapper" }, L = ["value", "name", "disabled"], O = /* @__PUR
|
|
|
11
11
|
helperText: { default: "" },
|
|
12
12
|
errorText: { default: "" },
|
|
13
13
|
modelValue: { default: void 0 },
|
|
14
|
-
testId: { default: "" }
|
|
14
|
+
testId: { default: "" },
|
|
15
|
+
disabledButton: { type: Boolean, default: !1 }
|
|
15
16
|
},
|
|
16
17
|
emits: ["update:modelValue", "change"],
|
|
17
|
-
setup(t, { emit:
|
|
18
|
-
const
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
),
|
|
22
|
-
|
|
23
|
-
|
|
18
|
+
setup(t, { emit: B }) {
|
|
19
|
+
const d = t, { radioRef: V, focus: x, disabled: h, modelValue: a, radioGroup: k } = D(
|
|
20
|
+
d,
|
|
21
|
+
B
|
|
22
|
+
), s = L(d.testId, r), b = I(
|
|
23
|
+
() => h.value || d.disabledButton
|
|
24
|
+
);
|
|
25
|
+
return (y, l) => (u(), C("label", {
|
|
26
|
+
class: T(["radio-button", { "radio-button--disabled": e(b) }])
|
|
24
27
|
}, [
|
|
25
|
-
|
|
26
|
-
|
|
28
|
+
o("span", $, [
|
|
29
|
+
N(o("input", i({
|
|
27
30
|
ref_key: "radioRef",
|
|
28
|
-
ref:
|
|
29
|
-
"onUpdate:modelValue": l[0] || (l[0] = (
|
|
31
|
+
ref: V,
|
|
32
|
+
"onUpdate:modelValue": l[0] || (l[0] = (n) => g(a) ? a.value = n : null),
|
|
30
33
|
value: t.label,
|
|
31
34
|
name: t.name || e(k)?.name,
|
|
32
35
|
type: "radio",
|
|
33
|
-
disabled: e(
|
|
34
|
-
}, e(
|
|
35
|
-
onFocus: l[1] || (l[1] = (
|
|
36
|
-
onBlur: l[2] || (l[2] = (
|
|
37
|
-
}), null, 16,
|
|
38
|
-
[
|
|
36
|
+
disabled: e(b)
|
|
37
|
+
}, e(s)[e(r).FIELD], {
|
|
38
|
+
onFocus: l[1] || (l[1] = (n) => x.value = !0),
|
|
39
|
+
onBlur: l[2] || (l[2] = (n) => x.value = !1)
|
|
40
|
+
}), null, 16, F), [
|
|
41
|
+
[w, e(a)]
|
|
39
42
|
]),
|
|
40
|
-
|
|
41
|
-
class:
|
|
43
|
+
o("span", {
|
|
44
|
+
class: T([{ "circle--selected": e(a) === t.label }, "circle"])
|
|
42
45
|
}, null, 2)
|
|
43
46
|
]),
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
default:
|
|
48
|
-
|
|
47
|
+
o("span", i({ class: "label" }, e(s)[e(r).LABEL]), [
|
|
48
|
+
z(y.$slots, "default", {}, () => [
|
|
49
|
+
A(p, { "is-truncated": "" }, {
|
|
50
|
+
default: m(() => [
|
|
51
|
+
f(c(t.label), 1)
|
|
49
52
|
]),
|
|
50
53
|
_: 1
|
|
51
54
|
})
|
|
52
55
|
], !0),
|
|
53
|
-
!t.errorText && t.helperText ? (
|
|
56
|
+
!t.errorText && t.helperText ? (u(), v(p, {
|
|
54
57
|
key: 0,
|
|
55
58
|
class: "helper-text--text helper-text",
|
|
56
59
|
size: "caption"
|
|
57
60
|
}, {
|
|
58
|
-
default:
|
|
59
|
-
|
|
61
|
+
default: m(() => [
|
|
62
|
+
f(c(t.helperText), 1)
|
|
60
63
|
]),
|
|
61
64
|
_: 1
|
|
62
65
|
})) : R("", !0),
|
|
63
|
-
t.errorText ? (
|
|
66
|
+
t.errorText ? (u(), v(p, i({
|
|
64
67
|
key: 1,
|
|
65
68
|
size: "caption",
|
|
66
69
|
class: "helper-text--error helper-text"
|
|
67
|
-
}, e(
|
|
68
|
-
default:
|
|
69
|
-
|
|
70
|
+
}, e(s)[e(r).ERROR_TEXT]), {
|
|
71
|
+
default: m(() => [
|
|
72
|
+
f(c(t.errorText), 1)
|
|
70
73
|
]),
|
|
71
74
|
_: 1
|
|
72
75
|
}, 16)) : R("", !0)
|
|
@@ -75,5 +78,5 @@ const D = { class: "wrapper" }, L = ["value", "name", "disabled"], O = /* @__PUR
|
|
|
75
78
|
}
|
|
76
79
|
});
|
|
77
80
|
export {
|
|
78
|
-
|
|
81
|
+
U as default
|
|
79
82
|
};
|
|
@@ -11,6 +11,7 @@ declare const RadioButtonTypes: () => (({
|
|
|
11
11
|
modelValue: string;
|
|
12
12
|
helperText: string;
|
|
13
13
|
errorText: string;
|
|
14
|
+
disabledButton: boolean;
|
|
14
15
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
15
16
|
name: {
|
|
16
17
|
type: import("vue").PropType<string>;
|
|
@@ -37,10 +38,14 @@ declare const RadioButtonTypes: () => (({
|
|
|
37
38
|
type: import("vue").PropType<string>;
|
|
38
39
|
default: string;
|
|
39
40
|
};
|
|
41
|
+
disabledButton: {
|
|
42
|
+
type: import("vue").PropType<boolean>;
|
|
43
|
+
default: boolean;
|
|
44
|
+
};
|
|
40
45
|
}>> & {
|
|
41
46
|
onChange?: (...args: any[]) => any;
|
|
42
47
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
|
43
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "label" | "testId" | "modelValue" | "helperText" | "errorText">;
|
|
48
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "label" | "testId" | "modelValue" | "helperText" | "errorText" | "disabledButton">;
|
|
44
49
|
$attrs: {
|
|
45
50
|
[x: string]: unknown;
|
|
46
51
|
};
|
|
@@ -80,6 +85,10 @@ declare const RadioButtonTypes: () => (({
|
|
|
80
85
|
type: import("vue").PropType<string>;
|
|
81
86
|
default: string;
|
|
82
87
|
};
|
|
88
|
+
disabledButton: {
|
|
89
|
+
type: import("vue").PropType<boolean>;
|
|
90
|
+
default: boolean;
|
|
91
|
+
};
|
|
83
92
|
}>> & {
|
|
84
93
|
onChange?: (...args: any[]) => any;
|
|
85
94
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
|
@@ -93,6 +102,7 @@ declare const RadioButtonTypes: () => (({
|
|
|
93
102
|
modelValue: string;
|
|
94
103
|
helperText: string;
|
|
95
104
|
errorText: string;
|
|
105
|
+
disabledButton: boolean;
|
|
96
106
|
}, {}, string> & {
|
|
97
107
|
beforeCreate?: (() => void) | (() => void)[];
|
|
98
108
|
created?: (() => void) | (() => void)[];
|
|
@@ -139,6 +149,10 @@ declare const RadioButtonTypes: () => (({
|
|
|
139
149
|
type: import("vue").PropType<string>;
|
|
140
150
|
default: string;
|
|
141
151
|
};
|
|
152
|
+
disabledButton: {
|
|
153
|
+
type: import("vue").PropType<boolean>;
|
|
154
|
+
default: boolean;
|
|
155
|
+
};
|
|
142
156
|
}>> & {
|
|
143
157
|
onChange?: (...args: any[]) => any;
|
|
144
158
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
|
@@ -172,6 +186,10 @@ declare const RadioButtonTypes: () => (({
|
|
|
172
186
|
type: import("vue").PropType<string>;
|
|
173
187
|
default: string;
|
|
174
188
|
};
|
|
189
|
+
disabledButton: {
|
|
190
|
+
type: import("vue").PropType<boolean>;
|
|
191
|
+
default: boolean;
|
|
192
|
+
};
|
|
175
193
|
}>> & {
|
|
176
194
|
onChange?: (...args: any[]) => any;
|
|
177
195
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
|
@@ -185,6 +203,7 @@ declare const RadioButtonTypes: () => (({
|
|
|
185
203
|
modelValue: string;
|
|
186
204
|
helperText: string;
|
|
187
205
|
errorText: string;
|
|
206
|
+
disabledButton: boolean;
|
|
188
207
|
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
189
208
|
$slots: {
|
|
190
209
|
default?(_: {}): any;
|
|
@@ -4,20 +4,26 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
4
4
|
index?: number;
|
|
5
5
|
isOpen?: boolean;
|
|
6
6
|
isSelected?: boolean;
|
|
7
|
+
isDisabled?: boolean;
|
|
7
8
|
selectedChildId?: string | number;
|
|
8
9
|
searchQuery?: string;
|
|
9
|
-
childListMaxHeight
|
|
10
|
+
childListMaxHeight?: string;
|
|
10
11
|
searchHandler?: (item: SortableListItem, searchQuery: string) => boolean;
|
|
11
12
|
displayValue: (item: SortableListItem) => string;
|
|
13
|
+
variant?: "default" | "compact";
|
|
14
|
+
draggableArea?: "handle" | "full";
|
|
12
15
|
}>, {
|
|
13
16
|
text: string;
|
|
14
17
|
isOpen: boolean;
|
|
15
18
|
isSelected: boolean;
|
|
19
|
+
isDisabled: boolean;
|
|
16
20
|
selectedChildId: any;
|
|
17
21
|
searchQuery: any;
|
|
18
22
|
index: any;
|
|
19
23
|
childListMaxHeight: string;
|
|
20
24
|
searchHandler: any;
|
|
25
|
+
variant: string;
|
|
26
|
+
draggableArea: string;
|
|
21
27
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
22
28
|
toggle: (value: boolean) => void;
|
|
23
29
|
select: () => void;
|
|
@@ -27,32 +33,41 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
27
33
|
index?: number;
|
|
28
34
|
isOpen?: boolean;
|
|
29
35
|
isSelected?: boolean;
|
|
36
|
+
isDisabled?: boolean;
|
|
30
37
|
selectedChildId?: string | number;
|
|
31
38
|
searchQuery?: string;
|
|
32
|
-
childListMaxHeight
|
|
39
|
+
childListMaxHeight?: string;
|
|
33
40
|
searchHandler?: (item: SortableListItem, searchQuery: string) => boolean;
|
|
34
41
|
displayValue: (item: SortableListItem) => string;
|
|
42
|
+
variant?: "default" | "compact";
|
|
43
|
+
draggableArea?: "handle" | "full";
|
|
35
44
|
}>, {
|
|
36
45
|
text: string;
|
|
37
46
|
isOpen: boolean;
|
|
38
47
|
isSelected: boolean;
|
|
48
|
+
isDisabled: boolean;
|
|
39
49
|
selectedChildId: any;
|
|
40
50
|
searchQuery: any;
|
|
41
51
|
index: any;
|
|
42
52
|
childListMaxHeight: string;
|
|
43
53
|
searchHandler: any;
|
|
54
|
+
variant: string;
|
|
55
|
+
draggableArea: string;
|
|
44
56
|
}>>> & {
|
|
45
57
|
onSelect?: () => any;
|
|
46
58
|
onToggle?: (value: boolean) => any;
|
|
47
59
|
onSelectChild?: (childItem: SortableListItem) => any;
|
|
48
60
|
}, {
|
|
61
|
+
variant: "default" | "compact";
|
|
49
62
|
isOpen: boolean;
|
|
50
63
|
index: number;
|
|
51
64
|
isSelected: boolean;
|
|
52
65
|
searchQuery: string;
|
|
66
|
+
isDisabled: boolean;
|
|
53
67
|
selectedChildId: string | number;
|
|
54
68
|
childListMaxHeight: string;
|
|
55
69
|
searchHandler: (item: SortableListItem, searchQuery: string) => boolean;
|
|
70
|
+
draggableArea: "handle" | "full";
|
|
56
71
|
}>, {
|
|
57
72
|
menu?(_: {}): any;
|
|
58
73
|
}>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./SortableItem.vue2.js";
|
|
2
2
|
/* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../SortableItem.
|
|
4
|
-
const
|
|
3
|
+
// import "../../SortableItem.vue_vue_type_style_index_0_scoped_800cd503_lang.css"; //*');
|
|
4
|
+
const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-800cd503"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
c as default
|
|
7
7
|
};
|