@siemens/element-ng 49.6.0 → 49.8.0

package/schematics/ng-update/migrate-to-v49.js

@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) Siemens 2016 - 2026
+ * SPDX-License-Identifier: MIT
+ */
+import { chain } from '@angular-devkit/schematics';
+import { getElementMigrationData } from '../migrations/data/index.js';
+import { elementMigrationRule } from '../migrations/element-migration/element-migration.js';
+import { iconPathMigrationRule } from '../migrations/icon-path-migration/index.js';
+import { missingTranslateMigrationRule } from '../migrations/ngx-translate/index.js';
+export const migrateToV49 = () => {
+    return (tree, context) => {
+        context.logger.info('🚀 Starting update from version 48 to 49...');
+        const migrationData = getElementMigrationData();
+        const options = { path: '/' };
+        return chain([
+            elementMigrationRule(options, migrationData),
+            missingTranslateMigrationRule(options),
+            iconPathMigrationRule(options)
+        ])(tree, context);
+    };
+};

package/template-i18n.json

@@ -67,6 +67,7 @@
   "SI_DATE_RANGE_FILTER.RANGE": "Range",
   "SI_DATE_RANGE_FILTER.REF_POINT": "Reference point",
   "SI_DATE_RANGE_FILTER.SEARCH": "Search",
+  "SI_DATE_RANGE_FILTER.SELECT_RANGE_END": "Select end date",
   "SI_DATE_RANGE_FILTER.TO": "To",
   "SI_DATE_RANGE_FILTER.TODAY": "Today",
   "SI_DATE_RANGE_FILTER.UNIT": "Unit",
@@ -92,7 +93,7 @@
   "SI_FILE_UPLOADER.CANCEL": "Cancel",
   "SI_FILE_UPLOADER.CLEAR": "Clear",
   "SI_FILE_UPLOADER.DROP": "Drop files here or",
-  "SI_FILE_UPLOADER.ERROR_FILE_SIZE_EXCEEDED": "File exceeds allowed maximum size",
+  "SI_FILE_UPLOADER.ERROR_FILE_SIZE_EXCEEDED": "File exceeds allowed maximum size of {{maxFileSize}}",
   "SI_FILE_UPLOADER.ERROR_FILE_TYPE": "Incorrect file type selected",
   "SI_FILE_UPLOADER.FILE_SELECT": "click to upload",
   "SI_FILE_UPLOADER.MAX_FILE_REACHED": "Max. {{maxFiles}} files",
@@ -176,6 +177,7 @@
   "SI_NAVBAR_VERTICAL.SEARCH_PLACEHOLDER": "Search ...",
   "SI_NAVBAR_VERTICAL.SKIP_LINK.MAIN_LABEL": "Main content",
   "SI_NAVBAR_VERTICAL.SKIP_LINK.NAVIGATION_LABEL": "Navigation",
+  "SI_NAVBAR_VERTICAL.TOGGLE": "Toggle",
   "SI_PAGINATION.BACK": "Back",
   "SI_PAGINATION.FORWARD": "Forward",
   "SI_PAGINATION.NAV_LABEL": "Pagination",

package/types/siemens-element-ng-card.d.ts

@@ -87,6 +87,31 @@ declare class SiCardComponent extends SiCardBaseDirective {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiCardComponent, "si-card", never, { "primaryActions": { "alias": "primaryActions"; "required": false; "isSignal": true; }; "secondaryActions": { "alias": "secondaryActions"; "required": false; "isSignal": true; }; "actionParam": { "alias": "actionParam"; "required": false; "isSignal": true; }; "actionBarViewType": { "alias": "actionBarViewType"; "required": false; "isSignal": true; }; "actionBarTitle": { "alias": "actionBarTitle"; "required": false; "isSignal": true; }; }, {}, never, ["[headerIcon]", "[body]", "[footer]"], true, never>;
 }
 
