@porsche-design-system/components-angular 3.31.0 → 3.32.0-rc.1
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,55 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
|
|
|
14
14
|
|
|
15
15
|
## [Unreleased]
|
|
16
16
|
|
|
17
|
+
## [3.32.0-rc.1] - 2026-01-12
|
|
18
|
+
|
|
19
|
+
### Added
|
|
20
|
+
- `AG Grid`: Relaxed peer dependency to support AG Grid new major version 35
|
|
21
|
+
([#4143](https://github.com/porsche-design-system/porsche-design-system/issues/4143))
|
|
22
|
+
|
|
23
|
+
### Fixed
|
|
24
|
+
|
|
25
|
+
- `Radio Group Option`: missing `delegatesFocus`
|
|
26
|
+
([#4135](https://github.com/porsche-design-system/porsche-design-system/pull/4135))
|
|
27
|
+
|
|
28
|
+
## [3.32.0-rc.0] - 2025-12-16
|
|
29
|
+
|
|
30
|
+
### Added
|
|
31
|
+
|
|
32
|
+
- `Multi Select, Select`:
|
|
33
|
+
- `selected` slot for custom selection rendering and enabling complex options
|
|
34
|
+
- `options-status` slot for loading, error and no results states when using custom filtering
|
|
35
|
+
([#4111](https://github.com/porsche-design-system/porsche-design-system/pull/4111))
|
|
36
|
+
- `Multi Select, Select`:
|
|
37
|
+
- `filter` slot to allow custom asynchronous filtering
|
|
38
|
+
- `toggle` event when opening/closing the dropdown
|
|
39
|
+
([#4089](https://github.com/porsche-design-system/porsche-design-system/pull/4089))
|
|
40
|
+
- `Segmented Control`: add `state` and `message` props to enable visual validation states
|
|
41
|
+
([#4023](https://github.com/porsche-design-system/porsche-design-system/pull/4023)) `Segmented Control`: add `label`,
|
|
42
|
+
- `Segmented Control`: `label`, `desription`, `hideLabel` and `required` props for better form integration
|
|
43
|
+
([#4023](https://github.com/porsche-design-system/porsche-design-system/pull/4023))
|
|
44
|
+
- `Textarea`: `compact` prop to enable a smaller, space-saving version for compact layouts
|
|
45
|
+
([#4102](https://github.com/porsche-design-system/porsche-design-system/pull/4102))
|
|
46
|
+
- `Tag Dismissible`: `compact` prop to enable a smaller, space-saving version for compact layouts
|
|
47
|
+
([#4114](https://github.com/porsche-design-system/porsche-design-system/pull/4114))
|
|
48
|
+
- Flags: added `AL, BD, RE` flags ([#4128](https://github.com/porsche-design-system/porsche-design-system/pull/4128))
|
|
49
|
+
- `Input Month`, `Input Week`: ([#4126](https://github.com/porsche-design-system/porsche-design-system/pull/4126))
|
|
50
|
+
- `Input Search`: `maxLength` & `minLength` prop to specify the maximum and minimum number of characters the user can
|
|
51
|
+
enter ([#4131](https://github.com/porsche-design-system/porsche-design-system/pull/4131))
|
|
52
|
+
- `Textarea`: add CSS Variables for `fieldSizing`, `minWidth`, `maxWidth`, `minHeight`, `maxHeight` to control the
|
|
53
|
+
intrinsic sizing behavior ([#4132](https://github.com/porsche-design-system/porsche-design-system/pull/4132))
|
|
54
|
+
|
|
55
|
+
### Fixed
|
|
56
|
+
|
|
57
|
+
- `Checkbox`: missing deprecation for `CheckboxUpdateEventDetail` event & disabled prop is not mutable
|
|
58
|
+
- `Input Date`, `Input Email`, `Input Number`, `Input Password`, `Input Search`, `Input Tel`, `Input Text`,
|
|
59
|
+
`Input Time`, `Input Url`, `Textarea`: disabled prop is not mutable & error when disabled and invalid
|
|
60
|
+
- `Multi Select`, `Pin Code`, `Radio Group`, `Textarea`: disabled prop is not mutable
|
|
61
|
+
([#4118](https://github.com/porsche-design-system/porsche-design-system/pull/4118))
|
|
62
|
+
([#4121](https://github.com/porsche-design-system/porsche-design-system/pull/4121))
|
|
63
|
+
- `Multi Select`: trim whitespace of selected options text
|
|
64
|
+
([#4132](https://github.com/porsche-design-system/porsche-design-system/pull/4132))
|
|
65
|
+
|
|
17
66
|
## [3.31.0] - 2025-11-13
|
|
18
67
|
|
|
19
68
|
## [3.31.0-rc.0] - 2025-11-11
|
|
@@ -128,6 +128,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
|
|
|
128
128
|
}]
|
|
129
129
|
}] });
|
|
130
130
|
|
|
131
|
+
/** @deprecated since v3.32.0, will be removed with next major release. Use simple styles instead. */
|
|
131
132
|
class PButtonGroup extends BaseComponent {
|
|
132
133
|
direction;
|
|
133
134
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PButtonGroup, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
@@ -901,6 +902,82 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
|
|
|
901
902
|
}]
|
|
902
903
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }] });
|
|
903
904
|
|
|
905
|
+
class PInputMonth extends BaseComponentWithTheme {
|
|
906
|
+
_renderer;
|
|
907
|
+
_elementRef;
|
|
908
|
+
_cdr;
|
|
909
|
+
autoComplete;
|
|
910
|
+
compact;
|
|
911
|
+
description;
|
|
912
|
+
disabled;
|
|
913
|
+
form;
|
|
914
|
+
hideLabel;
|
|
915
|
+
label;
|
|
916
|
+
loading;
|
|
917
|
+
max;
|
|
918
|
+
message;
|
|
919
|
+
min;
|
|
920
|
+
name;
|
|
921
|
+
readOnly;
|
|
922
|
+
required;
|
|
923
|
+
state;
|
|
924
|
+
step;
|
|
925
|
+
theme;
|
|
926
|
+
value;
|
|
927
|
+
blur = new EventEmitter();
|
|
928
|
+
change = new EventEmitter();
|
|
929
|
+
input = new EventEmitter();
|
|
930
|
+
constructor(_renderer, _elementRef, _cdr) {
|
|
931
|
+
super(_cdr, _elementRef);
|
|
932
|
+
this._renderer = _renderer;
|
|
933
|
+
this._elementRef = _elementRef;
|
|
934
|
+
this._cdr = _cdr;
|
|
935
|
+
}
|
|
936
|
+
_onChange = () => { };
|
|
937
|
+
_onTouched = () => { };
|
|
938
|
+
writeValue(value) {
|
|
939
|
+
this._renderer.setProperty(this._elementRef.nativeElement, 'value', value);
|
|
940
|
+
}
|
|
941
|
+
registerOnChange(fn) {
|
|
942
|
+
this._onChange = fn;
|
|
943
|
+
}
|
|
944
|
+
registerOnTouched(fn) {
|
|
945
|
+
this._onTouched = fn;
|
|
946
|
+
}
|
|
947
|
+
setDisabledState(isDisabled) {
|
|
948
|
+
this._renderer.setProperty(this._elementRef.nativeElement, 'disabled', isDisabled);
|
|
949
|
+
}
|
|
950
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PInputMonth, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
951
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: PInputMonth, isStandalone: false, selector: "p-input-month,[p-input-month]", 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" }, host: { listeners: { "input": "_onChange($event.target.value)", "blur": "_onTouched()" } }, providers: [
|
|
952
|
+
{
|
|
953
|
+
provide: NG_VALUE_ACCESSOR,
|
|
954
|
+
useExisting: forwardRef(() => PInputMonth),
|
|
955
|
+
multi: true,
|
|
956
|
+
},
|
|
957
|
+
], usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
958
|
+
}
|
|
959
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PInputMonth, decorators: [{
|
|
960
|
+
type: Component,
|
|
961
|
+
args: [{
|
|
962
|
+
selector: 'p-input-month,[p-input-month]',
|
|
963
|
+
template: '<ng-content />',
|
|
964
|
+
inputs: ['autoComplete', 'compact', 'description', 'disabled', 'form', 'hideLabel', 'label', 'loading', 'max', 'message', 'min', 'name', 'readOnly', 'required', 'state', 'step', 'theme', 'value'],
|
|
965
|
+
outputs: ['blur', 'change', 'input'],
|
|
966
|
+
standalone: false,
|
|
967
|
+
providers: [
|
|
968
|
+
{
|
|
969
|
+
provide: NG_VALUE_ACCESSOR,
|
|
970
|
+
useExisting: forwardRef(() => PInputMonth),
|
|
971
|
+
multi: true,
|
|
972
|
+
},
|
|
973
|
+
],
|
|
974
|
+
host: {
|
|
975
|
+
'(input)': '_onChange($event.target.value)',
|
|
976
|
+
'(blur)': '_onTouched()'
|
|
977
|
+
}
|
|
978
|
+
}]
|
|
979
|
+
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }] });
|
|
980
|
+
|
|
904
981
|
class PInputNumber extends BaseComponentWithTheme {
|
|
905
982
|
_renderer;
|
|
906
983
|
_elementRef;
|
|
@@ -1070,7 +1147,9 @@ class PInputSearch extends BaseComponentWithTheme {
|
|
|
1070
1147
|
indicator;
|
|
1071
1148
|
label;
|
|
1072
1149
|
loading;
|
|
1150
|
+
maxLength;
|
|
1073
1151
|
message;
|
|
1152
|
+
minLength;
|
|
1074
1153
|
name;
|
|
1075
1154
|
placeholder;
|
|
1076
1155
|
readOnly;
|
|
@@ -1102,7 +1181,7 @@ class PInputSearch extends BaseComponentWithTheme {
|
|
|
1102
1181
|
this._renderer.setProperty(this._elementRef.nativeElement, 'disabled', isDisabled);
|
|
1103
1182
|
}
|
|
1104
1183
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PInputSearch, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1105
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: PInputSearch, isStandalone: false, selector: "p-input-search,[p-input-search]", inputs: { autoComplete: "autoComplete", clear: "clear", compact: "compact", description: "description", disabled: "disabled", form: "form", hideLabel: "hideLabel", indicator: "indicator", label: "label", loading: "loading", message: "message", name: "name", placeholder: "placeholder", readOnly: "readOnly", required: "required", state: "state", theme: "theme", value: "value" }, outputs: { blur: "blur", change: "change", input: "input" }, host: { listeners: { "input": "_onChange($event.target.value)", "blur": "_onTouched()" } }, providers: [
|
|
1184
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: PInputSearch, isStandalone: false, selector: "p-input-search,[p-input-search]", inputs: { autoComplete: "autoComplete", clear: "clear", compact: "compact", description: "description", disabled: "disabled", form: "form", hideLabel: "hideLabel", indicator: "indicator", label: "label", loading: "loading", maxLength: "maxLength", message: "message", minLength: "minLength", name: "name", placeholder: "placeholder", readOnly: "readOnly", required: "required", state: "state", theme: "theme", value: "value" }, outputs: { blur: "blur", change: "change", input: "input" }, host: { listeners: { "input": "_onChange($event.target.value)", "blur": "_onTouched()" } }, providers: [
|
|
1106
1185
|
{
|
|
1107
1186
|
provide: NG_VALUE_ACCESSOR,
|
|
1108
1187
|
useExisting: forwardRef(() => PInputSearch),
|
|
@@ -1115,7 +1194,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
|
|
|
1115
1194
|
args: [{
|
|
1116
1195
|
selector: 'p-input-search,[p-input-search]',
|
|
1117
1196
|
template: '<ng-content />',
|
|
1118
|
-
inputs: ['autoComplete', 'clear', 'compact', 'description', 'disabled', 'form', 'hideLabel', 'indicator', 'label', 'loading', 'message', 'name', 'placeholder', 'readOnly', 'required', 'state', 'theme', 'value'],
|
|
1197
|
+
inputs: ['autoComplete', 'clear', 'compact', 'description', 'disabled', 'form', 'hideLabel', 'indicator', 'label', 'loading', 'maxLength', 'message', 'minLength', 'name', 'placeholder', 'readOnly', 'required', 'state', 'theme', 'value'],
|
|
1119
1198
|
outputs: ['blur', 'change', 'input'],
|
|
1120
1199
|
standalone: false,
|
|
1121
1200
|
providers: [
|
|
@@ -1442,6 +1521,82 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
|
|
|
1442
1521
|
}]
|
|
1443
1522
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }] });
|
|
1444
1523
|
|
|
1524
|
+
class PInputWeek extends BaseComponentWithTheme {
|
|
1525
|
+
_renderer;
|
|
1526
|
+
_elementRef;
|
|
1527
|
+
_cdr;
|
|
1528
|
+
autoComplete;
|
|
1529
|
+
compact;
|
|
1530
|
+
description;
|
|
1531
|
+
disabled;
|
|
1532
|
+
form;
|
|
1533
|
+
hideLabel;
|
|
1534
|
+
label;
|
|
1535
|
+
loading;
|
|
1536
|
+
max;
|
|
1537
|
+
message;
|
|
1538
|
+
min;
|
|
1539
|
+
name;
|
|
1540
|
+
readOnly;
|
|
1541
|
+
required;
|
|
1542
|
+
state;
|
|
1543
|
+
step;
|
|
1544
|
+
theme;
|
|
1545
|
+
value;
|
|
1546
|
+
blur = new EventEmitter();
|
|
1547
|
+
change = new EventEmitter();
|
|
1548
|
+
input = new EventEmitter();
|
|
1549
|
+
constructor(_renderer, _elementRef, _cdr) {
|
|
1550
|
+
super(_cdr, _elementRef);
|
|
1551
|
+
this._renderer = _renderer;
|
|
1552
|
+
this._elementRef = _elementRef;
|
|
1553
|
+
this._cdr = _cdr;
|
|
1554
|
+
}
|
|
1555
|
+
_onChange = () => { };
|
|
1556
|
+
_onTouched = () => { };
|
|
1557
|
+
writeValue(value) {
|
|
1558
|
+
this._renderer.setProperty(this._elementRef.nativeElement, 'value', value);
|
|
1559
|
+
}
|
|
1560
|
+
registerOnChange(fn) {
|
|
1561
|
+
this._onChange = fn;
|
|
1562
|
+
}
|
|
1563
|
+
registerOnTouched(fn) {
|
|
1564
|
+
this._onTouched = fn;
|
|
1565
|
+
}
|
|
1566
|
+
setDisabledState(isDisabled) {
|
|
1567
|
+
this._renderer.setProperty(this._elementRef.nativeElement, 'disabled', isDisabled);
|
|
1568
|
+
}
|
|
1569
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PInputWeek, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1570
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: PInputWeek, isStandalone: false, selector: "p-input-week,[p-input-week]", 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" }, host: { listeners: { "input": "_onChange($event.target.value)", "blur": "_onTouched()" } }, providers: [
|
|
1571
|
+
{
|
|
1572
|
+
provide: NG_VALUE_ACCESSOR,
|
|
1573
|
+
useExisting: forwardRef(() => PInputWeek),
|
|
1574
|
+
multi: true,
|
|
1575
|
+
},
|
|
1576
|
+
], usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
1577
|
+
}
|
|
1578
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PInputWeek, decorators: [{
|
|
1579
|
+
type: Component,
|
|
1580
|
+
args: [{
|
|
1581
|
+
selector: 'p-input-week,[p-input-week]',
|
|
1582
|
+
template: '<ng-content />',
|
|
1583
|
+
inputs: ['autoComplete', 'compact', 'description', 'disabled', 'form', 'hideLabel', 'label', 'loading', 'max', 'message', 'min', 'name', 'readOnly', 'required', 'state', 'step', 'theme', 'value'],
|
|
1584
|
+
outputs: ['blur', 'change', 'input'],
|
|
1585
|
+
standalone: false,
|
|
1586
|
+
providers: [
|
|
1587
|
+
{
|
|
1588
|
+
provide: NG_VALUE_ACCESSOR,
|
|
1589
|
+
useExisting: forwardRef(() => PInputWeek),
|
|
1590
|
+
multi: true,
|
|
1591
|
+
},
|
|
1592
|
+
],
|
|
1593
|
+
host: {
|
|
1594
|
+
'(input)': '_onChange($event.target.value)',
|
|
1595
|
+
'(blur)': '_onTouched()'
|
|
1596
|
+
}
|
|
1597
|
+
}]
|
|
1598
|
+
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }] });
|
|
1599
|
+
|
|
1445
1600
|
class PLink extends BaseComponentWithTheme {
|
|
1446
1601
|
aria;
|
|
1447
1602
|
compact;
|
|
@@ -1688,6 +1843,7 @@ class PMultiSelect extends BaseComponentWithTheme {
|
|
|
1688
1843
|
value;
|
|
1689
1844
|
blur = new EventEmitter();
|
|
1690
1845
|
change = new EventEmitter();
|
|
1846
|
+
toggle = new EventEmitter();
|
|
1691
1847
|
/** @deprecated */
|
|
1692
1848
|
update = new EventEmitter();
|
|
1693
1849
|
constructor(_renderer, _elementRef, _cdr) {
|
|
@@ -1711,7 +1867,7 @@ class PMultiSelect extends BaseComponentWithTheme {
|
|
|
1711
1867
|
this._renderer.setProperty(this._elementRef.nativeElement, 'disabled', isDisabled);
|
|
1712
1868
|
}
|
|
1713
1869
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PMultiSelect, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1714
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", 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: { blur: "blur", change: "change", update: "update" }, host: { listeners: { "change": "_onChange($event.target.value)", "blur": "_onTouched()" } }, providers: [
|
|
1870
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", 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: { blur: "blur", change: "change", toggle: "toggle", update: "update" }, host: { listeners: { "change": "_onChange($event.target.value)", "blur": "_onTouched()" } }, providers: [
|
|
1715
1871
|
{
|
|
1716
1872
|
provide: NG_VALUE_ACCESSOR,
|
|
1717
1873
|
useExisting: forwardRef(() => PMultiSelect),
|
|
@@ -1725,7 +1881,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
|
|
|
1725
1881
|
selector: 'p-multi-select,[p-multi-select]',
|
|
1726
1882
|
template: '<ng-content />',
|
|
1727
1883
|
inputs: ['compact', 'description', 'disabled', 'dropdownDirection', 'form', 'hideLabel', 'label', 'message', 'name', 'required', 'state', 'theme', 'value'],
|
|
1728
|
-
outputs: ['blur', 'change', 'update'],
|
|
1884
|
+
outputs: ['blur', 'change', 'toggle', 'update'],
|
|
1729
1885
|
standalone: false,
|
|
1730
1886
|
providers: [
|
|
1731
1887
|
{
|
|
@@ -2042,9 +2198,15 @@ class PSegmentedControl extends BaseComponentWithTheme {
|
|
|
2042
2198
|
backgroundColor;
|
|
2043
2199
|
columns;
|
|
2044
2200
|
compact;
|
|
2201
|
+
description;
|
|
2045
2202
|
disabled;
|
|
2046
2203
|
form;
|
|
2204
|
+
hideLabel;
|
|
2205
|
+
label;
|
|
2206
|
+
message;
|
|
2047
2207
|
name;
|
|
2208
|
+
required;
|
|
2209
|
+
state;
|
|
2048
2210
|
theme;
|
|
2049
2211
|
value;
|
|
2050
2212
|
blur = new EventEmitter();
|
|
@@ -2074,7 +2236,7 @@ class PSegmentedControl extends BaseComponentWithTheme {
|
|
|
2074
2236
|
this._renderer.setProperty(this._elementRef.nativeElement, 'disabled', isDisabled);
|
|
2075
2237
|
}
|
|
2076
2238
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PSegmentedControl, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2077
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: PSegmentedControl, isStandalone: false, selector: "p-segmented-control,[p-segmented-control]", inputs: { backgroundColor: "backgroundColor", columns: "columns", compact: "compact", disabled: "disabled", form: "form", name: "name", theme: "theme", value: "value" }, outputs: { blur: "blur", change: "change", segmentedControlChange: "segmentedControlChange", update: "update" }, host: { listeners: { "change": "_onChange($event.target.value)", "blur": "_onTouched()" } }, providers: [
|
|
2239
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: PSegmentedControl, isStandalone: false, selector: "p-segmented-control,[p-segmented-control]", inputs: { backgroundColor: "backgroundColor", columns: "columns", compact: "compact", description: "description", disabled: "disabled", form: "form", hideLabel: "hideLabel", label: "label", message: "message", name: "name", required: "required", state: "state", theme: "theme", value: "value" }, outputs: { blur: "blur", change: "change", segmentedControlChange: "segmentedControlChange", update: "update" }, host: { listeners: { "change": "_onChange($event.target.value)", "blur": "_onTouched()" } }, providers: [
|
|
2078
2240
|
{
|
|
2079
2241
|
provide: NG_VALUE_ACCESSOR,
|
|
2080
2242
|
useExisting: forwardRef(() => PSegmentedControl),
|
|
@@ -2087,7 +2249,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
|
|
|
2087
2249
|
args: [{
|
|
2088
2250
|
selector: 'p-segmented-control,[p-segmented-control]',
|
|
2089
2251
|
template: '<ng-content />',
|
|
2090
|
-
inputs: ['backgroundColor', 'columns', 'compact', 'disabled', 'form', 'name', 'theme', 'value'],
|
|
2252
|
+
inputs: ['backgroundColor', 'columns', 'compact', 'description', 'disabled', 'form', 'hideLabel', 'label', 'message', 'name', 'required', 'state', 'theme', 'value'],
|
|
2091
2253
|
outputs: ['blur', 'change', 'segmentedControlChange', 'update'],
|
|
2092
2254
|
standalone: false,
|
|
2093
2255
|
providers: [
|
|
@@ -2144,6 +2306,7 @@ class PSelect extends BaseComponentWithTheme {
|
|
|
2144
2306
|
value;
|
|
2145
2307
|
blur = new EventEmitter();
|
|
2146
2308
|
change = new EventEmitter();
|
|
2309
|
+
toggle = new EventEmitter();
|
|
2147
2310
|
/** @deprecated */
|
|
2148
2311
|
update = new EventEmitter();
|
|
2149
2312
|
constructor(_renderer, _elementRef, _cdr) {
|
|
@@ -2167,7 +2330,7 @@ class PSelect extends BaseComponentWithTheme {
|
|
|
2167
2330
|
this._renderer.setProperty(this._elementRef.nativeElement, 'disabled', isDisabled);
|
|
2168
2331
|
}
|
|
2169
2332
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PSelect, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2170
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: PSelect, isStandalone: false, selector: "p-select,[p-select]", inputs: { compact: "compact", description: "description", disabled: "disabled", dropdownDirection: "dropdownDirection", filter: "filter", form: "form", hideLabel: "hideLabel", label: "label", message: "message", name: "name", required: "required", state: "state", theme: "theme", value: "value" }, outputs: { blur: "blur", change: "change", update: "update" }, host: { listeners: { "change": "_onChange($event.target.value)", "blur": "_onTouched()" } }, providers: [
|
|
2333
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: PSelect, isStandalone: false, selector: "p-select,[p-select]", inputs: { compact: "compact", description: "description", disabled: "disabled", dropdownDirection: "dropdownDirection", filter: "filter", form: "form", hideLabel: "hideLabel", label: "label", message: "message", name: "name", required: "required", state: "state", theme: "theme", value: "value" }, outputs: { blur: "blur", change: "change", toggle: "toggle", update: "update" }, host: { listeners: { "change": "_onChange($event.target.value)", "blur": "_onTouched()" } }, providers: [
|
|
2171
2334
|
{
|
|
2172
2335
|
provide: NG_VALUE_ACCESSOR,
|
|
2173
2336
|
useExisting: forwardRef(() => PSelect),
|
|
@@ -2181,7 +2344,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
|
|
|
2181
2344
|
selector: 'p-select,[p-select]',
|
|
2182
2345
|
template: '<ng-content />',
|
|
2183
2346
|
inputs: ['compact', 'description', 'disabled', 'dropdownDirection', 'filter', 'form', 'hideLabel', 'label', 'message', 'name', 'required', 'state', 'theme', 'value'],
|
|
2184
|
-
outputs: ['blur', 'change', 'update'],
|
|
2347
|
+
outputs: ['blur', 'change', 'toggle', 'update'],
|
|
2185
2348
|
standalone: false,
|
|
2186
2349
|
providers: [
|
|
2187
2350
|
{
|
|
@@ -2534,17 +2697,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
|
|
|
2534
2697
|
class PTagDismissible extends BaseComponentWithTheme {
|
|
2535
2698
|
aria;
|
|
2536
2699
|
color;
|
|
2700
|
+
compact;
|
|
2537
2701
|
label;
|
|
2538
2702
|
theme;
|
|
2539
2703
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PTagDismissible, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
2540
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: PTagDismissible, isStandalone: false, selector: "p-tag-dismissible,[p-tag-dismissible]", inputs: { aria: "aria", color: "color", label: "label", theme: "theme" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
2704
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: PTagDismissible, isStandalone: false, selector: "p-tag-dismissible,[p-tag-dismissible]", inputs: { aria: "aria", color: "color", compact: "compact", label: "label", theme: "theme" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true });
|
|
2541
2705
|
}
|
|
2542
2706
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PTagDismissible, decorators: [{
|
|
2543
2707
|
type: Component,
|
|
2544
2708
|
args: [{
|
|
2545
2709
|
selector: 'p-tag-dismissible,[p-tag-dismissible]',
|
|
2546
2710
|
template: '<ng-content />',
|
|
2547
|
-
inputs: ['aria', 'color', 'label', 'theme'],
|
|
2711
|
+
inputs: ['aria', 'color', 'compact', 'label', 'theme'],
|
|
2548
2712
|
standalone: false
|
|
2549
2713
|
}]
|
|
2550
2714
|
}] });
|
|
@@ -2640,6 +2804,7 @@ class PTextarea extends BaseComponentWithTheme {
|
|
|
2640
2804
|
_elementRef;
|
|
2641
2805
|
_cdr;
|
|
2642
2806
|
autoComplete;
|
|
2807
|
+
compact;
|
|
2643
2808
|
counter;
|
|
2644
2809
|
description;
|
|
2645
2810
|
disabled;
|
|
@@ -2684,7 +2849,7 @@ class PTextarea extends BaseComponentWithTheme {
|
|
|
2684
2849
|
this._renderer.setProperty(this._elementRef.nativeElement, 'disabled', isDisabled);
|
|
2685
2850
|
}
|
|
2686
2851
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PTextarea, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2687
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: PTextarea, isStandalone: false, selector: "p-textarea,[p-textarea]", inputs: { autoComplete: "autoComplete", counter: "counter", description: "description", disabled: "disabled", form: "form", hideLabel: "hideLabel", label: "label", maxLength: "maxLength", message: "message", minLength: "minLength", name: "name", placeholder: "placeholder", readOnly: "readOnly", required: "required", resize: "resize", rows: "rows", spellCheck: "spellCheck", state: "state", theme: "theme", value: "value", wrap: "wrap" }, outputs: { blur: "blur", change: "change", input: "input" }, host: { listeners: { "input": "_onChange($event.target.value)", "blur": "_onTouched()" } }, providers: [
|
|
2852
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.4", type: PTextarea, isStandalone: false, selector: "p-textarea,[p-textarea]", inputs: { autoComplete: "autoComplete", compact: "compact", counter: "counter", description: "description", disabled: "disabled", form: "form", hideLabel: "hideLabel", label: "label", maxLength: "maxLength", message: "message", minLength: "minLength", name: "name", placeholder: "placeholder", readOnly: "readOnly", required: "required", resize: "resize", rows: "rows", spellCheck: "spellCheck", state: "state", theme: "theme", value: "value", wrap: "wrap" }, outputs: { blur: "blur", change: "change", input: "input" }, host: { listeners: { "input": "_onChange($event.target.value)", "blur": "_onTouched()" } }, providers: [
|
|
2688
2853
|
{
|
|
2689
2854
|
provide: NG_VALUE_ACCESSOR,
|
|
2690
2855
|
useExisting: forwardRef(() => PTextarea),
|
|
@@ -2697,7 +2862,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
|
|
|
2697
2862
|
args: [{
|
|
2698
2863
|
selector: 'p-textarea,[p-textarea]',
|
|
2699
2864
|
template: '<ng-content />',
|
|
2700
|
-
inputs: ['autoComplete', 'counter', 'description', 'disabled', 'form', 'hideLabel', 'label', 'maxLength', 'message', 'minLength', 'name', 'placeholder', 'readOnly', 'required', 'resize', 'rows', 'spellCheck', 'state', 'theme', 'value', 'wrap'],
|
|
2865
|
+
inputs: ['autoComplete', 'compact', 'counter', 'description', 'disabled', 'form', 'hideLabel', 'label', 'maxLength', 'message', 'minLength', 'name', 'placeholder', 'readOnly', 'required', 'resize', 'rows', 'spellCheck', 'state', 'theme', 'value', 'wrap'],
|
|
2701
2866
|
outputs: ['blur', 'change', 'input'],
|
|
2702
2867
|
standalone: false,
|
|
2703
2868
|
providers: [
|
|
@@ -2804,6 +2969,7 @@ const DECLARATIONS = [
|
|
|
2804
2969
|
PInlineNotification,
|
|
2805
2970
|
PInputDate,
|
|
2806
2971
|
PInputEmail,
|
|
2972
|
+
PInputMonth,
|
|
2807
2973
|
PInputNumber,
|
|
2808
2974
|
PInputPassword,
|
|
2809
2975
|
PInputSearch,
|
|
@@ -2811,6 +2977,7 @@ const DECLARATIONS = [
|
|
|
2811
2977
|
PInputText,
|
|
2812
2978
|
PInputTime,
|
|
2813
2979
|
PInputUrl,
|
|
2980
|
+
PInputWeek,
|
|
2814
2981
|
PLink,
|
|
2815
2982
|
PLinkPure,
|
|
2816
2983
|
PLinkSocial,
|
|
@@ -2887,7 +3054,7 @@ class PorscheDesignSystemModule {
|
|
|
2887
3054
|
};
|
|
2888
3055
|
}
|
|
2889
3056
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PorscheDesignSystemModule, deps: [{ token: DefaultConfig, optional: true }], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2890
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", 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, PRadioGroup, PRadioGroupOption, 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, PRadioGroup, PRadioGroupOption, 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] });
|
|
3057
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", 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, PInputMonth, PInputNumber, PInputPassword, PInputSearch, PInputTel, PInputText, PInputTime, PInputUrl, PInputWeek, PLink, PLinkPure, PLinkSocial, PLinkTile, PLinkTileModelSignature, PLinkTileProduct, PMarque, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, POptgroup, PPagination, PPinCode, PPopover, PRadioButtonWrapper, PRadioGroup, PRadioGroupOption, 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, PInputMonth, PInputNumber, PInputPassword, PInputSearch, PInputTel, PInputText, PInputTime, PInputUrl, PInputWeek, PLink, PLinkPure, PLinkSocial, PLinkTile, PLinkTileModelSignature, PLinkTileProduct, PMarque, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, POptgroup, PPagination, PPinCode, PPopover, PRadioButtonWrapper, PRadioGroup, PRadioGroupOption, 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] });
|
|
2891
3058
|
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: PorscheDesignSystemModule, providers: [
|
|
2892
3059
|
{
|
|
2893
3060
|
provide: THEME_TOKEN,
|
|
@@ -2930,5 +3097,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
|
|
|
2930
3097
|
* Generated bundle index. Do not edit.
|
|
2931
3098
|
*/
|
|
2932
3099
|
|
|
2933
|
-
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, PRadioGroup, PRadioGroupOption, 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 };
|
|
3100
|
+
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, PInputMonth, PInputNumber, PInputPassword, PInputSearch, PInputTel, PInputText, PInputTime, PInputUrl, PInputWeek, PLink, PLinkPure, PLinkSocial, PLinkTile, PLinkTileModelSignature, PLinkTileProduct, PMarque, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, POptgroup, PPagination, PPinCode, PPopover, PRadioButtonWrapper, PRadioGroup, PRadioGroupOption, 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 };
|
|
2934
3101
|
//# sourceMappingURL=porsche-design-system-components-angular.mjs.map
|