@porsche-design-system/components-vue 3.19.0-rc.0 → 3.19.0-rc.2

package/CHANGELOG.md

@@ -14,12 +14,33 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
 
 ### [Unreleased]
 
+### [3.19.0-rc.2] - 2024-10-01
+
+#### Added
+
+- `Carousel`: introduce `trimSpace` prop
+  ([#3496](https://github.com/porsche-design-system/porsche-design-system/pull/3496))
+- `Checkbox`: ([#3498](https://github.com/porsche-design-system/porsche-design-system/pull/3498))
+
+#### Fixed
+
+- `Checkbox Wrapper`, `Radio Button Wrapper`: rendering of `checked` state in Blink based Browsers when component is
+  rendered in high contrast mode ([#3488](https://github.com/porsche-design-system/porsche-design-system/pull/3488))
+
+### [3.19.0-rc.1] - 2024-09-06
+
+#### Changed
+
+- `Canvas`: Improve UX ([#3494](https://github.com/porsche-design-system/porsche-design-system/pull/3494))
+
 ### [3.19.0-rc.0] - 2024-09-03
 
 #### Added
 
 - `componentsReady()`: Introduce optional `readyState` parameter
   ([#3460](https://github.com/porsche-design-system/porsche-design-system/pull/3460))
+- `Carousel`: introduce `focusOnCenterSlide` & `gradientColor` props
+  ([#3488](https://github.com/porsche-design-system/porsche-design-system/pull/3488))
 
 #### Changed
 

package/cjs/lib/components/CanvasWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),s=require("../../utils.cjs"),m=e.defineComponent({__name:"CanvasWrapper",props:{sidebarEndOpen:{type:Boolean,default:!1},sidebarEndWidth:{default:"medium"},sidebarStartOpen:{type:Boolean,default:!1},sidebarStartWidth:{default:"medium"}},emits:["dismissSidebarEnd","dismissSidebarStart"],setup(o,{emit:d}){const a=s.usePrefix("p-canvas"),i=o,t=e.ref(),n=d,r=()=>s.syncProperties(t,i);return e.onMounted(()=>{r(),s.addEventListenerToElementRef(t,"dismissSidebarEnd",n),s.addEventListenerToElementRef(t,"dismissSidebarStart",n)}),e.onUpdated(r),(p,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(a)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(p.$slots,"default")]),_:3},512))}});module.exports=m;
+"use strict";const e=require("vue"),t=require("../../utils.cjs"),u=e.defineComponent({__name:"CanvasWrapper",props:{sidebarEndIcon:{default:"configurate"},sidebarEndOpen:{type:Boolean,default:!1},sidebarStartIcon:{default:"menu-lines"},sidebarStartOpen:{type:Boolean,default:!1},theme:{}},setup(c){const p=t.usePrefix("p-canvas"),n=c,o=e.ref(),r=e.inject(t.themeInjectionKey),a=()=>t.syncProperties(o,{...n,theme:n.theme||r.value});return e.onMounted(a),e.onUpdated(a),e.watch(r,s=>{t.syncProperties(o,{theme:n.theme||s})}),(s,d)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(p)),{ref_key:"pdsComponentRef",ref:o},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},512))}});module.exports=u;

package/cjs/lib/components/CarouselWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),c=e.defineComponent({__name:"CarouselWrapper",props:{activeSlideIndex:{default:0},alignHeader:{default:"start"},aria:{},description:{},disablePagination:{},focusOnCenterSlide:{type:Boolean,default:!1},gradientColor:{default:"none"},heading:{},headingSize:{default:"x-large"},intl:{},pagination:{default:!0},rewind:{type:Boolean,default:!0},skipLinkTarget:{},slidesPerPage:{default:1},theme:{},width:{default:"basic"},wrapContent:{type:Boolean}},emits:["carouselChange","update"],setup(d,{emit:l}){const u=t.usePrefix("p-carousel"),o=d,n=e.ref(),r=l,s=e.inject(t.themeInjectionKey),i=()=>t.syncProperties(n,{...o,theme:o.theme||s.value});return e.onMounted(()=>{i(),t.addEventListenerToElementRef(n,"carouselChange",r),t.addEventListenerToElementRef(n,"update",r)}),e.onUpdated(i),e.watch(s,a=>{t.syncProperties(n,{theme:o.theme||a})}),(a,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(u)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},512))}});module.exports=c;
+"use strict";const e=require("vue"),t=require("../../utils.cjs"),p=e.defineComponent({__name:"CarouselWrapper",props:{activeSlideIndex:{default:0},alignHeader:{default:"start"},aria:{},description:{},disablePagination:{},focusOnCenterSlide:{type:Boolean,default:!1},gradientColor:{default:"none"},heading:{},headingSize:{default:"x-large"},intl:{},pagination:{default:!0},rewind:{type:Boolean,default:!0},skipLinkTarget:{},slidesPerPage:{default:1},theme:{},trimSpace:{type:Boolean,default:!0},width:{default:"basic"},wrapContent:{type:Boolean}},emits:["carouselChange","update"],setup(l,{emit:d}){const u=t.usePrefix("p-carousel"),a=l,n=e.ref(),r=d,s=e.inject(t.themeInjectionKey),i=()=>t.syncProperties(n,{...a,theme:a.theme||s.value});return e.onMounted(()=>{i(),t.addEventListenerToElementRef(n,"carouselChange",r),t.addEventListenerToElementRef(n,"update",r)}),e.onUpdated(i),e.watch(s,o=>{t.syncProperties(n,{theme:a.theme||o})}),(o,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(u)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},512))}});module.exports=p;

