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

package/avatar/index.d.ts

@@ -1,6 +1,85 @@
+import * as _angular_core from '@angular/core';
+import { OnChanges, SimpleChanges } from '@angular/core';
+import * as _siemens_element_ng_common from '@siemens/element-ng/common';
+import { EntityStatusType } from '@siemens/element-ng/common';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+
 /**
- * Copyright (c) Siemens 2016 - 2025
- * SPDX-License-Identifier: MIT
+ * The directive provide a CSS variable --background with a color based on the initials or alt text.
  */
-export * from './si-avatar-background-color.directive';
-export * from './si-avatar.component';
+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: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    /**
+     * Automatically calculates the background color.
+     * If set, {@link color} will be ignored.
+     *
+     * @defaultValue false
+     */
+    readonly autoColor: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected readonly backgroundStyle: _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: _angular_core.ɵɵFactoryDeclaration<SiAvatarBackgroundColorDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiAvatarBackgroundColorDirective, "[siAvatarBackgroundColor]", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "autoColor": { "alias": "autoColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type AvatarSize = 'tiny' | 'xsmall' | 'small' | 'regular' | 'large' | 'xlarge';
+declare class SiAvatarComponent implements OnChanges {
+    private readonly statusIcons;
+    /**
+     * Size of the component.
+     *
+     * @defaultValue 'regular'
+     */
+    readonly size: _angular_core.InputSignal<AvatarSize>;
+    /** Image src URL when using an image. */
+    readonly imageUrl: _angular_core.InputSignal<string | undefined>;
+    /** Icon name when using an icon. */
+    readonly icon: _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: _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: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    /** The `alt` text for image, `title` for other modes. */
+    readonly altText: _angular_core.InputSignal<string>;
+    /**
+     * The status (success, info, warning, caution, danger, critical, pending, progress) to be
+     * visualized.
+     */
+    readonly status: _angular_core.InputSignal<EntityStatusType | undefined>;
+    /**
+     * aria-label for status
+     */
+    readonly statusAriaLabel: _angular_core.InputSignal<TranslatableString | undefined>;
+    protected readonly statusIcon: _angular_core.Signal<_siemens_element_ng_common.StatusIcon | undefined>;
+    protected displayInitials?: string;
+    private readonly autoBackgroundColorDirective;
+    ngOnChanges(changes: SimpleChanges): void;
+    private setInitials;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiAvatarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵ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 SiAvatarBackgroundColorDirective; inputs: { "color": "color"; "autoColor": "autoColor"; }; outputs: {}; }]>;
+}
+
+export { SiAvatarBackgroundColorDirective, SiAvatarComponent };
+export type { AvatarSize };

package/badge/index.d.ts

