@porsche-design-system/components-angular 3.29.0-rc.3 → 3.29.0-rc.5

package/CHANGELOG.md

@@ -14,6 +14,42 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
 
 ## [Unreleased]
 
+## [3.29.0-rc.5] - 2025-08-19
+
+### Changed
+
+- `Checkbox`, `Multi Select`, `Select`, `Pin Code`, `Textarea`: removed slotted anchor styles
+  ([#3981](https://github.com/porsche-design-system/porsche-design-system/pull/3981))
+
+### Fixed
+
+- `Popover`: support for custom slotted button & improvements
+  ([#3976](https://github.com/porsche-design-system/porsche-design-system/pull/3976))
+
+## [3.29.0-rc.4] - 2025-08-15
+
+### Added
+
+- `Flag`: ([#3964](https://github.com/porsche-design-system/porsche-design-system/pull/3964))
+- `Input Url`: ([#3949](https://github.com/porsche-design-system/porsche-design-system/pull/3949))
+- `Multi Select`: `compact` prop to enable a smaller, space-saving version for compact layouts
+  ([#3953](https://github.com/porsche-design-system/porsche-design-system/pull/3953))
+- `Fieldset`: ARIA role `radiogroup` is now supported via `aria` prop. Internal ARIA attributes for `aria-invalid` and
+  `aria-required`. ([#3957](https://github.com/porsche-design-system/porsche-design-system/pull/3957))
+- `Input Date`, `Input Time`: ([#3954](https://github.com/porsche-design-system/porsche-design-system/pull/3954))
+
+### Changed
+
+- `Multi Select`, `Select`: `background` is now transparent to be aligned with other form fields
+  ([#3953](https://github.com/porsche-design-system/porsche-design-system/pull/3953))
+- `Multi Select`, `Select`: improved a11y and highlight of options
+  ([#3953](https://github.com/porsche-design-system/porsche-design-system/pull/3953))
+- `Multi Select`: aligned filter and keyboard behavior with `Select`
+  ([#3943](https://github.com/porsche-design-system/porsche-design-system/pull/3943))
+- `Scroller`: Deprecation of prop `gradientColor` because gradient is now managed internally and adapts to all themes
+  and background colors automatically.
+  ([#3962](https://github.com/porsche-design-system/porsche-design-system/pull/3962))
+
 ## [3.29.0-rc.3] - 2025-07-29
 
 ### Fixed
@@ -38,6 +74,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
 - `Input Text`: `counter` prop functions independently of `max-length`, allowing character count display even when no
   limit is set ([#3901](https://github.com/porsche-design-system/porsche-design-system/pull/3901))
 - `Input Email`: ([#3927](https://github.com/porsche-design-system/porsche-design-system/pull/3927))
+- `Input Tel`: ([#3928](https://github.com/porsche-design-system/porsche-design-system/pull/3928))
 
 ### Changed
 

package/fesm2022/porsche-design-system-components-angular.mjs

@@ -293,6 +293,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
                 }]
         }] });
 
+/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-checkbox` instead. */
 class PCheckboxWrapper extends BaseComponentWithTheme {
     hideLabel;
     label;
@@ -450,6 +451,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
         }] });
 
 class PFieldset extends BaseComponentWithTheme {
+    aria;
     label;
     labelSize;
     message;
@@ -457,19 +459,19 @@ class PFieldset extends BaseComponentWithTheme {
     state;
     theme;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PFieldset, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: PFieldset, isStandalone: false, selector: "p-fieldset,[p-fieldset]", inputs: { label: "label", labelSize: "labelSize", message: "message", required: "required", state: "state", theme: "theme" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: PFieldset, isStandalone: false, selector: "p-fieldset,[p-fieldset]", inputs: { aria: "aria", label: "label", labelSize: "labelSize", message: "message", required: "required", state: "state", theme: "theme" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PFieldset, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-fieldset,[p-fieldset]',
                     template: '<ng-content />',
-                    inputs: ['label', 'labelSize', 'message', 'required', 'state', 'theme'],
+                    inputs: ['aria', 'label', 'labelSize', 'message', 'required', 'state', 'theme'],
                     standalone: false
                 }]
         }] });
 
-/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-fieldset" instead. */
+/** @deprecated since v3.0.0, will be removed with next major release. Please use `p-fieldset` instead. */
 class PFieldsetWrapper extends BaseComponentWithTheme {
     label;
     labelSize;
@@ -490,6 +492,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
                 }]
         }] });
 
+class PFlag extends BaseComponent {
+    aria;
+    name;
+    size;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PFlag, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: PFlag, isStandalone: false, selector: "p-flag,[p-flag]", inputs: { aria: "aria", name: "name", size: "size" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PFlag, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-flag,[p-flag]',
+                    template: '<ng-content />',
+                    inputs: ['aria', 'name', 'size'],
+                    standalone: false
+                }]
+        }] });
+
 /** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Flex instead. */
 class PFlex extends BaseComponent {
     alignContent;
@@ -683,6 +702,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
                 }]
         }] });
 
+class PInputDate extends BaseComponentWithTheme {
+    autoComplete;
+    compact;
+    description;
+    disabled;
+    form;
+    hideLabel;
+    label;
+    loading;
+    max;
+    message;
+    min;
+    name;
+    readOnly;
+    required;
+    state;
+    step;
+    theme;
+    value;
+    blur = new EventEmitter();
+    change = new EventEmitter();
+    input = new EventEmitter();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PInputDate, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: PInputDate, isStandalone: false, selector: "p-input-date,[p-input-date]", inputs: { autoComplete: "autoComplete", compact: "compact", description: "description", disabled: "disabled", form: "form", hideLabel: "hideLabel", label: "label", loading: "loading", max: "max", message: "message", min: "min", name: "name", readOnly: "readOnly", required: "required", state: "state", step: "step", theme: "theme", value: "value" }, outputs: { blur: "blur", change: "change", input: "input" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PInputDate, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-input-date,[p-input-date]',
+                    template: '<ng-content />',
+                    inputs: ['autoComplete', 'compact', 'description', 'disabled', 'form', 'hideLabel', 'label', 'loading', 'max', 'message', 'min', 'name', 'readOnly', 'required', 'state', 'step', 'theme', 'value'],
+                    outputs: ['blur', 'change', 'input'],
+                    standalone: false
+                }]
+        }] });
+
 class PInputEmail extends BaseComponentWithTheme {
     autoComplete;
     compact;
@@ -833,6 +888,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
                 }]
         }] });
 
+class PInputTel extends BaseComponentWithTheme {
+    autoComplete;
+    compact;
+    description;
+    disabled;
+    form;
+    hideLabel;
+    indicator;
+    label;
+    loading;
+    maxLength;
+    message;
+    minLength;
+    name;
+    pattern;
+    placeholder;
+    readOnly;
+    required;
+    state;
+    theme;
+    value;
+    blur = new EventEmitter();
+    change = new EventEmitter();
+    input = new EventEmitter();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PInputTel, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: PInputTel, isStandalone: false, selector: "p-input-tel,[p-input-tel]", inputs: { autoComplete: "autoComplete", compact: "compact", description: "description", disabled: "disabled", form: "form", hideLabel: "hideLabel", indicator: "indicator", label: "label", loading: "loading", maxLength: "maxLength", message: "message", minLength: "minLength", name: "name", pattern: "pattern", placeholder: "placeholder", readOnly: "readOnly", required: "required", state: "state", theme: "theme", value: "value" }, outputs: { blur: "blur", change: "change", input: "input" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PInputTel, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-input-tel,[p-input-tel]',
+                    template: '<ng-content />',
+                    inputs: ['autoComplete', 'compact', 'description', 'disabled', 'form', 'hideLabel', 'indicator', 'label', 'loading', 'maxLength', 'message', 'minLength', 'name', 'pattern', 'placeholder', 'readOnly', 'required', 'state', 'theme', 'value'],
+                    outputs: ['blur', 'change', 'input'],
+                    standalone: false
+                }]
+        }] });
+
 class PInputText extends BaseComponentWithTheme {
     autoComplete;
     compact;
@@ -871,6 +964,80 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
                 }]
         }] });
 
+class PInputTime extends BaseComponentWithTheme {
+    autoComplete;
+    compact;
+    description;
+    disabled;
+    form;
+    hideLabel;
+    label;
+    loading;
+    max;
+    message;
+    min;
+    name;
+    readOnly;
+    required;
+    state;
+    step;
+    theme;
+    value;
+    blur = new EventEmitter();
+    change = new EventEmitter();
+    input = new EventEmitter();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PInputTime, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: PInputTime, isStandalone: false, selector: "p-input-time,[p-input-time]", inputs: { autoComplete: "autoComplete", compact: "compact", description: "description", disabled: "disabled", form: "form", hideLabel: "hideLabel", label: "label", loading: "loading", max: "max", message: "message", min: "min", name: "name", readOnly: "readOnly", required: "required", state: "state", step: "step", theme: "theme", value: "value" }, outputs: { blur: "blur", change: "change", input: "input" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PInputTime, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-input-time,[p-input-time]',
+                    template: '<ng-content />',
+                    inputs: ['autoComplete', 'compact', 'description', 'disabled', 'form', 'hideLabel', 'label', 'loading', 'max', 'message', 'min', 'name', 'readOnly', 'required', 'state', 'step', 'theme', 'value'],
+                    outputs: ['blur', 'change', 'input'],
+                    standalone: false
+                }]
+        }] });
+
+class PInputUrl extends BaseComponentWithTheme {
+    autoComplete;
+    compact;
+    description;
+    disabled;
+    form;
+    hideLabel;
+    indicator;
+    label;
+    loading;
+    maxLength;
+    message;
+    minLength;
+    name;
+    pattern;
+    placeholder;
+    readOnly;
+    required;
+    state;
+    theme;
+    value;
+    blur = new EventEmitter();
+    change = new EventEmitter();
+    input = new EventEmitter();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PInputUrl, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: PInputUrl, isStandalone: false, selector: "p-input-url,[p-input-url]", inputs: { autoComplete: "autoComplete", compact: "compact", description: "description", disabled: "disabled", form: "form", hideLabel: "hideLabel", indicator: "indicator", label: "label", loading: "loading", maxLength: "maxLength", message: "message", minLength: "minLength", name: "name", pattern: "pattern", placeholder: "placeholder", readOnly: "readOnly", required: "required", state: "state", theme: "theme", value: "value" }, outputs: { blur: "blur", change: "change", input: "input" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PInputUrl, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-input-url,[p-input-url]',
+                    template: '<ng-content />',
+                    inputs: ['autoComplete', 'compact', 'description', 'disabled', 'form', 'hideLabel', 'indicator', 'label', 'loading', 'maxLength', 'message', 'minLength', 'name', 'pattern', 'placeholder', 'readOnly', 'required', 'state', 'theme', 'value'],
+                    outputs: ['blur', 'change', 'input'],
+                    standalone: false
+                }]
+        }] });
+
 class PLink extends BaseComponentWithTheme {
     aria;
     compact;
@@ -1099,6 +1266,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
         }] });
 
 class PMultiSelect extends BaseComponentWithTheme {
+    compact;
     description;
     disabled;
     dropdownDirection;
@@ -1113,14 +1281,14 @@ class PMultiSelect extends BaseComponentWithTheme {
     value;
     update = new EventEmitter();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PMultiSelect, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: PMultiSelect, isStandalone: false, selector: "p-multi-select,[p-multi-select]", inputs: { description: "description", disabled: "disabled", dropdownDirection: "dropdownDirection", form: "form", hideLabel: "hideLabel", label: "label", message: "message", name: "name", required: "required", state: "state", theme: "theme", value: "value" }, outputs: { update: "update" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: PMultiSelect, isStandalone: false, selector: "p-multi-select,[p-multi-select]", inputs: { compact: "compact", description: "description", disabled: "disabled", dropdownDirection: "dropdownDirection", form: "form", hideLabel: "hideLabel", label: "label", message: "message", name: "name", required: "required", state: "state", theme: "theme", value: "value" }, outputs: { update: "update" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PMultiSelect, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-multi-select,[p-multi-select]',
                     template: '<ng-content />',
-                    inputs: ['description', 'disabled', 'dropdownDirection', 'form', 'hideLabel', 'label', 'message', 'name', 'required', 'state', 'theme', 'value'],
+                    inputs: ['compact', 'description', 'disabled', 'dropdownDirection', 'form', 'hideLabel', 'label', 'message', 'name', 'required', 'state', 'theme', 'value'],
                     outputs: ['update'],
                     standalone: false
                 }]
@@ -1226,19 +1394,16 @@ class PPopover extends BaseComponentWithTheme {
     aria;
     description;
     direction;
-    open;
     theme;
-    dismiss = new EventEmitter();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PPopover, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: PPopover, isStandalone: false, selector: "p-popover,[p-popover]", inputs: { aria: "aria", description: "description", direction: "direction", open: "open", theme: "theme" }, outputs: { dismiss: "dismiss" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: PPopover, isStandalone: false, selector: "p-popover,[p-popover]", inputs: { aria: "aria", description: "description", direction: "direction", theme: "theme" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PPopover, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-popover,[p-popover]',
                     template: '<ng-content />',
-                    inputs: ['aria', 'description', 'direction', 'open', 'theme'],
-                    outputs: ['dismiss'],
+                    inputs: ['aria', 'description', 'direction', 'theme'],
                     standalone: false
                 }]
         }] });
@@ -1266,6 +1431,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
 class PScroller extends BaseComponentWithTheme {
     alignScrollIndicator;
     aria;
+    /** @deprecated */
     gradientColor;
     /** @deprecated */
     gradientColorScheme;
@@ -1379,6 +1545,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
                 }]
         }] });
 
+/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-select` instead. */
 class PSelectWrapper extends BaseComponentWithTheme {
     description;
     dropdownDirection;
@@ -1612,6 +1779,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
 
 class PTabs extends BaseComponentWithTheme {
     activeTabIndex;
+    /** @deprecated */
     gradientColor;
     /** @deprecated */
     gradientColorScheme;
@@ -1637,6 +1805,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
 
 class PTabsBar extends BaseComponentWithTheme {
     activeTabIndex;
+    /** @deprecated */
     gradientColor;
     /** @deprecated */
     gradientColorScheme;
@@ -1733,6 +1902,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
                 }]
         }] });
 
+/** @deprecated since v3.29.0, will be removed with next major release. Please use one of the specific input components instead: `p-input-date`, `p-input-email`, `p-input-number`, `p-input-password`, `p-input-search`, `p-input-tel`, `p-input-text`, `p-input-time` or `p-input-url`. */
 class PTextFieldWrapper extends BaseComponentWithTheme {
     actionIcon;
     actionLoading;
@@ -1836,6 +2006,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
                 }]
         }] });
 
+/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-textarea` instead. */
 class PTextareaWrapper extends BaseComponentWithTheme {
     description;
     hideLabel;
@@ -1913,6 +2084,7 @@ const DECLARATIONS = [
     PDrilldownLink,
     PFieldset,
     PFieldsetWrapper,
+    PFlag,
     PFlex,
     PFlexItem,
     PFlyout,
@@ -1922,11 +2094,15 @@ const DECLARATIONS = [
     PHeadline,
     PIcon,
     PInlineNotification,
+    PInputDate,
     PInputEmail,
     PInputNumber,
     PInputPassword,
     PInputSearch,
+    PInputTel,
     PInputText,
+    PInputTime,
+    PInputUrl,
     PLink,
     PLinkPure,
     PLinkSocial,
@@ -2001,7 +2177,7 @@ class PorscheDesignSystemModule {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PorscheDesignSystemModule, deps: [{ token: DefaultConfig, optional: true }], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: PorscheDesignSystemModule, declarations: [PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PButtonTile, PCanvas, PCarousel, PCheckbox, PCheckboxWrapper, PContentWrapper, PCrest, PDisplay, PDivider, PDrilldown, PDrilldownItem, PDrilldownLink, PFieldset, PFieldsetWrapper, PFlex, PFlexItem, PFlyout, PGrid, PGridItem, PHeading, PHeadline, PIcon, PInlineNotification, PInputEmail, PInputNumber, PInputPassword, PInputSearch, PInputText, PLink, PLinkPure, PLinkSocial, PLinkTile, PLinkTileModelSignature, PLinkTileProduct, PMarque, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, POptgroup, PPagination, PPinCode, PPopover, PRadioButtonWrapper, PScroller, PSegmentedControl, PSegmentedControlItem, PSelect, PSelectOption, PSelectWrapper, PSheet, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextFieldWrapper, PTextList, PTextListItem, PTextarea, PTextareaWrapper, PToast, PWordmark], exports: [PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PButtonTile, PCanvas, PCarousel, PCheckbox, PCheckboxWrapper, PContentWrapper, PCrest, PDisplay, PDivider, PDrilldown, PDrilldownItem, PDrilldownLink, PFieldset, PFieldsetWrapper, PFlex, PFlexItem, PFlyout, PGrid, PGridItem, PHeading, PHeadline, PIcon, PInlineNotification, PInputEmail, PInputNumber, PInputPassword, PInputSearch, PInputText, PLink, PLinkPure, PLinkSocial, PLinkTile, PLinkTileModelSignature, PLinkTileProduct, PMarque, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, POptgroup, PPagination, PPinCode, PPopover, PRadioButtonWrapper, PScroller, PSegmentedControl, PSegmentedControlItem, PSelect, PSelectOption, PSelectWrapper, PSheet, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextFieldWrapper, PTextList, PTextListItem, PTextarea, PTextareaWrapper, PToast, PWordmark] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: PorscheDesignSystemModule, declarations: [PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PButtonTile, PCanvas, PCarousel, PCheckbox, PCheckboxWrapper, PContentWrapper, PCrest, PDisplay, PDivider, PDrilldown, PDrilldownItem, PDrilldownLink, PFieldset, PFieldsetWrapper, PFlag, PFlex, PFlexItem, PFlyout, PGrid, PGridItem, PHeading, PHeadline, PIcon, PInlineNotification, PInputDate, PInputEmail, PInputNumber, PInputPassword, PInputSearch, PInputTel, PInputText, PInputTime, PInputUrl, PLink, PLinkPure, PLinkSocial, PLinkTile, PLinkTileModelSignature, PLinkTileProduct, PMarque, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, POptgroup, PPagination, PPinCode, PPopover, PRadioButtonWrapper, PScroller, PSegmentedControl, PSegmentedControlItem, PSelect, PSelectOption, PSelectWrapper, PSheet, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextFieldWrapper, PTextList, PTextListItem, PTextarea, PTextareaWrapper, PToast, PWordmark], exports: [PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PButtonTile, PCanvas, PCarousel, PCheckbox, PCheckboxWrapper, PContentWrapper, PCrest, PDisplay, PDivider, PDrilldown, PDrilldownItem, PDrilldownLink, PFieldset, PFieldsetWrapper, PFlag, PFlex, PFlexItem, PFlyout, PGrid, PGridItem, PHeading, PHeadline, PIcon, PInlineNotification, PInputDate, PInputEmail, PInputNumber, PInputPassword, PInputSearch, PInputTel, PInputText, PInputTime, PInputUrl, PLink, PLinkPure, PLinkSocial, PLinkTile, PLinkTileModelSignature, PLinkTileProduct, PMarque, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, POptgroup, PPagination, PPinCode, PPopover, PRadioButtonWrapper, PScroller, PSegmentedControl, PSegmentedControlItem, PSelect, PSelectOption, PSelectWrapper, PSheet, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextFieldWrapper, PTextList, PTextListItem, PTextarea, PTextareaWrapper, PToast, PWordmark] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PorscheDesignSystemModule, providers: [
             {
                 provide: THEME_TOKEN,
@@ -2044,5 +2220,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { DECLARATIONS, PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PButtonTile, PCanvas, PCarousel, PCheckbox, PCheckboxWrapper, PContentWrapper, PCrest, PDisplay, PDivider, PDrilldown, PDrilldownItem, PDrilldownLink, PFieldset, PFieldsetWrapper, PFlex, PFlexItem, PFlyout, PGrid, PGridItem, PHeading, PHeadline, PIcon, PInlineNotification, PInputEmail, PInputNumber, PInputPassword, PInputSearch, PInputText, PLink, PLinkPure, PLinkSocial, PLinkTile, PLinkTileModelSignature, PLinkTileProduct, PMarque, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, POptgroup, PPagination, PPinCode, PPopover, PRadioButtonWrapper, PScroller, PSegmentedControl, PSegmentedControlItem, PSelect, PSelectOption, PSelectWrapper, PSheet, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextFieldWrapper, PTextList, PTextListItem, PTextarea, PTextareaWrapper, PToast, PWordmark, PorscheDesignSystemModule, THEME_TOKEN, ToastManager };
+export { DECLARATIONS, PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PButtonTile, PCanvas, PCarousel, PCheckbox, PCheckboxWrapper, PContentWrapper, PCrest, PDisplay, PDivider, PDrilldown, PDrilldownItem, PDrilldownLink, PFieldset, PFieldsetWrapper, PFlag, PFlex, PFlexItem, PFlyout, PGrid, PGridItem, PHeading, PHeadline, PIcon, PInlineNotification, PInputDate, PInputEmail, PInputNumber, PInputPassword, PInputSearch, PInputTel, PInputText, PInputTime, PInputUrl, PLink, PLinkPure, PLinkSocial, PLinkTile, PLinkTileModelSignature, PLinkTileProduct, PMarque, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, POptgroup, PPagination, PPinCode, PPopover, PRadioButtonWrapper, PScroller, PSegmentedControl, PSegmentedControlItem, PSelect, PSelectOption, PSelectWrapper, PSheet, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextFieldWrapper, PTextList, PTextListItem, PTextarea, PTextareaWrapper, PToast, PWordmark, PorscheDesignSystemModule, THEME_TOKEN, ToastManager };
 //# sourceMappingURL=porsche-design-system-components-angular.mjs.map