@porsche-design-system/components-vue 3.0.0-alpha.3 → 3.0.0-alpha.4

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 (34) hide show
  1. package/CHANGELOG.md +83 -0
  2. package/lib/components/BannerWrapper.vue.d.ts +4 -2
  3. package/lib/components/ButtonTileWrapper.vue.d.ts +171 -0
  4. package/lib/components/ButtonTileWrapper.vue.js +40 -0
  5. package/lib/components/ButtonTileWrapper.vue2.js +4 -0
  6. package/lib/components/CarouselWrapper.vue.d.ts +16 -8
  7. package/lib/components/CarouselWrapper.vue.js +13 -12
  8. package/lib/components/DisplayWrapper.vue.d.ts +2 -2
  9. package/lib/components/FieldsetWrapper.vue.d.ts +95 -0
  10. package/lib/components/FieldsetWrapper.vue.js +32 -0
  11. package/lib/components/FieldsetWrapper.vue2.js +4 -0
  12. package/lib/components/FieldsetWrapperWrapper.vue.d.ts +2 -1
  13. package/lib/components/GridItemWrapper.vue.d.ts +4 -4
  14. package/lib/components/HeadingWrapper.vue.d.ts +2 -2
  15. package/lib/components/HeadlineWrapper.vue.d.ts +3 -3
  16. package/lib/components/IconWrapper.vue.d.ts +2 -2
  17. package/lib/components/LinkTileModelSignatureWrapper.vue.d.ts +106 -0
  18. package/lib/components/LinkTileModelSignatureWrapper.vue.js +33 -0
  19. package/lib/components/LinkTileModelSignatureWrapper.vue2.js +4 -0
  20. package/lib/components/LinkTileWrapper.vue.d.ts +3 -3
  21. package/lib/components/ModelSignatureWrapper.vue.d.ts +4 -4
  22. package/lib/components/PaginationWrapper.vue.d.ts +2 -2
  23. package/lib/components/PopoverWrapper.vue.d.ts +2 -2
  24. package/lib/components/ScrollerWrapper.vue.d.ts +11 -0
  25. package/lib/components/ScrollerWrapper.vue.js +11 -10
  26. package/lib/components/TableWrapper.vue.d.ts +23 -3
  27. package/lib/components/TableWrapper.vue.js +11 -10
  28. package/lib/components/TextWrapper.vue.d.ts +2 -2
  29. package/lib/components/index.d.ts +3 -0
  30. package/lib/types.d.ts +74 -43
  31. package/package.json +2 -2
  32. package/public-api.js +117 -111
  33. package/styles/_index.scss +1 -0
  34. package/styles/scss.scss +0 -1
@@ -8,7 +8,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
8
8
  /**
9
9
  * Basic text color variations depending on theme property.
10
10
  */
11
- color?: "default" | "primary" | "inherit" | undefined;
11
+ color?: "default" | "inherit" | "primary" | undefined;
12
12
  /**
13
13
  * Adds an ellipsis to a single line of text if it overflows.
14
14
  */
@@ -39,7 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
39
39
  /**
40
40
  * Basic text color variations depending on theme property.
41
41
  */
42
- color?: "default" | "primary" | "inherit" | undefined;
42
+ color?: "default" | "inherit" | "primary" | undefined;
43
43
  /**
44
44
  * Adds an ellipsis to a single line of text if it overflows.
45
45
  */
@@ -64,8 +64,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
64
64
  variant: string;
65
65
  }>>>, {
66
66
  theme: Theme;
67
- variant: HeadlineVariant;
68
67
  align: HeadlineAlign;
68
+ variant: HeadlineVariant;
69
69
  color: HeadlineColor;
70
70
  ellipsis: boolean;
71
71
  }>, {
@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
7
7
  /**
8
8
  * Basic color variations depending on theme property.
9
9
  */
10
- color?: "default" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "inherit" | "brand" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | "notification-neutral" | "state-disabled" | undefined;
10
+ color?: "default" | "inherit" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "brand" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | "notification-neutral" | "state-disabled" | undefined;
11
11
  /**
12
12
  * Has no effect anymore
13
13
  * @deprecated since v3.0.0, will be removed with next major release
@@ -43,7 +43,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
43
43
  /**
44
44
  * Basic color variations depending on theme property.
45
45
  */
46
- color?: "default" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "inherit" | "brand" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | "notification-neutral" | "state-disabled" | undefined;
46
+ color?: "default" | "inherit" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "brand" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | "notification-neutral" | "state-disabled" | undefined;
47
47
  /**
48
48
  * Has no effect anymore
49
49
  * @deprecated since v3.0.0, will be removed with next major release
@@ -0,0 +1,106 @@
1
+ import type { BreakpointCustomizable, LinkTileModelSignatureAspectRatio, LinkTileModelSignatureHeadingTag, LinkTileModelSignatureLinkDirection, LinkTileModelSignatureModel, LinkTileModelSignatureWeight } from '../types';
2
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
+ /**
4
+ * Aspect ratio of the link-tile-model-signature.
5
+ */
6
+ aspectRatio?: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16"> | undefined;
7
+ /**
8
+ * Description text.
9
+ */
10
+ description?: string | undefined;
11
+ /**
12
+ * Heading text.
13
+ */
14
+ heading: string;
15
+ /**
16
+ * Sets a custom headline tag which wraps the heading to enhance semantics.
17
+ */
18
+ headingTag?: "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
19
+ /**
20
+ * Defines the direction of the main and cross axis of the links. The default is '{base: ‘column’, xs: ‘row’}' showing buttons vertically stacked on mobile viewports and side-by-side in a horizontal row from breakpoint 'xs'.
21
+ */
22
+ linkDirection?: BreakpointCustomizable<"row" | "column"> | undefined;
23
+ /**
24
+ * Adapts the model of the component.
25
+ */
26
+ model?: "718" | "911" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo" | undefined;
27
+ /**
28
+ * Adapts the font weight of the heading.
29
+ */
30
+ weight?: BreakpointCustomizable<"regular" | "semi-bold"> | undefined;
31
+ }>, {
32
+ aspectRatio: string;
33
+ headingTag: string;
34
+ linkDirection: () => {
35
+ base: string;
36
+ xs: string;
37
+ };
38
+ model: string;
39
+ weight: string;
40
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
41
+ /**
42
+ * Aspect ratio of the link-tile-model-signature.
43
+ */
44
+ aspectRatio?: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16"> | undefined;
45
+ /**
46
+ * Description text.
47
+ */
48
+ description?: string | undefined;
49
+ /**
50
+ * Heading text.
51
+ */
52
+ heading: string;
53
+ /**
54
+ * Sets a custom headline tag which wraps the heading to enhance semantics.
55
+ */
56
+ headingTag?: "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
57
+ /**
58
+ * Defines the direction of the main and cross axis of the links. The default is '{base: ‘column’, xs: ‘row’}' showing buttons vertically stacked on mobile viewports and side-by-side in a horizontal row from breakpoint 'xs'.
59
+ */
60
+ linkDirection?: BreakpointCustomizable<"row" | "column"> | undefined;
61
+ /**
62
+ * Adapts the model of the component.
63
+ */
64
+ model?: "718" | "911" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo" | undefined;
65
+ /**
66
+ * Adapts the font weight of the heading.
67
+ */
68
+ weight?: BreakpointCustomizable<"regular" | "semi-bold"> | undefined;
69
+ }>, {
70
+ aspectRatio: string;
71
+ headingTag: string;
72
+ linkDirection: () => {
73
+ base: string;
74
+ xs: string;
75
+ };
76
+ model: string;
77
+ weight: string;
78
+ }>>>, {
79
+ weight: BreakpointCustomizable<LinkTileModelSignatureWeight>;
80
+ aspectRatio: BreakpointCustomizable<LinkTileModelSignatureAspectRatio>;
81
+ headingTag: LinkTileModelSignatureHeadingTag;
82
+ linkDirection: BreakpointCustomizable<LinkTileModelSignatureLinkDirection>;
83
+ model: LinkTileModelSignatureModel;
84
+ }>, {
85
+ default: (_: {}) => any;
86
+ }>;
87
+ export default _default;
88
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
89
+ type __VLS_TypePropsToRuntimeProps<T> = {
90
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
91
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
92
+ } : {
93
+ type: import('vue').PropType<T[K]>;
94
+ required: true;
95
+ };
96
+ };
97
+ type __VLS_WithDefaults<P, D> = {
98
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
99
+ default: D[K];
100
+ } : P[K];
101
+ };
102
+ type __VLS_WithTemplateSlots<T, S> = T & {
103
+ new (): {
104
+ $slots: S;
105
+ };
106
+ };
@@ -0,0 +1,33 @@
1
+ import { defineComponent as l, ref as i, onMounted as d, onUpdated as p, openBlock as s, createBlock as u, resolveDynamicComponent as f, unref as m, withCtx as c, renderSlot as g } from "vue";
2
+ import { getPrefixedTagName as _, syncProperties as t } from "../../utils.js";
3
+ const w = /* @__PURE__ */ l({
4
+ __name: "LinkTileModelSignatureWrapper",
5
+ props: {
6
+ aspectRatio: { default: "3:4" },
7
+ description: null,
8
+ heading: null,
9
+ headingTag: { default: "h2" },
10
+ linkDirection: { default: () => ({ base: "column", xs: "row" }) },
11
+ model: { default: "911" },
12
+ weight: { default: "semi-bold" }
13
+ },
14
+ setup(n) {
15
+ const o = n, a = _("p-link-tile-model-signature"), e = i();
16
+ return d(() => {
17
+ t(e.value, o);
18
+ }), p(() => {
19
+ t(e.value, o);
20
+ }), (r, h) => (s(), u(f(m(a)), {
21
+ ref_key: "pdsComponentRef",
22
+ ref: e
23
+ }, {
24
+ default: c(() => [
25
+ g(r.$slots, "default")
26
+ ]),
27
+ _: 3
28
+ }, 512));
29
+ }
30
+ });
31
+ export {
32
+ w as default
33
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./LinkTileModelSignatureWrapper.vue.js";
2
+ export {
3
+ f as default
4
+ };
@@ -13,7 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
13
13
  */
14
14
  aspectRatio?: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16"> | undefined;
15
15
  /**
16
- * Displays the tile-link as compact version with description and link icon only.
16
+ * Displays the link-tile as compact version with description and link icon only.
17
17
  */
18
18
  compact?: BreakpointCustomizable<boolean> | undefined;
19
19
  /**
@@ -74,7 +74,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
74
74
  */
75
75
  aspectRatio?: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16"> | undefined;
76
76
  /**
77
- * Displays the tile-link as compact version with description and link icon only.
77
+ * Displays the link-tile as compact version with description and link icon only.
78
78
  */
79
79
  compact?: BreakpointCustomizable<boolean> | undefined;
80
80
  /**
@@ -126,9 +126,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
126
126
  compact: BreakpointCustomizable<boolean>;
127
127
  size: BreakpointCustomizable<LinkTileSize>;
128
128
  align: LinkTileAlign;
129
- target: LinkTileTarget;
130
129
  aspectRatio: BreakpointCustomizable<LinkTileAspectRatio>;
131
130
  gradient: boolean;
131
+ target: LinkTileTarget;
132
132
  }>, {
133
133
  default: (_: {}) => any;
134
134
  }>;
@@ -3,11 +3,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
3
3
  /**
4
4
  * Adapts the color of the component.
5
5
  */
6
- color?: "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | "inherit" | undefined;
6
+ color?: "inherit" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | undefined;
7
7
  /**
8
8
  * Adapts the model of the component.
9
9
  */
10
- model?: "911" | "718" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo" | undefined;
10
+ model?: "718" | "911" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo" | undefined;
11
11
  /**
12
12
  * Adapts the size of the component.
13
13
  */
@@ -25,11 +25,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
25
25
  /**
26
26
  * Adapts the color of the component.
27
27
  */
28
- color?: "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | "inherit" | undefined;
28
+ color?: "inherit" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | undefined;
29
29
  /**
30
30
  * Adapts the model of the component.
31
31
  */
32
- model?: "911" | "718" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo" | undefined;
32
+ model?: "718" | "911" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo" | undefined;
33
33
  /**
34
34
  * Adapts the size of the component.
35
35
  */
@@ -31,7 +31,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
31
31
  /**
32
32
  * The maximum number of page links rendered
33
33
  */
34
- maxNumberOfPageLinks?: BreakpointCustomizable<7 | 5> | undefined;
34
+ maxNumberOfPageLinks?: BreakpointCustomizable<5 | 7> | undefined;
35
35
  /**
36
36
  * Adapts the color when used on dark background.
37
37
  */
@@ -91,7 +91,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
91
91
  /**
92
92
  * The maximum number of page links rendered
93
93
  */
94
- maxNumberOfPageLinks?: BreakpointCustomizable<7 | 5> | undefined;
94
+ maxNumberOfPageLinks?: BreakpointCustomizable<5 | 7> | undefined;
95
95
  /**
96
96
  * Adapts the color when used on dark background.
97
97
  */
@@ -11,7 +11,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
11
11
  /**
12
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
13
  */
14
- direction?: "top" | "left" | "right" | "bottom" | undefined;
14
+ direction?: "top" | "bottom" | "left" | "right" | undefined;
15
15
  /**
16
16
  * Adapts the popover color depending on the theme.
17
17
  */
@@ -31,7 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
31
31
  /**
32
32
  * 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.
33
33
  */
34
- direction?: "top" | "left" | "right" | "bottom" | undefined;
34
+ direction?: "top" | "bottom" | "left" | "right" | undefined;
35
35
  /**
36
36
  * Adapts the popover color depending on the theme.
37
37
  */
@@ -20,6 +20,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
20
20
  * Scrolls the scroll area to the left either smooth or immediately
21
21
  */
22
22
  scrollToPosition?: ScrollerScrollToPosition | undefined;
23
+ /**
24
+ * Specifies if scrollbar should be shown
25
+ */
26
+ scrollbar?: boolean | undefined;
23
27
  /**
24
28
  * Adapts the color when used on dark background.
25
29
  */
@@ -27,6 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
27
31
  }>, {
28
32
  alignScrollIndicator: string;
29
33
  gradientColor: string;
34
+ scrollbar: boolean;
30
35
  theme: string;
31
36
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
32
37
  /**
@@ -49,6 +54,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
49
54
  * Scrolls the scroll area to the left either smooth or immediately
50
55
  */
51
56
  scrollToPosition?: ScrollerScrollToPosition | undefined;
57
+ /**
58
+ * Specifies if scrollbar should be shown
59
+ */
60
+ scrollbar?: boolean | undefined;
52
61
  /**
53
62
  * Adapts the color when used on dark background.
54
63
  */
@@ -56,11 +65,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
56
65
  }>, {
57
66
  alignScrollIndicator: string;
58
67
  gradientColor: string;
68
+ scrollbar: boolean;
59
69
  theme: string;
60
70
  }>>>, {
61
71
  theme: Theme;
62
72
  alignScrollIndicator: ScrollerAlignScrollIndicator;
63
73
  gradientColor: ScrollerGradientColor;
74
+ scrollbar: boolean;
64
75
  }>, {
65
76
  default: (_: {}) => any;
66
77
  }>;
