@porsche-design-system/components-angular 3.29.0-rc.2 → 3.29.0-rc.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.
package/CHANGELOG.md
CHANGED
|
@@ -14,6 +14,37 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
|
|
|
14
14
|
|
|
15
15
|
## [Unreleased]
|
|
16
16
|
|
|
17
|
+
## [3.29.0-rc.4] - 2025-08-15
|
|
18
|
+
|
|
19
|
+
### Added
|
|
20
|
+
|
|
21
|
+
- `Flag`: ([#3964](https://github.com/porsche-design-system/porsche-design-system/pull/3964))
|
|
22
|
+
- `Input Url`: ([#3949](https://github.com/porsche-design-system/porsche-design-system/pull/3949))
|
|
23
|
+
- `Multi Select`: `compact` prop to enable a smaller, space-saving version for compact layouts
|
|
24
|
+
([#3953](https://github.com/porsche-design-system/porsche-design-system/pull/3953))
|
|
25
|
+
- `Fieldset`: ARIA role `radiogroup` is now supported via `aria` prop. Internal ARIA attributes for `aria-invalid` and
|
|
26
|
+
`aria-required`. ([#3957](https://github.com/porsche-design-system/porsche-design-system/pull/3957))
|
|
27
|
+
- `Input Date`, `Input Time`: ([#3954](https://github.com/porsche-design-system/porsche-design-system/pull/3954))
|
|
28
|
+
|
|
29
|
+
### Changed
|
|
30
|
+
|
|
31
|
+
- `Multi Select`, `Select`: `background` is now transparent to be aligned with other form fields
|
|
32
|
+
([#3953](https://github.com/porsche-design-system/porsche-design-system/pull/3953))
|
|
33
|
+
- `Multi Select`, `Select`: improved a11y and highlight of options
|
|
34
|
+
([#3953](https://github.com/porsche-design-system/porsche-design-system/pull/3953))
|
|
35
|
+
- `Multi Select`: aligned filter and keyboard behavior with `Select`
|
|
36
|
+
([#3943](https://github.com/porsche-design-system/porsche-design-system/pull/3943))
|
|
37
|
+
- `Scroller`: Deprecation of prop `gradientColor` because gradient is now managed internally and adapts to all themes
|
|
38
|
+
and background colors automatically.
|
|
39
|
+
([#3962](https://github.com/porsche-design-system/porsche-design-system/pull/3962))
|
|
40
|
+
|
|
41
|
+
## [3.29.0-rc.3] - 2025-07-29
|
|
42
|
+
|
|
43
|
+
### Fixed
|
|
44
|
+
|
|
45
|
+
- Partials: `topLevelAwait` issue in ESM build
|
|
46
|
+
([#3947](https://github.com/porsche-design-system/porsche-design-system/pull/3947))
|
|
47
|
+
|
|
17
48
|
## [3.29.0-rc.2] - 2025-07-28
|
|
18
49
|
|
|
19
50
|
### Changed
|
|
@@ -30,6 +61,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
|
|
|
30
61
|
([#3916](https://github.com/porsche-design-system/porsche-design-system/pull/3916))
|
|
31
62
|
- `Input Text`: `counter` prop functions independently of `max-length`, allowing character count display even when no
|
|
32
63
|
limit is set ([#3901](https://github.com/porsche-design-system/porsche-design-system/pull/3901))
|
|
64
|
+
- `Input Email`: ([#3927](https://github.com/porsche-design-system/porsche-design-system/pull/3927))
|
|
65
|
+
- `Input Tel`: ([#3928](https://github.com/porsche-design-system/porsche-design-system/pull/3928))
|
|
33
66
|
|
|
34
67
|
### Changed
|
|
35
68
|
|
|
@@ -450,6 +450,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
|
|
|
450
450
|
}] });
|
|
451
451
|
|
|
452
452
|
class PFieldset extends BaseComponentWithTheme {
|
|
453
|
+
aria;
|
|
453
454
|
label;
|
|
454
455
|
labelSize;
|
|
455
456
|
message;
|
|
@@ -457,14 +458,14 @@ class PFieldset extends BaseComponentWithTheme {
|
|
|
457
458
|
state;
|
|
458
459
|
theme;
|
|
459
460
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PFieldset, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
460
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: PFieldset, isStandalone: false, selector: "p-fieldset,[p-fieldset]", inputs: { label: "label", labelSize: "labelSize", message: "message", required: "required", state: "state", theme: "theme" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
461
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: PFieldset, isStandalone: false, selector: "p-fieldset,[p-fieldset]", inputs: { aria: "aria", label: "label", labelSize: "labelSize", message: "message", required: "required", state: "state", theme: "theme" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
461
462
|
}
|
|
462
463
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PFieldset, decorators: [{
|
|
463
464
|
type: Component,
|
|
464
465
|
args: [{
|
|
465
466
|
selector: 'p-fieldset,[p-fieldset]',
|
|
466
467
|
template: '<ng-content />',
|
|
467
|
-
inputs: ['label', 'labelSize', 'message', 'required', 'state', 'theme'],
|
|
468
|
+
inputs: ['aria', 'label', 'labelSize', 'message', 'required', 'state', 'theme'],
|
|
468
469
|
standalone: false
|
|
469
470
|
}]
|
|
470
471
|
}] });
|
|
@@ -490,6 +491,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
|
|
|
490
491
|
}]
|
|
491
492
|
}] });
|
|
492
493
|
|
|
494
|
+
class PFlag extends BaseComponent {
|
|
495
|
+
aria;
|
|
496
|
+
name;
|
|
497
|
+
size;
|
|
498
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PFlag, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
499
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: PFlag, isStandalone: false, selector: "p-flag,[p-flag]", inputs: { aria: "aria", name: "name", size: "size" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
500
|
+
}
|
|
501
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PFlag, decorators: [{
|
|
502
|
+
type: Component,
|
|
503
|
+
args: [{
|
|
504
|
+
selector: 'p-flag,[p-flag]',
|
|
505
|
+
template: '<ng-content />',
|
|
506
|
+
inputs: ['aria', 'name', 'size'],
|
|
507
|
+
standalone: false
|
|
508
|
+
}]
|
|
509
|
+
}] });
|
|
510
|
+
|
|
493
511
|
/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Flex instead. */
|
|
494
512
|
class PFlex extends BaseComponent {
|
|
495
513
|
alignContent;
|
|
@@ -683,6 +701,81 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
|
|
|
683
701
|
}]
|
|
684
702
|
}] });
|
|
685
703
|
|
|
704
|
+
class PInputDate extends BaseComponentWithTheme {
|
|
705
|
+
autoComplete;
|
|
706
|
+
compact;
|
|
707
|
+
description;
|
|
708
|
+
disabled;
|
|
709
|
+
form;
|
|
710
|
+
hideLabel;
|
|
711
|
+
label;
|
|
712
|
+
loading;
|
|
713
|
+
max;
|
|
714
|
+
message;
|
|
715
|
+
min;
|
|
716
|
+
name;
|
|
717
|
+
readOnly;
|
|
718
|
+
required;
|
|
719
|
+
state;
|
|
720
|
+
step;
|
|
721
|
+
theme;
|
|
722
|
+
value;
|
|
723
|
+
blur = new EventEmitter();
|
|
724
|
+
change = new EventEmitter();
|
|
725
|
+
input = new EventEmitter();
|
|
726
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PInputDate, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
727
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: PInputDate, isStandalone: false, selector: "p-input-date,[p-input-date]", inputs: { autoComplete: "autoComplete", compact: "compact", description: "description", disabled: "disabled", form: "form", hideLabel: "hideLabel", label: "label", loading: "loading", max: "max", message: "message", min: "min", name: "name", readOnly: "readOnly", required: "required", state: "state", step: "step", theme: "theme", value: "value" }, outputs: { blur: "blur", change: "change", input: "input" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
728
|
+
}
|
|
729
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PInputDate, decorators: [{
|
|
730
|
+
type: Component,
|
|
731
|
+
args: [{
|
|
732
|
+
selector: 'p-input-date,[p-input-date]',
|
|
733
|
+
template: '<ng-content />',
|
|
734
|
+
inputs: ['autoComplete', 'compact', 'description', 'disabled', 'form', 'hideLabel', 'label', 'loading', 'max', 'message', 'min', 'name', 'readOnly', 'required', 'state', 'step', 'theme', 'value'],
|
|
735
|
+
outputs: ['blur', 'change', 'input'],
|
|
736
|
+
standalone: false
|
|
737
|
+
}]
|
|
738
|
+
}] });
|
|
739
|
+
|
|
740
|
+
class PInputEmail extends BaseComponentWithTheme {
|
|
741
|
+
autoComplete;
|
|
742
|
+
compact;
|
|
743
|
+
description;
|
|
744
|
+
disabled;
|
|
745
|
+
form;
|
|
746
|
+
hideLabel;
|
|
747
|
+
indicator;
|
|
748
|
+
label;
|
|
749
|
+
loading;
|
|
750
|
+
maxLength;
|
|
751
|
+
message;
|
|
752
|
+
minLength;
|
|
753
|
+
multiple;
|
|
754
|
+
name;
|
|
755
|
+
pattern;
|
|
756
|
+
placeholder;
|
|
757
|
+
readOnly;
|
|
758
|
+
required;
|
|
759
|
+
state;
|
|
760
|
+
theme;
|
|
761
|
+
value;
|
|
762
|
+
blur = new EventEmitter();
|
|
763
|
+
change = new EventEmitter();
|
|
764
|
+
input = new EventEmitter();
|
|
765
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PInputEmail, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
766
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: PInputEmail, isStandalone: false, selector: "p-input-email,[p-input-email]", inputs: { autoComplete: "autoComplete", compact: "compact", description: "description", disabled: "disabled", form: "form", hideLabel: "hideLabel", indicator: "indicator", label: "label", loading: "loading", maxLength: "maxLength", message: "message", minLength: "minLength", multiple: "multiple", name: "name", pattern: "pattern", placeholder: "placeholder", readOnly: "readOnly", required: "required", state: "state", theme: "theme", value: "value" }, outputs: { blur: "blur", change: "change", input: "input" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
767
|
+
}
|
|
768
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PInputEmail, decorators: [{
|
|
769
|
+
type: Component,
|
|
770
|
+
args: [{
|
|
771
|
+
selector: 'p-input-email,[p-input-email]',
|
|
772
|
+
template: '<ng-content />',
|
|
773
|
+
inputs: ['autoComplete', 'compact', 'description', 'disabled', 'form', 'hideLabel', 'indicator', 'label', 'loading', 'maxLength', 'message', 'minLength', 'multiple', 'name', 'pattern', 'placeholder', 'readOnly', 'required', 'state', 'theme', 'value'],
|
|
774
|
+
outputs: ['blur', 'change', 'input'],
|
|
775
|
+
standalone: false
|
|
776
|
+
}]
|
|
777
|
+
}] });
|
|
778
|
+
|
|
686
779
|
class PInputNumber extends BaseComponentWithTheme {
|
|
687
780
|
autoComplete;
|
|
688
781
|
compact;
|
|
@@ -794,6 +887,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
|
|
|
794
887
|
}]
|
|
795
888
|
}] });
|
|
796
889
|
|
|
890
|
+
class PInputTel extends BaseComponentWithTheme {
|
|
891
|
+
autoComplete;
|
|
892
|
+
compact;
|
|
893
|
+
description;
|
|
894
|
+
disabled;
|
|
895
|
+
form;
|
|
896
|
+
hideLabel;
|
|
897
|
+
indicator;
|
|
898
|
+
label;
|
|
899
|
+
loading;
|
|
900
|
+
maxLength;
|
|
901
|
+
message;
|
|
902
|
+
minLength;
|
|
903
|
+
name;
|
|
904
|
+
pattern;
|
|
905
|
+
placeholder;
|
|
906
|
+
readOnly;
|
|
907
|
+
required;
|
|
908
|
+
state;
|
|
909
|
+
theme;
|
|
910
|
+
value;
|
|
911
|
+
blur = new EventEmitter();
|
|
912
|
+
change = new EventEmitter();
|
|
913
|
+
input = new EventEmitter();
|
|
914
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PInputTel, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
915
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: PInputTel, isStandalone: false, selector: "p-input-tel,[p-input-tel]", inputs: { autoComplete: "autoComplete", compact: "compact", description: "description", disabled: "disabled", form: "form", hideLabel: "hideLabel", indicator: "indicator", label: "label", loading: "loading", maxLength: "maxLength", message: "message", minLength: "minLength", name: "name", pattern: "pattern", placeholder: "placeholder", readOnly: "readOnly", required: "required", state: "state", theme: "theme", value: "value" }, outputs: { blur: "blur", change: "change", input: "input" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
916
|
+
}
|
|
917
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PInputTel, decorators: [{
|
|
918
|
+
type: Component,
|
|
919
|
+
args: [{
|
|
920
|
+
selector: 'p-input-tel,[p-input-tel]',
|
|
921
|
+
template: '<ng-content />',
|
|
922
|
+
inputs: ['autoComplete', 'compact', 'description', 'disabled', 'form', 'hideLabel', 'indicator', 'label', 'loading', 'maxLength', 'message', 'minLength', 'name', 'pattern', 'placeholder', 'readOnly', 'required', 'state', 'theme', 'value'],
|
|
923
|
+
outputs: ['blur', 'change', 'input'],
|
|
924
|
+
standalone: false
|
|
925
|
+
}]
|
|
926
|
+
}] });
|
|
927
|
+
|
|
797
928
|
class PInputText extends BaseComponentWithTheme {
|
|
798
929
|
autoComplete;
|
|
799
930
|
compact;
|
|
@@ -832,6 +963,80 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
|
|
|
832
963
|
}]
|
|
833
964
|
}] });
|
|
834
965
|
|
|
966
|
+
class PInputTime extends BaseComponentWithTheme {
|
|
967
|
+
autoComplete;
|
|
968
|
+
compact;
|
|
969
|
+
description;
|
|
970
|
+
disabled;
|
|
971
|
+
form;
|
|
972
|
+
hideLabel;
|
|
973
|
+
label;
|
|
974
|
+
loading;
|
|
975
|
+
max;
|
|
976
|
+
message;
|
|
977
|
+
min;
|
|
978
|
+
name;
|
|
979
|
+
readOnly;
|
|
980
|
+
required;
|
|
981
|
+
state;
|
|
982
|
+
step;
|
|
983
|
+
theme;
|
|
984
|
+
value;
|
|
985
|
+
blur = new EventEmitter();
|
|
986
|
+
change = new EventEmitter();
|
|
987
|
+
input = new EventEmitter();
|
|
988
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PInputTime, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
989
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: PInputTime, isStandalone: false, selector: "p-input-time,[p-input-time]", inputs: { autoComplete: "autoComplete", compact: "compact", description: "description", disabled: "disabled", form: "form", hideLabel: "hideLabel", label: "label", loading: "loading", max: "max", message: "message", min: "min", name: "name", readOnly: "readOnly", required: "required", state: "state", step: "step", theme: "theme", value: "value" }, outputs: { blur: "blur", change: "change", input: "input" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
990
|
+
}
|
|
991
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PInputTime, decorators: [{
|
|
992
|
+
type: Component,
|
|
993
|
+
args: [{
|
|
994
|
+
selector: 'p-input-time,[p-input-time]',
|
|
995
|
+
template: '<ng-content />',
|
|
996
|
+
inputs: ['autoComplete', 'compact', 'description', 'disabled', 'form', 'hideLabel', 'label', 'loading', 'max', 'message', 'min', 'name', 'readOnly', 'required', 'state', 'step', 'theme', 'value'],
|
|
997
|
+
outputs: ['blur', 'change', 'input'],
|
|
998
|
+
standalone: false
|
|
999
|
+
}]
|
|
1000
|
+
}] });
|
|
1001
|
+
|
|
1002
|
+
class PInputUrl extends BaseComponentWithTheme {
|
|
1003
|
+
autoComplete;
|
|
1004
|
+
compact;
|
|
1005
|
+
description;
|
|
1006
|
+
disabled;
|
|
1007
|
+
form;
|
|
1008
|
+
hideLabel;
|
|
1009
|
+
indicator;
|
|
1010
|
+
label;
|
|
1011
|
+
loading;
|
|
1012
|
+
maxLength;
|
|
1013
|
+
message;
|
|
1014
|
+
minLength;
|
|
1015
|
+
name;
|
|
1016
|
+
pattern;
|
|
1017
|
+
placeholder;
|
|
1018
|
+
readOnly;
|
|
1019
|
+
required;
|
|
1020
|
+
state;
|
|
1021
|
+
theme;
|
|
1022
|
+
value;
|
|
1023
|
+
blur = new EventEmitter();
|
|
1024
|
+
change = new EventEmitter();
|
|
1025
|
+
input = new EventEmitter();
|
|
1026
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PInputUrl, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1027
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: PInputUrl, isStandalone: false, selector: "p-input-url,[p-input-url]", inputs: { autoComplete: "autoComplete", compact: "compact", description: "description", disabled: "disabled", form: "form", hideLabel: "hideLabel", indicator: "indicator", label: "label", loading: "loading", maxLength: "maxLength", message: "message", minLength: "minLength", name: "name", pattern: "pattern", placeholder: "placeholder", readOnly: "readOnly", required: "required", state: "state", theme: "theme", value: "value" }, outputs: { blur: "blur", change: "change", input: "input" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
1028
|
+
}
|
|
1029
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PInputUrl, decorators: [{
|
|
1030
|
+
type: Component,
|
|
1031
|
+
args: [{
|
|
1032
|
+
selector: 'p-input-url,[p-input-url]',
|
|
1033
|
+
template: '<ng-content />',
|
|
1034
|
+
inputs: ['autoComplete', 'compact', 'description', 'disabled', 'form', 'hideLabel', 'indicator', 'label', 'loading', 'maxLength', 'message', 'minLength', 'name', 'pattern', 'placeholder', 'readOnly', 'required', 'state', 'theme', 'value'],
|
|
1035
|
+
outputs: ['blur', 'change', 'input'],
|
|
1036
|
+
standalone: false
|
|
1037
|
+
}]
|
|
1038
|
+
}] });
|
|
1039
|
+
|
|
835
1040
|
class PLink extends BaseComponentWithTheme {
|
|
836
1041
|
aria;
|
|
837
1042
|
compact;
|
|
@@ -1060,6 +1265,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
|
|
|
1060
1265
|
}] });
|
|
1061
1266
|
|
|
1062
1267
|
class PMultiSelect extends BaseComponentWithTheme {
|
|
1268
|
+
compact;
|
|
1063
1269
|
description;
|
|
1064
1270
|
disabled;
|
|
1065
1271
|
dropdownDirection;
|
|
@@ -1074,14 +1280,14 @@ class PMultiSelect extends BaseComponentWithTheme {
|
|
|
1074
1280
|
value;
|
|
1075
1281
|
update = new EventEmitter();
|
|
1076
1282
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PMultiSelect, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1077
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: PMultiSelect, isStandalone: false, selector: "p-multi-select,[p-multi-select]", inputs: { description: "description", disabled: "disabled", dropdownDirection: "dropdownDirection", form: "form", hideLabel: "hideLabel", label: "label", message: "message", name: "name", required: "required", state: "state", theme: "theme", value: "value" }, outputs: { update: "update" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
1283
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: PMultiSelect, isStandalone: false, selector: "p-multi-select,[p-multi-select]", inputs: { compact: "compact", description: "description", disabled: "disabled", dropdownDirection: "dropdownDirection", form: "form", hideLabel: "hideLabel", label: "label", message: "message", name: "name", required: "required", state: "state", theme: "theme", value: "value" }, outputs: { update: "update" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
1078
1284
|
}
|
|
1079
1285
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PMultiSelect, decorators: [{
|
|
1080
1286
|
type: Component,
|
|
1081
1287
|
args: [{
|
|
1082
1288
|
selector: 'p-multi-select,[p-multi-select]',
|
|
1083
1289
|
template: '<ng-content />',
|
|
1084
|
-
inputs: ['description', 'disabled', 'dropdownDirection', 'form', 'hideLabel', 'label', 'message', 'name', 'required', 'state', 'theme', 'value'],
|
|
1290
|
+
inputs: ['compact', 'description', 'disabled', 'dropdownDirection', 'form', 'hideLabel', 'label', 'message', 'name', 'required', 'state', 'theme', 'value'],
|
|
1085
1291
|
outputs: ['update'],
|
|
1086
1292
|
standalone: false
|
|
1087
1293
|
}]
|
|
@@ -1227,6 +1433,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
|
|
|
1227
1433
|
class PScroller extends BaseComponentWithTheme {
|
|
1228
1434
|
alignScrollIndicator;
|
|
1229
1435
|
aria;
|
|
1436
|
+
/** @deprecated */
|
|
1230
1437
|
gradientColor;
|
|
1231
1438
|
/** @deprecated */
|
|
1232
1439
|
gradientColorScheme;
|
|
@@ -1573,6 +1780,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
|
|
|
1573
1780
|
|
|
1574
1781
|
class PTabs extends BaseComponentWithTheme {
|
|
1575
1782
|
activeTabIndex;
|
|
1783
|
+
/** @deprecated */
|
|
1576
1784
|
gradientColor;
|
|
1577
1785
|
/** @deprecated */
|
|
1578
1786
|
gradientColorScheme;
|
|
@@ -1598,6 +1806,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
|
|
|
1598
1806
|
|
|
1599
1807
|
class PTabsBar extends BaseComponentWithTheme {
|
|
1600
1808
|
activeTabIndex;
|
|
1809
|
+
/** @deprecated */
|
|
1601
1810
|
gradientColor;
|
|
1602
1811
|
/** @deprecated */
|
|
1603
1812
|
gradientColorScheme;
|
|
@@ -1874,6 +2083,7 @@ const DECLARATIONS = [
|
|
|
1874
2083
|
PDrilldownLink,
|
|
1875
2084
|
PFieldset,
|
|
1876
2085
|
PFieldsetWrapper,
|
|
2086
|
+
PFlag,
|
|
1877
2087
|
PFlex,
|
|
1878
2088
|
PFlexItem,
|
|
1879
2089
|
PFlyout,
|
|
@@ -1883,10 +2093,15 @@ const DECLARATIONS = [
|
|
|
1883
2093
|
PHeadline,
|
|
1884
2094
|
PIcon,
|
|
1885
2095
|
PInlineNotification,
|
|
2096
|
+
PInputDate,
|
|
2097
|
+
PInputEmail,
|
|
1886
2098
|
PInputNumber,
|
|
1887
2099
|
PInputPassword,
|
|
1888
2100
|
PInputSearch,
|
|
2101
|
+
PInputTel,
|
|
1889
2102
|
PInputText,
|
|
2103
|
+
PInputTime,
|
|
2104
|
+
PInputUrl,
|
|
1890
2105
|
PLink,
|
|
1891
2106
|
PLinkPure,
|
|
1892
2107
|
PLinkSocial,
|
|
@@ -1961,7 +2176,7 @@ class PorscheDesignSystemModule {
|
|
|
1961
2176
|
};
|
|
1962
2177
|
}
|
|
1963
2178
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PorscheDesignSystemModule, deps: [{ token: DefaultConfig, optional: true }], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1964
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: PorscheDesignSystemModule, declarations: [PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PButtonTile, PCanvas, PCarousel, PCheckbox, PCheckboxWrapper, PContentWrapper, PCrest, PDisplay, PDivider, PDrilldown, PDrilldownItem, PDrilldownLink, PFieldset, PFieldsetWrapper, PFlex, PFlexItem, PFlyout, PGrid, PGridItem, PHeading, PHeadline, PIcon, PInlineNotification, PInputNumber, PInputPassword, PInputSearch, PInputText, PLink, PLinkPure, PLinkSocial, PLinkTile, PLinkTileModelSignature, PLinkTileProduct, PMarque, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, POptgroup, PPagination, PPinCode, PPopover, PRadioButtonWrapper, PScroller, PSegmentedControl, PSegmentedControlItem, PSelect, PSelectOption, PSelectWrapper, PSheet, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextFieldWrapper, PTextList, PTextListItem, PTextarea, PTextareaWrapper, PToast, PWordmark], exports: [PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PButtonTile, PCanvas, PCarousel, PCheckbox, PCheckboxWrapper, PContentWrapper, PCrest, PDisplay, PDivider, PDrilldown, PDrilldownItem, PDrilldownLink, PFieldset, PFieldsetWrapper, PFlex, PFlexItem, PFlyout, PGrid, PGridItem, PHeading, PHeadline, PIcon, PInlineNotification, PInputNumber, PInputPassword, PInputSearch, PInputText, PLink, PLinkPure, PLinkSocial, PLinkTile, PLinkTileModelSignature, PLinkTileProduct, PMarque, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, POptgroup, PPagination, PPinCode, PPopover, PRadioButtonWrapper, PScroller, PSegmentedControl, PSegmentedControlItem, PSelect, PSelectOption, PSelectWrapper, PSheet, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextFieldWrapper, PTextList, PTextListItem, PTextarea, PTextareaWrapper, PToast, PWordmark] });
|
|
2179
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: PorscheDesignSystemModule, declarations: [PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PButtonTile, PCanvas, PCarousel, PCheckbox, PCheckboxWrapper, PContentWrapper, PCrest, PDisplay, PDivider, PDrilldown, PDrilldownItem, PDrilldownLink, PFieldset, PFieldsetWrapper, PFlag, PFlex, PFlexItem, PFlyout, PGrid, PGridItem, PHeading, PHeadline, PIcon, PInlineNotification, PInputDate, PInputEmail, PInputNumber, PInputPassword, PInputSearch, PInputTel, PInputText, PInputTime, PInputUrl, PLink, PLinkPure, PLinkSocial, PLinkTile, PLinkTileModelSignature, PLinkTileProduct, PMarque, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, POptgroup, PPagination, PPinCode, PPopover, PRadioButtonWrapper, PScroller, PSegmentedControl, PSegmentedControlItem, PSelect, PSelectOption, PSelectWrapper, PSheet, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextFieldWrapper, PTextList, PTextListItem, PTextarea, PTextareaWrapper, PToast, PWordmark], exports: [PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PButtonTile, PCanvas, PCarousel, PCheckbox, PCheckboxWrapper, PContentWrapper, PCrest, PDisplay, PDivider, PDrilldown, PDrilldownItem, PDrilldownLink, PFieldset, PFieldsetWrapper, PFlag, PFlex, PFlexItem, PFlyout, PGrid, PGridItem, PHeading, PHeadline, PIcon, PInlineNotification, PInputDate, PInputEmail, PInputNumber, PInputPassword, PInputSearch, PInputTel, PInputText, PInputTime, PInputUrl, PLink, PLinkPure, PLinkSocial, PLinkTile, PLinkTileModelSignature, PLinkTileProduct, PMarque, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, POptgroup, PPagination, PPinCode, PPopover, PRadioButtonWrapper, PScroller, PSegmentedControl, PSegmentedControlItem, PSelect, PSelectOption, PSelectWrapper, PSheet, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextFieldWrapper, PTextList, PTextListItem, PTextarea, PTextareaWrapper, PToast, PWordmark] });
|
|
1965
2180
|
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: PorscheDesignSystemModule, providers: [
|
|
1966
2181
|
{
|
|
1967
2182
|
provide: THEME_TOKEN,
|
|
@@ -2004,5 +2219,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
|
|
|
2004
2219
|
* Generated bundle index. Do not edit.
|
|
2005
2220
|
*/
|
|
2006
2221
|
|
|
2007
|
-
export { DECLARATIONS, PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PButtonTile, PCanvas, PCarousel, PCheckbox, PCheckboxWrapper, PContentWrapper, PCrest, PDisplay, PDivider, PDrilldown, PDrilldownItem, PDrilldownLink, PFieldset, PFieldsetWrapper, PFlex, PFlexItem, PFlyout, PGrid, PGridItem, PHeading, PHeadline, PIcon, PInlineNotification, PInputNumber, PInputPassword, PInputSearch, PInputText, PLink, PLinkPure, PLinkSocial, PLinkTile, PLinkTileModelSignature, PLinkTileProduct, PMarque, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, POptgroup, PPagination, PPinCode, PPopover, PRadioButtonWrapper, PScroller, PSegmentedControl, PSegmentedControlItem, PSelect, PSelectOption, PSelectWrapper, PSheet, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextFieldWrapper, PTextList, PTextListItem, PTextarea, PTextareaWrapper, PToast, PWordmark, PorscheDesignSystemModule, THEME_TOKEN, ToastManager };
|
|
2222
|
+
export { DECLARATIONS, PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PButtonTile, PCanvas, PCarousel, PCheckbox, PCheckboxWrapper, PContentWrapper, PCrest, PDisplay, PDivider, PDrilldown, PDrilldownItem, PDrilldownLink, PFieldset, PFieldsetWrapper, PFlag, PFlex, PFlexItem, PFlyout, PGrid, PGridItem, PHeading, PHeadline, PIcon, PInlineNotification, PInputDate, PInputEmail, PInputNumber, PInputPassword, PInputSearch, PInputTel, PInputText, PInputTime, PInputUrl, PLink, PLinkPure, PLinkSocial, PLinkTile, PLinkTileModelSignature, PLinkTileProduct, PMarque, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, POptgroup, PPagination, PPinCode, PPopover, PRadioButtonWrapper, PScroller, PSegmentedControl, PSegmentedControlItem, PSelect, PSelectOption, PSelectWrapper, PSheet, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextFieldWrapper, PTextList, PTextListItem, PTextarea, PTextareaWrapper, PToast, PWordmark, PorscheDesignSystemModule, THEME_TOKEN, ToastManager };
|
|
2008
2223
|
//# sourceMappingURL=porsche-design-system-components-angular.mjs.map
|