@ironsource/shared-ui 2.1.12-test.98 → 2.1.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Chart.vue_vue_type_style_index_0_scoped_060d02be_lang.css +1 -0
- package/ChartHeader.vue_vue_type_style_index_0_scoped_d90c583e_lang.css +1 -0
- package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_ca558859_lang.css +1 -0
- package/ChartLegend.vue_vue_type_style_index_0_scoped_9c4df598_lang.css +1 -0
- package/ChartPlane.vue_vue_type_style_index_0_scoped_a685cf5e_lang.css +1 -0
- package/ChartTooltip.vue_vue_type_style_index_0_scoped_9623dbbd_lang.css +1 -0
- package/ColumnConfigurator.vue_vue_type_style_index_0_scoped_702ad52e_lang.css +1 -0
- package/ColumnPicker.vue_vue_type_style_index_0_scoped_ea8c7024_lang.css +1 -0
- package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_8cc86a27_lang.css +1 -0
- package/DataGrid.vue_vue_type_style_index_0_scoped_cd41c5ca_lang.css +1 -0
- package/DataGridContainer.vue_vue_type_style_index_0_scoped_9a30b10c_lang.css +1 -0
- package/DataGridHeader.vue_vue_type_style_index_0_scoped_0e826456_lang.css +1 -0
- package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_e38c881a_lang.css +1 -0
- package/DialogFooter.vue_vue_type_style_index_0_scoped_8b7f64fe_lang.css +1 -0
- package/DialogHeader.vue_vue_type_style_index_0_scoped_9a814ec3_lang.css +1 -0
- package/DialogV4.vue_vue_type_style_index_0_scoped_cc99f1e3_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_0_scoped_a594c97e_lang.css +1 -0
- package/DropdownV4.vue_vue_type_style_index_1_lang.css +1 -1
- package/EmptyStateV4.vue_vue_type_style_index_0_scoped_76757f22_lang.css +1 -0
- package/Link.vue_vue_type_style_index_0_scoped_1a766750_lang.css +1 -0
- package/LoaderBars.vue_vue_type_style_index_0_scoped_d976ec65_lang.css +1 -0
- package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_3caa1d7b_lang.css +1 -0
- package/OptionChip.vue_vue_type_style_index_0_scoped_538e4a21_lang.css +1 -0
- package/OptionV4.vue_vue_type_style_index_0_scoped_752a357d_lang.css +1 -0
- package/RadioButton.vue_vue_type_style_index_0_scoped_dac25b9f_lang.css +1 -0
- package/RemoveButton.vue_vue_type_style_index_0_scoped_ca7fc11d_lang.css +1 -0
- package/SectionDropdown.vue_vue_type_style_index_0_scoped_cfad60a8_lang.css +1 -0
- package/SectionHeaderText.vue_vue_type_style_index_0_scoped_0b8d3d79_lang.css +1 -0
- package/{SettingsHeader.vue_vue_type_style_index_0_scoped_01f78cd7_lang.css → SettingsHeader.vue_vue_type_style_index_0_scoped_a869d327_lang.css} +1 -1
- package/ShowMoreLink.vue_vue_type_style_index_0_scoped_9fc3bc1b_lang.css +1 -0
- package/SortableItem.vue_vue_type_style_index_0_scoped_c72be7ed_lang.css +1 -0
- package/SortableItemLabel.vue_vue_type_style_index_0_scoped_a534c7af_lang.css +1 -0
- package/SortableList.vue_vue_type_style_index_0_scoped_9aec4e9b_lang.css +1 -0
- package/SortableSelectableList.vue_vue_type_style_index_0_scoped_40b0a4de_lang.css +1 -0
- package/TagsField.vue_vue_type_style_index_0_scoped_9760426b_lang.css +1 -0
- package/TagsFieldChip.vue_vue_type_style_index_0_scoped_d186b7ef_lang.css +1 -0
- package/TextField.vue_vue_type_style_index_0_scoped_3b7a3661_lang.css +1 -0
- package/TooltipHeader.vue_vue_type_style_index_0_scoped_da3532aa_lang.css +1 -0
- package/TooltipV4.vue_vue_type_style_index_0_scoped_8a451e54_lang.css +1 -0
- package/TooltipV4.vue_vue_type_style_index_1_lang.css +1 -1
- package/TreeDropdown.vue_vue_type_style_index_0_scoped_63dc057e_lang.css +1 -0
- package/components/chart/Chart.vue.d.ts +21 -1
- package/components/chart/Chart.vue.js +3 -3
- package/components/chart/Chart.vue2.js +130 -114
- package/components/chart/ChartHeader.vue.d.ts +5 -0
- package/components/chart/ChartHeader.vue.js +3 -3
- package/components/chart/ChartHeader.vue2.js +49 -44
- package/components/chart/ChartHeaderTrend.vue.d.ts +5 -0
- package/components/chart/ChartHeaderTrend.vue.js +2 -2
- package/components/chart/ChartHeaderTrend.vue2.js +43 -39
- package/components/chart/ChartLegend.vue.d.ts +5 -0
- package/components/chart/ChartLegend.vue.js +3 -3
- package/components/chart/ChartLegend.vue2.js +76 -71
- package/components/chart/ChartPlane.vue.d.ts +15 -0
- package/components/chart/ChartPlane.vue.js +5 -5
- package/components/chart/ChartPlane.vue2.js +173 -156
- package/components/chart/ChartStoryArgs.d.ts +17 -0
- package/components/chart/ChartTooltip.vue.d.ts +5 -0
- package/components/chart/ChartTooltip.vue.js +2 -2
- package/components/chart/ChartTooltip.vue2.js +39 -35
- package/components/chart/LegendSorting.vue.d.ts +5 -0
- package/components/chart/LegendSorting.vue.js +16 -14
- package/components/chart/SettingsHeader.vue.d.ts +19 -3
- package/components/chart/SettingsHeader.vue.js +3 -3
- package/components/chart/SettingsHeader.vue2.js +36 -29
- package/components/chart/TooltipHeader.vue.js +3 -3
- package/components/chart/TooltipHeader.vue2.js +26 -26
- package/components/chart/colorPalette.d.ts +2 -1
- package/components/chart/colorPalette.js +47 -33
- package/components/chart/composables/useColorsMap.d.ts +3 -1
- package/components/chart/composables/useColorsMap.js +32 -30
- package/components/chart/consts.d.ts +5 -1
- package/components/chart/consts.js +30 -26
- package/components/chart/index.d.ts +77 -1
- package/components/chart/mockData.d.ts +15 -0
- package/components/chart/types.d.ts +3 -1
- package/components/chart/types.js +5 -5
- package/components/chart/utils/utils.d.ts +1 -1
- package/components/chart/utils/utils.js +20 -14
- package/components/columnConfigurator/ColumnConfigurator.types.d.ts +12 -0
- package/components/columnConfigurator/ColumnConfigurator.vue.d.ts +61 -0
- package/components/columnConfigurator/ColumnConfigurator.vue.js +7 -0
- package/components/columnConfigurator/ColumnConfigurator.vue2.js +113 -0
- package/components/columnConfigurator/SectionDropdown.vue.d.ts +39 -0
- package/components/columnConfigurator/SectionDropdown.vue.js +7 -0
- package/components/columnConfigurator/SectionDropdown.vue2.js +57 -0
- package/components/columnConfigurator/SectionHeaderText.vue.d.ts +34 -0
- package/components/columnConfigurator/SectionHeaderText.vue.js +7 -0
- package/components/columnConfigurator/SectionHeaderText.vue2.js +22 -0
- package/components/columnConfigurator/ShowMoreLink.vue.d.ts +33 -0
- package/components/columnConfigurator/ShowMoreLink.vue.js +7 -0
- package/components/columnConfigurator/ShowMoreLink.vue2.js +41 -0
- package/components/columnConfigurator/consts.d.ts +1 -0
- package/components/columnConfigurator/consts.js +4 -0
- package/components/columnConfigurator/index.d.ts +73 -0
- package/components/columnConfigurator/index.js +6 -0
- package/components/columnConfigurator/mockData.d.ts +30 -0
- package/components/columnConfigurator/utils.d.ts +2 -0
- package/components/columnConfigurator/utils.js +18 -0
- package/components/columnPicker/ColumnPicker.vue.d.ts +119 -0
- package/components/columnPicker/ColumnPicker.vue.js +7 -0
- package/components/columnPicker/ColumnPicker.vue2.js +322 -0
- package/components/columnPicker/OptionChip.vue.d.ts +53 -0
- package/components/columnPicker/OptionChip.vue.js +7 -0
- package/components/columnPicker/OptionChip.vue2.js +46 -0
- package/components/columnPicker/RemoveButton.vue.d.ts +38 -0
- package/components/columnPicker/RemoveButton.vue.js +7 -0
- package/components/columnPicker/RemoveButton.vue2.js +35 -0
- package/components/columnPicker/index.d.ts +388 -0
- package/components/columnPicker/index.js +6 -0
- package/components/columnPicker/mockData.d.ts +8 -0
- package/components/dateRange/common/DateRange.common.js +60 -60
- package/components/dialog/v3/Dialog.vue.d.ts +3 -3
- package/components/dialog/v3/index.d.ts +46 -46
- package/components/dialog/v4/DialogFooter.vue.d.ts +78 -0
- package/components/dialog/v4/DialogFooter.vue.js +7 -0
- package/components/dialog/v4/DialogFooter.vue2.js +60 -0
- package/components/dialog/v4/DialogHeader.vue.d.ts +60 -0
- package/components/dialog/v4/DialogHeader.vue.js +7 -0
- package/components/dialog/v4/DialogHeader.vue2.js +58 -0
- package/components/dialog/v4/DialogV4.vue.d.ts +9 -9
- package/components/dialog/v4/DialogV4.vue.js +3 -3
- package/components/dialog/v4/DialogV4.vue2.js +65 -107
- package/components/dialog/v4/index.d.ts +157 -157
- package/components/dropdown/v3/Dropdown.vue.d.ts +1 -1
- package/components/dropdown/v3/index.d.ts +20 -20
- package/components/dropdown/v4/ConditionalDropdown.vue.js +3 -3
- package/components/dropdown/v4/ConditionalDropdown.vue2.js +194 -187
- package/components/dropdown/v4/DropdownV4.vue.d.ts +7 -0
- package/components/dropdown/v4/DropdownV4.vue.js +3 -3
- package/components/dropdown/v4/DropdownV4.vue2.js +118 -107
- package/components/dropdown/v4/OptionV4.vue.d.ts +5 -0
- package/components/dropdown/v4/OptionV4.vue.js +3 -3
- package/components/dropdown/v4/OptionV4.vue2.js +83 -70
- package/components/dropdown/v4/TreeDropdown.vue.d.ts +10 -0
- package/components/dropdown/v4/TreeDropdown.vue.js +2 -2
- package/components/dropdown/v4/TreeDropdown.vue2.js +155 -151
- package/components/dropdown/v4/index.d.ts +81 -3
- package/components/emptyState/v4/EmptyStateV4.vue.d.ts +5 -0
- package/components/emptyState/v4/EmptyStateV4.vue.js +2 -2
- package/components/emptyState/v4/EmptyStateV4.vue2.js +37 -34
- package/components/emptyState/v4/index.d.ts +20 -1
- package/components/includeExclude/IncludeExcludeChipFilter.vue.d.ts +1 -1
- package/components/includeExclude/IncludeExcludeOption.vue.d.ts +1 -1
- package/components/includeExclude/IncludeExcludeOptionDraggable.vue.d.ts +1 -1
- package/components/includeExclude/index.d.ts +70 -70
- package/components/input/v4/TextField.vue.d.ts +12 -0
- package/components/input/v4/TextField.vue.js +3 -3
- package/components/input/v4/TextField.vue2.js +129 -105
- package/components/input/v4/index.d.ts +46 -2
- package/components/link/Link.vue.d.ts +95 -0
- package/components/link/Link.vue.js +7 -0
- package/components/link/Link.vue2.js +65 -0
- package/components/link/index.d.ts +296 -0
- package/components/link/index.js +6 -0
- package/components/radioButton/v3/RadioButton.vue.d.ts +5 -0
- package/components/radioButton/v3/RadioButton.vue.js +3 -3
- package/components/radioButton/v3/RadioButton.vue2.js +42 -39
- package/components/radioButton/v3/index.d.ts +20 -1
- package/components/sortableList/LoaderBars.vue.d.ts +34 -0
- package/components/sortableList/LoaderBars.vue.js +7 -0
- package/components/sortableList/LoaderBars.vue2.js +25 -0
- package/components/sortableList/SortableItem.vue.d.ts +17 -2
- package/components/sortableList/SortableItem.vue.js +5 -5
- package/components/sortableList/SortableItem.vue2.js +86 -70
- package/components/sortableList/SortableItemLabel.vue.js +3 -3
- package/components/sortableList/SortableItemLabel.vue2.js +26 -23
- package/components/sortableList/SortableList.types.d.ts +1 -0
- package/components/sortableList/SortableList.vue.d.ts +12 -2
- package/components/sortableList/SortableList.vue.js +5 -5
- package/components/sortableList/SortableList.vue2.js +111 -113
- package/components/sortableList/SortableSelectableList.vue.d.ts +107 -0
- package/components/sortableList/SortableSelectableList.vue.js +7 -0
- package/components/sortableList/SortableSelectableList.vue2.js +128 -0
- package/components/sortableList/composables/useDraggableHelpers.d.ts +5 -0
- package/components/sortableList/composables/useDraggableHelpers.js +20 -0
- package/components/sortableList/composables/useHoverEffect.js +1 -1
- package/components/sortableList/consts.d.ts +2 -0
- package/components/sortableList/consts.js +4 -2
- package/components/sortableList/index.d.ts +77 -39
- package/components/table/common/consts.d.ts +2 -0
- package/components/table/common/consts.js +6 -4
- package/components/table/v4/DataGrid.vue.d.ts +12 -7
- package/components/table/v4/DataGrid.vue.js +4 -4
- package/components/table/v4/DataGrid.vue2.js +273 -268
- package/components/table/v4/DataGridContainer.vue.d.ts +10 -0
- package/components/table/v4/DataGridContainer.vue.js +7 -0
- package/components/table/v4/DataGridContainer.vue2.js +19 -0
- package/components/table/v4/DataGridHeader.vue.d.ts +85 -0
- package/components/table/v4/DataGridHeader.vue.js +7 -0
- package/components/table/v4/DataGridHeader.vue2.js +84 -0
- package/components/table/v4/DataGridRowsCounter.vue.js +3 -3
- package/components/table/v4/DataGridRowsCounter.vue2.js +12 -12
- package/components/table/v4/MultipleDataGrid.vue.d.ts +8 -7
- package/components/table/v4/MultipleDataGrid.vue.js +2 -2
- package/components/table/v4/MultipleDataGrid.vue2.js +92 -90
- package/components/table/v4/index.d.ts +646 -332
- package/components/table/v4/index.js +11 -5
- package/components/table/v4/storyUtils.d.ts +25 -0
- package/components/tagsField/TagsField.types.d.ts +4 -0
- package/components/tagsField/TagsField.vue.d.ts +65 -0
- package/components/tagsField/TagsField.vue.js +7 -0
- package/components/tagsField/TagsField.vue2.js +90 -0
- package/components/tagsField/TagsFieldChip.vue.d.ts +45 -0
- package/components/tagsField/TagsFieldChip.vue.js +7 -0
- package/components/tagsField/TagsFieldChip.vue2.js +81 -0
- package/components/tagsField/consts.d.ts +1 -0
- package/components/tagsField/consts.js +4 -0
- package/components/tagsField/index.d.ts +75 -0
- package/components/tagsField/index.js +6 -0
- package/components/tooltip/v4/TooltipV4.vue.d.ts +5 -0
- package/components/tooltip/v4/TooltipV4.vue.js +2 -2
- package/components/tooltip/v4/TooltipV4.vue2.js +18 -17
- package/components/tooltip/v4/index.d.ts +20 -1
- package/index.d.ts +2675 -1649
- package/index.js +137 -121
- package/package.json +18 -1
- package/testids/index.d.ts +47 -1
- package/testids/index.js +40 -32
- package/utils/date.d.ts +1 -0
- package/utils/date.js +9 -0
- package/utils/formatNumbers.d.ts +1 -1
- package/utils/formatNumbers.js +38 -21
- package/utils/object.d.ts +2 -0
- package/utils/object.js +9 -5
- package/utils/search.js +1 -1
- package/Chart.vue_vue_type_style_index_0_scoped_e8f25a03_lang.css +0 -1
- package/ChartHeader.vue_vue_type_style_index_0_scoped_af520313_lang.css +0 -1
- package/ChartHeaderTrend.vue_vue_type_style_index_0_scoped_db8a902c_lang.css +0 -1
- package/ChartLegend.vue_vue_type_style_index_0_scoped_6103d8bd_lang.css +0 -1
- package/ChartPlane.vue_vue_type_style_index_0_scoped_4f67d41d_lang.css +0 -1
- package/ChartTooltip.vue_vue_type_style_index_0_scoped_e53c6287_lang.css +0 -1
- package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_f5204c04_lang.css +0 -1
- package/DataGrid.vue_vue_type_style_index_0_scoped_b21a79b1_lang.css +0 -1
- package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_ef699ec5_lang.css +0 -1
- package/DialogV4.vue_vue_type_style_index_0_scoped_eb226e31_lang.css +0 -1
- package/DropdownV4.vue_vue_type_style_index_0_scoped_934163c0_lang.css +0 -1
- package/EmptyStateV4.vue_vue_type_style_index_0_scoped_18728498_lang.css +0 -1
- package/MultipleDataGrid.vue_vue_type_style_index_0_scoped_020a9896_lang.css +0 -1
- package/OptionV4.vue_vue_type_style_index_0_scoped_0287cebf_lang.css +0 -1
- package/RadioButton.vue_vue_type_style_index_0_scoped_3c6b715c_lang.css +0 -1
- package/SortableItem.vue_vue_type_style_index_0_scoped_48542664_lang.css +0 -1
- package/SortableItemLabel.vue_vue_type_style_index_0_scoped_f2ced2f4_lang.css +0 -1
- package/SortableList.vue_vue_type_style_index_0_scoped_8f267f88_lang.css +0 -1
- package/TextField.vue_vue_type_style_index_0_scoped_fce3948c_lang.css +0 -1
- package/TooltipHeader.vue_vue_type_style_index_0_scoped_3b15c693_lang.css +0 -1
- package/TooltipV4.vue_vue_type_style_index_0_scoped_bcb40ed4_lang.css +0 -1
- package/TreeDropdown.vue_vue_type_style_index_0_scoped_4ba9e4bd_lang.css +0 -1
|
@@ -1,17 +1,23 @@
|
|
|
1
1
|
import r from "./DataGrid.vue.js";
|
|
2
2
|
import t from "./DataGridMenu.vue.js";
|
|
3
3
|
import o from "./DataGridRowsCounter.vue.js";
|
|
4
|
-
import a from "./
|
|
5
|
-
|
|
4
|
+
import a from "./DataGridHeader.vue.js";
|
|
5
|
+
import i from "./DataGridContainer.vue.js";
|
|
6
|
+
import m from "./MultipleDataGrid.vue.js";
|
|
7
|
+
const n = () => [
|
|
6
8
|
r,
|
|
7
9
|
t,
|
|
8
10
|
o,
|
|
9
|
-
|
|
11
|
+
m,
|
|
12
|
+
a,
|
|
13
|
+
i
|
|
10
14
|
];
|
|
11
15
|
export {
|
|
12
16
|
r as DataGrid,
|
|
17
|
+
i as DataGridContainer,
|
|
18
|
+
a as DataGridHeader,
|
|
13
19
|
t as DataGridMenu,
|
|
14
20
|
o as DataGridRowsCounter,
|
|
15
|
-
|
|
16
|
-
|
|
21
|
+
n as DataGridTypes,
|
|
22
|
+
m as MultipleDataGrid
|
|
17
23
|
};
|
|
@@ -13,3 +13,28 @@ export declare const exampleObjectRows: {
|
|
|
13
13
|
}[];
|
|
14
14
|
export declare const exampleNumbersRows: string[][];
|
|
15
15
|
export declare const exampleNumbersRowsExtra: string[][];
|
|
16
|
+
export declare const exampleData: {
|
|
17
|
+
first: string;
|
|
18
|
+
last: string;
|
|
19
|
+
address: string;
|
|
20
|
+
state: string;
|
|
21
|
+
zip: string;
|
|
22
|
+
phone: string;
|
|
23
|
+
}[];
|
|
24
|
+
export declare const BASIC_COLUMNS: {
|
|
25
|
+
id: string;
|
|
26
|
+
title: string;
|
|
27
|
+
isSortable: boolean;
|
|
28
|
+
}[];
|
|
29
|
+
export declare const EXTRA_COLUMNS: {
|
|
30
|
+
id: string;
|
|
31
|
+
title: string;
|
|
32
|
+
}[];
|
|
33
|
+
export declare const columnOptions: {
|
|
34
|
+
id: string;
|
|
35
|
+
title: string;
|
|
36
|
+
options: {
|
|
37
|
+
id: string;
|
|
38
|
+
title: string;
|
|
39
|
+
}[];
|
|
40
|
+
}[];
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { Tag } from '@/components/tagsField/TagsField.types';
|
|
2
|
+
import { FeedbackVariant } from '@/components/shared/commonTypes';
|
|
3
|
+
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
4
|
+
modelValue: Tag[];
|
|
5
|
+
placeholder?: string;
|
|
6
|
+
testId?: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
feedbackVariant?: FeedbackVariant;
|
|
9
|
+
feedbackText?: string;
|
|
10
|
+
showFeedbackTextIcon?: boolean;
|
|
11
|
+
}>, {
|
|
12
|
+
modelValue: () => any[];
|
|
13
|
+
disabled: boolean;
|
|
14
|
+
placeholder: string;
|
|
15
|
+
testId: string;
|
|
16
|
+
feedbackVariant: any;
|
|
17
|
+
feedbackText: string;
|
|
18
|
+
showFeedbackTextIcon: boolean;
|
|
19
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
20
|
+
"update:modelValue": (value: Tag[]) => void;
|
|
21
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
22
|
+
modelValue: Tag[];
|
|
23
|
+
placeholder?: string;
|
|
24
|
+
testId?: string;
|
|
25
|
+
disabled?: boolean;
|
|
26
|
+
feedbackVariant?: FeedbackVariant;
|
|
27
|
+
feedbackText?: string;
|
|
28
|
+
showFeedbackTextIcon?: boolean;
|
|
29
|
+
}>, {
|
|
30
|
+
modelValue: () => any[];
|
|
31
|
+
disabled: boolean;
|
|
32
|
+
placeholder: string;
|
|
33
|
+
testId: string;
|
|
34
|
+
feedbackVariant: any;
|
|
35
|
+
feedbackText: string;
|
|
36
|
+
showFeedbackTextIcon: boolean;
|
|
37
|
+
}>>> & {
|
|
38
|
+
"onUpdate:modelValue"?: (value: Tag[]) => any;
|
|
39
|
+
}, {
|
|
40
|
+
testId: string;
|
|
41
|
+
disabled: boolean;
|
|
42
|
+
modelValue: Tag[];
|
|
43
|
+
placeholder: string;
|
|
44
|
+
feedbackText: string;
|
|
45
|
+
feedbackVariant: FeedbackVariant;
|
|
46
|
+
showFeedbackTextIcon: boolean;
|
|
47
|
+
}>;
|
|
48
|
+
export default _default;
|
|
49
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
50
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
51
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
52
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
53
|
+
} : {
|
|
54
|
+
type: import('vue').PropType<T[K]>;
|
|
55
|
+
required: true;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
type __VLS_WithDefaults<P, D> = {
|
|
59
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
60
|
+
default: D[K];
|
|
61
|
+
}> : P[K];
|
|
62
|
+
};
|
|
63
|
+
type __VLS_Prettify<T> = {
|
|
64
|
+
[K in keyof T]: T[K];
|
|
65
|
+
} & {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import o from "./TagsField.vue2.js";
|
|
2
|
+
/* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../TagsField.vue_vue_type_style_index_0_scoped_9760426b_lang.css"; //*');
|
|
4
|
+
const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-9760426b"]]);
|
|
5
|
+
export {
|
|
6
|
+
p as default
|
|
7
|
+
};
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import "../../TagsField.vue_vue_type_style_index_0_scoped_9760426b_lang.css"; import { defineComponent as R, ref as m, computed as B, openBlock as s, createElementBlock as p, mergeProps as k, unref as d, createElementVNode as x, normalizeClass as C, Fragment as P, renderList as $, createBlock as V, withDirectives as E, withKeys as A, withModifiers as H, vModelText as D, createCommentVNode as h } from "vue";
|
|
2
|
+
import { TagsFieldTestIdModifiers as r } from "../../testids/index.js";
|
|
3
|
+
import { useTestIdAttrs as K } from "../../utils/testIds.js";
|
|
4
|
+
import M from "./TagsFieldChip.vue.js";
|
|
5
|
+
import { WIDTH_PER_CHAR as U } from "./consts.js";
|
|
6
|
+
import W from "../shared/FieldHelpText.vue.js";
|
|
7
|
+
const L = ["placeholder", "disabled", "onKeyup"], N = {
|
|
8
|
+
key: 0,
|
|
9
|
+
class: "footer"
|
|
10
|
+
}, Q = /* @__PURE__ */ R({
|
|
11
|
+
__name: "TagsField",
|
|
12
|
+
props: {
|
|
13
|
+
modelValue: { default: () => [] },
|
|
14
|
+
placeholder: { default: "" },
|
|
15
|
+
testId: { default: "" },
|
|
16
|
+
disabled: { type: Boolean, default: !1 },
|
|
17
|
+
feedbackVariant: { default: null },
|
|
18
|
+
feedbackText: { default: "" },
|
|
19
|
+
showFeedbackTextIcon: { type: Boolean, default: !1 }
|
|
20
|
+
},
|
|
21
|
+
emits: ["update:modelValue"],
|
|
22
|
+
setup(e, { emit: c }) {
|
|
23
|
+
const u = e, f = m(!1), n = m(""), I = B(
|
|
24
|
+
() => n.value.length * U + "px"
|
|
25
|
+
), v = m(null), g = () => {
|
|
26
|
+
v.value?.focus();
|
|
27
|
+
}, y = () => {
|
|
28
|
+
f.value = !1, T();
|
|
29
|
+
}, T = () => {
|
|
30
|
+
const o = (n.value || "").trim();
|
|
31
|
+
o && (n.value = "", c("update:modelValue", [...u.modelValue, { text: o }]));
|
|
32
|
+
}, F = (o) => {
|
|
33
|
+
const l = u.modelValue || [];
|
|
34
|
+
c(
|
|
35
|
+
"update:modelValue",
|
|
36
|
+
l.filter((a, t) => t !== o)
|
|
37
|
+
);
|
|
38
|
+
}, w = (o, l) => {
|
|
39
|
+
const a = u.modelValue || [];
|
|
40
|
+
c(
|
|
41
|
+
"update:modelValue",
|
|
42
|
+
a.map((t, i) => i === o ? { ...t, text: l } : t)
|
|
43
|
+
);
|
|
44
|
+
}, b = K(u.testId, r);
|
|
45
|
+
return (o, l) => (s(), p("div", k({
|
|
46
|
+
class: ["tags-field", [`tags-field--${e.feedbackVariant}`]]
|
|
47
|
+
}, d(b)[d(r).WRAPPER], { onClick: g }), [
|
|
48
|
+
x("div", {
|
|
49
|
+
class: C(["input-container", { "input-container--focused": f.value }])
|
|
50
|
+
}, [
|
|
51
|
+
(s(!0), p(P, null, $(e.modelValue, (a, t) => (s(), V(M, {
|
|
52
|
+
key: t,
|
|
53
|
+
label: a.text,
|
|
54
|
+
"is-invalid": a.isInvalid,
|
|
55
|
+
"test-id": `${e.testId}-${d(r).CHIP}-${t}`,
|
|
56
|
+
onRemove: (i) => F(t),
|
|
57
|
+
"onUpdate:label": (i) => w(t, i)
|
|
58
|
+
}, null, 8, ["label", "is-invalid", "test-id", "onRemove", "onUpdate:label"]))), 128)),
|
|
59
|
+
E(x("input", k({
|
|
60
|
+
ref_key: "inputRef",
|
|
61
|
+
ref: v,
|
|
62
|
+
"onUpdate:modelValue": l[0] || (l[0] = (a) => n.value = a),
|
|
63
|
+
class: "input",
|
|
64
|
+
type: "text",
|
|
65
|
+
style: { width: d(I) },
|
|
66
|
+
placeholder: e.placeholder,
|
|
67
|
+
disabled: e.disabled
|
|
68
|
+
}, d(b)[d(r).FIELD], {
|
|
69
|
+
onFocus: l[1] || (l[1] = (a) => f.value = !0),
|
|
70
|
+
onBlur: y,
|
|
71
|
+
onKeyup: A(H(T, ["prevent"]), ["enter"])
|
|
72
|
+
}), null, 16, L), [
|
|
73
|
+
[D, n.value]
|
|
74
|
+
])
|
|
75
|
+
], 2),
|
|
76
|
+
e.feedbackText ? (s(), p("div", N, [
|
|
77
|
+
e.feedbackText ? (s(), V(W, {
|
|
78
|
+
key: 0,
|
|
79
|
+
text: e.feedbackText,
|
|
80
|
+
variant: e.feedbackVariant,
|
|
81
|
+
"show-icon": e.showFeedbackTextIcon,
|
|
82
|
+
"test-id": e.testId
|
|
83
|
+
}, null, 8, ["text", "variant", "show-icon", "test-id"])) : h("", !0)
|
|
84
|
+
])) : h("", !0)
|
|
85
|
+
], 16));
|
|
86
|
+
}
|
|
87
|
+
});
|
|
88
|
+
export {
|
|
89
|
+
Q as default
|
|
90
|
+
};
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
2
|
+
label: string;
|
|
3
|
+
isInvalid?: boolean;
|
|
4
|
+
testId?: string;
|
|
5
|
+
}>, {
|
|
6
|
+
isInvalid: boolean;
|
|
7
|
+
label: string;
|
|
8
|
+
testId: string;
|
|
9
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
10
|
+
"update:label": (value: string) => void;
|
|
11
|
+
remove: () => void;
|
|
12
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
13
|
+
label: string;
|
|
14
|
+
isInvalid?: boolean;
|
|
15
|
+
testId?: string;
|
|
16
|
+
}>, {
|
|
17
|
+
isInvalid: boolean;
|
|
18
|
+
label: string;
|
|
19
|
+
testId: string;
|
|
20
|
+
}>>> & {
|
|
21
|
+
onRemove?: () => any;
|
|
22
|
+
"onUpdate:label"?: (value: string) => any;
|
|
23
|
+
}, {
|
|
24
|
+
label: string;
|
|
25
|
+
testId: string;
|
|
26
|
+
isInvalid: boolean;
|
|
27
|
+
}>;
|
|
28
|
+
export default _default;
|
|
29
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
30
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
31
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
32
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
33
|
+
} : {
|
|
34
|
+
type: import('vue').PropType<T[K]>;
|
|
35
|
+
required: true;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
type __VLS_WithDefaults<P, D> = {
|
|
39
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
40
|
+
default: D[K];
|
|
41
|
+
}> : P[K];
|
|
42
|
+
};
|
|
43
|
+
type __VLS_Prettify<T> = {
|
|
44
|
+
[K in keyof T]: T[K];
|
|
45
|
+
} & {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import e from "./TagsFieldChip.vue2.js";
|
|
2
|
+
/* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
+
// import "../../TagsFieldChip.vue_vue_type_style_index_0_scoped_d186b7ef_lang.css"; //*');
|
|
4
|
+
const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-d186b7ef"]]);
|
|
5
|
+
export {
|
|
6
|
+
t as default
|
|
7
|
+
};
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import "../../TagsFieldChip.vue_vue_type_style_index_0_scoped_d186b7ef_lang.css"; import { defineComponent as k, ref as p, computed as x, openBlock as C, createBlock as I, unref as t, normalizeClass as c, withModifiers as s, withCtx as f, createElementVNode as v, createVNode as m, createTextVNode as w, toDisplayString as T, withDirectives as B, isRef as E, withKeys as h, vShow as V, vModelText as K, nextTick as N } from "vue";
|
|
2
|
+
import R from "../typography/v4/Typography.vue.js";
|
|
3
|
+
import z from "../icon/v4/IconV4.vue.js";
|
|
4
|
+
import "../icon/v4/IconFlag.vue.js";
|
|
5
|
+
import D from "../chip/v4/ChipV4.vue.js";
|
|
6
|
+
const M = { class: "chip-content" }, S = ["onKeyup"], j = /* @__PURE__ */ k({
|
|
7
|
+
__name: "TagsFieldChip",
|
|
8
|
+
props: {
|
|
9
|
+
label: { default: "" },
|
|
10
|
+
isInvalid: { type: Boolean, default: !1 },
|
|
11
|
+
testId: { default: "" }
|
|
12
|
+
},
|
|
13
|
+
emits: ["update:label", "remove"],
|
|
14
|
+
setup(l, { emit: n }) {
|
|
15
|
+
const b = l, i = p(!1), e = x({
|
|
16
|
+
get: () => b.label,
|
|
17
|
+
set: (d) => {
|
|
18
|
+
n("update:label", d);
|
|
19
|
+
}
|
|
20
|
+
}), r = p(null), g = () => r.value?.focus(), y = async () => {
|
|
21
|
+
i.value = !0, await N(), g();
|
|
22
|
+
}, o = () => {
|
|
23
|
+
i.value = !1, e.value || n("remove");
|
|
24
|
+
};
|
|
25
|
+
return (d, a) => (C(), I(t(D), {
|
|
26
|
+
class: c(["tags-field-chip", {
|
|
27
|
+
"tags-field-chip--editing": i.value,
|
|
28
|
+
"tags-field-chip--invalid": l.isInvalid
|
|
29
|
+
}]),
|
|
30
|
+
label: t(e),
|
|
31
|
+
"test-id": l.testId,
|
|
32
|
+
color: l.isInvalid ? "error" : "default",
|
|
33
|
+
onClick: s(y, ["stop"])
|
|
34
|
+
}, {
|
|
35
|
+
default: f(() => [
|
|
36
|
+
v("div", M, [
|
|
37
|
+
m(t(R), {
|
|
38
|
+
variant: "chipLabel",
|
|
39
|
+
class: c(["chip-label", { "chip-label--hidden": i.value }])
|
|
40
|
+
}, {
|
|
41
|
+
default: f(() => [
|
|
42
|
+
w(T(t(e)), 1)
|
|
43
|
+
]),
|
|
44
|
+
_: 1
|
|
45
|
+
}, 8, ["class"]),
|
|
46
|
+
B(v("input", {
|
|
47
|
+
ref_key: "inputRef",
|
|
48
|
+
ref: r,
|
|
49
|
+
"onUpdate:modelValue": a[0] || (a[0] = (u) => E(e) ? e.value = u : null),
|
|
50
|
+
class: "chip-input",
|
|
51
|
+
spellcheck: "false",
|
|
52
|
+
onBlur: o,
|
|
53
|
+
onKeyup: [
|
|
54
|
+
h(s(o, ["prevent"]), ["enter"]),
|
|
55
|
+
h(s(o, ["prevent"]), ["esc"])
|
|
56
|
+
]
|
|
57
|
+
}, null, 40, S), [
|
|
58
|
+
[V, i.value],
|
|
59
|
+
[
|
|
60
|
+
K,
|
|
61
|
+
t(e),
|
|
62
|
+
void 0,
|
|
63
|
+
{ trim: !0 }
|
|
64
|
+
]
|
|
65
|
+
])
|
|
66
|
+
]),
|
|
67
|
+
m(t(z), {
|
|
68
|
+
class: c(["clear-button", { "clear-button--invalid": l.isInvalid }]),
|
|
69
|
+
name: "x-circle",
|
|
70
|
+
size: "16px",
|
|
71
|
+
type: "fill",
|
|
72
|
+
onClick: a[1] || (a[1] = s((u) => n("remove"), ["stop"]))
|
|
73
|
+
}, null, 8, ["class"])
|
|
74
|
+
]),
|
|
75
|
+
_: 1
|
|
76
|
+
}, 8, ["class", "label", "test-id", "color", "onClick"]));
|
|
77
|
+
}
|
|
78
|
+
});
|
|
79
|
+
export {
|
|
80
|
+
j as default
|
|
81
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const WIDTH_PER_CHAR = 10;
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import TagsField from './TagsField.vue';
|
|
2
|
+
declare const TagsFieldTypes: () => import("vue").DefineComponent<{
|
|
3
|
+
testId: {
|
|
4
|
+
type: import("vue").PropType<string>;
|
|
5
|
+
default: string;
|
|
6
|
+
};
|
|
7
|
+
disabled: {
|
|
8
|
+
type: import("vue").PropType<boolean>;
|
|
9
|
+
default: boolean;
|
|
10
|
+
};
|
|
11
|
+
modelValue: {
|
|
12
|
+
type: import("vue").PropType<import("./TagsField.types").Tag[]>;
|
|
13
|
+
required: true;
|
|
14
|
+
default: () => any[];
|
|
15
|
+
};
|
|
16
|
+
placeholder: {
|
|
17
|
+
type: import("vue").PropType<string>;
|
|
18
|
+
default: string;
|
|
19
|
+
};
|
|
20
|
+
feedbackText: {
|
|
21
|
+
type: import("vue").PropType<string>;
|
|
22
|
+
default: string;
|
|
23
|
+
};
|
|
24
|
+
feedbackVariant: {
|
|
25
|
+
type: import("vue").PropType<"success" | "warning" | "error">;
|
|
26
|
+
default: any;
|
|
27
|
+
};
|
|
28
|
+
showFeedbackTextIcon: {
|
|
29
|
+
type: import("vue").PropType<boolean>;
|
|
30
|
+
default: boolean;
|
|
31
|
+
};
|
|
32
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
33
|
+
"update:modelValue": (value: import("./TagsField.types").Tag[]) => void;
|
|
34
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
35
|
+
testId: {
|
|
36
|
+
type: import("vue").PropType<string>;
|
|
37
|
+
default: string;
|
|
38
|
+
};
|
|
39
|
+
disabled: {
|
|
40
|
+
type: import("vue").PropType<boolean>;
|
|
41
|
+
default: boolean;
|
|
42
|
+
};
|
|
43
|
+
modelValue: {
|
|
44
|
+
type: import("vue").PropType<import("./TagsField.types").Tag[]>;
|
|
45
|
+
required: true;
|
|
46
|
+
default: () => any[];
|
|
47
|
+
};
|
|
48
|
+
placeholder: {
|
|
49
|
+
type: import("vue").PropType<string>;
|
|
50
|
+
default: string;
|
|
51
|
+
};
|
|
52
|
+
feedbackText: {
|
|
53
|
+
type: import("vue").PropType<string>;
|
|
54
|
+
default: string;
|
|
55
|
+
};
|
|
56
|
+
feedbackVariant: {
|
|
57
|
+
type: import("vue").PropType<"success" | "warning" | "error">;
|
|
58
|
+
default: any;
|
|
59
|
+
};
|
|
60
|
+
showFeedbackTextIcon: {
|
|
61
|
+
type: import("vue").PropType<boolean>;
|
|
62
|
+
default: boolean;
|
|
63
|
+
};
|
|
64
|
+
}>> & {
|
|
65
|
+
"onUpdate:modelValue"?: (value: import("./TagsField.types").Tag[]) => any;
|
|
66
|
+
}, {
|
|
67
|
+
testId: string;
|
|
68
|
+
disabled: boolean;
|
|
69
|
+
modelValue: import("./TagsField.types").Tag[];
|
|
70
|
+
placeholder: string;
|
|
71
|
+
feedbackText: string;
|
|
72
|
+
feedbackVariant: "success" | "warning" | "error";
|
|
73
|
+
showFeedbackTextIcon: boolean;
|
|
74
|
+
}>[];
|
|
75
|
+
export { TagsField, TagsFieldTypes };
|
|
@@ -13,6 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
13
13
|
container?: string;
|
|
14
14
|
shown?: boolean;
|
|
15
15
|
autoHide?: boolean;
|
|
16
|
+
dontWrapDisabled?: boolean;
|
|
16
17
|
}>, {
|
|
17
18
|
text: any;
|
|
18
19
|
header: any;
|
|
@@ -27,6 +28,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
27
28
|
container: string;
|
|
28
29
|
shown: any;
|
|
29
30
|
autoHide: boolean;
|
|
31
|
+
dontWrapDisabled: boolean;
|
|
30
32
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
31
33
|
show: () => void;
|
|
32
34
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
@@ -43,6 +45,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
43
45
|
container?: string;
|
|
44
46
|
shown?: boolean;
|
|
45
47
|
autoHide?: boolean;
|
|
48
|
+
dontWrapDisabled?: boolean;
|
|
46
49
|
}>, {
|
|
47
50
|
text: any;
|
|
48
51
|
header: any;
|
|
@@ -57,6 +60,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
57
60
|
container: string;
|
|
58
61
|
shown: any;
|
|
59
62
|
autoHide: boolean;
|
|
63
|
+
dontWrapDisabled: boolean;
|
|
60
64
|
}>>> & {
|
|
61
65
|
onShow?: () => any;
|
|
62
66
|
}, {
|
|
@@ -73,6 +77,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
73
77
|
container: string;
|
|
74
78
|
shown: boolean;
|
|
75
79
|
autoHide: boolean;
|
|
80
|
+
dontWrapDisabled: boolean;
|
|
76
81
|
}>, {
|
|
77
82
|
default?(_: {}): any;
|
|
78
83
|
tooltip?(_: {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import o from "./TooltipV4.vue2.js";
|
|
2
2
|
/* empty css *//* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../TooltipV4.
|
|
3
|
+
// import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_8a451e54_lang.css"; //*');
|
|
4
4
|
// import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css"; //');
|
|
5
|
-
const l = /* @__PURE__ */ e(o, [["__scopeId", "data-v-
|
|
5
|
+
const l = /* @__PURE__ */ e(o, [["__scopeId", "data-v-8a451e54"]]);
|
|
6
6
|
export {
|
|
7
7
|
l as default
|
|
8
8
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import "../../../TooltipV4.
|
|
1
|
+
import "../../../TooltipV4.vue_vue_type_style_index_0_scoped_8a451e54_lang.css"; import "../../../TooltipV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as c, renderSlot as l, openBlock as d, createBlock as i, unref as t, mergeProps as m, withCtx as n, createTextVNode as y, toDisplayString as p, createElementVNode as T } from "vue";
|
|
2
2
|
import g from "./TextWithTitleContent.vue.js";
|
|
3
3
|
import { Tooltip as w } from "floating-vue";
|
|
4
|
-
import { TooltipTestIdModifiers as
|
|
5
|
-
import
|
|
4
|
+
import { TooltipTestIdModifiers as r } from "../../../testids/index.js";
|
|
5
|
+
import b from "../../typography/v4/Typography.vue.js";
|
|
6
6
|
import { tooltipCommon as v } from "../common/Tooltip.common.js";
|
|
7
|
-
import { useTestIdAttrs as
|
|
7
|
+
import { useTestIdAttrs as x } from "../../../utils/testIds.js";
|
|
8
8
|
const B = {
|
|
9
9
|
ref: "container",
|
|
10
10
|
class: "container"
|
|
11
|
-
},
|
|
11
|
+
}, E = /* @__PURE__ */ c({
|
|
12
12
|
__name: "TooltipV4",
|
|
13
13
|
props: {
|
|
14
14
|
text: { default: null },
|
|
@@ -23,37 +23,38 @@ const B = {
|
|
|
23
23
|
distance: { default: "10" },
|
|
24
24
|
container: { default: "body" },
|
|
25
25
|
shown: { type: Boolean, default: null },
|
|
26
|
-
autoHide: { type: Boolean, default: !0 }
|
|
26
|
+
autoHide: { type: Boolean, default: !0 },
|
|
27
|
+
dontWrapDisabled: { type: Boolean, default: !1 }
|
|
27
28
|
},
|
|
28
29
|
emits: ["show"],
|
|
29
30
|
setup(e, { emit: h }) {
|
|
30
|
-
const
|
|
31
|
-
return (
|
|
31
|
+
const s = e, { textForDisplay: a } = v(s), u = x(s.testId, r);
|
|
32
|
+
return (o, f) => (e.disabled || !e.text) && e.dontWrapDisabled ? l(o.$slots, "default", { key: 0 }, void 0, !0) : (d(), i(t(w), m({ key: 1 }, { ...o.$props, ...t(u)[t(r).TRIGGER] }, {
|
|
32
33
|
theme: e.theme,
|
|
33
34
|
"no-auto-focus": "",
|
|
34
35
|
triggers: e.triggers,
|
|
35
36
|
delay: { show: e.delay, hide: 0 },
|
|
36
37
|
placement: e.placement,
|
|
37
|
-
disabled: e.disabled || e.text && !t(
|
|
38
|
+
disabled: e.disabled || e.text && !t(a),
|
|
38
39
|
"popper-class": [e.theme, e.placement, "v4-tooltip"],
|
|
39
40
|
class: ["v4-tooltip"],
|
|
40
41
|
distance: e.distance,
|
|
41
42
|
"auto-hide": e.autoHide,
|
|
42
43
|
shown: e.shown,
|
|
43
|
-
onApplyShow:
|
|
44
|
+
onApplyShow: f[0] || (f[0] = (k) => h("show"))
|
|
44
45
|
}), {
|
|
45
46
|
popper: n(() => [
|
|
46
|
-
|
|
47
|
-
e.header ? (
|
|
47
|
+
l(o.$slots, "tooltip", { text: t(a) }, () => [
|
|
48
|
+
e.header ? (d(), i(g, {
|
|
48
49
|
key: 1,
|
|
49
50
|
text: e.text,
|
|
50
51
|
header: e.header
|
|
51
|
-
}, null, 8, ["text", "header"])) : (
|
|
52
|
+
}, null, 8, ["text", "header"])) : (d(), i(t(b), m({
|
|
52
53
|
key: 0,
|
|
53
54
|
variant: "body2"
|
|
54
|
-
}, t(
|
|
55
|
+
}, t(u)[t(r).TEXT]), {
|
|
55
56
|
default: n(() => [
|
|
56
|
-
p(
|
|
57
|
+
y(p(t(a)), 1)
|
|
57
58
|
]),
|
|
58
59
|
_: 1
|
|
59
60
|
}, 16))
|
|
@@ -61,7 +62,7 @@ const B = {
|
|
|
61
62
|
]),
|
|
62
63
|
default: n(() => [
|
|
63
64
|
T("div", B, [
|
|
64
|
-
|
|
65
|
+
l(o.$slots, "default", {}, void 0, !0)
|
|
65
66
|
], 512)
|
|
66
67
|
]),
|
|
67
68
|
_: 3
|
|
@@ -69,5 +70,5 @@ const B = {
|
|
|
69
70
|
}
|
|
70
71
|
});
|
|
71
72
|
export {
|
|
72
|
-
|
|
73
|
+
E as default
|
|
73
74
|
};
|
|
@@ -17,6 +17,7 @@ declare const TooltipTypes: () => ({
|
|
|
17
17
|
container: string;
|
|
18
18
|
shown: boolean;
|
|
19
19
|
autoHide: boolean;
|
|
20
|
+
dontWrapDisabled: boolean;
|
|
20
21
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
21
22
|
header: {
|
|
22
23
|
type: import("vue").PropType<string>;
|
|
@@ -70,9 +71,13 @@ declare const TooltipTypes: () => ({
|
|
|
70
71
|
type: import("vue").PropType<boolean>;
|
|
71
72
|
default: boolean;
|
|
72
73
|
};
|
|
74
|
+
dontWrapDisabled: {
|
|
75
|
+
type: import("vue").PropType<boolean>;
|
|
76
|
+
default: boolean;
|
|
77
|
+
};
|
|
73
78
|
}>> & {
|
|
74
79
|
onShow?: () => any;
|
|
75
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container" | "shown" | "autoHide">;
|
|
80
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container" | "shown" | "autoHide" | "dontWrapDisabled">;
|
|
76
81
|
$attrs: {
|
|
77
82
|
[x: string]: unknown;
|
|
78
83
|
};
|
|
@@ -139,6 +144,10 @@ declare const TooltipTypes: () => ({
|
|
|
139
144
|
type: import("vue").PropType<boolean>;
|
|
140
145
|
default: boolean;
|
|
141
146
|
};
|
|
147
|
+
dontWrapDisabled: {
|
|
148
|
+
type: import("vue").PropType<boolean>;
|
|
149
|
+
default: boolean;
|
|
150
|
+
};
|
|
142
151
|
}>> & {
|
|
143
152
|
onShow?: () => any;
|
|
144
153
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -157,6 +166,7 @@ declare const TooltipTypes: () => ({
|
|
|
157
166
|
container: string;
|
|
158
167
|
shown: boolean;
|
|
159
168
|
autoHide: boolean;
|
|
169
|
+
dontWrapDisabled: boolean;
|
|
160
170
|
}, {}, string> & {
|
|
161
171
|
beforeCreate?: (() => void) | (() => void)[];
|
|
162
172
|
created?: (() => void) | (() => void)[];
|
|
@@ -230,6 +240,10 @@ declare const TooltipTypes: () => ({
|
|
|
230
240
|
type: import("vue").PropType<boolean>;
|
|
231
241
|
default: boolean;
|
|
232
242
|
};
|
|
243
|
+
dontWrapDisabled: {
|
|
244
|
+
type: import("vue").PropType<boolean>;
|
|
245
|
+
default: boolean;
|
|
246
|
+
};
|
|
233
247
|
}>> & {
|
|
234
248
|
onShow?: () => any;
|
|
235
249
|
} & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
|
|
@@ -289,6 +303,10 @@ declare const TooltipTypes: () => ({
|
|
|
289
303
|
type: import("vue").PropType<boolean>;
|
|
290
304
|
default: boolean;
|
|
291
305
|
};
|
|
306
|
+
dontWrapDisabled: {
|
|
307
|
+
type: import("vue").PropType<boolean>;
|
|
308
|
+
default: boolean;
|
|
309
|
+
};
|
|
292
310
|
}>> & {
|
|
293
311
|
onShow?: () => any;
|
|
294
312
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -307,6 +325,7 @@ declare const TooltipTypes: () => ({
|
|
|
307
325
|
container: string;
|
|
308
326
|
shown: boolean;
|
|
309
327
|
autoHide: boolean;
|
|
328
|
+
dontWrapDisabled: boolean;
|
|
310
329
|
}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
311
330
|
$slots: {
|
|
312
331
|
default?(_: {}): any;
|