@porsche-design-system/components-vue 3.9.0 → 3.10.0-rc.1

package/CHANGELOG.md

@@ -14,6 +14,38 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ### [Unreleased]
 
+### [3.10.0-rc.1] - 2023-12-11
+
+#### Added
+
+- **[EXPERIMENTAL]** `Link Tile Product`
+  ([#2909](https://github.com/porsche-design-system/porsche-design-system/pull/2909))
+
+#### Fixed
+
+- `Wordmark`, `Crest` and `Marque`: custom clickable area
+  ([#2930](https://github.com/porsche-design-system/porsche-design-system/pull/2930))
+
+### [3.10.0-rc.0] - 2023-12-07
+
+#### Added
+
+- **[EXPERIMENTAL]** `Flyout Navigation`
+  ([#2906](https://github.com/porsche-design-system/porsche-design-system/pull/2906))
+- Prop `submit-button` to show/hide a submit button for `Text Field Wrapper` `type="search"` if wrapped inside a form
+  ([#2908](https://github.com/porsche-design-system/porsche-design-system/pull/2908))
+
+#### Changed
+
+- `Accordion`: removed `border-bottom` if used standalone
+  ([#2911](https://github.com/porsche-design-system/porsche-design-system/pull/2911))
+- `display` css property can be overridden on all components, e.g. to make use of `display: none;` within media
+  queries  
+  ([#2913](https://github.com/porsche-design-system/porsche-design-system/pull/2913))
+- `Pagination`: Prop `maxNumberOfPageLinks` is deprecated and has no effect anymore, instead there is responsive
+  behavior out of the box with full SSR support
+  ([#2898](https://github.com/porsche-design-system/porsche-design-system/pull/2898))
+
 ### [3.9.0] - 2023-11-24
 
 ### [3.9.0-rc.0] - 2023-11-23
@@ -47,6 +79,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 #### Fixed
 
+- `Select Wrapper`: Select dropdown is now visible if it overflows the `Table` component
+  ([#2885](https://github.com/porsche-design-system/porsche-design-system/pull/2885))
 - `Select Wrapper` keyboard and scroll behavior
   ([#2864](https://github.com/porsche-design-system/porsche-design-system/pull/2864))
 - Safari 15 default margin of button elements in several components

package/cjs/lib/components/FlyoutNavigationItemWrapper.vue.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),o=require("../../utils.cjs"),c=e.defineComponent({__name:"FlyoutNavigationItemWrapper",props:{identifier:{},label:{}},setup(r){const s=o.usePrefix("p-flyout-navigation-item"),p=r,t=e.ref(),n=()=>o.syncProperties(t,p);return e.onMounted(n),e.onUpdated(n),(i,a)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(s)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(i.$slots,"default")]),_:3},512))}});module.exports=c;

package/cjs/lib/components/FlyoutNavigationItemWrapper.vue2.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./FlyoutNavigationItemWrapper.vue.cjs");module.exports=e;

package/cjs/lib/components/FlyoutNavigationWrapper.vue.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=require("../../utils.cjs"),d=e.defineComponent({__name:"FlyoutNavigationWrapper",props:{activeIdentifier:{},aria:{},open:{type:Boolean,default:!1},theme:{}},emits:["dismiss","update"],setup(p,{emit:c}){const m=t.usePrefix("p-flyout-navigation"),o=p,n=e.ref(),r=c,i=e.inject(t.themeInjectionKey),a=()=>t.syncProperties(n,{...o,theme:o.theme||i.value});return e.onMounted(()=>{a(),t.addEventListenerToElementRef(n,"dismiss",r),t.addEventListenerToElementRef(n,"update",r)}),e.onUpdated(a),e.watch(i,s=>{t.syncProperties(n,{theme:o.theme||s})}),(s,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(m)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},512))}});module.exports=d;

package/cjs/lib/components/FlyoutNavigationWrapper.vue2.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./FlyoutNavigationWrapper.vue.cjs");module.exports=e;

package/cjs/lib/components/LinkTileProductWrapper.vue.cjs

@@ -0,0 +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;

package/cjs/lib/components/LinkTileProductWrapper.vue2.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./LinkTileProductWrapper.vue.cjs");module.exports=e;

package/cjs/lib/components/PaginationWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),u=e.defineComponent({__name:"PaginationWrapper",props:{activePage:{default:1},allyLabel:{},allyLabelNext:{},allyLabelPage:{},allyLabelPrev:{},intl:{default:()=>({root:"Pagination",prev:"Previous page",next:"Next page",page:"Page"})},itemsPerPage:{default:1},maxNumberOfPageLinks:{default:()=>({base:5,xs:7})},showLastPage:{type:Boolean,default:!0},theme:{},totalItemsCount:{default:1}},emits:["pageChange","update"],setup(l,{emit:i}){const c=t.usePrefix("p-pagination"),a=l,n=e.ref(),o=i,s=e.inject(t.themeInjectionKey),r=()=>t.syncProperties(n,{...a,theme:a.theme||s.value});return e.onMounted(()=>{r(),t.addEventListenerToElementRef(n,"pageChange",o),t.addEventListenerToElementRef(n,"update",o)}),e.onUpdated(r),e.watch(s,p=>{t.syncProperties(n,{theme:a.theme||p})}),(p,m)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(c)),{ref_key:"pdsComponentRef",ref:n},null,512))}});module.exports=u;
+"use strict";const e=require("vue"),t=require("../../utils.cjs"),m=e.defineComponent({__name:"PaginationWrapper",props:{activePage:{default:1},allyLabel:{},allyLabelNext:{},allyLabelPage:{},allyLabelPrev:{},intl:{default:()=>({root:"Pagination",prev:"Previous page",next:"Next page",page:"Page"})},itemsPerPage:{default:1},maxNumberOfPageLinks:{},showLastPage:{type:Boolean,default:!0},theme:{},totalItemsCount:{default:1}},emits:["pageChange","update"],setup(l,{emit:i}){const c=t.usePrefix("p-pagination"),a=l,n=e.ref(),o=i,s=e.inject(t.themeInjectionKey),r=()=>t.syncProperties(n,{...a,theme:a.theme||s.value});return e.onMounted(()=>{r(),t.addEventListenerToElementRef(n,"pageChange",o),t.addEventListenerToElementRef(n,"update",o)}),e.onUpdated(r),e.watch(s,p=>{t.syncProperties(n,{theme:a.theme||p})}),(p,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(c)),{ref_key:"pdsComponentRef",ref:n},null,512))}});module.exports=m;

package/cjs/lib/components/TextFieldWrapperWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),u=e.defineComponent({__name:"TextFieldWrapperWrapper",props:{actionIcon:{},actionLoading:{type:Boolean,default:!1},description:{default:""},hideLabel:{default:!1},label:{default:""},message:{default:""},showCharacterCount:{type:Boolean},showCounter:{type:Boolean,default:!0},showPasswordToggle:{type:Boolean,default:!0},state:{default:"none"},theme:{},unit:{default:""},unitPosition:{default:"prefix"}},emits:["action"],setup(i,{emit:l}){const p=t.usePrefix("p-text-field-wrapper"),n=i,o=e.ref(),c=l,s=e.inject(t.themeInjectionKey),r=()=>t.syncProperties(o,{...n,theme:n.theme||s.value});return e.onMounted(()=>{r(),t.addEventListenerToElementRef(o,"action",c)}),e.onUpdated(r),e.watch(s,a=>{t.syncProperties(o,{theme:n.theme||a})}),(a,d)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(p)),{ref_key:"pdsComponentRef",ref:o},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},512))}});module.exports=u;
+"use strict";const e=require("vue"),t=require("../../utils.cjs"),c=e.defineComponent({__name:"TextFieldWrapperWrapper",props:{actionIcon:{},actionLoading:{type:Boolean,default:!1},description:{default:""},hideLabel:{default:!1},label:{default:""},message:{default:""},showCharacterCount:{type:Boolean},showCounter:{type:Boolean,default:!0},showPasswordToggle:{type:Boolean,default:!0},state:{default:"none"},submitButton:{type:Boolean,default:!0},theme:{},unit:{default:""},unitPosition:{default:"prefix"}},emits:["action"],setup(l,{emit:u}){const i=t.usePrefix("p-text-field-wrapper"),n=l,o=e.ref(),p=u,s=e.inject(t.themeInjectionKey),r=()=>t.syncProperties(o,{...n,theme:n.theme||s.value});return e.onMounted(()=>{r(),t.addEventListenerToElementRef(o,"action",p)}),e.onUpdated(r),e.watch(s,a=>{t.syncProperties(o,{theme:n.theme||a})}),(a,d)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(i)),{ref_key:"pdsComponentRef",ref:o},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},512))}});module.exports=c;

package/cjs/public-api.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@porsche-design-system/components-js"),_=require("./lib/components/AccordionWrapper.vue.cjs"),t=require("./lib/components/BannerWrapper.vue.cjs"),p=require("./lib/components/ButtonWrapper.vue.cjs"),u=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"),c=require("./lib/components/ContentWrapperWrapper.vue.cjs"),o=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/GridWrapper.vue.cjs"),T=require("./lib/components/GridItemWrapper.vue.cjs"),S=require("./lib/components/HeadingWrapper.vue.cjs"),m=require("./lib/components/HeadlineWrapper.vue.cjs"),b=require("./lib/components/IconWrapper.vue.cjs"),C=require("./lib/components/InlineNotificationWrapper.vue.cjs"),x=require("./lib/components/LinkWrapper.vue.cjs"),B=require("./lib/components/LinkPureWrapper.vue.cjs"),I=require("./lib/components/LinkSocialWrapper.vue.cjs"),M=require("./lib/components/LinkTileWrapper.vue.cjs"),k=require("./lib/components/LinkTileModelSignatureWrapper.vue.cjs"),H=require("./lib/components/MarqueWrapper.vue.cjs"),L=require("./lib/components/ModalWrapper.vue.cjs"),D=require("./lib/components/ModelSignatureWrapper.vue.cjs"),F=require("./lib/components/MultiSelectWrapper.vue.cjs"),h=require("./lib/components/MultiSelectOptionWrapper.vue.cjs"),R=require("./lib/components/PaginationWrapper.vue.cjs"),w=require("./lib/components/PinCodeWrapper.vue.cjs"),G=require("./lib/components/PopoverWrapper.vue.cjs"),f=require("./lib/components/RadioButtonWrapperWrapper.vue.cjs"),z=require("./lib/components/ScrollerWrapper.vue.cjs"),O=require("./lib/components/SegmentedControlWrapper.vue.cjs"),j=require("./lib/components/SegmentedControlItemWrapper.vue.cjs"),A=require("./lib/components/SelectWrapperWrapper.vue.cjs"),N=require("./lib/components/SpinnerWrapper.vue.cjs"),J=require("./lib/components/StepperHorizontalWrapper.vue.cjs"),E=require("./lib/components/StepperHorizontalItemWrapper.vue.cjs"),K=require("./lib/components/SwitchWrapper.vue.cjs"),Q=require("./lib/components/TableWrapper.vue.cjs"),U=require("./lib/components/TableBodyWrapper.vue.cjs"),V=require("./lib/components/TableCellWrapper.vue.cjs"),X=require("./lib/components/TableHeadWrapper.vue.cjs"),Y=require("./lib/components/TableHeadCellWrapper.vue.cjs"),Z=require("./lib/components/TableHeadRowWrapper.vue.cjs"),$=require("./lib/components/TableRowWrapper.vue.cjs"),ee=require("./lib/components/TabsWrapper.vue.cjs"),re=require("./lib/components/TabsBarWrapper.vue.cjs"),_e=require("./lib/components/TabsItemWrapper.vue.cjs"),te=require("./lib/components/TagWrapper.vue.cjs"),pe=require("./lib/components/TagDismissibleWrapper.vue.cjs"),ue=require("./lib/components/TextWrapper.vue.cjs"),se=require("./lib/components/TextFieldWrapperWrapper.vue.cjs"),ie=require("./lib/components/TextListWrapper.vue.cjs"),ae=require("./lib/components/TextListItemWrapper.vue.cjs"),ne=require("./lib/components/TextareaWrapperWrapper.vue.cjs"),ce=require("./lib/components/ToastWrapper.vue.cjs"),oe=require("./lib/components/WordmarkWrapper.vue.cjs"),le=require("./utils.cjs"),ve=require("./PorscheDesignSystemProvider.vue.cjs"),e=require("./plugin.cjs");Object.defineProperty(exports,"componentsReady",{enumerable:!0,get:()=>r.componentsReady});exports.PAccordion=_;exports.PBanner=t;exports.PButton=p;exports.PButtonGroup=u;exports.PButtonPure=s;exports.PButtonTile=i;exports.PCarousel=a;exports.PCheckboxWrapper=n;exports.PContentWrapper=c;exports.PCrest=o;exports.PDisplay=l;exports.PDivider=v;exports.PFieldset=g;exports.PFieldsetWrapper=P;exports.PFlex=y;exports.PFlexItem=W;exports.PFlyout=q;exports.PGrid=d;exports.PGridItem=T;exports.PHeading=S;exports.PHeadline=m;exports.PIcon=b;exports.PInlineNotification=C;exports.PLink=x;exports.PLinkPure=B;exports.PLinkSocial=I;exports.PLinkTile=M;exports.PLinkTileModelSignature=k;exports.PMarque=H;exports.PModal=L;exports.PModelSignature=D;exports.PMultiSelect=F;exports.PMultiSelectOption=h;exports.PPagination=R;exports.PPinCode=w;exports.PPopover=G;exports.PRadioButtonWrapper=f;exports.PScroller=z;exports.PSegmentedControl=O;exports.PSegmentedControlItem=j;exports.PSelectWrapper=A;exports.PSpinner=N;exports.PStepperHorizontal=J;exports.PStepperHorizontalItem=E;exports.PSwitch=K;exports.PTable=Q;exports.PTableBody=U;exports.PTableCell=V;exports.PTableHead=X;exports.PTableHeadCell=Y;exports.PTableHeadRow=Z;exports.PTableRow=$;exports.PTabs=ee;exports.PTabsBar=re;exports.PTabsItem=_e;exports.PTag=te;exports.PTagDismissible=pe;exports.PText=ue;exports.PTextFieldWrapper=se;exports.PTextList=ie;exports.PTextListItem=ae;exports.PTextareaWrapper=ne;exports.PToast=ce;exports.PWordmark=oe;exports.useToastManager=le.useToastManager;exports.PorscheDesignSystemProvider=ve;exports.createPorscheDesignSystem=e.createPorscheDesignSystem;exports.usePorscheDesignSystemPlugin=e.usePorscheDesignSystemPlugin;
+"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;

package/esm/lib/components/FlyoutNavigationItemWrapper.vue.d.ts

@@ -0,0 +1,22 @@
+type PFlyoutNavigationItemProps = {
+    identifier: string;
+    label?: string;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<PFlyoutNavigationItemProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PFlyoutNavigationItemProps>>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/esm/lib/components/FlyoutNavigationItemWrapper.vue.mjs

@@ -0,0 +1,24 @@
+import { defineComponent as s, ref as a, onMounted as f, onUpdated as i, openBlock as c, createBlock as m, resolveDynamicComponent as l, unref as d, withCtx as u, renderSlot as _ } from "vue";
+import { usePrefix as y, syncProperties as C } from "../../utils.mjs";
+const x = /* @__PURE__ */ s({
+  __name: "FlyoutNavigationItemWrapper",
+  props: {
+    identifier: {},
+    label: {}
+  },
+  setup(t) {
+    const n = y("p-flyout-navigation-item"), r = t, e = a(), o = () => C(e, r);
+    return f(o), i(o), (p, g) => (c(), m(l(d(n)), {
+      ref_key: "pdsComponentRef",
+      ref: e
+    }, {
+      default: u(() => [
+        _(p.$slots, "default")
+      ]),
+      _: 3
+    }, 512));
+  }
+});
+export {
+  x as default
+};

package/esm/lib/components/FlyoutNavigationItemWrapper.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./FlyoutNavigationItemWrapper.vue.mjs";
+export {
+  f as default
+};

package/esm/lib/components/FlyoutNavigationWrapper.vue.d.ts

@@ -0,0 +1,53 @@
+import type { SelectedAriaAttributes, FlyoutNavigationAriaAttribute, Theme } from '../types';
+type PFlyoutNavigationProps = {
+    /**
+     * Defines which flyout-navigation-item to be visualized as opened.
+     */
+    activeIdentifier?: string | undefined;
+    /**
+     * Add ARIA attributes.
+     */
+    aria?: SelectedAriaAttributes<FlyoutNavigationAriaAttribute>;
+    /**
+     * If true, the flyout-navigation is visualized as opened.
+     */
+    open?: boolean;
+    /**
+     * Adapts the flyout-navigation color depending on the theme.
+     */
+    theme?: Theme;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PFlyoutNavigationProps>, {
+    open: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    [x: string]: (...args: unknown[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PFlyoutNavigationProps>, {
+    open: boolean;
+}>>>, {
+    open: boolean;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/esm/lib/components/FlyoutNavigationWrapper.vue.mjs

@@ -0,0 +1,31 @@
+import { defineComponent as f, ref as d, inject as l, onMounted as u, onUpdated as h, watch as y, openBlock as _, createBlock as v, resolveDynamicComponent as C, unref as R, withCtx as g, renderSlot as k } from "vue";
+import { usePrefix as w, themeInjectionKey as x, addEventListenerToElementRef as a, syncProperties as i } from "../../utils.mjs";
+const E = /* @__PURE__ */ f({
+  __name: "FlyoutNavigationWrapper",
+  props: {
+    activeIdentifier: {},
+    aria: {},
+    open: { type: Boolean, default: !1 },
+    theme: {}
+  },
+  emits: ["dismiss", "update"],
+  setup(p, { emit: m }) {
+    const c = w("p-flyout-navigation"), t = p, e = d(), n = m, s = l(x), r = () => i(e, { ...t, theme: t.theme || s.value });
+    return u(() => {
+      r(), a(e, "dismiss", n), a(e, "update", n);
+    }), h(r), y(s, (o) => {
+      i(e, { theme: t.theme || o });
+    }), (o, B) => (_(), v(C(R(c)), {
+      ref_key: "pdsComponentRef",
+      ref: e
+    }, {
+      default: g(() => [
+        k(o.$slots, "default")
+      ]),
+      _: 3
+    }, 512));
+  }
+});
+export {
+  E as default
+};

package/esm/lib/components/FlyoutNavigationWrapper.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./FlyoutNavigationWrapper.vue.mjs";
+export {
+  f as default
+};

package/esm/lib/components/LinkTileProductWrapper.vue.d.ts

@@ -0,0 +1,88 @@
+import type { BreakpointCustomizable, LinkTileProductAspectRatio, LinkTileProductLikeEvent, LinkTileProductTarget, Theme } from '../types';
+type PLinkTileProductProps = {
+    /**
+     * Aspect ratio of the link-tile-product.
+     */
+    aspectRatio?: BreakpointCustomizable<LinkTileProductAspectRatio>;
+    /**
+     * Additional product description
+     */
+    description?: string;
+    /**
+     * Product heading
+     */
+    heading: string;
+    /**
+     * href of the `<a>`.
+     */
+    href?: string;
+    /**
+     * A Boolean attribute indicating that a like button should be shown.
+     */
+    likeButton?: boolean;
+    /**
+     * A Boolean attribute indicating that a product is liked.
+     */
+    liked?: boolean;
+    /**
+     * Product price
+     */
+    price: string;
+    /**
+     * Specifies the relationship of the target object to the link object.
+     */
+    rel?: string;
+    /**
+     * Target attribute where the link should be opened.
+     */
+    target?: LinkTileProductTarget;
+    /**
+     * Adapts the link-tile-product color depending on the theme.
+     */
+    theme?: Theme;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PLinkTileProductProps>, {
+    aspectRatio: string;
+    likeButton: boolean;
+    liked: boolean;
+    target: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    like: (value: LinkTileProductLikeEvent) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PLinkTileProductProps>, {
+    aspectRatio: string;
+    likeButton: boolean;
+    liked: boolean;
+    target: string;
+}>>> & {
+    onLike?: ((value: LinkTileProductLikeEvent) => any) | undefined;
+}, {
+    aspectRatio: BreakpointCustomizable<LinkTileProductAspectRatio>;
+    target: string;
+    likeButton: boolean;
+    liked: boolean;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/esm/lib/components/LinkTileProductWrapper.vue.mjs

@@ -0,0 +1,37 @@
+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";
+import { usePrefix as P, themeInjectionKey as g, addEventListenerToElementRef as v, syncProperties as p } from "../../utils.mjs";
+const j = /* @__PURE__ */ c({
+  __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(s, { emit: i }) {
+    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 });
+    return d(() => {
+      r(), v(e, "like", l);
+    }), u(r), h(n, (o) => {
+      p(e, { theme: t.theme || o });
+    }), (o, w) => (k(), _(y(C(a)), {
+      ref_key: "pdsComponentRef",
+      ref: e
+    }, {
+      default: B(() => [
+        R(o.$slots, "default")
+      ]),
+      _: 3
+    }, 512));
+  }
+});
+export {
+  j as default
+};

package/esm/lib/components/LinkTileProductWrapper.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./LinkTileProductWrapper.vue.mjs";
+export {
+  f as default
+};

package/esm/lib/components/PaginationWrapper.vue.d.ts

@@ -29,7 +29,8 @@ type PPaginationProps = {
      */
     itemsPerPage?: number;
     /**
-     * The maximum number of page links rendered.
+     * Has no effect anymore
+     * @deprecated since v3.10.0, will be removed with next major release
      */
     maxNumberOfPageLinks?: BreakpointCustomizable<PaginationMaxNumberOfPageLinks>;
     /**
@@ -54,10 +55,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
         page: string;
     };
     itemsPerPage: number;
-    maxNumberOfPageLinks: () => {
-        base: number;
-        xs: number;
-    };
     showLastPage: boolean;
     totalItemsCount: number;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -72,10 +69,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
         page: string;
     };
     itemsPerPage: number;
-    maxNumberOfPageLinks: () => {
-        base: number;
-        xs: number;
-    };
     showLastPage: boolean;
     totalItemsCount: number;
 }>>> & {
@@ -85,7 +78,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     intl: PaginationInternationalization;
     activePage: number;
     itemsPerPage: number;
-    maxNumberOfPageLinks: BreakpointCustomizable<7 | 5>;
     showLastPage: boolean;
     totalItemsCount: number;
 }, {}>;

package/esm/lib/components/PaginationWrapper.vue.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as c, ref as f, inject as u, onMounted as d, onUpdated as g, watch as P, openBlock as h, createBlock as y, resolveDynamicComponent as x, unref as C } from "vue";
-import { usePrefix as b, themeInjectionKey as v, addEventListenerToElementRef as r, syncProperties as s } from "../../utils.mjs";
+import { defineComponent as c, ref as f, inject as u, onMounted as g, onUpdated as d, watch as P, openBlock as h, createBlock as y, resolveDynamicComponent as C, unref as v } from "vue";
+import { usePrefix as x, themeInjectionKey as L, addEventListenerToElementRef as r, syncProperties as l } from "../../utils.mjs";
 const R = /* @__PURE__ */ c({
   __name: "PaginationWrapper",
   props: {
@@ -10,19 +10,19 @@ const R = /* @__PURE__ */ c({
     allyLabelPrev: {},
     intl: { default: () => ({ root: "Pagination", prev: "Previous page", next: "Next page", page: "Page" }) },
     itemsPerPage: { default: 1 },
-    maxNumberOfPageLinks: { default: () => ({ base: 5, xs: 7 }) },
+    maxNumberOfPageLinks: {},
     showLastPage: { type: Boolean, default: !0 },
     theme: {},
     totalItemsCount: { default: 1 }
   },
   emits: ["pageChange", "update"],
-  setup(l, { emit: m }) {
-    const i = b("p-pagination"), t = l, e = f(), a = m, n = u(v), o = () => s(e, { ...t, theme: t.theme || n.value });
-    return d(() => {
+  setup(s, { emit: m }) {
+    const i = x("p-pagination"), t = s, e = f(), a = m, n = u(L), o = () => l(e, { ...t, theme: t.theme || n.value });
+    return g(() => {
       o(), r(e, "pageChange", a), r(e, "update", a);
-    }), g(o), P(n, (p) => {
-      s(e, { theme: t.theme || p });
-    }), (p, L) => (h(), y(x(C(i)), {
+    }), d(o), P(n, (p) => {
+      l(e, { theme: t.theme || p });
+    }), (p, _) => (h(), y(C(v(i)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, null, 512));

package/esm/lib/components/TextFieldWrapperWrapper.vue.d.ts

@@ -40,6 +40,10 @@ type PTextFieldWrapperProps = {
      * The validation state.
      */
     state?: TextFieldWrapperState;
+    /**
+     * Show search button if wrapped inside a form.
+     */
+    submitButton?: boolean;
     /**
      * Adapts the color depending on the theme.
      */
@@ -62,6 +66,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showCounter: boolean;
     showPasswordToggle: boolean;
     state: string;
+    submitButton: boolean;
     unit: string;
     unitPosition: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -75,6 +80,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showCounter: boolean;
     showPasswordToggle: boolean;
     state: string;
+    submitButton: boolean;
     unit: string;
     unitPosition: string;
 }>>>, {
@@ -86,6 +92,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     actionLoading: boolean;
     showCounter: boolean;
     showPasswordToggle: boolean;
+    submitButton: boolean;
     unit: string;
     unitPosition: "prefix" | "suffix";
 }, {}>, {

package/esm/lib/components/TextFieldWrapperWrapper.vue.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as i, ref as d, inject as c, onMounted as u, onUpdated as m, watch as h, openBlock as y, createBlock as C, resolveDynamicComponent as w, unref as _, withCtx as x, renderSlot as B } from "vue";
-import { usePrefix as g, themeInjectionKey as P, addEventListenerToElementRef as R, syncProperties as r } from "../../utils.mjs";
+import { defineComponent as i, ref as u, inject as d, onMounted as c, onUpdated as m, watch as h, openBlock as y, createBlock as C, resolveDynamicComponent as w, unref as B, withCtx as _, renderSlot as x } from "vue";
+import { usePrefix as g, themeInjectionKey as P, addEventListenerToElementRef as b, syncProperties as r } from "../../utils.mjs";
 const v = /* @__PURE__ */ i({
   __name: "TextFieldWrapperWrapper",
   props: {
@@ -13,23 +13,24 @@ const v = /* @__PURE__ */ i({
     showCounter: { type: Boolean, default: !0 },
     showPasswordToggle: { type: Boolean, default: !0 },
     state: { default: "none" },
+    submitButton: { type: Boolean, default: !0 },
     theme: {},
     unit: { default: "" },
     unitPosition: { default: "prefix" }
   },
   emits: ["action"],
   setup(s, { emit: l }) {
-    const p = g("p-text-field-wrapper"), t = s, e = d(), f = l, n = c(P), a = () => r(e, { ...t, theme: t.theme || n.value });
-    return u(() => {
-      a(), R(e, "action", f);
+    const p = g("p-text-field-wrapper"), t = s, e = u(), f = l, n = d(P), a = () => r(e, { ...t, theme: t.theme || n.value });
+    return c(() => {
+      a(), b(e, "action", f);
     }), m(a), h(n, (o) => {
       r(e, { theme: t.theme || o });
-    }), (o, T) => (y(), C(w(_(p)), {
+    }), (o, R) => (y(), C(w(B(p)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: x(() => [
-        B(o.$slots, "default")
+      default: _(() => [
+        x(o.$slots, "default")
       ]),
       _: 3
     }, 512));

package/esm/lib/components/index.d.ts

@@ -15,6 +15,8 @@ export { default as PFieldsetWrapper } from './FieldsetWrapperWrapper.vue';
 export { default as PFlex } from './FlexWrapper.vue';
 export { default as PFlexItem } from './FlexItemWrapper.vue';
 export { default as PFlyout } from './FlyoutWrapper.vue';
+export { default as PFlyoutNavigation } from './FlyoutNavigationWrapper.vue';
+export { default as PFlyoutNavigationItem } from './FlyoutNavigationItemWrapper.vue';
 export { default as PGrid } from './GridWrapper.vue';
 export { default as PGridItem } from './GridItemWrapper.vue';
 export { default as PHeading } from './HeadingWrapper.vue';
@@ -26,6 +28,7 @@ export { default as PLinkPure } from './LinkPureWrapper.vue';
 export { default as PLinkSocial } from './LinkSocialWrapper.vue';
 export { default as PLinkTile } from './LinkTileWrapper.vue';
 export { default as PLinkTileModelSignature } from './LinkTileModelSignatureWrapper.vue';
+export { default as PLinkTileProduct } from './LinkTileProductWrapper.vue';
 export { default as PMarque } from './MarqueWrapper.vue';
 export { default as PModal } from './ModalWrapper.vue';
 export { default as PModelSignature } from './ModelSignatureWrapper.vue';

package/esm/lib/types.d.ts

@@ -820,6 +820,14 @@ declare const FLYOUT_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
 export type FlyoutAriaAttribute = (typeof FLYOUT_ARIA_ATTRIBUTES)[number];
+declare const FLYOUT_NAVIGATION_ARIA_ATTRIBUTES: readonly [
+    "aria-label"
+];
+export type FlyoutNavigationAriaAttribute = (typeof FLYOUT_NAVIGATION_ARIA_ATTRIBUTES)[number];
+export type FlyoutNavigationUpdate = {
+    activeIdentifier: string;
+};
+export type FlyoutNavigationUpdateEvent = FlyoutNavigationUpdate;
 declare const GRID_DIRECTIONS: readonly [
     "row",
     "row-reverse",
@@ -988,6 +996,15 @@ export type LinkTileModelSignatureHeadingTag = (typeof LINK_TILE_MODEL_SIGNATURE
 export type LinkTileModelSignatureWeight = TileWeight;
 export type LinkTileModelSignatureAspectRatio = TileAspectRatio;
 export type LinkTileModelSignatureLinkDirection = GroupDirection;
+export type LinkTileProductTarget = LinkTarget;
+export type LinkTileProductLikeEvent = {
+    liked: boolean;
+};
+declare const TILE_PRODUCT_ASPECT_RATIOS: readonly [
+    "3:4",
+    "9:16"
+];
+export type LinkTileProductAspectRatio = Extract<TileAspectRatio, (typeof TILE_PRODUCT_ASPECT_RATIOS)[number]>;
 declare const MODEL_SIGNATURES_MANIFEST: {
     "718": string;
     "911": string;
@@ -1041,6 +1058,7 @@ declare const PAGINATION_NUMBER_OF_PAGE_LINKS: readonly [
     5,
     7
 ];
+/** @deprecated */
 export type PaginationMaxNumberOfPageLinks = (typeof PAGINATION_NUMBER_OF_PAGE_LINKS)[number];
 export type PaginationUpdateEvent = {
     page: number;

package/esm/public-api.mjs

@@ -1,4 +1,4 @@
-import { componentsReady as r } from "@porsche-design-system/components-js";
+import { componentsReady as o } from "@porsche-design-system/components-js";
 import { default as a } from "./lib/components/AccordionWrapper.vue.mjs";
 import { default as l } from "./lib/components/BannerWrapper.vue.mjs";
 import { default as s } from "./lib/components/ButtonWrapper.vue.mjs";
@@ -8,64 +8,67 @@ import { default as i } from "./lib/components/ButtonTileWrapper.vue.mjs";
 import { default as T } from "./lib/components/CarouselWrapper.vue.mjs";
 import { default as S } from "./lib/components/CheckboxWrapperWrapper.vue.mjs";
 import { default as b } from "./lib/components/ContentWrapperWrapper.vue.mjs";
-import { default as B } from "./lib/components/CrestWrapper.vue.mjs";
-import { default as W } from "./lib/components/DisplayWrapper.vue.mjs";
-import { default as y } from "./lib/components/DividerWrapper.vue.mjs";
-import { default as L } from "./lib/components/FieldsetWrapper.vue.mjs";
-import { default as D } from "./lib/components/FieldsetWrapperWrapper.vue.mjs";
+import { default as C } from "./lib/components/CrestWrapper.vue.mjs";
+import { default as k } from "./lib/components/DisplayWrapper.vue.mjs";
+import { default as F } from "./lib/components/DividerWrapper.vue.mjs";
+import { default as W } from "./lib/components/FieldsetWrapper.vue.mjs";
+import { default as M } from "./lib/components/FieldsetWrapperWrapper.vue.mjs";
 import { default as h } from "./lib/components/FlexWrapper.vue.mjs";
-import { default as v } from "./lib/components/FlexItemWrapper.vue.mjs";
+import { default as R } from "./lib/components/FlexItemWrapper.vue.mjs";
 import { default as G } from "./lib/components/FlyoutWrapper.vue.mjs";
-import { default as q } from "./lib/components/GridWrapper.vue.mjs";
-import { default as N } from "./lib/components/GridItemWrapper.vue.mjs";
-import { default as j } from "./lib/components/HeadingWrapper.vue.mjs";
-import { default as J } from "./lib/components/HeadlineWrapper.vue.mjs";
-import { default as Q } from "./lib/components/IconWrapper.vue.mjs";
-import { default as V } from "./lib/components/InlineNotificationWrapper.vue.mjs";
-import { default as Y } from "./lib/components/LinkWrapper.vue.mjs";
-import { default as _ } from "./lib/components/LinkPureWrapper.vue.mjs";
-import { default as ee } from "./lib/components/LinkSocialWrapper.vue.mjs";
-import { default as re } from "./lib/components/LinkTileWrapper.vue.mjs";
-import { default as ae } from "./lib/components/LinkTileModelSignatureWrapper.vue.mjs";
-import { default as le } from "./lib/components/MarqueWrapper.vue.mjs";
-import { default as se } from "./lib/components/ModalWrapper.vue.mjs";
-import { default as ue } from "./lib/components/ModelSignatureWrapper.vue.mjs";
-import { default as xe } from "./lib/components/MultiSelectWrapper.vue.mjs";
-import { default as ie } from "./lib/components/MultiSelectOptionWrapper.vue.mjs";
-import { default as Te } from "./lib/components/PaginationWrapper.vue.mjs";
-import { default as Se } from "./lib/components/PinCodeWrapper.vue.mjs";
-import { default as be } from "./lib/components/PopoverWrapper.vue.mjs";
-import { default as Be } from "./lib/components/RadioButtonWrapperWrapper.vue.mjs";
-import { default as We } from "./lib/components/ScrollerWrapper.vue.mjs";
-import { default as ye } from "./lib/components/SegmentedControlWrapper.vue.mjs";
-import { default as Le } from "./lib/components/SegmentedControlItemWrapper.vue.mjs";
-import { default as De } from "./lib/components/SelectWrapperWrapper.vue.mjs";
-import { default as he } from "./lib/components/SpinnerWrapper.vue.mjs";
-import { default as ve } from "./lib/components/StepperHorizontalWrapper.vue.mjs";
-import { default as Ge } from "./lib/components/StepperHorizontalItemWrapper.vue.mjs";
-import { default as qe } from "./lib/components/SwitchWrapper.vue.mjs";
-import { default as Ne } from "./lib/components/TableWrapper.vue.mjs";
-import { default as je } from "./lib/components/TableBodyWrapper.vue.mjs";
-import { default as Je } from "./lib/components/TableCellWrapper.vue.mjs";
-import { default as Qe } from "./lib/components/TableHeadWrapper.vue.mjs";
-import { default as Ve } from "./lib/components/TableHeadCellWrapper.vue.mjs";
-import { default as Ye } from "./lib/components/TableHeadRowWrapper.vue.mjs";
-import { default as _e } from "./lib/components/TableRowWrapper.vue.mjs";
-import { default as et } from "./lib/components/TabsWrapper.vue.mjs";
-import { default as rt } from "./lib/components/TabsBarWrapper.vue.mjs";
-import { default as at } from "./lib/components/TabsItemWrapper.vue.mjs";
-import { default as lt } from "./lib/components/TagWrapper.vue.mjs";
-import { default as st } from "./lib/components/TagDismissibleWrapper.vue.mjs";
-import { default as ut } from "./lib/components/TextWrapper.vue.mjs";
-import { default as xt } from "./lib/components/TextFieldWrapperWrapper.vue.mjs";
-import { default as it } from "./lib/components/TextListWrapper.vue.mjs";
-import { default as Tt } from "./lib/components/TextListItemWrapper.vue.mjs";
-import { default as St } from "./lib/components/TextareaWrapperWrapper.vue.mjs";
-import { default as bt } from "./lib/components/ToastWrapper.vue.mjs";
-import { default as Bt } from "./lib/components/WordmarkWrapper.vue.mjs";
-import { useToastManager as Wt } from "./utils.mjs";
-import { default as yt } from "./PorscheDesignSystemProvider.vue.mjs";
-import { createPorscheDesignSystem as Lt, usePorscheDesignSystemPlugin as Mt } from "./plugin.mjs";
+import { default as z } from "./lib/components/FlyoutNavigationWrapper.vue.mjs";
+import { default as A } from "./lib/components/FlyoutNavigationItemWrapper.vue.mjs";
+import { default as j } from "./lib/components/GridWrapper.vue.mjs";
+import { default as J } from "./lib/components/GridItemWrapper.vue.mjs";
+import { default as Q } from "./lib/components/HeadingWrapper.vue.mjs";
+import { default as V } from "./lib/components/HeadlineWrapper.vue.mjs";
+import { default as Y } from "./lib/components/IconWrapper.vue.mjs";
+import { default as _ } from "./lib/components/InlineNotificationWrapper.vue.mjs";
+import { default as ee } from "./lib/components/LinkWrapper.vue.mjs";
+import { default as oe } from "./lib/components/LinkPureWrapper.vue.mjs";
+import { default as ae } from "./lib/components/LinkSocialWrapper.vue.mjs";
+import { default as le } from "./lib/components/LinkTileWrapper.vue.mjs";
+import { default as se } from "./lib/components/LinkTileModelSignatureWrapper.vue.mjs";
+import { default as ue } from "./lib/components/LinkTileProductWrapper.vue.mjs";
+import { default as xe } from "./lib/components/MarqueWrapper.vue.mjs";
+import { default as ie } from "./lib/components/ModalWrapper.vue.mjs";
+import { default as Te } from "./lib/components/ModelSignatureWrapper.vue.mjs";
+import { default as Se } from "./lib/components/MultiSelectWrapper.vue.mjs";
+import { default as be } from "./lib/components/MultiSelectOptionWrapper.vue.mjs";
+import { default as Ce } from "./lib/components/PaginationWrapper.vue.mjs";
+import { default as ke } from "./lib/components/PinCodeWrapper.vue.mjs";
+import { default as Fe } from "./lib/components/PopoverWrapper.vue.mjs";
+import { default as We } from "./lib/components/RadioButtonWrapperWrapper.vue.mjs";
+import { default as Me } from "./lib/components/ScrollerWrapper.vue.mjs";
+import { default as he } from "./lib/components/SegmentedControlWrapper.vue.mjs";
+import { default as Re } from "./lib/components/SegmentedControlItemWrapper.vue.mjs";
+import { default as Ge } from "./lib/components/SelectWrapperWrapper.vue.mjs";
+import { default as ze } from "./lib/components/SpinnerWrapper.vue.mjs";
+import { default as Ae } from "./lib/components/StepperHorizontalWrapper.vue.mjs";
+import { default as je } from "./lib/components/StepperHorizontalItemWrapper.vue.mjs";
+import { default as Je } from "./lib/components/SwitchWrapper.vue.mjs";
+import { default as Qe } from "./lib/components/TableWrapper.vue.mjs";
+import { default as Ve } from "./lib/components/TableBodyWrapper.vue.mjs";
+import { default as Ye } from "./lib/components/TableCellWrapper.vue.mjs";
+import { default as _e } from "./lib/components/TableHeadWrapper.vue.mjs";
+import { default as et } from "./lib/components/TableHeadCellWrapper.vue.mjs";
+import { default as ot } from "./lib/components/TableHeadRowWrapper.vue.mjs";
+import { default as at } from "./lib/components/TableRowWrapper.vue.mjs";
+import { default as lt } from "./lib/components/TabsWrapper.vue.mjs";
+import { default as st } from "./lib/components/TabsBarWrapper.vue.mjs";
+import { default as ut } from "./lib/components/TabsItemWrapper.vue.mjs";
+import { default as xt } from "./lib/components/TagWrapper.vue.mjs";
+import { default as it } from "./lib/components/TagDismissibleWrapper.vue.mjs";
+import { default as Tt } from "./lib/components/TextWrapper.vue.mjs";
+import { default as St } from "./lib/components/TextFieldWrapperWrapper.vue.mjs";
+import { default as bt } from "./lib/components/TextListWrapper.vue.mjs";
+import { default as Ct } from "./lib/components/TextListItemWrapper.vue.mjs";
+import { default as kt } from "./lib/components/TextareaWrapperWrapper.vue.mjs";
+import { default as Ft } from "./lib/components/ToastWrapper.vue.mjs";
+import { default as Wt } from "./lib/components/WordmarkWrapper.vue.mjs";
+import { useToastManager as Mt } from "./utils.mjs";
+import { default as ht } from "./PorscheDesignSystemProvider.vue.mjs";
+import { createPorscheDesignSystem as Rt, usePorscheDesignSystemPlugin as wt } from "./plugin.mjs";
 export {
   a as PAccordion,
   l as PBanner,
@@ -76,64 +79,67 @@ export {
   T as PCarousel,
   S as PCheckboxWrapper,
   b as PContentWrapper,
-  B as PCrest,
-  W as PDisplay,
-  y as PDivider,
-  L as PFieldset,
-  D as PFieldsetWrapper,
+  C as PCrest,
+  k as PDisplay,
+  F as PDivider,
+  W as PFieldset,
+  M as PFieldsetWrapper,
   h as PFlex,
-  v as PFlexItem,
+  R as PFlexItem,
   G as PFlyout,
-  q as PGrid,
-  N as PGridItem,
-  j as PHeading,
-  J as PHeadline,
-  Q as PIcon,
-  V as PInlineNotification,
-  Y as PLink,
-  _ as PLinkPure,
-  ee as PLinkSocial,
-  re as PLinkTile,
-  ae as PLinkTileModelSignature,
-  le as PMarque,
-  se as PModal,
-  ue as PModelSignature,
-  xe as PMultiSelect,
-  ie as PMultiSelectOption,
-  Te as PPagination,
-  Se as PPinCode,
-  be as PPopover,
-  Be as PRadioButtonWrapper,
-  We as PScroller,
-  ye as PSegmentedControl,
-  Le as PSegmentedControlItem,
-  De as PSelectWrapper,
-  he as PSpinner,
-  ve as PStepperHorizontal,
-  Ge as PStepperHorizontalItem,
-  qe as PSwitch,
-  Ne as PTable,
-  je as PTableBody,
-  Je as PTableCell,
-  Qe as PTableHead,
-  Ve as PTableHeadCell,
-  Ye as PTableHeadRow,
-  _e as PTableRow,
-  et as PTabs,
-  rt as PTabsBar,
-  at as PTabsItem,
-  lt as PTag,
-  st as PTagDismissible,
-  ut as PText,
-  xt as PTextFieldWrapper,
-  it as PTextList,
-  Tt as PTextListItem,
-  St as PTextareaWrapper,
-  bt as PToast,
-  Bt as PWordmark,
-  yt as PorscheDesignSystemProvider,
-  r as componentsReady,
-  Lt as createPorscheDesignSystem,
-  Mt as usePorscheDesignSystemPlugin,
-  Wt as useToastManager
+  z as PFlyoutNavigation,
+  A as PFlyoutNavigationItem,
+  j as PGrid,
+  J as PGridItem,
+  Q as PHeading,
+  V as PHeadline,
+  Y as PIcon,
+  _ as PInlineNotification,
+  ee as PLink,
+  oe as PLinkPure,
+  ae as PLinkSocial,
+  le as PLinkTile,
+  se as PLinkTileModelSignature,
+  ue as PLinkTileProduct,
+  xe as PMarque,
+  ie as PModal,
+  Te as PModelSignature,
+  Se as PMultiSelect,
+  be as PMultiSelectOption,
+  Ce as PPagination,
+  ke as PPinCode,
+  Fe as PPopover,
+  We as PRadioButtonWrapper,
+  Me as PScroller,
+  he as PSegmentedControl,
+  Re as PSegmentedControlItem,
+  Ge as PSelectWrapper,
+  ze as PSpinner,
+  Ae as PStepperHorizontal,
+  je as PStepperHorizontalItem,
+  Je as PSwitch,
+  Qe as PTable,
+  Ve as PTableBody,
+  Ye as PTableCell,
+  _e as PTableHead,
+  et as PTableHeadCell,
+  ot as PTableHeadRow,
+  at as PTableRow,
+  lt as PTabs,
+  st as PTabsBar,
+  ut as PTabsItem,
+  xt as PTag,
+  it as PTagDismissible,
+  Tt as PText,
+  St as PTextFieldWrapper,
+  bt as PTextList,
+  Ct as PTextListItem,
+  kt as PTextareaWrapper,
+  Ft as PToast,
+  Wt as PWordmark,
+  ht as PorscheDesignSystemProvider,
+  o as componentsReady,
+  Rt as createPorscheDesignSystem,
+  wt as usePorscheDesignSystemPlugin,
+  Mt as useToastManager
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-vue",
-  "version": "3.9.0",
+  "version": "3.10.0-rc.1",
   "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.",
   "keywords": [
     "porsche",
@@ -17,7 +17,7 @@
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://designsystem.porsche.com",
   "dependencies": {
-    "@porsche-design-system/components-js": "3.9.0"
+    "@porsche-design-system/components-js": "3.10.0-rc.1"
   },
   "peerDependencies": {
     "vue": ">=3.0.0 <4.0.0"