@ironsource/shared-ui 2.2.0-rc.4 → 2.2.0-rc.40
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/Alert.vue_vue_type_style_index_0_scoped_5e66710b_lang.css +1 -0
- package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_f86477a9_lang.css +1 -0
- package/AppHeader.vue_vue_type_style_index_0_scoped_18bc6c0d_lang.css +1 -0
- package/ButtonV4.vue_vue_type_style_index_0_scoped_a59af1ad_lang.css +1 -0
- package/CalendarMonth.vue_vue_type_style_index_0_scoped_a44769fd_lang.css +1 -0
- package/CalendarMonthV4.vue_vue_type_style_index_0_scoped_6eae923a_lang.css +1 -0
- package/Chart.vue_vue_type_style_index_0_scoped_a4d7b67a_lang.css +1 -0
- package/ChartHeader.vue_vue_type_style_index_0_scoped_3a061c08_lang.css +1 -0
- package/CheckboxV4.vue_vue_type_style_index_0_scoped_88525d86_lang.css +1 -0
- package/ChipV4.vue_vue_type_style_index_0_scoped_a221c649_lang.css +1 -0
- package/ColumnPicker.vue_vue_type_style_index_0_scoped_d59af062_lang.css +1 -0
- package/DataGrid.vue_vue_type_style_index_0_scoped_0967498f_lang.css +1 -0
- package/DateRange.vue_vue_type_style_index_0_scoped_25d03907_lang.css +1 -0
- package/DateRangeV4.vue_vue_type_style_index_0_scoped_f8826716_lang.css +1 -0
- package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_a6900fa6_lang.css +1 -0
- package/DialogV4.vue_vue_type_style_index_0_scoped_a6710278_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_0_scoped_526bf0a1_lang.css +1 -0
- package/FormCard.vue_vue_type_style_index_0_scoped_98458a8f_lang.css +1 -0
- package/GroupOption.vue_vue_type_style_index_0_scoped_1e5170b3_lang.css +1 -0
- package/HelpText.vue_vue_type_style_index_0_scoped_641c2356_lang.css +1 -0
- package/IconV4.vue_vue_type_style_index_0_scoped_6683c5b5_lang.css +1 -0
- package/Link.vue_vue_type_style_index_0_scoped_fe0e7f6f_lang.css +1 -0
- package/MultiBar.vue_vue_type_style_index_0_scoped_c4395fb6_lang.css +1 -0
- package/PopoverV4.vue_vue_type_style_index_0_scoped_9ae00876_lang.css +1 -0
- package/RadioButtonV4.vue_vue_type_style_index_0_scoped_4f3c7037_lang.css +1 -0
- package/SectionDropdown.vue_vue_type_style_index_0_scoped_65877e48_lang.css +1 -0
- package/SwitchV4.vue_vue_type_style_index_0_scoped_b71a806e_lang.css +1 -0
- package/Tag.vue_vue_type_style_index_0_scoped_3a5abbc4_lang.css +1 -0
- package/TextAreaV4.vue_vue_type_style_index_0_scoped_0feea75e_lang.css +1 -0
- package/TextField.vue_vue_type_style_index_0_scoped_28fab783_lang.css +1 -0
- package/ThemeWrapper.vue_vue_type_style_index_1_lang.css +1 -1
- package/ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_0fc9ddf5_lang.css +1 -0
- package/TooltipV4.vue_vue_type_style_index_0_scoped_a8aebfee_lang.css +1 -0
- package/TooltipV4.vue_vue_type_style_index_1_lang.css +1 -1
- package/components/alert/Alert.vue.d.ts +3 -8
- package/components/alert/Alert.vue.js +2 -2
- package/components/alert/Alert.vue2.js +48 -46
- package/components/alert/index.d.ts +8 -27
- package/components/appHeader/AppHeader.vue.js +2 -2
- package/components/appHeader/AppHeader.vue2.js +44 -45
- package/components/button/v4/ButtonV4.vue.js +4 -4
- package/components/button/v4/ButtonV4.vue2.js +1 -1
- package/components/button/v4/ToggleButtonGroupAB.vue.js +2 -2
- package/components/button/v4/ToggleButtonGroupAB.vue2.js +1 -1
- package/components/chart/Chart.vue.d.ts +5 -0
- package/components/chart/Chart.vue.js +3 -3
- package/components/chart/Chart.vue2.js +17 -15
- package/components/chart/ChartHeader.vue.js +2 -2
- package/components/chart/ChartHeader.vue2.js +2 -2
- package/components/chart/composables/useChartHeight.d.ts +1 -1
- package/components/chart/composables/useChartHeight.js +16 -15
- package/components/chart/index.d.ts +20 -1
- package/components/chart/types.d.ts +1 -0
- package/components/checkbox/v4/CheckboxV4.vue.js +3 -3
- package/components/checkbox/v4/CheckboxV4.vue2.js +60 -79
- package/components/checkbox/v4/icons/CheckedState.vue.js +11 -11
- package/components/checkbox/v4/icons/IndeterminateState.vue.js +7 -7
- package/components/checkbox/v4/icons/UncheckedState.vue.d.ts +28 -1
- package/components/checkbox/v4/icons/UncheckedState.vue.js +23 -21
- package/components/checkbox/v4/icons/UncheckedState.vue2.js +4 -0
- package/components/chip/v4/ChipV4.vue.js +3 -3
- package/components/chip/v4/ChipV4.vue2.js +1 -1
- package/components/columnConfigurator/SectionDropdown.vue.js +3 -3
- package/components/columnConfigurator/SectionDropdown.vue2.js +6 -7
- package/components/columnPicker/ColumnPicker.vue.d.ts +2 -0
- package/components/columnPicker/ColumnPicker.vue.js +3 -3
- package/components/columnPicker/ColumnPicker.vue2.js +173 -153
- package/components/columnPicker/index.d.ts +7 -1
- package/components/dateRange/common/CalendarMonth.common.js +46 -41
- package/components/dateRange/common/DateRange.common.d.ts +1 -0
- package/components/dateRange/common/DateRange.common.js +39 -38
- package/components/dateRange/common/consts.common.d.ts +5 -0
- package/components/dateRange/common/consts.common.js +9 -0
- package/components/dateRange/v3/CalendarMonth.vue.d.ts +5 -0
- package/components/dateRange/v3/CalendarMonth.vue.js +3 -3
- package/components/dateRange/v3/CalendarMonth.vue2.js +6 -5
- package/components/dateRange/v3/DateRange.vue.d.ts +8 -3
- package/components/dateRange/v3/DateRange.vue.js +2 -2
- package/components/dateRange/v3/DateRange.vue2.js +2 -1
- package/components/dateRange/v3/DateRangePicker.vue.d.ts +3 -3
- package/components/dateRange/v3/index.d.ts +27 -8
- package/components/dateRange/v4/CalendarMonthV4.vue.d.ts +5 -0
- package/components/dateRange/v4/CalendarMonthV4.vue.js +4 -4
- package/components/dateRange/v4/CalendarMonthV4.vue2.js +12 -11
- package/components/dateRange/v4/DateRangePickerV4.vue.d.ts +3 -3
- package/components/dateRange/v4/DateRangeV4.vue.d.ts +8 -3
- package/components/dateRange/v4/DateRangeV4.vue.js +3 -3
- package/components/dateRange/v4/DateRangeV4.vue2.js +104 -101
- package/components/dateRange/v4/index.d.ts +27 -8
- package/components/dialog/v4/DialogV4.vue.js +4 -4
- package/components/dialog/v4/DialogV4.vue2.js +1 -1
- package/components/dropdown/v4/AppDropdownTrigger.vue.js +3 -3
- package/components/dropdown/v4/AppDropdownTrigger.vue2.js +1 -1
- package/components/dropdown/v4/ButtonDropdownTrigger.vue.d.ts +1 -1
- package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +3 -3
- package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +1 -1
- package/components/dropdown/v4/DropdownV4.vue.js +3 -3
- package/components/dropdown/v4/DropdownV4.vue2.js +2 -2
- package/components/dropdown/v4/GroupOption.vue.js +3 -3
- package/components/dropdown/v4/GroupOption.vue2.js +1 -1
- package/components/forms/FormCard.vue.js +3 -3
- package/components/forms/FormCard.vue2.js +5 -5
- package/components/helpText/HelpText.vue.d.ts +68 -0
- package/components/helpText/HelpText.vue.js +7 -0
- package/components/helpText/HelpText.vue2.js +45 -0
- package/components/helpText/index.d.ts +190 -0
- package/components/helpText/index.js +6 -0
- package/components/icon/v4/IconV4.vue.d.ts +5 -0
- package/components/icon/v4/IconV4.vue.js +2 -2
- package/components/icon/v4/IconV4.vue2.js +27 -26
- package/components/icon/v4/index.d.ts +20 -1
- package/components/input/v4/TextField.vue.js +2 -2
- package/components/input/v4/TextField.vue2.js +1 -1
- package/components/link/Link.vue.d.ts +3 -3
- package/components/link/Link.vue.js +5 -5
- package/components/link/Link.vue2.js +1 -1
- package/components/link/index.d.ts +7 -7
- package/components/multibar/MultiBar.vue.js +3 -3
- package/components/multibar/MultiBar.vue2.js +1 -1
- package/components/popover/v4/PopoverV4.vue.d.ts +14 -0
- package/components/popover/v4/PopoverV4.vue.js +2 -2
- package/components/popover/v4/PopoverV4.vue2.js +11 -9
- package/components/popover/v4/index.d.ts +41 -1
- package/components/radioButton/v4/RadioButtonV4.vue.js +3 -3
- package/components/radioButton/v4/RadioButtonV4.vue2.js +1 -1
- package/components/switch/v4/SwitchV4.vue.d.ts +5 -0
- package/components/switch/v4/SwitchV4.vue.js +4 -4
- package/components/switch/v4/SwitchV4.vue2.js +14 -13
- package/components/switch/v4/index.d.ts +9 -0
- package/components/table/v4/DataGrid.vue.d.ts +2 -0
- package/components/table/v4/DataGrid.vue.js +4 -4
- package/components/table/v4/DataGrid.vue2.js +82 -80
- package/components/table/v4/index.d.ts +7 -1
- package/components/tag/Tag.vue.d.ts +126 -0
- package/components/tag/Tag.vue.js +7 -0
- package/components/tag/Tag.vue2.js +249 -0
- package/components/tag/index.d.ts +183 -0
- package/components/tag/index.js +6 -0
- package/components/tagsField/index.d.ts +42 -3
- package/components/tagsField/index.js +6 -4
- package/components/textArea/v4/TextAreaV4.vue.js +3 -3
- package/components/textArea/v4/TextAreaV4.vue2.js +1 -1
- 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 +76 -36
- package/components/tooltip/v4/index.d.ts +20 -1
- package/design-foundation.stories/colors/ColorsData.d.ts +52 -47
- package/index.d.ts +270 -44
- package/index.js +108 -98
- package/package.json +12 -3
- package/style/v4/colors.scss +89 -84
- package/style/v4/grid.css +1 -1
- package/style/v4/grid.css.map +1 -1
- package/testids/index.d.ts +4 -0
- package/testids/index.js +38 -37
- package/Alert.vue_vue_type_style_index_0_scoped_06e0871a_lang.css +0 -1
- package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_858cefbf_lang.css +0 -1
- package/AppHeader.vue_vue_type_style_index_0_scoped_538ccdc6_lang.css +0 -1
- package/ButtonV4.vue_vue_type_style_index_0_scoped_852be7ec_lang.css +0 -1
- package/CalendarMonth.vue_vue_type_style_index_0_scoped_acd3440c_lang.css +0 -1
- package/CalendarMonthV4.vue_vue_type_style_index_0_scoped_b0d3ea50_lang.css +0 -1
- package/Chart.vue_vue_type_style_index_0_scoped_22477735_lang.css +0 -1
- package/ChartHeader.vue_vue_type_style_index_0_scoped_9a603520_lang.css +0 -1
- package/CheckboxV4.vue_vue_type_style_index_0_scoped_af4ae3c3_lang.css +0 -1
- package/ChipV4.vue_vue_type_style_index_0_scoped_a4d3a12e_lang.css +0 -1
- package/ColumnPicker.vue_vue_type_style_index_0_scoped_ea8c7024_lang.css +0 -1
- package/DataGrid.vue_vue_type_style_index_0_scoped_cd41c5ca_lang.css +0 -1
- package/DateRange.vue_vue_type_style_index_0_scoped_70e316e9_lang.css +0 -1
- package/DateRangeV4.vue_vue_type_style_index_0_scoped_a849128a_lang.css +0 -1
- package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_3bc0f416_lang.css +0 -1
- package/DialogV4.vue_vue_type_style_index_0_scoped_cc99f1e3_lang.css +0 -1
- package/DropdownV4.vue_vue_type_style_index_0_scoped_445ebb01_lang.css +0 -1
- package/FormCard.vue_vue_type_style_index_0_scoped_86feae7b_lang.css +0 -1
- package/GroupOption.vue_vue_type_style_index_0_scoped_5f372a81_lang.css +0 -1
- package/IconV4.vue_vue_type_style_index_0_scoped_dc433d48_lang.css +0 -1
- package/Link.vue_vue_type_style_index_0_scoped_1a766750_lang.css +0 -1
- package/MultiBar.vue_vue_type_style_index_0_scoped_71617643_lang.css +0 -1
- package/PopoverV4.vue_vue_type_style_index_0_scoped_66694b4e_lang.css +0 -1
- package/RadioButtonV4.vue_vue_type_style_index_0_scoped_05c7bca2_lang.css +0 -1
- package/SectionDropdown.vue_vue_type_style_index_0_scoped_cfad60a8_lang.css +0 -1
- package/SwitchV4.vue_vue_type_style_index_0_scoped_cd6621a7_lang.css +0 -1
- package/TextAreaV4.vue_vue_type_style_index_0_scoped_4114ef89_lang.css +0 -1
- package/TextField.vue_vue_type_style_index_0_scoped_3b7a3661_lang.css +0 -1
- package/ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_2076b5ab_lang.css +0 -1
- package/TooltipV4.vue_vue_type_style_index_0_scoped_8a451e54_lang.css +0 -1
- package/components/checkbox/v4/icons/CheckedDisabledState.vue.d.ts +0 -29
- package/components/checkbox/v4/icons/CheckedDisabledState.vue.js +0 -45
- package/components/checkbox/v4/icons/CheckedDisabledState.vue2.js +0 -4
- package/components/checkbox/v4/icons/IndeterminateDisabledState.vue.d.ts +0 -2
- package/components/checkbox/v4/icons/IndeterminateDisabledState.vue.js +0 -40
- package/components/checkbox/v4/icons/UncheckedDisabledState.vue.d.ts +0 -2
- package/components/checkbox/v4/icons/UncheckedDisabledState.vue.js +0 -30
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../Link.
|
|
1
|
+
import "../../Link.vue_vue_type_style_index_0_scoped_fe0e7f6f_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
2
|
import k from "../typography/v4/Typography.vue.js";
|
|
3
3
|
import r from "../icon/v4/IconV4.vue.js";
|
|
4
4
|
import "../icon/v4/IconFlag.vue.js";
|
|
@@ -4,7 +4,7 @@ declare const LinkTypes: () => ({
|
|
|
4
4
|
$data: {};
|
|
5
5
|
$props: Partial<{
|
|
6
6
|
testId: string;
|
|
7
|
-
variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
|
|
7
|
+
variant: "button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel";
|
|
8
8
|
withTooltip: boolean;
|
|
9
9
|
tooltipText: string;
|
|
10
10
|
isTruncated: boolean;
|
|
@@ -21,7 +21,7 @@ declare const LinkTypes: () => ({
|
|
|
21
21
|
default: string;
|
|
22
22
|
};
|
|
23
23
|
variant: {
|
|
24
|
-
type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
|
|
24
|
+
type: import("vue").PropType<"button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel">;
|
|
25
25
|
default: string;
|
|
26
26
|
};
|
|
27
27
|
withTooltip: {
|
|
@@ -86,7 +86,7 @@ declare const LinkTypes: () => ({
|
|
|
86
86
|
default: string;
|
|
87
87
|
};
|
|
88
88
|
variant: {
|
|
89
|
-
type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
|
|
89
|
+
type: import("vue").PropType<"button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel">;
|
|
90
90
|
default: string;
|
|
91
91
|
};
|
|
92
92
|
withTooltip: {
|
|
@@ -135,7 +135,7 @@ declare const LinkTypes: () => ({
|
|
|
135
135
|
click: () => void;
|
|
136
136
|
}, string, {
|
|
137
137
|
testId: string;
|
|
138
|
-
variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
|
|
138
|
+
variant: "button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel";
|
|
139
139
|
withTooltip: boolean;
|
|
140
140
|
tooltipText: string;
|
|
141
141
|
isTruncated: boolean;
|
|
@@ -172,7 +172,7 @@ declare const LinkTypes: () => ({
|
|
|
172
172
|
default: string;
|
|
173
173
|
};
|
|
174
174
|
variant: {
|
|
175
|
-
type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
|
|
175
|
+
type: import("vue").PropType<"button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel">;
|
|
176
176
|
default: string;
|
|
177
177
|
};
|
|
178
178
|
withTooltip: {
|
|
@@ -227,7 +227,7 @@ declare const LinkTypes: () => ({
|
|
|
227
227
|
default: string;
|
|
228
228
|
};
|
|
229
229
|
variant: {
|
|
230
|
-
type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
|
|
230
|
+
type: import("vue").PropType<"button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel">;
|
|
231
231
|
default: string;
|
|
232
232
|
};
|
|
233
233
|
withTooltip: {
|
|
@@ -276,7 +276,7 @@ declare const LinkTypes: () => ({
|
|
|
276
276
|
click: () => void;
|
|
277
277
|
}, string, {
|
|
278
278
|
testId: string;
|
|
279
|
-
variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
|
|
279
|
+
variant: "button" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "chipLabel";
|
|
280
280
|
withTooltip: boolean;
|
|
281
281
|
tooltipText: string;
|
|
282
282
|
isTruncated: boolean;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./MultiBar.vue2.js";
|
|
2
2
|
/* empty css */import _ from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../MultiBar.
|
|
4
|
-
const
|
|
3
|
+
// import "../../MultiBar.vue_vue_type_style_index_0_scoped_c4395fb6_lang.css"; //*');
|
|
4
|
+
const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-c4395fb6"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
c as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../MultiBar.
|
|
1
|
+
import "../../MultiBar.vue_vue_type_style_index_0_scoped_c4395fb6_lang.css"; import { defineComponent as k, computed as v, openBlock as l, createBlock as d, Teleport as x, createVNode as u, Transition as g, withCtx as c, unref as t, createElementBlock as r, mergeProps as B, createElementVNode as V, createTextVNode as h, toDisplayString as A, createCommentVNode as m, Fragment as z, renderList as M, normalizeClass as N } from "vue";
|
|
2
2
|
import { useVModel as $ } from "@vueuse/core";
|
|
3
3
|
import E from "../typography/v4/Typography.vue.js";
|
|
4
4
|
import S from "../button/v4/ButtonV4.vue.js";
|
|
@@ -7,6 +7,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
7
7
|
placement?: Placement;
|
|
8
8
|
distance?: number;
|
|
9
9
|
skidding?: number;
|
|
10
|
+
delay?: number | {
|
|
11
|
+
show: number;
|
|
12
|
+
hide: number;
|
|
13
|
+
};
|
|
10
14
|
testId?: string;
|
|
11
15
|
popperClass?: string;
|
|
12
16
|
container?: string;
|
|
@@ -18,6 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
18
22
|
placement: string;
|
|
19
23
|
distance: number;
|
|
20
24
|
skidding: number;
|
|
25
|
+
delay: number;
|
|
21
26
|
testId: string;
|
|
22
27
|
popperClass: string;
|
|
23
28
|
container: string;
|
|
@@ -33,6 +38,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
33
38
|
placement?: Placement;
|
|
34
39
|
distance?: number;
|
|
35
40
|
skidding?: number;
|
|
41
|
+
delay?: number | {
|
|
42
|
+
show: number;
|
|
43
|
+
hide: number;
|
|
44
|
+
};
|
|
36
45
|
testId?: string;
|
|
37
46
|
popperClass?: string;
|
|
38
47
|
container?: string;
|
|
@@ -44,6 +53,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
44
53
|
placement: string;
|
|
45
54
|
distance: number;
|
|
46
55
|
skidding: number;
|
|
56
|
+
delay: number;
|
|
47
57
|
testId: string;
|
|
48
58
|
popperClass: string;
|
|
49
59
|
container: string;
|
|
@@ -51,6 +61,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
51
61
|
onIsOpen?: (value: boolean) => any;
|
|
52
62
|
}, {
|
|
53
63
|
testId: string;
|
|
64
|
+
delay: number | {
|
|
65
|
+
show: number;
|
|
66
|
+
hide: number;
|
|
67
|
+
};
|
|
54
68
|
placement: Placement;
|
|
55
69
|
disabled: boolean;
|
|
56
70
|
distance: number;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import o from "./PopoverV4.vue2.js";
|
|
2
2
|
/* empty css *//* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../PopoverV4.
|
|
3
|
+
// import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_9ae00876_lang.css"; //*');
|
|
4
4
|
// import "../../../PopoverV4.vue_vue_type_style_index_1_lang.css"; //');
|
|
5
|
-
const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-
|
|
5
|
+
const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-9ae00876"]]);
|
|
6
6
|
export {
|
|
7
7
|
r as default
|
|
8
8
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../../PopoverV4.
|
|
1
|
+
import "../../../PopoverV4.vue_vue_type_style_index_0_scoped_9ae00876_lang.css"; import "../../../PopoverV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as k, watch as s, openBlock as p, createBlock as y, unref as r, withCtx as u, createElementBlock as h, renderSlot as g, createCommentVNode as B, createElementVNode as C } from "vue";
|
|
2
2
|
import { Dropdown as w } from "floating-vue";
|
|
3
3
|
import { popoverCommon as $ } from "../common/Popover.common.js";
|
|
4
4
|
const O = ["data-testid"], H = /* @__PURE__ */ k({
|
|
@@ -11,6 +11,7 @@ const O = ["data-testid"], H = /* @__PURE__ */ k({
|
|
|
11
11
|
placement: { default: "bottom-start" },
|
|
12
12
|
distance: { default: 0 },
|
|
13
13
|
skidding: { default: 0 },
|
|
14
|
+
delay: { default: 0 },
|
|
14
15
|
testId: { default: "" },
|
|
15
16
|
popperClass: { default: "" },
|
|
16
17
|
container: { default: "body" }
|
|
@@ -26,24 +27,25 @@ const O = ["data-testid"], H = /* @__PURE__ */ k({
|
|
|
26
27
|
d(o);
|
|
27
28
|
}
|
|
28
29
|
);
|
|
29
|
-
const
|
|
30
|
+
const a = (o) => {
|
|
30
31
|
i.trigger === o && (t.value = !t.value);
|
|
31
32
|
};
|
|
32
33
|
return f({
|
|
33
34
|
toggle: d
|
|
34
|
-
}), (o, n) => (p(), y(
|
|
35
|
+
}), (o, n) => (p(), y(r(w), {
|
|
35
36
|
theme: "custom-popover",
|
|
36
37
|
placement: e.placement,
|
|
37
|
-
shown: !!
|
|
38
|
+
shown: !!r(t),
|
|
38
39
|
triggers: e.trigger === "managed" ? [] : [e.trigger],
|
|
39
40
|
"auto-hide": e.autoHide,
|
|
40
41
|
distance: e.distance,
|
|
41
42
|
skidding: e.skidding,
|
|
43
|
+
delay: e.delay,
|
|
42
44
|
container: e.container,
|
|
43
45
|
"popper-class": [e.popperClass, "v4-popover__popper light-theme-v4"]
|
|
44
46
|
}, {
|
|
45
47
|
popper: u(() => [
|
|
46
|
-
|
|
48
|
+
r(t) ? (p(), h("div", {
|
|
47
49
|
key: 0,
|
|
48
50
|
ref_key: "popup",
|
|
49
51
|
ref: c,
|
|
@@ -57,15 +59,15 @@ const O = ["data-testid"], H = /* @__PURE__ */ k({
|
|
|
57
59
|
C("div", {
|
|
58
60
|
ref_key: "triggerRef",
|
|
59
61
|
ref: v,
|
|
60
|
-
onClick: n[0] || (n[0] = (l) =>
|
|
61
|
-
onMouseenter: n[1] || (n[1] = (l) =>
|
|
62
|
-
onMouseleave: n[2] || (n[2] = (l) =>
|
|
62
|
+
onClick: n[0] || (n[0] = (l) => a("click")),
|
|
63
|
+
onMouseenter: n[1] || (n[1] = (l) => a("hover")),
|
|
64
|
+
onMouseleave: n[2] || (n[2] = (l) => a("hover"))
|
|
63
65
|
}, [
|
|
64
66
|
g(o.$slots, "trigger", {}, void 0, !0)
|
|
65
67
|
], 544)
|
|
66
68
|
]),
|
|
67
69
|
_: 3
|
|
68
|
-
}, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "container", "popper-class"]));
|
|
70
|
+
}, 8, ["placement", "shown", "triggers", "auto-hide", "distance", "skidding", "delay", "container", "popper-class"]));
|
|
69
71
|
}
|
|
70
72
|
});
|
|
71
73
|
export {
|
|
@@ -5,6 +5,10 @@ declare const PopoverTypes: () => ({
|
|
|
5
5
|
$data: {};
|
|
6
6
|
$props: Partial<{
|
|
7
7
|
testId: string;
|
|
8
|
+
delay: number | {
|
|
9
|
+
show: number;
|
|
10
|
+
hide: number;
|
|
11
|
+
};
|
|
8
12
|
placement: import("floating-vue").Placement;
|
|
9
13
|
disabled: boolean;
|
|
10
14
|
distance: number;
|
|
@@ -19,6 +23,13 @@ declare const PopoverTypes: () => ({
|
|
|
19
23
|
type: import("vue").PropType<string>;
|
|
20
24
|
default: string;
|
|
21
25
|
};
|
|
26
|
+
delay: {
|
|
27
|
+
type: import("vue").PropType<number | {
|
|
28
|
+
show: number;
|
|
29
|
+
hide: number;
|
|
30
|
+
}>;
|
|
31
|
+
default: number;
|
|
32
|
+
};
|
|
22
33
|
placement: {
|
|
23
34
|
type: import("vue").PropType<import("floating-vue").Placement>;
|
|
24
35
|
default: string;
|
|
@@ -57,7 +68,7 @@ declare const PopoverTypes: () => ({
|
|
|
57
68
|
};
|
|
58
69
|
}>> & {
|
|
59
70
|
onIsOpen?: (value: boolean) => any;
|
|
60
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "container" | "autoHide" | "popperClass" | "isOpen" | "trigger" | "skidding">;
|
|
71
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "delay" | "placement" | "disabled" | "distance" | "container" | "autoHide" | "popperClass" | "isOpen" | "trigger" | "skidding">;
|
|
61
72
|
$attrs: {
|
|
62
73
|
[x: string]: unknown;
|
|
63
74
|
};
|
|
@@ -76,6 +87,13 @@ declare const PopoverTypes: () => ({
|
|
|
76
87
|
type: import("vue").PropType<string>;
|
|
77
88
|
default: string;
|
|
78
89
|
};
|
|
90
|
+
delay: {
|
|
91
|
+
type: import("vue").PropType<number | {
|
|
92
|
+
show: number;
|
|
93
|
+
hide: number;
|
|
94
|
+
}>;
|
|
95
|
+
default: number;
|
|
96
|
+
};
|
|
79
97
|
placement: {
|
|
80
98
|
type: import("vue").PropType<import("floating-vue").Placement>;
|
|
81
99
|
default: string;
|
|
@@ -120,6 +138,10 @@ declare const PopoverTypes: () => ({
|
|
|
120
138
|
isOpen: (value: boolean) => void;
|
|
121
139
|
}, string, {
|
|
122
140
|
testId: string;
|
|
141
|
+
delay: number | {
|
|
142
|
+
show: number;
|
|
143
|
+
hide: number;
|
|
144
|
+
};
|
|
123
145
|
placement: import("floating-vue").Placement;
|
|
124
146
|
disabled: boolean;
|
|
125
147
|
distance: number;
|
|
@@ -154,6 +176,13 @@ declare const PopoverTypes: () => ({
|
|
|
154
176
|
type: import("vue").PropType<string>;
|
|
155
177
|
default: string;
|
|
156
178
|
};
|
|
179
|
+
delay: {
|
|
180
|
+
type: import("vue").PropType<number | {
|
|
181
|
+
show: number;
|
|
182
|
+
hide: number;
|
|
183
|
+
}>;
|
|
184
|
+
default: number;
|
|
185
|
+
};
|
|
157
186
|
placement: {
|
|
158
187
|
type: import("vue").PropType<import("floating-vue").Placement>;
|
|
159
188
|
default: string;
|
|
@@ -203,6 +232,13 @@ declare const PopoverTypes: () => ({
|
|
|
203
232
|
type: import("vue").PropType<string>;
|
|
204
233
|
default: string;
|
|
205
234
|
};
|
|
235
|
+
delay: {
|
|
236
|
+
type: import("vue").PropType<number | {
|
|
237
|
+
show: number;
|
|
238
|
+
hide: number;
|
|
239
|
+
}>;
|
|
240
|
+
default: number;
|
|
241
|
+
};
|
|
206
242
|
placement: {
|
|
207
243
|
type: import("vue").PropType<import("floating-vue").Placement>;
|
|
208
244
|
default: string;
|
|
@@ -247,6 +283,10 @@ declare const PopoverTypes: () => ({
|
|
|
247
283
|
isOpen: (value: boolean) => void;
|
|
248
284
|
}, string, {
|
|
249
285
|
testId: string;
|
|
286
|
+
delay: number | {
|
|
287
|
+
show: number;
|
|
288
|
+
hide: number;
|
|
289
|
+
};
|
|
250
290
|
placement: import("floating-vue").Placement;
|
|
251
291
|
disabled: boolean;
|
|
252
292
|
distance: number;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./RadioButtonV4.vue2.js";
|
|
2
2
|
/* empty css */import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../RadioButtonV4.
|
|
4
|
-
const
|
|
3
|
+
// import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_4f3c7037_lang.css"; //*');
|
|
4
|
+
const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4f3c7037"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
c as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../../RadioButtonV4.
|
|
1
|
+
import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_4f3c7037_lang.css"; import { defineComponent as R, ref as g, inject as k, computed as c, openBlock as b, createElementBlock as B, normalizeClass as v, unref as e, createElementVNode as l, withDirectives as w, mergeProps as m, isRef as C, vModelRadio as L, renderSlot as N, createVNode as T, withCtx as V, createTextVNode as h, toDisplayString as y, createBlock as A, createCommentVNode as x } from "vue";
|
|
2
2
|
import I from "../../typography/v4/Typography.vue.js";
|
|
3
3
|
import { radioGroupKey as G } from "../common/useRadio.js";
|
|
4
4
|
import { RadioTestIdModifiers as r } from "../../../testids/index.js";
|
|
@@ -7,12 +7,14 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
7
7
|
iconKey?: string;
|
|
8
8
|
tooltipTextKey?: string;
|
|
9
9
|
tooltipPlacement?: TooltipPositions;
|
|
10
|
+
iconSize?: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
|
|
10
11
|
}>, {
|
|
11
12
|
testId: string;
|
|
12
13
|
variant: string;
|
|
13
14
|
iconKey: string;
|
|
14
15
|
tooltipTextKey: string;
|
|
15
16
|
tooltipPlacement: string;
|
|
17
|
+
iconSize: string;
|
|
16
18
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
17
19
|
"update:modelValue": (...args: any[]) => void;
|
|
18
20
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
@@ -23,18 +25,21 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
23
25
|
iconKey?: string;
|
|
24
26
|
tooltipTextKey?: string;
|
|
25
27
|
tooltipPlacement?: TooltipPositions;
|
|
28
|
+
iconSize?: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
|
|
26
29
|
}>, {
|
|
27
30
|
testId: string;
|
|
28
31
|
variant: string;
|
|
29
32
|
iconKey: string;
|
|
30
33
|
tooltipTextKey: string;
|
|
31
34
|
tooltipPlacement: string;
|
|
35
|
+
iconSize: string;
|
|
32
36
|
}>>> & {
|
|
33
37
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
|
34
38
|
}, {
|
|
35
39
|
testId: string;
|
|
36
40
|
variant: 'primary' | 'default';
|
|
37
41
|
tooltipPlacement: TooltipPositions;
|
|
42
|
+
iconSize: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
|
|
38
43
|
iconKey: string;
|
|
39
44
|
tooltipTextKey: string;
|
|
40
45
|
}>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./SwitchV4.vue2.js";
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../../SwitchV4.
|
|
4
|
-
const
|
|
2
|
+
/* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_b71a806e_lang.css"; //*');
|
|
4
|
+
const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-b71a806e"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
c as default
|
|
7
7
|
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import "../../../SwitchV4.
|
|
1
|
+
import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_b71a806e_lang.css"; import { defineComponent as T, ref as h, onMounted as k, openBlock as c, createElementBlock as u, normalizeClass as m, unref as a, Fragment as x, renderList as V, createBlock as w, withCtx as y, createVNode as C } from "vue";
|
|
2
2
|
import { useVModel as I } from "@vueuse/core";
|
|
3
|
-
import { SwitchTestIdModifiers as
|
|
3
|
+
import { SwitchTestIdModifiers as r } from "../../../testids/index.js";
|
|
4
4
|
import "../../button/v4/ButtonV4.vue.js";
|
|
5
5
|
import $ from "../../button/v4/IconButtonV4.vue.js";
|
|
6
6
|
import "../../button/v4/ButtonGroup.vue.js";
|
|
7
7
|
import "../../button/v4/ToggleButtonGroupAB.vue.js";
|
|
8
|
-
import
|
|
9
|
-
const
|
|
8
|
+
import z from "../../tooltip/v4/TooltipV4.vue.js";
|
|
9
|
+
const B = ["data-testid"], A = /* @__PURE__ */ T({
|
|
10
10
|
__name: "SwitchV4",
|
|
11
11
|
props: {
|
|
12
12
|
options: null,
|
|
@@ -15,7 +15,8 @@ const K = ["data-testid"], A = /* @__PURE__ */ T({
|
|
|
15
15
|
testId: { default: "" },
|
|
16
16
|
iconKey: { default: "icon" },
|
|
17
17
|
tooltipTextKey: { default: "tooltipText" },
|
|
18
|
-
tooltipPlacement: { default: "top" }
|
|
18
|
+
tooltipPlacement: { default: "top" },
|
|
19
|
+
iconSize: { default: "small" }
|
|
19
20
|
},
|
|
20
21
|
emits: ["update:modelValue"],
|
|
21
22
|
setup(t, { emit: f }) {
|
|
@@ -28,11 +29,11 @@ const K = ["data-testid"], A = /* @__PURE__ */ T({
|
|
|
28
29
|
const v = (e, s) => {
|
|
29
30
|
n.value = s, p.value = e;
|
|
30
31
|
};
|
|
31
|
-
return (e, s) => (c(),
|
|
32
|
+
return (e, s) => (c(), u("div", {
|
|
32
33
|
class: m(["switch", [`switch--variant-${t.variant}`]]),
|
|
33
|
-
"data-testid": `${t.testId}-${a(
|
|
34
|
+
"data-testid": `${t.testId}-${a(r).WRAPPER}`
|
|
34
35
|
}, [
|
|
35
|
-
(c(!0),
|
|
36
|
+
(c(!0), u(x, null, V(t.options, (o, l) => (c(), w(a(z), {
|
|
36
37
|
key: l,
|
|
37
38
|
text: o[t.tooltipTextKey],
|
|
38
39
|
disabled: !o[t.tooltipTextKey],
|
|
@@ -43,15 +44,15 @@ const K = ["data-testid"], A = /* @__PURE__ */ T({
|
|
|
43
44
|
C(a($), {
|
|
44
45
|
class: m(["option", { "option--selected": d(l) }]),
|
|
45
46
|
"icon-name": o[t.iconKey],
|
|
46
|
-
size:
|
|
47
|
+
size: t.iconSize,
|
|
47
48
|
color: d(l) ? t.variant : "default",
|
|
48
|
-
"data-testid": `${t.testId}-${a(
|
|
49
|
-
onClick: (
|
|
50
|
-
}, null, 8, ["class", "icon-name", "color", "data-testid", "onClick"])
|
|
49
|
+
"data-testid": `${t.testId}-${a(r).BUTTON}`,
|
|
50
|
+
onClick: (K) => v(o, l)
|
|
51
|
+
}, null, 8, ["class", "icon-name", "size", "color", "data-testid", "onClick"])
|
|
51
52
|
]),
|
|
52
53
|
_: 2
|
|
53
54
|
}, 1032, ["text", "disabled", "placement"]))), 128))
|
|
54
|
-
], 10,
|
|
55
|
+
], 10, B));
|
|
55
56
|
}
|
|
56
57
|
});
|
|
57
58
|
export {
|
|
@@ -16,6 +16,10 @@ declare const SwitchTypes: () => import("vue").DefineComponent<{
|
|
|
16
16
|
type: import("vue").PropType<unknown>;
|
|
17
17
|
required: true;
|
|
18
18
|
};
|
|
19
|
+
iconSize: {
|
|
20
|
+
type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge" | "extraSmall">;
|
|
21
|
+
default: string;
|
|
22
|
+
};
|
|
19
23
|
options: {
|
|
20
24
|
type: import("vue").PropType<unknown[]>;
|
|
21
25
|
required: true;
|
|
@@ -48,6 +52,10 @@ declare const SwitchTypes: () => import("vue").DefineComponent<{
|
|
|
48
52
|
type: import("vue").PropType<unknown>;
|
|
49
53
|
required: true;
|
|
50
54
|
};
|
|
55
|
+
iconSize: {
|
|
56
|
+
type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge" | "extraSmall">;
|
|
57
|
+
default: string;
|
|
58
|
+
};
|
|
51
59
|
options: {
|
|
52
60
|
type: import("vue").PropType<unknown[]>;
|
|
53
61
|
required: true;
|
|
@@ -66,6 +74,7 @@ declare const SwitchTypes: () => import("vue").DefineComponent<{
|
|
|
66
74
|
testId: string;
|
|
67
75
|
variant: "default" | "primary";
|
|
68
76
|
tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
77
|
+
iconSize: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
|
|
69
78
|
iconKey: string;
|
|
70
79
|
tooltipTextKey: string;
|
|
71
80
|
}>[];
|
|
@@ -77,6 +77,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
77
77
|
selectAll: (value: boolean) => void;
|
|
78
78
|
selectRow: (value: boolean) => void;
|
|
79
79
|
clickRow: (rowIndex: number) => void;
|
|
80
|
+
columnHover: (column: Column) => void;
|
|
80
81
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
81
82
|
title?: string;
|
|
82
83
|
columns: Column[];
|
|
@@ -153,6 +154,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
153
154
|
onOnClearSearch?: () => any;
|
|
154
155
|
onClickRow?: (rowIndex: number) => any;
|
|
155
156
|
onSelectRow?: (value: boolean) => any;
|
|
157
|
+
onColumnHover?: (column: Column) => any;
|
|
156
158
|
}, {
|
|
157
159
|
sort: Sort;
|
|
158
160
|
title: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./DataGrid.vue2.js";
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../../DataGrid.
|
|
4
|
-
const
|
|
2
|
+
/* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_0967498f_lang.css"; //*');
|
|
4
|
+
const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-0967498f"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
a as default
|
|
7
7
|
};
|