@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 "p-fieldset" instead. */
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; }; "open": { "alias": "open"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, { "dismiss": "dismiss"; }, never, ["*"], false, never>;
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",
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.3",
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": {