@porsche-design-system/components-angular 4.2.0 → 4.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-angular",
-  "version": "4.2.0",
+  "version": "4.3.0",
   "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.",
   "type": "commonjs",
   "keywords": [
@@ -22,12 +22,12 @@
     "url": "https://github.com/porsche-design-system/porsche-design-system"
   },
   "dependencies": {
-    "@porsche-design-system/components-js": "4.2.0",
+    "@porsche-design-system/components-js": "4.3.0",
     "tslib": "^2.8.1"
   },
   "peerDependencies": {
-    "@angular/common": ">=22.0.0 <23.0.0",
-    "@angular/core": ">=22.0.0 <23.0.0",
+    "@angular/common": ">=21.0.0 <23.0.0",
+    "@angular/core": ">=21.0.0 <23.0.0",
     "ag-grid-angular": ">= 35.0.0 <36.0.0",
     "ag-grid-enterprise": ">= 35.0.0 <36.0.0",
     "rxjs": "^6.5.3 || ^7.4.0",

package/types/porsche-design-system-components-angular.d.ts

@@ -1601,7 +1601,9 @@ declare const SCROLLER_ALIGN_SCROLL_INDICATORS: readonly [
 /** @deprecated */
 type ScrollerAlignScrollIndicator = (typeof SCROLLER_ALIGN_SCROLL_INDICATORS)[number];
 declare const SCROLLER_ARIA_ATTRIBUTES: readonly [
-    "role"
+    "role",
+    "aria-label",
+    "aria-description"
 ];
 type ScrollerAriaAttribute = (typeof SCROLLER_ARIA_ATTRIBUTES)[number];
 /** @deprecated */
@@ -1688,6 +1690,11 @@ type TableHeadCellSort = {
     direction?: Direction;
 };
 type TableUpdateEventDetail = TableHeadCellSort;
+declare const TABS_ARIA_ATTRIBUTES: readonly [
+    "aria-label",
+    "aria-description"
+];
+type TabsAriaAttribute = (typeof TABS_ARIA_ATTRIBUTES)[number];
 declare const TABS_SIZES: readonly [
     "small",
     "medium"
@@ -1709,6 +1716,11 @@ type TabsWeight = (typeof TABS_WEIGHTS)[number];
 type TabsUpdateEventDetail = {
     activeTabIndex: number;
 };
+declare const TABS_BAR_ARIA_ATTRIBUTES: readonly [
+    "aria-label",
+    "aria-description"
+];
+type TabsBarAriaAttribute = (typeof TABS_BAR_ARIA_ATTRIBUTES)[number];
 declare const TABS_BAR_BACKGROUNDS: readonly [
     "canvas",
     "surface",
@@ -5418,7 +5430,7 @@ type PScrollerProps = {
      */
     alignScrollIndicator?: ScrollerAlignScrollIndicator;
     /**
-     * Sets the ARIA `role` attribute on the scroller's scroll container, useful for list-based navigation patterns.
+     * Sets ARIA role and attributes on the scroller's scroll container, useful for tablist navigation patterns and additional accessibility context.
      */
     aria?: SelectedAriaAttributes<ScrollerAriaAttribute>;
     /**
@@ -5742,6 +5754,10 @@ type PTabsProps = {
      * @default 0
      */
     activeTabIndex?: number;
+    /**
+     * Sets ARIA attributes on the tablist, such as `aria-label` and `aria-description`.
+     */
+    aria?: SelectedAriaAttributes<TabsAriaAttribute>;
     /**
      * Sets the background color of the tabs bar. Use `frosted` only when placed on top of images, videos, or gradients.
      * @default 'none'
@@ -5764,6 +5780,7 @@ type PTabsProps = {
 };
 declare class PTabs extends BaseComponent {
     activeTabIndex?: number;
+    aria?: SelectedAriaAttributes<TabsAriaAttribute>;
     background?: TabsBackground;
     compact?: boolean;
     size?: BreakpointCustomizable<TabsSize>;
@@ -5771,7 +5788,7 @@ declare class PTabs extends BaseComponent {
     weight?: TabsWeight;
     update: EventEmitter<CustomEvent<TabsUpdateEventDetail>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PTabs, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PTabs, "p-tabs,[p-tabs]", never, { "activeTabIndex": { "alias": "activeTabIndex"; "required": false; }; "background": { "alias": "background"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "size": { "alias": "size"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PTabs, "p-tabs,[p-tabs]", never, { "activeTabIndex": { "alias": "activeTabIndex"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "background": { "alias": "background"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "size": { "alias": "size"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
 }
 
 type PTabsBarProps = {
@@ -5779,6 +5796,10 @@ type PTabsBarProps = {
      * Sets the zero-based index of the currently active tab. Pass `undefined` to render all tabs in an unselected state.
      */
     activeTabIndex?: number | undefined;
+    /**
+     * Sets ARIA attributes on the tablist, such as `aria-label` and `aria-description`.
+     */
+    aria?: SelectedAriaAttributes<TabsBarAriaAttribute>;
     /**
      * Sets the background color of the tabs bar. Use `frosted` only when placed on top of images, videos, or gradients.
      * @default 'none'
@@ -5801,6 +5822,7 @@ type PTabsBarProps = {
 };
 declare class PTabsBar extends BaseComponent {
     activeTabIndex?: number | undefined;
+    aria?: SelectedAriaAttributes<TabsBarAriaAttribute>;
     background?: TabsBarBackground;
     compact?: boolean;
     size?: BreakpointCustomizable<TabsBarSize>;
@@ -5808,7 +5830,7 @@ declare class PTabsBar extends BaseComponent {
     weight?: TabsBarWeight;
     update: EventEmitter<CustomEvent<TabsBarUpdateEventDetail>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PTabsBar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PTabsBar, "p-tabs-bar,[p-tabs-bar]", never, { "activeTabIndex": { "alias": "activeTabIndex"; "required": false; }; "background": { "alias": "background"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "size": { "alias": "size"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PTabsBar, "p-tabs-bar,[p-tabs-bar]", never, { "activeTabIndex": { "alias": "activeTabIndex"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "background": { "alias": "background"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "size": { "alias": "size"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
 }
 
 type PTabsItemProps = {
@@ -6003,4 +6025,4 @@ declare class ToastManager {
 }
 
 export { DECLARATIONS, PAccordion, PAiTag, PBanner, PButton, PButtonPure, PButtonTile, PCanvas, PCarousel, PCheckbox, PCrest, PDisplay, PDivider, PDrilldown, PDrilldownItem, PDrilldownLink, PFieldset, PFlag, PFlyout, PHeading, PIcon, PInlineNotification, PInputDate, PInputEmail, PInputMonth, PInputNumber, PInputPassword, PInputSearch, PInputTel, PInputText, PInputTime, PInputUrl, PInputWeek, PLink, PLinkPure, PLinkTile, PLinkTileProduct, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, POptgroup, PPagination, PPinCode, PPopover, PRadioGroup, PRadioGroupOption, PScroller, PSegmentedControl, PSegmentedControlItem, PSelect, PSelectOption, PSheet, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextList, PTextListItem, PTextarea, PToast, PWordmark, PorscheDesignSystemModule, ToastManager };
-export type { AccordionAlignMarker, AccordionBackground, AccordionHeadingTag, AccordionSize, AccordionUpdateEventDetail, AiTagLocale, AiTagVariant, AlignLabel, AriaAttributes, AriaRole, Backdrop, BannerHeadingTag, BannerPosition, BannerState, Booleanish, Breakpoint, BreakpointCustomizable, BreakpointValues, ButtonAriaAttribute, ButtonIcon, ButtonPureAlignLabel, ButtonPureAriaAttribute, ButtonPureColor, ButtonPureIcon, ButtonPureSize, ButtonPureType, ButtonTileAlign, ButtonTileAriaAttribute, ButtonTileAspectRatio, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight, ButtonType, ButtonVariant, CanvasBackground, CanvasSidebarStartUpdateEventDetail, CarouselAlignControls, CarouselAlignHeader, CarouselAriaAttribute, CarouselHeadingSize, CarouselInternationalization, CarouselSlidesPerPage, CarouselUpdateEventDetail, CarouselWidth, CheckboxBlurEventDetail, CheckboxChangeEventDetail, CheckboxState, CrestAriaAttribute, CrestTarget, Direction, DisplayAlign, DisplayColor, DisplaySize, DisplayTag, DividerColor, DividerDirection, DrilldownAriaAttribute, DrilldownLinkAriaAttribute, DrilldownLinkTarget, DrilldownUpdateEventDetail, FieldsetLabelSize, FieldsetState, FlagAriaAttribute, FlagName, FlagSize, FlyoutAriaAttribute, FlyoutBackdrop, FlyoutBackground, FlyoutFooterBehavior, FlyoutMotionHiddenEndEventDetail, FlyoutMotionVisibleEndEventDetail, FlyoutPosition, FormState, GroupDirection, HeadingAlign, HeadingColor, HeadingHyphens, HeadingSize, HeadingTag, HeadingWeight, IconAriaAttribute, IconColor, IconName, IconSize, InlineNotificationActionIcon, InlineNotificationHeadingTag, InlineNotificationState, InputDateBlurEventDetail, InputDateChangeEventDetail, InputDateInputEventDetail, InputDateState, InputEmailBlurEventDetail, InputEmailChangeEventDetail, InputEmailInputEventDetail, InputEmailState, InputMonthBlurEventDetail, InputMonthChangeEventDetail, InputMonthInputEventDetail, InputMonthState, InputNumberBlurEventDetail, InputNumberChangeEventDetail, InputNumberInputEventDetail, InputNumberState, InputPasswordBlurEventDetail, InputPasswordChangeEventDetail, InputPasswordInputEventDetail, InputPasswordState, InputSearchAriaAttribute, InputSearchBlurEventDetail, InputSearchChangeEventDetail, InputSearchInputEventDetail, InputSearchState, InputTelBlurEventDetail, InputTelChangeEventDetail, InputTelInputEventDetail, InputTelState, InputTextBlurEventDetail, InputTextChangeEventDetail, InputTextInputEventDetail, InputTextState, InputTimeBlurEventDetail, InputTimeChangeEventDetail, InputTimeInputEventDetail, InputTimeState, InputUrlBlurEventDetail, InputUrlChangeEventDetail, InputUrlInputEventDetail, InputUrlState, InputWeekBlurEventDetail, InputWeekChangeEventDetail, InputWeekInputEventDetail, InputWeekState, LinkAriaAttribute, LinkButtonIconName, LinkButtonVariant, LinkIcon, LinkPureAlignLabel, LinkPureAriaAttribute, LinkPureColor, LinkPureIcon, LinkPureSize, LinkPureTarget, LinkTarget, LinkTileAlign, LinkTileAriaAttribute, LinkTileAspectRatio, LinkTileProductAspectRatio, LinkTileProductLikeEventDetail, LinkTileProductTarget, LinkTileSize, LinkTileTarget, LinkTileWeight, LinkVariant, ModalAriaAttribute, ModalBackdrop, ModalBackground, ModalMotionHiddenEndEventDetail, ModalMotionVisibleEndEventDetail, ModelSignatureColor, ModelSignatureFetchPriority, ModelSignatureModel, ModelSignatureSize, MultiSelectChangeEventDetail, MultiSelectDropdownDirection, MultiSelectState, MultiSelectToggleEventDetail, PAccordionProps, PAiTagProps, PBannerProps, PButtonProps, PButtonPureProps, PButtonTileProps, PCanvasProps, PCarouselProps, PCheckboxProps, PCrestProps, PDisplayProps, PDividerProps, PDrilldownItemProps, PDrilldownLinkProps, PDrilldownProps, PFieldsetProps, PFlagProps, PFlyoutProps, PHeadingProps, PIconProps, PInlineNotificationProps, PInputDateProps, PInputEmailProps, PInputMonthProps, PInputNumberProps, PInputPasswordProps, PInputSearchProps, PInputTelProps, PInputTextProps, PInputTimeProps, PInputUrlProps, PInputWeekProps, PLinkProps, PLinkPureProps, PLinkTileProductProps, PLinkTileProps, PModalProps, PModelSignatureProps, PMultiSelectOptionProps, PMultiSelectProps, POptgroupProps, PPaginationProps, PPinCodeProps, PPopoverProps, PRadioGroupOptionProps, PRadioGroupProps, PScrollerProps, PSegmentedControlItemProps, PSegmentedControlProps, PSelectOptionProps, PSelectProps, PSheetProps, PSpinnerProps, PStepperHorizontalItemProps, PStepperHorizontalProps, PSwitchProps, PTableBodyProps, PTableCellProps, PTableHeadCellProps, PTableHeadProps, PTableHeadRowProps, PTableProps, PTableRowProps, PTabsBarProps, PTabsItemProps, PTabsProps, PTagDismissibleProps, PTagProps, PTextListItemProps, PTextListProps, PTextProps, PTextareaProps, PToastProps, PWordmarkProps, PaginationInternationalization, PaginationUpdateEventDetail, PinCodeChangeEventDetail, PinCodeLength, PinCodeState, PinCodeType, PopoverAriaAttribute, PopoverDirection, PorscheDesignSystem, PorscheDesignSystemModuleConfig, RadioGroupChangeEventDetail, RadioGroupDirection, RadioGroupState, ScrollerAlignScrollIndicator, ScrollerAriaAttribute, ScrollerScrollToPosition, SegmentedControlChangeEventDetail, SegmentedControlColumns, SegmentedControlItemAriaAttribute, SegmentedControlItemIcon, SegmentedControlState, SelectChangeEventDetail, SelectComponentsDropdownDirection, SelectDropdownDirection, SelectState, SelectToggleEventDetail, SelectedAriaAttributes, SelectedAriaRole, SheetAriaAttribute, SheetBackground, SheetMotionHiddenEndEventDetail, SheetMotionVisibleEndEventDetail, SpinnerAriaAttribute, SpinnerColor, SpinnerSize, StepperHorizontalItemState, StepperHorizontalSize, StepperHorizontalUpdateEventDetail, SwitchAlignLabel, SwitchUpdateEventDetail, TableHeadCellSort, TableLayout, TableUpdateEventDetail, TabsBackground, TabsBarBackground, TabsBarSize, TabsBarUpdateEventDetail, TabsBarWeight, TabsSize, TabsUpdateEventDetail, TabsWeight, TagDismissibleAriaAttribute, TagIcon, TagVariant, TextAlign, TextColor, TextHyphens, TextListType, TextSize, TextTag, TextWeight, TextareaBlurEventDetail, TextareaChangeEventDetail, TextareaInputEventDetail, TextareaResize, TextareaState, TextareaWrap, TileAlign, TileAspectRatio, TileSize, TileWeight, ToastMessage, ToastState, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget };
+export type { AccordionAlignMarker, AccordionBackground, AccordionHeadingTag, AccordionSize, AccordionUpdateEventDetail, AiTagLocale, AiTagVariant, AlignLabel, AriaAttributes, AriaRole, Backdrop, BannerHeadingTag, BannerPosition, BannerState, Booleanish, Breakpoint, BreakpointCustomizable, BreakpointValues, ButtonAriaAttribute, ButtonIcon, ButtonPureAlignLabel, ButtonPureAriaAttribute, ButtonPureColor, ButtonPureIcon, ButtonPureSize, ButtonPureType, ButtonTileAlign, ButtonTileAriaAttribute, ButtonTileAspectRatio, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight, ButtonType, ButtonVariant, CanvasBackground, CanvasSidebarStartUpdateEventDetail, CarouselAlignControls, CarouselAlignHeader, CarouselAriaAttribute, CarouselHeadingSize, CarouselInternationalization, CarouselSlidesPerPage, CarouselUpdateEventDetail, CarouselWidth, CheckboxBlurEventDetail, CheckboxChangeEventDetail, CheckboxState, CrestAriaAttribute, CrestTarget, Direction, DisplayAlign, DisplayColor, DisplaySize, DisplayTag, DividerColor, DividerDirection, DrilldownAriaAttribute, DrilldownLinkAriaAttribute, DrilldownLinkTarget, DrilldownUpdateEventDetail, FieldsetLabelSize, FieldsetState, FlagAriaAttribute, FlagName, FlagSize, FlyoutAriaAttribute, FlyoutBackdrop, FlyoutBackground, FlyoutFooterBehavior, FlyoutMotionHiddenEndEventDetail, FlyoutMotionVisibleEndEventDetail, FlyoutPosition, FormState, GroupDirection, HeadingAlign, HeadingColor, HeadingHyphens, HeadingSize, HeadingTag, HeadingWeight, IconAriaAttribute, IconColor, IconName, IconSize, InlineNotificationActionIcon, InlineNotificationHeadingTag, InlineNotificationState, InputDateBlurEventDetail, InputDateChangeEventDetail, InputDateInputEventDetail, InputDateState, InputEmailBlurEventDetail, InputEmailChangeEventDetail, InputEmailInputEventDetail, InputEmailState, InputMonthBlurEventDetail, InputMonthChangeEventDetail, InputMonthInputEventDetail, InputMonthState, InputNumberBlurEventDetail, InputNumberChangeEventDetail, InputNumberInputEventDetail, InputNumberState, InputPasswordBlurEventDetail, InputPasswordChangeEventDetail, InputPasswordInputEventDetail, InputPasswordState, InputSearchAriaAttribute, InputSearchBlurEventDetail, InputSearchChangeEventDetail, InputSearchInputEventDetail, InputSearchState, InputTelBlurEventDetail, InputTelChangeEventDetail, InputTelInputEventDetail, InputTelState, InputTextBlurEventDetail, InputTextChangeEventDetail, InputTextInputEventDetail, InputTextState, InputTimeBlurEventDetail, InputTimeChangeEventDetail, InputTimeInputEventDetail, InputTimeState, InputUrlBlurEventDetail, InputUrlChangeEventDetail, InputUrlInputEventDetail, InputUrlState, InputWeekBlurEventDetail, InputWeekChangeEventDetail, InputWeekInputEventDetail, InputWeekState, LinkAriaAttribute, LinkButtonIconName, LinkButtonVariant, LinkIcon, LinkPureAlignLabel, LinkPureAriaAttribute, LinkPureColor, LinkPureIcon, LinkPureSize, LinkPureTarget, LinkTarget, LinkTileAlign, LinkTileAriaAttribute, LinkTileAspectRatio, LinkTileProductAspectRatio, LinkTileProductLikeEventDetail, LinkTileProductTarget, LinkTileSize, LinkTileTarget, LinkTileWeight, LinkVariant, ModalAriaAttribute, ModalBackdrop, ModalBackground, ModalMotionHiddenEndEventDetail, ModalMotionVisibleEndEventDetail, ModelSignatureColor, ModelSignatureFetchPriority, ModelSignatureModel, ModelSignatureSize, MultiSelectChangeEventDetail, MultiSelectDropdownDirection, MultiSelectState, MultiSelectToggleEventDetail, PAccordionProps, PAiTagProps, PBannerProps, PButtonProps, PButtonPureProps, PButtonTileProps, PCanvasProps, PCarouselProps, PCheckboxProps, PCrestProps, PDisplayProps, PDividerProps, PDrilldownItemProps, PDrilldownLinkProps, PDrilldownProps, PFieldsetProps, PFlagProps, PFlyoutProps, PHeadingProps, PIconProps, PInlineNotificationProps, PInputDateProps, PInputEmailProps, PInputMonthProps, PInputNumberProps, PInputPasswordProps, PInputSearchProps, PInputTelProps, PInputTextProps, PInputTimeProps, PInputUrlProps, PInputWeekProps, PLinkProps, PLinkPureProps, PLinkTileProductProps, PLinkTileProps, PModalProps, PModelSignatureProps, PMultiSelectOptionProps, PMultiSelectProps, POptgroupProps, PPaginationProps, PPinCodeProps, PPopoverProps, PRadioGroupOptionProps, PRadioGroupProps, PScrollerProps, PSegmentedControlItemProps, PSegmentedControlProps, PSelectOptionProps, PSelectProps, PSheetProps, PSpinnerProps, PStepperHorizontalItemProps, PStepperHorizontalProps, PSwitchProps, PTableBodyProps, PTableCellProps, PTableHeadCellProps, PTableHeadProps, PTableHeadRowProps, PTableProps, PTableRowProps, PTabsBarProps, PTabsItemProps, PTabsProps, PTagDismissibleProps, PTagProps, PTextListItemProps, PTextListProps, PTextProps, PTextareaProps, PToastProps, PWordmarkProps, PaginationInternationalization, PaginationUpdateEventDetail, PinCodeChangeEventDetail, PinCodeLength, PinCodeState, PinCodeType, PopoverAriaAttribute, PopoverDirection, PorscheDesignSystem, PorscheDesignSystemModuleConfig, RadioGroupChangeEventDetail, RadioGroupDirection, RadioGroupState, ScrollerAlignScrollIndicator, ScrollerAriaAttribute, ScrollerScrollToPosition, SegmentedControlChangeEventDetail, SegmentedControlColumns, SegmentedControlItemAriaAttribute, SegmentedControlItemIcon, SegmentedControlState, SelectChangeEventDetail, SelectComponentsDropdownDirection, SelectDropdownDirection, SelectState, SelectToggleEventDetail, SelectedAriaAttributes, SelectedAriaRole, SheetAriaAttribute, SheetBackground, SheetMotionHiddenEndEventDetail, SheetMotionVisibleEndEventDetail, SpinnerAriaAttribute, SpinnerColor, SpinnerSize, StepperHorizontalItemState, StepperHorizontalSize, StepperHorizontalUpdateEventDetail, SwitchAlignLabel, SwitchUpdateEventDetail, TableHeadCellSort, TableLayout, TableUpdateEventDetail, TabsAriaAttribute, TabsBackground, TabsBarAriaAttribute, TabsBarBackground, TabsBarSize, TabsBarUpdateEventDetail, TabsBarWeight, TabsSize, TabsUpdateEventDetail, TabsWeight, TagDismissibleAriaAttribute, TagIcon, TagVariant, TextAlign, TextColor, TextHyphens, TextListType, TextSize, TextTag, TextWeight, TextareaBlurEventDetail, TextareaChangeEventDetail, TextareaInputEventDetail, TextareaResize, TextareaState, TextareaWrap, TileAlign, TileAspectRatio, TileSize, TileWeight, ToastMessage, ToastState, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget };