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

package/CHANGELOG.md

@@ -14,6 +14,19 @@ 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

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

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),p=e.defineComponent({__name:"InputNumberWrapper",props:{autoComplete:{default:""},compact:{type:Boolean,default:!1},controls:{type:Boolean,default:!1},description:{default:""},disabled:{type:Boolean,default:!1},form:{},hideLabel:{default:!1},label:{default:""},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;
+"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/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"),I=require("./lib/components/FlyoutWrapper.vue.cjs"),C=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/InputNumberWrapper.vue.cjs"),M=require("./lib/components/InputPasswordWrapper.vue.cjs"),w=require("./lib/components/LinkWrapper.vue.cjs"),H=require("./lib/components/LinkPureWrapper.vue.cjs"),F=require("./lib/components/LinkSocialWrapper.vue.cjs"),O=require("./lib/components/LinkTileWrapper.vue.cjs"),R=require("./lib/components/LinkTileModelSignatureWrapper.vue.cjs"),G=require("./lib/components/LinkTileProductWrapper.vue.cjs"),f=require("./lib/components/MarqueWrapper.vue.cjs"),j=require("./lib/components/ModalWrapper.vue.cjs"),z=require("./lib/components/ModelSignatureWrapper.vue.cjs"),N=require("./lib/components/MultiSelectWrapper.vue.cjs"),A=require("./lib/components/MultiSelectOptionWrapper.vue.cjs"),K=require("./lib/components/OptgroupWrapper.vue.cjs"),J=require("./lib/components/PaginationWrapper.vue.cjs"),E=require("./lib/components/PinCodeWrapper.vue.cjs"),Q=require("./lib/components/PopoverWrapper.vue.cjs"),U=require("./lib/components/RadioButtonWrapperWrapper.vue.cjs"),V=require("./lib/components/ScrollerWrapper.vue.cjs"),X=require("./lib/components/SegmentedControlWrapper.vue.cjs"),Y=require("./lib/components/SegmentedControlItemWrapper.vue.cjs"),Z=require("./lib/components/SelectWrapper.vue.cjs"),$=require("./lib/components/SelectOptionWrapper.vue.cjs"),ee=require("./lib/components/SelectWrapperWrapper.vue.cjs"),re=require("./lib/components/SheetWrapper.vue.cjs"),_e=require("./lib/components/SpinnerWrapper.vue.cjs"),te=require("./lib/components/StepperHorizontalWrapper.vue.cjs"),pe=require("./lib/components/StepperHorizontalItemWrapper.vue.cjs"),ue=require("./lib/components/SwitchWrapper.vue.cjs"),se=require("./lib/components/TableWrapper.vue.cjs"),ie=require("./lib/components/TableBodyWrapper.vue.cjs"),ne=require("./lib/components/TableCellWrapper.vue.cjs"),ae=require("./lib/components/TableHeadWrapper.vue.cjs"),ce=require("./lib/components/TableHeadCellWrapper.vue.cjs"),oe=require("./lib/components/TableHeadRowWrapper.vue.cjs"),le=require("./lib/components/TableRowWrapper.vue.cjs"),ve=require("./lib/components/TabsWrapper.vue.cjs"),ge=require("./lib/components/TabsBarWrapper.vue.cjs"),Pe=require("./lib/components/TabsItemWrapper.vue.cjs"),ye=require("./lib/components/TagWrapper.vue.cjs"),We=require("./lib/components/TagDismissibleWrapper.vue.cjs"),qe=require("./lib/components/TextWrapper.vue.cjs"),de=require("./lib/components/TextFieldWrapperWrapper.vue.cjs"),Te=require("./lib/components/TextListWrapper.vue.cjs"),Se=require("./lib/components/TextListItemWrapper.vue.cjs"),me=require("./lib/components/TextareaWrapper.vue.cjs"),be=require("./lib/components/TextareaWrapperWrapper.vue.cjs"),Ie=require("./lib/components/ToastWrapper.vue.cjs"),Ce=require("./lib/components/WordmarkWrapper.vue.cjs"),e=require("./utils.cjs"),ke=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=I;exports.PGrid=C;exports.PGridItem=k;exports.PHeading=x;exports.PHeadline=D;exports.PIcon=L;exports.PInlineNotification=h;exports.PInputNumber=B;exports.PInputPassword=M;exports.PLink=w;exports.PLinkPure=H;exports.PLinkSocial=F;exports.PLinkTile=O;exports.PLinkTileModelSignature=R;exports.PLinkTileProduct=G;exports.PMarque=f;exports.PModal=j;exports.PModelSignature=z;exports.PMultiSelect=N;exports.PMultiSelectOption=A;exports.POptgroup=K;exports.PPagination=J;exports.PPinCode=E;exports.PPopover=Q;exports.PRadioButtonWrapper=U;exports.PScroller=V;exports.PSegmentedControl=X;exports.PSegmentedControlItem=Y;exports.PSelect=Z;exports.PSelectOption=$;exports.PSelectWrapper=ee;exports.PSheet=re;exports.PSpinner=_e;exports.PStepperHorizontal=te;exports.PStepperHorizontalItem=pe;exports.PSwitch=ue;exports.PTable=se;exports.PTableBody=ie;exports.PTableCell=ne;exports.PTableHead=ae;exports.PTableHeadCell=ce;exports.PTableHeadRow=oe;exports.PTableRow=le;exports.PTabs=ve;exports.PTabsBar=ge;exports.PTabsItem=Pe;exports.PTag=ye;exports.PTagDismissible=We;exports.PText=qe;exports.PTextFieldWrapper=de;exports.PTextList=Te;exports.PTextListItem=Se;exports.PTextarea=me;exports.PTextareaWrapper=be;exports.PToast=Ie;exports.PWordmark=Ce;exports.themeInjectionKey=e.themeInjectionKey;exports.useToastManager=e.useToastManager;exports.PorscheDesignSystemProvider=ke;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

@@ -5,7 +5,7 @@ type PInputNumberProps = {
      */
     autoComplete?: InputNumberAutoComplete;
     /**
-     * Displays as compact version.
+     * Displays as a compact version.
      */
     compact?: boolean;
     /**
@@ -25,13 +25,17 @@ type PInputNumberProps = {
      */
     form?: string;
     /**
-     * Show or hide label and description text. For better accessibility it is recommended to show the label.
+     * 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.
      */
@@ -97,9 +101,9 @@ declare const __VLS_component: import("vue").DefineComponent<PInputNumberProps,
     state: InputNumberState;
     required: boolean;
     hideLabel: BreakpointCustomizable<boolean>;
+    loading: boolean;
     value: string;
     message: string;
-    autoComplete: InputNumberAutoComplete;
     controls: boolean;
     placeholder: string;
     readOnly: boolean;

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

@@ -1,9 +1,9 @@
 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 r } from "../../utils.mjs";
+import { usePrefix as x, themeInjectionKey as R, addEventListenerToElementRef as a, syncProperties as s } from "../../utils.mjs";
 const j = /* @__PURE__ */ d({
   __name: "InputNumberWrapper",
   props: {
-    autoComplete: { default: "" },
+    autoComplete: {},
     compact: { type: Boolean, default: !1 },
     controls: { type: Boolean, default: !1 },
     description: { default: "" },
@@ -11,6 +11,7 @@ const j = /* @__PURE__ */ d({
     form: {},
     hideLabel: { default: !1 },
     label: { default: "" },
+    loading: { type: Boolean, default: !1 },
     max: {},
     message: { default: "" },
     min: {},
@@ -24,18 +25,18 @@ const j = /* @__PURE__ */ d({
     value: { default: "" }
   },
   emits: ["blur", "change", "input"],
-  setup(s, { emit: p }) {
-    const u = x("p-input-number"), t = s, e = m(), n = p, l = c(R), f = () => r(e, { ...t, theme: t.theme || l.value });
+  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", n), a(e, "change", n), a(e, "input", n);
-    }), h(f), y(l, (o) => {
-      r(e, { theme: t.theme || o });
-    }), (o, k) => (b(), B(C(_(u)), {
+      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(o.$slots, "default")
+        v(n.$slots, "default")
       ]),
       _: 3
     }, 512));

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;
+    };
+};

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

@@ -0,0 +1,47 @@
+import { defineComponent as u, ref as m, inject as c, onMounted as i, onUpdated as h, watch as y, openBlock as B, createBlock as C, resolveDynamicComponent as g, unref as _, withCtx as b, renderSlot as x } from "vue";
+import { usePrefix as k, themeInjectionKey as v, addEventListenerToElementRef as a, syncProperties as f } from "../../utils.mjs";
+const P = /* @__PURE__ */ u({
+  __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(s, { emit: r }) {
+    const d = k("p-input-text"), t = s, e = m(), n = r, l = c(v), p = () => f(e, { ...t, theme: t.theme || l.value });
+    return i(() => {
+      p(), a(e, "blur", n), a(e, "change", n), a(e, "input", n);
+    }), h(p), y(l, (o) => {
+      f(e, { theme: t.theme || o });
+    }), (o, L) => (B(), C(g(_(d)), {
+      ref_key: "pdsComponentRef",
+      ref: e
+    }, {
+      default: b(() => [
+        x(o.$slots, "default")
+      ]),
+      _: 3
+    }, 512));
+  }
+});
+export {
+  P as default
+};

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

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

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

@@ -16,6 +16,10 @@ type PSelectProps = {
      * Changes the direction to which the dropdown list appears.
      */
     dropdownDirection?: SelectDropdownDirection;
+    /**
+     * Shows an input in the dropdown allowing options to be filtered.
+     */
+    filter?: boolean;
     /**
      * The id of a form element the select should be associated with.
      */
@@ -61,6 +65,7 @@ declare const __VLS_component: import("vue").DefineComponent<PSelectProps, {}, {
 }, string, import("vue").PublicProps, Readonly<PSelectProps> & Readonly<{
     onUpdate?: ((value: SelectUpdateEventDetail) => any) | undefined;
 }>, {
+    filter: boolean;
     label: string;
     description: string;
     disabled: boolean;

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

@@ -1,5 +1,5 @@
-import { defineComponent as p, ref as m, inject as c, onMounted as u, onUpdated as i, watch as h, openBlock as y, createBlock as _, resolveDynamicComponent as C, unref as B, withCtx as b, renderSlot as v } from "vue";
-import { usePrefix as w, themeInjectionKey as R, addEventListenerToElementRef as k, syncProperties as s } from "../../utils.mjs";
+import { defineComponent as p, ref as m, inject as c, onMounted as u, onUpdated as i, watch as h, openBlock as y, createBlock as _, resolveDynamicComponent as B, unref as C, withCtx as b, renderSlot as v } from "vue";
+import { usePrefix as w, themeInjectionKey as R, addEventListenerToElementRef as k, syncProperties as l } from "../../utils.mjs";
 const j = /* @__PURE__ */ p({
   __name: "SelectWrapper",
   props: {
@@ -7,6 +7,7 @@ const j = /* @__PURE__ */ p({
     description: { default: "" },
     disabled: { type: Boolean, default: !1 },
     dropdownDirection: { default: "auto" },
+    filter: { type: Boolean, default: !1 },
     form: {},
     hideLabel: { default: !1 },
     label: { default: "" },
@@ -18,13 +19,13 @@ const j = /* @__PURE__ */ p({
     value: {}
   },
   emits: ["update"],
-  setup(l, { emit: r }) {
-    const d = w("p-select"), t = l, e = m(), f = r, n = c(R), a = () => s(e, { ...t, theme: t.theme || n.value });
+  setup(s, { emit: f }) {
+    const r = w("p-select"), t = s, e = m(), d = f, n = c(R), a = () => l(e, { ...t, theme: t.theme || n.value });
     return u(() => {
-      a(), k(e, "update", f);
+      a(), k(e, "update", d);
     }), i(a), h(n, (o) => {
-      s(e, { theme: t.theme || o });
-    }), (o, x) => (y(), _(C(B(d)), {
+      l(e, { theme: t.theme || o });
+    }), (o, x) => (y(), _(B(C(r)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {

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

@@ -17,7 +17,7 @@ type PTextareaProps = {
      */
     form?: string;
     /**
-     * Show or hide label. For better accessibility it is recommended to show the label.
+     * Show or hide label. For better accessibility, it is recommended to show the label.
      */
     hideLabel?: BreakpointCustomizable<boolean>;
     /**
@@ -57,7 +57,7 @@ type PTextareaProps = {
      */
     resize?: TextareaResize;
     /**
-     * The amount of rows of the textarea.
+     * The number of rows of the textarea.
      */
     rows?: number;
     /**
@@ -107,7 +107,6 @@ declare const __VLS_component: import("vue").DefineComponent<PTextareaProps, {},
     hideLabel: BreakpointCustomizable<boolean>;
     value: string;
     message: string;
-    autoComplete: TextareaAutoComplete;
     placeholder: string;
     readOnly: boolean;
     showCounter: boolean;

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

@@ -3,7 +3,7 @@ import { usePrefix as x, themeInjectionKey as v, addEventListenerToElementRef as
 const P = /* @__PURE__ */ u({
   __name: "TextareaWrapper",
   props: {
-    autoComplete: { default: "" },
+    autoComplete: {},
     description: { default: "" },
     disabled: { type: Boolean, default: !1 },
     form: {},
@@ -26,13 +26,13 @@ const P = /* @__PURE__ */ u({
     wrap: { default: "soft" }
   },
   emits: ["blur", "change", "input"],
-  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 });
+  setup(f, { emit: p }) {
+    const d = x("p-textarea"), t = f, e = m(), a = p, l = c(v), r = () => s(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) => {
       s(e, { theme: t.theme || o });
-    }), (o, k) => (C(), B(_(b(p)), {
+    }), (o, k) => (C(), B(_(b(d)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {

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

@@ -28,6 +28,8 @@ export { default as PIcon } from './IconWrapper.vue';
 export { default as PInlineNotification } from './InlineNotificationWrapper.vue';
 export { default as PInputNumber } from './InputNumberWrapper.vue';
 export { default as PInputPassword } from './InputPasswordWrapper.vue';
+export { default as PInputSearch } from './InputSearchWrapper.vue';
+export { default as PInputText } from './InputTextWrapper.vue';
 export { default as PLink } from './LinkWrapper.vue';
 export { default as PLinkPure } from './LinkPureWrapper.vue';
 export { default as PLinkSocial } from './LinkSocialWrapper.vue';

package/esm/lib/types.d.ts

@@ -1091,8 +1091,7 @@ export type IconColor = (typeof ICON_COLORS)[number];
 export type InputNumberState = FormState;
 declare const INPUT_NUMBER_AUTO_COMPLETE: readonly [
     "off",
-    "on",
-    ""
+    "on"
 ];
 export type InputNumberAutoComplete = (typeof INPUT_NUMBER_AUTO_COMPLETE)[number];
 export type InputNumberChangeEventDetail = Event;
@@ -1102,7 +1101,6 @@ export type InputPasswordState = FormState;
 declare const INPUT_PASSWORD_AUTO_COMPLETE: readonly [
     "off",
     "on",
-    "",
     "current-password",
     "new-password"
 ];
@@ -1110,6 +1108,24 @@ export type InputPasswordAutoComplete = (typeof INPUT_PASSWORD_AUTO_COMPLETE)[nu
 export type InputPasswordChangeEventDetail = Event;
 export type InputPasswordBlurEventDetail = Event;
 export type InputPasswordInputEventDetail = InputEvent;
+export type InputSearchState = FormState;
+declare const INPUT_SEARCH_AUTO_COMPLETE: readonly [
+    "off",
+    "on"
+];
+export type InputSearchAutoComplete = (typeof INPUT_SEARCH_AUTO_COMPLETE)[number];
+export type InputSearchChangeEventDetail = Event;
+export type InputSearchBlurEventDetail = Event;
+export type InputSearchInputEventDetail = InputEvent;
+export type InputTextState = FormState;
+declare const INPUT_TEXT_AUTO_COMPLETE: readonly [
+    "off",
+    "on"
+];
+export type InputTextAutoComplete = (typeof INPUT_TEXT_AUTO_COMPLETE)[number];
+export type InputTextChangeEventDetail = Event;
+export type InputTextBlurEventDetail = Event;
+export type InputTextInputEventDetail = InputEvent;
 export type LinkIcon = LinkButtonIconName;
 export type LinkPureIcon = LinkButtonIconName;
 export type LinkPureAriaAttribute = LinkAriaAttribute;
@@ -1500,8 +1516,7 @@ export type TextListType = (typeof TEXT_LIST_TYPES)[number];
 export type TextareaState = FormState;
 declare const AUTO_COMPLETE: readonly [
     "off",
-    "on",
-    ""
+    "on"
 ];
 export type TextareaAutoComplete = (typeof AUTO_COMPLETE)[number];
 declare const TEXTAREA_WRAPS: readonly [

package/esm/public-api.mjs

@@ -9,8 +9,8 @@ import { default as T } from "./lib/components/CanvasWrapper.vue.mjs";
 import { default as S } from "./lib/components/CarouselWrapper.vue.mjs";
 import { default as g } from "./lib/components/CheckboxWrapper.vue.mjs";
 import { default as C } from "./lib/components/CheckboxWrapperWrapper.vue.mjs";
-import { default as D } from "./lib/components/ContentWrapperWrapper.vue.mjs";
-import { default as h } from "./lib/components/CrestWrapper.vue.mjs";
+import { default as h } from "./lib/components/ContentWrapperWrapper.vue.mjs";
+import { default as L } from "./lib/components/CrestWrapper.vue.mjs";
 import { default as B } from "./lib/components/DisplayWrapper.vue.mjs";
 import { default as w } from "./lib/components/DividerWrapper.vue.mjs";
 import { default as M } from "./lib/components/DrilldownWrapper.vue.mjs";
@@ -29,56 +29,58 @@ import { default as re } from "./lib/components/IconWrapper.vue.mjs";
 import { default as ae } from "./lib/components/InlineNotificationWrapper.vue.mjs";
 import { default as le } from "./lib/components/InputNumberWrapper.vue.mjs";
 import { default as se } from "./lib/components/InputPasswordWrapper.vue.mjs";
-import { default as ue } from "./lib/components/LinkWrapper.vue.mjs";
-import { default as xe } from "./lib/components/LinkPureWrapper.vue.mjs";
-import { default as ie } from "./lib/components/LinkSocialWrapper.vue.mjs";
-import { default as Te } from "./lib/components/LinkTileWrapper.vue.mjs";
-import { default as Se } from "./lib/components/LinkTileModelSignatureWrapper.vue.mjs";
-import { default as ge } from "./lib/components/LinkTileProductWrapper.vue.mjs";
-import { default as Ce } from "./lib/components/MarqueWrapper.vue.mjs";
-import { default as De } from "./lib/components/ModalWrapper.vue.mjs";
-import { default as he } from "./lib/components/ModelSignatureWrapper.vue.mjs";
-import { default as Be } from "./lib/components/MultiSelectWrapper.vue.mjs";
-import { default as we } from "./lib/components/MultiSelectOptionWrapper.vue.mjs";
-import { default as Me } from "./lib/components/OptgroupWrapper.vue.mjs";
-import { default as ve } from "./lib/components/PaginationWrapper.vue.mjs";
-import { default as Ge } from "./lib/components/PinCodeWrapper.vue.mjs";
-import { default as ze } from "./lib/components/PopoverWrapper.vue.mjs";
-import { default as je } from "./lib/components/RadioButtonWrapperWrapper.vue.mjs";
-import { default as Ae } from "./lib/components/ScrollerWrapper.vue.mjs";
-import { default as Ee } from "./lib/components/SegmentedControlWrapper.vue.mjs";
-import { default as Qe } from "./lib/components/SegmentedControlItemWrapper.vue.mjs";
-import { default as Ve } from "./lib/components/SelectWrapper.vue.mjs";
-import { default as Ye } from "./lib/components/SelectOptionWrapper.vue.mjs";
-import { default as _e } from "./lib/components/SelectWrapperWrapper.vue.mjs";
-import { default as et } from "./lib/components/SheetWrapper.vue.mjs";
-import { default as rt } from "./lib/components/SpinnerWrapper.vue.mjs";
-import { default as at } from "./lib/components/StepperHorizontalWrapper.vue.mjs";
-import { default as lt } from "./lib/components/StepperHorizontalItemWrapper.vue.mjs";
-import { default as st } from "./lib/components/SwitchWrapper.vue.mjs";
-import { default as ut } from "./lib/components/TableWrapper.vue.mjs";
-import { default as xt } from "./lib/components/TableBodyWrapper.vue.mjs";
-import { default as it } from "./lib/components/TableCellWrapper.vue.mjs";
-import { default as Tt } from "./lib/components/TableHeadWrapper.vue.mjs";
-import { default as St } from "./lib/components/TableHeadCellWrapper.vue.mjs";
-import { default as gt } from "./lib/components/TableHeadRowWrapper.vue.mjs";
-import { default as Ct } from "./lib/components/TableRowWrapper.vue.mjs";
-import { default as Dt } from "./lib/components/TabsWrapper.vue.mjs";
-import { default as ht } from "./lib/components/TabsBarWrapper.vue.mjs";
-import { default as Bt } from "./lib/components/TabsItemWrapper.vue.mjs";
-import { default as wt } from "./lib/components/TagWrapper.vue.mjs";
-import { default as Mt } from "./lib/components/TagDismissibleWrapper.vue.mjs";
-import { default as vt } from "./lib/components/TextWrapper.vue.mjs";
-import { default as Gt } from "./lib/components/TextFieldWrapperWrapper.vue.mjs";
-import { default as zt } from "./lib/components/TextListWrapper.vue.mjs";
-import { default as jt } from "./lib/components/TextListItemWrapper.vue.mjs";
-import { default as At } from "./lib/components/TextareaWrapper.vue.mjs";
-import { default as Et } from "./lib/components/TextareaWrapperWrapper.vue.mjs";
-import { default as Qt } from "./lib/components/ToastWrapper.vue.mjs";
-import { default as Vt } from "./lib/components/WordmarkWrapper.vue.mjs";
-import { themeInjectionKey as Yt, useToastManager as Zt } from "./utils.mjs";
-import { default as $t } from "./PorscheDesignSystemProvider.vue.mjs";
-import { createPorscheDesignSystem as tr, usePorscheDesignSystemPlugin as rr } from "./plugin.mjs";
+import { default as ue } from "./lib/components/InputSearchWrapper.vue.mjs";
+import { default as xe } from "./lib/components/InputTextWrapper.vue.mjs";
+import { default as ie } from "./lib/components/LinkWrapper.vue.mjs";
+import { default as Te } from "./lib/components/LinkPureWrapper.vue.mjs";
+import { default as Se } from "./lib/components/LinkSocialWrapper.vue.mjs";
+import { default as ge } from "./lib/components/LinkTileWrapper.vue.mjs";
+import { default as Ce } from "./lib/components/LinkTileModelSignatureWrapper.vue.mjs";
+import { default as he } from "./lib/components/LinkTileProductWrapper.vue.mjs";
+import { default as Le } from "./lib/components/MarqueWrapper.vue.mjs";
+import { default as Be } from "./lib/components/ModalWrapper.vue.mjs";
+import { default as we } from "./lib/components/ModelSignatureWrapper.vue.mjs";
+import { default as Me } from "./lib/components/MultiSelectWrapper.vue.mjs";
+import { default as ve } from "./lib/components/MultiSelectOptionWrapper.vue.mjs";
+import { default as Ge } from "./lib/components/OptgroupWrapper.vue.mjs";
+import { default as ze } from "./lib/components/PaginationWrapper.vue.mjs";
+import { default as je } from "./lib/components/PinCodeWrapper.vue.mjs";
+import { default as Ae } from "./lib/components/PopoverWrapper.vue.mjs";
+import { default as Ee } from "./lib/components/RadioButtonWrapperWrapper.vue.mjs";
+import { default as Qe } from "./lib/components/ScrollerWrapper.vue.mjs";
+import { default as Ve } from "./lib/components/SegmentedControlWrapper.vue.mjs";
+import { default as Ye } from "./lib/components/SegmentedControlItemWrapper.vue.mjs";
+import { default as _e } from "./lib/components/SelectWrapper.vue.mjs";
+import { default as et } from "./lib/components/SelectOptionWrapper.vue.mjs";
+import { default as rt } from "./lib/components/SelectWrapperWrapper.vue.mjs";
+import { default as at } from "./lib/components/SheetWrapper.vue.mjs";
+import { default as lt } from "./lib/components/SpinnerWrapper.vue.mjs";
+import { default as st } from "./lib/components/StepperHorizontalWrapper.vue.mjs";
+import { default as ut } from "./lib/components/StepperHorizontalItemWrapper.vue.mjs";
+import { default as xt } from "./lib/components/SwitchWrapper.vue.mjs";
+import { default as it } from "./lib/components/TableWrapper.vue.mjs";
+import { default as Tt } from "./lib/components/TableBodyWrapper.vue.mjs";
+import { default as St } from "./lib/components/TableCellWrapper.vue.mjs";
+import { default as gt } from "./lib/components/TableHeadWrapper.vue.mjs";
+import { default as Ct } from "./lib/components/TableHeadCellWrapper.vue.mjs";
+import { default as ht } from "./lib/components/TableHeadRowWrapper.vue.mjs";
+import { default as Lt } from "./lib/components/TableRowWrapper.vue.mjs";
+import { default as Bt } from "./lib/components/TabsWrapper.vue.mjs";
+import { default as wt } from "./lib/components/TabsBarWrapper.vue.mjs";
+import { default as Mt } from "./lib/components/TabsItemWrapper.vue.mjs";
+import { default as vt } from "./lib/components/TagWrapper.vue.mjs";
+import { default as Gt } from "./lib/components/TagDismissibleWrapper.vue.mjs";
+import { default as zt } from "./lib/components/TextWrapper.vue.mjs";
+import { default as jt } from "./lib/components/TextFieldWrapperWrapper.vue.mjs";
+import { default as At } from "./lib/components/TextListWrapper.vue.mjs";
+import { default as Et } from "./lib/components/TextListItemWrapper.vue.mjs";
+import { default as Qt } from "./lib/components/TextareaWrapper.vue.mjs";
+import { default as Vt } from "./lib/components/TextareaWrapperWrapper.vue.mjs";
+import { default as Yt } from "./lib/components/ToastWrapper.vue.mjs";
+import { default as _t } from "./lib/components/WordmarkWrapper.vue.mjs";
+import { themeInjectionKey as er, useToastManager as tr } from "./utils.mjs";
+import { default as or } from "./PorscheDesignSystemProvider.vue.mjs";
+import { createPorscheDesignSystem as fr, usePorscheDesignSystemPlugin as lr } from "./plugin.mjs";
 export {
   a as PAccordion,
   l as PBanner,
@@ -90,8 +92,8 @@ export {
   S as PCarousel,
   g as PCheckbox,
   C as PCheckboxWrapper,
-  D as PContentWrapper,
-  h as PCrest,
+  h as PContentWrapper,
+  L as PCrest,
   B as PDisplay,
   w as PDivider,
   M as PDrilldown,
@@ -110,57 +112,59 @@ export {
   ae as PInlineNotification,
   le as PInputNumber,
   se as PInputPassword,
-  ue as PLink,
-  xe as PLinkPure,
-  ie as PLinkSocial,
-  Te as PLinkTile,
-  Se as PLinkTileModelSignature,
-  ge as PLinkTileProduct,
-  Ce as PMarque,
-  De as PModal,
-  he as PModelSignature,
-  Be as PMultiSelect,
-  we as PMultiSelectOption,
-  Me as POptgroup,
-  ve as PPagination,
-  Ge as PPinCode,
-  ze as PPopover,
-  je as PRadioButtonWrapper,
-  Ae as PScroller,
-  Ee as PSegmentedControl,
-  Qe as PSegmentedControlItem,
-  Ve as PSelect,
-  Ye as PSelectOption,
-  _e as PSelectWrapper,
-  et as PSheet,
-  rt as PSpinner,
-  at as PStepperHorizontal,
-  lt as PStepperHorizontalItem,
-  st as PSwitch,
-  ut as PTable,
-  xt as PTableBody,
-  it as PTableCell,
-  Tt as PTableHead,
-  St as PTableHeadCell,
-  gt as PTableHeadRow,
-  Ct as PTableRow,
-  Dt as PTabs,
-  ht as PTabsBar,
-  Bt as PTabsItem,
-  wt as PTag,
-  Mt as PTagDismissible,
-  vt as PText,
-  Gt as PTextFieldWrapper,
-  zt as PTextList,
-  jt as PTextListItem,
-  At as PTextarea,
-  Et as PTextareaWrapper,
-  Qt as PToast,
-  Vt as PWordmark,
-  $t as PorscheDesignSystemProvider,
+  ue as PInputSearch,
+  xe as PInputText,
+  ie as PLink,
+  Te as PLinkPure,
+  Se as PLinkSocial,
+  ge as PLinkTile,
+  Ce as PLinkTileModelSignature,
+  he as PLinkTileProduct,
+  Le as PMarque,
+  Be as PModal,
+  we as PModelSignature,
+  Me as PMultiSelect,
+  ve as PMultiSelectOption,
+  Ge as POptgroup,
+  ze as PPagination,
+  je as PPinCode,
+  Ae as PPopover,
+  Ee as PRadioButtonWrapper,
+  Qe as PScroller,
+  Ve as PSegmentedControl,
+  Ye as PSegmentedControlItem,
+  _e as PSelect,
+  et as PSelectOption,
+  rt as PSelectWrapper,
+  at as PSheet,
+  lt as PSpinner,
+  st as PStepperHorizontal,
+  ut as PStepperHorizontalItem,
+  xt as PSwitch,
+  it as PTable,
+  Tt as PTableBody,
+  St as PTableCell,
+  gt as PTableHead,
+  Ct as PTableHeadCell,
+  ht as PTableHeadRow,
+  Lt as PTableRow,
+  Bt as PTabs,
+  wt as PTabsBar,
+  Mt as PTabsItem,
+  vt as PTag,
+  Gt as PTagDismissible,
+  zt as PText,
+  jt as PTextFieldWrapper,
+  At as PTextList,
+  Et as PTextListItem,
+  Qt as PTextarea,
+  Vt as PTextareaWrapper,
+  Yt as PToast,
+  _t as PWordmark,
+  or as PorscheDesignSystemProvider,
   r as componentsReady,
-  tr as createPorscheDesignSystem,
-  Yt as themeInjectionKey,
-  rr as usePorscheDesignSystemPlugin,
-  Zt as useToastManager
+  fr as createPorscheDesignSystem,
+  er as themeInjectionKey,
+  lr as usePorscheDesignSystemPlugin,
+  tr as useToastManager
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-vue",
-  "version": "3.28.0",
+  "version": "3.29.0-rc.0",
   "description": "Porsche Design System is a component library designed to help developers create the best experience for software or services distributed by Dr. Ing. h.c. F. Porsche AG.",
   "keywords": [
     "porsche",
@@ -17,7 +17,7 @@
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://designsystem.porsche.com",
   "dependencies": {
-    "@porsche-design-system/components-js": "3.28.0"
+    "@porsche-design-system/components-js": "3.29.0-rc.0"
   },
   "peerDependencies": {
     "ag-grid-enterprise": ">= 33.0.0 <34.0.0",