@siemens/element-ng 47.3.0 → 47.5.0

package/split/si-split-part.component.d.ts

@@ -0,0 +1,154 @@
+import { EventEmitter, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
+import { Action, CollapseTo, PartState, Scale, SplitOrientation } from './si-split.interfaces';
+import * as i0 from "@angular/core";
+export 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;
+    /**
+     * Sets the status color on the split part header, visible as a bottom border and,
+     * if a headerStatusIcon is defined, as the icon´s background color.
+     *
+     * @deprecated Legacy input with no functionality. Will be removed in future major release.
+     */
+    headerStatusColor?: string;
+    /**
+     * Sets the icon class that is used as status icon in the split part header.
+     *
+     * @deprecated Legacy input with no functionality. Will be removed in future major release.
+     */
+    headerStatusIconClass?: string;
+    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: import("@angular/core").WritableSignal<number | undefined>;
+    /** @internal */
+    readonly collapsedSize: import("@angular/core").WritableSignal<number>;
+    /** @internal */
+    readonly collapsedState: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * Get collapsed state.
+     * @returns True if the split part is collapsed, false is expanded.
+     */
+    get collapsed(): boolean;
+    /** @internal */
+    readonly expandedSize: import("@angular/core").WritableSignal<number | undefined>;
+    /** @internal */
+    readonly actualSize: import("@angular/core").Signal<number>;
+    /** @internal */
+    saveUIState: () => void;
+    /** @internal */
+    readonly nextExpandedAfter: import("@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: i0.ɵɵFactoryDeclaration<SiSplitPartComponent, never>;
+    static ɵcmp: i0.ɵɵ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; }; "headerStatusColor": { "alias": "headerStatusColor"; "required": false; }; "headerStatusIconClass": { "alias": "headerStatusIconClass"; "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;
+}

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

@@ -0,0 +1,48 @@
+import { AfterContentInit, EventEmitter, OnChanges, QueryList, Signal, SimpleChanges } from '@angular/core';
+import { SiSplitPartComponent } from './si-split-part.component';
+import { SplitOrientation } from './si-split.interfaces';
+import * as i0 from "@angular/core";
+interface Gutter {
+    before: SiSplitPartComponent;
+    after: SiSplitPartComponent;
+    visible: Signal<boolean>;
+}
+export declare class SiSplitComponent implements AfterContentInit, OnChanges {
+    /** @defaultValue 16 */
+    gutterSize: number;
+    protected readonly _orientation: import("@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: i0.ɵɵFactoryDeclaration<SiSplitComponent, never>;
+    static ɵcmp: i0.ɵɵ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>;
+}
+export {};

package/split/si-split.interfaces.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+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;
+}
+export type { Action, CollapseTo, PartState, Scale, SplitOrientation };

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

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

package/status-bar/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright 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';

package/status-bar/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/siemens-element-ng-status-bar.mjs"
+}

package/status-bar/si-status-bar-item/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-status-bar-item.component';
+export * from './si-status-bar-item.model';

package/status-bar/si-status-bar-item/si-status-bar-item.component.d.ts

@@ -0,0 +1,22 @@
+import { ExtendedStatusType } from '@siemens/element-ng/common';
+import * as i0 from "@angular/core";
+export declare class SiStatusBarItemComponent {
+    private readonly statusIcons;
+    readonly status: import("@angular/core").InputSignal<ExtendedStatusType | undefined>;
+    readonly value: import("@angular/core").InputSignal<string | number>;
+    readonly heading: import("@angular/core").InputSignal<string>;
+    readonly color: import("@angular/core").InputSignal<string | undefined>;
+    /** @defaultValue false */
+    readonly blink: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** @defaultValue false */
+    readonly valueOnly: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    /** @defaultValue false */
+    readonly clickable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    private readonly bg;
+    protected readonly contrastFix: import("@angular/core").Signal<boolean>;
+    protected readonly statusIcon: import("@angular/core").Signal<import("@siemens/element-ng/common").StatusIcon | undefined>;
+    protected readonly background: import("@angular/core").Signal<string>;
+    private calculateContrastFix;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiStatusBarItemComponent, never>;
+    static ɵcmp: i0.ɵɵ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>;
+}

