@porsche-design-system/components-vue 3.16.0-rc.0 → 3.16.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.
Files changed (102) hide show
  1. package/CHANGELOG.md +43 -0
  2. package/cjs/lib/components/CanvasWrapper.vue.cjs +1 -0
  3. package/cjs/lib/components/CanvasWrapper.vue2.cjs +1 -0
  4. package/cjs/lib/components/FlyoutMultilevelItemWrapper.vue.cjs +1 -0
  5. package/cjs/lib/components/FlyoutMultilevelItemWrapper.vue2.cjs +1 -0
  6. package/cjs/lib/components/FlyoutMultilevelWrapper.vue.cjs +1 -0
  7. package/cjs/lib/components/FlyoutMultilevelWrapper.vue2.cjs +1 -0
  8. package/cjs/lib/components/SegmentedControlItemWrapper.vue.cjs +1 -1
  9. package/cjs/public-api.cjs +1 -1
  10. package/esm/PorscheDesignSystemProvider.vue.d.ts +42 -0
  11. package/esm/lib/components/AccordionWrapper.vue.d.ts +76 -0
  12. package/esm/lib/components/BannerWrapper.vue.d.ts +89 -0
  13. package/esm/lib/components/ButtonGroupWrapper.vue.d.ts +45 -0
  14. package/esm/lib/components/ButtonPureWrapper.vue.d.ts +130 -0
  15. package/esm/lib/components/ButtonTileWrapper.vue.d.ts +125 -0
  16. package/esm/lib/components/ButtonWrapper.vue.d.ts +94 -0
  17. package/esm/lib/components/CanvasWrapper.vue.d.ts +59 -0
  18. package/esm/lib/components/CanvasWrapper.vue.mjs +29 -0
  19. package/esm/lib/components/CanvasWrapper.vue2.mjs +4 -0
  20. package/esm/lib/components/CarouselWrapper.vue.d.ts +120 -0
  21. package/esm/lib/components/CheckboxWrapperWrapper.vue.d.ts +71 -0
  22. package/esm/lib/components/ContentWrapperWrapper.vue.d.ts +53 -0
  23. package/esm/lib/components/CrestWrapper.vue.d.ts +40 -0
  24. package/esm/lib/components/DisplayWrapper.vue.d.ts +68 -0
  25. package/esm/lib/components/DividerWrapper.vue.d.ts +47 -0
  26. package/esm/lib/components/FieldsetWrapper.vue.d.ts +71 -0
  27. package/esm/lib/components/FieldsetWrapperWrapper.vue.d.ts +72 -0
  28. package/esm/lib/components/FlexItemWrapper.vue.d.ts +75 -0
  29. package/esm/lib/components/FlexWrapper.vue.d.ts +75 -0
  30. package/esm/lib/components/FlyoutMultilevelItemWrapper.vue.d.ts +28 -0
  31. package/esm/lib/components/FlyoutMultilevelItemWrapper.vue.mjs +24 -0
  32. package/esm/lib/components/FlyoutMultilevelItemWrapper.vue2.mjs +4 -0
  33. package/esm/lib/components/FlyoutMultilevelWrapper.vue.d.ts +53 -0
  34. package/esm/lib/components/FlyoutMultilevelWrapper.vue.mjs +31 -0
  35. package/esm/lib/components/FlyoutMultilevelWrapper.vue2.mjs +4 -0
  36. package/esm/lib/components/FlyoutWrapper.vue.d.ts +63 -0
  37. package/esm/lib/components/GridItemWrapper.vue.d.ts +47 -0
  38. package/esm/lib/components/GridWrapper.vue.d.ts +63 -0
  39. package/esm/lib/components/HeadingWrapper.vue.d.ts +68 -0
  40. package/esm/lib/components/HeadlineWrapper.vue.d.ts +69 -0
  41. package/esm/lib/components/IconWrapper.vue.d.ts +63 -0
  42. package/esm/lib/components/InlineNotificationWrapper.vue.d.ts +95 -0
  43. package/esm/lib/components/LinkPureWrapper.vue.d.ts +120 -0
  44. package/esm/lib/components/LinkSocialWrapper.vue.d.ts +67 -0
  45. package/esm/lib/components/LinkTileModelSignatureWrapper.vue.d.ts +81 -0
  46. package/esm/lib/components/LinkTileProductWrapper.vue.d.ts +92 -0
  47. package/esm/lib/components/LinkTileWrapper.vue.d.ts +112 -0
  48. package/esm/lib/components/LinkWrapper.vue.d.ts +84 -0
  49. package/esm/lib/components/MarqueWrapper.vue.d.ts +62 -0
  50. package/esm/lib/components/ModalWrapper.vue.d.ts +86 -0
  51. package/esm/lib/components/ModelSignatureWrapper.vue.d.ts +78 -0
  52. package/esm/lib/components/MultiSelectOptionWrapper.vue.d.ts +42 -0
  53. package/esm/lib/components/MultiSelectWrapper.vue.d.ts +107 -0
  54. package/esm/lib/components/PaginationWrapper.vue.d.ts +101 -0
  55. package/esm/lib/components/PinCodeWrapper.vue.d.ts +121 -0
  56. package/esm/lib/components/PopoverWrapper.vue.d.ts +51 -0
  57. package/esm/lib/components/RadioButtonWrapperWrapper.vue.d.ts +71 -0
  58. package/esm/lib/components/ScrollerWrapper.vue.d.ts +73 -0
  59. package/esm/lib/components/SegmentedControlItemWrapper.vue.d.ts +59 -0
  60. package/esm/lib/components/SegmentedControlItemWrapper.vue.mjs +1 -0
  61. package/esm/lib/components/SegmentedControlWrapper.vue.d.ts +57 -0
  62. package/esm/lib/components/SelectOptionWrapper.vue.d.ts +42 -0
  63. package/esm/lib/components/SelectWrapper.vue.d.ts +104 -0
  64. package/esm/lib/components/SelectWrapperWrapper.vue.d.ts +92 -0
  65. package/esm/lib/components/SpinnerWrapper.vue.d.ts +40 -0
  66. package/esm/lib/components/StepperHorizontalItemWrapper.vue.d.ts +43 -0
  67. package/esm/lib/components/StepperHorizontalWrapper.vue.d.ts +46 -0
  68. package/esm/lib/components/SwitchWrapper.vue.d.ts +84 -0
  69. package/esm/lib/components/TableBodyWrapper.vue.d.ts +9 -0
  70. package/esm/lib/components/TableCellWrapper.vue.d.ts +38 -0
  71. package/esm/lib/components/TableHeadCellWrapper.vue.d.ts +50 -0
  72. package/esm/lib/components/TableHeadRowWrapper.vue.d.ts +9 -0
  73. package/esm/lib/components/TableHeadWrapper.vue.d.ts +9 -0
  74. package/esm/lib/components/TableRowWrapper.vue.d.ts +9 -0
  75. package/esm/lib/components/TableWrapper.vue.d.ts +35 -0
  76. package/esm/lib/components/TabsBarWrapper.vue.d.ts +71 -0
  77. package/esm/lib/components/TabsItemWrapper.vue.d.ts +24 -0
  78. package/esm/lib/components/TabsWrapper.vue.d.ts +74 -0
  79. package/esm/lib/components/TagDismissibleWrapper.vue.d.ts +51 -0
  80. package/esm/lib/components/TagWrapper.vue.d.ts +51 -0
  81. package/esm/lib/components/TextFieldWrapperWrapper.vue.d.ts +123 -0
  82. package/esm/lib/components/TextListItemWrapper.vue.d.ts +9 -0
  83. package/esm/lib/components/TextListWrapper.vue.d.ts +51 -0
  84. package/esm/lib/components/TextWrapper.vue.d.ts +78 -0
  85. package/esm/lib/components/TextareaWrapperWrapper.vue.d.ts +82 -0
  86. package/esm/lib/components/ToastWrapper.vue.d.ts +18 -0
  87. package/esm/lib/components/WordmarkWrapper.vue.d.ts +51 -0
  88. package/esm/lib/components/index.d.ts +70 -0
  89. package/esm/lib/types.d.ts +1371 -0
  90. package/esm/plugin.d.ts +14 -0
  91. package/esm/public-api.d.ts +6 -0
  92. package/esm/public-api.mjs +135 -133
  93. package/esm/utils.d.ts +10 -0
  94. package/package.json +2 -2
  95. package/cjs/lib/components/FlyoutNavigationItemWrapper.vue.cjs +0 -1
  96. package/cjs/lib/components/FlyoutNavigationItemWrapper.vue2.cjs +0 -1
  97. package/cjs/lib/components/FlyoutNavigationWrapper.vue.cjs +0 -1
  98. package/cjs/lib/components/FlyoutNavigationWrapper.vue2.cjs +0 -1
  99. package/esm/lib/components/FlyoutNavigationItemWrapper.vue.mjs +0 -24
  100. package/esm/lib/components/FlyoutNavigationItemWrapper.vue2.mjs +0 -4
  101. package/esm/lib/components/FlyoutNavigationWrapper.vue.mjs +0 -31
  102. package/esm/lib/components/FlyoutNavigationWrapper.vue2.mjs +0 -4