+/**
+ * Shared card header used internally by `SiCardComponent`, `SiActionCardComponent`,
+ * and `SiDashboardCardComponent`. Not intended for direct use by consuming applications.
+ *
+ * @internal
+ */
+declare class SiCardHeaderComponent {
+    readonly heading: _angular_core.InputSignal<TranslatableString | undefined>;
+    readonly subHeading: _angular_core.InputSignal<TranslatableString | undefined>;
+    readonly headingId: _angular_core.InputSignal<string | undefined>;
+    readonly subHeadingId: _angular_core.InputSignal<string | undefined>;
+    /** @defaultValue [] */
+    readonly primaryActions: _angular_core.InputSignal<(MenuItem | ContentActionBarMainItem)[]>;
+    /** @defaultValue [] */
+    readonly secondaryActions: _angular_core.InputSignal<(MenuItem | MenuItem$1)[]>;
+    readonly actionParam: _angular_core.InputSignal<unknown>;
+    /** @defaultValue 'collapsible' */
+    readonly actionBarViewType: _angular_core.InputSignal<ViewType>;
+    /** @defaultValue '' */
+    readonly actionBarTitle: _angular_core.InputSignal<TranslatableString>;
+    readonly displayContentActionBar: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiCardHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiCardHeaderComponent, "si-card-header", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "subHeading": { "alias": "subHeading"; "required": false; "isSignal": true; }; "headingId": { "alias": "headingId"; "required": false; "isSignal": true; }; "subHeadingId": { "alias": "subHeadingId"; "required": false; "isSignal": true; }; "primaryActions": { "alias": "primaryActions"; "required": false; "isSignal": true; }; "secondaryActions": { "alias": "secondaryActions"; "required": false; "isSignal": true; }; "actionParam": { "alias": "actionParam"; "required": false; "isSignal": true; }; "actionBarViewType": { "alias": "actionBarViewType"; "required": false; "isSignal": true; }; "actionBarTitle": { "alias": "actionBarTitle"; "required": false; "isSignal": true; }; }, {}, never, ["[headerIcon]"], true, never>;
+}
+
 /**
  * An action card component that extends the base card component with option to
  * either select the whole card or trigger an action.
@@ -127,4 +152,4 @@ declare class SiCardModule {
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiCardModule>;
 }
 
-export { SiActionCardComponent, SiCardComponent, SiCardModule };
+export { SiActionCardComponent, SiCardComponent, SiCardHeaderComponent, SiCardModule };

package/types/siemens-element-ng-common.d.ts

@@ -3,7 +3,7 @@ import * as i0 from '@angular/core';
 import { InjectionToken, Type, Provider, ElementRef } from '@angular/core';
 import { Link } from '@siemens/element-ng/link';
 import { TranslatableString } from '@siemens/element-translate-ng/translate';
-import { ConnectionPositionPair, ConnectedOverlayPositionChange, Overlay, OverlayRef, FlexibleConnectedPositionStrategy, PositionStrategy } from '@angular/cdk/overlay';
+import { ConnectionPositionPair, ConnectedOverlayPositionChange, Overlay, ScrollStrategy, OverlayRef, FlexibleConnectedPositionStrategy, PositionStrategy } from '@angular/cdk/overlay';
 
 /**
  * A global blink pulse generator for synchronized blinking patterns across an entire application.
@@ -381,8 +381,8 @@ declare const listenGlobal: (eventName: string, handler: (e: any) => void, activ
  */
 
 declare function makePositionStrategy(elementRef: ElementRef<any> | undefined, overlay: Overlay, placement: keyof typeof positions | ConnectionPositionPair[], constrain?: boolean, center?: boolean): PositionStrategy;
-declare function makeOverlay(positionStrategy: PositionStrategy, overlay: Overlay, hasBackdrop: boolean): OverlayRef;
-declare function getOverlay(elementRef: ElementRef<any>, overlay: Overlay, hasBackdrop: boolean, placement: keyof typeof positions | ConnectionPositionPair[], constrain?: boolean, center?: boolean): OverlayRef;
+declare function makeOverlay(positionStrategy: PositionStrategy, overlay: Overlay, hasBackdrop: boolean, scrollStrategy?: ScrollStrategy): OverlayRef;
+declare function getOverlay(elementRef: ElementRef<any>, overlay: Overlay, hasBackdrop: boolean, placement: keyof typeof positions | ConnectionPositionPair[], constrain?: boolean, center?: boolean, scrollStrategy?: ScrollStrategy): OverlayRef;
 declare function getPositionStrategy(overlayref: OverlayRef): FlexibleConnectedPositionStrategy | undefined;
 declare function getOverlayPositions(elementRef: ElementRef<any>, placement: keyof typeof positions | ConnectionPositionPair[], center?: boolean): ConnectionPositionPair[];
 declare function hasTrigger(trigger: string, triggers?: string): boolean;

package/types/siemens-element-ng-dashboard.d.ts

