@porsche-design-system/components-vue 3.28.0-rc.3 → 3.29.0-rc.0

package/CHANGELOG.md

@@ -14,6 +14,33 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
 
 ## [Unreleased]
 
+## [3.29.0-rc.0] - 2025-06-27
+
+#### Added
+
+- `Input Search`: ([#3874](https://github.com/porsche-design-system/porsche-design-system/pull/3874))
+- `Input Number`, `Input Password`: added loading state
+  ([#3874](https://github.com/porsche-design-system/porsche-design-system/pull/3874))
+- `Input Text`: ([#3897](https://github.com/porsche-design-system/porsche-design-system/pull/3897))
+- `Select`: `filter` prop to enable an input in the dropdown to filter options
+  ([#3893](https://github.com/porsche-design-system/porsche-design-system/pull/3893))
+- `Flyout`: expose `--ref-p-flyout-pt` and `--ref-p-flyout-px` read only CSS variable
+  ([#3902](https://github.com/porsche-design-system/porsche-design-system/pull/3902))
+
+## [3.28.0] - 2025-06-02
+
+#### Added
+
+- `Input Number`: ([#3855](https://github.com/porsche-design-system/porsche-design-system/pull/3855))
+
+#### Fixed
+
+- `Select Wrapper`: update of scroll position if dropdown is navigated with keyboard
+  ([#3858](https://github.com/porsche-design-system/porsche-design-system/pull/3858))
+- `Select`, `Multi Select`: replacement of static (english) a11y announcement of active `option` with dynamic
+  announcement through `ariaActiveDescendantElement`
+  ([#3826](https://github.com/porsche-design-system/porsche-design-system/pull/3826))
+
 ## [3.28.0-rc.3] - 2025-05-19
 
 ### Added

package/cjs/lib/components/InputNumberWrapper.vue.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=require("../../utils.cjs"),p=e.defineComponent({__name:"InputNumberWrapper",props:{autoComplete:{},compact:{type:Boolean,default:!1},controls:{type:Boolean,default:!1},description:{default:""},disabled:{type:Boolean,default:!1},form:{},hideLabel:{default:!1},label:{default:""},loading:{type:Boolean,default:!1},max:{},message:{default:""},min:{},name:{},placeholder:{default:""},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},state:{default:"none"},step:{default:1},theme:{},value:{default:""}},emits:["blur","change","input"],setup(u,{emit:d}){const f=t.usePrefix("p-input-number"),o=u,n=e.ref(),a=d,s=e.inject(t.themeInjectionKey),r=()=>t.syncProperties(n,{...o,theme:o.theme||s.value});return e.onMounted(()=>{r(),t.addEventListenerToElementRef(n,"blur",a),t.addEventListenerToElementRef(n,"change",a),t.addEventListenerToElementRef(n,"input",a)}),e.onUpdated(r),e.watch(s,l=>{t.syncProperties(n,{theme:o.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/lib/components/InputNumberWrapper.vue2.cjs

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

package/cjs/lib/components/InputPasswordWrapper.vue.cjs

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

package/cjs/lib/components/InputSearchWrapper.vue.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=require("../../utils.cjs"),p=e.defineComponent({__name:"InputSearchWrapper",props:{autoComplete:{},clear:{type:Boolean,default:!1},compact:{type:Boolean,default:!1},description:{default:""},disabled:{type:Boolean,default:!1},form:{},hideLabel:{default:!1},indicator:{type:Boolean,default:!0},label:{default:""},loading:{type:Boolean,default:!1},message:{default:""},name:{},placeholder:{default:""},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},state:{default:"none"},theme:{},value:{default:""}},emits:["blur","change","input"],setup(d,{emit:u}){const f=t.usePrefix("p-input-search"),a=d,n=e.ref(),o=u,s=e.inject(t.themeInjectionKey),r=()=>t.syncProperties(n,{...a,theme:a.theme||s.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(s,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/lib/components/InputSearchWrapper.vue2.cjs

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

package/cjs/lib/components/InputTextWrapper.vue.cjs

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

package/cjs/lib/components/InputTextWrapper.vue2.cjs

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

package/cjs/lib/components/SelectWrapper.vue.cjs

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

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,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;
+"use strict";const e=require("vue"),t=require("../../utils.cjs"),p=e.defineComponent({__name:"TextareaWrapper",props:{autoComplete:{},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"),o=u,n=e.ref(),a=d,r=e.inject(t.themeInjectionKey),s=()=>t.syncProperties(n,{...o,theme:o.theme||r.value});return e.onMounted(()=>{s(),t.addEventListenerToElementRef(n,"blur",a),t.addEventListenerToElementRef(n,"change",a),t.addEventListenerToElementRef(n,"input",a)}),e.onUpdated(s),e.watch(r,l=>{t.syncProperties(n,{theme:o.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 _=require("@porsche-design-system/components-js"),t=require("./lib/components/AccordionWrapper.vue.cjs"),p=require("./lib/components/BannerWrapper.vue.cjs"),u=require("./lib/components/ButtonWrapper.vue.cjs"),s=require("./lib/components/ButtonGroupWrapper.vue.cjs"),i=require("./lib/components/ButtonPureWrapper.vue.cjs"),n=require("./lib/components/ButtonTileWrapper.vue.cjs"),a=require("./lib/components/CanvasWrapper.vue.cjs"),c=require("./lib/components/CarouselWrapper.vue.cjs"),o=require("./lib/components/CheckboxWrapper.vue.cjs"),l=require("./lib/components/CheckboxWrapperWrapper.vue.cjs"),v=require("./lib/components/ContentWrapperWrapper.vue.cjs"),g=require("./lib/components/CrestWrapper.vue.cjs"),P=require("./lib/components/DisplayWrapper.vue.cjs"),y=require("./lib/components/DividerWrapper.vue.cjs"),W=require("./lib/components/DrilldownWrapper.vue.cjs"),q=require("./lib/components/DrilldownItemWrapper.vue.cjs"),d=require("./lib/components/DrilldownLinkWrapper.vue.cjs"),T=require("./lib/components/FieldsetWrapper.vue.cjs"),S=require("./lib/components/FieldsetWrapperWrapper.vue.cjs"),m=require("./lib/components/FlexWrapper.vue.cjs"),b=require("./lib/components/FlexItemWrapper.vue.cjs"),C=require("./lib/components/FlyoutWrapper.vue.cjs"),I=require("./lib/components/GridWrapper.vue.cjs"),k=require("./lib/components/GridItemWrapper.vue.cjs"),x=require("./lib/components/HeadingWrapper.vue.cjs"),D=require("./lib/components/HeadlineWrapper.vue.cjs"),L=require("./lib/components/IconWrapper.vue.cjs"),h=require("./lib/components/InlineNotificationWrapper.vue.cjs"),B=require("./lib/components/InputPasswordWrapper.vue.cjs"),M=require("./lib/components/LinkWrapper.vue.cjs"),w=require("./lib/components/LinkPureWrapper.vue.cjs"),H=require("./lib/components/LinkSocialWrapper.vue.cjs"),F=require("./lib/components/LinkTileWrapper.vue.cjs"),O=require("./lib/components/LinkTileModelSignatureWrapper.vue.cjs"),R=require("./lib/components/LinkTileProductWrapper.vue.cjs"),G=require("./lib/components/MarqueWrapper.vue.cjs"),f=require("./lib/components/ModalWrapper.vue.cjs"),j=require("./lib/components/ModelSignatureWrapper.vue.cjs"),z=require("./lib/components/MultiSelectWrapper.vue.cjs"),A=require("./lib/components/MultiSelectOptionWrapper.vue.cjs"),K=require("./lib/components/OptgroupWrapper.vue.cjs"),N=require("./lib/components/PaginationWrapper.vue.cjs"),J=require("./lib/components/PinCodeWrapper.vue.cjs"),E=require("./lib/components/PopoverWrapper.vue.cjs"),Q=require("./lib/components/RadioButtonWrapperWrapper.vue.cjs"),U=require("./lib/components/ScrollerWrapper.vue.cjs"),V=require("./lib/components/SegmentedControlWrapper.vue.cjs"),X=require("./lib/components/SegmentedControlItemWrapper.vue.cjs"),Y=require("./lib/components/SelectWrapper.vue.cjs"),Z=require("./lib/components/SelectOptionWrapper.vue.cjs"),$=require("./lib/components/SelectWrapperWrapper.vue.cjs"),ee=require("./lib/components/SheetWrapper.vue.cjs"),re=require("./lib/components/SpinnerWrapper.vue.cjs"),_e=require("./lib/components/StepperHorizontalWrapper.vue.cjs"),te=require("./lib/components/StepperHorizontalItemWrapper.vue.cjs"),pe=require("./lib/components/SwitchWrapper.vue.cjs"),ue=require("./lib/components/TableWrapper.vue.cjs"),se=require("./lib/components/TableBodyWrapper.vue.cjs"),ie=require("./lib/components/TableCellWrapper.vue.cjs"),ne=require("./lib/components/TableHeadWrapper.vue.cjs"),ae=require("./lib/components/TableHeadCellWrapper.vue.cjs"),ce=require("./lib/components/TableHeadRowWrapper.vue.cjs"),oe=require("./lib/components/TableRowWrapper.vue.cjs"),le=require("./lib/components/TabsWrapper.vue.cjs"),ve=require("./lib/components/TabsBarWrapper.vue.cjs"),ge=require("./lib/components/TabsItemWrapper.vue.cjs"),Pe=require("./lib/components/TagWrapper.vue.cjs"),ye=require("./lib/components/TagDismissibleWrapper.vue.cjs"),We=require("./lib/components/TextWrapper.vue.cjs"),qe=require("./lib/components/TextFieldWrapperWrapper.vue.cjs"),de=require("./lib/components/TextListWrapper.vue.cjs"),Te=require("./lib/components/TextListItemWrapper.vue.cjs"),Se=require("./lib/components/TextareaWrapper.vue.cjs"),me=require("./lib/components/TextareaWrapperWrapper.vue.cjs"),be=require("./lib/components/ToastWrapper.vue.cjs"),Ce=require("./lib/components/WordmarkWrapper.vue.cjs"),e=require("./utils.cjs"),Ie=require("./PorscheDesignSystemProvider.vue.cjs"),r=require("./plugin.cjs");Object.defineProperty(exports,"componentsReady",{enumerable:!0,get:()=>_.componentsReady});exports.PAccordion=t;exports.PBanner=p;exports.PButton=u;exports.PButtonGroup=s;exports.PButtonPure=i;exports.PButtonTile=n;exports.PCanvas=a;exports.PCarousel=c;exports.PCheckbox=o;exports.PCheckboxWrapper=l;exports.PContentWrapper=v;exports.PCrest=g;exports.PDisplay=P;exports.PDivider=y;exports.PDrilldown=W;exports.PDrilldownItem=q;exports.PDrilldownLink=d;exports.PFieldset=T;exports.PFieldsetWrapper=S;exports.PFlex=m;exports.PFlexItem=b;exports.PFlyout=C;exports.PGrid=I;exports.PGridItem=k;exports.PHeading=x;exports.PHeadline=D;exports.PIcon=L;exports.PInlineNotification=h;exports.PInputPassword=B;exports.PLink=M;exports.PLinkPure=w;exports.PLinkSocial=H;exports.PLinkTile=F;exports.PLinkTileModelSignature=O;exports.PLinkTileProduct=R;exports.PMarque=G;exports.PModal=f;exports.PModelSignature=j;exports.PMultiSelect=z;exports.PMultiSelectOption=A;exports.POptgroup=K;exports.PPagination=N;exports.PPinCode=J;exports.PPopover=E;exports.PRadioButtonWrapper=Q;exports.PScroller=U;exports.PSegmentedControl=V;exports.PSegmentedControlItem=X;exports.PSelect=Y;exports.PSelectOption=Z;exports.PSelectWrapper=$;exports.PSheet=ee;exports.PSpinner=re;exports.PStepperHorizontal=_e;exports.PStepperHorizontalItem=te;exports.PSwitch=pe;exports.PTable=ue;exports.PTableBody=se;exports.PTableCell=ie;exports.PTableHead=ne;exports.PTableHeadCell=ae;exports.PTableHeadRow=ce;exports.PTableRow=oe;exports.PTabs=le;exports.PTabsBar=ve;exports.PTabsItem=ge;exports.PTag=Pe;exports.PTagDismissible=ye;exports.PText=We;exports.PTextFieldWrapper=qe;exports.PTextList=de;exports.PTextListItem=Te;exports.PTextarea=Se;exports.PTextareaWrapper=me;exports.PToast=be;exports.PWordmark=Ce;exports.themeInjectionKey=e.themeInjectionKey;exports.useToastManager=e.useToastManager;exports.PorscheDesignSystemProvider=Ie;exports.createPorscheDesignSystem=r.createPorscheDesignSystem;exports.usePorscheDesignSystemPlugin=r.usePorscheDesignSystemPlugin;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("@porsche-design-system/components-js"),t=require("./lib/components/AccordionWrapper.vue.cjs"),p=require("./lib/components/BannerWrapper.vue.cjs"),u=require("./lib/components/ButtonWrapper.vue.cjs"),s=require("./lib/components/ButtonGroupWrapper.vue.cjs"),n=require("./lib/components/ButtonPureWrapper.vue.cjs"),i=require("./lib/components/ButtonTileWrapper.vue.cjs"),a=require("./lib/components/CanvasWrapper.vue.cjs"),c=require("./lib/components/CarouselWrapper.vue.cjs"),o=require("./lib/components/CheckboxWrapper.vue.cjs"),l=require("./lib/components/CheckboxWrapperWrapper.vue.cjs"),v=require("./lib/components/ContentWrapperWrapper.vue.cjs"),g=require("./lib/components/CrestWrapper.vue.cjs"),P=require("./lib/components/DisplayWrapper.vue.cjs"),y=require("./lib/components/DividerWrapper.vue.cjs"),W=require("./lib/components/DrilldownWrapper.vue.cjs"),q=require("./lib/components/DrilldownItemWrapper.vue.cjs"),d=require("./lib/components/DrilldownLinkWrapper.vue.cjs"),T=require("./lib/components/FieldsetWrapper.vue.cjs"),S=require("./lib/components/FieldsetWrapperWrapper.vue.cjs"),m=require("./lib/components/FlexWrapper.vue.cjs"),b=require("./lib/components/FlexItemWrapper.vue.cjs"),I=require("./lib/components/FlyoutWrapper.vue.cjs"),x=require("./lib/components/GridWrapper.vue.cjs"),C=require("./lib/components/GridItemWrapper.vue.cjs"),k=require("./lib/components/HeadingWrapper.vue.cjs"),h=require("./lib/components/HeadlineWrapper.vue.cjs"),D=require("./lib/components/IconWrapper.vue.cjs"),L=require("./lib/components/InlineNotificationWrapper.vue.cjs"),B=require("./lib/components/InputNumberWrapper.vue.cjs"),M=require("./lib/components/InputPasswordWrapper.vue.cjs"),w=require("./lib/components/InputSearchWrapper.vue.cjs"),H=require("./lib/components/InputTextWrapper.vue.cjs"),F=require("./lib/components/LinkWrapper.vue.cjs"),O=require("./lib/components/LinkPureWrapper.vue.cjs"),R=require("./lib/components/LinkSocialWrapper.vue.cjs"),G=require("./lib/components/LinkTileWrapper.vue.cjs"),f=require("./lib/components/LinkTileModelSignatureWrapper.vue.cjs"),j=require("./lib/components/LinkTileProductWrapper.vue.cjs"),z=require("./lib/components/MarqueWrapper.vue.cjs"),N=require("./lib/components/ModalWrapper.vue.cjs"),A=require("./lib/components/ModelSignatureWrapper.vue.cjs"),K=require("./lib/components/MultiSelectWrapper.vue.cjs"),J=require("./lib/components/MultiSelectOptionWrapper.vue.cjs"),E=require("./lib/components/OptgroupWrapper.vue.cjs"),Q=require("./lib/components/PaginationWrapper.vue.cjs"),U=require("./lib/components/PinCodeWrapper.vue.cjs"),V=require("./lib/components/PopoverWrapper.vue.cjs"),X=require("./lib/components/RadioButtonWrapperWrapper.vue.cjs"),Y=require("./lib/components/ScrollerWrapper.vue.cjs"),Z=require("./lib/components/SegmentedControlWrapper.vue.cjs"),$=require("./lib/components/SegmentedControlItemWrapper.vue.cjs"),ee=require("./lib/components/SelectWrapper.vue.cjs"),re=require("./lib/components/SelectOptionWrapper.vue.cjs"),_e=require("./lib/components/SelectWrapperWrapper.vue.cjs"),te=require("./lib/components/SheetWrapper.vue.cjs"),pe=require("./lib/components/SpinnerWrapper.vue.cjs"),ue=require("./lib/components/StepperHorizontalWrapper.vue.cjs"),se=require("./lib/components/StepperHorizontalItemWrapper.vue.cjs"),ne=require("./lib/components/SwitchWrapper.vue.cjs"),ie=require("./lib/components/TableWrapper.vue.cjs"),ae=require("./lib/components/TableBodyWrapper.vue.cjs"),ce=require("./lib/components/TableCellWrapper.vue.cjs"),oe=require("./lib/components/TableHeadWrapper.vue.cjs"),le=require("./lib/components/TableHeadCellWrapper.vue.cjs"),ve=require("./lib/components/TableHeadRowWrapper.vue.cjs"),ge=require("./lib/components/TableRowWrapper.vue.cjs"),Pe=require("./lib/components/TabsWrapper.vue.cjs"),ye=require("./lib/components/TabsBarWrapper.vue.cjs"),We=require("./lib/components/TabsItemWrapper.vue.cjs"),qe=require("./lib/components/TagWrapper.vue.cjs"),de=require("./lib/components/TagDismissibleWrapper.vue.cjs"),Te=require("./lib/components/TextWrapper.vue.cjs"),Se=require("./lib/components/TextFieldWrapperWrapper.vue.cjs"),me=require("./lib/components/TextListWrapper.vue.cjs"),be=require("./lib/components/TextListItemWrapper.vue.cjs"),Ie=require("./lib/components/TextareaWrapper.vue.cjs"),xe=require("./lib/components/TextareaWrapperWrapper.vue.cjs"),Ce=require("./lib/components/ToastWrapper.vue.cjs"),ke=require("./lib/components/WordmarkWrapper.vue.cjs"),e=require("./utils.cjs"),he=require("./PorscheDesignSystemProvider.vue.cjs"),r=require("./plugin.cjs");Object.defineProperty(exports,"componentsReady",{enumerable:!0,get:()=>_.componentsReady});exports.PAccordion=t;exports.PBanner=p;exports.PButton=u;exports.PButtonGroup=s;exports.PButtonPure=n;exports.PButtonTile=i;exports.PCanvas=a;exports.PCarousel=c;exports.PCheckbox=o;exports.PCheckboxWrapper=l;exports.PContentWrapper=v;exports.PCrest=g;exports.PDisplay=P;exports.PDivider=y;exports.PDrilldown=W;exports.PDrilldownItem=q;exports.PDrilldownLink=d;exports.PFieldset=T;exports.PFieldsetWrapper=S;exports.PFlex=m;exports.PFlexItem=b;exports.PFlyout=I;exports.PGrid=x;exports.PGridItem=C;exports.PHeading=k;exports.PHeadline=h;exports.PIcon=D;exports.PInlineNotification=L;exports.PInputNumber=B;exports.PInputPassword=M;exports.PInputSearch=w;exports.PInputText=H;exports.PLink=F;exports.PLinkPure=O;exports.PLinkSocial=R;exports.PLinkTile=G;exports.PLinkTileModelSignature=f;exports.PLinkTileProduct=j;exports.PMarque=z;exports.PModal=N;exports.PModelSignature=A;exports.PMultiSelect=K;exports.PMultiSelectOption=J;exports.POptgroup=E;exports.PPagination=Q;exports.PPinCode=U;exports.PPopover=V;exports.PRadioButtonWrapper=X;exports.PScroller=Y;exports.PSegmentedControl=Z;exports.PSegmentedControlItem=$;exports.PSelect=ee;exports.PSelectOption=re;exports.PSelectWrapper=_e;exports.PSheet=te;exports.PSpinner=pe;exports.PStepperHorizontal=ue;exports.PStepperHorizontalItem=se;exports.PSwitch=ne;exports.PTable=ie;exports.PTableBody=ae;exports.PTableCell=ce;exports.PTableHead=oe;exports.PTableHeadCell=le;exports.PTableHeadRow=ve;exports.PTableRow=ge;exports.PTabs=Pe;exports.PTabsBar=ye;exports.PTabsItem=We;exports.PTag=qe;exports.PTagDismissible=de;exports.PText=Te;exports.PTextFieldWrapper=Se;exports.PTextList=me;exports.PTextListItem=be;exports.PTextarea=Ie;exports.PTextareaWrapper=xe;exports.PToast=Ce;exports.PWordmark=ke;exports.themeInjectionKey=e.themeInjectionKey;exports.useToastManager=e.useToastManager;exports.PorscheDesignSystemProvider=he;exports.createPorscheDesignSystem=r.createPorscheDesignSystem;exports.usePorscheDesignSystemPlugin=r.usePorscheDesignSystemPlugin;

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

@@ -0,0 +1,117 @@
+import type { InputNumberAutoComplete, BreakpointCustomizable, InputNumberState, Theme } from '../types';
+type PInputNumberProps = {
+    /**
+     * Specifies whether the input can be autofilled by the browser
+     */
+    autoComplete?: InputNumberAutoComplete;
+    /**
+     * Displays as a compact version.
+     */
+    compact?: boolean;
+    /**
+     * Show or hide the increment/decrement stepper controls.
+     */
+    controls?: boolean;
+    /**
+     * The description text.
+     */
+    description?: string;
+    /**
+     * Marks the number input as disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The id of a form element the number input should be associated with.
+     */
+    form?: string;
+    /**
+     * Show or hide label and description text. For better accessibility, it is recommended to show the label.
+     */
+    hideLabel?: BreakpointCustomizable<boolean>;
+    /**
+     * The label text.
+     */
+    label?: string;
+    /**
+     * @experimental Shows a loading indicator.
+     */
+    loading?: boolean;
+    /**
+     * The max value of the number input.
+     */
+    max?: number;
+    /**
+     * The message styled depending on validation state.
+     */
+    message?: string;
+    /**
+     * The min value of the number input.
+     */
+    min?: number;
+    /**
+     * The name of the number input.
+     */
+    name: string;
+    /**
+     * The placeholder text.
+     */
+    placeholder?: string;
+    /**
+     * Specifies whether the number input should be read-only.
+     */
+    readOnly?: boolean;
+    /**
+     * Marks the number input as required.
+     */
+    required?: boolean;
+    /**
+     * The validation state.
+     */
+    state?: InputNumberState;
+    /**
+     * The granularity that the value must adhere to.
+     */
+    step?: number;
+    /**
+     * Adapts the color depending on the theme.
+     */
+    theme?: Theme;
+    /**
+     * The number input value.
+     */
+    value?: string;
+};
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<PInputNumberProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (value: Event) => void;
+    change: (value: Event) => void;
+    input: (value: InputEvent) => void;
+}, string, import("vue").PublicProps, Readonly<PInputNumberProps> & Readonly<{
+    onBlur?: ((value: Event) => any) | undefined;
+    onChange?: ((value: Event) => any) | undefined;
+    onInput?: ((value: InputEvent) => any) | undefined;
+}>, {
+    step: number;
+    label: string;
+    description: string;
+    disabled: boolean;
+    compact: boolean;
+    state: InputNumberState;
+    required: boolean;
+    hideLabel: BreakpointCustomizable<boolean>;
+    loading: boolean;
+    value: string;
+    message: string;
+    controls: boolean;
+    placeholder: string;
+    readOnly: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,47 @@
+import { defineComponent as d, ref as m, 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 g, renderSlot as v } from "vue";
+import { usePrefix as x, themeInjectionKey as R, addEventListenerToElementRef as a, syncProperties as s } from "../../utils.mjs";
+const j = /* @__PURE__ */ d({
+  __name: "InputNumberWrapper",
+  props: {
+    autoComplete: {},
+    compact: { type: Boolean, default: !1 },
+    controls: { type: Boolean, default: !1 },
+    description: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    form: {},
+    hideLabel: { default: !1 },
+    label: { default: "" },
+    loading: { type: Boolean, default: !1 },
+    max: {},
+    message: { default: "" },
+    min: {},
+    name: {},
+    placeholder: { default: "" },
+    readOnly: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    state: { default: "none" },
+    step: { default: 1 },
+    theme: {},
+    value: { default: "" }
+  },
+  emits: ["blur", "change", "input"],
+  setup(p, { emit: r }) {
+    const u = x("p-input-number"), t = p, e = m(), o = r, l = c(R), f = () => s(e, { ...t, theme: t.theme || l.value });
+    return i(() => {
+      f(), a(e, "blur", o), a(e, "change", o), a(e, "input", o);
+    }), h(f), y(l, (n) => {
+      s(e, { theme: t.theme || n });
+    }), (n, k) => (b(), B(C(_(u)), {
+      ref_key: "pdsComponentRef",
+      ref: e
+    }, {
+      default: g(() => [
+        v(n.$slots, "default")
+      ]),
+      _: 3
+    }, 512));
+  }
+});
+export {
+  j as default
+};

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

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

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

@@ -5,7 +5,7 @@ type PInputPasswordProps = {
      */
     autoComplete?: InputPasswordAutoComplete;
     /**
-     * Displays as compact version.
+     * Displays as a compact version.
      */
     compact?: boolean;
     /**
@@ -28,6 +28,10 @@ type PInputPasswordProps = {
      * The label text.
      */
     label?: string;
+    /**
+     * @experimental Shows a loading indicator.
+     */
+    loading?: boolean;
     /**
      * The max length of the password input.
      */
@@ -93,9 +97,9 @@ declare const __VLS_component: import("vue").DefineComponent<PInputPasswordProps
     state: InputPasswordState;
     required: boolean;
     hideLabel: BreakpointCustomizable<boolean>;
+    loading: boolean;
     value: string;
     message: string;
-    autoComplete: InputPasswordAutoComplete;
     placeholder: string;
     readOnly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1,15 +1,16 @@
 import { defineComponent as u, ref as m, inject as c, onMounted as i, onUpdated as h, watch as y, openBlock as g, createBlock as B, resolveDynamicComponent as C, unref as _, withCtx as b, renderSlot as w } from "vue";
-import { usePrefix as v, themeInjectionKey as x, addEventListenerToElementRef as a, syncProperties as f } from "../../utils.mjs";
+import { usePrefix as v, themeInjectionKey as x, addEventListenerToElementRef as n, syncProperties as f } from "../../utils.mjs";
 const k = /* @__PURE__ */ u({
   __name: "InputPasswordWrapper",
   props: {
-    autoComplete: { default: "" },
+    autoComplete: {},
     compact: { type: Boolean, default: !1 },
     description: { default: "" },
     disabled: { type: Boolean, default: !1 },
     form: {},
     hideLabel: { default: !1 },
     label: { default: "" },
+    loading: { type: Boolean, default: !1 },
     maxLength: {},
     message: { default: "" },
     minLength: {},
@@ -26,15 +27,15 @@ const k = /* @__PURE__ */ u({
   setup(p, { emit: r }) {
     const d = v("p-input-password"), t = p, e = m(), o = r, l = c(x), s = () => f(e, { ...t, theme: t.theme || l.value });
     return i(() => {
-      s(), a(e, "blur", o), a(e, "change", o), a(e, "input", o);
-    }), h(s), y(l, (n) => {
-      f(e, { theme: t.theme || n });
-    }), (n, L) => (g(), B(C(_(d)), {
+      s(), n(e, "blur", o), n(e, "change", o), n(e, "input", o);
+    }), h(s), y(l, (a) => {
+      f(e, { theme: t.theme || a });
+    }), (a, L) => (g(), B(C(_(d)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
       default: b(() => [
-        w(n.$slots, "default")
+        w(a.$slots, "default")
       ]),
       _: 3
     }, 512));

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

@@ -0,0 +1,109 @@
+import type { InputSearchAutoComplete, BreakpointCustomizable, InputSearchState, Theme } from '../types';
+type PInputSearchProps = {
+    /**
+     * Specifies whether the input can be autofilled by the browser
+     */
+    autoComplete?: InputSearchAutoComplete;
+    /**
+     * Show clear input value button
+     */
+    clear?: boolean;
+    /**
+     * Displays as a compact version.
+     */
+    compact?: boolean;
+    /**
+     * The description text.
+     */
+    description?: string;
+    /**
+     * Marks the search input as disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The id of a form element the search input should be associated with.
+     */
+    form?: string;
+    /**
+     * Show or hide label and description text. For better accessibility it is recommended to show the label.
+     */
+    hideLabel?: BreakpointCustomizable<boolean>;
+    /**
+     * Show search indicator icon
+     */
+    indicator?: boolean;
+    /**
+     * The label text.
+     */
+    label?: string;
+    /**
+     * @experimental Shows a loading indicator.
+     */
+    loading?: boolean;
+    /**
+     * The message styled depending on validation state.
+     */
+    message?: string;
+    /**
+     * The name of the search input.
+     */
+    name: string;
+    /**
+     * The placeholder text.
+     */
+    placeholder?: string;
+    /**
+     * Specifies whether the search input should be read-only.
+     */
+    readOnly?: boolean;
+    /**
+     * Marks the search input as required.
+     */
+    required?: boolean;
+    /**
+     * The validation state.
+     */
+    state?: InputSearchState;
+    /**
+     * Adapts the color depending on the theme.
+     */
+    theme?: Theme;
+    /**
+     * The search input value.
+     */
+    value?: string;
+};
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<PInputSearchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (value: Event) => void;
+    change: (value: Event) => void;
+    input: (value: InputEvent) => void;
+}, string, import("vue").PublicProps, Readonly<PInputSearchProps> & Readonly<{
+    onBlur?: ((value: Event) => any) | undefined;
+    onChange?: ((value: Event) => any) | undefined;
+    onInput?: ((value: InputEvent) => any) | undefined;
+}>, {
+    label: string;
+    description: string;
+    disabled: boolean;
+    compact: boolean;
+    state: InputSearchState;
+    required: boolean;
+    hideLabel: BreakpointCustomizable<boolean>;
+    loading: boolean;
+    value: string;
+    message: string;
+    placeholder: string;
+    readOnly: boolean;
+    clear: boolean;
+    indicator: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

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

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

@@ -0,0 +1,116 @@
+import type { InputTextAutoComplete, BreakpointCustomizable, InputTextState, Theme } from '../types';
+type PInputTextProps = {
+    /**
+     * Specifies whether the input can be autofilled by the browser
+     */
+    autoComplete?: InputTextAutoComplete;
+    /**
+     * Displays as a compact version.
+     */
+    compact?: boolean;
+    /**
+     * Show or hide the character counter.
+     */
+    counter?: boolean;
+    /**
+     * The description text.
+     */
+    description?: string;
+    /**
+     * Marks the text input as disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The id of a form element the text input should be associated with.
+     */
+    form?: string;
+    /**
+     * Show or hide label and description text. For better accessibility, it is recommended to show the label.
+     */
+    hideLabel?: BreakpointCustomizable<boolean>;
+    /**
+     * The label text.
+     */
+    label?: string;
+    /**
+     * @experimental Shows a loading indicator.
+     */
+    loading?: boolean;
+    /**
+     * The max length of the text input.
+     */
+    maxLength?: number;
+    /**
+     * The message styled depending on validation state.
+     */
+    message?: string;
+    /**
+     * The min length of the text input.
+     */
+    minLength?: number;
+    /**
+     * The name of the text input.
+     */
+    name: string;
+    /**
+     * The placeholder text.
+     */
+    placeholder?: string;
+    /**
+     * Specifies whether the text input should be read-only.
+     */
+    readOnly?: boolean;
+    /**
+     * Marks the text input as required.
+     */
+    required?: boolean;
+    /**
+     * Indicate whether to enable spell-checking.
+     */
+    spellCheck?: boolean;
+    /**
+     * The validation state.
+     */
+    state?: InputTextState;
+    /**
+     * Adapts the color depending on the theme.
+     */
+    theme?: Theme;
+    /**
+     * The text input value.
+     */
+    value?: string;
+};
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<PInputTextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (value: Event) => void;
+    change: (value: Event) => void;
+    input: (value: InputEvent) => void;
+}, string, import("vue").PublicProps, Readonly<PInputTextProps> & Readonly<{
+    onBlur?: ((value: Event) => any) | undefined;
+    onChange?: ((value: Event) => any) | undefined;
+    onInput?: ((value: InputEvent) => any) | undefined;
+}>, {
+    label: string;
+    description: string;
+    disabled: boolean;
+    compact: boolean;
+    state: InputTextState;
+    required: boolean;
+    hideLabel: BreakpointCustomizable<boolean>;
+    loading: boolean;
+    value: string;
+    message: string;
+    placeholder: string;
+    readOnly: boolean;
+    counter: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};