@@ -1,6 +1,6 @@
1
- import { defineComponent as a, ref as c, onMounted as s, onUpdated as p, openBlock as d, createBlock as i, resolveDynamicComponent as f, unref as u, withCtx as m, renderSlot as g } from "vue";
2
- import { getPrefixedTagName as C, syncProperties as n } from "../../utils.js";
3
- const P = /* @__PURE__ */ a({
1
+ import { defineComponent as a, ref as s, onMounted as c, onUpdated as p, openBlock as d, createBlock as f, resolveDynamicComponent as i, unref as u, withCtx as m, renderSlot as g } from "vue";
2
+ import { getPrefixedTagName as C, syncProperties as r } from "../../utils.js";
3
+ const k = /* @__PURE__ */ a({
4
4
  __name: "ScrollerWrapper",
5
5
  props: {
6
6
  alignScrollIndicator: { default: "center" },
@@ -8,15 +8,16 @@ const P = /* @__PURE__ */ a({
8
8
  gradientColorScheme: null,
9
9
  scrollIndicatorPosition: null,
10
10
  scrollToPosition: null,
11
+ scrollbar: { type: Boolean, default: !1 },
11
12
  theme: { default: "light" }
12
13
  },
13
- setup(r) {
14
- const o = r, t = C("p-scroller"), e = c();
15
- return s(() => {
16
- n(e.value, o);
14
+ setup(t) {
15
+ const o = t, n = C("p-scroller"), e = s();
16
+ return c(() => {
17
+ r(e.value, o);
17
18
  }), p(() => {
18
- n(e.value, o);
19
- }), (l, _) => (d(), i(f(u(t)), {
19
+ r(e.value, o);
20
+ }), (l, _) => (d(), f(i(u(n)), {
20
21
  ref_key: "pdsComponentRef",
21
22
  ref: e
22
23
  }, {
@@ -28,5 +29,5 @@ const P = /* @__PURE__ */ a({
28
29
  }
29
30
  });
30
31
  export {
31
- P as default
32
+ k as default
32
33
  };
@@ -1,21 +1,36 @@
1
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
1
+ import type { Theme } from '../types';
2
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
3
  /**
3
4
  * A caption describing the contents of the table for accessibility only. This won't be visible in the browser. Use an element with an attribute of `slot="caption"` for a visible caption.
4
5
  */
5
6
  caption?: string | undefined;
7
+ /**
8
+ * Adapts the color when used on dark background.
9
+ */
10
+ theme?: "light" | "dark" | undefined;
11
+ }>, {
12
+ theme: string;
6
13
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
7
14
  change: (value: import("../types").TableHeadCellSort) => void;
8
15
  } & {
9
16
  sortingChange: (value: import("../types").TableHeadCellSort) => void;
10
- }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
17
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
11
18
  /**
12
19
  * A caption describing the contents of the table for accessibility only. This won't be visible in the browser. Use an element with an attribute of `slot="caption"` for a visible caption.
13
20
  */
14
21
  caption?: string | undefined;
22
+ /**
23
+ * Adapts the color when used on dark background.
24
+ */
25
+ theme?: "light" | "dark" | undefined;
26
+ }>, {
27
+ theme: string;
15
28
  }>>> & {
16
29
  onChange?: ((value: import("../types").TableHeadCellSort) => any) | undefined;
17
30
  onSortingChange?: ((value: import("../types").TableHeadCellSort) => any) | undefined;
18
- }, {}>, {
31
+ }, {
32
+ theme: Theme;
33
+ }>, {
19
34
  default: (_: {}) => any;
20
35
  }>;
21
36
  export default _default;
@@ -28,6 +43,11 @@ type __VLS_TypePropsToRuntimeProps<T> = {
28
43
  required: true;
29
44
  };
30
45
  };
46
+ type __VLS_WithDefaults<P, D> = {
47
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
48
+ default: D[K];
49
+ } : P[K];
50
+ };
31
51
  type __VLS_WithTemplateSlots<T, S> = T & {
32
52
  new (): {
33
53
  $slots: S;
@@ -1,23 +1,24 @@
1
- import { defineComponent as l, ref as c, onMounted as f, onUpdated as m, openBlock as d, createBlock as u, resolveDynamicComponent as i, unref as g, withCtx as C, renderSlot as _ } from "vue";
2
- import { getPrefixedTagName as h, syncProperties as t, addEventListenerToElementRef as r } from "../../utils.js";
1
+ import { defineComponent as l, ref as f, onMounted as c, onUpdated as m, openBlock as d, createBlock as u, resolveDynamicComponent as i, unref as g, withCtx as h, renderSlot as C } from "vue";
2
+ import { getPrefixedTagName as _, syncProperties as o, addEventListenerToElementRef as a } from "../../utils.js";
3
3
  const k = /* @__PURE__ */ l({
4
4
  __name: "TableWrapper",
5
5
  props: {
6
- caption: null
6
+ caption: null,
7
+ theme: { default: "light" }
7
8
  },
8
9
  emits: ["change", "sortingChange"],
9
- setup(a, { emit: n }) {
10
- const o = a, p = h("p-table"), e = c();
11
- return f(() => {
12
- t(e.value, o), r(e.value, "change", n), r(e.value, "sortingChange", n);
10
+ setup(r, { emit: n }) {
11
+ const t = r, p = _("p-table"), e = f();
12
+ return c(() => {
13
+ o(e.value, t), a(e.value, "change", n), a(e.value, "sortingChange", n);
13
14
  }), m(() => {
14
- t(e.value, o);
15
+ o(e.value, t);
15
16
  }), (s, v) => (d(), u(i(g(p)), {
16
17
  ref_key: "pdsComponentRef",
17
18
  ref: e
18
19
  }, {
19
- default: C(() => [
20
- _(s.$slots, "default")
20
+ default: h(() => [
21
+ C(s.$slots, "default")
21
22
  ]),
22
23
  _: 3
23
24
  }, 512));
@@ -7,7 +7,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
7
7
  /**
8
8
  * Basic text color variations depending on theme property.
9
9
  */
10
- color?: "default" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "inherit" | "brand" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | "notification-neutral" | undefined;
10
+ color?: "default" | "inherit" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "brand" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | "notification-neutral" | undefined;
11
11
  /**
12
12
  * Adds an ellipsis to a single line of text if it overflows.
13
13
  */
@@ -44,7 +44,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
44
44
  /**
45
45
  * Basic text color variations depending on theme property.
46
46
  */
47
- color?: "default" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "inherit" | "brand" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | "notification-neutral" | undefined;
47
+ color?: "default" | "inherit" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "brand" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | "notification-neutral" | undefined;
48
48
  /**
49
49
  * Adds an ellipsis to a single line of text if it overflows.
50
50
  */
@@ -3,11 +3,13 @@ export { default as PBanner } from './BannerWrapper.vue';
3
3
  export { default as PButton } from './ButtonWrapper.vue';
4
4
  export { default as PButtonGroup } from './ButtonGroupWrapper.vue';
5
5
  export { default as PButtonPure } from './ButtonPureWrapper.vue';
6
+ export { default as PButtonTile } from './ButtonTileWrapper.vue';
6
7
  export { default as PCarousel } from './CarouselWrapper.vue';
7
8
  export { default as PCheckboxWrapper } from './CheckboxWrapperWrapper.vue';
8
9
  export { default as PContentWrapper } from './ContentWrapperWrapper.vue';
9
10
  export { default as PDisplay } from './DisplayWrapper.vue';
10
11
  export { default as PDivider } from './DividerWrapper.vue';
12
+ export { default as PFieldset } from './FieldsetWrapper.vue';
11
13
  export { default as PFieldsetWrapper } from './FieldsetWrapperWrapper.vue';
12
14
  export { default as PFlex } from './FlexWrapper.vue';
13
15
  export { default as PFlexItem } from './FlexItemWrapper.vue';
@@ -21,6 +23,7 @@ export { default as PLink } from './LinkWrapper.vue';
21
23
  export { default as PLinkPure } from './LinkPureWrapper.vue';
22
24
  export { default as PLinkSocial } from './LinkSocialWrapper.vue';
23
25
  export { default as PLinkTile } from './LinkTileWrapper.vue';
26
+ export { default as PLinkTileModelSignature } from './LinkTileModelSignatureWrapper.vue';
24
27
  export { default as PMarque } from './MarqueWrapper.vue';
25
28
  export { default as PModal } from './ModalWrapper.vue';
26
29
  export { default as PModelSignature } from './ModelSignatureWrapper.vue';