@@ -0,0 +1,112 @@
1
+ import type { LinkTileAlign, SelectedAriaAttributes, LinkTileAriaAttribute, BreakpointCustomizable, LinkTileAspectRatio, LinkTileBackground, LinkTileSize, LinkTileTarget, LinkTileWeight } from '../types';
2
+ type PLinkTileProps = {
3
+ /**
4
+ * Alignment of link and description.
5
+ */
6
+ align?: LinkTileAlign;
7
+ /**
8
+ * Add ARIA attributes.
9
+ */
10
+ aria?: SelectedAriaAttributes<LinkTileAriaAttribute>;
11
+ /**
12
+ * Aspect ratio of the link-tile.
13
+ */
14
+ aspectRatio?: BreakpointCustomizable<LinkTileAspectRatio>;
15
+ /**
16
+ * Adapts the description and link theme when used on light background image.
17
+ */
18
+ background?: LinkTileBackground;
19
+ /**
20
+ * Displays the link-tile as compact version with description and link icon only.
21
+ */
22
+ compact?: BreakpointCustomizable<boolean>;
23
+ /**
24
+ * Description text.
25
+ */
26
+ description: string;
27
+ /**
28
+ * Special download attribute to open native browser download dialog if target url points to a downloadable file.
29
+ */
30
+ download?: string;
31
+ /**
32
+ * Show gradient.
33
+ */
34
+ gradient?: boolean;
35
+ /**
36
+ * href of the `<a>`.
37
+ */
38
+ href: string;
39
+ /**
40
+ * Label of the <a />.
41
+ */
42
+ label: string;
43
+ /**
44
+ * Specifies the relationship of the target object to the link object.
45
+ */
46
+ rel?: string;
47
+ /**
48
+ * Font size of the description.
49
+ */
50
+ size?: BreakpointCustomizable<LinkTileSize>;
51
+ /**
52
+ * Target attribute where the link should be opened.
53
+ */
54
+ target?: LinkTileTarget;
55
+ /**
56
+ * Font weight of the description.
57
+ */
58
+ weight?: BreakpointCustomizable<LinkTileWeight>;
59
+ };
60
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PLinkTileProps>, {
61
+ align: string;
62
+ aspectRatio: string;
63
+ background: string;
64
+ compact: boolean;
65
+ gradient: boolean;
66
+ size: string;
67
+ target: string;
68
+ weight: string;
69
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PLinkTileProps>, {
70
+ align: string;
71
+ aspectRatio: string;
72
+ background: string;
73
+ compact: boolean;
74
+ gradient: boolean;
75
+ size: string;
76
+ target: string;
77
+ weight: string;
78
+ }>>>, {
79
+ weight: BreakpointCustomizable<"regular" | "semi-bold" | "semibold">;
80
+ compact: BreakpointCustomizable<boolean>;
81
+ size: BreakpointCustomizable<"default" | "inherit">;
82
+ align: "top" | "bottom";
83
+ aspectRatio: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16">;
84
+ background: "light" | "dark" | "auto";
85
+ gradient: boolean;
86
+ target: string;
87
+ }, {}>, {
88
+ default?(_: {}): any;
89
+ }>;
90
+ export default _default;
91
+ type __VLS_WithDefaults<P, D> = {
92
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
93
+ default: D[K];
94
+ }> : P[K];
95
+ };
96
+ type __VLS_Prettify<T> = {
97
+ [K in keyof T]: T[K];
98
+ } & {};
99
+ type __VLS_WithTemplateSlots<T, S> = T & {
100
+ new (): {
101
+ $slots: S;
102
+ };
103
+ };
104
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
105
+ type __VLS_TypePropsToOption<T> = {
106
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
107
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
108
+ } : {
109
+ type: import('vue').PropType<T[K]>;
110
+ required: true;
111
+ };
112
+ };
@@ -0,0 +1,84 @@
1
+ import type { SelectedAriaAttributes, LinkAriaAttribute, BreakpointCustomizable, LinkIcon, LinkTarget, Theme, LinkVariant } from '../types';
2
+ type PLinkProps = {
3
+ /**
4
+ * Add ARIA attributes.
5
+ */
6
+ aria?: SelectedAriaAttributes<LinkAriaAttribute>;
7
+ /**
8
+ * Special download attribute to open native browser download dialog if target url points to a downloadable file.
9
+ */
10
+ download?: string;
11
+ /**
12
+ * Show or hide label. For better accessibility it is recommended to show the label.
13
+ */
14
+ hideLabel?: BreakpointCustomizable<boolean>;
15
+ /**
16
+ * When providing an url then the component will be rendered as `<a>`.
17
+ */
18
+ href?: string;
19
+ /**
20
+ * The icon shown. By choosing 'none', no icon is displayed.
21
+ */
22
+ icon?: LinkIcon;
23
+ /**
24
+ * A URL path to a custom icon.
25
+ */
26
+ iconSource?: string;
27
+ /**
28
+ * Specifies the relationship of the target object to the link object.
29
+ */
30
+ rel?: string;
31
+ /**
32
+ * Target attribute where the link should be opened.
33
+ */
34
+ target?: LinkTarget;
35
+ /**
36
+ * Adapts the link color when used on dark background.
37
+ */
38
+ theme?: Theme;
39
+ /**
40
+ * The style variant of the link.
41
+ */
42
+ variant?: LinkVariant;
43
+ };
44
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PLinkProps>, {
45
+ hideLabel: boolean;
46
+ icon: string;
47
+ target: string;
48
+ variant: string;
49
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PLinkProps>, {
50
+ hideLabel: boolean;
51
+ icon: string;
52
+ target: string;
53
+ variant: string;
54
+ }>>>, {
55
+ hideLabel: BreakpointCustomizable<boolean>;
56
+ icon: import("../types").LinkButtonIconName;
57
+ variant: "primary" | "secondary" | "tertiary";
58
+ target: string;
59
+ }, {}>, {
60
+ default?(_: {}): any;
61
+ }>;
62
+ export default _default;
63
+ type __VLS_WithDefaults<P, D> = {
64
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
65
+ default: D[K];
66
+ }> : P[K];
67
+ };
68
+ type __VLS_Prettify<T> = {
69
+ [K in keyof T]: T[K];
70
+ } & {};
71
+ type __VLS_WithTemplateSlots<T, S> = T & {
72
+ new (): {
73
+ $slots: S;
74
+ };
75
+ };
76
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
77
+ type __VLS_TypePropsToOption<T> = {
78
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
79
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
80
+ } : {
81
+ type: import('vue').PropType<T[K]>;
82
+ required: true;
83
+ };
84
+ };
@@ -0,0 +1,62 @@
1
+ import type { SelectedAriaAttributes, MarqueAriaAttribute, MarqueSize, MarqueTarget, MarqueVariant } from '../types';
2
+ type PMarqueProps = {
3
+ /**
4
+ * Add ARIA attributes.
5
+ */
6
+ aria?: SelectedAriaAttributes<MarqueAriaAttribute>;
7
+ /**
8
+ * When providing an url then the component will be rendered as `<a>`.
9
+ */
10
+ href?: string;
11
+ /**
12
+ * Adapts sizing of marque.
13
+ */
14
+ size?: MarqueSize;
15
+ /**
16
+ * Target attribute where the link should be opened.
17
+ */
18
+ target?: MarqueTarget;
19
+ /**
20
+ * Show/hide trademark sign (only has effect when variant is set to default).
21
+ */
22
+ trademark?: boolean;
23
+ /**
24
+ * Shows marque in special editions
25
+ */
26
+ variant?: MarqueVariant;
27
+ };
28
+ /** @deprecated since v3.0.0, will be removed with next major release. Please use "p-wordmark" instead. */
29
+ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PMarqueProps>, {
30
+ size: string;
31
+ target: string;
32
+ trademark: boolean;
33
+ variant: string;
34
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PMarqueProps>, {
35
+ size: string;
36
+ target: string;
37
+ trademark: boolean;
38
+ variant: string;
39
+ }>>>, {
40
+ size: "small" | "medium" | "responsive";
41
+ variant: "default" | "75-years";
42
+ target: string;
43
+ trademark: boolean;
44
+ }, {}>;
45
+ export default _default;
46
+ type __VLS_WithDefaults<P, D> = {
47
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
48
+ default: D[K];
49
+ }> : P[K];
50
+ };
51
+ type __VLS_Prettify<T> = {
52
+ [K in keyof T]: T[K];
53
+ } & {};
54
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
55
+ type __VLS_TypePropsToOption<T> = {
56
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
57
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
58
+ } : {
59
+ type: import('vue').PropType<T[K]>;
60
+ required: true;
61
+ };
62
+ };
@@ -0,0 +1,86 @@
1
+ import type { SelectedAriaAttributes, ModalAriaAttribute, ModalBackdrop, BreakpointCustomizable, Theme } from '../types';
2
+ type PModalProps = {
3
+ /**
4
+ * Add ARIA attributes.
5
+ */
6
+ aria?: SelectedAriaAttributes<ModalAriaAttribute>;
7
+ /**
8
+ * Defines the backdrop, 'blur' (should be used when Modal is opened by user interaction, e.g. after a click on a button) and 'shading' (should be used when Modal gets opened automatically, e.g. Cookie Consent).
9
+ */
10
+ backdrop?: ModalBackdrop;
11
+ /**
12
+ * If true, the modal will not be closable via backdrop click.
13
+ */
14
+ disableBackdropClick?: boolean;
15
+ /**
16
+ * If true, the modal will not have a dismiss button.
17
+ * @deprecated since v3.0.0, will be removed with next major release, use `dismissButton` instead.
18
+ */
19
+ disableCloseButton?: boolean;
20
+ /**
21
+ * If false, the modal will not have a dismiss button.
22
+ */
23
+ dismissButton?: boolean;
24
+ /**
25
+ * If true the modal uses max viewport height and width. Should only be used for mobile.
26
+ */
27
+ fullscreen?: BreakpointCustomizable<boolean>;
28
+ /**
29
+ * @deprecated since v3.0.0, will be removed with next major release, use `header` slot instead The title of the modal
30
+ */
31
+ heading?: string;
32
+ /**
33
+ * If true, the modal is open.
34
+ */
35
+ open: boolean;
36
+ /**
37
+ * Adapts the modal color depending on the theme.
38
+ */
39
+ theme?: Theme;
40
+ };
41
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PModalProps>, {
42
+ backdrop: string;
43
+ disableBackdropClick: boolean;
44
+ dismissButton: boolean;
45
+ fullscreen: boolean;
46
+ open: boolean;
47
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
48
+ [x: string]: (...args: unknown[]) => void;
49
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PModalProps>, {
50
+ backdrop: string;
51
+ disableBackdropClick: boolean;
52
+ dismissButton: boolean;
53
+ fullscreen: boolean;
54
+ open: boolean;
55
+ }>>>, {
56
+ open: boolean;
57
+ dismissButton: boolean;
58
+ disableBackdropClick: boolean;
59
+ backdrop: "blur" | "shading";
60
+ fullscreen: BreakpointCustomizable<boolean>;
61
+ }, {}>, {
62
+ default?(_: {}): any;
63
+ }>;
64
+ export default _default;
65
+ type __VLS_WithDefaults<P, D> = {
66
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
67
+ default: D[K];
68
+ }> : P[K];
69
+ };
70
+ type __VLS_Prettify<T> = {
71
+ [K in keyof T]: T[K];
72
+ } & {};
73
+ type __VLS_WithTemplateSlots<T, S> = T & {
74
+ new (): {
75
+ $slots: S;
76
+ };
77
+ };
78
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
79
+ type __VLS_TypePropsToOption<T> = {
80
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
81
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
82
+ } : {
83
+ type: import('vue').PropType<T[K]>;
84
+ required: true;
85
+ };
86
+ };
@@ -0,0 +1,78 @@
1
+ import type { ModelSignatureColor, ModelSignatureFetchPriority, ModelSignatureModel, ModelSignatureSize, Theme } from '../types';
2
+ type PModelSignatureProps = {
3
+ /**
4
+ * Adapts the color of the component.
5
+ */
6
+ color?: ModelSignatureColor;
7
+ /**
8
+ * Defines the fetch priority of the model signature. In the end it is just a recommendation to the browser, but it defines the priority on its own.
9
+ */
10
+ fetchPriority?: ModelSignatureFetchPriority;
11
+ /**
12
+ * Defines whether the model signature is always loaded or only loaded when it is in the viewport (this feature may not work reliably).
13
+ */
14
+ lazy?: boolean;
15
+ /**
16
+ * Adapts the model of the component.
17
+ */
18
+ model?: ModelSignatureModel;
19
+ /**
20
+ * When set to `true`, then all model signatures are visually aligned with each other. When set to `false` the model signature comes without any safe zone.
21
+ */
22
+ safeZone?: boolean;
23
+ /**
24
+ * Adapts the size of the component. When set to `inherit` a CSS `width` or `height` needs to be defined on the host but not both.
25
+ */
26
+ size?: ModelSignatureSize;
27
+ /**
28
+ * Adapts color depending on theme.
29
+ */
30
+ theme?: Theme;
31
+ };
32
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PModelSignatureProps>, {
33
+ color: string;
34
+ fetchPriority: string;
35
+ lazy: boolean;
36
+ model: string;
37
+ safeZone: boolean;
38
+ size: string;
39
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PModelSignatureProps>, {
40
+ color: string;
41
+ fetchPriority: string;
42
+ lazy: boolean;
43
+ model: string;
44
+ safeZone: boolean;
45
+ size: string;
46
+ }>>>, {
47
+ size: "inherit" | "small";
48
+ color: "inherit" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high";
49
+ lazy: boolean;
50
+ model: "718" | "911" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo";
51
+ fetchPriority: "auto" | "low" | "high";
52
+ safeZone: boolean;
53
+ }, {}>, {
54
+ default?(_: {}): any;
55
+ }>;
56
+ export default _default;
57
+ type __VLS_WithDefaults<P, D> = {
58
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
59
+ default: D[K];
60
+ }> : P[K];
61
+ };
62
+ type __VLS_Prettify<T> = {
63
+ [K in keyof T]: T[K];
64
+ } & {};
65
+ type __VLS_WithTemplateSlots<T, S> = T & {
66
+ new (): {
67
+ $slots: S;
68
+ };
69
+ };
70
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
71
+ type __VLS_TypePropsToOption<T> = {
72
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
73
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
74
+ } : {
75
+ type: import('vue').PropType<T[K]>;
76
+ required: true;
77
+ };
78
+ };
@@ -0,0 +1,42 @@
1
+ type PMultiSelectOptionProps = {
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<PMultiSelectOptionProps>, {
12
+ disabled: boolean;
13
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PMultiSelectOptionProps>, {
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,107 @@
1
+ import type { MultiSelectDropdownDirection, BreakpointCustomizable, MultiSelectState, Theme } from '../types';
2
+ type PMultiSelectProps = {
3
+ /**
4
+ * The description text.
5
+ */
6
+ description?: string;
7
+ /**
8
+ * Disables the multi-select
9
+ */
10
+ disabled?: boolean;
11
+ /**
12
+ * Changes the direction to which the dropdown list appears.
13
+ */
14
+ dropdownDirection?: MultiSelectDropdownDirection;
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?: MultiSelectState;
39
+ /**
40
+ * Adapts the select color depending on the theme.
41
+ */
42
+ theme?: Theme;
43
+ /**
44
+ * The selected values.
45
+ */
46
+ value?: string[];
47
+ };
48
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PMultiSelectProps>, {
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
+ value: () => never[];
58
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
59
+ update: (value: import("../types").MultiSelectUpdateEvent) => void;
60
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PMultiSelectProps>, {
61
+ description: string;
62
+ disabled: boolean;
63
+ dropdownDirection: string;
64
+ hideLabel: boolean;
65
+ label: string;
66
+ message: string;
67
+ required: boolean;
68
+ state: string;
69
+ value: () => never[];
70
+ }>>> & {
71
+ onUpdate?: ((value: import("../types").MultiSelectUpdateEvent) => any) | undefined;
72
+ }, {
73
+ label: string;
74
+ description: string;
75
+ state: "none" | "success" | "error";
76
+ required: boolean;
77
+ disabled: boolean;
78
+ hideLabel: BreakpointCustomizable<boolean>;
79
+ value: string[];
80
+ message: string;
81
+ dropdownDirection: "auto" | "down" | "up";
82
+ }, {}>, {
83
+ default?(_: {}): any;
84
+ }>;
85
+ export default _default;
86
+ type __VLS_WithDefaults<P, D> = {
87
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
88
+ default: D[K];
89
+ }> : P[K];
90
+ };
91
+ type __VLS_Prettify<T> = {
92
+ [K in keyof T]: T[K];
93
+ } & {};
94
+ type __VLS_WithTemplateSlots<T, S> = T & {
95
+ new (): {
96
+ $slots: S;
97
+ };
98
+ };
99
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
100
+ type __VLS_TypePropsToOption<T> = {
101
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
102
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
103
+ } : {
104
+ type: import('vue').PropType<T[K]>;
105
+ required: true;
106
+ };
107
+ };
@@ -0,0 +1,101 @@
1
+ import type { PaginationInternationalization, BreakpointCustomizable, PaginationMaxNumberOfPageLinks, Theme } from '../types';
2
+ type PPaginationProps = {
3
+ /**
4
+ * Index of the currently active page.
5
+ */
6
+ activePage: number;
7
+ /**
8
+ * @deprecated since v3.0.0, will be removed with next major release, use `intl.root` instead. Aria label what the pagination is used for.
9
+ */
10
+ allyLabel?: string;
11
+ /**
12
+ * @deprecated since v3.0.0, will be removed with next major release, use `intl.next` instead. Aria label for next page icon.
13
+ */
14
+ allyLabelNext?: string;
15
+ /**
16
+ * @deprecated since v3.0.0, will be removed with next major release, use `intl.page` instead. Aria label for page navigation.
17
+ */
18
+ allyLabelPage?: string;
19
+ /**
20
+ * @deprecated since v3.0.0, will be removed with next major release, use `intl.prev` instead. Aria label for previous page icon.
21
+ */
22
+ allyLabelPrev?: string;
23
+ /**
24
+ * Override the default wordings that are used for aria-labels on the next/prev and page buttons.
25
+ */
26
+ intl?: PaginationInternationalization;
27
+ /**
28
+ * The total count of items which should be shown per page.
29
+ */
30
+ itemsPerPage?: number;
31
+ /**
32
+ * Has no effect anymore
33
+ * @deprecated since v3.10.0, will be removed with next major release
34
+ */
35
+ maxNumberOfPageLinks?: BreakpointCustomizable<PaginationMaxNumberOfPageLinks>;
36
+ /**
37
+ * Show or hide the button to jump to the last page.
38
+ */
39
+ showLastPage?: boolean;
40
+ /**
41
+ * Adapts the color when used on dark background.
42
+ */
43
+ theme?: Theme;
44
+ /**
45
+ * The total count of items.
46
+ */
47
+ totalItemsCount: number;
48
+ };
49
+ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PPaginationProps>, {
50
+ activePage: number;
51
+ intl: () => {
52
+ root: string;
53
+ prev: string;
54
+ next: string;
55
+ page: string;
56
+ };
57
+ itemsPerPage: number;
58
+ showLastPage: boolean;
59
+ totalItemsCount: number;
60
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
61
+ pageChange: (value: import("../types").PaginationUpdateEvent) => void;
62
+ update: (value: import("../types").PaginationUpdateEvent) => void;
63
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PPaginationProps>, {
64
+ activePage: number;
65
+ intl: () => {
66
+ root: string;
67
+ prev: string;
68
+ next: string;
69
+ page: string;
70
+ };
71
+ itemsPerPage: number;
72
+ showLastPage: boolean;
73
+ totalItemsCount: number;
74
+ }>>> & {
75
+ onUpdate?: ((value: import("../types").PaginationUpdateEvent) => any) | undefined;
76
+ onPageChange?: ((value: import("../types").PaginationUpdateEvent) => any) | undefined;
77
+ }, {
78
+ intl: Partial<Record<"page" | "prev" | "next" | "root", string>>;
79
+ activePage: number;
80
+ itemsPerPage: number;
81
+ showLastPage: boolean;
82
+ totalItemsCount: number;
83
+ }, {}>;
84
+ export default _default;
85
+ type __VLS_WithDefaults<P, D> = {
86
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
87
+ default: D[K];
88
+ }> : P[K];
89
+ };
90
+ type __VLS_Prettify<T> = {
91
+ [K in keyof T]: T[K];
92
+ } & {};
93
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
94
+ type __VLS_TypePropsToOption<T> = {
95
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
96
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
97
+ } : {
98
+ type: import('vue').PropType<T[K]>;
99
+ required: true;
100
+ };
101
+ };