@siemens/element-ng 48.0.3 → 48.2.0-rc.1

package/tree-view/index.d.ts

@@ -2,8 +2,8 @@ import * as _angular_core from '@angular/core';
 import { OnInit, OnDestroy, AfterViewInit, DoCheck, TemplateRef, OnChanges, AfterViewChecked, Signal, SimpleChanges, ElementRef } from '@angular/core';
 import { MenuItem } from '@siemens/element-ng/common';
 import { MenuItem as MenuItem$1 } from '@siemens/element-ng/menu';
-import { Subject, Observable } from 'rxjs';
 import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import { Subject, Observable } from 'rxjs';
 import * as _siemens_element_ng_tree_view from '@siemens/element-ng/tree-view';
 import { FocusableOption } from '@angular/cdk/a11y';
 import { CdkMenuTrigger } from '@angular/cdk/menu';
@@ -591,11 +591,11 @@ interface TreeItem<T = any> {
     /**
      * The text shown for the tree item data field 1.
      */
-    dataField1?: string;
+    dataField1?: TranslatableString;
     /**
      * The text shown for the tree item data field 2.
      */
-    dataField2?: string;
+    dataField2?: TranslatableString;
     /**
      * The hierarchy level of the node. This will be auto-calculated by the tree view control.
      */
@@ -607,7 +607,7 @@ interface TreeItem<T = any> {
     /**
      * The text shown for the tree item label (header).
      */
-    label?: string;
+    label?: TranslatableString;
     /**
      * The parent tree item. This will be automatically set by the tree view control.
      */

package/typeahead/index.d.ts

@@ -5,6 +5,18 @@ import { ConnectionPositionPair } from '@angular/cdk/overlay';
 import { Observable } from 'rxjs';
 import * as i1 from '@siemens/element-ng/autocomplete';
 
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+
+interface MatchSegment$1 {
+    text: string;
+    isMatching: boolean;
+    matches: number;
+    uniqueMatches: number;
+}
+
 /**
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
@@ -213,7 +225,44 @@ declare class SiTypeaheadDirective implements OnChanges, OnDestroy {
     /** Emits whenever the typeahead overlay is opened or closed. */
     readonly typeaheadOpenChange: _angular_core.OutputEmitterRef<boolean>;
     /** @internal */
-    readonly foundMatches: _angular_core.WritableSignal<TypeaheadMatch[]>;
+    readonly foundMatches: _angular_core.Signal<{
+        itemSelected: any;
+        iconClass: string | undefined;
+        option: TypeaheadOption;
+        text: string;
+        result: MatchSegment$1[];
+        stringMatch: boolean;
+        atBeginning: boolean;
+        matches: number;
+        uniqueMatches: number;
+        uniqueSeparateMatches: number;
+        matchesEntireQuery: boolean;
+        matchesAllParts: boolean;
+        matchesAllPartsSeparately: boolean;
+    }[] | TypeaheadMatch[] | {
+        option: {
+            text: string;
+            option: TypeaheadOption;
+        };
+        text: string;
+        result: {
+            text: string;
+            isMatching: boolean;
+            matches: number;
+            uniqueMatches: number;
+        }[];
+        itemSelected: any;
+        iconClass: string | undefined;
+        stringMatch: boolean;
+        atBeginning: boolean;
+        matches: number;
+        uniqueMatches: number;
+        uniqueSeparateMatches: number;
+        matchesEntireQuery: boolean;
+        matchesAllParts: boolean;
+        matchesAllPartsSeparately: boolean;
+        active: boolean;
+    }[]>;
     /** @internal */
     readonly query: _angular_core.WritableSignal<string>;
     /**
@@ -226,12 +275,23 @@ declare class SiTypeaheadDirective implements OnChanges, OnDestroy {
     private autoComplete;
     private $typeahead;
     private componentRef?;
-    private component?;
     private inputTimer;
     private sourceSubscription?;
-    private subscription?;
     private matchSorter;
     private overlayRef?;
+    /**
+     * Indicates that the typeahead can be potentially open.
+     * This signal is typically `true` when the input is focussed.
+     * It may be overridden and set to `false` when escape is pressed
+     * or when an option was selected.
+     */
+    private readonly canBeOpen;
+    private readonly selectionCounter;
+    private readonly typeaheadOptions;
+    private readonly typeaheadSearch;
+    private readonly processedSearch;
+    private readonly unprocessedSearch;
+    constructor();
     ngOnChanges(changes: SimpleChanges): void;
     protected onBlur(): void;
     protected onInput(event: Event): void;
@@ -239,8 +299,29 @@ declare class SiTypeaheadDirective implements OnChanges, OnDestroy {
     protected onKeydownSpace(event: Event): void;
     ngOnDestroy(): void;
     private loadComponent;
+    /**
+     * Extracts the display value from a typeahead option.
+     *
+     * For string options, returns the string value directly.
+     * For object options, returns the value of the field specified by {@link typeaheadOptionField}
+     * (defaults to 'name'), or an empty string if the field doesn't exist.
+     *
+     * @param option - The typeahead option to extract the value from
+     * @returns The string representation of the option for display purposes
+     */
     private getOptionValue;
-    private getMatches;
+    /**
+     * Extracts a specific field value from a typeahead option.
+     *
+     * This method is used to access additional properties of object-type options,
+     * such as 'selected' for multi-select functionality or 'iconClass' for displaying icons.
+     *
+     * @param option - The typeahead option to extract the field from
+     * @param field - The name of the field to extract
+     * @returns The field value as a string if the option is an object and the field exists,
+     *          otherwise undefined
+     */
+    private getOptionField;
     /** @internal */
     selectMatch(match: TypeaheadMatch): void;
     private removeComponent;

package/wizard/index.d.ts

@@ -1,10 +1,11 @@
 import * as _angular_core from '@angular/core';
 import { ElementRef } from '@angular/core';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
 import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
 
 declare class SiWizardStepComponent {
     /** @defaultValue '' */
-    readonly heading: _angular_core.InputSignal<string>;
+    readonly heading: _angular_core.InputSignal<TranslatableString>;
     /** @defaultValue true */
     readonly isValid: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** @defaultValue true */