@porsche-design-system/components-vue 3.8.0-rc.0 → 3.9.0-rc.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.
Files changed (196) hide show
  1. package/CHANGELOG.md +45 -1
  2. package/cjs/PorscheDesignSystemProvider.vue.cjs +1 -1
  3. package/cjs/lib/components/AccordionWrapper.vue.cjs +1 -1
  4. package/cjs/lib/components/BannerWrapper.vue.cjs +1 -1
  5. package/cjs/lib/components/ButtonGroupWrapper.vue.cjs +1 -1
  6. package/cjs/lib/components/ButtonPureWrapper.vue.cjs +1 -1
  7. package/cjs/lib/components/ButtonTileWrapper.vue.cjs +1 -1
  8. package/cjs/lib/components/ButtonWrapper.vue.cjs +1 -1
  9. package/cjs/lib/components/CarouselWrapper.vue.cjs +1 -1
  10. package/cjs/lib/components/CheckboxWrapperWrapper.vue.cjs +1 -1
  11. package/cjs/lib/components/ContentWrapperWrapper.vue.cjs +1 -1
  12. package/cjs/lib/components/CrestWrapper.vue.cjs +1 -1
  13. package/cjs/lib/components/DisplayWrapper.vue.cjs +1 -1
  14. package/cjs/lib/components/DividerWrapper.vue.cjs +1 -1
  15. package/cjs/lib/components/FieldsetWrapper.vue.cjs +1 -1
  16. package/cjs/lib/components/FieldsetWrapperWrapper.vue.cjs +1 -1
  17. package/cjs/lib/components/FlexItemWrapper.vue.cjs +1 -1
  18. package/cjs/lib/components/FlexWrapper.vue.cjs +1 -1
  19. package/cjs/lib/components/FlyoutWrapper.vue.cjs +1 -1
  20. package/cjs/lib/components/GridItemWrapper.vue.cjs +1 -1
  21. package/cjs/lib/components/GridWrapper.vue.cjs +1 -1
  22. package/cjs/lib/components/HeadingWrapper.vue.cjs +1 -1
  23. package/cjs/lib/components/HeadlineWrapper.vue.cjs +1 -1
  24. package/cjs/lib/components/IconWrapper.vue.cjs +1 -1
  25. package/cjs/lib/components/InlineNotificationWrapper.vue.cjs +1 -1
  26. package/cjs/lib/components/LinkPureWrapper.vue.cjs +1 -1
  27. package/cjs/lib/components/LinkSocialWrapper.vue.cjs +1 -1
  28. package/cjs/lib/components/LinkTileModelSignatureWrapper.vue.cjs +1 -1
  29. package/cjs/lib/components/LinkTileWrapper.vue.cjs +1 -1
  30. package/cjs/lib/components/LinkWrapper.vue.cjs +1 -1
  31. package/cjs/lib/components/MarqueWrapper.vue.cjs +1 -1
  32. package/cjs/lib/components/ModalWrapper.vue.cjs +1 -1
  33. package/cjs/lib/components/ModelSignatureWrapper.vue.cjs +1 -1
  34. package/cjs/lib/components/MultiSelectOptionWrapper.vue.cjs +1 -1
  35. package/cjs/lib/components/MultiSelectWrapper.vue.cjs +1 -1
  36. package/cjs/lib/components/PaginationWrapper.vue.cjs +1 -1
  37. package/cjs/lib/components/PinCodeWrapper.vue.cjs +1 -1
  38. package/cjs/lib/components/PopoverWrapper.vue.cjs +1 -1
  39. package/cjs/lib/components/RadioButtonWrapperWrapper.vue.cjs +1 -1
  40. package/cjs/lib/components/ScrollerWrapper.vue.cjs +1 -1
  41. package/cjs/lib/components/SegmentedControlItemWrapper.vue.cjs +1 -1
  42. package/cjs/lib/components/SegmentedControlWrapper.vue.cjs +1 -1
  43. package/cjs/lib/components/SelectWrapperWrapper.vue.cjs +1 -1
  44. package/cjs/lib/components/SpinnerWrapper.vue.cjs +1 -1
  45. package/cjs/lib/components/StepperHorizontalItemWrapper.vue.cjs +1 -1
  46. package/cjs/lib/components/StepperHorizontalWrapper.vue.cjs +1 -1
  47. package/cjs/lib/components/SwitchWrapper.vue.cjs +1 -1
  48. package/cjs/lib/components/TableBodyWrapper.vue.cjs +1 -1
  49. package/cjs/lib/components/TableCellWrapper.vue.cjs +1 -1
  50. package/cjs/lib/components/TableHeadCellWrapper.vue.cjs +1 -1
  51. package/cjs/lib/components/TableHeadRowWrapper.vue.cjs +1 -1
  52. package/cjs/lib/components/TableHeadWrapper.vue.cjs +1 -1
  53. package/cjs/lib/components/TableRowWrapper.vue.cjs +1 -1
  54. package/cjs/lib/components/TableWrapper.vue.cjs +1 -1
  55. package/cjs/lib/components/TabsBarWrapper.vue.cjs +1 -1
  56. package/cjs/lib/components/TabsItemWrapper.vue.cjs +1 -1
  57. package/cjs/lib/components/TabsWrapper.vue.cjs +1 -1
  58. package/cjs/lib/components/TagDismissibleWrapper.vue.cjs +1 -1
  59. package/cjs/lib/components/TagWrapper.vue.cjs +1 -1
  60. package/cjs/lib/components/TextFieldWrapperWrapper.vue.cjs +1 -1
  61. package/cjs/lib/components/TextListItemWrapper.vue.cjs +1 -1
  62. package/cjs/lib/components/TextListWrapper.vue.cjs +1 -1
  63. package/cjs/lib/components/TextWrapper.vue.cjs +1 -1
  64. package/cjs/lib/components/TextareaWrapperWrapper.vue.cjs +1 -1
  65. package/cjs/lib/components/ToastWrapper.vue.cjs +1 -1
  66. package/cjs/lib/components/WordmarkWrapper.vue.cjs +1 -1
  67. package/cjs/utils.cjs +1 -1
  68. package/esm/PorscheDesignSystemProvider.vue.d.ts +31 -17
  69. package/esm/PorscheDesignSystemProvider.vue.mjs +11 -8
  70. package/esm/lib/components/AccordionWrapper.vue.d.ts +52 -48
  71. package/esm/lib/components/AccordionWrapper.vue.mjs +14 -14
  72. package/esm/lib/components/BannerWrapper.vue.d.ts +67 -67
  73. package/esm/lib/components/BannerWrapper.vue.mjs +14 -14
  74. package/esm/lib/components/ButtonGroupWrapper.vue.d.ts +33 -16
  75. package/esm/lib/components/ButtonGroupWrapper.vue.mjs +7 -11
  76. package/esm/lib/components/ButtonPureWrapper.vue.d.ts +104 -105
  77. package/esm/lib/components/ButtonPureWrapper.vue.mjs +15 -15
  78. package/esm/lib/components/ButtonTileWrapper.vue.d.ts +105 -120
  79. package/esm/lib/components/ButtonTileWrapper.vue.mjs +7 -11
  80. package/esm/lib/components/ButtonWrapper.vue.d.ts +79 -73
  81. package/esm/lib/components/ButtonWrapper.vue.mjs +15 -15
  82. package/esm/lib/components/CarouselWrapper.vue.d.ts +89 -98
  83. package/esm/lib/components/CarouselWrapper.vue.mjs +14 -14
  84. package/esm/lib/components/CheckboxWrapperWrapper.vue.d.ts +57 -53
  85. package/esm/lib/components/CheckboxWrapperWrapper.vue.mjs +13 -15
  86. package/esm/lib/components/ContentWrapperWrapper.vue.d.ts +41 -28
  87. package/esm/lib/components/ContentWrapperWrapper.vue.mjs +13 -15
  88. package/esm/lib/components/CrestWrapper.vue.d.ts +37 -24
  89. package/esm/lib/components/CrestWrapper.vue.mjs +7 -11
  90. package/esm/lib/components/DisplayWrapper.vue.d.ts +55 -51
  91. package/esm/lib/components/DisplayWrapper.vue.mjs +12 -14
  92. package/esm/lib/components/DividerWrapper.vue.d.ts +43 -35
  93. package/esm/lib/components/DividerWrapper.vue.mjs +11 -13
  94. package/esm/lib/components/FieldsetWrapper.vue.d.ts +57 -52
  95. package/esm/lib/components/FieldsetWrapper.vue.mjs +13 -15
  96. package/esm/lib/components/FieldsetWrapperWrapper.vue.d.ts +57 -52
  97. package/esm/lib/components/FieldsetWrapperWrapper.vue.mjs +13 -15
  98. package/esm/lib/components/FlexItemWrapper.vue.d.ts +59 -52
  99. package/esm/lib/components/FlexItemWrapper.vue.mjs +9 -13
  100. package/esm/lib/components/FlexWrapper.vue.d.ts +59 -52
  101. package/esm/lib/components/FlexWrapper.vue.mjs +8 -12
  102. package/esm/lib/components/FlyoutWrapper.vue.d.ts +44 -38
  103. package/esm/lib/components/FlyoutWrapper.vue.mjs +13 -13
  104. package/esm/lib/components/GridItemWrapper.vue.d.ts +35 -20
  105. package/esm/lib/components/GridItemWrapper.vue.mjs +8 -12
  106. package/esm/lib/components/GridWrapper.vue.d.ts +48 -34
  107. package/esm/lib/components/GridWrapper.vue.mjs +8 -12
  108. package/esm/lib/components/HeadingWrapper.vue.d.ts +55 -51
  109. package/esm/lib/components/HeadingWrapper.vue.mjs +13 -15
  110. package/esm/lib/components/HeadlineWrapper.vue.d.ts +55 -51
  111. package/esm/lib/components/HeadlineWrapper.vue.mjs +13 -15
  112. package/esm/lib/components/IconWrapper.vue.d.ts +59 -56
  113. package/esm/lib/components/IconWrapper.vue.mjs +11 -13
  114. package/esm/lib/components/InlineNotificationWrapper.vue.d.ts +72 -73
  115. package/esm/lib/components/InlineNotificationWrapper.vue.mjs +14 -14
  116. package/esm/lib/components/LinkPureWrapper.vue.d.ts +102 -115
  117. package/esm/lib/components/LinkPureWrapper.vue.mjs +13 -15
  118. package/esm/lib/components/LinkSocialWrapper.vue.d.ts +55 -53
  119. package/esm/lib/components/LinkSocialWrapper.vue.mjs +13 -15
  120. package/esm/lib/components/LinkTileModelSignatureWrapper.vue.d.ts +65 -62
  121. package/esm/lib/components/LinkTileModelSignatureWrapper.vue.mjs +9 -13
  122. package/esm/lib/components/LinkTileWrapper.vue.d.ts +95 -110
  123. package/esm/lib/components/LinkTileWrapper.vue.mjs +6 -10
  124. package/esm/lib/components/LinkWrapper.vue.d.ts +71 -75
  125. package/esm/lib/components/LinkWrapper.vue.mjs +13 -15
  126. package/esm/lib/components/MarqueWrapper.vue.d.ts +55 -48
  127. package/esm/lib/components/MarqueWrapper.vue.mjs +6 -10
  128. package/esm/lib/components/ModalWrapper.vue.d.ts +65 -66
  129. package/esm/lib/components/ModalWrapper.vue.mjs +14 -14
  130. package/esm/lib/components/ModelSignatureWrapper.vue.d.ts +45 -36
  131. package/esm/lib/components/ModelSignatureWrapper.vue.mjs +11 -13
  132. package/esm/lib/components/MultiSelectOptionWrapper.vue.d.ts +32 -19
  133. package/esm/lib/components/MultiSelectOptionWrapper.vue.mjs +8 -12
  134. package/esm/lib/components/MultiSelectWrapper.vue.d.ts +87 -95
  135. package/esm/lib/components/MultiSelectWrapper.vue.mjs +14 -14
  136. package/esm/lib/components/PaginationWrapper.vue.d.ts +92 -102
  137. package/esm/lib/components/PaginationWrapper.vue.mjs +12 -12
  138. package/esm/lib/components/PinCodeWrapper.vue.d.ts +100 -110
  139. package/esm/lib/components/PinCodeWrapper.vue.mjs +14 -14
  140. package/esm/lib/components/PopoverWrapper.vue.d.ts +41 -33
  141. package/esm/lib/components/PopoverWrapper.vue.mjs +13 -15
  142. package/esm/lib/components/RadioButtonWrapperWrapper.vue.d.ts +57 -53
  143. package/esm/lib/components/RadioButtonWrapperWrapper.vue.mjs +13 -15
  144. package/esm/lib/components/ScrollerWrapper.vue.d.ts +61 -61
  145. package/esm/lib/components/ScrollerWrapper.vue.mjs +13 -15
  146. package/esm/lib/components/SegmentedControlItemWrapper.vue.d.ts +45 -37
  147. package/esm/lib/components/SegmentedControlItemWrapper.vue.mjs +8 -12
  148. package/esm/lib/components/SegmentedControlWrapper.vue.d.ts +42 -34
  149. package/esm/lib/components/SegmentedControlWrapper.vue.mjs +14 -14
  150. package/esm/lib/components/SelectWrapperWrapper.vue.d.ts +75 -77
  151. package/esm/lib/components/SelectWrapperWrapper.vue.mjs +13 -15
  152. package/esm/lib/components/SpinnerWrapper.vue.d.ts +37 -27
  153. package/esm/lib/components/SpinnerWrapper.vue.mjs +11 -13
  154. package/esm/lib/components/StepperHorizontalItemWrapper.vue.d.ts +33 -17
  155. package/esm/lib/components/StepperHorizontalItemWrapper.vue.mjs +7 -11
  156. package/esm/lib/components/StepperHorizontalWrapper.vue.d.ts +31 -22
  157. package/esm/lib/components/StepperHorizontalWrapper.vue.mjs +14 -14
  158. package/esm/lib/components/SwitchWrapper.vue.d.ts +64 -62
  159. package/esm/lib/components/SwitchWrapper.vue.mjs +14 -14
  160. package/esm/lib/components/TableBodyWrapper.vue.mjs +6 -6
  161. package/esm/lib/components/TableCellWrapper.vue.d.ts +28 -11
  162. package/esm/lib/components/TableCellWrapper.vue.mjs +6 -10
  163. package/esm/lib/components/TableHeadCellWrapper.vue.d.ts +38 -25
  164. package/esm/lib/components/TableHeadCellWrapper.vue.mjs +8 -12
  165. package/esm/lib/components/TableHeadRowWrapper.vue.mjs +6 -6
  166. package/esm/lib/components/TableHeadWrapper.vue.mjs +8 -8
  167. package/esm/lib/components/TableRowWrapper.vue.mjs +4 -4
  168. package/esm/lib/components/TableWrapper.vue.d.ts +23 -21
  169. package/esm/lib/components/TableWrapper.vue.mjs +14 -14
  170. package/esm/lib/components/TabsBarWrapper.vue.d.ts +54 -50
  171. package/esm/lib/components/TabsBarWrapper.vue.mjs +13 -13
  172. package/esm/lib/components/TabsItemWrapper.vue.d.ts +16 -11
  173. package/esm/lib/components/TabsItemWrapper.vue.mjs +8 -12
  174. package/esm/lib/components/TabsWrapper.vue.d.ts +56 -52
  175. package/esm/lib/components/TabsWrapper.vue.mjs +13 -13
  176. package/esm/lib/components/TagDismissibleWrapper.vue.d.ts +41 -33
  177. package/esm/lib/components/TagDismissibleWrapper.vue.mjs +13 -15
  178. package/esm/lib/components/TagWrapper.vue.d.ts +41 -32
  179. package/esm/lib/components/TagWrapper.vue.mjs +13 -15
  180. package/esm/lib/components/TextFieldWrapperWrapper.vue.d.ts +96 -106
  181. package/esm/lib/components/TextFieldWrapperWrapper.vue.mjs +14 -14
  182. package/esm/lib/components/TextListItemWrapper.vue.mjs +6 -6
  183. package/esm/lib/components/TextListWrapper.vue.d.ts +41 -32
  184. package/esm/lib/components/TextListWrapper.vue.mjs +13 -15
  185. package/esm/lib/components/TextWrapper.vue.d.ts +63 -61
  186. package/esm/lib/components/TextWrapper.vue.mjs +13 -15
  187. package/esm/lib/components/TextareaWrapperWrapper.vue.d.ts +67 -67
  188. package/esm/lib/components/TextareaWrapperWrapper.vue.mjs +13 -15
  189. package/esm/lib/components/ToastWrapper.vue.d.ts +17 -13
  190. package/esm/lib/components/ToastWrapper.vue.mjs +11 -13
  191. package/esm/lib/components/WordmarkWrapper.vue.d.ts +47 -41
  192. package/esm/lib/components/WordmarkWrapper.vue.mjs +11 -13
  193. package/esm/lib/types.d.ts +15 -0
  194. package/esm/utils.d.ts +5 -4
  195. package/esm/utils.mjs +12 -10
  196. package/package.json +2 -2
