@porsche-design-system/components-angular 2.13.0-rc.2 → 2.13.0-rc.5

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

@@ -0,0 +1,15 @@
+import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
+import type { IconName } from '../types';
+import * as i0 from "@angular/core";
+export declare class PSegmentedControlItem {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    disabled: boolean;
+    icon: IconName;
+    iconSource: string;
+    label: string;
+    value: string | number;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<PSegmentedControlItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PSegmentedControlItem, "p-segmented-control-item,[p-segmented-control-item]", never, { "disabled": "disabled"; "icon": "icon"; "iconSource": "iconSource"; "label": "label"; "value": "value"; }, {}, never, ["*"]>;
+}

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

@@ -0,0 +1,14 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
+import type { SegmentedControlBackgroundColor, SegmentedControlChangeEvent, Theme } from '../types';
+import * as i0 from "@angular/core";
+export declare class PSegmentedControl {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    backgroundColor: SegmentedControlBackgroundColor;
+    theme: Theme;
+    value: string | number;
+    segmentedControlChange: EventEmitter<CustomEvent<SegmentedControlChangeEvent>>;
+    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"; }, { "segmentedControlChange": "segmentedControlChange"; }, never, ["*"]>;
+}

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

@@ -0,0 +1,12 @@
+import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
+import type { StepperState } from '../types';
+import * as i0 from "@angular/core";
+export declare class PStepperHorizontalItem {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    disabled: boolean;
+    state: StepperState;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<PStepperHorizontalItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PStepperHorizontalItem, "p-stepper-horizontal-item,[p-stepper-horizontal-item]", never, { "disabled": "disabled"; "state": "state"; }, {}, never, ["*"]>;
+}

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

@@ -0,0 +1,12 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
+import type { StepChangeEvent, Theme } from '../types';
+import * as i0 from "@angular/core";
+export declare class PStepperHorizontal {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    theme: Theme;
+    stepChange: EventEmitter<CustomEvent<StepChangeEvent>>;
+    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, { "theme": "theme"; }, { "stepChange": "stepChange"; }, never, ["*"]>;
+}

package/lib/types.d.ts

@@ -21,6 +21,12 @@ export declare type BreakpointValues<T> = {
     base: T;
 };
 export declare type BreakpointCustomizable<T> = T | BreakpointValues<T>;
+export declare type GradientColorTheme = "default" | "surface";
+export declare type ScrollToPosition = {
+    scrollPosition: number;
+    isSmooth?: boolean;
+};
+export declare type PrevNextButtonJssStyle = any;
 declare const TEXT_SIZES: readonly [
     "x-small",
     "small",
@@ -465,12 +471,14 @@ declare const POPOVER_DIRECTIONS: readonly [
     "left"
 ];
 export declare type PopoverDirection = typeof POPOVER_DIRECTIONS[number];
-export declare type GradientColorTheme = "default" | "surface";
-export declare type ScrollToPosition = {
-    scrollPosition: number;
-    isSmooth?: boolean;
+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 = {
+    value: string | number;
 };
-export declare type PrevNextButtonJssStyle = any;
 export declare type DropdownDirectionInternal = "down" | "up";
 export declare type DropdownDirection = DropdownDirectionInternal | "auto";
 declare const SPINNER_SIZES: readonly [
@@ -485,6 +493,10 @@ declare const SPINNER_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
 export declare type SpinnerAriaAttributes = typeof SPINNER_ARIA_ATTRIBUTES[number];
+export declare type StepChangeEvent = {
+    activeStepIndex: number;
+};
+export declare type StepperState = "current" | "complete" | "warning";
 export declare type SwitchChangeEvent = {
     checked: boolean;
 };

package/package.json

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