@siemens/element-ng 47.3.0 → 47.4.0

package/photo-upload/si-photo-upload.component.d.ts

@@ -0,0 +1,298 @@
+import { ElementRef, OnChanges, OnDestroy, SimpleChanges, TemplateRef } from '@angular/core';
+import { SafeResourceUrl } from '@angular/platform-browser';
+import { ModalRef } from '@siemens/element-ng/modal';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import { ImageCroppedEvent, ImageCropperComponent } from 'ngx-image-cropper';
+import * as i0 from "@angular/core";
+import * as i1 from "@siemens/element-ng/avatar";
+/**
+ * A component used to upload, edit, and delete a user's photo. The user can upload
+ * a photo either via file browser or a URL to the photo. You can set the source
+ * photo with the `sourcePhoto` Data URL input or the `sourcePhotoUrl` URL input.
+ * If you already have a cropped image you can set it with the `croppedPhoto` input.
+ * Cropping changes are emitted via the `croppedPhotoChange` output.
+ */
+export declare class SiPhotoUploadComponent implements OnChanges, OnDestroy {
+    private static idCounter;
+    /**
+     * Indicate that changing or uploads are disabled.
+     *
+     * @defaultValue false
+     */
+    readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Optionally disable image cropping.
+     *
+     * @defaultValue false
+     */
+    readonly disabledCropping: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Accepted image formats for the file selection dialog.
+     *
+     * @defaultValue '.png, .jpg, .jpeg'
+     *
+     * @see
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#attr-accept
+     */
+    readonly acceptedUploadFormats: import("@angular/core").InputSignal<string>;
+    /**
+     * Maximum allowed file size of the uploaded file in kilobytes.
+     *
+     * @defaultValue 2048
+     */
+    readonly maxFileSize: import("@angular/core").InputSignal<number>;
+    /**
+     * If the uploaded file is of an unsupported type, this
+     * error message will be displayed to the user.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_PHOTO_UPLOAD.ERROR_FILE_TYPE:The image file is not valid. Please upload a PNG or JP(E)G.`
+     * ```
+     */
+    readonly uploadErrorWrongType: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * If the uploaded file exceeds the allowed upload size, this
+     * error message will be displayed to the user.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_PHOTO_UPLOAD.ERROR_FILE_SIZE_EXCEEDED:The actual file size {{mb}} MB exceeds the {{maxSizeMb}} MB limit.`
+     * ```
+     */
+    readonly uploadErrorTooBig: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * Alternative text for the photo.
+     *
+     * @defaultValue ''
+     */
+    readonly photoAltText: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * Alternative text for the photo´s placeholder.
+     * The value will be used to calculate the background color when `autoColor` is true.
+     *
+     * @defaultValue ''
+     */
+    readonly placeholderAltText: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * Text for the button changing the photo.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_PHOTO_UPLOAD.CHANGE_PHOTO:Change`
+     * ```
+     */
+    readonly changePhotoText: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * Cropper frame aria label.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_PHOTO_UPLOAD.CROPPER_FRAME_LABEL:Crop photo`
+     * ```
+     */
+    readonly cropperFrameAriaLabel: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * Text for the button uploading a photo.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_PHOTO_UPLOAD.UPLOAD_PHOTO:Upload photo`
+     * ```
+     */
+    readonly uploadPhotoText: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * Text for the button removing the photo.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_PHOTO_UPLOAD.REMOVE:Remove`
+     * ```
+     */
+    readonly removePhotoText: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * Text for the button cancelling the editing process.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_PHOTO_UPLOAD.CANCEL:Cancel`
+     * ```
+     */
+    readonly cancelEditText: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * Text for the button applying the edited photo.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_PHOTO_UPLOAD.APPLY_PHOTO:Apply`
+     * ```
+     */
+    readonly applyEditText: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * Text displayed as header of the editing modal.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_PHOTO_UPLOAD.MODAL_TITLE:Avatar photo`
+     * ```
+     */
+    readonly modalHeader: import("@angular/core").InputSignal<TranslatableString>;
+    /**
+     * Text displayed as description of the editing modal.
+     */
+    readonly modalDescription: import("@angular/core").InputSignal<TranslatableString | undefined>;
+    /**
+     * Output format of the edited image.
+     *
+     * @defaultValue 'jpeg'
+     */
+    readonly cropperImageFormat: import("@angular/core").InputSignal<"png" | "jpeg">;
+    /**
+     * The width / height ratio (e.g. 1 / 1 for a square, 4 / 3, 16 / 9 ...).
+     *
+     * @defaultValue 1
+     */
+    readonly cropperAspectRatio: import("@angular/core").InputSignal<number>;
+    /**
+     * Whether to keep the width and height of the cropped image equal according
+     * to the aspectRatio.
+     *
+     * @defaultValue true
+     */
+    readonly cropperMaintainAspectRatio: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * When set to true, padding will be added around the image to make it fit to
+     * the aspect ratio. Be aware that this transformation will cause the loaded
+     * image to be a png file with an increased base64 string payload.
+     *
+     * @defaultValue false
+     */
+    readonly cropperContainWithinAspectRatio: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * The cropper´s width cannot be made smaller than this number of pixels
+     * (relative to original image´s size). (0 = disabled).
+     *
+     * @defaultValue 50
+     */
+    readonly cropperMinWidth: import("@angular/core").InputSignal<number>;
+    /**
+     * The cropper´s height cannot be made smaller than this number of pixels
+     * (relative to original image´s size). Will be ignored if
+     * `cropperMaintainAspectRatio` is set. (0 = disabled).
+     *
+     * @defaultValue 50
+     */
+    readonly cropperMinHeight: import("@angular/core").InputSignal<number>;
+    /**
+     * The cropper´s width cannot be made bigger than this number of pixels.
+     * Default is 0 (disabled).
+     *
+     * @defaultValue 0
+     */
+    readonly cropperMaxWidth: import("@angular/core").InputSignal<number>;
+    /**
+     * The cropper´s height cannot be made bigger than this number of pixels.
+     * Default is 0 (disabled).
+     *
+     * @defaultValue 0
+     */
+    readonly cropperMaxHeight: import("@angular/core").InputSignal<number>;
+    /**
+     * Set this to true for a round cropper. Resulting image will still
+     * be square, but visually clipped with a border-radius: 50% on the
+     * resulting image to show it as round.
+     *
+     * @defaultValue true
+     */
+    readonly roundImage: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * The input photo to be used for cropping. A string in [Data URL](https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URLs) format
+     * with base64 encoding.
+     */
+    readonly sourcePhoto: import("@angular/core").ModelSignal<string | undefined>;
+    /**
+     * URL to a photo to be used for cropping.
+     */
+    readonly sourcePhotoUrl: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * The photo to be displayed and edited (when not readonly).
+     */
+    readonly croppedPhoto: import("@angular/core").ModelSignal<string | undefined>;
+    protected readonly editPhotoTemplate: import("@angular/core").Signal<TemplateRef<any>>;
+    protected readonly fileInput: import("@angular/core").Signal<ElementRef<any>>;
+    protected readonly imageCropper: import("@angular/core").Signal<ImageCropperComponent | undefined>;
+    protected readonly titleId: string;
+    /**
+     * The trusted photo url string which is used to display the photo.
+     */
+    protected readonly sanitizedPhotoUrl: import("@angular/core").WritableSignal<SafeResourceUrl | undefined>;
+    /**
+     * The appropriate error message displayed to the user. Might be
+     * `uploadErrorWrongType` or `uploadErrorTooBig`.
+     */
+    protected readonly uploadErrorMessage: import("@angular/core").WritableSignal<string | undefined>;
+    protected readonly editButtonText: import("@angular/core").Signal<TranslatableString>;
+    protected readonly currentFileSizeKilobytes: import("@angular/core").WritableSignal<number>;
+    protected readonly currentFileSizeMegabytes: import("@angular/core").WritableSignal<number>;
+    protected readonly maxSizeMb: import("@angular/core").Signal<number>;
+    /**
+     * The photo instance to be used in the image cropper. We need a different
+     * reference than `sourcePhoto` to support the cancel after uploading
+     * a new photo. While `sourcePhoto` is A and image cropper uploads B,
+     * we should not replace `sourcePhoto` A until user presses apply.
+     */
+    protected readonly imageCropperPhoto: import("@angular/core").WritableSignal<string | undefined>;
+    protected readonly icons: Record<"elementCancel" | "elementCircleFilled" | "elementStateExclamationMark", string>;
+    /**
+     * Reference to the modal displaying the photo to edit.
+     */
+    protected modalRef?: ModalRef;
+    /**
+     * The last cropped event of the image cropper component.
+     * Will be set on every mouse drag of the user. It contains
+     * the cropped image and the position. When user completes
+     * the cropping, the data from the last event is used.
+     */
+    private imageCroppedEvent?;
+    /**
+     * Applied cropper position necessary to restore the cropper position when the use press the Change button.
+     */
+    private cropperPosition?;
+    private readonly sanitizer;
+    private readonly modalService;
+    private readonly autoBackgroundColorDirective;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    /**
+     * Opens a modal dialog with the cropping component.
+     */
+    protected showCroppingDialog(): void;
+    protected fileUpload(event: Event): void;
+    private updateCroppedPhoto;
+    protected removePhoto(): void;
+    /**
+     * Invoked when user cropped the photo and pressed apply button.
+     * Updates the current photo by the selected cropped photo and
+     * closes the modal dialog.
+     */
+    protected imageCropperApplied(): void;
+    protected imageCropperCanceled(): void;
+    /**
+     * Callback from the image cropper on every mouse drag invoking a cropping.
+     *
+     * @param event - Event containing the cropped image and the image cropped position.
+     *
+     */
+    protected cropperImageCropped(event: ImageCroppedEvent): void;
+    /**
+     * Lifecycle hook from the image cropper component. Informs
+     * us when initialized and ready.
+     */
+    protected cropperReady(): void;
+    private resetFileInputValue;
+    private resetErrorMessage;
+    private setPhoto;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiPhotoUploadComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiPhotoUploadComponent, "si-photo-upload", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabledCropping": { "alias": "disabledCropping"; "required": false; "isSignal": true; }; "acceptedUploadFormats": { "alias": "acceptedUploadFormats"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "uploadErrorWrongType": { "alias": "uploadErrorWrongType"; "required": false; "isSignal": true; }; "uploadErrorTooBig": { "alias": "uploadErrorTooBig"; "required": false; "isSignal": true; }; "photoAltText": { "alias": "photoAltText"; "required": false; "isSignal": true; }; "placeholderAltText": { "alias": "placeholderAltText"; "required": false; "isSignal": true; }; "changePhotoText": { "alias": "changePhotoText"; "required": false; "isSignal": true; }; "cropperFrameAriaLabel": { "alias": "cropperFrameAriaLabel"; "required": false; "isSignal": true; }; "uploadPhotoText": { "alias": "uploadPhotoText"; "required": false; "isSignal": true; }; "removePhotoText": { "alias": "removePhotoText"; "required": false; "isSignal": true; }; "cancelEditText": { "alias": "cancelEditText"; "required": false; "isSignal": true; }; "applyEditText": { "alias": "applyEditText"; "required": false; "isSignal": true; }; "modalHeader": { "alias": "modalHeader"; "required": false; "isSignal": true; }; "modalDescription": { "alias": "modalDescription"; "required": false; "isSignal": true; }; "cropperImageFormat": { "alias": "cropperImageFormat"; "required": false; "isSignal": true; }; "cropperAspectRatio": { "alias": "cropperAspectRatio"; "required": false; "isSignal": true; }; "cropperMaintainAspectRatio": { "alias": "cropperMaintainAspectRatio"; "required": false; "isSignal": true; }; "cropperContainWithinAspectRatio": { "alias": "cropperContainWithinAspectRatio"; "required": false; "isSignal": true; }; "cropperMinWidth": { "alias": "cropperMinWidth"; "required": false; "isSignal": true; }; "cropperMinHeight": { "alias": "cropperMinHeight"; "required": false; "isSignal": true; }; "cropperMaxWidth": { "alias": "cropperMaxWidth"; "required": false; "isSignal": true; }; "cropperMaxHeight": { "alias": "cropperMaxHeight"; "required": false; "isSignal": true; }; "roundImage": { "alias": "roundImage"; "required": false; "isSignal": true; }; "sourcePhoto": { "alias": "sourcePhoto"; "required": false; "isSignal": true; }; "sourcePhotoUrl": { "alias": "sourcePhotoUrl"; "required": false; "isSignal": true; }; "croppedPhoto": { "alias": "croppedPhoto"; "required": false; "isSignal": true; }; }, { "sourcePhoto": "sourcePhotoChange"; "croppedPhoto": "croppedPhotoChange"; }, never, never, true, [{ directive: typeof i1.SiAvatarBackgroundColorDirective; inputs: { "color": "color"; "autoColor": "autoColor"; }; outputs: {}; }]>;
+}

