@siemens/element-ng 47.6.0 → 47.8.0

package/dashboard/si-dashboard-card.component.d.ts

@@ -0,0 +1,82 @@
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+import { ElementRef, OnDestroy } from '@angular/core';
+import { SiCardComponent } from '@siemens/element-ng/card';
+import { MenuItem } from '@siemens/element-ng/common';
+import { ContentActionBarMainItem } from '@siemens/element-ng/content-action-bar';
+import * as i0 from "@angular/core";
+export declare class SiDashboardCardComponent extends SiCardComponent implements OnDestroy {
+    /**
+     * Description of cancel button & action.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DASHBOARD.RESTORE:Restore`
+     * ```
+     */
+    readonly restoreText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Description of expand button & action.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DASHBOARD.EXPAND:Expand`
+     * ```
+     */
+    readonly expandText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Option to enable and show the UI controls for card expand functionality.
+     * `Expand` and `restore` action items will be added to the content action bar.
+     * The expand resizing has to be implemented by the container of the card.
+     *
+     * @defaultValue false
+     */
+    readonly enableExpandInteraction: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Used in combination with si-dashboard to show filters when a card is expanded or not.
+     *
+     * @defaultValue true
+     */
+    readonly showMenubar: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Emitter for size state change
+     */
+    readonly expandChange: import("@angular/core").OutputEmitterRef<boolean>;
+    /**
+     * Whether the card is currently expanded.
+     *
+     * @defaultValue false
+     */
+    readonly isExpanded: import("@angular/core").WritableSignal<boolean>;
+    /** @internal */
+    hide: boolean;
+    /** @internal */
+    readonly enableExpandInteractionInternal: import("@angular/core").WritableSignal<boolean>;
+    readonly enableExpandInteractionComputed: import("@angular/core").Signal<boolean>;
+    /** @internal */
+    element: ElementRef<any>;
+    readonly displayContentActionBar: import("@angular/core").Signal<boolean>;
+    protected readonly actionBarViewTypeComputed: import("@angular/core").Signal<import("@siemens/element-ng/content-action-bar").ViewType>;
+    protected readonly actionBarTitleComputed: import("@angular/core").Signal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    protected readonly primaryActionsComputed: import("@angular/core").Signal<(MenuItem | ContentActionBarMainItem)[]>;
+    private readonly expandRestoreIconTooltip;
+    private readonly expandActionItem;
+    private readonly restoreActionItem;
+    private readonly hasContentBarActions;
+    private dashboardService;
+    constructor();
+    ngOnDestroy(): void;
+    /**
+     * Expand the dashboard card.
+     */
+    expand(): void;
+    /**
+     * Restore the dashboard card to the original, non-expanded state.
+     */
+    restore(): void;
+    private expandCard;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiDashboardCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiDashboardCardComponent, "si-dashboard-card", never, { "restoreText": { "alias": "restoreText"; "required": false; "isSignal": true; }; "expandText": { "alias": "expandText"; "required": false; "isSignal": true; }; "enableExpandInteraction": { "alias": "enableExpandInteraction"; "required": false; "isSignal": true; }; "showMenubar": { "alias": "showMenubar"; "required": false; "isSignal": true; }; }, { "expandChange": "expandChange"; }, never, ["[headerIcon]", "[body]", "[footer]"], true, never>;
+}

package/dashboard/si-dashboard.component.d.ts

