@porsche-design-system/components-vue 3.29.0-rc.1 → 3.29.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.
- package/CHANGELOG.md +16 -1
- package/cjs/PorscheDesignSystemProvider.vue.cjs +1 -1
- package/cjs/lib/components/InputEmailWrapper.vue.cjs +1 -0
- package/cjs/lib/components/InputEmailWrapper.vue2.cjs +1 -0
- package/cjs/public-api.cjs +1 -1
- package/esm/PorscheDesignSystemProvider.vue.d.ts +6 -6
- package/esm/PorscheDesignSystemProvider.vue.mjs +11 -8
- package/esm/lib/components/AccordionWrapper.vue.d.ts +8 -7
- package/esm/lib/components/BannerWrapper.vue.d.ts +13 -6
- package/esm/lib/components/ButtonGroupWrapper.vue.d.ts +6 -5
- package/esm/lib/components/ButtonPureWrapper.vue.d.ts +7 -6
- package/esm/lib/components/ButtonTileWrapper.vue.d.ts +7 -6
- package/esm/lib/components/ButtonWrapper.vue.d.ts +7 -6
- package/esm/lib/components/CanvasWrapper.vue.d.ts +12 -5
- package/esm/lib/components/CarouselWrapper.vue.d.ts +8 -7
- package/esm/lib/components/CheckboxWrapper.vue.d.ts +10 -9
- package/esm/lib/components/CheckboxWrapperWrapper.vue.d.ts +6 -5
- package/esm/lib/components/ContentWrapperWrapper.vue.d.ts +6 -5
- package/esm/lib/components/CrestWrapper.vue.d.ts +1 -1
- package/esm/lib/components/DisplayWrapper.vue.d.ts +6 -5
- package/esm/lib/components/DividerWrapper.vue.d.ts +1 -1
- package/esm/lib/components/DrilldownItemWrapper.vue.d.ts +6 -5
- package/esm/lib/components/DrilldownLinkWrapper.vue.d.ts +7 -6
- package/esm/lib/components/DrilldownWrapper.vue.d.ts +12 -5
- package/esm/lib/components/FieldsetWrapper.vue.d.ts +6 -5
- package/esm/lib/components/FieldsetWrapperWrapper.vue.d.ts +6 -5
- package/esm/lib/components/FlexItemWrapper.vue.d.ts +6 -5
- package/esm/lib/components/FlexWrapper.vue.d.ts +6 -5
- package/esm/lib/components/FlyoutWrapper.vue.d.ts +12 -5
- package/esm/lib/components/GridItemWrapper.vue.d.ts +6 -5
- package/esm/lib/components/GridWrapper.vue.d.ts +6 -5
- package/esm/lib/components/HeadingWrapper.vue.d.ts +6 -5
- package/esm/lib/components/HeadlineWrapper.vue.d.ts +6 -5
- package/esm/lib/components/IconWrapper.vue.d.ts +2 -2
- package/esm/lib/components/InlineNotificationWrapper.vue.d.ts +13 -6
- package/esm/lib/components/InputEmailWrapper.vue.d.ts +122 -0
- package/esm/lib/components/InputEmailWrapper.vue.mjs +48 -0
- package/esm/lib/components/InputEmailWrapper.vue2.mjs +4 -0
- package/esm/lib/components/InputNumberWrapper.vue.d.ts +28 -27
- package/esm/lib/components/InputPasswordWrapper.vue.d.ts +29 -28
- package/esm/lib/components/InputSearchWrapper.vue.d.ts +28 -27
- package/esm/lib/components/InputTextWrapper.vue.d.ts +29 -28
- package/esm/lib/components/LinkPureWrapper.vue.d.ts +7 -6
- package/esm/lib/components/LinkSocialWrapper.vue.d.ts +7 -6
- package/esm/lib/components/LinkTileModelSignatureWrapper.vue.d.ts +6 -5
- package/esm/lib/components/LinkTileProductWrapper.vue.d.ts +8 -7
- package/esm/lib/components/LinkTileWrapper.vue.d.ts +7 -6
- package/esm/lib/components/LinkWrapper.vue.d.ts +7 -6
- package/esm/lib/components/MarqueWrapper.vue.d.ts +2 -2
- package/esm/lib/components/ModalWrapper.vue.d.ts +12 -5
- package/esm/lib/components/ModelSignatureWrapper.vue.d.ts +6 -5
- package/esm/lib/components/MultiSelectOptionWrapper.vue.d.ts +6 -5
- package/esm/lib/components/MultiSelectWrapper.vue.d.ts +8 -7
- package/esm/lib/components/OptgroupWrapper.vue.d.ts +6 -5
- package/esm/lib/components/PaginationWrapper.vue.d.ts +3 -3
- package/esm/lib/components/PinCodeWrapper.vue.d.ts +8 -7
- package/esm/lib/components/PopoverWrapper.vue.d.ts +12 -5
- package/esm/lib/components/RadioButtonWrapperWrapper.vue.d.ts +6 -5
- package/esm/lib/components/ScrollerWrapper.vue.d.ts +6 -5
- package/esm/lib/components/SegmentedControlItemWrapper.vue.d.ts +6 -5
- package/esm/lib/components/SegmentedControlWrapper.vue.d.ts +8 -7
- package/esm/lib/components/SelectOptionWrapper.vue.d.ts +6 -5
- package/esm/lib/components/SelectWrapper.vue.d.ts +9 -8
- package/esm/lib/components/SelectWrapperWrapper.vue.d.ts +6 -5
- package/esm/lib/components/SheetWrapper.vue.d.ts +12 -5
- package/esm/lib/components/SpinnerWrapper.vue.d.ts +1 -1
- package/esm/lib/components/StepperHorizontalItemWrapper.vue.d.ts +6 -5
- package/esm/lib/components/StepperHorizontalWrapper.vue.d.ts +8 -7
- package/esm/lib/components/SwitchWrapper.vue.d.ts +9 -8
- package/esm/lib/components/TableBodyWrapper.vue.d.ts +6 -5
- package/esm/lib/components/TableCellWrapper.vue.d.ts +6 -5
- package/esm/lib/components/TableHeadCellWrapper.vue.d.ts +6 -5
- package/esm/lib/components/TableHeadRowWrapper.vue.d.ts +6 -5
- package/esm/lib/components/TableHeadWrapper.vue.d.ts +6 -5
- package/esm/lib/components/TableRowWrapper.vue.d.ts +6 -5
- package/esm/lib/components/TableWrapper.vue.d.ts +8 -7
- package/esm/lib/components/TabsBarWrapper.vue.d.ts +8 -7
- package/esm/lib/components/TabsItemWrapper.vue.d.ts +6 -5
- package/esm/lib/components/TabsWrapper.vue.d.ts +8 -7
- package/esm/lib/components/TagDismissibleWrapper.vue.d.ts +6 -5
- package/esm/lib/components/TagWrapper.vue.d.ts +6 -5
- package/esm/lib/components/TextFieldWrapperWrapper.vue.d.ts +12 -5
- package/esm/lib/components/TextListItemWrapper.vue.d.ts +6 -5
- package/esm/lib/components/TextListWrapper.vue.d.ts +6 -5
- package/esm/lib/components/TextWrapper.vue.d.ts +7 -6
- package/esm/lib/components/TextareaWrapper.vue.d.ts +29 -28
- package/esm/lib/components/TextareaWrapperWrapper.vue.d.ts +6 -5
- package/esm/lib/components/ToastWrapper.vue.d.ts +1 -1
- package/esm/lib/components/WordmarkWrapper.vue.d.ts +1 -1
- package/esm/lib/components/index.d.ts +1 -0
- package/esm/lib/types.d.ts +4 -27
- package/esm/public-api.mjs +116 -114
- package/package.json +7 -7
- package/partials/esm/index.mjs +1 -0
- package/partials/package.json +3 -3
- package/partials/index.js +0 -12
- /package/partials/{index.cjs → cjs/index.cjs} +0 -0
- /package/partials/{index.d.ts → esm/index.d.ts} +0 -0
|
@@ -17,15 +17,22 @@ type PDrilldownProps = {
|
|
|
17
17
|
*/
|
|
18
18
|
theme?: Theme;
|
|
19
19
|
};
|
|
20
|
-
declare
|
|
21
|
-
|
|
20
|
+
declare var __VLS_8: {};
|
|
21
|
+
type __VLS_Slots = {} & {
|
|
22
|
+
default?: (props: typeof __VLS_8) => any;
|
|
22
23
|
};
|
|
23
|
-
declare const __VLS_component: import("vue").DefineComponent<PDrilldownProps,
|
|
24
|
+
declare const __VLS_component: import("vue").DefineComponent<PDrilldownProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
25
|
+
[x: string]: any;
|
|
26
|
+
} & {
|
|
27
|
+
[x: string]: any;
|
|
28
|
+
}, string, import("vue").PublicProps, Readonly<PDrilldownProps> & Readonly<{
|
|
29
|
+
[x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
|
|
30
|
+
}>, {
|
|
24
31
|
open: boolean;
|
|
25
32
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
26
|
-
declare const _default:
|
|
33
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
27
34
|
export default _default;
|
|
28
|
-
type
|
|
35
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
29
36
|
new (): {
|
|
30
37
|
$slots: S;
|
|
31
38
|
};
|
|
@@ -25,19 +25,20 @@ type PFieldsetProps = {
|
|
|
25
25
|
*/
|
|
26
26
|
theme?: Theme;
|
|
27
27
|
};
|
|
28
|
-
declare
|
|
29
|
-
|
|
28
|
+
declare var __VLS_8: {};
|
|
29
|
+
type __VLS_Slots = {} & {
|
|
30
|
+
default?: (props: typeof __VLS_8) => any;
|
|
30
31
|
};
|
|
31
|
-
declare const __VLS_component: import("vue").DefineComponent<PFieldsetProps,
|
|
32
|
+
declare const __VLS_component: import("vue").DefineComponent<PFieldsetProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PFieldsetProps> & Readonly<{}>, {
|
|
32
33
|
label: string;
|
|
33
34
|
state: FieldsetState;
|
|
34
35
|
required: boolean;
|
|
35
36
|
message: string;
|
|
36
37
|
labelSize: FieldsetLabelSize;
|
|
37
38
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
38
|
-
declare const _default:
|
|
39
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
39
40
|
export default _default;
|
|
40
|
-
type
|
|
41
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
41
42
|
new (): {
|
|
42
43
|
$slots: S;
|
|
43
44
|
};
|
|
@@ -25,10 +25,11 @@ type PFieldsetWrapperProps = {
|
|
|
25
25
|
*/
|
|
26
26
|
theme?: Theme;
|
|
27
27
|
};
|
|
28
|
-
declare
|
|
29
|
-
|
|
28
|
+
declare var __VLS_8: {};
|
|
29
|
+
type __VLS_Slots = {} & {
|
|
30
|
+
default?: (props: typeof __VLS_8) => any;
|
|
30
31
|
};
|
|
31
|
-
declare const __VLS_component: import("vue").DefineComponent<PFieldsetWrapperProps,
|
|
32
|
+
declare const __VLS_component: import("vue").DefineComponent<PFieldsetWrapperProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PFieldsetWrapperProps> & Readonly<{}>, {
|
|
32
33
|
label: string;
|
|
33
34
|
state: FieldsetWrapperState;
|
|
34
35
|
required: boolean;
|
|
@@ -36,9 +37,9 @@ declare const __VLS_component: import("vue").DefineComponent<PFieldsetWrapperPro
|
|
|
36
37
|
labelSize: FieldsetWrapperLabelSize;
|
|
37
38
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
38
39
|
/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-fieldset" instead. */
|
|
39
|
-
declare const _default:
|
|
40
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
40
41
|
export default _default;
|
|
41
|
-
type
|
|
42
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
42
43
|
new (): {
|
|
43
44
|
$slots: S;
|
|
44
45
|
};
|
|
@@ -25,10 +25,11 @@ type PFlexItemProps = {
|
|
|
25
25
|
*/
|
|
26
26
|
width?: BreakpointCustomizable<FlexItemWidth>;
|
|
27
27
|
};
|
|
28
|
-
declare
|
|
29
|
-
|
|
28
|
+
declare var __VLS_8: {};
|
|
29
|
+
type __VLS_Slots = {} & {
|
|
30
|
+
default?: (props: typeof __VLS_8) => any;
|
|
30
31
|
};
|
|
31
|
-
declare const __VLS_component: import("vue").DefineComponent<PFlexItemProps,
|
|
32
|
+
declare const __VLS_component: import("vue").DefineComponent<PFlexItemProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PFlexItemProps> & Readonly<{}>, {
|
|
32
33
|
width: BreakpointCustomizable<FlexItemWidth>;
|
|
33
34
|
alignSelf: BreakpointCustomizable<FlexItemAlignSelf>;
|
|
34
35
|
flex: BreakpointCustomizable<FlexItemFlex>;
|
|
@@ -37,9 +38,9 @@ declare const __VLS_component: import("vue").DefineComponent<PFlexItemProps, {},
|
|
|
37
38
|
shrink: BreakpointCustomizable<FlexItemShrink>;
|
|
38
39
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
39
40
|
/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Flex instead. */
|
|
40
|
-
declare const _default:
|
|
41
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
41
42
|
export default _default;
|
|
42
|
-
type
|
|
43
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
43
44
|
new (): {
|
|
44
45
|
$slots: S;
|
|
45
46
|
};
|
|
@@ -25,10 +25,11 @@ type PFlexProps = {
|
|
|
25
25
|
*/
|
|
26
26
|
wrap?: BreakpointCustomizable<FlexWrap>;
|
|
27
27
|
};
|
|
28
|
-
declare
|
|
29
|
-
|
|
28
|
+
declare var __VLS_8: {};
|
|
29
|
+
type __VLS_Slots = {} & {
|
|
30
|
+
default?: (props: typeof __VLS_8) => any;
|
|
30
31
|
};
|
|
31
|
-
declare const __VLS_component: import("vue").DefineComponent<PFlexProps,
|
|
32
|
+
declare const __VLS_component: import("vue").DefineComponent<PFlexProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PFlexProps> & Readonly<{}>, {
|
|
32
33
|
inline: BreakpointCustomizable<FlexInline>;
|
|
33
34
|
wrap: BreakpointCustomizable<FlexWrap>;
|
|
34
35
|
direction: BreakpointCustomizable<FlexDirection>;
|
|
@@ -37,9 +38,9 @@ declare const __VLS_component: import("vue").DefineComponent<PFlexProps, {}, {},
|
|
|
37
38
|
justifyContent: BreakpointCustomizable<FlexJustifyContent>;
|
|
38
39
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
39
40
|
/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Flex instead. */
|
|
40
|
-
declare const _default:
|
|
41
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
41
42
|
export default _default;
|
|
42
|
-
type
|
|
43
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
43
44
|
new (): {
|
|
44
45
|
$slots: S;
|
|
45
46
|
};
|
|
@@ -25,18 +25,25 @@ type PFlyoutProps = {
|
|
|
25
25
|
*/
|
|
26
26
|
theme?: Theme;
|
|
27
27
|
};
|
|
28
|
-
declare
|
|
29
|
-
|
|
28
|
+
declare var __VLS_8: {};
|
|
29
|
+
type __VLS_Slots = {} & {
|
|
30
|
+
default?: (props: typeof __VLS_8) => any;
|
|
30
31
|
};
|
|
31
|
-
declare const __VLS_component: import("vue").DefineComponent<PFlyoutProps,
|
|
32
|
+
declare const __VLS_component: import("vue").DefineComponent<PFlyoutProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
33
|
+
[x: string]: any;
|
|
34
|
+
} & {
|
|
35
|
+
[x: string]: any;
|
|
36
|
+
}, string, import("vue").PublicProps, Readonly<PFlyoutProps> & Readonly<{
|
|
37
|
+
[x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
|
|
38
|
+
}>, {
|
|
32
39
|
open: boolean;
|
|
33
40
|
disableBackdropClick: boolean;
|
|
34
41
|
footerBehavior: FlyoutFooterBehavior;
|
|
35
42
|
position: FlyoutPosition;
|
|
36
43
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
37
|
-
declare const _default:
|
|
44
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
38
45
|
export default _default;
|
|
39
|
-
type
|
|
46
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
40
47
|
new (): {
|
|
41
48
|
$slots: S;
|
|
42
49
|
};
|
|
@@ -9,17 +9,18 @@ type PGridItemProps = {
|
|
|
9
9
|
*/
|
|
10
10
|
size?: BreakpointCustomizable<GridItemSize>;
|
|
11
11
|
};
|
|
12
|
-
declare
|
|
13
|
-
|
|
12
|
+
declare var __VLS_8: {};
|
|
13
|
+
type __VLS_Slots = {} & {
|
|
14
|
+
default?: (props: typeof __VLS_8) => any;
|
|
14
15
|
};
|
|
15
|
-
declare const __VLS_component: import("vue").DefineComponent<PGridItemProps,
|
|
16
|
+
declare const __VLS_component: import("vue").DefineComponent<PGridItemProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PGridItemProps> & Readonly<{}>, {
|
|
16
17
|
size: BreakpointCustomizable<GridItemSize>;
|
|
17
18
|
offset: BreakpointCustomizable<GridItemOffset>;
|
|
18
19
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
19
20
|
/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
|
|
20
|
-
declare const _default:
|
|
21
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
21
22
|
export default _default;
|
|
22
|
-
type
|
|
23
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
23
24
|
new (): {
|
|
24
25
|
$slots: S;
|
|
25
26
|
};
|
|
@@ -14,18 +14,19 @@ type PGridProps = {
|
|
|
14
14
|
*/
|
|
15
15
|
wrap?: BreakpointCustomizable<GridWrap>;
|
|
16
16
|
};
|
|
17
|
-
declare
|
|
18
|
-
|
|
17
|
+
declare var __VLS_8: {};
|
|
18
|
+
type __VLS_Slots = {} & {
|
|
19
|
+
default?: (props: typeof __VLS_8) => any;
|
|
19
20
|
};
|
|
20
|
-
declare const __VLS_component: import("vue").DefineComponent<PGridProps,
|
|
21
|
+
declare const __VLS_component: import("vue").DefineComponent<PGridProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PGridProps> & Readonly<{}>, {
|
|
21
22
|
wrap: BreakpointCustomizable<GridWrap>;
|
|
22
23
|
direction: BreakpointCustomizable<GridDirection>;
|
|
23
24
|
gutter: BreakpointCustomizable<GridGutter>;
|
|
24
25
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
25
26
|
/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
|
|
26
|
-
declare const _default:
|
|
27
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
27
28
|
export default _default;
|
|
28
|
-
type
|
|
29
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
29
30
|
new (): {
|
|
30
31
|
$slots: S;
|
|
31
32
|
};
|
|
@@ -25,18 +25,19 @@ type PHeadingProps = {
|
|
|
25
25
|
*/
|
|
26
26
|
theme?: Theme;
|
|
27
27
|
};
|
|
28
|
-
declare
|
|
29
|
-
|
|
28
|
+
declare var __VLS_8: {};
|
|
29
|
+
type __VLS_Slots = {} & {
|
|
30
|
+
default?: (props: typeof __VLS_8) => any;
|
|
30
31
|
};
|
|
31
|
-
declare const __VLS_component: import("vue").DefineComponent<PHeadingProps,
|
|
32
|
+
declare const __VLS_component: import("vue").DefineComponent<PHeadingProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PHeadingProps> & Readonly<{}>, {
|
|
32
33
|
size: BreakpointCustomizable<HeadingSize>;
|
|
33
34
|
align: HeadingAlign;
|
|
34
35
|
color: HeadingColor;
|
|
35
36
|
ellipsis: boolean;
|
|
36
37
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
37
|
-
declare const _default:
|
|
38
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
38
39
|
export default _default;
|
|
39
|
-
type
|
|
40
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
40
41
|
new (): {
|
|
41
42
|
$slots: S;
|
|
42
43
|
};
|
|
@@ -25,19 +25,20 @@ type PHeadlineProps = {
|
|
|
25
25
|
*/
|
|
26
26
|
variant?: HeadlineVariant;
|
|
27
27
|
};
|
|
28
|
-
declare
|
|
29
|
-
|
|
28
|
+
declare var __VLS_8: {};
|
|
29
|
+
type __VLS_Slots = {} & {
|
|
30
|
+
default?: (props: typeof __VLS_8) => any;
|
|
30
31
|
};
|
|
31
|
-
declare const __VLS_component: import("vue").DefineComponent<PHeadlineProps,
|
|
32
|
+
declare const __VLS_component: import("vue").DefineComponent<PHeadlineProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PHeadlineProps> & Readonly<{}>, {
|
|
32
33
|
variant: HeadlineVariant;
|
|
33
34
|
align: HeadlineAlign;
|
|
34
35
|
color: HeadlineColor;
|
|
35
36
|
ellipsis: boolean;
|
|
36
37
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
37
38
|
/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-heading" instead. */
|
|
38
|
-
declare const _default:
|
|
39
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
39
40
|
export default _default;
|
|
40
|
-
type
|
|
41
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
41
42
|
new (): {
|
|
42
43
|
$slots: S;
|
|
43
44
|
};
|
|
@@ -30,9 +30,9 @@ type PIconProps = {
|
|
|
30
30
|
*/
|
|
31
31
|
theme?: Theme;
|
|
32
32
|
};
|
|
33
|
-
declare const _default: import("vue").DefineComponent<PIconProps,
|
|
34
|
-
name: IconName;
|
|
33
|
+
declare const _default: import("vue").DefineComponent<PIconProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PIconProps> & Readonly<{}>, {
|
|
35
34
|
size: IconSize;
|
|
35
|
+
name: IconName;
|
|
36
36
|
color: IconColor;
|
|
37
37
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
38
38
|
export default _default;
|
|
@@ -41,21 +41,28 @@ type PInlineNotificationProps = {
|
|
|
41
41
|
*/
|
|
42
42
|
theme?: Theme;
|
|
43
43
|
};
|
|
44
|
-
declare
|
|
45
|
-
|
|
44
|
+
declare var __VLS_8: {};
|
|
45
|
+
type __VLS_Slots = {} & {
|
|
46
|
+
default?: (props: typeof __VLS_8) => any;
|
|
46
47
|
};
|
|
47
|
-
declare const __VLS_component: import("vue").DefineComponent<PInlineNotificationProps,
|
|
48
|
+
declare const __VLS_component: import("vue").DefineComponent<PInlineNotificationProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
49
|
+
[x: string]: any;
|
|
50
|
+
} & {
|
|
51
|
+
[x: string]: any;
|
|
52
|
+
}, string, import("vue").PublicProps, Readonly<PInlineNotificationProps> & Readonly<{
|
|
53
|
+
[x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
|
|
54
|
+
}>, {
|
|
48
55
|
heading: string;
|
|
49
|
-
description: string;
|
|
50
56
|
headingTag: InlineNotificationHeadingTag;
|
|
57
|
+
description: string;
|
|
51
58
|
dismissButton: boolean;
|
|
52
59
|
state: InlineNotificationState;
|
|
53
60
|
actionIcon: InlineNotificationActionIcon;
|
|
54
61
|
actionLoading: boolean;
|
|
55
62
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
56
|
-
declare const _default:
|
|
63
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
57
64
|
export default _default;
|
|
58
|
-
type
|
|
65
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
59
66
|
new (): {
|
|
60
67
|
$slots: S;
|
|
61
68
|
};
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import type { BreakpointCustomizable, InputEmailState, Theme } from '../types';
|
|
2
|
+
type PInputEmailProps = {
|
|
3
|
+
/**
|
|
4
|
+
* Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='email').
|
|
5
|
+
*/
|
|
6
|
+
autoComplete?: string;
|
|
7
|
+
/**
|
|
8
|
+
* A boolean value that, if present, renders the input field as a compact version.
|
|
9
|
+
*/
|
|
10
|
+
compact?: boolean;
|
|
11
|
+
/**
|
|
12
|
+
* Supplementary text providing more context or explanation for the input.
|
|
13
|
+
*/
|
|
14
|
+
description?: string;
|
|
15
|
+
/**
|
|
16
|
+
* A boolean value that, if present, makes the input field unusable and unclickable. The value will not be submitted with the form.
|
|
17
|
+
*/
|
|
18
|
+
disabled?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
|
|
21
|
+
*/
|
|
22
|
+
form?: string;
|
|
23
|
+
/**
|
|
24
|
+
* Controls the visibility of the label.
|
|
25
|
+
*/
|
|
26
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
27
|
+
/**
|
|
28
|
+
* Controls the visibility of an email icon.
|
|
29
|
+
*/
|
|
30
|
+
indicator?: boolean;
|
|
31
|
+
/**
|
|
32
|
+
* Text content for a user-facing label.
|
|
33
|
+
*/
|
|
34
|
+
label?: string;
|
|
35
|
+
/**
|
|
36
|
+
* @experimental Shows a loading indicator.
|
|
37
|
+
*/
|
|
38
|
+
loading?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* A non-negative integer specifying the maximum number of characters the user can enter into the input.
|
|
41
|
+
*/
|
|
42
|
+
maxLength?: number;
|
|
43
|
+
/**
|
|
44
|
+
* Dynamic feedback text for validation or status.
|
|
45
|
+
*/
|
|
46
|
+
message?: string;
|
|
47
|
+
/**
|
|
48
|
+
* A non-negative integer specifying the minimum number of characters required for the input's value to be considered valid.
|
|
49
|
+
*/
|
|
50
|
+
minLength?: number;
|
|
51
|
+
/**
|
|
52
|
+
* A boolean value that, if present, it allows the user to enter a list of multiple email addresses, separated by commas (and optional whitespace). The browser will validate each email address in the list.
|
|
53
|
+
*/
|
|
54
|
+
multiple?: boolean;
|
|
55
|
+
/**
|
|
56
|
+
* The name of the input field, used when submitting the form data.
|
|
57
|
+
*/
|
|
58
|
+
name: string;
|
|
59
|
+
/**
|
|
60
|
+
* Specifies a regular expression that the input's value must match for the value to pass constraint validation. This allows for more specific email validation rules than the browser's default (e.g., restricting to a specific domain). If provided, it overrides the browser's default email validation.
|
|
61
|
+
*/
|
|
62
|
+
pattern?: string;
|
|
63
|
+
/**
|
|
64
|
+
* A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='you@example.com'). This text is displayed when the input field is empty.
|
|
65
|
+
*/
|
|
66
|
+
placeholder?: string;
|
|
67
|
+
/**
|
|
68
|
+
* A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
|
|
69
|
+
*/
|
|
70
|
+
readOnly?: boolean;
|
|
71
|
+
/**
|
|
72
|
+
* A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
|
|
73
|
+
*/
|
|
74
|
+
required?: boolean;
|
|
75
|
+
/**
|
|
76
|
+
* Indicates the validation or overall status of the input component.
|
|
77
|
+
*/
|
|
78
|
+
state?: InputEmailState;
|
|
79
|
+
/**
|
|
80
|
+
* Controls the visual appearance of the component.
|
|
81
|
+
*/
|
|
82
|
+
theme?: Theme;
|
|
83
|
+
/**
|
|
84
|
+
* The default email address (or comma-separated list of addresses) for the input.
|
|
85
|
+
*/
|
|
86
|
+
value?: string;
|
|
87
|
+
};
|
|
88
|
+
declare var __VLS_8: {};
|
|
89
|
+
type __VLS_Slots = {} & {
|
|
90
|
+
default?: (props: typeof __VLS_8) => any;
|
|
91
|
+
};
|
|
92
|
+
declare const __VLS_component: import("vue").DefineComponent<PInputEmailProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
93
|
+
blur: (value: Event) => any;
|
|
94
|
+
change: (value: Event) => any;
|
|
95
|
+
input: (value: InputEvent) => any;
|
|
96
|
+
}, string, import("vue").PublicProps, Readonly<PInputEmailProps> & Readonly<{
|
|
97
|
+
onBlur?: ((value: Event) => any) | undefined;
|
|
98
|
+
onChange?: ((value: Event) => any) | undefined;
|
|
99
|
+
onInput?: ((value: InputEvent) => any) | undefined;
|
|
100
|
+
}>, {
|
|
101
|
+
label: string;
|
|
102
|
+
compact: boolean;
|
|
103
|
+
description: string;
|
|
104
|
+
state: InputEmailState;
|
|
105
|
+
required: boolean;
|
|
106
|
+
disabled: boolean;
|
|
107
|
+
hideLabel: BreakpointCustomizable<boolean>;
|
|
108
|
+
loading: boolean;
|
|
109
|
+
value: string;
|
|
110
|
+
message: string;
|
|
111
|
+
indicator: boolean;
|
|
112
|
+
multiple: boolean;
|
|
113
|
+
placeholder: string;
|
|
114
|
+
readOnly: boolean;
|
|
115
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
116
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
117
|
+
export default _default;
|
|
118
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
119
|
+
new (): {
|
|
120
|
+
$slots: S;
|
|
121
|
+
};
|
|
122
|
+
};
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { defineComponent as u, ref as m, inject as i, onMounted as c, onUpdated as h, watch as y, openBlock as B, createBlock as g, resolveDynamicComponent as C, unref as _, withCtx as b, renderSlot as v } from "vue";
|
|
2
|
+
import { usePrefix as x, themeInjectionKey as L, addEventListenerToElementRef as o, syncProperties as p } from "../../utils.mjs";
|
|
3
|
+
const E = /* @__PURE__ */ u({
|
|
4
|
+
__name: "InputEmailWrapper",
|
|
5
|
+
props: {
|
|
6
|
+
autoComplete: {},
|
|
7
|
+
compact: { type: Boolean, default: !1 },
|
|
8
|
+
description: { default: "" },
|
|
9
|
+
disabled: { type: Boolean, default: !1 },
|
|
10
|
+
form: {},
|
|
11
|
+
hideLabel: { default: !1 },
|
|
12
|
+
indicator: { type: Boolean, default: !1 },
|
|
13
|
+
label: { default: "" },
|
|
14
|
+
loading: { type: Boolean, default: !1 },
|
|
15
|
+
maxLength: {},
|
|
16
|
+
message: { default: "" },
|
|
17
|
+
minLength: {},
|
|
18
|
+
multiple: { type: Boolean, default: !1 },
|
|
19
|
+
name: {},
|
|
20
|
+
pattern: {},
|
|
21
|
+
placeholder: { default: "" },
|
|
22
|
+
readOnly: { type: Boolean, default: !1 },
|
|
23
|
+
required: { type: Boolean, default: !1 },
|
|
24
|
+
state: { default: "none" },
|
|
25
|
+
theme: {},
|
|
26
|
+
value: { default: "" }
|
|
27
|
+
},
|
|
28
|
+
emits: ["blur", "change", "input"],
|
|
29
|
+
setup(s, { emit: r }) {
|
|
30
|
+
const d = x("p-input-email"), t = s, e = m(), a = r, l = i(L), f = () => p(e, { ...t, theme: t.theme || l.value });
|
|
31
|
+
return c(() => {
|
|
32
|
+
f(), o(e, "blur", a), o(e, "change", a), o(e, "input", a);
|
|
33
|
+
}), h(f), y(l, (n) => {
|
|
34
|
+
p(e, { theme: t.theme || n });
|
|
35
|
+
}), (n, R) => (B(), g(C(_(d)), {
|
|
36
|
+
ref_key: "pdsComponentRef",
|
|
37
|
+
ref: e
|
|
38
|
+
}, {
|
|
39
|
+
default: b(() => [
|
|
40
|
+
v(n.$slots, "default")
|
|
41
|
+
]),
|
|
42
|
+
_: 3
|
|
43
|
+
}, 512));
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
export {
|
|
47
|
+
E as default
|
|
48
|
+
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { BreakpointCustomizable, InputNumberState, Theme } from '../types';
|
|
2
2
|
type PInputNumberProps = {
|
|
3
3
|
/**
|
|
4
|
-
*
|
|
4
|
+
* Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='on').
|
|
5
5
|
*/
|
|
6
|
-
autoComplete?:
|
|
6
|
+
autoComplete?: string;
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
8
|
+
* A boolean value that, if present, renders the input field as a compact version.
|
|
9
9
|
*/
|
|
10
10
|
compact?: boolean;
|
|
11
11
|
/**
|
|
@@ -13,23 +13,23 @@ type PInputNumberProps = {
|
|
|
13
13
|
*/
|
|
14
14
|
controls?: boolean;
|
|
15
15
|
/**
|
|
16
|
-
*
|
|
16
|
+
* Supplementary text providing more context or explanation for the input.
|
|
17
17
|
*/
|
|
18
18
|
description?: string;
|
|
19
19
|
/**
|
|
20
|
-
*
|
|
20
|
+
* A boolean value that, if present, makes the input field unusable and unclickable. The value will not be submitted with the form.
|
|
21
21
|
*/
|
|
22
22
|
disabled?: boolean;
|
|
23
23
|
/**
|
|
24
|
-
*
|
|
24
|
+
* Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
|
|
25
25
|
*/
|
|
26
26
|
form?: string;
|
|
27
27
|
/**
|
|
28
|
-
*
|
|
28
|
+
* Controls the visibility of the label.
|
|
29
29
|
*/
|
|
30
30
|
hideLabel?: BreakpointCustomizable<boolean>;
|
|
31
31
|
/**
|
|
32
|
-
*
|
|
32
|
+
* Text content for a user-facing label.
|
|
33
33
|
*/
|
|
34
34
|
label?: string;
|
|
35
35
|
/**
|
|
@@ -41,7 +41,7 @@ type PInputNumberProps = {
|
|
|
41
41
|
*/
|
|
42
42
|
max?: number;
|
|
43
43
|
/**
|
|
44
|
-
*
|
|
44
|
+
* Dynamic feedback text for validation or status.
|
|
45
45
|
*/
|
|
46
46
|
message?: string;
|
|
47
47
|
/**
|
|
@@ -49,23 +49,23 @@ type PInputNumberProps = {
|
|
|
49
49
|
*/
|
|
50
50
|
min?: number;
|
|
51
51
|
/**
|
|
52
|
-
* The name of the
|
|
52
|
+
* The name of the input field, used when submitting the form data.
|
|
53
53
|
*/
|
|
54
54
|
name: string;
|
|
55
55
|
/**
|
|
56
|
-
*
|
|
56
|
+
* A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='Enter a number'). This text is displayed when the input field is empty.
|
|
57
57
|
*/
|
|
58
58
|
placeholder?: string;
|
|
59
59
|
/**
|
|
60
|
-
*
|
|
60
|
+
* A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
|
|
61
61
|
*/
|
|
62
62
|
readOnly?: boolean;
|
|
63
63
|
/**
|
|
64
|
-
*
|
|
64
|
+
* A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
|
|
65
65
|
*/
|
|
66
66
|
required?: boolean;
|
|
67
67
|
/**
|
|
68
|
-
*
|
|
68
|
+
* Indicates the validation or overall status of the input component.
|
|
69
69
|
*/
|
|
70
70
|
state?: InputNumberState;
|
|
71
71
|
/**
|
|
@@ -73,7 +73,7 @@ type PInputNumberProps = {
|
|
|
73
73
|
*/
|
|
74
74
|
step?: number;
|
|
75
75
|
/**
|
|
76
|
-
*
|
|
76
|
+
* Controls the visual appearance of the component.
|
|
77
77
|
*/
|
|
78
78
|
theme?: Theme;
|
|
79
79
|
/**
|
|
@@ -81,13 +81,14 @@ type PInputNumberProps = {
|
|
|
81
81
|
*/
|
|
82
82
|
value?: string;
|
|
83
83
|
};
|
|
84
|
-
declare
|
|
85
|
-
|
|
84
|
+
declare var __VLS_8: {};
|
|
85
|
+
type __VLS_Slots = {} & {
|
|
86
|
+
default?: (props: typeof __VLS_8) => any;
|
|
86
87
|
};
|
|
87
|
-
declare const __VLS_component: import("vue").DefineComponent<PInputNumberProps,
|
|
88
|
-
blur: (value: Event) =>
|
|
89
|
-
change: (value: Event) =>
|
|
90
|
-
input: (value: InputEvent) =>
|
|
88
|
+
declare const __VLS_component: import("vue").DefineComponent<PInputNumberProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
89
|
+
blur: (value: Event) => any;
|
|
90
|
+
change: (value: Event) => any;
|
|
91
|
+
input: (value: InputEvent) => any;
|
|
91
92
|
}, string, import("vue").PublicProps, Readonly<PInputNumberProps> & Readonly<{
|
|
92
93
|
onBlur?: ((value: Event) => any) | undefined;
|
|
93
94
|
onChange?: ((value: Event) => any) | undefined;
|
|
@@ -95,22 +96,22 @@ declare const __VLS_component: import("vue").DefineComponent<PInputNumberProps,
|
|
|
95
96
|
}>, {
|
|
96
97
|
step: number;
|
|
97
98
|
label: string;
|
|
98
|
-
description: string;
|
|
99
|
-
disabled: boolean;
|
|
100
99
|
compact: boolean;
|
|
100
|
+
description: string;
|
|
101
101
|
state: InputNumberState;
|
|
102
102
|
required: boolean;
|
|
103
|
+
disabled: boolean;
|
|
103
104
|
hideLabel: BreakpointCustomizable<boolean>;
|
|
104
105
|
loading: boolean;
|
|
105
106
|
value: string;
|
|
106
107
|
message: string;
|
|
107
|
-
controls: boolean;
|
|
108
108
|
placeholder: string;
|
|
109
109
|
readOnly: boolean;
|
|
110
|
+
controls: boolean;
|
|
110
111
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
111
|
-
declare const _default:
|
|
112
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
112
113
|
export default _default;
|
|
113
|
-
type
|
|
114
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
114
115
|
new (): {
|
|
115
116
|
$slots: S;
|
|
116
117
|
};
|