@siemens/element-ng 47.0.0

package/link/si-link-action.service.d.ts

@@ -0,0 +1,17 @@
+import { Link, LinkAction } from './link.model';
+import * as i0 from "@angular/core";
+export declare class SiLinkActionService {
+    private actionSubject;
+    /**
+     * Observable which emits the link and param to run the action on.
+     *
+     * @defaultValue this.actionSubject.asObservable()
+     */
+    readonly action$: import("rxjs").Observable<LinkAction>;
+    /**
+     * Emit a new link and param pair to run the action on.
+     */
+    emit(link: Link, param: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiLinkActionService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SiLinkActionService>;
+}

package/link/si-link.directive.d.ts

@@ -0,0 +1,42 @@
+import { DoCheck, InjectionToken, OnChanges, OnDestroy } from '@angular/core';
+import { NavigationExtras } from '@angular/router';
+import { AriaCurrentType } from './aria-current.model';
+import { Link } from './link.model';
+import * as i0 from "@angular/core";
+export declare const SI_LINK_DEFAULT_NAVIGATION_EXTRA: InjectionToken<NavigationExtras>;
+export declare class SiLinkDirective implements DoCheck, OnChanges, OnDestroy {
+    readonly siLink: import("@angular/core").InputSignal<Link | undefined>;
+    readonly siLinkDefaultTarget: import("@angular/core").InputSignal<string | undefined>;
+    readonly actionParam: import("@angular/core").InputSignal<any>;
+    readonly activeClass: import("@angular/core").InputSignal<string | undefined>;
+    /** @defaultValue false */
+    readonly exactMatch: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Type for `aria-current` to set if routerLink is active.
+     */
+    readonly ariaCurrent: import("@angular/core").InputSignal<AriaCurrentType | undefined>;
+    readonly activeChange: import("@angular/core").OutputEmitterRef<boolean>;
+    protected readonly href: import("@angular/core").WritableSignal<string | undefined>;
+    protected readonly target: import("@angular/core").WritableSignal<string | undefined>;
+    protected readonly title: import("@angular/core").WritableSignal<string | undefined>;
+    protected readonly isAriaCurrent: import("@angular/core").Signal<AriaCurrentType | undefined>;
+    /** @defaultValue false */
+    readonly active: import("@angular/core").WritableSignal<boolean>;
+    private readonly destroyer;
+    private router;
+    private activatedRoute;
+    private locationStrategy;
+    private translateService;
+    private actionService;
+    private defaultNavigationExtra;
+    private get urlTree();
+    private get navigationExtras();
+    ngOnDestroy(): void;
+    ngOnChanges(): void;
+    ngDoCheck(): void;
+    private subscribeRouter;
+    private updateActiveByRouter;
+    onClick(event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiLinkDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiLinkDirective, "[siLink]", ["siLink"], { "siLink": { "alias": "siLink"; "required": false; "isSignal": true; }; "siLinkDefaultTarget": { "alias": "siLinkDefaultTarget"; "required": false; "isSignal": true; }; "actionParam": { "alias": "actionParam"; "required": false; "isSignal": true; }; "activeClass": { "alias": "activeClass"; "required": false; "isSignal": true; }; "exactMatch": { "alias": "exactMatch"; "required": false; "isSignal": true; }; "ariaCurrent": { "alias": "ariaCurrent"; "required": false; "isSignal": true; }; }, { "activeChange": "activeChange"; }, never, never, true, never>;
+}

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

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

package/package.json

@@ -0,0 +1,86 @@
+{
+  "name": "@siemens/element-ng",
+  "description": "Element Angular component library, implementing the Siemens Design Language",
+  "version": "47.0.0",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:siemens/element.git"
+  },
+  "author": {
+    "name": "Siemens AG",
+    "email": "info@siemens.com"
+  },
+  "homepage": "https://github.com/siemens/element",
+  "bugs": "https://github.com/siemens/element/issues/new",
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "peerDependencies": {
+    "@angular/animations": "19",
+    "@angular/cdk": "19",
+    "@angular/common": "19",
+    "@angular/core": "19",
+    "@angular/forms": "19",
+    "@angular/router": "19",
+    "@siemens/element-translate-ng": "47.0.0",
+    "@siemens/element-theme": "47.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@angular/animations": {
+      "optional": true
+    }
+  },
+  "module": "fesm2022/siemens-element-ng.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/siemens-element-ng.mjs"
+    },
+    "./application-header": {
+      "types": "./application-header/index.d.ts",
+      "default": "./fesm2022/siemens-element-ng-application-header.mjs"
+    },
+    "./avatar": {
+      "types": "./avatar/index.d.ts",
+      "default": "./fesm2022/siemens-element-ng-avatar.mjs"
+    },
+    "./common": {
+      "types": "./common/index.d.ts",
+      "default": "./fesm2022/siemens-element-ng-common.mjs"
+    },
+    "./header-dropdown": {
+      "types": "./header-dropdown/index.d.ts",
+      "default": "./fesm2022/siemens-element-ng-header-dropdown.mjs"
+    },
+    "./icon": {
+      "types": "./icon/index.d.ts",
+      "default": "./fesm2022/siemens-element-ng-icon.mjs"
+    },
+    "./link": {
+      "types": "./link/index.d.ts",
+      "default": "./fesm2022/siemens-element-ng-link.mjs"
+    },
+    "./resize-observer": {
+      "types": "./resize-observer/index.d.ts",
+      "default": "./fesm2022/siemens-element-ng-resize-observer.mjs"
+    },
+    "./theme": {
+      "types": "./theme/index.d.ts",
+      "default": "./fesm2022/siemens-element-ng-theme.mjs"
+    },
+    "./translate": {
+      "types": "./translate/index.d.ts",
+      "default": "./fesm2022/siemens-element-ng-translate.mjs"
+    }
+  },
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