@@ -0,0 +1,75 @@
+import { AfterViewInit, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { SiDashboardCardComponent } from './si-dashboard-card.component';
+import * as i0 from "@angular/core";
+export declare class SiDashboardComponent implements OnChanges, OnDestroy, AfterViewInit {
+    /**
+     * Heading for the dashboard page.
+     */
+    readonly heading: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Opt-in to enable expand interaction for all cards.
+     *
+     * @defaultValue false
+     */
+    readonly enableExpandInteractions: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Option to turn off the sticky behavior of the heading and menu bar.
+     *
+     * @defaultValue true
+     */
+    readonly sticky: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Option to hide the menu bar.
+     *
+     * @defaultValue false
+     */
+    readonly hideMenubar: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Is `true` if a card is expanded.
+     * @defaultref {@link _isExpanded}
+     */
+    get isExpanded(): boolean;
+    protected dashboardFrameEndPadding: number | null;
+    protected readonly hideMenubarComputed: import("@angular/core").Signal<boolean>;
+    private _isExpanded;
+    private unsubscribe;
+    private scrollPosition;
+    private cards;
+    private readonly expandedPortalOutlet;
+    private readonly dashboardFrame;
+    private readonly dashboard;
+    private dashboardFrameDimensions?;
+    private dashboardDimensions?;
+    private scroller;
+    private dashboardService;
+    private resizeObserver;
+    private scrollbarHelper;
+    private cdRef;
+    private document;
+    private readonly hideMenubarInternal;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private subscribeToCards;
+    private initCards;
+    /**
+     * Expands the provided card to full size in the dashboard.
+     * @param card - The card to be expanded.
+     */
+    expand(card: SiDashboardCardComponent): void;
+    /**
+     * Restores the expanded card to it's previous position.
+     */
+    restore(): void;
+    /**
+     * Restored the UI state of the dashboard. This method is only part
+     * of restoring a card and needs to be invoked after the card.restore()
+     * method. In general this is achieved by listening to card events.
+     */
+    private restoreDashboard;
+    private toggleCardsHide;
+    private setDashboardFrameEndPadding;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiDashboardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiDashboardComponent, "si-dashboard", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "enableExpandInteractions": { "alias": "enableExpandInteractions"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; "hideMenubar": { "alias": "hideMenubar"; "required": false; "isSignal": true; }; }, {}, never, ["[menubar]", "[dashboard]"], true, never>;
+}

package/dashboard/si-dashboard.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./si-dashboard-card.component";
+import * as i2 from "./si-dashboard.component";
+export declare class SiDashboardModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiDashboardModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SiDashboardModule, never, [typeof i1.SiDashboardCardComponent, typeof i2.SiDashboardComponent], [typeof i1.SiDashboardCardComponent, typeof i2.SiDashboardComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SiDashboardModule>;
+}

package/dashboard/si-dashboard.service.d.ts

@@ -0,0 +1,21 @@
+import { SiDashboardCardComponent } from './si-dashboard-card.component';
+import * as i0 from "@angular/core";
+export declare class SiDashboardService {
+    private cards;
+    /**
+     * Subject containing the current dashboard cards as a list.
+     *
+     * @defaultValue this.cards.asObservable()
+     */
+    readonly cards$: import("rxjs").Observable<SiDashboardCardComponent[]>;
+    /**
+     * Registers a new dashboard card.
+     */
+    register(card: SiDashboardCardComponent): void;
+    /**
+     * Removes a registered dashboard card.
+     */
+    unregister(card: SiDashboardCardComponent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiDashboardService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SiDashboardService>;
+}

package/dashboard/widgets/si-link-widget.component.d.ts

@@ -0,0 +1,25 @@
+import { Link } from '@siemens/element-ng/link';
+import { SiWidgetBaseComponent } from './si-widget-base.component';
+import * as i0 from "@angular/core";
+/**
+ * The `<si-link-widget>` supports an easy composition of links and actions
+ * with support for skeleton loading indicator.
+ */
+export declare class SiLinkWidgetComponent extends SiWidgetBaseComponent<Link[]> {
+    /**
+     * Option to enable trailing link arrow icons for each link.
+     *
+     * @defaultValue false
+     */
+    readonly showLinkIcons: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * The number of skeleton progress indication rows.
+     *
+     * @defaultValue 3
+     */
+    readonly numberOfLinks: import("@angular/core").InputSignal<number>;
+    protected readonly ghosts: import("@angular/core").Signal<any[]>;
+    protected readonly icons: Record<"elementRight2", string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiLinkWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiLinkWidgetComponent, "si-link-widget", never, { "showLinkIcons": { "alias": "showLinkIcons"; "required": false; "isSignal": true; }; "numberOfLinks": { "alias": "numberOfLinks"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/dashboard/widgets/si-list-widget/si-list-widget-body.component.d.ts

@@ -0,0 +1,98 @@
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+import { OnChanges } from '@angular/core';
+import { Link } from '@siemens/element-ng/link';
+import { SiWidgetBaseComponent } from '../si-widget-base.component';
+import { SiListWidgetItem } from './si-list-widget-item.component';
+import * as i0 from "@angular/core";
+/** Defines the sort order. */
+export type SortOrder = 'ASC' | 'DSC';
+/**
+ * The `<si-list-widget-body>` implements the body of the <si-list-widget> that can be
+ * used for composition within other components.
+ */
+export declare class SiListWidgetBodyComponent extends SiWidgetBaseComponent<SiListWidgetItem[]> implements OnChanges {
+    /** Optional footer link for the list widget */
+    readonly link: import("@angular/core").InputSignal<Link | undefined>;
+    /**
+     * label for the "search placeholder" name
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_LIST_WIDGET.SEARCH_PLACEHOLDER:Search...`
+     * ```
+     */
+    readonly searchPlaceholderLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Enable ascending and descending SiListWidgetItem sorting. If enabled,
+     * items are initially ascending sorted.
+     */
+    readonly sort: import("@angular/core").InputSignal<SortOrder | undefined>;
+    /**
+     * Enables the search functionality.
+     *
+     * @defaultValue false
+     */
+    readonly search: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Compare function of for two `SiListWidgetItem`s that is used to sort
+     * the array of items. The default compares the item labels by using the
+     * string `localeCompare()` function.
+     *
+     * @param a - first `SiListWidgetItem` of the comparison.
+     *
+     * @param b - second `SiListWidgetItem` of the comparison.
+     *
+     * @returns A value `< 0` if `a` is smaller, `> 0` if `b` is smaller, otherwise `0`.
+     *
+     * @defaultValue
+     * ```
+     * (
+     *     a: SiListWidgetItem,
+     *     b: SiListWidgetItem
+     *   ) => {
+     *     const aLabel = typeof a.label === 'object' ? a.label.title! : a.label;
+     *     const bLabel = typeof b.label === 'object' ? b.label.title! : b.label;
+     *     return aLabel.localeCompare(bLabel);
+     *   }
+     * ```
+     */
+    readonly compareFn: import("@angular/core").InputSignal<(a: SiListWidgetItem, b: SiListWidgetItem) => number | undefined>;
+    /**
+     * Filter function that is used to filter down the list items when the user enters
+     * a term in the search bar. Default function.
+     *
+     * @param item - The item be checked if it matches the searchTerm.
+     *
+     * @param searchTerm - The string the user typed in the search bar.
+     *
+     * @returns `true` if the `searchTerm` matches the `item` and the `item` shall be kept in the list.
+     *
+     * @defaultValue
+     * ```
+     * (
+     *     item: SiListWidgetItem,
+     *     searchTerm: string
+     *   ) => {
+     *     const aLabel = typeof item.label === 'object' ? item.label.title! : item.label;
+     *     return aLabel.toLowerCase().includes(searchTerm.toLowerCase());
+     *   }
+     * ```
+     */
+    readonly filterFn: import("@angular/core").InputSignal<(item: SiListWidgetItem, searchTerm: string) => boolean | undefined>;
+    /**
+     * The number of skeleton progress indication rows.
+     *
+     * @defaultValue 6
+     */
+    readonly numberOfLinks: import("@angular/core").InputSignal<number>;
+    /** Used to display the defined number of ghost items */
+    protected readonly ghosts: import("@angular/core").Signal<any[]>;
+    /** Holds the list items that are displayed. May be filtered and sorted. */
+    protected readonly filteredListWidgetItems: import("@angular/core").Signal<SiListWidgetItem[] | undefined>;
+    protected readonly searchText: import("@angular/core").ModelSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiListWidgetBodyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiListWidgetBodyComponent, "si-list-widget-body", never, { "link": { "alias": "link"; "required": false; "isSignal": true; }; "searchPlaceholderLabel": { "alias": "searchPlaceholderLabel"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "compareFn": { "alias": "compareFn"; "required": false; "isSignal": true; }; "filterFn": { "alias": "filterFn"; "required": false; "isSignal": true; }; "numberOfLinks": { "alias": "numberOfLinks"; "required": false; "isSignal": true; }; "searchText": { "alias": "searchText"; "required": false; "isSignal": true; }; }, { "searchText": "searchTextChange"; }, never, ["[empty-state]"], true, never>;
+}

package/dashboard/widgets/si-list-widget/si-list-widget-item.component.d.ts

@@ -0,0 +1,39 @@
+import { Link } from '@siemens/element-ng/link';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import { SiWidgetBaseComponent } from '../si-widget-base.component';
+import * as i0 from "@angular/core";
+/**
+ * Interface for objects to configure the the list widget.
+ */
+export interface SiListWidgetItem {
+    /** Label is either a translatable string or a link. */
+    label: TranslatableString | Link;
+    /** Optional translatable description. */
+    description?: TranslatableString;
+    /** Optional translatable string to be displayed in a badge. */
+    badge?: TranslatableString;
+    /**
+     * Defines the badge color. Must be one of the element `bg-<color>` CSS classes,
+     * like `bg-primary`, `bg-secondary`, 'bg-caution'. Use only the name without `bg`.
+     */
+    badgeColor?: string;
+    /** Optional translatable text that is display to the right. */
+    text?: TranslatableString;
+    /** Optional right aligned action. */
+    action?: Link;
+    /** The action icon. */
+    actionIcon?: string;
+}
+/**
+ * The `<si-link-widget>` supports an easy composition of links and actions
+ * with support for skeleton loading indicator.
+ */
+export declare class SiListWidgetItemComponent extends SiWidgetBaseComponent<SiListWidgetItem> {
+    protected readonly isLink: import("@angular/core").Signal<boolean>;
+    protected readonly badgeColor: import("@angular/core").Signal<string>;
+    protected readonly link: import("@angular/core").Signal<Link>;
+    protected readonly label: import("@angular/core").Signal<string>;
+    protected readonly icons: Record<"elementRight2", string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiListWidgetItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiListWidgetItemComponent, "si-list-widget-item", never, {}, {}, never, never, true, never>;
+}

package/dashboard/widgets/si-list-widget/si-list-widget.component.d.ts

@@ -0,0 +1,115 @@
+import { OnChanges } from '@angular/core';
+import { AccentLineType } from '@siemens/element-ng/common';
+import { ContentActionBarMainItem } from '@siemens/element-ng/content-action-bar';
+import { Link } from '@siemens/element-ng/link';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import { SiWidgetBaseComponent } from '../si-widget-base.component';
+import { SortOrder } from './si-list-widget-body.component';
+import { SiListWidgetItem } from './si-list-widget-item.component';
+import * as i0 from "@angular/core";
+/**
+ * The `<si-list-widget>` supports an easy composition of links and actions
+ * with support for skeleton loading indicator, wrapped in a card.
+ */
+export declare class SiListWidgetComponent extends SiWidgetBaseComponent<SiListWidgetItem[]> implements OnChanges {
+    protected readonly icons: Record<"elementRight2" | "elementSortDown" | "elementSortUp", string>;
+    /** List widget heading. */
+    readonly heading: import("@angular/core").InputSignal<TranslatableString | undefined>;
+    /** Optional footer link for the list widget */
+    readonly link: import("@angular/core").InputSignal<Link | undefined>;
+    /**
+     * label for the "search placeholder" name
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_LIST_WIDGET.SEARCH_PLACEHOLDER:Search...`
+     * ```
+     */
+    readonly searchPlaceholderLabel: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_LIST_WIDGET.SORT_ASCENDING:Sort ascending`
+     * ```
+     */
+    readonly sortAscendingLabel: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_LIST_WIDGET.SORT_DESCENDING:Sort descending`
+     * ```
+     */
+    readonly sortDescendingLabel: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * Set `ASC` of ascending sorting, `DSC` for descending sorting and `undefined` for no sorting.
+     */
+    readonly sort: import("@angular/core").ModelSignal<SortOrder | undefined>;
+    /**
+     * Enables the search functionality.
+     *
+     * @defaultValue false
+     */
+    readonly search: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Compare function of for two `SiListWidgetItem`s that is used to sort
+     * the array of items. The default compares the item labels by using the
+     * string `localeCompare()` function.
+     *
+     * @param a - first `SiListWidgetItem` of the comparison.
+     *
+     * @param b - second `SiListWidgetItem` of the comparison.
+     *
+     * @returns A value `< 0` if `a` is smaller, `> 0` if `b` is smaller, otherwise `0`.
+     *
+     * @defaultValue
+     * ```
+     * (
+     *     a: SiListWidgetItem,
+     *     b: SiListWidgetItem
+     *   ) => {
+     *     const aLabel = typeof a.label === 'object' ? a.label.title! : a.label;
+     *     const bLabel = typeof b.label === 'object' ? b.label.title! : b.label;
+     *     return aLabel.localeCompare(bLabel);
+     *   }
+     * ```
+     */
+    readonly compareFn: import("@angular/core").InputSignal<(a: SiListWidgetItem, b: SiListWidgetItem) => number | undefined>;
+    /**
+     * Filter function that is used to filter down the list items when the user enters
+     * a term in the search bar. Default function.
+     *
+     * @param item - The item be checked if it matches the searchTerm.
+     *
+     * @param searchTerm - The string the user typed in the search bar.
+     *
+     * @returns `true` if the `searchTerm` matches the `item` and the `item` shall be kept in the list.
+     *
+     * @defaultValue
+     * ```
+     * (
+     *     item: SiListWidgetItem,
+     *     searchTerm: string
+     *   ) => {
+     *     const aLabel = typeof item.label === 'object' ? item.label.title! : item.label;
+     *     return aLabel.toLowerCase().includes(searchTerm.toLowerCase());
+     *   }
+     * ```
+     */
+    readonly filterFn: import("@angular/core").InputSignal<(item: SiListWidgetItem, searchTerm: string) => boolean | undefined>;
+    /**
+     * The number of skeleton progress indication rows.
+     *
+     * @defaultValue 6
+     */
+    readonly numberOfLinks: import("@angular/core").InputSignal<number>;
+    /**
+     * Optional accent line
+     */
+    readonly accentLine: import("@angular/core").InputSignal<AccentLineType | undefined>;
+    protected readonly accentClass: import("@angular/core").Signal<string>;
+    /** The menu item array used to display the sort button. */
+    protected readonly sortAction: import("@angular/core").Signal<ContentActionBarMainItem[]>;
+    private doSort;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiListWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiListWidgetComponent, "si-list-widget", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "searchPlaceholderLabel": { "alias": "searchPlaceholderLabel"; "required": false; "isSignal": true; }; "sortAscendingLabel": { "alias": "sortAscendingLabel"; "required": false; "isSignal": true; }; "sortDescendingLabel": { "alias": "sortDescendingLabel"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "compareFn": { "alias": "compareFn"; "required": false; "isSignal": true; }; "filterFn": { "alias": "filterFn"; "required": false; "isSignal": true; }; "numberOfLinks": { "alias": "numberOfLinks"; "required": false; "isSignal": true; }; "accentLine": { "alias": "accentLine"; "required": false; "isSignal": true; }; }, { "sort": "sortChange"; }, never, ["[empty-state]"], true, never>;
+}

package/dashboard/widgets/si-timeline-widget/si-timeline-widget-body.component.d.ts

@@ -0,0 +1,21 @@
+import { SiWidgetBaseComponent } from '../si-widget-base.component';
+import { SiTimelineWidgetItem } from './si-timeline-widget-item.component';
+import * as i0 from "@angular/core";
+export declare class SiTimelineWidgetBodyComponent extends SiWidgetBaseComponent<SiTimelineWidgetItem[]> {
+    /**
+     * Number of skeleton progress indication items.
+     *
+     * @defaultValue 4
+     */
+    readonly numberOfItems: import("@angular/core").InputSignal<number>;
+    /**
+     * Whether to show or hide the description row during skeleton progress indication.
+     *
+     * @defaultValue `true`
+     */
+    readonly showDescription: import("@angular/core").InputSignal<boolean>;
+    /** Used to display the defined number of ghost items */
+    protected readonly ghosts: import("@angular/core").Signal<any[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiTimelineWidgetBodyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiTimelineWidgetBodyComponent, "si-timeline-widget-body", never, { "numberOfItems": { "alias": "numberOfItems"; "required": false; "isSignal": true; }; "showDescription": { "alias": "showDescription"; "required": false; "isSignal": true; }; }, {}, never, ["[empty-state]"], true, never>;
+}

package/dashboard/widgets/si-timeline-widget/si-timeline-widget-item.component.d.ts

@@ -0,0 +1,103 @@
+import { OnChanges, OnInit } from '@angular/core';
+import { ActivatedRoute, NavigationExtras } from '@angular/router';
+import { MenuItem } from '@siemens/element-ng/menu';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import { SiWidgetBaseComponent } from '../si-widget-base.component';
+import * as i0 from "@angular/core";
+/** Base for action items in the timeline widget. */
+export interface TimelineWidgetActionBase {
+    /** Label that is shown to the user. */
+    label: string;
+    /** The web font icon class name (e.g. element-settings-outline). */
+    icon?: string;
+    /** Defines if only the icon is shown in the default navigation bar. */
+    iconOnly?: boolean;
+}
+/** Interface representing an action item in the timeline widget. */
+export interface TimelineWidgetActionButton extends TimelineWidgetActionBase {
+    type: 'action';
+    /** The class name to define the button style */
+    customClass?: string;
+    /** Action that called when the item action is triggered. */
+    action: (source: this) => void;
+}
+/** Interface representing a router link item in the timeline widget. */
+export interface TimeLineWidgetRouterLink extends TimelineWidgetActionBase {
+    type: 'router-link';
+    /** Link for the angular router. Accepts the same values as {@link RouterLink}. */
+    routerLink: string | any[];
+    /** Navigation extras that are passed to the {@link RouterLink}. */
+    extras?: NavigationExtras;
+}
+/** Interface representing a link item in the timeline widget. */
+export interface TimeLineWidgetLink extends TimelineWidgetActionBase {
+    type: 'link';
+    /** The href property of the anchor. */
+    href: string;
+    /** The target property of the anchor. */
+    target?: string;
+}
+/** Interface representing a menu item in the timeline widget. */
+export interface TimelineWidgetMenu {
+    type: 'menu';
+    menuItems: MenuItem[];
+}
+/** Union type for all possible action items in the timeline widget. */
+export type TimelineWidgetItemAction = TimelineWidgetActionButton | TimeLineWidgetLink | TimeLineWidgetRouterLink | TimelineWidgetMenu;
+/**
+ * Represents an item in the timeline widget.
+ * Each item may contain a timestamp, a title, an icon, an optional description and optional action elements.
+ * Actions can be buttons, links, router links, or menus.
+ */
+export interface SiTimelineWidgetItem {
+    /**
+     * The timestamp of the item.
+     */
+    timeStamp: TranslatableString;
+    /**
+     * The title of the item.
+     */
+    title: TranslatableString;
+    /**
+     * Optional translatable description.
+     */
+    description?: TranslatableString;
+    /**
+     * The icon of the item.
+     */
+    icon: string;
+    /**
+     * The color of the icon.
+     */
+    iconColor?: string;
+    /**
+     * The stacked icon of the item.
+     */
+    stackedIcon?: string;
+    /**
+     * The color of the stacked icon.
+     */
+    stackedIconColor?: string;
+    /**
+     * The alt text of the icon
+     */
+    iconAlt?: TranslatableString;
+    /**
+     * The related action of the item
+     */
+    action?: TimelineWidgetItemAction;
+}
+/**
+ * The items of the `<si-timeline-widget>`.
+ */
+export declare class SiTimelineWidgetItemComponent extends SiWidgetBaseComponent<SiTimelineWidgetItem> implements OnInit, OnChanges {
+    /**
+     * Whether to show or hide the description row during skeleton progress indication.
+     *
+     * @defaultValue `true`
+     */
+    readonly showDescription: import("@angular/core").InputSignal<boolean>;
+    protected readonly activatedRoute: ActivatedRoute | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiTimelineWidgetItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiTimelineWidgetItemComponent, "si-timeline-widget-item", never, { "showDescription": { "alias": "showDescription"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/dashboard/widgets/si-timeline-widget/si-timeline-widget.component.d.ts

@@ -0,0 +1,52 @@
+import { OnChanges } from '@angular/core';
+import { AccentLineType, MenuItem as MenuItemLegacy } from '@siemens/element-ng/common';
+import { ContentActionBarMainItem } from '@siemens/element-ng/content-action-bar';
+import { Link } from '@siemens/element-ng/link';
+import { MenuItem } from '@siemens/element-ng/menu';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import { SiWidgetBaseComponent } from '../si-widget-base.component';
+import { SiTimelineWidgetItem } from './si-timeline-widget-item.component';
+import * as i0 from "@angular/core";
+export declare class SiTimelineWidgetComponent extends SiWidgetBaseComponent<SiTimelineWidgetItem[]> implements OnChanges {
+    /**
+     * Timeline widget header text.
+     */
+    readonly heading: import("@angular/core").InputSignal<TranslatableString | undefined>;
+    /**
+     * Input list of primary action items. Supports up to **4** actions and omits additional ones.
+     *
+     * @defaultValue []
+     */
+    readonly primaryActions: import("@angular/core").InputSignal<(MenuItemLegacy | ContentActionBarMainItem)[]>;
+    /**
+     * Input list of secondary action items.
+     *
+     * @defaultValue []
+     */
+    readonly secondaryActions: import("@angular/core").InputSignal<(MenuItemLegacy | MenuItem)[]>;
+    /**
+     * Link that leads the user to more information
+     * or triggers and action. The `link.title` is displayed.
+     * The title will be translated.
+     */
+    readonly link: import("@angular/core").InputSignal<Link | undefined>;
+    /**
+     * Number of skeleton progress indication items.
+     *
+     * @defaultValue 4
+     */
+    readonly numberOfItems: import("@angular/core").InputSignal<number>;
+    /**
+     * Whether to show or hide the description row during skeleton progress indication.
+     *
+     * @defaultValue `true`
+     */
+    readonly showDescription: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Optional accent line
+     */
+    readonly accentLine: import("@angular/core").InputSignal<AccentLineType | undefined>;
+    protected readonly accentClass: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiTimelineWidgetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiTimelineWidgetComponent, "si-timeline-widget", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "primaryActions": { "alias": "primaryActions"; "required": false; "isSignal": true; }; "secondaryActions": { "alias": "secondaryActions"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "numberOfItems": { "alias": "numberOfItems"; "required": false; "isSignal": true; }; "showDescription": { "alias": "showDescription"; "required": false; "isSignal": true; }; "accentLine": { "alias": "accentLine"; "required": false; "isSignal": true; }; }, {}, never, ["[empty-state]"], true, never>;
+}