@porsche-design-system/components-angular 4.0.0-beta.2 → 4.0.0-beta.4

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

@@ -105,6 +105,7 @@ class PButtonPure extends BaseComponent {
     active;
     alignLabel;
     aria;
+    color;
     disabled;
     form;
     hideLabel;
@@ -118,14 +119,14 @@ class PButtonPure extends BaseComponent {
     underline;
     value;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PButtonPure, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: PButtonPure, isStandalone: false, selector: "p-button-pure,[p-button-pure]", inputs: { active: "active", alignLabel: "alignLabel", aria: "aria", disabled: "disabled", form: "form", hideLabel: "hideLabel", icon: "icon", iconSource: "iconSource", loading: "loading", name: "name", size: "size", stretch: "stretch", type: "type", underline: "underline", value: "value" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: PButtonPure, isStandalone: false, selector: "p-button-pure,[p-button-pure]", inputs: { active: "active", alignLabel: "alignLabel", aria: "aria", color: "color", disabled: "disabled", form: "form", hideLabel: "hideLabel", icon: "icon", iconSource: "iconSource", loading: "loading", name: "name", size: "size", stretch: "stretch", type: "type", underline: "underline", value: "value" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PButtonPure, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-button-pure,[p-button-pure]',
                     template: '<ng-content />',
-                    inputs: ['active', 'alignLabel', 'aria', 'disabled', 'form', 'hideLabel', 'icon', 'iconSource', 'loading', 'name', 'size', 'stretch', 'type', 'underline', 'value'],
+                    inputs: ['active', 'alignLabel', 'aria', 'color', 'disabled', 'form', 'hideLabel', 'icon', 'iconSource', 'loading', 'name', 'size', 'stretch', 'type', 'underline', 'value'],
                     standalone: false
                 }]
         }] });
@@ -297,6 +298,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
                 }]
         }] });
 
+/** @deprecated since v4.0.0, will be removed with next major release. Please use `p-heading` instead. */
 class PDisplay extends BaseComponent {
     align;
     color;
@@ -457,17 +459,19 @@ class PHeading extends BaseComponent {
     align;
     color;
     ellipsis;
+    hyphens;
     size;
     tag;
+    weight;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PHeading, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: PHeading, isStandalone: false, selector: "p-heading,[p-heading]", inputs: { align: "align", color: "color", ellipsis: "ellipsis", size: "size", tag: "tag" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: PHeading, isStandalone: false, selector: "p-heading,[p-heading]", inputs: { align: "align", color: "color", ellipsis: "ellipsis", hyphens: "hyphens", size: "size", tag: "tag", weight: "weight" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PHeading, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-heading,[p-heading]',
                     template: '<ng-content />',
-                    inputs: ['align', 'color', 'ellipsis', 'size', 'tag'],
+                    inputs: ['align', 'color', 'ellipsis', 'hyphens', 'size', 'tag', 'weight'],
                     standalone: false
                 }]
         }] });
@@ -1383,6 +1387,7 @@ class PLinkPure extends BaseComponent {
     active;
     alignLabel;
     aria;
+    color;
     download;
     hideLabel;
     href;
@@ -1394,14 +1399,14 @@ class PLinkPure extends BaseComponent {
     target;
     underline;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PLinkPure, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: PLinkPure, isStandalone: false, 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", underline: "underline" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: PLinkPure, isStandalone: false, selector: "p-link-pure,[p-link-pure]", inputs: { active: "active", alignLabel: "alignLabel", aria: "aria", color: "color", download: "download", hideLabel: "hideLabel", href: "href", icon: "icon", iconSource: "iconSource", rel: "rel", size: "size", stretch: "stretch", target: "target", underline: "underline" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PLinkPure, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-link-pure,[p-link-pure]',
                     template: '<ng-content />',
-                    inputs: ['active', 'alignLabel', 'aria', 'download', 'hideLabel', 'href', 'icon', 'iconSource', 'rel', 'size', 'stretch', 'target', 'underline'],
+                    inputs: ['active', 'alignLabel', 'aria', 'color', 'download', 'hideLabel', 'href', 'icon', 'iconSource', 'rel', 'size', 'stretch', 'target', 'underline'],
                     standalone: false
                 }]
         }] });
@@ -2026,16 +2031,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
 
 class PSpinner extends BaseComponent {
     aria;
+    color;
     size;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PSpinner, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: PSpinner, isStandalone: false, selector: "p-spinner,[p-spinner]", inputs: { aria: "aria", size: "size" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: PSpinner, isStandalone: false, selector: "p-spinner,[p-spinner]", inputs: { aria: "aria", color: "color", size: "size" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PSpinner, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-spinner,[p-spinner]',
                     template: '<ng-content />',
-                    inputs: ['aria', 'size'],
+                    inputs: ['aria', 'color', 'size'],
                     standalone: false
                 }]
         }] });
@@ -2298,18 +2304,19 @@ class PText extends BaseComponent {
     align;
     color;
     ellipsis;
+    hyphens;
     size;
     tag;
     weight;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PText, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: PText, isStandalone: false, selector: "p-text,[p-text]", inputs: { align: "align", color: "color", ellipsis: "ellipsis", size: "size", tag: "tag", weight: "weight" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: PText, isStandalone: false, selector: "p-text,[p-text]", inputs: { align: "align", color: "color", ellipsis: "ellipsis", hyphens: "hyphens", size: "size", tag: "tag", weight: "weight" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PText, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-text,[p-text]',
                     template: '<ng-content />',
-                    inputs: ['align', 'color', 'ellipsis', 'size', 'tag', 'weight'],
+                    inputs: ['align', 'color', 'ellipsis', 'hyphens', 'size', 'tag', 'weight'],
                     standalone: false
                 }]
         }] });