@@ -292,6 +292,7 @@ type SortOrder = 'ASC' | 'DSC';
  * used for composition within other components.
  */
 declare class SiListWidgetBodyComponent extends SiWidgetBaseDirective<SiListWidgetItem[]> implements OnChanges {
+    private readonly translateService;
     /** Optional footer link for the list widget */
     readonly link: _angular_core.InputSignal<Link | undefined>;
     /**
@@ -302,7 +303,7 @@ declare class SiListWidgetBodyComponent extends SiWidgetBaseDirective<SiListWidg
      * t(() => $localize`:@@SI_LIST_WIDGET.SEARCH_PLACEHOLDER:Search...`)
      * ```
      */
-    readonly searchPlaceholderLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
+    readonly searchPlaceholderLabel: _angular_core.InputSignal<TranslatableString>;
     /**
      * Enable ascending and descending SiListWidgetItem sorting. If enabled,
      * items are initially ascending sorted.
@@ -368,6 +369,8 @@ declare class SiListWidgetBodyComponent extends SiWidgetBaseDirective<SiListWidg
     readonly numberOfLinks: _angular_core.InputSignal<number>;
     /** Used to display the defined number of ghost items */
     protected readonly ghosts: _angular_core.Signal<any[]>;
+    /** Replica of value with pre-translated labels, recomputed when value or language changes. */
+    private readonly translatedItems;
     /** Holds the list items that are displayed. May be filtered and sorted. */
     protected readonly filteredListWidgetItems: _angular_core.Signal<SiListWidgetItem[] | undefined>;
     protected readonly searchText: _angular_core.ModelSignal<string>;

package/types/siemens-element-ng-date-range-filter.d.ts

@@ -257,6 +257,15 @@ declare class SiDateRangeFilterComponent implements OnChanges {
      * ```
      */
     readonly applyLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
+    /**
+     * label for the "select end date" in preview
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_DATE_RANGE_FILTER.SELECT_RANGE_END:Select end date`)
+     * ```
+     */
+    readonly rangeEndDateMissingLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     /** Event fired when the apply button has been clicked */
     readonly applyClicked: _angular_core.OutputEmitterRef<void>;
     /** Base configuration on how the dates should be displayed, parts of it may be overwritten internally. */
@@ -293,7 +302,7 @@ declare class SiDateRangeFilterComponent implements OnChanges {
     protected point2Changed(): void;
     protected selectPresetItem(event: Event, item: DateRangePreset): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiDateRangeFilterComponent, never>;
-    static ɵcmp: _angular_core.ɵɵ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>;
+    static ɵcmp: _angular_core.ɵɵ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; }; "rangeEndDateMissingLabel": { "alias": "rangeEndDateMissingLabel"; "required": false; "isSignal": true; }; "datepickerConfig": { "alias": "datepickerConfig"; "required": false; "isSignal": true; }; }, { "range": "rangeChange"; "applyClicked": "applyClicked"; }, never, never, true, never>;
 }
 
 declare class SiDateRangeFilterModule {

package/types/siemens-element-ng-file-uploader.d.ts

@@ -17,6 +17,7 @@ interface UploadFile {
     fileName: string;
     size: string;
     errorText?: TranslatableString;
+    errorParams?: Record<string, unknown>;
     progress: number;
 }
 
@@ -57,7 +58,7 @@ declare class SiFileUploadDirective {
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_FILE_UPLOADER.ERROR_FILE_SIZE_EXCEEDED:File exceeds allowed maximum size`)
+     * t(() => $localize`:@@SI_FILE_UPLOADER.ERROR_FILE_SIZE_EXCEEDED:File exceeds allowed maximum size of {{maxFileSize}}`)
      * ```
      */
     readonly errorTextFileMaxSize: _angular_core.InputSignal<TranslatableString>;
@@ -177,7 +178,7 @@ declare class SiFileDropzoneComponent {
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_FILE_UPLOADER.ERROR_FILE_SIZE_EXCEEDED:File exceeds allowed maximum size`)
+     * t(() => $localize`:@@SI_FILE_UPLOADER.ERROR_FILE_SIZE_EXCEEDED:File exceeds allowed maximum size of {{maxFileSize}}`)
      * ```
      */
     readonly errorTextFileMaxSize: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
@@ -399,7 +400,7 @@ declare class SiFileUploaderComponent implements OnChanges {
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_FILE_UPLOADER.ERROR_FILE_SIZE_EXCEEDED:File exceeds allowed maximum size`)
+     * t(() => $localize`:@@SI_FILE_UPLOADER.ERROR_FILE_SIZE_EXCEEDED:File exceeds allowed maximum size of {{maxFileSize}}`)
      * ```
      */
     readonly errorTextFileMaxSize: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;

package/types/siemens-element-ng-filtered-search.d.ts

@@ -432,7 +432,7 @@ declare class SiFilteredSearchComponent implements OnInit, OnChanges {
         criterionName: string;
         value?: string;
     }): void;
-    protected onSearchValueChange(value: string): void;
+    protected onSearchValueChange(): void;
     protected valueChange(value: CriterionValue, criterion: {
         config: InternalCriterionDefinition;
         value: CriterionValue;

package/types/siemens-element-ng-loading-spinner.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { InjectionToken, OnInit, OnChanges, OnDestroy } from '@angular/core';
+import { InjectionToken, OnInit, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
 import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
 import { TranslatableString } from '@siemens/element-translate-ng/translate';
 import * as rxjs from 'rxjs';
@@ -93,11 +93,13 @@ declare class SiLoadingSpinnerDirective implements OnInit, OnChanges, OnDestroy
     private minSpinTime;
     private portalOutlet?;
     private readonly compPortal;
+    private compPortalRef;
     protected readonly spinner$: rxjs.Observable<boolean>;
     private createPortal;
     ngOnInit(): void;
-    ngOnChanges(): void;
+    ngOnChanges(changes: SimpleChanges<this>): void;
     ngOnDestroy(): void;
+    private createPortalInjector;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiLoadingSpinnerDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiLoadingSpinnerDirective, "[siLoading]", never, { "siLoading": { "alias": "siLoading"; "required": true; "isSignal": true; }; "blocking": { "alias": "blocking"; "required": false; "isSignal": true; }; "initialDelay": { "alias": "initialDelay"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }