@siemens/element-ng 47.2.0 → 47.4.0

package/README.md

@@ -1,9 +1,21 @@
-# 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.
+<p align="center">
+  <a href="https://element.siemens.io" target="_blank">
+    <img src="./element-logo.svg" alt="Element Website" height="132" width="132">
+  </a>
+</p>
+
+<h1 align="center">Siemens Element</h1>
+
+<p></p>
+<p align="center">
+  Siemens Element is a design system of the smart infrastructure domain
+  that implements the Siemens Design Language in Angular. It includes UI
+  components, design tools and resources, human interface guidelines, and a
+  vibrant community of contributors.
+</p>
+<p></p>
+
+<hr>
 
 ## Contributing
 

package/autocomplete/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-autocomplete-listbox.directive';
+export * from './si-autocomplete-option.directive';
+export * from './si-autocomplete.directive';
+export * from './si-autocomplete.module';

package/autocomplete/package.json

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

package/autocomplete/si-autocomplete-listbox.directive.d.ts

@@ -0,0 +1,31 @@
+import { AfterContentInit, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { SiAutocompleteOptionDirective } from './si-autocomplete-option.directive';
+import { SiAutocompleteDirective } from './si-autocomplete.directive';
+import * as i0 from "@angular/core";
+export declare class SiAutocompleteListboxDirective<T> implements OnInit, OnChanges, AfterContentInit {
+    private static idCounter;
+    private options;
+    /**
+     * @defaultValue
+     * ```
+     * `__si-autocomplete-listbox-${SiAutocompleteListboxDirective.idCounter++}`
+     * ```
+     */
+    readonly id: import("@angular/core").InputSignal<string>;
+    readonly autocomplete: import("@angular/core").InputSignal<SiAutocompleteDirective<T>>;
+    /** @defaultValue 0 */
+    readonly siAutocompleteDefaultIndex: import("@angular/core").InputSignal<number>;
+    readonly siAutocompleteOptionSubmitted: import("@angular/core").OutputEmitterRef<T | undefined>;
+    private keyManager?;
+    private changeDetectorRef;
+    private destroyRef;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    private setActiveItem;
+    /** @internal */
+    onKeydown(event: KeyboardEvent): void;
+    get active(): SiAutocompleteOptionDirective<T> | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiAutocompleteListboxDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiAutocompleteListboxDirective<any>, "[siAutocompleteListboxFor]", ["siAutocompleteListbox"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "siAutocompleteListboxFor"; "required": true; "isSignal": true; }; "siAutocompleteDefaultIndex": { "alias": "siAutocompleteDefaultIndex"; "required": false; "isSignal": true; }; }, { "siAutocompleteOptionSubmitted": "siAutocompleteOptionSubmitted"; }, ["options"], never, true, never>;
+}