package/status-bar/si-status-bar-item/si-status-bar-item.model.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { ExtendedStatusType } from '@siemens/element-ng/common';
+export 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;
+}

package/status-bar/si-status-bar.component.d.ts

@@ -0,0 +1,116 @@
+import { DoCheck, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { Observable } from 'rxjs';
+import { StatusBarItem } from './si-status-bar-item/si-status-bar-item.model';
+import * as i0 from "@angular/core";
+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.
+ */
+export 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: import("@angular/core").InputSignal<StatusBarItem[]>;
+    /**
+     * When true, items with a value have a blinking background
+     *
+     * @defaultValue false
+     */
+    readonly blink: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * State of the mute button. Set to `undefined` for no button.
+     */
+    readonly muteButton: import("@angular/core").InputSignal<boolean | undefined>;
+    /**
+     * Text/translation key on mute button for screen reader
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_STATUS_BAR.MUTE:Mute/unmute`
+     * ```
+     */
+    readonly muteButtonText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Text/translation key for "All OK" status in mobile
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_STATUS_BAR.ALL_OK:All OK`
+     * ```
+     */
+    readonly allOkText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * compact mode
+     *
+     * @defaultValue false
+     */
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * blink pulse generator for synchronized blinking with other components
+     */
+    readonly blinkPulse: import("@angular/core").InputSignal<Observable<boolean> | undefined>;
+    /**
+     * Text for the navbar expand button. Required for a11y
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_STATUS_BAR.EXPAND:Expand`
+     * ```
+     */
+    readonly expandButtonText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Text for the navbar collapse button. Required for a11y
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_STATUS_BAR.COLLAPSE:Collapse`
+     * ```
+     */
+    readonly collapseButtonText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Emitted when the mute toggle button is clicked
+     */
+    readonly muteToggle: import("@angular/core").OutputEmitterRef<void>;
+    private readonly theBar;
+    private readonly content;
+    private readonly custom;
+    protected readonly responsiveItems: import("@angular/core").WritableSignal<ExtendedStatusBarItem[]>;
+    protected responsiveMode: number;
+    protected readonly expanded: import("@angular/core").WritableSignal<number>;
+    protected readonly placeholderHeight: import("@angular/core").WritableSignal<number>;
+    protected readonly contentHeight: import("@angular/core").WritableSignal<number | undefined>;
+    protected readonly blinkOnOff: import("@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: i0.ɵɵFactoryDeclaration<SiStatusBarComponent, never>;
+    static ɵcmp: i0.ɵɵ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>;
+}
+export {};

package/status-bar/si-status-bar.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./si-status-bar.component";
+export declare class SiStatusBarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiStatusBarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SiStatusBarModule, never, [typeof i1.SiStatusBarComponent], [typeof i1.SiStatusBarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SiStatusBarModule>;
+}

package/status-toggle/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-status-toggle.component';
+export * from './status-toggle.model';

package/status-toggle/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/siemens-element-ng-status-toggle.mjs"
+}

package/status-toggle/si-status-toggle.component.d.ts

