@siemens/element-ng 47.8.0 → 48.0.0-next.1

package/split/index.d.ts

@@ -1,8 +1,211 @@
+import * as _angular_core from '@angular/core';
+import { OnChanges, TemplateRef, EventEmitter, SimpleChanges, AfterContentInit, QueryList, Signal } from '@angular/core';
+
 /**
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
-export * from './si-split.module';
-export * from './si-split-part.component';
-export * from './si-split.component';
-export * from './si-split.interfaces';
+type CollapseTo = 'start' | 'end';
+type SplitOrientation = 'horizontal' | 'vertical';
+type Scale = 'none' | 'auto';
+interface Action {
+    iconClass: string;
+    tooltip: string;
+    click: (evt: Event) => void;
+}
+interface PartState {
+    expanded?: boolean;
+    size?: number;
+}
+
+declare class SiSplitPartComponent implements OnChanges {
+    /** @defaultValue [] */
+    actions: Action[];
+    /**
+     * @defaultValue 'start'
+     */
+    collapseDirection: CollapseTo;
+    /**
+     * Sets the icon class that is used in the buttons of split parts to
+     * collapse and uncollapse the parts.
+     *
+     * @defaultValue 'element-double-right'
+     */
+    collapseIconClass: string;
+    /**
+     * Collapse only to the given min size.
+     *
+     * @defaultValue false
+     */
+    collapseToMinSize: boolean;
+    headerTemplate?: TemplateRef<any>;
+    /**
+     * Sets the title of the split part header.
+     */
+    heading: string;
+    /**
+     * Minimum size in px.
+     *
+     * @defaultValue 0
+     */
+    minSize: number;
+    /**
+     * When a split part is collapsed, the content gets hidden but it will
+     * still remain within the DOM. If you want to remove and destroy the component
+     * in collapsed mode and recreate it on un-collapse, set this property to
+     * true.
+     *
+     * @defaultValue false
+     */
+    removeContentOnCollapse: boolean;
+    /**
+     * Defines the behavior of the split part during scaling.
+     * E.g. when set to `none`, the spit part will keep its current size even when the parent container grows or shrinks.
+     *
+     * @defaultValue 'auto'
+     */
+    scale: Scale;
+    /**
+     * Defines if the collapse button of a split part is displayed. Default value is true.
+     *
+     * @defaultValue true
+     */
+    showCollapseButton: boolean;
+    /**
+     * Defines if the header of the split part is visible. Default is true.
+     *
+     * @defaultValue true
+     */
+    showHeader: boolean;
+    /**
+     * Aria label for collapse button. Needed for a11y
+     *
+     * @defaultValue 'collapse'
+     */
+    collapseLabel: string;
+    /**
+     * An optional stateId to uniquely identify a component instance.
+     * Required for persistence of ui state.
+     */
+    stateId?: string;
+    /**
+     * Expanded size in px.
+     */
+    size?: number;
+    /**
+     * This toggles the behavior when collapsing this split part.
+     * If enabled, all split parts between this one and the end of the split in the respective direction will be collapsed if this part is collapsed.
+     * If disabled, only this split part will be collapsed.
+     *
+     * The default value will change to false in v48.
+     *
+     * @defaultValue true
+     */
+    collapseOthers: boolean;
+    readonly collapseChanged: EventEmitter<boolean>;
+    readonly stateChange: EventEmitter<PartState>;
+    /** @internal */
+    index: number;
+    /** @internal */
+    before?: SiSplitPartComponent;
+    /** @internal */
+    after?: SiSplitPartComponent;
+    /** @internal */
+    readonly fractionalSize: _angular_core.WritableSignal<number | undefined>;
+    /** @internal */
+    readonly collapsedSize: _angular_core.WritableSignal<number>;
+    /** @internal */
+    readonly collapsedState: _angular_core.WritableSignal<boolean>;
+    /**
+     * Get collapsed state.
+     * @returns True if the split part is collapsed, false is expanded.
+     */
+    get collapsed(): boolean;
+    /** @internal */
+    readonly expandedSize: _angular_core.WritableSignal<number | undefined>;
+    /** @internal */
+    readonly actualSize: _angular_core.Signal<number>;
+    /** @internal */
+    saveUIState: () => void;
+    /** @internal */
+    readonly nextExpandedAfter: _angular_core.Signal<SiSplitPartComponent>;
+    private elementRef;
+    protected headerContext: {
+        $implicit: SiSplitPartComponent;
+    };
+    /** @defaultValue true */
+    set expanded(value: boolean);
+    get expanded(): boolean;
+    ngOnChanges(changes: SimpleChanges): void;
+    /** @internal */
+    refreshSizePx(orientation: SplitOrientation): void;
+    /**
+     * Toggles the collapsed or expanded state.
+     */
+    toggleCollapse(): void;
+    private refreshCollapsedToEnd;
+    private refreshCollapseToStart;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSplitPartComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSplitPartComponent, "si-split-part", never, { "actions": { "alias": "actions"; "required": false; }; "collapseDirection": { "alias": "collapseDirection"; "required": false; }; "collapseIconClass": { "alias": "collapseIconClass"; "required": false; }; "collapseToMinSize": { "alias": "collapseToMinSize"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "minSize": { "alias": "minSize"; "required": false; }; "removeContentOnCollapse": { "alias": "removeContentOnCollapse"; "required": false; }; "scale": { "alias": "scale"; "required": false; }; "showCollapseButton": { "alias": "showCollapseButton"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; }; "stateId": { "alias": "stateId"; "required": false; }; "size": { "alias": "size"; "required": false; }; "collapseOthers": { "alias": "collapseOthers"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; }, { "collapseChanged": "collapseChanged"; "stateChange": "stateChange"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_collapseToMinSize: unknown;
+    static ngAcceptInputType_minSize: unknown;
+    static ngAcceptInputType_removeContentOnCollapse: unknown;
+    static ngAcceptInputType_showCollapseButton: unknown;
+    static ngAcceptInputType_showHeader: unknown;
+    static ngAcceptInputType_size: unknown;
+    static ngAcceptInputType_collapseOthers: unknown;
+    static ngAcceptInputType_expanded: unknown;
+}
+
+interface Gutter {
+    before: SiSplitPartComponent;
+    after: SiSplitPartComponent;
+    visible: Signal<boolean>;
+}
+declare class SiSplitComponent implements AfterContentInit, OnChanges {
+    /** @defaultValue 16 */
+    gutterSize: number;
+    protected readonly _orientation: _angular_core.WritableSignal<SplitOrientation>;
+    get orientation(): SplitOrientation;
+    set orientation(value: SplitOrientation);
+    /** @defaultValue [] */
+    sizes: number[];
+    /**
+     * An optional stateId to uniquely identify a component instance.
+     * Required for persistence of ui state.
+     */
+    stateId?: string;
+    readonly sizesChange: EventEmitter<number[]>;
+    protected parts: QueryList<SiSplitPartComponent>;
+    protected gutters: Gutter[];
+    protected gridTemplateRows: Signal<string>;
+    protected gridTemplateColumns: Signal<string>;
+    protected gridTemplateAreas: Signal<string>;
+    private elementRef;
+    private ngZone;
+    private changeDetectorRef;
+    private document;
+    private uiStateService;
+    private fractionalSizeToExpandedSizeFactor;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterContentInit(): void;
+    private alignRelativeSizes;
+    private updateFractionalSizeToExpandSizeFactor;
+    private refreshAllPartSizes;
+    protected resizeStart(gutter: Gutter, event: Event): void;
+    private measureContainerSize;
+    private getPosition;
+    private saveUIState;
+    private restoreFormUIState;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSplitComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSplitComponent, "si-split", never, { "gutterSize": { "alias": "gutterSize"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "sizes": { "alias": "sizes"; "required": false; }; "stateId": { "alias": "stateId"; "required": false; }; }, { "sizesChange": "sizesChange"; }, ["parts"], ["*"], true, never>;
+}
+
+declare class SiSplitModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSplitModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiSplitModule, never, [typeof SiSplitComponent, typeof SiSplitPartComponent], [typeof SiSplitComponent, typeof SiSplitPartComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiSplitModule>;
+}
+
+export { SiSplitComponent, SiSplitModule, SiSplitPartComponent };
+export type { Action, CollapseTo, PartState, Scale, SplitOrientation };

package/status-bar/index.d.ts

@@ -1,7 +1,182 @@
+import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
+import * as _angular_core from '@angular/core';
+import { DoCheck, OnDestroy, OnChanges, SimpleChanges } from '@angular/core';
+import { Observable } from 'rxjs';
+import * as _siemens_element_ng_common from '@siemens/element-ng/common';
+import { ExtendedStatusType } from '@siemens/element-ng/common';
+
 /**
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
-export * from './si-status-bar.component';
-export * from './si-status-bar.module';
-export * from './si-status-bar-item/index';
+
+interface StatusBarItem {
+    /**
+     * The value to show. 0 or '' means greyed out
+     */
+    value: number | string;
+    /**
+     * A descriptive title
+     */
+    title: string;
+    /**
+     * Status of the item. If not specified, specify `color`
+     */
+    status?: ExtendedStatusType;
+    /**
+     * Custom color as CSS value if `status` is not specified
+     * @deprecated use the semantic `status` input instead.
+     */
+    color?: string;
+    /**
+     * When blinking is enabled, allows to explicitly disable blinking.
+     * `undefined` and `true` mean blink.
+     */
+    blink?: boolean;
+    /**
+     * Function to call when the item is clicked.
+     */
+    action?: (item: StatusBarItem) => void;
+}
+
+interface ExtendedStatusBarItem extends StatusBarItem {
+    isSpecial?: boolean;
+    mutePadding?: boolean;
+}
+/**
+ * The status bar is the main component within an application to inform users at all times
+ * about important status information.
+ */
+declare class SiStatusBarComponent implements DoCheck, OnDestroy, OnChanges {
+    private static readonly itemMinWidth;
+    private static readonly itemMaxWidth;
+    private static readonly itemSpacing;
+    private static readonly itemPaddingX;
+    private static readonly itemPaddingXdeprecated;
+    private static readonly muteButtonWidth;
+    /**
+     * Array of status bar items.
+     */
+    readonly items: _angular_core.InputSignal<StatusBarItem[]>;
+    /**
+     * When true, items with a value have a blinking background
+     *
+     * @defaultValue false
+     */
+    readonly blink: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * State of the mute button. Set to `undefined` for no button.
+     */
+    readonly muteButton: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * Text/translation key on mute button for screen reader
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_STATUS_BAR.MUTE:Mute/unmute`)
+     * ```
+     */
+    readonly muteButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    /**
+     * Text/translation key for "All OK" status in mobile
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_STATUS_BAR.ALL_OK:All OK`)
+     * ```
+     */
+    readonly allOkText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    /**
+     * compact mode
+     *
+     * @defaultValue false
+     */
+    readonly compact: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * blink pulse generator for synchronized blinking with other components
+     */
+    readonly blinkPulse: _angular_core.InputSignal<Observable<boolean> | undefined>;
+    /**
+     * Text for the navbar expand button. Required for a11y
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_STATUS_BAR.EXPAND:Expand`)
+     * ```
+     */
+    readonly expandButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    /**
+     * Text for the navbar collapse button. Required for a11y
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_STATUS_BAR.COLLAPSE:Collapse`)
+     * ```
+     */
+    readonly collapseButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    /**
+     * Emitted when the mute toggle button is clicked
+     */
+    readonly muteToggle: _angular_core.OutputEmitterRef<void>;
+    private readonly theBar;
+    private readonly content;
+    private readonly custom;
+    protected readonly responsiveItems: _angular_core.WritableSignal<ExtendedStatusBarItem[]>;
+    protected responsiveMode: number;
+    protected readonly expanded: _angular_core.WritableSignal<number>;
+    protected readonly placeholderHeight: _angular_core.WritableSignal<number>;
+    protected readonly contentHeight: _angular_core.WritableSignal<number | undefined>;
+    protected readonly blinkOnOff: _angular_core.WritableSignal<boolean | undefined>;
+    protected readonly icons: Record<"elementDown2" | "elementSoundMute" | "elementSoundOn", string>;
+    protected statusId: string;
+    private timer;
+    private blinkSubs?;
+    private readonly element;
+    private readonly blinkService;
+    private readonly translateService;
+    private readonly resizeObserver;
+    private readonly measureService;
+    private readonly destroyRef;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    ngDoCheck(): void;
+    ngOnDestroy(): void;
+    protected onItemClicked(item: StatusBarItem): void;
+    protected toggleExpand(): void;
+    protected resizeHandler(): void;
+    private setResponsiveMode;
+    private calcResponsiveItems;
+    private calculateRequiredWidth;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiStatusBarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiStatusBarComponent, "si-status-bar", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "blink": { "alias": "blink"; "required": false; "isSignal": true; }; "muteButton": { "alias": "muteButton"; "required": false; "isSignal": true; }; "muteButtonText": { "alias": "muteButtonText"; "required": false; "isSignal": true; }; "allOkText": { "alias": "allOkText"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "blinkPulse": { "alias": "blinkPulse"; "required": false; "isSignal": true; }; "expandButtonText": { "alias": "expandButtonText"; "required": false; "isSignal": true; }; "collapseButtonText": { "alias": "collapseButtonText"; "required": false; "isSignal": true; }; }, { "muteToggle": "muteToggle"; }, never, ["*"], true, never>;
+}
+
+declare class SiStatusBarModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiStatusBarModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiStatusBarModule, never, [typeof SiStatusBarComponent], [typeof SiStatusBarComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiStatusBarModule>;
+}
+
+declare class SiStatusBarItemComponent {
+    private readonly statusIcons;
+    readonly status: _angular_core.InputSignal<ExtendedStatusType | undefined>;
+    readonly value: _angular_core.InputSignal<string | number>;
+    readonly heading: _angular_core.InputSignal<string>;
+    readonly color: _angular_core.InputSignal<string | undefined>;
+    /** @defaultValue false */
+    readonly blink: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** @defaultValue false */
+    readonly valueOnly: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /** @defaultValue false */
+    readonly clickable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    private readonly bg;
+    protected readonly contrastFix: _angular_core.Signal<boolean>;
+    protected readonly statusIcon: _angular_core.Signal<_siemens_element_ng_common.StatusIcon | undefined>;
+    protected readonly background: _angular_core.Signal<string>;
+    private calculateContrastFix;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiStatusBarItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiStatusBarItemComponent, "si-status-bar-item", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "heading": { "alias": "heading"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "blink": { "alias": "blink"; "required": false; "isSignal": true; }; "valueOnly": { "alias": "valueOnly"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { SiStatusBarComponent, SiStatusBarItemComponent, SiStatusBarModule };
+export type { StatusBarItem };

package/status-toggle/index.d.ts

@@ -1,6 +1,85 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy, OnChanges, SimpleChanges } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { TranslatableString } from '@siemens/element-translate-ng/translate-types';
+
 /**
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
-export * from './si-status-toggle.component';
-export * from './status-toggle.model';
+
+/** An item for si-status-toggle. */
+interface StatusToggleItem {
+    /** Text displayed for the item. */
+    text: TranslatableString;
+    /** Icon displayed for the item. */
+    icon: string;
+    /** Value of the item. */
+    value: string | number;
+    /** Whether the item is disabled. */
+    disabled?: boolean;
+    /** Icon shown when the item is active. */
+    activeIcon?: string;
+    /** Stacked icon shown when the item is active. */
+    activeIconStacked?: string;
+    /** Class applied to the icon when the item is selected. */
+    activeIconClass?: string;
+    /** Class applied to the stacked icon when the item is selected. */
+    activeIconStackedClass?: string;
+    /** Class applied to the text when the item is selected. */
+    activeTextClass?: string;
+}
+
+declare class SiStatusToggleComponent implements ControlValueAccessor, OnInit, OnDestroy, OnChanges {
+    /** List of status items. */
+    readonly items: _angular_core.InputSignal<StatusToggleItem[]>;
+    /**
+     * Disabled state for the whole component.
+     * @defaultValue false
+     **/
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Value of currently selected status item. */
+    readonly value: _angular_core.ModelSignal<string | number | undefined>;
+    /** Emitted when an item is clicked. */
+    readonly itemClick: _angular_core.OutputEmitterRef<string | number>;
+    private readonly containerElement;
+    private readonly draggableElement;
+    private boundingX;
+    private x0;
+    private offset0;
+    private onChange?;
+    private onTouched?;
+    private unlistenDragEvents;
+    private readonly internalDisabled;
+    protected readonly selectedIndex: _angular_core.WritableSignal<number | undefined>;
+    protected readonly draggablePosition: _angular_core.WritableSignal<string>;
+    protected readonly animated: _angular_core.WritableSignal<boolean>;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /** @internal */
+    writeValue(value: string | number): void;
+    /** @internal */
+    registerOnChange(fn: (value: string | number) => void): void;
+    /** @internal */
+    registerOnTouched(fn: () => void): void;
+    /** @internal */
+    setDisabledState(isDisabled: boolean): void;
+    protected handleMouseDown(event: MouseEvent): void;
+    protected handleTouchStart(event: TouchEvent): void;
+    private handleDragStart;
+    private handleDragEnd;
+    private getOffset;
+    private getUnderlyingIndex;
+    private arrangeToUnderlyingItem;
+    private handleDragMove;
+    private getX;
+    private setValue;
+    protected selectItem(index: number | undefined, animated?: boolean, emit?: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiStatusToggleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiStatusToggleComponent, "si-status-toggle", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "itemClick": "itemClick"; }, never, never, true, never>;
+}
+
+export { SiStatusToggleComponent };
+export type { StatusToggleItem };

package/summary-chip/index.d.ts

@@ -1,5 +1,48 @@
-/**
- * Copyright (c) Siemens 2016 - 2025
- * SPDX-License-Identifier: MIT
- */
-export * from './si-summary-chip.component';
+import * as _siemens_element_ng_common from '@siemens/element-ng/common';
+import { ExtendedStatusType } from '@siemens/element-ng/common';
+import * as _angular_core from '@angular/core';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+
+declare class SiSummaryChipComponent {
+    private readonly statusIcons;
+    /** Status. Alternatively, use {@link icon} and {@link color}. */
+    readonly status: _angular_core.InputSignal<ExtendedStatusType | undefined>;
+    /** Icon token, see {@link https://element.siemens.io/icons/element}. */
+    readonly icon: _angular_core.InputSignal<string | undefined>;
+    /** Color class, see {@link https://element.siemens.io/typography/#color-variants-classes}. */
+    readonly color: _angular_core.InputSignal<string | undefined>;
+    /** Icon token, see {@link https://element.siemens.io/fundamentals/icons/}. */
+    readonly stackedIcon: _angular_core.InputSignal<string | undefined>;
+    /** Color class, see {@link https://element.siemens.io/fundamentals/icons/}. */
+    readonly stackedColor: _angular_core.InputSignal<string | undefined>;
+    /** The label. */
+    readonly label: _angular_core.InputSignal<TranslatableString>;
+    /** Value to display. */
+    readonly value: _angular_core.InputSignal<TranslatableString>;
+    /**
+     * Selected state, will change when clicked.
+     * @defaultValue false
+     */
+    readonly selected: _angular_core.ModelSignal<boolean>;
+    /**
+     * Disabled state.
+     * @defaultValue false
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether to hide the label. The label will still be used for screen-readers.
+     * @defaultValue false
+     */
+    readonly hideLabel: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected readonly statusIcon: _angular_core.Signal<_siemens_element_ng_common.StatusIcon | {
+        icon: string | undefined;
+        color: string | undefined;
+        stacked: string | undefined;
+        stackedColor: string | undefined;
+    }>;
+    protected toggleSelected(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSummaryChipComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSummaryChipComponent, "si-summary-chip", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "stackedIcon": { "alias": "stackedIcon"; "required": false; "isSignal": true; }; "stackedColor": { "alias": "stackedColor"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "hideLabel": { "alias": "hideLabel"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; }, never, never, true, never>;
+}
+
+export { SiSummaryChipComponent };

package/summary-widget/index.d.ts

@@ -1,5 +1,48 @@
-/**
- * Copyright (c) Siemens 2016 - 2025
- * SPDX-License-Identifier: MIT
- */
-export * from './si-summary-widget.component';
+import * as _siemens_element_ng_common from '@siemens/element-ng/common';
+import { ExtendedStatusType } from '@siemens/element-ng/common';
+import * as _angular_core from '@angular/core';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+
+declare class SiSummaryWidgetComponent {
+    /** Status. Alternatively, use {@link icon} and {@link color}. */
+    readonly status: _angular_core.InputSignal<ExtendedStatusType | undefined>;
+    /** Icon token, see {@link https://element.siemens.io/icons/element}. */
+    readonly icon: _angular_core.InputSignal<string | undefined>;
+    /** Color class, see {@link https://element.siemens.io/fundamentals/typography/#color-variants-classes}. */
+    readonly color: _angular_core.InputSignal<string | undefined>;
+    /** Icon token, see {@link https://element.siemens.io/fundamentals/icons/}. */
+    readonly stackedIcon: _angular_core.InputSignal<string | undefined>;
+    /** Color class, see {@link https://element.siemens.io/fundamentals/icons/}. */
+    readonly stackedColor: _angular_core.InputSignal<string | undefined>;
+    /** The label. */
+    readonly label: _angular_core.InputSignal<TranslatableString>;
+    /** Value to display. */
+    readonly value: _angular_core.InputSignal<TranslatableString>;
+    /**
+     * Selected state, will change when clicked.
+     * @defaultValue false
+     */
+    readonly selected: _angular_core.ModelSignal<boolean>;
+    /**
+     * Readonly state.
+     * @defaultValue false
+     */
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Disabled state.
+     * @defaultValue false
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected readonly interactive: _angular_core.Signal<boolean>;
+    protected readonly statusIcon: _angular_core.Signal<_siemens_element_ng_common.StatusIcon | {
+        icon: string | undefined;
+        color: string | undefined;
+        stacked: string | undefined;
+        stackedColor: string | undefined;
+    }>;
+    protected toggleSelected(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSummaryWidgetComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSummaryWidgetComponent, "si-summary-widget", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "stackedIcon": { "alias": "stackedIcon"; "required": false; "isSignal": true; }; "stackedColor": { "alias": "stackedColor"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; }, never, never, true, never>;
+}
+
+export { SiSummaryWidgetComponent };

package/system-banner/index.d.ts

@@ -1,5 +1,26 @@
+import * as _angular_core from '@angular/core';
+import { ExtendedStatusType } from '@siemens/element-ng/common';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+
 /**
- * Copyright (c) Siemens 2016 - 2025
- * SPDX-License-Identifier: MIT
+ * The system banner component displays a message with specific status as background.
+ * Use this component for displaying system level messages on top of the page.
  */
-export * from './system-banner.component';
+declare class SiSystemBannerComponent {
+    /**
+     * Status of the system banner.
+     * Possible values are 'info', 'success', 'warning', 'caution', 'danger', 'critical'.
+     *
+     * @defaultValue 'info'
+     */
+    readonly status: _angular_core.InputSignal<ExtendedStatusType>;
+    /**
+     * Message to be displayed in the system banner.
+     */
+    readonly message: _angular_core.InputSignal<TranslatableString>;
+    protected readonly bannerClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSystemBannerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSystemBannerComponent, "si-system-banner", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { SiSystemBannerComponent };