@siemens/element-ng 47.2.0 → 47.4.0

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

@@ -0,0 +1,20 @@
+import { ModalDependencyInjectionOptions } from '@siemens/element-ng/modal';
+import { Observable } from 'rxjs';
+import { ColumnSelectionDialogResult, SiColumnSelectionDialogConfig } from './si-column-selection-dialog.types';
+import * as i0 from "@angular/core";
+export declare class SiColumnSelectionDialogService {
+    private modalService;
+    /**
+     * Opens a column selection dialog.
+     *
+     * Despite other dialogs,
+     * this dialog informs the consumer not ONLY with clicking `submit` or `cancel`,
+     * but also with changing the place or visibility of a dialog row
+     * thanks to the `instant` type of emitted event.
+     *
+     * {@label WITH_OBJECT}
+     */
+    showColumnSelectionDialog(dialogConfig: SiColumnSelectionDialogConfig, diOptions?: ModalDependencyInjectionOptions): Observable<ColumnSelectionDialogResult>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiColumnSelectionDialogService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SiColumnSelectionDialogService>;
+}

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

@@ -0,0 +1,68 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+export interface Column {
+    /**
+     * Unique id
+     */
+    id: string;
+    /**
+     * Title of the column.
+     */
+    title: string;
+    /**
+     * Decides if the column is visible to the user.
+     */
+    visible: boolean;
+    /**
+     * If true, the order of the column can be changed by dragging it to another position.
+     */
+    draggable: boolean;
+    /**
+     * If true, the column is disabled and cannot be interacted with.
+     * This means, the user cannot change any of the column options
+     * like the visibility etc.
+     */
+    disabled: boolean;
+    /**
+     * If true, the {@link title} can be renamed.
+     */
+    editable?: boolean;
+}
+export interface SiColumnSelectionDialogConfig {
+    heading: TranslatableString;
+    bodyTitle: TranslatableString;
+    submitBtnName?: TranslatableString;
+    cancelBtnName?: TranslatableString;
+    restoreToDefaultBtnName?: TranslatableString;
+    hiddenText?: TranslatableString;
+    visibleText?: TranslatableString;
+    columnVisibilityConfigurable?: boolean;
+    restoreEnabled?: boolean;
+    columns: Column[];
+    translationParams?: {
+        [key: string]: any;
+    };
+    listAriaLabel?: TranslatableString;
+    renameInputAriaLabel?: TranslatableString;
+    a11yItemMovedMessage?: TranslatableString;
+    a11yItemNotMovedMessage?: TranslatableString;
+}
+export interface ColumnSelectionDialogResult {
+    type: ColumnSelectionDialogResultType;
+    columns: Column[];
+    /** when `type === 'restoreDefault'`, this function is set and allows to provide the columns */
+    updateColumns?: (columns: Column[]) => void;
+}
+/**
+ * Emit type of dialog actions.
+ *
+ * `ok` : Emitted when user submits.
+ * `cancel` : Emitted when user clicks cancel.
+ * `instant` : Emitted when visibility or place of a row changes.
+ *
+ * `instant` type is used to reflect the ui changes real time even before closing the dialog.
+ */
+export type ColumnSelectionDialogResultType = 'ok' | 'cancel' | 'instant' | 'restoreDefault';

package/common/models/status-type.model.d.ts

@@ -2,8 +2,8 @@
  * Copyright Siemens 2016 - 2025.
  * SPDX-License-Identifier: MIT
  */
