@porsche-design-system/components-angular 4.0.0-beta.1 → 4.0.0-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-angular",
-  "version": "4.0.0-beta.1",
+  "version": "4.0.0-beta.2",
   "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.",
   "keywords": [
     "porsche",
@@ -17,7 +17,7 @@
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://designsystem.porsche.com",
   "dependencies": {
-    "@porsche-design-system/components-js": "4.0.0-beta.1",
+    "@porsche-design-system/components-js": "4.0.0-beta.2",
     "tslib": "^2.8.1"
   },
   "peerDependencies": {

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

@@ -770,19 +770,6 @@ declare const LINK_ARIA_ATTRIBUTES: readonly [
     "aria-haspopup"
 ];
 type LinkAriaAttribute = (typeof LINK_ARIA_ATTRIBUTES)[number];
-declare const SCROLLER_ARIA_ATTRIBUTES: readonly [
-    "role"
-];
-type ScrollerAriaAttribute = (typeof SCROLLER_ARIA_ATTRIBUTES)[number];
-type ScrollerScrollToPosition = {
-    scrollPosition: number;
-    isSmooth?: boolean;
-} | string;
-declare const SCROLL_INDICATOR_POSITIONS: readonly [
-    "top",
-    "center"
-];
-type ScrollerAlignScrollIndicator = (typeof SCROLL_INDICATOR_POSITIONS)[number];
 type MultiSelectState = FormState;
 type MultiSelectDropdownDirection = SelectComponentsDropdownDirection;
 type MultiSelectChangeEventDetail = {
@@ -1240,6 +1227,21 @@ type GroupDirection = (typeof GROUP_DIRECTIONS)[number];
 type RadioGroupState = FormState;
 type RadioGroupDirection = GroupDirection;
 type RadioGroupChangeEventDetail = Event;
+declare const SCROLLER_ALIGN_SCROLL_INDICATORS: readonly [
+    "top",
+    "center"
+];
+/** @deprecated */
+type ScrollerAlignScrollIndicator = (typeof SCROLLER_ALIGN_SCROLL_INDICATORS)[number];
+declare const SCROLLER_ARIA_ATTRIBUTES: readonly [
+    "role"
+];
+type ScrollerAriaAttribute = (typeof SCROLLER_ARIA_ATTRIBUTES)[number];
+/** @deprecated */
+type ScrollerScrollToPosition = {
+    scrollPosition: number;
+    isSmooth?: boolean;
+} | string;
 type SegmentedControlChangeEventDetail = {
     value: string | number;
 };
@@ -1309,27 +1311,43 @@ declare const TABS_SIZES: readonly [
     "medium"
 ];
 type TabsSize = (typeof TABS_SIZES)[number];
+declare const TABS_BACKGROUNDS: readonly [
+    "canvas",
+    "surface",
+    "frosted",
+    "none"
+];
+type TabsBackground = (typeof TABS_BACKGROUNDS)[number];
 declare const TABS_WEIGHTS: readonly [
     "regular",
     "semi-bold"
 ];
+/** @deprecated */
 type TabsWeight = (typeof TABS_WEIGHTS)[number];
 type TabsUpdateEventDetail = {
     activeTabIndex: number;
 };
+declare const TABS_BAR_BACKGROUNDS: readonly [
+    "canvas",
+    "surface",
+    "frosted",
+    "none"
+];
+type TabsBarBackground = (typeof TABS_BAR_BACKGROUNDS)[number];
 declare const TABS_BAR_SIZES: readonly [
     "small",
     "medium"
 ];
 type TabsBarSize = (typeof TABS_BAR_SIZES)[number];
+type TabsBarUpdateEventDetail = {
+    activeTabIndex: number;
+};
 declare const TABS_BAR_WEIGHTS: readonly [
     "regular",
     "semi-bold"
 ];
+/** @deprecated */
 type TabsBarWeight = (typeof TABS_BAR_WEIGHTS)[number];
-type TabsBarUpdateEventDetail = {
-    activeTabIndex: number;
-};
 type TagIcon = IconName | "none";
 declare const TAG_VARIANTS: readonly [
     "primary",
@@ -2405,12 +2423,16 @@ declare class PRadioGroupOption extends BaseComponent {
 }
 
 declare class PScroller extends BaseComponent {
+    /** @deprecated */
     alignScrollIndicator?: ScrollerAlignScrollIndicator;
     aria?: SelectedAriaAttributes<ScrollerAriaAttribute>;
+    compact?: boolean;
+    /** @deprecated */
     scrollToPosition?: ScrollerScrollToPosition;
     scrollbar?: boolean;
+    sticky?: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<PScroller, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PScroller, "p-scroller,[p-scroller]", never, { "alignScrollIndicator": { "alias": "alignScrollIndicator"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "scrollToPosition": { "alias": "scrollToPosition"; "required": false; }; "scrollbar": { "alias": "scrollbar"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PScroller, "p-scroller,[p-scroller]", never, { "alignScrollIndicator": { "alias": "alignScrollIndicator"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "scrollToPosition": { "alias": "scrollToPosition"; "required": false; }; "scrollbar": { "alias": "scrollbar"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
 declare class PSegmentedControlItem extends BaseComponent {
@@ -2482,9 +2504,10 @@ declare class PTable extends BaseComponent {
     caption?: string;
     compact?: boolean;
     layout?: TableLayout;
+    sticky?: boolean;
     update: EventEmitter<CustomEvent<_porsche_design_system_components_angular.TableHeadCellSort>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PTable, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PTable, "p-table,[p-table]", never, { "caption": { "alias": "caption"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PTable, "p-table,[p-table]", never, { "caption": { "alias": "caption"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
 }
 
 declare class PTableCell extends BaseComponent {
@@ -2518,20 +2541,26 @@ declare class PTableRow extends BaseComponent {
 
 declare class PTabs extends BaseComponent {
     activeTabIndex?: number;
+    background?: TabsBackground;
+    compact?: boolean;
     size?: BreakpointCustomizable<TabsSize>;
+    /** @deprecated */
     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; }; "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; }; "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>;
 }
 
 declare class PTabsBar extends BaseComponent {
     activeTabIndex?: number | undefined;
+    background?: TabsBarBackground;
+    compact?: boolean;
     size?: BreakpointCustomizable<TabsBarSize>;
+    /** @deprecated */
     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; }; "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; }; "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>;
 }
 
 declare class PTabsItem extends BaseComponent {
@@ -2617,4 +2646,4 @@ declare class ToastManager {
 }
 
 export { DECLARATIONS, PAccordion, 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, AlignLabel, AriaAttributes, AriaRole, Backdrop, BannerHeadingTag, BannerState, Booleanish, Breakpoint, BreakpointCustomizable, BreakpointValues, ButtonAriaAttribute, ButtonIcon, ButtonPureAlignLabel, ButtonPureAriaAttribute, 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, HeadingSize, HeadingTag, 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, 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, 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, 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, SpinnerSize, StepperHorizontalItemState, StepperHorizontalSize, StepperHorizontalUpdateEventDetail, SwitchAlignLabel, SwitchUpdateEventDetail, TableHeadCellSort, TableLayout, TableUpdateEventDetail, TabsBarSize, TabsBarUpdateEventDetail, TabsBarWeight, TabsSize, TabsUpdateEventDetail, TabsWeight, TagDismissibleAriaAttribute, TagIcon, TagVariant, TextAlign, TextColor, TextListType, TextSize, TextTag, TextWeight, TextareaBlurEventDetail, TextareaChangeEventDetail, TextareaInputEventDetail, TextareaResize, TextareaState, TextareaWrap, TileAlign, TileAspectRatio, TileSize, TileWeight, ToastMessage, ToastState, TypographyAlign, TypographyTextColor, TypographyTextWeight, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget };
+export type { AccordionAlignMarker, AccordionBackground, AccordionHeadingTag, AccordionSize, AccordionUpdateEventDetail, AlignLabel, AriaAttributes, AriaRole, Backdrop, BannerHeadingTag, BannerState, Booleanish, Breakpoint, BreakpointCustomizable, BreakpointValues, ButtonAriaAttribute, ButtonIcon, ButtonPureAlignLabel, ButtonPureAriaAttribute, 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, HeadingSize, HeadingTag, 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, 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, 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, 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, SpinnerSize, StepperHorizontalItemState, StepperHorizontalSize, StepperHorizontalUpdateEventDetail, SwitchAlignLabel, SwitchUpdateEventDetail, TableHeadCellSort, TableLayout, TableUpdateEventDetail, TabsBackground, TabsBarBackground, TabsBarSize, TabsBarUpdateEventDetail, TabsBarWeight, TabsSize, TabsUpdateEventDetail, TabsWeight, TagDismissibleAriaAttribute, TagIcon, TagVariant, TextAlign, TextColor, TextListType, TextSize, TextTag, TextWeight, TextareaBlurEventDetail, TextareaChangeEventDetail, TextareaInputEventDetail, TextareaResize, TextareaState, TextareaWrap, TileAlign, TileAspectRatio, TileSize, TileWeight, ToastMessage, ToastState, TypographyAlign, TypographyTextColor, TypographyTextWeight, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget };