@topjoao/top-design-system 0.1.0-beta.2 → 0.1.0-beta.21

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.
@@ -1,3 +1,4 @@
1
+ export type TopButtonSeverity = 'primary' | 'secondary' | 'success' | 'warn' | 'danger';
1
2
  type __VLS_Props = {
2
3
  tooltip?: string;
3
4
  tooltipClass?: string;
@@ -6,6 +7,7 @@ type __VLS_Props = {
6
7
  loading?: boolean;
7
8
  class?: string;
8
9
  outlined?: boolean;
10
+ severity?: TopButtonSeverity;
9
11
  secondary?: boolean;
10
12
  disabled?: boolean;
11
13
  unstyled?: boolean;
@@ -20,6 +22,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
20
22
  }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
21
23
  onClick?: (() => any) | undefined;
22
24
  }>, {
25
+ secondary: boolean;
23
26
  icon: string;
24
27
  tooltip: string;
25
28
  tooltipClass: string;
@@ -27,7 +30,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
27
30
  loading: boolean;
28
31
  class: string;
29
32
  outlined: boolean;
30
- secondary: boolean;
33
+ severity: TopButtonSeverity;
31
34
  disabled: boolean;
32
35
  unstyled: boolean;
33
36
  type: "button" | "submit" | "reset";
@@ -0,0 +1,47 @@
1
+ type ConfirmDialogSeverity = "primary" | "danger";
2
+ type __VLS_Props = {
3
+ modelValue?: boolean;
4
+ title?: string;
5
+ message?: string;
6
+ confirmText?: string;
7
+ cancelText?: string;
8
+ loading?: boolean;
9
+ loadingText?: string;
10
+ severity?: ConfirmDialogSeverity;
11
+ icon?: string;
12
+ };
13
+ declare var __VLS_10: {}, __VLS_12: {};
14
+ type __VLS_Slots = {} & {
15
+ message?: (props: typeof __VLS_10) => any;
16
+ } & {
17
+ default?: (props: typeof __VLS_12) => any;
18
+ };
19
+ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
20
+ "update:modelValue": (value: boolean) => any;
21
+ confirm: () => any;
22
+ cancel: () => any;
23
+ close: () => any;
24
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
25
+ "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
26
+ onConfirm?: (() => any) | undefined;
27
+ onCancel?: (() => any) | undefined;
28
+ onClose?: (() => any) | undefined;
29
+ }>, {
30
+ icon: string;
31
+ loading: boolean;
32
+ severity: ConfirmDialogSeverity;
33
+ title: string;
34
+ modelValue: boolean;
35
+ message: string;
36
+ confirmText: string;
37
+ cancelText: string;
38
+ loadingText: string;
39
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
40
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
41
+ declare const _default: typeof __VLS_export;
42
+ export default _default;
43
+ type __VLS_WithSlots<T, S> = T & {
44
+ new (): {
45
+ $slots: S;
46
+ };
47
+ };
@@ -0,0 +1,81 @@
1
+ import { DatePickerBlurEvent, DatePickerMonthChangeEvent, DatePickerYearChangeEvent } from 'primevue/datepicker';
2
+ export type TopDatePickerSelectionMode = 'single' | 'multiple' | 'range';
3
+ export type TopDatePickerValue = Date | Date[] | Array<Date | null> | null;
4
+ type __VLS_Props = {
5
+ modelValue?: TopDatePickerValue;
6
+ label?: string;
7
+ placeholder?: string;
8
+ required?: boolean;
9
+ error?: string;
10
+ invalid?: boolean;
11
+ disabled?: boolean;
12
+ readonly?: boolean;
13
+ selectionMode?: TopDatePickerSelectionMode;
14
+ dateFormat?: string;
15
+ minDate?: Date;
16
+ maxDate?: Date;
17
+ showIcon?: boolean;
18
+ iconDisplay?: 'button' | 'input';
19
+ manualInput?: boolean;
20
+ showButtonBar?: boolean;
21
+ appendTo?: 'body' | 'self' | HTMLElement;
22
+ };
23
+ declare var __VLS_22: string, __VLS_23: any;
24
+ type __VLS_Slots = {} & {
25
+ [K in NonNullable<typeof __VLS_22>]?: (props: typeof __VLS_23) => any;
26
+ };
27
+ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
28
+ input: (event: Event) => any;
29
+ "update:modelValue": (value: TopDatePickerValue) => any;
30
+ hide: () => any;
31
+ show: () => any;
32
+ change: (event: Event) => any;
33
+ "date-select": (value: Date) => any;
34
+ "today-click": (date: Date) => any;
35
+ "clear-click": (event: Event) => any;
36
+ "month-change": (event: DatePickerMonthChangeEvent) => any;
37
+ "year-change": (event: DatePickerYearChangeEvent) => any;
38
+ focus: (event: Event) => any;
39
+ blur: (event: DatePickerBlurEvent) => any;
40
+ keydown: (event: Event) => any;
41
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
42
+ onInput?: ((event: Event) => any) | undefined;
43
+ "onUpdate:modelValue"?: ((value: TopDatePickerValue) => any) | undefined;
44
+ onHide?: (() => any) | undefined;
45
+ onShow?: (() => any) | undefined;
46
+ onChange?: ((event: Event) => any) | undefined;
47
+ "onDate-select"?: ((value: Date) => any) | undefined;
48
+ "onToday-click"?: ((date: Date) => any) | undefined;
49
+ "onClear-click"?: ((event: Event) => any) | undefined;
50
+ "onMonth-change"?: ((event: DatePickerMonthChangeEvent) => any) | undefined;
51
+ "onYear-change"?: ((event: DatePickerYearChangeEvent) => any) | undefined;
52
+ onFocus?: ((event: Event) => any) | undefined;
53
+ onBlur?: ((event: DatePickerBlurEvent) => any) | undefined;
54
+ onKeydown?: ((event: Event) => any) | undefined;
55
+ }>, {
56
+ label: string;
57
+ disabled: boolean;
58
+ placeholder: string;
59
+ modelValue: TopDatePickerValue;
60
+ appendTo: "body" | "self" | HTMLElement;
61
+ required: boolean;
62
+ error: string;
63
+ invalid: boolean;
64
+ readonly: boolean;
65
+ selectionMode: TopDatePickerSelectionMode;
66
+ dateFormat: string;
67
+ minDate: Date;
68
+ maxDate: Date;
69
+ showIcon: boolean;
70
+ iconDisplay: "button" | "input";
71
+ manualInput: boolean;
72
+ showButtonBar: boolean;
73
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
74
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
75
+ declare const _default: typeof __VLS_export;
76
+ export default _default;
77
+ type __VLS_WithSlots<T, S> = T & {
78
+ new (): {
79
+ $slots: S;
80
+ };
81
+ };
@@ -0,0 +1,88 @@
1
+ export type TopFileUploadValue = File | File[] | null;
2
+ export type TopFileUploadErrorCode = "file-type" | "file-size" | "file-limit";
3
+ export type TopFileUploadError = {
4
+ code: TopFileUploadErrorCode;
5
+ message: string;
6
+ file?: File;
7
+ };
8
+ type __VLS_Props = {
9
+ modelValue?: TopFileUploadValue;
10
+ label?: string;
11
+ placeholder?: string;
12
+ required?: boolean;
13
+ disabled?: boolean;
14
+ accept?: string;
15
+ multiple?: boolean;
16
+ maxFileSize?: number | null;
17
+ maxFiles?: number | null;
18
+ error?: string;
19
+ selectLabel?: string;
20
+ removeLabel?: string;
21
+ loading?: boolean;
22
+ };
23
+ declare function choose(): void;
24
+ declare function clear(): void;
25
+ declare var __VLS_12: {
26
+ choose: typeof choose;
27
+ disabled: boolean;
28
+ }, __VLS_26: {
29
+ file: {
30
+ readonly lastModified: number;
31
+ readonly name: string;
32
+ readonly webkitRelativePath: string;
33
+ readonly size: number;
34
+ readonly type: string;
35
+ arrayBuffer: () => Promise<ArrayBuffer>;
36
+ bytes: () => Promise<Uint8Array<ArrayBuffer>>;
37
+ slice: (start?: number, end?: number, contentType?: string) => Blob;
38
+ stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
39
+ text: () => Promise<string>;
40
+ };
41
+ index: number;
42
+ url: string;
43
+ };
44
+ type __VLS_Slots = {} & {
45
+ empty?: (props: typeof __VLS_12) => any;
46
+ } & {
47
+ preview?: (props: typeof __VLS_26) => any;
48
+ };
49
+ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
50
+ choose: typeof choose;
51
+ clear: typeof clear;
52
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
53
+ select: (files: File[]) => any;
54
+ "update:modelValue": (value: TopFileUploadValue) => any;
55
+ error: (errors: TopFileUploadError[]) => any;
56
+ change: (value: TopFileUploadValue) => any;
57
+ remove: (file: File, index: number) => any;
58
+ clear: () => any;
59
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
60
+ onSelect?: ((files: File[]) => any) | undefined;
61
+ "onUpdate:modelValue"?: ((value: TopFileUploadValue) => any) | undefined;
62
+ onError?: ((errors: TopFileUploadError[]) => any) | undefined;
63
+ onChange?: ((value: TopFileUploadValue) => any) | undefined;
64
+ onRemove?: ((file: File, index: number) => any) | undefined;
65
+ onClear?: (() => any) | undefined;
66
+ }>, {
67
+ label: string;
68
+ loading: boolean;
69
+ disabled: boolean;
70
+ placeholder: string;
71
+ modelValue: TopFileUploadValue;
72
+ multiple: boolean;
73
+ required: boolean;
74
+ error: string;
75
+ accept: string;
76
+ maxFileSize: number | null;
77
+ maxFiles: number | null;
78
+ selectLabel: string;
79
+ removeLabel: string;
80
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
81
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
82
+ declare const _default: typeof __VLS_export;
83
+ export default _default;
84
+ type __VLS_WithSlots<T, S> = T & {
85
+ new (): {
86
+ $slots: S;
87
+ };
88
+ };
@@ -0,0 +1,24 @@
1
+ type __VLS_Props = {
2
+ modelValue?: string;
3
+ label?: string;
4
+ placeholder?: string;
5
+ required?: boolean;
6
+ error?: string;
7
+ disabled?: boolean;
8
+ readonly?: boolean;
9
+ };
10
+ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
11
+ "update:modelValue": (value: string) => any;
12
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
13
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
14
+ }>, {
15
+ label: string;
16
+ disabled: boolean;
17
+ placeholder: string;
18
+ modelValue: string;
19
+ required: boolean;
20
+ error: string;
21
+ readonly: boolean;
22
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
23
+ declare const _default: typeof __VLS_export;
24
+ export default _default;
@@ -0,0 +1,272 @@
1
+ export type TopNavItem = {
2
+ id: string;
3
+ label: string;
4
+ to?: string;
5
+ icon?: string;
6
+ disabled?: boolean;
7
+ children?: TopNavItem[];
8
+ data?: unknown;
9
+ };
10
+ export type TopNavSection = TopNavItem & {
11
+ children: TopNavItem[];
12
+ };
13
+ export type TopNavBreadcrumb = {
14
+ id: string;
15
+ label: string;
16
+ to?: string;
17
+ sectionId?: string;
18
+ menuId?: string;
19
+ };
20
+ export type TopNavAction = {
21
+ id: string;
22
+ label: string;
23
+ icon?: string;
24
+ disabled?: boolean;
25
+ data?: unknown;
26
+ };
27
+ export type TopNavBarColors = {
28
+ navigation?: string;
29
+ text?: string;
30
+ mutedText?: string;
31
+ accent?: string;
32
+ border?: string;
33
+ menuText?: string;
34
+ mobileActiveText?: string;
35
+ favoritesText?: string;
36
+ };
37
+ export type TopNavBarSurfaces = {
38
+ breadcrumb?: string;
39
+ drawer?: string;
40
+ drawerFooter?: string;
41
+ menu?: string;
42
+ menuHover?: string;
43
+ menuExplored?: string;
44
+ mobileActive?: string;
45
+ favorites?: string;
46
+ currentPage?: string;
47
+ };
48
+ export type TopNavBarBorders = {
49
+ menu?: string;
50
+ menuOutline?: string;
51
+ mobileDivider?: string;
52
+ favorites?: string;
53
+ currentPage?: string;
54
+ };
55
+ export type TopNavBarShape = {
56
+ radius?: string;
57
+ drawerRadius?: string;
58
+ shadow?: string;
59
+ favoritesShadow?: string;
60
+ };
61
+ export type TopNavBarFocus = {
62
+ onDark?: string;
63
+ onLight?: string;
64
+ };
65
+ export type TopNavBarAppearance = {
66
+ colors?: TopNavBarColors;
67
+ surfaces?: TopNavBarSurfaces;
68
+ borders?: TopNavBarBorders;
69
+ shape?: TopNavBarShape;
70
+ focus?: TopNavBarFocus;
71
+ };
72
+ export type TopNavUser = {
73
+ name: string;
74
+ subtitle?: string;
75
+ avatarUrl?: string;
76
+ initials?: string;
77
+ data?: unknown;
78
+ };
79
+ export type TopNavUserMenuItem = {
80
+ id: string;
81
+ label: string;
82
+ icon?: string;
83
+ disabled?: boolean;
84
+ separator?: boolean;
85
+ data?: unknown;
86
+ };
87
+ type RenderAction = TopNavAction & {
88
+ kind: 'aia' | 'support' | 'action';
89
+ };
90
+ type __VLS_Props = {
91
+ sections?: TopNavSection[];
92
+ breadcrumbs?: TopNavBreadcrumb[];
93
+ homeItem?: TopNavItem;
94
+ navigationLabel?: string;
95
+ activeItemId?: string;
96
+ searchable?: boolean;
97
+ searchValue?: string;
98
+ searchPlaceholder?: string;
99
+ searchResults?: TopNavItem[];
100
+ showAia?: boolean;
101
+ aiaActive?: boolean;
102
+ aiaLabel?: string;
103
+ showSupport?: boolean;
104
+ supportLabel?: string;
105
+ actions?: TopNavAction[];
106
+ user?: TopNavUser;
107
+ userMenuItems?: TopNavUserMenuItem[];
108
+ favoriteItems?: TopNavItem[];
109
+ showFavoriteToggle?: boolean;
110
+ favoriteActive?: boolean;
111
+ favoriteLabel?: string;
112
+ mobileOpen?: boolean;
113
+ appearance?: TopNavBarAppearance;
114
+ };
115
+ declare function selectItem(item: TopNavItem): void;
116
+ declare function selectUserAction(item: TopNavUserMenuItem, closeDrawer?: boolean): void;
117
+ declare function updateSearch(query: string): void;
118
+ declare function clearSearch(): void;
119
+ declare function closeDesktopPopovers(): void;
120
+ declare function openSearch(): Promise<void>;
121
+ declare var __VLS_1: {
122
+ compact: boolean;
123
+ }, __VLS_3: {}, __VLS_5: {
124
+ compact: boolean;
125
+ }, __VLS_7: {
126
+ compact: boolean;
127
+ }, __VLS_9: {
128
+ compact: boolean;
129
+ }, __VLS_11: {
130
+ items: TopNavItem[];
131
+ select: typeof selectItem;
132
+ }, __VLS_13: {}, __VLS_15: {}, __VLS_17: {
133
+ compact: boolean;
134
+ close: typeof closeDesktopPopovers;
135
+ }, __VLS_19: {
136
+ user: TopNavUser | undefined;
137
+ compact: boolean;
138
+ }, __VLS_21: {
139
+ items: TopNavUserMenuItem[];
140
+ select: typeof selectUserAction;
141
+ }, __VLS_34: {}, __VLS_49: {
142
+ close: () => void;
143
+ }, __VLS_51: {}, __VLS_53: {
144
+ compact: boolean;
145
+ }, __VLS_55: {
146
+ query: string;
147
+ update: typeof updateSearch;
148
+ clear: typeof clearSearch;
149
+ }, __VLS_57: {
150
+ actions: RenderAction[];
151
+ select: (actionItem: RenderAction) => void;
152
+ close: () => void;
153
+ }, __VLS_59: {
154
+ close: () => void;
155
+ }, __VLS_74: {
156
+ sections: TopNavItem[];
157
+ select: typeof selectItem;
158
+ close: () => void;
159
+ }, __VLS_83: {
160
+ close: () => void;
161
+ }, __VLS_85: {
162
+ user: TopNavUser | undefined;
163
+ open: boolean;
164
+ toggle: () => boolean;
165
+ }, __VLS_87: {
166
+ close: () => void;
167
+ };
168
+ type __VLS_Slots = {} & {
169
+ brand?: (props: typeof __VLS_1) => any;
170
+ } & {
171
+ 'context-compact'?: (props: typeof __VLS_3) => any;
172
+ } & {
173
+ context?: (props: typeof __VLS_5) => any;
174
+ } & {
175
+ scope?: (props: typeof __VLS_7) => any;
176
+ } & {
177
+ client?: (props: typeof __VLS_9) => any;
178
+ } & {
179
+ 'search-results'?: (props: typeof __VLS_11) => any;
180
+ } & {
181
+ 'aia-icon'?: (props: typeof __VLS_13) => any;
182
+ } & {
183
+ 'support-icon'?: (props: typeof __VLS_15) => any;
184
+ } & {
185
+ actions?: (props: typeof __VLS_17) => any;
186
+ } & {
187
+ user?: (props: typeof __VLS_19) => any;
188
+ } & {
189
+ 'user-menu'?: (props: typeof __VLS_21) => any;
190
+ } & {
191
+ 'breadcrumb-actions'?: (props: typeof __VLS_34) => any;
192
+ } & {
193
+ 'drawer-header'?: (props: typeof __VLS_49) => any;
194
+ } & {
195
+ 'drawer-brand'?: (props: typeof __VLS_51) => any;
196
+ } & {
197
+ brand?: (props: typeof __VLS_53) => any;
198
+ } & {
199
+ 'drawer-search'?: (props: typeof __VLS_55) => any;
200
+ } & {
201
+ 'drawer-actions'?: (props: typeof __VLS_57) => any;
202
+ } & {
203
+ 'drawer-before-menu'?: (props: typeof __VLS_59) => any;
204
+ } & {
205
+ 'drawer-menu'?: (props: typeof __VLS_74) => any;
206
+ } & {
207
+ 'drawer-after-menu'?: (props: typeof __VLS_83) => any;
208
+ } & {
209
+ 'drawer-user'?: (props: typeof __VLS_85) => any;
210
+ } & {
211
+ 'drawer-footer'?: (props: typeof __VLS_87) => any;
212
+ };
213
+ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
214
+ close: typeof closeDesktopPopovers;
215
+ closeDrawer: () => void;
216
+ focusSearch: typeof openSearch;
217
+ openDrawer: () => void;
218
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
219
+ search: (query: string) => any;
220
+ action: (action: TopNavAction) => any;
221
+ navigate: (item: TopNavItem) => any;
222
+ "update:searchValue": (query: string) => any;
223
+ "update:mobileOpen": (open: boolean) => any;
224
+ "toggle-aia": () => any;
225
+ "open-support": () => any;
226
+ "toggle-favorite": () => any;
227
+ "user-action": (item: TopNavUserMenuItem) => any;
228
+ "user-click": (user: TopNavUser | undefined) => any;
229
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
230
+ onSearch?: ((query: string) => any) | undefined;
231
+ onAction?: ((action: TopNavAction) => any) | undefined;
232
+ onNavigate?: ((item: TopNavItem) => any) | undefined;
233
+ "onUpdate:searchValue"?: ((query: string) => any) | undefined;
234
+ "onUpdate:mobileOpen"?: ((open: boolean) => any) | undefined;
235
+ "onToggle-aia"?: (() => any) | undefined;
236
+ "onOpen-support"?: (() => any) | undefined;
237
+ "onToggle-favorite"?: (() => any) | undefined;
238
+ "onUser-action"?: ((item: TopNavUserMenuItem) => any) | undefined;
239
+ "onUser-click"?: ((user: TopNavUser | undefined) => any) | undefined;
240
+ }>, {
241
+ activeItemId: string;
242
+ sections: TopNavSection[];
243
+ breadcrumbs: TopNavBreadcrumb[];
244
+ homeItem: TopNavItem;
245
+ navigationLabel: string;
246
+ searchable: boolean;
247
+ searchValue: string;
248
+ searchPlaceholder: string;
249
+ searchResults: TopNavItem[];
250
+ showAia: boolean;
251
+ aiaActive: boolean;
252
+ aiaLabel: string;
253
+ showSupport: boolean;
254
+ supportLabel: string;
255
+ actions: TopNavAction[];
256
+ user: TopNavUser;
257
+ userMenuItems: TopNavUserMenuItem[];
258
+ favoriteItems: TopNavItem[];
259
+ showFavoriteToggle: boolean;
260
+ favoriteActive: boolean;
261
+ favoriteLabel: string;
262
+ mobileOpen: boolean;
263
+ appearance: TopNavBarAppearance;
264
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
265
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
266
+ declare const _default: typeof __VLS_export;
267
+ export default _default;
268
+ type __VLS_WithSlots<T, S> = T & {
269
+ new (): {
270
+ $slots: S;
271
+ };
272
+ };
@@ -0,0 +1,100 @@
1
+ type SelectOption = Record<string, unknown> | string | number;
2
+ type __VLS_Props = {
3
+ modelValue?: SelectOption | SelectOption[] | null;
4
+ options?: SelectOption[];
5
+ loading?: boolean;
6
+ disabled?: boolean;
7
+ placeholder?: string;
8
+ optionLabel?: string | ((option: SelectOption) => string);
9
+ optionKey?: string;
10
+ optionPrefix?: string;
11
+ showOptionPrefix?: boolean;
12
+ showSelectedPrefix?: boolean;
13
+ panelWidth?: string | null;
14
+ scrollHeight?: string;
15
+ invalid?: boolean;
16
+ showTooltip?: boolean;
17
+ optionGroupLabel?: string | null;
18
+ optionGroupChildren?: string | null;
19
+ minQueryLength?: number;
20
+ emptyMessage?: string;
21
+ loadingMessage?: string;
22
+ showLoadingMessage?: boolean;
23
+ multiple?: boolean;
24
+ forceSelection?: boolean;
25
+ closeOnSelect?: boolean;
26
+ };
27
+ declare function hideDropdown(): void;
28
+ declare var __VLS_1: {
29
+ loading: boolean;
30
+ }, __VLS_17: any, __VLS_20: {}, __VLS_23: any, __VLS_26: any, __VLS_29: any, __VLS_32: any;
31
+ type __VLS_Slots = {} & {
32
+ icon?: (props: typeof __VLS_1) => any;
33
+ } & {
34
+ chip?: (props: typeof __VLS_17) => any;
35
+ } & {
36
+ empty?: (props: typeof __VLS_20) => any;
37
+ } & {
38
+ 'selected-item'?: (props: typeof __VLS_23) => any;
39
+ } & {
40
+ 'option-group'?: (props: typeof __VLS_26) => any;
41
+ } & {
42
+ option?: (props: typeof __VLS_29) => any;
43
+ } & {
44
+ footer?: (props: typeof __VLS_32) => any;
45
+ };
46
+ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
47
+ hideDropdown: typeof hideDropdown;
48
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
49
+ search: (event: {
50
+ originalEvent: Event;
51
+ query: string;
52
+ }) => any;
53
+ select: (event: unknown) => any;
54
+ "update:modelValue": (value: SelectOption | SelectOption[] | null) => any;
55
+ change: (event: unknown) => any;
56
+ clear: () => any;
57
+ loadMore: (event: unknown) => any;
58
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
59
+ onSearch?: ((event: {
60
+ originalEvent: Event;
61
+ query: string;
62
+ }) => any) | undefined;
63
+ onSelect?: ((event: unknown) => any) | undefined;
64
+ "onUpdate:modelValue"?: ((value: SelectOption | SelectOption[] | null) => any) | undefined;
65
+ onChange?: ((event: unknown) => any) | undefined;
66
+ onClear?: (() => any) | undefined;
67
+ onLoadMore?: ((event: unknown) => any) | undefined;
68
+ }>, {
69
+ loading: boolean;
70
+ disabled: boolean;
71
+ placeholder: string;
72
+ modelValue: SelectOption | SelectOption[] | null;
73
+ multiple: boolean;
74
+ invalid: boolean;
75
+ options: SelectOption[];
76
+ optionLabel: string | ((option: SelectOption) => string);
77
+ optionKey: string;
78
+ optionPrefix: string;
79
+ showOptionPrefix: boolean;
80
+ showSelectedPrefix: boolean;
81
+ panelWidth: string | null;
82
+ scrollHeight: string;
83
+ showTooltip: boolean;
84
+ optionGroupLabel: string | null;
85
+ optionGroupChildren: string | null;
86
+ minQueryLength: number;
87
+ emptyMessage: string;
88
+ loadingMessage: string;
89
+ showLoadingMessage: boolean;
90
+ forceSelection: boolean;
91
+ closeOnSelect: boolean;
92
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
93
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
94
+ declare const _default: typeof __VLS_export;
95
+ export default _default;
96
+ type __VLS_WithSlots<T, S> = T & {
97
+ new (): {
98
+ $slots: S;
99
+ };
100
+ };
@@ -0,0 +1,34 @@
1
+ export type TopTabValue = string | number;
2
+ export interface TopTabItem {
3
+ value: TopTabValue;
4
+ label: string;
5
+ disabled?: boolean;
6
+ }
7
+ type __VLS_Props = {
8
+ modelValue: TopTabValue;
9
+ tabs: TopTabItem[];
10
+ lazy?: boolean;
11
+ scrollable?: boolean;
12
+ };
13
+ type __VLS_Slots = {
14
+ [name: string]: (props: {
15
+ tab: TopTabItem;
16
+ active: boolean;
17
+ }) => unknown;
18
+ };
19
+ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
20
+ "update:modelValue": (value: TopTabValue) => any;
21
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
22
+ "onUpdate:modelValue"?: ((value: TopTabValue) => any) | undefined;
23
+ }>, {
24
+ lazy: boolean;
25
+ scrollable: boolean;
26
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
27
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
28
+ declare const _default: typeof __VLS_export;
29
+ export default _default;
30
+ type __VLS_WithSlots<T, S> = T & {
31
+ new (): {
32
+ $slots: S;
33
+ };
34
+ };