-export type StatusType = 'success' | 'info' | 'warning' | 'danger';
-export type ExtendedStatusType = StatusType | 'caution' | 'critical' | 'unknown';
+export type StatusType = 'success' | 'info' | 'warning' | 'danger' | 'caution' | 'critical';
+export type ExtendedStatusType = StatusType | 'unknown';
 export type EntityStatusType = ExtendedStatusType | 'pending' | 'progress';
 export type AccentLineType = StatusType | 'caution' | 'primary' | 'inactive';
 export interface StatusIcon {

package/content-action-bar/index.d.ts

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

package/content-action-bar/package.json

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

package/content-action-bar/si-content-action-bar-toggle.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class SiContentActionBarToggleComponent {
+    readonly icon: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiContentActionBarToggleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiContentActionBarToggleComponent, "[si-content-action-bar-toggle]", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/content-action-bar/si-content-action-bar.component.d.ts

@@ -0,0 +1,72 @@
+import { AfterViewInit, OnChanges, SimpleChanges } from '@angular/core';
+import { MenuItem as MenuItemLegacy } from '@siemens/element-ng/common';
+import { MenuItemAction, MenuItemCheckbox, MenuItem, MenuItemRadio } from '@siemens/element-ng/menu';
+import { ContentActionBarMainItem, ViewType } from './si-content-action-bar.model';
+import * as i0 from "@angular/core";
+export declare class SiContentActionBarComponent implements OnChanges, AfterViewInit {
+    /**
+     * List of primary actions. Supports up to **4** actions and omits additional ones.
+     */
+    readonly primaryActions: import("@angular/core").InputSignal<readonly (MenuItemLegacy | ContentActionBarMainItem)[] | undefined>;
+    /**
+     * List of secondary actions.
+     */
+    readonly secondaryActions: import("@angular/core").InputSignal<readonly (MenuItemLegacy | MenuItem)[] | undefined>;
+    /**
+     * 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>;
+    /**
+     * Selection of view type as 'collapsible', 'expanded' or 'mobile'.
+     *
+     * @defaultValue 'expanded'
+     */
+    readonly viewType: import("@angular/core").InputSignal<ViewType>;
+    /**
+     * Toggle icon aria-label, required for a11y
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_CONTENT_ACTION_BAR.TOGGLE:Toggle`
+     * ```
+     */
+    readonly toggleItemLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Option to remove all icons from dropdown menus of the content action bar.
+     *
+     * Some apps provide only few actions with icons, located in the set of primary actions.
+     * The icons are visible in the `collapsible` and `expanded` view type. On reduced space,
+     * primary actions are relocated in the same dropdown menu as the secondary actions. The
+     * dropdown menu can look unbalanced, if a large number of secondary actions without
+     * icons are presented with few actions with icons. This option balances the look and feel
+     * by removing all icons from actions in the dropdown menu.
+     *
+     * @defaultValue false
+     */
+    readonly preventIconsInDropdownMenus: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Disables the whole content-action-bar.
+     *
+     * @defaultValue false
+     */
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    private readonly expandElement;
+    private readonly menuBarElement;
+    protected readonly mobileActions: import("@angular/core").Signal<readonly (MenuItemLegacy | MenuItem)[]>;
+    protected readonly secondaryActionsInternal: import("@angular/core").Signal<readonly (MenuItemLegacy | MenuItem)[] | undefined>;
+    protected readonly icons: Record<"elementCancel" | "elementOptionsVertical", string>;
+    protected expanded: boolean;
+    protected parentElement?: HTMLElement | null;
+    private elementRef;
+    private menuActionService;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    protected expand(): void;
+    protected collapse(): void;
+    protected isNewItemStyle(item: MenuItemLegacy | ContentActionBarMainItem): item is ContentActionBarMainItem;
+    protected runAction(item: MenuItemAction | MenuItemRadio | MenuItemCheckbox): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiContentActionBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiContentActionBarComponent, "si-content-action-bar", never, { "primaryActions": { "alias": "primaryActions"; "required": false; "isSignal": true; }; "secondaryActions": { "alias": "secondaryActions"; "required": false; "isSignal": true; }; "actionParam": { "alias": "actionParam"; "required": false; "isSignal": true; }; "viewType": { "alias": "viewType"; "required": false; "isSignal": true; }; "toggleItemLabel": { "alias": "toggleItemLabel"; "required": false; "isSignal": true; }; "preventIconsInDropdownMenus": { "alias": "preventIconsInDropdownMenus"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/content-action-bar/si-content-action-bar.model.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { MenuItemAction, MenuItemGroup, MenuItemLink, MenuItemRouterLink } from '@siemens/element-ng/menu';
+export type ViewType = 'collapsible' | 'expanded' | 'mobile';
+export type ContentActionBarMainItem = (MenuItemAction | MenuItemLink | MenuItemRouterLink | MenuItemGroup) & {
+    iconOnly?: boolean;
+};

package/content-action-bar/si-content-action-bar.module.d.ts

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

package/date-range-filter/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+export * from './si-date-range-filter.component';
+export * from './si-date-range-filter.module';
+export * from './si-date-range-filter.types';
+export * from './si-date-range-calculation.service';

package/date-range-filter/package.json

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

package/date-range-filter/si-date-range-calculation.service.d.ts

@@ -0,0 +1,33 @@
+import { DateRangeFilter, ResolvedDateRange } from './si-date-range-filter.types';
+import * as i0 from "@angular/core";
+export interface ResolveDateRangeOptions {
+    /**
+     * Resolve time? When set to false, hours/minutes/seconds/ms are set to zero
+     * @defaultValue true
+     **/
+    withTime?: boolean;
+    /**
+     * Skip normalization? When skipped, `point1` will always be `start`, `point2` will be `end`
+     */
+    skipNormalization?: boolean;
+}
+/**
+ * Service to transform and calculate with DateRangeFilter objects.
+ */
+export declare class SiDateRangeCalculationService {
+    /**
+     * Calculates the start and end dates of a DateRangeFilter.
+     * @param filter - The date range filter object to be resolved.
+     * @param options - Options for time handling
+     * @returns The resolved result in form of a ResolvedDateRange object.
+     */
+    resolveDateRangeFilter(filter: DateRangeFilter, options?: ResolveDateRangeOptions): ResolvedDateRange;
+    private datePlusOffset;
+    private normalize;
+    /**
+     * Utility to reset the time attributes to 0 (hours/minutes/seconds/milliseconds).
+     */
+    removeTime(date: Date): Date;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiDateRangeCalculationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SiDateRangeCalculationService>;
+}

package/date-range-filter/si-date-range-filter.component.d.ts

@@ -0,0 +1,248 @@
+import { OnChanges, PipeTransform, SimpleChanges } from '@angular/core';
+import { DatepickerConfig, DatepickerInputConfig, DateRange } from '@siemens/element-ng/datepicker';
+import { DateRangeFilter, DateRangePreset, ResolvedDateRange } from './si-date-range-filter.types';
+import * as i0 from "@angular/core";
+export declare class PresetMatchFilterPipe implements PipeTransform {
+    transform(value: string, term: string): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PresetMatchFilterPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<PresetMatchFilterPipe, "presetMatchFilter", true>;
+}
+export declare class SiDateRangeFilterComponent implements OnChanges {
+    private readonly service;
+    /** The filter range object */
+    readonly range: import("@angular/core").ModelSignal<DateRangeFilter>;
+    /** List of preset time ranges. When not present or empty, the preset section won't show */
+    readonly presetList: import("@angular/core").InputSignal<DateRangePreset[] | undefined>;
+    /**
+     * Determines if there's a search field for the preset list
+     *
+     * @defaultValue true
+     */
+    readonly presetSearch: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Determines if time is selectable or only dates
+     *
+     * @defaultValue false
+     */
+    readonly enableTimeSelection: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Determines whether to show input fields or a date-range calendar in basic mode.
+     * When time selection is enabled, this has no effect and input fields are always shown.
+     *
+     * @defaultValue 'calendar'
+     */
+    readonly basicMode: import("@angular/core").InputSignal<"input" | "calendar">;
+    /**
+     * Reverses the order of the from/to fields
+     *
+     * @defaultValue false
+     */
+    readonly reverseInputFields: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Determines whether to show the 'Apply' button
+     *
+     * @defaultValue false
+     */
+    readonly showApplyButton: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Hides the advanced mode if input allows
+     *
+     * @defaultValue false
+     */
+    readonly hideAdvancedMode: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * label for the "Reference point" title
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.REF_POINT:Reference point`
+     * ```
+     */
+    readonly refLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for the "Reference point" title
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.FROM:From`
+     * ```
+     */
+    readonly fromLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for the "Reference point" title
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.TO:To`
+     * ```
+     */
+    readonly toLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for the "Range" title
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.RANGE:Range`
+     * ```
+     */
+    readonly rangeLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for the "Today" checkbox
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.TODAY:Today`
+     * ```
+     */
+    readonly todayLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for the "Now" checkbox
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.NOW:Now`
+     * ```
+     */
+    readonly nowLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for "Date" field / radio button
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.DATE:Date`
+     * ```
+     */
+    readonly dateLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for the "Preview" title
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.PREVIEW:Preview`
+     * ```
+     */
+    readonly previewLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * Placeholder for date fields
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.DATE_PLACEHOLDER:Select date`
+     * ```
+     */
+    readonly datePlaceholder: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for the "Before" toggle
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.BEFORE:Before`
+     * ```
+     */
+    readonly beforeLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for the "After" toggle
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.AFTER:After`
+     * ```
+     */
+    readonly afterLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for the "Within" toggle
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.WITHIN:Within`
+     * ```
+     */
+    readonly withinLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for the "value" number input
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.VALUE:Value`
+     * ```
+     */
+    readonly valueLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for the "Unit" select
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.UNIT:Unit`
+     * ```
+     */
+    readonly unitLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for the "search" input
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.SEARCH:Search`
+     * ```
+     */
+    readonly searchLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for the "search" input
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.PRESETS:Presets`
+     * ```
+     */
+    readonly presetLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for the "advanced" switch
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.ADVANCED:Advanced`
+     * ```
+     */
+    readonly advancedLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /**
+     * label for the "apply" switch
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_DATE_RANGE_FILTER.APPLY:Apply`
+     * ```
+     */
+    readonly applyLabel: import("@angular/core").InputSignal<import("@siemens/element-translate-ng/translate").TranslatableString>;
+    /** Event fired when the apply button has been clicked */
+    readonly applyClicked: import("@angular/core").OutputEmitterRef<void>;
+    /** Base configuration on how the dates should be displayed, parts of it may be overwritten internally. */
+    readonly datepickerConfig: import("@angular/core").InputSignal<DatepickerInputConfig | undefined>;
+    protected advancedMode: boolean;
+    protected dateRange: DateRange;
+    protected point1Now: boolean;
+    protected point2Mode: 'duration' | 'date';
+    protected point1date: Date;
+    protected point2date: Date;
+    protected point2offset: number;
+    protected point2range: 'before' | 'after' | 'within';
+    protected readonly calculatedRange: import("@angular/core").Signal<ResolvedDateRange>;
+    protected readonly pipeFormat: import("@angular/core").Signal<string>;
+    protected readonly datepickerConfigInternal: import("@angular/core").Signal<DatepickerConfig>;
+    protected readonly dateRangeConfig: import("@angular/core").Signal<DatepickerConfig>;
+    protected readonly filteredPresetList: import("@angular/core").Signal<DateRangePreset[]>;
+    protected readonly presetFilter: import("@angular/core").WritableSignal<string>;
+    protected readonly inputMode: import("@angular/core").Signal<boolean>;
+    ngOnChanges(changes: SimpleChanges): void;
+    private getDateNow;
+    private rangeChanged;
+    private updateFromRange;
+    private resolve;
+    protected updateDateRange(range?: DateRangeFilter): void;
+    protected updateOnModeChange(): void;
+    private updateSimpleMode;
+    protected updateFromDateRange(): void;
+    protected point1Changed(): void;
+    protected point2Changed(): void;
+    protected selectPresetItem(item: DateRangePreset): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiDateRangeFilterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiDateRangeFilterComponent, "si-date-range-filter", never, { "range": { "alias": "range"; "required": true; "isSignal": true; }; "presetList": { "alias": "presetList"; "required": false; "isSignal": true; }; "presetSearch": { "alias": "presetSearch"; "required": false; "isSignal": true; }; "enableTimeSelection": { "alias": "enableTimeSelection"; "required": false; "isSignal": true; }; "basicMode": { "alias": "basicMode"; "required": false; "isSignal": true; }; "reverseInputFields": { "alias": "reverseInputFields"; "required": false; "isSignal": true; }; "showApplyButton": { "alias": "showApplyButton"; "required": false; "isSignal": true; }; "hideAdvancedMode": { "alias": "hideAdvancedMode"; "required": false; "isSignal": true; }; "refLabel": { "alias": "refLabel"; "required": false; "isSignal": true; }; "fromLabel": { "alias": "fromLabel"; "required": false; "isSignal": true; }; "toLabel": { "alias": "toLabel"; "required": false; "isSignal": true; }; "rangeLabel": { "alias": "rangeLabel"; "required": false; "isSignal": true; }; "todayLabel": { "alias": "todayLabel"; "required": false; "isSignal": true; }; "nowLabel": { "alias": "nowLabel"; "required": false; "isSignal": true; }; "dateLabel": { "alias": "dateLabel"; "required": false; "isSignal": true; }; "previewLabel": { "alias": "previewLabel"; "required": false; "isSignal": true; }; "datePlaceholder": { "alias": "datePlaceholder"; "required": false; "isSignal": true; }; "beforeLabel": { "alias": "beforeLabel"; "required": false; "isSignal": true; }; "afterLabel": { "alias": "afterLabel"; "required": false; "isSignal": true; }; "withinLabel": { "alias": "withinLabel"; "required": false; "isSignal": true; }; "valueLabel": { "alias": "valueLabel"; "required": false; "isSignal": true; }; "unitLabel": { "alias": "unitLabel"; "required": false; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": false; "isSignal": true; }; "presetLabel": { "alias": "presetLabel"; "required": false; "isSignal": true; }; "advancedLabel": { "alias": "advancedLabel"; "required": false; "isSignal": true; }; "applyLabel": { "alias": "applyLabel"; "required": false; "isSignal": true; }; "datepickerConfig": { "alias": "datepickerConfig"; "required": false; "isSignal": true; }; }, { "range": "rangeChange"; "applyClicked": "applyClicked"; }, never, never, true, never>;
+}

package/date-range-filter/si-date-range-filter.module.d.ts

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

package/date-range-filter/si-date-range-filter.types.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+/**
+ * Simple DateRangeFilter preset based on offset from now
+ */
+export interface DateRangePresetOffset {
+    type?: 'offset';
+    /** translation key for label */
+    label: TranslatableString;
+    /** offset from current in milliseconds */
+    offset: number;
+}
+/**
+ * Advanced DateRageFilter preset with custom calculation
+ */
+export interface DateRangePresetCustom {
+    type: 'custom';
+    /** translation key for label */
+    label: TranslatableString;
+    /** calculation custom calculation function */
+    calculate: (self: DateRangePresetCustom, currentRange: DateRangeFilter) => DateRangeFilter;
+    /** Whether this should show only when time support is enabled */
+    timeOnly?: boolean;
+}
+export type DateRangePreset = DateRangePresetOffset | DateRangePresetCustom;
+export interface DateRangeFilter {
+    point1: Date | 'now';
+    point2: number | Date;
+    range?: 'before' | 'after' | 'within';
+}
+export interface ResolvedDateRange {
+    start: Date;
+    end: Date;
+    valid: boolean;
+}
+export declare const ONE_MINUTE: number;
+export declare const ONE_DAY: number;

package/date-range-filter/si-relative-date.component.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { SelectOption } from '@siemens/element-ng/select';
+import * as i0 from "@angular/core";
+interface OffsetOption extends SelectOption<string> {
+    offset: number;
+}
+export declare class SiRelativeDateComponent implements OnChanges {
+    /** @defaultValue 0 */
+    readonly value: import("@angular/core").InputSignal<number>;
+    /** @defaultValue false */
+    readonly enableTimeSelection: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly valueLabel: import("@angular/core").InputSignal<string>;
+    readonly unitLabel: import("@angular/core").InputSignal<string>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<number>;
+    protected readonly internalValue: import("@angular/core").WritableSignal<number>;
+    protected readonly offset: import("@angular/core").WritableSignal<number>;
+    protected readonly unit: import("@angular/core").WritableSignal<string>;
+    private readonly fullOffsetList;
+    protected readonly offsetList: import("@angular/core").Signal<OffsetOption[]>;
+    ngOnChanges(changes: SimpleChanges): void;
+    private calculateOffset;
+    protected updateValue(offset: number): void;
+    protected changeUnit(newUnit: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiRelativeDateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiRelativeDateComponent, "si-relative-date", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "enableTimeSelection": { "alias": "enableTimeSelection"; "required": false; "isSignal": true; }; "valueLabel": { "alias": "valueLabel"; "required": true; "isSignal": true; }; "unitLabel": { "alias": "unitLabel"; "required": true; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+export {};