@ironsource/shared-ui 2.2.0-rc.3 → 2.2.0-rc.31
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_22477735_lang.css +1 -0
- package/ChartHeader.vue_vue_type_style_index_0_scoped_3a061c08_lang.css +1 -0
- package/ChartPlane.vue_vue_type_style_index_0_scoped_6de5cddb_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/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/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_78f19cb0_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/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 +10 -8
- package/components/chart/ChartHeader.vue.d.ts +5 -0
- package/components/chart/ChartHeader.vue.js +3 -3
- package/components/chart/ChartHeader.vue2.js +73 -49
- package/components/chart/ChartPlane.vue.d.ts +5 -0
- package/components/chart/ChartPlane.vue.js +3 -3
- package/components/chart/ChartPlane.vue2.js +33 -31
- package/components/chart/ChartStoryArgs.d.ts +6 -0
- package/components/chart/index.d.ts +20 -1
- 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/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 +5 -0
- package/components/dateRange/v3/DateRange.vue.js +2 -2
- package/components/dateRange/v3/DateRange.vue2.js +2 -1
- package/components/dateRange/v3/index.d.ts +20 -1
- 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/DateRangeV4.vue.d.ts +5 -0
- 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 +20 -1
- 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/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/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/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 +112 -0
- package/components/tag/Tag.vue.js +7 -0
- package/components/tag/Tag.vue2.js +221 -0
- package/components/tag/index.d.ts +161 -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/design-foundation.stories/colors/ColorsData.d.ts +52 -47
- package/index.d.ts +114 -6
- 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_060d02be_lang.css +0 -1
- package/ChartHeader.vue_vue_type_style_index_0_scoped_d90c583e_lang.css +0 -1
- package/ChartPlane.vue_vue_type_style_index_0_scoped_3c887f7e_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/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/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/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";
|
|
@@ -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
|
};
|