@siemens/element-ng 49.14.0 → 49.16.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-about.mjs +2 -2
- package/fesm2022/siemens-element-ng-about.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-accordion.mjs +12 -3
- package/fesm2022/siemens-element-ng-accordion.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-action-modal.mjs +64 -11
- package/fesm2022/siemens-element-ng-action-modal.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-ag-grid.mjs +7 -0
- package/fesm2022/siemens-element-ng-ag-grid.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-application-header.mjs +76 -32
- package/fesm2022/siemens-element-ng-application-header.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-auto-collapsable-list.mjs +14 -8
- package/fesm2022/siemens-element-ng-auto-collapsable-list.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-autocomplete.mjs +17 -3
- package/fesm2022/siemens-element-ng-autocomplete.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-breadcrumb.mjs +2 -2
- package/fesm2022/siemens-element-ng-breadcrumb.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-card.mjs +21 -4
- package/fesm2022/siemens-element-ng-card.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-color-picker.mjs +11 -5
- package/fesm2022/siemens-element-ng-color-picker.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-column-selection-dialog.mjs +29 -2
- package/fesm2022/siemens-element-ng-column-selection-dialog.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-common.mjs +20 -2
- package/fesm2022/siemens-element-ng-common.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-content-action-bar.mjs +1 -0
- package/fesm2022/siemens-element-ng-content-action-bar.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-dashboard.mjs +20 -2
- package/fesm2022/siemens-element-ng-dashboard.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-date-range-filter.mjs +36 -12
- package/fesm2022/siemens-element-ng-date-range-filter.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-datepicker.mjs +89 -24
- package/fesm2022/siemens-element-ng-datepicker.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-empty-state.mjs +2 -2
- package/fesm2022/siemens-element-ng-filter-bar.mjs +11 -4
- package/fesm2022/siemens-element-ng-filter-bar.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-filtered-search.mjs +95 -38
- package/fesm2022/siemens-element-ng-filtered-search.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-form.mjs +2 -0
- package/fesm2022/siemens-element-ng-form.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-formly.mjs +10 -7
- package/fesm2022/siemens-element-ng-formly.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-header-dropdown.mjs +5 -3
- package/fesm2022/siemens-element-ng-header-dropdown.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-icon.mjs +1 -0
- package/fesm2022/siemens-element-ng-icon.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-ip-input.mjs +7 -11
- package/fesm2022/siemens-element-ng-ip-input.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-link.mjs +10 -1
- package/fesm2022/siemens-element-ng-link.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-menu.mjs +30 -4
- package/fesm2022/siemens-element-ng-menu.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-navbar-vertical-next.mjs +3 -0
- package/fesm2022/siemens-element-ng-navbar-vertical-next.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-navbar-vertical.mjs +11 -0
- package/fesm2022/siemens-element-ng-navbar-vertical.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-navbar.mjs +1 -0
- package/fesm2022/siemens-element-ng-navbar.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-number-input.mjs +11 -2
- package/fesm2022/siemens-element-ng-number-input.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-phone-number.mjs +14 -14
- package/fesm2022/siemens-element-ng-phone-number.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-pills-input.mjs +14 -19
- package/fesm2022/siemens-element-ng-pills-input.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-popover-legacy.mjs +13 -2
- package/fesm2022/siemens-element-ng-popover-legacy.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-popover.mjs +35 -26
- package/fesm2022/siemens-element-ng-popover.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-resize-observer.mjs +21 -3
- package/fesm2022/siemens-element-ng-resize-observer.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-result-details-list.mjs +2 -2
- package/fesm2022/siemens-element-ng-result-details-list.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-search-bar.mjs +14 -8
- package/fesm2022/siemens-element-ng-search-bar.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-select.mjs +80 -8
- package/fesm2022/siemens-element-ng-select.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-shadow-root.mjs +31 -4
- package/fesm2022/siemens-element-ng-shadow-root.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-skip-links.mjs +5 -1
- package/fesm2022/siemens-element-ng-skip-links.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-split.mjs +10 -8
- package/fesm2022/siemens-element-ng-split.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-status-bar.mjs +30 -3
- package/fesm2022/siemens-element-ng-status-bar.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-tabs.mjs +8 -2
- package/fesm2022/siemens-element-ng-tabs.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-threshold.mjs +12 -3
- package/fesm2022/siemens-element-ng-threshold.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-toast-notification.mjs +6 -2
- package/fesm2022/siemens-element-ng-toast-notification.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-tooltip.mjs +9 -4
- package/fesm2022/siemens-element-ng-tooltip.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-tree-view.mjs +5 -1
- package/fesm2022/siemens-element-ng-tree-view.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-typeahead.mjs +15 -27
- package/fesm2022/siemens-element-ng-typeahead.mjs.map +1 -1
- package/fesm2022/siemens-element-ng-wizard.mjs +45 -5
- package/fesm2022/siemens-element-ng-wizard.mjs.map +1 -1
- package/package.json +3 -3
- package/template-i18n.json +1 -1
- package/types/siemens-element-ng-accordion.d.ts +12 -3
- package/types/siemens-element-ng-application-header.d.ts +10 -9
- package/types/siemens-element-ng-auto-collapsable-list.d.ts +6 -1
- package/types/siemens-element-ng-autocomplete.d.ts +17 -3
- package/types/siemens-element-ng-card.d.ts +21 -4
- package/types/siemens-element-ng-color-picker.d.ts +8 -1
- package/types/siemens-element-ng-common.d.ts +12 -2
- package/types/siemens-element-ng-dashboard.d.ts +5 -0
- package/types/siemens-element-ng-date-range-filter.d.ts +13 -1
- package/types/siemens-element-ng-datepicker.d.ts +62 -9
- package/types/siemens-element-ng-filter-bar.d.ts +11 -4
- package/types/siemens-element-ng-filtered-search.d.ts +8 -1
- package/types/siemens-element-ng-form.d.ts +2 -0
- package/types/siemens-element-ng-formly.d.ts +3 -1
- package/types/siemens-element-ng-header-dropdown.d.ts +5 -3
- package/types/siemens-element-ng-icon.d.ts +1 -0
- package/types/siemens-element-ng-ip-input.d.ts +1 -1
- package/types/siemens-element-ng-link.d.ts +10 -1
- package/types/siemens-element-ng-menu.d.ts +17 -2
- package/types/siemens-element-ng-navbar-vertical-next.d.ts +2 -0
- package/types/siemens-element-ng-navbar.d.ts +1 -0
- package/types/siemens-element-ng-number-input.d.ts +11 -2
- package/types/siemens-element-ng-phone-number.d.ts +1 -2
- package/types/siemens-element-ng-popover.d.ts +8 -5
- package/types/siemens-element-ng-resize-observer.d.ts +21 -3
- package/types/siemens-element-ng-search-bar.d.ts +10 -2
- package/types/siemens-element-ng-select.d.ts +34 -2
- package/types/siemens-element-ng-shadow-root.d.ts +1 -0
- package/types/siemens-element-ng-split.d.ts +11 -8
- package/types/siemens-element-ng-status-bar.d.ts +30 -3
- package/types/siemens-element-ng-threshold.d.ts +8 -1
- package/types/siemens-element-ng-toast-notification.d.ts +3 -1
- package/types/siemens-element-ng-tooltip.d.ts +6 -4
- package/types/siemens-element-ng-tree-view.d.ts +5 -1
- package/types/siemens-element-ng-typeahead.d.ts +6 -4
- package/types/siemens-element-ng-wizard.d.ts +13 -1
|
@@ -180,6 +180,7 @@ declare const addIcons: <T extends string>(icons: Record<T, string>) => Record<T
|
|
|
180
180
|
|
|
181
181
|
declare class SiStatusIconComponent {
|
|
182
182
|
private readonly statusIcons;
|
|
183
|
+
/** Status that determines the rendered stacked icon and accessible label. */
|
|
183
184
|
readonly status: _angular_core.InputSignal<EntityStatusType>;
|
|
184
185
|
protected readonly statusIcon: _angular_core.Signal<_siemens_element_ng_common.StatusIcon>;
|
|
185
186
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiStatusIconComponent, never>;
|
|
@@ -46,7 +46,7 @@ declare abstract class SiIpInputDirective {
|
|
|
46
46
|
writeValue(value?: string | null): void;
|
|
47
47
|
protected onInput(e: Event): void;
|
|
48
48
|
/** @internal */
|
|
49
|
-
protected
|
|
49
|
+
protected onBlur(): void;
|
|
50
50
|
/**
|
|
51
51
|
* Allow to adjust the input value when leaving the input field.
|
|
52
52
|
*/
|
|
@@ -86,16 +86,25 @@ type AriaCurrentType = 'page' | 'step' | 'location' | 'date' | 'time' | 'true';
|
|
|
86
86
|
|
|
87
87
|
declare const SI_LINK_DEFAULT_NAVIGATION_EXTRA: InjectionToken<NavigationExtras>;
|
|
88
88
|
declare class SiLinkDirective implements DoCheck, OnChanges, OnDestroy {
|
|
89
|
+
/** Link configuration, including the destination, action, and tooltip. */
|
|
89
90
|
readonly siLink: _angular_core.InputSignal<Link | undefined>;
|
|
91
|
+
/** Default target for links configured with an `href` but no explicit target. */
|
|
90
92
|
readonly siLinkDefaultTarget: _angular_core.InputSignal<string | undefined>;
|
|
93
|
+
/** Parameter passed to the configured link action. */
|
|
91
94
|
readonly actionParam: _angular_core.InputSignal<any>;
|
|
95
|
+
/** CSS class applied while the link is active. */
|
|
92
96
|
readonly activeClass: _angular_core.InputSignal<string | undefined>;
|
|
93
|
-
/**
|
|
97
|
+
/**
|
|
98
|
+
* Whether router links must match the complete URL to be considered active.
|
|
99
|
+
*
|
|
100
|
+
* @defaultValue false
|
|
101
|
+
*/
|
|
94
102
|
readonly exactMatch: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
95
103
|
/**
|
|
96
104
|
* Type for `aria-current` to set if routerLink is active.
|
|
97
105
|
*/
|
|
98
106
|
readonly ariaCurrent: _angular_core.InputSignal<AriaCurrentType | undefined>;
|
|
107
|
+
/** Emits when the active state of the link changes. */
|
|
99
108
|
readonly activeChange: _angular_core.OutputEmitterRef<boolean>;
|
|
100
109
|
protected readonly href: _angular_core.WritableSignal<string | undefined>;
|
|
101
110
|
protected readonly target: _angular_core.WritableSignal<string | undefined>;
|
|
@@ -117,10 +117,13 @@ interface MenuDivider {
|
|
|
117
117
|
type MenuItem = MenuItemGroup | MenuItemAction | MenuItemRouterLink | MenuItemLink | MenuItemRadioGroup | MenuItemCheckbox | MenuItemRadio | MenuItemHeader | MenuDivider;
|
|
118
118
|
|
|
119
119
|
declare class SiMenuFactoryComponent {
|
|
120
|
+
/** Menu items to render. Supports legacy and current menu item models. */
|
|
120
121
|
readonly items: i0.InputSignal<readonly (MenuItem$1 | MenuItem)[] | undefined>;
|
|
122
|
+
/** Parameter passed to triggered menu item actions. */
|
|
121
123
|
readonly actionParam: i0.InputSignal<unknown>;
|
|
122
124
|
private linkActionService;
|
|
123
125
|
private menuActionService;
|
|
126
|
+
protected trackItem(index: number, item: MenuItem$1 | MenuItem): string | number;
|
|
124
127
|
protected isNewItemStyle(item: MenuItem$1 | MenuItem): item is MenuItem;
|
|
125
128
|
protected isLegacyItemStyle(item: MenuItem$1 | MenuItem): item is MenuItem$1;
|
|
126
129
|
protected radioOrCheckboxTriggered(item: MenuItem$1): void;
|
|
@@ -135,15 +138,27 @@ declare class SiMenuHeaderDirective {
|
|
|
135
138
|
}
|
|
136
139
|
|
|
137
140
|
declare abstract class SiMenuItemBase {
|
|
141
|
+
/** Content displayed in the menu item's badge. */
|
|
138
142
|
readonly badge: i0.InputSignal<string | number | undefined>;
|
|
139
143
|
/**
|
|
144
|
+
* Color variant of the menu item's badge.
|
|
145
|
+
*
|
|
140
146
|
* @defaultValue 'secondary'
|
|
141
147
|
*/
|
|
142
148
|
readonly badgeColor: i0.InputSignal<string>;
|
|
149
|
+
/** Icon displayed before the menu item label. */
|
|
143
150
|
readonly icon: i0.InputSignal<string | undefined>;
|
|
144
|
-
/**
|
|
151
|
+
/**
|
|
152
|
+
* Whether to show a dot badge on the icon. A string or number is shown as dot content.
|
|
153
|
+
*
|
|
154
|
+
* @defaultValue false
|
|
155
|
+
*/
|
|
145
156
|
readonly iconBadgeDot: i0.InputSignal<string | number | boolean | undefined>;
|
|
146
|
-
/**
|
|
157
|
+
/**
|
|
158
|
+
* Whether the menu item is disabled.
|
|
159
|
+
*
|
|
160
|
+
* @defaultValue false
|
|
161
|
+
*/
|
|
147
162
|
readonly disabled: i0.InputSignalWithTransform<boolean, unknown>;
|
|
148
163
|
protected readonly badgeDotHasContent: i0.Signal<boolean>;
|
|
149
164
|
static ɵfac: i0.ɵɵFactoryDeclaration<SiMenuItemBase, never>;
|
|
@@ -20,7 +20,9 @@ declare class SiNavbarVerticalNextGroupTriggerDirective {
|
|
|
20
20
|
/** @internal */
|
|
21
21
|
readonly groupId: string;
|
|
22
22
|
readonly id: string;
|
|
23
|
+
/** Template rendered for the expandable group. */
|
|
23
24
|
readonly groupTemplate: _angular_core.InputSignal<TemplateRef<unknown>>;
|
|
25
|
+
/** Key used to persist the expanded state of this group. */
|
|
24
26
|
readonly stateId: _angular_core.InputSignal<string | undefined>;
|
|
25
27
|
/** @defaultValue false */
|
|
26
28
|
readonly expanded: _angular_core.WritableSignal<boolean>;
|
|
@@ -250,6 +250,7 @@ declare class SiNavbarPrimaryComponent implements OnChanges, HeaderWithDropdowns
|
|
|
250
250
|
* @defaultValue 'Header secondary'
|
|
251
251
|
*/
|
|
252
252
|
readonly ariaLabelSecondaryMenu: _angular_core.InputSignal<string>;
|
|
253
|
+
/** Emits the app item and its new favorite state when the user changes it. */
|
|
253
254
|
readonly appItemFavoriteChanged: _angular_core.OutputEmitterRef<[AppItem, boolean]>;
|
|
254
255
|
/** @internal */
|
|
255
256
|
readonly header: _angular_core.Signal<SiApplicationHeaderComponent>;
|
|
@@ -51,14 +51,23 @@ declare class SiNumberInputComponent implements OnChanges, ControlValueAccessor,
|
|
|
51
51
|
*/
|
|
52
52
|
readonly inputId: _angular_core.InputSignal<string>;
|
|
53
53
|
readonly id: _angular_core.Signal<string>;
|
|
54
|
-
/**
|
|
54
|
+
/**
|
|
55
|
+
* Whether the input is disabled.
|
|
56
|
+
*
|
|
57
|
+
* @defaultValue false
|
|
58
|
+
*/
|
|
55
59
|
readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
56
|
-
/**
|
|
60
|
+
/**
|
|
61
|
+
* Whether the input can be focused but not edited.
|
|
62
|
+
*
|
|
63
|
+
* @defaultValue false
|
|
64
|
+
*/
|
|
57
65
|
readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
58
66
|
/**
|
|
59
67
|
* The placeholder for input field.
|
|
60
68
|
*/
|
|
61
69
|
readonly placeholder: _angular_core.InputSignal<TranslatableString | undefined>;
|
|
70
|
+
/** Emits the current value when the user changes it. */
|
|
62
71
|
readonly valueChange: _angular_core.OutputEmitterRef<number | undefined>;
|
|
63
72
|
readonly inputElement: _angular_core.Signal<ElementRef<HTMLInputElement>>;
|
|
64
73
|
/**
|
|
@@ -143,7 +143,7 @@ declare class SiPhoneNumberInputComponent implements ControlValueAccessor, Valid
|
|
|
143
143
|
readonly errormessageId: _angular_core.InputSignal<string>;
|
|
144
144
|
protected readonly phoneInput: _angular_core.Signal<ElementRef<HTMLInputElement>>;
|
|
145
145
|
protected readonly selectedCountry: _angular_core.WritableSignal<CountryInfo | undefined>;
|
|
146
|
-
protected placeholder: string
|
|
146
|
+
protected readonly placeholder: _angular_core.Signal<string>;
|
|
147
147
|
protected readonly countryFocused: _angular_core.WritableSignal<boolean>;
|
|
148
148
|
protected open: boolean;
|
|
149
149
|
protected overlayWidth: number;
|
|
@@ -174,7 +174,6 @@ declare class SiPhoneNumberInputComponent implements ControlValueAccessor, Valid
|
|
|
174
174
|
protected overlayDetach(): void;
|
|
175
175
|
private writeCountry;
|
|
176
176
|
private getCountryName;
|
|
177
|
-
private updatePlaceholder;
|
|
178
177
|
private parseNumber;
|
|
179
178
|
/**
|
|
180
179
|
* PhoneUtil does not resolve country code early enough when the national prefix is shared among other countries (+1 and +44).
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import * as _angular_cdk_overlay from '@angular/cdk/overlay';
|
|
2
|
+
import { ConnectedOverlayPositionChange } from '@angular/cdk/overlay';
|
|
1
3
|
import * as _angular_core from '@angular/core';
|
|
2
4
|
import { OnDestroy, TemplateRef, OnInit, ElementRef, Injector } from '@angular/core';
|
|
3
|
-
import { ScrollStrategy, ConnectedOverlayPositionChange } from '@angular/cdk/overlay';
|
|
4
5
|
import { TranslatableString } from '@siemens/element-translate-ng/translate-types';
|
|
5
6
|
import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
|
|
6
7
|
import { OverlayArrowPosition } from '@siemens/element-ng/common';
|
|
@@ -43,12 +44,11 @@ declare class SiPopoverDirective implements OnDestroy {
|
|
|
43
44
|
*/
|
|
44
45
|
readonly context: _angular_core.InputSignal<unknown>;
|
|
45
46
|
/**
|
|
46
|
-
*
|
|
47
|
-
* If not provided, the default reposition strategy is used.
|
|
47
|
+
* CDK scroll strategy used for the popover overlay.
|
|
48
48
|
*
|
|
49
|
-
* @defaultValue
|
|
49
|
+
* @defaultValue defaultConnectedOverlayScrollStrategy()
|
|
50
50
|
*/
|
|
51
|
-
readonly scrollStrategy: _angular_core.InputSignal<ScrollStrategy
|
|
51
|
+
readonly scrollStrategy: _angular_core.InputSignal<_angular_cdk_overlay.ScrollStrategy>;
|
|
52
52
|
/**
|
|
53
53
|
* Emits `true` when the popover is shown, `false` when the popover is hidden.
|
|
54
54
|
*/
|
|
@@ -60,6 +60,7 @@ declare class SiPopoverDirective implements OnDestroy {
|
|
|
60
60
|
/** @internal */
|
|
61
61
|
protected readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
62
62
|
private overlayref?;
|
|
63
|
+
private popoverRef?;
|
|
63
64
|
private overlay;
|
|
64
65
|
private elementRef;
|
|
65
66
|
private destroyer;
|
|
@@ -77,11 +78,13 @@ declare class SiPopoverDirective implements OnDestroy {
|
|
|
77
78
|
*/
|
|
78
79
|
updatePosition(): void;
|
|
79
80
|
protected onClick(): void;
|
|
81
|
+
private createOverlay;
|
|
80
82
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiPopoverDirective, never>;
|
|
81
83
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiPopoverDirective, "[siPopover]", ["si-popover"], { "siPopover": { "alias": "siPopover"; "required": false; "isSignal": true; }; "placement": { "alias": "siPopoverPlacement"; "required": false; "isSignal": true; }; "title": { "alias": "siPopoverTitle"; "required": false; "isSignal": true; }; "containerClass": { "alias": "siPopoverContainerClass"; "required": false; "isSignal": true; }; "icon": { "alias": "siPopoverIcon"; "required": false; "isSignal": true; }; "context": { "alias": "siPopoverContext"; "required": false; "isSignal": true; }; "scrollStrategy": { "alias": "siPopoverScrollStrategy"; "required": false; "isSignal": true; }; }, { "visibilityChange": "siPopoverVisibilityChange"; }, never, never, true, never>;
|
|
82
84
|
}
|
|
83
85
|
|
|
84
86
|
declare class PopoverComponent implements OnInit, OnDestroy {
|
|
87
|
+
/** The directive that supplies and controls the popover content. */
|
|
85
88
|
readonly popoverDirective: _angular_core.InputSignal<SiPopoverDirective>;
|
|
86
89
|
readonly popoverWrapper: _angular_core.Signal<ElementRef<any>>;
|
|
87
90
|
/** @internal */
|
|
@@ -66,10 +66,19 @@ declare class ResizeObserverService {
|
|
|
66
66
|
* this, add `[resizeThrottle]="200"` on the same element. Input in milliseconds.
|
|
67
67
|
*/
|
|
68
68
|
declare class SiResizeObserverDirective implements OnInit, OnDestroy {
|
|
69
|
-
/**
|
|
69
|
+
/**
|
|
70
|
+
* Minimum time in milliseconds between resize events.
|
|
71
|
+
*
|
|
72
|
+
* @defaultValue 100
|
|
73
|
+
*/
|
|
70
74
|
readonly resizeThrottle: _angular_core.InputSignal<number>;
|
|
71
|
-
/**
|
|
75
|
+
/**
|
|
76
|
+
* Whether to emit the element's dimensions when the directive initializes.
|
|
77
|
+
*
|
|
78
|
+
* @defaultValue true
|
|
79
|
+
*/
|
|
72
80
|
readonly emitInitial: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
81
|
+
/** Emits the observed element's current width and height. */
|
|
73
82
|
readonly siResizeObserver: _angular_core.OutputEmitterRef<ElementDimensions>;
|
|
74
83
|
private subs?;
|
|
75
84
|
private element;
|
|
@@ -105,8 +114,17 @@ declare class SiResponsiveContainerDirective implements OnInit, OnDestroy {
|
|
|
105
114
|
readonly xl: _angular_core.WritableSignal<boolean>;
|
|
106
115
|
/** @defaultValue false */
|
|
107
116
|
readonly xxl: _angular_core.WritableSignal<boolean>;
|
|
108
|
-
/**
|
|
117
|
+
/**
|
|
118
|
+
* Minimum time in milliseconds between resize observations.
|
|
119
|
+
*
|
|
120
|
+
* @defaultValue 100
|
|
121
|
+
*/
|
|
109
122
|
readonly resizeThrottle: _angular_core.InputSignal<number>;
|
|
123
|
+
/**
|
|
124
|
+
* Width thresholds used to assign responsive container classes.
|
|
125
|
+
*
|
|
126
|
+
* @defaultValue BOOTSTRAP_BREAKPOINTS
|
|
127
|
+
*/
|
|
110
128
|
readonly breakpoints: _angular_core.InputSignal<Breakpoints | undefined>;
|
|
111
129
|
private subs?;
|
|
112
130
|
private element;
|
|
@@ -40,7 +40,11 @@ declare class SiSearchBarComponent implements OnInit, OnDestroy, ControlValueAcc
|
|
|
40
40
|
* Define search input content.
|
|
41
41
|
*/
|
|
42
42
|
readonly value: _angular_core.InputSignal<string | undefined>;
|
|
43
|
-
/**
|
|
43
|
+
/**
|
|
44
|
+
* Whether the input can be focused but not edited.
|
|
45
|
+
*
|
|
46
|
+
* @defaultValue false
|
|
47
|
+
*/
|
|
44
48
|
readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
45
49
|
/**
|
|
46
50
|
* Color to use for component background
|
|
@@ -48,7 +52,11 @@ declare class SiSearchBarComponent implements OnInit, OnDestroy, ControlValueAcc
|
|
|
48
52
|
* @defaultValue 'base-1'
|
|
49
53
|
*/
|
|
50
54
|
readonly colorVariant: _angular_core.InputSignal<BackgroundColorVariant>;
|
|
51
|
-
/**
|
|
55
|
+
/**
|
|
56
|
+
* Whether the input is disabled.
|
|
57
|
+
*
|
|
58
|
+
* @defaultValue false
|
|
59
|
+
*/
|
|
52
60
|
readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
53
61
|
/**
|
|
54
62
|
* Defines the maximum length of the search input.
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as _angular_cdk_overlay from '@angular/cdk/overlay';
|
|
1
2
|
import * as _angular_core from '@angular/core';
|
|
2
3
|
import { Signal, TemplateRef, OnDestroy, InputSignal, OnInit, ElementRef } from '@angular/core';
|
|
3
4
|
import { SiFormItemControl } from '@siemens/element-ng/form';
|
|
@@ -158,6 +159,12 @@ declare class SiSelectComponent<T> implements SiFormItemControl {
|
|
|
158
159
|
* @defaultValue false
|
|
159
160
|
*/
|
|
160
161
|
readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
162
|
+
/**
|
|
163
|
+
* Optional CDK scroll strategy used for the select overlay.
|
|
164
|
+
*
|
|
165
|
+
* @defaultValue defaultConnectedOverlayScrollStrategy()
|
|
166
|
+
*/
|
|
167
|
+
readonly scrollStrategy: _angular_core.InputSignal<_angular_cdk_overlay.ScrollStrategy>;
|
|
161
168
|
/** Emits when the dropdown open state changes. */
|
|
162
169
|
readonly openChange: _angular_core.OutputEmitterRef<boolean>;
|
|
163
170
|
protected readonly isOpen: _angular_core.WritableSignal<boolean>;
|
|
@@ -198,7 +205,7 @@ declare class SiSelectComponent<T> implements SiFormItemControl {
|
|
|
198
205
|
close(): void;
|
|
199
206
|
protected backdropClick(): void;
|
|
200
207
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSelectComponent<any>, never>;
|
|
201
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSelectComponent<any>, "si-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "labelledbyInput": { "alias": "labelledby"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "noResultsFoundLabel": { "alias": "noResultsFoundLabel"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "errormessageId": { "alias": "errormessageId"; "required": false; "isSignal": true; }; "hasFilter": { "alias": "hasFilter"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, ["optionTemplate", "groupTemplate", "actionsTemplate"], never, true, never>;
|
|
208
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSelectComponent<any>, "si-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "labelledbyInput": { "alias": "labelledby"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "noResultsFoundLabel": { "alias": "noResultsFoundLabel"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "scrollStrategy": { "alias": "scrollStrategy"; "required": false; "isSignal": true; }; "errormessageId": { "alias": "errormessageId"; "required": false; "isSignal": true; }; "hasFilter": { "alias": "hasFilter"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, ["optionTemplate", "groupTemplate", "actionsTemplate"], never, true, never>;
|
|
202
209
|
}
|
|
203
210
|
|
|
204
211
|
/**
|
|
@@ -302,6 +309,10 @@ declare class SiSelectLazyOptionsDirective<T> implements SiSelectOptionsStrategy
|
|
|
302
309
|
* @defaultValue []
|
|
303
310
|
*/
|
|
304
311
|
readonly selectedRows: _angular_core.WritableSignal<SelectOption<T>[]>;
|
|
312
|
+
/**
|
|
313
|
+
* Lazy source that resolves selected values and provides the options displayed by the select.
|
|
314
|
+
* Implement `getAllOptions` when the select has no filter, or `getOptionsForSearch` when it has one.
|
|
315
|
+
*/
|
|
305
316
|
readonly optionSource: _angular_core.InputSignal<SelectOptionSource<T>>;
|
|
306
317
|
private valueChange;
|
|
307
318
|
private filterChange;
|
|
@@ -502,16 +513,31 @@ declare class SiSelectModule {
|
|
|
502
513
|
}
|
|
503
514
|
|
|
504
515
|
declare abstract class SiSelectListBase<T> implements OnInit, OnDestroy {
|
|
516
|
+
/**
|
|
517
|
+
* Base ID used to associate the listbox with its label.
|
|
518
|
+
*/
|
|
505
519
|
readonly baseId: _angular_core.InputSignal<string>;
|
|
520
|
+
/**
|
|
521
|
+
* Custom template for rendering options.
|
|
522
|
+
*/
|
|
506
523
|
readonly optionTemplate: _angular_core.InputSignal<TemplateRef<{
|
|
507
524
|
$implicit: SelectOption<T>;
|
|
508
525
|
}> | undefined>;
|
|
526
|
+
/**
|
|
527
|
+
* Custom template for rendering option groups.
|
|
528
|
+
*/
|
|
509
529
|
readonly groupTemplate: _angular_core.InputSignal<TemplateRef<{
|
|
510
530
|
$implicit: SelectGroup<T>;
|
|
511
531
|
}> | undefined>;
|
|
512
532
|
/** @defaultValue null */
|
|
513
533
|
readonly labelledby: _angular_core.InputSignal<string | null>;
|
|
534
|
+
/**
|
|
535
|
+
* Custom template for actions displayed below the options.
|
|
536
|
+
*/
|
|
514
537
|
readonly actionsTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
|
|
538
|
+
/**
|
|
539
|
+
* Emits when the listbox should close.
|
|
540
|
+
*/
|
|
515
541
|
readonly closeOverlay: _angular_core.OutputEmitterRef<void>;
|
|
516
542
|
protected readonly selectionStrategy: SiSelectSelectionStrategy<T, T | T[]>;
|
|
517
543
|
protected readonly selectOptions: SiSelectOptionsStrategy<T>;
|
|
@@ -644,6 +670,12 @@ declare class SiCustomSelectDirective<T> implements ControlValueAccessor, SiForm
|
|
|
644
670
|
* @defaultValue false
|
|
645
671
|
*/
|
|
646
672
|
readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
673
|
+
/**
|
|
674
|
+
* Optional CDK scroll strategy used for the custom select overlay.
|
|
675
|
+
*
|
|
676
|
+
* @defaultValue defaultConnectedOverlayScrollStrategy()
|
|
677
|
+
*/
|
|
678
|
+
readonly scrollStrategy: _angular_core.InputSignal<_angular_cdk_overlay.ScrollStrategy>;
|
|
647
679
|
/** Emits when the dropdown open state changes. */
|
|
648
680
|
readonly openChange: _angular_core.OutputEmitterRef<boolean>;
|
|
649
681
|
/**
|
|
@@ -721,7 +753,7 @@ declare class SiCustomSelectDirective<T> implements ControlValueAccessor, SiForm
|
|
|
721
753
|
setDisabledState(isDisabled: boolean): void;
|
|
722
754
|
private disposeOverlay;
|
|
723
755
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiCustomSelectDirective<any>, never>;
|
|
724
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiCustomSelectDirective<any>, "[siCustomSelect]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "errormessageId": { "alias": "errormessageId"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; "value": "valueChange"; }, never, never, true, never>;
|
|
756
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiCustomSelectDirective<any>, "[siCustomSelect]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "scrollStrategy": { "alias": "siCustomSelectScrollStrategy"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "errormessageId": { "alias": "errormessageId"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; "value": "valueChange"; }, never, never, true, never>;
|
|
725
757
|
}
|
|
726
758
|
|
|
727
759
|
/**
|
|
@@ -35,6 +35,7 @@ import * as i0 from '@angular/core';
|
|
|
35
35
|
declare class SiShadowRootDirective extends OverlayContainer {
|
|
36
36
|
private elementRef;
|
|
37
37
|
private document;
|
|
38
|
+
private destroyRef;
|
|
38
39
|
protected _createContainer(): void;
|
|
39
40
|
static ɵfac: i0.ɵɵFactoryDeclaration<SiShadowRootDirective, never>;
|
|
40
41
|
static ɵdir: i0.ɵɵDirectiveDeclaration<SiShadowRootDirective, "[siShadowRoot]", never, {}, {}, never, never, true, never>;
|
|
@@ -40,7 +40,9 @@ declare class SiSplitPartComponent implements OnChanges {
|
|
|
40
40
|
* @defaultValue false
|
|
41
41
|
*/
|
|
42
42
|
collapseToMinSize: boolean;
|
|
43
|
-
headerTemplate?: TemplateRef<
|
|
43
|
+
headerTemplate?: TemplateRef<{
|
|
44
|
+
$implicit: SiSplitPartComponent;
|
|
45
|
+
}>;
|
|
44
46
|
/**
|
|
45
47
|
* Sets the title of the split part header.
|
|
46
48
|
*/
|
|
@@ -129,7 +131,7 @@ declare class SiSplitPartComponent implements OnChanges {
|
|
|
129
131
|
saveUIState: () => void;
|
|
130
132
|
/** @internal */
|
|
131
133
|
readonly nextExpandedAfter: _angular_core.Signal<SiSplitPartComponent>;
|
|
132
|
-
private elementRef;
|
|
134
|
+
private readonly elementRef;
|
|
133
135
|
protected headerContext: {
|
|
134
136
|
$implicit: SiSplitPartComponent;
|
|
135
137
|
};
|
|
@@ -181,11 +183,12 @@ declare class SiSplitComponent implements AfterContentInit, OnChanges {
|
|
|
181
183
|
protected gridTemplateRows: Signal<string>;
|
|
182
184
|
protected gridTemplateColumns: Signal<string>;
|
|
183
185
|
protected gridTemplateAreas: Signal<string>;
|
|
184
|
-
private elementRef;
|
|
185
|
-
private ngZone;
|
|
186
|
-
private changeDetectorRef;
|
|
187
|
-
private document;
|
|
188
|
-
private uiStateService;
|
|
186
|
+
private readonly elementRef;
|
|
187
|
+
private readonly ngZone;
|
|
188
|
+
private readonly changeDetectorRef;
|
|
189
|
+
private readonly document;
|
|
190
|
+
private readonly uiStateService;
|
|
191
|
+
private readonly destroyRef;
|
|
189
192
|
private fractionalSizeToExpandedSizeFactor;
|
|
190
193
|
ngOnChanges(changes: SimpleChanges<this>): void;
|
|
191
194
|
ngAfterContentInit(): void;
|
|
@@ -196,7 +199,7 @@ declare class SiSplitComponent implements AfterContentInit, OnChanges {
|
|
|
196
199
|
private measureContainerSize;
|
|
197
200
|
private getPosition;
|
|
198
201
|
private saveUIState;
|
|
199
|
-
private
|
|
202
|
+
private restoreFromUIState;
|
|
200
203
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSplitComponent, never>;
|
|
201
204
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSplitComponent, "si-split", never, { "gutterSize": { "alias": "gutterSize"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "sizes": { "alias": "sizes"; "required": false; }; "stateId": { "alias": "stateId"; "required": false; }; }, { "sizesChange": "sizesChange"; }, ["parts"], ["*"], true, never>;
|
|
202
205
|
}
|
|
@@ -166,16 +166,43 @@ declare class SiStatusBarModule {
|
|
|
166
166
|
|
|
167
167
|
declare class SiStatusBarItemComponent implements OnChanges {
|
|
168
168
|
private readonly statusIcons;
|
|
169
|
+
/**
|
|
170
|
+
* Status that determines the displayed icon and color.
|
|
171
|
+
*/
|
|
169
172
|
readonly status: _angular_core.InputSignal<ExtendedStatusType | undefined>;
|
|
173
|
+
/**
|
|
174
|
+
* Value displayed by the status bar item.
|
|
175
|
+
*/
|
|
170
176
|
readonly value: _angular_core.InputSignal<number | TranslatableString>;
|
|
177
|
+
/**
|
|
178
|
+
* Heading displayed for the status bar item.
|
|
179
|
+
*/
|
|
171
180
|
readonly heading: _angular_core.InputSignal<TranslatableString>;
|
|
181
|
+
/**
|
|
182
|
+
* Custom background color for the item.
|
|
183
|
+
*/
|
|
172
184
|
readonly color: _angular_core.InputSignal<string | undefined>;
|
|
173
|
-
/**
|
|
185
|
+
/**
|
|
186
|
+
* Whether the item blinks to highlight its status.
|
|
187
|
+
*
|
|
188
|
+
* @defaultValue false
|
|
189
|
+
*/
|
|
174
190
|
readonly blink: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
175
|
-
/**
|
|
191
|
+
/**
|
|
192
|
+
* Whether only the value is displayed.
|
|
193
|
+
*
|
|
194
|
+
* @defaultValue false
|
|
195
|
+
*/
|
|
176
196
|
readonly valueOnly: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
|
|
177
|
-
/**
|
|
197
|
+
/**
|
|
198
|
+
* Whether the item has an interactive appearance.
|
|
199
|
+
*
|
|
200
|
+
* @defaultValue false
|
|
201
|
+
*/
|
|
178
202
|
readonly clickable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
203
|
+
/**
|
|
204
|
+
* Emits when the value changes between an empty and non-empty state.
|
|
205
|
+
*/
|
|
179
206
|
readonly significanceChange: _angular_core.OutputEmitterRef<void>;
|
|
180
207
|
private readonly bg;
|
|
181
208
|
protected readonly contrastFix: _angular_core.Signal<boolean>;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as _angular_cdk_overlay from '@angular/cdk/overlay';
|
|
1
2
|
import * as _angular_core from '@angular/core';
|
|
2
3
|
import { OnChanges } from '@angular/core';
|
|
3
4
|
import { SelectOption } from '@siemens/element-ng/select';
|
|
@@ -95,6 +96,12 @@ declare class SiThresholdComponent implements OnChanges {
|
|
|
95
96
|
* @defaultValue false
|
|
96
97
|
*/
|
|
97
98
|
readonly readonlyConditions: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
99
|
+
/**
|
|
100
|
+
* CDK scroll strategy used for threshold option select overlays.
|
|
101
|
+
*
|
|
102
|
+
* @defaultValue defaultConnectedOverlayScrollStrategy()
|
|
103
|
+
*/
|
|
104
|
+
readonly scrollStrategy: _angular_core.InputSignal<_angular_cdk_overlay.ScrollStrategy>;
|
|
98
105
|
/**
|
|
99
106
|
* The aria-label for delete button
|
|
100
107
|
*
|
|
@@ -155,7 +162,7 @@ declare class SiThresholdComponent implements OnChanges {
|
|
|
155
162
|
protected stepChange(): void;
|
|
156
163
|
private validate;
|
|
157
164
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiThresholdComponent, 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>;
|
|
165
|
+
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; }; "scrollStrategy": { "alias": "scrollStrategy"; "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>;
|
|
159
166
|
}
|
|
160
167
|
|
|
161
168
|
declare class SiThresholdModule {
|
|
@@ -46,7 +46,9 @@ declare class SiToastNotificationService implements OnDestroy {
|
|
|
46
46
|
* @param action - Passing a Link object will optionally add a clickable link to the toast which can contain an action.
|
|
47
47
|
* @returns the toast object
|
|
48
48
|
*/
|
|
49
|
-
queueToastNotification(state: StatusType, title: string, message: string, disableAutoClose?: boolean, disableManualClose?: boolean, action?: Link
|
|
49
|
+
queueToastNotification(state: StatusType, title: string, message: string, disableAutoClose?: boolean, disableManualClose?: boolean, action?: Link, translationParams?: {
|
|
50
|
+
[key: string]: any;
|
|
51
|
+
}): SiToast;
|
|
50
52
|
/**
|
|
51
53
|
* Show a toast notification
|
|
52
54
|
* @param toast - The toast object of the toast to be shown, can also be constructed while calling this.
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { OnDestroy, TemplateRef, Type, ElementRef, Injector } from '@angular/core';
|
|
3
|
+
import * as _angular_cdk_overlay from '@angular/cdk/overlay';
|
|
3
4
|
import { ScrollStrategy } from '@angular/cdk/overlay';
|
|
4
5
|
import { TranslatableString } from '@siemens/element-translate-ng/translate';
|
|
5
6
|
import { positions } from '@siemens/element-ng/common';
|
|
@@ -17,7 +18,7 @@ declare class SiTooltipDirective implements OnDestroy {
|
|
|
17
18
|
*
|
|
18
19
|
* @defaultValue 'auto'
|
|
19
20
|
*/
|
|
20
|
-
readonly placement: i0.InputSignal<"auto" | "
|
|
21
|
+
readonly placement: i0.InputSignal<"auto" | "top" | "start" | "end" | "bottom">;
|
|
21
22
|
/**
|
|
22
23
|
* Allows the tooltip to be disabled
|
|
23
24
|
*
|
|
@@ -25,10 +26,11 @@ declare class SiTooltipDirective implements OnDestroy {
|
|
|
25
26
|
*/
|
|
26
27
|
readonly isDisabled: i0.InputSignalWithTransform<boolean, unknown>;
|
|
27
28
|
/**
|
|
28
|
-
*
|
|
29
|
-
*
|
|
29
|
+
* CDK scroll strategy used for the tooltip overlay.
|
|
30
|
+
*
|
|
31
|
+
* @defaultValue defaultConnectedOverlayScrollStrategy()
|
|
30
32
|
*/
|
|
31
|
-
readonly tooltipScrollStrategy: i0.InputSignal<ScrollStrategy
|
|
33
|
+
readonly tooltipScrollStrategy: i0.InputSignal<_angular_cdk_overlay.ScrollStrategy>;
|
|
32
34
|
/**
|
|
33
35
|
* The context for the attached template
|
|
34
36
|
*/
|
|
@@ -736,7 +736,11 @@ type TreeItemContext = {
|
|
|
736
736
|
* ```
|
|
737
737
|
*/
|
|
738
738
|
declare class SiTreeViewItemTemplateDirective {
|
|
739
|
-
/**
|
|
739
|
+
/**
|
|
740
|
+
* Name of the tree item template. It is matched against a tree item's `templateName`.
|
|
741
|
+
*
|
|
742
|
+
* @defaultValue undefined
|
|
743
|
+
*/
|
|
740
744
|
readonly name: _angular_core.InputSignal<string | undefined>;
|
|
741
745
|
/** @internal */
|
|
742
746
|
template: TemplateRef<any>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import * as _angular_cdk_overlay from '@angular/cdk/overlay';
|
|
2
|
+
import { ConnectionPositionPair } from '@angular/cdk/overlay';
|
|
1
3
|
import * as _angular_core from '@angular/core';
|
|
2
4
|
import { OnChanges, OnDestroy, TemplateRef, SimpleChanges } from '@angular/core';
|
|
3
|
-
import { ConnectionPositionPair, ScrollStrategy } from '@angular/cdk/overlay';
|
|
4
5
|
import { TranslatableString } from '@siemens/element-translate-ng/translate';
|
|
5
6
|
import { Observable } from 'rxjs';
|
|
6
7
|
import * as i1 from '@siemens/element-ng/autocomplete';
|
|
@@ -220,10 +221,11 @@ declare class SiTypeaheadDirective implements OnChanges, OnDestroy {
|
|
|
220
221
|
*/
|
|
221
222
|
readonly typeaheadFullWidth: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
222
223
|
/**
|
|
223
|
-
*
|
|
224
|
-
*
|
|
224
|
+
* CDK scroll strategy used for the typeahead overlay.
|
|
225
|
+
*
|
|
226
|
+
* @defaultValue defaultConnectedOverlayScrollStrategy()
|
|
225
227
|
*/
|
|
226
|
-
readonly typeaheadScrollStrategy: _angular_core.InputSignal<ScrollStrategy
|
|
228
|
+
readonly typeaheadScrollStrategy: _angular_core.InputSignal<_angular_cdk_overlay.ScrollStrategy>;
|
|
227
229
|
/**
|
|
228
230
|
* This option will be shown at the end of the typeahead.
|
|
229
231
|
* Use it to allow users to create new options on the fly.
|
|
@@ -4,7 +4,13 @@ import * as _siemens_element_translate_ng_translate from '@siemens/element-trans
|
|
|
4
4
|
import { TranslatableString } from '@siemens/element-translate-ng/translate';
|
|
5
5
|
|
|
6
6
|
declare class SiWizardStepComponent {
|
|
7
|
-
/** @
|
|
7
|
+
/** @internal */
|
|
8
|
+
readonly elementRef: ElementRef<any>;
|
|
9
|
+
/**
|
|
10
|
+
* Heading displayed for the wizard step.
|
|
11
|
+
*
|
|
12
|
+
* @defaultValue ''
|
|
13
|
+
*/
|
|
8
14
|
readonly heading: _angular_core.InputSignal<TranslatableString>;
|
|
9
15
|
/** @defaultValue true */
|
|
10
16
|
readonly isValid: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
@@ -45,7 +51,11 @@ declare class SiWizardComponent {
|
|
|
45
51
|
private static readonly stepPadding;
|
|
46
52
|
private readonly translateService;
|
|
47
53
|
private readonly textMeasureService;
|
|
54
|
+
private readonly focusTrapFactory;
|
|
55
|
+
private readonly injector;
|
|
48
56
|
protected readonly containerSteps: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
|
|
57
|
+
protected readonly nextButton: _angular_core.Signal<ElementRef<HTMLButtonElement> | undefined>;
|
|
58
|
+
protected readonly saveButton: _angular_core.Signal<ElementRef<HTMLButtonElement> | undefined>;
|
|
49
59
|
/**
|
|
50
60
|
* Description of back button.
|
|
51
61
|
*
|
|
@@ -211,6 +221,8 @@ declare class SiWizardComponent {
|
|
|
211
221
|
/** Triggers the save action to complete the wizard. */
|
|
212
222
|
save(): void;
|
|
213
223
|
private activate;
|
|
224
|
+
private focusStepContent;
|
|
225
|
+
private focusNavigationButton;
|
|
214
226
|
private measureMaxTextWidth;
|
|
215
227
|
protected updateVisibleSteps(): void;
|
|
216
228
|
private calculateVisibleStepCount;
|