@siemens/element-ng 49.3.0 → 49.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/fesm2022/siemens-element-ng-chat-messages.mjs +4 -4
  2. package/fesm2022/siemens-element-ng-chat-messages.mjs.map +1 -1
  3. package/fesm2022/siemens-element-ng-datatable.mjs +1 -1
  4. package/fesm2022/siemens-element-ng-datatable.mjs.map +1 -1
  5. package/fesm2022/siemens-element-ng-date-range-filter.mjs +13 -18
  6. package/fesm2022/siemens-element-ng-date-range-filter.mjs.map +1 -1
  7. package/fesm2022/siemens-element-ng-datepicker.mjs +35 -5
  8. package/fesm2022/siemens-element-ng-datepicker.mjs.map +1 -1
  9. package/fesm2022/siemens-element-ng-file-uploader.mjs +2 -2
  10. package/fesm2022/siemens-element-ng-file-uploader.mjs.map +1 -1
  11. package/fesm2022/siemens-element-ng-filtered-search.mjs +123 -91
  12. package/fesm2022/siemens-element-ng-filtered-search.mjs.map +1 -1
  13. package/fesm2022/siemens-element-ng-formly.mjs +1 -1
  14. package/fesm2022/siemens-element-ng-formly.mjs.map +1 -1
  15. package/fesm2022/siemens-element-ng-list-details.mjs +1 -1
  16. package/fesm2022/siemens-element-ng-list-details.mjs.map +1 -1
  17. package/fesm2022/siemens-element-ng-loading-spinner.mjs +2 -2
  18. package/fesm2022/siemens-element-ng-loading-spinner.mjs.map +1 -1
  19. package/fesm2022/siemens-element-ng-markdown-renderer.mjs +2 -2
  20. package/fesm2022/siemens-element-ng-markdown-renderer.mjs.map +1 -1
  21. package/fesm2022/siemens-element-ng-modal.mjs +6 -17
  22. package/fesm2022/siemens-element-ng-modal.mjs.map +1 -1
  23. package/fesm2022/siemens-element-ng-navbar-vertical-next.mjs +702 -0
  24. package/fesm2022/siemens-element-ng-navbar-vertical-next.mjs.map +1 -0
  25. package/fesm2022/siemens-element-ng-number-input.mjs +2 -2
  26. package/fesm2022/siemens-element-ng-number-input.mjs.map +1 -1
  27. package/fesm2022/siemens-element-ng-search-bar.mjs +2 -2
  28. package/fesm2022/siemens-element-ng-search-bar.mjs.map +1 -1
  29. package/fesm2022/siemens-element-ng-side-panel.mjs +2 -2
  30. package/fesm2022/siemens-element-ng-side-panel.mjs.map +1 -1
  31. package/fesm2022/siemens-element-ng-threshold.mjs +14 -3
  32. package/fesm2022/siemens-element-ng-threshold.mjs.map +1 -1
  33. package/fesm2022/siemens-element-ng-tooltip.mjs +2 -2
  34. package/fesm2022/siemens-element-ng-tooltip.mjs.map +1 -1
  35. package/fesm2022/siemens-element-ng-tree-view.mjs +11 -8
  36. package/fesm2022/siemens-element-ng-tree-view.mjs.map +1 -1
  37. package/navbar-vertical-next/package.json +4 -0
  38. package/package.json +7 -3
  39. package/types/siemens-element-ng-filtered-search.d.ts +12 -10
  40. package/types/siemens-element-ng-markdown-renderer.d.ts +1 -1
  41. package/types/siemens-element-ng-navbar-vertical-next.d.ts +264 -0
  42. package/types/siemens-element-ng-threshold.d.ts +16 -6
  43. package/types/siemens-element-ng-tree-view.d.ts +1 -0
@@ -0,0 +1,4 @@
1
+ {
2
+ "module": "../fesm2022/siemens-element-ng-navbar-vertical-next.mjs",
3
+ "typings": "../types/siemens-element-ng-navbar-vertical-next.d.ts"
4
+ }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@siemens/element-ng",
3
3
  "description": "Element Angular component library, implementing the Siemens Design Language",