@@ -0,0 +1,54 @@
+import { OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { StatusToggleItem } from './status-toggle.model';
+import * as i0 from "@angular/core";
+export declare class SiStatusToggleComponent implements ControlValueAccessor, OnInit, OnDestroy, OnChanges {
+    /** List of status items. */
+    readonly items: import("@angular/core").InputSignal<StatusToggleItem[]>;
+    /**
+     * Disabled state for the whole component.
+     * @defaultValue false
+     **/
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    /** Value of currently selected status item. */
+    readonly value: import("@angular/core").ModelSignal<string | number | undefined>;
+    /** Emitted when an item is clicked. */
+    readonly itemClick: import("@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: import("@angular/core").WritableSignal<number | undefined>;
+    protected readonly draggablePosition: import("@angular/core").WritableSignal<string>;
+    protected readonly animated: import("@angular/core").WritableSignal<boolean>;
+    protected readonly isDisabled: import("@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: i0.ɵɵFactoryDeclaration<SiStatusToggleComponent, never>;
+    static ɵcmp: i0.ɵɵ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>;
+}

package/status-toggle/status-toggle.model.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { TranslatableString } from '@siemens/element-translate-ng/translate-types';
+/** An item for si-status-toggle. */
+export 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;
+}

package/system-banner/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './system-banner.component';

package/system-banner/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/siemens-element-ng-system-banner.mjs"
+}

package/system-banner/system-banner.component.d.ts

@@ -0,0 +1,23 @@
+import { ExtendedStatusType } from '@siemens/element-ng/common';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import * as i0 from "@angular/core";
+/**
+ * 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 declare class SiSystemBannerComponent {
+    /**
+     * Status of the system banner.
+     * Possible values are 'info', 'success', 'warning', 'caution', 'danger', 'critical'.
+     *
+     * @defaultValue 'info'
+     */
+    readonly status: import("@angular/core").InputSignal<ExtendedStatusType>;
+    /**
+     * Message to be displayed in the system banner.
+     */
+    readonly message: import("@angular/core").InputSignal<TranslatableString>;
+    protected readonly bannerClass: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiSystemBannerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiSystemBannerComponent, "si-system-banner", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/tabs/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-tabset/index';
+export * from './si-tab/index';
+export * from './si-tabs.module';

package/tabs/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/siemens-element-ng-tabs.mjs"
+}

package/tabs/si-tab/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-tab.component';

package/tabs/si-tab/si-tab.component.d.ts

@@ -0,0 +1,58 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { EventEmitter, OnChanges } from '@angular/core';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import { SiTabsetComponent } from '../si-tabset/index';
+import * as i0 from "@angular/core";
+export declare class SiTabComponent implements OnChanges {
+    private static idCounter;
+    /** Title of the tab item. */
+    heading?: TranslatableString;
+    /** Icon of the tab item. */
+    icon?: string;
+    /** Alternative name or translation key for icon. Used for A11y. */
+    iconAltText?: TranslatableString;
+    /**
+     * Additional badge content. A value of
+     * - `true` will render a red dot
+     * - any string without a `badgeColor` will render a red dot with text
+     * - any string with a `badgeColor` will render a normal badge
+     */
+    badgeContent?: TranslatableString | boolean;
+    /**
+     * Background color of the badge.
+     * If no color is provided a red dot badge will be rendered.
+     */
+    badgeColor?: string;
+    /**
+     * Disables the tab.
+     *
+     * @defaultValue false
+     */
+    disabled: boolean;
+    /**
+     * Close the current tab.
+     *
+     * @defaultValue false
+     */
+    closable?: boolean | undefined;
+    /** Event emitter to notify when a tab is closed. */
+    readonly closeTriggered: EventEmitter<SiTabComponent>;
+    /** @internal */
+    id: string;
+    /** @internal */
+    tabId: string;
+    protected get isHidden(): boolean | null;
+    private parent?;
+    /** @internal */
+    readonly active: import("@angular/core").WritableSignal<boolean>;
+    /** @internal */
+    registerParent(parent: SiTabsetComponent): void;
+    ngOnChanges(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiTabComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiTabComponent, "si-tab", never, { "heading": { "alias": "heading"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconAltText": { "alias": "iconAltText"; "required": false; }; "badgeContent": { "alias": "badgeContent"; "required": false; }; "badgeColor": { "alias": "badgeColor"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; }, { "closeTriggered": "closeTriggered"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_closable: unknown;
+}