package/cjs/lib/components/CheckboxWrapper.vue.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=require("../../utils.cjs"),c=e.defineComponent({__name:"CheckboxWrapper",props:{checked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},form:{},hideLabel:{default:!1},indeterminate:{type:Boolean,default:!1},label:{default:""},loading:{type:Boolean,default:!1},message:{default:""},name:{default:""},required:{type:Boolean,default:!1},state:{default:"none"},theme:{},value:{default:"on"}},emits:["blur","update"],setup(d,{emit:f}){const u=t.usePrefix("p-checkbox"),o=d,n=e.ref(),s=f,l=e.inject(t.themeInjectionKey),r=()=>t.syncProperties(n,{...o,theme:o.theme||l.value});return e.onMounted(()=>{r(),t.addEventListenerToElementRef(n,"blur",s),t.addEventListenerToElementRef(n,"update",s)}),e.onUpdated(r),e.watch(l,a=>{t.syncProperties(n,{theme:o.theme||a})}),(a,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(u)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},512))}});module.exports=c;

package/cjs/lib/components/CheckboxWrapper.vue2.cjs

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

package/cjs/lib/components/TextareaWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),p=e.defineComponent({__name:"TextareaWrapper",props:{autoComplete:{default:""},description:{default:""},disabled:{type:Boolean,default:!1},form:{},hideLabel:{default:!1},label:{default:""},maxLength:{},message:{default:""},minLength:{},name:{},placeholder:{default:""},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},resize:{default:"vertical"},rows:{default:7},showCounter:{type:Boolean,default:!0},spellCheck:{type:Boolean},state:{default:"none"},theme:{},value:{default:""},wrap:{default:"soft"}},emits:["blur","change","input"],setup(u,{emit:d}){const f=t.usePrefix("p-textarea"),a=u,n=e.ref(),o=d,l=e.inject(t.themeInjectionKey),r=()=>t.syncProperties(n,{...a,theme:a.theme||l.value});return e.onMounted(()=>{r(),t.addEventListenerToElementRef(n,"blur",o),t.addEventListenerToElementRef(n,"change",o),t.addEventListenerToElementRef(n,"input",o)}),e.onUpdated(r),e.watch(l,s=>{t.syncProperties(n,{theme:a.theme||s})}),(s,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(f)),{ref_key:"pdsComponentRef",ref:n},null,512))}});module.exports=p;
+"use strict";const e=require("vue"),t=require("../../utils.cjs"),p=e.defineComponent({__name:"TextareaWrapper",props:{autoComplete:{default:""},description:{default:""},disabled:{type:Boolean,default:!1},form:{},hideLabel:{default:!1},label:{default:""},maxLength:{},message:{default:""},minLength:{},name:{},placeholder:{default:""},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},resize:{default:"vertical"},rows:{default:7},showCounter:{type:Boolean,default:!0},spellCheck:{type:Boolean},state:{default:"none"},theme:{},value:{default:""},wrap:{default:"soft"}},emits:["blur","change","input"],setup(u,{emit:d}){const f=t.usePrefix("p-textarea"),a=u,n=e.ref(),o=d,r=e.inject(t.themeInjectionKey),s=()=>t.syncProperties(n,{...a,theme:a.theme||r.value});return e.onMounted(()=>{s(),t.addEventListenerToElementRef(n,"blur",o),t.addEventListenerToElementRef(n,"change",o),t.addEventListenerToElementRef(n,"input",o)}),e.onUpdated(s),e.watch(r,l=>{t.syncProperties(n,{theme:a.theme||l})}),(l,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(f)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},512))}});module.exports=p;

package/cjs/public-api.cjs

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

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