package/public-api.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export declare const NOTHING = "nothing";

package/resize-observer/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './resize-observer.service';
+export * from './si-resize-observer.directive';
+export * from './si-resize-observer.module';
+export * from './si-responsive-container.directive';

package/resize-observer/package.json

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

package/resize-observer/resize-observer.service.d.ts

@@ -0,0 +1,41 @@
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export interface ElementDimensions {
+    width: number;
+    height: number;
+}
+/**
+ * A service wrapping `ResizeObserver`. This is a service for those reasons:
+ * - only one `ResizeObserver` should be used for performance reason.
+ * - For Angular change detection to work, explicit `ngZone` calls are necessary
+ * - Observable stream
+ */
+export declare class ResizeObserverService {
+    private listeners;
+    private resizeObserver?;
+    private timerQueue;
+    private zone;
+    constructor();
+    /**
+     * Observe the size of an element. Returns an observable with the changes.
+     * @param element - The element to observe
+     * @param throttle - Throttle time in ms. Will emit this time after the resize
+     * @param emitInitial - Emit the initial size after subscribe?
+     * @param emitImmediate - Emit an event immediately after the size changes. Useful e.g. for visibility checks.
+     */
+    observe(element: Element, throttle: number, emitInitial?: boolean, emitImmediate?: boolean): Observable<ElementDimensions>;
+    private subscriberAdded;
+    private subscriberRemoved;
+    private handleElement;
+    private handleResizeSubscriber;
+    private emitSize;
+    private schedule;
+    private unschedule;
+    private processQueue;
+    /**
+     * check size on all observed elements. Only use in testing!
+     */
+    _checkAll(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ResizeObserverService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ResizeObserverService>;
+}

package/resize-observer/si-resize-observer.directive.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { OnDestroy, OnInit } from '@angular/core';
+import { ElementDimensions } from './resize-observer.service';
+import * as i0 from "@angular/core";
+/**
+ * Directive to emit events on element size change. Use like this:
+ *   `<div (siResizeObserver)="handleResize($event)">`
+ * When the size of the element changes, an event in the format
+ *   `{ width: number, height: number }`
+ * will be emitted. Also an initial event will be emitted on init.
+ *
+ * By default, events are throttled and to an event every 100ms. To change
+ * this, add `[resizeThrottle]="200"` on the same element. Input in milliseconds.
+ */
+export declare class SiResizeObserverDirective implements OnInit, OnDestroy {
+    /** @defaultValue 100 */
+    readonly resizeThrottle: import("@angular/core").InputSignal<number>;
+    readonly siResizeObserver: import("@angular/core").OutputEmitterRef<ElementDimensions>;
+    private subs?;
+    private element;
+    private service;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiResizeObserverDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiResizeObserverDirective, "[siResizeObserver]", never, { "resizeThrottle": { "alias": "resizeThrottle"; "required": false; "isSignal": true; }; }, { "siResizeObserver": "siResizeObserver"; }, never, never, true, never>;
+}

package/resize-observer/si-resize-observer.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./si-resize-observer.directive";
+import * as i2 from "./si-responsive-container.directive";
+export declare class SiResizeObserverModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiResizeObserverModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SiResizeObserverModule, never, [typeof i1.SiResizeObserverDirective, typeof i2.SiResponsiveContainerDirective], [typeof i1.SiResizeObserverDirective, typeof i2.SiResponsiveContainerDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SiResizeObserverModule>;
+}

package/resize-observer/si-responsive-container.directive.d.ts

@@ -0,0 +1,73 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { OnDestroy, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface Breakpoints {
+    smMinimum: number;
+    mdMinimum: number;
+    lgMinimum: number;
+    xlMinimum: number;
+    xxlMinimum: number;
+}
+export declare const BOOTSTRAP_BREAKPOINTS: Breakpoints;
+/**
+ * Directive to automatically set `si-container-*` classes so Bootstrap column classes work
+ * in the context of the container instead of viewport size.
+ */
+export declare class SiResponsiveContainerDirective implements OnInit, OnDestroy {
+    /** @defaultValue false */
+    readonly xs: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * @deprecated Use {@link xs} instead.
+     * @defaultValue false
+     **/
+    isXs: boolean;
+    /** @defaultValue false */
+    readonly sm: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * @deprecated Use {@link sm} instead.
+     * @defaultValue false
+     **/
+    isSm: boolean;
+    /** @defaultValue false */
+    readonly md: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * @deprecated Use {@link md} instead.
+     * @defaultValue false
+     **/
+    isMd: boolean;
+    /** @defaultValue false */
+    readonly lg: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * @deprecated Use {@link lg} instead.
+     * @defaultValue false
+     **/
+    isLg: boolean;
+    /** @defaultValue false */
+    readonly xl: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * @deprecated Use {@link xl} instead.
+     * @defaultValue false
+     **/
+    isXl: boolean;
+    /** @defaultValue false */
+    readonly xxl: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * @deprecated Use {@link xxl} instead.
+     * @defaultValue false
+     **/
+    isXxl: boolean;
+    /** @defaultValue 100 */
+    readonly resizeThrottle: import("@angular/core").InputSignal<number>;
+    readonly breakpoints: import("@angular/core").InputSignal<Breakpoints | undefined>;
+    private subs?;
+    private element;
+    private service;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private setResponsiveSize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiResponsiveContainerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiResponsiveContainerDirective, "[siResponsiveContainer]", ["siResponsiveContainer"], { "resizeThrottle": { "alias": "resizeThrottle"; "required": false; "isSignal": true; }; "breakpoints": { "alias": "breakpoints"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/theme/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-theme-store';
+export * from './si-theme.service';
+export * from './si-theme.model';

package/theme/package.json

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

package/theme/si-theme-store.d.ts

@@ -0,0 +1,82 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { Observable } from 'rxjs';
+import { Theme } from './si-theme.model';
+/**
+ * SiThemeStore object is used by the theme service to load and
+ * store the themes. You can inject your own implementation to provide
+ * a backend implementation. Otherwise a localStorage based implementation
+ * is used.
+ */
+export declare abstract class SiThemeStore {
+    /**
+     * Load and return an alternative custom theme, other then
+     * the default element theme. This method is invoked initially
+     * to check for an alternative custom theme.
+     * @returns The active theme to be used, or undefined if the
+     * default element theme shall be used. All wrapped in an observable
+     * that can also emit errors.
+     */
+    abstract loadActiveTheme(): Observable<Theme | undefined>;
+    /**
+     * Sets the theme with the given name to active.
+     * @param name - The name of the theme to become active.
+     * @returns True on success, otherwise false.
+     */
+    abstract activateTheme(name: string): Observable<boolean>;
+    /**
+     * Deactivate any active theme and makes the element theme the default one.
+     * @returns True on success, otherwise false.
+     */
+    abstract deactivateTheme(): Observable<boolean>;
+    /**
+     * Load and return the available theme names.
+     * @returns An `Observable` of available theme names, other than the
+     * default element theme.
+     */
+    abstract loadThemeNames(): Observable<string[]>;
+    /**
+     * Load theme with the given `name`.
+     * @param name - The name of the theme to be returned.
+     * @returns Observable with the named theme or `undefined` if no such theme exist.
+     */
+    abstract loadTheme(name: string): Observable<Theme | undefined>;
+    /**
+     * Saves a theme to the store. The name shall not be empty. A theme with
+     * identical name gets overwritten.
+     * @param theme - The theme to be saved.
+     * @returns True on success, otherwise false. All nicely wrapped in
+     * an observable that may also emit errors.
+     */
+    abstract saveTheme(theme: Theme): Observable<boolean>;
+    /**
+     * Deletes the theme with the given name from the store.
+     * @param name - The name of the theme to be deleted.
+     * @returns True on success, otherwise false. All nicely wrapped in
+     * an observable that may also emit errors. Returns false,
+     * if the theme does not exist.
+     */
+    abstract deleteTheme(name: string): Observable<boolean>;
+}
+export declare const SI_THEME_LOCAL_STORAGE_KEY = "si-themes";
+export interface ThemeStorage {
+    activeTheme: string | undefined;
+    themes: {
+        [key: string]: Theme;
+    };
+}
+export declare class SiDefaultThemeStore extends SiThemeStore {
+    private isBrowser;
+    constructor(isBrowser: boolean);
+    loadActiveTheme(): Observable<Theme | undefined>;
+    activateTheme(name: string): Observable<boolean>;
+    deactivateTheme(): Observable<boolean>;
+    loadThemeNames(): Observable<string[]>;
+    saveTheme(theme: Theme): Observable<boolean>;
+    loadTheme(name: string): Observable<Theme | undefined>;
+    deleteTheme(name: string): Observable<boolean>;
+    private loadStore;
+    private saveStore;
+}

package/theme/si-theme.model.d.ts

@@ -0,0 +1,48 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export interface ThemeDescription {
+    name: string;
+    groups: ThemePropertyGroup[];
+}
+export interface ThemePropertyGroup {
+    name: string;
+    description?: string;
+    properties: ThemeProperty[];
+}
+export interface ThemeProperty {
+    name: string;
+    usage: string;
+    type: ThemePropertyType;
+}
+export type ThemePropertyType = 'color' | 'gradient' | 'font' | 'url' | 'text' | 'number';
+export interface Theme {
+    name: string;
+    schemes: ThemeColorSchemes;
+    /**
+     * A map of icons that overrides the default Element icons.
+     * The key must be the key of the original icon that should be overridden.
+     * The value has to be a data SVG string.
+     *
+     * @example
+     * ```ts
+     * {
+     *   elementUser: "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'>...</svg>"
+     * }
+     * ```
+     *
+     * @experimental
+     */
+    icons?: Record<string, string>;
+}
+export interface ThemeColorSchemes {
+    light?: ThemeColorScheme;
+    dark?: ThemeColorScheme;
+}
+export type ThemeColorScheme = {
+    [key: string]: string;
+};
+export type ThemeType = 'dark' | 'light' | 'auto';
+export declare const ELEMENT_THEME_NAME = "element";
+export declare const elementTheme: ThemeDescription;

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

@@ -0,0 +1,129 @@
+import { EventEmitter } from '@angular/core';
+import { SafeHtml } from '@angular/platform-browser';
+import { Observable } from 'rxjs';
+import { Theme, ThemeColorSchemes, ThemeType } from './si-theme.model';
+import * as i0 from "@angular/core";
+export declare class SiThemeService {
+    /**
+     * The current color scheme. (e.g. light or dark).
+     */
+    private _resolvedColorScheme;
+    private resolvedColorSchemeSub;
+    /**
+     * Emits events when the color scheme changes.
+     *
+     * @defaultValue this.resolvedColorSchemeSub.asObservable()
+     */
+    readonly resolvedColorScheme$: Observable<keyof ThemeColorSchemes>;
+    /**
+     * The current color scheme. (e.g. light or dark).
+     */
+    get resolvedColorScheme(): ThemeType | undefined;
+    /**
+     * All available theme names, including element theme name.
+     */
+    private _themeNames;
+    private themeNamesSub;
+    /**
+     * Emits events when the list of available theme names changes.
+     *
+     * @defaultValue this.themeNamesSub.asObservable()
+     */
+    readonly themeNames$: Observable<string[]>;
+    /**
+     * All available theme names, including element theme name.
+     */
+    get themeNames(): string[];
+    /**
+     * Emits events when the currently applied theme changes. Either by
+     * changing to another theme or by re-applying a theme with updated
+     * properties. When switching to default theme element, `undefined`
+     * is emitted.
+     */
+    readonly themeChange: EventEmitter<Theme | undefined>;
+    /**
+     * The name of the theme that is active. Theme name `element` is the default.
+     */
+    activeThemeName?: string;
+    /**
+     * Icon overrides by the currently activeTheme.
+     * @defaultValue
+     * ```
+     * {}
+     * ```
+     */
+    readonly themeIcons: import("@angular/core").WritableSignal<Record<string, SafeHtml>>;
+    private themes;
+    private darkMediaQuery?;
+    private mediaQueryListener?;
+    private isBrowser;
+    private previewTheme?;
+    private themeStore;
+    private meta;
+    private document;
+    private domSanitizer;
+    constructor();
+    /**
+     * Returns `true` if a theme with the given name is available.
+     */
+    hasTheme(name: string): boolean;
+    /**
+     * Returns a clone of the theme with the given name or `undefined` if not
+     * available or name is `element`.
+     * @param name - The name of the theme to be returned.
+     * @returns The theme with the given name and `undefined` if name is `element`.
+     */
+    getTheme(name: string): Observable<Theme | undefined>;
+    /**
+     * Loads and returns the currently active theme. Returns undefined if no custom theme is used.
+     * @returns A custom theme or `undefined` if the default element theme is used.
+     */
+    getActiveTheme(): Observable<Theme | undefined>;
+    /**
+     * Adds or updates the given theme in the theme store.
+     * @param theme - The theme to be saved.
+     * @returns `true` if the theme was saved successfully.
+     */
+    addOrUpdateTheme(theme: Theme): Observable<boolean>;
+    /**
+     * Deletes the theme with the given name from the theme store.
+     */
+    deleteTheme(name: string): Observable<boolean>;
+    /**
+     * Resets the preview theme to the default element theme.
+     */
+    resetPreview(): void;
+    /**
+     * Sets the active theme to the given name. If no name is given, the default element theme is used.
+     */
+    setActiveTheme(name?: string, type?: ThemeType): Observable<boolean>;
+    /**
+     * Apply `light` or `dark` theme to the document.
+     */
+    applyThemeType(type: ThemeType): void;
+    /**
+     * Applies the given theme to the document. If no theme is given, the active theme is applied.
+     */
+    applyTheme(theme?: Theme, type?: ThemeType, overwrite?: boolean): void;
+    /**
+     * Updates the given property of the preview theme.
+     */
+    updateProperty(name: string, value: string, type: keyof ThemeColorSchemes): void;
+    /**
+     * Checks if the given theme JSON object is a valid theme.
+     */
+    isThemeValid(data: unknown): boolean;
+    private isThemeTypeValid;
+    private applyThemeStyle;
+    private activateTheme;
+    private hasThemeCSS;
+    private createThemeCSS;
+    private createThemeVariantCSS;
+    private removeThemeCSS;
+    private toggleDark;
+    private cloneTheme;
+    private dispatchThemeSwitchEvent;
+    private parseDataSvgIcon;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiThemeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SiThemeService>;
+}

package/translate/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-translatable-keys.interface';
+export * from './si-translatable-overrides.provider';
+export * from '@siemens/element-translate-ng/translate';

package/translate/package.json

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

package/translate/si-translatable-keys.interface.d.ts

@@ -0,0 +1,11 @@
+export interface SiTranslatableKeys {
+    'SI_APPLICATION_HEADER.LAUNCHPAD'?: string;
+    'SI_APPLICATION_HEADER.TOGGLE_ACTIONS'?: string;
+    'SI_APPLICATION_HEADER.TOGGLE_NAVIGATION'?: string;
+    'SI_LAUNCHPAD.CLOSE'?: string;
+    'SI_LAUNCHPAD.FAVORITE_APPS'?: string;
+    'SI_LAUNCHPAD.SHOW_LESS'?: string;
+    'SI_LAUNCHPAD.SHOW_MORE'?: string;
+    'SI_LAUNCHPAD.SUBTITLE'?: string;
+    'SI_LAUNCHPAD.TITLE'?: string;
+}

package/translate/si-translatable-overrides.provider.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { Provider } from '@angular/core';
+import { SiTranslatableKeys } from './si-translatable-keys.interface';
+export declare const provideSiTranslatableOverrides: (values: SiTranslatableKeys) => Provider;