@fundamental-ngx/core 0.59.1-rc.9 → 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 +10 -12
- 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 +2 -2
- 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
|
|
|
@@ -210,7 +210,7 @@ declare class NotificationGroupHeaderComponent extends NotificationGroupBaseDire
|
|
|
210
210
|
/** @hidden */
|
|
211
211
|
expanded: i0.WritableSignal<boolean>;
|
|
212
212
|
/** @hidden */
|
|
213
|
-
readonly _buttonIcon
|
|
213
|
+
protected readonly _buttonIcon: i0.Signal<"slim-arrow-down" | "slim-arrow-left" | "slim-arrow-right">;
|
|
214
214
|
/** @hidden */
|
|
215
215
|
private readonly _rtlService;
|
|
216
216
|
/** @hidden */
|
|
@@ -235,7 +235,7 @@ declare class NotificationComponent extends AbstractFdNgxClass implements OnInit
|
|
|
235
235
|
/** Whether the notificatioon is in mobile mode */
|
|
236
236
|
mobile: i0.InputSignal<boolean>;
|
|
237
237
|
/** @hidden */
|
|
238
|
-
_dir
|
|
238
|
+
_dir: i0.Signal<Direction>;
|
|
239
239
|
/** ID of the notification */
|
|
240
240
|
id: string;
|
|
241
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 };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { ElementRef, EventEmitter, TemplateRef, Injector, OnDestroy, ViewContainerRef, OnInit, AfterViewInit, ChangeDetectorRef, QueryList, NgZone, InjectionToken } from '@angular/core';
|
|
3
3
|
import { FocusableOption } from '@angular/cdk/a11y';
|
|
4
|
-
import { HasElementRef, Nullable
|
|
4
|
+
import { HasElementRef, Nullable } from '@fundamental-ngx/cdk/utils';
|
|
5
5
|
import { Observable } from 'rxjs';
|
|
6
6
|
|
|
7
7
|
interface OverflowLayoutFocusableItem extends FocusableOption {
|
|
@@ -319,7 +319,6 @@ declare class OverflowLayoutComponent implements OnInit, AfterViewInit, OnDestro
|
|
|
319
319
|
private readonly _ngZone;
|
|
320
320
|
protected _cdr: ChangeDetectorRef;
|
|
321
321
|
protected _overflowLayoutService: OverflowLayoutService;
|
|
322
|
-
private readonly _rtl;
|
|
323
322
|
/**
|
|
324
323
|
* Maximum amount of visible items.
|
|
325
324
|
*/
|
|
@@ -409,7 +408,9 @@ declare class OverflowLayoutComponent implements OnInit, AfterViewInit, OnDestro
|
|
|
409
408
|
/** @hidden */
|
|
410
409
|
private _keyboardEventsManager;
|
|
411
410
|
/** @hidden */
|
|
412
|
-
|
|
411
|
+
private readonly _rtl;
|
|
412
|
+
/** @hidden */
|
|
413
|
+
constructor(_elementRef: ElementRef<HTMLElement>, _ngZone: NgZone, _cdr: ChangeDetectorRef, _overflowLayoutService: OverflowLayoutService);
|
|
413
414
|
/** Overflow Layout more button text */
|
|
414
415
|
moreItemsButtonText: (hiddenItemsCount: number) => string;
|
|
415
416
|
/** @hidden */
|
|
@@ -440,9 +441,7 @@ declare class OverflowLayoutComponent implements OnInit, AfterViewInit, OnDestro
|
|
|
440
441
|
private _setupKeyboardListener;
|
|
441
442
|
/** @hidden */
|
|
442
443
|
private _setFocusKeyManager;
|
|
443
|
-
|
|
444
|
-
private _subscribeToRtl;
|
|
445
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<OverflowLayoutComponent, [null, null, null, null, { optional: true; }]>;
|
|
444
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OverflowLayoutComponent, never>;
|
|
446
445
|
static ɵcmp: i0.ɵɵComponentDeclaration<OverflowLayoutComponent, "fd-overflow-layout", never, { "maxVisibleItems": { "alias": "maxVisibleItems"; "required": false; }; "navigationTrigger": { "alias": "navigationTrigger"; "required": false; }; "showMorePosition": { "alias": "showMorePosition"; "required": false; }; "renderShowMoreButton": { "alias": "renderShowMoreButton"; "required": false; }; "reverseHiddenItems": { "alias": "reverseHiddenItems"; "required": false; }; "enableKeyboardNavigation": { "alias": "enableKeyboardNavigation"; "required": false; }; "ariaRole": { "alias": "ariaRole"; "required": false; }; "moreItemsButtonText": { "alias": "moreItemsButtonText"; "required": false; }; }, { "visibleItemsCount": "visibleItemsCount"; "hiddenItemsCount": "hiddenItemsCount"; "hiddenItemsChange": "hiddenItemsChange"; }, ["_moreButton", "_items", "_focusableOverflowItems"], never, true, never>;
|
|
447
446
|
static ngAcceptInputType_renderShowMoreButton: unknown;
|
|
448
447
|
}
|
|
@@ -511,7 +510,6 @@ declare class OverflowLayoutItemDirective implements OverflowItem, OnInit {
|
|
|
511
510
|
*/
|
|
512
511
|
declare class OverflowLayoutPopoverContentDirective implements OverflowPopoverContent, OnDestroy {
|
|
513
512
|
private _overflowContainer;
|
|
514
|
-
private _rtl;
|
|
515
513
|
/**
|
|
516
514
|
* Array of hidden items.
|
|
517
515
|
*/
|
|
@@ -523,9 +521,11 @@ declare class OverflowLayoutPopoverContentDirective implements OverflowPopoverCo
|
|
|
523
521
|
/** @hidden */
|
|
524
522
|
private _items;
|
|
525
523
|
/** @hidden */
|
|
526
|
-
private readonly _dir
|
|
524
|
+
private readonly _dir;
|
|
525
|
+
/** @hidden */
|
|
526
|
+
private readonly _rtlService;
|
|
527
527
|
/** @hidden */
|
|
528
|
-
constructor(_overflowContainer: OverflowContainer
|
|
528
|
+
constructor(_overflowContainer: OverflowContainer);
|
|
529
529
|
/** @hidden */
|
|
530
530
|
keyUpHandler(event: KeyboardEvent): void;
|
|
531
531
|
/**
|
|
@@ -534,7 +534,7 @@ declare class OverflowLayoutPopoverContentDirective implements OverflowPopoverCo
|
|
|
534
534
|
focusFirstTabbableElement(): void;
|
|
535
535
|
/** @hidden */
|
|
536
536
|
ngOnDestroy(): void;
|
|
537
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<OverflowLayoutPopoverContentDirective,
|
|
537
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OverflowLayoutPopoverContentDirective, never>;
|
|
538
538
|
static ɵdir: i0.ɵɵDirectiveDeclaration<OverflowLayoutPopoverContentDirective, "[fdOverflowLayoutPopoverContent]", never, { "items": { "alias": "items"; "required": false; }; }, {}, never, never, true, never>;
|
|
539
539
|
}
|
|
540
540
|
|