@porsche-design-system/components-angular 2.13.0-rc.2 → 2.13.0-rc.3

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

@@ -44,21 +44,21 @@ function ProxyCmp({ inputs /*, methods*/ }) {
     };
 }
 
-const inputs$D = ['compact', 'heading', 'open', 'size', 'tag', 'theme'];
-const outputs$8 = ['accordionChange'];
+const inputs$F = ['compact', 'heading', 'open', 'size', 'tag', 'theme'];
+const outputs$9 = ['accordionChange'];
 let PAccordion = class PAccordion {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, outputs$8);
+        proxyOutputs(this, outputs$9);
     }
 };
 PAccordion.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PAccordion, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 PAccordion.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PAccordion, selector: "p-accordion,[p-accordion]", inputs: { compact: "compact", heading: "heading", open: "open", size: "size", tag: "tag", theme: "theme" }, outputs: { accordionChange: "accordionChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PAccordion = __decorate([
     ProxyCmp({
-        inputs: inputs$D
+        inputs: inputs$F
     })
 ], PAccordion);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PAccordion, decorators: [{
@@ -67,26 +67,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     selector: 'p-accordion,[p-accordion]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$D,
-                    outputs: outputs$8
+                    inputs: inputs$F,
+                    outputs: outputs$9
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 
-const inputs$C = ['persistent', 'state', 'theme', 'width'];
-const outputs$7 = ['dismiss'];
+const inputs$E = ['persistent', 'state', 'theme', 'width'];
+const outputs$8 = ['dismiss'];
 let PBanner = class PBanner {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, outputs$7);
+        proxyOutputs(this, outputs$8);
     }
 };
 PBanner.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PBanner, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 PBanner.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PBanner, selector: "p-banner,[p-banner]", inputs: { persistent: "persistent", state: "state", theme: "theme", width: "width" }, outputs: { dismiss: "dismiss" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PBanner = __decorate([
     ProxyCmp({
-        inputs: inputs$C
+        inputs: inputs$E
     })
 ], PBanner);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PBanner, decorators: [{
@@ -95,12 +95,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     selector: 'p-banner,[p-banner]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$C,
-                    outputs: outputs$7
+                    inputs: inputs$E,
+                    outputs: outputs$8
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 
-const inputs$B = ['aria', 'disabled', 'hideLabel', 'icon', 'iconSource', 'loading', 'tabbable', 'theme', 'type', 'variant'];
+const inputs$D = ['aria', 'disabled', 'hideLabel', 'icon', 'iconSource', 'loading', 'tabbable', 'theme', 'type', 'variant'];
 let PButton = class PButton {
     constructor(c, r, z) {
         this.z = z;
@@ -112,7 +112,7 @@ PButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1
 PButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PButton, selector: "p-button,[p-button]", inputs: { aria: "aria", disabled: "disabled", hideLabel: "hideLabel", icon: "icon", iconSource: "iconSource", loading: "loading", tabbable: "tabbable", theme: "theme", type: "type", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PButton = __decorate([
     ProxyCmp({
-        inputs: inputs$B
+        inputs: inputs$D
     })
 ], PButton);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PButton, decorators: [{
@@ -121,11 +121,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     selector: 'p-button,[p-button]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$B
+                    inputs: inputs$D
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 
-const inputs$A = ['direction'];
+const inputs$C = ['direction'];
 let PButtonGroup = class PButtonGroup {
     constructor(c, r, z) {
         this.z = z;
@@ -137,7 +137,7 @@ PButtonGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "1
 PButtonGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PButtonGroup, selector: "p-button-group,[p-button-group]", inputs: { direction: "direction" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PButtonGroup = __decorate([
     ProxyCmp({
-        inputs: inputs$A
+        inputs: inputs$C
     })
 ], PButtonGroup);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PButtonGroup, decorators: [{
@@ -146,11 +146,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     selector: 'p-button-group,[p-button-group]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$A
+                    inputs: inputs$C
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 
-const inputs$z = ['active', 'alignLabel', 'aria', 'disabled', 'hideLabel', 'icon', 'iconSource', 'loading', 'size', 'stretch', 'tabbable', 'theme', 'type', 'weight'];
+const inputs$B = ['active', 'alignLabel', 'aria', 'disabled', 'hideLabel', 'icon', 'iconSource', 'loading', 'size', 'stretch', 'tabbable', 'theme', 'type', 'weight'];
 let PButtonPure = class PButtonPure {
     constructor(c, r, z) {
         this.z = z;
@@ -162,7 +162,7 @@ PButtonPure.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13
 PButtonPure.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PButtonPure, selector: "p-button-pure,[p-button-pure]", inputs: { active: "active", alignLabel: "alignLabel", aria: "aria", disabled: "disabled", hideLabel: "hideLabel", icon: "icon", iconSource: "iconSource", loading: "loading", size: "size", stretch: "stretch", tabbable: "tabbable", theme: "theme", type: "type", weight: "weight" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PButtonPure = __decorate([
     ProxyCmp({
-        inputs: inputs$z
+        inputs: inputs$B
     })
 ], PButtonPure);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PButtonPure, decorators: [{
@@ -171,11 +171,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     selector: 'p-button-pure,[p-button-pure]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$z
+                    inputs: inputs$B
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 
-const inputs$y = ['hideLabel', 'label', 'message', 'state'];
+const inputs$A = ['hideLabel', 'label', 'message', 'state'];
 let PCheckboxWrapper = class PCheckboxWrapper {
     constructor(c, r, z) {
         this.z = z;
@@ -187,7 +187,7 @@ PCheckboxWrapper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version
 PCheckboxWrapper.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PCheckboxWrapper, selector: "p-checkbox-wrapper,[p-checkbox-wrapper]", inputs: { hideLabel: "hideLabel", label: "label", message: "message", state: "state" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PCheckboxWrapper = __decorate([
     ProxyCmp({
-        inputs: inputs$y
+        inputs: inputs$A
     })
 ], PCheckboxWrapper);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PCheckboxWrapper, decorators: [{
@@ -196,11 +196,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     selector: 'p-checkbox-wrapper,[p-checkbox-wrapper]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$y
+                    inputs: inputs$A
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 
-const inputs$x = ['backgroundColor', 'theme', 'width'];
+const inputs$z = ['backgroundColor', 'theme', 'width'];
 let PContentWrapper = class PContentWrapper {
     constructor(c, r, z) {
         this.z = z;
@@ -212,7 +212,7 @@ PContentWrapper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version:
 PContentWrapper.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PContentWrapper, selector: "p-content-wrapper,[p-content-wrapper]", inputs: { backgroundColor: "backgroundColor", theme: "theme", width: "width" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PContentWrapper = __decorate([
     ProxyCmp({
-        inputs: inputs$x
+        inputs: inputs$z
     })
 ], PContentWrapper);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PContentWrapper, decorators: [{
@@ -221,11 +221,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     selector: 'p-content-wrapper,[p-content-wrapper]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$x
+                    inputs: inputs$z
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 
-const inputs$w = ['color', 'orientation', 'theme'];
+const inputs$y = ['color', 'orientation', 'theme'];
 let PDivider = class PDivider {
     constructor(c, r, z) {
         this.z = z;
@@ -237,7 +237,7 @@ PDivider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
 PDivider.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PDivider, selector: "p-divider,[p-divider]", inputs: { color: "color", orientation: "orientation", theme: "theme" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PDivider = __decorate([
     ProxyCmp({
-        inputs: inputs$w
+        inputs: inputs$y
     })
 ], PDivider);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PDivider, decorators: [{
@@ -246,11 +246,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     selector: 'p-divider,[p-divider]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$w
+                    inputs: inputs$y
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 
-const inputs$v = ['label', 'labelSize', 'message', 'required', 'state'];
+const inputs$x = ['label', 'labelSize', 'message', 'required', 'state'];
 let PFieldsetWrapper = class PFieldsetWrapper {
     constructor(c, r, z) {
         this.z = z;
@@ -262,7 +262,7 @@ PFieldsetWrapper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version
 PFieldsetWrapper.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PFieldsetWrapper, selector: "p-fieldset-wrapper,[p-fieldset-wrapper]", inputs: { label: "label", labelSize: "labelSize", message: "message", required: "required", state: "state" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PFieldsetWrapper = __decorate([
     ProxyCmp({
-        inputs: inputs$v
+        inputs: inputs$x
     })
 ], PFieldsetWrapper);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PFieldsetWrapper, decorators: [{
@@ -271,11 +271,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     selector: 'p-fieldset-wrapper,[p-fieldset-wrapper]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$v
+                    inputs: inputs$x
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 
-const inputs$u = ['alignContent', 'alignItems', 'direction', 'inline', 'justifyContent', 'wrap'];
+const inputs$w = ['alignContent', 'alignItems', 'direction', 'inline', 'justifyContent', 'wrap'];
 let PFlex = class PFlex {
     constructor(c, r, z) {
         this.z = z;
@@ -287,7 +287,7 @@ PFlex.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11"
 PFlex.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PFlex, selector: "p-flex,[p-flex]", inputs: { alignContent: "alignContent", alignItems: "alignItems", direction: "direction", inline: "inline", justifyContent: "justifyContent", wrap: "wrap" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PFlex = __decorate([
     ProxyCmp({
-        inputs: inputs$u
+        inputs: inputs$w
     })
 ], PFlex);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PFlex, decorators: [{
@@ -296,11 +296,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     selector: 'p-flex,[p-flex]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$u
+                    inputs: inputs$w
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 
-const inputs$t = ['alignSelf', 'flex', 'grow', 'offset', 'shrink', 'width'];
+const inputs$v = ['alignSelf', 'flex', 'grow', 'offset', 'shrink', 'width'];
 let PFlexItem = class PFlexItem {
     constructor(c, r, z) {
         this.z = z;
@@ -312,7 +312,7 @@ PFlexItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3
 PFlexItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PFlexItem, selector: "p-flex-item,[p-flex-item]", inputs: { alignSelf: "alignSelf", flex: "flex", grow: "grow", offset: "offset", shrink: "shrink", width: "width" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PFlexItem = __decorate([
     ProxyCmp({
-        inputs: inputs$t
+        inputs: inputs$v
     })
 ], PFlexItem);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PFlexItem, decorators: [{
@@ -321,11 +321,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     selector: 'p-flex-item,[p-flex-item]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$t
+                    inputs: inputs$v
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 
-const inputs$s = ['direction', 'gutter', 'wrap'];
+const inputs$u = ['direction', 'gutter', 'wrap'];
 let PGrid = class PGrid {
     constructor(c, r, z) {
         this.z = z;
@@ -337,7 +337,7 @@ PGrid.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11"
 PGrid.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PGrid, selector: "p-grid,[p-grid]", inputs: { direction: "direction", gutter: "gutter", wrap: "wrap" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PGrid = __decorate([
     ProxyCmp({
-        inputs: inputs$s
+        inputs: inputs$u
     })
 ], PGrid);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PGrid, decorators: [{
@@ -346,11 +346,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     selector: 'p-grid,[p-grid]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$s
+                    inputs: inputs$u
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 
-const inputs$r = ['offset', 'size'];
+const inputs$t = ['offset', 'size'];
 let PGridItem = class PGridItem {
     constructor(c, r, z) {
         this.z = z;
@@ -362,7 +362,7 @@ PGridItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3
 PGridItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PGridItem, selector: "p-grid-item,[p-grid-item]", inputs: { offset: "offset", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PGridItem = __decorate([
     ProxyCmp({
-        inputs: inputs$r
+        inputs: inputs$t
     })
 ], PGridItem);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PGridItem, decorators: [{
@@ -371,11 +371,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     selector: 'p-grid-item,[p-grid-item]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$r
+                    inputs: inputs$t
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 
-const inputs$q = ['align', 'color', 'ellipsis', 'tag', 'theme', 'variant'];
+const inputs$s = ['align', 'color', 'ellipsis', 'tag', 'theme', 'variant'];
 let PHeadline = class PHeadline {
     constructor(c, r, z) {
         this.z = z;
@@ -387,7 +387,7 @@ PHeadline.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3
 PHeadline.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PHeadline, selector: "p-headline,[p-headline]", inputs: { align: "align", color: "color", ellipsis: "ellipsis", tag: "tag", theme: "theme", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PHeadline = __decorate([
     ProxyCmp({
-        inputs: inputs$q
+        inputs: inputs$s
     })
 ], PHeadline);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PHeadline, decorators: [{
@@ -396,11 +396,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     selector: 'p-headline,[p-headline]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$q
+                    inputs: inputs$s
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 
-const inputs$p = ['aria', 'color', 'lazy', 'name', 'size', 'source', 'theme'];
+const inputs$r = ['aria', 'color', 'lazy', 'name', 'size', 'source', 'theme'];
 let PIcon = class PIcon {
     constructor(c, r, z) {
         this.z = z;
@@ -412,7 +412,7 @@ PIcon.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11"
 PIcon.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PIcon, selector: "p-icon,[p-icon]", inputs: { aria: "aria", color: "color", lazy: "lazy", name: "name", size: "size", source: "source", theme: "theme" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PIcon = __decorate([
     ProxyCmp({
-        inputs: inputs$p
+        inputs: inputs$r
     })
 ], PIcon);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PIcon, decorators: [{
@@ -421,25 +421,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     selector: 'p-icon,[p-icon]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$p
+                    inputs: inputs$r
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 
-const inputs$o = ['actionIcon', 'actionLabel', 'actionLoading', 'description', 'heading', 'persistent', 'state', 'theme'];
-const outputs$6 = ['action', 'dismiss'];
+const inputs$q = ['actionIcon', 'actionLabel', 'actionLoading', 'description', 'heading', 'persistent', 'state', 'theme'];
+const outputs$7 = ['action', 'dismiss'];
 let PInlineNotification = class PInlineNotification {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, outputs$6);
+        proxyOutputs(this, outputs$7);
     }
 };
 PInlineNotification.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PInlineNotification, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 PInlineNotification.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PInlineNotification, selector: "p-inline-notification,[p-inline-notification]", inputs: { actionIcon: "actionIcon", actionLabel: "actionLabel", actionLoading: "actionLoading", description: "description", heading: "heading", persistent: "persistent", state: "state", theme: "theme" }, outputs: { action: "action", dismiss: "dismiss" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PInlineNotification = __decorate([
     ProxyCmp({
-        inputs: inputs$o
+        inputs: inputs$q
     })
 ], PInlineNotification);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PInlineNotification, decorators: [{
@@ -448,12 +448,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     selector: 'p-inline-notification,[p-inline-notification]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$o,
-                    outputs: outputs$6
+                    inputs: inputs$q,
+                    outputs: outputs$7
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 
-const inputs$n = ['aria', 'download', 'hideLabel', 'href', 'icon', 'iconSource', 'rel', 'target', 'theme', 'variant'];
+const inputs$p = ['aria', 'download', 'hideLabel', 'href', 'icon', 'iconSource', 'rel', 'target', 'theme', 'variant'];
 let PLink = class PLink {
     constructor(c, r, z) {
         this.z = z;
@@ -465,7 +465,7 @@ PLink.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11"
 PLink.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PLink, selector: "p-link,[p-link]", inputs: { aria: "aria", download: "download", hideLabel: "hideLabel", href: "href", icon: "icon", iconSource: "iconSource", rel: "rel", target: "target", theme: "theme", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PLink = __decorate([
     ProxyCmp({
-        inputs: inputs$n
+        inputs: inputs$p
     })
 ], PLink);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PLink, decorators: [{
@@ -474,11 +474,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     selector: 'p-link,[p-link]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$n
+                    inputs: inputs$p
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 
-const inputs$m = ['active', 'alignLabel', 'aria', 'download', 'hideLabel', 'href', 'icon', 'iconSource', 'rel', 'size', 'stretch', 'target', 'theme', 'weight'];
+const inputs$o = ['active', 'alignLabel', 'aria', 'download', 'hideLabel', 'href', 'icon', 'iconSource', 'rel', 'size', 'stretch', 'target', 'theme', 'weight'];
 let PLinkPure = class PLinkPure {
     constructor(c, r, z) {
         this.z = z;
@@ -490,7 +490,7 @@ PLinkPure.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3
 PLinkPure.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PLinkPure, selector: "p-link-pure,[p-link-pure]", inputs: { active: "active", alignLabel: "alignLabel", aria: "aria", download: "download", hideLabel: "hideLabel", href: "href", icon: "icon", iconSource: "iconSource", rel: "rel", size: "size", stretch: "stretch", target: "target", theme: "theme", weight: "weight" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PLinkPure = __decorate([
     ProxyCmp({
-        inputs: inputs$m
+        inputs: inputs$o
     })
 ], PLinkPure);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PLinkPure, decorators: [{
@@ -499,11 +499,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     selector: 'p-link-pure,[p-link-pure]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$m
+                    inputs: inputs$o
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 
-const inputs$l = ['hideLabel', 'href', 'icon', 'iconSource', 'rel', 'target', 'theme'];
+const inputs$n = ['hideLabel', 'href', 'icon', 'iconSource', 'rel', 'target', 'theme'];
 let PLinkSocial = class PLinkSocial {
     constructor(c, r, z) {
         this.z = z;
@@ -515,7 +515,7 @@ PLinkSocial.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13
 PLinkSocial.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PLinkSocial, selector: "p-link-social,[p-link-social]", inputs: { hideLabel: "hideLabel", href: "href", icon: "icon", iconSource: "iconSource", rel: "rel", target: "target", theme: "theme" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PLinkSocial = __decorate([
     ProxyCmp({
-        inputs: inputs$l
+        inputs: inputs$n
     })
 ], PLinkSocial);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PLinkSocial, decorators: [{
@@ -524,11 +524,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     selector: 'p-link-social,[p-link-social]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$l
+                    inputs: inputs$n
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 
-const inputs$k = ['aria', 'href', 'size', 'target', 'trademark'];
+const inputs$m = ['aria', 'href', 'size', 'target', 'trademark'];
 let PMarque = class PMarque {
     constructor(c, r, z) {
         this.z = z;
@@ -540,7 +540,7 @@ PMarque.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1
 PMarque.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PMarque, selector: "p-marque,[p-marque]", inputs: { aria: "aria", href: "href", size: "size", target: "target", trademark: "trademark" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PMarque = __decorate([
     ProxyCmp({
-        inputs: inputs$k
+        inputs: inputs$m
     })
 ], PMarque);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PMarque, decorators: [{
@@ -549,25 +549,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     selector: 'p-marque,[p-marque]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$k
+                    inputs: inputs$m
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 
-const inputs$j = ['aria', 'disableBackdropClick', 'disableCloseButton', 'fullscreen', 'heading', 'open'];
-const outputs$5 = ['close'];
+const inputs$l = ['aria', 'disableBackdropClick', 'disableCloseButton', 'fullscreen', 'heading', 'open'];
+const outputs$6 = ['close'];
 let PModal = class PModal {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, outputs$5);
+        proxyOutputs(this, outputs$6);
     }
 };
 PModal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PModal, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 PModal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PModal, selector: "p-modal,[p-modal]", inputs: { aria: "aria", disableBackdropClick: "disableBackdropClick", disableCloseButton: "disableCloseButton", fullscreen: "fullscreen", heading: "heading", open: "open" }, outputs: { close: "close" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PModal = __decorate([
     ProxyCmp({
-        inputs: inputs$j
+        inputs: inputs$l
     })
 ], PModal);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PModal, decorators: [{
@@ -576,26 +576,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     selector: 'p-modal,[p-modal]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$j,
-                    outputs: outputs$5
+                    inputs: inputs$l,
+                    outputs: outputs$6
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 
-const inputs$i = ['activePage', 'allyLabel', 'allyLabelNext', 'allyLabelPage', 'allyLabelPrev', 'itemsPerPage', 'maxNumberOfPageLinks', 'theme', 'totalItemsCount'];
-const outputs$4 = ['pageChange'];
+const inputs$k = ['activePage', 'allyLabel', 'allyLabelNext', 'allyLabelPage', 'allyLabelPrev', 'itemsPerPage', 'maxNumberOfPageLinks', 'theme', 'totalItemsCount'];
+const outputs$5 = ['pageChange'];
 let PPagination = class PPagination {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, outputs$4);
+        proxyOutputs(this, outputs$5);
     }
 };
 PPagination.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PPagination, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 PPagination.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PPagination, selector: "p-pagination,[p-pagination]", inputs: { activePage: "activePage", allyLabel: "allyLabel", allyLabelNext: "allyLabelNext", allyLabelPage: "allyLabelPage", allyLabelPrev: "allyLabelPrev", itemsPerPage: "itemsPerPage", maxNumberOfPageLinks: "maxNumberOfPageLinks", theme: "theme", totalItemsCount: "totalItemsCount" }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PPagination = __decorate([
     ProxyCmp({
-        inputs: inputs$i
+        inputs: inputs$k
     })
 ], PPagination);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PPagination, decorators: [{
@@ -604,12 +604,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     selector: 'p-pagination,[p-pagination]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$i,
-                    outputs: outputs$4
+                    inputs: inputs$k,
+                    outputs: outputs$5
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 
-const inputs$h = ['aria', 'description', 'direction'];
+const inputs$j = ['aria', 'description', 'direction'];
 let PPopover = class PPopover {
     constructor(c, r, z) {
         this.z = z;
@@ -621,7 +621,7 @@ PPopover.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
 PPopover.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PPopover, selector: "p-popover,[p-popover]", inputs: { aria: "aria", description: "description", direction: "direction" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PPopover = __decorate([
     ProxyCmp({
-        inputs: inputs$h
+        inputs: inputs$j
     })
 ], PPopover);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PPopover, decorators: [{
@@ -630,11 +630,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     selector: 'p-popover,[p-popover]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$h
+                    inputs: inputs$j
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 
-const inputs$g = ['hideLabel', 'label', 'message', 'state'];
+const inputs$i = ['hideLabel', 'label', 'message', 'state'];
 let PRadioButtonWrapper = class PRadioButtonWrapper {
     constructor(c, r, z) {
         this.z = z;
@@ -646,7 +646,7 @@ PRadioButtonWrapper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", vers
 PRadioButtonWrapper.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PRadioButtonWrapper, selector: "p-radio-button-wrapper,[p-radio-button-wrapper]", inputs: { hideLabel: "hideLabel", label: "label", message: "message", state: "state" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PRadioButtonWrapper = __decorate([
     ProxyCmp({
-        inputs: inputs$g
+        inputs: inputs$i
     })
 ], PRadioButtonWrapper);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PRadioButtonWrapper, decorators: [{
@@ -655,6 +655,59 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     selector: 'p-radio-button-wrapper,[p-radio-button-wrapper]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
+                    inputs: inputs$i
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+
+const inputs$h = ['backgroundColor', 'theme', 'value'];
+const outputs$4 = ['segmentedControlChange'];
+let PSegmentedControl = class PSegmentedControl {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, outputs$4);
+    }
+};
+PSegmentedControl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PSegmentedControl, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PSegmentedControl.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PSegmentedControl, selector: "p-segmented-control,[p-segmented-control]", inputs: { backgroundColor: "backgroundColor", theme: "theme", value: "value" }, outputs: { segmentedControlChange: "segmentedControlChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PSegmentedControl = __decorate([
+    ProxyCmp({
+        inputs: inputs$h
+    })
+], PSegmentedControl);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PSegmentedControl, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-segmented-control,[p-segmented-control]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: inputs$h,
+                    outputs: outputs$4
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+
+const inputs$g = ['disabled', 'icon', 'iconSource', 'label', 'value'];
+let PSegmentedControlItem = class PSegmentedControlItem {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PSegmentedControlItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PSegmentedControlItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PSegmentedControlItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PSegmentedControlItem, selector: "p-segmented-control-item,[p-segmented-control-item]", inputs: { disabled: "disabled", icon: "icon", iconSource: "iconSource", label: "label", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PSegmentedControlItem = __decorate([
+    ProxyCmp({
+        inputs: inputs$g
+    })
+], PSegmentedControlItem);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PSegmentedControlItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-segmented-control-item,[p-segmented-control-item]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
                     inputs: inputs$g
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
@@ -1201,6 +1254,8 @@ const DECLARATIONS = [
     PPagination,
     PPopover,
     PRadioButtonWrapper,
+    PSegmentedControl,
+    PSegmentedControlItem,
     PSelectWrapper,
     PSpinner,
     PSwitch,
@@ -1251,7 +1306,7 @@ class PorscheDesignSystemModule {
     }
 }
 PorscheDesignSystemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PorscheDesignSystemModule, deps: [{ token: DefaultConfig, optional: true }], target: i0.ɵɵFactoryTarget.NgModule });
-PorscheDesignSystemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PorscheDesignSystemModule, declarations: [PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PCheckboxWrapper, PContentWrapper, PDivider, PFieldsetWrapper, PFlex, PFlexItem, PGrid, PGridItem, PHeadline, PIcon, PInlineNotification, PLink, PLinkPure, PLinkSocial, PMarque, PModal, PPagination, PPopover, PRadioButtonWrapper, PSelectWrapper, PSpinner, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextFieldWrapper, PTextList, PTextListItem, PTextareaWrapper, PToast], exports: [PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PCheckboxWrapper, PContentWrapper, PDivider, PFieldsetWrapper, PFlex, PFlexItem, PGrid, PGridItem, PHeadline, PIcon, PInlineNotification, PLink, PLinkPure, PLinkSocial, PMarque, PModal, PPagination, PPopover, PRadioButtonWrapper, PSelectWrapper, PSpinner, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextFieldWrapper, PTextList, PTextListItem, PTextareaWrapper, PToast] });
+PorscheDesignSystemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PorscheDesignSystemModule, declarations: [PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PCheckboxWrapper, PContentWrapper, PDivider, PFieldsetWrapper, PFlex, PFlexItem, PGrid, PGridItem, PHeadline, PIcon, PInlineNotification, PLink, PLinkPure, PLinkSocial, PMarque, PModal, PPagination, PPopover, PRadioButtonWrapper, PSegmentedControl, PSegmentedControlItem, PSelectWrapper, PSpinner, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextFieldWrapper, PTextList, PTextListItem, PTextareaWrapper, PToast], exports: [PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PCheckboxWrapper, PContentWrapper, PDivider, PFieldsetWrapper, PFlex, PFlexItem, PGrid, PGridItem, PHeadline, PIcon, PInlineNotification, PLink, PLinkPure, PLinkSocial, PMarque, PModal, PPagination, PPopover, PRadioButtonWrapper, PSegmentedControl, PSegmentedControlItem, PSelectWrapper, PSpinner, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextFieldWrapper, PTextList, PTextListItem, PTextareaWrapper, PToast] });
 PorscheDesignSystemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PorscheDesignSystemModule, providers: [{ provide: USES_SKELETONS, useValue: usesSkeletons() }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PorscheDesignSystemModule, decorators: [{
             type: NgModule,
@@ -1283,5 +1338,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { DECLARATIONS, PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PCheckboxWrapper, PContentWrapper, PDivider, PFieldsetWrapper, PFlex, PFlexItem, PGrid, PGridItem, PHeadline, PIcon, PInlineNotification, PLink, PLinkPure, PLinkSocial, PMarque, PModal, PPagination, PPopover, PRadioButtonWrapper, PSelectWrapper, PSpinner, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextFieldWrapper, PTextList, PTextListItem, PTextareaWrapper, PToast, PorscheDesignSystemModule, ToastManager };
+export { DECLARATIONS, PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PCheckboxWrapper, PContentWrapper, PDivider, PFieldsetWrapper, PFlex, PFlexItem, PGrid, PGridItem, PHeadline, PIcon, PInlineNotification, PLink, PLinkPure, PLinkSocial, PMarque, PModal, PPagination, PPopover, PRadioButtonWrapper, PSegmentedControl, PSegmentedControlItem, PSelectWrapper, PSpinner, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextFieldWrapper, PTextList, PTextListItem, PTextareaWrapper, PToast, PorscheDesignSystemModule, ToastManager };
 //# sourceMappingURL=porsche-design-system-components-angular.mjs.map