@porsche-design-system/components-vue 2.19.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.
- package/CHANGELOG.md +1638 -0
- package/LICENSE +59 -0
- package/OSS_NOTICE +20981 -0
- package/PorscheDesignSystemProvider.vue.d.ts +33 -0
- package/PorscheDesignSystemProvider.vue.js +16 -0
- package/PorscheDesignSystemProvider.vue2.js +5 -0
- package/lib/components/AccordionWrapper.vue.d.ts +90 -0
- package/lib/components/AccordionWrapper.vue.js +33 -0
- package/lib/components/AccordionWrapper.vue2.js +5 -0
- package/lib/components/BannerWrapper.vue.d.ts +71 -0
- package/lib/components/BannerWrapper.vue.js +31 -0
- package/lib/components/BannerWrapper.vue2.js +5 -0
- package/lib/components/ButtonGroupWrapper.vue.d.ts +46 -0
- package/lib/components/ButtonGroupWrapper.vue.js +27 -0
- package/lib/components/ButtonGroupWrapper.vue2.js +5 -0
- package/lib/components/ButtonPureWrapper.vue.d.ts +179 -0
- package/lib/components/ButtonPureWrapper.vue.js +40 -0
- package/lib/components/ButtonPureWrapper.vue2.js +5 -0
- package/lib/components/ButtonWrapper.vue.d.ts +135 -0
- package/lib/components/ButtonWrapper.vue.js +36 -0
- package/lib/components/ButtonWrapper.vue2.js +5 -0
- package/lib/components/CarouselWrapper.vue.d.ts +112 -0
- package/lib/components/CarouselWrapper.vue.js +35 -0
- package/lib/components/CarouselWrapper.vue2.js +5 -0
- package/lib/components/CheckboxWrapperWrapper.vue.d.ts +73 -0
- package/lib/components/CheckboxWrapperWrapper.vue.js +30 -0
- package/lib/components/CheckboxWrapperWrapper.vue2.js +5 -0
- package/lib/components/ContentWrapperWrapper.vue.d.ts +62 -0
- package/lib/components/ContentWrapperWrapper.vue.js +29 -0
- package/lib/components/ContentWrapperWrapper.vue2.js +5 -0
- package/lib/components/DividerWrapper.vue.d.ts +55 -0
- package/lib/components/DividerWrapper.vue.js +24 -0
- package/lib/components/DividerWrapper.vue2.js +5 -0
- package/lib/components/FieldsetWrapperWrapper.vue.d.ts +84 -0
- package/lib/components/FieldsetWrapperWrapper.vue.js +31 -0
- package/lib/components/FieldsetWrapperWrapper.vue2.js +5 -0
- package/lib/components/FlexItemWrapper.vue.d.ts +95 -0
- package/lib/components/FlexItemWrapper.vue.js +32 -0
- package/lib/components/FlexItemWrapper.vue2.js +5 -0
- package/lib/components/FlexWrapper.vue.d.ts +95 -0
- package/lib/components/FlexWrapper.vue.js +32 -0
- package/lib/components/FlexWrapper.vue2.js +5 -0
- package/lib/components/GridItemWrapper.vue.d.ts +51 -0
- package/lib/components/GridItemWrapper.vue.js +28 -0
- package/lib/components/GridItemWrapper.vue2.js +5 -0
- package/lib/components/GridWrapper.vue.d.ts +70 -0
- package/lib/components/GridWrapper.vue.js +29 -0
- package/lib/components/GridWrapper.vue2.js +5 -0
- package/lib/components/HeadlineWrapper.vue.d.ts +92 -0
- package/lib/components/HeadlineWrapper.vue.js +32 -0
- package/lib/components/HeadlineWrapper.vue2.js +5 -0
- package/lib/components/IconWrapper.vue.d.ts +93 -0
- package/lib/components/IconWrapper.vue.js +28 -0
- package/lib/components/IconWrapper.vue2.js +5 -0
- package/lib/components/InlineNotificationWrapper.vue.d.ts +121 -0
- package/lib/components/InlineNotificationWrapper.vue.js +35 -0
- package/lib/components/InlineNotificationWrapper.vue2.js +5 -0
- package/lib/components/LinkPureWrapper.vue.d.ts +168 -0
- package/lib/components/LinkPureWrapper.vue.js +40 -0
- package/lib/components/LinkPureWrapper.vue2.js +5 -0
- package/lib/components/LinkSocialWrapper.vue.d.ts +94 -0
- package/lib/components/LinkSocialWrapper.vue.js +33 -0
- package/lib/components/LinkSocialWrapper.vue2.js +5 -0
- package/lib/components/LinkTileWrapper.vue.d.ts +154 -0
- package/lib/components/LinkTileWrapper.vue.js +39 -0
- package/lib/components/LinkTileWrapper.vue2.js +5 -0
- package/lib/components/LinkWrapper.vue.d.ts +124 -0
- package/lib/components/LinkWrapper.vue.js +36 -0
- package/lib/components/LinkWrapper.vue2.js +5 -0
- package/lib/components/MarqueWrapper.vue.d.ts +71 -0
- package/lib/components/MarqueWrapper.vue.js +26 -0
- package/lib/components/MarqueWrapper.vue2.js +5 -0
- package/lib/components/ModalWrapper.vue.d.ts +93 -0
- package/lib/components/ModalWrapper.vue.js +33 -0
- package/lib/components/ModalWrapper.vue2.js +5 -0
- package/lib/components/PaginationWrapper.vue.d.ts +131 -0
- package/lib/components/PaginationWrapper.vue.js +31 -0
- package/lib/components/PaginationWrapper.vue2.js +5 -0
- package/lib/components/PopoverWrapper.vue.d.ts +56 -0
- package/lib/components/PopoverWrapper.vue.js +29 -0
- package/lib/components/PopoverWrapper.vue2.js +5 -0
- package/lib/components/RadioButtonWrapperWrapper.vue.d.ts +73 -0
- package/lib/components/RadioButtonWrapperWrapper.vue.js +30 -0
- package/lib/components/RadioButtonWrapperWrapper.vue2.js +5 -0
- package/lib/components/ScrollerWrapper.vue.d.ts +70 -0
- package/lib/components/ScrollerWrapper.vue.js +30 -0
- package/lib/components/ScrollerWrapper.vue2.js +5 -0
- package/lib/components/SegmentedControlItemWrapper.vue.d.ts +72 -0
- package/lib/components/SegmentedControlItemWrapper.vue.js +31 -0
- package/lib/components/SegmentedControlItemWrapper.vue2.js +5 -0
- package/lib/components/SegmentedControlWrapper.vue.d.ts +63 -0
- package/lib/components/SegmentedControlWrapper.vue.js +30 -0
- package/lib/components/SegmentedControlWrapper.vue2.js +5 -0
- package/lib/components/SelectWrapperWrapper.vue.d.ts +128 -0
- package/lib/components/SelectWrapperWrapper.vue.js +35 -0
- package/lib/components/SelectWrapperWrapper.vue2.js +5 -0
- package/lib/components/SpinnerWrapper.vue.d.ts +52 -0
- package/lib/components/SpinnerWrapper.vue.js +24 -0
- package/lib/components/SpinnerWrapper.vue2.js +5 -0
- package/lib/components/StepperHorizontalItemWrapper.vue.d.ts +47 -0
- package/lib/components/StepperHorizontalItemWrapper.vue.js +28 -0
- package/lib/components/StepperHorizontalItemWrapper.vue2.js +5 -0
- package/lib/components/StepperHorizontalWrapper.vue.d.ts +49 -0
- package/lib/components/StepperHorizontalWrapper.vue.js +29 -0
- package/lib/components/StepperHorizontalWrapper.vue2.js +5 -0
- package/lib/components/SwitchWrapper.vue.d.ts +123 -0
- package/lib/components/SwitchWrapper.vue.js +35 -0
- package/lib/components/SwitchWrapper.vue2.js +5 -0
- package/lib/components/TableBodyWrapper.vue.d.ts +9 -0
- package/lib/components/TableBodyWrapper.vue.js +17 -0
- package/lib/components/TableBodyWrapper.vue2.js +5 -0
- package/lib/components/TableCellWrapper.vue.d.ts +39 -0
- package/lib/components/TableCellWrapper.vue.js +27 -0
- package/lib/components/TableCellWrapper.vue2.js +5 -0
- package/lib/components/TableHeadCellWrapper.vue.d.ts +59 -0
- package/lib/components/TableHeadCellWrapper.vue.js +29 -0
- package/lib/components/TableHeadCellWrapper.vue2.js +5 -0
- package/lib/components/TableHeadRowWrapper.vue.d.ts +9 -0
- package/lib/components/TableHeadRowWrapper.vue.js +17 -0
- package/lib/components/TableHeadRowWrapper.vue2.js +5 -0
- package/lib/components/TableHeadWrapper.vue.d.ts +9 -0
- package/lib/components/TableHeadWrapper.vue.js +17 -0
- package/lib/components/TableHeadWrapper.vue2.js +5 -0
- package/lib/components/TableRowWrapper.vue.d.ts +9 -0
- package/lib/components/TableRowWrapper.vue.js +17 -0
- package/lib/components/TableRowWrapper.vue2.js +5 -0
- package/lib/components/TableWrapper.vue.d.ts +32 -0
- package/lib/components/TableWrapper.vue.js +28 -0
- package/lib/components/TableWrapper.vue2.js +5 -0
- package/lib/components/TabsBarWrapper.vue.d.ts +85 -0
- package/lib/components/TabsBarWrapper.vue.js +32 -0
- package/lib/components/TabsBarWrapper.vue2.js +5 -0
- package/lib/components/TabsItemWrapper.vue.d.ts +28 -0
- package/lib/components/TabsItemWrapper.vue.js +27 -0
- package/lib/components/TabsItemWrapper.vue2.js +5 -0
- package/lib/components/TabsWrapper.vue.d.ts +88 -0
- package/lib/components/TabsWrapper.vue.js +32 -0
- package/lib/components/TabsWrapper.vue2.js +5 -0
- package/lib/components/TagDismissibleWrapper.vue.d.ts +56 -0
- package/lib/components/TagDismissibleWrapper.vue.js +29 -0
- package/lib/components/TagDismissibleWrapper.vue2.js +5 -0
- package/lib/components/TagWrapper.vue.d.ts +67 -0
- package/lib/components/TagWrapper.vue.js +30 -0
- package/lib/components/TagWrapper.vue2.js +5 -0
- package/lib/components/TextFieldWrapperWrapper.vue.d.ts +140 -0
- package/lib/components/TextFieldWrapperWrapper.vue.js +37 -0
- package/lib/components/TextFieldWrapperWrapper.vue2.js +5 -0
- package/lib/components/TextListItemWrapper.vue.d.ts +9 -0
- package/lib/components/TextListItemWrapper.vue.js +17 -0
- package/lib/components/TextListItemWrapper.vue2.js +5 -0
- package/lib/components/TextListWrapper.vue.d.ts +62 -0
- package/lib/components/TextListWrapper.vue.js +29 -0
- package/lib/components/TextListWrapper.vue2.js +5 -0
- package/lib/components/TextWrapper.vue.d.ts +106 -0
- package/lib/components/TextWrapper.vue.js +33 -0
- package/lib/components/TextWrapper.vue2.js +5 -0
- package/lib/components/TextareaWrapperWrapper.vue.d.ts +95 -0
- package/lib/components/TextareaWrapperWrapper.vue.js +32 -0
- package/lib/components/TextareaWrapperWrapper.vue2.js +5 -0
- package/lib/components/ToastWrapper.vue.d.ts +33 -0
- package/lib/components/ToastWrapper.vue.js +22 -0
- package/lib/components/ToastWrapper.vue2.js +5 -0
- package/lib/components/index.d.ts +52 -0
- package/lib/types.d.ts +738 -0
- package/package.json +28 -0
- package/partials/esm/partials.js +1 -0
- package/partials/package.json +6 -0
- package/partials/partials.d.ts +1 -0
- package/partials/partials.js +12 -0
- package/public-api.d.ts +5 -0
- package/public-api.js +112 -0
- package/utilities/js/esm/js.js +1 -0
- package/utilities/js/js.d.ts +1 -0
- package/utilities/js/js.js +12 -0
- package/utilities/js/package.json +6 -0
- package/utilities/scss.scss +1 -0
- package/utils.d.ts +9 -0
- package/utils.js +28 -0
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import type { SelectedAriaAttributes, TagDismissibleColor } from '../types';
|
|
2
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
3
|
+
/**
|
|
4
|
+
* Add ARIA attributes.
|
|
5
|
+
*/
|
|
6
|
+
aria?: SelectedAriaAttributes<"aria-label"> | undefined;
|
|
7
|
+
/**
|
|
8
|
+
* Background color variations
|
|
9
|
+
*/
|
|
10
|
+
color?: "background-surface" | "background-default" | undefined;
|
|
11
|
+
/**
|
|
12
|
+
* The label text.
|
|
13
|
+
*/
|
|
14
|
+
label?: string | undefined;
|
|
15
|
+
}>, {
|
|
16
|
+
color: string;
|
|
17
|
+
}>, {}, 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<{
|
|
18
|
+
/**
|
|
19
|
+
* Add ARIA attributes.
|
|
20
|
+
*/
|
|
21
|
+
aria?: SelectedAriaAttributes<"aria-label"> | undefined;
|
|
22
|
+
/**
|
|
23
|
+
* Background color variations
|
|
24
|
+
*/
|
|
25
|
+
color?: "background-surface" | "background-default" | undefined;
|
|
26
|
+
/**
|
|
27
|
+
* The label text.
|
|
28
|
+
*/
|
|
29
|
+
label?: string | undefined;
|
|
30
|
+
}>, {
|
|
31
|
+
color: string;
|
|
32
|
+
}>>>, {
|
|
33
|
+
color: TagDismissibleColor;
|
|
34
|
+
}>, {
|
|
35
|
+
default: (_: {}) => any;
|
|
36
|
+
}>;
|
|
37
|
+
export default _default;
|
|
38
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
39
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
40
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
41
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
42
|
+
} : {
|
|
43
|
+
type: import('vue').PropType<T[K]>;
|
|
44
|
+
required: true;
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
type __VLS_WithDefaults<P, D> = {
|
|
48
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
49
|
+
default: D[K];
|
|
50
|
+
} : P[K];
|
|
51
|
+
};
|
|
52
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
53
|
+
new (): {
|
|
54
|
+
$slots: S;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { defineComponent as s, ref as p, onMounted as l, onUpdated as f, openBlock as c, createBlock as i, resolveDynamicComponent as m, unref as u, withCtx as d, renderSlot as _ } from "vue";
|
|
2
|
+
import { getPrefixedTagName as g, syncProperties as n } from "../../utils.js";
|
|
3
|
+
const v = /* @__PURE__ */ s({
|
|
4
|
+
__name: "TagDismissibleWrapper",
|
|
5
|
+
props: {
|
|
6
|
+
aria: null,
|
|
7
|
+
color: { default: "background-surface" },
|
|
8
|
+
label: null
|
|
9
|
+
},
|
|
10
|
+
setup(t) {
|
|
11
|
+
const o = t, r = g("p-tag-dismissible"), e = p();
|
|
12
|
+
return l(() => {
|
|
13
|
+
n(e.value, o);
|
|
14
|
+
}), f(() => {
|
|
15
|
+
n(e.value, o);
|
|
16
|
+
}), (a, C) => (c(), i(m(u(r)), {
|
|
17
|
+
ref_key: "pdsComponentRef",
|
|
18
|
+
ref: e
|
|
19
|
+
}, {
|
|
20
|
+
default: d(() => [
|
|
21
|
+
_(a.$slots, "default")
|
|
22
|
+
]),
|
|
23
|
+
_: 3
|
|
24
|
+
}, 512));
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
export {
|
|
28
|
+
v as default
|
|
29
|
+
};
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import type { TagColor, IconName, Theme } from '../types';
|
|
2
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
3
|
+
/**
|
|
4
|
+
* Background color variations depending on theme property.
|
|
5
|
+
*/
|
|
6
|
+
color?: "neutral-contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-neutral" | "background-surface" | "background-default" | undefined;
|
|
7
|
+
/**
|
|
8
|
+
* The icon shown.
|
|
9
|
+
*/
|
|
10
|
+
icon?: IconName | undefined;
|
|
11
|
+
/**
|
|
12
|
+
* A URL path to a custom icon.
|
|
13
|
+
*/
|
|
14
|
+
iconSource?: string | undefined;
|
|
15
|
+
/**
|
|
16
|
+
* Adapts the tag color depending on the theme.
|
|
17
|
+
*/
|
|
18
|
+
theme?: "light" | "dark" | undefined;
|
|
19
|
+
}>, {
|
|
20
|
+
color: string;
|
|
21
|
+
theme: 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<{
|
|
23
|
+
/**
|
|
24
|
+
* Background color variations depending on theme property.
|
|
25
|
+
*/
|
|
26
|
+
color?: "neutral-contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-neutral" | "background-surface" | "background-default" | undefined;
|
|
27
|
+
/**
|
|
28
|
+
* The icon shown.
|
|
29
|
+
*/
|
|
30
|
+
icon?: IconName | undefined;
|
|
31
|
+
/**
|
|
32
|
+
* A URL path to a custom icon.
|
|
33
|
+
*/
|
|
34
|
+
iconSource?: string | undefined;
|
|
35
|
+
/**
|
|
36
|
+
* Adapts the tag color depending on the theme.
|
|
37
|
+
*/
|
|
38
|
+
theme?: "light" | "dark" | undefined;
|
|
39
|
+
}>, {
|
|
40
|
+
color: string;
|
|
41
|
+
theme: string;
|
|
42
|
+
}>>>, {
|
|
43
|
+
theme: Theme;
|
|
44
|
+
color: TagColor;
|
|
45
|
+
}>, {
|
|
46
|
+
default: (_: {}) => any;
|
|
47
|
+
}>;
|
|
48
|
+
export default _default;
|
|
49
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
50
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
51
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
52
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
53
|
+
} : {
|
|
54
|
+
type: import('vue').PropType<T[K]>;
|
|
55
|
+
required: true;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
type __VLS_WithDefaults<P, D> = {
|
|
59
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
60
|
+
default: D[K];
|
|
61
|
+
} : P[K];
|
|
62
|
+
};
|
|
63
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
64
|
+
new (): {
|
|
65
|
+
$slots: S;
|
|
66
|
+
};
|
|
67
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { defineComponent as p, ref as c, onMounted as l, onUpdated as f, openBlock as s, createBlock as u, resolveDynamicComponent as d, unref as m, withCtx as i, renderSlot as g } from "vue";
|
|
2
|
+
import { getPrefixedTagName as _, syncProperties as n } from "../../utils.js";
|
|
3
|
+
const v = /* @__PURE__ */ p({
|
|
4
|
+
__name: "TagWrapper",
|
|
5
|
+
props: {
|
|
6
|
+
color: { default: "background-surface" },
|
|
7
|
+
icon: null,
|
|
8
|
+
iconSource: null,
|
|
9
|
+
theme: { default: "light" }
|
|
10
|
+
},
|
|
11
|
+
setup(t) {
|
|
12
|
+
const o = t, r = _("p-tag"), e = c();
|
|
13
|
+
return l(() => {
|
|
14
|
+
n(e.value, o);
|
|
15
|
+
}), f(() => {
|
|
16
|
+
n(e.value, o);
|
|
17
|
+
}), (a, C) => (s(), u(d(m(r)), {
|
|
18
|
+
ref_key: "pdsComponentRef",
|
|
19
|
+
ref: e
|
|
20
|
+
}, {
|
|
21
|
+
default: i(() => [
|
|
22
|
+
g(a.$slots, "default")
|
|
23
|
+
]),
|
|
24
|
+
_: 3
|
|
25
|
+
}, 512));
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
export {
|
|
29
|
+
v as default
|
|
30
|
+
};
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
import type { BreakpointCustomizable, FormState, TextFieldWrapperUnitPosition } from '../types';
|
|
2
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
3
|
+
/**
|
|
4
|
+
* Action icon can be set to `locate` for `input type="search"` in order to display an action button.
|
|
5
|
+
*/
|
|
6
|
+
actionIcon?: "locate" | undefined;
|
|
7
|
+
/**
|
|
8
|
+
* Disables the action button and shows a loading indicator. No events will be triggered while loading state is active.
|
|
9
|
+
*/
|
|
10
|
+
actionLoading?: boolean | undefined;
|
|
11
|
+
/**
|
|
12
|
+
* The description text.
|
|
13
|
+
*/
|
|
14
|
+
description?: string | undefined;
|
|
15
|
+
/**
|
|
16
|
+
* Show or hide label and description text. For better accessibility it is recommended to show the label.
|
|
17
|
+
*/
|
|
18
|
+
hideLabel?: BreakpointCustomizable<boolean> | undefined;
|
|
19
|
+
/**
|
|
20
|
+
* The label text.
|
|
21
|
+
*/
|
|
22
|
+
label?: string | undefined;
|
|
23
|
+
/**
|
|
24
|
+
* The message styled depending on validation state.
|
|
25
|
+
*/
|
|
26
|
+
message?: string | undefined;
|
|
27
|
+
/**
|
|
28
|
+
* Show or hide max character count.
|
|
29
|
+
*/
|
|
30
|
+
showCharacterCount?: boolean | undefined;
|
|
31
|
+
/**
|
|
32
|
+
* The validation state.
|
|
33
|
+
*/
|
|
34
|
+
state?: "success" | "none" | "error" | undefined;
|
|
35
|
+
/**
|
|
36
|
+
* The unit text.
|
|
37
|
+
*/
|
|
38
|
+
unit?: string | undefined;
|
|
39
|
+
/**
|
|
40
|
+
* The unit position.
|
|
41
|
+
*/
|
|
42
|
+
unitPosition?: "prefix" | "suffix" | undefined;
|
|
43
|
+
}>, {
|
|
44
|
+
actionLoading: boolean;
|
|
45
|
+
description: string;
|
|
46
|
+
hideLabel: boolean;
|
|
47
|
+
label: string;
|
|
48
|
+
message: string;
|
|
49
|
+
showCharacterCount: boolean;
|
|
50
|
+
state: string;
|
|
51
|
+
unit: string;
|
|
52
|
+
unitPosition: string;
|
|
53
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
54
|
+
action: (value?: void | undefined) => void;
|
|
55
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
56
|
+
/**
|
|
57
|
+
* Action icon can be set to `locate` for `input type="search"` in order to display an action button.
|
|
58
|
+
*/
|
|
59
|
+
actionIcon?: "locate" | undefined;
|
|
60
|
+
/**
|
|
61
|
+
* Disables the action button and shows a loading indicator. No events will be triggered while loading state is active.
|
|
62
|
+
*/
|
|
63
|
+
actionLoading?: boolean | undefined;
|
|
64
|
+
/**
|
|
65
|
+
* The description text.
|
|
66
|
+
*/
|
|
67
|
+
description?: string | undefined;
|
|
68
|
+
/**
|
|
69
|
+
* Show or hide label and description text. For better accessibility it is recommended to show the label.
|
|
70
|
+
*/
|
|
71
|
+
hideLabel?: BreakpointCustomizable<boolean> | undefined;
|
|
72
|
+
/**
|
|
73
|
+
* The label text.
|
|
74
|
+
*/
|
|
75
|
+
label?: string | undefined;
|
|
76
|
+
/**
|
|
77
|
+
* The message styled depending on validation state.
|
|
78
|
+
*/
|
|
79
|
+
message?: string | undefined;
|
|
80
|
+
/**
|
|
81
|
+
* Show or hide max character count.
|
|
82
|
+
*/
|
|
83
|
+
showCharacterCount?: boolean | undefined;
|
|
84
|
+
/**
|
|
85
|
+
* The validation state.
|
|
86
|
+
*/
|
|
87
|
+
state?: "success" | "none" | "error" | undefined;
|
|
88
|
+
/**
|
|
89
|
+
* The unit text.
|
|
90
|
+
*/
|
|
91
|
+
unit?: string | undefined;
|
|
92
|
+
/**
|
|
93
|
+
* The unit position.
|
|
94
|
+
*/
|
|
95
|
+
unitPosition?: "prefix" | "suffix" | undefined;
|
|
96
|
+
}>, {
|
|
97
|
+
actionLoading: boolean;
|
|
98
|
+
description: string;
|
|
99
|
+
hideLabel: boolean;
|
|
100
|
+
label: string;
|
|
101
|
+
message: string;
|
|
102
|
+
showCharacterCount: boolean;
|
|
103
|
+
state: string;
|
|
104
|
+
unit: string;
|
|
105
|
+
unitPosition: string;
|
|
106
|
+
}>>> & {
|
|
107
|
+
onAction?: ((value?: void | undefined) => any) | undefined;
|
|
108
|
+
}, {
|
|
109
|
+
label: string;
|
|
110
|
+
state: FormState;
|
|
111
|
+
hideLabel: BreakpointCustomizable<boolean>;
|
|
112
|
+
description: string;
|
|
113
|
+
message: string;
|
|
114
|
+
actionLoading: boolean;
|
|
115
|
+
showCharacterCount: boolean;
|
|
116
|
+
unit: string;
|
|
117
|
+
unitPosition: TextFieldWrapperUnitPosition;
|
|
118
|
+
}>, {
|
|
119
|
+
default: (_: {}) => any;
|
|
120
|
+
}>;
|
|
121
|
+
export default _default;
|
|
122
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
123
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
124
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
125
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
126
|
+
} : {
|
|
127
|
+
type: import('vue').PropType<T[K]>;
|
|
128
|
+
required: true;
|
|
129
|
+
};
|
|
130
|
+
};
|
|
131
|
+
type __VLS_WithDefaults<P, D> = {
|
|
132
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
133
|
+
default: D[K];
|
|
134
|
+
} : P[K];
|
|
135
|
+
};
|
|
136
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
137
|
+
new (): {
|
|
138
|
+
$slots: S;
|
|
139
|
+
};
|
|
140
|
+
};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { defineComponent as p, ref as f, onMounted as d, onUpdated as s, openBlock as i, createBlock as u, resolveDynamicComponent as c, unref as m, withCtx as C, renderSlot as _ } from "vue";
|
|
2
|
+
import { getPrefixedTagName as x, syncProperties as o, addEventListenerToElementRef as g } from "../../utils.js";
|
|
3
|
+
const w = /* @__PURE__ */ p({
|
|
4
|
+
__name: "TextFieldWrapperWrapper",
|
|
5
|
+
props: {
|
|
6
|
+
actionIcon: null,
|
|
7
|
+
actionLoading: { type: Boolean, default: !1 },
|
|
8
|
+
description: { default: "" },
|
|
9
|
+
hideLabel: { default: !1 },
|
|
10
|
+
label: { default: "" },
|
|
11
|
+
message: { default: "" },
|
|
12
|
+
showCharacterCount: { type: Boolean, default: !0 },
|
|
13
|
+
state: { default: "none" },
|
|
14
|
+
unit: { default: "" },
|
|
15
|
+
unitPosition: { default: "prefix" }
|
|
16
|
+
},
|
|
17
|
+
emits: ["action"],
|
|
18
|
+
setup(n, { emit: a }) {
|
|
19
|
+
const t = n, r = x("p-text-field-wrapper"), e = f();
|
|
20
|
+
return d(() => {
|
|
21
|
+
o(e.value, t), g(e.value, "action", a);
|
|
22
|
+
}), s(() => {
|
|
23
|
+
o(e.value, t);
|
|
24
|
+
}), (l, h) => (i(), u(c(m(r)), {
|
|
25
|
+
ref_key: "pdsComponentRef",
|
|
26
|
+
ref: e
|
|
27
|
+
}, {
|
|
28
|
+
default: C(() => [
|
|
29
|
+
_(l.$slots, "default")
|
|
30
|
+
]),
|
|
31
|
+
_: 3
|
|
32
|
+
}, 512));
|
|
33
|
+
}
|
|
34
|
+
});
|
|
35
|
+
export {
|
|
36
|
+
w as default
|
|
37
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, {
|
|
2
|
+
default: (_: {}) => any;
|
|
3
|
+
}>;
|
|
4
|
+
export default _default;
|
|
5
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
6
|
+
new (): {
|
|
7
|
+
$slots: S;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { defineComponent as o, openBlock as n, createBlock as r, resolveDynamicComponent as a, unref as m, withCtx as p, renderSlot as l } from "vue";
|
|
2
|
+
import { getPrefixedTagName as s } from "../../utils.js";
|
|
3
|
+
const _ = /* @__PURE__ */ o({
|
|
4
|
+
__name: "TextListItemWrapper",
|
|
5
|
+
setup(i) {
|
|
6
|
+
const e = s("p-text-list-item");
|
|
7
|
+
return (t, c) => (n(), r(a(m(e)), null, {
|
|
8
|
+
default: p(() => [
|
|
9
|
+
l(t.$slots, "default")
|
|
10
|
+
]),
|
|
11
|
+
_: 3
|
|
12
|
+
}));
|
|
13
|
+
}
|
|
14
|
+
});
|
|
15
|
+
export {
|
|
16
|
+
_ as default
|
|
17
|
+
};
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import type { ListType, OrderType, Theme } from '../types';
|
|
2
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
3
|
+
/**
|
|
4
|
+
* The type of the text list.
|
|
5
|
+
*/
|
|
6
|
+
listType?: "unordered" | "ordered" | undefined;
|
|
7
|
+
/**
|
|
8
|
+
* The list style type of an ordered list.
|
|
9
|
+
*/
|
|
10
|
+
orderType?: "numbered" | "alphabetically" | undefined;
|
|
11
|
+
/**
|
|
12
|
+
* Adapts the text color depending on the theme. Has no effect when "inherit" is set as color prop.
|
|
13
|
+
*/
|
|
14
|
+
theme?: "light" | "dark" | undefined;
|
|
15
|
+
}>, {
|
|
16
|
+
listType: string;
|
|
17
|
+
orderType: string;
|
|
18
|
+
theme: string;
|
|
19
|
+
}>, {}, 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<{
|
|
20
|
+
/**
|
|
21
|
+
* The type of the text list.
|
|
22
|
+
*/
|
|
23
|
+
listType?: "unordered" | "ordered" | undefined;
|
|
24
|
+
/**
|
|
25
|
+
* The list style type of an ordered list.
|
|
26
|
+
*/
|
|
27
|
+
orderType?: "numbered" | "alphabetically" | undefined;
|
|
28
|
+
/**
|
|
29
|
+
* Adapts the text color depending on the theme. Has no effect when "inherit" is set as color prop.
|
|
30
|
+
*/
|
|
31
|
+
theme?: "light" | "dark" | undefined;
|
|
32
|
+
}>, {
|
|
33
|
+
listType: string;
|
|
34
|
+
orderType: string;
|
|
35
|
+
theme: string;
|
|
36
|
+
}>>>, {
|
|
37
|
+
theme: Theme;
|
|
38
|
+
listType: ListType;
|
|
39
|
+
orderType: OrderType;
|
|
40
|
+
}>, {
|
|
41
|
+
default: (_: {}) => any;
|
|
42
|
+
}>;
|
|
43
|
+
export default _default;
|
|
44
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
45
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
46
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
47
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
48
|
+
} : {
|
|
49
|
+
type: import('vue').PropType<T[K]>;
|
|
50
|
+
required: true;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
type __VLS_WithDefaults<P, D> = {
|
|
54
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
55
|
+
default: D[K];
|
|
56
|
+
} : P[K];
|
|
57
|
+
};
|
|
58
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
59
|
+
new (): {
|
|
60
|
+
$slots: S;
|
|
61
|
+
};
|
|
62
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { defineComponent as a, ref as s, onMounted as d, onUpdated as f, openBlock as l, createBlock as m, resolveDynamicComponent as u, unref as c, withCtx as i, renderSlot as _ } from "vue";
|
|
2
|
+
import { getPrefixedTagName as C, syncProperties as o } from "../../utils.js";
|
|
3
|
+
const g = /* @__PURE__ */ a({
|
|
4
|
+
__name: "TextListWrapper",
|
|
5
|
+
props: {
|
|
6
|
+
listType: { default: "unordered" },
|
|
7
|
+
orderType: { default: "numbered" },
|
|
8
|
+
theme: { default: "light" }
|
|
9
|
+
},
|
|
10
|
+
setup(n) {
|
|
11
|
+
const t = n, r = C("p-text-list"), e = s();
|
|
12
|
+
return d(() => {
|
|
13
|
+
o(e.value, t);
|
|
14
|
+
}), f(() => {
|
|
15
|
+
o(e.value, t);
|
|
16
|
+
}), (p, x) => (l(), m(u(c(r)), {
|
|
17
|
+
ref_key: "pdsComponentRef",
|
|
18
|
+
ref: e
|
|
19
|
+
}, {
|
|
20
|
+
default: i(() => [
|
|
21
|
+
_(p.$slots, "default")
|
|
22
|
+
]),
|
|
23
|
+
_: 3
|
|
24
|
+
}, 512));
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
export {
|
|
28
|
+
g as default
|
|
29
|
+
};
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
import type { TextAlign, TextColor, BreakpointCustomizable, TextSize, TextTag, Theme, TextWeight } from '../types';
|
|
2
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
3
|
+
/**
|
|
4
|
+
* Text alignment of the component.
|
|
5
|
+
*/
|
|
6
|
+
align?: "center" | "left" | "right" | undefined;
|
|
7
|
+
/**
|
|
8
|
+
* Basic text color variations depending on theme property.
|
|
9
|
+
*/
|
|
10
|
+
color?: "default" | "inherit" | "brand" | "neutral-contrast-high" | "neutral-contrast-medium" | "neutral-contrast-low" | "notification-success" | "notification-warning" | "notification-error" | "notification-neutral" | undefined;
|
|
11
|
+
/**
|
|
12
|
+
* Adds an ellipsis to a single line of text if it overflows.
|
|
13
|
+
*/
|
|
14
|
+
ellipsis?: boolean | undefined;
|
|
15
|
+
/**
|
|
16
|
+
* Size of the text. Also defines the size for specific breakpoints, like {base: "small", l: "medium"}. You always need to provide a base value when doing this.
|
|
17
|
+
*/
|
|
18
|
+
size?: BreakpointCustomizable<"x-small" | "small" | "medium" | "large" | "x-large" | "inherit"> | undefined;
|
|
19
|
+
/**
|
|
20
|
+
* Sets a custom HTML tag depending of the usage of the text component.
|
|
21
|
+
*/
|
|
22
|
+
tag?: "time" | "p" | "span" | "div" | "address" | "blockquote" | "figcaption" | "cite" | "legend" | undefined;
|
|
23
|
+
/**
|
|
24
|
+
* Adapts the text color depending on the theme. Has no effect when "inherit" is set as color prop.
|
|
25
|
+
*/
|
|
26
|
+
theme?: "light" | "dark" | undefined;
|
|
27
|
+
/**
|
|
28
|
+
* The weight of the text.
|
|
29
|
+
*/
|
|
30
|
+
weight?: "thin" | "regular" | "semibold" | "bold" | undefined;
|
|
31
|
+
}>, {
|
|
32
|
+
align: string;
|
|
33
|
+
color: string;
|
|
34
|
+
ellipsis: boolean;
|
|
35
|
+
size: string;
|
|
36
|
+
tag: string;
|
|
37
|
+
theme: string;
|
|
38
|
+
weight: string;
|
|
39
|
+
}>, {}, 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<{
|
|
40
|
+
/**
|
|
41
|
+
* Text alignment of the component.
|
|
42
|
+
*/
|
|
43
|
+
align?: "center" | "left" | "right" | undefined;
|
|
44
|
+
/**
|
|
45
|
+
* Basic text color variations depending on theme property.
|
|
46
|
+
*/
|
|
47
|
+
color?: "default" | "inherit" | "brand" | "neutral-contrast-high" | "neutral-contrast-medium" | "neutral-contrast-low" | "notification-success" | "notification-warning" | "notification-error" | "notification-neutral" | undefined;
|
|
48
|
+
/**
|
|
49
|
+
* Adds an ellipsis to a single line of text if it overflows.
|
|
50
|
+
*/
|
|
51
|
+
ellipsis?: boolean | undefined;
|
|
52
|
+
/**
|
|
53
|
+
* Size of the text. Also defines the size for specific breakpoints, like {base: "small", l: "medium"}. You always need to provide a base value when doing this.
|
|
54
|
+
*/
|
|
55
|
+
size?: BreakpointCustomizable<"x-small" | "small" | "medium" | "large" | "x-large" | "inherit"> | undefined;
|
|
56
|
+
/**
|
|
57
|
+
* Sets a custom HTML tag depending of the usage of the text component.
|
|
58
|
+
*/
|
|
59
|
+
tag?: "time" | "p" | "span" | "div" | "address" | "blockquote" | "figcaption" | "cite" | "legend" | undefined;
|
|
60
|
+
/**
|
|
61
|
+
* Adapts the text color depending on the theme. Has no effect when "inherit" is set as color prop.
|
|
62
|
+
*/
|
|
63
|
+
theme?: "light" | "dark" | undefined;
|
|
64
|
+
/**
|
|
65
|
+
* The weight of the text.
|
|
66
|
+
*/
|
|
67
|
+
weight?: "thin" | "regular" | "semibold" | "bold" | undefined;
|
|
68
|
+
}>, {
|
|
69
|
+
align: string;
|
|
70
|
+
color: string;
|
|
71
|
+
ellipsis: boolean;
|
|
72
|
+
size: string;
|
|
73
|
+
tag: string;
|
|
74
|
+
theme: string;
|
|
75
|
+
weight: string;
|
|
76
|
+
}>>>, {
|
|
77
|
+
weight: TextWeight;
|
|
78
|
+
size: BreakpointCustomizable<TextSize>;
|
|
79
|
+
tag: TextTag;
|
|
80
|
+
theme: Theme;
|
|
81
|
+
color: TextColor;
|
|
82
|
+
align: TextAlign;
|
|
83
|
+
ellipsis: boolean;
|
|
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 r, ref as f, onMounted as p, onUpdated as s, openBlock as d, createBlock as u, resolveDynamicComponent as m, unref as i, withCtx as c, renderSlot as g } from "vue";
|
|
2
|
+
import { getPrefixedTagName as _, syncProperties as o } from "../../utils.js";
|
|
3
|
+
const y = /* @__PURE__ */ r({
|
|
4
|
+
__name: "TextWrapper",
|
|
5
|
+
props: {
|
|
6
|
+
align: { default: "left" },
|
|
7
|
+
color: { default: "default" },
|
|
8
|
+
ellipsis: { type: Boolean, default: !1 },
|
|
9
|
+
size: { default: "small" },
|
|
10
|
+
tag: { default: "p" },
|
|
11
|
+
theme: { default: "light" },
|
|
12
|
+
weight: { default: "regular" }
|
|
13
|
+
},
|
|
14
|
+
setup(a) {
|
|
15
|
+
const t = a, l = _("p-text"), e = f();
|
|
16
|
+
return p(() => {
|
|
17
|
+
o(e.value, t);
|
|
18
|
+
}), s(() => {
|
|
19
|
+
o(e.value, t);
|
|
20
|
+
}), (n, C) => (d(), u(m(i(l)), {
|
|
21
|
+
ref_key: "pdsComponentRef",
|
|
22
|
+
ref: e
|
|
23
|
+
}, {
|
|
24
|
+
default: c(() => [
|
|
25
|
+
g(n.$slots, "default")
|
|
26
|
+
]),
|
|
27
|
+
_: 3
|
|
28
|
+
}, 512));
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
export {
|
|
32
|
+
y as default
|
|
33
|
+
};
|