@avenirs-esr/avenirs-dsav 0.1.52 → 0.1.54
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/dist/avenirs-dsav.css +3 -1
- package/dist/components/badges/AvBadge/AvBadge.stub.d.ts +29 -17
- package/dist/components/badges/AvTag/AvTag.stories.d.ts +50 -0
- package/dist/components/badges/AvTag/AvTag.stub.d.ts +23 -0
- package/dist/components/badges/AvTag/AvTag.vue.d.ts +216 -0
- package/dist/components/badges/index.d.ts +2 -2
- package/dist/components/base/AvVIcon/AvVIcon.stub.d.ts +9 -5
- package/dist/components/base/index.d.ts +0 -1
- package/dist/components/header/index.d.ts +1 -1
- package/dist/components/interaction/buttons/AvButton/AvButton.stub.d.ts +15 -6
- package/dist/components/interaction/buttons/AvCancelConfirmButtons/AvCancelConfirmButtons.stub.d.ts +22 -6
- package/dist/components/interaction/buttons/index.d.ts +0 -1
- package/dist/components/interaction/lists/AvList/AvList.stub.d.ts +5 -5
- package/dist/components/interaction/lists/AvListItem/AvListItem.stub.d.ts +19 -6
- package/dist/components/interaction/lists/index.d.ts +0 -2
- package/dist/components/interaction/pickers/AvTagPicker/AvTagPicker.stub.d.ts +11 -5
- package/dist/components/interaction/pickers/index.d.ts +0 -1
- package/dist/components/interaction/selects/AvAutocomplete/AvAutocomplete.stub.d.ts +28 -6
- package/dist/components/interaction/selects/AvSelect/AvSelect.stub.d.ts +15 -11
- package/dist/components/interaction/selects/index.d.ts +1 -3
- package/dist/components/interaction/toggles/AvToggle/AvToggle.stub.d.ts +19 -0
- package/dist/components/navigation/AvBreadcrumb/AvBreadcrumb.stories.d.ts +46 -0
- package/dist/components/navigation/AvBreadcrumb/AvBreadcrumb.stub.d.ts +9 -0
- package/dist/components/navigation/AvBreadcrumb/AvBreadcrumb.test.d.ts +1 -0
- package/dist/components/navigation/AvBreadcrumb/AvBreadcrumb.vue.d.ts +24 -0
- package/dist/components/navigation/AvSideNavigation/AvSideNavigation.stub.d.ts +16 -11
- package/dist/components/navigation/AvStepper/AvStepper.stub.d.ts +19 -14
- package/dist/components/navigation/index.d.ts +1 -2
- package/dist/components/overlay/drawers/AvDrawer/AvDrawer.stub.d.ts +11 -6
- package/dist/components/overlay/index.d.ts +0 -1
- package/dist/composables/index.d.ts +1 -1
- package/dist/composables/use-av-breakpoints/use-av-breakpoints.d.ts +72 -0
- package/dist/composables/use-av-breakpoints/use-av-breakpoints.test.d.ts +1 -0
- package/dist/config/index.d.ts +0 -1
- package/dist/index.cjs.js +19 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.es.js +9007 -0
- package/dist/test-utils.cjs.js +114 -0
- package/dist/test-utils.es.js +286 -0
- package/dist/tests/index.d.ts +17 -1
- package/dist/tests/stubs.d.ts +94 -39
- package/dist/tests/utils.d.ts +2 -3
- package/dist/types/index.d.ts +2 -0
- package/package.json +32 -2
- package/src/styles/main.scss +7 -1
- package/dist/avenirs-dsav.es.js +0 -5133
- package/dist/avenirs-dsav.umd.js +0 -44
- package/dist/composables/use-breakpoint/use-breakpoint.d.ts +0 -54
- package/dist/config/breakpoints.d.ts +0 -10
- package/src/styles/breakpoints.scss +0 -32
- /package/dist/{composables/use-breakpoint/use-breakpoint.test.d.ts → components/badges/AvTag/AvTag.test.d.ts} +0 -0
|
@@ -1,18 +1,30 @@
|
|
|
1
|
-
export declare const AvBadgeStub: {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
small: {
|
|
7
|
-
type: BooleanConstructor;
|
|
8
|
-
default: boolean;
|
|
9
|
-
};
|
|
10
|
-
ellipsis: {
|
|
11
|
-
type: BooleanConstructor;
|
|
12
|
-
default: boolean;
|
|
13
|
-
};
|
|
14
|
-
color: StringConstructor;
|
|
15
|
-
backgroundColor: StringConstructor;
|
|
16
|
-
iconPath: StringConstructor;
|
|
1
|
+
export declare const AvBadgeStub: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
2
|
+
label: StringConstructor;
|
|
3
|
+
small: {
|
|
4
|
+
type: BooleanConstructor;
|
|
5
|
+
default: boolean;
|
|
17
6
|
};
|
|
18
|
-
|
|
7
|
+
ellipsis: {
|
|
8
|
+
type: BooleanConstructor;
|
|
9
|
+
default: boolean;
|
|
10
|
+
};
|
|
11
|
+
color: StringConstructor;
|
|
12
|
+
backgroundColor: StringConstructor;
|
|
13
|
+
iconPath: StringConstructor;
|
|
14
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
15
|
+
label: StringConstructor;
|
|
16
|
+
small: {
|
|
17
|
+
type: BooleanConstructor;
|
|
18
|
+
default: boolean;
|
|
19
|
+
};
|
|
20
|
+
ellipsis: {
|
|
21
|
+
type: BooleanConstructor;
|
|
22
|
+
default: boolean;
|
|
23
|
+
};
|
|
24
|
+
color: StringConstructor;
|
|
25
|
+
backgroundColor: StringConstructor;
|
|
26
|
+
iconPath: StringConstructor;
|
|
27
|
+
}>> & Readonly<{}>, {
|
|
28
|
+
small: boolean;
|
|
29
|
+
ellipsis: boolean;
|
|
30
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import type { Meta, StoryFn } from '@storybook/vue3';
|
|
2
|
+
import { type AvTagProps } from '@/components/badges/AvTag/AvTag.vue';
|
|
3
|
+
/**
|
|
4
|
+
* <h1 class="n1">Tags - <code>AvTag</code></h1>
|
|
5
|
+
*
|
|
6
|
+
* <h2 class="n2">✨ Introduction</h2>
|
|
7
|
+
*
|
|
8
|
+
* <p>
|
|
9
|
+
* <span class="b2-regular">
|
|
10
|
+
* The <code>AvTag</code> categorizes, classifies, and organizes content using keywords.
|
|
11
|
+
* They help users easily search for and find information.
|
|
12
|
+
* </span>
|
|
13
|
+
* </p>
|
|
14
|
+
*
|
|
15
|
+
* <p>
|
|
16
|
+
* <span class="b2-regular">
|
|
17
|
+
* The tag can be used as a filter (for example, on a search results page). In this case, it can be:
|
|
18
|
+
* </span>
|
|
19
|
+
* </p>
|
|
20
|
+
*
|
|
21
|
+
* <ul>
|
|
22
|
+
* <li>
|
|
23
|
+
* <span class="b2-regular">Activated as a filter to be selected or deselected.</span>
|
|
24
|
+
* </li>
|
|
25
|
+
* <li>
|
|
26
|
+
* <span class="b2-regular">
|
|
27
|
+
* Deleted; serves as a reminder of a filter that has been checked in a sidebar or drop-down list.
|
|
28
|
+
* </span>
|
|
29
|
+
* </li>
|
|
30
|
+
* </ul>
|
|
31
|
+
*
|
|
32
|
+
* <h2 class="n2">🏗️ Structure</h2>
|
|
33
|
+
*
|
|
34
|
+
* <p><span class="b2-regular">It consists of the following elements:</span></p>
|
|
35
|
+
*
|
|
36
|
+
* <ul>
|
|
37
|
+
* <li><span class="b2-regular">A mandatory label, using the <code>label</code> prop.</span></li>
|
|
38
|
+
* <li><span class="b2-regular">An optional icon, using an <code>@iconify/vue</code> icon name.</span></li>
|
|
39
|
+
* </ul>
|
|
40
|
+
*/
|
|
41
|
+
declare const meta: Meta<AvTagProps>;
|
|
42
|
+
export default meta;
|
|
43
|
+
export declare const Default: StoryFn<AvTagProps>;
|
|
44
|
+
export declare const Small: StoryFn<AvTagProps>;
|
|
45
|
+
export declare const WithLink: StoryFn<AvTagProps>;
|
|
46
|
+
export declare const IconOnly: StoryFn<AvTagProps>;
|
|
47
|
+
export declare const WithoutIcon: StoryFn<AvTagProps>;
|
|
48
|
+
export declare const Selectable: StoryFn<AvTagProps>;
|
|
49
|
+
export declare const SelectableSelected: StoryFn<AvTagProps>;
|
|
50
|
+
export declare const SelectableUnselected: StoryFn<AvTagProps>;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export declare const AvTagStub: import("vue").DefineComponent<{
|
|
2
|
+
label?: any;
|
|
3
|
+
link?: any;
|
|
4
|
+
small?: any;
|
|
5
|
+
icon?: any;
|
|
6
|
+
selected?: any;
|
|
7
|
+
disabled?: any;
|
|
8
|
+
iconOnly?: any;
|
|
9
|
+
value?: any;
|
|
10
|
+
tagName?: any;
|
|
11
|
+
selectable?: any;
|
|
12
|
+
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
|
|
13
|
+
label?: any;
|
|
14
|
+
link?: any;
|
|
15
|
+
small?: any;
|
|
16
|
+
icon?: any;
|
|
17
|
+
selected?: any;
|
|
18
|
+
disabled?: any;
|
|
19
|
+
iconOnly?: any;
|
|
20
|
+
value?: any;
|
|
21
|
+
tagName?: any;
|
|
22
|
+
selectable?: any;
|
|
23
|
+
}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -0,0 +1,216 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* AvTag component props.
|
|
3
|
+
*/
|
|
4
|
+
export type AvTagProps<T = string> = {
|
|
5
|
+
/**
|
|
6
|
+
* Displayed tag label.
|
|
7
|
+
*/
|
|
8
|
+
label: string;
|
|
9
|
+
/**
|
|
10
|
+
* URL for external link. Also determines the tag type (`a` or `RouterLink`).
|
|
11
|
+
*/
|
|
12
|
+
link?: string;
|
|
13
|
+
/**
|
|
14
|
+
* Tag name used for the tag (should be 'p' ou 'button').
|
|
15
|
+
* @default 'p' (DSFR default)
|
|
16
|
+
*/
|
|
17
|
+
tagName?: 'p' | 'button';
|
|
18
|
+
/**
|
|
19
|
+
* Icon to display in the tag. Can be a name or an icon configuration.
|
|
20
|
+
*/
|
|
21
|
+
icon?: string;
|
|
22
|
+
/**
|
|
23
|
+
* Disabled the tag if it is a button.
|
|
24
|
+
*/
|
|
25
|
+
disabled?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Display the tag in a small version.
|
|
28
|
+
*/
|
|
29
|
+
small?: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* Display the tag in icon only version.
|
|
32
|
+
*/
|
|
33
|
+
iconOnly?: boolean;
|
|
34
|
+
} & ({
|
|
35
|
+
/**
|
|
36
|
+
* Make the tag selectable.
|
|
37
|
+
*/
|
|
38
|
+
selectable: true;
|
|
39
|
+
/**
|
|
40
|
+
* Indicated if the tag is selected.
|
|
41
|
+
* @available if selectable is true
|
|
42
|
+
*/
|
|
43
|
+
selected?: boolean;
|
|
44
|
+
/**
|
|
45
|
+
* Tag value (useful in a selectable tags list).
|
|
46
|
+
* @available if selectable is true
|
|
47
|
+
*/
|
|
48
|
+
value?: T;
|
|
49
|
+
} | {
|
|
50
|
+
/**
|
|
51
|
+
* Indicated if the tag is selected.
|
|
52
|
+
*/
|
|
53
|
+
selectable?: false;
|
|
54
|
+
});
|
|
55
|
+
declare const _default: import("vue").DefineComponent<({
|
|
56
|
+
/**
|
|
57
|
+
* Displayed tag label.
|
|
58
|
+
*/
|
|
59
|
+
label: string;
|
|
60
|
+
/**
|
|
61
|
+
* URL for external link. Also determines the tag type (`a` or `RouterLink`).
|
|
62
|
+
*/
|
|
63
|
+
link?: string | undefined;
|
|
64
|
+
/**
|
|
65
|
+
* Tag name used for the tag (should be 'p' ou 'button').
|
|
66
|
+
* @default 'p' (DSFR default)
|
|
67
|
+
*/
|
|
68
|
+
tagName?: "button" | "p" | undefined;
|
|
69
|
+
/**
|
|
70
|
+
* Icon to display in the tag. Can be a name or an icon configuration.
|
|
71
|
+
*/
|
|
72
|
+
icon?: string | undefined;
|
|
73
|
+
/**
|
|
74
|
+
* Disabled the tag if it is a button.
|
|
75
|
+
*/
|
|
76
|
+
disabled?: boolean | undefined;
|
|
77
|
+
/**
|
|
78
|
+
* Display the tag in a small version.
|
|
79
|
+
*/
|
|
80
|
+
small?: boolean | undefined;
|
|
81
|
+
/**
|
|
82
|
+
* Display the tag in icon only version.
|
|
83
|
+
*/
|
|
84
|
+
iconOnly?: boolean | undefined;
|
|
85
|
+
} & {
|
|
86
|
+
/**
|
|
87
|
+
* Indicated if the tag is selected.
|
|
88
|
+
*/
|
|
89
|
+
selectable?: false | undefined;
|
|
90
|
+
}) | ({
|
|
91
|
+
/**
|
|
92
|
+
* Displayed tag label.
|
|
93
|
+
*/
|
|
94
|
+
label: string;
|
|
95
|
+
/**
|
|
96
|
+
* URL for external link. Also determines the tag type (`a` or `RouterLink`).
|
|
97
|
+
*/
|
|
98
|
+
link?: string | undefined;
|
|
99
|
+
/**
|
|
100
|
+
* Tag name used for the tag (should be 'p' ou 'button').
|
|
101
|
+
* @default 'p' (DSFR default)
|
|
102
|
+
*/
|
|
103
|
+
tagName?: "button" | "p" | undefined;
|
|
104
|
+
/**
|
|
105
|
+
* Icon to display in the tag. Can be a name or an icon configuration.
|
|
106
|
+
*/
|
|
107
|
+
icon?: string | undefined;
|
|
108
|
+
/**
|
|
109
|
+
* Disabled the tag if it is a button.
|
|
110
|
+
*/
|
|
111
|
+
disabled?: boolean | undefined;
|
|
112
|
+
/**
|
|
113
|
+
* Display the tag in a small version.
|
|
114
|
+
*/
|
|
115
|
+
small?: boolean | undefined;
|
|
116
|
+
/**
|
|
117
|
+
* Display the tag in icon only version.
|
|
118
|
+
*/
|
|
119
|
+
iconOnly?: boolean | undefined;
|
|
120
|
+
} & {
|
|
121
|
+
/**
|
|
122
|
+
* Make the tag selectable.
|
|
123
|
+
*/
|
|
124
|
+
selectable: true;
|
|
125
|
+
/**
|
|
126
|
+
* Indicated if the tag is selected.
|
|
127
|
+
* @available if selectable is true
|
|
128
|
+
*/
|
|
129
|
+
selected?: boolean | undefined;
|
|
130
|
+
/**
|
|
131
|
+
* Tag value (useful in a selectable tags list).
|
|
132
|
+
* @available if selectable is true
|
|
133
|
+
*/
|
|
134
|
+
value?: string | undefined;
|
|
135
|
+
}), {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<({
|
|
136
|
+
/**
|
|
137
|
+
* Displayed tag label.
|
|
138
|
+
*/
|
|
139
|
+
label: string;
|
|
140
|
+
/**
|
|
141
|
+
* URL for external link. Also determines the tag type (`a` or `RouterLink`).
|
|
142
|
+
*/
|
|
143
|
+
link?: string | undefined;
|
|
144
|
+
/**
|
|
145
|
+
* Tag name used for the tag (should be 'p' ou 'button').
|
|
146
|
+
* @default 'p' (DSFR default)
|
|
147
|
+
*/
|
|
148
|
+
tagName?: "button" | "p" | undefined;
|
|
149
|
+
/**
|
|
150
|
+
* Icon to display in the tag. Can be a name or an icon configuration.
|
|
151
|
+
*/
|
|
152
|
+
icon?: string | undefined;
|
|
153
|
+
/**
|
|
154
|
+
* Disabled the tag if it is a button.
|
|
155
|
+
*/
|
|
156
|
+
disabled?: boolean | undefined;
|
|
157
|
+
/**
|
|
158
|
+
* Display the tag in a small version.
|
|
159
|
+
*/
|
|
160
|
+
small?: boolean | undefined;
|
|
161
|
+
/**
|
|
162
|
+
* Display the tag in icon only version.
|
|
163
|
+
*/
|
|
164
|
+
iconOnly?: boolean | undefined;
|
|
165
|
+
} & {
|
|
166
|
+
/**
|
|
167
|
+
* Indicated if the tag is selected.
|
|
168
|
+
*/
|
|
169
|
+
selectable?: false | undefined;
|
|
170
|
+
}) | ({
|
|
171
|
+
/**
|
|
172
|
+
* Displayed tag label.
|
|
173
|
+
*/
|
|
174
|
+
label: string;
|
|
175
|
+
/**
|
|
176
|
+
* URL for external link. Also determines the tag type (`a` or `RouterLink`).
|
|
177
|
+
*/
|
|
178
|
+
link?: string | undefined;
|
|
179
|
+
/**
|
|
180
|
+
* Tag name used for the tag (should be 'p' ou 'button').
|
|
181
|
+
* @default 'p' (DSFR default)
|
|
182
|
+
*/
|
|
183
|
+
tagName?: "button" | "p" | undefined;
|
|
184
|
+
/**
|
|
185
|
+
* Icon to display in the tag. Can be a name or an icon configuration.
|
|
186
|
+
*/
|
|
187
|
+
icon?: string | undefined;
|
|
188
|
+
/**
|
|
189
|
+
* Disabled the tag if it is a button.
|
|
190
|
+
*/
|
|
191
|
+
disabled?: boolean | undefined;
|
|
192
|
+
/**
|
|
193
|
+
* Display the tag in a small version.
|
|
194
|
+
*/
|
|
195
|
+
small?: boolean | undefined;
|
|
196
|
+
/**
|
|
197
|
+
* Display the tag in icon only version.
|
|
198
|
+
*/
|
|
199
|
+
iconOnly?: boolean | undefined;
|
|
200
|
+
} & {
|
|
201
|
+
/**
|
|
202
|
+
* Make the tag selectable.
|
|
203
|
+
*/
|
|
204
|
+
selectable: true;
|
|
205
|
+
/**
|
|
206
|
+
* Indicated if the tag is selected.
|
|
207
|
+
* @available if selectable is true
|
|
208
|
+
*/
|
|
209
|
+
selected?: boolean | undefined;
|
|
210
|
+
/**
|
|
211
|
+
* Tag value (useful in a selectable tags list).
|
|
212
|
+
* @available if selectable is true
|
|
213
|
+
*/
|
|
214
|
+
value?: string | undefined;
|
|
215
|
+
})> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
216
|
+
export default _default;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export { default as
|
|
1
|
+
export { default as AvBadge, type AvBadgeProps } from './AvBadge/AvBadge.vue';
|
|
2
|
+
export { default as AvTag, type AvTagProps } from './AvTag/AvTag.vue';
|
|
@@ -1,5 +1,9 @@
|
|
|
1
|
-
export declare const AvVIconStub: {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
}
|
|
1
|
+
export declare const AvVIconStub: import("vue").DefineComponent<{
|
|
2
|
+
size?: any;
|
|
3
|
+
name?: any;
|
|
4
|
+
color?: any;
|
|
5
|
+
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
|
|
6
|
+
size?: any;
|
|
7
|
+
name?: any;
|
|
8
|
+
color?: any;
|
|
9
|
+
}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { default as AvHeader } from './AvHeader/AvHeader.vue';
|
|
1
|
+
export { default as AvHeader, type AvHeaderProps } from './AvHeader/AvHeader.vue';
|
|
2
2
|
export { default as AvHeaderMenuLinks } from './AvHeaderMenuLinks/AvHeaderMenuLinks.vue';
|
|
3
3
|
export { default as AvLogo } from './AvLogo.vue';
|
|
4
4
|
export { default as EsupLogo } from './EsupLogo.vue';
|
|
@@ -1,6 +1,15 @@
|
|
|
1
|
-
export declare const AvButtonStub: {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
export declare const AvButtonStub: import("vue").DefineComponent<{
|
|
2
|
+
label?: any;
|
|
3
|
+
type?: any;
|
|
4
|
+
variant?: any;
|
|
5
|
+
isLoading?: any;
|
|
6
|
+
disabled?: any;
|
|
7
|
+
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<{
|
|
8
|
+
label?: any;
|
|
9
|
+
type?: any;
|
|
10
|
+
variant?: any;
|
|
11
|
+
isLoading?: any;
|
|
12
|
+
disabled?: any;
|
|
13
|
+
}> & Readonly<{
|
|
14
|
+
onClick?: ((...args: any[]) => any) | undefined;
|
|
15
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
package/dist/components/interaction/buttons/AvCancelConfirmButtons/AvCancelConfirmButtons.stub.d.ts
CHANGED
|
@@ -1,6 +1,22 @@
|
|
|
1
|
-
export declare const AvCancelConfirmButtonsStub: {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
export declare const AvCancelConfirmButtonsStub: import("vue").DefineComponent<{
|
|
2
|
+
cancelLabel?: any;
|
|
3
|
+
cancelIcon?: any;
|
|
4
|
+
cancelDisabled?: any;
|
|
5
|
+
cancelIsLoading?: any;
|
|
6
|
+
confirmLabel?: any;
|
|
7
|
+
confirmIcon?: any;
|
|
8
|
+
confirmDisabled?: any;
|
|
9
|
+
confirmIsLoading?: any;
|
|
10
|
+
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "confirm")[], "cancel" | "confirm", import("vue").PublicProps, Readonly<{
|
|
11
|
+
cancelLabel?: any;
|
|
12
|
+
cancelIcon?: any;
|
|
13
|
+
cancelDisabled?: any;
|
|
14
|
+
cancelIsLoading?: any;
|
|
15
|
+
confirmLabel?: any;
|
|
16
|
+
confirmIcon?: any;
|
|
17
|
+
confirmDisabled?: any;
|
|
18
|
+
confirmIsLoading?: any;
|
|
19
|
+
}> & Readonly<{
|
|
20
|
+
onCancel?: ((...args: any[]) => any) | undefined;
|
|
21
|
+
onConfirm?: ((...args: any[]) => any) | undefined;
|
|
22
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
export { AvButtonStub } from './AvButton/AvButton.stub';
|
|
2
1
|
export { default as AvButton, type AvButtonProps } from './AvButton/AvButton.vue';
|
|
3
2
|
export { default as AvCancelConfirmButtons } from './AvCancelConfirmButtons/AvCancelConfirmButtons.vue';
|
|
4
3
|
export { default as AvRichButton } from './AvRichButton/AvRichButton.vue';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export declare const AvListStub: {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
}
|
|
1
|
+
export declare const AvListStub: import("vue").DefineComponent<{
|
|
2
|
+
size?: any;
|
|
3
|
+
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
|
|
4
|
+
size?: any;
|
|
5
|
+
}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -1,6 +1,19 @@
|
|
|
1
|
-
export declare const AvListItemStub: {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
export declare const AvListItemStub: import("vue").DefineComponent<{
|
|
2
|
+
icon?: any;
|
|
3
|
+
selected?: any;
|
|
4
|
+
iconSize?: any;
|
|
5
|
+
iconColor?: any;
|
|
6
|
+
hoverBackgroundColor?: any;
|
|
7
|
+
colorOnHover?: any;
|
|
8
|
+
clickable?: any;
|
|
9
|
+
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<{
|
|
10
|
+
icon?: any;
|
|
11
|
+
selected?: any;
|
|
12
|
+
iconSize?: any;
|
|
13
|
+
iconColor?: any;
|
|
14
|
+
hoverBackgroundColor?: any;
|
|
15
|
+
colorOnHover?: any;
|
|
16
|
+
clickable?: any;
|
|
17
|
+
}> & Readonly<{
|
|
18
|
+
onClick?: ((...args: any[]) => any) | undefined;
|
|
19
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -1,5 +1,11 @@
|
|
|
1
|
-
export declare const AvTagPickerStub: {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
export declare const AvTagPickerStub: import("vue").DefineComponent<{
|
|
2
|
+
label?: any;
|
|
3
|
+
selected?: any;
|
|
4
|
+
options?: any;
|
|
5
|
+
handleSelectChange?: any;
|
|
6
|
+
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
|
|
7
|
+
label?: any;
|
|
8
|
+
selected?: any;
|
|
9
|
+
options?: any;
|
|
10
|
+
handleSelectChange?: any;
|
|
11
|
+
}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -1,6 +1,28 @@
|
|
|
1
|
-
export declare const AvAutocompleteStub: {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
export declare const AvAutocompleteStub: import("vue").DefineComponent<{
|
|
2
|
+
modelValue?: any;
|
|
3
|
+
loading?: any;
|
|
4
|
+
inputOptions?: any;
|
|
5
|
+
options?: any;
|
|
6
|
+
multiSelect?: any;
|
|
7
|
+
getOptionLabel?: any;
|
|
8
|
+
getOptionKey?: any;
|
|
9
|
+
maxDropdownHeight?: any;
|
|
10
|
+
enableLoadMore?: any;
|
|
11
|
+
serverSideFiltering?: any;
|
|
12
|
+
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "update:modelValue" | "loadMore" | "clear")[], "search" | "update:modelValue" | "loadMore" | "clear", import("vue").PublicProps, Readonly<{
|
|
13
|
+
modelValue?: any;
|
|
14
|
+
loading?: any;
|
|
15
|
+
inputOptions?: any;
|
|
16
|
+
options?: any;
|
|
17
|
+
multiSelect?: any;
|
|
18
|
+
getOptionLabel?: any;
|
|
19
|
+
getOptionKey?: any;
|
|
20
|
+
maxDropdownHeight?: any;
|
|
21
|
+
enableLoadMore?: any;
|
|
22
|
+
serverSideFiltering?: any;
|
|
23
|
+
}> & Readonly<{
|
|
24
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
25
|
+
onLoadMore?: ((...args: any[]) => any) | undefined;
|
|
26
|
+
onSearch?: ((...args: any[]) => any) | undefined;
|
|
27
|
+
onClear?: ((...args: any[]) => any) | undefined;
|
|
28
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -1,11 +1,15 @@
|
|
|
1
|
-
export declare const AvSelectStub: {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}
|
|
1
|
+
export declare const AvSelectStub: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
2
|
+
modelValue: (NumberConstructor | StringConstructor)[];
|
|
3
|
+
options: ArrayConstructor;
|
|
4
|
+
defaultUnselectedText: StringConstructor;
|
|
5
|
+
dense: BooleanConstructor;
|
|
6
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
7
|
+
modelValue: (NumberConstructor | StringConstructor)[];
|
|
8
|
+
options: ArrayConstructor;
|
|
9
|
+
defaultUnselectedText: StringConstructor;
|
|
10
|
+
dense: BooleanConstructor;
|
|
11
|
+
}>> & Readonly<{
|
|
12
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
13
|
+
}>, {
|
|
14
|
+
dense: boolean;
|
|
15
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
export { AvAutocompleteStub } from './AvAutocomplete/AvAutocomplete.stub';
|
|
2
1
|
export * from './AvAutocomplete/AvAutocomplete.types';
|
|
3
2
|
export { default as AvAutocomplete } from './AvAutocomplete/AvAutocomplete.vue';
|
|
4
|
-
export { default as AvMultiselect } from './AvMultiselect/AvMultiselect.vue';
|
|
5
|
-
export { AvSelectStub } from './AvSelect/AvSelect.stub';
|
|
3
|
+
export { default as AvMultiselect, type AvMultiselectOption, type AvMultiselectProps } from './AvMultiselect/AvMultiselect.vue';
|
|
6
4
|
export { default as AvSelect } from './AvSelect/AvSelect.vue';
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export declare const AvToggleStub: import("vue").DefineComponent<{
|
|
2
|
+
name?: any;
|
|
3
|
+
id?: any;
|
|
4
|
+
modelValue?: any;
|
|
5
|
+
disabled?: any;
|
|
6
|
+
description?: any;
|
|
7
|
+
activeText?: any;
|
|
8
|
+
inactiveText?: any;
|
|
9
|
+
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<{
|
|
10
|
+
name?: any;
|
|
11
|
+
id?: any;
|
|
12
|
+
modelValue?: any;
|
|
13
|
+
disabled?: any;
|
|
14
|
+
description?: any;
|
|
15
|
+
activeText?: any;
|
|
16
|
+
inactiveText?: any;
|
|
17
|
+
}> & Readonly<{
|
|
18
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
19
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import type { Meta, StoryFn } from '@storybook/vue3';
|
|
2
|
+
import { type AvBreadcrumbProps } from '@/components/navigation/AvBreadcrumb/AvBreadcrumb.vue';
|
|
3
|
+
/**
|
|
4
|
+
* <h2 class="n2">✨ Introduction</h2>
|
|
5
|
+
*
|
|
6
|
+
* <p>
|
|
7
|
+
* <span class="b2-regular">
|
|
8
|
+
* The <code>AvBreadcrumb</code> guides users through the different levels of your application.
|
|
9
|
+
* </span>
|
|
10
|
+
* </p>
|
|
11
|
+
*
|
|
12
|
+
* <p>
|
|
13
|
+
* <span class="b2-regular">
|
|
14
|
+
* The breadcrumb is a secondary navigation system that allows users to see where they are
|
|
15
|
+
* on the site they are visiting.
|
|
16
|
+
* </span>
|
|
17
|
+
* </p>
|
|
18
|
+
*
|
|
19
|
+
* <h2 class="n2">🏗️ Structure</h2>
|
|
20
|
+
*
|
|
21
|
+
* <p>
|
|
22
|
+
* <span class="b2-regular">It consists of the following elements:</span>
|
|
23
|
+
* </p>
|
|
24
|
+
*
|
|
25
|
+
* <ul>
|
|
26
|
+
* <li>
|
|
27
|
+
* <span class="b2-regular">
|
|
28
|
+
* A link to the root of the site (home page) — <strong>mandatory</strong>.
|
|
29
|
+
* </span>
|
|
30
|
+
* </li>
|
|
31
|
+
* <li>
|
|
32
|
+
* <span class="b2-regular">
|
|
33
|
+
* Links to pages separating the root of the site from the current page —
|
|
34
|
+
* <strong>mandatory</strong> if the site hierarchy has more than one level.
|
|
35
|
+
* </span>
|
|
36
|
+
* </li>
|
|
37
|
+
* <li>
|
|
38
|
+
* <span class="b2-regular">
|
|
39
|
+
* The current page, the only non-clickable element — <strong>mandatory</strong>.
|
|
40
|
+
* </span>
|
|
41
|
+
* </li>
|
|
42
|
+
* </ul>
|
|
43
|
+
*/
|
|
44
|
+
declare const meta: Meta<AvBreadcrumbProps>;
|
|
45
|
+
export default meta;
|
|
46
|
+
export declare const Default: StoryFn<AvBreadcrumbProps>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const AvBreadcrumbStub: import("vue").DefineComponent<{
|
|
2
|
+
links?: any;
|
|
3
|
+
navigationLabel?: any;
|
|
4
|
+
showBreadcrumbLabel?: any;
|
|
5
|
+
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
|
|
6
|
+
links?: any;
|
|
7
|
+
navigationLabel?: any;
|
|
8
|
+
showBreadcrumbLabel?: any;
|
|
9
|
+
}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|