@siemens/element-ng 47.3.0 → 47.4.0

package/file-uploader/si-file-dropzone.component.d.ts

@@ -0,0 +1,106 @@
+import { UploadFile } from './si-file-uploader.model';
+import * as i0 from "@angular/core";
+export declare class SiFileDropzoneComponent {
+    /**
+     * Text or translation key of the input file selector (is combined with the `uploadTextRest`).
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.FILE_SELECT:click to upload`
+     * ```
+     */
+    readonly uploadTextFileSelect: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Text or translation key of the drag&drop field (is combined with the `uploadTextFileSelect`).
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.DROP:Drop files here or`
+     * ```
+     */
+    readonly uploadDropText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Text or translation key for max file size.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.MAX_SIZE:Maximum upload size`
+     * ```
+     */
+    readonly maxFileSizeText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Text or translation key for accepted types.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.ACCEPTED_FILE_TYPES:Accepted file types`
+     * ```
+     */
+    readonly acceptText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Text or translation key of message title if incorrect file type is dragged / dropped.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.ERROR_FILE_TYPE:Incorrect file type selected`
+     * ```
+     */
+    readonly errorTextFileType: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Message or translation key if file exceeds the maximum file size limit.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.ERROR_FILE_SIZE_EXCEEDED:File exceeds allowed maximum size`
+     * ```
+     */
+    readonly errorTextFileMaxSize: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Define which file types are suggested in file browser.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#attr-accept
+     */
+    readonly accept: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Define maximal allowed file size in bytes.
+     */
+    readonly maxFileSize: import("@angular/core").InputSignal<number | undefined>;
+    /**
+     * Defines whether the file input allows selecting multiple files.
+     * When {@link directoryUpload} is enabled, this will have no effect.
+     *
+     * @defaultValue false
+     */
+    readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Event emitted when files are added.
+     */
+    readonly filesAdded: import("@angular/core").OutputEmitterRef<UploadFile[]>;
+    /**
+     * Enable directory upload.
+     *
+     * @defaultValue false
+     */
+    readonly directoryUpload: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    protected readonly maxFileSizeString: import("@angular/core").Signal<string>;
+    protected readonly icons: Record<"elementUpload", string>;
+    protected dragOver: boolean;
+    private readonly fileInput;
+    private locale;
+    private numberFormat;
+    protected dropHandler(event: DragEvent): void;
+    protected dragOverHandler(event: DragEvent): void;
+    protected inputEnterHandler(): void;
+    protected inputHandler(event: Event): void;
+    protected handleFiles(files: FileList | null): void;
+    /**
+     * Reset all the files inside the native file input (and therefore the dropzone).
+     */
+    reset(): void;
+    private makeUploadFile;
+    private verifyFileSize;
+    private verifyFileType;
+    private fileSizeToString;
+    private handleItems;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiFileDropzoneComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiFileDropzoneComponent, "si-file-dropzone", never, { "uploadTextFileSelect": { "alias": "uploadTextFileSelect"; "required": false; "isSignal": true; }; "uploadDropText": { "alias": "uploadDropText"; "required": false; "isSignal": true; }; "maxFileSizeText": { "alias": "maxFileSizeText"; "required": false; "isSignal": true; }; "acceptText": { "alias": "acceptText"; "required": false; "isSignal": true; }; "errorTextFileType": { "alias": "errorTextFileType"; "required": false; "isSignal": true; }; "errorTextFileMaxSize": { "alias": "errorTextFileMaxSize"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "directoryUpload": { "alias": "directoryUpload"; "required": false; "isSignal": true; }; }, { "filesAdded": "filesAdded"; }, never, never, true, never>;
+}

package/file-uploader/si-file-uploader.component.d.ts

@@ -0,0 +1,296 @@
+import { HttpEvent, HttpHeaders, HttpRequest, HttpResponse } from '@angular/common/http';
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { Observable, Subscription } from 'rxjs';
+import { UploadFile } from './si-file-uploader.model';
+import * as i0 from "@angular/core";
+/**
+ * The FileUploadResult is emitted at completion of the file uploading
+ * via the `uploadCompleted` emitter. On success the Http `response` from
+ * the backend is provided and on failure, the `error` object is available.
+ */
+export interface FileUploadResult {
+    file: string;
+    response?: HttpResponse<unknown>;
+    error?: Error;
+}
+export interface FileUploadConfig {
+    headers: HttpHeaders | string | Record<string, string | number | (string | number)[]> | Headers;
+    method: 'POST' | 'PUT' | 'PATCH';
+    url: string;
+    /** Form field name for the uploaded file. */
+    fieldName: string;
+    /**
+     * Additional form fields added in the HTTP request.
+     *
+     * @example
+     * ```json
+     * { upload_user: 'Reiner Zufall', expiry_date: ' 21.12.2012' }
+     * ```
+     */
+    additionalFields?: Record<string, string>;
+    /** Specify the server response type */
+    responseType?: 'arraybuffer' | 'blob' | 'json' | 'text';
+    /** A function to modify the HTTP request sent on the consumer side. */
+    handler?: (req: HttpRequest<unknown>) => Observable<HttpEvent<unknown>>;
+    /**
+     * When `true`, the file will be sent directly w/o the use of `FormData`.
+     * You will also need to set the `Content-Type` header when sending binary. See: {@link headers}
+     */
+    sendBinary?: boolean;
+}
+interface ExtUploadFile extends UploadFile {
+    httpErrorText?: string;
+    subscription?: Subscription;
+    successResponse?: HttpResponse<unknown>;
+    fadeOut?: boolean;
+}
+export declare class SiFileUploaderComponent implements OnChanges {
+    /**
+     * Text of the link to open the file select dialog (follows `uploadDropText`).
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.FILE_SELECT:click to upload`
+     * ```
+     */
+    readonly uploadTextFileSelect: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Text instructing a user to drop the files inside the dropzone.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.DROP:Drop files here or`
+     * ```
+     */
+    readonly uploadDropText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Text to describe the maximum file size.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.MAX_SIZE:Maximum upload size`
+     * ```
+     */
+    readonly maxFileSizeText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Error message shown when the maximum number of files are reached.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.MAX_FILE_REACHED:Maximum number of files reached`
+     * ```
+     */
+    readonly maxFilesReachedText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Text for the accepted file types.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.ACCEPTED_FILE_TYPES:Accepted file types`
+     * ```
+     */
+    readonly acceptText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Text used inside the upload button.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.UPLOAD:Upload`
+     * ```
+     */
+    readonly uploadButtonText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Text used inside the clear button.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.CLEAR:Clear`
+     * ```
+     */
+    readonly clearButtonText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Text shown during the file upload.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.UPLOADING:Uploading`
+     * ```
+     */
+    readonly uploadingText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Text shown to remove a file from the file list. Required for a11y.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.REMOVE:Remove`
+     * ```
+     */
+    readonly removeButtonText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Text of cancel button. Shown during upload. Required for a11y.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.CANCEL:Cancel`
+     * ```
+     */
+    readonly cancelButtonText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Text shown if the upload was successful.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.UPLOAD_COMPLETED:Upload completed`
+     * ```
+     */
+    readonly successTextTitle: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Text shown if the upload failed.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.UPLOAD_FAILED:Upload failed`
+     * ```
+     */
+    readonly errorUploadFailed: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * On failed upload, show the error received from the server.
+     *
+     * @defaultValue false
+     */
+    readonly showHttpError: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Text shown to indicate that an incorrect file type was added to file list.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.ERROR_FILE_TYPE:Incorrect file type selected`
+     * ```
+     */
+    readonly errorTextFileType: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Message or translation key if file exceeds the maximum file size limit.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILE_UPLOADER.ERROR_FILE_SIZE_EXCEEDED:File exceeds allowed maximum size`
+     * ```
+     */
+    readonly errorTextFileMaxSize: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Config for HTTP request to upload file.
+     *
+     * @defaultValue
+     * ```
+     * {
+     *     headers: new HttpHeaders({ 'Accept': 'application/json' }),
+     *     method: 'POST',
+     *     url: '',
+     *     fieldName: 'upload_file',
+     *     responseType: 'json'
+     *   }
+     * ```
+     */
+    readonly uploadConfig: import("@angular/core").InputSignal<FileUploadConfig>;
+    /**
+     * Define which file types are suggested in file browser.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#attr-accept
+     */
+    readonly accept: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Define maximal allowed file size in bytes.
+     *
+     * @defaultValue undefined
+     */
+    readonly maxFileSize: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+    /**
+     * Define maximal allowed number of files.
+     * When {@link directoryUpload} is enabled, this will have no effect.
+     * @defaultValue 10
+     */
+    readonly maxFiles: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    /**
+     * Maximum number of concurrent uploads.
+     *
+     * @defaultValue 3
+     */
+    readonly maxConcurrentUploads: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    /**
+     * Numbers of retries for failed uploads.
+     *
+     * @defaultValue 0
+     */
+    readonly retries: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    /**
+     * Auto-upload mode - automatically start upload once files are added.
+     *
+     * @defaultValue false
+     */
+    readonly autoUpload: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Disable the upload button.
+     *
+     * @defaultValue false
+     */
+    readonly disableUpload: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Enable directory upload mode.
+     * When enabled, the file input will accept directories and upload all files within as a flat list.
+     * The hierarchy of the directory will not be preserved.
+     * The `maxFiles` property will have no effect when `directoryUpload` is enabled.
+     *
+     * **Note:** This feature is not yet available for safari (iOS)
+     *
+     * @defaultValue false
+     */
+    readonly directoryUpload: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Emits when a user press cancel during upload. The event provides the file details.
+     */
+    readonly uploadCanceled: import("@angular/core").OutputEmitterRef<UploadFile>;
+    /**
+     * Output callback event will provide you if upload is finished. If an error
+     * occurred it will be emitted.
+     */
+    readonly uploadCompleted: import("@angular/core").OutputEmitterRef<FileUploadResult>;
+    /**
+     * Output which fires whenever new files are added to or removed from the uploader.
+     */
+    readonly filesChanges: import("@angular/core").OutputEmitterRef<UploadFile[]>;
+    protected readonly icons: Record<"elementCancel" | "elementDelete" | "elementDocument" | "elementRedo", string>;
+    protected files: ExtUploadFile[];
+    protected pending: number;
+    protected uploading: number;
+    protected uploadEnabled: boolean;
+    protected maxFilesReached: boolean;
+    private readonly dropZone;
+    private cdRef;
+    private http?;
+    ngOnChanges(changes: SimpleChanges): void;
+    protected handleFiles(files: UploadFile[]): void;
+    protected removeFile(index: number): void;
+    protected cancelUpload(file: ExtUploadFile): void;
+    protected retryUpload(file: UploadFile): void;
+    /**
+     * Reset the state.
+     */
+    reset(emit?: boolean): void;
+    /**
+     * Uploads the file
+     */
+    fileUpload(doRetry?: boolean): void;
+    private doUpload;
+    private processQueue;
+    private uploadOneFile;
+    private isDuplicate;
+    private handleUploadEvent;
+    private handleUploadError;
+    private handleUploadComplete;
+    private oneUploadDone;
+    private fadeOut;
+    private updateStates;
+    private countValid;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiFileUploaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiFileUploaderComponent, "si-file-uploader", never, { "uploadTextFileSelect": { "alias": "uploadTextFileSelect"; "required": false; "isSignal": true; }; "uploadDropText": { "alias": "uploadDropText"; "required": false; "isSignal": true; }; "maxFileSizeText": { "alias": "maxFileSizeText"; "required": false; "isSignal": true; }; "maxFilesReachedText": { "alias": "maxFilesReachedText"; "required": false; "isSignal": true; }; "acceptText": { "alias": "acceptText"; "required": false; "isSignal": true; }; "uploadButtonText": { "alias": "uploadButtonText"; "required": false; "isSignal": true; }; "clearButtonText": { "alias": "clearButtonText"; "required": false; "isSignal": true; }; "uploadingText": { "alias": "uploadingText"; "required": false; "isSignal": true; }; "removeButtonText": { "alias": "removeButtonText"; "required": false; "isSignal": true; }; "cancelButtonText": { "alias": "cancelButtonText"; "required": false; "isSignal": true; }; "successTextTitle": { "alias": "successTextTitle"; "required": false; "isSignal": true; }; "errorUploadFailed": { "alias": "errorUploadFailed"; "required": false; "isSignal": true; }; "showHttpError": { "alias": "showHttpError"; "required": false; "isSignal": true; }; "errorTextFileType": { "alias": "errorTextFileType"; "required": false; "isSignal": true; }; "errorTextFileMaxSize": { "alias": "errorTextFileMaxSize"; "required": false; "isSignal": true; }; "uploadConfig": { "alias": "uploadConfig"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "maxFiles": { "alias": "maxFiles"; "required": false; "isSignal": true; }; "maxConcurrentUploads": { "alias": "maxConcurrentUploads"; "required": false; "isSignal": true; }; "retries": { "alias": "retries"; "required": false; "isSignal": true; }; "autoUpload": { "alias": "autoUpload"; "required": false; "isSignal": true; }; "disableUpload": { "alias": "disableUpload"; "required": false; "isSignal": true; }; "directoryUpload": { "alias": "directoryUpload"; "required": false; "isSignal": true; }; }, { "uploadCanceled": "uploadCanceled"; "uploadCompleted": "uploadCompleted"; "filesChanges": "filesChanges"; }, never, never, true, never>;
+}
+export {};

package/file-uploader/si-file-uploader.model.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export interface UploadFile {
+    status: 'added' | 'invalid' | 'queued' | 'uploading' | 'success' | 'error';
+    file: File;
+    fileName: string;
+    size: string;
+    errorText?: string;
+    progress: number;
+}

package/file-uploader/si-file-uploader.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./si-file-dropzone.component";
+import * as i2 from "./si-file-uploader.component";
+export declare class SiFileUploaderModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiFileUploaderModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SiFileUploaderModule, never, [typeof i1.SiFileDropzoneComponent, typeof i2.SiFileUploaderComponent], [typeof i1.SiFileDropzoneComponent, typeof i2.SiFileUploaderComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SiFileUploaderModule>;
+}

package/filter-bar/filter.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export type FilterStatusType = 'default' | 'success' | 'info' | 'warning' | 'danger' | 'inactive';
+export interface Filter {
+    /**
+     * Identification name of filter pill.
+     * Is not shown to the user, please specify either a {@link title} or a {@link description}.
+     */
+    filterName: string;
+    /**
+     * Shown title of filter pill.
+     * Can be left empty if {@link description} is used.
+     */
+    title?: string;
+    /**
+     * Short description of filter pill.
+     * Can be left empty if {@link title} is used to align the title to middle of pill.
+     */
+    description?: string;
+    /**
+     * Status of filter pill
+     */
+    status: FilterStatusType;
+}

package/filter-bar/index.d.ts

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

package/filter-bar/package.json

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

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

@@ -0,0 +1,65 @@
+import { BackgroundColorVariant } from '@siemens/element-ng/common';
+import { Filter } from './filter';
+import * as i0 from "@angular/core";
+export declare class SiFilterBarComponent {
+    /**
+     * Custom text if no filters are selected.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILTER_BAR.NO_FILTERS:No filters applied`
+     * ```
+     */
+    readonly filterDefaultText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Array of filter items to show
+     *
+     * @defaultValue []
+     */
+    readonly filters: import("@angular/core").ModelSignal<Filter[]>;
+    /**
+     * Text for reset button
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILTER_BAR.RESET_FILTERS:Reset filters`
+     * ```
+     */
+    readonly resetText: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Set false to hide reset filters button
+     *
+     * @defaultValue true
+     */
+    readonly allowReset: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Color to use for component background
+     *
+     * @defaultValue 'base-1'
+     */
+    readonly colorVariant: import("@angular/core").InputSignal<BackgroundColorVariant>;
+    /**
+     * Set to true to disable component
+     *
+     * @defaultValue false
+     */
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Custom text for the collapsed filters.
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_FILTER_BAR.COLLAPSED_FILTERS_DESCRIPTION:+ {{count}} filters`
+     * ```
+     */
+    readonly collapsedFiltersDescription: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Output callback to be executed when the reset filter is clicked
+     */
+    readonly resetFilters: import("@angular/core").OutputEmitterRef<void>;
+    private readonly collapsableListDirective;
+    protected deleteFilters(deletedPill: Filter): void;
+    protected onResetFilters(): void;
+    protected deleteOverflowFilter(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiFilterBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiFilterBarComponent, "si-filter-bar", never, { "filterDefaultText": { "alias": "filterDefaultText"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "resetText": { "alias": "resetText"; "required": false; "isSignal": true; }; "allowReset": { "alias": "allowReset"; "required": false; "isSignal": true; }; "colorVariant": { "alias": "colorVariant"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "collapsedFiltersDescription": { "alias": "collapsedFiltersDescription"; "required": false; "isSignal": true; }; }, { "filters": "filtersChange"; "resetFilters": "resetFilters"; }, never, never, true, never>;
+}

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

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

package/filter-bar/si-filter-pill.component.d.ts

@@ -0,0 +1,20 @@
+import { Filter } from './filter';
+import * as i0 from "@angular/core";
+export declare class SiFilterPillComponent {
+    /**
+     * Settings of the filter pill.
+     */
+    readonly filter: import("@angular/core").InputSignal<Filter>;
+    /** @defaultValue false */
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** @defaultValue 0 */
+    readonly totalPills: import("@angular/core").InputSignal<number>;
+    /**
+     * Output callback event which will provide you the name of the deleted filter
+     * pill if a filter was deleted.
+     */
+    readonly deleteFilters: import("@angular/core").OutputEmitterRef<Filter>;
+    protected deleteClicked(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiFilterPillComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiFilterPillComponent, "si-filter-pill", never, { "filter": { "alias": "filter"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "totalPills": { "alias": "totalPills"; "required": false; "isSignal": true; }; }, { "deleteFilters": "deleteFilters"; }, never, never, true, never>;
+}

package/icon/element-icons.d.ts

@@ -30,6 +30,9 @@ export declare const elementLeft3 = "data:image/svg+xml;utf8,<svg xmlns='http://
 export declare const elementRight3 = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M192.61 106.22a11.1 11.1 0 0 0 2.09 6.51L292.51 256l-97.82 143.29a11.05 11.05 0 0 0-2.08 6.49 11.24 11.24 0 0 0 4.7 9.13 11.12 11.12 0 0 0 6.51 2.09 11.24 11.24 0 0 0 9.13-4.69L319.39 256 213 99.71a11.24 11.24 0 0 0-9.18-4.71 11.12 11.12 0 0 0-6.51 2.09 11.24 11.24 0 0 0-4.7 9.13Z'/></svg>";
 export declare const elementHide = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M254.85 173.58c42.57 0 84.25 14.94 123.9 44.4a278.05 278.05 0 0 1 41.59 38 278.05 278.05 0 0 1-41.59 38 260.79 260.79 0 0 1-25.17 16.59l17.48 17.48q11.49-7 22.63-15.27c32.57-24.34 51.1-48.55 51.87-49.57a12 12 0 0 0 0-14.5c-.77-1-19.3-25.23-51.87-49.57-43.43-32.45-91.44-49.6-138.84-49.6a204.56 204.56 0 0 0-54.72 7.58L220 177a180.12 180.12 0 0 1 34.85-3.42ZM436.49 427.51 349 340l-18-18-28.36-28.36-17.12-17.12-50.09-50.09-17.12-17.12-25-25-18.47-18.47-90.35-90.33a12 12 0 0 0-17 17l84.29 84.28a267.53 267.53 0 0 0-34.72 22.47c-32 24.38-50 48.64-50.75 49.66a12 12 0 0 0 0 14.2c.75 1 18.72 25.28 50.75 49.66 42.69 32.49 90.33 49.66 137.77 49.66a210.29 210.29 0 0 0 70.2-12.4l94.46 94.47a12 12 0 0 0 17-17Zm-215.15-181.2 44.35 44.35a36 36 0 0 1-44.35-44.35Zm33.51 92.11c-42.52 0-83.79-14.91-122.65-44.32A268.8 268.8 0 0 1 91.46 256a268.29 268.29 0 0 1 40.74-38.1 242.38 242.38 0 0 1 37.32-23.41L203 228a59.95 59.95 0 0 0 81 81l22 22.05a183.47 183.47 0 0 1-51.15 7.37Z'/><path d='m291.13 248.16 22.94 22.94a60 60 0 0 0-73.17-73.17l22.94 22.94a36.1 36.1 0 0 1 27.29 27.29Z'/></svg>";
 export declare const elementShow = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M254.85 362.42c-47.44 0-95.08-17.17-137.77-49.66-32-24.38-50-48.64-50.75-49.66a12 12 0 0 1 0-14.2c.75-1 18.72-25.28 50.75-49.66 42.69-32.49 90.33-49.66 137.77-49.66s95.41 17.15 138.84 49.6c32.57 24.34 51.1 48.55 51.87 49.57a12 12 0 0 1 0 14.5c-.77 1-19.3 25.23-51.87 49.57-43.43 32.45-91.44 49.6-138.84 49.6ZM91.46 256a268.8 268.8 0 0 0 40.74 38.1c38.86 29.41 80.13 44.32 122.65 44.32s84.25-14.94 123.9-44.4a278.05 278.05 0 0 0 41.59-38 278.05 278.05 0 0 0-41.59-38c-39.65-29.46-81.33-44.4-123.9-44.4s-83.79 14.87-122.65 44.28A268.29 268.29 0 0 0 91.46 256Z'/><path d='M256 316a60 60 0 1 1 60-60 60.07 60.07 0 0 1-60 60Zm0-96a36 36 0 1 0 36 36 36 36 0 0 0-36-36Z'/></svg>";
+export declare const elementBreadcrumbRoot = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='m300.35 157.77 1.72 1.44 88 88a12.43 12.43 0 0 1 1.44 15.86l-1.44 1.72-88 88a12.43 12.43 0 0 1-19-15.86l1.44-1.72 79.2-79.21-79.21-79.21a12.43 12.43 0 0 1-1.44-15.86l1.44-1.72a12.44 12.44 0 0 1 15.85-1.44Z'/><path d='M186.29 364h-56a12 12 0 0 1-12-12V160a12 12 0 0 1 12-12h56a12 12 0 0 1 8.48 3.51l96 96a12 12 0 0 1 0 17l-96 96a12 12 0 0 1-8.48 3.49Zm-44-24h39l84-84-84-84h-39Z'/></svg>";
+export declare const elementSortDown = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M234.39 267.4 190 311.81V176a10 10 0 0 0-9.92-10h-.14a10 10 0 0 0-9.94 10v135.81l-44.4-44.41a10 10 0 0 0-14.13 14.13l60.35 60.34a9.53 9.53 0 0 0 1 1.21 10.24 10.24 0 0 0 14.32 0 9.53 9.53 0 0 0 1-1.21l60.35-60.34a10 10 0 0 0-14.13-14.13ZM369.48 324.45h-71.61a7.17 7.17 0 1 0 0 14.33h71.61a7.17 7.17 0 0 0 0-14.33ZM398.13 248.84H297.87a7.16 7.16 0 1 0 0 14.32h100.26a7.16 7.16 0 1 0 0-14.32ZM441.1 173.22H297.87a7.17 7.17 0 1 0 0 14.33H441.1a7.17 7.17 0 0 0 0-14.33Z'/></svg>";
+export declare const elementSortUp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M217.69 300v-.27h-.2ZM369.48 324.45h-71.61a7.17 7.17 0 1 0 0 14.33h71.61a7.17 7.17 0 0 0 0-14.33ZM398.13 248.84H297.87a7.16 7.16 0 1 0 0 14.32h100.26a7.16 7.16 0 1 0 0-14.32ZM441.1 173.22H297.87a7.17 7.17 0 1 0 0 14.33H441.1a7.17 7.17 0 0 0 0-14.33ZM188.17 170.13a9.53 9.53 0 0 0-1-1.21 10.24 10.24 0 0 0-14.32 0 9.53 9.53 0 0 0-1 1.21l-60.35 60.34a10 10 0 0 0 14.13 14.13L170 200.19V336a10 10 0 0 0 9.92 10h.14a10 10 0 0 0 9.94-10V200.19l44.4 44.41a10 10 0 0 0 14.13-14.13Z'/></svg>";
 export declare const elementSearch = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='m420.49 403.51-76.88-76.87A139.39 139.39 0 0 0 377 236c0-77.2-62.8-140-140-140S97 158.8 97 236s62.8 140 140 140a139.33 139.33 0 0 0 89.55-32.48l77 77a12 12 0 0 0 17-17ZM121 236a116 116 0 1 1 116 116 116.13 116.13 0 0 1-116-116Z' /></svg>";
 export declare const elementChecked = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 76c-99.25 0-180 80.75-180 180s80.75 180 180 180 180-80.75 180-180S355.25 76 256 76Zm0 336c-86 0-156-70-156-156s70-156 156-156 156 70 156 156-70 156-156 156Z'/><path d='M218.5 336.75a12 12 0 0 1-8.49-3.51l-62.5-62.5a12 12 0 0 1 17-17l54 54 129-129a12 12 0 0 1 17 17L227 333.24a12 12 0 0 1-8.5 3.51Z'/></svg>";
 export declare const elementCheckedFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 76c-99.25 0-180 80.75-180 180s80.75 180 180 180 180-80.75 180-180S355.25 76 256 76Zm108.49 119.74L227 333.24a12 12 0 0 1-17 0l-62.5-62.5a12 12 0 0 1 17-17l54 54 129-129a12 12 0 0 1 17 17Z'/></svg>";
@@ -38,3 +41,10 @@ export declare const elementNotChecked = "data:image/svg+xml;utf8,<svg xmlns='ht
 export declare const elementRight4 = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M403 256a12 12 0 0 0-4.54-9.39l-98.09-98.09a12 12 0 1 0-17 17L361.91 244H121a12 12 0 0 0 0 24h240.91l-78.51 78.51a12 12 0 1 0 17 17l98.09-98.09A12 12 0 0 0 403 256Z'/></svg>";
 export declare const elementRadioChecked = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 436c-99.25 0-180-80.75-180-180S156.75 76 256 76s180 80.75 180 180-80.75 180-180 180Zm0-336c-86.02 0-156 69.98-156 156s69.98 156 156 156 156-69.98 156-156-69.98-156-156-156Z'/><circle cx='256' cy='256' r='86'/></svg>";
 export declare const elementWarningFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='m441.77 354.25-.09-.16-146-243.66a46.45 46.45 0 0 0-79.44 0v.06L70.33 354.09l-.1.16A46.47 46.47 0 0 0 110 423.94h292.1a46.45 46.45 0 0 0 39.72-69.69ZM244 205.2a12 12 0 0 1 24 0v68.92a12 12 0 0 1-24 0ZM256.2 360h-.2a16 16 0 0 1 0-32h.22a16 16 0 0 1 0 32Z'/></svg>";
+export declare const elementCalendar = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M368 113h-36V93a12 12 0 0 0-24 0v20H204V93a12 12 0 0 0-24 0v20h-36a44.05 44.05 0 0 0-44 44v224a44.05 44.05 0 0 0 44 44h224a44.05 44.05 0 0 0 44-44V157a44.05 44.05 0 0 0-44-44Zm-224 24h36v20a12 12 0 0 0 24 0v-20h104v20a12 12 0 0 0 24 0v-20h36a20 20 0 0 1 20 20v52H124v-52a20 20 0 0 1 20-20Zm224 264H144a20 20 0 0 1-20-20V233h264v148a20 20 0 0 1-20 20Z'/><path d='M335.19 263.36a20 20 0 1 1-20 20.11 20 20 0 0 1 20-20.11ZM256.21 263.36a20 20 0 1 1-20 20.11 20 20 0 0 1 20-20.11ZM256.21 326.54a20 20 0 1 1-20 20.11 20 20 0 0 1 20-20.11ZM177.24 326.54a20 20 0 1 1-20 20.11 20 20 0 0 1 20-20.11Z'/></svg>";
+export declare const elementLeft2 = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M308.79 352.79a12.45 12.45 0 0 1-15.86 1.44l-1.72-1.44-88-88a12.45 12.45 0 0 1-1.44-15.86l1.44-1.72 88-88a12.43 12.43 0 0 1 19 15.86l-1.44 1.72L229.58 256l79.21 79.21a12.45 12.45 0 0 1 1.44 15.86Z' data-name='Arrow/Right-3'/></svg>";
+export declare const elementUpload = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M377.33 424H134.67A46.72 46.72 0 0 1 88 377.33V308a12 12 0 0 1 24 0v69.33A22.7 22.7 0 0 0 134.67 400h242.66A22.7 22.7 0 0 0 400 377.33V308a12 12 0 0 1 24 0v69.33A46.72 46.72 0 0 1 377.33 424Z'></path><path d='m351.15 178.18-86.66-86.67-.06-.05c-.27-.26-.54-.5-.82-.74l-.47-.35-.47-.35c-.18-.12-.37-.22-.56-.33s-.29-.19-.45-.27l-.57-.28-.49-.22c-.19-.08-.38-.14-.57-.21s-.36-.14-.54-.19-.38-.1-.58-.15l-.56-.14-.67-.1-.49-.07a11.83 11.83 0 0 0-2.38 0l-.49.07-.67.1-.56.14c-.2 0-.39.09-.58.15s-.36.12-.54.19l-.57.21-.49.22-.57.28c-.16.08-.3.18-.46.27s-.37.21-.55.33-.32.24-.48.36l-.46.34c-.28.24-.55.48-.82.74l-.06.05-86.66 86.67a12 12 0 1 0 17 17L244 129v179a12 12 0 0 0 24 0V129l66.18 66.18a12 12 0 0 0 17-17Z' /></svg>";
+export declare const elementDelete = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M400 144h-72v-12a44.05 44.05 0 0 0-44-44h-56a44.05 44.05 0 0 0-44 44v12h-72a12 12 0 0 0 0 24h20v212a44.05 44.05 0 0 0 44 44h160a44.05 44.05 0 0 0 44-44V168h20a12 12 0 0 0 0-24Zm-192-12a20 20 0 0 1 20-20h56a20 20 0 0 1 20 20v12h-96Zm148 248a20 20 0 0 1-20 20H176a20 20 0 0 1-20-20V168h200Z'></path><path d='M224 344a12 12 0 0 0 12-12v-96a12 12 0 0 0-24 0v96a12 12 0 0 0 12 12ZM288 344a12 12 0 0 0 12-12v-96a12 12 0 0 0-24 0v96a12 12 0 0 0 12 12Z' /></svg>";
+export declare const elementRedo = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M411.91 112.2a12 12 0 0 0-12 12v45.09A167.89 167.89 0 0 0 256 88c-92.64 0-168 75.36-168 168s75.36 168 168 168a168 168 0 0 0 166.06-142.43 12 12 0 0 0-23.72-3.63A144 144 0 0 1 256 400c-79.4 0-144-64.6-144-144s64.6-144 144-144a144.55 144.55 0 0 1 124.83 72.2h-40.92a12 12 0 0 0 0 24h72a12 12 0 0 0 12-12v-72a12 12 0 0 0-12-12Z' /></svg>";
+export declare const elementDocument = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M162.4 424h187.2a43.25 43.25 0 0 0 43.2-43.2V209.2q0-.6-.06-1.2c0-.29-.08-.58-.13-.86 0-.1 0-.2-.05-.3a8.28 8.28 0 0 0-.25-1v-.13c-.1-.34-.23-.67-.36-1a.49.49 0 0 0 0-.11 9.3 9.3 0 0 0-.43-.9.77.77 0 0 0-.07-.16c-.15-.27-.31-.53-.47-.79l-.14-.22c-.16-.24-.33-.46-.51-.69l-.19-.26a10.41 10.41 0 0 0-.71-.78l-.07-.09-109.27-109.2-.09-.07a10.41 10.41 0 0 0-.78-.71l-.25-.19c-.23-.18-.46-.35-.7-.51l-.22-.14c-.26-.16-.52-.32-.79-.47l-.15-.07c-.3-.16-.6-.3-.91-.43h-.09c-.33-.13-.67-.25-1-.36H275a9.09 9.09 0 0 0-1-.25h-.29c-.29 0-.58-.1-.87-.13S272 88 271.6 88H162.4a43.25 43.25 0 0 0-43.2 43.2v249.6a43.25 43.25 0 0 0 43.2 43.2Zm121.2-295 68.23 68.23H283.6Zm-140.4 2.2a19.22 19.22 0 0 1 19.2-19.2h97.2v97.2a12 12 0 0 0 12 12h97.2v159.6a19.22 19.22 0 0 1-19.2 19.2H162.4a19.22 19.22 0 0 1-19.2-19.2Z' /></svg>";
+export declare const elementLock = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M280 305.5a24 24 0 1 0-36 20.78V363a12 12 0 0 0 24 0v-36.72a24 24 0 0 0 12-20.78Z' /><path d='M358.67 224H348v-52a92 92 0 0 0-184 0v52h-10.67c-22.79 0-41.33 19.74-41.33 44v112c0 24.26 18.54 44 41.33 44h205.34c22.79 0 41.33-19.74 41.33-44V268c0-24.26-18.54-44-41.33-44ZM188 172a68 68 0 0 1 136 0v52H188Zm188 208c0 11-7.78 20-17.33 20H153.33c-9.55 0-17.33-9-17.33-20V268c0-11 7.78-20 17.33-20h205.34c9.55 0 17.33 9 17.33 20Z'/></svg>";

package/info-page/index.d.ts

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

package/info-page/package.json

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