@fundamental-ngx/core 0.59.1-rc.8 → 0.59.1
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/fundamental-ngx-core-avatar-group-legacy.mjs +33 -50
- package/fesm2022/fundamental-ngx-core-avatar-group-legacy.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-avatar-group.mjs +9 -11
- package/fesm2022/fundamental-ngx-core-avatar-group.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-avatar.mjs +206 -293
- package/fesm2022/fundamental-ngx-core-avatar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-breadcrumb.mjs +25 -12
- package/fesm2022/fundamental-ngx-core-breadcrumb.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-calendar.mjs +11 -14
- package/fesm2022/fundamental-ngx-core-calendar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-card.mjs +13 -26
- package/fesm2022/fundamental-ngx-core-card.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-carousel.mjs +11 -11
- package/fesm2022/fundamental-ngx-core-carousel.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-combobox.mjs +33 -7
- package/fesm2022/fundamental-ngx-core-combobox.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-dialog.mjs +13 -17
- package/fesm2022/fundamental-ngx-core-dialog.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-dynamic-page.mjs +32 -24
- package/fesm2022/fundamental-ngx-core-dynamic-page.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-fixed-card-layout.mjs +28 -30
- package/fesm2022/fundamental-ngx-core-fixed-card-layout.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-grid-list.mjs +12 -10
- package/fesm2022/fundamental-ngx-core-grid-list.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-illustrated-message.mjs +202 -100
- package/fesm2022/fundamental-ngx-core-illustrated-message.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-layout-panel.mjs +72 -231
- package/fesm2022/fundamental-ngx-core-layout-panel.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-list.mjs +12 -12
- package/fesm2022/fundamental-ngx-core-list.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-menu.mjs +28 -28
- package/fesm2022/fundamental-ngx-core-menu.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-message-strip.mjs +85 -84
- package/fesm2022/fundamental-ngx-core-message-strip.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-micro-process-flow.mjs +21 -24
- package/fesm2022/fundamental-ngx-core-micro-process-flow.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-multi-combobox.mjs +19 -12
- package/fesm2022/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-multi-input.mjs +46 -39
- package/fesm2022/fundamental-ngx-core-multi-input.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-nested-list.mjs +66 -103
- package/fesm2022/fundamental-ngx-core-nested-list.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-notification.mjs +63 -27
- package/fesm2022/fundamental-ngx-core-notification.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-object-marker.mjs +69 -59
- package/fesm2022/fundamental-ngx-core-object-marker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-object-status.mjs +92 -118
- package/fesm2022/fundamental-ngx-core-object-status.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-overflow-layout.mjs +27 -29
- package/fesm2022/fundamental-ngx-core-overflow-layout.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-pagination.mjs +17 -18
- package/fesm2022/fundamental-ngx-core-pagination.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-panel.mjs +7 -9
- package/fesm2022/fundamental-ngx-core-panel.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-popover.mjs +10 -15
- package/fesm2022/fundamental-ngx-core-popover.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-product-switch.mjs +12 -15
- package/fesm2022/fundamental-ngx-core-product-switch.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-resizable-card-layout.mjs +18 -20
- package/fesm2022/fundamental-ngx-core-resizable-card-layout.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-segmented-button.mjs +8 -11
- package/fesm2022/fundamental-ngx-core-segmented-button.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-select.mjs +6 -8
- package/fesm2022/fundamental-ngx-core-select.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-settings.mjs +9 -12
- package/fesm2022/fundamental-ngx-core-settings.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-shellbar.mjs +48 -34
- package/fesm2022/fundamental-ngx-core-shellbar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-slider.mjs +30 -31
- package/fesm2022/fundamental-ngx-core-slider.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-status-indicator.mjs +137 -131
- package/fesm2022/fundamental-ngx-core-status-indicator.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-tabs.mjs +21 -17
- package/fesm2022/fundamental-ngx-core-tabs.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-tile.mjs +375 -631
- package/fesm2022/fundamental-ngx-core-tile.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-time.mjs +7 -9
- package/fesm2022/fundamental-ngx-core-time.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-token.mjs +11 -13
- package/fesm2022/fundamental-ngx-core-token.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-toolbar.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-toolbar.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-tree.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-tree.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-user-menu.mjs +63 -21
- package/fesm2022/fundamental-ngx-core-user-menu.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-wizard.mjs +1 -1
- package/fesm2022/fundamental-ngx-core-wizard.mjs.map +1 -1
- package/package.json +4 -4
- package/types/fundamental-ngx-core-avatar-group-legacy.d.ts +15 -17
- package/types/fundamental-ngx-core-avatar-group.d.ts +1 -1
- package/types/fundamental-ngx-core-avatar.d.ts +66 -86
- package/types/fundamental-ngx-core-breadcrumb.d.ts +13 -5
- package/types/fundamental-ngx-core-calendar.d.ts +3 -4
- package/types/fundamental-ngx-core-card.d.ts +4 -11
- package/types/fundamental-ngx-core-carousel.d.ts +3 -3
- package/types/fundamental-ngx-core-combobox.d.ts +8 -1
- package/types/fundamental-ngx-core-dialog.d.ts +2 -4
- package/types/fundamental-ngx-core-dynamic-page.d.ts +0 -6
- package/types/fundamental-ngx-core-fixed-card-layout.d.ts +7 -7
- package/types/fundamental-ngx-core-grid-list.d.ts +6 -4
- package/types/fundamental-ngx-core-illustrated-message.d.ts +165 -31
- package/types/fundamental-ngx-core-layout-panel.d.ts +19 -131
- package/types/fundamental-ngx-core-list.d.ts +8 -6
- package/types/fundamental-ngx-core-menu.d.ts +16 -13
- package/types/fundamental-ngx-core-message-strip.d.ts +5 -2
- package/types/fundamental-ngx-core-micro-process-flow.d.ts +8 -6
- package/types/fundamental-ngx-core-multi-combobox.d.ts +8 -5
- package/types/fundamental-ngx-core-multi-input.d.ts +24 -16
- package/types/fundamental-ngx-core-nested-list.d.ts +19 -33
- package/types/fundamental-ngx-core-notification.d.ts +42 -19
- package/types/fundamental-ngx-core-object-marker.d.ts +47 -27
- package/types/fundamental-ngx-core-object-status.d.ts +49 -48
- package/types/fundamental-ngx-core-overflow-layout.d.ts +10 -10
- package/types/fundamental-ngx-core-pagination.d.ts +7 -8
- package/types/fundamental-ngx-core-panel.d.ts +2 -4
- package/types/fundamental-ngx-core-popover.d.ts +7 -5
- package/types/fundamental-ngx-core-product-switch.d.ts +5 -4
- package/types/fundamental-ngx-core-resizable-card-layout.d.ts +10 -8
- package/types/fundamental-ngx-core-segmented-button.d.ts +5 -4
- package/types/fundamental-ngx-core-select.d.ts +4 -5
- package/types/fundamental-ngx-core-settings.d.ts +7 -10
- package/types/fundamental-ngx-core-shellbar.d.ts +23 -14
- package/types/fundamental-ngx-core-slider.d.ts +18 -13
- package/types/fundamental-ngx-core-status-indicator.d.ts +42 -58
- package/types/fundamental-ngx-core-tabs.d.ts +9 -7
- package/types/fundamental-ngx-core-tile.d.ts +114 -243
- package/types/fundamental-ngx-core-time.d.ts +5 -4
- package/types/fundamental-ngx-core-token.d.ts +5 -4
- package/types/fundamental-ngx-core-tree.d.ts +1 -1
- package/types/fundamental-ngx-core-user-menu.d.ts +25 -21
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { ElementRef, EventEmitter, ChangeDetectorRef, DestroyRef, InjectionToken, AfterViewInit, OnInit, TemplateRef,
|
|
2
|
+
import { ElementRef, EventEmitter, ChangeDetectorRef, DestroyRef, Injector, InjectionToken, AfterViewInit, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
|
|
3
3
|
import * as i2 from '@fundamental-ngx/cdk/data-source';
|
|
4
4
|
import { BaseDataSource, AbstractDataProvider, MatchingStrategy, DataProvider, DataSourceDirective, DataSourceParser } from '@fundamental-ngx/cdk/data-source';
|
|
5
5
|
import * as i1 from '@fundamental-ngx/cdk/forms';
|
|
@@ -110,15 +110,17 @@ declare abstract class BaseMultiCombobox<T = any> {
|
|
|
110
110
|
_fullFlatSuggestions: SelectableOptionItem[];
|
|
111
111
|
/** @hidden */
|
|
112
112
|
selectedShown$: BehaviorSubject<boolean>;
|
|
113
|
-
/** @
|
|
113
|
+
/** @hidden */
|
|
114
114
|
protected readonly _elmRef: ElementRef<any>;
|
|
115
115
|
/** @hidden */
|
|
116
116
|
protected readonly _cd: ChangeDetectorRef;
|
|
117
117
|
/** @hidden */
|
|
118
118
|
protected readonly _mapLimit: number;
|
|
119
|
-
/** @
|
|
119
|
+
/** @hidden */
|
|
120
120
|
protected readonly _destroyRef: DestroyRef;
|
|
121
121
|
/** @hidden */
|
|
122
|
+
protected readonly _injector: Injector;
|
|
123
|
+
/** @hidden */
|
|
122
124
|
protected _dataSource: FdMultiComboboxAcceptableDataSource<T>;
|
|
123
125
|
/** @hidden */
|
|
124
126
|
protected _inputTextValue: string;
|
|
@@ -146,6 +148,8 @@ declare abstract class BaseMultiCombobox<T = any> {
|
|
|
146
148
|
/** @hidden */
|
|
147
149
|
private _dataSourceChanged;
|
|
148
150
|
/** @hidden */
|
|
151
|
+
private readonly popover;
|
|
152
|
+
/** @hidden */
|
|
149
153
|
writeValue(value: T[]): void;
|
|
150
154
|
/**
|
|
151
155
|
* Used to change the value of a control.
|
|
@@ -227,7 +231,6 @@ declare abstract class BaseMultiCombobox<T = any> {
|
|
|
227
231
|
declare const FD_MAP_LIMIT: InjectionToken<number>;
|
|
228
232
|
declare class MultiComboboxComponent<T = any> extends BaseMultiCombobox<T> implements AfterViewInit, OnInit {
|
|
229
233
|
private readonly _elementRef;
|
|
230
|
-
private readonly _injector;
|
|
231
234
|
private readonly _viewContainerRef;
|
|
232
235
|
private readonly _dynamicComponentService;
|
|
233
236
|
private readonly _focusTrapService;
|
|
@@ -406,7 +409,7 @@ declare class MultiComboboxComponent<T = any> extends BaseMultiCombobox<T> imple
|
|
|
406
409
|
/** @hidden */
|
|
407
410
|
private _translationResolver;
|
|
408
411
|
/** @hidden */
|
|
409
|
-
constructor(_elementRef: ElementRef,
|
|
412
|
+
constructor(_elementRef: ElementRef, _viewContainerRef: ViewContainerRef, _dynamicComponentService: DynamicComponentService, _focusTrapService: FocusTrapService);
|
|
410
413
|
/** @hidden */
|
|
411
414
|
ngOnInit(): void;
|
|
412
415
|
/** @hidden */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { InjectionToken, EventEmitter, OnInit, TemplateRef, OnChanges, AfterViewInit, OnDestroy, ElementRef,
|
|
3
|
-
import { Nullable, NestedKeyOf, ObjectPathType, CssClassBuilder,
|
|
2
|
+
import { InjectionToken, EventEmitter, OnInit, TemplateRef, OnChanges, AfterViewInit, OnDestroy, ElementRef, SimpleChanges } from '@angular/core';
|
|
3
|
+
import { Nullable, NestedKeyOf, ObjectPathType, CssClassBuilder, FocusEscapeDirection } from '@fundamental-ngx/cdk/utils';
|
|
4
4
|
import { MobileMode, MobileModeBase, MobileModeConfig } from '@fundamental-ngx/core/mobile-mode';
|
|
5
5
|
import { ControlValueAccessor, FormControl } from '@angular/forms';
|
|
6
6
|
import { BehaviorSubject, Observable } from 'rxjs';
|
|
@@ -100,14 +100,6 @@ declare class PairSelectionModel<KeyType, ValueType> {
|
|
|
100
100
|
* Supports Angular Forms.
|
|
101
101
|
*/
|
|
102
102
|
declare class MultiInputComponent<ItemType = any, ValueType = any> implements MultiInputInterface, ControlValueAccessor, CssClassBuilder, OnInit, OnChanges, AfterViewInit, OnDestroy, FormItemControl {
|
|
103
|
-
readonly _contentDensityObserver: ContentDensityObserver;
|
|
104
|
-
readonly elementRef: ElementRef<HTMLElement>;
|
|
105
|
-
private readonly _changeDetRef;
|
|
106
|
-
private readonly _dynamicComponentService;
|
|
107
|
-
private readonly _injector;
|
|
108
|
-
private readonly _viewContainerRef;
|
|
109
|
-
private readonly _rtlService;
|
|
110
|
-
private readonly _focusTrapService;
|
|
111
103
|
/** Placeholder for the input field. */
|
|
112
104
|
placeholder: string;
|
|
113
105
|
/** Whether the input is disabled. */
|
|
@@ -273,24 +265,38 @@ declare class MultiInputComponent<ItemType = any, ValueType = any> implements Mu
|
|
|
273
265
|
readonly _selectionModel: PairSelectionModel<OptionItemIdentifier, OptionItem<ItemType, ValueType>>;
|
|
274
266
|
/** @hidden */
|
|
275
267
|
readonly _viewModel$: Observable<ViewModel<ItemType, ValueType>>;
|
|
276
|
-
/** @hidden */
|
|
277
|
-
_dir: string;
|
|
278
268
|
/** typeahead matcher function */
|
|
279
269
|
get typeAheadMatcher(): (item: string, searchTerm: string) => boolean;
|
|
280
270
|
/** @hidden */
|
|
271
|
+
readonly _contentDensityObserver: ContentDensityObserver;
|
|
272
|
+
/** @hidden */
|
|
273
|
+
readonly elementRef: ElementRef<HTMLElement>;
|
|
274
|
+
/** @hidden */
|
|
275
|
+
private readonly _dir;
|
|
276
|
+
/** @hidden */
|
|
281
277
|
private _subscriptions;
|
|
282
278
|
/** @hidden */
|
|
283
279
|
private readonly _rangeSelector;
|
|
284
280
|
/** @hidden */
|
|
285
|
-
|
|
281
|
+
private readonly _changeDetRef;
|
|
282
|
+
/** @hidden */
|
|
283
|
+
private readonly _dynamicComponentService;
|
|
284
|
+
/** @hidden */
|
|
285
|
+
private readonly _injector;
|
|
286
|
+
/** @hidden */
|
|
287
|
+
private readonly _viewContainerRef;
|
|
288
|
+
/** @hidden */
|
|
289
|
+
private readonly _rtlService;
|
|
290
|
+
/** @hidden */
|
|
291
|
+
private readonly _focusTrapService;
|
|
292
|
+
/** @hidden */
|
|
293
|
+
constructor();
|
|
286
294
|
/** @hidden CssClassBuilder interface implementation
|
|
287
295
|
* function must return single string
|
|
288
296
|
* function is responsible for order which css classes are applied
|
|
289
297
|
*/
|
|
290
298
|
buildComponentCssClass(): string[];
|
|
291
299
|
/** @hidden */
|
|
292
|
-
protected _focusOut(event: FocusEvent): void;
|
|
293
|
-
/** @hidden */
|
|
294
300
|
onChange: (value: any) => void;
|
|
295
301
|
/** @hidden */
|
|
296
302
|
onTouched: () => void;
|
|
@@ -357,6 +363,8 @@ declare class MultiInputComponent<ItemType = any, ValueType = any> implements Mu
|
|
|
357
363
|
/** @hidden */
|
|
358
364
|
_close(): void;
|
|
359
365
|
/** @hidden */
|
|
366
|
+
protected _focusOut(event: FocusEvent): void;
|
|
367
|
+
/** @hidden */
|
|
360
368
|
private _addNewTokenToDropDownValues;
|
|
361
369
|
/** @hidden */
|
|
362
370
|
private _selectFirstFiltered;
|
|
@@ -388,7 +396,7 @@ declare class MultiInputComponent<ItemType = any, ValueType = any> implements Mu
|
|
|
388
396
|
private _getValueAndLabelOfItem;
|
|
389
397
|
/** @hidden */
|
|
390
398
|
private _getViewModel;
|
|
391
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MultiInputComponent<any, any>,
|
|
399
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MultiInputComponent<any, any>, never>;
|
|
392
400
|
static ɵcmp: i0.ɵɵComponentDeclaration<MultiInputComponent<any, any>, "fd-multi-input", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "compactCollapse": { "alias": "compactCollapse"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "glyph": { "alias": "glyph"; "required": false; }; "glyphFont": { "alias": "glyphFont"; "required": false; }; "dropdownValues": { "alias": "dropdownValues"; "required": false; }; "openDropdownOnAddOnClicked": { "alias": "openDropdownOnAddOnClicked"; "required": false; }; "addonIconTitle": { "alias": "addonIconTitle"; "required": false; }; "searchTerm": { "alias": "searchTerm"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "highlight": { "alias": "highlight"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "class": { "alias": "class"; "required": false; }; "filterFn": { "alias": "filterFn"; "required": false; }; "valueFn": { "alias": "valueFn"; "required": false; }; "displayFn": { "alias": "displayFn"; "required": false; }; "newTokenParseFn": { "alias": "newTokenParseFn"; "required": false; }; "optionItemIdentifier": { "alias": "optionItemIdentifier"; "required": false; }; "newTokenValidateFn": { "alias": "newTokenValidateFn"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "fillControlMode": { "alias": "fillControlMode"; "required": false; }; "state": { "alias": "state"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "allowNewTokens": { "alias": "allowNewTokens"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "showAllButton": { "alias": "showAllButton"; "required": false; }; "bodyMaxWidth": { "alias": "bodyMaxWidth"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "includes": { "alias": "includes"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "title": { "alias": "title"; "required": false; }; "byline": { "alias": "byline"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "open": { "alias": "open"; "required": false; }; "displayAddonButton": { "alias": "displayAddonButton"; "required": false; }; "addOnButtonAriaLabel": { "alias": "addOnButtonAriaLabel"; "required": false; }; }, { "searchTermChange": "searchTermChange"; "selectedChange": "selectedChange"; "openChange": "openChange"; "addOnButtonClicked": "addOnButtonClicked"; "allItemsSelectedChange": "allItemsSelectedChange"; }, never, ["*"], true, never>;
|
|
393
401
|
}
|
|
394
402
|
interface _OptionItem<ItemType = any, ValueType = any> extends OptionItemBase<ValueType> {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter, QueryList,
|
|
2
|
+
import { EventEmitter, QueryList, ChangeDetectorRef, ElementRef, AfterContentInit, OnDestroy } from '@angular/core';
|
|
3
3
|
import { Subject, Observable } from 'rxjs';
|
|
4
4
|
import { DefaultMenuItem, MenuKeyboardService } from '@fundamental-ngx/core/menu';
|
|
5
|
-
import {
|
|
5
|
+
import { Nullable } from '@fundamental-ngx/cdk/utils';
|
|
6
6
|
import { IconComponent } from '@fundamental-ngx/core/icon';
|
|
7
7
|
import { PopoverComponent } from '@fundamental-ngx/core/popover';
|
|
8
8
|
import { Placement } from '@fundamental-ngx/core/shared';
|
|
@@ -58,13 +58,10 @@ declare class NestedItemService {
|
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
declare class NestedListHeaderDirective {
|
|
61
|
-
private _elementRef;
|
|
62
61
|
/** Id of the element. */
|
|
63
62
|
id: string | null;
|
|
64
63
|
/** @hidden */
|
|
65
|
-
|
|
66
|
-
/** @hidden */
|
|
67
|
-
constructor(_elementRef: ElementRef);
|
|
64
|
+
private readonly _elementRef;
|
|
68
65
|
/** Get the header title */
|
|
69
66
|
get title(): string;
|
|
70
67
|
static ɵfac: i0.ɵɵFactoryDeclaration<NestedListHeaderDirective, never>;
|
|
@@ -73,48 +70,36 @@ declare class NestedListHeaderDirective {
|
|
|
73
70
|
declare class NestedListIconComponent extends IconComponent {
|
|
74
71
|
/** Role attribute */
|
|
75
72
|
role: string;
|
|
76
|
-
/** @hidden */
|
|
77
|
-
fdNestedListIconClass: boolean;
|
|
78
73
|
static ɵfac: i0.ɵɵFactoryDeclaration<NestedListIconComponent, never>;
|
|
79
74
|
static ɵcmp: i0.ɵɵComponentDeclaration<NestedListIconComponent, "[fdNestedDirectivesIcon], [fd-nested-list-icon]", never, { "role": { "alias": "role"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
80
75
|
}
|
|
81
76
|
declare class NestedListTitleDirective {
|
|
82
|
-
private elementRef;
|
|
83
|
-
/** @hidden */
|
|
84
|
-
fdNestedListTitleClass: boolean;
|
|
85
77
|
/** @hidden */
|
|
86
|
-
|
|
78
|
+
private readonly _elementRef;
|
|
87
79
|
/** Returns element's InnerText */
|
|
88
80
|
getInnerText(): string;
|
|
89
81
|
static ɵfac: i0.ɵɵFactoryDeclaration<NestedListTitleDirective, never>;
|
|
90
82
|
static ɵdir: i0.ɵɵDirectiveDeclaration<NestedListTitleDirective, "[fdNestedDirectivesTitle], [fd-nested-list-title]", never, {}, {}, never, never, true, never>;
|
|
91
83
|
}
|
|
92
84
|
declare class NestedListExpandIconComponent {
|
|
93
|
-
private _itemService;
|
|
94
|
-
private _changeDetRef;
|
|
95
|
-
private _rtlService;
|
|
96
|
-
/** @hidden */
|
|
97
|
-
fdNestedListTitleClass: boolean;
|
|
98
|
-
/** @hidden */
|
|
99
|
-
fdButtonClass: boolean;
|
|
100
85
|
/**
|
|
101
86
|
* @hidden
|
|
102
87
|
* Attribute controlled by the parent `NestedItemDirective`
|
|
103
88
|
*/
|
|
104
|
-
expanded: boolean
|
|
89
|
+
readonly expanded: i0.WritableSignal<boolean>;
|
|
105
90
|
/** @hidden */
|
|
106
|
-
|
|
91
|
+
readonly expandIcon: i0.Signal<"navigation-down-arrow" | "navigation-left-arrow" | "navigation-right-arrow">;
|
|
107
92
|
/** @hidden */
|
|
108
|
-
|
|
93
|
+
private readonly _itemService;
|
|
109
94
|
/** @hidden */
|
|
110
|
-
|
|
95
|
+
private readonly _rtlService;
|
|
111
96
|
/** Mouse event handler */
|
|
112
97
|
onClick(event: MouseEvent): void;
|
|
113
98
|
/** Handler for focus events */
|
|
114
99
|
onFocus(): void;
|
|
115
100
|
/** @hidden */
|
|
116
101
|
changeExpandedState(expanded: boolean): void;
|
|
117
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NestedListExpandIconComponent,
|
|
102
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NestedListExpandIconComponent, never>;
|
|
118
103
|
static ɵcmp: i0.ɵɵComponentDeclaration<NestedListExpandIconComponent, "[fdNestedListExpandIcon], [fd-nested-list-expand-icon]", never, {}, {}, never, ["*"], true, never>;
|
|
119
104
|
}
|
|
120
105
|
|
|
@@ -374,9 +359,6 @@ interface NestedListLink {
|
|
|
374
359
|
}
|
|
375
360
|
|
|
376
361
|
declare class NestedListPopoverComponent implements NestedListPopoverInterface, AfterContentInit {
|
|
377
|
-
private _keyboardNestService;
|
|
378
|
-
private _itemService;
|
|
379
|
-
private _rtlService;
|
|
380
362
|
/** @hidden
|
|
381
363
|
* For Internal Usage - Gets information about title, which should be displayed inside popover
|
|
382
364
|
*/
|
|
@@ -384,8 +366,6 @@ declare class NestedListPopoverComponent implements NestedListPopoverInterface,
|
|
|
384
366
|
/** @hidden */
|
|
385
367
|
popoverComponent: PopoverComponent;
|
|
386
368
|
/** @hidden */
|
|
387
|
-
popoverClass: boolean;
|
|
388
|
-
/** @hidden */
|
|
389
369
|
linkDirective: NestedLinkDirective;
|
|
390
370
|
/** @hidden */
|
|
391
371
|
contentDirective: NestedListContentDirective;
|
|
@@ -395,11 +375,17 @@ declare class NestedListPopoverComponent implements NestedListPopoverInterface,
|
|
|
395
375
|
*/
|
|
396
376
|
parentItemElement: NestedItemInterface;
|
|
397
377
|
/** @hidden */
|
|
398
|
-
placement$: i0.Signal<Placement>;
|
|
399
|
-
/** @hidden */
|
|
400
378
|
open: boolean;
|
|
401
379
|
/** @hidden */
|
|
402
|
-
|
|
380
|
+
protected readonly placement: i0.Signal<Placement>;
|
|
381
|
+
/** @hidden */
|
|
382
|
+
private readonly _keyboardNestService;
|
|
383
|
+
/** @hidden */
|
|
384
|
+
private readonly _itemService;
|
|
385
|
+
/** @hidden */
|
|
386
|
+
private readonly _rtlService;
|
|
387
|
+
/** @hidden */
|
|
388
|
+
constructor();
|
|
403
389
|
/** @hidden */
|
|
404
390
|
ngAfterContentInit(): void;
|
|
405
391
|
/**
|
|
@@ -410,7 +396,7 @@ declare class NestedListPopoverComponent implements NestedListPopoverInterface,
|
|
|
410
396
|
private _getTitle;
|
|
411
397
|
/** @hidden */
|
|
412
398
|
private _listenOnKeyboardRefresh;
|
|
413
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NestedListPopoverComponent,
|
|
399
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NestedListPopoverComponent, never>;
|
|
414
400
|
static ɵcmp: i0.ɵɵComponentDeclaration<NestedListPopoverComponent, "fd-nested-list-popover", never, { "title": { "alias": "title"; "required": false; }; }, {}, ["linkDirective", "contentDirective"], ["[fd-nested-list-link]", "[fd-nested-list-content]", "[fd-nested-list]", "fd-prepared-nested-list"], true, never>;
|
|
415
401
|
}
|
|
416
402
|
|
|
@@ -134,38 +134,61 @@ declare class NotificationContentComponent {
|
|
|
134
134
|
|
|
135
135
|
declare class NotificationFooterComponent {
|
|
136
136
|
/**
|
|
137
|
-
*
|
|
138
|
-
*
|
|
137
|
+
* Manual control: Override to show/hide the expand/collapse button.
|
|
138
|
+
* When set, takes precedence over automatic truncation detection.
|
|
139
|
+
* Use this for dynamically created notifications where automatic detection doesn't work.
|
|
139
140
|
*/
|
|
140
|
-
|
|
141
|
+
readonly manualShowTrigger: i0.InputSignal<boolean | undefined>;
|
|
141
142
|
/**
|
|
142
|
-
*
|
|
143
|
-
* When
|
|
144
|
-
*
|
|
143
|
+
* Manual control: Set expanded state externally.
|
|
144
|
+
* When set, takes precedence over internal expanded state.
|
|
145
|
+
* Use this for dynamically created notifications.
|
|
146
|
+
* Supports two-way binding with [(manualExpanded)].
|
|
145
147
|
*/
|
|
146
|
-
|
|
148
|
+
readonly manualExpanded: i0.ModelSignal<boolean | undefined>;
|
|
147
149
|
/**
|
|
148
150
|
* Custom label for the expand button.
|
|
149
151
|
* Defaults to `'More'`.
|
|
150
152
|
*/
|
|
151
|
-
moreLabel: i0.InputSignal<string | undefined>;
|
|
152
|
-
/**
|
|
153
|
+
readonly moreLabel: i0.InputSignal<string | undefined>;
|
|
154
|
+
/**
|
|
155
|
+
* Custom label for the collapse button.
|
|
153
156
|
* Defaults to `'Less'`.
|
|
154
157
|
*/
|
|
155
|
-
lessLabel: i0.InputSignal<string | undefined>;
|
|
156
|
-
/**
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
158
|
+
readonly lessLabel: i0.InputSignal<string | undefined>;
|
|
159
|
+
/**
|
|
160
|
+
* Internal signal for automatic truncation detection.
|
|
161
|
+
* Used when manual controls are not provided.
|
|
162
|
+
* @internal
|
|
163
|
+
*/
|
|
164
|
+
readonly _autoShowTrigger: i0.WritableSignal<boolean>;
|
|
165
|
+
/**
|
|
166
|
+
* Internal signal for automatic expanded state.
|
|
167
|
+
* Used when manual controls are not provided.
|
|
168
|
+
* @internal
|
|
169
|
+
*/
|
|
170
|
+
readonly _autoExpanded: i0.WritableSignal<boolean>;
|
|
171
|
+
/**
|
|
172
|
+
* Computed signal for expanded state.
|
|
173
|
+
* Uses manual control if provided, otherwise uses automatic state.
|
|
174
|
+
*/
|
|
175
|
+
readonly expanded: i0.Signal<boolean>;
|
|
176
|
+
/**
|
|
177
|
+
* Computed signal that determines if trigger should be shown.
|
|
178
|
+
* Uses manual control if provided, otherwise uses automatic detection.
|
|
179
|
+
*/
|
|
180
|
+
protected readonly showTrigger: i0.Signal<boolean>;
|
|
181
|
+
private readonly _defaultMoreLabel;
|
|
182
|
+
private readonly _defaultLessLabel;
|
|
160
183
|
/** @hidden */
|
|
161
|
-
onTriggerClick(): void;
|
|
184
|
+
protected onTriggerClick(): void;
|
|
162
185
|
/**
|
|
163
186
|
* Label for the trigger button
|
|
164
187
|
* @hidden
|
|
165
188
|
**/
|
|
166
|
-
get triggerLabel(): string;
|
|
189
|
+
protected get triggerLabel(): string;
|
|
167
190
|
static ɵfac: i0.ɵɵFactoryDeclaration<NotificationFooterComponent, never>;
|
|
168
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NotificationFooterComponent, "fd-notification-footer", never, { "moreLabel": { "alias": "moreLabel"; "required": false; "isSignal": true; }; "lessLabel": { "alias": "lessLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
191
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NotificationFooterComponent, "fd-notification-footer", never, { "manualShowTrigger": { "alias": "manualShowTrigger"; "required": false; "isSignal": true; }; "manualExpanded": { "alias": "manualExpanded"; "required": false; "isSignal": true; }; "moreLabel": { "alias": "moreLabel"; "required": false; "isSignal": true; }; "lessLabel": { "alias": "lessLabel"; "required": false; "isSignal": true; }; }, { "manualExpanded": "manualExpandedChange"; }, never, ["*"], true, never>;
|
|
169
192
|
}
|
|
170
193
|
|
|
171
194
|
declare class NotificationGroupGrowingItemComponent {
|
|
@@ -187,7 +210,7 @@ declare class NotificationGroupHeaderComponent extends NotificationGroupBaseDire
|
|
|
187
210
|
/** @hidden */
|
|
188
211
|
expanded: i0.WritableSignal<boolean>;
|
|
189
212
|
/** @hidden */
|
|
190
|
-
readonly _buttonIcon
|
|
213
|
+
protected readonly _buttonIcon: i0.Signal<"slim-arrow-down" | "slim-arrow-left" | "slim-arrow-right">;
|
|
191
214
|
/** @hidden */
|
|
192
215
|
private readonly _rtlService;
|
|
193
216
|
/** @hidden */
|
|
@@ -212,7 +235,7 @@ declare class NotificationComponent extends AbstractFdNgxClass implements OnInit
|
|
|
212
235
|
/** Whether the notificatioon is in mobile mode */
|
|
213
236
|
mobile: i0.InputSignal<boolean>;
|
|
214
237
|
/** @hidden */
|
|
215
|
-
_dir
|
|
238
|
+
_dir: i0.Signal<Direction>;
|
|
216
239
|
/** ID of the notification */
|
|
217
240
|
id: string;
|
|
218
241
|
/**
|
|
@@ -1,34 +1,54 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { ElementRef } from '@angular/core';
|
|
3
|
+
import { HasElementRef } from '@fundamental-ngx/cdk';
|
|
4
4
|
import { IconFont } from '@fundamental-ngx/core/icon';
|
|
5
5
|
|
|
6
|
-
declare class ObjectMarkerComponent implements
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
6
|
+
declare class ObjectMarkerComponent implements HasElementRef {
|
|
7
|
+
/**
|
|
8
|
+
* Object Marker ID
|
|
9
|
+
* If not set, a default value is provided
|
|
10
|
+
*/
|
|
11
|
+
readonly id: _angular_core.InputSignal<string>;
|
|
12
|
+
/** Sets aria-labelledby attribute for object marker */
|
|
13
|
+
readonly ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
|
|
14
|
+
/** Status text for the Object Status. */
|
|
15
|
+
readonly statusText: _angular_core.InputSignal<string | undefined>;
|
|
10
16
|
/** Glyph (icon) of the Object Status.*/
|
|
11
|
-
glyph: string
|
|
17
|
+
readonly glyph: _angular_core.InputSignal<string | undefined>;
|
|
12
18
|
/** Glyph font family */
|
|
13
|
-
glyphFont: IconFont
|
|
19
|
+
readonly glyphFont: _angular_core.InputSignal<IconFont>;
|
|
14
20
|
/** Whether the Object Status is clickable. */
|
|
15
|
-
clickable: boolean
|
|
21
|
+
readonly clickable: _angular_core.InputSignal<boolean>;
|
|
16
22
|
/** Define the text content of the Object Status */
|
|
17
|
-
label: string
|
|
18
|
-
/**
|
|
19
|
-
|
|
20
|
-
/** @hidden
|
|
21
|
-
* CssClassBuilder interface implementation
|
|
22
|
-
* function must return single string
|
|
23
|
-
* function is responsible for order which css classes are applied
|
|
24
|
-
*/
|
|
25
|
-
buildComponentCssClass(): string[];
|
|
26
|
-
/** @hidden */
|
|
27
|
-
ngOnChanges(): void;
|
|
23
|
+
readonly label: _angular_core.InputSignal<string | undefined>;
|
|
24
|
+
/** Title attribute for the Object Status */
|
|
25
|
+
readonly title: _angular_core.InputSignal<string | undefined>;
|
|
28
26
|
/** @hidden */
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
27
|
+
readonly elementRef: ElementRef<any>;
|
|
28
|
+
/** Computed ID for the screen-reader only element */
|
|
29
|
+
protected readonly srOnlyId: _angular_core.Signal<string>;
|
|
30
|
+
/** Computed ID for the label element */
|
|
31
|
+
protected readonly labelId: _angular_core.Signal<string>;
|
|
32
|
+
/** Computed ID for the screen-reader only element for icon-only object marker */
|
|
33
|
+
protected readonly srOnlyIconOnlyId: _angular_core.Signal<string>;
|
|
34
|
+
/** @hidden Role attribute for the object marker */
|
|
35
|
+
protected readonly role: _angular_core.Signal<"link" | "img" | undefined>;
|
|
36
|
+
/** @hidden Role attribute for the icon */
|
|
37
|
+
protected readonly iconRole: _angular_core.Signal<"presentation" | undefined>;
|
|
38
|
+
/** @hidden Computed status text (uses custom or default) */
|
|
39
|
+
protected readonly statusText$: _angular_core.Signal<string>;
|
|
40
|
+
/** @hidden Computed title for icon (only when no label exists) */
|
|
41
|
+
protected readonly iconTitle: _angular_core.Signal<string | undefined>;
|
|
42
|
+
/** @hidden Computed aria-labelledby attribute */
|
|
43
|
+
protected readonly computedAriaLabelledBy: _angular_core.Signal<string | undefined>;
|
|
44
|
+
/** @hidden Translation signal for active state */
|
|
45
|
+
private readonly _activeStatusText;
|
|
46
|
+
/** @hidden Translation signal for inactive state */
|
|
47
|
+
private readonly _inactiveStatusText;
|
|
48
|
+
/** @hidden Default status text for the Object Marker. */
|
|
49
|
+
private readonly _defaultStatusText;
|
|
50
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ObjectMarkerComponent, never>;
|
|
51
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ObjectMarkerComponent, "[fd-object-marker]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "statusText": { "alias": "statusText"; "required": false; "isSignal": true; }; "glyph": { "alias": "glyph"; "required": false; "isSignal": true; }; "glyphFont": { "alias": "glyphFont"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
32
52
|
}
|
|
33
53
|
|
|
34
54
|
/**
|
|
@@ -36,9 +56,9 @@ declare class ObjectMarkerComponent implements OnChanges, OnInit, CssClassBuilde
|
|
|
36
56
|
* Use direct import of `ObjectMarkerComponent`
|
|
37
57
|
*/
|
|
38
58
|
declare class ObjectMarkerModule {
|
|
39
|
-
static ɵfac:
|
|
40
|
-
static ɵmod:
|
|
41
|
-
static ɵinj:
|
|
59
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ObjectMarkerModule, never>;
|
|
60
|
+
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ObjectMarkerModule, never, [typeof ObjectMarkerComponent], [typeof ObjectMarkerComponent]>;
|
|
61
|
+
static ɵinj: _angular_core.ɵɵInjectorDeclaration<ObjectMarkerModule>;
|
|
42
62
|
}
|
|
43
63
|
|
|
44
64
|
export { ObjectMarkerComponent, ObjectMarkerModule };
|
|
@@ -1,92 +1,93 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { ElementRef, TemplateRef, InjectionToken } from '@angular/core';
|
|
3
|
+
import { HasElementRef, Nullable, ColorAccent } from '@fundamental-ngx/cdk/utils';
|
|
4
4
|
import { IconFont } from '@fundamental-ngx/core/icon';
|
|
5
|
+
import { FdLanguageKeyIdentifier } from '@fundamental-ngx/i18n';
|
|
5
6
|
|
|
6
7
|
type ObjectStatus = 'negative' | 'critical' | 'positive' | 'informative' | 'neutral';
|
|
7
|
-
declare
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
|
|
8
|
+
declare const OBJECT_STATUS_CLASS_NAME = "fd-object-status";
|
|
9
|
+
declare class ObjectStatusComponent implements HasElementRef {
|
|
10
|
+
/** @hidden */
|
|
11
|
+
_textClass: string;
|
|
12
|
+
/** @hidden Element reference */
|
|
13
|
+
readonly elementRef: ElementRef<any>;
|
|
11
14
|
/**
|
|
12
15
|
* The status represented by the Object Status.
|
|
13
16
|
* Can be one of the following: 'negative' | 'critical' | 'positive' | 'informative'
|
|
14
17
|
* For default Object Status omit this property
|
|
15
18
|
*/
|
|
16
|
-
status: Nullable<ObjectStatus
|
|
19
|
+
readonly status: _angular_core.InputSignal<Nullable<ObjectStatus>>;
|
|
20
|
+
/** An optional status message for the Object Status. */
|
|
21
|
+
readonly statusMessage: _angular_core.InputSignal<Nullable<string>>;
|
|
17
22
|
/**
|
|
18
23
|
* Glyph (icon) of the Object Status.
|
|
19
24
|
*/
|
|
20
|
-
glyph: Nullable<string
|
|
25
|
+
readonly glyph: _angular_core.InputSignal<Nullable<string>>;
|
|
21
26
|
/** Glyph font family */
|
|
22
|
-
glyphFont: IconFont
|
|
27
|
+
readonly glyphFont: _angular_core.InputSignal<IconFont>;
|
|
23
28
|
/** Define the text content of the Object Status */
|
|
24
|
-
label: Nullable<string
|
|
29
|
+
readonly label: _angular_core.InputSignal<Nullable<string>>;
|
|
30
|
+
/**
|
|
31
|
+
* Accessible label for screen readers.
|
|
32
|
+
* Used in the screen-reader-only span element to provide context for assistive technologies.
|
|
33
|
+
*/
|
|
34
|
+
readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
|
|
25
35
|
/**
|
|
26
36
|
* Label applied to glyph element, should be used when there is no text included
|
|
27
37
|
*/
|
|
28
|
-
glyphAriaLabel: string
|
|
38
|
+
readonly glyphAriaLabel: _angular_core.InputSignal<string | undefined>;
|
|
29
39
|
/**
|
|
30
40
|
* A number representing the indication color.
|
|
31
41
|
* For non-inverted state available numbers are from 1 to 8.
|
|
32
42
|
* For inverted state available numbers are from 1 to 10.
|
|
33
43
|
*/
|
|
34
|
-
indicationColor: Nullable<ColorAccent
|
|
44
|
+
readonly indicationColor: _angular_core.InputSignal<Nullable<ColorAccent>>;
|
|
35
45
|
/** Whether the Object Status is clickable. */
|
|
36
|
-
clickable: boolean
|
|
46
|
+
readonly clickable: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
37
47
|
/** Whether the Object Status is inverted. */
|
|
38
|
-
inverted: boolean
|
|
48
|
+
readonly inverted: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
39
49
|
/** Whether the Object Status is in Large Design. */
|
|
40
|
-
large: boolean
|
|
50
|
+
readonly large: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
41
51
|
/** Whether to use secondary set of indication colors. */
|
|
42
|
-
secondaryIndication: boolean
|
|
52
|
+
readonly secondaryIndication: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
43
53
|
/**
|
|
44
54
|
* Template reference for complex object status texts.
|
|
45
55
|
*/
|
|
46
|
-
textTemplate: Nullable<TemplateRef<any
|
|
56
|
+
readonly textTemplate: _angular_core.InputSignal<Nullable<TemplateRef<any>>>;
|
|
57
|
+
/** Aria role description for the object status. */
|
|
58
|
+
readonly ariaRoleDescription: _angular_core.InputSignal<string | undefined>;
|
|
47
59
|
/** @hidden */
|
|
48
|
-
|
|
49
|
-
/** Whether the Object status is icon-only. */
|
|
50
|
-
get iconOnly(): boolean;
|
|
60
|
+
protected readonly _ariaRoleDescription: _angular_core.Signal<string>;
|
|
51
61
|
/** @hidden */
|
|
52
|
-
|
|
53
|
-
/** @hidden
|
|
54
|
-
* CssClassBuilder interface implementation
|
|
55
|
-
* function must return single string
|
|
56
|
-
* function is responsible for order which css classes are applied
|
|
57
|
-
*/
|
|
58
|
-
buildComponentCssClass(): string[];
|
|
62
|
+
protected readonly indicationColorCode: _angular_core.Signal<string>;
|
|
59
63
|
/** @hidden */
|
|
60
|
-
|
|
64
|
+
protected readonly statusTranslateKey: _angular_core.Signal<FdLanguageKeyIdentifier | null>;
|
|
65
|
+
/** @hidden Computed CSS classes */
|
|
66
|
+
protected readonly _cssClass: _angular_core.Signal<string>;
|
|
61
67
|
/** @hidden */
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
68
|
+
private readonly defaultAriaRoleDescription;
|
|
69
|
+
/** Whether the Object status is icon-only. */
|
|
70
|
+
private readonly iconOnly;
|
|
71
|
+
/**
|
|
72
|
+
* Type guard to check if the status is a valid ObjectStatus
|
|
73
|
+
* @hidden
|
|
74
|
+
*/
|
|
75
|
+
private isValidObjectStatus;
|
|
76
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ObjectStatusComponent, never>;
|
|
77
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ObjectStatusComponent, "[fd-object-status]", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "statusMessage": { "alias": "statusMessage"; "required": false; "isSignal": true; }; "glyph": { "alias": "glyph"; "required": false; "isSignal": true; }; "glyphFont": { "alias": "glyphFont"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "glyphAriaLabel": { "alias": "glyphAriaLabel"; "required": false; "isSignal": true; }; "indicationColor": { "alias": "indicationColor"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "inverted": { "alias": "inverted"; "required": false; "isSignal": true; }; "large": { "alias": "large"; "required": false; "isSignal": true; }; "secondaryIndication": { "alias": "secondaryIndication"; "required": false; "isSignal": true; }; "textTemplate": { "alias": "textTemplate"; "required": false; "isSignal": true; }; "ariaRoleDescription": { "alias": "ariaRoleDescription"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
66
78
|
}
|
|
67
|
-
type ObjectStatusData = NullableObject<{
|
|
68
|
-
status: ObjectStatus;
|
|
69
|
-
inverted: boolean;
|
|
70
|
-
large: boolean;
|
|
71
|
-
indicationColor: number;
|
|
72
|
-
clickable: boolean;
|
|
73
|
-
class: string;
|
|
74
|
-
iconOnly: boolean;
|
|
75
|
-
secondaryIndication: boolean;
|
|
76
|
-
}>;
|
|
77
|
-
declare const buildObjectStatusCssClasses: (data: ObjectStatusData) => string[];
|
|
78
79
|
|
|
79
80
|
/**
|
|
80
81
|
* @deprecated
|
|
81
82
|
* Use `ObjectStatusComponent` import instead.
|
|
82
83
|
*/
|
|
83
84
|
declare class ObjectStatusModule {
|
|
84
|
-
static ɵfac:
|
|
85
|
-
static ɵmod:
|
|
86
|
-
static ɵinj:
|
|
85
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ObjectStatusModule, never>;
|
|
86
|
+
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ObjectStatusModule, never, [typeof ObjectStatusComponent], [typeof ObjectStatusComponent]>;
|
|
87
|
+
static ɵinj: _angular_core.ɵɵInjectorDeclaration<ObjectStatusModule>;
|
|
87
88
|
}
|
|
88
89
|
|
|
89
90
|
declare const FD_OBJECT_STATUS_COMPONENT: InjectionToken<unknown>;
|
|
90
91
|
|
|
91
|
-
export { FD_OBJECT_STATUS_COMPONENT, ObjectStatusComponent, ObjectStatusModule
|
|
92
|
+
export { FD_OBJECT_STATUS_COMPONENT, OBJECT_STATUS_CLASS_NAME, ObjectStatusComponent, ObjectStatusModule };
|
|
92
93
|
export type { ObjectStatus };
|