@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,67 +1,69 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/** __vue_virtual_code_placeholder */
|
|
2
|
+
import type { BreakpointCustomizable, LinkPureAlignLabel, SelectedAriaAttributes, LinkPureAriaAttribute, LinkPureIcon, LinkPureSize, LinkPureTarget, Theme, LinkPureWeight } from '../types';
|
|
3
|
+
type PLinkPureProps = {
|
|
3
4
|
/**
|
|
4
5
|
* Display link in active state.
|
|
5
6
|
*/
|
|
6
|
-
active?: boolean
|
|
7
|
+
active?: boolean;
|
|
7
8
|
/**
|
|
8
9
|
* Aligns the label.
|
|
9
10
|
*/
|
|
10
|
-
alignLabel?: BreakpointCustomizable<
|
|
11
|
+
alignLabel?: BreakpointCustomizable<LinkPureAlignLabel>;
|
|
11
12
|
/**
|
|
12
13
|
* Add ARIA attributes.
|
|
13
14
|
*/
|
|
14
|
-
aria?: SelectedAriaAttributes<
|
|
15
|
+
aria?: SelectedAriaAttributes<LinkPureAriaAttribute>;
|
|
15
16
|
/**
|
|
16
17
|
* Special download attribute to open native browser download dialog if target url points to a downloadable file.
|
|
17
18
|
*/
|
|
18
|
-
download?: string
|
|
19
|
+
download?: string;
|
|
19
20
|
/**
|
|
20
21
|
* Show or hide label. For better accessibility it is recommended to show the label.
|
|
21
22
|
*/
|
|
22
|
-
hideLabel?: BreakpointCustomizable<boolean
|
|
23
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
23
24
|
/**
|
|
24
25
|
* When providing an url then the component will be rendered as `<a>`.
|
|
25
26
|
*/
|
|
26
|
-
href?: string
|
|
27
|
+
href?: string;
|
|
27
28
|
/**
|
|
28
29
|
* The icon shown. By choosing 'none', no icon is displayed
|
|
29
30
|
*/
|
|
30
|
-
icon?:
|
|
31
|
+
icon?: LinkPureIcon;
|
|
31
32
|
/**
|
|
32
33
|
* A URL path to a custom icon.
|
|
33
34
|
*/
|
|
34
|
-
iconSource?: string
|
|
35
|
+
iconSource?: string;
|
|
35
36
|
/**
|
|
36
37
|
* Specifies the relationship of the target object to the link object.
|
|
37
38
|
*/
|
|
38
|
-
rel?: string
|
|
39
|
+
rel?: string;
|
|
39
40
|
/**
|
|
40
41
|
* Size of the link.
|
|
41
42
|
*/
|
|
42
|
-
size?: BreakpointCustomizable<
|
|
43
|
+
size?: BreakpointCustomizable<LinkPureSize>;
|
|
43
44
|
/**
|
|
44
45
|
* Stretches the area between icon and label to max available space.
|
|
45
46
|
*/
|
|
46
|
-
stretch?: BreakpointCustomizable<boolean
|
|
47
|
+
stretch?: BreakpointCustomizable<boolean>;
|
|
47
48
|
/**
|
|
48
49
|
* Target attribute where the link should be opened.
|
|
49
50
|
*/
|
|
50
|
-
target?:
|
|
51
|
+
target?: LinkPureTarget;
|
|
51
52
|
/**
|
|
52
53
|
* Adapts the button color depending on the theme.
|
|
53
54
|
*/
|
|
54
|
-
theme?:
|
|
55
|
+
theme?: Theme;
|
|
55
56
|
/**
|
|
56
57
|
* Shows an underline under the label.
|
|
57
58
|
*/
|
|
58
|
-
underline?: boolean
|
|
59
|
+
underline?: boolean;
|
|
59
60
|
/**
|
|
60
61
|
* The weight of the text (only has effect with visible label).
|
|
61
62
|
* @deprecated since v3.0.0, will be removed with next major release
|
|
62
63
|
*/
|
|
63
|
-
weight?:
|
|
64
|
-
}
|
|
64
|
+
weight?: LinkPureWeight;
|
|
65
|
+
};
|
|
66
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PLinkPureProps>, {
|
|
65
67
|
active: boolean;
|
|
66
68
|
alignLabel: string;
|
|
67
69
|
hideLabel: boolean;
|
|
@@ -72,69 +74,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
72
74
|
theme: string;
|
|
73
75
|
underline: boolean;
|
|
74
76
|
weight: string;
|
|
75
|
-
}>, {}, 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<{
|
|
76
|
-
/**
|
|
77
|
-
* Display link in active state.
|
|
78
|
-
*/
|
|
79
|
-
active?: boolean | undefined;
|
|
80
|
-
/**
|
|
81
|
-
* Aligns the label.
|
|
82
|
-
*/
|
|
83
|
-
alignLabel?: BreakpointCustomizable<"left" | "right"> | undefined;
|
|
84
|
-
/**
|
|
85
|
-
* Add ARIA attributes.
|
|
86
|
-
*/
|
|
87
|
-
aria?: SelectedAriaAttributes<"aria-label"> | undefined;
|
|
88
|
-
/**
|
|
89
|
-
* Special download attribute to open native browser download dialog if target url points to a downloadable file.
|
|
90
|
-
*/
|
|
91
|
-
download?: string | undefined;
|
|
92
|
-
/**
|
|
93
|
-
* Show or hide label. For better accessibility it is recommended to show the label.
|
|
94
|
-
*/
|
|
95
|
-
hideLabel?: BreakpointCustomizable<boolean> | undefined;
|
|
96
|
-
/**
|
|
97
|
-
* When providing an url then the component will be rendered as `<a>`.
|
|
98
|
-
*/
|
|
99
|
-
href?: string | undefined;
|
|
100
|
-
/**
|
|
101
|
-
* The icon shown. By choosing 'none', no icon is displayed
|
|
102
|
-
*/
|
|
103
|
-
icon?: import("../types").LinkButtonIconName | undefined;
|
|
104
|
-
/**
|
|
105
|
-
* A URL path to a custom icon.
|
|
106
|
-
*/
|
|
107
|
-
iconSource?: string | undefined;
|
|
108
|
-
/**
|
|
109
|
-
* Specifies the relationship of the target object to the link object.
|
|
110
|
-
*/
|
|
111
|
-
rel?: string | undefined;
|
|
112
|
-
/**
|
|
113
|
-
* Size of the link.
|
|
114
|
-
*/
|
|
115
|
-
size?: BreakpointCustomizable<"inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large"> | undefined;
|
|
116
|
-
/**
|
|
117
|
-
* Stretches the area between icon and label to max available space.
|
|
118
|
-
*/
|
|
119
|
-
stretch?: BreakpointCustomizable<boolean> | undefined;
|
|
120
|
-
/**
|
|
121
|
-
* Target attribute where the link should be opened.
|
|
122
|
-
*/
|
|
123
|
-
target?: string | undefined;
|
|
124
|
-
/**
|
|
125
|
-
* Adapts the button color depending on the theme.
|
|
126
|
-
*/
|
|
127
|
-
theme?: "light" | "dark" | undefined;
|
|
128
|
-
/**
|
|
129
|
-
* Shows an underline under the label.
|
|
130
|
-
*/
|
|
131
|
-
underline?: boolean | undefined;
|
|
132
|
-
/**
|
|
133
|
-
* The weight of the text (only has effect with visible label).
|
|
134
|
-
* @deprecated since v3.0.0, will be removed with next major release
|
|
135
|
-
*/
|
|
136
|
-
weight?: "regular" | "semi-bold" | "bold" | "thin" | "semibold" | undefined;
|
|
137
|
-
}>, {
|
|
77
|
+
}>, {}, 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<PLinkPureProps>, {
|
|
138
78
|
active: boolean;
|
|
139
79
|
alignLabel: string;
|
|
140
80
|
hideLabel: boolean;
|
|
@@ -146,18 +86,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
146
86
|
underline: boolean;
|
|
147
87
|
weight: string;
|
|
148
88
|
}>>>, {
|
|
149
|
-
weight:
|
|
89
|
+
weight: "regular" | "semi-bold" | "bold" | "thin" | "semibold";
|
|
150
90
|
stretch: BreakpointCustomizable<boolean>;
|
|
151
|
-
size: BreakpointCustomizable<
|
|
152
|
-
theme:
|
|
91
|
+
size: BreakpointCustomizable<"inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large">;
|
|
92
|
+
theme: "light" | "dark";
|
|
153
93
|
active: boolean;
|
|
154
|
-
alignLabel: BreakpointCustomizable<
|
|
94
|
+
alignLabel: BreakpointCustomizable<"left" | "right">;
|
|
155
95
|
hideLabel: BreakpointCustomizable<boolean>;
|
|
156
|
-
icon:
|
|
157
|
-
target:
|
|
96
|
+
icon: import("../types").LinkButtonIconName;
|
|
97
|
+
target: string;
|
|
158
98
|
underline: boolean;
|
|
159
99
|
}>, {
|
|
160
|
-
default
|
|
100
|
+
default?(_: {}): any;
|
|
161
101
|
}>;
|
|
162
102
|
export default _default;
|
|
163
103
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -170,12 +110,19 @@ type __VLS_TypePropsToRuntimeProps<T> = {
|
|
|
170
110
|
};
|
|
171
111
|
};
|
|
172
112
|
type __VLS_WithDefaults<P, D> = {
|
|
173
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
113
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
174
114
|
default: D[K];
|
|
175
|
-
} : P[K];
|
|
115
|
+
}> : P[K];
|
|
176
116
|
};
|
|
177
117
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
178
118
|
new (): {
|
|
179
119
|
$slots: S;
|
|
120
|
+
$props: __VLS_PropsChildren<S>;
|
|
180
121
|
};
|
|
181
122
|
};
|
|
123
|
+
type __VLS_PropsChildren<S> = {
|
|
124
|
+
[K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
|
|
125
|
+
};
|
|
126
|
+
type __VLS_Prettify<T> = {
|
|
127
|
+
[K in keyof T]: T[K];
|
|
128
|
+
} & {};
|
|
@@ -1,77 +1,50 @@
|
|
|
1
|
+
/** __vue_virtual_code_placeholder */
|
|
1
2
|
import type { BreakpointCustomizable, LinkSocialIcon, LinkSocialTarget, Theme } from '../types';
|
|
2
|
-
|
|
3
|
-
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
3
|
+
type PLinkSocialProps = {
|
|
4
4
|
/**
|
|
5
5
|
* Show or hide label.
|
|
6
6
|
*/
|
|
7
|
-
hideLabel?: BreakpointCustomizable<boolean
|
|
7
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
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
|
* The icon shown.
|
|
14
14
|
*/
|
|
15
|
-
icon?: LinkSocialIcon
|
|
15
|
+
icon?: LinkSocialIcon;
|
|
16
16
|
/**
|
|
17
17
|
* A URL path to a custom icon.
|
|
18
18
|
*/
|
|
19
|
-
iconSource?: string
|
|
19
|
+
iconSource?: string;
|
|
20
20
|
/**
|
|
21
21
|
* Specifies the relationship of the target object to the link object.
|
|
22
22
|
*/
|
|
23
|
-
rel?: string
|
|
23
|
+
rel?: string;
|
|
24
24
|
/**
|
|
25
25
|
* Target attribute where the link should be opened.
|
|
26
26
|
*/
|
|
27
|
-
target?:
|
|
27
|
+
target?: LinkSocialTarget;
|
|
28
28
|
/**
|
|
29
29
|
* Adapts the link color when used on dark background.
|
|
30
30
|
*/
|
|
31
|
-
theme?:
|
|
32
|
-
}
|
|
31
|
+
theme?: Theme;
|
|
32
|
+
};
|
|
33
|
+
/** @deprecated since v3.0.0, will be removed with next major release. Use `p-link` with corresponding social icon instead. */
|
|
34
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PLinkSocialProps>, {
|
|
33
35
|
hideLabel: boolean;
|
|
34
36
|
target: string;
|
|
35
37
|
theme: string;
|
|
36
|
-
}>, {}, 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<{
|
|
37
|
-
/**
|
|
38
|
-
* Show or hide label.
|
|
39
|
-
*/
|
|
40
|
-
hideLabel?: BreakpointCustomizable<boolean> | undefined;
|
|
41
|
-
/**
|
|
42
|
-
* When providing an url then the component will be rendered as `<a>`.
|
|
43
|
-
*/
|
|
44
|
-
href?: string | undefined;
|
|
45
|
-
/**
|
|
46
|
-
* The icon shown.
|
|
47
|
-
*/
|
|
48
|
-
icon?: LinkSocialIcon | undefined;
|
|
49
|
-
/**
|
|
50
|
-
* A URL path to a custom icon.
|
|
51
|
-
*/
|
|
52
|
-
iconSource?: string | undefined;
|
|
53
|
-
/**
|
|
54
|
-
* Specifies the relationship of the target object to the link object.
|
|
55
|
-
*/
|
|
56
|
-
rel?: string | undefined;
|
|
57
|
-
/**
|
|
58
|
-
* Target attribute where the link should be opened.
|
|
59
|
-
*/
|
|
60
|
-
target?: string | undefined;
|
|
61
|
-
/**
|
|
62
|
-
* Adapts the link color when used on dark background.
|
|
63
|
-
*/
|
|
64
|
-
theme?: "light" | "dark" | undefined;
|
|
65
|
-
}>, {
|
|
38
|
+
}>, {}, 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<PLinkSocialProps>, {
|
|
66
39
|
hideLabel: boolean;
|
|
67
40
|
target: string;
|
|
68
41
|
theme: string;
|
|
69
42
|
}>>>, {
|
|
70
|
-
theme:
|
|
43
|
+
theme: "light" | "dark";
|
|
71
44
|
hideLabel: BreakpointCustomizable<boolean>;
|
|
72
|
-
target:
|
|
45
|
+
target: string;
|
|
73
46
|
}>, {
|
|
74
|
-
default
|
|
47
|
+
default?(_: {}): any;
|
|
75
48
|
}>;
|
|
76
49
|
export default _default;
|
|
77
50
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -84,12 +57,19 @@ type __VLS_TypePropsToRuntimeProps<T> = {
|
|
|
84
57
|
};
|
|
85
58
|
};
|
|
86
59
|
type __VLS_WithDefaults<P, D> = {
|
|
87
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
60
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
88
61
|
default: D[K];
|
|
89
|
-
} : P[K];
|
|
62
|
+
}> : P[K];
|
|
90
63
|
};
|
|
91
64
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
92
65
|
new (): {
|
|
93
66
|
$slots: S;
|
|
67
|
+
$props: __VLS_PropsChildren<S>;
|
|
94
68
|
};
|
|
95
69
|
};
|
|
70
|
+
type __VLS_PropsChildren<S> = {
|
|
71
|
+
[K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
|
|
72
|
+
};
|
|
73
|
+
type __VLS_Prettify<T> = {
|
|
74
|
+
[K in keyof T]: T[K];
|
|
75
|
+
} & {};
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
+
/** __vue_virtual_code_placeholder */
|
|
1
2
|
import type { BreakpointCustomizable, LinkTileModelSignatureAspectRatio, LinkTileModelSignatureHeadingTag, LinkTileModelSignatureLinkDirection, LinkTileModelSignatureModel, LinkTileModelSignatureWeight } from '../types';
|
|
2
|
-
|
|
3
|
+
type PLinkTileModelSignatureProps = {
|
|
3
4
|
/**
|
|
4
5
|
* Aspect ratio of the link-tile-model-signature.
|
|
5
6
|
*/
|
|
6
|
-
aspectRatio?: BreakpointCustomizable<
|
|
7
|
+
aspectRatio?: BreakpointCustomizable<LinkTileModelSignatureAspectRatio>;
|
|
7
8
|
/**
|
|
8
9
|
* Description text.
|
|
9
10
|
*/
|
|
10
|
-
description?: string
|
|
11
|
+
description?: string;
|
|
11
12
|
/**
|
|
12
13
|
* Heading text.
|
|
13
14
|
*/
|
|
@@ -15,20 +16,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
15
16
|
/**
|
|
16
17
|
* Sets a custom headline tag which wraps the heading to enhance semantics.
|
|
17
18
|
*/
|
|
18
|
-
headingTag?:
|
|
19
|
+
headingTag?: LinkTileModelSignatureHeadingTag;
|
|
19
20
|
/**
|
|
20
21
|
* Defines the direction of the main and cross axis of the links. The default is '{base: ‘column’, xs: ‘row’}' showing buttons vertically stacked on mobile viewports and side-by-side in a horizontal row from breakpoint 'xs'.
|
|
21
22
|
*/
|
|
22
|
-
linkDirection?: BreakpointCustomizable<
|
|
23
|
+
linkDirection?: BreakpointCustomizable<LinkTileModelSignatureLinkDirection>;
|
|
23
24
|
/**
|
|
24
25
|
* Adapts the model of the component.
|
|
25
26
|
*/
|
|
26
|
-
model?:
|
|
27
|
+
model?: LinkTileModelSignatureModel;
|
|
27
28
|
/**
|
|
28
29
|
* Adapts the font weight of the heading.
|
|
29
30
|
*/
|
|
30
|
-
weight?: BreakpointCustomizable<
|
|
31
|
-
}
|
|
31
|
+
weight?: BreakpointCustomizable<LinkTileModelSignatureWeight>;
|
|
32
|
+
};
|
|
33
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PLinkTileModelSignatureProps>, {
|
|
32
34
|
aspectRatio: string;
|
|
33
35
|
headingTag: string;
|
|
34
36
|
linkDirection: () => {
|
|
@@ -37,36 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
37
39
|
};
|
|
38
40
|
model: string;
|
|
39
41
|
weight: string;
|
|
40
|
-
}>, {}, 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<{
|
|
41
|
-
/**
|
|
42
|
-
* Aspect ratio of the link-tile-model-signature.
|
|
43
|
-
*/
|
|
44
|
-
aspectRatio?: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16"> | undefined;
|
|
45
|
-
/**
|
|
46
|
-
* Description text.
|
|
47
|
-
*/
|
|
48
|
-
description?: string | undefined;
|
|
49
|
-
/**
|
|
50
|
-
* Heading text.
|
|
51
|
-
*/
|
|
52
|
-
heading: string;
|
|
53
|
-
/**
|
|
54
|
-
* Sets a custom headline tag which wraps the heading to enhance semantics.
|
|
55
|
-
*/
|
|
56
|
-
headingTag?: "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
|
|
57
|
-
/**
|
|
58
|
-
* Defines the direction of the main and cross axis of the links. The default is '{base: ‘column’, xs: ‘row’}' showing buttons vertically stacked on mobile viewports and side-by-side in a horizontal row from breakpoint 'xs'.
|
|
59
|
-
*/
|
|
60
|
-
linkDirection?: BreakpointCustomizable<"row" | "column"> | undefined;
|
|
61
|
-
/**
|
|
62
|
-
* Adapts the model of the component.
|
|
63
|
-
*/
|
|
64
|
-
model?: "718" | "911" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo" | undefined;
|
|
65
|
-
/**
|
|
66
|
-
* Adapts the font weight of the heading.
|
|
67
|
-
*/
|
|
68
|
-
weight?: BreakpointCustomizable<"regular" | "semi-bold"> | undefined;
|
|
69
|
-
}>, {
|
|
42
|
+
}>, {}, 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<PLinkTileModelSignatureProps>, {
|
|
70
43
|
aspectRatio: string;
|
|
71
44
|
headingTag: string;
|
|
72
45
|
linkDirection: () => {
|
|
@@ -76,13 +49,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
76
49
|
model: string;
|
|
77
50
|
weight: string;
|
|
78
51
|
}>>>, {
|
|
79
|
-
weight: BreakpointCustomizable<
|
|
80
|
-
aspectRatio: BreakpointCustomizable<
|
|
81
|
-
headingTag:
|
|
82
|
-
linkDirection: BreakpointCustomizable<
|
|
83
|
-
model:
|
|
52
|
+
weight: BreakpointCustomizable<"regular" | "semi-bold">;
|
|
53
|
+
aspectRatio: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16">;
|
|
54
|
+
headingTag: "h2" | "h3" | "h4" | "h5" | "h6";
|
|
55
|
+
linkDirection: BreakpointCustomizable<"row" | "column">;
|
|
56
|
+
model: "718" | "911" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo";
|
|
84
57
|
}>, {
|
|
85
|
-
default
|
|
58
|
+
default?(_: {}): any;
|
|
86
59
|
}>;
|
|
87
60
|
export default _default;
|
|
88
61
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -95,12 +68,19 @@ type __VLS_TypePropsToRuntimeProps<T> = {
|
|
|
95
68
|
};
|
|
96
69
|
};
|
|
97
70
|
type __VLS_WithDefaults<P, D> = {
|
|
98
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
71
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
99
72
|
default: D[K];
|
|
100
|
-
} : P[K];
|
|
73
|
+
}> : P[K];
|
|
101
74
|
};
|
|
102
75
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
103
76
|
new (): {
|
|
104
77
|
$slots: S;
|
|
78
|
+
$props: __VLS_PropsChildren<S>;
|
|
105
79
|
};
|
|
106
80
|
};
|
|
81
|
+
type __VLS_PropsChildren<S> = {
|
|
82
|
+
[K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
|
|
83
|
+
};
|
|
84
|
+
type __VLS_Prettify<T> = {
|
|
85
|
+
[K in keyof T]: T[K];
|
|
86
|
+
} & {};
|
|
@@ -1,21 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/** __vue_virtual_code_placeholder */
|
|
2
|
+
import type { LinkTileAlign, SelectedAriaAttributes, LinkTileAriaAttribute, BreakpointCustomizable, LinkTileAspectRatio, LinkTileSize, LinkTileTarget, LinkTileWeight } from '../types';
|
|
3
|
+
type PLinkTileProps = {
|
|
3
4
|
/**
|
|
4
5
|
* Alignment of link and description.
|
|
5
6
|
*/
|
|
6
|
-
align?:
|
|
7
|
+
align?: LinkTileAlign;
|
|
7
8
|
/**
|
|
8
9
|
* Add ARIA attributes.
|
|
9
10
|
*/
|
|
10
|
-
aria?: SelectedAriaAttributes<
|
|
11
|
+
aria?: SelectedAriaAttributes<LinkTileAriaAttribute>;
|
|
11
12
|
/**
|
|
12
13
|
* Aspect ratio of the link-tile.
|
|
13
14
|
*/
|
|
14
|
-
aspectRatio?: BreakpointCustomizable<
|
|
15
|
+
aspectRatio?: BreakpointCustomizable<LinkTileAspectRatio>;
|
|
15
16
|
/**
|
|
16
17
|
* Displays the link-tile as compact version with description and link icon only.
|
|
17
18
|
*/
|
|
18
|
-
compact?: BreakpointCustomizable<boolean
|
|
19
|
+
compact?: BreakpointCustomizable<boolean>;
|
|
19
20
|
/**
|
|
20
21
|
* Description text.
|
|
21
22
|
*/
|
|
@@ -23,11 +24,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
23
24
|
/**
|
|
24
25
|
* Special download attribute to open native browser download dialog if target url points to a downloadable file.
|
|
25
26
|
*/
|
|
26
|
-
download?: string
|
|
27
|
+
download?: string;
|
|
27
28
|
/**
|
|
28
29
|
* Show gradient.
|
|
29
30
|
*/
|
|
30
|
-
gradient?: boolean
|
|
31
|
+
gradient?: boolean;
|
|
31
32
|
/**
|
|
32
33
|
* href of the `<a>`.
|
|
33
34
|
*/
|
|
@@ -39,20 +40,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
39
40
|
/**
|
|
40
41
|
* Specifies the relationship of the target object to the link object.
|
|
41
42
|
*/
|
|
42
|
-
rel?: string
|
|
43
|
+
rel?: string;
|
|
43
44
|
/**
|
|
44
45
|
* Font size of the description.
|
|
45
46
|
*/
|
|
46
|
-
size?: BreakpointCustomizable<
|
|
47
|
+
size?: BreakpointCustomizable<LinkTileSize>;
|
|
47
48
|
/**
|
|
48
49
|
* Target attribute where the link should be opened.
|
|
49
50
|
*/
|
|
50
|
-
target?:
|
|
51
|
+
target?: LinkTileTarget;
|
|
51
52
|
/**
|
|
52
53
|
* Font weight of the description.
|
|
53
54
|
*/
|
|
54
|
-
weight?: BreakpointCustomizable<
|
|
55
|
-
}
|
|
55
|
+
weight?: BreakpointCustomizable<LinkTileWeight>;
|
|
56
|
+
};
|
|
57
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PLinkTileProps>, {
|
|
56
58
|
align: string;
|
|
57
59
|
aspectRatio: string;
|
|
58
60
|
compact: boolean;
|
|
@@ -60,60 +62,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
60
62
|
size: string;
|
|
61
63
|
target: string;
|
|
62
64
|
weight: string;
|
|
63
|
-
}>, {}, 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<{
|
|
64
|
-
/**
|
|
65
|
-
* Alignment of link and description.
|
|
66
|
-
*/
|
|
67
|
-
align?: "top" | "bottom" | undefined;
|
|
68
|
-
/**
|
|
69
|
-
* Add ARIA attributes.
|
|
70
|
-
*/
|
|
71
|
-
aria?: SelectedAriaAttributes<"aria-label"> | undefined;
|
|
72
|
-
/**
|
|
73
|
-
* Aspect ratio of the link-tile.
|
|
74
|
-
*/
|
|
75
|
-
aspectRatio?: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16"> | undefined;
|
|
76
|
-
/**
|
|
77
|
-
* Displays the link-tile as compact version with description and link icon only.
|
|
78
|
-
*/
|
|
79
|
-
compact?: BreakpointCustomizable<boolean> | undefined;
|
|
80
|
-
/**
|
|
81
|
-
* Description text.
|
|
82
|
-
*/
|
|
83
|
-
description: string;
|
|
84
|
-
/**
|
|
85
|
-
* Special download attribute to open native browser download dialog if target url points to a downloadable file.
|
|
86
|
-
*/
|
|
87
|
-
download?: string | undefined;
|
|
88
|
-
/**
|
|
89
|
-
* Show gradient.
|
|
90
|
-
*/
|
|
91
|
-
gradient?: boolean | undefined;
|
|
92
|
-
/**
|
|
93
|
-
* href of the `<a>`.
|
|
94
|
-
*/
|
|
95
|
-
href: string;
|
|
96
|
-
/**
|
|
97
|
-
* Label of the <a />.
|
|
98
|
-
*/
|
|
99
|
-
label: string;
|
|
100
|
-
/**
|
|
101
|
-
* Specifies the relationship of the target object to the link object.
|
|
102
|
-
*/
|
|
103
|
-
rel?: string | undefined;
|
|
104
|
-
/**
|
|
105
|
-
* Font size of the description.
|
|
106
|
-
*/
|
|
107
|
-
size?: BreakpointCustomizable<"default" | "inherit"> | undefined;
|
|
108
|
-
/**
|
|
109
|
-
* Target attribute where the link should be opened.
|
|
110
|
-
*/
|
|
111
|
-
target?: string | undefined;
|
|
112
|
-
/**
|
|
113
|
-
* Font weight of the description.
|
|
114
|
-
*/
|
|
115
|
-
weight?: BreakpointCustomizable<"regular" | "semi-bold" | "semibold"> | undefined;
|
|
116
|
-
}>, {
|
|
65
|
+
}>, {}, 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<PLinkTileProps>, {
|
|
117
66
|
align: string;
|
|
118
67
|
aspectRatio: string;
|
|
119
68
|
compact: boolean;
|
|
@@ -122,15 +71,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
122
71
|
target: string;
|
|
123
72
|
weight: string;
|
|
124
73
|
}>>>, {
|
|
125
|
-
weight: BreakpointCustomizable<
|
|
74
|
+
weight: BreakpointCustomizable<"regular" | "semi-bold" | "semibold">;
|
|
126
75
|
compact: BreakpointCustomizable<boolean>;
|
|
127
|
-
size: BreakpointCustomizable<
|
|
128
|
-
align:
|
|
129
|
-
aspectRatio: BreakpointCustomizable<
|
|
76
|
+
size: BreakpointCustomizable<"default" | "inherit">;
|
|
77
|
+
align: "top" | "bottom";
|
|
78
|
+
aspectRatio: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16">;
|
|
130
79
|
gradient: boolean;
|
|
131
|
-
target:
|
|
80
|
+
target: string;
|
|
132
81
|
}>, {
|
|
133
|
-
default
|
|
82
|
+
default?(_: {}): any;
|
|
134
83
|
}>;
|
|
135
84
|
export default _default;
|
|
136
85
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -143,12 +92,19 @@ type __VLS_TypePropsToRuntimeProps<T> = {
|
|
|
143
92
|
};
|
|
144
93
|
};
|
|
145
94
|
type __VLS_WithDefaults<P, D> = {
|
|
146
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
95
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
147
96
|
default: D[K];
|
|
148
|
-
} : P[K];
|
|
97
|
+
}> : P[K];
|
|
149
98
|
};
|
|
150
99
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
151
100
|
new (): {
|
|
152
101
|
$slots: S;
|
|
102
|
+
$props: __VLS_PropsChildren<S>;
|
|
153
103
|
};
|
|
154
104
|
};
|
|
105
|
+
type __VLS_PropsChildren<S> = {
|
|
106
|
+
[K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
|
|
107
|
+
};
|
|
108
|
+
type __VLS_Prettify<T> = {
|
|
109
|
+
[K in keyof T]: T[K];
|
|
110
|
+
} & {};
|