package/search-bar/index.d.ts

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

package/search-bar/package.json

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

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

@@ -0,0 +1,87 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { BackgroundColorVariant } from '@siemens/element-ng/common';
+import * as i0 from "@angular/core";
+export declare class SiSearchBarComponent implements OnInit, OnDestroy, ControlValueAccessor, OnChanges {
+    private readonly inputRef;
+    private debouncer;
+    private readonly disabledNgControl;
+    /**
+     * Time unit change of search input takes effect.
+     *
+     * @defaultValue 400
+     */
+    readonly debounceTime: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    /**
+     * Prohibited characters restricting search.
+     */
+    readonly prohibitedCharacters: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Define search input placeholder.
+     *
+     * @defaultValue ''
+     */
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    /**
+     * Display search icon before search input.
+     *
+     * @defaultValue false
+     */
+    readonly showIcon: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether the search is tabbable or not.
+     *
+     * @defaultValue true
+     */
+    readonly tabbable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Define search input content.
+     */
+    readonly value: import("@angular/core").InputSignal<string | undefined>;
+    /** @defaultValue false */
+    readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Color to use for component background
+     *
+     * @defaultValue 'base-1'
+     */
+    readonly colorVariant: import("@angular/core").InputSignal<BackgroundColorVariant>;
+    /** @defaultValue false */
+    readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Output callback event will provide you with search term if search input changes.
+     */
+    readonly searchChange: import("@angular/core").OutputEmitterRef<string>;
+    protected isInvalid: boolean;
+    protected inFocus: boolean;
+    protected onChange: (val: any) => void;
+    protected onTouch: () => void;
+    protected readonly disabled: import("@angular/core").Signal<boolean>;
+    protected readonly searchValue: import("@angular/core").WritableSignal<string>;
+    protected readonly icons: Record<"elementCancel" | "elementSearch", string>;
+    /** @internal */
+    writeValue(value: string): void;
+    /** @internal */
+    registerOnChange(fn: any): void;
+    /** @internal */
+    registerOnTouched(fn: () => void): void;
+    /** @internal */
+    setDisabledState(disabled: boolean): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private setSearch;
+    private isProhibitedCharactersUsed;
+    /** @internal */
+    focus(): void;
+    protected onCancelFocus(event: Event): void;
+    protected input(event: Event): void;
+    protected onBlur(): void;
+    protected resetForm(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiSearchBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiSearchBarComponent, "si-search-bar", never, { "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "prohibitedCharacters": { "alias": "prohibitedCharacters"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "tabbable": { "alias": "tabbable"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "colorVariant": { "alias": "colorVariant"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "searchChange": "searchChange"; }, never, never, true, never>;
+}

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

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

package/slider/index.d.ts

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

package/slider/package.json

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

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

@@ -0,0 +1,129 @@
+import { ControlValueAccessor } from '@angular/forms';
+import { SiFormItemControl } from '@siemens/element-ng/form';
+import * as i0 from "@angular/core";
+export declare class SiSliderComponent implements ControlValueAccessor, SiFormItemControl {
+    private static idCounter;
+    private readonly handleRef;
+    private readonly disabledNgControl;
+    /**
+     * @defaultValue
+     * ```
+     * `__si-slider-${SiSliderComponent.idCounter++}`
+     * ```
+     */
+    readonly id: import("@angular/core").InputSignal<string>;
+    /**
+     * Current value of slider.
+     */
+    readonly value: import("@angular/core").ModelSignal<number | undefined>;
+    /**
+     * Minimum of slider range.
+     *
+     * @defaultValue 0
+     */
+    readonly min: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    /**
+     * Maximum of slider range.
+     *
+     * @defaultValue 100
+     */
+    readonly max: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    /**
+     * Label to describe minimum of slider range.
+     *
+     * @defaultValue ''
+     */
+    readonly minLabel: import("@angular/core").InputSignal<string>;
+    /**
+     * Label to describe maximum of slider range.
+     *
+     * @defaultValue ''
+     */
+    readonly maxLabel: import("@angular/core").InputSignal<string>;
+    /**
+     * Interval to step through the slider.
+     *
+     * @defaultValue 1
+     */
+    readonly step: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    /**
+     * Icon to use as the slider thumb.
+     */
+    readonly thumbIcon: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * Text for aria-label of increment. Needed for a11y.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_SLIDER.INCREMENT:Increment`
+     * ```
+     */
+    readonly incrementLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Text for aria-label of decrement. Needed for a11y.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_SLIDER.DECREMENT:Decrement`
+     * ```
+     */
+    readonly decrementLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Text for aria-label of slider. Needed for a11y
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_SLIDER.LABEL:Value`
+     * ```
+     */
+    readonly sliderLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * @defaultValue
+     * ```
+     * `${this.id()}-label`
+     * ```
+     */
+    readonly labelledby: import("@angular/core").InputSignal<string>;
+    /** @defaultValue false */
+    readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    protected readonly disabled: import("@angular/core").Signal<boolean>;
+    protected readonly sliderValue: import("@angular/core").Signal<number>;
+    /** @internal */
+    readonly errormessageId: string;
+    protected readonly indicatorPos: import("@angular/core").Signal<number>;
+    protected readonly icons: Record<"elementMinus" | "elementPlus", string>;
+    protected isDragging: boolean;
+    private autoUpdate$;
+    private autoUpdateSubs?;
+    private rtl;
+    private unlistenDragEvents;
+    private onTouchedCallback;
+    private onChangeCallback;
+    private zone;
+    private changeDetectorRef;
+    private incrementValue;
+    private decrementValue;
+    private roundToStepPrecision;
+    private normalizeValue;
+    private handleTouchMove;
+    private handleMouseMove;
+    private handleDragMove;
+    private handleDragEnd;
+    private valueChanged;
+    protected handlePointerDown(event: Event): void;
+    protected autoUpdateKeydown(event: KeyboardEvent): void;
+    protected autoUpdateStart(event: Event, isIncrement: boolean): void;
+    protected autoUpdateStop(): void;
+    protected handleMouseDown(event: MouseEvent): void;
+    protected handleTouchStart(event: TouchEvent): void;
+    /** @internal */
+    writeValue(val: any): void;
+    /** @internal */
+    registerOnChange(fn: any): void;
+    /** @internal */
+    registerOnTouched(fn: () => void): void;
+    /** @internal */
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiSliderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiSliderComponent, "si-slider", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "minLabel": { "alias": "minLabel"; "required": false; "isSignal": true; }; "maxLabel": { "alias": "maxLabel"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "thumbIcon": { "alias": "thumbIcon"; "required": false; "isSignal": true; }; "incrementLabel": { "alias": "incrementLabel"; "required": false; "isSignal": true; }; "decrementLabel": { "alias": "decrementLabel"; "required": false; "isSignal": true; }; "sliderLabel": { "alias": "sliderLabel"; "required": false; "isSignal": true; }; "labelledby": { "alias": "labelledby"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
+}

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

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

package/sort-bar/index.d.ts

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

package/sort-bar/package.json

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

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

@@ -0,0 +1,42 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { HttpParams } from '@angular/common/http';
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface SortCriteria {
+    name: string;
+    key: number | string;
+}
+export declare class SiSortBarComponent implements OnInit {
+    /**
+     * Custom sort title.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_SORT_BAR.TITLE:Sort by`
+     * ```
+     */
+    readonly sortTitle: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * List of sort criteria.
+     */
+    readonly sortCriteria: import("@angular/core").InputSignal<SortCriteria[]>;
+    /**
+     * `key` which sortCriteria is active by default.
+     */
+    readonly defaultSortCriteria: import("@angular/core").InputSignal<string | number>;
+    /**
+     * Output callback event will provide you with a HttpParams object if active
+     * sortCriteria change.
+     */
+    readonly sortChange: import("@angular/core").OutputEmitterRef<HttpParams>;
+    protected readonly icons: Record<"elementSortDown" | "elementSortUp", string>;
+    protected activeSortCriteria: SortCriteria['key'];
+    protected sortIsDescending: boolean;
+    ngOnInit(): void;
+    protected setActive(key: SortCriteria['key']): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiSortBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiSortBarComponent, "si-sort-bar", never, { "sortTitle": { "alias": "sortTitle"; "required": false; "isSignal": true; }; "sortCriteria": { "alias": "sortCriteria"; "required": true; "isSignal": true; }; "defaultSortCriteria": { "alias": "defaultSortCriteria"; "required": true; "isSignal": true; }; }, { "sortChange": "sortChange"; }, never, never, true, never>;
+}

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

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

package/split/index.d.ts

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

package/split/package.json

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