@porsche-design-system/components-vue 3.0.0-rc.0 → 3.0.0-rc.2
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/CHANGELOG.md +87 -25
- package/PorscheDesignSystemProvider.vue.d.ts +11 -3
- package/lib/components/AccordionWrapper.vue.d.ts +24 -41
- package/lib/components/BannerWrapper.vue.d.ts +25 -50
- package/lib/components/ButtonGroupWrapper.vue.d.ts +17 -13
- package/lib/components/ButtonPureWrapper.vue.d.ts +35 -80
- package/lib/components/ButtonTileWrapper.vue.d.ts +34 -82
- package/lib/components/ButtonWrapper.vue.d.ts +29 -57
- package/lib/components/CarouselWrapper.vue.d.ts +32 -74
- package/lib/components/CheckboxWrapperWrapper.vue.d.ts +29 -34
- package/lib/components/CheckboxWrapperWrapper.vue.js +6 -5
- package/lib/components/ContentWrapperWrapper.vue.d.ts +22 -28
- package/lib/components/CrestWrapper.vue.d.ts +15 -23
- package/lib/components/DisplayWrapper.vue.d.ts +26 -42
- package/lib/components/DividerWrapper.vue.d.ts +18 -30
- package/lib/components/FieldsetWrapper.vue.d.ts +24 -40
- package/lib/components/FieldsetWrapperWrapper.vue.d.ts +25 -41
- package/lib/components/FlexItemWrapper.vue.d.ts +28 -44
- package/lib/components/FlexWrapper.vue.d.ts +28 -44
- package/lib/components/GridItemWrapper.vue.d.ts +20 -20
- package/lib/components/GridWrapper.vue.d.ts +22 -27
- package/lib/components/HeadingWrapper.vue.d.ts +26 -42
- package/lib/components/HeadlineWrapper.vue.d.ts +26 -42
- package/lib/components/IconWrapper.vue.d.ts +22 -50
- package/lib/components/IconWrapper.vue.js +8 -8
- package/lib/components/InlineNotificationWrapper.vue.d.ts +27 -56
- package/lib/components/LinkPureWrapper.vue.d.ts +37 -90
- package/lib/components/LinkSocialWrapper.vue.d.ts +25 -45
- package/lib/components/LinkTileModelSignatureWrapper.vue.d.ts +26 -46
- package/lib/components/LinkTileWrapper.vue.d.ts +31 -75
- package/lib/components/LinkWrapper.vue.d.ts +30 -62
- package/lib/components/MarqueWrapper.vue.d.ts +19 -35
- package/lib/components/ModalWrapper.vue.d.ts +22 -43
- package/lib/components/ModelSignatureWrapper.vue.d.ts +18 -30
- package/lib/components/PaginationWrapper.vue.d.ts +22 -59
- package/lib/components/PopoverWrapper.vue.d.ts +22 -30
- package/lib/components/RadioButtonWrapperWrapper.vue.d.ts +22 -34
- package/lib/components/ScrollerWrapper.vue.d.ts +33 -49
- package/lib/components/ScrollerWrapper.vue.js +4 -3
- package/lib/components/SegmentedControlItemWrapper.vue.d.ts +20 -31
- package/lib/components/SegmentedControlWrapper.vue.d.ts +20 -25
- package/lib/components/SelectWrapperWrapper.vue.d.ts +27 -55
- package/lib/components/SpinnerWrapper.vue.d.ts +16 -24
- package/lib/components/StepperHorizontalItemWrapper.vue.d.ts +18 -17
- package/lib/components/StepperHorizontalWrapper.vue.d.ts +19 -17
- package/lib/components/SwitchWrapper.vue.d.ts +24 -45
- package/lib/components/TableBodyWrapper.vue.d.ts +6 -1
- package/lib/components/TableCellWrapper.vue.d.ts +16 -12
- package/lib/components/TableHeadCellWrapper.vue.d.ts +18 -22
- package/lib/components/TableHeadRowWrapper.vue.d.ts +6 -1
- package/lib/components/TableHeadWrapper.vue.d.ts +6 -1
- package/lib/components/TableRowWrapper.vue.d.ts +6 -1
- package/lib/components/TableWrapper.vue.d.ts +18 -19
- package/lib/components/TabsBarWrapper.vue.d.ts +25 -42
- package/lib/components/TabsItemWrapper.vue.d.ts +9 -8
- package/lib/components/TabsWrapper.vue.d.ts +26 -43
- package/lib/components/TagDismissibleWrapper.vue.d.ts +22 -30
- package/lib/components/TagWrapper.vue.d.ts +22 -30
- package/lib/components/TextFieldWrapperWrapper.vue.d.ts +31 -71
- package/lib/components/TextListItemWrapper.vue.d.ts +6 -1
- package/lib/components/TextListWrapper.vue.d.ts +22 -30
- package/lib/components/TextWrapper.vue.d.ts +28 -48
- package/lib/components/TextareaWrapperWrapper.vue.d.ts +25 -49
- package/lib/components/ToastWrapper.vue.d.ts +12 -12
- package/lib/components/WordmarkWrapper.vue.d.ts +19 -35
- package/lib/types.d.ts +219 -191
- package/package.json +2 -2
|
@@ -1,106 +1,67 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/** __vue_virtual_code_placeholder */
|
|
2
|
+
import type { SelectedAriaAttributes, LinkAriaAttribute, BreakpointCustomizable, LinkIcon, LinkTarget, Theme, LinkVariant } from '../types';
|
|
3
|
+
type PLinkProps = {
|
|
3
4
|
/**
|
|
4
5
|
* Add ARIA attributes.
|
|
5
6
|
*/
|
|
6
|
-
aria?: SelectedAriaAttributes<
|
|
7
|
+
aria?: SelectedAriaAttributes<LinkAriaAttribute>;
|
|
7
8
|
/**
|
|
8
9
|
* Special download attribute to open native browser download dialog if target url points to a downloadable file.
|
|
9
10
|
*/
|
|
10
|
-
download?: string
|
|
11
|
+
download?: string;
|
|
11
12
|
/**
|
|
12
13
|
* Show or hide label. For better accessibility it is recommended to show the label.
|
|
13
14
|
*/
|
|
14
|
-
hideLabel?: BreakpointCustomizable<boolean
|
|
15
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
15
16
|
/**
|
|
16
17
|
* When providing an url then the component will be rendered as `<a>`.
|
|
17
18
|
*/
|
|
18
|
-
href?: string
|
|
19
|
+
href?: string;
|
|
19
20
|
/**
|
|
20
21
|
* The icon shown. By choosing 'none', no icon is displayed.
|
|
21
22
|
*/
|
|
22
|
-
icon?:
|
|
23
|
+
icon?: LinkIcon;
|
|
23
24
|
/**
|
|
24
25
|
* A URL path to a custom icon.
|
|
25
26
|
*/
|
|
26
|
-
iconSource?: string
|
|
27
|
+
iconSource?: string;
|
|
27
28
|
/**
|
|
28
29
|
* Specifies the relationship of the target object to the link object.
|
|
29
30
|
*/
|
|
30
|
-
rel?: string
|
|
31
|
+
rel?: string;
|
|
31
32
|
/**
|
|
32
33
|
* Target attribute where the link should be opened.
|
|
33
34
|
*/
|
|
34
|
-
target?:
|
|
35
|
+
target?: LinkTarget;
|
|
35
36
|
/**
|
|
36
37
|
* Adapts the link color when used on dark background.
|
|
37
38
|
*/
|
|
38
|
-
theme?:
|
|
39
|
+
theme?: Theme;
|
|
39
40
|
/**
|
|
40
41
|
* The style variant of the link.
|
|
41
42
|
*/
|
|
42
|
-
variant?:
|
|
43
|
-
}
|
|
43
|
+
variant?: LinkVariant;
|
|
44
|
+
};
|
|
45
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PLinkProps>, {
|
|
44
46
|
hideLabel: boolean;
|
|
45
47
|
icon: string;
|
|
46
48
|
target: string;
|
|
47
49
|
theme: string;
|
|
48
50
|
variant: string;
|
|
49
|
-
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
50
|
-
/**
|
|
51
|
-
* Add ARIA attributes.
|
|
52
|
-
*/
|
|
53
|
-
aria?: SelectedAriaAttributes<"aria-label"> | undefined;
|
|
54
|
-
/**
|
|
55
|
-
* Special download attribute to open native browser download dialog if target url points to a downloadable file.
|
|
56
|
-
*/
|
|
57
|
-
download?: string | undefined;
|
|
58
|
-
/**
|
|
59
|
-
* Show or hide label. For better accessibility it is recommended to show the label.
|
|
60
|
-
*/
|
|
61
|
-
hideLabel?: BreakpointCustomizable<boolean> | undefined;
|
|
62
|
-
/**
|
|
63
|
-
* When providing an url then the component will be rendered as `<a>`.
|
|
64
|
-
*/
|
|
65
|
-
href?: string | undefined;
|
|
66
|
-
/**
|
|
67
|
-
* The icon shown. By choosing 'none', no icon is displayed.
|
|
68
|
-
*/
|
|
69
|
-
icon?: import("../types").LinkButtonIconName | undefined;
|
|
70
|
-
/**
|
|
71
|
-
* A URL path to a custom icon.
|
|
72
|
-
*/
|
|
73
|
-
iconSource?: string | undefined;
|
|
74
|
-
/**
|
|
75
|
-
* Specifies the relationship of the target object to the link object.
|
|
76
|
-
*/
|
|
77
|
-
rel?: string | undefined;
|
|
78
|
-
/**
|
|
79
|
-
* Target attribute where the link should be opened.
|
|
80
|
-
*/
|
|
81
|
-
target?: string | undefined;
|
|
82
|
-
/**
|
|
83
|
-
* Adapts the link color when used on dark background.
|
|
84
|
-
*/
|
|
85
|
-
theme?: "light" | "dark" | undefined;
|
|
86
|
-
/**
|
|
87
|
-
* The style variant of the link.
|
|
88
|
-
*/
|
|
89
|
-
variant?: "primary" | "secondary" | "tertiary" | undefined;
|
|
90
|
-
}>, {
|
|
51
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PLinkProps>, {
|
|
91
52
|
hideLabel: boolean;
|
|
92
53
|
icon: string;
|
|
93
54
|
target: string;
|
|
94
55
|
theme: string;
|
|
95
56
|
variant: string;
|
|
96
57
|
}>>>, {
|
|
97
|
-
theme:
|
|
58
|
+
theme: "light" | "dark";
|
|
98
59
|
hideLabel: BreakpointCustomizable<boolean>;
|
|
99
|
-
icon:
|
|
100
|
-
variant:
|
|
101
|
-
target:
|
|
60
|
+
icon: import("../types").LinkButtonIconName;
|
|
61
|
+
variant: "primary" | "secondary" | "tertiary";
|
|
62
|
+
target: string;
|
|
102
63
|
}>, {
|
|
103
|
-
default
|
|
64
|
+
default?(_: {}): any;
|
|
104
65
|
}>;
|
|
105
66
|
export default _default;
|
|
106
67
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -113,12 +74,19 @@ type __VLS_TypePropsToRuntimeProps<T> = {
|
|
|
113
74
|
};
|
|
114
75
|
};
|
|
115
76
|
type __VLS_WithDefaults<P, D> = {
|
|
116
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
77
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
117
78
|
default: D[K];
|
|
118
|
-
} : P[K];
|
|
79
|
+
}> : P[K];
|
|
119
80
|
};
|
|
120
81
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
121
82
|
new (): {
|
|
122
83
|
$slots: S;
|
|
84
|
+
$props: __VLS_PropsChildren<S>;
|
|
123
85
|
};
|
|
124
86
|
};
|
|
87
|
+
type __VLS_PropsChildren<S> = {
|
|
88
|
+
[K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
|
|
89
|
+
};
|
|
90
|
+
type __VLS_Prettify<T> = {
|
|
91
|
+
[K in keyof T]: T[K];
|
|
92
|
+
} & {};
|
|
@@ -1,58 +1,39 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
/** __vue_virtual_code_placeholder */
|
|
2
|
+
import type { SelectedAriaAttributes, MarqueAriaAttribute, MarqueSize, MarqueTarget } from '../types';
|
|
3
|
+
type PMarqueProps = {
|
|
4
4
|
/**
|
|
5
5
|
* Add ARIA attributes.
|
|
6
6
|
*/
|
|
7
|
-
aria?: SelectedAriaAttributes<
|
|
7
|
+
aria?: SelectedAriaAttributes<MarqueAriaAttribute>;
|
|
8
8
|
/**
|
|
9
9
|
* When providing an url then the component will be rendered as `<a>`.
|
|
10
10
|
*/
|
|
11
|
-
href?: string
|
|
11
|
+
href?: string;
|
|
12
12
|
/**
|
|
13
13
|
* Adapts sizing of marque.
|
|
14
14
|
*/
|
|
15
|
-
size?:
|
|
15
|
+
size?: MarqueSize;
|
|
16
16
|
/**
|
|
17
17
|
* Target attribute where the link should be opened.
|
|
18
18
|
*/
|
|
19
|
-
target?:
|
|
19
|
+
target?: MarqueTarget;
|
|
20
20
|
/**
|
|
21
21
|
* Show/hide trademark sign.
|
|
22
22
|
*/
|
|
23
|
-
trademark?: boolean
|
|
24
|
-
}
|
|
23
|
+
trademark?: boolean;
|
|
24
|
+
};
|
|
25
|
+
/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-wordmark" instead. */
|
|
26
|
+
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PMarqueProps>, {
|
|
25
27
|
size: string;
|
|
26
28
|
target: string;
|
|
27
29
|
trademark: boolean;
|
|
28
|
-
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
29
|
-
/**
|
|
30
|
-
* Add ARIA attributes.
|
|
31
|
-
*/
|
|
32
|
-
aria?: SelectedAriaAttributes<"aria-label"> | undefined;
|
|
33
|
-
/**
|
|
34
|
-
* When providing an url then the component will be rendered as `<a>`.
|
|
35
|
-
*/
|
|
36
|
-
href?: string | undefined;
|
|
37
|
-
/**
|
|
38
|
-
* Adapts sizing of marque.
|
|
39
|
-
*/
|
|
40
|
-
size?: "small" | "medium" | "responsive" | undefined;
|
|
41
|
-
/**
|
|
42
|
-
* Target attribute where the link should be opened.
|
|
43
|
-
*/
|
|
44
|
-
target?: string | undefined;
|
|
45
|
-
/**
|
|
46
|
-
* Show/hide trademark sign.
|
|
47
|
-
*/
|
|
48
|
-
trademark?: boolean | undefined;
|
|
49
|
-
}>, {
|
|
30
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PMarqueProps>, {
|
|
50
31
|
size: string;
|
|
51
32
|
target: string;
|
|
52
33
|
trademark: boolean;
|
|
53
34
|
}>>>, {
|
|
54
|
-
size:
|
|
55
|
-
target:
|
|
35
|
+
size: "small" | "medium" | "responsive";
|
|
36
|
+
target: string;
|
|
56
37
|
trademark: boolean;
|
|
57
38
|
}>;
|
|
58
39
|
export default _default;
|
|
@@ -66,7 +47,10 @@ type __VLS_TypePropsToRuntimeProps<T> = {
|
|
|
66
47
|
};
|
|
67
48
|
};
|
|
68
49
|
type __VLS_WithDefaults<P, D> = {
|
|
69
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
50
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
70
51
|
default: D[K];
|
|
71
|
-
} : P[K];
|
|
52
|
+
}> : P[K];
|
|
72
53
|
};
|
|
54
|
+
type __VLS_Prettify<T> = {
|
|
55
|
+
[K in keyof T]: T[K];
|
|
56
|
+
} & {};
|
|
@@ -1,72 +1,44 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/** __vue_virtual_code_placeholder */
|
|
2
|
+
import type { SelectedAriaAttributes, ModalAriaAttribute, BreakpointCustomizable } from '../types';
|
|
3
|
+
type PModalProps = {
|
|
3
4
|
/**
|
|
4
5
|
* Add ARIA attributes.
|
|
5
6
|
*/
|
|
6
|
-
aria?: SelectedAriaAttributes<
|
|
7
|
+
aria?: SelectedAriaAttributes<ModalAriaAttribute>;
|
|
7
8
|
/**
|
|
8
9
|
* If true, the modal will not be closable via backdrop click.
|
|
9
10
|
*/
|
|
10
|
-
disableBackdropClick?: boolean
|
|
11
|
+
disableBackdropClick?: boolean;
|
|
11
12
|
/**
|
|
12
13
|
* @deprecated since v3.0.0, will be removed with next major release, use `dismissButton` instead. If true, the modal will not have a dismiss button.
|
|
13
14
|
*/
|
|
14
|
-
disableCloseButton?: boolean
|
|
15
|
+
disableCloseButton?: boolean;
|
|
15
16
|
/**
|
|
16
17
|
* If false, the modal will not have a dismiss button.
|
|
17
18
|
*/
|
|
18
|
-
dismissButton?: boolean
|
|
19
|
+
dismissButton?: boolean;
|
|
19
20
|
/**
|
|
20
21
|
* If true the modal uses max viewport height and width. Should only be used for mobile.
|
|
21
22
|
*/
|
|
22
|
-
fullscreen?: BreakpointCustomizable<boolean
|
|
23
|
+
fullscreen?: BreakpointCustomizable<boolean>;
|
|
23
24
|
/**
|
|
24
25
|
* The title of the modal
|
|
25
26
|
*/
|
|
26
|
-
heading?: string
|
|
27
|
+
heading?: string;
|
|
27
28
|
/**
|
|
28
29
|
* If true, the modal is open.
|
|
29
30
|
*/
|
|
30
31
|
open: boolean;
|
|
31
|
-
}
|
|
32
|
+
};
|
|
33
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PModalProps>, {
|
|
32
34
|
disableBackdropClick: boolean;
|
|
33
35
|
dismissButton: boolean;
|
|
34
36
|
fullscreen: boolean;
|
|
35
37
|
open: boolean;
|
|
36
38
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
37
39
|
close: (value?: void | undefined) => void;
|
|
38
|
-
} & {
|
|
39
40
|
dismiss: (value?: void | undefined) => void;
|
|
40
|
-
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
41
|
-
/**
|
|
42
|
-
* Add ARIA attributes.
|
|
43
|
-
*/
|
|
44
|
-
aria?: SelectedAriaAttributes<"aria-label"> | undefined;
|
|
45
|
-
/**
|
|
46
|
-
* If true, the modal will not be closable via backdrop click.
|
|
47
|
-
*/
|
|
48
|
-
disableBackdropClick?: boolean | undefined;
|
|
49
|
-
/**
|
|
50
|
-
* @deprecated since v3.0.0, will be removed with next major release, use `dismissButton` instead. If true, the modal will not have a dismiss button.
|
|
51
|
-
*/
|
|
52
|
-
disableCloseButton?: boolean | undefined;
|
|
53
|
-
/**
|
|
54
|
-
* If false, the modal will not have a dismiss button.
|
|
55
|
-
*/
|
|
56
|
-
dismissButton?: boolean | undefined;
|
|
57
|
-
/**
|
|
58
|
-
* If true the modal uses max viewport height and width. Should only be used for mobile.
|
|
59
|
-
*/
|
|
60
|
-
fullscreen?: BreakpointCustomizable<boolean> | undefined;
|
|
61
|
-
/**
|
|
62
|
-
* The title of the modal
|
|
63
|
-
*/
|
|
64
|
-
heading?: string | undefined;
|
|
65
|
-
/**
|
|
66
|
-
* If true, the modal is open.
|
|
67
|
-
*/
|
|
68
|
-
open: boolean;
|
|
69
|
-
}>, {
|
|
41
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PModalProps>, {
|
|
70
42
|
disableBackdropClick: boolean;
|
|
71
43
|
dismissButton: boolean;
|
|
72
44
|
fullscreen: boolean;
|
|
@@ -80,7 +52,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
80
52
|
disableBackdropClick: boolean;
|
|
81
53
|
fullscreen: BreakpointCustomizable<boolean>;
|
|
82
54
|
}>, {
|
|
83
|
-
default
|
|
55
|
+
default?(_: {}): any;
|
|
84
56
|
}>;
|
|
85
57
|
export default _default;
|
|
86
58
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -93,12 +65,19 @@ type __VLS_TypePropsToRuntimeProps<T> = {
|
|
|
93
65
|
};
|
|
94
66
|
};
|
|
95
67
|
type __VLS_WithDefaults<P, D> = {
|
|
96
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
68
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
97
69
|
default: D[K];
|
|
98
|
-
} : P[K];
|
|
70
|
+
}> : P[K];
|
|
99
71
|
};
|
|
100
72
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
101
73
|
new (): {
|
|
102
74
|
$slots: S;
|
|
75
|
+
$props: __VLS_PropsChildren<S>;
|
|
103
76
|
};
|
|
104
77
|
};
|
|
78
|
+
type __VLS_PropsChildren<S> = {
|
|
79
|
+
[K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
|
|
80
|
+
};
|
|
81
|
+
type __VLS_Prettify<T> = {
|
|
82
|
+
[K in keyof T]: T[K];
|
|
83
|
+
} & {};
|
|
@@ -1,53 +1,38 @@
|
|
|
1
|
+
/** __vue_virtual_code_placeholder */
|
|
1
2
|
import type { ModelSignatureColor, ModelSignatureModel, ModelSignatureSize, Theme } from '../types';
|
|
2
|
-
|
|
3
|
+
type PModelSignatureProps = {
|
|
3
4
|
/**
|
|
4
5
|
* Adapts the color of the component.
|
|
5
6
|
*/
|
|
6
|
-
color?:
|
|
7
|
+
color?: ModelSignatureColor;
|
|
7
8
|
/**
|
|
8
9
|
* Adapts the model of the component.
|
|
9
10
|
*/
|
|
10
|
-
model?:
|
|
11
|
+
model?: ModelSignatureModel;
|
|
11
12
|
/**
|
|
12
13
|
* Adapts the size of the component.
|
|
13
14
|
*/
|
|
14
|
-
size?:
|
|
15
|
+
size?: ModelSignatureSize;
|
|
15
16
|
/**
|
|
16
17
|
* Adapts color depending on theme.
|
|
17
18
|
*/
|
|
18
|
-
theme?:
|
|
19
|
-
}
|
|
19
|
+
theme?: Theme;
|
|
20
|
+
};
|
|
21
|
+
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PModelSignatureProps>, {
|
|
20
22
|
color: string;
|
|
21
23
|
model: string;
|
|
22
24
|
size: string;
|
|
23
25
|
theme: string;
|
|
24
|
-
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
25
|
-
/**
|
|
26
|
-
* Adapts the color of the component.
|
|
27
|
-
*/
|
|
28
|
-
color?: "inherit" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | undefined;
|
|
29
|
-
/**
|
|
30
|
-
* Adapts the model of the component.
|
|
31
|
-
*/
|
|
32
|
-
model?: "718" | "911" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo" | undefined;
|
|
33
|
-
/**
|
|
34
|
-
* Adapts the size of the component.
|
|
35
|
-
*/
|
|
36
|
-
size?: "inherit" | "small" | undefined;
|
|
37
|
-
/**
|
|
38
|
-
* Adapts color depending on theme.
|
|
39
|
-
*/
|
|
40
|
-
theme?: "light" | "dark" | undefined;
|
|
41
|
-
}>, {
|
|
26
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PModelSignatureProps>, {
|
|
42
27
|
color: string;
|
|
43
28
|
model: string;
|
|
44
29
|
size: string;
|
|
45
30
|
theme: string;
|
|
46
31
|
}>>>, {
|
|
47
|
-
size:
|
|
48
|
-
theme:
|
|
49
|
-
color:
|
|
50
|
-
model:
|
|
32
|
+
size: "inherit" | "small";
|
|
33
|
+
theme: "light" | "dark";
|
|
34
|
+
color: "inherit" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high";
|
|
35
|
+
model: "718" | "911" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo";
|
|
51
36
|
}>;
|
|
52
37
|
export default _default;
|
|
53
38
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -60,7 +45,10 @@ type __VLS_TypePropsToRuntimeProps<T> = {
|
|
|
60
45
|
};
|
|
61
46
|
};
|
|
62
47
|
type __VLS_WithDefaults<P, D> = {
|
|
63
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
48
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
64
49
|
default: D[K];
|
|
65
|
-
} : P[K];
|
|
50
|
+
}> : P[K];
|
|
66
51
|
};
|
|
52
|
+
type __VLS_Prettify<T> = {
|
|
53
|
+
[K in keyof T]: T[K];
|
|
54
|
+
} & {};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/** __vue_virtual_code_placeholder */
|
|
2
|
+
import type { PaginationInternationalization, BreakpointCustomizable, PaginationMaxNumberOfPageLinks, PaginationUpdateEvent, Theme } from '../types';
|
|
3
|
+
type PPaginationProps = {
|
|
3
4
|
/**
|
|
4
5
|
* Index of the currently active page.
|
|
5
6
|
*/
|
|
@@ -7,40 +8,41 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
7
8
|
/**
|
|
8
9
|
* @deprecated since v3.0.0, will be removed with next major release, use `intl.root` instead. Aria label what the pagination is used for.
|
|
9
10
|
*/
|
|
10
|
-
allyLabel?: string
|
|
11
|
+
allyLabel?: string;
|
|
11
12
|
/**
|
|
12
13
|
* @deprecated since v3.0.0, will be removed with next major release, use `intl.next` instead. Aria label for next page icon.
|
|
13
14
|
*/
|
|
14
|
-
allyLabelNext?: string
|
|
15
|
+
allyLabelNext?: string;
|
|
15
16
|
/**
|
|
16
17
|
* @deprecated since v3.0.0, will be removed with next major release, use `intl.page` instead. Aria label for page navigation.
|
|
17
18
|
*/
|
|
18
|
-
allyLabelPage?: string
|
|
19
|
+
allyLabelPage?: string;
|
|
19
20
|
/**
|
|
20
21
|
* @deprecated since v3.0.0, will be removed with next major release, use `intl.prev` instead. Aria label for previous page icon.
|
|
21
22
|
*/
|
|
22
|
-
allyLabelPrev?: string
|
|
23
|
+
allyLabelPrev?: string;
|
|
23
24
|
/**
|
|
24
25
|
* Override the default wordings that are used for aria-labels on the next/prev and page buttons.
|
|
25
26
|
*/
|
|
26
|
-
intl?:
|
|
27
|
+
intl?: PaginationInternationalization;
|
|
27
28
|
/**
|
|
28
29
|
* The total count of items which should be shown per page.
|
|
29
30
|
*/
|
|
30
|
-
itemsPerPage?: number
|
|
31
|
+
itemsPerPage?: number;
|
|
31
32
|
/**
|
|
32
33
|
* The maximum number of page links rendered
|
|
33
34
|
*/
|
|
34
|
-
maxNumberOfPageLinks?: BreakpointCustomizable<
|
|
35
|
+
maxNumberOfPageLinks?: BreakpointCustomizable<PaginationMaxNumberOfPageLinks>;
|
|
35
36
|
/**
|
|
36
37
|
* Adapts the color when used on dark background.
|
|
37
38
|
*/
|
|
38
|
-
theme?:
|
|
39
|
+
theme?: Theme;
|
|
39
40
|
/**
|
|
40
41
|
* The total count of items.
|
|
41
42
|
*/
|
|
42
43
|
totalItemsCount: number;
|
|
43
|
-
}
|
|
44
|
+
};
|
|
45
|
+
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PPaginationProps>, {
|
|
44
46
|
activePage: number;
|
|
45
47
|
intl: () => {
|
|
46
48
|
root: string;
|
|
@@ -57,50 +59,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
57
59
|
totalItemsCount: number;
|
|
58
60
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
59
61
|
pageChange: (value: PaginationUpdateEvent) => void;
|
|
60
|
-
} & {
|
|
61
62
|
update: (value: PaginationUpdateEvent) => void;
|
|
62
|
-
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
63
|
-
/**
|
|
64
|
-
* Index of the currently active page.
|
|
65
|
-
*/
|
|
66
|
-
activePage: number;
|
|
67
|
-
/**
|
|
68
|
-
* @deprecated since v3.0.0, will be removed with next major release, use `intl.root` instead. Aria label what the pagination is used for.
|
|
69
|
-
*/
|
|
70
|
-
allyLabel?: string | undefined;
|
|
71
|
-
/**
|
|
72
|
-
* @deprecated since v3.0.0, will be removed with next major release, use `intl.next` instead. Aria label for next page icon.
|
|
73
|
-
*/
|
|
74
|
-
allyLabelNext?: string | undefined;
|
|
75
|
-
/**
|
|
76
|
-
* @deprecated since v3.0.0, will be removed with next major release, use `intl.page` instead. Aria label for page navigation.
|
|
77
|
-
*/
|
|
78
|
-
allyLabelPage?: string | undefined;
|
|
79
|
-
/**
|
|
80
|
-
* @deprecated since v3.0.0, will be removed with next major release, use `intl.prev` instead. Aria label for previous page icon.
|
|
81
|
-
*/
|
|
82
|
-
allyLabelPrev?: string | undefined;
|
|
83
|
-
/**
|
|
84
|
-
* Override the default wordings that are used for aria-labels on the next/prev and page buttons.
|
|
85
|
-
*/
|
|
86
|
-
intl?: Partial<Record<"page" | "prev" | "next" | "root", string>> | undefined;
|
|
87
|
-
/**
|
|
88
|
-
* The total count of items which should be shown per page.
|
|
89
|
-
*/
|
|
90
|
-
itemsPerPage?: number | undefined;
|
|
91
|
-
/**
|
|
92
|
-
* The maximum number of page links rendered
|
|
93
|
-
*/
|
|
94
|
-
maxNumberOfPageLinks?: BreakpointCustomizable<7 | 5> | undefined;
|
|
95
|
-
/**
|
|
96
|
-
* Adapts the color when used on dark background.
|
|
97
|
-
*/
|
|
98
|
-
theme?: "light" | "dark" | undefined;
|
|
99
|
-
/**
|
|
100
|
-
* The total count of items.
|
|
101
|
-
*/
|
|
102
|
-
totalItemsCount: number;
|
|
103
|
-
}>, {
|
|
63
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PPaginationProps>, {
|
|
104
64
|
activePage: number;
|
|
105
65
|
intl: () => {
|
|
106
66
|
root: string;
|
|
@@ -119,11 +79,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
119
79
|
onUpdate?: ((value: PaginationUpdateEvent) => any) | undefined;
|
|
120
80
|
onPageChange?: ((value: PaginationUpdateEvent) => any) | undefined;
|
|
121
81
|
}, {
|
|
122
|
-
theme:
|
|
123
|
-
intl:
|
|
82
|
+
theme: "light" | "dark";
|
|
83
|
+
intl: PaginationInternationalization;
|
|
124
84
|
activePage: number;
|
|
125
85
|
itemsPerPage: number;
|
|
126
|
-
maxNumberOfPageLinks: BreakpointCustomizable<
|
|
86
|
+
maxNumberOfPageLinks: BreakpointCustomizable<7 | 5>;
|
|
127
87
|
totalItemsCount: number;
|
|
128
88
|
}>;
|
|
129
89
|
export default _default;
|
|
@@ -137,7 +97,10 @@ type __VLS_TypePropsToRuntimeProps<T> = {
|
|
|
137
97
|
};
|
|
138
98
|
};
|
|
139
99
|
type __VLS_WithDefaults<P, D> = {
|
|
140
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
100
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
141
101
|
default: D[K];
|
|
142
|
-
} : P[K];
|
|
102
|
+
}> : P[K];
|
|
143
103
|
};
|
|
104
|
+
type __VLS_Prettify<T> = {
|
|
105
|
+
[K in keyof T]: T[K];
|
|
106
|
+
} & {};
|
|
@@ -1,49 +1,34 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/** __vue_virtual_code_placeholder */
|
|
2
|
+
import type { SelectedAriaAttributes, PopoverAriaAttribute, PopoverDirection, Theme } from '../types';
|
|
3
|
+
type PPopoverProps = {
|
|
3
4
|
/**
|
|
4
5
|
* Add ARIA attributes.
|
|
5
6
|
*/
|
|
6
|
-
aria?: SelectedAriaAttributes<
|
|
7
|
+
aria?: SelectedAriaAttributes<PopoverAriaAttribute>;
|
|
7
8
|
/**
|
|
8
9
|
* Descriptive text to show additional information when popover is open
|
|
9
10
|
*/
|
|
10
|
-
description?: string
|
|
11
|
+
description?: string;
|
|
11
12
|
/**
|
|
12
13
|
* Preferred direction in which popover should open, given there is enough space in viewport. Otherwise, it will be opened in the direction with most available space.
|
|
13
14
|
*/
|
|
14
|
-
direction?:
|
|
15
|
+
direction?: PopoverDirection;
|
|
15
16
|
/**
|
|
16
17
|
* Adapts the popover color depending on the theme.
|
|
17
18
|
*/
|
|
18
|
-
theme?:
|
|
19
|
-
}
|
|
19
|
+
theme?: Theme;
|
|
20
|
+
};
|
|
21
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PPopoverProps>, {
|
|
20
22
|
direction: string;
|
|
21
23
|
theme: string;
|
|
22
|
-
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
23
|
-
/**
|
|
24
|
-
* Add ARIA attributes.
|
|
25
|
-
*/
|
|
26
|
-
aria?: SelectedAriaAttributes<"aria-label"> | undefined;
|
|
27
|
-
/**
|
|
28
|
-
* Descriptive text to show additional information when popover is open
|
|
29
|
-
*/
|
|
30
|
-
description?: string | undefined;
|
|
31
|
-
/**
|
|
32
|
-
* Preferred direction in which popover should open, given there is enough space in viewport. Otherwise, it will be opened in the direction with most available space.
|
|
33
|
-
*/
|
|
34
|
-
direction?: "top" | "bottom" | "left" | "right" | undefined;
|
|
35
|
-
/**
|
|
36
|
-
* Adapts the popover color depending on the theme.
|
|
37
|
-
*/
|
|
38
|
-
theme?: "light" | "dark" | undefined;
|
|
39
|
-
}>, {
|
|
24
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PPopoverProps>, {
|
|
40
25
|
direction: string;
|
|
41
26
|
theme: string;
|
|
42
27
|
}>>>, {
|
|
43
|
-
theme:
|
|
44
|
-
direction:
|
|
28
|
+
theme: "light" | "dark";
|
|
29
|
+
direction: "top" | "bottom" | "left" | "right";
|
|
45
30
|
}>, {
|
|
46
|
-
default
|
|
31
|
+
default?(_: {}): any;
|
|
47
32
|
}>;
|
|
48
33
|
export default _default;
|
|
49
34
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -56,12 +41,19 @@ type __VLS_TypePropsToRuntimeProps<T> = {
|
|
|
56
41
|
};
|
|
57
42
|
};
|
|
58
43
|
type __VLS_WithDefaults<P, D> = {
|
|
59
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
44
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
60
45
|
default: D[K];
|
|
61
|
-
} : P[K];
|
|
46
|
+
}> : P[K];
|
|
62
47
|
};
|
|
63
48
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
64
49
|
new (): {
|
|
65
50
|
$slots: S;
|
|
51
|
+
$props: __VLS_PropsChildren<S>;
|
|
66
52
|
};
|
|
67
53
|
};
|
|
54
|
+
type __VLS_PropsChildren<S> = {
|
|
55
|
+
[K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
|
|
56
|
+
};
|
|
57
|
+
type __VLS_Prettify<T> = {
|
|
58
|
+
[K in keyof T]: T[K];
|
|
59
|
+
} & {};
|