@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.
- package/fesm2022/siemens-element-ng-chat-messages.mjs +4 -4
- package/fesm2022/siemens-element-ng-chat-messages.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-datatable.mjs +1 -1
- package/fesm2022/siemens-element-ng-datatable.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-date-range-filter.mjs +13 -18
- package/fesm2022/siemens-element-ng-date-range-filter.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-datepicker.mjs +35 -5
- package/fesm2022/siemens-element-ng-datepicker.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-file-uploader.mjs +2 -2
- package/fesm2022/siemens-element-ng-file-uploader.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-filtered-search.mjs +123 -91
- package/fesm2022/siemens-element-ng-filtered-search.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-formly.mjs +1 -1
- package/fesm2022/siemens-element-ng-formly.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-list-details.mjs +1 -1
- package/fesm2022/siemens-element-ng-list-details.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-loading-spinner.mjs +2 -2
- package/fesm2022/siemens-element-ng-loading-spinner.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-markdown-renderer.mjs +2 -2
- package/fesm2022/siemens-element-ng-markdown-renderer.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-modal.mjs +6 -17
- package/fesm2022/siemens-element-ng-modal.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-navbar-vertical-next.mjs +702 -0
- package/fesm2022/siemens-element-ng-navbar-vertical-next.mjs.map +1 -0
- package/fesm2022/siemens-element-ng-number-input.mjs +2 -2
- package/fesm2022/siemens-element-ng-number-input.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-search-bar.mjs +2 -2
- package/fesm2022/siemens-element-ng-search-bar.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-side-panel.mjs +2 -2
- package/fesm2022/siemens-element-ng-side-panel.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-threshold.mjs +14 -3
- package/fesm2022/siemens-element-ng-threshold.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-tooltip.mjs +2 -2
- package/fesm2022/siemens-element-ng-tooltip.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-tree-view.mjs +11 -8
- package/fesm2022/siemens-element-ng-tree-view.mjs.map +1 -1
- package/navbar-vertical-next/package.json +4 -0
- package/package.json +7 -3
- package/types/siemens-element-ng-filtered-search.d.ts +12 -10
- package/types/siemens-element-ng-markdown-renderer.d.ts +1 -1
- package/types/siemens-element-ng-navbar-vertical-next.d.ts +264 -0
- package/types/siemens-element-ng-threshold.d.ts +16 -6
- package/types/siemens-element-ng-tree-view.d.ts +1 -0
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.
|
|
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.
|
|
47
|
-
"@siemens/element-theme": "49.
|
|
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
|
|
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(
|
|
432
|
-
protected
|
|
433
|
-
|
|
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<
|
|
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<
|
|
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<
|
|
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<
|
|
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;
|