@porsche-design-system/components-vue 3.16.0-rc.1 → 3.16.0
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 +29 -0
- package/cjs/lib/components/FlyoutMultilevelItemWrapper.vue.cjs +1 -0
- package/cjs/lib/components/FlyoutMultilevelItemWrapper.vue2.cjs +1 -0
- package/cjs/lib/components/FlyoutMultilevelWrapper.vue.cjs +1 -0
- package/cjs/lib/components/FlyoutMultilevelWrapper.vue2.cjs +1 -0
- package/cjs/public-api.cjs +1 -1
- package/esm/PorscheDesignSystemProvider.vue.d.ts +42 -0
- package/esm/lib/components/AccordionWrapper.vue.d.ts +76 -0
- package/esm/lib/components/BannerWrapper.vue.d.ts +89 -0
- package/esm/lib/components/ButtonGroupWrapper.vue.d.ts +45 -0
- package/esm/lib/components/ButtonPureWrapper.vue.d.ts +130 -0
- package/esm/lib/components/ButtonTileWrapper.vue.d.ts +125 -0
- package/esm/lib/components/ButtonWrapper.vue.d.ts +94 -0
- package/esm/lib/components/CanvasWrapper.vue.d.ts +59 -0
- package/esm/lib/components/CarouselWrapper.vue.d.ts +120 -0
- package/esm/lib/components/CheckboxWrapperWrapper.vue.d.ts +71 -0
- package/esm/lib/components/ContentWrapperWrapper.vue.d.ts +53 -0
- package/esm/lib/components/CrestWrapper.vue.d.ts +40 -0
- package/esm/lib/components/DisplayWrapper.vue.d.ts +68 -0
- package/esm/lib/components/DividerWrapper.vue.d.ts +47 -0
- package/esm/lib/components/FieldsetWrapper.vue.d.ts +71 -0
- package/esm/lib/components/FieldsetWrapperWrapper.vue.d.ts +72 -0
- package/esm/lib/components/FlexItemWrapper.vue.d.ts +75 -0
- package/esm/lib/components/FlexWrapper.vue.d.ts +75 -0
- package/esm/lib/components/FlyoutMultilevelItemWrapper.vue.d.ts +28 -0
- package/esm/lib/components/FlyoutMultilevelItemWrapper.vue.mjs +24 -0
- package/esm/lib/components/FlyoutMultilevelItemWrapper.vue2.mjs +4 -0
- package/esm/lib/components/FlyoutMultilevelWrapper.vue.d.ts +53 -0
- package/esm/lib/components/FlyoutMultilevelWrapper.vue.mjs +31 -0
- package/esm/lib/components/FlyoutMultilevelWrapper.vue2.mjs +4 -0
- package/esm/lib/components/FlyoutWrapper.vue.d.ts +63 -0
- package/esm/lib/components/GridItemWrapper.vue.d.ts +47 -0
- package/esm/lib/components/GridWrapper.vue.d.ts +63 -0
- package/esm/lib/components/HeadingWrapper.vue.d.ts +68 -0
- package/esm/lib/components/HeadlineWrapper.vue.d.ts +69 -0
- package/esm/lib/components/IconWrapper.vue.d.ts +63 -0
- package/esm/lib/components/InlineNotificationWrapper.vue.d.ts +95 -0
- package/esm/lib/components/LinkPureWrapper.vue.d.ts +120 -0
- package/esm/lib/components/LinkSocialWrapper.vue.d.ts +67 -0
- package/esm/lib/components/LinkTileModelSignatureWrapper.vue.d.ts +81 -0
- package/esm/lib/components/LinkTileProductWrapper.vue.d.ts +92 -0
- package/esm/lib/components/LinkTileWrapper.vue.d.ts +112 -0
- package/esm/lib/components/LinkWrapper.vue.d.ts +84 -0
- package/esm/lib/components/MarqueWrapper.vue.d.ts +62 -0
- package/esm/lib/components/ModalWrapper.vue.d.ts +86 -0
- package/esm/lib/components/ModelSignatureWrapper.vue.d.ts +78 -0
- package/esm/lib/components/MultiSelectOptionWrapper.vue.d.ts +42 -0
- package/esm/lib/components/MultiSelectWrapper.vue.d.ts +107 -0
- package/esm/lib/components/PaginationWrapper.vue.d.ts +101 -0
- package/esm/lib/components/PinCodeWrapper.vue.d.ts +121 -0
- package/esm/lib/components/PopoverWrapper.vue.d.ts +51 -0
- package/esm/lib/components/RadioButtonWrapperWrapper.vue.d.ts +71 -0
- package/esm/lib/components/ScrollerWrapper.vue.d.ts +73 -0
- package/esm/lib/components/SegmentedControlItemWrapper.vue.d.ts +59 -0
- package/esm/lib/components/SegmentedControlWrapper.vue.d.ts +57 -0
- package/esm/lib/components/SelectOptionWrapper.vue.d.ts +42 -0
- package/esm/lib/components/SelectWrapper.vue.d.ts +104 -0
- package/esm/lib/components/SelectWrapperWrapper.vue.d.ts +92 -0
- package/esm/lib/components/SpinnerWrapper.vue.d.ts +40 -0
- package/esm/lib/components/StepperHorizontalItemWrapper.vue.d.ts +43 -0
- package/esm/lib/components/StepperHorizontalWrapper.vue.d.ts +46 -0
- package/esm/lib/components/SwitchWrapper.vue.d.ts +84 -0
- package/esm/lib/components/TableBodyWrapper.vue.d.ts +9 -0
- package/esm/lib/components/TableCellWrapper.vue.d.ts +38 -0
- package/esm/lib/components/TableHeadCellWrapper.vue.d.ts +50 -0
- package/esm/lib/components/TableHeadRowWrapper.vue.d.ts +9 -0
- package/esm/lib/components/TableHeadWrapper.vue.d.ts +9 -0
- package/esm/lib/components/TableRowWrapper.vue.d.ts +9 -0
- package/esm/lib/components/TableWrapper.vue.d.ts +35 -0
- package/esm/lib/components/TabsBarWrapper.vue.d.ts +71 -0
- package/esm/lib/components/TabsItemWrapper.vue.d.ts +24 -0
- package/esm/lib/components/TabsWrapper.vue.d.ts +74 -0
- package/esm/lib/components/TagDismissibleWrapper.vue.d.ts +51 -0
- package/esm/lib/components/TagWrapper.vue.d.ts +51 -0
- package/esm/lib/components/TextFieldWrapperWrapper.vue.d.ts +123 -0
- package/esm/lib/components/TextListItemWrapper.vue.d.ts +9 -0
- package/esm/lib/components/TextListWrapper.vue.d.ts +51 -0
- package/esm/lib/components/TextWrapper.vue.d.ts +78 -0
- package/esm/lib/components/TextareaWrapperWrapper.vue.d.ts +82 -0
- package/esm/lib/components/ToastWrapper.vue.d.ts +18 -0
- package/esm/lib/components/WordmarkWrapper.vue.d.ts +51 -0
- package/esm/lib/components/index.d.ts +70 -0
- package/esm/lib/types.d.ts +1371 -0
- package/esm/plugin.d.ts +14 -0
- package/esm/public-api.d.ts +6 -0
- package/esm/public-api.mjs +39 -39
- package/esm/utils.d.ts +10 -0
- package/package.json +2 -2
- package/cjs/lib/components/FlyoutNavigationItemWrapper.vue.cjs +0 -1
- package/cjs/lib/components/FlyoutNavigationItemWrapper.vue2.cjs +0 -1
- package/cjs/lib/components/FlyoutNavigationWrapper.vue.cjs +0 -1
- package/cjs/lib/components/FlyoutNavigationWrapper.vue2.cjs +0 -1
- package/esm/lib/components/FlyoutNavigationItemWrapper.vue.mjs +0 -24
- package/esm/lib/components/FlyoutNavigationItemWrapper.vue2.mjs +0 -4
- package/esm/lib/components/FlyoutNavigationWrapper.vue.mjs +0 -31
- package/esm/lib/components/FlyoutNavigationWrapper.vue2.mjs +0 -4
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
import type { BreakpointCustomizable, PinCodeLength, PinCodeState, Theme, PinCodeType } from '../types';
|
|
2
|
+
type PPinCodeProps = {
|
|
3
|
+
/**
|
|
4
|
+
* The description text.
|
|
5
|
+
*/
|
|
6
|
+
description?: string;
|
|
7
|
+
/**
|
|
8
|
+
* Disables the Pin Code. No events will be triggered while disabled state is active.
|
|
9
|
+
*/
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
/**
|
|
12
|
+
* Show or hide label and description text. For better accessibility it is recommended to show the label.
|
|
13
|
+
*/
|
|
14
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
15
|
+
/**
|
|
16
|
+
* The label text.
|
|
17
|
+
*/
|
|
18
|
+
label?: string;
|
|
19
|
+
/**
|
|
20
|
+
* Number of characters of the Pin Code.
|
|
21
|
+
*/
|
|
22
|
+
length?: PinCodeLength;
|
|
23
|
+
/**
|
|
24
|
+
* Disables the Pin Code and shows a loading indicator. No events will be triggered while loading state is active.
|
|
25
|
+
*/
|
|
26
|
+
loading?: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* The message styled depending on validation state.
|
|
29
|
+
*/
|
|
30
|
+
message?: string;
|
|
31
|
+
/**
|
|
32
|
+
* Name of the control.
|
|
33
|
+
*/
|
|
34
|
+
name?: string;
|
|
35
|
+
/**
|
|
36
|
+
* Marks the Pin Code as required.
|
|
37
|
+
*/
|
|
38
|
+
required?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* The validation state.
|
|
41
|
+
*/
|
|
42
|
+
state?: PinCodeState;
|
|
43
|
+
/**
|
|
44
|
+
* Adapts the color depending on the theme.
|
|
45
|
+
*/
|
|
46
|
+
theme?: Theme;
|
|
47
|
+
/**
|
|
48
|
+
* Pin Code type.
|
|
49
|
+
*/
|
|
50
|
+
type?: PinCodeType;
|
|
51
|
+
/**
|
|
52
|
+
* Sets the initial value of the Pin Code.
|
|
53
|
+
*/
|
|
54
|
+
value?: string;
|
|
55
|
+
};
|
|
56
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PPinCodeProps>, {
|
|
57
|
+
description: string;
|
|
58
|
+
disabled: boolean;
|
|
59
|
+
hideLabel: boolean;
|
|
60
|
+
label: string;
|
|
61
|
+
length: number;
|
|
62
|
+
loading: boolean;
|
|
63
|
+
message: string;
|
|
64
|
+
required: boolean;
|
|
65
|
+
state: string;
|
|
66
|
+
type: string;
|
|
67
|
+
value: string;
|
|
68
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
69
|
+
update: (value: import("../types").PinCodeUpdateEvent) => void;
|
|
70
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PPinCodeProps>, {
|
|
71
|
+
description: string;
|
|
72
|
+
disabled: boolean;
|
|
73
|
+
hideLabel: boolean;
|
|
74
|
+
label: string;
|
|
75
|
+
length: number;
|
|
76
|
+
loading: boolean;
|
|
77
|
+
message: string;
|
|
78
|
+
required: boolean;
|
|
79
|
+
state: string;
|
|
80
|
+
type: string;
|
|
81
|
+
value: string;
|
|
82
|
+
}>>> & {
|
|
83
|
+
onUpdate?: ((value: import("../types").PinCodeUpdateEvent) => any) | undefined;
|
|
84
|
+
}, {
|
|
85
|
+
label: string;
|
|
86
|
+
length: 3 | 4 | 2 | 5 | 1 | 6;
|
|
87
|
+
type: "number" | "password";
|
|
88
|
+
description: string;
|
|
89
|
+
state: "none" | "success" | "error";
|
|
90
|
+
required: boolean;
|
|
91
|
+
disabled: boolean;
|
|
92
|
+
hideLabel: BreakpointCustomizable<boolean>;
|
|
93
|
+
loading: boolean;
|
|
94
|
+
value: string;
|
|
95
|
+
message: string;
|
|
96
|
+
}, {}>, {
|
|
97
|
+
default?(_: {}): any;
|
|
98
|
+
}>;
|
|
99
|
+
export default _default;
|
|
100
|
+
type __VLS_WithDefaults<P, D> = {
|
|
101
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
102
|
+
default: D[K];
|
|
103
|
+
}> : P[K];
|
|
104
|
+
};
|
|
105
|
+
type __VLS_Prettify<T> = {
|
|
106
|
+
[K in keyof T]: T[K];
|
|
107
|
+
} & {};
|
|
108
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
109
|
+
new (): {
|
|
110
|
+
$slots: S;
|
|
111
|
+
};
|
|
112
|
+
};
|
|
113
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
114
|
+
type __VLS_TypePropsToOption<T> = {
|
|
115
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
116
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
117
|
+
} : {
|
|
118
|
+
type: import('vue').PropType<T[K]>;
|
|
119
|
+
required: true;
|
|
120
|
+
};
|
|
121
|
+
};
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import type { SelectedAriaAttributes, PopoverAriaAttribute, PopoverDirection, Theme } from '../types';
|
|
2
|
+
type PPopoverProps = {
|
|
3
|
+
/**
|
|
4
|
+
* Add ARIA attributes.
|
|
5
|
+
*/
|
|
6
|
+
aria?: SelectedAriaAttributes<PopoverAriaAttribute>;
|
|
7
|
+
/**
|
|
8
|
+
* Descriptive text to show additional information when popover is open
|
|
9
|
+
*/
|
|
10
|
+
description?: string;
|
|
11
|
+
/**
|
|
12
|
+
* 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
|
+
direction?: PopoverDirection;
|
|
15
|
+
/**
|
|
16
|
+
* Adapts the popover color depending on the theme.
|
|
17
|
+
*/
|
|
18
|
+
theme?: Theme;
|
|
19
|
+
};
|
|
20
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PPopoverProps>, {
|
|
21
|
+
direction: string;
|
|
22
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PPopoverProps>, {
|
|
23
|
+
direction: string;
|
|
24
|
+
}>>>, {
|
|
25
|
+
direction: "top" | "bottom" | "left" | "right";
|
|
26
|
+
}, {}>, {
|
|
27
|
+
default?(_: {}): any;
|
|
28
|
+
}>;
|
|
29
|
+
export default _default;
|
|
30
|
+
type __VLS_WithDefaults<P, D> = {
|
|
31
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
32
|
+
default: D[K];
|
|
33
|
+
}> : P[K];
|
|
34
|
+
};
|
|
35
|
+
type __VLS_Prettify<T> = {
|
|
36
|
+
[K in keyof T]: T[K];
|
|
37
|
+
} & {};
|
|
38
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
39
|
+
new (): {
|
|
40
|
+
$slots: S;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
44
|
+
type __VLS_TypePropsToOption<T> = {
|
|
45
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
46
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
47
|
+
} : {
|
|
48
|
+
type: import('vue').PropType<T[K]>;
|
|
49
|
+
required: true;
|
|
50
|
+
};
|
|
51
|
+
};
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import type { BreakpointCustomizable, RadioButtonWrapperState, Theme } from '../types';
|
|
2
|
+
type PRadioButtonWrapperProps = {
|
|
3
|
+
/**
|
|
4
|
+
* Show or hide label. For better accessibility it's recommended to show the label.
|
|
5
|
+
*/
|
|
6
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
7
|
+
/**
|
|
8
|
+
* The label text.
|
|
9
|
+
*/
|
|
10
|
+
label?: string;
|
|
11
|
+
/**
|
|
12
|
+
* @experimental Disables the radio button and shows a loading indicator.
|
|
13
|
+
*/
|
|
14
|
+
loading?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* The message styled depending on validation state.
|
|
17
|
+
*/
|
|
18
|
+
message?: string;
|
|
19
|
+
/**
|
|
20
|
+
* The validation state.
|
|
21
|
+
*/
|
|
22
|
+
state?: RadioButtonWrapperState;
|
|
23
|
+
/**
|
|
24
|
+
* Adapts the color depending on the theme.
|
|
25
|
+
*/
|
|
26
|
+
theme?: Theme;
|
|
27
|
+
};
|
|
28
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PRadioButtonWrapperProps>, {
|
|
29
|
+
hideLabel: boolean;
|
|
30
|
+
label: string;
|
|
31
|
+
loading: boolean;
|
|
32
|
+
message: string;
|
|
33
|
+
state: string;
|
|
34
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PRadioButtonWrapperProps>, {
|
|
35
|
+
hideLabel: boolean;
|
|
36
|
+
label: string;
|
|
37
|
+
loading: boolean;
|
|
38
|
+
message: string;
|
|
39
|
+
state: string;
|
|
40
|
+
}>>>, {
|
|
41
|
+
label: string;
|
|
42
|
+
state: "none" | "success" | "error";
|
|
43
|
+
hideLabel: BreakpointCustomizable<boolean>;
|
|
44
|
+
loading: boolean;
|
|
45
|
+
message: string;
|
|
46
|
+
}, {}>, {
|
|
47
|
+
default?(_: {}): any;
|
|
48
|
+
}>;
|
|
49
|
+
export default _default;
|
|
50
|
+
type __VLS_WithDefaults<P, D> = {
|
|
51
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
52
|
+
default: D[K];
|
|
53
|
+
}> : P[K];
|
|
54
|
+
};
|
|
55
|
+
type __VLS_Prettify<T> = {
|
|
56
|
+
[K in keyof T]: T[K];
|
|
57
|
+
} & {};
|
|
58
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
59
|
+
new (): {
|
|
60
|
+
$slots: S;
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
64
|
+
type __VLS_TypePropsToOption<T> = {
|
|
65
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
66
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
67
|
+
} : {
|
|
68
|
+
type: import('vue').PropType<T[K]>;
|
|
69
|
+
required: true;
|
|
70
|
+
};
|
|
71
|
+
};
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import type { ScrollerAlignScrollIndicator, SelectedAriaAttributes, ScrollerAriaAttribute, ScrollerGradientColor, ScrollerGradientColorScheme, ScrollerScrollIndicatorPosition, ScrollerScrollToPosition, Theme } from '../types';
|
|
2
|
+
type PScrollerProps = {
|
|
3
|
+
/**
|
|
4
|
+
* Sets the vertical position of scroll indicator.
|
|
5
|
+
*/
|
|
6
|
+
alignScrollIndicator?: ScrollerAlignScrollIndicator;
|
|
7
|
+
/**
|
|
8
|
+
* Add ARIA role.
|
|
9
|
+
*/
|
|
10
|
+
aria?: SelectedAriaAttributes<ScrollerAriaAttribute>;
|
|
11
|
+
/**
|
|
12
|
+
* Adapts the background gradient color of prev and next button.
|
|
13
|
+
*/
|
|
14
|
+
gradientColor?: ScrollerGradientColor;
|
|
15
|
+
/**
|
|
16
|
+
* @deprecated since v3.0.0, will be removed with next major release, use `gradientColor` instead. Adapts the background gradient color of prev and next button.
|
|
17
|
+
*/
|
|
18
|
+
gradientColorScheme?: ScrollerGradientColorScheme;
|
|
19
|
+
/**
|
|
20
|
+
* @deprecated since v3.0.0, will be removed with next major release, use `alignScrollIndicator` instead. Sets the vertical position of scroll indicator
|
|
21
|
+
*/
|
|
22
|
+
scrollIndicatorPosition?: ScrollerScrollIndicatorPosition;
|
|
23
|
+
/**
|
|
24
|
+
* Scrolls the scroll area to the left either smooth or immediately.
|
|
25
|
+
*/
|
|
26
|
+
scrollToPosition?: ScrollerScrollToPosition;
|
|
27
|
+
/**
|
|
28
|
+
* Specifies if scrollbar should be shown.
|
|
29
|
+
*/
|
|
30
|
+
scrollbar?: boolean;
|
|
31
|
+
/**
|
|
32
|
+
* Adapts the color when used on dark background.
|
|
33
|
+
*/
|
|
34
|
+
theme?: Theme;
|
|
35
|
+
};
|
|
36
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PScrollerProps>, {
|
|
37
|
+
alignScrollIndicator: string;
|
|
38
|
+
gradientColor: string;
|
|
39
|
+
scrollbar: boolean;
|
|
40
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PScrollerProps>, {
|
|
41
|
+
alignScrollIndicator: string;
|
|
42
|
+
gradientColor: string;
|
|
43
|
+
scrollbar: boolean;
|
|
44
|
+
}>>>, {
|
|
45
|
+
scrollbar: boolean;
|
|
46
|
+
alignScrollIndicator: "top" | "center";
|
|
47
|
+
gradientColor: "background-base" | "background-surface";
|
|
48
|
+
}, {}>, {
|
|
49
|
+
default?(_: {}): any;
|
|
50
|
+
}>;
|
|
51
|
+
export default _default;
|
|
52
|
+
type __VLS_WithDefaults<P, D> = {
|
|
53
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
54
|
+
default: D[K];
|
|
55
|
+
}> : P[K];
|
|
56
|
+
};
|
|
57
|
+
type __VLS_Prettify<T> = {
|
|
58
|
+
[K in keyof T]: T[K];
|
|
59
|
+
} & {};
|
|
60
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
61
|
+
new (): {
|
|
62
|
+
$slots: S;
|
|
63
|
+
};
|
|
64
|
+
};
|
|
65
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
66
|
+
type __VLS_TypePropsToOption<T> = {
|
|
67
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
68
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
69
|
+
} : {
|
|
70
|
+
type: import('vue').PropType<T[K]>;
|
|
71
|
+
required: true;
|
|
72
|
+
};
|
|
73
|
+
};
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import type { SelectedAriaAttributes, SegmentedControlItemAriaAttribute, SegmentedControlItemIcon } from '../types';
|
|
2
|
+
type PSegmentedControlItemProps = {
|
|
3
|
+
/**
|
|
4
|
+
* Add ARIA attributes.
|
|
5
|
+
*/
|
|
6
|
+
aria?: SelectedAriaAttributes<SegmentedControlItemAriaAttribute>;
|
|
7
|
+
/**
|
|
8
|
+
* Disables the button. No events will be triggered while disabled state is active.
|
|
9
|
+
*/
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
/**
|
|
12
|
+
* The icon shown.
|
|
13
|
+
*/
|
|
14
|
+
icon?: SegmentedControlItemIcon;
|
|
15
|
+
/**
|
|
16
|
+
* A URL path to a custom icon.
|
|
17
|
+
*/
|
|
18
|
+
iconSource?: string;
|
|
19
|
+
/**
|
|
20
|
+
* The label text.
|
|
21
|
+
*/
|
|
22
|
+
label?: string;
|
|
23
|
+
/**
|
|
24
|
+
* The value of this item which is emitted by the parent element if it becomes selected. This property is **required**.
|
|
25
|
+
*/
|
|
26
|
+
value: string | number;
|
|
27
|
+
};
|
|
28
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PSegmentedControlItemProps>, {
|
|
29
|
+
disabled: boolean;
|
|
30
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PSegmentedControlItemProps>, {
|
|
31
|
+
disabled: boolean;
|
|
32
|
+
}>>>, {
|
|
33
|
+
disabled: boolean;
|
|
34
|
+
}, {}>, {
|
|
35
|
+
default?(_: {}): any;
|
|
36
|
+
}>;
|
|
37
|
+
export default _default;
|
|
38
|
+
type __VLS_WithDefaults<P, D> = {
|
|
39
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
40
|
+
default: D[K];
|
|
41
|
+
}> : P[K];
|
|
42
|
+
};
|
|
43
|
+
type __VLS_Prettify<T> = {
|
|
44
|
+
[K in keyof T]: T[K];
|
|
45
|
+
} & {};
|
|
46
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
47
|
+
new (): {
|
|
48
|
+
$slots: S;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
52
|
+
type __VLS_TypePropsToOption<T> = {
|
|
53
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
54
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
55
|
+
} : {
|
|
56
|
+
type: import('vue').PropType<T[K]>;
|
|
57
|
+
required: true;
|
|
58
|
+
};
|
|
59
|
+
};
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import type { SegmentedControlBackgroundColor, BreakpointCustomizable, SegmentedControlColumns, Theme } from '../types';
|
|
2
|
+
type PSegmentedControlProps = {
|
|
3
|
+
/**
|
|
4
|
+
* @deprecated since v3.0.0, will be removed with next major release. Background color variations
|
|
5
|
+
*/
|
|
6
|
+
backgroundColor?: SegmentedControlBackgroundColor;
|
|
7
|
+
/**
|
|
8
|
+
* Sets the amount of columns.
|
|
9
|
+
*/
|
|
10
|
+
columns?: BreakpointCustomizable<SegmentedControlColumns>;
|
|
11
|
+
/**
|
|
12
|
+
* Adapts the segmented-control color depending on the theme.
|
|
13
|
+
*/
|
|
14
|
+
theme?: Theme;
|
|
15
|
+
/**
|
|
16
|
+
* Sets the initial value of the segmented-control.
|
|
17
|
+
*/
|
|
18
|
+
value?: string | number;
|
|
19
|
+
};
|
|
20
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PSegmentedControlProps>, {
|
|
21
|
+
columns: string;
|
|
22
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
23
|
+
segmentedControlChange: (value: import("../types").SegmentedControlUpdateEvent) => void;
|
|
24
|
+
update: (value: import("../types").SegmentedControlUpdateEvent) => void;
|
|
25
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PSegmentedControlProps>, {
|
|
26
|
+
columns: string;
|
|
27
|
+
}>>> & {
|
|
28
|
+
onUpdate?: ((value: import("../types").SegmentedControlUpdateEvent) => any) | undefined;
|
|
29
|
+
onSegmentedControlChange?: ((value: import("../types").SegmentedControlUpdateEvent) => any) | undefined;
|
|
30
|
+
}, {
|
|
31
|
+
columns: BreakpointCustomizable<string | number>;
|
|
32
|
+
}, {}>, {
|
|
33
|
+
default?(_: {}): any;
|
|
34
|
+
}>;
|
|
35
|
+
export default _default;
|
|
36
|
+
type __VLS_WithDefaults<P, D> = {
|
|
37
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
38
|
+
default: D[K];
|
|
39
|
+
}> : P[K];
|
|
40
|
+
};
|
|
41
|
+
type __VLS_Prettify<T> = {
|
|
42
|
+
[K in keyof T]: T[K];
|
|
43
|
+
} & {};
|
|
44
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
45
|
+
new (): {
|
|
46
|
+
$slots: S;
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
50
|
+
type __VLS_TypePropsToOption<T> = {
|
|
51
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
52
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
53
|
+
} : {
|
|
54
|
+
type: import('vue').PropType<T[K]>;
|
|
55
|
+
required: true;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
type PSelectOptionProps = {
|
|
2
|
+
/**
|
|
3
|
+
* Disables the option.
|
|
4
|
+
*/
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
/**
|
|
7
|
+
* The option value.
|
|
8
|
+
*/
|
|
9
|
+
value?: string;
|
|
10
|
+
};
|
|
11
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PSelectOptionProps>, {
|
|
12
|
+
disabled: boolean;
|
|
13
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PSelectOptionProps>, {
|
|
14
|
+
disabled: boolean;
|
|
15
|
+
}>>>, {
|
|
16
|
+
disabled: boolean;
|
|
17
|
+
}, {}>, {
|
|
18
|
+
default?(_: {}): any;
|
|
19
|
+
}>;
|
|
20
|
+
export default _default;
|
|
21
|
+
type __VLS_WithDefaults<P, D> = {
|
|
22
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
23
|
+
default: D[K];
|
|
24
|
+
}> : P[K];
|
|
25
|
+
};
|
|
26
|
+
type __VLS_Prettify<T> = {
|
|
27
|
+
[K in keyof T]: T[K];
|
|
28
|
+
} & {};
|
|
29
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
30
|
+
new (): {
|
|
31
|
+
$slots: S;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
35
|
+
type __VLS_TypePropsToOption<T> = {
|
|
36
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
37
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
38
|
+
} : {
|
|
39
|
+
type: import('vue').PropType<T[K]>;
|
|
40
|
+
required: true;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import type { SelectDropdownDirection, BreakpointCustomizable, SelectUpdateEventDetail, SelectState, Theme } from '../types';
|
|
2
|
+
type PSelectProps = {
|
|
3
|
+
/**
|
|
4
|
+
* The description text.
|
|
5
|
+
*/
|
|
6
|
+
description?: string;
|
|
7
|
+
/**
|
|
8
|
+
* Disables the select
|
|
9
|
+
*/
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
/**
|
|
12
|
+
* Changes the direction to which the dropdown list appears.
|
|
13
|
+
*/
|
|
14
|
+
dropdownDirection?: SelectDropdownDirection;
|
|
15
|
+
/**
|
|
16
|
+
* Show or hide label. For better accessibility it is recommended to show the label.
|
|
17
|
+
*/
|
|
18
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
19
|
+
/**
|
|
20
|
+
* The label text.
|
|
21
|
+
*/
|
|
22
|
+
label?: string;
|
|
23
|
+
/**
|
|
24
|
+
* The message styled depending on validation state.
|
|
25
|
+
*/
|
|
26
|
+
message?: string;
|
|
27
|
+
/**
|
|
28
|
+
* The name of the control.
|
|
29
|
+
*/
|
|
30
|
+
name: string;
|
|
31
|
+
/**
|
|
32
|
+
* A Boolean attribute indicating that an option with a non-empty string value must be selected.
|
|
33
|
+
*/
|
|
34
|
+
required?: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* The validation state.
|
|
37
|
+
*/
|
|
38
|
+
state?: SelectState;
|
|
39
|
+
/**
|
|
40
|
+
* Adapts the select color depending on the theme.
|
|
41
|
+
*/
|
|
42
|
+
theme?: Theme;
|
|
43
|
+
/**
|
|
44
|
+
* The selected value.
|
|
45
|
+
*/
|
|
46
|
+
value?: string;
|
|
47
|
+
};
|
|
48
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PSelectProps>, {
|
|
49
|
+
description: string;
|
|
50
|
+
disabled: boolean;
|
|
51
|
+
dropdownDirection: string;
|
|
52
|
+
hideLabel: boolean;
|
|
53
|
+
label: string;
|
|
54
|
+
message: string;
|
|
55
|
+
required: boolean;
|
|
56
|
+
state: string;
|
|
57
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
58
|
+
update: (value: SelectUpdateEventDetail) => void;
|
|
59
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PSelectProps>, {
|
|
60
|
+
description: string;
|
|
61
|
+
disabled: boolean;
|
|
62
|
+
dropdownDirection: string;
|
|
63
|
+
hideLabel: boolean;
|
|
64
|
+
label: string;
|
|
65
|
+
message: string;
|
|
66
|
+
required: boolean;
|
|
67
|
+
state: string;
|
|
68
|
+
}>>> & {
|
|
69
|
+
onUpdate?: ((value: SelectUpdateEventDetail) => any) | undefined;
|
|
70
|
+
}, {
|
|
71
|
+
label: string;
|
|
72
|
+
description: string;
|
|
73
|
+
state: "none" | "success" | "error";
|
|
74
|
+
required: boolean;
|
|
75
|
+
disabled: boolean;
|
|
76
|
+
hideLabel: BreakpointCustomizable<boolean>;
|
|
77
|
+
message: string;
|
|
78
|
+
dropdownDirection: "auto" | "down" | "up";
|
|
79
|
+
}, {}>, {
|
|
80
|
+
default?(_: {}): any;
|
|
81
|
+
}>;
|
|
82
|
+
export default _default;
|
|
83
|
+
type __VLS_WithDefaults<P, D> = {
|
|
84
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
85
|
+
default: D[K];
|
|
86
|
+
}> : P[K];
|
|
87
|
+
};
|
|
88
|
+
type __VLS_Prettify<T> = {
|
|
89
|
+
[K in keyof T]: T[K];
|
|
90
|
+
} & {};
|
|
91
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
92
|
+
new (): {
|
|
93
|
+
$slots: S;
|
|
94
|
+
};
|
|
95
|
+
};
|
|
96
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
97
|
+
type __VLS_TypePropsToOption<T> = {
|
|
98
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
99
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
100
|
+
} : {
|
|
101
|
+
type: import('vue').PropType<T[K]>;
|
|
102
|
+
required: true;
|
|
103
|
+
};
|
|
104
|
+
};
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import type { SelectWrapperDropdownDirection, BreakpointCustomizable, SelectWrapperState, Theme } from '../types';
|
|
2
|
+
type PSelectWrapperProps = {
|
|
3
|
+
/**
|
|
4
|
+
* The description text.
|
|
5
|
+
*/
|
|
6
|
+
description?: string;
|
|
7
|
+
/**
|
|
8
|
+
* Changes the direction to which the dropdown list appears.
|
|
9
|
+
*/
|
|
10
|
+
dropdownDirection?: SelectWrapperDropdownDirection;
|
|
11
|
+
/**
|
|
12
|
+
* Filters select options by typing a character
|
|
13
|
+
*/
|
|
14
|
+
filter?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* Show or hide label. For better accessibility it is recommended to show the label.
|
|
17
|
+
*/
|
|
18
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
19
|
+
/**
|
|
20
|
+
* The label text.
|
|
21
|
+
*/
|
|
22
|
+
label?: string;
|
|
23
|
+
/**
|
|
24
|
+
* The message styled depending on validation state.
|
|
25
|
+
*/
|
|
26
|
+
message?: string;
|
|
27
|
+
/**
|
|
28
|
+
* Forces rendering of native browser select dropdown
|
|
29
|
+
*/
|
|
30
|
+
native?: boolean;
|
|
31
|
+
/**
|
|
32
|
+
* The validation state.
|
|
33
|
+
*/
|
|
34
|
+
state?: SelectWrapperState;
|
|
35
|
+
/**
|
|
36
|
+
* Adapts the select color depending on the theme.
|
|
37
|
+
*/
|
|
38
|
+
theme?: Theme;
|
|
39
|
+
};
|
|
40
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PSelectWrapperProps>, {
|
|
41
|
+
description: string;
|
|
42
|
+
dropdownDirection: string;
|
|
43
|
+
filter: boolean;
|
|
44
|
+
hideLabel: boolean;
|
|
45
|
+
label: string;
|
|
46
|
+
message: string;
|
|
47
|
+
native: boolean;
|
|
48
|
+
state: string;
|
|
49
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PSelectWrapperProps>, {
|
|
50
|
+
description: string;
|
|
51
|
+
dropdownDirection: string;
|
|
52
|
+
filter: boolean;
|
|
53
|
+
hideLabel: boolean;
|
|
54
|
+
label: string;
|
|
55
|
+
message: string;
|
|
56
|
+
native: boolean;
|
|
57
|
+
state: string;
|
|
58
|
+
}>>>, {
|
|
59
|
+
filter: boolean;
|
|
60
|
+
label: string;
|
|
61
|
+
description: string;
|
|
62
|
+
state: "none" | "success" | "error";
|
|
63
|
+
hideLabel: BreakpointCustomizable<boolean>;
|
|
64
|
+
message: string;
|
|
65
|
+
dropdownDirection: "auto" | "down" | "up";
|
|
66
|
+
native: boolean;
|
|
67
|
+
}, {}>, {
|
|
68
|
+
default?(_: {}): any;
|
|
69
|
+
}>;
|
|
70
|
+
export default _default;
|
|
71
|
+
type __VLS_WithDefaults<P, D> = {
|
|
72
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
73
|
+
default: D[K];
|
|
74
|
+
}> : P[K];
|
|
75
|
+
};
|
|
76
|
+
type __VLS_Prettify<T> = {
|
|
77
|
+
[K in keyof T]: T[K];
|
|
78
|
+
} & {};
|
|
79
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
80
|
+
new (): {
|
|
81
|
+
$slots: S;
|
|
82
|
+
};
|
|
83
|
+
};
|
|
84
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
85
|
+
type __VLS_TypePropsToOption<T> = {
|
|
86
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
87
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
88
|
+
} : {
|
|
89
|
+
type: import('vue').PropType<T[K]>;
|
|
90
|
+
required: true;
|
|
91
|
+
};
|
|
92
|
+
};
|