@siemens/element-ng 48.1.0 → 48.2.0

package/template-i18n.json

@@ -102,18 +102,24 @@
   "SI_FILTER_BAR.RESET_FILTERS": "Reset filters",
   "SI_FORM_CONTAINER.ERROR.DATE_FORMAT": "Invalid date format.",
   "SI_FORM_CONTAINER.ERROR.EMAIL": "The email is not valid.",
+  "SI_FORM_CONTAINER.ERROR.HOURS": "The hours are not valid.",
   "SI_FORM_CONTAINER.ERROR.IPV4": "Invalid IPv4 address.",
   "SI_FORM_CONTAINER.ERROR.IPV6": "Invalid IPv6 address.",
   "SI_FORM_CONTAINER.ERROR.MAX": "The value is too large.",
   "SI_FORM_CONTAINER.ERROR.MAX_DATE": "The date is too far in the future.",
   "SI_FORM_CONTAINER.ERROR.MAX_LENGTH": "A maximum number of characters is exceeded.",
+  "SI_FORM_CONTAINER.ERROR.MAX_TIME": "The time is too far in the future.",
+  "SI_FORM_CONTAINER.ERROR.MILLISECONDS": "The milliseconds are not valid.",
   "SI_FORM_CONTAINER.ERROR.MIN": "The value is too small",
+  "SI_FORM_CONTAINER.ERROR.MINUTES": "The minutes are not valid.",
   "SI_FORM_CONTAINER.ERROR.MIN_DATE": "The date is too far in the past.",
   "SI_FORM_CONTAINER.ERROR.MIN_LENGTH": "The minimum number of characters is not met.",
+  "SI_FORM_CONTAINER.ERROR.MIN_TIME": "The time is too far in the past.",
   "SI_FORM_CONTAINER.ERROR.NUMBER_FORMAT": "The value is not a valid number.",
   "SI_FORM_CONTAINER.ERROR.PATTERN": "The value does not match the predefined pattern.",
   "SI_FORM_CONTAINER.ERROR.REQUIRED": "A value is required.",
   "SI_FORM_CONTAINER.ERROR.REQUIRED_TRUE": "The value should be true.",
+  "SI_FORM_CONTAINER.ERROR.SECONDS": "The seconds are not valid.",
   "SI_ICON_STATUS.CAUTION": "Caution",
   "SI_ICON_STATUS.CRITICAL": "Critical",
   "SI_ICON_STATUS.DANGER": "Danger",
@@ -172,6 +178,7 @@
   "SI_PHOTO_UPLOAD.UPLOAD_PHOTO": "Upload photo",
   "SI_PILLS_INPUT.INPUT_ELEMENT_ARIA_LABEL": "Create item",
   "SI_PROGRESSBAR.LABEL": "Progress",
+  "SI_SEARCH_BAR.CLEAR_BUTTON": "clear",
   "SI_SELECT.NO-RESULTS-FOUND": "No results found",
   "SI_SELECT.SEARCH-PLACEHOLDER": "Search...",
   "SI_SIDE_PANEL.CLOSE": "Close",

package/tooltip/index.d.ts

@@ -36,7 +36,6 @@ declare class SiTooltipDirective implements OnDestroy {
     private tooltipRef?;
     private tooltipService;
     private elementRef;
-    private destroyer;
     ngOnDestroy(): void;
     private showTooltip;
     protected focusIn(): void;
@@ -70,6 +69,7 @@ declare class TooltipRef {
     private describedBy;
     private injector?;
     constructor(overlayRef: OverlayRef, element: ElementRef, describedBy: string, injector?: Injector | undefined);
+    private subscription?;
     show(content: TranslatableString | TemplateRef<any> | Type<any>, tooltipContext?: unknown): void;
     hide(): void;
     destroy(): void;

package/translate/index.d.ts

@@ -105,18 +105,24 @@ interface SiTranslatableKeys {
     'SI_FILTER_BAR.RESET_FILTERS'?: string;
     'SI_FORM_CONTAINER.ERROR.DATE_FORMAT'?: string;
     'SI_FORM_CONTAINER.ERROR.EMAIL'?: string;
+    'SI_FORM_CONTAINER.ERROR.HOURS'?: string;
     'SI_FORM_CONTAINER.ERROR.IPV4'?: string;
     'SI_FORM_CONTAINER.ERROR.IPV6'?: string;
     'SI_FORM_CONTAINER.ERROR.MAX'?: string;
     'SI_FORM_CONTAINER.ERROR.MAX_DATE'?: string;
     'SI_FORM_CONTAINER.ERROR.MAX_LENGTH'?: string;
+    'SI_FORM_CONTAINER.ERROR.MAX_TIME'?: string;
+    'SI_FORM_CONTAINER.ERROR.MILLISECONDS'?: string;
     'SI_FORM_CONTAINER.ERROR.MIN'?: string;
+    'SI_FORM_CONTAINER.ERROR.MINUTES'?: string;
     'SI_FORM_CONTAINER.ERROR.MIN_DATE'?: string;
     'SI_FORM_CONTAINER.ERROR.MIN_LENGTH'?: string;
+    'SI_FORM_CONTAINER.ERROR.MIN_TIME'?: string;
     'SI_FORM_CONTAINER.ERROR.NUMBER_FORMAT'?: string;
     'SI_FORM_CONTAINER.ERROR.PATTERN'?: string;
     'SI_FORM_CONTAINER.ERROR.REQUIRED'?: string;
     'SI_FORM_CONTAINER.ERROR.REQUIRED_TRUE'?: string;
+    'SI_FORM_CONTAINER.ERROR.SECONDS'?: string;
     'SI_ICON_STATUS.CAUTION'?: string;
     'SI_ICON_STATUS.CRITICAL'?: string;
     'SI_ICON_STATUS.DANGER'?: string;
@@ -175,6 +181,7 @@ interface SiTranslatableKeys {
     'SI_PHOTO_UPLOAD.UPLOAD_PHOTO'?: string;
     'SI_PILLS_INPUT.INPUT_ELEMENT_ARIA_LABEL'?: string;
     'SI_PROGRESSBAR.LABEL'?: string;
+    'SI_SEARCH_BAR.CLEAR_BUTTON'?: string;
     'SI_SELECT.NO-RESULTS-FOUND'?: string;
     'SI_SELECT.SEARCH-PLACEHOLDER'?: string;
     'SI_SIDE_PANEL.CLOSE'?: string;

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;