@ironsource/shared-ui 2.0.0-rc.7 → 2.0.0-rc.9
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/Button.vue_vue_type_style_index_0_scoped_35545b8c_lang.css +1 -0
- package/ButtonBase.vue_vue_type_style_index_0_scoped_9021cac4_lang.css +1 -0
- package/ButtonV4.vue_vue_type_style_index_0_scoped_31e553e8_lang.css +1 -0
- package/CardPanel.vue_vue_type_style_index_0_scoped_3cda0f04_lang.css +1 -0
- package/Dropdown.vue_vue_type_style_index_0_scoped_d4f8e790_lang.css +1 -0
- package/FilterDropdown.vue_vue_type_style_index_0_scoped_b42d8b45_lang.css +1 -0
- package/FoldableSection.vue_vue_type_style_index_0_scoped_51b5b56d_lang.css +1 -0
- package/FormCard.vue_vue_type_style_index_0_scoped_bb7d27f9_lang.css +1 -0
- package/IconButton.vue_vue_type_style_index_0_scoped_6dffd3f6_lang.css +1 -0
- package/MenuItem.vue_vue_type_style_index_0_scoped_67e53b85_lang.css +1 -0
- package/Popover.vue_vue_type_style_index_0_scoped_25eb53db_lang.css +1 -0
- package/ToggleV4.vue_vue_type_style_index_0_scoped_ef31fecc_lang.css +1 -0
- package/Tooltip.vue_vue_type_style_index_0_scoped_9020a179_lang.css +1 -0
- package/TooltipV4.vue_vue_type_style_index_0_scoped_21f12d1a_lang.css +1 -0
- package/components/appTrigger/AppTrigger.vue2.js +19 -20
- package/components/autocompleteDropdown/AutocompleteDropdown.vue.d.ts +1 -1
- package/components/autocompleteDropdown/index.d.ts +1 -1
- package/components/button/v3/Button.vue.d.ts +4 -27
- package/components/button/v3/Button.vue.js +2 -2
- package/components/button/v3/Button.vue2.js +43 -75
- package/components/button/{common → v3}/ButtonBase.vue.d.ts +9 -9
- package/components/button/{common → v3}/ButtonBase.vue.js +3 -3
- package/components/button/{common → v3}/ButtonBase.vue2.js +3 -3
- package/components/button/v3/IconButton.vue.js +2 -2
- package/components/button/v3/IconButton.vue2.js +4 -4
- package/components/button/v3/LoaderCircleIcon.vue2.js +0 -0
- package/components/button/v3/LoaderDotsIcon.vue2.js +0 -0
- package/components/button/v3/ScrollButton.vue2.js +4 -5
- package/components/button/v3/index.d.ts +130 -0
- package/components/button/v4/ButtonV4.vue.d.ts +16 -6
- package/components/button/v4/ButtonV4.vue.js +3 -3
- package/components/button/v4/ButtonV4.vue2.js +41 -38
- package/components/button/v4/index.d.ts +53 -15
- package/components/chip/v3/Chip.vue.d.ts +1 -1
- package/components/chip/v3/index.d.ts +20 -20
- package/components/chip/v4/ChipV4.vue.d.ts +1 -1
- package/components/chip/v4/index.d.ts +20 -20
- package/components/dialog/v3/Dialog.vue.d.ts +1 -1
- package/components/dialog/v3/index.d.ts +4 -4
- package/components/dialog/v4/DialogV4.vue.d.ts +1 -1
- package/components/dialog/v4/index.d.ts +4 -4
- package/components/dropdown/v3/Dropdown.vue.d.ts +5 -5
- package/components/dropdown/v3/Dropdown.vue.js +2 -2
- package/components/dropdown/v3/Dropdown.vue2.js +4 -4
- package/components/dropdown/v3/index.d.ts +59 -59
- package/components/dropdown/v4/ChipDropdownTrigger.vue.d.ts +1 -1
- package/components/dropdown/v4/DefaultDropdownTrigger.vue.d.ts +3 -3
- package/components/dropdown/v4/DropdownV4.vue.d.ts +2 -2
- package/components/dropdown/v4/index.d.ts +111 -111
- package/components/filterDropdown/FilterDropdown.vue.js +2 -2
- package/components/filterDropdown/FilterDropdown.vue2.js +4 -4
- package/components/includeExclude/IncludeExclude.vue.d.ts +2 -2
- package/components/includeExclude/IncludeExclude.vue2.js +22 -23
- package/components/includeExclude/IncludeExcludeAppHeader.vue.d.ts +2 -2
- package/components/includeExclude/IncludeExcludeAppTrigger.vue2.js +15 -16
- package/components/includeExclude/IncludeExcludeChipFilter.vue.d.ts +2 -2
- package/components/includeExclude/IncludeExcludeDragDrop.vue.d.ts +2 -2
- package/components/includeExclude/IncludeExcludeDragDrop.vue2.js +31 -32
- package/components/includeExclude/IncludeExcludeOption.vue2.js +6 -7
- package/components/includeExclude/IncludeExcludeOptionDraggable.vue2.js +16 -17
- package/components/includeExclude/index.d.ts +135 -135
- package/components/input/v3/Input.vue.d.ts +3 -3
- package/components/input/v3/Input.vue2.js +3 -4
- package/components/input/v3/index.d.ts +82 -82
- package/components/input/v4/TextField.vue.d.ts +6 -6
- package/components/input/v4/TextField.vue2.js +8 -8
- package/components/input/v4/index.d.ts +103 -103
- package/components/layout/CardPanel.vue.d.ts +36 -0
- package/components/layout/CardPanel.vue.js +7 -0
- package/components/layout/CardPanel.vue2.js +25 -0
- package/components/layout/FoldableSection.vue.d.ts +50 -0
- package/components/layout/FoldableSection.vue.js +7 -0
- package/components/layout/FoldableSection.vue2.js +57 -0
- package/components/layout/FormCard.vue.d.ts +74 -0
- package/components/layout/FormCard.vue.js +7 -0
- package/components/layout/FormCard.vue2.js +74 -0
- package/components/layout/index.d.ts +405 -0
- package/components/layout/index.js +10 -0
- package/components/menu/Menu.vue.d.ts +1 -1
- package/components/menu/index.d.ts +20 -20
- package/components/menuItem/MenuItem.vue.js +5 -24
- package/components/menuItem/MenuItem.vue2.js +23 -0
- package/components/multibar/MultiBar.vue.d.ts +1 -1
- package/components/multibar/index.d.ts +1 -1
- package/components/popover/Popover.vue.js +6 -36
- package/components/popover/Popover.vue2.js +36 -3
- package/components/popover/index.d.ts +16 -16
- package/components/popover/index.js +2 -3
- package/components/shared/FieldLabel.vue2.js +3 -3
- package/components/snackbar/v4/SnackbarV4.vue.d.ts +30 -10
- package/components/table/common/Table.common.js +20 -20
- package/components/table/v3/index.d.ts +16 -16
- package/components/table/v4/DataGrid.vue.d.ts +1 -1
- package/components/table/v4/index.d.ts +20 -20
- package/components/toggle/v3/Toggle.vue.d.ts +1 -1
- package/components/toggle/v3/index.d.ts +17 -17
- package/components/toggle/v4/ToggleV4.vue.d.ts +2 -2
- package/components/toggle/v4/ToggleV4.vue.js +7 -0
- package/components/toggle/v4/ToggleV4.vue2.js +95 -0
- package/components/toggle/v4/index.d.ts +313 -0
- package/components/toggle/v4/index.js +6 -0
- package/components/tooltip/v3/Tooltip.vue.js +6 -3
- package/components/tooltip/v3/Tooltip.vue2.js +3 -3
- package/components/tooltip/v3/index.js +3 -4
- package/components/tooltip/v4/TooltipV4.vue.js +6 -65
- package/components/tooltip/v4/TooltipV4.vue2.js +67 -0
- package/components/tooltip/v4/index.js +2 -2
- package/index.d.ts +1556 -858
- package/index.js +137 -129
- package/package.json +17 -5
- package/testids/index.d.ts +11 -0
- package/testids/index.js +16 -14
- package/Button.vue_vue_type_style_index_0_scoped_d92097c8_lang.css +0 -1
- package/ButtonBase.vue_vue_type_style_index_0_scoped_70baba59_lang.css +0 -1
- package/ButtonV4.vue_vue_type_style_index_0_scoped_3fd2281b_lang.css +0 -1
- package/Dropdown.vue_vue_type_style_index_0_scoped_e8324d12_lang.css +0 -1
- package/FilterDropdown.vue_vue_type_style_index_0_scoped_1320b13b_lang.css +0 -1
- package/IconButton.vue_vue_type_style_index_0_scoped_2fe9bc4c_lang.css +0 -1
- package/MenuItem.vue_vue_type_style_index_0_scoped_c7e837fa_lang.css +0 -1
- package/components/button/common/ButtonSuper.vue.d.ts +0 -52
- package/components/tooltip/v4/TooltipV4.vue3.js +0 -4
- /package/{Popover.vue_vue_type_style_index_0_lang.css → Popover.vue_vue_type_style_index_1_lang.css} +0 -0
- /package/{Tooltip.vue_vue_type_style_index_0_lang.css → Tooltip.vue_vue_type_style_index_1_lang.css} +0 -0
- /package/{TooltipV4.vue_vue_type_style_index_0_lang.css → TooltipV4.vue_vue_type_style_index_1_lang.css} +0 -0
- /package/components/button/{consts.d.ts → common/consts.d.ts} +0 -0
- /package/components/button/{consts.js → common/consts.js} +0 -0
- /package/components/button/{icon → v3}/LoaderCircleIcon.vue.d.ts +0 -0
- /package/components/button/{icon → v3}/LoaderCircleIcon.vue.js +0 -0
- /package/components/button/{icon → v3}/LoaderDotsIcon.vue.d.ts +0 -0
- /package/components/button/{icon → v3}/LoaderDotsIcon.vue.js +0 -0
|
@@ -9,10 +9,10 @@ declare const DataGridTypes: () => (({
|
|
|
9
9
|
title: string;
|
|
10
10
|
search: string;
|
|
11
11
|
testId: string;
|
|
12
|
-
isLoading: boolean;
|
|
13
12
|
searchPlaceholder: string;
|
|
14
13
|
selection: unknown[];
|
|
15
14
|
searchAutoFocus: boolean;
|
|
15
|
+
isLoading: boolean;
|
|
16
16
|
isSticky: boolean;
|
|
17
17
|
sections: import("../common/Table.types").Section[];
|
|
18
18
|
isStickyHeader: boolean;
|
|
@@ -43,10 +43,6 @@ declare const DataGridTypes: () => (({
|
|
|
43
43
|
type: import("vue").PropType<string>;
|
|
44
44
|
default: string;
|
|
45
45
|
};
|
|
46
|
-
isLoading: {
|
|
47
|
-
type: import("vue").PropType<boolean>;
|
|
48
|
-
default: boolean;
|
|
49
|
-
};
|
|
50
46
|
searchPlaceholder: {
|
|
51
47
|
type: import("vue").PropType<string>;
|
|
52
48
|
default: string;
|
|
@@ -63,6 +59,10 @@ declare const DataGridTypes: () => (({
|
|
|
63
59
|
type: import("vue").PropType<boolean>;
|
|
64
60
|
default: boolean;
|
|
65
61
|
};
|
|
62
|
+
isLoading: {
|
|
63
|
+
type: import("vue").PropType<boolean>;
|
|
64
|
+
default: boolean;
|
|
65
|
+
};
|
|
66
66
|
isSticky: {
|
|
67
67
|
type: import("vue").PropType<boolean>;
|
|
68
68
|
default: boolean;
|
|
@@ -131,7 +131,7 @@ declare const DataGridTypes: () => (({
|
|
|
131
131
|
onLoadMore?: () => any;
|
|
132
132
|
"onUpdate:search"?: (query: string) => any;
|
|
133
133
|
"onUpdate:selection"?: (selection: unknown[]) => any;
|
|
134
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "
|
|
134
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "searchPlaceholder" | "selection" | "searchAutoFocus" | "isLoading" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition" | "getRowId" | "emptyStateVariant" | "showSearch">;
|
|
135
135
|
$attrs: {
|
|
136
136
|
[x: string]: unknown;
|
|
137
137
|
};
|
|
@@ -167,10 +167,6 @@ declare const DataGridTypes: () => (({
|
|
|
167
167
|
type: import("vue").PropType<string>;
|
|
168
168
|
default: string;
|
|
169
169
|
};
|
|
170
|
-
isLoading: {
|
|
171
|
-
type: import("vue").PropType<boolean>;
|
|
172
|
-
default: boolean;
|
|
173
|
-
};
|
|
174
170
|
searchPlaceholder: {
|
|
175
171
|
type: import("vue").PropType<string>;
|
|
176
172
|
default: string;
|
|
@@ -187,6 +183,10 @@ declare const DataGridTypes: () => (({
|
|
|
187
183
|
type: import("vue").PropType<boolean>;
|
|
188
184
|
default: boolean;
|
|
189
185
|
};
|
|
186
|
+
isLoading: {
|
|
187
|
+
type: import("vue").PropType<boolean>;
|
|
188
|
+
default: boolean;
|
|
189
|
+
};
|
|
190
190
|
isSticky: {
|
|
191
191
|
type: import("vue").PropType<boolean>;
|
|
192
192
|
default: boolean;
|
|
@@ -272,10 +272,10 @@ declare const DataGridTypes: () => (({
|
|
|
272
272
|
title: string;
|
|
273
273
|
search: string;
|
|
274
274
|
testId: string;
|
|
275
|
-
isLoading: boolean;
|
|
276
275
|
searchPlaceholder: string;
|
|
277
276
|
selection: unknown[];
|
|
278
277
|
searchAutoFocus: boolean;
|
|
278
|
+
isLoading: boolean;
|
|
279
279
|
isSticky: boolean;
|
|
280
280
|
sections: import("../common/Table.types").Section[];
|
|
281
281
|
isStickyHeader: boolean;
|
|
@@ -326,10 +326,6 @@ declare const DataGridTypes: () => (({
|
|
|
326
326
|
type: import("vue").PropType<string>;
|
|
327
327
|
default: string;
|
|
328
328
|
};
|
|
329
|
-
isLoading: {
|
|
330
|
-
type: import("vue").PropType<boolean>;
|
|
331
|
-
default: boolean;
|
|
332
|
-
};
|
|
333
329
|
searchPlaceholder: {
|
|
334
330
|
type: import("vue").PropType<string>;
|
|
335
331
|
default: string;
|
|
@@ -346,6 +342,10 @@ declare const DataGridTypes: () => (({
|
|
|
346
342
|
type: import("vue").PropType<boolean>;
|
|
347
343
|
default: boolean;
|
|
348
344
|
};
|
|
345
|
+
isLoading: {
|
|
346
|
+
type: import("vue").PropType<boolean>;
|
|
347
|
+
default: boolean;
|
|
348
|
+
};
|
|
349
349
|
isSticky: {
|
|
350
350
|
type: import("vue").PropType<boolean>;
|
|
351
351
|
default: boolean;
|
|
@@ -435,10 +435,6 @@ declare const DataGridTypes: () => (({
|
|
|
435
435
|
type: import("vue").PropType<string>;
|
|
436
436
|
default: string;
|
|
437
437
|
};
|
|
438
|
-
isLoading: {
|
|
439
|
-
type: import("vue").PropType<boolean>;
|
|
440
|
-
default: boolean;
|
|
441
|
-
};
|
|
442
438
|
searchPlaceholder: {
|
|
443
439
|
type: import("vue").PropType<string>;
|
|
444
440
|
default: string;
|
|
@@ -455,6 +451,10 @@ declare const DataGridTypes: () => (({
|
|
|
455
451
|
type: import("vue").PropType<boolean>;
|
|
456
452
|
default: boolean;
|
|
457
453
|
};
|
|
454
|
+
isLoading: {
|
|
455
|
+
type: import("vue").PropType<boolean>;
|
|
456
|
+
default: boolean;
|
|
457
|
+
};
|
|
458
458
|
isSticky: {
|
|
459
459
|
type: import("vue").PropType<boolean>;
|
|
460
460
|
default: boolean;
|
|
@@ -540,10 +540,10 @@ declare const DataGridTypes: () => (({
|
|
|
540
540
|
title: string;
|
|
541
541
|
search: string;
|
|
542
542
|
testId: string;
|
|
543
|
-
isLoading: boolean;
|
|
544
543
|
searchPlaceholder: string;
|
|
545
544
|
selection: unknown[];
|
|
546
545
|
searchAutoFocus: boolean;
|
|
546
|
+
isLoading: boolean;
|
|
547
547
|
isSticky: boolean;
|
|
548
548
|
sections: import("../common/Table.types").Section[];
|
|
549
549
|
isStickyHeader: boolean;
|
|
@@ -42,9 +42,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
42
42
|
"onUpdate:modelValue"?: (value: boolean) => any;
|
|
43
43
|
}, {
|
|
44
44
|
testId: string;
|
|
45
|
+
helperText: string;
|
|
45
46
|
color: string;
|
|
46
47
|
isLoading: boolean;
|
|
47
|
-
helperText: string;
|
|
48
48
|
errorText: string;
|
|
49
49
|
activeText: string;
|
|
50
50
|
inactiveText: string;
|
|
@@ -3,14 +3,6 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
|
|
|
3
3
|
type: import("vue").PropType<string>;
|
|
4
4
|
default: string;
|
|
5
5
|
};
|
|
6
|
-
color: {
|
|
7
|
-
type: import("vue").PropType<string>;
|
|
8
|
-
default: string;
|
|
9
|
-
};
|
|
10
|
-
isLoading: {
|
|
11
|
-
type: import("vue").PropType<boolean>;
|
|
12
|
-
default: boolean;
|
|
13
|
-
};
|
|
14
6
|
modelValue: {
|
|
15
7
|
type: import("vue").PropType<boolean>;
|
|
16
8
|
required: true;
|
|
@@ -19,6 +11,14 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
|
|
|
19
11
|
type: import("vue").PropType<string>;
|
|
20
12
|
default: any;
|
|
21
13
|
};
|
|
14
|
+
color: {
|
|
15
|
+
type: import("vue").PropType<string>;
|
|
16
|
+
default: string;
|
|
17
|
+
};
|
|
18
|
+
isLoading: {
|
|
19
|
+
type: import("vue").PropType<boolean>;
|
|
20
|
+
default: boolean;
|
|
21
|
+
};
|
|
22
22
|
errorText: {
|
|
23
23
|
type: import("vue").PropType<string>;
|
|
24
24
|
default: any;
|
|
@@ -42,14 +42,6 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
|
|
|
42
42
|
type: import("vue").PropType<string>;
|
|
43
43
|
default: string;
|
|
44
44
|
};
|
|
45
|
-
color: {
|
|
46
|
-
type: import("vue").PropType<string>;
|
|
47
|
-
default: string;
|
|
48
|
-
};
|
|
49
|
-
isLoading: {
|
|
50
|
-
type: import("vue").PropType<boolean>;
|
|
51
|
-
default: boolean;
|
|
52
|
-
};
|
|
53
45
|
modelValue: {
|
|
54
46
|
type: import("vue").PropType<boolean>;
|
|
55
47
|
required: true;
|
|
@@ -58,6 +50,14 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
|
|
|
58
50
|
type: import("vue").PropType<string>;
|
|
59
51
|
default: any;
|
|
60
52
|
};
|
|
53
|
+
color: {
|
|
54
|
+
type: import("vue").PropType<string>;
|
|
55
|
+
default: string;
|
|
56
|
+
};
|
|
57
|
+
isLoading: {
|
|
58
|
+
type: import("vue").PropType<boolean>;
|
|
59
|
+
default: boolean;
|
|
60
|
+
};
|
|
61
61
|
errorText: {
|
|
62
62
|
type: import("vue").PropType<string>;
|
|
63
63
|
default: any;
|
|
@@ -78,9 +78,9 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
|
|
|
78
78
|
"onUpdate:modelValue"?: (value: boolean) => any;
|
|
79
79
|
}, {
|
|
80
80
|
testId: string;
|
|
81
|
+
helperText: string;
|
|
81
82
|
color: string;
|
|
82
83
|
isLoading: boolean;
|
|
83
|
-
helperText: string;
|
|
84
84
|
errorText: string;
|
|
85
85
|
activeText: string;
|
|
86
86
|
inactiveText: string;
|
|
@@ -61,11 +61,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
61
61
|
size: "small" | "medium";
|
|
62
62
|
testId: string;
|
|
63
63
|
color: "primary" | "test";
|
|
64
|
-
|
|
64
|
+
feedbackVariant: "error" | "success" | "warning";
|
|
65
65
|
hoverHelpText: string;
|
|
66
66
|
hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
67
67
|
feedbackText: string;
|
|
68
|
-
|
|
68
|
+
isLoading: boolean;
|
|
69
69
|
activeText: string;
|
|
70
70
|
inactiveText: string;
|
|
71
71
|
isDisabled: boolean;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import e from "./ToggleV4.vue2.js";
|
|
2
|
+
/* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../../ToggleV4.vue_vue_type_style_index_0_scoped_ef31fecc_lang.css"; //*');
|
|
4
|
+
const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-ef31fecc"]]);
|
|
5
|
+
export {
|
|
6
|
+
t as default
|
|
7
|
+
};
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import "../../../ToggleV4.vue_vue_type_style_index_0_scoped_ef31fecc_lang.css"; import { defineComponent as k, computed as h, openBlock as i, createElementBlock as m, normalizeClass as f, createElementVNode as s, mergeProps as d, unref as t, createCommentVNode as l, renderSlot as g, createBlock as u, withCtx as v, createTextVNode as y, toDisplayString as b, createVNode as V } from "vue";
|
|
2
|
+
import E from "../../typography/v4/Typography.vue.js";
|
|
3
|
+
import { ToggleTestIdModifiers as a } from "../../../testids/index.js";
|
|
4
|
+
import B from "../../shared/FieldHelpText.vue.js";
|
|
5
|
+
import { useTestIdAttrs as H } from "../../../utils/testIds.js";
|
|
6
|
+
import I from "../../icon/v4/IconV4.vue.js";
|
|
7
|
+
import D from "../../tooltip/v4/TooltipV4.vue.js";
|
|
8
|
+
const L = { class: "toggle-head" }, P = ["disabled", "checked"], F = /* @__PURE__ */ k({
|
|
9
|
+
__name: "ToggleV4",
|
|
10
|
+
props: {
|
|
11
|
+
modelValue: { type: Boolean },
|
|
12
|
+
text: { default: void 0 },
|
|
13
|
+
activeText: { default: void 0 },
|
|
14
|
+
inactiveText: { default: void 0 },
|
|
15
|
+
hoverHelpText: { default: "" },
|
|
16
|
+
hoverHelpTextPlacement: { default: "top" },
|
|
17
|
+
feedbackText: { default: "" },
|
|
18
|
+
feedbackVariant: { default: null },
|
|
19
|
+
isDisabled: { type: Boolean, default: !1 },
|
|
20
|
+
isLoading: { type: Boolean, default: !1 },
|
|
21
|
+
color: { default: "primary" },
|
|
22
|
+
size: { default: "small" },
|
|
23
|
+
testId: { default: "" }
|
|
24
|
+
},
|
|
25
|
+
emits: ["update:modelValue"],
|
|
26
|
+
setup(e, { emit: x }) {
|
|
27
|
+
const c = e, T = () => {
|
|
28
|
+
r.value || x("update:modelValue", !c.modelValue);
|
|
29
|
+
}, o = H(c.testId, a), r = h(() => c.isDisabled || c.isLoading);
|
|
30
|
+
return (n, $) => (i(), m("div", {
|
|
31
|
+
class: f(["toggle", [`toggle--color-${e.color}`, `toggle--size-${e.size}`]])
|
|
32
|
+
}, [
|
|
33
|
+
s("div", d({ class: "toggle-wrap" }, t(o)[t(a).WRAPPER]), [
|
|
34
|
+
s("div", d({
|
|
35
|
+
class: ["toggle-body", {
|
|
36
|
+
"toggle-active": e.modelValue,
|
|
37
|
+
"toggle-disabled": t(r)
|
|
38
|
+
}]
|
|
39
|
+
}, t(o)[t(a).BODY], { onClick: T }), [
|
|
40
|
+
s("div", L, [
|
|
41
|
+
e.isLoading ? (i(), m("span", {
|
|
42
|
+
key: 0,
|
|
43
|
+
class: f(["loader", { "loader-active": e.modelValue }])
|
|
44
|
+
}, null, 2)) : l("", !0)
|
|
45
|
+
])
|
|
46
|
+
], 16),
|
|
47
|
+
s("input", d({
|
|
48
|
+
type: "checkbox",
|
|
49
|
+
class: "toggle-checkbox",
|
|
50
|
+
disabled: t(r),
|
|
51
|
+
checked: e.modelValue
|
|
52
|
+
}, t(o)[t(a).FIELD]), null, 16, P),
|
|
53
|
+
n.$slots["icon-left"] ? g(n.$slots, "icon-left", { key: 0 }, void 0, !0) : l("", !0),
|
|
54
|
+
e.text || e.activeText || e.inactiveText ? (i(), u(t(E), d({
|
|
55
|
+
key: 1,
|
|
56
|
+
variant: "body1",
|
|
57
|
+
"is-truncated": "",
|
|
58
|
+
class: "toggle-text"
|
|
59
|
+
}, t(o)[t(a).TEXT]), {
|
|
60
|
+
default: v(() => [
|
|
61
|
+
y(b(e.text ?? (e.modelValue ? e.activeText : e.inactiveText)), 1)
|
|
62
|
+
]),
|
|
63
|
+
_: 1
|
|
64
|
+
}, 16)) : l("", !0),
|
|
65
|
+
n.$slots["icon-right"] ? g(n.$slots, "icon-right", { key: 2 }, void 0, !0) : l("", !0),
|
|
66
|
+
e.hoverHelpText ? (i(), u(t(D), {
|
|
67
|
+
key: 3,
|
|
68
|
+
triggers: ["hover"],
|
|
69
|
+
text: e.hoverHelpText,
|
|
70
|
+
placement: e.hoverHelpTextPlacement
|
|
71
|
+
}, {
|
|
72
|
+
default: v(() => [
|
|
73
|
+
V(t(I), {
|
|
74
|
+
class: "info-icon",
|
|
75
|
+
name: "question",
|
|
76
|
+
type: "fill",
|
|
77
|
+
size: "1rem"
|
|
78
|
+
})
|
|
79
|
+
]),
|
|
80
|
+
_: 1
|
|
81
|
+
}, 8, ["text", "placement"])) : l("", !0)
|
|
82
|
+
], 16),
|
|
83
|
+
e.feedbackText ? (i(), u(B, d({
|
|
84
|
+
key: 0,
|
|
85
|
+
class: "feedback-text",
|
|
86
|
+
text: e.feedbackText,
|
|
87
|
+
variant: e.feedbackVariant,
|
|
88
|
+
"show-icon": !1
|
|
89
|
+
}, t(o)[t(a).HELPER_TEXT]), null, 16, ["text", "variant"])) : l("", !0)
|
|
90
|
+
], 2));
|
|
91
|
+
}
|
|
92
|
+
});
|
|
93
|
+
export {
|
|
94
|
+
F as default
|
|
95
|
+
};
|
|
@@ -0,0 +1,313 @@
|
|
|
1
|
+
declare const ToggleTypes: () => ({
|
|
2
|
+
new (...args: any[]): {
|
|
3
|
+
$: import("vue").ComponentInternalInstance;
|
|
4
|
+
$data: {};
|
|
5
|
+
$props: Partial<{
|
|
6
|
+
text: string;
|
|
7
|
+
size: "small" | "medium";
|
|
8
|
+
testId: string;
|
|
9
|
+
color: "primary" | "test";
|
|
10
|
+
feedbackVariant: "error" | "success" | "warning";
|
|
11
|
+
hoverHelpText: string;
|
|
12
|
+
hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
13
|
+
feedbackText: string;
|
|
14
|
+
isLoading: boolean;
|
|
15
|
+
activeText: string;
|
|
16
|
+
inactiveText: string;
|
|
17
|
+
isDisabled: boolean;
|
|
18
|
+
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
19
|
+
text: {
|
|
20
|
+
type: import("vue").PropType<string>;
|
|
21
|
+
default: any;
|
|
22
|
+
};
|
|
23
|
+
size: {
|
|
24
|
+
type: import("vue").PropType<"small" | "medium">;
|
|
25
|
+
default: string;
|
|
26
|
+
};
|
|
27
|
+
testId: {
|
|
28
|
+
type: import("vue").PropType<string>;
|
|
29
|
+
default: string;
|
|
30
|
+
};
|
|
31
|
+
modelValue: {
|
|
32
|
+
type: import("vue").PropType<boolean>;
|
|
33
|
+
required: true;
|
|
34
|
+
};
|
|
35
|
+
color: {
|
|
36
|
+
type: import("vue").PropType<"primary" | "test">;
|
|
37
|
+
default: string;
|
|
38
|
+
};
|
|
39
|
+
feedbackVariant: {
|
|
40
|
+
type: import("vue").PropType<"error" | "success" | "warning">;
|
|
41
|
+
default: any;
|
|
42
|
+
};
|
|
43
|
+
hoverHelpText: {
|
|
44
|
+
type: import("vue").PropType<string>;
|
|
45
|
+
default: string;
|
|
46
|
+
};
|
|
47
|
+
hoverHelpTextPlacement: {
|
|
48
|
+
type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
|
|
49
|
+
default: string;
|
|
50
|
+
};
|
|
51
|
+
feedbackText: {
|
|
52
|
+
type: import("vue").PropType<string>;
|
|
53
|
+
default: string;
|
|
54
|
+
};
|
|
55
|
+
isLoading: {
|
|
56
|
+
type: import("vue").PropType<boolean>;
|
|
57
|
+
default: boolean;
|
|
58
|
+
};
|
|
59
|
+
activeText: {
|
|
60
|
+
type: import("vue").PropType<string>;
|
|
61
|
+
default: any;
|
|
62
|
+
};
|
|
63
|
+
inactiveText: {
|
|
64
|
+
type: import("vue").PropType<string>;
|
|
65
|
+
default: any;
|
|
66
|
+
};
|
|
67
|
+
isDisabled: {
|
|
68
|
+
type: import("vue").PropType<boolean>;
|
|
69
|
+
default: boolean;
|
|
70
|
+
};
|
|
71
|
+
}>> & {
|
|
72
|
+
"onUpdate:modelValue"?: (value: boolean) => any;
|
|
73
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "size" | "testId" | "color" | "feedbackVariant" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "isLoading" | "activeText" | "inactiveText" | "isDisabled">;
|
|
74
|
+
$attrs: {
|
|
75
|
+
[x: string]: unknown;
|
|
76
|
+
};
|
|
77
|
+
$refs: {
|
|
78
|
+
[x: string]: unknown;
|
|
79
|
+
};
|
|
80
|
+
$slots: Readonly<{
|
|
81
|
+
[name: string]: import("vue").Slot;
|
|
82
|
+
}>;
|
|
83
|
+
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
|
|
84
|
+
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
|
|
85
|
+
$emit: (event: "update:modelValue", value: boolean) => void;
|
|
86
|
+
$el: any;
|
|
87
|
+
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
88
|
+
text: {
|
|
89
|
+
type: import("vue").PropType<string>;
|
|
90
|
+
default: any;
|
|
91
|
+
};
|
|
92
|
+
size: {
|
|
93
|
+
type: import("vue").PropType<"small" | "medium">;
|
|
94
|
+
default: string;
|
|
95
|
+
};
|
|
96
|
+
testId: {
|
|
97
|
+
type: import("vue").PropType<string>;
|
|
98
|
+
default: string;
|
|
99
|
+
};
|
|
100
|
+
modelValue: {
|
|
101
|
+
type: import("vue").PropType<boolean>;
|
|
102
|
+
required: true;
|
|
103
|
+
};
|
|
104
|
+
color: {
|
|
105
|
+
type: import("vue").PropType<"primary" | "test">;
|
|
106
|
+
default: string;
|
|
107
|
+
};
|
|
108
|
+
feedbackVariant: {
|
|
109
|
+
type: import("vue").PropType<"error" | "success" | "warning">;
|
|
110
|
+
default: any;
|
|
111
|
+
};
|
|
112
|
+
hoverHelpText: {
|
|
113
|
+
type: import("vue").PropType<string>;
|
|
114
|
+
default: string;
|
|
115
|
+
};
|
|
116
|
+
hoverHelpTextPlacement: {
|
|
117
|
+
type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
|
|
118
|
+
default: string;
|
|
119
|
+
};
|
|
120
|
+
feedbackText: {
|
|
121
|
+
type: import("vue").PropType<string>;
|
|
122
|
+
default: string;
|
|
123
|
+
};
|
|
124
|
+
isLoading: {
|
|
125
|
+
type: import("vue").PropType<boolean>;
|
|
126
|
+
default: boolean;
|
|
127
|
+
};
|
|
128
|
+
activeText: {
|
|
129
|
+
type: import("vue").PropType<string>;
|
|
130
|
+
default: any;
|
|
131
|
+
};
|
|
132
|
+
inactiveText: {
|
|
133
|
+
type: import("vue").PropType<string>;
|
|
134
|
+
default: any;
|
|
135
|
+
};
|
|
136
|
+
isDisabled: {
|
|
137
|
+
type: import("vue").PropType<boolean>;
|
|
138
|
+
default: boolean;
|
|
139
|
+
};
|
|
140
|
+
}>> & {
|
|
141
|
+
"onUpdate:modelValue"?: (value: boolean) => any;
|
|
142
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
143
|
+
"update:modelValue": (value: boolean) => void;
|
|
144
|
+
}, string, {
|
|
145
|
+
text: string;
|
|
146
|
+
size: "small" | "medium";
|
|
147
|
+
testId: string;
|
|
148
|
+
color: "primary" | "test";
|
|
149
|
+
feedbackVariant: "error" | "success" | "warning";
|
|
150
|
+
hoverHelpText: string;
|
|
151
|
+
hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
152
|
+
feedbackText: string;
|
|
153
|
+
isLoading: boolean;
|
|
154
|
+
activeText: string;
|
|
155
|
+
inactiveText: string;
|
|
156
|
+
isDisabled: boolean;
|
|
157
|
+
}, {}, string> & {
|
|
158
|
+
beforeCreate?: (() => void) | (() => void)[];
|
|
159
|
+
created?: (() => void) | (() => void)[];
|
|
160
|
+
beforeMount?: (() => void) | (() => void)[];
|
|
161
|
+
mounted?: (() => void) | (() => void)[];
|
|
162
|
+
beforeUpdate?: (() => void) | (() => void)[];
|
|
163
|
+
updated?: (() => void) | (() => void)[];
|
|
164
|
+
activated?: (() => void) | (() => void)[];
|
|
165
|
+
deactivated?: (() => void) | (() => void)[];
|
|
166
|
+
beforeDestroy?: (() => void) | (() => void)[];
|
|
167
|
+
beforeUnmount?: (() => void) | (() => void)[];
|
|
168
|
+
destroyed?: (() => void) | (() => void)[];
|
|
169
|
+
unmounted?: (() => void) | (() => void)[];
|
|
170
|
+
renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
|
|
171
|
+
renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
|
|
172
|
+
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)[];
|
|
173
|
+
};
|
|
174
|
+
$forceUpdate: () => void;
|
|
175
|
+
$nextTick: typeof import("vue").nextTick;
|
|
176
|
+
$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;
|
|
177
|
+
} & Readonly<import("vue").ExtractPropTypes<{
|
|
178
|
+
text: {
|
|
179
|
+
type: import("vue").PropType<string>;
|
|
180
|
+
default: any;
|
|
181
|
+
};
|
|
182
|
+
size: {
|
|
183
|
+
type: import("vue").PropType<"small" | "medium">;
|
|
184
|
+
default: string;
|
|
185
|
+
};
|
|
186
|
+
testId: {
|
|
187
|
+
type: import("vue").PropType<string>;
|
|
188
|
+
default: string;
|
|
189
|
+
};
|
|
190
|
+
modelValue: {
|
|
191
|
+
type: import("vue").PropType<boolean>;
|
|
192
|
+
required: true;
|
|
193
|
+
};
|
|
194
|
+
color: {
|
|
195
|
+
type: import("vue").PropType<"primary" | "test">;
|
|
196
|
+
default: string;
|
|
197
|
+
};
|
|
198
|
+
feedbackVariant: {
|
|
199
|
+
type: import("vue").PropType<"error" | "success" | "warning">;
|
|
200
|
+
default: any;
|
|
201
|
+
};
|
|
202
|
+
hoverHelpText: {
|
|
203
|
+
type: import("vue").PropType<string>;
|
|
204
|
+
default: string;
|
|
205
|
+
};
|
|
206
|
+
hoverHelpTextPlacement: {
|
|
207
|
+
type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
|
|
208
|
+
default: string;
|
|
209
|
+
};
|
|
210
|
+
feedbackText: {
|
|
211
|
+
type: import("vue").PropType<string>;
|
|
212
|
+
default: string;
|
|
213
|
+
};
|
|
214
|
+
isLoading: {
|
|
215
|
+
type: import("vue").PropType<boolean>;
|
|
216
|
+
default: boolean;
|
|
217
|
+
};
|
|
218
|
+
activeText: {
|
|
219
|
+
type: import("vue").PropType<string>;
|
|
220
|
+
default: any;
|
|
221
|
+
};
|
|
222
|
+
inactiveText: {
|
|
223
|
+
type: import("vue").PropType<string>;
|
|
224
|
+
default: any;
|
|
225
|
+
};
|
|
226
|
+
isDisabled: {
|
|
227
|
+
type: import("vue").PropType<boolean>;
|
|
228
|
+
default: boolean;
|
|
229
|
+
};
|
|
230
|
+
}>> & {
|
|
231
|
+
"onUpdate:modelValue"?: (value: boolean) => any;
|
|
232
|
+
} & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
|
|
233
|
+
__isFragment?: never;
|
|
234
|
+
__isTeleport?: never;
|
|
235
|
+
__isSuspense?: never;
|
|
236
|
+
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
237
|
+
text: {
|
|
238
|
+
type: import("vue").PropType<string>;
|
|
239
|
+
default: any;
|
|
240
|
+
};
|
|
241
|
+
size: {
|
|
242
|
+
type: import("vue").PropType<"small" | "medium">;
|
|
243
|
+
default: string;
|
|
244
|
+
};
|
|
245
|
+
testId: {
|
|
246
|
+
type: import("vue").PropType<string>;
|
|
247
|
+
default: string;
|
|
248
|
+
};
|
|
249
|
+
modelValue: {
|
|
250
|
+
type: import("vue").PropType<boolean>;
|
|
251
|
+
required: true;
|
|
252
|
+
};
|
|
253
|
+
color: {
|
|
254
|
+
type: import("vue").PropType<"primary" | "test">;
|
|
255
|
+
default: string;
|
|
256
|
+
};
|
|
257
|
+
feedbackVariant: {
|
|
258
|
+
type: import("vue").PropType<"error" | "success" | "warning">;
|
|
259
|
+
default: any;
|
|
260
|
+
};
|
|
261
|
+
hoverHelpText: {
|
|
262
|
+
type: import("vue").PropType<string>;
|
|
263
|
+
default: string;
|
|
264
|
+
};
|
|
265
|
+
hoverHelpTextPlacement: {
|
|
266
|
+
type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
|
|
267
|
+
default: string;
|
|
268
|
+
};
|
|
269
|
+
feedbackText: {
|
|
270
|
+
type: import("vue").PropType<string>;
|
|
271
|
+
default: string;
|
|
272
|
+
};
|
|
273
|
+
isLoading: {
|
|
274
|
+
type: import("vue").PropType<boolean>;
|
|
275
|
+
default: boolean;
|
|
276
|
+
};
|
|
277
|
+
activeText: {
|
|
278
|
+
type: import("vue").PropType<string>;
|
|
279
|
+
default: any;
|
|
280
|
+
};
|
|
281
|
+
inactiveText: {
|
|
282
|
+
type: import("vue").PropType<string>;
|
|
283
|
+
default: any;
|
|
284
|
+
};
|
|
285
|
+
isDisabled: {
|
|
286
|
+
type: import("vue").PropType<boolean>;
|
|
287
|
+
default: boolean;
|
|
288
|
+
};
|
|
289
|
+
}>> & {
|
|
290
|
+
"onUpdate:modelValue"?: (value: boolean) => any;
|
|
291
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
292
|
+
"update:modelValue": (value: boolean) => void;
|
|
293
|
+
}, string, {
|
|
294
|
+
text: string;
|
|
295
|
+
size: "small" | "medium";
|
|
296
|
+
testId: string;
|
|
297
|
+
color: "primary" | "test";
|
|
298
|
+
feedbackVariant: "error" | "success" | "warning";
|
|
299
|
+
hoverHelpText: string;
|
|
300
|
+
hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
301
|
+
feedbackText: string;
|
|
302
|
+
isLoading: boolean;
|
|
303
|
+
activeText: string;
|
|
304
|
+
inactiveText: string;
|
|
305
|
+
isDisabled: boolean;
|
|
306
|
+
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
307
|
+
$slots: {
|
|
308
|
+
"icon-left"?(_: {}): any;
|
|
309
|
+
"icon-right"?(_: {}): any;
|
|
310
|
+
};
|
|
311
|
+
}))[];
|
|
312
|
+
export { default as Toggle } from './ToggleV4.vue';
|
|
313
|
+
export { ToggleTypes };
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
/* empty css
|
|
1
|
+
import o from "./Tooltip.vue2.js";
|
|
2
|
+
/* empty css *//* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../../Tooltip.vue_vue_type_style_index_0_scoped_9020a179_lang.css"; //*');
|
|
4
|
+
// import "../../../Tooltip.vue_vue_type_style_index_1_lang.css"; //');
|
|
5
|
+
const l = /* @__PURE__ */ _(o, [["__scopeId", "data-v-9020a179"]]);
|
|
3
6
|
export {
|
|
4
|
-
|
|
7
|
+
l as default
|
|
5
8
|
};
|