npm - @porsche-design-system/components-angular - Versions diffs - 3.0.0-alpha.2 → 3.0.0-alpha.4 - Mend

@porsche-design-system/components-angular 3.0.0-alpha.2 → 3.0.0-alpha.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (90) hide show

package/fesm2015/porsche-design-system-components-angular.mjs CHANGED Viewed

@@ -43,7 +43,7 @@ function ProxyCmp({ inputs /*, methods*/ }) {
     };
 }
-var __decorate$S = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$V = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -53,8 +53,8 @@ var __decorate$S = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$N = ['compact', 'heading', 'open', 'size', 'tag', 'theme'];
-const outputs$c = ['accordionChange'];
+const inputs$Q = ['compact', 'heading', 'open', 'size', 'tag', 'theme'];
+const outputs$c = ['accordionChange', 'change'];
 let PAccordion = class PAccordion {
     constructor(c, r, z) {
         this.z = z;
@@ -64,10 +64,10 @@ let PAccordion = class PAccordion {
     }
 };
 PAccordion.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", 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.12", 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$S([
+PAccordion.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PAccordion, selector: "p-accordion,[p-accordion]", inputs: { compact: "compact", heading: "heading", open: "open", size: "size", tag: "tag", theme: "theme" }, outputs: { accordionChange: "accordionChange", change: "change" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PAccordion = __decorate$V([
     ProxyCmp({
-        inputs: inputs$N
+        inputs: inputs$Q
     })
 ], PAccordion);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PAccordion, decorators: [{
@@ -76,12 +76,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'p-accordion,[p-accordion]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$N,
+                    inputs: inputs$Q,
                     outputs: outputs$c
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-var __decorate$R = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$U = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -91,7 +91,7 @@ var __decorate$R = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$M = ['persistent', 'state', 'theme', 'width'];
+const inputs$P = ['description', 'heading', 'persistent', 'state', 'theme', 'width'];
 const outputs$b = ['dismiss'];
 let PBanner = class PBanner {
     constructor(c, r, z) {
@@ -102,10 +102,10 @@ let PBanner = class PBanner {
     }
 };
 PBanner.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", 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.12", 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$R([
+PBanner.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PBanner, selector: "p-banner,[p-banner]", inputs: { description: "description", heading: "heading", 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$U([
     ProxyCmp({
-        inputs: inputs$M
+        inputs: inputs$P
     })
 ], PBanner);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PBanner, decorators: [{
@@ -114,12 +114,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'p-banner,[p-banner]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$M,
+                    inputs: inputs$P,
                     outputs: outputs$b
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-var __decorate$Q = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$T = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -129,7 +129,7 @@ var __decorate$Q = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$L = ['aria', 'disabled', 'hideLabel', 'icon', 'iconSource', 'loading', 'theme', 'type', 'variant'];
+const inputs$O = ['aria', 'disabled', 'hideLabel', 'icon', 'iconSource', 'loading', 'theme', 'type', 'variant'];
 let PButton = class PButton {
     constructor(c, r, z) {
         this.z = z;
@@ -139,9 +139,9 @@ let PButton = class PButton {
 };
 PButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 PButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PButton, selector: "p-button,[p-button]", inputs: { aria: "aria", disabled: "disabled", hideLabel: "hideLabel", icon: "icon", iconSource: "iconSource", loading: "loading", theme: "theme", type: "type", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-PButton = __decorate$Q([
+PButton = __decorate$T([
     ProxyCmp({
-        inputs: inputs$L
+        inputs: inputs$O
     })
 ], PButton);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PButton, decorators: [{
@@ -150,11 +150,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'p-button,[p-button]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$L
+                    inputs: inputs$O
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-var __decorate$P = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$S = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -164,7 +164,7 @@ var __decorate$P = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$K = ['direction'];
+const inputs$N = ['direction'];
 let PButtonGroup = class PButtonGroup {
     constructor(c, r, z) {
         this.z = z;
@@ -174,9 +174,9 @@ let PButtonGroup = class PButtonGroup {
 };
 PButtonGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PButtonGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 PButtonGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", 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$P([
+PButtonGroup = __decorate$S([
     ProxyCmp({
-        inputs: inputs$K
+        inputs: inputs$N
     })
 ], PButtonGroup);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PButtonGroup, decorators: [{
@@ -185,11 +185,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'p-button-group,[p-button-group]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$K
+                    inputs: inputs$N
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-var __decorate$O = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$R = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -199,7 +199,7 @@ var __decorate$O = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$J = ['active', 'alignLabel', 'aria', 'disabled', 'hideLabel', 'icon', 'iconSource', 'loading', 'size', 'stretch', 'theme', 'type', 'weight'];
+const inputs$M = ['active', 'alignLabel', 'aria', 'disabled', 'hideLabel', 'icon', 'iconSource', 'loading', 'size', 'stretch', 'theme', 'type', 'weight'];
 let PButtonPure = class PButtonPure {
     constructor(c, r, z) {
         this.z = z;
@@ -209,9 +209,9 @@ let PButtonPure = class PButtonPure {
 };
 PButtonPure.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PButtonPure, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 PButtonPure.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", 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", theme: "theme", type: "type", weight: "weight" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-PButtonPure = __decorate$O([
+PButtonPure = __decorate$R([
     ProxyCmp({
-        inputs: inputs$J
+        inputs: inputs$M
     })
 ], PButtonPure);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PButtonPure, decorators: [{
@@ -220,11 +220,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'p-button-pure,[p-button-pure]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$J
+                    inputs: inputs$M
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-var __decorate$N = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$Q = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -234,8 +234,43 @@ var __decorate$N = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$I = ['alignHeader', 'description', 'disablePagination', 'heading', 'intl', 'rewind', 'slidesPerPage', 'theme', 'width', 'wrapContent'];
-const outputs$a = ['carouselChange'];
+const inputs$L = ['align', 'aria', 'aspectRatio', 'compact', 'description', 'disabled', 'gradient', 'icon', 'iconSource', 'label', 'loading', 'size', 'type', 'weight'];
+let PButtonTile = class PButtonTile {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PButtonTile.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PButtonTile, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PButtonTile.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PButtonTile, selector: "p-button-tile,[p-button-tile]", inputs: { align: "align", aria: "aria", aspectRatio: "aspectRatio", compact: "compact", description: "description", disabled: "disabled", gradient: "gradient", icon: "icon", iconSource: "iconSource", label: "label", loading: "loading", size: "size", type: "type", weight: "weight" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PButtonTile = __decorate$Q([
+    ProxyCmp({
+        inputs: inputs$L
+    })
+], PButtonTile);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PButtonTile, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-button-tile,[p-button-tile]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: inputs$L
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+var __decorate$P = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const inputs$K = ['activeSlideIndex', 'alignHeader', 'description', 'disablePagination', 'heading', 'intl', 'pagination', 'rewind', 'slidesPerPage', 'theme', 'width', 'wrapContent'];
+const outputs$a = ['carouselChange', 'change'];
 let PCarousel = class PCarousel {
     constructor(c, r, z) {
         this.z = z;
@@ -245,10 +280,10 @@ let PCarousel = class PCarousel {
     }
 };
 PCarousel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PCarousel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PCarousel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PCarousel, selector: "p-carousel,[p-carousel]", inputs: { alignHeader: "alignHeader", description: "description", disablePagination: "disablePagination", heading: "heading", intl: "intl", rewind: "rewind", slidesPerPage: "slidesPerPage", theme: "theme", width: "width", wrapContent: "wrapContent" }, outputs: { carouselChange: "carouselChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-PCarousel = __decorate$N([
+PCarousel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PCarousel, selector: "p-carousel,[p-carousel]", inputs: { activeSlideIndex: "activeSlideIndex", alignHeader: "alignHeader", description: "description", disablePagination: "disablePagination", heading: "heading", intl: "intl", pagination: "pagination", rewind: "rewind", slidesPerPage: "slidesPerPage", theme: "theme", width: "width", wrapContent: "wrapContent" }, outputs: { carouselChange: "carouselChange", change: "change" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PCarousel = __decorate$P([
     ProxyCmp({
-        inputs: inputs$I
+        inputs: inputs$K
     })
 ], PCarousel);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PCarousel, decorators: [{
@@ -257,12 +292,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'p-carousel,[p-carousel]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$I,
+                    inputs: inputs$K,
                     outputs: outputs$a
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-var __decorate$M = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$O = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -272,7 +307,7 @@ var __decorate$M = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$H = ['hideLabel', 'label', 'message', 'state', 'theme'];
+const inputs$J = ['hideLabel', 'label', 'message', 'state', 'theme'];
 let PCheckboxWrapper = class PCheckboxWrapper {
     constructor(c, r, z) {
         this.z = z;
@@ -282,9 +317,9 @@ let PCheckboxWrapper = class PCheckboxWrapper {
 };
 PCheckboxWrapper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PCheckboxWrapper, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 PCheckboxWrapper.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PCheckboxWrapper, selector: "p-checkbox-wrapper,[p-checkbox-wrapper]", inputs: { hideLabel: "hideLabel", label: "label", message: "message", state: "state", theme: "theme" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-PCheckboxWrapper = __decorate$M([
+PCheckboxWrapper = __decorate$O([
     ProxyCmp({
-        inputs: inputs$H
+        inputs: inputs$J
     })
 ], PCheckboxWrapper);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PCheckboxWrapper, decorators: [{
@@ -293,11 +328,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'p-checkbox-wrapper,[p-checkbox-wrapper]',
                     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 }]; } });
-var __decorate$L = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$N = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -307,7 +342,7 @@ var __decorate$L = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$G = ['backgroundColor', 'theme', 'width'];
+const inputs$I = ['backgroundColor', 'theme', 'width'];
 /** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
 let PContentWrapper = class PContentWrapper {
     constructor(c, r, z) {
@@ -318,9 +353,9 @@ let PContentWrapper = class PContentWrapper {
 };
 PContentWrapper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PContentWrapper, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 PContentWrapper.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", 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$L([
+PContentWrapper = __decorate$N([
     ProxyCmp({
-        inputs: inputs$G
+        inputs: inputs$I
     })
 ], PContentWrapper);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PContentWrapper, decorators: [{
@@ -329,11 +364,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'p-content-wrapper,[p-content-wrapper]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$G
+                    inputs: inputs$I
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-var __decorate$K = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$M = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -343,7 +378,7 @@ var __decorate$K = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$F = ['align', 'color', 'ellipsis', 'size', 'tag', 'theme'];
+const inputs$H = ['align', 'color', 'ellipsis', 'size', 'tag', 'theme'];
 let PDisplay = class PDisplay {
     constructor(c, r, z) {
         this.z = z;
@@ -353,9 +388,9 @@ let PDisplay = class PDisplay {
 };
 PDisplay.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PDisplay, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 PDisplay.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PDisplay, selector: "p-display,[p-display]", inputs: { align: "align", color: "color", ellipsis: "ellipsis", size: "size", tag: "tag", theme: "theme" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-PDisplay = __decorate$K([
+PDisplay = __decorate$M([
     ProxyCmp({
-        inputs: inputs$F
+        inputs: inputs$H
     })
 ], PDisplay);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PDisplay, decorators: [{
@@ -364,11 +399,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'p-display,[p-display]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$F
+                    inputs: inputs$H
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-var __decorate$J = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$L = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -378,7 +413,7 @@ var __decorate$J = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$E = ['color', 'orientation', 'theme'];
+const inputs$G = ['color', 'direction', 'orientation', 'theme'];
 let PDivider = class PDivider {
     constructor(c, r, z) {
         this.z = z;
@@ -387,10 +422,10 @@ let PDivider = class PDivider {
     }
 };
 PDivider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PDivider, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PDivider.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", 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$J([
+PDivider.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PDivider, selector: "p-divider,[p-divider]", inputs: { color: "color", direction: "direction", orientation: "orientation", theme: "theme" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PDivider = __decorate$L([
     ProxyCmp({
-        inputs: inputs$E
+        inputs: inputs$G
     })
 ], PDivider);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PDivider, decorators: [{
@@ -399,11 +434,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'p-divider,[p-divider]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$E
+                    inputs: inputs$G
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-var __decorate$I = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$K = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const inputs$F = ['label', 'labelSize', 'message', 'required', 'state', 'theme'];
+let PFieldset = class PFieldset {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PFieldset.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PFieldset, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PFieldset.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PFieldset, selector: "p-fieldset,[p-fieldset]", inputs: { label: "label", labelSize: "labelSize", message: "message", required: "required", state: "state", theme: "theme" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PFieldset = __decorate$K([
+    ProxyCmp({
+        inputs: inputs$F
+    })
+], PFieldset);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PFieldset, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-fieldset,[p-fieldset]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    inputs: inputs$F
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+var __decorate$J = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -413,7 +483,8 @@ var __decorate$I = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$D = ['label', 'labelSize', 'message', 'required', 'state', 'theme'];
+const inputs$E = ['label', 'labelSize', 'message', 'required', 'state', 'theme'];
+/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-fieldset" instead. */
 let PFieldsetWrapper = class PFieldsetWrapper {
     constructor(c, r, z) {
         this.z = z;
@@ -423,9 +494,9 @@ let PFieldsetWrapper = class PFieldsetWrapper {
 };
 PFieldsetWrapper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PFieldsetWrapper, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 PFieldsetWrapper.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PFieldsetWrapper, selector: "p-fieldset-wrapper,[p-fieldset-wrapper]", inputs: { label: "label", labelSize: "labelSize", message: "message", required: "required", state: "state", theme: "theme" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-PFieldsetWrapper = __decorate$I([
+PFieldsetWrapper = __decorate$J([
     ProxyCmp({
-        inputs: inputs$D
+        inputs: inputs$E
     })
 ], PFieldsetWrapper);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PFieldsetWrapper, decorators: [{
@@ -434,11 +505,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'p-fieldset-wrapper,[p-fieldset-wrapper]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$D
+                    inputs: inputs$E
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-var __decorate$H = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$I = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -448,7 +519,7 @@ var __decorate$H = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$C = ['alignContent', 'alignItems', 'direction', 'inline', 'justifyContent', 'wrap'];
+const inputs$D = ['alignContent', 'alignItems', 'direction', 'inline', 'justifyContent', 'wrap'];
 /** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Flex instead. */
 let PFlex = class PFlex {
     constructor(c, r, z) {
@@ -459,9 +530,9 @@ let PFlex = class PFlex {
 };
 PFlex.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PFlex, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 PFlex.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", 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$H([
+PFlex = __decorate$I([
     ProxyCmp({
-        inputs: inputs$C
+        inputs: inputs$D
     })
 ], PFlex);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PFlex, decorators: [{
@@ -470,11 +541,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'p-flex,[p-flex]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$C
+                    inputs: inputs$D
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-var __decorate$G = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$H = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -484,7 +555,7 @@ var __decorate$G = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$B = ['alignSelf', 'flex', 'grow', 'offset', 'shrink', 'width'];
+const inputs$C = ['alignSelf', 'flex', 'grow', 'offset', 'shrink', 'width'];
 /** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Flex instead. */
 let PFlexItem = class PFlexItem {
     constructor(c, r, z) {
@@ -495,9 +566,9 @@ let PFlexItem = class PFlexItem {
 };
 PFlexItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PFlexItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 PFlexItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", 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$G([
+PFlexItem = __decorate$H([
     ProxyCmp({
-        inputs: inputs$B
+        inputs: inputs$C
     })
 ], PFlexItem);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PFlexItem, decorators: [{
@@ -506,11 +577,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'p-flex-item,[p-flex-item]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$B
+                    inputs: inputs$C
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-var __decorate$F = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$G = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -520,7 +591,7 @@ var __decorate$F = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$A = ['direction', 'gutter', 'wrap'];
+const inputs$B = ['direction', 'gutter', 'wrap'];
 /** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
 let PGrid = class PGrid {
     constructor(c, r, z) {
@@ -531,9 +602,9 @@ let PGrid = class PGrid {
 };
 PGrid.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PGrid, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 PGrid.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", 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$F([
+PGrid = __decorate$G([
     ProxyCmp({
-        inputs: inputs$A
+        inputs: inputs$B
     })
 ], PGrid);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PGrid, decorators: [{
@@ -542,11 +613,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'p-grid,[p-grid]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$A
+                    inputs: inputs$B
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-var __decorate$E = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$F = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -556,7 +627,7 @@ var __decorate$E = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$z = ['offset', 'size'];
+const inputs$A = ['offset', 'size'];
 /** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
 let PGridItem = class PGridItem {
     constructor(c, r, z) {
@@ -567,9 +638,9 @@ let PGridItem = class PGridItem {
 };
 PGridItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PGridItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 PGridItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", 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$E([
+PGridItem = __decorate$F([
     ProxyCmp({
-        inputs: inputs$z
+        inputs: inputs$A
     })
 ], PGridItem);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PGridItem, decorators: [{
@@ -578,11 +649,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'p-grid-item,[p-grid-item]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$z
+                    inputs: inputs$A
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-var __decorate$D = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$E = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -592,7 +663,7 @@ var __decorate$D = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$y = ['align', 'color', 'ellipsis', 'size', 'tag', 'theme'];
+const inputs$z = ['align', 'color', 'ellipsis', 'size', 'tag', 'theme'];
 let PHeading = class PHeading {
     constructor(c, r, z) {
         this.z = z;
@@ -602,9 +673,9 @@ let PHeading = class PHeading {
 };
 PHeading.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PHeading, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 PHeading.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PHeading, selector: "p-heading,[p-heading]", inputs: { align: "align", color: "color", ellipsis: "ellipsis", size: "size", tag: "tag", theme: "theme" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-PHeading = __decorate$D([
+PHeading = __decorate$E([
     ProxyCmp({
-        inputs: inputs$y
+        inputs: inputs$z
     })
 ], PHeading);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PHeading, decorators: [{
@@ -613,11 +684,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'p-heading,[p-heading]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$y
+                    inputs: inputs$z
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-var __decorate$C = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$D = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -627,7 +698,7 @@ var __decorate$C = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$x = ['align', 'color', 'ellipsis', 'tag', 'theme', 'variant'];
+const inputs$y = ['align', 'color', 'ellipsis', 'tag', 'theme', 'variant'];
 /** @deprecated since v3.0.0, will be removed with next major release. Please use "p-heading" instead. */
 let PHeadline = class PHeadline {
     constructor(c, r, z) {
@@ -638,9 +709,9 @@ let PHeadline = class PHeadline {
 };
 PHeadline.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PHeadline, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 PHeadline.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", 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$C([
+PHeadline = __decorate$D([
     ProxyCmp({
-        inputs: inputs$x
+        inputs: inputs$y
     })
 ], PHeadline);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PHeadline, decorators: [{
@@ -649,11 +720,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'p-headline,[p-headline]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$x
+                    inputs: inputs$y
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-var __decorate$B = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$C = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -663,7 +734,7 @@ var __decorate$B = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$w = ['aria', 'color', 'lazy', 'name', 'size', 'source', 'theme'];
+const inputs$x = ['aria', 'color', 'lazy', 'name', 'size', 'source', 'theme'];
 let PIcon = class PIcon {
     constructor(c, r, z) {
         this.z = z;
@@ -673,9 +744,9 @@ let PIcon = class PIcon {
 };
 PIcon.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PIcon, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 PIcon.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", 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$B([
+PIcon = __decorate$C([
     ProxyCmp({
-        inputs: inputs$w
+        inputs: inputs$x
     })
 ], PIcon);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PIcon, decorators: [{
@@ -684,11 +755,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'p-icon,[p-icon]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$w
+                    inputs: inputs$x
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-var __decorate$A = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$B = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -698,7 +769,7 @@ var __decorate$A = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$v = ['actionIcon', 'actionLabel', 'actionLoading', 'description', 'heading', 'persistent', 'state', 'theme'];
+const inputs$w = ['actionIcon', 'actionLabel', 'actionLoading', 'description', 'heading', 'persistent', 'state', 'theme'];
 const outputs$9 = ['action', 'dismiss'];
 let PInlineNotification = class PInlineNotification {
     constructor(c, r, z) {
@@ -710,9 +781,9 @@ let PInlineNotification = class PInlineNotification {
 };
 PInlineNotification.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", 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.12", 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$A([
+PInlineNotification = __decorate$B([
     ProxyCmp({
-        inputs: inputs$v
+        inputs: inputs$w
     })
 ], PInlineNotification);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PInlineNotification, decorators: [{
@@ -721,12 +792,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'p-inline-notification,[p-inline-notification]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$v,
+                    inputs: inputs$w,
                     outputs: outputs$9
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-var __decorate$z = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$A = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -736,7 +807,7 @@ var __decorate$z = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$u = ['aria', 'download', 'hideLabel', 'href', 'icon', 'iconSource', 'rel', 'target', 'theme', 'variant'];
+const inputs$v = ['aria', 'download', 'hideLabel', 'href', 'icon', 'iconSource', 'rel', 'target', 'theme', 'variant'];
 let PLink = class PLink {
     constructor(c, r, z) {
         this.z = z;
@@ -746,9 +817,9 @@ let PLink = class PLink {
 };
 PLink.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PLink, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 PLink.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", 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$z([
+PLink = __decorate$A([
     ProxyCmp({
-        inputs: inputs$u
+        inputs: inputs$v
     })
 ], PLink);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PLink, decorators: [{
@@ -757,11 +828,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'p-link,[p-link]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$u
+                    inputs: inputs$v
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-var __decorate$y = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$z = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -771,7 +842,7 @@ var __decorate$y = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$t = ['active', 'alignLabel', 'aria', 'download', 'hideLabel', 'href', 'icon', 'iconSource', 'rel', 'size', 'stretch', 'target', 'theme', 'underline', 'weight'];
+const inputs$u = ['active', 'alignLabel', 'aria', 'download', 'hideLabel', 'href', 'icon', 'iconSource', 'rel', 'size', 'stretch', 'target', 'theme', 'underline', 'weight'];
 let PLinkPure = class PLinkPure {
     constructor(c, r, z) {
         this.z = z;
@@ -781,9 +852,9 @@ let PLinkPure = class PLinkPure {
 };
 PLinkPure.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PLinkPure, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 PLinkPure.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", 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", underline: "underline", weight: "weight" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-PLinkPure = __decorate$y([
+PLinkPure = __decorate$z([
     ProxyCmp({
-        inputs: inputs$t
+        inputs: inputs$u
     })
 ], PLinkPure);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PLinkPure, decorators: [{
@@ -792,11 +863,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'p-link-pure,[p-link-pure]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$t
+                    inputs: inputs$u
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-var __decorate$x = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$y = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -806,8 +877,8 @@ var __decorate$x = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$s = ['hideLabel', 'href', 'icon', 'iconSource', 'rel', 'target', 'theme'];
-/** @deprecated since v3.0.0, will be removed with next major release. Use `p-link` with corresponding social instead. */
+const inputs$t = ['hideLabel', 'href', 'icon', 'iconSource', 'rel', 'target', 'theme'];
+/** @deprecated since v3.0.0, will be removed with next major release. Use `p-link` with corresponding social icon instead. */
 let PLinkSocial = class PLinkSocial {
     constructor(c, r, z) {
         this.z = z;
@@ -817,9 +888,9 @@ let PLinkSocial = class PLinkSocial {
 };
 PLinkSocial.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PLinkSocial, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 PLinkSocial.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", 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$x([
+PLinkSocial = __decorate$y([
     ProxyCmp({
-        inputs: inputs$s
+        inputs: inputs$t
     })
 ], PLinkSocial);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PLinkSocial, decorators: [{
@@ -828,11 +899,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'p-link-social,[p-link-social]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: inputs$s
+                    inputs: inputs$t
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-var __decorate$w = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$x = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -842,7 +913,7 @@ var __decorate$w = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$r = ['align', 'aria', 'aspectRatio', 'compact', 'description', 'download', 'gradient', 'href', 'label', 'rel', 'size', 'target', 'weight'];
+const inputs$s = ['align', 'aria', 'aspectRatio', 'compact', 'description', 'download', 'gradient', 'href', 'label', 'rel', 'size', 'target', 'weight'];
 let PLinkTile = class PLinkTile {
     constructor(c, r, z) {
         this.z = z;
@@ -852,9 +923,9 @@ let PLinkTile = class PLinkTile {
 };
 PLinkTile.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PLinkTile, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
 PLinkTile.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PLinkTile, selector: "p-link-tile,[p-link-tile]", inputs: { align: "align", aria: "aria", aspectRatio: "aspectRatio", compact: "compact", description: "description", download: "download", gradient: "gradient", href: "href", label: "label", rel: "rel", size: "size", target: "target", weight: "weight" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-PLinkTile = __decorate$w([
+PLinkTile = __decorate$x([
     ProxyCmp({
-        inputs: inputs$r
+        inputs: inputs$s
     })
 ], PLinkTile);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PLinkTile, decorators: [{
@@ -863,6 +934,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     selector: 'p-link-tile,[p-link-tile]',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
+                    inputs: inputs$s
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+var __decorate$w = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const inputs$r = ['aspectRatio', 'description', 'heading', 'headingTag', 'linkDirection', 'model', 'weight'];
+let PLinkTileModelSignature = class PLinkTileModelSignature {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PLinkTileModelSignature.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PLinkTileModelSignature, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PLinkTileModelSignature.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PLinkTileModelSignature, selector: "p-link-tile-model-signature,[p-link-tile-model-signature]", inputs: { aspectRatio: "aspectRatio", description: "description", heading: "heading", headingTag: "headingTag", linkDirection: "linkDirection", model: "model", weight: "weight" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PLinkTileModelSignature = __decorate$w([
+    ProxyCmp({
+        inputs: inputs$r
+    })
+], PLinkTileModelSignature);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PLinkTileModelSignature, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-link-tile-model-signature,[p-link-tile-model-signature]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
                     inputs: inputs$r
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
@@ -912,8 +1018,8 @@ var __decorate$u = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$p = ['aria', 'disableBackdropClick', 'disableCloseButton', 'fullscreen', 'heading', 'open'];
-const outputs$8 = ['close'];
+const inputs$p = ['aria', 'disableBackdropClick', 'disableCloseButton', 'dismissButton', 'fullscreen', 'heading', 'open'];
+const outputs$8 = ['close', 'dismiss'];
 let PModal = class PModal {
     constructor(c, r, z) {
         this.z = z;
@@ -923,7 +1029,7 @@ let PModal = class PModal {
     }
 };
 PModal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", 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.12", 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PModal, selector: "p-modal,[p-modal]", inputs: { aria: "aria", disableBackdropClick: "disableBackdropClick", disableCloseButton: "disableCloseButton", dismissButton: "dismissButton", fullscreen: "fullscreen", heading: "heading", open: "open" }, outputs: { close: "close", dismiss: "dismiss" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PModal = __decorate$u([
     ProxyCmp({
         inputs: inputs$p
@@ -985,8 +1091,8 @@ var __decorate$s = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$n = ['activePage', 'allyLabel', 'allyLabelNext', 'allyLabelPage', 'allyLabelPrev', 'itemsPerPage', 'maxNumberOfPageLinks', 'theme', 'totalItemsCount'];
-const outputs$7 = ['pageChange'];
+const inputs$n = ['activePage', 'allyLabel', 'allyLabelNext', 'allyLabelPage', 'allyLabelPrev', 'intl', 'itemsPerPage', 'maxNumberOfPageLinks', 'theme', 'totalItemsCount'];
+const outputs$7 = ['change', 'pageChange'];
 let PPagination = class PPagination {
     constructor(c, r, z) {
         this.z = z;
@@ -996,7 +1102,7 @@ let PPagination = class PPagination {
     }
 };
 PPagination.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", 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.12", 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PPagination, selector: "p-pagination,[p-pagination]", inputs: { activePage: "activePage", allyLabel: "allyLabel", allyLabelNext: "allyLabelNext", allyLabelPage: "allyLabelPage", allyLabelPrev: "allyLabelPrev", intl: "intl", itemsPerPage: "itemsPerPage", maxNumberOfPageLinks: "maxNumberOfPageLinks", theme: "theme", totalItemsCount: "totalItemsCount" }, outputs: { change: "change", pageChange: "pageChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PPagination = __decorate$s([
     ProxyCmp({
         inputs: inputs$n
@@ -1093,7 +1199,7 @@ var __decorate$p = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$k = ['gradientColorScheme', 'scrollIndicatorPosition', 'scrollToPosition', 'theme'];
+const inputs$k = ['alignScrollIndicator', 'gradientColor', 'gradientColorScheme', 'scrollIndicatorPosition', 'scrollToPosition', 'scrollbar', 'theme'];
 let PScroller = class PScroller {
     constructor(c, r, z) {
         this.z = z;
@@ -1102,7 +1208,7 @@ let PScroller = class PScroller {
     }
 };
 PScroller.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PScroller, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PScroller.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PScroller, selector: "p-scroller,[p-scroller]", inputs: { gradientColorScheme: "gradientColorScheme", scrollIndicatorPosition: "scrollIndicatorPosition", scrollToPosition: "scrollToPosition", theme: "theme" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PScroller.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PScroller, selector: "p-scroller,[p-scroller]", inputs: { alignScrollIndicator: "alignScrollIndicator", gradientColor: "gradientColor", gradientColorScheme: "gradientColorScheme", scrollIndicatorPosition: "scrollIndicatorPosition", scrollToPosition: "scrollToPosition", scrollbar: "scrollbar", theme: "theme" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PScroller = __decorate$p([
     ProxyCmp({
         inputs: inputs$k
@@ -1129,7 +1235,7 @@ var __decorate$o = (this && this.__decorate) || function (decorators, target, ke
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 const inputs$j = ['backgroundColor', 'theme', 'value'];
-const outputs$6 = ['segmentedControlChange'];
+const outputs$6 = ['change', 'segmentedControlChange'];
 let PSegmentedControl = class PSegmentedControl {
     constructor(c, r, z) {
         this.z = z;
@@ -1139,7 +1245,7 @@ let PSegmentedControl = class PSegmentedControl {
     }
 };
 PSegmentedControl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", 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.12", 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PSegmentedControl, selector: "p-segmented-control,[p-segmented-control]", inputs: { backgroundColor: "backgroundColor", theme: "theme", value: "value" }, outputs: { change: "change", segmentedControlChange: "segmentedControlChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PSegmentedControl = __decorate$o([
     ProxyCmp({
         inputs: inputs$j
@@ -1272,7 +1378,7 @@ var __decorate$k = (this && this.__decorate) || function (decorators, target, ke
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 const inputs$f = ['size', 'theme'];
-const outputs$5 = ['stepChange'];
+const outputs$5 = ['change', 'stepChange'];
 let PStepperHorizontal = class PStepperHorizontal {
     constructor(c, r, z) {
         this.z = z;
@@ -1282,7 +1388,7 @@ let PStepperHorizontal = class PStepperHorizontal {
     }
 };
 PStepperHorizontal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PStepperHorizontal, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PStepperHorizontal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PStepperHorizontal, selector: "p-stepper-horizontal,[p-stepper-horizontal]", inputs: { size: "size", theme: "theme" }, outputs: { stepChange: "stepChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PStepperHorizontal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PStepperHorizontal, selector: "p-stepper-horizontal,[p-stepper-horizontal]", inputs: { size: "size", theme: "theme" }, outputs: { change: "change", stepChange: "stepChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PStepperHorizontal = __decorate$k([
     ProxyCmp({
         inputs: inputs$f
@@ -1345,7 +1451,7 @@ var __decorate$i = (this && this.__decorate) || function (decorators, target, ke
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 const inputs$d = ['alignLabel', 'checked', 'disabled', 'hideLabel', 'loading', 'stretch', 'theme'];
-const outputs$4 = ['switchChange'];
+const outputs$4 = ['change', 'switchChange'];
 let PSwitch = class PSwitch {
     constructor(c, r, z) {
         this.z = z;
@@ -1355,7 +1461,7 @@ let PSwitch = class PSwitch {
     }
 };
 PSwitch.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PSwitch, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PSwitch.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PSwitch, selector: "p-switch,[p-switch]", inputs: { alignLabel: "alignLabel", checked: "checked", disabled: "disabled", hideLabel: "hideLabel", loading: "loading", stretch: "stretch", theme: "theme" }, outputs: { switchChange: "switchChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PSwitch.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PSwitch, selector: "p-switch,[p-switch]", inputs: { alignLabel: "alignLabel", checked: "checked", disabled: "disabled", hideLabel: "hideLabel", loading: "loading", stretch: "stretch", theme: "theme" }, outputs: { change: "change", switchChange: "switchChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PSwitch = __decorate$i([
     ProxyCmp({
         inputs: inputs$d
@@ -1382,8 +1488,8 @@ var __decorate$h = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$c = ['caption'];
-const outputs$3 = ['sortingChange'];
+const inputs$c = ['caption', 'theme'];
+const outputs$3 = ['change', 'sortingChange'];
 let PTable = class PTable {
     constructor(c, r, z) {
         this.z = z;
@@ -1393,7 +1499,7 @@ let PTable = class PTable {
     }
 };
 PTable.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PTable, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PTable.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PTable, selector: "p-table,[p-table]", inputs: { caption: "caption" }, outputs: { sortingChange: "sortingChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PTable.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PTable, selector: "p-table,[p-table]", inputs: { caption: "caption", theme: "theme" }, outputs: { change: "change", sortingChange: "sortingChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PTable = __decorate$h([
     ProxyCmp({
         inputs: inputs$c
@@ -1614,8 +1720,8 @@ var __decorate$a = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$9 = ['activeTabIndex', 'gradientColorScheme', 'size', 'theme', 'weight'];
-const outputs$2 = ['tabChange'];
+const inputs$9 = ['activeTabIndex', 'gradientColor', 'gradientColorScheme', 'size', 'theme', 'weight'];
+const outputs$2 = ['change', 'tabChange'];
 let PTabs = class PTabs {
     constructor(c, r, z) {
         this.z = z;
@@ -1625,7 +1731,7 @@ let PTabs = class PTabs {
     }
 };
 PTabs.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PTabs, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PTabs.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PTabs, selector: "p-tabs,[p-tabs]", inputs: { activeTabIndex: "activeTabIndex", gradientColorScheme: "gradientColorScheme", size: "size", theme: "theme", weight: "weight" }, outputs: { tabChange: "tabChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PTabs.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PTabs, selector: "p-tabs,[p-tabs]", inputs: { activeTabIndex: "activeTabIndex", gradientColor: "gradientColor", gradientColorScheme: "gradientColorScheme", size: "size", theme: "theme", weight: "weight" }, outputs: { change: "change", tabChange: "tabChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PTabs = __decorate$a([
     ProxyCmp({
         inputs: inputs$9
@@ -1652,8 +1758,8 @@ var __decorate$9 = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$8 = ['activeTabIndex', 'gradientColorScheme', 'size', 'theme', 'weight'];
-const outputs$1 = ['tabChange'];
+const inputs$8 = ['activeTabIndex', 'gradientColor', 'gradientColorScheme', 'size', 'theme', 'weight'];
+const outputs$1 = ['change', 'tabChange'];
 let PTabsBar = class PTabsBar {
     constructor(c, r, z) {
         this.z = z;
@@ -1663,7 +1769,7 @@ let PTabsBar = class PTabsBar {
     }
 };
 PTabsBar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PTabsBar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PTabsBar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PTabsBar, selector: "p-tabs-bar,[p-tabs-bar]", inputs: { activeTabIndex: "activeTabIndex", gradientColorScheme: "gradientColorScheme", size: "size", theme: "theme", weight: "weight" }, outputs: { tabChange: "tabChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PTabsBar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PTabsBar, selector: "p-tabs-bar,[p-tabs-bar]", inputs: { activeTabIndex: "activeTabIndex", gradientColor: "gradientColor", gradientColorScheme: "gradientColorScheme", size: "size", theme: "theme", weight: "weight" }, outputs: { change: "change", tabChange: "tabChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PTabsBar = __decorate$9([
     ProxyCmp({
         inputs: inputs$8
@@ -1830,7 +1936,7 @@ var __decorate$4 = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$3 = ['actionIcon', 'actionLoading', 'description', 'hideLabel', 'label', 'message', 'showCharacterCount', 'state', 'theme', 'unit', 'unitPosition'];
+const inputs$3 = ['actionIcon', 'actionLoading', 'description', 'hideLabel', 'label', 'message', 'showCharacterCount', 'showCounter', 'state', 'theme', 'unit', 'unitPosition'];
 const outputs = ['action'];
 let PTextFieldWrapper = class PTextFieldWrapper {
     constructor(c, r, z) {
@@ -1841,7 +1947,7 @@ let PTextFieldWrapper = class PTextFieldWrapper {
     }
 };
 PTextFieldWrapper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PTextFieldWrapper, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PTextFieldWrapper.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PTextFieldWrapper, selector: "p-text-field-wrapper,[p-text-field-wrapper]", inputs: { actionIcon: "actionIcon", actionLoading: "actionLoading", description: "description", hideLabel: "hideLabel", label: "label", message: "message", showCharacterCount: "showCharacterCount", state: "state", theme: "theme", unit: "unit", unitPosition: "unitPosition" }, outputs: { action: "action" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PTextFieldWrapper.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PTextFieldWrapper, selector: "p-text-field-wrapper,[p-text-field-wrapper]", inputs: { actionIcon: "actionIcon", actionLoading: "actionLoading", description: "description", hideLabel: "hideLabel", label: "label", message: "message", showCharacterCount: "showCharacterCount", showCounter: "showCounter", state: "state", theme: "theme", unit: "unit", unitPosition: "unitPosition" }, outputs: { action: "action" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PTextFieldWrapper = __decorate$4([
     ProxyCmp({
         inputs: inputs$3
@@ -1868,7 +1974,7 @@ var __decorate$3 = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$2 = ['listType', 'orderType', 'theme'];
+const inputs$2 = ['listType', 'orderType', 'theme', 'type'];
 let PTextList = class PTextList {
     constructor(c, r, z) {
         this.z = z;
@@ -1877,7 +1983,7 @@ let PTextList = class PTextList {
     }
 };
 PTextList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PTextList, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PTextList.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PTextList, selector: "p-text-list,[p-text-list]", inputs: { listType: "listType", orderType: "orderType", theme: "theme" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PTextList.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PTextList, selector: "p-text-list,[p-text-list]", inputs: { listType: "listType", orderType: "orderType", theme: "theme", type: "type" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PTextList = __decorate$3([
     ProxyCmp({
         inputs: inputs$2
@@ -1934,7 +2040,7 @@ var __decorate$1 = (this && this.__decorate) || function (decorators, target, ke
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-const inputs$1 = ['description', 'hideLabel', 'label', 'message', 'showCharacterCount', 'state', 'theme'];
+const inputs$1 = ['description', 'hideLabel', 'label', 'message', 'showCharacterCount', 'showCounter', 'state', 'theme'];
 let PTextareaWrapper = class PTextareaWrapper {
     constructor(c, r, z) {
         this.z = z;
@@ -1943,7 +2049,7 @@ let PTextareaWrapper = class PTextareaWrapper {
     }
 };
 PTextareaWrapper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PTextareaWrapper, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PTextareaWrapper.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PTextareaWrapper, selector: "p-textarea-wrapper,[p-textarea-wrapper]", inputs: { description: "description", hideLabel: "hideLabel", label: "label", message: "message", showCharacterCount: "showCharacterCount", state: "state", theme: "theme" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PTextareaWrapper.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: PTextareaWrapper, selector: "p-textarea-wrapper,[p-textarea-wrapper]", inputs: { description: "description", hideLabel: "hideLabel", label: "label", message: "message", showCharacterCount: "showCharacterCount", showCounter: "showCounter", state: "state", theme: "theme" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PTextareaWrapper = __decorate$1([
     ProxyCmp({
         inputs: inputs$1
@@ -2000,11 +2106,13 @@ const DECLARATIONS = [
     PButton,
     PButtonGroup,
     PButtonPure,
+    PButtonTile,
     PCarousel,
     PCheckboxWrapper,
     PContentWrapper,
     PDisplay,
     PDivider,
+    PFieldset,
     PFieldsetWrapper,
     PFlex,
     PFlexItem,
@@ -2018,6 +2126,7 @@ const DECLARATIONS = [
     PLinkPure,
     PLinkSocial,
     PLinkTile,
+    PLinkTileModelSignature,
     PMarque,
     PModal,
     PModelSignature,
@@ -2076,7 +2185,7 @@ class PorscheDesignSystemModule {
     }
 }
 PorscheDesignSystemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PorscheDesignSystemModule, deps: [{ token: DefaultConfig, optional: true }], target: i0.ɵɵFactoryTarget.NgModule });
-PorscheDesignSystemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PorscheDesignSystemModule, declarations: [PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PCarousel, PCheckboxWrapper, PContentWrapper, PDisplay, PDivider, PFieldsetWrapper, PFlex, PFlexItem, PGrid, PGridItem, PHeading, PHeadline, PIcon, PInlineNotification, PLink, PLinkPure, PLinkSocial, PLinkTile, PMarque, PModal, PModelSignature, PPagination, PPopover, PRadioButtonWrapper, PScroller, PSegmentedControl, PSegmentedControlItem, PSelectWrapper, PSpinner, PStepperHorizontal, PStepperHorizontalItem, 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, PCarousel, PCheckboxWrapper, PContentWrapper, PDisplay, PDivider, PFieldsetWrapper, PFlex, PFlexItem, PGrid, PGridItem, PHeading, PHeadline, PIcon, PInlineNotification, PLink, PLinkPure, PLinkSocial, PLinkTile, PMarque, PModal, PModelSignature, PPagination, PPopover, PRadioButtonWrapper, PScroller, PSegmentedControl, PSegmentedControlItem, PSelectWrapper, PSpinner, PStepperHorizontal, PStepperHorizontalItem, 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.12", ngImport: i0, type: PorscheDesignSystemModule, declarations: [PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PButtonTile, PCarousel, PCheckboxWrapper, PContentWrapper, PDisplay, PDivider, PFieldset, PFieldsetWrapper, PFlex, PFlexItem, PGrid, PGridItem, PHeading, PHeadline, PIcon, PInlineNotification, PLink, PLinkPure, PLinkSocial, PLinkTile, PLinkTileModelSignature, PMarque, PModal, PModelSignature, PPagination, PPopover, PRadioButtonWrapper, PScroller, PSegmentedControl, PSegmentedControlItem, PSelectWrapper, PSpinner, PStepperHorizontal, PStepperHorizontalItem, 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, PButtonTile, PCarousel, PCheckboxWrapper, PContentWrapper, PDisplay, PDivider, PFieldset, PFieldsetWrapper, PFlex, PFlexItem, PGrid, PGridItem, PHeading, PHeadline, PIcon, PInlineNotification, PLink, PLinkPure, PLinkSocial, PLinkTile, PLinkTileModelSignature, PMarque, PModal, PModelSignature, PPagination, PPopover, PRadioButtonWrapper, PScroller, PSegmentedControl, PSegmentedControlItem, PSelectWrapper, PSpinner, PStepperHorizontal, PStepperHorizontalItem, 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.12", ngImport: i0, type: PorscheDesignSystemModule });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PorscheDesignSystemModule, decorators: [{
             type: NgModule,
@@ -2109,5 +2218,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
-export { DECLARATIONS, PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PCarousel, PCheckboxWrapper, PContentWrapper, PDisplay, PDivider, PFieldsetWrapper, PFlex, PFlexItem, PGrid, PGridItem, PHeading, PHeadline, PIcon, PInlineNotification, PLink, PLinkPure, PLinkSocial, PLinkTile, PMarque, PModal, PModelSignature, PPagination, PPopover, PRadioButtonWrapper, PScroller, PSegmentedControl, PSegmentedControlItem, PSelectWrapper, PSpinner, PStepperHorizontal, PStepperHorizontalItem, 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, PButtonTile, PCarousel, PCheckboxWrapper, PContentWrapper, PDisplay, PDivider, PFieldset, PFieldsetWrapper, PFlex, PFlexItem, PGrid, PGridItem, PHeading, PHeadline, PIcon, PInlineNotification, PLink, PLinkPure, PLinkSocial, PLinkTile, PLinkTileModelSignature, PMarque, PModal, PModelSignature, PPagination, PPopover, PRadioButtonWrapper, PScroller, PSegmentedControl, PSegmentedControlItem, PSelectWrapper, PSpinner, PStepperHorizontal, PStepperHorizontalItem, 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