@porsche-design-system/components-vue 3.0.0-rc.1 → 3.0.0-rc.3

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 (66) hide show
  1. package/CHANGELOG.md +54 -0
  2. package/PorscheDesignSystemProvider.vue.d.ts +11 -3
  3. package/lib/components/AccordionWrapper.vue.d.ts +24 -41
  4. package/lib/components/BannerWrapper.vue.d.ts +25 -50
  5. package/lib/components/ButtonGroupWrapper.vue.d.ts +17 -13
  6. package/lib/components/ButtonPureWrapper.vue.d.ts +35 -80
  7. package/lib/components/ButtonTileWrapper.vue.d.ts +34 -82
  8. package/lib/components/ButtonWrapper.vue.d.ts +29 -57
  9. package/lib/components/CarouselWrapper.vue.d.ts +32 -74
  10. package/lib/components/CheckboxWrapperWrapper.vue.d.ts +23 -39
  11. package/lib/components/ContentWrapperWrapper.vue.d.ts +22 -28
  12. package/lib/components/CrestWrapper.vue.d.ts +15 -23
  13. package/lib/components/DisplayWrapper.vue.d.ts +26 -42
  14. package/lib/components/DividerWrapper.vue.d.ts +18 -30
  15. package/lib/components/FieldsetWrapper.vue.d.ts +24 -40
  16. package/lib/components/FieldsetWrapperWrapper.vue.d.ts +25 -41
  17. package/lib/components/FlexItemWrapper.vue.d.ts +28 -44
  18. package/lib/components/FlexWrapper.vue.d.ts +28 -44
  19. package/lib/components/GridItemWrapper.vue.d.ts +20 -20
  20. package/lib/components/GridWrapper.vue.d.ts +22 -27
  21. package/lib/components/HeadingWrapper.vue.d.ts +26 -42
  22. package/lib/components/HeadlineWrapper.vue.d.ts +26 -42
  23. package/lib/components/IconWrapper.vue.d.ts +22 -50
  24. package/lib/components/IconWrapper.vue.js +8 -8
  25. package/lib/components/InlineNotificationWrapper.vue.d.ts +27 -56
  26. package/lib/components/LinkPureWrapper.vue.d.ts +37 -90
  27. package/lib/components/LinkSocialWrapper.vue.d.ts +25 -45
  28. package/lib/components/LinkTileModelSignatureWrapper.vue.d.ts +26 -46
  29. package/lib/components/LinkTileWrapper.vue.d.ts +31 -75
  30. package/lib/components/LinkWrapper.vue.d.ts +30 -62
  31. package/lib/components/MarqueWrapper.vue.d.ts +19 -35
  32. package/lib/components/ModalWrapper.vue.d.ts +22 -43
  33. package/lib/components/ModelSignatureWrapper.vue.d.ts +18 -30
  34. package/lib/components/PaginationWrapper.vue.d.ts +22 -59
  35. package/lib/components/PopoverWrapper.vue.d.ts +22 -30
  36. package/lib/components/RadioButtonWrapperWrapper.vue.d.ts +22 -34
  37. package/lib/components/ScrollerWrapper.vue.d.ts +33 -49
  38. package/lib/components/ScrollerWrapper.vue.js +4 -3
  39. package/lib/components/SegmentedControlItemWrapper.vue.d.ts +20 -31
  40. package/lib/components/SegmentedControlWrapper.vue.d.ts +20 -25
  41. package/lib/components/SelectWrapperWrapper.vue.d.ts +27 -55
  42. package/lib/components/SpinnerWrapper.vue.d.ts +16 -24
  43. package/lib/components/StepperHorizontalItemWrapper.vue.d.ts +18 -17
  44. package/lib/components/StepperHorizontalWrapper.vue.d.ts +19 -17
  45. package/lib/components/SwitchWrapper.vue.d.ts +24 -45
  46. package/lib/components/TableBodyWrapper.vue.d.ts +6 -1
  47. package/lib/components/TableCellWrapper.vue.d.ts +16 -12
  48. package/lib/components/TableHeadCellWrapper.vue.d.ts +18 -22
  49. package/lib/components/TableHeadRowWrapper.vue.d.ts +6 -1
  50. package/lib/components/TableHeadWrapper.vue.d.ts +6 -1
  51. package/lib/components/TableRowWrapper.vue.d.ts +6 -1
  52. package/lib/components/TableWrapper.vue.d.ts +18 -19
  53. package/lib/components/TabsBarWrapper.vue.d.ts +25 -42
  54. package/lib/components/TabsItemWrapper.vue.d.ts +9 -8
  55. package/lib/components/TabsWrapper.vue.d.ts +26 -43
  56. package/lib/components/TagDismissibleWrapper.vue.d.ts +22 -30
  57. package/lib/components/TagWrapper.vue.d.ts +22 -30
  58. package/lib/components/TextFieldWrapperWrapper.vue.d.ts +31 -71
  59. package/lib/components/TextListItemWrapper.vue.d.ts +6 -1
  60. package/lib/components/TextListWrapper.vue.d.ts +22 -30
  61. package/lib/components/TextWrapper.vue.d.ts +28 -48
  62. package/lib/components/TextareaWrapperWrapper.vue.d.ts +25 -49
  63. package/lib/components/ToastWrapper.vue.d.ts +12 -12
  64. package/lib/components/WordmarkWrapper.vue.d.ts +19 -35
  65. package/lib/types.d.ts +210 -191
  66. 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(t) {
15
- const o = t, n = C("p-scroller"), e = s();
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(n)), {
21
+ }), (l, _) => (d(), f(i(u(t)), {
21
22
  ref_key: "pdsComponentRef",
22
23
  ref: e
23
24
  }, {
@@ -1,53 +1,35 @@
1
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
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 | undefined;
7
+ disabled?: boolean;
6
8
  /**
7
9
  * The icon shown.
8
10
  */
9
- icon?: import("../types").LinkButtonIconName | undefined;
11
+ icon?: SegmentedControlItemIcon;
10
12
  /**
11
13
  * A URL path to a custom icon.
12
14
  */
13
- iconSource?: string | undefined;
15
+ iconSource?: string;
14
16
  /**
15
17
  * The label text.
16
18
  */
17
- label?: string | undefined;
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: (_: {}) => any;
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
- import type { SegmentedControlUpdateEvent, Theme } from '../types';
2
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
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?: "background-surface" | "background-default" | undefined;
7
+ backgroundColor?: SegmentedControlBackgroundColor;
7
8
  /**
8
9
  * Adapts the segmented-control color depending on the theme.
9
10
  */
10
- theme?: "light" | "dark" | undefined;
11
+ theme?: Theme;
11
12
  /**
12
13
  * Sets the initial value of the segmented-control.
13
14
  */
14
- value?: string | number | undefined;
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: Theme;
28
+ theme: "light" | "dark";
41
29
  }>, {
42
- default: (_: {}) => any;
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
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
+ type PSelectWrapperProps = {
3
4
  /**
4
5
  * The description text.
5
6
  */
6
- description?: string | undefined;
7
+ description?: string;
7
8
  /**
8
9
  * Changes the direction to which the dropdown list appears.
9
10
  */
10
- dropdownDirection?: "auto" | "down" | "up" | undefined;
11
+ dropdownDirection?: SelectWrapperDropdownDirection;
11
12
  /**
12
13
  * Filters select options by typing a character
13
14
  */
14
- filter?: boolean | undefined;
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> | undefined;
19
+ hideLabel?: BreakpointCustomizable<boolean>;
19
20
  /**
20
21
  * The label text.
21
22
  */
22
- label?: string | undefined;
23
+ label?: string;
23
24
  /**
24
25
  * The message styled depending on validation state.
25
26
  */
26
- message?: string | undefined;
27
+ message?: string;
27
28
  /**
28
29
  * Forces rendering of native browser select dropdown
29
30
  */
30
- native?: boolean | undefined;
31
+ native?: boolean;
31
32
  /**
32
33
  * The validation state.
33
34
  */
34
- state?: "success" | "none" | "error" | undefined;
35
+ state?: SelectWrapperState;
35
36
  /**
36
37
  * Adapts the select color depending on the theme.
37
38
  */
38
- theme?: "light" | "dark" | undefined;
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: Theme;
64
+ theme: "light" | "dark";
100
65
  description: string;
101
- state: SelectWrapperState;
66
+ state: "success" | "none" | "error";
102
67
  hideLabel: BreakpointCustomizable<boolean>;
103
68
  message: string;
104
- dropdownDirection: SelectWrapperDropdownDirection;
69
+ dropdownDirection: "auto" | "down" | "up";
105
70
  native: boolean;
106
71
  }>, {
107
- default: (_: {}) => any;
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
- import type { SelectedAriaAttributes, BreakpointCustomizable, SpinnerSize, Theme } from '../types';
2
- declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
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<"aria-label"> | undefined;
7
+ aria?: SelectedAriaAttributes<SpinnerAriaAttribute>;
7
8
  /**
8
9
  * Size of the spinner.
9
10
  */
10
- size?: BreakpointCustomizable<"inherit" | "small" | "medium" | "large"> | undefined;
11
+ size?: BreakpointCustomizable<SpinnerSize>;
11
12
  /**
12
13
  * Adapts the spinner color depending on the theme.
13
14
  */
14
- theme?: "light" | "dark" | undefined;
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<SpinnerSize>;
36
- theme: 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
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
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 | undefined;
7
+ disabled?: boolean;
6
8
  /**
7
9
  * The validation state.
8
10
  */
9
- state?: "warning" | "current" | "complete" | undefined;
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: (_: {}) => any;
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
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
- size?: BreakpointCustomizable<"small" | "medium"> | undefined;
3
+ type PStepperHorizontalProps = {
4
+ size?: BreakpointCustomizable<StepperHorizontalSize>;
4
5
  /**
5
6
  * Adapts the tag color depending on the theme.
6
7
  */
7
- theme?: "light" | "dark" | undefined;
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<StepperHorizontalSize>;
29
- theme: Theme;
23
+ size: BreakpointCustomizable<"small" | "medium">;
24
+ theme: "light" | "dark";
30
25
  }>, {
31
- default: (_: {}) => any;
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
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
+ type PSwitchProps = {
3
4
  /**
4
5
  * Aligns the label.
5
6
  */
6
- alignLabel?: BreakpointCustomizable<"left" | "right"> | undefined;
7
+ alignLabel?: BreakpointCustomizable<SwitchAlignLabel>;
7
8
  /**
8
9
  * Visualize the switch with on/off status.
9
10
  */
10
- checked?: boolean | undefined;
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 | undefined;
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> | undefined;
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 | undefined;
23
+ loading?: boolean;
23
24
  /**
24
25
  * Stretches the contents to max available space.
25
26
  */
26
- stretch?: BreakpointCustomizable<boolean> | undefined;
27
+ stretch?: BreakpointCustomizable<boolean>;
27
28
  /**
28
29
  * Adapts the switch color depending on the theme.
29
30
  */
30
- theme?: "light" | "dark" | undefined;
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: Theme;
86
- alignLabel: BreakpointCustomizable<SwitchAlignLabel>;
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: (_: {}) => any;
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: (_: {}) => any;
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
+ };