@porsche-design-system/components-angular 2.13.0-rc.0

package/lib/types.d.ts

@@ -0,0 +1,543 @@
+export declare type IconName = "360" | "accessibility" | "active-cabin-ventilation" | "add" | "adjust" | "arrow-double-down" | "arrow-double-left" | "arrow-double-right" | "arrow-double-up" | "arrow-down" | "arrow-first" | "arrow-head-down" | "arrow-head-left" | "arrow-head-right" | "arrow-head-up" | "arrow-last" | "arrow-left" | "arrow-right" | "arrow-up" | "augmented-reality" | "battery-empty" | "battery-full" | "bell" | "bookmark" | "broadcast" | "calculator" | "calendar" | "camera" | "car" | "car-battery" | "card" | "charging-active" | "charging-state" | "charging-station" | "chart" | "chat" | "check" | "city" | "climate" | "climate-control" | "clock" | "close" | "closed-caption" | "co2-emission" | "compare" | "configurate" | "country-road" | "cubic-capacity" | "delete" | "disable" | "document" | "download" | "duration" | "edit" | "email" | "exclamation" | "external" | "filter" | "flash" | "fuel-station" | "garage" | "gift" | "globe" | "grid" | "highway" | "home" | "horn" | "image" | "increase" | "information" | "key" | "leaf" | "leather" | "light" | "list" | "locate" | "lock" | "lock-open" | "logo-baidu" | "logo-delicious" | "logo-digg" | "logo-facebook" | "logo-foursquare" | "logo-gmail" | "logo-google" | "logo-hatena" | "logo-instagram" | "logo-kaixin" | "logo-kakaotalk" | "logo-linkedin" | "logo-naver" | "logo-pinterest" | "logo-qq" | "logo-qq-share" | "logo-reddit" | "logo-skyrock" | "logo-sohu" | "logo-tecent" | "logo-telegram" | "logo-tiktok" | "logo-tumblr" | "logo-twitter" | "logo-viber" | "logo-vk" | "logo-wechat" | "logo-weibo" | "logo-whatsapp" | "logo-xing" | "logo-yahoo" | "logo-youku" | "logo-youtube" | "logout" | "map" | "menu-dots-horizontal" | "menu-dots-vertical" | "menu-lines" | "minus" | "mobile" | "moon" | "oil-can" | "parking-brake" | "parking-light" | "pause" | "phone" | "pin" | "play" | "plug" | "plus" | "preheating" | "printer" | "purchase" | "question" | "racing-flag" | "refresh" | "replay" | "reset" | "route" | "rss" | "save" | "screen" | "search" | "send" | "share" | "shopping-bag" | "shopping-cart" | "sidelights" | "snowflake" | "sort" | "stack" | "star" | "steering-wheel" | "stopwatch" | "subtract" | "success" | "sun" | "switch" | "tablet" | "tachometer" | "truck" | "upload" | "user" | "user-group" | "user-manual" | "video" | "view" | "view-off" | "volume-off" | "volume-up" | "warning" | "weight" | "wifi" | "work" | "wrench" | "wrenches" | "zoom-in" | "zoom-out";
+declare const BUTTON_ARIA_ATTRIBUTES: readonly [
+    "aria-label",
+    "aria-expanded",
+    "aria-pressed",
+    "aria-haspopup"
+];
+export declare type ButtonAriaAttributes = typeof BUTTON_ARIA_ATTRIBUTES[number];
+declare const BREAKPOINTS: readonly [
+    "base",
+    "xs",
+    "s",
+    "m",
+    "l",
+    "xl"
+];
+export declare type BreakpointKey = typeof BREAKPOINTS[number];
+export declare type BreakpointValues<T> = {
+    [key in BreakpointKey]?: T;
+} & {
+    base: T;
+};
+export declare type BreakpointCustomizable<T> = T | BreakpointValues<T>;
+declare const TEXT_SIZES: readonly [
+    "x-small",
+    "small",
+    "medium",
+    "large",
+    "x-large",
+    "inherit"
+];
+export declare type TextSize = typeof TEXT_SIZES[number];
+declare const HEADLINE_VARIANTS: readonly [
+    "large-title",
+    "headline-1",
+    "headline-2",
+    "headline-3",
+    "headline-4",
+    "headline-5"
+];
+export declare type VariantType = typeof HEADLINE_VARIANTS[number];
+export declare type HeadlineVariantCustom = Exclude<BreakpointCustomizable<TextSize>, TextSize>;
+export declare type HeadlineVariant = VariantType | HeadlineVariantCustom | Extract<TextSize, "inherit">;
+export declare type HeadlineTag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+export declare type Booleanish = boolean | "true" | "false";
+export declare type AriaAttributes = {
+    /** Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application. */
+    "aria-activedescendant"?: string | undefined;
+    /** Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute. */
+    "aria-atomic"?: Booleanish | undefined;
+    /**
+     * Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be
+     * presented if they are made.
+     */
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    /** Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user. */
+    "aria-busy"?: Booleanish | undefined;
+    /**
+     * Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
+     * @see aria-pressed @see aria-selected.
+     */
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    /**
+     * Defines the total number of columns in a table, grid, or treegrid.
+     * @see aria-colindex.
+     */
+    "aria-colcount"?: number | undefined;
+    /**
+     * Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.
+     * @see aria-colcount @see aria-colspan.
+     */
+    "aria-colindex"?: number | undefined;
+    /**
+     * Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
+     * @see aria-colindex @see aria-rowspan.
+     */
+    "aria-colspan"?: number | undefined;
+    /**
+     * Identifies the element (or elements) whose contents or presence are controlled by the current element.
+     * @see aria-owns.
+     */
+    "aria-controls"?: string | undefined;
+    /** Indicates the element that represents the current item within a container or set of related elements. */
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    /**
+     * Identifies the element (or elements) that describes the object.
+     * @see aria-labelledby
+     */
+    "aria-describedby"?: string | undefined;
+    /**
+     * Identifies the element that provides a detailed, extended description for the object.
+     * @see aria-describedby.
+     */
+    "aria-details"?: string | undefined;
+    /**
+     * Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
+     * @see aria-hidden @see aria-readonly.
+     */
+    "aria-disabled"?: Booleanish | undefined;
+    /**
+     * Indicates what functions can be performed when a dragged object is released on the drop target.
+     * @deprecated in ARIA 1.1
+     */
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    /**
+     * Identifies the element that provides an error message for the object.
+     * @see aria-invalid @see aria-describedby.
+     */
+    "aria-errormessage"?: string | undefined;
+    /** Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. */
+    "aria-expanded"?: Booleanish | undefined;
+    /**
+     * Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,
+     * allows assistive technology to override the general default of reading in document source order.
+     */
+    "aria-flowto"?: string | undefined;
+    /**
+     * Indicates an element's "grabbed" state in a drag-and-drop operation.
+     * @deprecated in ARIA 1.1
+     */
+    "aria-grabbed"?: Booleanish | undefined;
+    /** Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element. */
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    /**
+     * Indicates whether the element is exposed to an accessibility API.
+     * @see aria-disabled.
+     */
+    "aria-hidden"?: Booleanish | undefined;
+    /**
+     * Indicates the entered value does not conform to the format expected by the application.
+     * @see aria-errormessage.
+     */
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    /** Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element. */
+    "aria-keyshortcuts"?: string | undefined;
+    /**
+     * Defines a string value that labels the current element.
+     * @see aria-labelledby.
+     */
+    "aria-label"?: string | undefined;
+    /**
+     * Identifies the element (or elements) that labels the current element.
+     * @see aria-describedby.
+     */
+    "aria-labelledby"?: string | undefined;
+    /** Defines the hierarchical level of an element within a structure. */
+    "aria-level"?: number | undefined;
+    /** Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region. */
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    /** Indicates whether an element is modal when displayed. */
+    "aria-modal"?: Booleanish | undefined;
+    /** Indicates whether a text box accepts multiple lines of input or only a single line. */
+    "aria-multiline"?: Booleanish | undefined;
+    /** Indicates that the user may select more than one item from the current selectable descendants. */
+    "aria-multiselectable"?: Booleanish | undefined;
+    /** Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous. */
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    /**
+     * Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship
+     * between DOM elements where the DOM hierarchy cannot be used to represent the relationship.
+     * @see aria-controls.
+     */
+    "aria-owns"?: string | undefined;
+    /**
+     * Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.
+     * A hint could be a sample value or a brief description of the expected format.
+     */
+    "aria-placeholder"?: string | undefined;
+    /**
+     * Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
+     * @see aria-setsize.
+     */
+    "aria-posinset"?: number | undefined;
+    /**
+     * Indicates the current "pressed" state of toggle buttons.
+     * @see aria-checked @see aria-selected.
+     */
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    /**
+     * Indicates that the element is not editable, but is otherwise operable.
+     * @see aria-disabled.
+     */
+    "aria-readonly"?: Booleanish | undefined;
+    /**
+     * Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.
+     * @see aria-atomic.
+     */
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    /** Indicates that user input is required on the element before a form may be submitted. */
+    "aria-required"?: Booleanish | undefined;
+    /** Defines a human-readable, author-localized description for the role of an element. */
+    "aria-roledescription"?: string | undefined;
+    /**
+     * Defines the total number of rows in a table, grid, or treegrid.
+     * @see aria-rowindex.
+     */
+    "aria-rowcount"?: number | undefined;
+    /**
+     * Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.
+     * @see aria-rowcount @see aria-rowspan.
+     */
+    "aria-rowindex"?: number | undefined;
+    /**
+     * Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
+     * @see aria-rowindex @see aria-colspan.
+     */
+    "aria-rowspan"?: number | undefined;
+    /**
+     * Indicates the current "selected" state of various widgets.
+     * @see aria-checked @see aria-pressed.
+     */
+    "aria-selected"?: Booleanish | undefined;
+    /**
+     * Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
+     * @see aria-posinset.
+     */
+    "aria-setsize"?: number | undefined;
+    /** Indicates if items in a table or grid are sorted in ascending or descending order. */
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    /** Defines the maximum allowed value for a range widget. */
+    "aria-valuemax"?: number | undefined;
+    /** Defines the minimum allowed value for a range widget. */
+    "aria-valuemin"?: number | undefined;
+    /**
+     * Defines the current value for a range widget.
+     * @see aria-valuetext.
+     */
+    "aria-valuenow"?: number | undefined;
+    /** Defines the human readable text alternative of aria-valuenow for a range widget. */
+    "aria-valuetext"?: string | undefined;
+};
+export declare type TextWeight = "thin" | "regular" | "semibold" | "bold";
+export declare type TextColor = "brand" | "default" | "neutral-contrast-high" | "neutral-contrast-medium" | "neutral-contrast-low" | "notification-success" | "notification-warning" | "notification-error" | "notification-neutral" | "inherit";
+export declare type TextAlign = "left" | "center" | "right";
+export declare type Theme = "light" | "dark";
+export declare type ThemeExtendedElectric = Theme | "light-electric";
+export declare type ThemeExtendedElectricDark = ThemeExtendedElectric | "dark-electric";
+export declare type IconSize = "small" | "medium" | "large" | "inherit";
+export declare type LinkButtonPureIconName = IconName | "none";
+export declare type LinkButtonVariant = "primary" | "secondary" | "tertiary";
+export declare type ButtonVariant = LinkButtonVariant;
+export declare type ButtonType = "button" | "submit" | "reset";
+export declare type LinkVariant = LinkButtonVariant;
+export declare type LinkTarget = "_self" | "_blank" | "_parent" | "_top" | string;
+export declare type FormState = "none" | "error" | "success";
+export declare type AlignLabelType = "left" | "right";
+export declare type AlignLabel = BreakpointCustomizable<AlignLabelType>;
+export declare type SelectedAriaAttributes<T extends keyof AriaAttributes> = Pick<AriaAttributes, T>;
+declare const ACCORDION_SIZE: readonly [
+    "small",
+    "medium"
+];
+export declare type AccordionSize = typeof ACCORDION_SIZE[number];
+export declare type AccordionChangeEvent = {
+    open: boolean;
+};
+declare const BANNER_STATES: readonly [
+    "error",
+    "warning",
+    "neutral"
+];
+export declare type BannerState = typeof BANNER_STATES[number];
+export declare type ButtonGroupDirectionType = "row" | "column";
+export declare type ButtonGroupDirection = BreakpointCustomizable<ButtonGroupDirectionType>;
+export declare type ContentWrapperBackgroundColor = "transparent" | "default";
+export declare type ContentWrapperWidth = "basic" | "extended" | "fluid";
+export declare type DividerColor = "neutral-contrast-high" | "neutral-contrast-medium" | "neutral-contrast-low";
+export declare type DividerOrientation = BreakpointCustomizable<"vertical" | "horizontal">;
+export declare type FieldsetWrapperLabelSize = Extract<TextSize, "small" | "medium">;
+export declare type FlexInlineType = BreakpointCustomizable<boolean>;
+export declare type FlexInline = FlexInlineType;
+declare const FLEX_WRAPS: readonly [
+    "nowrap",
+    "wrap",
+    "wrap-reverse"
+];
+export declare type FlexWrapType = typeof FLEX_WRAPS[number];
+export declare type FlexWrap = BreakpointCustomizable<FlexWrapType>;
+declare const FLEX_DIRECTION: readonly [
+    "row",
+    "row-reverse",
+    "column",
+    "column-reverse"
+];
+export declare type FlexDirectionType = typeof FLEX_DIRECTION[number];
+export declare type FlexDirection = BreakpointCustomizable<FlexDirectionType>;
+declare const FLEX_JUSTIFY_CONTENTS: readonly [
+    "flex-start",
+    "flex-end",
+    "center",
+    "space-between",
+    "space-around",
+    "space-evenly"
+];
+export declare type FlexJustifyContentType = typeof FLEX_JUSTIFY_CONTENTS[number];
+export declare type FlexJustifyContent = BreakpointCustomizable<FlexJustifyContentType>;
+declare const FLEX_ALIGN_ITEMS: readonly [
+    "stretch",
+    "flex-start",
+    "flex-end",
+    "center",
+    "baseline"
+];
+export declare type FlexAlignItemsType = typeof FLEX_ALIGN_ITEMS[number];
+export declare type FlexAlignItems = BreakpointCustomizable<FlexAlignItemsType>;
+declare const FLEX_ALIGN_CONTENTS: readonly [
+    "stretch",
+    "flex-start",
+    "flex-end",
+    "center",
+    "space-between",
+    "space-around",
+    "space-evenly"
+];
+export declare type FlexAlignContentType = typeof FLEX_ALIGN_CONTENTS[number];
+export declare type FlexAlignContent = BreakpointCustomizable<FlexAlignContentType>;
+declare const FLEX_ITEM_WIDTHS: readonly [
+    "auto",
+    "one-quarter",
+    "one-third",
+    "half",
+    "two-thirds",
+    "three-quarters",
+    "full"
+];
+export declare type FlexItemWidthType = typeof FLEX_ITEM_WIDTHS[number];
+export declare type FlexItemWidth = BreakpointCustomizable<FlexItemWidthType>;
+declare const FLEX_ITEM_OFFSETS: readonly [
+    "none",
+    "one-quarter",
+    "one-third",
+    "half",
+    "two-thirds",
+    "three-quarters"
+];
+export declare type FlexItemOffsetType = typeof FLEX_ITEM_OFFSETS[number];
+export declare type FlexItemOffset = BreakpointCustomizable<FlexItemOffsetType>;
+declare const FLEX_ITEM_ALIGN_SELFS: readonly [
+    "auto",
+    "flex-start",
+    "flex-end",
+    "center",
+    "baseline",
+    "stretch"
+];
+export declare type FlexItemAlignSelfType = typeof FLEX_ITEM_ALIGN_SELFS[number];
+export declare type FlexItemAlignSelf = BreakpointCustomizable<FlexItemAlignSelfType>;
+declare const FLEX_ITEM_GROWS: readonly [
+    0,
+    1
+];
+export declare type FlexItemGrowType = typeof FLEX_ITEM_GROWS[number];
+export declare type FlexItemGrow = BreakpointCustomizable<FlexItemGrowType>;
+declare const FLEX_ITEM_SHRINKS: readonly [
+    0,
+    1
+];
+export declare type FlexItemShrinkType = typeof FLEX_ITEM_SHRINKS[number];
+export declare type FlexItemShrink = BreakpointCustomizable<FlexItemShrinkType>;
+declare const FLEX_ITEM_FLEXES: readonly [
+    "initial",
+    "auto",
+    "none",
+    "equal"
+];
+export declare type FlexItemFlexType = typeof FLEX_ITEM_FLEXES[number];
+export declare type FlexItemFlex = BreakpointCustomizable<FlexItemFlexType>;
+declare const GRID_DIRECTIONS: readonly [
+    "row",
+    "row-reverse",
+    "column",
+    "column-reverse"
+];
+export declare type GridDirectionType = typeof GRID_DIRECTIONS[number];
+export declare type GridDirection = BreakpointCustomizable<GridDirectionType>;
+declare const GRID_WRAPS: readonly [
+    "nowrap",
+    "wrap"
+];
+export declare type GridWrapType = typeof GRID_WRAPS[number];
+export declare type GridWrap = BreakpointCustomizable<GridWrapType>;
+declare const GRID_GUTTERS: readonly [
+    16,
+    24,
+    36
+];
+export declare type GridGutterType = typeof GRID_GUTTERS[number];
+export declare type GridGutter = BreakpointCustomizable<GridGutterType>;
+declare const GRID_ITEM_SIZES: readonly [
+    1,
+    2,
+    3,
+    4,
+    5,
+    6,
+    7,
+    8,
+    9,
+    10,
+    11,
+    12
+];
+export declare type GridItemSizeType = typeof GRID_ITEM_SIZES[number];
+export declare type GridItemSize = BreakpointCustomizable<GridItemSizeType>;
+declare const GRID_ITEM_OFFSETS: readonly [
+    0,
+    1,
+    2,
+    3,
+    4,
+    5,
+    6,
+    7,
+    8,
+    9,
+    10,
+    11
+];
+export declare type GridItemOffsetType = typeof GRID_ITEM_OFFSETS[number];
+export declare type GridItemOffset = BreakpointCustomizable<GridItemOffsetType>;
+declare const ICON_ARIA_ATTRIBUTES: readonly [
+    "aria-label"
+];
+export declare type IconAriaAttributes = typeof ICON_ARIA_ATTRIBUTES[number];
+declare const INLINE_NOTIFICATION_STATES: readonly [
+    "error",
+    "warning",
+    "neutral",
+    "success"
+];
+export declare type InlineNotificationState = typeof INLINE_NOTIFICATION_STATES[number];
+declare const LINK_ARIA_ATTRIBUTES: readonly [
+    "aria-label"
+];
+export declare type LinkAriaAttributes = typeof LINK_ARIA_ATTRIBUTES[number];
+export declare type SocialIconName = Extract<IconName, "logo-facebook" | "logo-google" | "logo-instagram" | "logo-linkedin" | "logo-pinterest" | "logo-twitter" | "logo-wechat" | "logo-whatsapp" | "logo-xing" | "logo-youtube" | "logo-baidu" | "logo-delicious" | "logo-digg" | "logo-foursquare" | "logo-gmail" | "logo-hatena" | "logo-kaixin" | "logo-kakaotalk" | "logo-naver" | "logo-qq-share" | "logo-qq" | "logo-reddit" | "logo-skyrock" | "logo-sohu" | "logo-tecent" | "logo-telegram" | "logo-tiktok" | "logo-tumblr" | "logo-viber" | "logo-vk" | "logo-weibo" | "logo-yahoo" | "logo-youku">;
+export declare type MarqueSize = "responsive" | "small" | "medium";
+declare const MARQUE_ARIA_ATTRIBUTES: readonly [
+    "aria-label"
+];
+export declare type MarqueAriaAttributes = typeof MARQUE_ARIA_ATTRIBUTES[number];
+declare const MODAL_ARIA_ATTRIBUTES: readonly [
+    "aria-label"
+];
+export declare type ModalAriaAttributes = typeof MODAL_ARIA_ATTRIBUTES[number];
+/**
+ * Universal pagination model generation algorithm
+ *
+ * The idea behind this module is to move the logic of creating pagination out of the component
+ * and place it in a separate module.
+ *
+ * Adapted from ultimate-pagination
+ * https://github.com/ultimate-pagination/ultimate-pagination
+ *
+ */
+export declare type NumberOfPageLinks = 5 | 7;
+export declare type PageChangeEvent = {
+    page: number;
+    previousPage: number;
+};
+declare const POPOVER_DIRECTIONS: readonly [
+    "top",
+    "right",
+    "bottom",
+    "left"
+];
+export declare type PopoverDirection = typeof POPOVER_DIRECTIONS[number];
+export declare type GradientColorTheme = "default" | "surface";
+export declare type ScrollToPosition = {
+    scrollPosition: number;
+    isSmooth?: boolean;
+};
+export declare type PrevNextButtonJssStyle = any;
+export declare type DropdownDirectionInternal = "down" | "up";
+export declare type DropdownDirection = DropdownDirectionInternal | "auto";
+declare const SPINNER_SIZES: readonly [
+    "small",
+    "medium",
+    "large",
+    "inherit"
+];
+export declare type SpinnerSizeType = typeof SPINNER_SIZES[number];
+export declare type SpinnerSize = BreakpointCustomizable<SpinnerSizeType>;
+declare const SPINNER_ARIA_ATTRIBUTES: readonly [
+    "aria-label"
+];
+export declare type SpinnerAriaAttributes = typeof SPINNER_ARIA_ATTRIBUTES[number];
+export declare type SwitchChangeEvent = {
+    checked: boolean;
+};
+export declare type Direction = "asc" | "desc";
+export declare type TableHeadCellSort = {
+    id: string;
+    active: boolean;
+    direction: Direction;
+};
+export declare type SortingChangeEvent = TableHeadCellSort;
+declare const TAB_SIZE: readonly [
+    "small",
+    "medium"
+];
+export declare type TabSize = typeof TAB_SIZE[number];
+export declare type TabWeight = Extract<TextWeight, "regular" | "semibold">;
+export declare type TabChangeEvent = {
+    activeTabIndex: number;
+};
+export declare type TabGradientColorTheme = GradientColorTheme;
+declare const TAG_COLORS: readonly [
+    "background-surface",
+    "background-default",
+    "neutral-contrast-high",
+    "notification-neutral",
+    "notification-warning",
+    "notification-success",
+    "notification-error"
+];
+export declare type TagColor = typeof TAG_COLORS[number];
+declare const TAG_DISMISSIBLE_COLORS: readonly [
+    "background-surface",
+    "background-default"
+];
+export declare type TagDismissibleColor = typeof TAG_DISMISSIBLE_COLORS[number];
+declare const TAG_DISMISSIBLE_ARIA_ATTRIBUTES: readonly [
+    "aria-label"
+];
+export declare type TagDismissibleAriaAttribute = typeof TAG_DISMISSIBLE_ARIA_ATTRIBUTES[number];
+declare const UNIT_POSITIONS: readonly [
+    "prefix",
+    "suffix"
+];
+export declare type TextFieldWrapperUnitPosition = typeof UNIT_POSITIONS[number];
+export declare type ListType = "unordered" | "ordered";
+export declare type OrderType = "numbered" | "alphabetically";
+declare const TOAST_STATES: readonly [
+    "neutral",
+    "success"
+];
+export declare type ToastState = typeof TOAST_STATES[number];
+export declare type ToastMessage = {
+    text: string;
+    state?: ToastState;
+};
+export {};

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@porsche-design-system/components-angular",
+  "version": "2.13.0-rc.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.",
+  "keywords": [
+    "porsche",
+    "design",
+    "system",
+    "web",
+    "component",
+    "library",
+    "angular",
+    "js"
+  ],
+  "scope": "@porsche-design-system",
+  "author": "Dr. Ing. h.c. F. Porsche AG",
+  "license": "SEE LICENSE IN LICENSE",
+  "homepage": "https://designsystem.porsche.com",
+  "dependencies": {
+    "@porsche-design-system/components-js": "2.13.0-rc.0",
+    "tslib": "^2.0.1"
+  },
+  "peerDependencies": {
+    "@angular/common": ">=12.0.0 <14.0.0",
+    "@angular/core": ">=12.0.0 <14.0.0"
+  },
+  "exports": {
+    "./partials": {
+      "types": "./partials/partials.d.ts",
+      "import": "./partials/esm/partials.js",
+      "require": "./partials/partials.js"
+    },
+    "./utilities/js": {
+      "types": "./utilities/js/js.d.ts",
+      "import": "./utilities/js/esm/js.js",
+      "require": "./utilities/js/js.js"
+    },
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./porsche-design-system-components-angular.d.ts",
+      "esm2020": "./esm2020/porsche-design-system-components-angular.mjs",
+      "es2020": "./fesm2020/porsche-design-system-components-angular.mjs",
+      "es2015": "./fesm2015/porsche-design-system-components-angular.mjs",
+      "node": "./fesm2015/porsche-design-system-components-angular.mjs",
+      "default": "./fesm2020/porsche-design-system-components-angular.mjs"
+    }
+  },
+  "module": "fesm2015/porsche-design-system-components-angular.mjs",
+  "es2020": "fesm2020/porsche-design-system-components-angular.mjs",
+  "esm2020": "esm2020/porsche-design-system-components-angular.mjs",
+  "fesm2020": "fesm2020/porsche-design-system-components-angular.mjs",
+  "fesm2015": "fesm2015/porsche-design-system-components-angular.mjs",
+  "typings": "porsche-design-system-components-angular.d.ts",
+  "sideEffects": false
+}

package/partials/esm/partials.js

@@ -0,0 +1 @@
+export * from '@porsche-design-system/components-js/partials';

package/partials/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "partials.js",
+  "module": "esm/partials.js",
+  "types": "partials.d.ts",
+  "sideEffects": false
+}

package/partials/partials.d.ts

@@ -0,0 +1 @@
+export * from '@porsche-design-system/components-js/partials';

package/partials/partials.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var partials = require('@porsche-design-system/components-js/partials');
+
+
+
+Object.keys(partials).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return partials[k]; }
+	});
+});

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

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@porsche-design-system/components-angular" />
+export * from './public-api';

package/public-api.d.ts

@@ -0,0 +1,5 @@
+export { componentsReady } from '@porsche-design-system/components-js';
+export * from './lib/components/barrel';
+export * from './lib/types';
+export { PorscheDesignSystemModule, PorscheDesignSystemModuleConfig } from './components-wrapper.module';
+export { ToastManager } from './toast-manager';

package/skeleton-helper.d.ts

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+export declare const usesSkeletons: () => boolean;
+export declare const USES_SKELETONS: InjectionToken<boolean>;

package/toast-manager.d.ts

@@ -0,0 +1,7 @@
+import type { ToastMessage } from './public-api';
+import * as i0 from "@angular/core";
+export declare class ToastManager {
+    addMessage(message: ToastMessage): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToastManager, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ToastManager>;
+}

package/utilities/js/esm/js.js

@@ -0,0 +1 @@
+export * from '@porsche-design-system/components-js/utilities/js';

package/utilities/js/js.d.ts

@@ -0,0 +1 @@
+export * from '@porsche-design-system/components-js/utilities/js';