@porsche-design-system/components-vue 3.10.0-rc.0 → 3.10.0-rc.1
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 +12 -0
- package/cjs/lib/components/LinkTileProductWrapper.vue.cjs +1 -0
- package/cjs/lib/components/LinkTileProductWrapper.vue2.cjs +1 -0
- package/cjs/public-api.cjs +1 -1
- package/esm/lib/components/LinkTileProductWrapper.vue.d.ts +88 -0
- package/esm/lib/components/LinkTileProductWrapper.vue.mjs +37 -0
- package/esm/lib/components/LinkTileProductWrapper.vue2.mjs +4 -0
- package/esm/lib/components/index.d.ts +1 -0
- package/esm/lib/types.d.ts +9 -0
- package/esm/public-api.mjs +83 -81
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -14,6 +14,18 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
|
|
|
14
14
|
|
|
15
15
|
### [Unreleased]
|
|
16
16
|
|
|
17
|
+
### [3.10.0-rc.1] - 2023-12-11
|
|
18
|
+
|
|
19
|
+
#### Added
|
|
20
|
+
|
|
21
|
+
- **[EXPERIMENTAL]** `Link Tile Product`
|
|
22
|
+
([#2909](https://github.com/porsche-design-system/porsche-design-system/pull/2909))
|
|
23
|
+
|
|
24
|
+
#### Fixed
|
|
25
|
+
|
|
26
|
+
- `Wordmark`, `Crest` and `Marque`: custom clickable area
|
|
27
|
+
([#2930](https://github.com/porsche-design-system/porsche-design-system/pull/2930))
|
|
28
|
+
|
|
17
29
|
### [3.10.0-rc.0] - 2023-12-07
|
|
18
30
|
|
|
19
31
|
#### Added
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("vue"),t=require("../../utils.cjs"),u=e.defineComponent({__name:"LinkTileProductWrapper",props:{aspectRatio:{default:"3:4"},description:{},heading:{},href:{},likeButton:{type:Boolean,default:!0},liked:{type:Boolean,default:!1},price:{},rel:{},target:{default:"_self"},theme:{}},emits:["like"],setup(c,{emit:p}){const l=t.usePrefix("p-link-tile-product"),o=c,n=e.ref(),a=p,s=e.inject(t.themeInjectionKey),i=()=>t.syncProperties(n,{...o,theme:o.theme||s.value});return e.onMounted(()=>{i(),t.addEventListenerToElementRef(n,"like",a)}),e.onUpdated(i),e.watch(s,r=>{t.syncProperties(n,{theme:o.theme||r})}),(r,d)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(l)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},512))}});module.exports=u;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("./LinkTileProductWrapper.vue.cjs");module.exports=e;
|
package/cjs/public-api.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@porsche-design-system/components-js"),t=require("./lib/components/AccordionWrapper.vue.cjs"),_=require("./lib/components/BannerWrapper.vue.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@porsche-design-system/components-js"),t=require("./lib/components/AccordionWrapper.vue.cjs"),_=require("./lib/components/BannerWrapper.vue.cjs"),u=require("./lib/components/ButtonWrapper.vue.cjs"),p=require("./lib/components/ButtonGroupWrapper.vue.cjs"),s=require("./lib/components/ButtonPureWrapper.vue.cjs"),i=require("./lib/components/ButtonTileWrapper.vue.cjs"),a=require("./lib/components/CarouselWrapper.vue.cjs"),n=require("./lib/components/CheckboxWrapperWrapper.vue.cjs"),o=require("./lib/components/ContentWrapperWrapper.vue.cjs"),c=require("./lib/components/CrestWrapper.vue.cjs"),l=require("./lib/components/DisplayWrapper.vue.cjs"),v=require("./lib/components/DividerWrapper.vue.cjs"),g=require("./lib/components/FieldsetWrapper.vue.cjs"),P=require("./lib/components/FieldsetWrapperWrapper.vue.cjs"),y=require("./lib/components/FlexWrapper.vue.cjs"),W=require("./lib/components/FlexItemWrapper.vue.cjs"),q=require("./lib/components/FlyoutWrapper.vue.cjs"),d=require("./lib/components/FlyoutNavigationWrapper.vue.cjs"),T=require("./lib/components/FlyoutNavigationItemWrapper.vue.cjs"),S=require("./lib/components/GridWrapper.vue.cjs"),m=require("./lib/components/GridItemWrapper.vue.cjs"),b=require("./lib/components/HeadingWrapper.vue.cjs"),C=require("./lib/components/HeadlineWrapper.vue.cjs"),I=require("./lib/components/IconWrapper.vue.cjs"),k=require("./lib/components/InlineNotificationWrapper.vue.cjs"),x=require("./lib/components/LinkWrapper.vue.cjs"),B=require("./lib/components/LinkPureWrapper.vue.cjs"),F=require("./lib/components/LinkSocialWrapper.vue.cjs"),L=require("./lib/components/LinkTileWrapper.vue.cjs"),M=require("./lib/components/LinkTileModelSignatureWrapper.vue.cjs"),H=require("./lib/components/LinkTileProductWrapper.vue.cjs"),D=require("./lib/components/MarqueWrapper.vue.cjs"),h=require("./lib/components/ModalWrapper.vue.cjs"),R=require("./lib/components/ModelSignatureWrapper.vue.cjs"),w=require("./lib/components/MultiSelectWrapper.vue.cjs"),G=require("./lib/components/MultiSelectOptionWrapper.vue.cjs"),N=require("./lib/components/PaginationWrapper.vue.cjs"),f=require("./lib/components/PinCodeWrapper.vue.cjs"),z=require("./lib/components/PopoverWrapper.vue.cjs"),O=require("./lib/components/RadioButtonWrapperWrapper.vue.cjs"),j=require("./lib/components/ScrollerWrapper.vue.cjs"),A=require("./lib/components/SegmentedControlWrapper.vue.cjs"),J=require("./lib/components/SegmentedControlItemWrapper.vue.cjs"),E=require("./lib/components/SelectWrapperWrapper.vue.cjs"),K=require("./lib/components/SpinnerWrapper.vue.cjs"),Q=require("./lib/components/StepperHorizontalWrapper.vue.cjs"),U=require("./lib/components/StepperHorizontalItemWrapper.vue.cjs"),V=require("./lib/components/SwitchWrapper.vue.cjs"),X=require("./lib/components/TableWrapper.vue.cjs"),Y=require("./lib/components/TableBodyWrapper.vue.cjs"),Z=require("./lib/components/TableCellWrapper.vue.cjs"),$=require("./lib/components/TableHeadWrapper.vue.cjs"),ee=require("./lib/components/TableHeadCellWrapper.vue.cjs"),re=require("./lib/components/TableHeadRowWrapper.vue.cjs"),te=require("./lib/components/TableRowWrapper.vue.cjs"),_e=require("./lib/components/TabsWrapper.vue.cjs"),ue=require("./lib/components/TabsBarWrapper.vue.cjs"),pe=require("./lib/components/TabsItemWrapper.vue.cjs"),se=require("./lib/components/TagWrapper.vue.cjs"),ie=require("./lib/components/TagDismissibleWrapper.vue.cjs"),ae=require("./lib/components/TextWrapper.vue.cjs"),ne=require("./lib/components/TextFieldWrapperWrapper.vue.cjs"),oe=require("./lib/components/TextListWrapper.vue.cjs"),ce=require("./lib/components/TextListItemWrapper.vue.cjs"),le=require("./lib/components/TextareaWrapperWrapper.vue.cjs"),ve=require("./lib/components/ToastWrapper.vue.cjs"),ge=require("./lib/components/WordmarkWrapper.vue.cjs"),Pe=require("./utils.cjs"),ye=require("./PorscheDesignSystemProvider.vue.cjs"),e=require("./plugin.cjs");Object.defineProperty(exports,"componentsReady",{enumerable:!0,get:()=>r.componentsReady});exports.PAccordion=t;exports.PBanner=_;exports.PButton=u;exports.PButtonGroup=p;exports.PButtonPure=s;exports.PButtonTile=i;exports.PCarousel=a;exports.PCheckboxWrapper=n;exports.PContentWrapper=o;exports.PCrest=c;exports.PDisplay=l;exports.PDivider=v;exports.PFieldset=g;exports.PFieldsetWrapper=P;exports.PFlex=y;exports.PFlexItem=W;exports.PFlyout=q;exports.PFlyoutNavigation=d;exports.PFlyoutNavigationItem=T;exports.PGrid=S;exports.PGridItem=m;exports.PHeading=b;exports.PHeadline=C;exports.PIcon=I;exports.PInlineNotification=k;exports.PLink=x;exports.PLinkPure=B;exports.PLinkSocial=F;exports.PLinkTile=L;exports.PLinkTileModelSignature=M;exports.PLinkTileProduct=H;exports.PMarque=D;exports.PModal=h;exports.PModelSignature=R;exports.PMultiSelect=w;exports.PMultiSelectOption=G;exports.PPagination=N;exports.PPinCode=f;exports.PPopover=z;exports.PRadioButtonWrapper=O;exports.PScroller=j;exports.PSegmentedControl=A;exports.PSegmentedControlItem=J;exports.PSelectWrapper=E;exports.PSpinner=K;exports.PStepperHorizontal=Q;exports.PStepperHorizontalItem=U;exports.PSwitch=V;exports.PTable=X;exports.PTableBody=Y;exports.PTableCell=Z;exports.PTableHead=$;exports.PTableHeadCell=ee;exports.PTableHeadRow=re;exports.PTableRow=te;exports.PTabs=_e;exports.PTabsBar=ue;exports.PTabsItem=pe;exports.PTag=se;exports.PTagDismissible=ie;exports.PText=ae;exports.PTextFieldWrapper=ne;exports.PTextList=oe;exports.PTextListItem=ce;exports.PTextareaWrapper=le;exports.PToast=ve;exports.PWordmark=ge;exports.useToastManager=Pe.useToastManager;exports.PorscheDesignSystemProvider=ye;exports.createPorscheDesignSystem=e.createPorscheDesignSystem;exports.usePorscheDesignSystemPlugin=e.usePorscheDesignSystemPlugin;
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import type { BreakpointCustomizable, LinkTileProductAspectRatio, LinkTileProductLikeEvent, LinkTileProductTarget, Theme } from '../types';
|
|
2
|
+
type PLinkTileProductProps = {
|
|
3
|
+
/**
|
|
4
|
+
* Aspect ratio of the link-tile-product.
|
|
5
|
+
*/
|
|
6
|
+
aspectRatio?: BreakpointCustomizable<LinkTileProductAspectRatio>;
|
|
7
|
+
/**
|
|
8
|
+
* Additional product description
|
|
9
|
+
*/
|
|
10
|
+
description?: string;
|
|
11
|
+
/**
|
|
12
|
+
* Product heading
|
|
13
|
+
*/
|
|
14
|
+
heading: string;
|
|
15
|
+
/**
|
|
16
|
+
* href of the `<a>`.
|
|
17
|
+
*/
|
|
18
|
+
href?: string;
|
|
19
|
+
/**
|
|
20
|
+
* A Boolean attribute indicating that a like button should be shown.
|
|
21
|
+
*/
|
|
22
|
+
likeButton?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* A Boolean attribute indicating that a product is liked.
|
|
25
|
+
*/
|
|
26
|
+
liked?: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* Product price
|
|
29
|
+
*/
|
|
30
|
+
price: string;
|
|
31
|
+
/**
|
|
32
|
+
* Specifies the relationship of the target object to the link object.
|
|
33
|
+
*/
|
|
34
|
+
rel?: string;
|
|
35
|
+
/**
|
|
36
|
+
* Target attribute where the link should be opened.
|
|
37
|
+
*/
|
|
38
|
+
target?: LinkTileProductTarget;
|
|
39
|
+
/**
|
|
40
|
+
* Adapts the link-tile-product color depending on the theme.
|
|
41
|
+
*/
|
|
42
|
+
theme?: Theme;
|
|
43
|
+
};
|
|
44
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PLinkTileProductProps>, {
|
|
45
|
+
aspectRatio: string;
|
|
46
|
+
likeButton: boolean;
|
|
47
|
+
liked: boolean;
|
|
48
|
+
target: string;
|
|
49
|
+
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
50
|
+
like: (value: LinkTileProductLikeEvent) => void;
|
|
51
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PLinkTileProductProps>, {
|
|
52
|
+
aspectRatio: string;
|
|
53
|
+
likeButton: boolean;
|
|
54
|
+
liked: boolean;
|
|
55
|
+
target: string;
|
|
56
|
+
}>>> & {
|
|
57
|
+
onLike?: ((value: LinkTileProductLikeEvent) => any) | undefined;
|
|
58
|
+
}, {
|
|
59
|
+
aspectRatio: BreakpointCustomizable<LinkTileProductAspectRatio>;
|
|
60
|
+
target: string;
|
|
61
|
+
likeButton: boolean;
|
|
62
|
+
liked: boolean;
|
|
63
|
+
}, {}>, {
|
|
64
|
+
default?(_: {}): any;
|
|
65
|
+
}>;
|
|
66
|
+
export default _default;
|
|
67
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
68
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
69
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
70
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
71
|
+
} : {
|
|
72
|
+
type: import('vue').PropType<T[K]>;
|
|
73
|
+
required: true;
|
|
74
|
+
};
|
|
75
|
+
};
|
|
76
|
+
type __VLS_WithDefaults<P, D> = {
|
|
77
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
78
|
+
default: D[K];
|
|
79
|
+
}> : P[K];
|
|
80
|
+
};
|
|
81
|
+
type __VLS_Prettify<T> = {
|
|
82
|
+
[K in keyof T]: T[K];
|
|
83
|
+
} & {};
|
|
84
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
85
|
+
new (): {
|
|
86
|
+
$slots: S;
|
|
87
|
+
};
|
|
88
|
+
};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { defineComponent as c, ref as f, inject as m, onMounted as d, onUpdated as u, watch as h, openBlock as k, createBlock as _, resolveDynamicComponent as y, unref as C, withCtx as B, renderSlot as R } from "vue";
|
|
2
|
+
import { usePrefix as P, themeInjectionKey as g, addEventListenerToElementRef as v, syncProperties as p } from "../../utils.mjs";
|
|
3
|
+
const j = /* @__PURE__ */ c({
|
|
4
|
+
__name: "LinkTileProductWrapper",
|
|
5
|
+
props: {
|
|
6
|
+
aspectRatio: { default: "3:4" },
|
|
7
|
+
description: {},
|
|
8
|
+
heading: {},
|
|
9
|
+
href: {},
|
|
10
|
+
likeButton: { type: Boolean, default: !0 },
|
|
11
|
+
liked: { type: Boolean, default: !1 },
|
|
12
|
+
price: {},
|
|
13
|
+
rel: {},
|
|
14
|
+
target: { default: "_self" },
|
|
15
|
+
theme: {}
|
|
16
|
+
},
|
|
17
|
+
emits: ["like"],
|
|
18
|
+
setup(s, { emit: i }) {
|
|
19
|
+
const a = P("p-link-tile-product"), t = s, e = f(), l = i, n = m(g), r = () => p(e, { ...t, theme: t.theme || n.value });
|
|
20
|
+
return d(() => {
|
|
21
|
+
r(), v(e, "like", l);
|
|
22
|
+
}), u(r), h(n, (o) => {
|
|
23
|
+
p(e, { theme: t.theme || o });
|
|
24
|
+
}), (o, w) => (k(), _(y(C(a)), {
|
|
25
|
+
ref_key: "pdsComponentRef",
|
|
26
|
+
ref: e
|
|
27
|
+
}, {
|
|
28
|
+
default: B(() => [
|
|
29
|
+
R(o.$slots, "default")
|
|
30
|
+
]),
|
|
31
|
+
_: 3
|
|
32
|
+
}, 512));
|
|
33
|
+
}
|
|
34
|
+
});
|
|
35
|
+
export {
|
|
36
|
+
j as default
|
|
37
|
+
};
|
|
@@ -28,6 +28,7 @@ export { default as PLinkPure } from './LinkPureWrapper.vue';
|
|
|
28
28
|
export { default as PLinkSocial } from './LinkSocialWrapper.vue';
|
|
29
29
|
export { default as PLinkTile } from './LinkTileWrapper.vue';
|
|
30
30
|
export { default as PLinkTileModelSignature } from './LinkTileModelSignatureWrapper.vue';
|
|
31
|
+
export { default as PLinkTileProduct } from './LinkTileProductWrapper.vue';
|
|
31
32
|
export { default as PMarque } from './MarqueWrapper.vue';
|
|
32
33
|
export { default as PModal } from './ModalWrapper.vue';
|
|
33
34
|
export { default as PModelSignature } from './ModelSignatureWrapper.vue';
|
package/esm/lib/types.d.ts
CHANGED
|
@@ -996,6 +996,15 @@ export type LinkTileModelSignatureHeadingTag = (typeof LINK_TILE_MODEL_SIGNATURE
|
|
|
996
996
|
export type LinkTileModelSignatureWeight = TileWeight;
|
|
997
997
|
export type LinkTileModelSignatureAspectRatio = TileAspectRatio;
|
|
998
998
|
export type LinkTileModelSignatureLinkDirection = GroupDirection;
|
|
999
|
+
export type LinkTileProductTarget = LinkTarget;
|
|
1000
|
+
export type LinkTileProductLikeEvent = {
|
|
1001
|
+
liked: boolean;
|
|
1002
|
+
};
|
|
1003
|
+
declare const TILE_PRODUCT_ASPECT_RATIOS: readonly [
|
|
1004
|
+
"3:4",
|
|
1005
|
+
"9:16"
|
|
1006
|
+
];
|
|
1007
|
+
export type LinkTileProductAspectRatio = Extract<TileAspectRatio, (typeof TILE_PRODUCT_ASPECT_RATIOS)[number]>;
|
|
999
1008
|
declare const MODEL_SIGNATURES_MANIFEST: {
|
|
1000
1009
|
"718": string;
|
|
1001
1010
|
"911": string;
|
package/esm/public-api.mjs
CHANGED
|
@@ -9,9 +9,9 @@ import { default as T } from "./lib/components/CarouselWrapper.vue.mjs";
|
|
|
9
9
|
import { default as S } from "./lib/components/CheckboxWrapperWrapper.vue.mjs";
|
|
10
10
|
import { default as b } from "./lib/components/ContentWrapperWrapper.vue.mjs";
|
|
11
11
|
import { default as C } from "./lib/components/CrestWrapper.vue.mjs";
|
|
12
|
-
import { default as
|
|
13
|
-
import { default as
|
|
14
|
-
import { default as
|
|
12
|
+
import { default as k } from "./lib/components/DisplayWrapper.vue.mjs";
|
|
13
|
+
import { default as F } from "./lib/components/DividerWrapper.vue.mjs";
|
|
14
|
+
import { default as W } from "./lib/components/FieldsetWrapper.vue.mjs";
|
|
15
15
|
import { default as M } from "./lib/components/FieldsetWrapperWrapper.vue.mjs";
|
|
16
16
|
import { default as h } from "./lib/components/FlexWrapper.vue.mjs";
|
|
17
17
|
import { default as R } from "./lib/components/FlexItemWrapper.vue.mjs";
|
|
@@ -29,45 +29,46 @@ import { default as oe } from "./lib/components/LinkPureWrapper.vue.mjs";
|
|
|
29
29
|
import { default as ae } from "./lib/components/LinkSocialWrapper.vue.mjs";
|
|
30
30
|
import { default as le } from "./lib/components/LinkTileWrapper.vue.mjs";
|
|
31
31
|
import { default as se } from "./lib/components/LinkTileModelSignatureWrapper.vue.mjs";
|
|
32
|
-
import { default as ue } from "./lib/components/
|
|
33
|
-
import { default as xe } from "./lib/components/
|
|
34
|
-
import { default as ie } from "./lib/components/
|
|
35
|
-
import { default as Te } from "./lib/components/
|
|
36
|
-
import { default as Se } from "./lib/components/
|
|
37
|
-
import { default as be } from "./lib/components/
|
|
38
|
-
import { default as Ce } from "./lib/components/
|
|
39
|
-
import { default as
|
|
32
|
+
import { default as ue } from "./lib/components/LinkTileProductWrapper.vue.mjs";
|
|
33
|
+
import { default as xe } from "./lib/components/MarqueWrapper.vue.mjs";
|
|
34
|
+
import { default as ie } from "./lib/components/ModalWrapper.vue.mjs";
|
|
35
|
+
import { default as Te } from "./lib/components/ModelSignatureWrapper.vue.mjs";
|
|
36
|
+
import { default as Se } from "./lib/components/MultiSelectWrapper.vue.mjs";
|
|
37
|
+
import { default as be } from "./lib/components/MultiSelectOptionWrapper.vue.mjs";
|
|
38
|
+
import { default as Ce } from "./lib/components/PaginationWrapper.vue.mjs";
|
|
39
|
+
import { default as ke } from "./lib/components/PinCodeWrapper.vue.mjs";
|
|
40
|
+
import { default as Fe } from "./lib/components/PopoverWrapper.vue.mjs";
|
|
40
41
|
import { default as We } from "./lib/components/RadioButtonWrapperWrapper.vue.mjs";
|
|
41
|
-
import { default as
|
|
42
|
-
import { default as
|
|
43
|
-
import { default as
|
|
44
|
-
import { default as
|
|
45
|
-
import { default as
|
|
46
|
-
import { default as
|
|
47
|
-
import { default as
|
|
48
|
-
import { default as
|
|
49
|
-
import { default as
|
|
50
|
-
import { default as
|
|
51
|
-
import { default as
|
|
52
|
-
import { default as
|
|
53
|
-
import { default as
|
|
54
|
-
import { default as
|
|
55
|
-
import { default as
|
|
56
|
-
import { default as
|
|
57
|
-
import { default as
|
|
58
|
-
import { default as
|
|
59
|
-
import { default as
|
|
60
|
-
import { default as
|
|
61
|
-
import { default as
|
|
62
|
-
import { default as
|
|
63
|
-
import { default as
|
|
64
|
-
import { default as
|
|
65
|
-
import { default as
|
|
66
|
-
import { default as
|
|
42
|
+
import { default as Me } from "./lib/components/ScrollerWrapper.vue.mjs";
|
|
43
|
+
import { default as he } from "./lib/components/SegmentedControlWrapper.vue.mjs";
|
|
44
|
+
import { default as Re } from "./lib/components/SegmentedControlItemWrapper.vue.mjs";
|
|
45
|
+
import { default as Ge } from "./lib/components/SelectWrapperWrapper.vue.mjs";
|
|
46
|
+
import { default as ze } from "./lib/components/SpinnerWrapper.vue.mjs";
|
|
47
|
+
import { default as Ae } from "./lib/components/StepperHorizontalWrapper.vue.mjs";
|
|
48
|
+
import { default as je } from "./lib/components/StepperHorizontalItemWrapper.vue.mjs";
|
|
49
|
+
import { default as Je } from "./lib/components/SwitchWrapper.vue.mjs";
|
|
50
|
+
import { default as Qe } from "./lib/components/TableWrapper.vue.mjs";
|
|
51
|
+
import { default as Ve } from "./lib/components/TableBodyWrapper.vue.mjs";
|
|
52
|
+
import { default as Ye } from "./lib/components/TableCellWrapper.vue.mjs";
|
|
53
|
+
import { default as _e } from "./lib/components/TableHeadWrapper.vue.mjs";
|
|
54
|
+
import { default as et } from "./lib/components/TableHeadCellWrapper.vue.mjs";
|
|
55
|
+
import { default as ot } from "./lib/components/TableHeadRowWrapper.vue.mjs";
|
|
56
|
+
import { default as at } from "./lib/components/TableRowWrapper.vue.mjs";
|
|
57
|
+
import { default as lt } from "./lib/components/TabsWrapper.vue.mjs";
|
|
58
|
+
import { default as st } from "./lib/components/TabsBarWrapper.vue.mjs";
|
|
59
|
+
import { default as ut } from "./lib/components/TabsItemWrapper.vue.mjs";
|
|
60
|
+
import { default as xt } from "./lib/components/TagWrapper.vue.mjs";
|
|
61
|
+
import { default as it } from "./lib/components/TagDismissibleWrapper.vue.mjs";
|
|
62
|
+
import { default as Tt } from "./lib/components/TextWrapper.vue.mjs";
|
|
63
|
+
import { default as St } from "./lib/components/TextFieldWrapperWrapper.vue.mjs";
|
|
64
|
+
import { default as bt } from "./lib/components/TextListWrapper.vue.mjs";
|
|
65
|
+
import { default as Ct } from "./lib/components/TextListItemWrapper.vue.mjs";
|
|
66
|
+
import { default as kt } from "./lib/components/TextareaWrapperWrapper.vue.mjs";
|
|
67
|
+
import { default as Ft } from "./lib/components/ToastWrapper.vue.mjs";
|
|
67
68
|
import { default as Wt } from "./lib/components/WordmarkWrapper.vue.mjs";
|
|
68
|
-
import { useToastManager as
|
|
69
|
-
import { default as
|
|
70
|
-
import { createPorscheDesignSystem as
|
|
69
|
+
import { useToastManager as Mt } from "./utils.mjs";
|
|
70
|
+
import { default as ht } from "./PorscheDesignSystemProvider.vue.mjs";
|
|
71
|
+
import { createPorscheDesignSystem as Rt, usePorscheDesignSystemPlugin as wt } from "./plugin.mjs";
|
|
71
72
|
export {
|
|
72
73
|
a as PAccordion,
|
|
73
74
|
l as PBanner,
|
|
@@ -79,9 +80,9 @@ export {
|
|
|
79
80
|
S as PCheckboxWrapper,
|
|
80
81
|
b as PContentWrapper,
|
|
81
82
|
C as PCrest,
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
83
|
+
k as PDisplay,
|
|
84
|
+
F as PDivider,
|
|
85
|
+
W as PFieldset,
|
|
85
86
|
M as PFieldsetWrapper,
|
|
86
87
|
h as PFlex,
|
|
87
88
|
R as PFlexItem,
|
|
@@ -99,45 +100,46 @@ export {
|
|
|
99
100
|
ae as PLinkSocial,
|
|
100
101
|
le as PLinkTile,
|
|
101
102
|
se as PLinkTileModelSignature,
|
|
102
|
-
ue as
|
|
103
|
-
xe as
|
|
104
|
-
ie as
|
|
105
|
-
Te as
|
|
106
|
-
Se as
|
|
107
|
-
be as
|
|
108
|
-
Ce as
|
|
109
|
-
|
|
103
|
+
ue as PLinkTileProduct,
|
|
104
|
+
xe as PMarque,
|
|
105
|
+
ie as PModal,
|
|
106
|
+
Te as PModelSignature,
|
|
107
|
+
Se as PMultiSelect,
|
|
108
|
+
be as PMultiSelectOption,
|
|
109
|
+
Ce as PPagination,
|
|
110
|
+
ke as PPinCode,
|
|
111
|
+
Fe as PPopover,
|
|
110
112
|
We as PRadioButtonWrapper,
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
113
|
+
Me as PScroller,
|
|
114
|
+
he as PSegmentedControl,
|
|
115
|
+
Re as PSegmentedControlItem,
|
|
116
|
+
Ge as PSelectWrapper,
|
|
117
|
+
ze as PSpinner,
|
|
118
|
+
Ae as PStepperHorizontal,
|
|
119
|
+
je as PStepperHorizontalItem,
|
|
120
|
+
Je as PSwitch,
|
|
121
|
+
Qe as PTable,
|
|
122
|
+
Ve as PTableBody,
|
|
123
|
+
Ye as PTableCell,
|
|
124
|
+
_e as PTableHead,
|
|
125
|
+
et as PTableHeadCell,
|
|
126
|
+
ot as PTableHeadRow,
|
|
127
|
+
at as PTableRow,
|
|
128
|
+
lt as PTabs,
|
|
129
|
+
st as PTabsBar,
|
|
130
|
+
ut as PTabsItem,
|
|
131
|
+
xt as PTag,
|
|
132
|
+
it as PTagDismissible,
|
|
133
|
+
Tt as PText,
|
|
134
|
+
St as PTextFieldWrapper,
|
|
135
|
+
bt as PTextList,
|
|
136
|
+
Ct as PTextListItem,
|
|
137
|
+
kt as PTextareaWrapper,
|
|
138
|
+
Ft as PToast,
|
|
137
139
|
Wt as PWordmark,
|
|
138
|
-
|
|
140
|
+
ht as PorscheDesignSystemProvider,
|
|
139
141
|
o as componentsReady,
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
142
|
+
Rt as createPorscheDesignSystem,
|
|
143
|
+
wt as usePorscheDesignSystemPlugin,
|
|
144
|
+
Mt as useToastManager
|
|
143
145
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@porsche-design-system/components-vue",
|
|
3
|
-
"version": "3.10.0-rc.
|
|
3
|
+
"version": "3.10.0-rc.1",
|
|
4
4
|
"description": "Porsche Design System is a component library designed to help developers create the best experience for software or services distributed by Dr. Ing. h.c. F. Porsche AG.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"porsche",
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"license": "SEE LICENSE IN LICENSE",
|
|
18
18
|
"homepage": "https://designsystem.porsche.com",
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@porsche-design-system/components-js": "3.10.0-rc.
|
|
20
|
+
"@porsche-design-system/components-js": "3.10.0-rc.1"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
23
23
|
"vue": ">=3.0.0 <4.0.0"
|