@porsche-design-system/components-angular 3.0.0-alpha.5 → 3.0.0-alpha.6

package/lib/components/accordion.wrapper.d.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
-import type { AccordionChangeEvent, BreakpointCustomizable, AccordionSize, AccordionTag, Theme } from '../types';
+import type { AccordionUpdateEvent, BreakpointCustomizable, AccordionSize, AccordionTag, Theme } from '../types';
 import * as i0 from "@angular/core";
 export declare class PAccordion {
     protected z: NgZone;
@@ -11,9 +11,9 @@ export declare class PAccordion {
     tag: AccordionTag;
     theme: Theme;
     /** @deprecated */
-    accordionChange: EventEmitter<CustomEvent<AccordionChangeEvent>>;
-    change: EventEmitter<CustomEvent<AccordionChangeEvent>>;
+    accordionChange: EventEmitter<CustomEvent<AccordionUpdateEvent>>;
+    update: EventEmitter<CustomEvent<AccordionUpdateEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PAccordion, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PAccordion, "p-accordion,[p-accordion]", never, { "compact": "compact"; "heading": "heading"; "open": "open"; "size": "size"; "tag": "tag"; "theme": "theme"; }, { "accordionChange": "accordionChange"; "change": "change"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PAccordion, "p-accordion,[p-accordion]", never, { "compact": "compact"; "heading": "heading"; "open": "open"; "size": "size"; "tag": "tag"; "theme": "theme"; }, { "accordionChange": "accordionChange"; "update": "update"; }, never, ["*"]>;
 }

package/lib/components/banner.wrapper.d.ts

@@ -5,7 +5,10 @@ export declare class PBanner {
     protected z: NgZone;
     protected el: HTMLElement;
     description: string;
+    dismissButton: boolean;
     heading: string;
+    open: boolean;
+    /** @deprecated */
     persistent: boolean;
     state: BannerState;
     theme: Theme;
@@ -14,5 +17,5 @@ export declare class PBanner {
     dismiss: EventEmitter<CustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PBanner, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PBanner, "p-banner,[p-banner]", never, { "description": "description"; "heading": "heading"; "persistent": "persistent"; "state": "state"; "theme": "theme"; "width": "width"; }, { "dismiss": "dismiss"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PBanner, "p-banner,[p-banner]", never, { "description": "description"; "dismissButton": "dismissButton"; "heading": "heading"; "open": "open"; "persistent": "persistent"; "state": "state"; "theme": "theme"; "width": "width"; }, { "dismiss": "dismiss"; }, never, ["*"]>;
 }

package/lib/components/carousel.wrapper.d.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
-import type { CarouselAlignHeader, BreakpointCustomizable, CarouselInternationalization, CarouselChangeEvent, Theme, CarouselWidth } from '../types';
+import type { CarouselAlignHeader, BreakpointCustomizable, CarouselInternationalization, CarouselUpdateEvent, Theme, CarouselWidth } from '../types';
 import * as i0 from "@angular/core";
 export declare class PCarousel {
     protected z: NgZone;
@@ -19,9 +19,9 @@ export declare class PCarousel {
     /** @deprecated */
     wrapContent: boolean;
     /** @deprecated */
-    carouselChange: EventEmitter<CustomEvent<CarouselChangeEvent>>;
-    change: EventEmitter<CustomEvent<CarouselChangeEvent>>;
+    carouselChange: EventEmitter<CustomEvent<CarouselUpdateEvent>>;
+    update: EventEmitter<CustomEvent<CarouselUpdateEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PCarousel, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PCarousel, "p-carousel,[p-carousel]", never, { "activeSlideIndex": "activeSlideIndex"; "alignHeader": "alignHeader"; "description": "description"; "disablePagination": "disablePagination"; "heading": "heading"; "intl": "intl"; "pagination": "pagination"; "rewind": "rewind"; "slidesPerPage": "slidesPerPage"; "theme": "theme"; "width": "width"; "wrapContent": "wrapContent"; }, { "carouselChange": "carouselChange"; "change": "change"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PCarousel, "p-carousel,[p-carousel]", never, { "activeSlideIndex": "activeSlideIndex"; "alignHeader": "alignHeader"; "description": "description"; "disablePagination": "disablePagination"; "heading": "heading"; "intl": "intl"; "pagination": "pagination"; "rewind": "rewind"; "slidesPerPage": "slidesPerPage"; "theme": "theme"; "width": "width"; "wrapContent": "wrapContent"; }, { "carouselChange": "carouselChange"; "update": "update"; }, never, ["*"]>;
 }

package/lib/components/inline-notification.wrapper.d.ts

@@ -8,7 +8,9 @@ export declare class PInlineNotification {
     actionLabel: string;
     actionLoading: boolean;
     description: string;
+    dismissButton: boolean;
     heading: string;
+    /** @deprecated */
     persistent: boolean;
     state: InlineNotificationState;
     theme: Theme;
@@ -16,5 +18,5 @@ export declare class PInlineNotification {
     dismiss: EventEmitter<CustomEvent<void>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PInlineNotification, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PInlineNotification, "p-inline-notification,[p-inline-notification]", never, { "actionIcon": "actionIcon"; "actionLabel": "actionLabel"; "actionLoading": "actionLoading"; "description": "description"; "heading": "heading"; "persistent": "persistent"; "state": "state"; "theme": "theme"; }, { "action": "action"; "dismiss": "dismiss"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PInlineNotification, "p-inline-notification,[p-inline-notification]", never, { "actionIcon": "actionIcon"; "actionLabel": "actionLabel"; "actionLoading": "actionLoading"; "description": "description"; "dismissButton": "dismissButton"; "heading": "heading"; "persistent": "persistent"; "state": "state"; "theme": "theme"; }, { "action": "action"; "dismiss": "dismiss"; }, never, ["*"]>;
 }

package/lib/components/pagination.wrapper.d.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
-import type { PaginationInternationalization, BreakpointCustomizable, PaginationMaxNumberOfPageLinks, PaginationChangeEvent, Theme } from '../types';
+import type { PaginationInternationalization, BreakpointCustomizable, PaginationMaxNumberOfPageLinks, PaginationUpdateEvent, Theme } from '../types';
 import * as i0 from "@angular/core";
 export declare class PPagination {
     protected z: NgZone;
@@ -18,10 +18,10 @@ export declare class PPagination {
     maxNumberOfPageLinks: BreakpointCustomizable<PaginationMaxNumberOfPageLinks>;
     theme: Theme;
     totalItemsCount: number;
-    change: EventEmitter<CustomEvent<PaginationChangeEvent>>;
     /** @deprecated */
-    pageChange: EventEmitter<CustomEvent<PaginationChangeEvent>>;
+    pageChange: EventEmitter<CustomEvent<PaginationUpdateEvent>>;
+    update: EventEmitter<CustomEvent<PaginationUpdateEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PPagination, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PPagination, "p-pagination,[p-pagination]", never, { "activePage": "activePage"; "allyLabel": "allyLabel"; "allyLabelNext": "allyLabelNext"; "allyLabelPage": "allyLabelPage"; "allyLabelPrev": "allyLabelPrev"; "intl": "intl"; "itemsPerPage": "itemsPerPage"; "maxNumberOfPageLinks": "maxNumberOfPageLinks"; "theme": "theme"; "totalItemsCount": "totalItemsCount"; }, { "change": "change"; "pageChange": "pageChange"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PPagination, "p-pagination,[p-pagination]", never, { "activePage": "activePage"; "allyLabel": "allyLabel"; "allyLabelNext": "allyLabelNext"; "allyLabelPage": "allyLabelPage"; "allyLabelPrev": "allyLabelPrev"; "intl": "intl"; "itemsPerPage": "itemsPerPage"; "maxNumberOfPageLinks": "maxNumberOfPageLinks"; "theme": "theme"; "totalItemsCount": "totalItemsCount"; }, { "pageChange": "pageChange"; "update": "update"; }, never, ["*"]>;
 }

package/lib/components/segmented-control.wrapper.d.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
-import type { SegmentedControlBackgroundColor, SegmentedControlChangeEvent, Theme } from '../types';
+import type { SegmentedControlBackgroundColor, SegmentedControlUpdateEvent, Theme } from '../types';
 import * as i0 from "@angular/core";
 export declare class PSegmentedControl {
     protected z: NgZone;
@@ -8,10 +8,10 @@ export declare class PSegmentedControl {
     backgroundColor: SegmentedControlBackgroundColor;
     theme: Theme;
     value: string | number;
-    change: EventEmitter<CustomEvent<SegmentedControlChangeEvent>>;
     /** @deprecated */
-    segmentedControlChange: EventEmitter<CustomEvent<SegmentedControlChangeEvent>>;
+    segmentedControlChange: EventEmitter<CustomEvent<SegmentedControlUpdateEvent>>;
+    update: EventEmitter<CustomEvent<SegmentedControlUpdateEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PSegmentedControl, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PSegmentedControl, "p-segmented-control,[p-segmented-control]", never, { "backgroundColor": "backgroundColor"; "theme": "theme"; "value": "value"; }, { "change": "change"; "segmentedControlChange": "segmentedControlChange"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PSegmentedControl, "p-segmented-control,[p-segmented-control]", never, { "backgroundColor": "backgroundColor"; "theme": "theme"; "value": "value"; }, { "segmentedControlChange": "segmentedControlChange"; "update": "update"; }, never, ["*"]>;
 }

package/lib/components/stepper-horizontal.wrapper.d.ts

@@ -1,15 +1,15 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
-import type { StepperHorizontalChangeEvent, BreakpointCustomizable, StepperHorizontalSize, Theme } from '../types';
+import type { StepperHorizontalUpdateEvent, BreakpointCustomizable, StepperHorizontalSize, Theme } from '../types';
 import * as i0 from "@angular/core";
 export declare class PStepperHorizontal {
     protected z: NgZone;
     protected el: HTMLElement;
     size: BreakpointCustomizable<StepperHorizontalSize>;
     theme: Theme;
-    change: EventEmitter<CustomEvent<StepperHorizontalChangeEvent>>;
     /** @deprecated */
-    stepChange: EventEmitter<CustomEvent<StepperHorizontalChangeEvent>>;
+    stepChange: EventEmitter<CustomEvent<StepperHorizontalUpdateEvent>>;
+    update: EventEmitter<CustomEvent<StepperHorizontalUpdateEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PStepperHorizontal, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PStepperHorizontal, "p-stepper-horizontal,[p-stepper-horizontal]", never, { "size": "size"; "theme": "theme"; }, { "change": "change"; "stepChange": "stepChange"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PStepperHorizontal, "p-stepper-horizontal,[p-stepper-horizontal]", never, { "size": "size"; "theme": "theme"; }, { "stepChange": "stepChange"; "update": "update"; }, never, ["*"]>;
 }

package/lib/components/switch.wrapper.d.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
-import type { BreakpointCustomizable, SwitchAlignLabel, SwitchChangeEvent, Theme } from '../types';
+import type { BreakpointCustomizable, SwitchAlignLabel, SwitchUpdateEvent, Theme } from '../types';
 import * as i0 from "@angular/core";
 export declare class PSwitch {
     protected z: NgZone;
@@ -11,10 +11,10 @@ export declare class PSwitch {
     loading: boolean;
     stretch: BreakpointCustomizable<boolean>;
     theme: Theme;
-    change: EventEmitter<CustomEvent<SwitchChangeEvent>>;
     /** @deprecated */
-    switchChange: EventEmitter<CustomEvent<SwitchChangeEvent>>;
+    switchChange: EventEmitter<CustomEvent<SwitchUpdateEvent>>;
+    update: EventEmitter<CustomEvent<SwitchUpdateEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PSwitch, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PSwitch, "p-switch,[p-switch]", never, { "alignLabel": "alignLabel"; "checked": "checked"; "disabled": "disabled"; "hideLabel": "hideLabel"; "loading": "loading"; "stretch": "stretch"; "theme": "theme"; }, { "change": "change"; "switchChange": "switchChange"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PSwitch, "p-switch,[p-switch]", never, { "alignLabel": "alignLabel"; "checked": "checked"; "disabled": "disabled"; "hideLabel": "hideLabel"; "loading": "loading"; "stretch": "stretch"; "theme": "theme"; }, { "switchChange": "switchChange"; "update": "update"; }, never, ["*"]>;
 }

package/lib/components/table.wrapper.d.ts

@@ -1,15 +1,15 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
-import type { TableChangeEvent, Theme } from '../types';
+import type { TableUpdateEvent, Theme } from '../types';
 import * as i0 from "@angular/core";
 export declare class PTable {
     protected z: NgZone;
     protected el: HTMLElement;
     caption: string;
     theme: Theme;
-    change: EventEmitter<CustomEvent<TableChangeEvent>>;
     /** @deprecated */
-    sortingChange: EventEmitter<CustomEvent<TableChangeEvent>>;
+    sortingChange: EventEmitter<CustomEvent<TableUpdateEvent>>;
+    update: EventEmitter<CustomEvent<TableUpdateEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PTable, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PTable, "p-table,[p-table]", never, { "caption": "caption"; "theme": "theme"; }, { "change": "change"; "sortingChange": "sortingChange"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PTable, "p-table,[p-table]", never, { "caption": "caption"; "theme": "theme"; }, { "sortingChange": "sortingChange"; "update": "update"; }, never, ["*"]>;
 }

package/lib/components/tabs-bar.wrapper.d.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
-import type { TabsBarGradientColor, TabsBarGradientColorScheme, TabsBarChangeEvent, BreakpointCustomizable, TabsBarSize, Theme, TabsBarWeight } from '../types';
+import type { TabsBarGradientColor, TabsBarGradientColorScheme, TabsBarUpdateEvent, BreakpointCustomizable, TabsBarSize, Theme, TabsBarWeight } from '../types';
 import * as i0 from "@angular/core";
 export declare class PTabsBar {
     protected z: NgZone;
@@ -11,10 +11,10 @@ export declare class PTabsBar {
     size: BreakpointCustomizable<TabsBarSize>;
     theme: Theme;
     weight: TabsBarWeight;
-    change: EventEmitter<CustomEvent<TabsBarChangeEvent>>;
     /** @deprecated */
-    tabChange: EventEmitter<CustomEvent<TabsBarChangeEvent>>;
+    tabChange: EventEmitter<CustomEvent<TabsBarUpdateEvent>>;
+    update: EventEmitter<CustomEvent<TabsBarUpdateEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PTabsBar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PTabsBar, "p-tabs-bar,[p-tabs-bar]", never, { "activeTabIndex": "activeTabIndex"; "gradientColor": "gradientColor"; "gradientColorScheme": "gradientColorScheme"; "size": "size"; "theme": "theme"; "weight": "weight"; }, { "change": "change"; "tabChange": "tabChange"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PTabsBar, "p-tabs-bar,[p-tabs-bar]", never, { "activeTabIndex": "activeTabIndex"; "gradientColor": "gradientColor"; "gradientColorScheme": "gradientColorScheme"; "size": "size"; "theme": "theme"; "weight": "weight"; }, { "tabChange": "tabChange"; "update": "update"; }, never, ["*"]>;
 }

package/lib/components/tabs.wrapper.d.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
-import type { TabsGradientColor, TabsGradientColorScheme, TabsChangeEvent, BreakpointCustomizable, TabsSize, Theme, TabsWeight } from '../types';
+import type { TabsGradientColor, TabsGradientColorScheme, TabsUpdateEvent, BreakpointCustomizable, TabsSize, Theme, TabsWeight } from '../types';
 import * as i0 from "@angular/core";
 export declare class PTabs {
     protected z: NgZone;
@@ -11,10 +11,10 @@ export declare class PTabs {
     size: BreakpointCustomizable<TabsSize>;
     theme: Theme;
     weight: TabsWeight;
-    change: EventEmitter<CustomEvent<TabsChangeEvent>>;
     /** @deprecated */
-    tabChange: EventEmitter<CustomEvent<TabsChangeEvent>>;
+    tabChange: EventEmitter<CustomEvent<TabsUpdateEvent>>;
+    update: EventEmitter<CustomEvent<TabsUpdateEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<PTabs, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PTabs, "p-tabs,[p-tabs]", never, { "activeTabIndex": "activeTabIndex"; "gradientColor": "gradientColor"; "gradientColorScheme": "gradientColorScheme"; "size": "size"; "theme": "theme"; "weight": "weight"; }, { "change": "change"; "tabChange": "tabChange"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PTabs, "p-tabs,[p-tabs]", never, { "activeTabIndex": "activeTabIndex"; "gradientColor": "gradientColor"; "gradientColorScheme": "gradientColorScheme"; "size": "size"; "theme": "theme"; "weight": "weight"; }, { "tabChange": "tabChange"; "update": "update"; }, never, ["*"]>;
 }

package/lib/types.d.ts

@@ -194,17 +194,18 @@ declare const BUTTON_ARIA_ATTRIBUTES: readonly [
     "aria-haspopup"
 ];
 export declare type ButtonAriaAttribute = typeof BUTTON_ARIA_ATTRIBUTES[number];
-declare const BREAKPOINTS: readonly [
+declare const breakpoints: readonly [
     "base",
     "xs",
     "s",
     "m",
     "l",
-    "xl"
+    "xl",
+    "xxl"
 ];
-export declare type BreakpointKey = typeof BREAKPOINTS[number];
+export declare type Breakpoint = (typeof breakpoints)[number];
 export declare type BreakpointValues<T> = {
-    [key in BreakpointKey]?: T;
+    [key in Breakpoint]?: T;
 } & {
     base: T;
 };
@@ -529,8 +530,8 @@ declare const ACCORDION_SIZES: readonly [
     "small",
     "medium"
 ];
-export declare type AccordionSize = typeof ACCORDION_SIZES[number];
-export declare type AccordionChangeEvent = {
+export declare type AccordionSize = (typeof ACCORDION_SIZES)[number];
+export declare type AccordionUpdateEvent = {
     open: boolean;
 };
 export declare type AccordionTag = HeadingTag;
@@ -579,7 +580,7 @@ declare const CAROUSEL_ALIGN_HEADERS: readonly [
 ];
 export declare type CarouselAlignHeader = (typeof CAROUSEL_ALIGN_HEADERS)[number];
 export declare type CarouselInternationalization = Partial<Record<"prev" | "next" | "first" | "last" | "slideLabel" | "slide", string>>;
-export declare type CarouselChangeEvent = {
+export declare type CarouselUpdateEvent = {
     activeIndex: number;
     previousIndex: number;
 };
@@ -937,8 +938,8 @@ declare const PAGINATION_NUMBER_OF_PAGE_LINKS: readonly [
     5,
     7
 ];
-export declare type PaginationMaxNumberOfPageLinks = typeof PAGINATION_NUMBER_OF_PAGE_LINKS[number];
-export declare type PaginationChangeEvent = {
+export declare type PaginationMaxNumberOfPageLinks = (typeof PAGINATION_NUMBER_OF_PAGE_LINKS)[number];
+export declare type PaginationUpdateEvent = {
     page: number;
     previousPage: number;
 };
@@ -959,8 +960,8 @@ declare const SEGMENTED_CONTROL_BACKGROUND_COLORS: readonly [
     "background-surface",
     "background-default"
 ];
-export declare type SegmentedControlBackgroundColor = typeof SEGMENTED_CONTROL_BACKGROUND_COLORS[number];
-export declare type SegmentedControlChangeEvent = {
+export declare type SegmentedControlBackgroundColor = (typeof SEGMENTED_CONTROL_BACKGROUND_COLORS)[number];
+export declare type SegmentedControlUpdateEvent = {
     value: string | number;
 };
 export declare type SegmentedControlItemIcon = LinkButtonIconName;
@@ -986,8 +987,8 @@ declare const STEPPER_HORIZONTAL_SIZES: readonly [
     "small",
     "medium"
 ];
-export declare type StepperHorizontalSize = typeof STEPPER_HORIZONTAL_SIZES[number];
-export declare type StepperHorizontalChangeEvent = {
+export declare type StepperHorizontalSize = (typeof STEPPER_HORIZONTAL_SIZES)[number];
+export declare type StepperHorizontalUpdateEvent = {
     activeStepIndex: number;
 };
 declare const STEPPER_ITEM_STATES: readonly [
@@ -997,7 +998,7 @@ declare const STEPPER_ITEM_STATES: readonly [
 ];
 export declare type StepperHorizontalItemState = typeof STEPPER_ITEM_STATES[number];
 export declare type SwitchAlignLabel = AlignLabel;
-export declare type SwitchChangeEvent = {
+export declare type SwitchUpdateEvent = {
     checked: boolean;
 };
 export declare type Direction = "asc" | "desc";
@@ -1006,19 +1007,19 @@ export declare type TableHeadCellSort = {
     active?: boolean;
     direction?: Direction;
 };
-export declare type TableChangeEvent = TableHeadCellSort;
+export declare type TableUpdateEvent = TableHeadCellSort;
 declare const TABS_BAR_SIZES: readonly [
     "small",
     "medium"
 ];
-export declare type TabsBarSize = typeof TABS_BAR_SIZES[number];
+export declare type TabsBarSize = (typeof TABS_BAR_SIZES)[number];
 declare const TABS_BAR_WEIGHTS: readonly [
     "regular",
     "semi-bold",
     "semibold"
 ];
-export declare type TabsBarWeight = typeof TABS_BAR_WEIGHTS[number];
-export declare type TabsBarChangeEvent = {
+export declare type TabsBarWeight = (typeof TABS_BAR_WEIGHTS)[number];
+export declare type TabsBarUpdateEvent = {
     activeTabIndex: number;
 };
 /** @deprecated */
@@ -1029,7 +1030,7 @@ export declare type TabsWeight = TabsBarWeight;
 /** @deprecated */
 export declare type TabsGradientColorScheme = TabsBarGradientColorScheme;
 export declare type TabsGradientColor = TabsBarGradientColor;
-export declare type TabsChangeEvent = TabsBarChangeEvent;
+export declare type TabsUpdateEvent = TabsBarUpdateEvent;
 declare const TAG_DISMISSIBLE_COLORS: readonly [
     "background-base",
     "background-surface",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-angular",
-  "version": "3.0.0-alpha.5",
+  "version": "3.0.0-alpha.6",
   "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": "3.0.0-alpha.5",
+    "@porsche-design-system/components-js": "3.0.0-alpha.6",
     "tslib": "^2.5.0"
   },
   "peerDependencies": {