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

package/CHANGELOG.md

@@ -14,6 +14,26 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ### [Unreleased]
 
+### [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 +67,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/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"),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"),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"),y=require("./lib/components/FieldsetWrapperWrapper.vue.cjs"),P=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"),x=require("./lib/components/InlineNotificationWrapper.vue.cjs"),B=require("./lib/components/LinkWrapper.vue.cjs"),F=require("./lib/components/LinkPureWrapper.vue.cjs"),M=require("./lib/components/LinkSocialWrapper.vue.cjs"),k=require("./lib/components/LinkTileWrapper.vue.cjs"),H=require("./lib/components/LinkTileModelSignatureWrapper.vue.cjs"),L=require("./lib/components/MarqueWrapper.vue.cjs"),D=require("./lib/components/ModalWrapper.vue.cjs"),h=require("./lib/components/ModelSignatureWrapper.vue.cjs"),R=require("./lib/components/MultiSelectWrapper.vue.cjs"),w=require("./lib/components/MultiSelectOptionWrapper.vue.cjs"),G=require("./lib/components/PaginationWrapper.vue.cjs"),N=require("./lib/components/PinCodeWrapper.vue.cjs"),f=require("./lib/components/PopoverWrapper.vue.cjs"),z=require("./lib/components/RadioButtonWrapperWrapper.vue.cjs"),O=require("./lib/components/ScrollerWrapper.vue.cjs"),j=require("./lib/components/SegmentedControlWrapper.vue.cjs"),A=require("./lib/components/SegmentedControlItemWrapper.vue.cjs"),J=require("./lib/components/SelectWrapperWrapper.vue.cjs"),E=require("./lib/components/SpinnerWrapper.vue.cjs"),K=require("./lib/components/StepperHorizontalWrapper.vue.cjs"),Q=require("./lib/components/StepperHorizontalItemWrapper.vue.cjs"),U=require("./lib/components/SwitchWrapper.vue.cjs"),V=require("./lib/components/TableWrapper.vue.cjs"),X=require("./lib/components/TableBodyWrapper.vue.cjs"),Y=require("./lib/components/TableCellWrapper.vue.cjs"),Z=require("./lib/components/TableHeadWrapper.vue.cjs"),$=require("./lib/components/TableHeadCellWrapper.vue.cjs"),ee=require("./lib/components/TableHeadRowWrapper.vue.cjs"),re=require("./lib/components/TableRowWrapper.vue.cjs"),te=require("./lib/components/TabsWrapper.vue.cjs"),_e=require("./lib/components/TabsBarWrapper.vue.cjs"),pe=require("./lib/components/TabsItemWrapper.vue.cjs"),ue=require("./lib/components/TagWrapper.vue.cjs"),se=require("./lib/components/TagDismissibleWrapper.vue.cjs"),ie=require("./lib/components/TextWrapper.vue.cjs"),ae=require("./lib/components/TextFieldWrapperWrapper.vue.cjs"),ne=require("./lib/components/TextListWrapper.vue.cjs"),oe=require("./lib/components/TextListItemWrapper.vue.cjs"),ce=require("./lib/components/TextareaWrapperWrapper.vue.cjs"),le=require("./lib/components/ToastWrapper.vue.cjs"),ve=require("./lib/components/WordmarkWrapper.vue.cjs"),ge=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=p;exports.PButtonGroup=u;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=y;exports.PFlex=P;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=x;exports.PLink=B;exports.PLinkPure=F;exports.PLinkSocial=M;exports.PLinkTile=k;exports.PLinkTileModelSignature=H;exports.PMarque=L;exports.PModal=D;exports.PModelSignature=h;exports.PMultiSelect=R;exports.PMultiSelectOption=w;exports.PPagination=G;exports.PPinCode=N;exports.PPopover=f;exports.PRadioButtonWrapper=z;exports.PScroller=O;exports.PSegmentedControl=j;exports.PSegmentedControlItem=A;exports.PSelectWrapper=J;exports.PSpinner=E;exports.PStepperHorizontal=K;exports.PStepperHorizontalItem=Q;exports.PSwitch=U;exports.PTable=V;exports.PTableBody=X;exports.PTableCell=Y;exports.PTableHead=Z;exports.PTableHeadCell=$;exports.PTableHeadRow=ee;exports.PTableRow=re;exports.PTabs=te;exports.PTabsBar=_e;exports.PTabsItem=pe;exports.PTag=ue;exports.PTagDismissible=se;exports.PText=ie;exports.PTextFieldWrapper=ae;exports.PTextList=ne;exports.PTextListItem=oe;exports.PTextareaWrapper=ce;exports.PToast=le;exports.PWordmark=ve;exports.useToastManager=ge.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/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';

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",
@@ -1041,6 +1049,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,66 @@ 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 B } from "./lib/components/DisplayWrapper.vue.mjs";
+import { default as W } from "./lib/components/DividerWrapper.vue.mjs";
+import { default as H } 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/MarqueWrapper.vue.mjs";
+import { default as xe } from "./lib/components/ModalWrapper.vue.mjs";
+import { default as ie } from "./lib/components/ModelSignatureWrapper.vue.mjs";
+import { default as Te } from "./lib/components/MultiSelectWrapper.vue.mjs";
+import { default as Se } from "./lib/components/MultiSelectOptionWrapper.vue.mjs";
+import { default as be } from "./lib/components/PaginationWrapper.vue.mjs";
+import { default as Ce } from "./lib/components/PinCodeWrapper.vue.mjs";
+import { default as Be } from "./lib/components/PopoverWrapper.vue.mjs";
+import { default as We } from "./lib/components/RadioButtonWrapperWrapper.vue.mjs";
+import { default as He } from "./lib/components/ScrollerWrapper.vue.mjs";
+import { default as Me } from "./lib/components/SegmentedControlWrapper.vue.mjs";
+import { default as he } from "./lib/components/SegmentedControlItemWrapper.vue.mjs";
+import { default as Re } from "./lib/components/SelectWrapperWrapper.vue.mjs";
+import { default as Ge } from "./lib/components/SpinnerWrapper.vue.mjs";
+import { default as ze } from "./lib/components/StepperHorizontalWrapper.vue.mjs";
+import { default as Ae } from "./lib/components/StepperHorizontalItemWrapper.vue.mjs";
+import { default as je } from "./lib/components/SwitchWrapper.vue.mjs";
+import { default as Je } from "./lib/components/TableWrapper.vue.mjs";
+import { default as Qe } from "./lib/components/TableBodyWrapper.vue.mjs";
+import { default as Ve } from "./lib/components/TableCellWrapper.vue.mjs";
+import { default as Ye } from "./lib/components/TableHeadWrapper.vue.mjs";
+import { default as _e } from "./lib/components/TableHeadCellWrapper.vue.mjs";
+import { default as et } from "./lib/components/TableHeadRowWrapper.vue.mjs";
+import { default as ot } from "./lib/components/TableRowWrapper.vue.mjs";
+import { default as at } from "./lib/components/TabsWrapper.vue.mjs";
+import { default as lt } from "./lib/components/TabsBarWrapper.vue.mjs";
+import { default as st } from "./lib/components/TabsItemWrapper.vue.mjs";
+import { default as ut } from "./lib/components/TagWrapper.vue.mjs";
+import { default as xt } from "./lib/components/TagDismissibleWrapper.vue.mjs";
+import { default as it } from "./lib/components/TextWrapper.vue.mjs";
+import { default as Tt } from "./lib/components/TextFieldWrapperWrapper.vue.mjs";
+import { default as St } from "./lib/components/TextListWrapper.vue.mjs";
+import { default as bt } from "./lib/components/TextListItemWrapper.vue.mjs";
+import { default as Ct } from "./lib/components/TextareaWrapperWrapper.vue.mjs";
+import { default as Bt } from "./lib/components/ToastWrapper.vue.mjs";
+import { default as Wt } from "./lib/components/WordmarkWrapper.vue.mjs";
+import { useToastManager as Ht } from "./utils.mjs";
+import { default as Mt } from "./PorscheDesignSystemProvider.vue.mjs";
+import { createPorscheDesignSystem as ht, usePorscheDesignSystemPlugin as vt } from "./plugin.mjs";
 export {
   a as PAccordion,
   l as PBanner,
@@ -76,64 +78,66 @@ 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,
+  B as PDisplay,
+  W as PDivider,
+  H 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 PMarque,
+  xe as PModal,
+  ie as PModelSignature,
+  Te as PMultiSelect,
+  Se as PMultiSelectOption,
+  be as PPagination,
+  Ce as PPinCode,
+  Be as PPopover,
+  We as PRadioButtonWrapper,
+  He as PScroller,
+  Me as PSegmentedControl,
+  he as PSegmentedControlItem,
+  Re as PSelectWrapper,
+  Ge as PSpinner,
+  ze as PStepperHorizontal,
+  Ae as PStepperHorizontalItem,
+  je as PSwitch,
+  Je as PTable,
+  Qe as PTableBody,
+  Ve as PTableCell,
+  Ye as PTableHead,
+  _e as PTableHeadCell,
+  et as PTableHeadRow,
+  ot as PTableRow,
+  at as PTabs,
+  lt as PTabsBar,
+  st as PTabsItem,
+  ut as PTag,
+  xt as PTagDismissible,
+  it as PText,
+  Tt as PTextFieldWrapper,
+  St as PTextList,
+  bt as PTextListItem,
+  Ct as PTextareaWrapper,
+  Bt as PToast,
+  Wt as PWordmark,
+  Mt as PorscheDesignSystemProvider,
+  o as componentsReady,
+  ht as createPorscheDesignSystem,
+  vt as usePorscheDesignSystemPlugin,
+  Ht as useToastManager
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-vue",
-  "version": "3.9.0",
+  "version": "3.10.0-rc.0",
   "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.0"
   },
   "peerDependencies": {
     "vue": ">=3.0.0 <4.0.0"