@@ -1,41 +1,49 @@
1
- import type { SelectedAriaAttributes } from '../types';
2
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
3
- theme: {
4
- type: import("vue").PropType<"light" | "dark" | "auto">;
5
- default: string;
6
- };
7
- description: {
8
- type: import("vue").PropType<string>;
9
- };
10
- direction: {
11
- type: import("vue").PropType<"top" | "bottom" | "left" | "right">;
12
- default: string;
13
- };
14
- aria: {
15
- type: import("vue").PropType<SelectedAriaAttributes<"aria-label">>;
16
- };
17
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
18
- theme: {
19
- type: import("vue").PropType<"light" | "dark" | "auto">;
20
- default: string;
21
- };
22
- description: {
23
- type: import("vue").PropType<string>;
24
- };
25
- direction: {
26
- type: import("vue").PropType<"top" | "bottom" | "left" | "right">;
27
- default: string;
28
- };
29
- aria: {
30
- type: import("vue").PropType<SelectedAriaAttributes<"aria-label">>;
31
- };
32
- }>>, {
33
- theme: "light" | "dark" | "auto";
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_TypePropsToRuntimeProps<PPopoverProps>, {
21
+ direction: string;
22
+ }>, {}, 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<PPopoverProps>, {
23
+ direction: string;
24
+ }>>>, {
34
25
  direction: "top" | "bottom" | "left" | "right";
35
26
  }, {}>, {
36
27
  default?(_: {}): any;
37
28
  }>;
38
29
  export default _default;
30
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
31
+ type __VLS_TypePropsToRuntimeProps<T> = {
32
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
33
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
34
+ } : {
35
+ type: import('vue').PropType<T[K]>;
36
+ required: true;
37
+ };
38
+ };
39
+ type __VLS_WithDefaults<P, D> = {
40
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
41
+ default: D[K];
42
+ }> : P[K];
43
+ };
44
+ type __VLS_Prettify<T> = {
45
+ [K in keyof T]: T[K];
46
+ } & {};
39
47
  type __VLS_WithTemplateSlots<T, S> = T & {
40
48
  new (): {
41
49
  $slots: S;
@@ -1,30 +1,28 @@
1
- import { defineComponent as a, ref as s, onMounted as f, onUpdated as d, openBlock as m, createBlock as c, resolveDynamicComponent as i, unref as l, withCtx as u, renderSlot as _ } from "vue";
2
- import { getPrefixedTagName as C, syncProperties as t } from "../../utils.mjs";
3
- const k = /* @__PURE__ */ a({
1
+ import { defineComponent as m, ref as a, inject as f, onMounted as i, onUpdated as d, watch as u, openBlock as h, createBlock as l, resolveDynamicComponent as _, unref as C, withCtx as y, renderSlot as v } from "vue";
2
+ import { usePrefix as P, themeInjectionKey as k, syncProperties as p } from "../../utils.mjs";
3
+ const b = /* @__PURE__ */ m({
4
4
  __name: "PopoverWrapper",
5
5
  props: {
6
6
  aria: {},
7
7
  description: {},
8
8
  direction: { default: "bottom" },
9
- theme: { default: "light" }
9
+ theme: {}
10
10
  },
11
- setup(n) {
12
- const o = n, r = C("p-popover"), e = s();
13
- return f(() => {
14
- t(e.value, o);
15
- }), d(() => {
16
- t(e.value, o);
17
- }), (p, v) => (m(), c(i(l(r)), {
11
+ setup(s) {
12
+ const c = P("p-popover"), e = s, o = a(), n = f(k), r = () => p(o, { ...e, theme: e.theme || n.value });
13
+ return i(r), d(r), u(n, (t) => {
14
+ p(o, { theme: e.theme || t });
15
+ }), (t, w) => (h(), l(_(C(c)), {
18
16
  ref_key: "pdsComponentRef",
19
- ref: e
17
+ ref: o
20
18
  }, {
21
- default: u(() => [
22
- _(p.$slots, "default")
19
+ default: y(() => [
20
+ v(t.$slots, "default")
23
21
  ]),
24
22
  _: 3
25
23
  }, 512));
26
24
  }
27
25
  });
28
26
  export {
29
- k as default
27
+ b as default
30
28
  };
@@ -1,57 +1,44 @@
1
- import type { BreakpointCustomizable } from '../types';
2
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
3
- label: {
4
- type: import("vue").PropType<string>;
5
- default: string;
6
- };
7
- theme: {
8
- type: import("vue").PropType<"light" | "dark" | "auto">;
9
- default: string;
10
- };
11
- state: {
12
- type: import("vue").PropType<"none" | "success" | "error">;
13
- default: string;
14
- };
15
- hideLabel: {
16
- type: import("vue").PropType<BreakpointCustomizable<boolean>>;
17
- default: boolean;
18
- };
19
- loading: {
20
- type: import("vue").PropType<boolean>;
21
- default: boolean;
22
- };
23
- message: {
24
- type: import("vue").PropType<string>;
25
- default: string;
26
- };
27
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
28
- label: {
29
- type: import("vue").PropType<string>;
30
- default: string;
31
- };
32
- theme: {
33
- type: import("vue").PropType<"light" | "dark" | "auto">;
34
- default: string;
35
- };
36
- state: {
37
- type: import("vue").PropType<"none" | "success" | "error">;
38
- default: string;
39
- };
40
- hideLabel: {
41
- type: import("vue").PropType<BreakpointCustomizable<boolean>>;
42
- default: boolean;
43
- };
44
- loading: {
45
- type: import("vue").PropType<boolean>;
46
- default: boolean;
47
- };
48
- message: {
49
- type: import("vue").PropType<string>;
50
- default: string;
51
- };
52
- }>>, {
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_TypePropsToRuntimeProps<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").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PRadioButtonWrapperProps>, {
35
+ hideLabel: boolean;
36
+ label: string;
37
+ loading: boolean;
38
+ message: string;
39
+ state: string;
40
+ }>>>, {
53
41
  label: string;
54
- theme: "light" | "dark" | "auto";
55
42
  state: "none" | "success" | "error";
56
43
  hideLabel: BreakpointCustomizable<boolean>;
57
44
  loading: boolean;
@@ -60,6 +47,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
60
47
  default?(_: {}): any;
61
48
  }>;
62
49
  export default _default;
50
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
51
+ type __VLS_TypePropsToRuntimeProps<T> = {
52
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
53
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
54
+ } : {
55
+ type: import('vue').PropType<T[K]>;
56
+ required: true;
57
+ };
58
+ };
59
+ type __VLS_WithDefaults<P, D> = {
60
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
61
+ default: D[K];
62
+ }> : P[K];
63
+ };
64
+ type __VLS_Prettify<T> = {
65
+ [K in keyof T]: T[K];
66
+ } & {};
63
67
  type __VLS_WithTemplateSlots<T, S> = T & {
64
68
  new (): {
65
69
  $slots: S;
@@ -1,6 +1,6 @@
1
- import { defineComponent as p, ref as l, onMounted as f, onUpdated as d, openBlock as s, createBlock as u, resolveDynamicComponent as m, unref as i, withCtx as c, renderSlot as _ } from "vue";
2
- import { getPrefixedTagName as g, syncProperties as o } from "../../utils.mjs";
3
- const y = /* @__PURE__ */ p({
1
+ import { defineComponent as f, ref as l, inject as m, onMounted as d, onUpdated as c, watch as u, openBlock as i, createBlock as h, resolveDynamicComponent as _, unref as y, withCtx as C, renderSlot as b } from "vue";
2
+ import { usePrefix as w, themeInjectionKey as B, syncProperties as r } from "../../utils.mjs";
3
+ const x = /* @__PURE__ */ f({
4
4
  __name: "RadioButtonWrapperWrapper",
5
5
  props: {
6
6
  hideLabel: { default: !1 },
@@ -8,25 +8,23 @@ const y = /* @__PURE__ */ p({
8
8
  loading: { type: Boolean, default: !1 },
9
9
  message: { default: "" },
10
10
  state: { default: "none" },
11
- theme: { default: "light" }
11
+ theme: {}
12
12
  },
13
- setup(a) {
14
- const t = a, n = g("p-radio-button-wrapper"), e = l();
15
- return f(() => {
16
- o(e.value, t);
17
- }), d(() => {
18
- o(e.value, t);
19
- }), (r, C) => (s(), u(m(i(n)), {
13
+ setup(p) {
14
+ const s = w("p-radio-button-wrapper"), e = p, t = l(), n = m(B), a = () => r(t, { ...e, theme: e.theme || n.value });
15
+ return d(a), c(a), u(n, (o) => {
16
+ r(t, { theme: e.theme || o });
17
+ }), (o, R) => (i(), h(_(y(s)), {
20
18
  ref_key: "pdsComponentRef",
21
- ref: e
19
+ ref: t
22
20
  }, {
23
- default: c(() => [
24
- _(r.$slots, "default")
21
+ default: C(() => [
22
+ b(o.$slots, "default")
25
23
  ]),
26
24
  _: 3
27
25
  }, 512));
28
26
  }
29
27
  });
30
28
  export {
31
- y as default
29
+ x as default
32
30
  };
@@ -1,71 +1,71 @@
1
- import type { SelectedAriaAttributes, ScrollerScrollToPosition } from '../types';
2
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
3
- scrollbar: {
4
- type: import("vue").PropType<boolean>;
5
- default: boolean;
6
- };
7
- theme: {
8
- type: import("vue").PropType<"light" | "dark" | "auto">;
9
- default: string;
10
- };
11
- aria: {
12
- type: import("vue").PropType<SelectedAriaAttributes<"role">>;
13
- };
14
- alignScrollIndicator: {
15
- type: import("vue").PropType<"top" | "center">;
16
- default: string;
17
- };
18
- gradientColor: {
19
- type: import("vue").PropType<"background-base" | "background-surface">;
20
- default: string;
21
- };
22
- gradientColorScheme: {
23
- type: import("vue").PropType<"default" | "surface">;
24
- };
25
- scrollIndicatorPosition: {
26
- type: import("vue").PropType<"top" | "center">;
27
- };
28
- scrollToPosition: {
29
- type: import("vue").PropType<ScrollerScrollToPosition>;
30
- };
31
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
32
- scrollbar: {
33
- type: import("vue").PropType<boolean>;
34
- default: boolean;
35
- };
36
- theme: {
37
- type: import("vue").PropType<"light" | "dark" | "auto">;
38
- default: string;
39
- };
40
- aria: {
41
- type: import("vue").PropType<SelectedAriaAttributes<"role">>;
42
- };
43
- alignScrollIndicator: {
44
- type: import("vue").PropType<"top" | "center">;
45
- default: string;
46
- };
47
- gradientColor: {
48
- type: import("vue").PropType<"background-base" | "background-surface">;
49
- default: string;
50
- };
51
- gradientColorScheme: {
52
- type: import("vue").PropType<"default" | "surface">;
53
- };
54
- scrollIndicatorPosition: {
55
- type: import("vue").PropType<"top" | "center">;
56
- };
57
- scrollToPosition: {
58
- type: import("vue").PropType<ScrollerScrollToPosition>;
59
- };
60
- }>>, {
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_TypePropsToRuntimeProps<PScrollerProps>, {
37
+ alignScrollIndicator: string;
38
+ gradientColor: string;
39
+ scrollbar: boolean;
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<PScrollerProps>, {
41
+ alignScrollIndicator: string;
42
+ gradientColor: string;
43
+ scrollbar: boolean;
44
+ }>>>, {
61
45
  scrollbar: boolean;
62
- theme: "light" | "dark" | "auto";
63
46
  alignScrollIndicator: "top" | "center";
64
47
  gradientColor: "background-base" | "background-surface";
65
48
  }, {}>, {
66
49
  default?(_: {}): any;
67
50
  }>;
68
51
  export default _default;
52
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
53
+ type __VLS_TypePropsToRuntimeProps<T> = {
54
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
55
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
56
+ } : {
57
+ type: import('vue').PropType<T[K]>;
58
+ required: true;
59
+ };
60
+ };
61
+ type __VLS_WithDefaults<P, D> = {
62
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
63
+ default: D[K];
64
+ }> : P[K];
65
+ };
66
+ type __VLS_Prettify<T> = {
67
+ [K in keyof T]: T[K];
68
+ } & {};
69
69
  type __VLS_WithTemplateSlots<T, S> = T & {
70
70
  new (): {
71
71
  $slots: S;
@@ -1,6 +1,6 @@
1
- import { defineComponent as l, ref as s, onMounted as c, onUpdated as p, openBlock as d, createBlock as f, resolveDynamicComponent as i, unref as m, withCtx as u, renderSlot as g } from "vue";
2
- import { getPrefixedTagName as C, syncProperties as r } from "../../utils.mjs";
3
- const k = /* @__PURE__ */ l({
1
+ import { defineComponent as s, ref as p, inject as i, onMounted as m, onUpdated as f, watch as d, openBlock as u, createBlock as h, resolveDynamicComponent as C, unref as _, withCtx as y, renderSlot as g } from "vue";
2
+ import { usePrefix as P, themeInjectionKey as b, syncProperties as a } from "../../utils.mjs";
3
+ const x = /* @__PURE__ */ s({
4
4
  __name: "ScrollerWrapper",
5
5
  props: {
6
6
  alignScrollIndicator: { default: "center" },
@@ -10,25 +10,23 @@ const k = /* @__PURE__ */ l({
10
10
  scrollIndicatorPosition: {},
11
11
  scrollToPosition: {},
12
12
  scrollbar: { type: Boolean, default: !1 },
13
- theme: { default: "light" }
13
+ theme: {}
14
14
  },
15
- setup(t) {
16
- const o = t, n = C("p-scroller"), e = s();
17
- return c(() => {
18
- r(e.value, o);
19
- }), p(() => {
20
- r(e.value, o);
21
- }), (a, _) => (d(), f(i(m(n)), {
15
+ setup(c) {
16
+ const l = P("p-scroller"), e = c, o = p(), n = i(b), r = () => a(o, { ...e, theme: e.theme || n.value });
17
+ return m(r), f(r), d(n, (t) => {
18
+ a(o, { theme: e.theme || t });
19
+ }), (t, k) => (u(), h(C(_(l)), {
22
20
  ref_key: "pdsComponentRef",
23
- ref: e
21
+ ref: o
24
22
  }, {
25
- default: u(() => [
26
- g(a.$slots, "default")
23
+ default: y(() => [
24
+ g(t.$slots, "default")
27
25
  ]),
28
26
  _: 3
29
27
  }, 512));
30
28
  }
31
29
  });
32
30
  export {
33
- k as default
31
+ x as default
34
32
  };
@@ -1,45 +1,53 @@
1
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
2
- label: {
3
- type: import("vue").PropType<string>;
4
- };
5
- disabled: {
6
- type: import("vue").PropType<boolean>;
7
- default: boolean;
8
- };
9
- icon: {
10
- type: import("vue").PropType<import("../types").LinkButtonIconName>;
11
- };
12
- iconSource: {
13
- type: import("vue").PropType<string>;
14
- };
15
- value: {
16
- type: import("vue").PropType<string | number>;
17
- required: true;
18
- };
19
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
20
- label: {
21
- type: import("vue").PropType<string>;
22
- };
23
- disabled: {
24
- type: import("vue").PropType<boolean>;
25
- default: boolean;
26
- };
27
- icon: {
28
- type: import("vue").PropType<import("../types").LinkButtonIconName>;
29
- };
30
- iconSource: {
31
- type: import("vue").PropType<string>;
32
- };
33
- value: {
34
- type: import("vue").PropType<string | number>;
35
- required: true;
36
- };
37
- }>>, {
1
+ import type { SegmentedControlItemIcon } from '../types';
2
+ type PSegmentedControlItemProps = {
3
+ /**
4
+ * Disables the button. No events will be triggered while disabled state is active.
5
+ */
6
+ disabled?: boolean;
7
+ /**
8
+ * The icon shown.
9
+ */
10
+ icon?: SegmentedControlItemIcon;
11
+ /**
12
+ * A URL path to a custom icon.
13
+ */
14
+ iconSource?: string;
15
+ /**
16
+ * The label text.
17
+ */
18
+ label?: string;
19
+ /**
20
+ * The value of this item which is emitted by the parent element if it becomes selected. This property is **required**.
21
+ */
22
+ value: string | number;
23
+ };
24
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PSegmentedControlItemProps>, {
25
+ disabled: boolean;
26
+ }>, {}, 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>, {
27
+ disabled: boolean;
28
+ }>>>, {
38
29
  disabled: boolean;
39
30
  }, {}>, {
40
31
  default?(_: {}): any;
41
32
  }>;
42
33
  export default _default;
34
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
35
+ type __VLS_TypePropsToRuntimeProps<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
+ };
43
+ type __VLS_WithDefaults<P, D> = {
44
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
45
+ default: D[K];
46
+ }> : P[K];
47
+ };
48
+ type __VLS_Prettify<T> = {
49
+ [K in keyof T]: T[K];
50
+ } & {};
43
51
  type __VLS_WithTemplateSlots<T, S> = T & {
44
52
  new (): {
45
53
  $slots: S;
@@ -1,6 +1,6 @@
1
- import { defineComponent as p, ref as l, onMounted as s, onUpdated as m, openBlock as c, createBlock as d, resolveDynamicComponent as f, unref as u, withCtx as i, renderSlot as C } from "vue";
2
- import { getPrefixedTagName as _, syncProperties as t } from "../../utils.mjs";
3
- const b = /* @__PURE__ */ p({
1
+ import { defineComponent as s, ref as a, onMounted as c, onUpdated as l, openBlock as f, createBlock as m, resolveDynamicComponent as d, unref as i, withCtx as u, renderSlot as C } from "vue";
2
+ import { usePrefix as _, syncProperties as y } from "../../utils.mjs";
3
+ const x = /* @__PURE__ */ s({
4
4
  __name: "SegmentedControlItemWrapper",
5
5
  props: {
6
6
  disabled: { type: Boolean, default: !1 },
@@ -10,22 +10,18 @@ const b = /* @__PURE__ */ p({
10
10
  value: {}
11
11
  },
12
12
  setup(n) {
13
- const o = n, r = _("p-segmented-control-item"), e = l();
14
- return s(() => {
15
- t(e.value, o);
16
- }), m(() => {
17
- t(e.value, o);
18
- }), (a, g) => (c(), d(f(u(r)), {
13
+ const t = _("p-segmented-control-item"), r = n, e = a(), o = () => y(e, r);
14
+ return c(o), l(o), (p, b) => (f(), m(d(i(t)), {
19
15
  ref_key: "pdsComponentRef",
20
16
  ref: e
21
17
  }, {
22
- default: i(() => [
23
- C(a.$slots, "default")
18
+ default: u(() => [
19
+ C(p.$slots, "default")
24
20
  ]),
25
21
  _: 3
26
22
  }, 512));
27
23
  }
28
24
  });
29
25
  export {
30
- b as default
26
+ x as default
31
27
  };