4
- "version": "49.3.0",
4
+ "version": "49.5.0",
5
5
  "license": "MIT",
6
6
  "repository": {
7
7
  "type": "git",
@@ -43,8 +43,8 @@
43
43
  "@ngx-formly/bootstrap": "^6.2.2",
44
44
  "@ngx-formly/core": "^6.2.2",
45
45
  "@siemens/element-icons": "1",
46
- "@siemens/element-translate-ng": "49.3.0",
47
- "@siemens/element-theme": "49.3.0",
46
+ "@siemens/element-translate-ng": "49.5.0",
47
+ "@siemens/element-theme": "49.5.0",
48
48
  "@siemens/ngx-datatable": "22 - 26",
49
49
  "ag-grid-community": "^34.3.1",
50
50
  "flag-icons": "^7.3.2",
@@ -288,6 +288,10 @@
288
288
  "types": "./types/siemens-element-ng-navbar-vertical.d.ts",
289
289
  "default": "./fesm2022/siemens-element-ng-navbar-vertical.mjs"
290
290
  },
291
+ "./navbar-vertical-next": {
292
+ "types": "./types/siemens-element-ng-navbar-vertical-next.d.ts",
293
+ "default": "./fesm2022/siemens-element-ng-navbar-vertical-next.mjs"
294
+ },
291
295
  "./notification-item": {
292
296
  "types": "./types/siemens-element-ng-notification-item.d.ts",
293
297
  "default": "./fesm2022/siemens-element-ng-notification-item.mjs"
@@ -1,7 +1,6 @@
1
1
  import * as _angular_core from '@angular/core';
2
2
  import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
3
3
  import { BackgroundColorVariant } from '@siemens/element-ng/common';
4
- import { TypeaheadOption } from '@siemens/element-ng/typeahead';
5
4
  import { TranslatableString } from '@siemens/element-translate-ng/translate';
6
5
  import { Observable } from 'rxjs';
7
6
  import { DatepickerInputConfig } from '@siemens/element-ng/datepicker';
@@ -147,7 +146,6 @@ interface InternalCriterionDefinition extends CriterionDefinition {
147
146
  }
148
147
 
149
148
  declare class SiFilteredSearchComponent implements OnInit, OnChanges {
150
- private static readonly criterionRegex;
151
149
  /**
152
150
  * Output callback event that provides an object describing the
153
151
  * selected criteria and additional filter text.
@@ -366,7 +364,7 @@ declare class SiFilteredSearchComponent implements OnInit, OnChanges {
366
364
  * ```
367
365
  */
368
366
  readonly interceptDisplayedCriteria: _angular_core.OutputEmitterRef<DisplayedCriteriaEventArgs>;
369
- private readonly freeTextInputElement;
367
+ private readonly freeTextInput;
370
368
  private readonly scrollContainer;
371
369
  private readonly valueComponents;
372
370
  protected dataSource: Observable<InternalCriterionDefinition[]>;
@@ -379,14 +377,12 @@ declare class SiFilteredSearchComponent implements OnInit, OnChanges {
379
377
  /** Internal criteria model */
380
378
  protected internalCriterionDefinitions: InternalCriterionDefinition[];
381
379
  protected readonly icons: Record<"elementCancel" | "elementSearch", string>;
382
- /** Used to trigger a renewed search */
383
- private typeaheadInputChange;
384
380
  /** Used to debounce the Search emissions */
385
381
  private searchEmitQueue;
386
382
  private readonly destroyRef;
387
- private readonly cdRef;
388
383
  private readonly translateService;
389
384
  private readonly locale;
385
+ private readonly freeTextFocused;
390
386
  protected readonly allowFreeTextCache: _angular_core.WritableSignal<boolean>;
391
387
  private lastEmittedSearchCriteria?;
392
388
  protected readonly isStrictOrOnlySelectValue: _angular_core.Signal<boolean>;
@@ -413,7 +409,6 @@ declare class SiFilteredSearchComponent implements OnInit, OnChanges {
413
409
  triggerSearch: boolean;
414
410
  } | void): void;
415
411
  protected submit(): void;
416
- protected typeaheadOnSelectCriterion(event: TypeaheadOption): void;
417
412
  protected validateCriterionLabel(criterion: InternalCriterionDefinition): boolean;
418
413
  /**
419
414
  * Converts the internally used data model to the external model.
@@ -428,9 +423,16 @@ declare class SiFilteredSearchComponent implements OnInit, OnChanges {
428
423
  private getFilteredTypeaheadCriteria;
429
424
  private getCriteriaToDisplayFromSubscription;
430
425
  protected freeTextFocus(): void;
431
- protected freeTextBackspace(event: Event): void;
432
- protected freeTextInput(event: Event): void;
433
- protected freeTextBlur(): void;
426
+ protected freeTextBackspace(): void;
427
+ protected onCreateCriterion(event: {
428
+ criterion: InternalCriterionDefinition;
429
+ value?: string;
430
+ }): void;
431
+ protected onCreateCriterionByName(event: {
432
+ criterionName: string;
433
+ value?: string;
434
+ }): void;
435
+ protected onSearchValueChange(value: string): void;
434
436
  protected valueChange(value: CriterionValue, criterion: {
435
437
  config: InternalCriterionDefinition;
436
438
  value: CriterionValue;
@@ -13,7 +13,7 @@ declare class SiMarkdownRendererComponent {
13
13
  * The markdown text to transform and display
14
14
  * @defaultValue ''
15
15
  */
16
- readonly text: i0.InputSignal<string>;
16
+ readonly text: i0.InputSignal<string | undefined>;
17
17
  constructor();
18
18
  static ɵfac: i0.ɵɵFactoryDeclaration<SiMarkdownRendererComponent, never>;
19
19
  static ɵcmp: i0.ɵɵComponentDeclaration<SiMarkdownRendererComponent, "si-markdown-renderer", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -0,0 +1,264 @@
1
+ import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
2
+ import { TranslatableString } from '@siemens/element-translate-ng/translate';
3
+ import * as _angular_core from '@angular/core';
4
+ import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
5
+ import { NavigationExtras, IsActiveMatchOptions, ActivatedRoute } from '@angular/router';
6
+ import { MenuItem } from '@siemens/element-ng/common';
7
+
8
+ /**
9
+ * Copyright (c) Siemens 2016 - 2026
10
+ * SPDX-License-Identifier: MIT
11
+ */
12
+
13
+ /**
14
+ * Common properties shared among navbar item types.
15
+ * @experimental
16
+ */
17
+ interface NavbarVerticalNextItemBase {
18
+ /** The ID is required if the navbar is used with UIState. */
19
+ id?: string;
20
+ /** Label that is shown to the user. */
21
+ label: TranslatableString;
22
+ /** Optional icon that will be rendered before the label. */
23
+ icon?: string;
24
+ /** Badge that is rendered after the label or as a red dot in the collapsed state. */
25
+ badge?: string | number;
26
+ /** Color of the badge.
27
+ * Use any color shown here {@link https://element.siemens.io/components/status-notifications/badges/#example}
28
+ * without `bg-` prefix.
29
+ */
30
+ badgeColor?: string;
31
+ /**
32
+ * Hide badge when navbar is collapsed.
33
+ * By default, badges are always visible (both expanded and collapsed).
34
+ */
35
+ hideBadgeWhenCollapsed?: boolean;
36
+ }
37
+ /**
38
+ * Use this type to create a group that can hold multiple items.
39
+ * @experimental
40
+ */
41
+ interface NavbarVerticalNextItemGroup extends NavbarVerticalNextItemBase {
42
+ type: 'group';
43
+ /** Submenu items for this menu item. */
44
+ children: NavbarVerticalNextSubItem[];
45
+ /** Set this property if the item should be expanded by default. */
46
+ expanded?: boolean;
47
+ }
48
+ /**
49
+ * Use this type to create a routerLink item.
50
+ * @experimental
51
+ */
52
+ interface NavbarVerticalNextItemRouterLink extends NavbarVerticalNextItemBase {
53
+ type: 'router-link';
54
+ /** Link for the angular router. Accepts the same values as {@link RouterLink}. */
55
+ routerLink: string | any[];
56
+ /** Navigation extras that are passed to the {@link RouterLink}. */
57
+ extras?: NavigationExtras;
58
+ /** Active match options for routerLinkActive */
59
+ activeMatchOptions?: {
60
+ exact: boolean;
61
+ } | IsActiveMatchOptions;
62
+ }
63
+ /**
64
+ * Use this type to create an href link that will cause a real navigation.
65
+ * @experimental
66
+ */
67
+ interface NavbarVerticalNextItemLink extends NavbarVerticalNextItemBase {
68
+ type: 'link';
69
+ /** The href property of the anchor. */
70
+ href: string;
71
+ /** The target property of the anchor. */
72
+ target?: string;
73
+ }
74
+ /**
75
+ * AVOID USING THIS TYPE!
76
+ * Actions inside the navbar are an indication for a code smell.
77
+ *
78
+ * Use {@link NavbarVerticalNextItemRouterLink} instead whenever possible.
79
+ * @experimental
80
+ */
81
+ interface NavbarVerticalNextItemAction extends NavbarVerticalNextItemBase {
82
+ type: 'action';
83
+ /** Action that is called when the navbar item is triggered. */
84
+ action: (source: this) => void;
85
+ /**
86
+ * The active state of the item.
87
+ * Note: It must be set manually.
88
+ */
89
+ active?: boolean;
90
+ }
91
+ /** @experimental */
92
+ interface NavbarVerticalNextItemHeader {
93
+ type: 'header';
94
+ label: TranslatableString;
95
+ }
96
+ /** @experimental */
97
+ interface NavbarVerticalNextItemDivider {
98
+ type: 'divider';
99
+ }
100
+ /**
101
+ * Union type for all possible all items in the navbar.
102
+ * @experimental
103
+ */
104
+ type NavbarVerticalNextItem = NavbarVerticalNextItemGroup | NavbarVerticalNextItemRouterLink | NavbarVerticalNextItemLink | NavbarVerticalNextItemAction | NavbarVerticalNextItemHeader | NavbarVerticalNextItemDivider;
105
+ /**
106
+ * Union type for all items that can be wrapped in a group.
107
+ * @experimental
108
+ */
109
+ type NavbarVerticalNextSubItem = NavbarVerticalNextItemRouterLink | NavbarVerticalNextItemLink | NavbarVerticalNextItemAction;
110
+
111
+ /**
112
+ * Required to have compiler checks on the factory template
113
+ * @experimental
114
+ */
115
+ declare class SiNavbarVerticalNextItemGuardDirective {
116
+ static ngTemplateContextGuard(dir: SiNavbarVerticalNextItemGuardDirective, ctx: any): ctx is {
117
+ item: NavbarVerticalNextItem;
118
+ group: NavbarVerticalNextItemGroup;
119
+ };
120
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiNavbarVerticalNextItemGuardDirective, never>;
121
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiNavbarVerticalNextItemGuardDirective, "[siNavbarVerticalNextItemGuard]", never, {}, {}, never, never, true, never>;
122
+ }
123
+ /** @experimental */
124
+ declare class SiNavbarVerticalNextComponent implements OnChanges, OnInit {
125
+ protected readonly icons: Record<"elementSearch" | "elementDoubleLeft" | "elementDoubleRight", string>;
126
+ /**
127
+ * Whether the navbar-vertical is collapsed.
128
+ *
129
+ * @defaultValue false
130
+ */
131
+ readonly collapsed: _angular_core.ModelSignal<boolean>;
132
+ /**
133
+ * Toggles search bar
134
+ *
135
+ * @defaultValue false
136
+ */
137
+ readonly searchable: _angular_core.InputSignalWithTransform<boolean, unknown>;
138
+ /**
139
+ * Placeholder text for search
140
+ *
141
+ * @defaultValue
142
+ * ```
143
+ * t(() => $localize`:@@SI_NAVBAR_VERTICAL.SEARCH_PLACEHOLDER:Search ...`)
144
+ * ```
145
+ */
146
+ readonly searchPlaceholder: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
147
+ /**
148
+ * List of vertical navigation items
149
+ *
150
+ * @defaultValue []
151
+ */
152
+ readonly items: _angular_core.ModelSignal<(MenuItem | NavbarVerticalNextItem)[]>;
153
+ /**
154
+ * Set to `true` if there are no icons
155
+ *
156
+ * @defaultValue false
157
+ */
158
+ /**
159
+ * Set to `true` if there are no icons
160
+ *
161
+ * @defaultValue false
162
+ */
163
+ readonly textOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
164
+ /**
165
+ * Set to false to hide the vertical navbar
166
+ *
167
+ * @defaultValue true
168
+ */
169
+ /**
170
+ * Set to false to hide the vertical navbar
171
+ *
172
+ * @defaultValue true
173
+ */
174
+ readonly visible: _angular_core.InputSignalWithTransform<boolean, unknown>;
175
+ /**
176
+ * Text for the navbar expand button. Required for a11y
177
+ *
178
+ * @defaultValue
179
+ * ```
180
+ * t(() => $localize`:@@SI_NAVBAR_VERTICAL.EXPAND:Expand`)
181
+ * ```
182
+ */
183
+ readonly navbarExpandButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
184
+ /**
185
+ * Text for the navbar collapse button. Required for a11y
186
+ *
187
+ * @defaultValue
188
+ * ```
189
+ * t(() => $localize`:@@SI_NAVBAR_VERTICAL.COLLAPSE:Collapse`)
190
+ * ```
191
+ */
192
+ readonly navbarCollapseButtonText: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
193
+ /**
194
+ * An optional stateId to uniquely identify a component instance.
195
+ * Required for persistence of ui state.
196
+ */
197
+ readonly stateId: _angular_core.InputSignal<string | undefined>;
198
+ /**
199
+ * Label for the skip link to the vertical navbar
200
+ *
201
+ * @defaultValue
202
+ * ```
203
+ * t(() => $localize`:@@SI_NAVBAR_VERTICAL.SKIP_LINK.NAVIGATION_LABEL:Navigation`)
204
+ * ```
205
+ */
206
+ readonly skipLinkNavigationLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
207
+ /**
208
+ * Label for the skip link to main content
209
+ *
210
+ * @defaultValue
211
+ * ```
212
+ * t(() => $localize`:@@SI_NAVBAR_VERTICAL.SKIP_LINK.MAIN_LABEL:Main content`)
213
+ * ```
214
+ */
215
+ readonly skipLinkMainContentLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
216
+ /**
217
+ * Debounce time for the search input
218
+ * @defaultValue 400
219
+ */
220
+ readonly searchDebounceTime: _angular_core.InputSignal<number>;
221
+ /**
222
+ * Output for search bar input
223
+ */
224
+ readonly searchEvent: _angular_core.OutputEmitterRef<string>;
225
+ private readonly searchBar;
226
+ protected readonly activatedRoute: ActivatedRoute | null;
227
+ protected readonly ready = true;
228
+ private uiStateService;
229
+ private breakpointObserver;
230
+ private readonly navbarItems;
231
+ private readonly navbarItemsLegacy;
232
+ private readonly itemsToComponents;
233
+ protected readonly smallScreen: _angular_core.WritableSignal<boolean>;
234
+ protected readonly uiStateExpandedItems: _angular_core.WritableSignal<Record<string, boolean>>;
235
+ private preferCollapse;
236
+ constructor();
237
+ ngOnChanges(changes: SimpleChanges<this>): void;
238
+ ngOnInit(): void;
239
+ protected toggleCollapse(): void;
240
+ /** Expands the vertical navbar. */
241
+ expand(): void;
242
+ /** Collapses the vertical navbar. */
243
+ collapse(): void;
244
+ protected expandForSearch(): void;
245
+ protected doSearch(event: string): void;
246
+ /** @internal */
247
+ groupTriggered(): void;
248
+ protected saveUIState(): void;
249
+ /** @internal */
250
+ itemTriggered(): void;
251
+ protected isLegacyStyle(item: MenuItem | NavbarVerticalNextItem): item is MenuItem;
252
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiNavbarVerticalNextComponent, never>;
253
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiNavbarVerticalNextComponent, "si-navbar-vertical-next", never, { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "textOnly": { "alias": "textOnly"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "navbarExpandButtonText": { "alias": "navbarExpandButtonText"; "required": false; "isSignal": true; }; "navbarCollapseButtonText": { "alias": "navbarCollapseButtonText"; "required": false; "isSignal": true; }; "stateId": { "alias": "stateId"; "required": false; "isSignal": true; }; "skipLinkNavigationLabel": { "alias": "skipLinkNavigationLabel"; "required": false; "isSignal": true; }; "skipLinkMainContentLabel": { "alias": "skipLinkMainContentLabel"; "required": false; "isSignal": true; }; "searchDebounceTime": { "alias": "searchDebounceTime"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "items": "itemsChange"; "searchEvent": "searchEvent"; }, never, ["*"], true, never>;
254
+ }
255
+
256
+ /** @experimental */
257
+ declare class SiNavbarVerticalNextModule {
258
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiNavbarVerticalNextModule, never>;
259
+ static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiNavbarVerticalNextModule, never, [typeof SiNavbarVerticalNextComponent], [typeof SiNavbarVerticalNextComponent]>;
260
+ static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiNavbarVerticalNextModule>;
261
+ }
262
+
263
+ export { SiNavbarVerticalNextComponent, SiNavbarVerticalNextItemGuardDirective, SiNavbarVerticalNextModule };
264
+ export type { NavbarVerticalNextItem, NavbarVerticalNextItemAction, NavbarVerticalNextItemBase, NavbarVerticalNextItemDivider, NavbarVerticalNextItemGroup, NavbarVerticalNextItemHeader, NavbarVerticalNextItemLink, NavbarVerticalNextItemRouterLink, NavbarVerticalNextSubItem };
@@ -1,7 +1,7 @@
1
- import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
2
1
  import * as _angular_core from '@angular/core';
3
2
  import { OnChanges } from '@angular/core';
4
3
  import { SelectOption } from '@siemens/element-ng/select';
4
+ import { TranslatableString } from '@siemens/element-translate-ng/translate';
5
5
 
6
6
  /**
7
7
  * One step in a list of thresholds
@@ -13,6 +13,8 @@ interface ThresholdStep {
13
13
  optionValue: string;
14
14
  /** When set to `false`, input fields are highlighted as invalid */
15
15
  valid?: boolean;
16
+ /** Optional alias label for the threshold step, used when `useAliasForStepValues` is `true` */
17
+ aliasLabel?: TranslatableString;
16
18
  }
17
19
  declare class SiThresholdComponent implements OnChanges {
18
20
  /**
@@ -101,7 +103,7 @@ declare class SiThresholdComponent implements OnChanges {
101
103
  * t(() => $localize`:@@SI_THRESHOLD.DELETE:Delete step`)
102
104
  * ```
103
105
  */
104
- readonly deleteAriaLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
106
+ readonly deleteAriaLabel: _angular_core.InputSignal<TranslatableString>;
105
107
  /**
106
108
  * The aria-label for add button
107
109
  *
@@ -110,7 +112,7 @@ declare class SiThresholdComponent implements OnChanges {
110
112
  * t(() => $localize`:@@SI_THRESHOLD.ADD:Add step`)
111
113
  * ```
112
114
  */
113
- readonly addAriaLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
115
+ readonly addAriaLabel: _angular_core.InputSignal<TranslatableString>;
114
116
  /**
115
117
  * The aria-label for input field
116
118
  *
@@ -119,7 +121,7 @@ declare class SiThresholdComponent implements OnChanges {
119
121
  * t(() => $localize`:@@SI_THRESHOLD.INPUT_LABEL:Threshold value`)
120
122
  * ```
121
123
  */
122
- readonly inputAriaLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
124
+ readonly inputAriaLabel: _angular_core.InputSignal<TranslatableString>;
123
125
  /**
124
126
  * The aria-label for status selection
125
127
  *
@@ -128,7 +130,14 @@ declare class SiThresholdComponent implements OnChanges {
128
130
  * t(() => $localize`:@@SI_THRESHOLD.STATUS:Status`)
129
131
  * ```
130
132
  */
131
- readonly statusAriaLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
133
+ readonly statusAriaLabel: _angular_core.InputSignal<TranslatableString>;
134
+ /**
135
+ * When enabled, numeric step inputs are replaced with readonly text fields displaying the `aliasLabel` of each step.
136
+ * Add/remove step buttons are also hidden.
137
+ *
138
+ * @defaultValue false
139
+ */
140
+ readonly useAliasForStepValues: _angular_core.InputSignalWithTransform<boolean, unknown>;
132
141
  /** Fired when validation status changes */
133
142
  readonly validChange: _angular_core.OutputEmitterRef<boolean>;
134
143
  protected readonly colors: _angular_core.Signal<string[]>;
@@ -139,13 +148,14 @@ declare class SiThresholdComponent implements OnChanges {
139
148
  */
140
149
  get valid(): boolean;
141
150
  private readonly numberInputs;
151
+ protected readonly showAddRemoveButtons: _angular_core.Signal<boolean>;
142
152
  ngOnChanges(): void;
143
153
  protected deleteStep(index: number): void;
144
154
  protected addStep(index: number): void;
145
155
  protected stepChange(): void;
146
156
  private validate;
147
157
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiThresholdComponent, never>;
148
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiThresholdComponent, "si-threshold", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "thresholdSteps": { "alias": "thresholdSteps"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "stepSize": { "alias": "stepSize"; "required": false; "isSignal": true; }; "maxSteps": { "alias": "maxSteps"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "canAddRemoveSteps": { "alias": "canAddRemoveSteps"; "required": false; "isSignal": true; }; "horizontalLayout": { "alias": "horizontalLayout"; "required": false; "isSignal": true; }; "showDecIncButtons": { "alias": "showDecIncButtons"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "readonlyConditions": { "alias": "readonlyConditions"; "required": false; "isSignal": true; }; "deleteAriaLabel": { "alias": "deleteAriaLabel"; "required": false; "isSignal": true; }; "addAriaLabel": { "alias": "addAriaLabel"; "required": false; "isSignal": true; }; "inputAriaLabel": { "alias": "inputAriaLabel"; "required": false; "isSignal": true; }; "statusAriaLabel": { "alias": "statusAriaLabel"; "required": false; "isSignal": true; }; }, { "thresholdSteps": "thresholdStepsChange"; "validChange": "validChange"; }, never, never, true, never>;
158
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiThresholdComponent, "si-threshold", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "thresholdSteps": { "alias": "thresholdSteps"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "stepSize": { "alias": "stepSize"; "required": false; "isSignal": true; }; "maxSteps": { "alias": "maxSteps"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "canAddRemoveSteps": { "alias": "canAddRemoveSteps"; "required": false; "isSignal": true; }; "horizontalLayout": { "alias": "horizontalLayout"; "required": false; "isSignal": true; }; "showDecIncButtons": { "alias": "showDecIncButtons"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "readonlyConditions": { "alias": "readonlyConditions"; "required": false; "isSignal": true; }; "deleteAriaLabel": { "alias": "deleteAriaLabel"; "required": false; "isSignal": true; }; "addAriaLabel": { "alias": "addAriaLabel"; "required": false; "isSignal": true; }; "inputAriaLabel": { "alias": "inputAriaLabel"; "required": false; "isSignal": true; }; "statusAriaLabel": { "alias": "statusAriaLabel"; "required": false; "isSignal": true; }; "useAliasForStepValues": { "alias": "useAliasForStepValues"; "required": false; "isSignal": true; }; }, { "thresholdSteps": "thresholdStepsChange"; "validChange": "validChange"; }, never, never, true, never>;
149
159
  }
150
160
 
151
161
  declare class SiThresholdModule {
@@ -49,6 +49,7 @@ declare class SiTreeViewItemComponent implements OnInit, OnDestroy, AfterViewIni
49
49
  protected get ariaSelected(): boolean | null;
50
50
  protected get ariaChecked(): boolean | null;
51
51
  protected get ariaExpanded(): boolean | null;
52
+ constructor();
52
53
  ngOnInit(): void;
53
54
  ngDoCheck(): void;
54
55
  ngAfterViewInit(): void;