@@ -1,5 +1,21 @@
-/**
- * Copyright (c) Siemens 2016 - 2025
- * SPDX-License-Identifier: MIT
- */
-export * from './si-badge.component';
+import * as _angular_core from '@angular/core';
+import { StatusType } from '@siemens/element-ng/common';
+
+type BadgeType = StatusType | 'default' | 'inverse' | 'info-emphasis' | 'success-emphasis' | 'warning-emphasis' | 'danger-emphasis' | 'critical-emphasis' | 'caution-emphasis';
+declare class SiBadgeComponent {
+    /**
+     * Optional icon
+     * @defaultValue ''
+     */
+    readonly icon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Badge display type.
+     * @defaultValue 'default'
+     */
+    readonly type: _angular_core.InputSignal<BadgeType>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiBadgeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiBadgeComponent, "si-badge", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { SiBadgeComponent };
+export type { BadgeType };

package/breadcrumb/index.d.ts

@@ -1,7 +1,94 @@
+import { Link } from '@siemens/element-ng/link';
+import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
+import * as i0 from '@angular/core';
+import { OnChanges, OnDestroy } from '@angular/core';
+
 /**
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
-export * from './breadcrumb-item.model';
-export * from './si-breadcrumb.component';
-export * from './si-breadcrumb.module';
+
+/**
+ * Item that should be displayed in a breadcrumb.
+ * As input, we expect an optional title and link,
+ * which can be an URL or array of URL segments.
+ */
+interface BreadcrumbItem extends Link {
+    title: string;
+}
+/**
+ * Extends {@link EnumeratedBreadcrumbItem} and adds
+ * the level, if it is shortened, a shortened title and
+ * if it is the last item
+ */
+interface EnumeratedBreadcrumbItem extends BreadcrumbItem {
+    /**
+     * The current level relative to the root, the root is 0
+     */
+    level: number;
+    /**
+     * Whether the title is displayed in full length or it is shortened.
+     */
+    shortened?: boolean;
+    /**
+     * The shortened title, if the title is not shortened, it is the same as the title.
+     */
+    shortenedTitle?: string;
+    /**
+     * Whether it is the last breadcrumb item and should be styled differently.
+     */
+    lastItem?: boolean;
+}
+
+declare class SiBreadcrumbComponent implements OnChanges, OnDestroy {
+    /** Array of breadcrumb items. */
+    readonly items: i0.InputSignal<BreadcrumbItem[]>;
+    /**
+     * Shows the "root" route as the provided title string instead of an icon.
+     *
+     * @defaultValue false
+     */
+    readonly showRootAsText: i0.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Aria label for the main breadcrumb navigation. Needed for a11y.
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_BREADCRUMB:Breadcrumbs`)
+     * ```
+     */
+    readonly ariaLabel: i0.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    private translationSubscription?;
+    private itemsProcessed;
+    private numberOfItems;
+    protected itemsShown: EnumeratedBreadcrumbItem[];
+    protected itemsHidden: EnumeratedBreadcrumbItem[];
+    protected breadcrumbShortened: boolean;
+    protected ellipsesLevel: number;
+    protected breadcrumbDropdownOpen: number | undefined;
+    protected addExpandDropdown: boolean;
+    protected controlId: string;
+    protected readonly icons: Record<"elementBreadcrumbRoot" | "elementRight2", string>;
+    private readonly breadcrumbElement;
+    private readonly breadcrumbElements;
+    private changeDetector;
+    private translate;
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    private processItems;
+    protected toggleBreadcrumbDropdown(itemLevel: number): void;
+    protected documentClick(targetElement: any): void;
+    protected resetBreadcrumb(): void;
+    private calculateBreadcrumb;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiBreadcrumbComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiBreadcrumbComponent, "si-breadcrumb", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "showRootAsText": { "alias": "showRootAsText"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class SiBreadcrumbModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiBreadcrumbModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SiBreadcrumbModule, never, [typeof SiBreadcrumbComponent], [typeof SiBreadcrumbComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SiBreadcrumbModule>;
+}
+
+export { SiBreadcrumbComponent, SiBreadcrumbModule };
+export type { BreadcrumbItem, EnumeratedBreadcrumbItem };

package/breadcrumb-router/index.d.ts

@@ -1,8 +1,108 @@
+import { ActivatedRouteSnapshot } from '@angular/router';
+import { BreadcrumbItem } from '@siemens/element-ng/breadcrumb';
+import { Observable } from 'rxjs';
+import * as i0 from '@angular/core';
+import { InjectionToken, OnInit, OnDestroy } from '@angular/core';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+
 /**
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
-export * from './si-breadcrumb-default-resolver.service';
-export * from './si-breadcrumb-router.component';
-export * from './si-breadcrumb-router.model';
-export * from './si-breadcrumb-router.module';
+
+/**
+ * Defines the title and link of a breadcrumb item in a
+ * route configuration and compatible to {@link BreadcrumbItem}.
+ *
+ * ```
+ * {
+ *   path: 'user-manual',
+ *   component: UserManualComponent,
+ *   data: {
+ *     siBreadcrumb: [
+ *       { title: 'USER_MANUAL.HEADING', link: '/main/user-manual' }
+ *     ]
+ *   }
+ * }
+ * ```
+ *
+ */
+interface BreadcrumbRouterLink {
+    /**
+     * Angular router link for the breadcrumb item.
+     */
+    link?: string;
+    /**
+     * Breadcrumb item title that will be translated.
+     */
+    title: TranslatableString;
+}
+/**
+ * Service interface to resolve the breadcrumb items on the base of a route.
+ */
+interface SiBreadcrumbResolverService {
+    resolve(route: ActivatedRouteSnapshot): BreadcrumbItem[] | Observable<BreadcrumbItem[]>;
+}
+/**
+ * Injection token to provide your own `SiBreadcrumbResolverService` implementation.
+ *
+ * ```
+ * providers: [{
+ *   provide: SI_BREADCRUMB_RESOLVER_SERVICE,
+ *   useClass: CustomBreadcrumbResolverService,
+ * }]
+ * ```
+ */
+declare const SI_BREADCRUMB_RESOLVER_SERVICE: InjectionToken<SiBreadcrumbResolverService>;
+
+declare class SiBreadcrumbDefaultResolverService implements SiBreadcrumbResolverService {
+    private locale;
+    /**
+     * Method which resolves the route and creates the breadcrumb items from it.
+     * Is called by the `si-breadcrumb-router-component` but can also be called manually in inheritance patterns.
+     */
+    resolve(route: ActivatedRouteSnapshot): BreadcrumbItem[] | Observable<BreadcrumbItem[]>;
+    private resolveCustomRoutePart;
+    private resolveDefault;
+    private getUrl;
+    private getName;
+    private calculateName;
+    private calculateUrl;
+    private calculate;
+    private findParam;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiBreadcrumbDefaultResolverService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SiBreadcrumbDefaultResolverService>;
+}
+
+declare class SiBreadcrumbRouterComponent implements OnInit, OnDestroy {
+    /**
+     * Aria label for the main breadcrumb navigation. Needed for a11y.
+     *
+     * @defaultValue 'breadcrumb'
+     */
+    readonly ariaLabel: i0.InputSignal<string>;
+    protected readonly items: i0.WritableSignal<BreadcrumbItem[]>;
+    private readonly currentCalcUrl;
+    private nextRoute;
+    private resolverService;
+    private route?;
+    private router?;
+    private routerSubscription?;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private checkItems;
+    private computePath;
+    private findRouteWithUrl;
+    private getUrl;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiBreadcrumbRouterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiBreadcrumbRouterComponent, "si-breadcrumb-router", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class SiBreadcrumbRouterModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiBreadcrumbRouterModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SiBreadcrumbRouterModule, never, [typeof SiBreadcrumbRouterComponent], [typeof SiBreadcrumbRouterComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SiBreadcrumbRouterModule>;
+}
+
+export { SI_BREADCRUMB_RESOLVER_SERVICE, SiBreadcrumbDefaultResolverService, SiBreadcrumbRouterComponent, SiBreadcrumbRouterModule };
+export type { BreadcrumbRouterLink, SiBreadcrumbResolverService };

package/card/index.d.ts

@@ -1,6 +1,88 @@
-/**
- * Copyright (c) Siemens 2016 - 2025
- * SPDX-License-Identifier: MIT
- */
-export * from './si-card.component';
-export * from './si-card.module';
+import * as _angular_core from '@angular/core';
+import { MenuItem } from '@siemens/element-ng/common';
+import { ContentActionBarMainItem, ViewType } from '@siemens/element-ng/content-action-bar';
+import { MenuItem as MenuItem$1 } from '@siemens/element-ng/menu';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+
+declare class SiCardComponent {
+    /**
+     * Card header text.
+     */
+    readonly heading: _angular_core.InputSignal<TranslatableString | undefined>;
+    /**
+     * Input list of primary action items. Supports up to **4** actions and omits additional ones.
+     *
+     * @defaultValue []
+     */
+    readonly primaryActions: _angular_core.InputSignal<(MenuItem | ContentActionBarMainItem)[]>;
+    /**
+     * Input list of secondary action items.
+     *
+     * @defaultValue []
+     */
+    readonly secondaryActions: _angular_core.InputSignal<(MenuItem | MenuItem$1)[]>;
+    /**
+     * A param that will be passed to the `action` in the primary/secondary actions.
+     * This allows to re-use the same primary/secondary action arrays across rows
+     * in a table.
+     */
+    readonly actionParam: _angular_core.InputSignal<any>;
+    /**
+     * The view type of the content action bar of the card. Default is `collapsible`
+     * for dashboards. However, in some cases you might need to change to `expanded`
+     * or `mobile`.
+     *
+     * @defaultValue 'collapsible'
+     */
+    readonly actionBarViewType: _angular_core.InputSignal<ViewType>;
+    /**
+     * Optional setting of html title attribute for the content action bar.
+     * Helpful for a11y when only one action is configured in expand mode.
+     *
+     * @defaultValue ''
+     */
+    readonly actionBarTitle: _angular_core.InputSignal<TranslatableString>;
+    /**
+     * Image source for the card.
+     */
+    readonly imgSrc: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Alt text for a provided image.
+     */
+    readonly imgAlt: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines if an image is placed on top or start (left) of the card.
+     *
+     * @defaultValue 'vertical'
+     */
+    readonly imgDir: _angular_core.InputSignal<"horizontal" | "vertical" | undefined>;
+    /**
+     * Sets the image [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) CSS property,
+     * Sets the image [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) CSS property.
+     *
+     * @defaultValue 'scale-down'
+     */
+    readonly imgObjectFit: _angular_core.InputSignal<"contain" | "cover" | "fill" | "none" | "scale-down" | undefined>;
+    /**
+     * Sets the image [object-position](https://developer.mozilla.org/en-US/docs/Web/CSS/object-position) CSS property.
+     */
+    readonly imgObjectPosition: _angular_core.InputSignal<string | undefined>;
+    /**
+     * In case the card uses an image and horizontal direction is used we set flex row direction.
+     */
+    protected readonly classCardHorizontal: _angular_core.Signal<boolean>;
+    /**
+     * Returns `true` when primary or secondary actions are set.
+     */
+    readonly displayContentActionBar: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiCardComponent, "si-card", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "primaryActions": { "alias": "primaryActions"; "required": false; "isSignal": true; }; "secondaryActions": { "alias": "secondaryActions"; "required": false; "isSignal": true; }; "actionParam": { "alias": "actionParam"; "required": false; "isSignal": true; }; "actionBarViewType": { "alias": "actionBarViewType"; "required": false; "isSignal": true; }; "actionBarTitle": { "alias": "actionBarTitle"; "required": false; "isSignal": true; }; "imgSrc": { "alias": "imgSrc"; "required": false; "isSignal": true; }; "imgAlt": { "alias": "imgAlt"; "required": false; "isSignal": true; }; "imgDir": { "alias": "imgDir"; "required": false; "isSignal": true; }; "imgObjectFit": { "alias": "imgObjectFit"; "required": false; "isSignal": true; }; "imgObjectPosition": { "alias": "imgObjectPosition"; "required": false; "isSignal": true; }; }, {}, never, ["[headerIcon]", "[body]", "[footer]"], true, never>;
+}
+
+declare class SiCardModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiCardModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiCardModule, never, [typeof SiCardComponent], [typeof SiCardComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiCardModule>;
+}
+
+export { SiCardComponent, SiCardModule };

package/circle-status/index.d.ts

@@ -1,6 +1,75 @@
-/**
- * Copyright (c) Siemens 2016 - 2025
- * SPDX-License-Identifier: MIT
- */
-export * from './si-circle-status.component';
-export * from './si-circle-status.module';
+import * as _angular_core from '@angular/core';
+import { OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { EntityStatusType, StatusIcon } from '@siemens/element-ng/common';
+import { Observable } from 'rxjs';
+
+declare class SiCircleStatusComponent implements OnChanges, OnDestroy {
+    private readonly statusIcons;
+    /**
+     * The status (success, info, warning, danger) to be visualized.
+     */
+    readonly status: _angular_core.InputSignal<EntityStatusType | undefined>;
+    /**
+     * A custom color (e.g. `#fefefe`) for exceptional cases.
+     * @deprecated use the semantic `status` input instead.
+     */
+    readonly color: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Set a domain type icon (e.g. `element-door`) for which the status shall be shown.
+     * Leave undefined for visualizing the status without an icon.
+     */
+    readonly icon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Set the size using either regular or small only works when used together with `icon`
+     *
+     * @defaultValue 'regular'
+     */
+    readonly size: _angular_core.InputSignal<"regular" | "small">;
+    /**
+     * event direction is out
+     *
+     * @defaultValue false
+     */
+    readonly eventOut: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Custom icon class for event out
+     */
+    readonly eventIcon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Whether the status should appear with a pulsing circle around the badge.
+     *
+     * @defaultValue false
+     */
+    readonly blink: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Blink pulse generator for synchronized blinking with other components
+     */
+    readonly blinkPulse: _angular_core.InputSignal<Observable<boolean> | undefined>;
+    /**
+     * Aria label for icon and status combo. Needed for a11y
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    protected readonly backgroundClass: _angular_core.Signal<string>;
+    protected readonly theAriaLabel: _angular_core.Signal<string>;
+    protected readonly autoLabel: _angular_core.Signal<string>;
+    protected readonly statusIcon: _angular_core.Signal<StatusIcon | undefined>;
+    protected readonly blinkOn: _angular_core.WritableSignal<boolean>;
+    protected readonly contrastFix: _angular_core.WritableSignal<boolean>;
+    protected readonly icons: Record<"elementRight4", string>;
+    private blinkSubs?;
+    private readonly bg;
+    private blinkService;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    private calculateContrastFix;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiCircleStatusComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiCircleStatusComponent, "si-circle-status", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "eventOut": { "alias": "eventOut"; "required": false; "isSignal": true; }; "eventIcon": { "alias": "eventIcon"; "required": false; "isSignal": true; }; "blink": { "alias": "blink"; "required": false; "isSignal": true; }; "blinkPulse": { "alias": "blinkPulse"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class SiCircleStatusModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiCircleStatusModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiCircleStatusModule, never, [typeof SiCircleStatusComponent], [typeof SiCircleStatusComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiCircleStatusModule>;
+}
+
+export { SiCircleStatusComponent, SiCircleStatusModule };

package/color-picker/index.d.ts

@@ -1,5 +1,65 @@
-/**
- * Copyright (c) Siemens 2016 - 2025
- * SPDX-License-Identifier: MIT
- */
-export * from './si-color-picker.component';
+import * as _angular_core from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+
+declare class SiColorPickerComponent implements ControlValueAccessor {
+    /**
+     * The color palette to choose the colors from. As colors, only valid CSS
+     * variable names omitting the `--` prefix or Element color tokens omitting
+     * the `$` prefix are supported.
+     *
+     * Note: If custom CSS variables are provided, they need to be defined for
+     * both light and dark mode.
+     *
+     * @defaultValue The first 16 colors of the Element data color palette.
+     */
+    readonly colorPalette: _angular_core.InputSignal<string[]>;
+    /**
+     * The selected color.
+     */
+    readonly color: _angular_core.ModelSignal<string | undefined>;
+    /**
+     * Specifies whether the color popup should automatically close on a color selection.
+     *
+     * @defaultValue false
+     */
+    readonly autoClose: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Specifies whether the color picker component is disabled.
+     *
+     * @defaultValue false
+     */
+    readonly disabledInput: _angular_core.InputSignal<boolean>;
+    /**
+     * Aria label for the color input button.
+     */
+    readonly ariaLabel: _angular_core.InputSignal<TranslatableString | undefined>;
+    private onChange;
+    private onTouched;
+    private readonly colorInputRef;
+    private readonly swatchInputs;
+    private readonly selectedSwatchInput;
+    private readonly disabledNgControl;
+    private readonly numberOfColumns;
+    protected readonly disabled: _angular_core.Signal<boolean>;
+    protected readonly isOverlayOpen: _angular_core.WritableSignal<boolean>;
+    protected readonly icons: Record<"elementOk", string>;
+    protected blur(): void;
+    protected arrowDown(index: number, event: Event): void;
+    protected arrowUp(index: number, event: Event): void;
+    protected arrowLeft(index: number, event: Event): void;
+    protected arrowRight(index: number, event: Event): void;
+    private focusLabel;
+    protected openOverlay(): void;
+    protected overlayDetach(): void;
+    private focusSelectedColor;
+    protected selectColor(color: string): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiColorPickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiColorPickerComponent, "si-color-picker", never, { "colorPalette": { "alias": "colorPalette"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "autoClose": { "alias": "autoClose"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "color": "colorChange"; }, never, never, true, never>;
+}
+
+export { SiColorPickerComponent };