@porsche-design-system/components-vue 3.0.0-rc.1 → 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 +36 -0
- 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 +23 -39
- 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 +210 -191
- package/package.json +2 -2
|
@@ -4,6 +4,7 @@ const k = /* @__PURE__ */ a({
|
|
|
4
4
|
__name: "ScrollerWrapper",
|
|
5
5
|
props: {
|
|
6
6
|
alignScrollIndicator: { default: "center" },
|
|
7
|
+
aria: null,
|
|
7
8
|
gradientColor: { default: "background-base" },
|
|
8
9
|
gradientColorScheme: null,
|
|
9
10
|
scrollIndicatorPosition: null,
|
|
@@ -11,13 +12,13 @@ const k = /* @__PURE__ */ a({
|
|
|
11
12
|
scrollbar: { type: Boolean, default: !1 },
|
|
12
13
|
theme: { default: "light" }
|
|
13
14
|
},
|
|
14
|
-
setup(
|
|
15
|
-
const o =
|
|
15
|
+
setup(n) {
|
|
16
|
+
const o = n, t = C("p-scroller"), e = s();
|
|
16
17
|
return c(() => {
|
|
17
18
|
r(e.value, o);
|
|
18
19
|
}), p(() => {
|
|
19
20
|
r(e.value, o);
|
|
20
|
-
}), (l, _) => (d(), f(i(u(
|
|
21
|
+
}), (l, _) => (d(), f(i(u(t)), {
|
|
21
22
|
ref_key: "pdsComponentRef",
|
|
22
23
|
ref: e
|
|
23
24
|
}, {
|
|
@@ -1,53 +1,35 @@
|
|
|
1
|
-
|
|
1
|
+
/** __vue_virtual_code_placeholder */
|
|
2
|
+
import type { SegmentedControlItemIcon } from '../types';
|
|
3
|
+
type PSegmentedControlItemProps = {
|
|
2
4
|
/**
|
|
3
5
|
* Disables the button. No events will be triggered while disabled state is active.
|
|
4
6
|
*/
|
|
5
|
-
disabled?: boolean
|
|
7
|
+
disabled?: boolean;
|
|
6
8
|
/**
|
|
7
9
|
* The icon shown.
|
|
8
10
|
*/
|
|
9
|
-
icon?:
|
|
11
|
+
icon?: SegmentedControlItemIcon;
|
|
10
12
|
/**
|
|
11
13
|
* A URL path to a custom icon.
|
|
12
14
|
*/
|
|
13
|
-
iconSource?: string
|
|
15
|
+
iconSource?: string;
|
|
14
16
|
/**
|
|
15
17
|
* The label text.
|
|
16
18
|
*/
|
|
17
|
-
label?: string
|
|
19
|
+
label?: string;
|
|
18
20
|
/**
|
|
19
21
|
* The value of this item which is emitted by the parent element if it becomes selected. This property is **required**.
|
|
20
22
|
*/
|
|
21
23
|
value: string | number;
|
|
22
|
-
}
|
|
24
|
+
};
|
|
25
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PSegmentedControlItemProps>, {
|
|
23
26
|
disabled: boolean;
|
|
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
|
-
* Disables the button. No events will be triggered while disabled state is active.
|
|
27
|
-
*/
|
|
28
|
-
disabled?: boolean | undefined;
|
|
29
|
-
/**
|
|
30
|
-
* The icon shown.
|
|
31
|
-
*/
|
|
32
|
-
icon?: import("../types").LinkButtonIconName | undefined;
|
|
33
|
-
/**
|
|
34
|
-
* A URL path to a custom icon.
|
|
35
|
-
*/
|
|
36
|
-
iconSource?: string | undefined;
|
|
37
|
-
/**
|
|
38
|
-
* The label text.
|
|
39
|
-
*/
|
|
40
|
-
label?: string | undefined;
|
|
41
|
-
/**
|
|
42
|
-
* The value of this item which is emitted by the parent element if it becomes selected. This property is **required**.
|
|
43
|
-
*/
|
|
44
|
-
value: string | number;
|
|
45
|
-
}>, {
|
|
27
|
+
}>, {}, 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<PSegmentedControlItemProps>, {
|
|
46
28
|
disabled: boolean;
|
|
47
29
|
}>>>, {
|
|
48
30
|
disabled: boolean;
|
|
49
31
|
}>, {
|
|
50
|
-
default
|
|
32
|
+
default?(_: {}): any;
|
|
51
33
|
}>;
|
|
52
34
|
export default _default;
|
|
53
35
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -60,12 +42,19 @@ type __VLS_TypePropsToRuntimeProps<T> = {
|
|
|
60
42
|
};
|
|
61
43
|
};
|
|
62
44
|
type __VLS_WithDefaults<P, D> = {
|
|
63
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
45
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
64
46
|
default: D[K];
|
|
65
|
-
} : P[K];
|
|
47
|
+
}> : P[K];
|
|
66
48
|
};
|
|
67
49
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
68
50
|
new (): {
|
|
69
51
|
$slots: S;
|
|
52
|
+
$props: __VLS_PropsChildren<S>;
|
|
70
53
|
};
|
|
71
54
|
};
|
|
55
|
+
type __VLS_PropsChildren<S> = {
|
|
56
|
+
[K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
|
|
57
|
+
};
|
|
58
|
+
type __VLS_Prettify<T> = {
|
|
59
|
+
[K in keyof T]: T[K];
|
|
60
|
+
} & {};
|
|
@@ -1,45 +1,33 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/** __vue_virtual_code_placeholder */
|
|
2
|
+
import type { SegmentedControlBackgroundColor, SegmentedControlUpdateEvent, Theme } from '../types';
|
|
3
|
+
type PSegmentedControlProps = {
|
|
3
4
|
/**
|
|
4
5
|
* @deprecated since v3.0.0, will be removed with next major release. Background color variations
|
|
5
6
|
*/
|
|
6
|
-
backgroundColor?:
|
|
7
|
+
backgroundColor?: SegmentedControlBackgroundColor;
|
|
7
8
|
/**
|
|
8
9
|
* Adapts the segmented-control color depending on the theme.
|
|
9
10
|
*/
|
|
10
|
-
theme?:
|
|
11
|
+
theme?: Theme;
|
|
11
12
|
/**
|
|
12
13
|
* Sets the initial value of the segmented-control.
|
|
13
14
|
*/
|
|
14
|
-
value?: string | number
|
|
15
|
-
}
|
|
15
|
+
value?: string | number;
|
|
16
|
+
};
|
|
17
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PSegmentedControlProps>, {
|
|
16
18
|
theme: string;
|
|
17
19
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
18
20
|
segmentedControlChange: (value: SegmentedControlUpdateEvent) => void;
|
|
19
|
-
} & {
|
|
20
21
|
update: (value: SegmentedControlUpdateEvent) => void;
|
|
21
|
-
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
22
|
-
/**
|
|
23
|
-
* @deprecated since v3.0.0, will be removed with next major release. Background color variations
|
|
24
|
-
*/
|
|
25
|
-
backgroundColor?: "background-surface" | "background-default" | undefined;
|
|
26
|
-
/**
|
|
27
|
-
* Adapts the segmented-control color depending on the theme.
|
|
28
|
-
*/
|
|
29
|
-
theme?: "light" | "dark" | undefined;
|
|
30
|
-
/**
|
|
31
|
-
* Sets the initial value of the segmented-control.
|
|
32
|
-
*/
|
|
33
|
-
value?: string | number | undefined;
|
|
34
|
-
}>, {
|
|
22
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PSegmentedControlProps>, {
|
|
35
23
|
theme: string;
|
|
36
24
|
}>>> & {
|
|
37
25
|
onUpdate?: ((value: SegmentedControlUpdateEvent) => any) | undefined;
|
|
38
26
|
onSegmentedControlChange?: ((value: SegmentedControlUpdateEvent) => any) | undefined;
|
|
39
27
|
}, {
|
|
40
|
-
theme:
|
|
28
|
+
theme: "light" | "dark";
|
|
41
29
|
}>, {
|
|
42
|
-
default
|
|
30
|
+
default?(_: {}): any;
|
|
43
31
|
}>;
|
|
44
32
|
export default _default;
|
|
45
33
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -52,12 +40,19 @@ type __VLS_TypePropsToRuntimeProps<T> = {
|
|
|
52
40
|
};
|
|
53
41
|
};
|
|
54
42
|
type __VLS_WithDefaults<P, D> = {
|
|
55
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
43
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
56
44
|
default: D[K];
|
|
57
|
-
} : P[K];
|
|
45
|
+
}> : P[K];
|
|
58
46
|
};
|
|
59
47
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
60
48
|
new (): {
|
|
61
49
|
$slots: S;
|
|
50
|
+
$props: __VLS_PropsChildren<S>;
|
|
62
51
|
};
|
|
63
52
|
};
|
|
53
|
+
type __VLS_PropsChildren<S> = {
|
|
54
|
+
[K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
|
|
55
|
+
};
|
|
56
|
+
type __VLS_Prettify<T> = {
|
|
57
|
+
[K in keyof T]: T[K];
|
|
58
|
+
} & {};
|
|
@@ -1,42 +1,44 @@
|
|
|
1
|
+
/** __vue_virtual_code_placeholder */
|
|
1
2
|
import type { SelectWrapperDropdownDirection, BreakpointCustomizable, SelectWrapperState, Theme } from '../types';
|
|
2
|
-
|
|
3
|
+
type PSelectWrapperProps = {
|
|
3
4
|
/**
|
|
4
5
|
* The description text.
|
|
5
6
|
*/
|
|
6
|
-
description?: string
|
|
7
|
+
description?: string;
|
|
7
8
|
/**
|
|
8
9
|
* Changes the direction to which the dropdown list appears.
|
|
9
10
|
*/
|
|
10
|
-
dropdownDirection?:
|
|
11
|
+
dropdownDirection?: SelectWrapperDropdownDirection;
|
|
11
12
|
/**
|
|
12
13
|
* Filters select options by typing a character
|
|
13
14
|
*/
|
|
14
|
-
filter?: boolean
|
|
15
|
+
filter?: boolean;
|
|
15
16
|
/**
|
|
16
17
|
* Show or hide label. For better accessibility it is recommended to show the label.
|
|
17
18
|
*/
|
|
18
|
-
hideLabel?: BreakpointCustomizable<boolean
|
|
19
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
19
20
|
/**
|
|
20
21
|
* The label text.
|
|
21
22
|
*/
|
|
22
|
-
label?: string
|
|
23
|
+
label?: string;
|
|
23
24
|
/**
|
|
24
25
|
* The message styled depending on validation state.
|
|
25
26
|
*/
|
|
26
|
-
message?: string
|
|
27
|
+
message?: string;
|
|
27
28
|
/**
|
|
28
29
|
* Forces rendering of native browser select dropdown
|
|
29
30
|
*/
|
|
30
|
-
native?: boolean
|
|
31
|
+
native?: boolean;
|
|
31
32
|
/**
|
|
32
33
|
* The validation state.
|
|
33
34
|
*/
|
|
34
|
-
state?:
|
|
35
|
+
state?: SelectWrapperState;
|
|
35
36
|
/**
|
|
36
37
|
* Adapts the select color depending on the theme.
|
|
37
38
|
*/
|
|
38
|
-
theme?:
|
|
39
|
-
}
|
|
39
|
+
theme?: Theme;
|
|
40
|
+
};
|
|
41
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PSelectWrapperProps>, {
|
|
40
42
|
description: string;
|
|
41
43
|
dropdownDirection: string;
|
|
42
44
|
filter: boolean;
|
|
@@ -46,44 +48,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
46
48
|
native: boolean;
|
|
47
49
|
state: string;
|
|
48
50
|
theme: 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
|
-
* The description text.
|
|
52
|
-
*/
|
|
53
|
-
description?: string | undefined;
|
|
54
|
-
/**
|
|
55
|
-
* Changes the direction to which the dropdown list appears.
|
|
56
|
-
*/
|
|
57
|
-
dropdownDirection?: "auto" | "down" | "up" | undefined;
|
|
58
|
-
/**
|
|
59
|
-
* Filters select options by typing a character
|
|
60
|
-
*/
|
|
61
|
-
filter?: boolean | undefined;
|
|
62
|
-
/**
|
|
63
|
-
* Show or hide label. For better accessibility it is recommended to show the label.
|
|
64
|
-
*/
|
|
65
|
-
hideLabel?: BreakpointCustomizable<boolean> | undefined;
|
|
66
|
-
/**
|
|
67
|
-
* The label text.
|
|
68
|
-
*/
|
|
69
|
-
label?: string | undefined;
|
|
70
|
-
/**
|
|
71
|
-
* The message styled depending on validation state.
|
|
72
|
-
*/
|
|
73
|
-
message?: string | undefined;
|
|
74
|
-
/**
|
|
75
|
-
* Forces rendering of native browser select dropdown
|
|
76
|
-
*/
|
|
77
|
-
native?: boolean | undefined;
|
|
78
|
-
/**
|
|
79
|
-
* The validation state.
|
|
80
|
-
*/
|
|
81
|
-
state?: "success" | "none" | "error" | undefined;
|
|
82
|
-
/**
|
|
83
|
-
* Adapts the select color depending on the theme.
|
|
84
|
-
*/
|
|
85
|
-
theme?: "light" | "dark" | undefined;
|
|
86
|
-
}>, {
|
|
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<PSelectWrapperProps>, {
|
|
87
52
|
description: string;
|
|
88
53
|
dropdownDirection: string;
|
|
89
54
|
filter: boolean;
|
|
@@ -96,15 +61,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
96
61
|
}>>>, {
|
|
97
62
|
filter: boolean;
|
|
98
63
|
label: string;
|
|
99
|
-
theme:
|
|
64
|
+
theme: "light" | "dark";
|
|
100
65
|
description: string;
|
|
101
|
-
state:
|
|
66
|
+
state: "success" | "none" | "error";
|
|
102
67
|
hideLabel: BreakpointCustomizable<boolean>;
|
|
103
68
|
message: string;
|
|
104
|
-
dropdownDirection:
|
|
69
|
+
dropdownDirection: "auto" | "down" | "up";
|
|
105
70
|
native: boolean;
|
|
106
71
|
}>, {
|
|
107
|
-
default
|
|
72
|
+
default?(_: {}): any;
|
|
108
73
|
}>;
|
|
109
74
|
export default _default;
|
|
110
75
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -117,12 +82,19 @@ type __VLS_TypePropsToRuntimeProps<T> = {
|
|
|
117
82
|
};
|
|
118
83
|
};
|
|
119
84
|
type __VLS_WithDefaults<P, D> = {
|
|
120
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
85
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
121
86
|
default: D[K];
|
|
122
|
-
} : P[K];
|
|
87
|
+
}> : P[K];
|
|
123
88
|
};
|
|
124
89
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
125
90
|
new (): {
|
|
126
91
|
$slots: S;
|
|
92
|
+
$props: __VLS_PropsChildren<S>;
|
|
127
93
|
};
|
|
128
94
|
};
|
|
95
|
+
type __VLS_PropsChildren<S> = {
|
|
96
|
+
[K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
|
|
97
|
+
};
|
|
98
|
+
type __VLS_Prettify<T> = {
|
|
99
|
+
[K in keyof T]: T[K];
|
|
100
|
+
} & {};
|
|
@@ -1,39 +1,28 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/** __vue_virtual_code_placeholder */
|
|
2
|
+
import type { SelectedAriaAttributes, SpinnerAriaAttribute, BreakpointCustomizable, SpinnerSize, Theme } from '../types';
|
|
3
|
+
type PSpinnerProps = {
|
|
3
4
|
/**
|
|
4
5
|
* Add ARIA attributes.
|
|
5
6
|
*/
|
|
6
|
-
aria?: SelectedAriaAttributes<
|
|
7
|
+
aria?: SelectedAriaAttributes<SpinnerAriaAttribute>;
|
|
7
8
|
/**
|
|
8
9
|
* Size of the spinner.
|
|
9
10
|
*/
|
|
10
|
-
size?: BreakpointCustomizable<
|
|
11
|
+
size?: BreakpointCustomizable<SpinnerSize>;
|
|
11
12
|
/**
|
|
12
13
|
* Adapts the spinner color depending on the theme.
|
|
13
14
|
*/
|
|
14
|
-
theme?:
|
|
15
|
-
}
|
|
15
|
+
theme?: Theme;
|
|
16
|
+
};
|
|
17
|
+
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PSpinnerProps>, {
|
|
16
18
|
size: string;
|
|
17
19
|
theme: string;
|
|
18
|
-
}>, {}, 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<{
|
|
19
|
-
/**
|
|
20
|
-
* Add ARIA attributes.
|
|
21
|
-
*/
|
|
22
|
-
aria?: SelectedAriaAttributes<"aria-label"> | undefined;
|
|
23
|
-
/**
|
|
24
|
-
* Size of the spinner.
|
|
25
|
-
*/
|
|
26
|
-
size?: BreakpointCustomizable<"inherit" | "small" | "medium" | "large"> | undefined;
|
|
27
|
-
/**
|
|
28
|
-
* Adapts the spinner color depending on the theme.
|
|
29
|
-
*/
|
|
30
|
-
theme?: "light" | "dark" | undefined;
|
|
31
|
-
}>, {
|
|
20
|
+
}>, {}, 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<PSpinnerProps>, {
|
|
32
21
|
size: string;
|
|
33
22
|
theme: string;
|
|
34
23
|
}>>>, {
|
|
35
|
-
size: BreakpointCustomizable<
|
|
36
|
-
theme:
|
|
24
|
+
size: BreakpointCustomizable<"inherit" | "small" | "medium" | "large">;
|
|
25
|
+
theme: "light" | "dark";
|
|
37
26
|
}>;
|
|
38
27
|
export default _default;
|
|
39
28
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -46,7 +35,10 @@ type __VLS_TypePropsToRuntimeProps<T> = {
|
|
|
46
35
|
};
|
|
47
36
|
};
|
|
48
37
|
type __VLS_WithDefaults<P, D> = {
|
|
49
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
38
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
50
39
|
default: D[K];
|
|
51
|
-
} : P[K];
|
|
40
|
+
}> : P[K];
|
|
52
41
|
};
|
|
42
|
+
type __VLS_Prettify<T> = {
|
|
43
|
+
[K in keyof T]: T[K];
|
|
44
|
+
} & {};
|
|
@@ -1,29 +1,23 @@
|
|
|
1
|
-
|
|
1
|
+
/** __vue_virtual_code_placeholder */
|
|
2
|
+
import type { StepperHorizontalItemState } from '../types';
|
|
3
|
+
type PStepperHorizontalItemProps = {
|
|
2
4
|
/**
|
|
3
5
|
* Disables the stepper-horizontal-item. No events will be triggered while disabled state is active.
|
|
4
6
|
*/
|
|
5
|
-
disabled?: boolean
|
|
7
|
+
disabled?: boolean;
|
|
6
8
|
/**
|
|
7
9
|
* The validation state.
|
|
8
10
|
*/
|
|
9
|
-
state?:
|
|
10
|
-
}
|
|
11
|
+
state?: StepperHorizontalItemState;
|
|
12
|
+
};
|
|
13
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PStepperHorizontalItemProps>, {
|
|
11
14
|
disabled: boolean;
|
|
12
|
-
}>, {}, 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<{
|
|
13
|
-
/**
|
|
14
|
-
* Disables the stepper-horizontal-item. No events will be triggered while disabled state is active.
|
|
15
|
-
*/
|
|
16
|
-
disabled?: boolean | undefined;
|
|
17
|
-
/**
|
|
18
|
-
* The validation state.
|
|
19
|
-
*/
|
|
20
|
-
state?: "warning" | "current" | "complete" | undefined;
|
|
21
|
-
}>, {
|
|
15
|
+
}>, {}, 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<PStepperHorizontalItemProps>, {
|
|
22
16
|
disabled: boolean;
|
|
23
17
|
}>>>, {
|
|
24
18
|
disabled: boolean;
|
|
25
19
|
}>, {
|
|
26
|
-
default
|
|
20
|
+
default?(_: {}): any;
|
|
27
21
|
}>;
|
|
28
22
|
export default _default;
|
|
29
23
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -36,12 +30,19 @@ type __VLS_TypePropsToRuntimeProps<T> = {
|
|
|
36
30
|
};
|
|
37
31
|
};
|
|
38
32
|
type __VLS_WithDefaults<P, D> = {
|
|
39
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
33
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
40
34
|
default: D[K];
|
|
41
|
-
} : P[K];
|
|
35
|
+
}> : P[K];
|
|
42
36
|
};
|
|
43
37
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
44
38
|
new (): {
|
|
45
39
|
$slots: S;
|
|
40
|
+
$props: __VLS_PropsChildren<S>;
|
|
46
41
|
};
|
|
47
42
|
};
|
|
43
|
+
type __VLS_PropsChildren<S> = {
|
|
44
|
+
[K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
|
|
45
|
+
};
|
|
46
|
+
type __VLS_Prettify<T> = {
|
|
47
|
+
[K in keyof T]: T[K];
|
|
48
|
+
} & {};
|
|
@@ -1,34 +1,29 @@
|
|
|
1
|
+
/** __vue_virtual_code_placeholder */
|
|
1
2
|
import type { StepperHorizontalUpdateEvent, BreakpointCustomizable, StepperHorizontalSize, Theme } from '../types';
|
|
2
|
-
|
|
3
|
-
size?: BreakpointCustomizable<
|
|
3
|
+
type PStepperHorizontalProps = {
|
|
4
|
+
size?: BreakpointCustomizable<StepperHorizontalSize>;
|
|
4
5
|
/**
|
|
5
6
|
* Adapts the tag color depending on the theme.
|
|
6
7
|
*/
|
|
7
|
-
theme?:
|
|
8
|
-
}
|
|
8
|
+
theme?: Theme;
|
|
9
|
+
};
|
|
10
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PStepperHorizontalProps>, {
|
|
9
11
|
size: string;
|
|
10
12
|
theme: string;
|
|
11
13
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
12
14
|
stepChange: (value: StepperHorizontalUpdateEvent) => void;
|
|
13
|
-
} & {
|
|
14
15
|
update: (value: StepperHorizontalUpdateEvent) => void;
|
|
15
|
-
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
16
|
-
size?: BreakpointCustomizable<"small" | "medium"> | undefined;
|
|
17
|
-
/**
|
|
18
|
-
* Adapts the tag color depending on the theme.
|
|
19
|
-
*/
|
|
20
|
-
theme?: "light" | "dark" | undefined;
|
|
21
|
-
}>, {
|
|
16
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PStepperHorizontalProps>, {
|
|
22
17
|
size: string;
|
|
23
18
|
theme: string;
|
|
24
19
|
}>>> & {
|
|
25
20
|
onUpdate?: ((value: StepperHorizontalUpdateEvent) => any) | undefined;
|
|
26
21
|
onStepChange?: ((value: StepperHorizontalUpdateEvent) => any) | undefined;
|
|
27
22
|
}, {
|
|
28
|
-
size: BreakpointCustomizable<
|
|
29
|
-
theme:
|
|
23
|
+
size: BreakpointCustomizable<"small" | "medium">;
|
|
24
|
+
theme: "light" | "dark";
|
|
30
25
|
}>, {
|
|
31
|
-
default
|
|
26
|
+
default?(_: {}): any;
|
|
32
27
|
}>;
|
|
33
28
|
export default _default;
|
|
34
29
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -41,12 +36,19 @@ type __VLS_TypePropsToRuntimeProps<T> = {
|
|
|
41
36
|
};
|
|
42
37
|
};
|
|
43
38
|
type __VLS_WithDefaults<P, D> = {
|
|
44
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
39
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
45
40
|
default: D[K];
|
|
46
|
-
} : P[K];
|
|
41
|
+
}> : P[K];
|
|
47
42
|
};
|
|
48
43
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
49
44
|
new (): {
|
|
50
45
|
$slots: S;
|
|
46
|
+
$props: __VLS_PropsChildren<S>;
|
|
51
47
|
};
|
|
52
48
|
};
|
|
49
|
+
type __VLS_PropsChildren<S> = {
|
|
50
|
+
[K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
|
|
51
|
+
};
|
|
52
|
+
type __VLS_Prettify<T> = {
|
|
53
|
+
[K in keyof T]: T[K];
|
|
54
|
+
} & {};
|
|
@@ -1,34 +1,36 @@
|
|
|
1
|
+
/** __vue_virtual_code_placeholder */
|
|
1
2
|
import type { BreakpointCustomizable, SwitchAlignLabel, SwitchUpdateEvent, Theme } from '../types';
|
|
2
|
-
|
|
3
|
+
type PSwitchProps = {
|
|
3
4
|
/**
|
|
4
5
|
* Aligns the label.
|
|
5
6
|
*/
|
|
6
|
-
alignLabel?: BreakpointCustomizable<
|
|
7
|
+
alignLabel?: BreakpointCustomizable<SwitchAlignLabel>;
|
|
7
8
|
/**
|
|
8
9
|
* Visualize the switch with on/off status.
|
|
9
10
|
*/
|
|
10
|
-
checked?: boolean
|
|
11
|
+
checked?: boolean;
|
|
11
12
|
/**
|
|
12
13
|
* Disables the switch. No events will be triggered while disabled state is active.
|
|
13
14
|
*/
|
|
14
|
-
disabled?: boolean
|
|
15
|
+
disabled?: boolean;
|
|
15
16
|
/**
|
|
16
17
|
* Show or hide label. For better accessibility it's recommended to show the label.
|
|
17
18
|
*/
|
|
18
|
-
hideLabel?: BreakpointCustomizable<boolean
|
|
19
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
19
20
|
/**
|
|
20
21
|
* Disables the switch and shows a loading indicator. No events will be triggered while loading state is active.
|
|
21
22
|
*/
|
|
22
|
-
loading?: boolean
|
|
23
|
+
loading?: boolean;
|
|
23
24
|
/**
|
|
24
25
|
* Stretches the contents to max available space.
|
|
25
26
|
*/
|
|
26
|
-
stretch?: BreakpointCustomizable<boolean
|
|
27
|
+
stretch?: BreakpointCustomizable<boolean>;
|
|
27
28
|
/**
|
|
28
29
|
* Adapts the switch color depending on the theme.
|
|
29
30
|
*/
|
|
30
|
-
theme?:
|
|
31
|
-
}
|
|
31
|
+
theme?: Theme;
|
|
32
|
+
};
|
|
33
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PSwitchProps>, {
|
|
32
34
|
alignLabel: string;
|
|
33
35
|
checked: boolean;
|
|
34
36
|
disabled: boolean;
|
|
@@ -38,38 +40,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
38
40
|
theme: string;
|
|
39
41
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
40
42
|
switchChange: (value: SwitchUpdateEvent) => void;
|
|
41
|
-
} & {
|
|
42
43
|
update: (value: SwitchUpdateEvent) => void;
|
|
43
|
-
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
44
|
-
/**
|
|
45
|
-
* Aligns the label.
|
|
46
|
-
*/
|
|
47
|
-
alignLabel?: BreakpointCustomizable<"left" | "right"> | undefined;
|
|
48
|
-
/**
|
|
49
|
-
* Visualize the switch with on/off status.
|
|
50
|
-
*/
|
|
51
|
-
checked?: boolean | undefined;
|
|
52
|
-
/**
|
|
53
|
-
* Disables the switch. No events will be triggered while disabled state is active.
|
|
54
|
-
*/
|
|
55
|
-
disabled?: boolean | undefined;
|
|
56
|
-
/**
|
|
57
|
-
* Show or hide label. For better accessibility it's recommended to show the label.
|
|
58
|
-
*/
|
|
59
|
-
hideLabel?: BreakpointCustomizable<boolean> | undefined;
|
|
60
|
-
/**
|
|
61
|
-
* Disables the switch and shows a loading indicator. No events will be triggered while loading state is active.
|
|
62
|
-
*/
|
|
63
|
-
loading?: boolean | undefined;
|
|
64
|
-
/**
|
|
65
|
-
* Stretches the contents to max available space.
|
|
66
|
-
*/
|
|
67
|
-
stretch?: BreakpointCustomizable<boolean> | undefined;
|
|
68
|
-
/**
|
|
69
|
-
* Adapts the switch color depending on the theme.
|
|
70
|
-
*/
|
|
71
|
-
theme?: "light" | "dark" | undefined;
|
|
72
|
-
}>, {
|
|
44
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PSwitchProps>, {
|
|
73
45
|
alignLabel: string;
|
|
74
46
|
checked: boolean;
|
|
75
47
|
disabled: boolean;
|
|
@@ -82,14 +54,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
82
54
|
onSwitchChange?: ((value: SwitchUpdateEvent) => any) | undefined;
|
|
83
55
|
}, {
|
|
84
56
|
stretch: BreakpointCustomizable<boolean>;
|
|
85
|
-
theme:
|
|
86
|
-
alignLabel: BreakpointCustomizable<
|
|
57
|
+
theme: "light" | "dark";
|
|
58
|
+
alignLabel: BreakpointCustomizable<"left" | "right">;
|
|
87
59
|
disabled: boolean;
|
|
88
60
|
hideLabel: BreakpointCustomizable<boolean>;
|
|
89
61
|
loading: boolean;
|
|
90
62
|
checked: boolean;
|
|
91
63
|
}>, {
|
|
92
|
-
default
|
|
64
|
+
default?(_: {}): any;
|
|
93
65
|
}>;
|
|
94
66
|
export default _default;
|
|
95
67
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -102,12 +74,19 @@ type __VLS_TypePropsToRuntimeProps<T> = {
|
|
|
102
74
|
};
|
|
103
75
|
};
|
|
104
76
|
type __VLS_WithDefaults<P, D> = {
|
|
105
|
-
[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] & {
|
|
106
78
|
default: D[K];
|
|
107
|
-
} : P[K];
|
|
79
|
+
}> : P[K];
|
|
108
80
|
};
|
|
109
81
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
110
82
|
new (): {
|
|
111
83
|
$slots: S;
|
|
84
|
+
$props: __VLS_PropsChildren<S>;
|
|
112
85
|
};
|
|
113
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,9 +1,14 @@
|
|
|
1
|
+
/** __vue_virtual_code_placeholder */
|
|
1
2
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, {
|
|
2
|
-
default
|
|
3
|
+
default?(_: {}): any;
|
|
3
4
|
}>;
|
|
4
5
|
export default _default;
|
|
5
6
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
6
7
|
new (): {
|
|
7
8
|
$slots: S;
|
|
9
|
+
$props: __VLS_PropsChildren<S>;
|
|
8
10
|
};
|
|
9
11
|
};
|
|
12
|
+
type __VLS_PropsChildren<S> = {
|
|
13
|
+
[K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
|
|
14
|
+
};
|