@porsche-design-system/components-vue 3.30.0-rc.1 → 3.30.0-rc.2

package/CHANGELOG.md

@@ -14,6 +14,26 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
 
 ## [Unreleased]
 
+## [3.30.0-rc.2] - 2025-10-24
+
+### Added
+
+- `Flag`: added `AD, GI, LI, MC, ME, TW` flags & `XX` for unknown region
+  ([#4074](https://github.com/porsche-design-system/porsche-design-system/pull/4074))
+- `Segmented Control`: `compact` prop to enable a smaller, space-saving version for compact layouts
+  ([#4020](https://github.com/porsche-design-system/porsche-design-system/pull/4020))
+- Vue: export `prefixInjectionKey` ([#4079](https://github.com/porsche-design-system/porsche-design-system/pull/4079))
+
+### Changed
+
+- `Flag`: international flag replaces `DE` flag as fallback for an unknown region
+  ([#4074](https://github.com/porsche-design-system/porsche-design-system/pull/4074))
+
+### Fixed
+
+- `Radio Group`: fixed `compact` mode styles
+  ([#4073](https://github.com/porsche-design-system/porsche-design-system/pull/4073))
+
 ## [3.30.0-rc.1] - 2025-10-21
 
 ### Added

package/cjs/lib/components/SegmentedControlWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),c=e.defineComponent({__name:"SegmentedControlWrapper",props:{backgroundColor:{},columns:{default:"auto"},disabled:{type:Boolean,default:!1},form:{},name:{},theme:{},value:{}},emits:["update:value","blur","change","segmentedControlChange","update"],setup(l,{emit:m}){const u=t.usePrefix("p-segmented-control"),s=l,n=e.ref(),o=m,a=e.inject(t.themeInjectionKey),d=()=>t.syncProperties(n,{...s,theme:s.theme||a.value});return e.onMounted(()=>{d(),t.addEventListenerToElementRef(n,"blur",o),t.addEventListenerToElementRef(n,"change",o,r=>{o("update:value",r.target.value)}),t.addEventListenerToElementRef(n,"segmentedControlChange",o),t.addEventListenerToElementRef(n,"update",o)}),e.onUpdated(d),e.watch(a,r=>{t.syncProperties(n,{theme:s.theme||r})}),(r,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(u)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},512))}});module.exports=c;
+"use strict";const e=require("vue"),t=require("../../utils.cjs"),u=e.defineComponent({__name:"SegmentedControlWrapper",props:{backgroundColor:{},columns:{default:"auto"},compact:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},form:{},name:{},theme:{},value:{}},emits:["update:value","blur","change","segmentedControlChange","update"],setup(d,{emit:c}){const m=t.usePrefix("p-segmented-control"),a=d,n=e.ref(),o=c,s=e.inject(t.themeInjectionKey),l=()=>t.syncProperties(n,{...a,theme:a.theme||s.value});return e.onMounted(()=>{l(),t.addEventListenerToElementRef(n,"blur",o),t.addEventListenerToElementRef(n,"change",o,r=>{o("update:value",r.target.value)}),t.addEventListenerToElementRef(n,"segmentedControlChange",o),t.addEventListenerToElementRef(n,"update",o)}),e.onUpdated(l),e.watch(s,r=>{t.syncProperties(n,{theme:a.theme||r})}),(r,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(m)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},512))}});module.exports=u;

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"),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/FlagWrapper.vue.cjs"),I=require("./lib/components/FlexWrapper.vue.cjs"),b=require("./lib/components/FlexItemWrapper.vue.cjs"),x=require("./lib/components/FlyoutWrapper.vue.cjs"),C=require("./lib/components/GridWrapper.vue.cjs"),k=require("./lib/components/GridItemWrapper.vue.cjs"),D=require("./lib/components/HeadingWrapper.vue.cjs"),h=require("./lib/components/HeadlineWrapper.vue.cjs"),L=require("./lib/components/IconWrapper.vue.cjs"),B=require("./lib/components/InlineNotificationWrapper.vue.cjs"),M=require("./lib/components/InputDateWrapper.vue.cjs"),w=require("./lib/components/InputEmailWrapper.vue.cjs"),F=require("./lib/components/InputNumberWrapper.vue.cjs"),H=require("./lib/components/InputPasswordWrapper.vue.cjs"),R=require("./lib/components/InputSearchWrapper.vue.cjs"),G=require("./lib/components/InputTelWrapper.vue.cjs"),O=require("./lib/components/InputTextWrapper.vue.cjs"),f=require("./lib/components/InputTimeWrapper.vue.cjs"),j=require("./lib/components/InputUrlWrapper.vue.cjs"),z=require("./lib/components/LinkWrapper.vue.cjs"),N=require("./lib/components/LinkPureWrapper.vue.cjs"),A=require("./lib/components/LinkSocialWrapper.vue.cjs"),E=require("./lib/components/LinkTileWrapper.vue.cjs"),K=require("./lib/components/LinkTileModelSignatureWrapper.vue.cjs"),U=require("./lib/components/LinkTileProductWrapper.vue.cjs"),J=require("./lib/components/MarqueWrapper.vue.cjs"),Q=require("./lib/components/ModalWrapper.vue.cjs"),V=require("./lib/components/ModelSignatureWrapper.vue.cjs"),X=require("./lib/components/MultiSelectWrapper.vue.cjs"),Y=require("./lib/components/MultiSelectOptionWrapper.vue.cjs"),Z=require("./lib/components/OptgroupWrapper.vue.cjs"),$=require("./lib/components/PaginationWrapper.vue.cjs"),ee=require("./lib/components/PinCodeWrapper.vue.cjs"),re=require("./lib/components/PopoverWrapper.vue.cjs"),_e=require("./lib/components/RadioButtonWrapperWrapper.vue.cjs"),te=require("./lib/components/RadioGroupWrapper.vue.cjs"),pe=require("./lib/components/RadioGroupOptionWrapper.vue.cjs"),ue=require("./lib/components/ScrollerWrapper.vue.cjs"),se=require("./lib/components/SegmentedControlWrapper.vue.cjs"),ne=require("./lib/components/SegmentedControlItemWrapper.vue.cjs"),ie=require("./lib/components/SelectWrapper.vue.cjs"),ae=require("./lib/components/SelectOptionWrapper.vue.cjs"),ce=require("./lib/components/SelectWrapperWrapper.vue.cjs"),oe=require("./lib/components/SheetWrapper.vue.cjs"),le=require("./lib/components/SpinnerWrapper.vue.cjs"),ve=require("./lib/components/StepperHorizontalWrapper.vue.cjs"),ge=require("./lib/components/StepperHorizontalItemWrapper.vue.cjs"),Pe=require("./lib/components/SwitchWrapper.vue.cjs"),ye=require("./lib/components/TableWrapper.vue.cjs"),We=require("./lib/components/TableBodyWrapper.vue.cjs"),qe=require("./lib/components/TableCellWrapper.vue.cjs"),de=require("./lib/components/TableHeadWrapper.vue.cjs"),Te=require("./lib/components/TableHeadCellWrapper.vue.cjs"),Se=require("./lib/components/TableHeadRowWrapper.vue.cjs"),me=require("./lib/components/TableRowWrapper.vue.cjs"),Ie=require("./lib/components/TabsWrapper.vue.cjs"),be=require("./lib/components/TabsBarWrapper.vue.cjs"),xe=require("./lib/components/TabsItemWrapper.vue.cjs"),Ce=require("./lib/components/TagWrapper.vue.cjs"),ke=require("./lib/components/TagDismissibleWrapper.vue.cjs"),De=require("./lib/components/TextWrapper.vue.cjs"),he=require("./lib/components/TextFieldWrapperWrapper.vue.cjs"),Le=require("./lib/components/TextListWrapper.vue.cjs"),Be=require("./lib/components/TextListItemWrapper.vue.cjs"),Me=require("./lib/components/TextareaWrapper.vue.cjs"),we=require("./lib/components/TextareaWrapperWrapper.vue.cjs"),Fe=require("./lib/components/ToastWrapper.vue.cjs"),He=require("./lib/components/WordmarkWrapper.vue.cjs"),e=require("./utils.cjs"),Re=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.PFlag=m;exports.PFlex=I;exports.PFlexItem=b;exports.PFlyout=x;exports.PGrid=C;exports.PGridItem=k;exports.PHeading=D;exports.PHeadline=h;exports.PIcon=L;exports.PInlineNotification=B;exports.PInputDate=M;exports.PInputEmail=w;exports.PInputNumber=F;exports.PInputPassword=H;exports.PInputSearch=R;exports.PInputTel=G;exports.PInputText=O;exports.PInputTime=f;exports.PInputUrl=j;exports.PLink=z;exports.PLinkPure=N;exports.PLinkSocial=A;exports.PLinkTile=E;exports.PLinkTileModelSignature=K;exports.PLinkTileProduct=U;exports.PMarque=J;exports.PModal=Q;exports.PModelSignature=V;exports.PMultiSelect=X;exports.PMultiSelectOption=Y;exports.POptgroup=Z;exports.PPagination=$;exports.PPinCode=ee;exports.PPopover=re;exports.PRadioButtonWrapper=_e;exports.PRadioGroup=te;exports.PRadioGroupOption=pe;exports.PScroller=ue;exports.PSegmentedControl=se;exports.PSegmentedControlItem=ne;exports.PSelect=ie;exports.PSelectOption=ae;exports.PSelectWrapper=ce;exports.PSheet=oe;exports.PSpinner=le;exports.PStepperHorizontal=ve;exports.PStepperHorizontalItem=ge;exports.PSwitch=Pe;exports.PTable=ye;exports.PTableBody=We;exports.PTableCell=qe;exports.PTableHead=de;exports.PTableHeadCell=Te;exports.PTableHeadRow=Se;exports.PTableRow=me;exports.PTabs=Ie;exports.PTabsBar=be;exports.PTabsItem=xe;exports.PTag=Ce;exports.PTagDismissible=ke;exports.PText=De;exports.PTextFieldWrapper=he;exports.PTextList=Le;exports.PTextListItem=Be;exports.PTextarea=Me;exports.PTextareaWrapper=we;exports.PToast=Fe;exports.PWordmark=He;exports.themeInjectionKey=e.themeInjectionKey;exports.useToastManager=e.useToastManager;exports.PorscheDesignSystemProvider=Re;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/FlagWrapper.vue.cjs"),I=require("./lib/components/FlexWrapper.vue.cjs"),b=require("./lib/components/FlexItemWrapper.vue.cjs"),x=require("./lib/components/FlyoutWrapper.vue.cjs"),C=require("./lib/components/GridWrapper.vue.cjs"),k=require("./lib/components/GridItemWrapper.vue.cjs"),D=require("./lib/components/HeadingWrapper.vue.cjs"),h=require("./lib/components/HeadlineWrapper.vue.cjs"),L=require("./lib/components/IconWrapper.vue.cjs"),B=require("./lib/components/InlineNotificationWrapper.vue.cjs"),M=require("./lib/components/InputDateWrapper.vue.cjs"),w=require("./lib/components/InputEmailWrapper.vue.cjs"),F=require("./lib/components/InputNumberWrapper.vue.cjs"),H=require("./lib/components/InputPasswordWrapper.vue.cjs"),R=require("./lib/components/InputSearchWrapper.vue.cjs"),G=require("./lib/components/InputTelWrapper.vue.cjs"),O=require("./lib/components/InputTextWrapper.vue.cjs"),f=require("./lib/components/InputTimeWrapper.vue.cjs"),j=require("./lib/components/InputUrlWrapper.vue.cjs"),z=require("./lib/components/LinkWrapper.vue.cjs"),K=require("./lib/components/LinkPureWrapper.vue.cjs"),N=require("./lib/components/LinkSocialWrapper.vue.cjs"),A=require("./lib/components/LinkTileWrapper.vue.cjs"),E=require("./lib/components/LinkTileModelSignatureWrapper.vue.cjs"),U=require("./lib/components/LinkTileProductWrapper.vue.cjs"),J=require("./lib/components/MarqueWrapper.vue.cjs"),Q=require("./lib/components/ModalWrapper.vue.cjs"),V=require("./lib/components/ModelSignatureWrapper.vue.cjs"),X=require("./lib/components/MultiSelectWrapper.vue.cjs"),Y=require("./lib/components/MultiSelectOptionWrapper.vue.cjs"),Z=require("./lib/components/OptgroupWrapper.vue.cjs"),$=require("./lib/components/PaginationWrapper.vue.cjs"),ee=require("./lib/components/PinCodeWrapper.vue.cjs"),re=require("./lib/components/PopoverWrapper.vue.cjs"),_e=require("./lib/components/RadioButtonWrapperWrapper.vue.cjs"),te=require("./lib/components/RadioGroupWrapper.vue.cjs"),pe=require("./lib/components/RadioGroupOptionWrapper.vue.cjs"),ue=require("./lib/components/ScrollerWrapper.vue.cjs"),se=require("./lib/components/SegmentedControlWrapper.vue.cjs"),ne=require("./lib/components/SegmentedControlItemWrapper.vue.cjs"),ie=require("./lib/components/SelectWrapper.vue.cjs"),ae=require("./lib/components/SelectOptionWrapper.vue.cjs"),ce=require("./lib/components/SelectWrapperWrapper.vue.cjs"),oe=require("./lib/components/SheetWrapper.vue.cjs"),le=require("./lib/components/SpinnerWrapper.vue.cjs"),ve=require("./lib/components/StepperHorizontalWrapper.vue.cjs"),ge=require("./lib/components/StepperHorizontalItemWrapper.vue.cjs"),Pe=require("./lib/components/SwitchWrapper.vue.cjs"),ye=require("./lib/components/TableWrapper.vue.cjs"),We=require("./lib/components/TableBodyWrapper.vue.cjs"),qe=require("./lib/components/TableCellWrapper.vue.cjs"),de=require("./lib/components/TableHeadWrapper.vue.cjs"),Te=require("./lib/components/TableHeadCellWrapper.vue.cjs"),Se=require("./lib/components/TableHeadRowWrapper.vue.cjs"),me=require("./lib/components/TableRowWrapper.vue.cjs"),Ie=require("./lib/components/TabsWrapper.vue.cjs"),be=require("./lib/components/TabsBarWrapper.vue.cjs"),xe=require("./lib/components/TabsItemWrapper.vue.cjs"),Ce=require("./lib/components/TagWrapper.vue.cjs"),ke=require("./lib/components/TagDismissibleWrapper.vue.cjs"),De=require("./lib/components/TextWrapper.vue.cjs"),he=require("./lib/components/TextFieldWrapperWrapper.vue.cjs"),Le=require("./lib/components/TextListWrapper.vue.cjs"),Be=require("./lib/components/TextListItemWrapper.vue.cjs"),Me=require("./lib/components/TextareaWrapper.vue.cjs"),we=require("./lib/components/TextareaWrapperWrapper.vue.cjs"),Fe=require("./lib/components/ToastWrapper.vue.cjs"),He=require("./lib/components/WordmarkWrapper.vue.cjs"),e=require("./utils.cjs"),Re=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.PFlag=m;exports.PFlex=I;exports.PFlexItem=b;exports.PFlyout=x;exports.PGrid=C;exports.PGridItem=k;exports.PHeading=D;exports.PHeadline=h;exports.PIcon=L;exports.PInlineNotification=B;exports.PInputDate=M;exports.PInputEmail=w;exports.PInputNumber=F;exports.PInputPassword=H;exports.PInputSearch=R;exports.PInputTel=G;exports.PInputText=O;exports.PInputTime=f;exports.PInputUrl=j;exports.PLink=z;exports.PLinkPure=K;exports.PLinkSocial=N;exports.PLinkTile=A;exports.PLinkTileModelSignature=E;exports.PLinkTileProduct=U;exports.PMarque=J;exports.PModal=Q;exports.PModelSignature=V;exports.PMultiSelect=X;exports.PMultiSelectOption=Y;exports.POptgroup=Z;exports.PPagination=$;exports.PPinCode=ee;exports.PPopover=re;exports.PRadioButtonWrapper=_e;exports.PRadioGroup=te;exports.PRadioGroupOption=pe;exports.PScroller=ue;exports.PSegmentedControl=se;exports.PSegmentedControlItem=ne;exports.PSelect=ie;exports.PSelectOption=ae;exports.PSelectWrapper=ce;exports.PSheet=oe;exports.PSpinner=le;exports.PStepperHorizontal=ve;exports.PStepperHorizontalItem=ge;exports.PSwitch=Pe;exports.PTable=ye;exports.PTableBody=We;exports.PTableCell=qe;exports.PTableHead=de;exports.PTableHeadCell=Te;exports.PTableHeadRow=Se;exports.PTableRow=me;exports.PTabs=Ie;exports.PTabsBar=be;exports.PTabsItem=xe;exports.PTag=Ce;exports.PTagDismissible=ke;exports.PText=De;exports.PTextFieldWrapper=he;exports.PTextList=Le;exports.PTextListItem=Be;exports.PTextarea=Me;exports.PTextareaWrapper=we;exports.PToast=Fe;exports.PWordmark=He;exports.prefixInjectionKey=e.prefixInjectionKey;exports.themeInjectionKey=e.themeInjectionKey;exports.useToastManager=e.useToastManager;exports.PorscheDesignSystemProvider=Re;exports.createPorscheDesignSystem=r.createPorscheDesignSystem;exports.usePorscheDesignSystemPlugin=r.usePorscheDesignSystemPlugin;

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

@@ -8,6 +8,10 @@ type PSegmentedControlProps = {
      * Sets the amount of columns.
      */
     columns?: BreakpointCustomizable<SegmentedControlColumns>;
+    /**
+     * A boolean value that, if present, renders the segmented-control as a compact version.
+     */
+    compact?: boolean;
     /**
      * Disables the segmented-control.
      */
@@ -38,6 +42,7 @@ declare const __VLS_base: import("vue").DefineComponent<PSegmentedControlProps,
 }, string, import("vue").PublicProps, Readonly<PSegmentedControlProps> & Readonly<{
     [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {
+    compact: boolean;
     disabled: boolean;
     columns: BreakpointCustomizable<SegmentedControlColumns>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1,10 +1,11 @@
-import { defineComponent as u, ref as c, inject as f, onMounted as i, onUpdated as h, watch as C, createBlock as g, openBlock as v, resolveDynamicComponent as _, unref as y, withCtx as b, renderSlot as k } from "vue";
-import { usePrefix as R, themeInjectionKey as w, syncProperties as s, addEventListenerToElementRef as o } from "../../utils.mjs";
-const j = /* @__PURE__ */ u({
+import { defineComponent as d, ref as u, inject as f, onMounted as i, onUpdated as h, watch as C, createBlock as g, openBlock as v, resolveDynamicComponent as y, unref as _, withCtx as b, renderSlot as k } from "vue";
+import { usePrefix as B, themeInjectionKey as R, syncProperties as s, addEventListenerToElementRef as n } from "../../utils.mjs";
+const j = /* @__PURE__ */ d({
   __name: "SegmentedControlWrapper",
   props: {
     backgroundColor: {},
     columns: { default: "auto" },
+    compact: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
     form: {},
     name: {},
@@ -13,19 +14,19 @@ const j = /* @__PURE__ */ u({
   },
   emits: ["update:value", "blur", "change", "segmentedControlChange", "update"],
   setup(l, { emit: p }) {
-    const d = R("p-segmented-control"), a = l, e = c(), t = p, r = f(w), m = () => s(e, { ...a, theme: a.theme || r.value });
+    const c = B("p-segmented-control"), a = l, e = u(), t = p, r = f(R), m = () => s(e, { ...a, theme: a.theme || r.value });
     return i(() => {
-      m(), o(e, "blur", t), o(e, "change", t, (n) => {
-        t("update:value", n.target.value);
-      }), o(e, "segmentedControlChange", t), o(e, "update", t);
-    }), h(m), C(r, (n) => {
-      s(e, { theme: a.theme || n });
-    }), (n, x) => (v(), g(_(y(d)), {
+      m(), n(e, "blur", t), n(e, "change", t, (o) => {
+        t("update:value", o.target.value);
+      }), n(e, "segmentedControlChange", t), n(e, "update", t);
+    }), h(m), C(r, (o) => {
+      s(e, { theme: a.theme || o });
+    }), (o, w) => (v(), g(y(_(c)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
       default: b(() => [
-        k(n.$slots, "default")
+        k(o.$slots, "default")
       ]),
       _: 3
     }, 512));

package/esm/lib/types.d.ts

@@ -502,6 +502,7 @@ declare const ICON_NAMES: readonly [
 ];
 export type IconName = typeof ICON_NAMES[number];
 declare const FLAG_NAMES: readonly [
+    "ad",
     "ae",
     "am",
     "ar",
@@ -538,6 +539,7 @@ declare const FLAG_NAMES: readonly [
     "gb",
     "ge",
     "gh",
+    "gi",
     "gr",
     "gt",
     "hk",
@@ -560,12 +562,15 @@ declare const FLAG_NAMES: readonly [
     "kw",
     "kz",
     "lb",
+    "li",
     "lk",
     "lt",
     "lu",
     "lv",
     "ma",
+    "mc",
     "md",
+    "me",
     "mk",
     "mn",
     "mo",
@@ -602,12 +607,14 @@ declare const FLAG_NAMES: readonly [
     "tn",
     "tr",
     "tt",
+    "tw",
     "ua",
     "us",
     "uy",
     "uz",
     "ve",
     "vn",
+    "xx",
     "za"
 ];
 export type FlagName = typeof FLAG_NAMES[number];

package/esm/public-api.d.ts

@@ -1,6 +1,6 @@
 export { componentsReady } from '@porsche-design-system/components-js';
 export * from './lib/components';
 export * from './lib/types';
-export { useToastManager, themeInjectionKey } from './utils';
+export { useToastManager, themeInjectionKey, prefixInjectionKey } from './utils';
 export { default as PorscheDesignSystemProvider } from './PorscheDesignSystemProvider.vue';
 export { createPorscheDesignSystem, usePorscheDesignSystemPlugin } from './plugin';

package/esm/public-api.mjs

@@ -6,20 +6,20 @@ import { default as s } from "./lib/components/ButtonGroupWrapper.vue.mjs";
 import { default as x } from "./lib/components/ButtonPureWrapper.vue.mjs";
 import { default as n } from "./lib/components/ButtonTileWrapper.vue.mjs";
 import { default as T } from "./lib/components/CanvasWrapper.vue.mjs";
-import { default as S } from "./lib/components/CarouselWrapper.vue.mjs";
+import { default as I } 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 L } from "./lib/components/CrestWrapper.vue.mjs";
+import { default as y } from "./lib/components/CrestWrapper.vue.mjs";
 import { default as B } from "./lib/components/DisplayWrapper.vue.mjs";
 import { default as w } from "./lib/components/DividerWrapper.vue.mjs";
 import { default as H } from "./lib/components/DrilldownWrapper.vue.mjs";
 import { default as R } from "./lib/components/DrilldownItemWrapper.vue.mjs";
 import { default as v } from "./lib/components/DrilldownLinkWrapper.vue.mjs";
-import { default as z } from "./lib/components/FieldsetWrapper.vue.mjs";
-import { default as j } from "./lib/components/FieldsetWrapperWrapper.vue.mjs";
-import { default as A } from "./lib/components/FlagWrapper.vue.mjs";
-import { default as K } from "./lib/components/FlexWrapper.vue.mjs";
+import { default as j } from "./lib/components/FieldsetWrapper.vue.mjs";
+import { default as K } from "./lib/components/FieldsetWrapperWrapper.vue.mjs";
+import { default as q } from "./lib/components/FlagWrapper.vue.mjs";
+import { default as E } from "./lib/components/FlexWrapper.vue.mjs";
 import { default as J } from "./lib/components/FlexItemWrapper.vue.mjs";
 import { default as V } from "./lib/components/FlyoutWrapper.vue.mjs";
 import { default as Y } from "./lib/components/GridWrapper.vue.mjs";
@@ -33,20 +33,20 @@ import { default as se } from "./lib/components/InputEmailWrapper.vue.mjs";
 import { default as xe } from "./lib/components/InputNumberWrapper.vue.mjs";
 import { default as ne } from "./lib/components/InputPasswordWrapper.vue.mjs";
 import { default as Te } from "./lib/components/InputSearchWrapper.vue.mjs";
-import { default as Se } from "./lib/components/InputTelWrapper.vue.mjs";
+import { default as Ie } from "./lib/components/InputTelWrapper.vue.mjs";
 import { default as ge } from "./lib/components/InputTextWrapper.vue.mjs";
 import { default as Ce } from "./lib/components/InputTimeWrapper.vue.mjs";
 import { default as De } from "./lib/components/InputUrlWrapper.vue.mjs";
-import { default as Le } from "./lib/components/LinkWrapper.vue.mjs";
+import { default as ye } from "./lib/components/LinkWrapper.vue.mjs";
 import { default as Be } from "./lib/components/LinkPureWrapper.vue.mjs";
 import { default as we } from "./lib/components/LinkSocialWrapper.vue.mjs";
 import { default as He } from "./lib/components/LinkTileWrapper.vue.mjs";
 import { default as Re } from "./lib/components/LinkTileModelSignatureWrapper.vue.mjs";
 import { default as ve } from "./lib/components/LinkTileProductWrapper.vue.mjs";
-import { default as ze } from "./lib/components/MarqueWrapper.vue.mjs";
-import { default as je } from "./lib/components/ModalWrapper.vue.mjs";
-import { default as Ae } from "./lib/components/ModelSignatureWrapper.vue.mjs";
-import { default as Ke } from "./lib/components/MultiSelectWrapper.vue.mjs";
+import { default as je } from "./lib/components/MarqueWrapper.vue.mjs";
+import { default as Ke } from "./lib/components/ModalWrapper.vue.mjs";
+import { default as qe } from "./lib/components/ModelSignatureWrapper.vue.mjs";
+import { default as Ee } from "./lib/components/MultiSelectWrapper.vue.mjs";
 import { default as Je } from "./lib/components/MultiSelectOptionWrapper.vue.mjs";
 import { default as Ve } from "./lib/components/OptgroupWrapper.vue.mjs";
 import { default as Ye } from "./lib/components/PaginationWrapper.vue.mjs";
@@ -60,20 +60,20 @@ import { default as st } from "./lib/components/SegmentedControlWrapper.vue.mjs"
 import { default as xt } from "./lib/components/SegmentedControlItemWrapper.vue.mjs";
 import { default as nt } from "./lib/components/SelectWrapper.vue.mjs";
 import { default as Tt } from "./lib/components/SelectOptionWrapper.vue.mjs";
-import { default as St } from "./lib/components/SelectWrapperWrapper.vue.mjs";
+import { default as It } from "./lib/components/SelectWrapperWrapper.vue.mjs";
 import { default as gt } from "./lib/components/SheetWrapper.vue.mjs";
 import { default as Ct } from "./lib/components/SpinnerWrapper.vue.mjs";
 import { default as Dt } from "./lib/components/StepperHorizontalWrapper.vue.mjs";
-import { default as Lt } from "./lib/components/StepperHorizontalItemWrapper.vue.mjs";
+import { default as yt } from "./lib/components/StepperHorizontalItemWrapper.vue.mjs";
 import { default as Bt } from "./lib/components/SwitchWrapper.vue.mjs";
 import { default as wt } from "./lib/components/TableWrapper.vue.mjs";
 import { default as Ht } from "./lib/components/TableBodyWrapper.vue.mjs";
 import { default as Rt } from "./lib/components/TableCellWrapper.vue.mjs";
 import { default as vt } from "./lib/components/TableHeadWrapper.vue.mjs";
-import { default as zt } from "./lib/components/TableHeadCellWrapper.vue.mjs";
-import { default as jt } from "./lib/components/TableHeadRowWrapper.vue.mjs";
-import { default as At } from "./lib/components/TableRowWrapper.vue.mjs";
-import { default as Kt } from "./lib/components/TabsWrapper.vue.mjs";
+import { default as jt } from "./lib/components/TableHeadCellWrapper.vue.mjs";
+import { default as Kt } from "./lib/components/TableHeadRowWrapper.vue.mjs";
+import { default as qt } from "./lib/components/TableRowWrapper.vue.mjs";
+import { default as Et } from "./lib/components/TabsWrapper.vue.mjs";
 import { default as Jt } from "./lib/components/TabsBarWrapper.vue.mjs";
 import { default as Vt } from "./lib/components/TabsItemWrapper.vue.mjs";
 import { default as Yt } from "./lib/components/TagWrapper.vue.mjs";
@@ -86,9 +86,9 @@ import { default as uo } from "./lib/components/TextareaWrapper.vue.mjs";
 import { default as mo } from "./lib/components/TextareaWrapperWrapper.vue.mjs";
 import { default as Po } from "./lib/components/ToastWrapper.vue.mjs";
 import { default as io } from "./lib/components/WordmarkWrapper.vue.mjs";
-import { themeInjectionKey as co, useToastManager as So } from "./utils.mjs";
-import { default as go } from "./PorscheDesignSystemProvider.vue.mjs";
-import { createPorscheDesignSystem as Co, usePorscheDesignSystemPlugin as ko } from "./plugin.mjs";
+import { prefixInjectionKey as co, themeInjectionKey as Io, useToastManager as So } from "./utils.mjs";
+import { default as bo } from "./PorscheDesignSystemProvider.vue.mjs";
+import { createPorscheDesignSystem as ko, usePorscheDesignSystemPlugin as Do } from "./plugin.mjs";
 export {
   a as PAccordion,
   l as PBanner,
@@ -97,20 +97,20 @@ export {
   x as PButtonPure,
   n as PButtonTile,
   T as PCanvas,
-  S as PCarousel,
+  I as PCarousel,
   g as PCheckbox,
   C as PCheckboxWrapper,
   D as PContentWrapper,
-  L as PCrest,
+  y as PCrest,
   B as PDisplay,
   w as PDivider,
   H as PDrilldown,
   R as PDrilldownItem,
   v as PDrilldownLink,
-  z as PFieldset,
-  j as PFieldsetWrapper,
-  A as PFlag,
-  K as PFlex,
+  j as PFieldset,
+  K as PFieldsetWrapper,
+  q as PFlag,
+  E as PFlex,
   J as PFlexItem,
   V as PFlyout,
   Y as PGrid,
@@ -124,20 +124,20 @@ export {
   xe as PInputNumber,
   ne as PInputPassword,
   Te as PInputSearch,
-  Se as PInputTel,
+  Ie as PInputTel,
   ge as PInputText,
   Ce as PInputTime,
   De as PInputUrl,
-  Le as PLink,
+  ye as PLink,
   Be as PLinkPure,
   we as PLinkSocial,
   He as PLinkTile,
   Re as PLinkTileModelSignature,
   ve as PLinkTileProduct,
-  ze as PMarque,
-  je as PModal,
-  Ae as PModelSignature,
-  Ke as PMultiSelect,
+  je as PMarque,
+  Ke as PModal,
+  qe as PModelSignature,
+  Ee as PMultiSelect,
   Je as PMultiSelectOption,
   Ve as POptgroup,
   Ye as PPagination,
@@ -151,20 +151,20 @@ export {
   xt as PSegmentedControlItem,
   nt as PSelect,
   Tt as PSelectOption,
-  St as PSelectWrapper,
+  It as PSelectWrapper,
   gt as PSheet,
   Ct as PSpinner,
   Dt as PStepperHorizontal,
-  Lt as PStepperHorizontalItem,
+  yt as PStepperHorizontalItem,
   Bt as PSwitch,
   wt as PTable,
   Ht as PTableBody,
   Rt as PTableCell,
   vt as PTableHead,
-  zt as PTableHeadCell,
-  jt as PTableHeadRow,
-  At as PTableRow,
-  Kt as PTabs,
+  jt as PTableHeadCell,
+  Kt as PTableHeadRow,
+  qt as PTableRow,
+  Et as PTabs,
   Jt as PTabsBar,
   Vt as PTabsItem,
   Yt as PTag,
@@ -177,10 +177,11 @@ export {
   mo as PTextareaWrapper,
   Po as PToast,
   io as PWordmark,
-  go as PorscheDesignSystemProvider,
+  bo as PorscheDesignSystemProvider,
   o as componentsReady,
-  Co as createPorscheDesignSystem,
-  co as themeInjectionKey,
-  ko as usePorscheDesignSystemPlugin,
+  ko as createPorscheDesignSystem,
+  co as prefixInjectionKey,
+  Io as themeInjectionKey,
+  Do as usePorscheDesignSystemPlugin,
   So as useToastManager
 };

package/package.json

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