package/autocomplete/si-autocomplete-option.directive.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { Highlightable } from '@angular/cdk/a11y';
+import * as i0 from "@angular/core";
+export declare class SiAutocompleteOptionDirective<T = unknown> implements Highlightable {
+    private static idCounter;
+    private element;
+    private parent;
+    /**
+     * @defaultValue
+     * ```
+     * `__si-autocomplete-option-${SiAutocompleteOptionDirective.idCounter++}`
+     * ```
+     */
+    readonly id: import("@angular/core").InputSignal<string>;
+    /** @defaultValue false */
+    readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    get disabled(): boolean;
+    /** @defaultValue undefined */
+    readonly value: import("@angular/core").InputSignal<T | undefined>;
+    protected active?: boolean;
+    protected click(): void;
+    /** @internal */
+    setActiveStyles(): void;
+    /** @internal */
+    setInactiveStyles(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiAutocompleteOptionDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiAutocompleteOptionDirective<any>, "[siAutocompleteOption]", ["siAutocompleteOption"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "siAutocompleteOption"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,14 @@
+import { SiAutocompleteListboxDirective } from './si-autocomplete-listbox.directive';
+import { SiAutocompleteOptionDirective } from './si-autocomplete-option.directive';
+import * as i0 from "@angular/core";
+export declare class SiAutocompleteDirective<T> {
+    /** @internal */
+    listbox?: SiAutocompleteListboxDirective<T>;
+    protected get activeDescendant(): string;
+    protected get ariaControls(): string | undefined;
+    protected get expanded(): boolean;
+    protected keydown(event: KeyboardEvent): void;
+    get active(): SiAutocompleteOptionDirective<T> | undefined | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiAutocompleteDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiAutocompleteDirective<any>, "input[siAutocomplete]", ["siAutocomplete"], {}, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,7 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { InjectionToken } from '@angular/core';
+import { SiAutocompleteListboxDirective } from './si-autocomplete-listbox.directive';
+export declare const AUTOCOMPLETE_LISTBOX: InjectionToken<SiAutocompleteListboxDirective<unknown>>;

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

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./si-autocomplete.directive";
+import * as i2 from "./si-autocomplete-listbox.directive";
+import * as i3 from "./si-autocomplete-option.directive";
+export declare class SiAutocompleteModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiAutocompleteModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SiAutocompleteModule, never, [typeof i1.SiAutocompleteDirective, typeof i2.SiAutocompleteListboxDirective, typeof i3.SiAutocompleteOptionDirective], [typeof i1.SiAutocompleteDirective, typeof i2.SiAutocompleteListboxDirective, typeof i3.SiAutocompleteOptionDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SiAutocompleteModule>;
+}

package/badge/index.d.ts

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

package/badge/package.json

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

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

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

package/breadcrumb/breadcrumb-item.model.d.ts

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

package/breadcrumb/index.d.ts

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

package/breadcrumb/package.json

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

package/breadcrumb/si-breadcrumb-item-template.directive.d.ts

@@ -0,0 +1,10 @@
+import { EnumeratedBreadcrumbItem } from './breadcrumb-item.model';
+import * as i0 from "@angular/core";
+export declare class SiBreadcrumbItemTemplateDirective {
+    static ngTemplateContextGuard(directive: SiBreadcrumbItemTemplateDirective, context: unknown): context is {
+        item: EnumeratedBreadcrumbItem;
+        title?: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiBreadcrumbItemTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SiBreadcrumbItemTemplateDirective, "[siBreadcrumbItemTemplate]", never, {}, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,46 @@
+import { OnChanges, OnDestroy } from '@angular/core';
+import { BreadcrumbItem, EnumeratedBreadcrumbItem } from './breadcrumb-item.model';
+import * as i0 from "@angular/core";
+export declare class SiBreadcrumbComponent implements OnChanges, OnDestroy {
+    /** Array of breadcrumb items. */
+    readonly items: import("@angular/core").InputSignal<BreadcrumbItem[]>;
+    /**
+     * Shows the "root" route as the provided title string instead of an icon.
+     *
+     * @defaultValue false
+     */
+    readonly showRootAsText: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Aria label for the main breadcrumb navigation. Needed for a11y.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_BREADCRUMB:Breadcrumbs`
+     * ```
+     */
+    readonly ariaLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").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>;
+}

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

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

package/card/index.d.ts

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

package/card/package.json

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

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

@@ -0,0 +1,79 @@
+import { MenuItem as MenuItemLegacy } from '@siemens/element-ng/common';
+import { ContentActionBarMainItem, ViewType } from '@siemens/element-ng/content-action-bar';
+import { MenuItem } from '@siemens/element-ng/menu';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import * as i0 from "@angular/core";
+export declare class SiCardComponent {
+    /**
+     * Card header text.
+     */
+    readonly heading: import("@angular/core").InputSignal<TranslatableString | undefined>;
+    /**
+     * Input list of primary action items. Supports up to **4** actions and omits additional ones.
+     *
+     * @defaultValue []
+     */
+    readonly primaryActions: import("@angular/core").InputSignal<(MenuItemLegacy | ContentActionBarMainItem)[]>;
+    /**
+     * Input list of secondary action items.
+     *
+     * @defaultValue []
+     */
+    readonly secondaryActions: import("@angular/core").InputSignal<(MenuItemLegacy | MenuItem)[]>;
+    /**
+     * 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: import("@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: import("@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: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * Image source for the card.
+     */
+    readonly imgSrc: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Alt text for a provided image.
+     */
+    readonly imgAlt: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Defines if an image is placed on top or start (left) of the card.
+     *
+     * @defaultValue 'vertical'
+     */
+    readonly imgDir: import("@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: import("@angular/core").InputSignal<"fill" | "contain" | "cover" | "none" | "scale-down" | undefined>;
+    /**
+     * Sets the image [object-position](https://developer.mozilla.org/en-US/docs/Web/CSS/object-position) CSS property.
+     */
+    readonly imgObjectPosition: import("@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: import("@angular/core").Signal<boolean>;
+    /**
+     * Returns `true` when primary or secondary actions are set.
+     */
+    readonly displayContentActionBar: import("@angular/core").Signal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiCardComponent, never>;
+    static ɵcmp: i0.ɵɵ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>;
+}

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

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

package/circle-status/index.d.ts

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

package/circle-status/package.json

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

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

@@ -0,0 +1,66 @@
+import { OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { EntityStatusType, StatusIcon } from '@siemens/element-ng/common';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class SiCircleStatusComponent implements OnChanges, OnDestroy {
+    private readonly statusIcons;
+    /**
+     * The status (success, info, warning, danger) to be visualized.
+     */
+    readonly status: import("@angular/core").InputSignal<EntityStatusType | undefined>;
+    /**
+     * A custom color (e.g. `#fefefe`) for exceptional cases.
+     * @deprecated use the semantic `status` input instead.
+     */
+    readonly color: import("@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: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Set the size using either regular or small only works when used together with `icon`
+     *
+     * @defaultValue 'regular'
+     */
+    readonly size: import("@angular/core").InputSignal<"regular" | "small">;
+    /**
+     * event direction is out
+     *
+     * @defaultValue false
+     */
+    readonly eventOut: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Custom icon class for event out
+     */
+    readonly eventIcon: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Whether the status should appear with a pulsing circle around the badge.
+     *
+     * @defaultValue false
+     */
+    readonly blink: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Blink pulse generator for synchronized blinking with other components
+     */
+    readonly blinkPulse: import("@angular/core").InputSignal<Observable<boolean> | undefined>;
+    /**
+     * Aria label for icon and status combo. Needed for a11y
+     */
+    readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+    protected readonly backgroundClass: import("@angular/core").Signal<string>;
+    protected readonly theAriaLabel: import("@angular/core").Signal<string>;
+    protected readonly autoLabel: import("@angular/core").Signal<string>;
+    protected readonly statusIcon: import("@angular/core").Signal<StatusIcon | undefined>;
+    protected readonly blinkOn: import("@angular/core").WritableSignal<boolean>;
+    protected readonly contrastFix: import("@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: i0.ɵɵFactoryDeclaration<SiCircleStatusComponent, never>;
+    static ɵcmp: i0.ɵɵ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>;
+}

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

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

package/column-selection-dialog/column-selection-editor/si-column-selection-editor.component.d.ts

@@ -0,0 +1,23 @@
+import { CdkOption } from '@angular/cdk/listbox';
+import { Column } from '../si-column-selection-dialog.types';
+import * as i0 from "@angular/core";
+export declare class SiColumnSelectionEditorComponent {
+    readonly column: import("@angular/core").InputSignal<Column>;
+    readonly selected: import("@angular/core").InputSignal<boolean>;
+    readonly renameInputLabel: import("@angular/core").InputSignal<string>;
+    readonly columnVisibilityConfigurable: import("@angular/core").InputSignal<boolean>;
+    readonly titleChange: import("@angular/core").OutputEmitterRef<void>;
+    readonly visibilityChange: import("@angular/core").OutputEmitterRef<void>;
+    protected readonly cdkOption: CdkOption<any>;
+    protected editing: boolean;
+    private readonly title;
+    private readonly elementRef;
+    protected readonly icons: Record<"elementHide" | "elementMenu" | "elementLock" | "elementShow", string>;
+    protected tryEdit(event: KeyboardEvent): void;
+    protected updateTitle(value: string): void;
+    startEdit(): void;
+    stopEdit(): void;
+    toggleVisibility(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiColumnSelectionEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiColumnSelectionEditorComponent, "si-column-selection-editor", never, { "column": { "alias": "column"; "required": true; "isSignal": true; }; "selected": { "alias": "selected"; "required": true; "isSignal": true; }; "renameInputLabel": { "alias": "renameInputLabel"; "required": true; "isSignal": true; }; "columnVisibilityConfigurable": { "alias": "columnVisibilityConfigurable"; "required": true; "isSignal": true; }; }, { "titleChange": "titleChange"; "visibilityChange": "visibilityChange"; }, never, never, true, never>;
+}

package/column-selection-dialog/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-column-selection-dialog.types';
+export * from './si-column-selection-dialog.service';

package/column-selection-dialog/package.json

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

package/column-selection-dialog/si-column-selection-dialog.component.d.ts

@@ -0,0 +1,114 @@
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import { OnInit } from '@angular/core';
+import { ModalRef } from '@siemens/element-ng/modal';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import { Column, ColumnSelectionDialogResult } from './si-column-selection-dialog.types';
+import * as i0 from "@angular/core";
+export declare class SiColumnSelectionDialogComponent implements OnInit {
+    readonly titleId: import("@angular/core").InputSignal<string | undefined>;
+    readonly heading: import("@angular/core").InputSignal<TranslatableString | undefined>;
+    readonly bodyTitle: import("@angular/core").InputSignal<TranslatableString | undefined>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_COLUMN_SELECTION_DIALOG.SUBMIT:Apply`
+     * ```
+     */
+    readonly submitBtnName: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_COLUMN_SELECTION_DIALOG.CANCEL:Cancel`
+     * ```
+     */
+    readonly cancelBtnName: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_COLUMN_SELECTION_DIALOG.RESTORE_TO_DEFAULT:Restore to default`
+     * ```
+     */
+    readonly restoreToDefaultBtnName: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_COLUMN_SELECTION_DIALOG.HIDDEN:Hidden`
+     * ```
+     */
+    readonly hiddenText: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_COLUMN_SELECTION_DIALOG.VISIBLE:Visible`
+     * ```
+     */
+    readonly visibleText: import("@angular/core").InputSignal<TranslatableString>;
+    /** @defaultValue false */
+    readonly restoreEnabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly columns: import("@angular/core").ModelSignal<Column[]>;
+    /**
+     * @defaultValue
+     * ```
+     * {}
+     * ```
+     */
+    readonly translationParams: import("@angular/core").InputSignal<Record<string, unknown>>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_COLUMN_SELECTION_DIALOG.LIST_ARIA_LABEL:
+     *     List of possible columns.
+     *     Items can be moved using Alt+ArrowUp or Alt+ArrowDown.
+     *     Press Enter to rename supported items.`
+     * ```
+     */
+    readonly listAriaLabel: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_COLUMN_SELECTION_DIALOG.RENAME_INPUT_ARIA_LABEL:Rename column`
+     * ```
+     */
+    readonly renameInputAriaLabel: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_COLUMN_SELECTION_DIALOG.ITEM_MOVED:Item is now at position {{targetPosition}}`
+     * ```
+     */
+    readonly a11yItemMovedMessage: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_COLUMN_SELECTION_DIALOG.ITEM_NOT_MOVED:Item was not moved`
+     * ```
+     */
+    readonly a11yItemNotMovedMessage: import("@angular/core").InputSignal<TranslatableString>;
+    /** @defaultValue true */
+    readonly columnVisibilityConfigurable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    private readonly listOptions;
+    private readonly modalBodyElement;
+    private tempHeaderData;
+    protected readonly modalRef: ModalRef<SiColumnSelectionDialogComponent, ColumnSelectionDialogResult>;
+    protected readonly icons: Record<"elementCancel", string>;
+    protected visibleIds: string[];
+    private readonly liveAnnouncer;
+    private readonly translateService;
+    ngOnInit(): void;
+    /** @internal */
+    get backupColumns(): Column[];
+    protected submitColumnSelection(): void;
+    protected cancelColumnSelection(): void;
+    protected drop(event: CdkDragDrop<string[]>): void;
+    protected restoreToDefault(): void;
+    protected moveDown(index: number, event: Event): void;
+    protected moveUp(index: number, event: Event): void;
+    protected emitChange(): void;
+    protected updateVisibility(): void;
+    private setupColumnData;
+    private announceSuccessfulMove;
+    private announceNotSuccessfulMove;
+    private announceMove;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiColumnSelectionDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiColumnSelectionDialogComponent, "si-column-selection-dialog", never, { "titleId": { "alias": "titleId"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "bodyTitle": { "alias": "bodyTitle"; "required": false; "isSignal": true; }; "submitBtnName": { "alias": "submitBtnName"; "required": false; "isSignal": true; }; "cancelBtnName": { "alias": "cancelBtnName"; "required": false; "isSignal": true; }; "restoreToDefaultBtnName": { "alias": "restoreToDefaultBtnName"; "required": false; "isSignal": true; }; "hiddenText": { "alias": "hiddenText"; "required": false; "isSignal": true; }; "visibleText": { "alias": "visibleText"; "required": false; "isSignal": true; }; "restoreEnabled": { "alias": "restoreEnabled"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "translationParams": { "alias": "translationParams"; "required": false; "isSignal": true; }; "listAriaLabel": { "alias": "listAriaLabel"; "required": false; "isSignal": true; }; "renameInputAriaLabel": { "alias": "renameInputAriaLabel"; "required": false; "isSignal": true; }; "a11yItemMovedMessage": { "alias": "a11yItemMovedMessage"; "required": false; "isSignal": true; }; "a11yItemNotMovedMessage": { "alias": "a11yItemNotMovedMessage"; "required": false; "isSignal": true; }; "columnVisibilityConfigurable": { "alias": "columnVisibilityConfigurable"; "required": false; "isSignal": true; }; }, { "columns": "columnsChange"; }, never, never, true, never>;
+}