@siemens/element-ng 47.0.0

package/LICENSE.md

@@ -0,0 +1,20 @@
+The MIT License
+
+Copyright (c) Siemens 2016 - 2025
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the “Software”), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,27 @@
+# Siemens Element
+
+Siemens Element is a design system for products and digital experiences,
+grounded in the Siemens brand design language. It includes UI components
+(Angular), design tools and resources, human interface guidelines, and a
+vibrant community of contributors.
+
+## Contributing
+
+Improvements are always welcome! Feel free to log a bug,
+write a suggestion, or contribute code by creating a pull request.
+All details are listed in our contribution guide.
+
+See [CONTRIBUTING.md](CONTRIBUTING.md).
+
+## License
+
+Code and documentation Copyright (c) Siemens 2016 - 2025.
+
+MIT, see [LICENSE.md](LICENSE.md).
+
+### Bootstrap
+
+The source code in the folder [bootstrap](./projects/element-theme/src/styles/bootstrap/)
+is based on [Bootstrap (v5.1.3)](https://github.com/twbs/bootstrap). We changed and adapted
+the SASS component files to our needs. At that point in time, it was under _MIT License_
+and _Copyright (c) 2011-2024 The Bootstrap Authors_.

package/application-header/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-application-header.component';
+export * from './si-header-navigation-item.component';
+export * from './si-header-collapsible-actions.component';
+export * from './si-header-action-item.component';
+export * from './si-header-account-item.component';
+export * from './si-header-selection-item.component';
+export * from './si-header-siemens-logo.component';
+export * from './si-header-logo.directive';
+export * from './si-header-actions.directive';
+export * from './si-header-brand.directive';
+export * from './si-header-navigation.component';
+export * from './launchpad/si-launchpad-factory.component';
+export * from './launchpad/si-launchpad.model';

package/application-header/launchpad/si-launchpad-app.component.d.ts

@@ -0,0 +1,21 @@
+import * as i0 from "@angular/core";
+export declare class SiLaunchpadAppComponent {
+    /** @defaultValue false */
+    readonly external: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** @defaultValue false */
+    readonly active: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** @defaultValue false */
+    readonly enableFavoriteToggle: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** @defaultValue false */
+    readonly favorite: import("@angular/core").ModelSignal<boolean>;
+    /** @defaultValue false */
+    readonly action: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly iconUrl: import("@angular/core").InputSignal<string | undefined>;
+    readonly iconClass: import("@angular/core").InputSignal<string | undefined>;
+    protected readonly icons: Record<"elementExport" | "elementFavorites" | "elementFavoritesFilled", string>;
+    private header;
+    protected favoriteClicked(event: Event): void;
+    protected click(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiLaunchpadAppComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiLaunchpadAppComponent, "a[si-launchpad-app]", never, { "external": { "alias": "external"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "enableFavoriteToggle": { "alias": "enableFavoriteToggle"; "required": false; "isSignal": true; }; "favorite": { "alias": "favorite"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; "iconUrl": { "alias": "iconUrl"; "required": false; "isSignal": true; }; "iconClass": { "alias": "iconClass"; "required": false; "isSignal": true; }; }, { "favorite": "favoriteChange"; }, never, ["[app-name]", "[app-systemName]"], true, never>;
+}

package/application-header/launchpad/si-launchpad-factory.component.d.ts

@@ -0,0 +1,83 @@
+import { App, AppCategory } from './si-launchpad.model';
+import * as i0 from "@angular/core";
+export interface FavoriteChangeEvent {
+    app: App;
+    favorite: boolean;
+}
+export declare class SiLaunchpadFactoryComponent {
+    /**
+     * Text to close the launchpad. Needed for a11y.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_LAUNCHPAD.CLOSE:Close launchpad`
+     * ```
+     */
+    readonly closeText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Title of the launchpad.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_LAUNCHPAD.TITLE:Launchpad`
+     * ```
+     */
+    readonly titleText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Subtitle of the launchpad.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_LAUNCHPAD.SUBTITLE:Access all your apps`
+     * ```
+     */
+    readonly subtitleText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /** All app items shown in the launchpad. */
+    readonly apps: import("@angular/core").InputSignal<App[] | AppCategory[]>;
+    /**
+     * Allow the user to select favorite apps which will then be displayed at the top.
+     *
+     * @defaultValue false
+     */
+    readonly enableFavorites: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Title of the favorite apps section.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_LAUNCHPAD.FAVORITE_APPS:Favorite apps`
+     * ```
+     */
+    readonly favoriteAppsText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Title of the show more apps button.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_LAUNCHPAD.SHOW_MORE:Show more`
+     * ```
+     */
+    readonly showMoreAppsText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Title of the show less apps button.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_LAUNCHPAD.SHOW_LESS:Show less`
+     * ```
+     */
+    readonly showLessAppsText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    readonly favoriteChange: import("@angular/core").OutputEmitterRef<FavoriteChangeEvent>;
+    protected showAllApps: boolean;
+    protected readonly categories: import("@angular/core").Signal<AppCategory[]>;
+    protected readonly favorites: import("@angular/core").Signal<App[]>;
+    protected readonly hasFavorites: import("@angular/core").Signal<boolean>;
+    protected readonly icons: Record<"elementDown2" | "elementCancel", string>;
+    private header;
+    protected closeLaunchpad(): void;
+    protected toggleFavorite(app: App, favorite: boolean): void;
+    protected escape(): void;
+    protected isCategories(items: App[] | AppCategory[]): items is AppCategory[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiLaunchpadFactoryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiLaunchpadFactoryComponent, "si-launchpad-factory", never, { "closeText": { "alias": "closeText"; "required": false; "isSignal": true; }; "titleText": { "alias": "titleText"; "required": false; "isSignal": true; }; "subtitleText": { "alias": "subtitleText"; "required": false; "isSignal": true; }; "apps": { "alias": "apps"; "required": true; "isSignal": true; }; "enableFavorites": { "alias": "enableFavorites"; "required": false; "isSignal": true; }; "favoriteAppsText": { "alias": "favoriteAppsText"; "required": false; "isSignal": true; }; "showMoreAppsText": { "alias": "showMoreAppsText"; "required": false; "isSignal": true; }; "showLessAppsText": { "alias": "showLessAppsText"; "required": false; "isSignal": true; }; }, { "favoriteChange": "favoriteChange"; }, never, never, true, never>;
+}

package/application-header/launchpad/si-launchpad.model.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+/** Represents an app to be shown in the launchpad. */
+export interface App {
+    /** Name of the app */
+    name: TranslatableString;
+    /** Name of the related system. */
+    systemName?: TranslatableString;
+    /** URL destination of the app. */
+    href: string;
+    /** Value for the anchor target attribute. */
+    target?: string;
+    /** Icon of the app. */
+    iconUrl?: string;
+    /** CSS class to apply, which should render the icon. Typically, "element-*". */
+    iconClass?: string;
+    /** Whether the app is marked as favorite.  */
+    favorite?: boolean;
+    /** Whether the app should be marked as external. */
+    external?: boolean;
+    /** Whether the app is the currently running app. */
+    active?: boolean;
+}
+/** Represents a categories in the launchpad. */
+export interface AppCategory {
+    /** The name of the app category. */
+    name?: TranslatableString;
+    /** The apps to show under this category.  */
+    apps: App[];
+}

package/application-header/package.json

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

package/application-header/si-application-header.component.d.ts

@@ -0,0 +1,60 @@
+import { Injector, OnDestroy, TemplateRef } from '@angular/core';
+import { HeaderWithDropdowns, SiHeaderDropdownTriggerDirective } from '@siemens/element-ng/header-dropdown';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+/** Root component for the application header. */
+export declare class SiApplicationHeaderComponent implements HeaderWithDropdowns, OnDestroy {
+    private static idCounter;
+    /**
+     * Defines the minimum breakpoint which must be matched to expand the header / switch to desktop mode.
+     *
+     * @defaultValue 'sm'
+     */
+    readonly expandBreakpoint: import("@angular/core").InputSignal<"sm" | "md" | "lg" | "xl" | "xxl" | "never">;
+    readonly launchpad: import("@angular/core").InputSignal<TemplateRef<void> | undefined>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_APPLICATION_HEADER.LAUNCHPAD:Launchpad`
+     * ```
+     */
+    readonly launchpadLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /** @internal */
+    readonly closeMobileMenus: Subject<void>;
+    /** @internal */
+    readonly mobileNavigationExpanded: import("@angular/core").WritableSignal<boolean>;
+    /** @internal */
+    readonly hasNavigation: import("@angular/core").WritableSignal<boolean>;
+    protected readonly openDropdownCount: import("@angular/core").WritableSignal<number>;
+    protected readonly launchpadOpen: import("@angular/core").WritableSignal<boolean>;
+    protected readonly id: string;
+    protected toggleNavigation: import("@siemens/element-translate-ng/translate").TranslatableString;
+    protected injector: Injector;
+    protected readonly icons: Record<"elementThumbnails" | "elementMenu", string>;
+    private readonly navigationToggle;
+    private readonly focusTrap;
+    private breakpointObserver;
+    private openDropdown?;
+    private closeMobileSub;
+    /** @internal */
+    readonly inlineDropdown: import("rxjs").Observable<boolean>;
+    ngOnDestroy(): void;
+    /** @internal */
+    onDropdownItemTriggered(): void;
+    /** @internal */
+    dropdownClosed(trigger?: SiHeaderDropdownTriggerDirective): void;
+    /** @internal */
+    dropdownOpened(trigger?: SiHeaderDropdownTriggerDirective): void;
+    /** @internal */
+    closeLaunchpad(): void;
+    /** @internal */
+    openLaunchpad(): void;
+    protected toggleMobileNavigationExpanded(): void;
+    protected toggleLaunchpad(): void;
+    protected navigationEscapePressed(): void;
+    protected backdropClicked(): void;
+    private openMobileNavigation;
+    private closeMobileNavigation;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiApplicationHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiApplicationHeaderComponent, "si-application-header", never, { "expandBreakpoint": { "alias": "expandBreakpoint"; "required": false; "isSignal": true; }; "launchpad": { "alias": "launchpad"; "required": false; "isSignal": true; }; "launchpadLabel": { "alias": "launchpadLabel"; "required": false; "isSignal": true; }; }, {}, never, ["si-header-brand, element-header-brand", "si-header-navigation, element-header-navigation", "si-header-actions, element-header-actions"], true, never>;
+}

package/application-header/si-header-account-item.component.d.ts

@@ -0,0 +1,13 @@
+import { SiHeaderActionIconItemBase } from './si-header-action-item-icon-base.directive';
+import * as i0 from "@angular/core";
+/** Adds an account item to the header. Should be located inside `.header-actions`. */
+export declare class SiHeaderAccountItemComponent extends SiHeaderActionIconItemBase {
+    /** Name of the account. */
+    readonly name: import("@angular/core").InputSignal<string>;
+    /** Initials of the account. If not provided, they will be calculated. */
+    readonly initials: import("@angular/core").InputSignal<string | undefined>;
+    /** URL to an image which should be shown instead of the initials. */
+    readonly imageUrl: import("@angular/core").InputSignal<string | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiHeaderAccountItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiHeaderAccountItemComponent, "button[si-header-account-item]", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "initials": { "alias": "initials"; "required": false; "isSignal": true; }; "imageUrl": { "alias": "imageUrl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/application-header/si-header-action-item-icon-base.directive.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { SiHeaderActionItemBase } from './si-header-action-item.base';
+import * as i0 from "@angular/core";
+/**
+ * Base for icon based actions.
+ * @internal
+ */
+export declare abstract class SiHeaderActionIconItemBase extends SiHeaderActionItemBase implements OnChanges, OnInit {
+    /**
+     * Adds a badge to the header item.
+     * If type
+     * - =number, the number will be shown and automatically trimmed if \>99
+     * - =true, an empty red dot will be shown
+     */
+    readonly badge: import("@angular/core").InputSignal<number | boolean | null | undefined>;
+    protected readonly badgeDot: import("@angular/core").Signal<boolean>;
+    protected readonly badgeValue: import("@angular/core").Signal<string | undefined>;
+    ngOnChanges(changes: SimpleChanges): void;
+    protected get visuallyHideTitle(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiHeaderActionIconItemBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiHeaderActionIconItemBase, never, never, { "badge": { "alias": "badge"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/application-header/si-header-action-item.base.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { OnInit } from '@angular/core';
+import { SiHeaderDropdownTriggerDirective } from '@siemens/element-ng/header-dropdown';
+import { SiHeaderCollapsibleActionsComponent } from './si-header-collapsible-actions.component';
+import * as i0 from "@angular/core";
+export declare abstract class SiHeaderActionItemBase implements OnInit {
+    /** @internal */
+    dropdownTrigger: SiHeaderDropdownTriggerDirective | null;
+    protected collapsibleActions: SiHeaderCollapsibleActionsComponent | null;
+    protected readonly icons: Record<"elementDown2", string>;
+    private header;
+    ngOnInit(): void;
+    protected click(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiHeaderActionItemBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiHeaderActionItemBase, never, never, {}, {}, never, never, true, never>;
+}

package/application-header/si-header-action-item.component.d.ts

@@ -0,0 +1,9 @@
+import { SiHeaderActionIconItemBase } from './si-header-action-item-icon-base.directive';
+import * as i0 from "@angular/core";
+/** Adds an action item to the header. Should be located inside `.header-actions`. */
+export declare class SiHeaderActionItemComponent extends SiHeaderActionIconItemBase {
+    /** The icon to be shown. */
+    readonly icon: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiHeaderActionItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiHeaderActionItemComponent, "button[si-header-action-item], a[si-header-action-item]", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; }, {}, never, ["si-avatar", "*"], true, never>;
+}

package/application-header/si-header-actions.directive.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class SiHeaderActionsDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiHeaderActionsDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiHeaderActionsDirective, "si-header-actions", never, {}, {}, never, never, true, never>;
+}

package/application-header/si-header-brand.directive.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class SiHeaderBrandDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiHeaderBrandDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiHeaderBrandDirective, "si-header-brand", never, {}, {}, never, never, true, never>;
+}

package/application-header/si-header-collapsible-actions.component.d.ts

@@ -0,0 +1,33 @@
+import { OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+/** Container for actions that should be collapsed in mobile mode. */
+export declare class SiHeaderCollapsibleActionsComponent implements OnDestroy {
+    private static idCounter;
+    /**
+     * Accessible label of the toggle button if actions are collapsed.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_APPLICATION_HEADER.TOGGLE_ACTIONS:Toggle actions`
+     * ```
+     */
+    readonly mobileToggleLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /** @internal **/
+    readonly mobileExpanded: import("@angular/core").WritableSignal<boolean>;
+    /** @internal **/
+    readonly badgeCount: import("@angular/core").WritableSignal<number>;
+    protected readonly id: string;
+    protected readonly icons: Record<"elementOptionsVertical", string>;
+    private readonly toggle;
+    private readonly focusTrap;
+    private header;
+    private closeMobileSub;
+    private inlineChangeSubscription?;
+    ngOnDestroy(): void;
+    protected toggleMobileExpanded(): void;
+    protected escapePressed(): void;
+    private openMobile;
+    private closeMobile;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiHeaderCollapsibleActionsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiHeaderCollapsibleActionsComponent, "si-header-collapsible-actions", never, { "mobileToggleLabel": { "alias": "mobileToggleLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/application-header/si-header-logo.directive.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+/** The siemens logo. Should be located inside `.header-brand`. */
+export declare class SiHeaderLogoDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiHeaderLogoDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiHeaderLogoDirective, "si-header-logo, [siHeaderLogo]", never, {}, {}, never, never, true, never>;
+}

package/application-header/si-header-navigation-item.component.d.ts

@@ -0,0 +1,10 @@
+import { SiHeaderDropdownTriggerDirective } from '@siemens/element-ng/header-dropdown';
+import * as i0 from "@angular/core";
+/** Adds a navigation item to the header. Should be located inside `.header-navigation`. */
+export declare class SiHeaderNavigationItemComponent {
+    /** @internal */
+    dropdownTrigger: SiHeaderDropdownTriggerDirective | null;
+    protected readonly icons: Record<"elementDown2", string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiHeaderNavigationItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiHeaderNavigationItemComponent, "button[si-header-navigation-item], a[si-header-navigation-item]", never, {}, {}, never, ["*"], true, never>;
+}

package/application-header/si-header-navigation.component.d.ts

@@ -0,0 +1,11 @@
+import { OnDestroy } from '@angular/core';
+import { SiApplicationHeaderComponent } from './si-application-header.component';
+import * as i0 from "@angular/core";
+export declare class SiHeaderNavigationComponent implements OnDestroy {
+    protected header: SiApplicationHeaderComponent;
+    protected readonly icons: Record<"elementThumbnails", string>;
+    constructor();
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiHeaderNavigationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiHeaderNavigationComponent, "si-header-navigation", never, {}, {}, never, ["*"], true, never>;
+}

package/application-header/si-header-selection-item.component.d.ts

@@ -0,0 +1,12 @@
+import { SiHeaderActionItemBase } from './si-header-action-item.base';
+import * as i0 from "@angular/core";
+export declare class SiHeaderSelectionItemComponent extends SiHeaderActionItemBase {
+    /**
+     * Sets the open state which will only affect the arrow. Only use this property when not using {@link SiHeaderDropdownTriggerDirective}.
+     *
+     * @defaultValue false
+     */
+    readonly open: import("@angular/core").InputSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiHeaderSelectionItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiHeaderSelectionItemComponent, "button[si-header-selection-item]", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/application-header/si-header-siemens-logo.component.d.ts

@@ -0,0 +1,20 @@
+import * as i0 from "@angular/core";
+/**
+ * The siemens logo.
+ * Should be located inside `.header-brand`.
+ *
+ * @deprecated Use the {@link SiHeaderLogoDirective} instead.
+ * The new component will use the logo provided by the global theme instead
+ * of containing a hard coded siemens logo.
+ * ```html
+ * // previous
+ * <a si-header-siemens-logo routerLink="/" aria-label="Siemens" class="d-none d-md-flex"></a>
+ * // new
+ * <a siHeaderLogo routerLink="/" class="d-none d-md-flex"></a>
+ * ```
+ *
+ */
+export declare class SiHeaderSiemensLogoComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiHeaderSiemensLogoComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiHeaderSiemensLogoComponent, "si-header-siemens-logo, [si-header-siemens-logo]", never, {}, {}, never, never, true, never>;
+}

package/avatar/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-avatar-background-color.directive';
+export * from './si-avatar.component';

package/avatar/package.json

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

package/avatar/si-avatar-background-color.directive.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { OnChanges, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * The directive provide a CSS variable --background with a color based on the initials or alt text.
+ */
+export declare class SiAvatarBackgroundColorDirective implements OnChanges {
+    /**
+     * The desired color index from $element-data-* color tokens. This can be set to any kind of
+     * positive integer that is then mapped to a color index.
+     * A better way to set a pseudo-random color is to set {@link autoColor} to `true`.
+     *
+     * @defaultValue undefined
+     */
+    readonly color: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+    /**
+     * Automatically calculates the background color.
+     * If set, {@link color} will be ignored.
+     *
+     * @defaultValue false
+     */
+    readonly autoColor: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    protected readonly backgroundStyle: import("@angular/core").WritableSignal<string | undefined>;
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Update background color variable based on the initials or placeholder text.
+     */
+    calculateColorFromInitials(displayInitials?: string): void;
+    private setColor;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiAvatarBackgroundColorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiAvatarBackgroundColorDirective, "[siAvatarBackgroundColor]", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "autoColor": { "alias": "autoColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,50 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { EntityStatusType, StatusIcon } from '@siemens/element-ng/common';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import * as i0 from "@angular/core";
+import * as i1 from "./si-avatar-background-color.directive";
+export type AvatarSize = 'tiny' | 'xsmall' | 'small' | 'regular' | 'large' | 'xlarge';
+export declare class SiAvatarComponent implements OnChanges {
+    /**
+     * Size of the component.
+     *
+     * @defaultValue 'regular'
+     */
+    readonly size: import("@angular/core").InputSignal<AvatarSize>;
+    /** Image src URL when using an image. */
+    readonly imageUrl: import("@angular/core").InputSignal<string | undefined>;
+    /** Icon name when using an icon. */
+    readonly icon: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Initials to be displayed as default avatar if no `icon` or `imageUrl` are provided.
+     * If also no initials are provided, they will be automatically calculated from the `altText`.
+     * The value will be used to calculate the background color when `autoColor` is true.
+     */
+    readonly initials: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * The desired color index from $element-data-* color tokens. This can be set to any kind of
+     * positive integer that is then mapped to a color index.
+     * A better way to set a pseudo-random color is to set * {@link autoColor} to `true`.
+     *
+     * @defaultValue undefined
+     */
+    readonly color: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+    /** The `alt` text for image, `title` for other modes. */
+    readonly altText: import("@angular/core").InputSignal<string>;
+    /**
+     * The status (success, info, warning, caution, danger, critical, pending, progress) to be
+     * visualized.
+     */
+    readonly status: import("@angular/core").InputSignal<EntityStatusType | undefined>;
+    /**
+     * aria-label for status
+     */
+    readonly statusAriaLabel: import("@angular/core").InputSignal<TranslatableString | undefined>;
+    protected statusIcon?: StatusIcon;
+    protected displayInitials?: string;
+    private readonly autoBackgroundColorDirective;
+    ngOnChanges(changes: SimpleChanges): void;
+    private setInitials;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiAvatarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiAvatarComponent, "si-avatar", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "imageUrl": { "alias": "imageUrl"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "initials": { "alias": "initials"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "altText": { "alias": "altText"; "required": true; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "statusAriaLabel": { "alias": "statusAriaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.SiAvatarBackgroundColorDirective; inputs: { "color": "color"; "autoColor": "autoColor"; }; outputs: {}; }]>;
+}

package/common/decorators/index.d.ts

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

package/common/decorators/webcomponent.decorator.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { Type } from '@angular/core';
+export declare function WebComponentContentChildren<T>(host: Type<T>): (...args: any) => void;

package/common/helpers/animation.helpers.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+/**
+ * @returns Returns whether animations are disabled via the CSS var. This is either set by
+ * an application on low-end devices or in case the device is configured for reduced motion
+ * (i.e. `@media (prefers-reduced-motion)` matches)
+ */
+export declare const areAnimationsDisabled: () => boolean;

package/common/helpers/global-events.helpers.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export declare const listenGlobal: (eventName: string, handler: (e: any) => void, active?: boolean) => (() => void);

package/common/helpers/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './animation.helpers';
+export * from './positioning.helpers';
+export * from './rtl';
+export * from './track-by.helper';
+export * from './global-events.helpers';
+export * from './overlay-helper';