@porsche-design-system/components-angular 3.29.0-rc.3 → 3.29.0-rc.5
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/index.d.ts
CHANGED
|
@@ -499,6 +499,116 @@ declare const ICON_NAMES: readonly [
|
|
|
499
499
|
"zoom-out"
|
|
500
500
|
];
|
|
501
501
|
type IconName = typeof ICON_NAMES[number];
|
|
502
|
+
declare const FLAG_NAMES: readonly [
|
|
503
|
+
"ae",
|
|
504
|
+
"am",
|
|
505
|
+
"ar",
|
|
506
|
+
"at",
|
|
507
|
+
"au",
|
|
508
|
+
"az",
|
|
509
|
+
"ba",
|
|
510
|
+
"be",
|
|
511
|
+
"bg",
|
|
512
|
+
"bh",
|
|
513
|
+
"bn",
|
|
514
|
+
"bo",
|
|
515
|
+
"br",
|
|
516
|
+
"by",
|
|
517
|
+
"ca",
|
|
518
|
+
"ch",
|
|
519
|
+
"cl",
|
|
520
|
+
"cn",
|
|
521
|
+
"co",
|
|
522
|
+
"cr",
|
|
523
|
+
"cw",
|
|
524
|
+
"cy",
|
|
525
|
+
"cz",
|
|
526
|
+
"de",
|
|
527
|
+
"dk",
|
|
528
|
+
"do",
|
|
529
|
+
"dz",
|
|
530
|
+
"ec",
|
|
531
|
+
"ee",
|
|
532
|
+
"eg",
|
|
533
|
+
"es",
|
|
534
|
+
"fi",
|
|
535
|
+
"fr",
|
|
536
|
+
"gb",
|
|
537
|
+
"ge",
|
|
538
|
+
"gh",
|
|
539
|
+
"gr",
|
|
540
|
+
"gt",
|
|
541
|
+
"hk",
|
|
542
|
+
"hn",
|
|
543
|
+
"hr",
|
|
544
|
+
"ht",
|
|
545
|
+
"hu",
|
|
546
|
+
"id",
|
|
547
|
+
"ie",
|
|
548
|
+
"il",
|
|
549
|
+
"in",
|
|
550
|
+
"is",
|
|
551
|
+
"it",
|
|
552
|
+
"jm",
|
|
553
|
+
"jo",
|
|
554
|
+
"jp",
|
|
555
|
+
"ke",
|
|
556
|
+
"kh",
|
|
557
|
+
"kr",
|
|
558
|
+
"kw",
|
|
559
|
+
"kz",
|
|
560
|
+
"lb",
|
|
561
|
+
"lk",
|
|
562
|
+
"lt",
|
|
563
|
+
"lu",
|
|
564
|
+
"lv",
|
|
565
|
+
"ma",
|
|
566
|
+
"md",
|
|
567
|
+
"mk",
|
|
568
|
+
"mn",
|
|
569
|
+
"mo",
|
|
570
|
+
"mq",
|
|
571
|
+
"mt",
|
|
572
|
+
"mu",
|
|
573
|
+
"mx",
|
|
574
|
+
"my",
|
|
575
|
+
"ng",
|
|
576
|
+
"nl",
|
|
577
|
+
"no",
|
|
578
|
+
"nz",
|
|
579
|
+
"om",
|
|
580
|
+
"pa",
|
|
581
|
+
"pe",
|
|
582
|
+
"pf",
|
|
583
|
+
"ph",
|
|
584
|
+
"pk",
|
|
585
|
+
"pl",
|
|
586
|
+
"pr",
|
|
587
|
+
"pt",
|
|
588
|
+
"py",
|
|
589
|
+
"qa",
|
|
590
|
+
"ro",
|
|
591
|
+
"rs",
|
|
592
|
+
"ru",
|
|
593
|
+
"sa",
|
|
594
|
+
"se",
|
|
595
|
+
"sg",
|
|
596
|
+
"si",
|
|
597
|
+
"sk",
|
|
598
|
+
"sv",
|
|
599
|
+
"th",
|
|
600
|
+
"tn",
|
|
601
|
+
"tr",
|
|
602
|
+
"tt",
|
|
603
|
+
"ua",
|
|
604
|
+
"us",
|
|
605
|
+
"uy",
|
|
606
|
+
"uz",
|
|
607
|
+
"ve",
|
|
608
|
+
"vn",
|
|
609
|
+
"za"
|
|
610
|
+
];
|
|
611
|
+
type FlagName = typeof FLAG_NAMES[number];
|
|
502
612
|
declare const FORM_STATES: readonly [
|
|
503
613
|
"none",
|
|
504
614
|
"error",
|
|
@@ -592,6 +702,7 @@ declare const GRADIENT_COLORS: readonly [
|
|
|
592
702
|
"background-base",
|
|
593
703
|
"background-surface"
|
|
594
704
|
];
|
|
705
|
+
/** @deprecated */
|
|
595
706
|
type ScrollerGradientColor = (typeof GRADIENT_COLORS)[number];
|
|
596
707
|
type ScrollerScrollToPosition = {
|
|
597
708
|
scrollPosition: number;
|
|
@@ -604,6 +715,20 @@ declare const SCROLL_INDICATOR_POSITIONS: readonly [
|
|
|
604
715
|
/** @deprecated */
|
|
605
716
|
type ScrollerScrollIndicatorPosition = (typeof SCROLL_INDICATOR_POSITIONS)[number];
|
|
606
717
|
type ScrollerAlignScrollIndicator = ScrollerScrollIndicatorPosition;
|
|
718
|
+
type MultiSelectState = FormState;
|
|
719
|
+
type MultiSelectDropdownDirection = SelectComponentsDropdownDirection;
|
|
720
|
+
/** @deprecated */
|
|
721
|
+
type MultiSelectUpdateEvent = {
|
|
722
|
+
name: string;
|
|
723
|
+
value: string[];
|
|
724
|
+
};
|
|
725
|
+
type MultiSelectUpdateEventDetail = MultiSelectUpdateEvent;
|
|
726
|
+
type SelectState = FormState;
|
|
727
|
+
type SelectDropdownDirection = SelectComponentsDropdownDirection;
|
|
728
|
+
type SelectUpdateEventDetail = {
|
|
729
|
+
name: string;
|
|
730
|
+
value: string;
|
|
731
|
+
};
|
|
607
732
|
declare const SELECT_DROPDOWN_DIRECTIONS: readonly [
|
|
608
733
|
"down",
|
|
609
734
|
"up",
|
|
@@ -708,6 +833,9 @@ type PorscheDesignSystem = {
|
|
|
708
833
|
};
|
|
709
834
|
};
|
|
710
835
|
type SelectedAriaAttributes<T extends keyof AriaAttributes> = Pick<AriaAttributes, T>;
|
|
836
|
+
type SelectedAriaRole<T> = {
|
|
837
|
+
role: Extract<AriaRole, T>;
|
|
838
|
+
};
|
|
711
839
|
declare const ACCORDION_SIZES: readonly [
|
|
712
840
|
"small",
|
|
713
841
|
"medium"
|
|
@@ -887,6 +1015,11 @@ type FieldsetLabelSize = (typeof FIELDSET_LABEL_SIZES)[number];
|
|
|
887
1015
|
type FieldsetState = FormState;
|
|
888
1016
|
type FieldsetWrapperLabelSize = FieldsetLabelSize;
|
|
889
1017
|
type FieldsetWrapperState = FieldsetState;
|
|
1018
|
+
declare const FLAG_ARIA_ATTRIBUTES: readonly [
|
|
1019
|
+
"aria-label"
|
|
1020
|
+
];
|
|
1021
|
+
type FlagAriaAttribute = (typeof FLAG_ARIA_ATTRIBUTES)[number];
|
|
1022
|
+
type FlagSize = TextSize;
|
|
890
1023
|
type FlexInline = boolean;
|
|
891
1024
|
declare const FLEX_WRAPS: readonly [
|
|
892
1025
|
"nowrap",
|
|
@@ -1096,6 +1229,10 @@ declare const ICON_COLORS: readonly [
|
|
|
1096
1229
|
"state-disabled"
|
|
1097
1230
|
];
|
|
1098
1231
|
type IconColor = (typeof ICON_COLORS)[number];
|
|
1232
|
+
type InputDateState = FormState;
|
|
1233
|
+
type InputDateChangeEventDetail = Event;
|
|
1234
|
+
type InputDateBlurEventDetail = Event;
|
|
1235
|
+
type InputDateInputEventDetail = InputEvent;
|
|
1099
1236
|
type InputEmailState = FormState;
|
|
1100
1237
|
type InputEmailChangeEventDetail = Event;
|
|
1101
1238
|
type InputEmailBlurEventDetail = Event;
|
|
@@ -1112,10 +1249,22 @@ type InputSearchState = FormState;
|
|
|
1112
1249
|
type InputSearchChangeEventDetail = Event;
|
|
1113
1250
|
type InputSearchBlurEventDetail = Event;
|
|
1114
1251
|
type InputSearchInputEventDetail = InputEvent;
|
|
1252
|
+
type InputTelState = FormState;
|
|
1253
|
+
type InputTelChangeEventDetail = Event;
|
|
1254
|
+
type InputTelBlurEventDetail = Event;
|
|
1255
|
+
type InputTelInputEventDetail = InputEvent;
|
|
1115
1256
|
type InputTextState = FormState;
|
|
1116
1257
|
type InputTextChangeEventDetail = Event;
|
|
1117
1258
|
type InputTextBlurEventDetail = Event;
|
|
1118
1259
|
type InputTextInputEventDetail = InputEvent;
|
|
1260
|
+
type InputTimeState = FormState;
|
|
1261
|
+
type InputTimeChangeEventDetail = Event;
|
|
1262
|
+
type InputTimeBlurEventDetail = Event;
|
|
1263
|
+
type InputTimeInputEventDetail = InputEvent;
|
|
1264
|
+
type InputUrlState = FormState;
|
|
1265
|
+
type InputUrlChangeEventDetail = Event;
|
|
1266
|
+
type InputUrlBlurEventDetail = Event;
|
|
1267
|
+
type InputUrlInputEventDetail = InputEvent;
|
|
1119
1268
|
type LinkIcon = LinkButtonIconName;
|
|
1120
1269
|
type LinkPureIcon = LinkButtonIconName;
|
|
1121
1270
|
type LinkPureAriaAttribute = LinkAriaAttribute;
|
|
@@ -1270,14 +1419,6 @@ declare const MODEL_SIGNATURE_COLORS: readonly [
|
|
|
1270
1419
|
"inherit"
|
|
1271
1420
|
];
|
|
1272
1421
|
type ModelSignatureColor = (typeof MODEL_SIGNATURE_COLORS)[number];
|
|
1273
|
-
type MultiSelectState = FormState;
|
|
1274
|
-
type MultiSelectDropdownDirection = SelectComponentsDropdownDirection;
|
|
1275
|
-
/** @deprecated */
|
|
1276
|
-
type MultiSelectUpdateEvent = {
|
|
1277
|
-
name: string;
|
|
1278
|
-
value: string[];
|
|
1279
|
-
};
|
|
1280
|
-
type MultiSelectUpdateEventDetail = MultiSelectUpdateEvent;
|
|
1281
1422
|
declare const PAGINATION_NUMBER_OF_PAGE_LINKS: readonly [
|
|
1282
1423
|
5,
|
|
1283
1424
|
7
|
|
@@ -1341,12 +1482,6 @@ declare const SEGMENTED_CONTROL_ITEM_ARIA_ATTRIBUTES: readonly [
|
|
|
1341
1482
|
"aria-label"
|
|
1342
1483
|
];
|
|
1343
1484
|
type SegmentedControlItemAriaAttribute = (typeof SEGMENTED_CONTROL_ITEM_ARIA_ATTRIBUTES)[number];
|
|
1344
|
-
type SelectState = FormState;
|
|
1345
|
-
type SelectDropdownDirection = SelectComponentsDropdownDirection;
|
|
1346
|
-
type SelectUpdateEventDetail = {
|
|
1347
|
-
name: string;
|
|
1348
|
-
value: string;
|
|
1349
|
-
};
|
|
1350
1485
|
declare const DROPDOWN_DIRECTIONS: readonly [
|
|
1351
1486
|
"down",
|
|
1352
1487
|
"up",
|
|
@@ -1727,6 +1862,7 @@ declare class PCheckbox extends BaseComponentWithTheme {
|
|
|
1727
1862
|
static ɵcmp: i0.ɵɵComponentDeclaration<PCheckbox, "p-checkbox,[p-checkbox]", never, { "checked": { "alias": "checked"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "update": "update"; }, never, ["*"], false, never>;
|
|
1728
1863
|
}
|
|
1729
1864
|
|
|
1865
|
+
/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-checkbox` instead. */
|
|
1730
1866
|
declare class PCheckboxWrapper extends BaseComponentWithTheme {
|
|
1731
1867
|
hideLabel?: BreakpointCustomizable<boolean>;
|
|
1732
1868
|
label?: string;
|
|
@@ -1811,6 +1947,7 @@ declare class PDrilldownLink extends BaseComponent {
|
|
|
1811
1947
|
}
|
|
1812
1948
|
|
|
1813
1949
|
declare class PFieldset extends BaseComponentWithTheme {
|
|
1950
|
+
aria?: SelectedAriaRole<"radiogroup">;
|
|
1814
1951
|
label?: string;
|
|
1815
1952
|
labelSize?: FieldsetLabelSize;
|
|
1816
1953
|
message?: string;
|
|
@@ -1818,10 +1955,10 @@ declare class PFieldset extends BaseComponentWithTheme {
|
|
|
1818
1955
|
state?: FieldsetState;
|
|
1819
1956
|
theme?: Theme;
|
|
1820
1957
|
static ɵfac: i0.ɵɵFactoryDeclaration<PFieldset, never>;
|
|
1821
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PFieldset, "p-fieldset,[p-fieldset]", never, { "label": { "alias": "label"; "required": false; }; "labelSize": { "alias": "labelSize"; "required": false; }; "message": { "alias": "message"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1958
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PFieldset, "p-fieldset,[p-fieldset]", never, { "aria": { "alias": "aria"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelSize": { "alias": "labelSize"; "required": false; }; "message": { "alias": "message"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1822
1959
|
}
|
|
1823
1960
|
|
|
1824
|
-
/** @deprecated since v3.0.0, will be removed with next major release. Please use
|
|
1961
|
+
/** @deprecated since v3.0.0, will be removed with next major release. Please use `p-fieldset` instead. */
|
|
1825
1962
|
declare class PFieldsetWrapper extends BaseComponentWithTheme {
|
|
1826
1963
|
label?: string;
|
|
1827
1964
|
labelSize?: FieldsetWrapperLabelSize;
|
|
@@ -1833,6 +1970,14 @@ declare class PFieldsetWrapper extends BaseComponentWithTheme {
|
|
|
1833
1970
|
static ɵcmp: i0.ɵɵComponentDeclaration<PFieldsetWrapper, "p-fieldset-wrapper,[p-fieldset-wrapper]", never, { "label": { "alias": "label"; "required": false; }; "labelSize": { "alias": "labelSize"; "required": false; }; "message": { "alias": "message"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1834
1971
|
}
|
|
1835
1972
|
|
|
1973
|
+
declare class PFlag extends BaseComponent {
|
|
1974
|
+
aria?: SelectedAriaAttributes<FlagAriaAttribute>;
|
|
1975
|
+
name?: FlagName;
|
|
1976
|
+
size?: FlagSize;
|
|
1977
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PFlag, never>;
|
|
1978
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PFlag, "p-flag,[p-flag]", never, { "aria": { "alias": "aria"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
1979
|
+
}
|
|
1980
|
+
|
|
1836
1981
|
/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Flex instead. */
|
|
1837
1982
|
declare class PFlex extends BaseComponent {
|
|
1838
1983
|
alignContent?: BreakpointCustomizable<FlexAlignContent>;
|
|
@@ -1943,6 +2088,32 @@ declare class PInlineNotification extends BaseComponentWithTheme {
|
|
|
1943
2088
|
static ɵcmp: i0.ɵɵComponentDeclaration<PInlineNotification, "p-inline-notification,[p-inline-notification]", never, { "actionIcon": { "alias": "actionIcon"; "required": false; }; "actionLabel": { "alias": "actionLabel"; "required": false; }; "actionLoading": { "alias": "actionLoading"; "required": false; }; "description": { "alias": "description"; "required": false; }; "dismissButton": { "alias": "dismissButton"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "headingTag": { "alias": "headingTag"; "required": false; }; "persistent": { "alias": "persistent"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, { "action": "action"; "dismiss": "dismiss"; }, never, ["*"], false, never>;
|
|
1944
2089
|
}
|
|
1945
2090
|
|
|
2091
|
+
declare class PInputDate extends BaseComponentWithTheme {
|
|
2092
|
+
autoComplete?: string;
|
|
2093
|
+
compact?: boolean;
|
|
2094
|
+
description?: string;
|
|
2095
|
+
disabled?: boolean;
|
|
2096
|
+
form?: string;
|
|
2097
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
2098
|
+
label?: string;
|
|
2099
|
+
loading?: boolean;
|
|
2100
|
+
max?: string;
|
|
2101
|
+
message?: string;
|
|
2102
|
+
min?: string;
|
|
2103
|
+
name: string;
|
|
2104
|
+
readOnly?: boolean;
|
|
2105
|
+
required?: boolean;
|
|
2106
|
+
state?: InputDateState;
|
|
2107
|
+
step?: number;
|
|
2108
|
+
theme?: Theme;
|
|
2109
|
+
value?: string;
|
|
2110
|
+
blur: EventEmitter<CustomEvent<Event>>;
|
|
2111
|
+
change: EventEmitter<CustomEvent<Event>>;
|
|
2112
|
+
input: EventEmitter<CustomEvent<InputEvent>>;
|
|
2113
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PInputDate, never>;
|
|
2114
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PInputDate, "p-input-date,[p-input-date]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "max": { "alias": "max"; "required": false; }; "message": { "alias": "message"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "step": { "alias": "step"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
2115
|
+
}
|
|
2116
|
+
|
|
1946
2117
|
declare class PInputEmail extends BaseComponentWithTheme {
|
|
1947
2118
|
autoComplete?: string;
|
|
1948
2119
|
compact?: boolean;
|
|
@@ -2053,6 +2224,34 @@ declare class PInputSearch extends BaseComponentWithTheme {
|
|
|
2053
2224
|
static ɵcmp: i0.ɵɵComponentDeclaration<PInputSearch, "p-input-search,[p-input-search]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "clear": { "alias": "clear"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
2054
2225
|
}
|
|
2055
2226
|
|
|
2227
|
+
declare class PInputTel extends BaseComponentWithTheme {
|
|
2228
|
+
autoComplete?: string;
|
|
2229
|
+
compact?: boolean;
|
|
2230
|
+
description?: string;
|
|
2231
|
+
disabled?: boolean;
|
|
2232
|
+
form?: string;
|
|
2233
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
2234
|
+
indicator?: boolean;
|
|
2235
|
+
label?: string;
|
|
2236
|
+
loading?: boolean;
|
|
2237
|
+
maxLength?: number;
|
|
2238
|
+
message?: string;
|
|
2239
|
+
minLength?: number;
|
|
2240
|
+
name: string;
|
|
2241
|
+
pattern?: string;
|
|
2242
|
+
placeholder?: string;
|
|
2243
|
+
readOnly?: boolean;
|
|
2244
|
+
required?: boolean;
|
|
2245
|
+
state?: InputTelState;
|
|
2246
|
+
theme?: Theme;
|
|
2247
|
+
value?: string;
|
|
2248
|
+
blur: EventEmitter<CustomEvent<Event>>;
|
|
2249
|
+
change: EventEmitter<CustomEvent<Event>>;
|
|
2250
|
+
input: EventEmitter<CustomEvent<InputEvent>>;
|
|
2251
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PInputTel, never>;
|
|
2252
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PInputTel, "p-input-tel,[p-input-tel]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
2253
|
+
}
|
|
2254
|
+
|
|
2056
2255
|
declare class PInputText extends BaseComponentWithTheme {
|
|
2057
2256
|
autoComplete?: string;
|
|
2058
2257
|
compact?: boolean;
|
|
@@ -2081,6 +2280,60 @@ declare class PInputText extends BaseComponentWithTheme {
|
|
|
2081
2280
|
static ɵcmp: i0.ɵɵComponentDeclaration<PInputText, "p-input-text,[p-input-text]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "counter": { "alias": "counter"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "spellCheck": { "alias": "spellCheck"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
2082
2281
|
}
|
|
2083
2282
|
|
|
2283
|
+
declare class PInputTime extends BaseComponentWithTheme {
|
|
2284
|
+
autoComplete?: string;
|
|
2285
|
+
compact?: boolean;
|
|
2286
|
+
description?: string;
|
|
2287
|
+
disabled?: boolean;
|
|
2288
|
+
form?: string;
|
|
2289
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
2290
|
+
label?: string;
|
|
2291
|
+
loading?: boolean;
|
|
2292
|
+
max?: string;
|
|
2293
|
+
message?: string;
|
|
2294
|
+
min?: string;
|
|
2295
|
+
name: string;
|
|
2296
|
+
readOnly?: boolean;
|
|
2297
|
+
required?: boolean;
|
|
2298
|
+
state?: InputTimeState;
|
|
2299
|
+
step?: number;
|
|
2300
|
+
theme?: Theme;
|
|
2301
|
+
value?: string;
|
|
2302
|
+
blur: EventEmitter<CustomEvent<Event>>;
|
|
2303
|
+
change: EventEmitter<CustomEvent<Event>>;
|
|
2304
|
+
input: EventEmitter<CustomEvent<InputEvent>>;
|
|
2305
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PInputTime, never>;
|
|
2306
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PInputTime, "p-input-time,[p-input-time]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "max": { "alias": "max"; "required": false; }; "message": { "alias": "message"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "step": { "alias": "step"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
2307
|
+
}
|
|
2308
|
+
|
|
2309
|
+
declare class PInputUrl extends BaseComponentWithTheme {
|
|
2310
|
+
autoComplete?: string;
|
|
2311
|
+
compact?: boolean;
|
|
2312
|
+
description?: string;
|
|
2313
|
+
disabled?: boolean;
|
|
2314
|
+
form?: string;
|
|
2315
|
+
hideLabel?: BreakpointCustomizable<boolean>;
|
|
2316
|
+
indicator?: boolean;
|
|
2317
|
+
label?: string;
|
|
2318
|
+
loading?: boolean;
|
|
2319
|
+
maxLength?: number;
|
|
2320
|
+
message?: string;
|
|
2321
|
+
minLength?: number;
|
|
2322
|
+
name: string;
|
|
2323
|
+
pattern?: string;
|
|
2324
|
+
placeholder?: string;
|
|
2325
|
+
readOnly?: boolean;
|
|
2326
|
+
required?: boolean;
|
|
2327
|
+
state?: InputUrlState;
|
|
2328
|
+
theme?: Theme;
|
|
2329
|
+
value?: string;
|
|
2330
|
+
blur: EventEmitter<CustomEvent<Event>>;
|
|
2331
|
+
change: EventEmitter<CustomEvent<Event>>;
|
|
2332
|
+
input: EventEmitter<CustomEvent<InputEvent>>;
|
|
2333
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PInputUrl, never>;
|
|
2334
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PInputUrl, "p-input-url,[p-input-url]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
2335
|
+
}
|
|
2336
|
+
|
|
2084
2337
|
declare class PLink extends BaseComponentWithTheme {
|
|
2085
2338
|
aria?: SelectedAriaAttributes<LinkAriaAttribute>;
|
|
2086
2339
|
compact?: BreakpointCustomizable<boolean>;
|
|
@@ -2226,6 +2479,7 @@ declare class PModelSignature extends BaseComponentWithTheme {
|
|
|
2226
2479
|
}
|
|
2227
2480
|
|
|
2228
2481
|
declare class PMultiSelect extends BaseComponentWithTheme {
|
|
2482
|
+
compact?: boolean;
|
|
2229
2483
|
description?: string;
|
|
2230
2484
|
disabled?: boolean;
|
|
2231
2485
|
dropdownDirection?: MultiSelectDropdownDirection;
|
|
@@ -2240,7 +2494,7 @@ declare class PMultiSelect extends BaseComponentWithTheme {
|
|
|
2240
2494
|
value?: string[];
|
|
2241
2495
|
update: EventEmitter<CustomEvent<_porsche_design_system_components_angular.MultiSelectUpdateEvent>>;
|
|
2242
2496
|
static ɵfac: i0.ɵɵFactoryDeclaration<PMultiSelect, never>;
|
|
2243
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PMultiSelect, "p-multi-select,[p-multi-select]", never, { "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dropdownDirection": { "alias": "dropdownDirection"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
|
|
2497
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PMultiSelect, "p-multi-select,[p-multi-select]", never, { "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dropdownDirection": { "alias": "dropdownDirection"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
|
|
2244
2498
|
}
|
|
2245
2499
|
|
|
2246
2500
|
declare class PMultiSelectOption extends BaseComponent {
|
|
@@ -2305,11 +2559,9 @@ declare class PPopover extends BaseComponentWithTheme {
|
|
|
2305
2559
|
aria?: SelectedAriaAttributes<PopoverAriaAttribute>;
|
|
2306
2560
|
description?: string;
|
|
2307
2561
|
direction?: PopoverDirection;
|
|
2308
|
-
open?: boolean;
|
|
2309
2562
|
theme?: Theme;
|
|
2310
|
-
dismiss: EventEmitter<CustomEvent<void>>;
|
|
2311
2563
|
static ɵfac: i0.ɵɵFactoryDeclaration<PPopover, never>;
|
|
2312
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PPopover, "p-popover,[p-popover]", never, { "aria": { "alias": "aria"; "required": false; }; "description": { "alias": "description"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "
|
|
2564
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PPopover, "p-popover,[p-popover]", never, { "aria": { "alias": "aria"; "required": false; }; "description": { "alias": "description"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2313
2565
|
}
|
|
2314
2566
|
|
|
2315
2567
|
declare class PRadioButtonWrapper extends BaseComponentWithTheme {
|
|
@@ -2326,6 +2578,7 @@ declare class PRadioButtonWrapper extends BaseComponentWithTheme {
|
|
|
2326
2578
|
declare class PScroller extends BaseComponentWithTheme {
|
|
2327
2579
|
alignScrollIndicator?: ScrollerAlignScrollIndicator;
|
|
2328
2580
|
aria?: SelectedAriaAttributes<ScrollerAriaAttribute>;
|
|
2581
|
+
/** @deprecated */
|
|
2329
2582
|
gradientColor?: ScrollerGradientColor;
|
|
2330
2583
|
/** @deprecated */
|
|
2331
2584
|
gradientColorScheme?: ScrollerGradientColorScheme;
|
|
@@ -2392,6 +2645,7 @@ declare class PSelectOption extends BaseComponent {
|
|
|
2392
2645
|
static ɵcmp: i0.ɵɵComponentDeclaration<PSelectOption, "p-select-option,[p-select-option]", never, { "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2393
2646
|
}
|
|
2394
2647
|
|
|
2648
|
+
/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-select` instead. */
|
|
2395
2649
|
declare class PSelectWrapper extends BaseComponentWithTheme {
|
|
2396
2650
|
description?: string;
|
|
2397
2651
|
dropdownDirection?: SelectWrapperDropdownDirection;
|
|
@@ -2503,6 +2757,7 @@ declare class PTableRow extends BaseComponent {
|
|
|
2503
2757
|
|
|
2504
2758
|
declare class PTabs extends BaseComponentWithTheme {
|
|
2505
2759
|
activeTabIndex?: number;
|
|
2760
|
+
/** @deprecated */
|
|
2506
2761
|
gradientColor?: TabsGradientColor;
|
|
2507
2762
|
/** @deprecated */
|
|
2508
2763
|
gradientColorScheme?: TabsGradientColorScheme;
|
|
@@ -2518,6 +2773,7 @@ declare class PTabs extends BaseComponentWithTheme {
|
|
|
2518
2773
|
|
|
2519
2774
|
declare class PTabsBar extends BaseComponentWithTheme {
|
|
2520
2775
|
activeTabIndex?: number | undefined;
|
|
2776
|
+
/** @deprecated */
|
|
2521
2777
|
gradientColor?: TabsBarGradientColor;
|
|
2522
2778
|
/** @deprecated */
|
|
2523
2779
|
gradientColorScheme?: TabsBarGradientColorScheme;
|
|
@@ -2568,6 +2824,7 @@ declare class PText extends BaseComponentWithTheme {
|
|
|
2568
2824
|
static ɵcmp: i0.ɵɵComponentDeclaration<PText, "p-text,[p-text]", never, { "align": { "alias": "align"; "required": false; }; "color": { "alias": "color"; "required": false; }; "ellipsis": { "alias": "ellipsis"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
2569
2825
|
}
|
|
2570
2826
|
|
|
2827
|
+
/** @deprecated since v3.29.0, will be removed with next major release. Please use one of the specific input components instead: `p-input-date`, `p-input-email`, `p-input-number`, `p-input-password`, `p-input-search`, `p-input-tel`, `p-input-text`, `p-input-time` or `p-input-url`. */
|
|
2571
2828
|
declare class PTextFieldWrapper extends BaseComponentWithTheme {
|
|
2572
2829
|
actionIcon?: TextFieldWrapperActionIcon;
|
|
2573
2830
|
actionLoading?: boolean;
|
|
@@ -2634,6 +2891,7 @@ declare class PTextarea extends BaseComponentWithTheme {
|
|
|
2634
2891
|
static ɵcmp: i0.ɵɵComponentDeclaration<PTextarea, "p-textarea,[p-textarea]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "counter": { "alias": "counter"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "resize": { "alias": "resize"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "spellCheck": { "alias": "spellCheck"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
|
|
2635
2892
|
}
|
|
2636
2893
|
|
|
2894
|
+
/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-textarea` instead. */
|
|
2637
2895
|
declare class PTextareaWrapper extends BaseComponentWithTheme {
|
|
2638
2896
|
description?: string;
|
|
2639
2897
|
hideLabel?: BreakpointCustomizable<boolean>;
|
|
@@ -2680,7 +2938,7 @@ declare class PorscheDesignSystemModule {
|
|
|
2680
2938
|
constructor(configParam: DefaultConfig);
|
|
2681
2939
|
static load(config: PorscheDesignSystemModuleConfig): ModuleWithProviders<PorscheDesignSystemModule>;
|
|
2682
2940
|
static ɵfac: i0.ɵɵFactoryDeclaration<PorscheDesignSystemModule, [{ optional: true; }]>;
|
|
2683
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<PorscheDesignSystemModule, [typeof PAccordion, typeof PBanner, typeof PButton, typeof PButtonGroup, typeof PButtonPure, typeof PButtonTile, typeof PCanvas, typeof PCarousel, typeof PCheckbox, typeof PCheckboxWrapper, typeof PContentWrapper, typeof PCrest, typeof PDisplay, typeof PDivider, typeof PDrilldown, typeof PDrilldownItem, typeof PDrilldownLink, typeof PFieldset, typeof PFieldsetWrapper, typeof PFlex, typeof PFlexItem, typeof PFlyout, typeof PGrid, typeof PGridItem, typeof PHeading, typeof PHeadline, typeof PIcon, typeof PInlineNotification, typeof PInputEmail, typeof PInputNumber, typeof PInputPassword, typeof PInputSearch, typeof PInputText, typeof PLink, typeof PLinkPure, typeof PLinkSocial, typeof PLinkTile, typeof PLinkTileModelSignature, typeof PLinkTileProduct, typeof PMarque, typeof PModal, typeof PModelSignature, typeof PMultiSelect, typeof PMultiSelectOption, typeof POptgroup, typeof PPagination, typeof PPinCode, typeof PPopover, typeof PRadioButtonWrapper, typeof PScroller, typeof PSegmentedControl, typeof PSegmentedControlItem, typeof PSelect, typeof PSelectOption, typeof PSelectWrapper, typeof PSheet, typeof PSpinner, typeof PStepperHorizontal, typeof PStepperHorizontalItem, typeof PSwitch, typeof PTable, typeof PTableBody, typeof PTableCell, typeof PTableHead, typeof PTableHeadCell, typeof PTableHeadRow, typeof PTableRow, typeof PTabs, typeof PTabsBar, typeof PTabsItem, typeof PTag, typeof PTagDismissible, typeof PText, typeof PTextFieldWrapper, typeof PTextList, typeof PTextListItem, typeof PTextarea, typeof PTextareaWrapper, typeof PToast, typeof PWordmark], never, [typeof PAccordion, typeof PBanner, typeof PButton, typeof PButtonGroup, typeof PButtonPure, typeof PButtonTile, typeof PCanvas, typeof PCarousel, typeof PCheckbox, typeof PCheckboxWrapper, typeof PContentWrapper, typeof PCrest, typeof PDisplay, typeof PDivider, typeof PDrilldown, typeof PDrilldownItem, typeof PDrilldownLink, typeof PFieldset, typeof PFieldsetWrapper, typeof PFlex, typeof PFlexItem, typeof PFlyout, typeof PGrid, typeof PGridItem, typeof PHeading, typeof PHeadline, typeof PIcon, typeof PInlineNotification, typeof PInputEmail, typeof PInputNumber, typeof PInputPassword, typeof PInputSearch, typeof PInputText, typeof PLink, typeof PLinkPure, typeof PLinkSocial, typeof PLinkTile, typeof PLinkTileModelSignature, typeof PLinkTileProduct, typeof PMarque, typeof PModal, typeof PModelSignature, typeof PMultiSelect, typeof PMultiSelectOption, typeof POptgroup, typeof PPagination, typeof PPinCode, typeof PPopover, typeof PRadioButtonWrapper, typeof PScroller, typeof PSegmentedControl, typeof PSegmentedControlItem, typeof PSelect, typeof PSelectOption, typeof PSelectWrapper, typeof PSheet, typeof PSpinner, typeof PStepperHorizontal, typeof PStepperHorizontalItem, typeof PSwitch, typeof PTable, typeof PTableBody, typeof PTableCell, typeof PTableHead, typeof PTableHeadCell, typeof PTableHeadRow, typeof PTableRow, typeof PTabs, typeof PTabsBar, typeof PTabsItem, typeof PTag, typeof PTagDismissible, typeof PText, typeof PTextFieldWrapper, typeof PTextList, typeof PTextListItem, typeof PTextarea, typeof PTextareaWrapper, typeof PToast, typeof PWordmark]>;
|
|
2941
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<PorscheDesignSystemModule, [typeof PAccordion, typeof PBanner, typeof PButton, typeof PButtonGroup, typeof PButtonPure, typeof PButtonTile, typeof PCanvas, typeof PCarousel, typeof PCheckbox, typeof PCheckboxWrapper, typeof PContentWrapper, typeof PCrest, typeof PDisplay, typeof PDivider, typeof PDrilldown, typeof PDrilldownItem, typeof PDrilldownLink, typeof PFieldset, typeof PFieldsetWrapper, typeof PFlag, typeof PFlex, typeof PFlexItem, typeof PFlyout, typeof PGrid, typeof PGridItem, typeof PHeading, typeof PHeadline, typeof PIcon, typeof PInlineNotification, typeof PInputDate, typeof PInputEmail, typeof PInputNumber, typeof PInputPassword, typeof PInputSearch, typeof PInputTel, typeof PInputText, typeof PInputTime, typeof PInputUrl, typeof PLink, typeof PLinkPure, typeof PLinkSocial, typeof PLinkTile, typeof PLinkTileModelSignature, typeof PLinkTileProduct, typeof PMarque, typeof PModal, typeof PModelSignature, typeof PMultiSelect, typeof PMultiSelectOption, typeof POptgroup, typeof PPagination, typeof PPinCode, typeof PPopover, typeof PRadioButtonWrapper, typeof PScroller, typeof PSegmentedControl, typeof PSegmentedControlItem, typeof PSelect, typeof PSelectOption, typeof PSelectWrapper, typeof PSheet, typeof PSpinner, typeof PStepperHorizontal, typeof PStepperHorizontalItem, typeof PSwitch, typeof PTable, typeof PTableBody, typeof PTableCell, typeof PTableHead, typeof PTableHeadCell, typeof PTableHeadRow, typeof PTableRow, typeof PTabs, typeof PTabsBar, typeof PTabsItem, typeof PTag, typeof PTagDismissible, typeof PText, typeof PTextFieldWrapper, typeof PTextList, typeof PTextListItem, typeof PTextarea, typeof PTextareaWrapper, typeof PToast, typeof PWordmark], never, [typeof PAccordion, typeof PBanner, typeof PButton, typeof PButtonGroup, typeof PButtonPure, typeof PButtonTile, typeof PCanvas, typeof PCarousel, typeof PCheckbox, typeof PCheckboxWrapper, typeof PContentWrapper, typeof PCrest, typeof PDisplay, typeof PDivider, typeof PDrilldown, typeof PDrilldownItem, typeof PDrilldownLink, typeof PFieldset, typeof PFieldsetWrapper, typeof PFlag, typeof PFlex, typeof PFlexItem, typeof PFlyout, typeof PGrid, typeof PGridItem, typeof PHeading, typeof PHeadline, typeof PIcon, typeof PInlineNotification, typeof PInputDate, typeof PInputEmail, typeof PInputNumber, typeof PInputPassword, typeof PInputSearch, typeof PInputTel, typeof PInputText, typeof PInputTime, typeof PInputUrl, typeof PLink, typeof PLinkPure, typeof PLinkSocial, typeof PLinkTile, typeof PLinkTileModelSignature, typeof PLinkTileProduct, typeof PMarque, typeof PModal, typeof PModelSignature, typeof PMultiSelect, typeof PMultiSelectOption, typeof POptgroup, typeof PPagination, typeof PPinCode, typeof PPopover, typeof PRadioButtonWrapper, typeof PScroller, typeof PSegmentedControl, typeof PSegmentedControlItem, typeof PSelect, typeof PSelectOption, typeof PSelectWrapper, typeof PSheet, typeof PSpinner, typeof PStepperHorizontal, typeof PStepperHorizontalItem, typeof PSwitch, typeof PTable, typeof PTableBody, typeof PTableCell, typeof PTableHead, typeof PTableHeadCell, typeof PTableHeadRow, typeof PTableRow, typeof PTabs, typeof PTabsBar, typeof PTabsItem, typeof PTag, typeof PTagDismissible, typeof PText, typeof PTextFieldWrapper, typeof PTextList, typeof PTextListItem, typeof PTextarea, typeof PTextareaWrapper, typeof PToast, typeof PWordmark]>;
|
|
2684
2942
|
static ɵinj: i0.ɵɵInjectorDeclaration<PorscheDesignSystemModule>;
|
|
2685
2943
|
}
|
|
2686
2944
|
|
|
@@ -2690,5 +2948,5 @@ declare class ToastManager {
|
|
|
2690
2948
|
static ɵprov: i0.ɵɵInjectableDeclaration<ToastManager>;
|
|
2691
2949
|
}
|
|
2692
2950
|
|
|
2693
|
-
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, PInputEmail, 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 };
|
|
2694
|
-
export type { AccordionHeadingTag, AccordionSize, AccordionTag, AccordionUpdateEvent, AccordionUpdateEventDetail, AlignLabel, AriaAttributes, AriaRole, Backdrop, BannerHeadingTag, BannerState, BannerWidth, Booleanish, Breakpoint, BreakpointCustomizable, BreakpointValues, ButtonAriaAttribute, ButtonGroupDirection, ButtonIcon, ButtonPureAlignLabel, ButtonPureAriaAttribute, ButtonPureIcon, ButtonPureSize, ButtonPureType, ButtonPureWeight, ButtonTileAlign, ButtonTileAriaAttribute, ButtonTileAspectRatio, ButtonTileBackground, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight, ButtonType, ButtonVariant, CanvasSidebarStartUpdateEventDetail, CarouselAlignControls, CarouselAlignHeader, CarouselAriaAttribute, CarouselGradientColor, CarouselHeadingSize, CarouselInternationalization, CarouselSlidesPerPage, CarouselUpdateEvent, CarouselUpdateEventDetail, CarouselWidth, CheckboxBlurEventDetail, CheckboxState, CheckboxUpdateEventDetail, CheckboxWrapperState, ContentWrapperBackgroundColor, ContentWrapperWidth, CrestAriaAttribute, CrestTarget, Direction, DisplayAlign, DisplayColor, DisplaySize, DisplayTag, DividerColor, DividerDirection, DividerOrientation, DrilldownAriaAttribute, DrilldownLinkAriaAttribute, DrilldownLinkTarget, DrilldownUpdate, DrilldownUpdateEvent, DrilldownUpdateEventDetail, FieldsetLabelSize, FieldsetState, FieldsetWrapperLabelSize, FieldsetWrapperState, FlexAlignContent, FlexAlignItems, FlexDirection, FlexInline, FlexItemAlignSelf, FlexItemFlex, FlexItemGrow, FlexItemOffset, FlexItemShrink, FlexItemWidth, FlexJustifyContent, FlexWrap, FlyoutAriaAttribute, FlyoutFooterBehavior, FlyoutMotionHiddenEndEventDetail, FlyoutMotionVisibleEndEventDetail, FlyoutPosition, FormState, GridDirection, GridGutter, GridItemOffset, GridItemSize, GridWrap, GroupDirection, HeadingAlign, HeadingColor, HeadingSize, HeadingTag, HeadlineAlign, HeadlineColor, HeadlineTag, HeadlineVariant, HeadlineVariantCustom, HeadlineVariantType, IconAriaAttribute, IconColor, IconName, IconSize, InlineNotificationActionIcon, InlineNotificationHeadingTag, InlineNotificationState, InputEmailBlurEventDetail, InputEmailChangeEventDetail, InputEmailInputEventDetail, InputEmailState, InputNumberBlurEventDetail, InputNumberChangeEventDetail, InputNumberInputEventDetail, InputNumberState, InputPasswordBlurEventDetail, InputPasswordChangeEventDetail, InputPasswordInputEventDetail, InputPasswordState, InputSearchBlurEventDetail, InputSearchChangeEventDetail, InputSearchInputEventDetail, InputSearchState, InputTextBlurEventDetail, InputTextChangeEventDetail, InputTextInputEventDetail, InputTextState, LinkAriaAttribute, LinkButtonIconName, LinkButtonVariant, LinkIcon, LinkPureAlignLabel, LinkPureAriaAttribute, LinkPureIcon, LinkPureSize, LinkPureTarget, LinkPureWeight, LinkSocialIcon, LinkSocialTarget, LinkTarget, LinkTileAlign, LinkTileAriaAttribute, LinkTileAspectRatio, LinkTileBackground, LinkTileModelSignatureAspectRatio, LinkTileModelSignatureHeadingTag, LinkTileModelSignatureLinkDirection, LinkTileModelSignatureModel, LinkTileModelSignatureWeight, LinkTileProductAspectRatio, LinkTileProductLikeEvent, LinkTileProductLikeEventDetail, LinkTileProductTarget, LinkTileSize, LinkTileTarget, LinkTileWeight, LinkVariant, MarqueAriaAttribute, MarqueSize, MarqueTarget, MarqueVariant, ModalAriaAttribute, ModalBackdrop, ModalMotionHiddenEndEventDetail, ModalMotionVisibleEndEventDetail, ModelSignatureColor, ModelSignatureFetchPriority, ModelSignatureModel, ModelSignatureSize, MultiSelectDropdownDirection, MultiSelectState, MultiSelectUpdateEvent, MultiSelectUpdateEventDetail, PaginationInternationalization, PaginationMaxNumberOfPageLinks, PaginationUpdateEvent, PaginationUpdateEventDetail, PinCodeLength, PinCodeState, PinCodeType, PinCodeUpdateEvent, PinCodeUpdateEventDetail, PopoverAriaAttribute, PopoverDirection, PorscheDesignSystem, PorscheDesignSystemModuleConfig, RadioButtonWrapperState, ScrollerAlignScrollIndicator, ScrollerAriaAttribute, ScrollerGradientColor, ScrollerGradientColorScheme, ScrollerScrollIndicatorPosition, ScrollerScrollToPosition, SegmentedControlBackgroundColor, SegmentedControlColumns, SegmentedControlItemAriaAttribute, SegmentedControlItemIcon, SegmentedControlUpdateEvent, SegmentedControlUpdateEventDetail, SelectComponentsDropdownDirection, SelectDropdownDirection, SelectState, SelectUpdateEventDetail, SelectWrapperDropdownDirection, SelectWrapperState, SelectedAriaAttributes, SheetAriaAttribute, SheetMotionHiddenEndEventDetail, SheetMotionVisibleEndEventDetail, SpinnerAriaAttribute, SpinnerSize, StepperHorizontalItemState, StepperHorizontalSize, StepperHorizontalUpdateEvent, StepperHorizontalUpdateEventDetail, SwitchAlignLabel, SwitchUpdateEvent, SwitchUpdateEventDetail, TableHeadCellSort, TableLayout, TableUpdateEvent, TableUpdateEventDetail, TabsBarGradientColor, TabsBarGradientColorScheme, TabsBarSize, TabsBarUpdateEvent, TabsBarUpdateEventDetail, TabsBarWeight, TabsGradientColor, TabsGradientColorScheme, TabsSize, TabsUpdateEvent, TabsUpdateEventDetail, TabsWeight, TagColor, TagDismissibleAriaAttribute, TagDismissibleColor, TagIcon, TextAlign, TextColor, TextFieldWrapperActionIcon, TextFieldWrapperState, TextFieldWrapperUnitPosition, TextListListType, TextListOrderType, TextListType, TextSize, TextTag, TextWeight, TextareaBlurEventDetail, TextareaChangeEventDetail, TextareaInputEventDetail, TextareaResize, TextareaState, TextareaWrap, TextareaWrapperState, Theme, TileAlign, TileAspectRatio, TileBackground, TileSize, TileWeight, ToastMessage, ToastState, TypographyAlign, TypographyTextColor, TypographyTextWeight, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget };
|
|
2951
|
+
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 };
|
|
2952
|
+
export type { AccordionHeadingTag, AccordionSize, AccordionTag, AccordionUpdateEvent, AccordionUpdateEventDetail, AlignLabel, AriaAttributes, AriaRole, Backdrop, BannerHeadingTag, BannerState, BannerWidth, Booleanish, Breakpoint, BreakpointCustomizable, BreakpointValues, ButtonAriaAttribute, ButtonGroupDirection, ButtonIcon, ButtonPureAlignLabel, ButtonPureAriaAttribute, ButtonPureIcon, ButtonPureSize, ButtonPureType, ButtonPureWeight, ButtonTileAlign, ButtonTileAriaAttribute, ButtonTileAspectRatio, ButtonTileBackground, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight, ButtonType, ButtonVariant, CanvasSidebarStartUpdateEventDetail, CarouselAlignControls, CarouselAlignHeader, CarouselAriaAttribute, CarouselGradientColor, CarouselHeadingSize, CarouselInternationalization, CarouselSlidesPerPage, CarouselUpdateEvent, CarouselUpdateEventDetail, CarouselWidth, CheckboxBlurEventDetail, CheckboxState, CheckboxUpdateEventDetail, CheckboxWrapperState, ContentWrapperBackgroundColor, ContentWrapperWidth, CrestAriaAttribute, CrestTarget, Direction, DisplayAlign, DisplayColor, DisplaySize, DisplayTag, DividerColor, DividerDirection, DividerOrientation, DrilldownAriaAttribute, DrilldownLinkAriaAttribute, DrilldownLinkTarget, DrilldownUpdate, DrilldownUpdateEvent, DrilldownUpdateEventDetail, FieldsetLabelSize, FieldsetState, FieldsetWrapperLabelSize, FieldsetWrapperState, FlagAriaAttribute, FlagName, FlagSize, FlexAlignContent, FlexAlignItems, FlexDirection, FlexInline, FlexItemAlignSelf, FlexItemFlex, FlexItemGrow, FlexItemOffset, FlexItemShrink, FlexItemWidth, FlexJustifyContent, FlexWrap, FlyoutAriaAttribute, FlyoutFooterBehavior, FlyoutMotionHiddenEndEventDetail, FlyoutMotionVisibleEndEventDetail, FlyoutPosition, FormState, GridDirection, GridGutter, GridItemOffset, GridItemSize, GridWrap, GroupDirection, HeadingAlign, HeadingColor, HeadingSize, HeadingTag, HeadlineAlign, HeadlineColor, HeadlineTag, HeadlineVariant, HeadlineVariantCustom, HeadlineVariantType, IconAriaAttribute, IconColor, IconName, IconSize, InlineNotificationActionIcon, InlineNotificationHeadingTag, InlineNotificationState, InputDateBlurEventDetail, InputDateChangeEventDetail, InputDateInputEventDetail, InputDateState, InputEmailBlurEventDetail, InputEmailChangeEventDetail, InputEmailInputEventDetail, InputEmailState, InputNumberBlurEventDetail, InputNumberChangeEventDetail, InputNumberInputEventDetail, InputNumberState, InputPasswordBlurEventDetail, InputPasswordChangeEventDetail, InputPasswordInputEventDetail, InputPasswordState, InputSearchBlurEventDetail, InputSearchChangeEventDetail, InputSearchInputEventDetail, InputSearchState, InputTelBlurEventDetail, InputTelChangeEventDetail, InputTelInputEventDetail, InputTelState, InputTextBlurEventDetail, InputTextChangeEventDetail, InputTextInputEventDetail, InputTextState, InputTimeBlurEventDetail, InputTimeChangeEventDetail, InputTimeInputEventDetail, InputTimeState, InputUrlBlurEventDetail, InputUrlChangeEventDetail, InputUrlInputEventDetail, InputUrlState, LinkAriaAttribute, LinkButtonIconName, LinkButtonVariant, LinkIcon, LinkPureAlignLabel, LinkPureAriaAttribute, LinkPureIcon, LinkPureSize, LinkPureTarget, LinkPureWeight, LinkSocialIcon, LinkSocialTarget, LinkTarget, LinkTileAlign, LinkTileAriaAttribute, LinkTileAspectRatio, LinkTileBackground, LinkTileModelSignatureAspectRatio, LinkTileModelSignatureHeadingTag, LinkTileModelSignatureLinkDirection, LinkTileModelSignatureModel, LinkTileModelSignatureWeight, LinkTileProductAspectRatio, LinkTileProductLikeEvent, LinkTileProductLikeEventDetail, LinkTileProductTarget, LinkTileSize, LinkTileTarget, LinkTileWeight, LinkVariant, MarqueAriaAttribute, MarqueSize, MarqueTarget, MarqueVariant, ModalAriaAttribute, ModalBackdrop, ModalMotionHiddenEndEventDetail, ModalMotionVisibleEndEventDetail, ModelSignatureColor, ModelSignatureFetchPriority, ModelSignatureModel, ModelSignatureSize, MultiSelectDropdownDirection, MultiSelectState, MultiSelectUpdateEvent, MultiSelectUpdateEventDetail, PaginationInternationalization, PaginationMaxNumberOfPageLinks, PaginationUpdateEvent, PaginationUpdateEventDetail, PinCodeLength, PinCodeState, PinCodeType, PinCodeUpdateEvent, PinCodeUpdateEventDetail, PopoverAriaAttribute, PopoverDirection, PorscheDesignSystem, PorscheDesignSystemModuleConfig, RadioButtonWrapperState, ScrollerAlignScrollIndicator, ScrollerAriaAttribute, ScrollerGradientColor, ScrollerGradientColorScheme, ScrollerScrollIndicatorPosition, ScrollerScrollToPosition, SegmentedControlBackgroundColor, SegmentedControlColumns, SegmentedControlItemAriaAttribute, SegmentedControlItemIcon, SegmentedControlUpdateEvent, SegmentedControlUpdateEventDetail, SelectComponentsDropdownDirection, SelectDropdownDirection, SelectState, SelectUpdateEventDetail, SelectWrapperDropdownDirection, SelectWrapperState, SelectedAriaAttributes, SelectedAriaRole, SheetAriaAttribute, SheetMotionHiddenEndEventDetail, SheetMotionVisibleEndEventDetail, SpinnerAriaAttribute, SpinnerSize, StepperHorizontalItemState, StepperHorizontalSize, StepperHorizontalUpdateEvent, StepperHorizontalUpdateEventDetail, SwitchAlignLabel, SwitchUpdateEvent, SwitchUpdateEventDetail, TableHeadCellSort, TableLayout, TableUpdateEvent, TableUpdateEventDetail, TabsBarGradientColor, TabsBarGradientColorScheme, TabsBarSize, TabsBarUpdateEvent, TabsBarUpdateEventDetail, TabsBarWeight, TabsGradientColor, TabsGradientColorScheme, TabsSize, TabsUpdateEvent, TabsUpdateEventDetail, TabsWeight, TagColor, TagDismissibleAriaAttribute, TagDismissibleColor, TagIcon, TextAlign, TextColor, TextFieldWrapperActionIcon, TextFieldWrapperState, TextFieldWrapperUnitPosition, TextListListType, TextListOrderType, TextListType, TextSize, TextTag, TextWeight, TextareaBlurEventDetail, TextareaChangeEventDetail, TextareaInputEventDetail, TextareaResize, TextareaState, TextareaWrap, TextareaWrapperState, Theme, TileAlign, TileAspectRatio, TileBackground, TileSize, TileWeight, ToastMessage, ToastState, TypographyAlign, TypographyTextColor, TypographyTextWeight, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@porsche-design-system/components-angular",
|
|
3
|
-
"version": "3.29.0-rc.
|
|
3
|
+
"version": "3.29.0-rc.5",
|
|
4
4
|
"description": "Porsche Design System is a component library designed to help developers create the best experience for software or services distributed by Dr. Ing. h.c. F. Porsche AG.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"porsche",
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"license": "SEE LICENSE IN LICENSE",
|
|
18
18
|
"homepage": "https://designsystem.porsche.com",
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@porsche-design-system/components-js": "3.29.0-rc.
|
|
20
|
+
"@porsche-design-system/components-js": "3.29.0-rc.5",
|
|
21
21
|
"tslib": "^2.8.1"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
@@ -25,7 +25,8 @@
|
|
|
25
25
|
"@angular/core": ">=20.0.0 <21.0.0",
|
|
26
26
|
"ag-grid-angular": ">= 33.0.0 <35.0.0",
|
|
27
27
|
"ag-grid-enterprise": ">= 33.0.0 <35.0.0",
|
|
28
|
-
"rxjs": "^6.5.3 || ^7.4.0"
|
|
28
|
+
"rxjs": "^6.5.3 || ^7.4.0",
|
|
29
|
+
"tailwindcss": ">= 4.0.0 <5.0.0"
|
|
29
30
|
},
|
|
30
31
|
"peerDependenciesMeta": {
|
|
31
32
|
"ag-grid-enterprise": {
|
|
@@ -33,6 +34,9 @@
|
|
|
33
34
|
},
|
|
34
35
|
"ag-grid-angular": {
|
|
35
36
|
"optional": true
|
|
37
|
+
},
|
|
38
|
+
"tailwindcss": {
|
|
39
|
+
"optional": true
|
|
36
40
|
}
|
|
37
41
|
},
|
|
38
42
|
"exports": {
|