@@ -1,32 +1,44 @@
-import type { CanvasSidebarEndWidth, CanvasSidebarStartWidth } from '../types';
+import type { CanvasSidebarEndIcon, CanvasSidebarStartIcon, Theme } from '../types';
 type PCanvasProps = {
+    /**
+     * The icon to toggle the Sidebar on the end side
+     */
+    sidebarEndIcon?: CanvasSidebarEndIcon;
+    /**
+     * Open Sidebar on the end side
+     */
     sidebarEndOpen?: boolean;
     /**
-     * Defines the width of the sidebar on the end side
+     * The icon to toggle the Sidebar on the start side
      */
-    sidebarEndWidth?: CanvasSidebarEndWidth;
+    sidebarStartIcon?: CanvasSidebarStartIcon;
     /**
      * Open Sidebar on the start side
      */
     sidebarStartOpen?: boolean;
     /**
-     * Defines the width of the sidebar on the start side
+     * Adapts the color depending on the theme. Has no effect when "inherit" is set as color prop.
      */
-    sidebarStartWidth?: CanvasSidebarStartWidth;
+    theme?: Theme;
 };
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PCanvasProps>, {
+    sidebarEndIcon: string;
+    sidebarEndOpen: boolean;
+    sidebarStartIcon: string;
+    sidebarStartOpen: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PCanvasProps>, {
+    sidebarEndIcon: string;
     sidebarEndOpen: boolean;
-    sidebarEndWidth: string;
+    sidebarStartIcon: string;
     sidebarStartOpen: boolean;
-    sidebarStartWidth: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
+}>>>, {
+    sidebarEndIcon: CanvasSidebarEndIcon;
     sidebarEndOpen: boolean;
-    sidebarEndWidth: CanvasSidebarEndWidth;
+    sidebarStartIcon: CanvasSidebarStartIcon;
     sidebarStartOpen: boolean;
-    sidebarStartWidth: CanvasSidebarStartWidth;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

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

@@ -1,29 +1,29 @@
-import { defineComponent as p, ref as m, onMounted as f, onUpdated as l, openBlock as c, createBlock as u, resolveDynamicComponent as b, unref as S, withCtx as C, renderSlot as _ } from "vue";
-import { usePrefix as y, addEventListenerToElementRef as s, syncProperties as E } from "../../utils.mjs";
-const k = /* @__PURE__ */ p({
+import { defineComponent as c, ref as f, inject as d, onMounted as m, onUpdated as l, watch as i, openBlock as u, createBlock as h, resolveDynamicComponent as y, unref as C, withCtx as _, renderSlot as b } from "vue";
+import { usePrefix as v, themeInjectionKey as B, syncProperties as r } from "../../utils.mjs";
+const I = /* @__PURE__ */ c({
   __name: "CanvasWrapper",
   props: {
+    sidebarEndIcon: { default: "configurate" },
     sidebarEndOpen: { type: Boolean, default: !1 },
-    sidebarEndWidth: { default: "medium" },
+    sidebarStartIcon: { default: "menu-lines" },
     sidebarStartOpen: { type: Boolean, default: !1 },
-    sidebarStartWidth: { default: "medium" }
+    theme: {}
   },
-  emits: ["dismissSidebarEnd", "dismissSidebarStart"],
-  setup(o, { emit: r }) {
-    const a = y("p-canvas"), d = o, e = m(), t = r, n = () => E(e, d);
-    return f(() => {
-      n(), s(e, "dismissSidebarEnd", t), s(e, "dismissSidebarStart", t);
-    }), l(n), (i, h) => (c(), u(b(S(a)), {
+  setup(s) {
+    const p = v("p-canvas"), e = s, t = f(), o = d(B), a = () => r(t, { ...e, theme: e.theme || o.value });
+    return m(a), l(a), i(o, (n) => {
+      r(t, { theme: e.theme || n });
+    }), (n, k) => (u(), h(y(C(p)), {
       ref_key: "pdsComponentRef",
-      ref: e
+      ref: t
     }, {
-      default: C(() => [
-        _(i.$slots, "default")
+      default: _(() => [
+        b(n.$slots, "default")
       ]),
       _: 3
     }, 512));
   }
 });
 export {
-  k as default
+  I as default
 };

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

@@ -60,6 +60,10 @@ type PCarouselProps = {
      * Adapts the color when used on dark background.
      */
     theme?: Theme;
+    /**
+     * Determines whether to trim spaces before/after the carousel if `focusOnCenterSlide` option is true.
+     */
+    trimSpace?: boolean;
     /**
      * Defines the outer spacings between the carousel and the left and right screen sides.
      */
@@ -82,6 +86,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     pagination: boolean;
     rewind: boolean;
     slidesPerPage: number;
+    trimSpace: boolean;
     width: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     carouselChange: (value: import("../types").CarouselUpdateEvent) => void;
@@ -95,6 +100,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     pagination: boolean;
     rewind: boolean;
     slidesPerPage: number;
+    trimSpace: boolean;
     width: string;
 }>>> & {
     onUpdate?: ((value: import("../types").CarouselUpdateEvent) => any) | undefined;
@@ -109,6 +115,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     pagination: BreakpointCustomizable<boolean>;
     rewind: boolean;
     slidesPerPage: BreakpointCustomizable<number> | "auto";
+    trimSpace: boolean;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

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

@@ -1,5 +1,5 @@
-import { defineComponent as u, ref as f, inject as c, onMounted as m, onUpdated as h, watch as g, openBlock as C, createBlock as y, resolveDynamicComponent as _, unref as w, withCtx as P, renderSlot as k } from "vue";
-import { usePrefix as x, themeInjectionKey as B, addEventListenerToElementRef as i, syncProperties as s } from "../../utils.mjs";
+import { defineComponent as u, ref as f, inject as c, onMounted as m, onUpdated as h, watch as g, openBlock as C, createBlock as y, resolveDynamicComponent as _, unref as w, withCtx as B, renderSlot as P } from "vue";
+import { usePrefix as k, themeInjectionKey as x, addEventListenerToElementRef as i, syncProperties as l } from "../../utils.mjs";
 const b = /* @__PURE__ */ u({
   __name: "CarouselWrapper",
   props: {
@@ -18,22 +18,23 @@ const b = /* @__PURE__ */ u({
     skipLinkTarget: {},
     slidesPerPage: { default: 1 },
     theme: {},
+    trimSpace: { type: Boolean, default: !0 },
     width: { default: "basic" },
     wrapContent: { type: Boolean }
   },
   emits: ["carouselChange", "update"],
-  setup(d, { emit: l }) {
-    const p = x("p-carousel"), t = d, e = f(), a = l, o = c(B), r = () => s(e, { ...t, theme: t.theme || o.value });
+  setup(s, { emit: d }) {
+    const p = k("p-carousel"), t = s, e = f(), a = d, o = c(x), r = () => l(e, { ...t, theme: t.theme || o.value });
     return m(() => {
       r(), i(e, "carouselChange", a), i(e, "update", a);
     }), h(r), g(o, (n) => {
-      s(e, { theme: t.theme || n });
-    }), (n, v) => (C(), y(_(w(p)), {
+      l(e, { theme: t.theme || n });
+    }), (n, S) => (C(), y(_(w(p)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: P(() => [
-        k(n.$slots, "default")
+      default: B(() => [
+        P(n.$slots, "default")
       ]),
       _: 3
     }, 512));

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

@@ -0,0 +1,125 @@
+import type { BreakpointCustomizable, CheckboxUpdateEventDetail, CheckboxState, Theme } from '../types';
+type PCheckboxProps = {
+    /**
+     * Reflects the checkbox current checked state and allows setting the initial checked state.
+     */
+    checked?: boolean;
+    /**
+     * Marks the checkbox as disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The id of a form element the checkbox should be associated with.
+     */
+    form?: string;
+    /**
+     * Show or hide label. For better accessibility it's recommended to show the label.
+     */
+    hideLabel?: BreakpointCustomizable<boolean>;
+    /**
+     * Marks the checkbox as indeterminate.
+     */
+    indeterminate?: boolean;
+    /**
+     * The label text.
+     */
+    label?: string;
+    /**
+     * @experimental Disables the checkbox and shows a loading indicator.
+     */
+    loading?: boolean;
+    /**
+     * The message styled depending on validation state.
+     */
+    message?: string;
+    /**
+     * The name of the checkbox.
+     */
+    name?: string;
+    /**
+     * Marks the checkbox as required.
+     */
+    required?: boolean;
+    /**
+     * The validation state.
+     */
+    state?: CheckboxState;
+    /**
+     * Adapts the color depending on the theme.
+     */
+    theme?: Theme;
+    /**
+     * The checkbox value. When a form is submitted, only a checkbox which is currently checked is included in the submission.
+     */
+    value?: string;
+};
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PCheckboxProps>, {
+    checked: boolean;
+    disabled: boolean;
+    hideLabel: boolean;
+    indeterminate: boolean;
+    label: string;
+    loading: boolean;
+    message: string;
+    name: string;
+    required: boolean;
+    state: string;
+    value: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (value: Event) => void;
+    update: (value: CheckboxUpdateEventDetail) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PCheckboxProps>, {
+    checked: boolean;
+    disabled: boolean;
+    hideLabel: boolean;
+    indeterminate: boolean;
+    label: string;
+    loading: boolean;
+    message: string;
+    name: string;
+    required: boolean;
+    state: string;
+    value: string;
+}>>> & {
+    onUpdate?: ((value: CheckboxUpdateEventDetail) => any) | undefined;
+    onBlur?: ((value: Event) => any) | undefined;
+}, {
+    label: string;
+    state: CheckboxState;
+    required: boolean;
+    disabled: boolean;
+    hideLabel: BreakpointCustomizable<boolean>;
+    loading: boolean;
+    name: string;
+    value: string;
+    checked: boolean;
+    indeterminate: boolean;
+    message: string;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+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;
+    };
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<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;
+    };
+};

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

@@ -0,0 +1,40 @@
+import { defineComponent as m, ref as u, inject as c, onMounted as i, onUpdated as h, watch as y, openBlock as b, createBlock as B, resolveDynamicComponent as C, unref as _, withCtx as k, renderSlot as x } from "vue";
+import { usePrefix as v, themeInjectionKey as R, addEventListenerToElementRef as f, syncProperties as s } from "../../utils.mjs";
+const j = /* @__PURE__ */ m({
+  __name: "CheckboxWrapper",
+  props: {
+    checked: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    form: {},
+    hideLabel: { default: !1 },
+    indeterminate: { type: Boolean, default: !1 },
+    label: { default: "" },
+    loading: { type: Boolean, default: !1 },
+    message: { default: "" },
+    name: { default: "" },
+    required: { type: Boolean, default: !1 },
+    state: { default: "none" },
+    theme: {},
+    value: { default: "on" }
+  },
+  emits: ["blur", "update"],
+  setup(d, { emit: r }) {
+    const p = v("p-checkbox"), t = d, e = u(), n = r, a = c(R), l = () => s(e, { ...t, theme: t.theme || a.value });
+    return i(() => {
+      l(), f(e, "blur", n), f(e, "update", n);
+    }), h(l), y(a, (o) => {
+      s(e, { theme: t.theme || o });
+    }), (o, g) => (b(), B(C(_(p)), {
+      ref_key: "pdsComponentRef",
+      ref: e
+    }, {
+      default: k(() => [
+        x(o.$slots, "default")
+      ]),
+      _: 3
+    }, 512));
+  }
+});
+export {
+  j as default
+};

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

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

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

@@ -85,7 +85,10 @@ type PTextareaProps = {
      */
     wrap?: TextareaWrap;
 };
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PTextareaProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PTextareaProps>, {
     autoComplete: string;
     description: string;
     disabled: boolean;
@@ -142,6 +145,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     readOnly: boolean;
     rows: number;
 }, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
@@ -151,6 +155,11 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {

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

@@ -1,6 +1,6 @@
-import { defineComponent as d, ref as m, inject as c, onMounted as i, onUpdated as h, watch as y, openBlock as C, createBlock as B, resolveDynamicComponent as _, unref as b } from "vue";
-import { usePrefix as g, themeInjectionKey as x, addEventListenerToElementRef as n, syncProperties as s } from "../../utils.mjs";
-const L = /* @__PURE__ */ d({
+import { defineComponent as u, ref as m, inject as c, onMounted as i, onUpdated as h, watch as y, openBlock as C, createBlock as B, resolveDynamicComponent as _, unref as b, withCtx as g, renderSlot as w } from "vue";
+import { usePrefix as x, themeInjectionKey as v, addEventListenerToElementRef as n, syncProperties as s } from "../../utils.mjs";
+const P = /* @__PURE__ */ u({
   __name: "TextareaWrapper",
   props: {
     autoComplete: { default: "" },
@@ -26,18 +26,23 @@ const L = /* @__PURE__ */ d({
     wrap: { default: "soft" }
   },
   emits: ["blur", "change", "input"],
-  setup(f, { emit: p }) {
-    const u = g("p-textarea"), t = f, e = m(), a = p, o = c(x), l = () => s(e, { ...t, theme: t.theme || o.value });
+  setup(f, { emit: d }) {
+    const p = x("p-textarea"), t = f, e = m(), a = d, l = c(v), r = () => s(e, { ...t, theme: t.theme || l.value });
     return i(() => {
-      l(), n(e, "blur", a), n(e, "change", a), n(e, "input", a);
-    }), h(l), y(o, (r) => {
-      s(e, { theme: t.theme || r });
-    }), (r, v) => (C(), B(_(b(u)), {
+      r(), n(e, "blur", a), n(e, "change", a), n(e, "input", a);
+    }), h(r), y(l, (o) => {
+      s(e, { theme: t.theme || o });
+    }), (o, k) => (C(), B(_(b(p)), {
       ref_key: "pdsComponentRef",
       ref: e
-    }, null, 512));
+    }, {
+      default: g(() => [
+        w(o.$slots, "default")
+      ]),
+      _: 3
+    }, 512));
   }
 });
 export {
-  L as default
+  P as default
 };

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

@@ -6,6 +6,7 @@ export { default as PButtonPure } from './ButtonPureWrapper.vue';
 export { default as PButtonTile } from './ButtonTileWrapper.vue';
 export { default as PCanvas } from './CanvasWrapper.vue';
 export { default as PCarousel } from './CarouselWrapper.vue';
+export { default as PCheckbox } from './CheckboxWrapper.vue';
 export { default as PCheckboxWrapper } from './CheckboxWrapperWrapper.vue';
 export { default as PContentWrapper } from './ContentWrapperWrapper.vue';
 export { default as PCrest } from './CrestWrapper.vue';

package/esm/lib/types.d.ts

@@ -684,13 +684,8 @@ export type ButtonTileSize = TileSize;
 export type ButtonTileBackground = TileBackground;
 export type ButtonTileWeight = TileWeight;
 export type ButtonTileAlign = TileAlign;
-declare const CANVAS_SIDEBAR_WIDTHS: readonly [
-    "medium",
-    "large"
-];
-export type CanvasSidebarWidth = (typeof CANVAS_SIDEBAR_WIDTHS)[number];
-export type CanvasSidebarStartWidth = CanvasSidebarWidth;
-export type CanvasSidebarEndWidth = CanvasSidebarWidth;
+export type CanvasSidebarStartIcon = IconName;
+export type CanvasSidebarEndIcon = IconName;
 declare const CAROUSEL_WIDTHS: readonly [
     "basic",
     "extended"
@@ -720,6 +715,13 @@ export type CarouselUpdateEvent = {
     previousIndex: number;
 };
 export type CarouselUpdateEventDetail = CarouselUpdateEvent;
+export type CheckboxState = FormState;
+export type CheckboxUpdateEventDetail = {
+    name: string;
+    value?: string;
+    checked: boolean;
+};
+export type CheckboxBlurEventDetail = Event;
 export type CheckboxWrapperState = FormState;
 declare const CONTENT_WRAPPER_BACKGROUND_COLORS: readonly [
     "transparent",

package/esm/public-api.mjs

@@ -7,73 +7,74 @@ import { default as x } from "./lib/components/ButtonPureWrapper.vue.mjs";
 import { default as i } from "./lib/components/ButtonTileWrapper.vue.mjs";
 import { default as T } from "./lib/components/CanvasWrapper.vue.mjs";
 import { default as S } from "./lib/components/CarouselWrapper.vue.mjs";
-import { default as b } from "./lib/components/CheckboxWrapperWrapper.vue.mjs";
-import { default as y } from "./lib/components/ContentWrapperWrapper.vue.mjs";
-import { default as M } from "./lib/components/CrestWrapper.vue.mjs";
-import { default as B } from "./lib/components/DisplayWrapper.vue.mjs";
-import { default as L } from "./lib/components/DividerWrapper.vue.mjs";
-import { default as H } from "./lib/components/FieldsetWrapper.vue.mjs";
-import { default as D } from "./lib/components/FieldsetWrapperWrapper.vue.mjs";
-import { default as R } from "./lib/components/FlexWrapper.vue.mjs";
-import { default as G } from "./lib/components/FlexItemWrapper.vue.mjs";
-import { default as z } from "./lib/components/FlyoutWrapper.vue.mjs";
-import { default as A } from "./lib/components/FlyoutMultilevelWrapper.vue.mjs";
-import { default as j } from "./lib/components/FlyoutMultilevelItemWrapper.vue.mjs";
-import { default as J } from "./lib/components/GridWrapper.vue.mjs";
-import { default as Q } from "./lib/components/GridItemWrapper.vue.mjs";
-import { default as V } from "./lib/components/HeadingWrapper.vue.mjs";
-import { default as Y } from "./lib/components/HeadlineWrapper.vue.mjs";
-import { default as _ } from "./lib/components/IconWrapper.vue.mjs";
-import { default as ee } from "./lib/components/InlineNotificationWrapper.vue.mjs";
-import { default as oe } from "./lib/components/LinkWrapper.vue.mjs";
-import { default as ae } from "./lib/components/LinkPureWrapper.vue.mjs";
-import { default as le } from "./lib/components/LinkSocialWrapper.vue.mjs";
-import { default as se } from "./lib/components/LinkTileWrapper.vue.mjs";
-import { default as ue } from "./lib/components/LinkTileModelSignatureWrapper.vue.mjs";
-import { default as xe } from "./lib/components/LinkTileProductWrapper.vue.mjs";
-import { default as ie } from "./lib/components/MarqueWrapper.vue.mjs";
-import { default as Te } from "./lib/components/ModalWrapper.vue.mjs";
-import { default as Se } from "./lib/components/ModelSignatureWrapper.vue.mjs";
-import { default as be } from "./lib/components/MultiSelectWrapper.vue.mjs";
-import { default as ye } from "./lib/components/MultiSelectOptionWrapper.vue.mjs";
-import { default as Me } from "./lib/components/OptgroupWrapper.vue.mjs";
-import { default as Be } from "./lib/components/PaginationWrapper.vue.mjs";
-import { default as Le } from "./lib/components/PinCodeWrapper.vue.mjs";
-import { default as He } from "./lib/components/PopoverWrapper.vue.mjs";
-import { default as De } from "./lib/components/RadioButtonWrapperWrapper.vue.mjs";
-import { default as Re } from "./lib/components/ScrollerWrapper.vue.mjs";
-import { default as Ge } from "./lib/components/SegmentedControlWrapper.vue.mjs";
-import { default as ze } from "./lib/components/SegmentedControlItemWrapper.vue.mjs";
-import { default as Ae } from "./lib/components/SelectWrapper.vue.mjs";
-import { default as je } from "./lib/components/SelectOptionWrapper.vue.mjs";
-import { default as Je } from "./lib/components/SelectWrapperWrapper.vue.mjs";
-import { default as Qe } from "./lib/components/SpinnerWrapper.vue.mjs";
-import { default as Ve } from "./lib/components/StepperHorizontalWrapper.vue.mjs";
-import { default as Ye } from "./lib/components/StepperHorizontalItemWrapper.vue.mjs";
-import { default as _e } from "./lib/components/SwitchWrapper.vue.mjs";
-import { default as et } from "./lib/components/TableWrapper.vue.mjs";
-import { default as ot } from "./lib/components/TableBodyWrapper.vue.mjs";
-import { default as at } from "./lib/components/TableCellWrapper.vue.mjs";
-import { default as lt } from "./lib/components/TableHeadWrapper.vue.mjs";
-import { default as st } from "./lib/components/TableHeadCellWrapper.vue.mjs";
-import { default as ut } from "./lib/components/TableHeadRowWrapper.vue.mjs";
-import { default as xt } from "./lib/components/TableRowWrapper.vue.mjs";
-import { default as it } from "./lib/components/TabsWrapper.vue.mjs";
-import { default as Tt } from "./lib/components/TabsBarWrapper.vue.mjs";
-import { default as St } from "./lib/components/TabsItemWrapper.vue.mjs";
-import { default as bt } from "./lib/components/TagWrapper.vue.mjs";
-import { default as yt } from "./lib/components/TagDismissibleWrapper.vue.mjs";
-import { default as Mt } from "./lib/components/TextWrapper.vue.mjs";
-import { default as Bt } from "./lib/components/TextFieldWrapperWrapper.vue.mjs";
-import { default as Lt } from "./lib/components/TextListWrapper.vue.mjs";
-import { default as Ht } from "./lib/components/TextListItemWrapper.vue.mjs";
-import { default as Dt } from "./lib/components/TextareaWrapper.vue.mjs";
-import { default as Rt } from "./lib/components/TextareaWrapperWrapper.vue.mjs";
-import { default as Gt } from "./lib/components/ToastWrapper.vue.mjs";
-import { default as zt } from "./lib/components/WordmarkWrapper.vue.mjs";
-import { useToastManager as At } from "./utils.mjs";
-import { default as jt } from "./PorscheDesignSystemProvider.vue.mjs";
-import { createPorscheDesignSystem as Jt, usePorscheDesignSystemPlugin as Kt } from "./plugin.mjs";
+import { default as b } from "./lib/components/CheckboxWrapper.vue.mjs";
+import { default as k } from "./lib/components/CheckboxWrapperWrapper.vue.mjs";
+import { default as I } from "./lib/components/ContentWrapperWrapper.vue.mjs";
+import { default as B } from "./lib/components/CrestWrapper.vue.mjs";
+import { default as L } from "./lib/components/DisplayWrapper.vue.mjs";
+import { default as H } from "./lib/components/DividerWrapper.vue.mjs";
+import { default as v } from "./lib/components/FieldsetWrapper.vue.mjs";
+import { default as R } from "./lib/components/FieldsetWrapperWrapper.vue.mjs";
+import { default as G } from "./lib/components/FlexWrapper.vue.mjs";
+import { default as z } from "./lib/components/FlexItemWrapper.vue.mjs";
+import { default as A } from "./lib/components/FlyoutWrapper.vue.mjs";
+import { default as j } from "./lib/components/FlyoutMultilevelWrapper.vue.mjs";
+import { default as J } from "./lib/components/FlyoutMultilevelItemWrapper.vue.mjs";
+import { default as Q } from "./lib/components/GridWrapper.vue.mjs";
+import { default as V } from "./lib/components/GridItemWrapper.vue.mjs";
+import { default as Y } from "./lib/components/HeadingWrapper.vue.mjs";
+import { default as _ } from "./lib/components/HeadlineWrapper.vue.mjs";
+import { default as ee } from "./lib/components/IconWrapper.vue.mjs";
+import { default as oe } from "./lib/components/InlineNotificationWrapper.vue.mjs";
+import { default as ae } from "./lib/components/LinkWrapper.vue.mjs";
+import { default as le } from "./lib/components/LinkPureWrapper.vue.mjs";
+import { default as se } from "./lib/components/LinkSocialWrapper.vue.mjs";
+import { default as ue } from "./lib/components/LinkTileWrapper.vue.mjs";
+import { default as xe } from "./lib/components/LinkTileModelSignatureWrapper.vue.mjs";
+import { default as ie } from "./lib/components/LinkTileProductWrapper.vue.mjs";
+import { default as Te } from "./lib/components/MarqueWrapper.vue.mjs";
+import { default as Se } from "./lib/components/ModalWrapper.vue.mjs";
+import { default as be } from "./lib/components/ModelSignatureWrapper.vue.mjs";
+import { default as ke } from "./lib/components/MultiSelectWrapper.vue.mjs";
+import { default as Ie } from "./lib/components/MultiSelectOptionWrapper.vue.mjs";
+import { default as Be } from "./lib/components/OptgroupWrapper.vue.mjs";
+import { default as Le } from "./lib/components/PaginationWrapper.vue.mjs";
+import { default as He } from "./lib/components/PinCodeWrapper.vue.mjs";
+import { default as ve } from "./lib/components/PopoverWrapper.vue.mjs";
+import { default as Re } from "./lib/components/RadioButtonWrapperWrapper.vue.mjs";
+import { default as Ge } from "./lib/components/ScrollerWrapper.vue.mjs";
+import { default as ze } from "./lib/components/SegmentedControlWrapper.vue.mjs";
+import { default as Ae } from "./lib/components/SegmentedControlItemWrapper.vue.mjs";
+import { default as je } from "./lib/components/SelectWrapper.vue.mjs";
+import { default as Je } from "./lib/components/SelectOptionWrapper.vue.mjs";
+import { default as Qe } from "./lib/components/SelectWrapperWrapper.vue.mjs";
+import { default as Ve } from "./lib/components/SpinnerWrapper.vue.mjs";
+import { default as Ye } from "./lib/components/StepperHorizontalWrapper.vue.mjs";
+import { default as _e } from "./lib/components/StepperHorizontalItemWrapper.vue.mjs";
+import { default as et } from "./lib/components/SwitchWrapper.vue.mjs";
+import { default as ot } from "./lib/components/TableWrapper.vue.mjs";
+import { default as at } from "./lib/components/TableBodyWrapper.vue.mjs";
+import { default as lt } from "./lib/components/TableCellWrapper.vue.mjs";
+import { default as st } from "./lib/components/TableHeadWrapper.vue.mjs";
+import { default as ut } from "./lib/components/TableHeadCellWrapper.vue.mjs";
+import { default as xt } from "./lib/components/TableHeadRowWrapper.vue.mjs";
+import { default as it } from "./lib/components/TableRowWrapper.vue.mjs";
+import { default as Tt } from "./lib/components/TabsWrapper.vue.mjs";
+import { default as St } from "./lib/components/TabsBarWrapper.vue.mjs";
+import { default as bt } from "./lib/components/TabsItemWrapper.vue.mjs";
+import { default as kt } from "./lib/components/TagWrapper.vue.mjs";
+import { default as It } from "./lib/components/TagDismissibleWrapper.vue.mjs";
+import { default as Bt } from "./lib/components/TextWrapper.vue.mjs";
+import { default as Lt } from "./lib/components/TextFieldWrapperWrapper.vue.mjs";
+import { default as Ht } from "./lib/components/TextListWrapper.vue.mjs";
+import { default as vt } from "./lib/components/TextListItemWrapper.vue.mjs";
+import { default as Rt } from "./lib/components/TextareaWrapper.vue.mjs";
+import { default as Gt } from "./lib/components/TextareaWrapperWrapper.vue.mjs";
+import { default as zt } from "./lib/components/ToastWrapper.vue.mjs";
+import { default as At } from "./lib/components/WordmarkWrapper.vue.mjs";
+import { useToastManager as jt } from "./utils.mjs";
+import { default as Jt } from "./PorscheDesignSystemProvider.vue.mjs";
+import { createPorscheDesignSystem as Qt, usePorscheDesignSystemPlugin as Ut } from "./plugin.mjs";
 export {
   a as PAccordion,
   l as PBanner,
@@ -83,73 +84,74 @@ export {
   i as PButtonTile,
   T as PCanvas,
   S as PCarousel,
-  b as PCheckboxWrapper,
-  y as PContentWrapper,
-  M as PCrest,
-  B as PDisplay,
-  L as PDivider,
-  H as PFieldset,
-  D as PFieldsetWrapper,
-  R as PFlex,
-  G as PFlexItem,
-  z as PFlyout,
-  A as PFlyoutMultilevel,
-  j as PFlyoutMultilevelItem,
-  J as PGrid,
-  Q as PGridItem,
-  V as PHeading,
-  Y as PHeadline,
-  _ as PIcon,
-  ee as PInlineNotification,
-  oe as PLink,
-  ae as PLinkPure,
-  le as PLinkSocial,
-  se as PLinkTile,
-  ue as PLinkTileModelSignature,
-  xe as PLinkTileProduct,
-  ie as PMarque,
-  Te as PModal,
-  Se as PModelSignature,
-  be as PMultiSelect,
-  ye as PMultiSelectOption,
-  Me as POptgroup,
-  Be as PPagination,
-  Le as PPinCode,
-  He as PPopover,
-  De as PRadioButtonWrapper,
-  Re as PScroller,
-  Ge as PSegmentedControl,
-  ze as PSegmentedControlItem,
-  Ae as PSelect,
-  je as PSelectOption,
-  Je as PSelectWrapper,
-  Qe as PSpinner,
-  Ve as PStepperHorizontal,
-  Ye as PStepperHorizontalItem,
-  _e as PSwitch,
-  et as PTable,
-  ot as PTableBody,
-  at as PTableCell,
-  lt as PTableHead,
-  st as PTableHeadCell,
-  ut as PTableHeadRow,
-  xt as PTableRow,
-  it as PTabs,
-  Tt as PTabsBar,
-  St as PTabsItem,
-  bt as PTag,
-  yt as PTagDismissible,
-  Mt as PText,
-  Bt as PTextFieldWrapper,
-  Lt as PTextList,
-  Ht as PTextListItem,
-  Dt as PTextarea,
-  Rt as PTextareaWrapper,
-  Gt as PToast,
-  zt as PWordmark,
-  jt as PorscheDesignSystemProvider,
+  b as PCheckbox,
+  k as PCheckboxWrapper,
+  I as PContentWrapper,
+  B as PCrest,
+  L as PDisplay,
+  H as PDivider,
+  v as PFieldset,
+  R as PFieldsetWrapper,
+  G as PFlex,
+  z as PFlexItem,
+  A as PFlyout,
+  j as PFlyoutMultilevel,
+  J as PFlyoutMultilevelItem,
+  Q as PGrid,
+  V as PGridItem,
+  Y as PHeading,
+  _ as PHeadline,
+  ee as PIcon,
+  oe as PInlineNotification,
+  ae as PLink,
+  le as PLinkPure,
+  se as PLinkSocial,
+  ue as PLinkTile,
+  xe as PLinkTileModelSignature,
+  ie as PLinkTileProduct,
+  Te as PMarque,
+  Se as PModal,
+  be as PModelSignature,
+  ke as PMultiSelect,
+  Ie as PMultiSelectOption,
+  Be as POptgroup,
+  Le as PPagination,
+  He as PPinCode,
+  ve as PPopover,
+  Re as PRadioButtonWrapper,
+  Ge as PScroller,
+  ze as PSegmentedControl,
+  Ae as PSegmentedControlItem,
+  je as PSelect,
+  Je as PSelectOption,
+  Qe as PSelectWrapper,
+  Ve as PSpinner,
+  Ye as PStepperHorizontal,
+  _e as PStepperHorizontalItem,
+  et as PSwitch,
+  ot as PTable,
+  at as PTableBody,
+  lt as PTableCell,
+  st as PTableHead,
+  ut as PTableHeadCell,
+  xt as PTableHeadRow,
+  it as PTableRow,
+  Tt as PTabs,
+  St as PTabsBar,
+  bt as PTabsItem,
+  kt as PTag,
+  It as PTagDismissible,
+  Bt as PText,
+  Lt as PTextFieldWrapper,
+  Ht as PTextList,
+  vt as PTextListItem,
+  Rt as PTextarea,
+  Gt as PTextareaWrapper,
+  zt as PToast,
+  At as PWordmark,
+  Jt as PorscheDesignSystemProvider,
   o as componentsReady,
-  Jt as createPorscheDesignSystem,
-  Kt as usePorscheDesignSystemPlugin,
-  At as useToastManager
+  Qt as createPorscheDesignSystem,
+  Ut as usePorscheDesignSystemPlugin,
+  jt as useToastManager
 };

package/package.json

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