@fundamental-ngx/cdk 0.56.5 → 0.57.0-rc.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/data-source/index.d.ts +236 -8
- package/fesm2022/fundamental-ngx-cdk-data-source.mjs +7 -7
- package/fesm2022/fundamental-ngx-cdk-data-source.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-cdk-forms.mjs +10 -10
- package/fesm2022/fundamental-ngx-cdk-forms.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-cdk-utils.mjs +302 -300
- package/fesm2022/fundamental-ngx-cdk-utils.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-cdk.mjs +4 -4
- package/fesm2022/fundamental-ngx-cdk.mjs.map +1 -1
- package/forms/index.d.ts +396 -12
- package/index.d.ts +12 -1
- package/package.json +8 -8
- package/utils/index.d.ts +3253 -24
- package/data-source/base/abstract-data-provider.class.d.ts +0 -54
- package/data-source/base/base-data-source.class.d.ts +0 -64
- package/data-source/data-source.directive.d.ts +0 -46
- package/data-source/data-source.module.d.ts +0 -7
- package/data-source/helpers/apply-datasource-directive.d.ts +0 -6
- package/data-source/helpers/common.d.ts +0 -7
- package/data-source/helpers/is-datasource.d.ts +0 -5
- package/data-source/models/data-source-provider.d.ts +0 -22
- package/data-source/models/data-source.d.ts +0 -16
- package/data-source/models/index.d.ts +0 -3
- package/data-source/models/matching-strategy.d.ts +0 -10
- package/data-source/tokens.d.ts +0 -6
- package/forms/cva/cva-control.class.d.ts +0 -25
- package/forms/cva/cva.directive.d.ts +0 -181
- package/forms/forms.module.d.ts +0 -7
- package/forms/helpers/state.d.ts +0 -3
- package/forms/models/control-type.model.d.ts +0 -6
- package/forms/models/cva.d.ts +0 -4
- package/forms/models/form-error.d.ts +0 -36
- package/forms/models/form-field.d.ts +0 -88
- package/forms/models/form-state.d.ts +0 -2
- package/forms/models/select-item.d.ts +0 -47
- package/forms/tokens/form-field-control.token.d.ts +0 -3
- package/forms/tokens/form-field.token.d.ts +0 -3
- package/fundamental-ngx.module.d.ts +0 -9
- package/utils/abstract-fd-ngx-class.d.ts +0 -28
- package/utils/async-strategy/function-strategy.class.d.ts +0 -8
- package/utils/async-strategy/index.d.ts +0 -6
- package/utils/async-strategy/observable-strategy.class.d.ts +0 -9
- package/utils/async-strategy/promise-strategy.class.d.ts +0 -8
- package/utils/async-strategy/select-strategy.class.d.ts +0 -8
- package/utils/async-strategy/subscription-strategy.interface.d.ts +0 -10
- package/utils/async-strategy/value-strategy.class.d.ts +0 -8
- package/utils/coercion/array.d.ts +0 -2
- package/utils/components/dynamic-portal/dynamic-portal.component.d.ts +0 -36
- package/utils/components/index.d.ts +0 -1
- package/utils/consts/error-messages.d.ts +0 -3
- package/utils/consts/index.d.ts +0 -4
- package/utils/consts/overflow-priority-score.d.ts +0 -2
- package/utils/consts/unicode-letters.regex.d.ts +0 -7
- package/utils/consts/unicode-numbers.regex.d.ts +0 -6
- package/utils/datatypes/color-accent.datatype.d.ts +0 -3
- package/utils/datatypes/hash.datatype.d.ts +0 -3
- package/utils/datatypes/index.d.ts +0 -4
- package/utils/datatypes/object-nesting.types.d.ts +0 -4
- package/utils/datatypes/size.datatype.d.ts +0 -1
- package/utils/decorators/apply-css-class.decorator.d.ts +0 -10
- package/utils/decorators/apply-css-style.decorator.d.ts +0 -10
- package/utils/decorators/coerce-boolean.d.ts +0 -4
- package/utils/decorators/coerce-css-pixel.d.ts +0 -1
- package/utils/decorators/index.d.ts +0 -5
- package/utils/decorators/setter-alternator.d.ts +0 -4
- package/utils/deprecated-selector.class.d.ts +0 -18
- package/utils/directives/auto-complete/auto-complete.directive.d.ts +0 -59
- package/utils/directives/auto-complete/auto-complete.module.d.ts +0 -7
- package/utils/directives/breakpoints/breakpoint.directive.d.ts +0 -78
- package/utils/directives/breakpoints/responsive-breakpoints.d.ts +0 -10
- package/utils/directives/clicked/clicked-behavior.module.d.ts +0 -16
- package/utils/directives/clicked/clicked-event.plugin.d.ts +0 -26
- package/utils/directives/clicked/clicked.directive.d.ts +0 -17
- package/utils/directives/clicked/element-click.observable.d.ts +0 -8
- package/utils/directives/clicked/fdk-clicked-provider.service.d.ts +0 -23
- package/utils/directives/clicked/index.d.ts +0 -5
- package/utils/directives/clicked/provide-fdk-clicked.d.ts +0 -11
- package/utils/directives/disabled/default-disabled-view-modifier.d.ts +0 -9
- package/utils/directives/disabled/disabled-behavior.directive.d.ts +0 -35
- package/utils/directives/disabled/disabled-behavior.interface.d.ts +0 -7
- package/utils/directives/disabled/disabled-behavior.module.d.ts +0 -7
- package/utils/directives/disabled/disabled-view-modifier.interface.d.ts +0 -3
- package/utils/directives/disabled/disabled.observer.d.ts +0 -18
- package/utils/directives/disabled/fdk-disabled-provider.service.d.ts +0 -35
- package/utils/directives/disabled/fdk-disabled.token.d.ts +0 -3
- package/utils/directives/disabled/index.d.ts +0 -8
- package/utils/directives/disabled/set-disabled-state.d.ts +0 -4
- package/utils/directives/focus-key-manager/focus-key-manager-helpers.module.d.ts +0 -8
- package/utils/directives/focus-key-manager/focus-key-manager-item.directive.d.ts +0 -30
- package/utils/directives/focus-key-manager/focus-key-manager-list.directive.d.ts +0 -37
- package/utils/directives/focus-key-manager/focus-key-manager.tokens.d.ts +0 -3
- package/utils/directives/focus-key-manager/index.d.ts +0 -4
- package/utils/directives/focusable-grid/focusable-grid.directive.d.ts +0 -41
- package/utils/directives/focusable-grid/focusable-grid.module.d.ts +0 -8
- package/utils/directives/focusable-grid/focusable-grid.tokens.d.ts +0 -2
- package/utils/directives/focusable-grid/index.d.ts +0 -3
- package/utils/directives/focusable-item/focusable-item.directive.d.ts +0 -75
- package/utils/directives/focusable-item/focusable-item.module.d.ts +0 -7
- package/utils/directives/focusable-item/focusable-item.tokens.d.ts +0 -2
- package/utils/directives/focusable-item/focusable-list.position.d.ts +0 -4
- package/utils/directives/focusable-item/focusable.item.d.ts +0 -10
- package/utils/directives/focusable-item/focusable.observer.d.ts +0 -18
- package/utils/directives/focusable-item/get-item-element.d.ts +0 -7
- package/utils/directives/focusable-item/index.d.ts +0 -8
- package/utils/directives/focusable-item/indirect-focusable-item.directive.d.ts +0 -26
- package/utils/directives/focusable-item/is-element-focusable-by-default.d.ts +0 -4
- package/utils/directives/focusable-item/is-item-focusable.d.ts +0 -6
- package/utils/directives/focusable-list/focusable-list.directive.d.ts +0 -117
- package/utils/directives/focusable-list/focusable-list.module.d.ts +0 -8
- package/utils/directives/focusable-list/focusable-list.tokens.d.ts +0 -2
- package/utils/directives/focusable-list/index.d.ts +0 -5
- package/utils/directives/focusable-list/indirect-focusable-list.directive.d.ts +0 -25
- package/utils/directives/focusable-list/scroll.d.ts +0 -4
- package/utils/directives/ignore-click-on-selection/ignore-click-on-selection.directive.d.ts +0 -17
- package/utils/directives/ignore-click-on-selection/ignore-click-on-selection.module.d.ts +0 -7
- package/utils/directives/ignore-click-on-selection/tokens.d.ts +0 -2
- package/utils/directives/index.d.ts +0 -34
- package/utils/directives/initial-focus/initial-focus.directive.d.ts +0 -43
- package/utils/directives/initial-focus/initial-focus.module.d.ts +0 -7
- package/utils/directives/intersection-spy/intersection-spy.directive.d.ts +0 -18
- package/utils/directives/line-clamp/line-clamp.directive.d.ts +0 -91
- package/utils/directives/line-clamp/line-clamp.module.d.ts +0 -7
- package/utils/directives/only-digits/only-digits.directive.d.ts +0 -39
- package/utils/directives/only-digits/only-digits.module.d.ts +0 -7
- package/utils/directives/overflow-list/overflow-list-item.directive.d.ts +0 -9
- package/utils/directives/overflow-list/overflow-list.directive.d.ts +0 -60
- package/utils/directives/overflow-list/overflow-list.module.d.ts +0 -8
- package/utils/directives/readonly/default-readonly-view-modifier.d.ts +0 -9
- package/utils/directives/readonly/fdk-readonly-provider.service.d.ts +0 -35
- package/utils/directives/readonly/fdk-readonly.token.d.ts +0 -2
- package/utils/directives/readonly/index.d.ts +0 -9
- package/utils/directives/readonly/readonly-behavior.directive.d.ts +0 -24
- package/utils/directives/readonly/readonly-behavior.interface.d.ts +0 -7
- package/utils/directives/readonly/readonly-behavior.module.d.ts +0 -7
- package/utils/directives/readonly/readonly-view-modifier.interface.d.ts +0 -3
- package/utils/directives/readonly/readonly.observer.d.ts +0 -18
- package/utils/directives/readonly/set-readonly-state.d.ts +0 -4
- package/utils/directives/repeat/repeat.directive.d.ts +0 -17
- package/utils/directives/repeat/repeat.module.d.ts +0 -7
- package/utils/directives/resize/resize-handle.directive.d.ts +0 -9
- package/utils/directives/resize/resize.directive.d.ts +0 -60
- package/utils/directives/resize/resize.module.d.ts +0 -8
- package/utils/directives/resize-observer/index.d.ts +0 -1
- package/utils/directives/resize-observer/resize-observer.directive.d.ts +0 -20
- package/utils/directives/selectable-list/index.d.ts +0 -7
- package/utils/directives/selectable-list/select-component-root.token.d.ts +0 -10
- package/utils/directives/selectable-list/selectable-item.directive.d.ts +0 -46
- package/utils/directives/selectable-list/selectable-item.token.d.ts +0 -11
- package/utils/directives/selectable-list/selectable-list.directive.d.ts +0 -34
- package/utils/directives/selectable-list/selectable-list.module.d.ts +0 -8
- package/utils/directives/selectable-list/selectable-list.tokens.d.ts +0 -2
- package/utils/directives/selectable-list/selection.service.d.ts +0 -64
- package/utils/directives/template/template.directive.d.ts +0 -13
- package/utils/directives/template/template.module.d.ts +0 -7
- package/utils/directives/truncate/truncate.directive.d.ts +0 -55
- package/utils/directives/truncate/truncate.module.d.ts +0 -7
- package/utils/drag-and-drop/dnd-item/dnd-item.directive.d.ts +0 -95
- package/utils/drag-and-drop/dnd-keyboard-group/dnd-keyboard-group.directive.d.ts +0 -32
- package/utils/drag-and-drop/dnd-keyboard-item/dnd-keyboard-item.directive.d.ts +0 -61
- package/utils/drag-and-drop/dnd-list/dnd-list.directive.d.ts +0 -113
- package/utils/drag-and-drop/dnd.interfaces.d.ts +0 -40
- package/utils/drag-and-drop/drag-and-drop.module.d.ts +0 -11
- package/utils/drag-and-drop/index.d.ts +0 -7
- package/utils/drag-and-drop/tokens.d.ts +0 -3
- package/utils/dynamic-component/dynamic-component-config.d.ts +0 -8
- package/utils/dynamic-component/dynamic-component-container.d.ts +0 -24
- package/utils/dynamic-component/dynamic-component-injector.d.ts +0 -13
- package/utils/dynamic-component/dynamic-component.service.d.ts +0 -46
- package/utils/dynamic-component/index.d.ts +0 -4
- package/utils/functions/consumer-provider-factory.d.ts +0 -5
- package/utils/functions/element-size.d.ts +0 -12
- package/utils/functions/get-document-font-size.d.ts +0 -2
- package/utils/functions/index.d.ts +0 -13
- package/utils/functions/intersection-observable.d.ts +0 -8
- package/utils/functions/is-compact-density.d.ts +0 -7
- package/utils/functions/is-odd.d.ts +0 -6
- package/utils/functions/key-util.d.ts +0 -16
- package/utils/functions/module-deprecations-provider.d.ts +0 -5
- package/utils/functions/parser-file-size.d.ts +0 -2
- package/utils/functions/random-color-accent.d.ts +0 -3
- package/utils/functions/resize-observable.d.ts +0 -8
- package/utils/functions/scroll.d.ts +0 -7
- package/utils/functions/uuidv4-generator.d.ts +0 -2
- package/utils/helpers/destroy-observable.d.ts +0 -7
- package/utils/helpers/dfs.d.ts +0 -18
- package/utils/helpers/get-native-element.d.ts +0 -13
- package/utils/helpers/index.d.ts +0 -5
- package/utils/helpers/range-selector.d.ts +0 -84
- package/utils/helpers/warn-once.d.ts +0 -2
- package/utils/interfaces/content-density.d.ts +0 -1
- package/utils/interfaces/css-class-builder.interface.d.ts +0 -13
- package/utils/interfaces/css-style-builder.interface.d.ts +0 -5
- package/utils/interfaces/has-element-ref.interface.d.ts +0 -5
- package/utils/interfaces/index.d.ts +0 -7
- package/utils/interfaces/keyboard-support-item.interface.d.ts +0 -6
- package/utils/interfaces/module-deprecation.interface.d.ts +0 -8
- package/utils/interfaces/require.interface.d.ts +0 -6
- package/utils/list-item/list-item-utils.d.ts +0 -7
- package/utils/models/nullable.d.ts +0 -6
- package/utils/pipes/async-or-sync.pipe.d.ts +0 -21
- package/utils/pipes/displayFn.pipe.d.ts +0 -8
- package/utils/pipes/filter-strings.pipe.d.ts +0 -16
- package/utils/pipes/index.d.ts +0 -11
- package/utils/pipes/is-compact.pipe.d.ts +0 -9
- package/utils/pipes/make-async.pipe.d.ts +0 -12
- package/utils/pipes/pipe.module.d.ts +0 -16
- package/utils/pipes/safe.pipe.d.ts +0 -12
- package/utils/pipes/search-highlight.pipe.d.ts +0 -8
- package/utils/pipes/truncate.pipe.d.ts +0 -8
- package/utils/pipes/two-digits.pipe.d.ts +0 -8
- package/utils/pipes/value-by-path.pipe.d.ts +0 -8
- package/utils/services/content-density.service.d.ts +0 -19
- package/utils/services/destroyed.service.d.ts +0 -15
- package/utils/services/focus-trap.service.d.ts +0 -43
- package/utils/services/index.d.ts +0 -9
- package/utils/services/keyboard-support/keyboard-support.service.d.ts +0 -32
- package/utils/services/local-storage.service.d.ts +0 -13
- package/utils/services/observers/attribute.observer.d.ts +0 -26
- package/utils/services/resize-observer.service.d.ts +0 -34
- package/utils/services/rtl.service.d.ts +0 -14
- package/utils/services/tabbable-element.service.d.ts +0 -12
- package/utils/toast/base-toast-animations.d.ts +0 -7
- package/utils/toast/base-toast-positions.d.ts +0 -129
- package/utils/toast/base-toast.service.d.ts +0 -148
- package/utils/toast/classes/action-dismissible/base-toast-action-dismissible-ref.d.ts +0 -23
- package/utils/toast/classes/base-toast-animated-container.component.d.ts +0 -41
- package/utils/toast/classes/base-toast-config.d.ts +0 -53
- package/utils/toast/classes/base-toast-container.component.d.ts +0 -55
- package/utils/toast/classes/base-toast-overlay-container.d.ts +0 -16
- package/utils/toast/classes/base-toast-ref.d.ts +0 -35
- package/utils/toast/classes/duration-dismissible/base-toast-duration-dismissible-config.d.ts +0 -15
- package/utils/toast/classes/duration-dismissible/base-toast-duration-dismissible-container.component.d.ts +0 -20
- package/utils/toast/classes/duration-dismissible/base-toast-duration-dismissible-ref.d.ts +0 -20
- package/utils/toast/classes/duration-dismissible/base-toast-duration-dismissible.service.d.ts +0 -11
- package/utils/toast/index.d.ts +0 -15
- package/utils/toast/interfaces/toast-container-component.interface.d.ts +0 -14
- package/utils/toast/interfaces/toast-duration-dismissible-container-component.interface.d.ts +0 -6
- package/utils/toast/interfaces/toast-text-component.interface.d.ts +0 -5
- package/utils/tokens/module-deprecations.token.d.ts +0 -3
- package/utils/tokens/viewport-size.observable.d.ts +0 -8
- package/utils/typecheck.d.ts +0 -47
- package/utils/utils.module.d.ts +0 -25
package/utils/index.d.ts
CHANGED
|
@@ -1,24 +1,3253 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { ElementRef, EventEmitter, DestroyRef, NgZone, InjectionToken, OnDestroy, Injector, OnChanges, AfterViewInit, SimpleChanges, AfterContentInit, Renderer2, QueryList, Signal, ChangeDetectorRef, OnInit, AfterContentChecked, TemplateRef, ViewContainerRef, ModuleWithProviders, Provider, EmbeddedViewRef, ComponentRef, ValueProvider, InputSignal, Type, ComponentFactoryResolver, ApplicationRef, Compiler, NgModuleFactory, FactorySansProvider, PipeTransform, StaticProvider } from '@angular/core';
|
|
3
|
+
import { Observable, Subject, BehaviorSubject, ReplaySubject } from 'rxjs';
|
|
4
|
+
import { FocusableOption, InteractivityChecker, FocusKeyManager } from '@angular/cdk/a11y';
|
|
5
|
+
import * as i1 from '@angular/cdk/drag-drop';
|
|
6
|
+
import { DragDrop } from '@angular/cdk/drag-drop';
|
|
7
|
+
import { BooleanInput } from '@angular/cdk/coercion';
|
|
8
|
+
import { MutationObserverFactory } from '@angular/cdk/observers';
|
|
9
|
+
import { ComponentType, CdkPortalOutlet, ComponentPortal, TemplatePortal, BasePortalOutlet } from '@angular/cdk/portal';
|
|
10
|
+
import { DomSanitizer, SafeHtml, SafeStyle, SafeScript, SafeUrl, SafeResourceUrl } from '@angular/platform-browser';
|
|
11
|
+
import { Options, FocusTrap } from 'focus-trap';
|
|
12
|
+
import { AnimationTriggerMetadata } from '@angular/animations';
|
|
13
|
+
import { ConnectedPosition, ScrollStrategy, OverlayRef, Overlay, ComponentType as ComponentType$1, OverlayContainer } from '@angular/cdk/overlay';
|
|
14
|
+
|
|
15
|
+
interface HasElementRef<ElementType extends Element = HTMLElement> {
|
|
16
|
+
readonly elementRef: ElementRef<ElementType>;
|
|
17
|
+
}
|
|
18
|
+
declare const ELEMENT_REF_EXCEPTION = "HasElementRef interface has to be implemented";
|
|
19
|
+
|
|
20
|
+
/** Makes the provided type nullable */
|
|
21
|
+
type Nullable<T> = T | null | undefined;
|
|
22
|
+
/** Makes each property of an object optional and nullable */
|
|
23
|
+
type NullableObject<T> = {
|
|
24
|
+
[P in keyof T]?: Nullable<T[P]>;
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
interface FocusableItem extends FocusableOption {
|
|
28
|
+
_position?: FocusableItemPosition;
|
|
29
|
+
isFocusable: (() => boolean) | boolean;
|
|
30
|
+
keydown: Observable<KeyboardEvent>;
|
|
31
|
+
setTabbable: (tabbable: boolean) => void;
|
|
32
|
+
element: (() => HTMLElement) | HTMLElement;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
type CellFocusedEventAnnouncer = Nullable<(position: FocusableItemPosition) => string>;
|
|
36
|
+
interface FocusableItemPosition {
|
|
37
|
+
rowIndex: number;
|
|
38
|
+
colIndex: number;
|
|
39
|
+
totalRows: number;
|
|
40
|
+
totalCols: number;
|
|
41
|
+
}
|
|
42
|
+
declare class FocusableItemDirective implements FocusableItem, HasElementRef {
|
|
43
|
+
/** Whether the item is focusable. Default is true. */
|
|
44
|
+
set fdkFocusableItem(val: boolean);
|
|
45
|
+
get fdkFocusableItem(): boolean;
|
|
46
|
+
/** Function, which returns a string to be announced by screen-reader whenever an item which is in grid receives focus. */
|
|
47
|
+
cellFocusedEventAnnouncer: CellFocusedEventAnnouncer;
|
|
48
|
+
/** Event emitted when the cell receives focus, not being emitted when focus moves between item's children. */
|
|
49
|
+
readonly cellFocused: EventEmitter<FocusableItemPosition>;
|
|
50
|
+
/** Element reference. */
|
|
51
|
+
readonly elementRef: ElementRef<HTMLElement>;
|
|
52
|
+
/** @hidden */
|
|
53
|
+
readonly keydown: Subject<KeyboardEvent>;
|
|
54
|
+
/** @hidden */
|
|
55
|
+
_position: FocusableItemPosition;
|
|
56
|
+
/** @hidden */
|
|
57
|
+
protected readonly _destroyRef: DestroyRef;
|
|
58
|
+
/** @hidden */
|
|
59
|
+
protected readonly _zone: NgZone;
|
|
60
|
+
/** @hidden */
|
|
61
|
+
private _focusable;
|
|
62
|
+
/** @hidden */
|
|
63
|
+
private _tabbableElements;
|
|
64
|
+
/** @hidden */
|
|
65
|
+
private _tabbable;
|
|
66
|
+
/** @hidden */
|
|
67
|
+
private _timerId;
|
|
68
|
+
/** @hidden */
|
|
69
|
+
private readonly _focusableObserver;
|
|
70
|
+
/** @hidden */
|
|
71
|
+
private readonly _tabbableElementService;
|
|
72
|
+
/** @hidden */
|
|
73
|
+
private readonly _liveAnnouncer;
|
|
74
|
+
/** @hidden */
|
|
75
|
+
private readonly _renderer2;
|
|
76
|
+
/** @hidden */
|
|
77
|
+
private readonly _document;
|
|
78
|
+
/** @hidden */
|
|
79
|
+
constructor();
|
|
80
|
+
/** @hidden */
|
|
81
|
+
element: () => HTMLElement;
|
|
82
|
+
/** @hidden */
|
|
83
|
+
isFocusable(): boolean;
|
|
84
|
+
/** @hidden */
|
|
85
|
+
focus(): void;
|
|
86
|
+
/** Set tabbable state */
|
|
87
|
+
setTabbable(state: boolean): void;
|
|
88
|
+
/** @hidden */
|
|
89
|
+
private _onFocusin;
|
|
90
|
+
/** @hidden */
|
|
91
|
+
private _onFocusout;
|
|
92
|
+
/** @hidden */
|
|
93
|
+
private _onKeydown;
|
|
94
|
+
/** @hidden */
|
|
95
|
+
private _enableTabbableElements;
|
|
96
|
+
/** @hidden */
|
|
97
|
+
private _disableTabbableElements;
|
|
98
|
+
/** @hidden */
|
|
99
|
+
private _defaultItemFocusedEventAnnouncer;
|
|
100
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FocusableItemDirective, never>;
|
|
101
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FocusableItemDirective, "[fdkFocusableItem]", never, { "fdkFocusableItem": { "alias": "fdkFocusableItem"; "required": false; }; "cellFocusedEventAnnouncer": { "alias": "cellFocusedEventAnnouncer"; "required": false; }; }, { "cellFocused": "cellFocused"; }, never, never, true, never>;
|
|
102
|
+
static ngAcceptInputType_fdkFocusableItem: unknown;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
declare class FocusableItemModule {
|
|
106
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FocusableItemModule, never>;
|
|
107
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<FocusableItemModule, never, [typeof FocusableItemDirective], [typeof FocusableItemDirective]>;
|
|
108
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<FocusableItemModule>;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
declare const FDK_FOCUSABLE_ITEM_DIRECTIVE: InjectionToken<unknown>;
|
|
112
|
+
|
|
113
|
+
interface FocusableListPosition {
|
|
114
|
+
rowIndex: number;
|
|
115
|
+
totalRows: number;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
declare class AttributeObserver implements OnDestroy {
|
|
119
|
+
private _mutationObserverFactory;
|
|
120
|
+
/** @Hidden */
|
|
121
|
+
private readonly _observedElements;
|
|
122
|
+
/** @hidden */
|
|
123
|
+
constructor(_mutationObserverFactory: MutationObserverFactory);
|
|
124
|
+
/** @hidden */
|
|
125
|
+
ngOnDestroy(): void;
|
|
126
|
+
/** @Hidden */
|
|
127
|
+
observe(elementOrRef: Element | ElementRef<Element> | HasElementRef<Element>): Observable<MutationRecord[]>;
|
|
128
|
+
/** @Hidden */
|
|
129
|
+
unobserve(element: HasElementRef<Element> | Element | ElementRef<Element>): void;
|
|
130
|
+
/** @hidden */
|
|
131
|
+
private _observeElement;
|
|
132
|
+
/** @Hidden */
|
|
133
|
+
private _unobserveElement;
|
|
134
|
+
/** @hidden */
|
|
135
|
+
private _cleanupObserver;
|
|
136
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AttributeObserver, never>;
|
|
137
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<AttributeObserver>;
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
declare class FocusableObserver {
|
|
141
|
+
private _attributeObserver;
|
|
142
|
+
/** @hidden */
|
|
143
|
+
constructor(_attributeObserver: AttributeObserver);
|
|
144
|
+
/** @Hidden */
|
|
145
|
+
static isFocusable(element: Element, respectTabIndex: boolean): boolean;
|
|
146
|
+
/** @hidden */
|
|
147
|
+
observe(element: HasElementRef<Element> | Element | ElementRef<Element>, respectTabIndex?: boolean): Observable<boolean>;
|
|
148
|
+
/** @hidden */
|
|
149
|
+
unobserve(element: HasElementRef<Element> | Element | ElementRef<Element>): void;
|
|
150
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FocusableObserver, never>;
|
|
151
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<FocusableObserver>;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
declare class IndirectFocusableListDirective {
|
|
155
|
+
/** @hidden */
|
|
156
|
+
injector: Injector;
|
|
157
|
+
/** @hidden */
|
|
158
|
+
_focusableList: FocusableListDirective | null;
|
|
159
|
+
/** @hidden */
|
|
160
|
+
_indirectChildren: BehaviorSubject<FocusableItem[]>;
|
|
161
|
+
/** @hidden */
|
|
162
|
+
_indirectChildrenMap: Map<FocusableItem, number | (() => number)>;
|
|
163
|
+
/** @hidden */
|
|
164
|
+
constructor();
|
|
165
|
+
/** @hidden */
|
|
166
|
+
register(item: FocusableItem, itemOrder: number | (() => number)): void;
|
|
167
|
+
/** @hidden */
|
|
168
|
+
unregister(item: FocusableItem): void;
|
|
169
|
+
/** @hidden */
|
|
170
|
+
protected _updateIndirectChildren(): void;
|
|
171
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<IndirectFocusableListDirective, never>;
|
|
172
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<IndirectFocusableListDirective, "[fdkIndirectFocusableList]", ["fdkIndirectFocusableList"], {}, {}, never, never, true, never>;
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
declare const FDK_INDIRECT_FOCUSABLE_ITEM_ORDER: InjectionToken<number | (() => number)>;
|
|
176
|
+
/**
|
|
177
|
+
* Directive, to mark the focusable item in the focusable list, which
|
|
178
|
+
* is not the direct child of the focusable list.
|
|
179
|
+
*
|
|
180
|
+
* Useful in cases, when you need to make the item focusable, and
|
|
181
|
+
* you do not have the access to the focusable list.
|
|
182
|
+
*/
|
|
183
|
+
declare class IndirectFocusableItemDirective {
|
|
184
|
+
/** @hidden */
|
|
185
|
+
protected _focusableItem: FocusableItem | null;
|
|
186
|
+
/** @hidden */
|
|
187
|
+
protected _indirectFocusableList: IndirectFocusableListDirective | null;
|
|
188
|
+
/** @hidden */
|
|
189
|
+
protected _order: number | (() => number) | null;
|
|
190
|
+
/** @hidden */
|
|
191
|
+
protected _destroyRef: DestroyRef;
|
|
192
|
+
/** @hidden */
|
|
193
|
+
constructor();
|
|
194
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<IndirectFocusableItemDirective, never>;
|
|
195
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<IndirectFocusableItemDirective, "[fdkIndirectFocusableItem]", never, {}, {}, never, never, true, never>;
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
/**
|
|
199
|
+
* Returns true if the item configured to be focusable.
|
|
200
|
+
* @param item
|
|
201
|
+
*/
|
|
202
|
+
declare function isItemFocusable(item: FocusableItem): boolean;
|
|
203
|
+
|
|
204
|
+
type ScrollPosition = 'top' | 'bottom' | undefined;
|
|
205
|
+
/** Helper function to scroll to focusable list or its item relatively to the container. */
|
|
206
|
+
declare function scrollIntoView(element: Nullable<HTMLElement>, position: Nullable<ScrollPosition>): void;
|
|
207
|
+
|
|
208
|
+
interface FocusableListItemFocusedEvent {
|
|
209
|
+
index: number;
|
|
210
|
+
total: number;
|
|
211
|
+
}
|
|
212
|
+
interface FocusableListKeydownEvent {
|
|
213
|
+
list: FocusableListDirective;
|
|
214
|
+
event: KeyboardEvent;
|
|
215
|
+
activeItemIndex: Nullable<number>;
|
|
216
|
+
}
|
|
217
|
+
interface ItemsQueryList<T> extends Iterable<T> {
|
|
218
|
+
changes: Observable<ItemsQueryList<T>>;
|
|
219
|
+
length: number;
|
|
220
|
+
toArray(): T[];
|
|
221
|
+
find(predicate: (item: T, index: number) => boolean): Nullable<T>;
|
|
222
|
+
get(index: number): Nullable<T>;
|
|
223
|
+
forEach(param: (item: T, index: number) => void): void;
|
|
224
|
+
}
|
|
225
|
+
declare class FocusableListDirective implements OnChanges, AfterViewInit, OnDestroy {
|
|
226
|
+
/** Whether the whole list should be focusable, handy in grids. */
|
|
227
|
+
set focusable(value: boolean);
|
|
228
|
+
get focusable(): boolean;
|
|
229
|
+
/** Direction of navigation. Should be set to 'grid' when list is a part of grid. */
|
|
230
|
+
navigationDirection: 'horizontal' | 'vertical' | 'grid';
|
|
231
|
+
/** Direction of the content. */
|
|
232
|
+
contentDirection: 'ltr' | 'rtl' | null;
|
|
233
|
+
/**
|
|
234
|
+
* Configures wrapping mode which determines whether the active item will wrap to the other end of list when there are no more items in the given direction.
|
|
235
|
+
*/
|
|
236
|
+
wrap: boolean;
|
|
237
|
+
/** Function, which returns a string to be announced by screen-reader whenever an row which is in grid receives focus. */
|
|
238
|
+
listFocusedEventAnnouncer: (position: FocusableListPosition) => string;
|
|
239
|
+
/** Event emitted when list's item focused, contains item's position info. */
|
|
240
|
+
readonly itemFocused: EventEmitter<FocusableListItemFocusedEvent>;
|
|
241
|
+
/** @hidden */
|
|
242
|
+
readonly _projectedFocusableItems: ItemsQueryList<FocusableItem>;
|
|
243
|
+
/** @hidden */
|
|
244
|
+
get _focusableItems(): ItemsQueryList<FocusableItem>;
|
|
245
|
+
/** @hidden */
|
|
246
|
+
_items: ItemsQueryList<FocusableItem> | undefined;
|
|
247
|
+
/** @hidden */
|
|
248
|
+
readonly _gridItemFocused$: Subject<FocusableItemPosition>;
|
|
249
|
+
/** @hidden */
|
|
250
|
+
readonly _gridListFocused$: Subject<FocusableListPosition>;
|
|
251
|
+
/** @hidden */
|
|
252
|
+
readonly _keydown$: Subject<FocusableListKeydownEvent>;
|
|
253
|
+
/** @hidden */
|
|
254
|
+
_isVisible: boolean;
|
|
255
|
+
/** @hidden */
|
|
256
|
+
protected readonly _destroyRef: DestroyRef;
|
|
257
|
+
/** @hidden */
|
|
258
|
+
protected _focusable: boolean;
|
|
259
|
+
/** @hidden */
|
|
260
|
+
private _gridPosition;
|
|
261
|
+
/** @hidden */
|
|
262
|
+
private _keyManager?;
|
|
263
|
+
/** @hidden */
|
|
264
|
+
private _tabbable;
|
|
265
|
+
/** @hidden */
|
|
266
|
+
private readonly _refreshItems$;
|
|
267
|
+
/** @hidden */
|
|
268
|
+
private readonly _refresh$;
|
|
269
|
+
/** @hidden */
|
|
270
|
+
private readonly _renderer;
|
|
271
|
+
/** @hidden */
|
|
272
|
+
private readonly _elementRef;
|
|
273
|
+
/** @hidden */
|
|
274
|
+
private readonly _liveAnnouncer;
|
|
275
|
+
/** @hidden */
|
|
276
|
+
private readonly _focusableObserver;
|
|
277
|
+
/** @hidden */
|
|
278
|
+
private readonly _document;
|
|
279
|
+
/** @hidden */
|
|
280
|
+
get _tabindex(): number;
|
|
281
|
+
/** @hidden */
|
|
282
|
+
constructor();
|
|
283
|
+
/** @hidden */
|
|
284
|
+
_onKeydown(event: KeyboardEvent): void;
|
|
285
|
+
/** @hidden */
|
|
286
|
+
_onFocus(): Promise<void>;
|
|
287
|
+
/** @hidden */
|
|
288
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
289
|
+
/** @hidden */
|
|
290
|
+
ngAfterViewInit(): void;
|
|
291
|
+
/** Set items programmatically. */
|
|
292
|
+
setItems(items: ItemsQueryList<FocusableItem>): void;
|
|
293
|
+
/** @hidden */
|
|
294
|
+
ngOnDestroy(): void;
|
|
295
|
+
/** Set active item in list */
|
|
296
|
+
setActiveItem(index: number, scrollPosition?: ScrollPosition): void;
|
|
297
|
+
/** Focus whole list */
|
|
298
|
+
focus(scrollPosition?: ScrollPosition): void;
|
|
299
|
+
/** Set tabbable state */
|
|
300
|
+
setTabbable(state: boolean): void;
|
|
301
|
+
/** @hidden */
|
|
302
|
+
_updateNavigationDirection(): void;
|
|
303
|
+
/** @hidden */
|
|
304
|
+
_setItemsTabbable(state: boolean): void;
|
|
305
|
+
/** @hidden */
|
|
306
|
+
_setGridPosition(position: FocusableListPosition): void;
|
|
307
|
+
/** @hidden */
|
|
308
|
+
private _initializeFocusManager;
|
|
309
|
+
/** @hidden */
|
|
310
|
+
private _defaultListFocusedEventAnnouncer;
|
|
311
|
+
/** @hidden */
|
|
312
|
+
private _listenOnItems;
|
|
313
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FocusableListDirective, never>;
|
|
314
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FocusableListDirective, "[fdkFocusableList]", ["fdkFocusableList"], { "focusable": { "alias": "focusable"; "required": false; }; "navigationDirection": { "alias": "navigationDirection"; "required": false; }; "contentDirection": { "alias": "contentDirection"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; "listFocusedEventAnnouncer": { "alias": "listFocusedEventAnnouncer"; "required": false; }; }, { "itemFocused": "itemFocused"; }, ["_projectedFocusableItems"], never, true, never>;
|
|
315
|
+
static ngAcceptInputType_focusable: unknown;
|
|
316
|
+
static ngAcceptInputType_wrap: unknown;
|
|
317
|
+
}
|
|
318
|
+
|
|
319
|
+
declare class FocusableListModule {
|
|
320
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FocusableListModule, never>;
|
|
321
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<FocusableListModule, never, [typeof FocusableItemDirective, typeof FocusableListDirective], [typeof FocusableItemDirective, typeof FocusableListDirective]>;
|
|
322
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<FocusableListModule>;
|
|
323
|
+
}
|
|
324
|
+
|
|
325
|
+
declare const FDK_FOCUSABLE_LIST_DIRECTIVE: InjectionToken<unknown>;
|
|
326
|
+
|
|
327
|
+
interface FocusableCellPosition {
|
|
328
|
+
rowIndex: number;
|
|
329
|
+
colIndex: number;
|
|
330
|
+
}
|
|
331
|
+
declare class FocusableGridDirective implements AfterViewInit {
|
|
332
|
+
/** Direction of the content. */
|
|
333
|
+
contentDirection: 'ltr' | 'rtl' | null;
|
|
334
|
+
/** Whether the item in the previous/next row should be selected when going out of the first/last cell in the row. Default is false. */
|
|
335
|
+
wrapHorizontally: boolean;
|
|
336
|
+
/** Specify which item to select in prev/next row if its length smaller than current index. Nullish value means do not select. Default is null. */
|
|
337
|
+
shortRowFocus: Nullable<'first' | 'last'>;
|
|
338
|
+
/** Event emitted when item focused, contains item's position info. */
|
|
339
|
+
readonly itemFocused: EventEmitter<FocusableItemPosition>;
|
|
340
|
+
/** Event emitted when whole row focused, contains row's position info. */
|
|
341
|
+
readonly rowFocused: EventEmitter<FocusableListPosition>;
|
|
342
|
+
/** @hidden */
|
|
343
|
+
private readonly _focusableLists;
|
|
344
|
+
/** @hidden */
|
|
345
|
+
_preventKeydown: boolean;
|
|
346
|
+
/** @hidden */
|
|
347
|
+
private readonly _destroyRef;
|
|
348
|
+
/** @hidden */
|
|
349
|
+
ngAfterViewInit(): void;
|
|
350
|
+
/**
|
|
351
|
+
* Focus cell by position.
|
|
352
|
+
* @param position position of the cell
|
|
353
|
+
*/
|
|
354
|
+
focusCell(position: FocusableCellPosition): void;
|
|
355
|
+
/** @hidden */
|
|
356
|
+
_onKeydown(event: KeyboardEvent, list: FocusableListDirective, activeItemIndex: Nullable<number>): void;
|
|
357
|
+
/** @hidden */
|
|
358
|
+
private _getItemIndex;
|
|
359
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FocusableGridDirective, never>;
|
|
360
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FocusableGridDirective, "[fdkFocusableGrid]", ["fdkFocusableGrid"], { "contentDirection": { "alias": "contentDirection"; "required": false; }; "wrapHorizontally": { "alias": "wrapHorizontally"; "required": false; }; "shortRowFocus": { "alias": "shortRowFocus"; "required": false; }; }, { "itemFocused": "itemFocused"; "rowFocused": "rowFocused"; }, ["_focusableLists"], never, true, never>;
|
|
361
|
+
static ngAcceptInputType_wrapHorizontally: unknown;
|
|
362
|
+
}
|
|
363
|
+
|
|
364
|
+
declare class FocusableGridModule {
|
|
365
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FocusableGridModule, never>;
|
|
366
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<FocusableGridModule, never, [typeof FocusableListModule, typeof FocusableGridDirective], [typeof FocusableListModule, typeof FocusableGridDirective]>;
|
|
367
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<FocusableGridModule>;
|
|
368
|
+
}
|
|
369
|
+
|
|
370
|
+
type LinkPosition = 'after' | 'before';
|
|
371
|
+
interface ElementChord {
|
|
372
|
+
x: number;
|
|
373
|
+
y: number;
|
|
374
|
+
position: LinkPosition;
|
|
375
|
+
stickToPosition?: boolean;
|
|
376
|
+
width: number;
|
|
377
|
+
height: number;
|
|
378
|
+
}
|
|
379
|
+
interface FdDropEvent<T> {
|
|
380
|
+
items: Array<T>;
|
|
381
|
+
replacedItemIndex: number;
|
|
382
|
+
draggedItemIndex: number;
|
|
383
|
+
insertAt: 'before' | 'after' | null;
|
|
384
|
+
mode: FdDndDropEventMode;
|
|
385
|
+
}
|
|
386
|
+
interface ElementPosition {
|
|
387
|
+
x: number;
|
|
388
|
+
y: number;
|
|
389
|
+
}
|
|
390
|
+
interface DndItem<T = any> {
|
|
391
|
+
elementRef: ElementRef;
|
|
392
|
+
item: Nullable<T>;
|
|
393
|
+
moved: Observable<ElementPosition>;
|
|
394
|
+
released: Observable<void>;
|
|
395
|
+
started: Observable<void>;
|
|
396
|
+
listDraggable: boolean;
|
|
397
|
+
getElementCoordinates(isBefore: boolean, gridMode: boolean): ElementChord;
|
|
398
|
+
removeLine(): void;
|
|
399
|
+
removeReplaceIndicator(): void;
|
|
400
|
+
createLine(linkPosition: LinkPosition, gridMode: boolean): void;
|
|
401
|
+
createReplaceIndicator(): void;
|
|
402
|
+
changeCDKDragState(): void;
|
|
403
|
+
setDisabledState(state: boolean): void;
|
|
404
|
+
}
|
|
405
|
+
type FdDndDropType = 'shift' | 'group' | 'auto';
|
|
406
|
+
type FdDndDropEventMode = 'shift' | 'group';
|
|
407
|
+
|
|
408
|
+
declare class DndItemDirective<T = any> implements DndItem, AfterContentInit, OnDestroy {
|
|
409
|
+
readonly elementRef: ElementRef;
|
|
410
|
+
private readonly _dragDrop;
|
|
411
|
+
private readonly _renderer;
|
|
412
|
+
/** Item reference. Used for cases when `[items]` array of dnd list is different than `dndItems` content children. */
|
|
413
|
+
item: Nullable<T>;
|
|
414
|
+
/**
|
|
415
|
+
* Whether to apply "fd-dnd-item" class.
|
|
416
|
+
* @default true
|
|
417
|
+
*/
|
|
418
|
+
applyDragItemClass: boolean;
|
|
419
|
+
/** Container selector */
|
|
420
|
+
containerSelector?: string;
|
|
421
|
+
/** Event thrown when the element is moved by 1px */
|
|
422
|
+
readonly moved: EventEmitter<ElementPosition>;
|
|
423
|
+
/** Event thrown when the element is released */
|
|
424
|
+
readonly released: EventEmitter<void>;
|
|
425
|
+
/** Event thrown when the element is started to be dragged */
|
|
426
|
+
readonly started: EventEmitter<void>;
|
|
427
|
+
/**
|
|
428
|
+
* Defines if the item is prevented from being moved by other elements.
|
|
429
|
+
* So nothing can be placed just before and just after it
|
|
430
|
+
*/
|
|
431
|
+
stickInPlace: boolean;
|
|
432
|
+
/** Defines if element is draggable */
|
|
433
|
+
set draggable(draggable: boolean);
|
|
434
|
+
/** Class added to element, when it's dragged. */
|
|
435
|
+
classWhenElementDragged: string;
|
|
436
|
+
/** Defines if every element in list is draggable */
|
|
437
|
+
listDraggable: boolean;
|
|
438
|
+
/** @hidden
|
|
439
|
+
* Drag reference, object created from DND CDK Service
|
|
440
|
+
*/
|
|
441
|
+
private _dragRef;
|
|
442
|
+
/** @hidden */
|
|
443
|
+
private _draggable;
|
|
444
|
+
/** @hidden */
|
|
445
|
+
private _subscriptions;
|
|
446
|
+
/** @hidden */
|
|
447
|
+
private _placeholderElement;
|
|
448
|
+
/** @hidden */
|
|
449
|
+
private _lineElement;
|
|
450
|
+
/** @hidden */
|
|
451
|
+
private _replaceIndicator;
|
|
452
|
+
/** @hidden */
|
|
453
|
+
constructor(elementRef: ElementRef, _dragDrop: DragDrop, _renderer: Renderer2);
|
|
454
|
+
/** @hidden */
|
|
455
|
+
getElementCoordinates(isBefore: boolean): ElementChord;
|
|
456
|
+
/** @hidden */
|
|
457
|
+
ngAfterContentInit(): void;
|
|
458
|
+
/** @hidden */
|
|
459
|
+
ngOnDestroy(): void;
|
|
460
|
+
/** @hidden */
|
|
461
|
+
onCdkMove(position: ElementPosition): void;
|
|
462
|
+
/** @hidden */
|
|
463
|
+
onCdkDragReleased(): void;
|
|
464
|
+
/** @hidden */
|
|
465
|
+
onCdkDragStart(): void;
|
|
466
|
+
/** @hidden */
|
|
467
|
+
removePlaceholder(): void;
|
|
468
|
+
/** @hidden */
|
|
469
|
+
removeLine(): void;
|
|
470
|
+
/** @hidden */
|
|
471
|
+
removeReplaceIndicator(): void;
|
|
472
|
+
/** @hidden */
|
|
473
|
+
createReplaceIndicator(): void;
|
|
474
|
+
/** @hidden */
|
|
475
|
+
createLine(position: LinkPosition, gridMode: boolean): void;
|
|
476
|
+
/** @hidden */
|
|
477
|
+
changeCDKDragState(): void;
|
|
478
|
+
/**
|
|
479
|
+
* Sets the disabled state of the dnd item.
|
|
480
|
+
* @param state
|
|
481
|
+
*/
|
|
482
|
+
setDisabledState(state: boolean): void;
|
|
483
|
+
/** @hidden */
|
|
484
|
+
private createPlaceholder;
|
|
485
|
+
/** @hidden */
|
|
486
|
+
private _setPlaceholderStyles;
|
|
487
|
+
/** @hidden */
|
|
488
|
+
private _getOffsetToParent;
|
|
489
|
+
/** @hidden */
|
|
490
|
+
private _setCDKDrag;
|
|
491
|
+
/** IE11 equivalent of Node.after() Method */
|
|
492
|
+
private _placeAfter;
|
|
493
|
+
/** @hidden */
|
|
494
|
+
private _listenElementEvents;
|
|
495
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DndItemDirective<any>, never>;
|
|
496
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DndItemDirective<any>, "[fdkDndItem], [fd-dnd-item]", never, { "item": { "alias": "fdkDndItem"; "required": false; }; "applyDragItemClass": { "alias": "applyDragItemClass"; "required": false; }; "containerSelector": { "alias": "containerSelector"; "required": false; }; "stickInPlace": { "alias": "stickInPlace"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; "classWhenElementDragged": { "alias": "classWhenElementDragged"; "required": false; }; }, { "moved": "moved"; "released": "released"; "started": "started"; }, never, never, true, never>;
|
|
497
|
+
}
|
|
498
|
+
|
|
499
|
+
type DropPredicate<T> = (dragItem: T, dropItem: T, event: FdDropEvent<T>) => boolean | Promise<boolean> | Observable<boolean>;
|
|
500
|
+
type DragoverPredicate<T> = (dragItem: T, dragOverItem: T, dragItemIndex: number, dragOverItemIndex: number) => boolean;
|
|
501
|
+
declare class DndListDirective<T> implements AfterContentInit, OnDestroy {
|
|
502
|
+
/**
|
|
503
|
+
* Defines if the element is allowed to be dragged in 2 dimensions,
|
|
504
|
+
* When true - replace indicator will be displayed vertically
|
|
505
|
+
*/
|
|
506
|
+
gridMode: boolean;
|
|
507
|
+
/**
|
|
508
|
+
* Defines drop strategy:
|
|
509
|
+
* * `shift` mode will create line after the closest drop element.
|
|
510
|
+
* * `group` mode will create replace indicator on a whole closest drop element.
|
|
511
|
+
* * `auto` mode will create a line after the closest drop element
|
|
512
|
+
* if dragged element coordinates are shifted for 30% from the center of the closest drop element.
|
|
513
|
+
* Otherwise, it will create replace indicator on a whole closest drop element.
|
|
514
|
+
*
|
|
515
|
+
* `shift` mode is the default.
|
|
516
|
+
*/
|
|
517
|
+
dropMode: FdDndDropType;
|
|
518
|
+
/**
|
|
519
|
+
* Threshold of dragged item over another item to define which type of `dropMode` should be used.
|
|
520
|
+
*/
|
|
521
|
+
threshold: number;
|
|
522
|
+
/** Array of items, that will be sorted */
|
|
523
|
+
items: Array<T>;
|
|
524
|
+
/** Defines if drag and drop feature should be enabled for list items */
|
|
525
|
+
set draggable(draggable: boolean);
|
|
526
|
+
/** Predicate function that checks whether the item can be dropped over another item. */
|
|
527
|
+
dropPredicate: DropPredicate<T> | undefined;
|
|
528
|
+
/**
|
|
529
|
+
* Predicate function that checks whether the item can be dragged over another item.
|
|
530
|
+
* If the function returns `false`, dragged over item will not be highlighted, and drop event will be canceled.
|
|
531
|
+
*/
|
|
532
|
+
dragoverPredicate: DragoverPredicate<T> | undefined;
|
|
533
|
+
/**
|
|
534
|
+
* Event emitted when `dropPredicate` function evaluation changes.
|
|
535
|
+
* Emits `true` when evaluation started, and `false` when completed.
|
|
536
|
+
*/
|
|
537
|
+
dropPredicateCalculating: EventEmitter<boolean>;
|
|
538
|
+
/** Event that is thrown when items are reordered */
|
|
539
|
+
readonly itemsChange: EventEmitter<T[]>;
|
|
540
|
+
/** Event that is thrown when the item is dropped */
|
|
541
|
+
readonly itemDropped: EventEmitter<FdDropEvent<T>>;
|
|
542
|
+
/** Event that is thrown when predicate function returned false. */
|
|
543
|
+
readonly dropCancelled: EventEmitter<void>;
|
|
544
|
+
/** @hidden */
|
|
545
|
+
dndItems: QueryList<DndItem<T>>;
|
|
546
|
+
/** @hidden */
|
|
547
|
+
private readonly _initialClass;
|
|
548
|
+
/** @hidden */
|
|
549
|
+
private _elementsCoordinates;
|
|
550
|
+
/** @hidden */
|
|
551
|
+
private _closestItemIndex;
|
|
552
|
+
/** @hidden */
|
|
553
|
+
private _closestItemPosition;
|
|
554
|
+
/** An RxJS Subject that will kill the current data stream (for unsubscribing) */
|
|
555
|
+
private readonly _refresh$;
|
|
556
|
+
/** @hidden */
|
|
557
|
+
private readonly _destroyRef;
|
|
558
|
+
/** @hidden */
|
|
559
|
+
private _dndItemReference;
|
|
560
|
+
/** @hidden */
|
|
561
|
+
private _draggable;
|
|
562
|
+
/** @hidden */
|
|
563
|
+
private _detectedDropMode;
|
|
564
|
+
/** @hidden */
|
|
565
|
+
private _linesRemoved;
|
|
566
|
+
/** @hidden */
|
|
567
|
+
private _indicatorsRemoved;
|
|
568
|
+
/** @hidden */
|
|
569
|
+
private _draggedItem;
|
|
570
|
+
/** @hidden */
|
|
571
|
+
private _ignoreDrop;
|
|
572
|
+
/** @hidden */
|
|
573
|
+
ngAfterContentInit(): void;
|
|
574
|
+
/** @hidden */
|
|
575
|
+
ngOnDestroy(): void;
|
|
576
|
+
/**
|
|
577
|
+
* Refreshes the indexes of the items.
|
|
578
|
+
*/
|
|
579
|
+
refreshQueryList(): void;
|
|
580
|
+
/** Method called when the item is being moved by 1 px */
|
|
581
|
+
onMove(mousePosition: ElementPosition, draggedItemIndex: number): void;
|
|
582
|
+
/** Method called when an element is started to be dragged */
|
|
583
|
+
dragStart(index: number): void;
|
|
584
|
+
/** Method called when an element is released */
|
|
585
|
+
dragEnd(draggedItemIndex: number): Promise<void>;
|
|
586
|
+
/** @hidden */
|
|
587
|
+
private _setDisabledItem;
|
|
588
|
+
/** @hidden */
|
|
589
|
+
private _selectDropModeIndicator;
|
|
590
|
+
/** @hidden */
|
|
591
|
+
private _removeAllLines;
|
|
592
|
+
/** @hidden */
|
|
593
|
+
private _removeAllReplaceIndicators;
|
|
594
|
+
/** @hidden */
|
|
595
|
+
private _createLine;
|
|
596
|
+
/** @hidden */
|
|
597
|
+
private _createReplaceIndicator;
|
|
598
|
+
/**
|
|
599
|
+
* @hidden
|
|
600
|
+
* Return information if an element is placed before the dragged element
|
|
601
|
+
*/
|
|
602
|
+
private _isBefore;
|
|
603
|
+
/** @hidden */
|
|
604
|
+
private _changeDraggableState;
|
|
605
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DndListDirective<any>, never>;
|
|
606
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DndListDirective<any>, "[fdkDndList], [fd-dnd-list]", never, { "gridMode": { "alias": "gridMode"; "required": false; }; "dropMode": { "alias": "dropMode"; "required": false; }; "threshold": { "alias": "threshold"; "required": false; }; "items": { "alias": "items"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; "dropPredicate": { "alias": "dropPredicate"; "required": false; }; "dragoverPredicate": { "alias": "dragoverPredicate"; "required": false; }; }, { "dropPredicateCalculating": "dropPredicateCalculating"; "itemsChange": "itemsChange"; "itemDropped": "itemDropped"; "dropCancelled": "dropCancelled"; }, ["dndItems"], never, true, never>;
|
|
607
|
+
}
|
|
608
|
+
|
|
609
|
+
declare const RTL_LANGUAGE: InjectionToken<string[]>;
|
|
610
|
+
declare class RtlService {
|
|
611
|
+
/** RTL value */
|
|
612
|
+
rtl: BehaviorSubject<boolean>;
|
|
613
|
+
/** Signal wrapper for RTL value. */
|
|
614
|
+
rtlSignal: Signal<boolean>;
|
|
615
|
+
/** @hidden */
|
|
616
|
+
constructor(injectedRtlLanguages: string[]);
|
|
617
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RtlService, [{ optional: true; }]>;
|
|
618
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<RtlService>;
|
|
619
|
+
}
|
|
620
|
+
|
|
621
|
+
/**
|
|
622
|
+
* This directive is used to provide drag & drop with keyboard support.
|
|
623
|
+
* It should be used together with directive fdDndKeyboardItem.
|
|
624
|
+
*/
|
|
625
|
+
declare class DndKeyboardGroupDirective {
|
|
626
|
+
private readonly _cdr;
|
|
627
|
+
private readonly _rtlService;
|
|
628
|
+
/** Group of items */
|
|
629
|
+
groups: any[][];
|
|
630
|
+
/** Whether to disable drag & drop */
|
|
631
|
+
disableKeyboardDragDrop: boolean;
|
|
632
|
+
/** Used to apply indexes when moving between groups */
|
|
633
|
+
orientation: 'horizontal' | 'vertical';
|
|
634
|
+
/** @hidden */
|
|
635
|
+
_onDndItemFocus$: Subject<[number, number]>;
|
|
636
|
+
/** @hidden */
|
|
637
|
+
constructor(_cdr: ChangeDetectorRef, _rtlService: RtlService);
|
|
638
|
+
/** Custom function to call when moving item inside the group */
|
|
639
|
+
customMoveFn: (group: any[], fromIndex: number, toIndex: number) => void;
|
|
640
|
+
/** Custom function to call when moving item between groups */
|
|
641
|
+
customTransferFn: (group: any[], nextGroup: any[], fromIndex: number, toIndex: number) => void;
|
|
642
|
+
/** Process drag & drop */
|
|
643
|
+
processDragDrop(event: KeyboardEvent, itemIndex: number, groupIndex: number): void;
|
|
644
|
+
/** @hidden Focus after moving elements with keyboard */
|
|
645
|
+
private _focusDndItem;
|
|
646
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DndKeyboardGroupDirective, [null, { optional: true; }]>;
|
|
647
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DndKeyboardGroupDirective, "[fdkDndKeyboardGroup], [fdDndKeyboardGroup]", never, { "groups": { "alias": "groups"; "required": false; }; "disableKeyboardDragDrop": { "alias": "disableKeyboardDragDrop"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "customMoveFn": { "alias": "customMoveFn"; "required": false; }; "customTransferFn": { "alias": "customTransferFn"; "required": false; }; }, {}, never, never, true, never>;
|
|
648
|
+
}
|
|
649
|
+
|
|
650
|
+
/**
|
|
651
|
+
* This directive is used to provide drag & drop with keyboard support.
|
|
652
|
+
* It should be used together with directive fdDndKeyboardGroup.
|
|
653
|
+
* We are using _groups from fdDndKeyboardGroup and adding a possibility to move cards.
|
|
654
|
+
* Please see example below:
|
|
655
|
+
* @Component({
|
|
656
|
+
* selector: 'cdk-drag-drop-example',
|
|
657
|
+
* template: `<div
|
|
658
|
+
* cdkDragListGroup
|
|
659
|
+
* fdDndKeyboardGroup
|
|
660
|
+
* [groups]="groups"
|
|
661
|
+
* >
|
|
662
|
+
* <div
|
|
663
|
+
* *ngFor="let group of groups; let groupIndex = index"
|
|
664
|
+
* cdkDragList
|
|
665
|
+
* >
|
|
666
|
+
* Group #{{ groupIndex }}
|
|
667
|
+
* <div
|
|
668
|
+
* *ngFor="let item of group; let index = index"
|
|
669
|
+
* cdkDrag
|
|
670
|
+
* fdDndKeyboardItem
|
|
671
|
+
* [itemIndex]="index"
|
|
672
|
+
* [groupIndex]="groupIndex"
|
|
673
|
+
* [dndKeyboardDisabled]="flag for disable/enable keyboard navigation if needed"
|
|
674
|
+
* tabindex="0"
|
|
675
|
+
* >
|
|
676
|
+
* Item #{{ item }}
|
|
677
|
+
* </div>
|
|
678
|
+
* </div>
|
|
679
|
+
* </div>`,
|
|
680
|
+
* })
|
|
681
|
+
* export class CdkDragDropExample {
|
|
682
|
+
* groups = [
|
|
683
|
+
* [1, 2, 3],
|
|
684
|
+
* [4, 5, 6],
|
|
685
|
+
* ];
|
|
686
|
+
* }
|
|
687
|
+
*/
|
|
688
|
+
declare class DndKeyboardItemDirective implements OnInit, OnDestroy {
|
|
689
|
+
private readonly _dndGroup;
|
|
690
|
+
private readonly _elementRef;
|
|
691
|
+
/** item index in group(column) */
|
|
692
|
+
itemIndex: number;
|
|
693
|
+
/** group(column) index */
|
|
694
|
+
groupIndex: number;
|
|
695
|
+
/** @hidden */
|
|
696
|
+
private readonly _onDestroy$;
|
|
697
|
+
/** @hidden */
|
|
698
|
+
constructor(_dndGroup: DndKeyboardGroupDirective, _elementRef: ElementRef);
|
|
699
|
+
/** @hidden */
|
|
700
|
+
_onKeyDown(event: KeyboardEvent): void;
|
|
701
|
+
/** @hidden */
|
|
702
|
+
ngOnInit(): void;
|
|
703
|
+
/** @hidden */
|
|
704
|
+
ngOnDestroy(): void;
|
|
705
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DndKeyboardItemDirective, never>;
|
|
706
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DndKeyboardItemDirective, "[fdkDndKeyboardItem], [fdDndKeyboardItem]", never, { "itemIndex": { "alias": "itemIndex"; "required": false; }; "groupIndex": { "alias": "groupIndex"; "required": false; }; }, {}, never, never, true, never>;
|
|
707
|
+
}
|
|
708
|
+
|
|
709
|
+
declare class DragAndDropModule {
|
|
710
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DragAndDropModule, never>;
|
|
711
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DragAndDropModule, never, [typeof i1.DragDropModule, typeof DndItemDirective, typeof DndListDirective, typeof DndKeyboardGroupDirective, typeof DndKeyboardItemDirective], [typeof DndItemDirective, typeof DndListDirective, typeof DndKeyboardGroupDirective, typeof DndKeyboardItemDirective]>;
|
|
712
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<DragAndDropModule>;
|
|
713
|
+
}
|
|
714
|
+
|
|
715
|
+
declare class OnlyDigitsDirective {
|
|
716
|
+
private readonly _el;
|
|
717
|
+
/** Allow using decimal */
|
|
718
|
+
decimal: boolean;
|
|
719
|
+
/** Define decimal separator
|
|
720
|
+
* Default: .(dot)
|
|
721
|
+
*/
|
|
722
|
+
decimalSeparator: string;
|
|
723
|
+
/** @hidden */
|
|
724
|
+
private _inputElement;
|
|
725
|
+
/** @hidden */
|
|
726
|
+
private _hasDecimalPoint;
|
|
727
|
+
/** @hidden */
|
|
728
|
+
constructor(_el: ElementRef);
|
|
729
|
+
/** @hidden */
|
|
730
|
+
onKeyDown(e: KeyboardEvent): void;
|
|
731
|
+
/** @hidden */
|
|
732
|
+
onPaste(event: any): void;
|
|
733
|
+
/** @hidden */
|
|
734
|
+
onDrop(event: DragEvent): void;
|
|
735
|
+
/** @hidden */
|
|
736
|
+
private _pasteData;
|
|
737
|
+
/** @hidden */
|
|
738
|
+
private _insertAtCursor;
|
|
739
|
+
/** @hidden */
|
|
740
|
+
private _triggerEvent;
|
|
741
|
+
/** @hidden */
|
|
742
|
+
private _sanitizeInput;
|
|
743
|
+
/** @hidden */
|
|
744
|
+
private _isValidDecimal;
|
|
745
|
+
/** @hidden */
|
|
746
|
+
private get _getSelection();
|
|
747
|
+
/** @hidden */
|
|
748
|
+
private _forecastValue;
|
|
749
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OnlyDigitsDirective, never>;
|
|
750
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<OnlyDigitsDirective, "[fdkOnlyDigits]", never, { "decimal": { "alias": "decimal"; "required": false; }; "decimalSeparator": { "alias": "decimalSeparator"; "required": false; }; }, {}, never, never, true, never>;
|
|
751
|
+
}
|
|
752
|
+
|
|
753
|
+
declare class OnlyDigitsModule {
|
|
754
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OnlyDigitsModule, never>;
|
|
755
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<OnlyDigitsModule, never, [typeof OnlyDigitsDirective], [typeof OnlyDigitsDirective]>;
|
|
756
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<OnlyDigitsModule>;
|
|
757
|
+
}
|
|
758
|
+
|
|
759
|
+
declare class TruncateDirective implements OnChanges, AfterViewInit {
|
|
760
|
+
private readonly _elementRef;
|
|
761
|
+
/**
|
|
762
|
+
* Width in pixel for truncation of an element , by default
|
|
763
|
+
*/
|
|
764
|
+
set fdkTruncateWidth(value: Nullable<number>);
|
|
765
|
+
/**
|
|
766
|
+
* Truncating state
|
|
767
|
+
*/
|
|
768
|
+
fdkTruncateState: boolean;
|
|
769
|
+
/** @hidden */
|
|
770
|
+
private _customWidthCount;
|
|
771
|
+
/** @hidden */
|
|
772
|
+
private _truncateTarget;
|
|
773
|
+
/** @hidden
|
|
774
|
+
* saves default style of element before truncating
|
|
775
|
+
*/
|
|
776
|
+
private _defaultStyle;
|
|
777
|
+
/** @hidden */
|
|
778
|
+
private takeDefaultStyleOnce;
|
|
779
|
+
/** @hidden
|
|
780
|
+
* truncation style for truncating element
|
|
781
|
+
*/
|
|
782
|
+
private _truncationStyle;
|
|
783
|
+
/** @hidden */
|
|
784
|
+
constructor(_elementRef: ElementRef);
|
|
785
|
+
/**
|
|
786
|
+
* Root native element
|
|
787
|
+
*/
|
|
788
|
+
get rootElement(): HTMLElement;
|
|
789
|
+
/**
|
|
790
|
+
* Method saves default style of target element before first truncate.
|
|
791
|
+
*/
|
|
792
|
+
setDefaultStyle(): void;
|
|
793
|
+
/** @hidden */
|
|
794
|
+
ngAfterViewInit(): void;
|
|
795
|
+
/** @hidden */
|
|
796
|
+
ngOnChanges(): void;
|
|
797
|
+
/** @hidden */
|
|
798
|
+
private _truncate;
|
|
799
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TruncateDirective, never>;
|
|
800
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TruncateDirective, "[fdkTruncate]", never, { "fdkTruncateWidth": { "alias": "fdkTruncateWidth"; "required": false; }; "fdkTruncateState": { "alias": "fdkTruncateState"; "required": false; }; }, {}, never, never, true, never>;
|
|
801
|
+
}
|
|
802
|
+
declare class TruncatedTitleDirective implements AfterContentChecked {
|
|
803
|
+
private _elRef;
|
|
804
|
+
/** @hidden */
|
|
805
|
+
constructor(_elRef: ElementRef);
|
|
806
|
+
/** @hidden */
|
|
807
|
+
ngAfterContentChecked(): void;
|
|
808
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TruncatedTitleDirective, never>;
|
|
809
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TruncatedTitleDirective, "[fdkTruncatedTitle], [fdTruncatedTitle], [fd-truncate-title]", never, {}, {}, never, never, true, never>;
|
|
810
|
+
}
|
|
811
|
+
|
|
812
|
+
declare class TruncateModule {
|
|
813
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TruncateModule, never>;
|
|
814
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<TruncateModule, never, [typeof TruncateDirective, typeof TruncatedTitleDirective], [typeof TruncateDirective, typeof TruncatedTitleDirective]>;
|
|
815
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<TruncateModule>;
|
|
816
|
+
}
|
|
817
|
+
|
|
818
|
+
declare class LineClampTargetDirective implements OnChanges, AfterViewInit {
|
|
819
|
+
private readonly _elementRef;
|
|
820
|
+
/**
|
|
821
|
+
* Target text for clamping
|
|
822
|
+
*/
|
|
823
|
+
fdLineClampTargetText: string;
|
|
824
|
+
/**
|
|
825
|
+
* Event with target instance for clamping
|
|
826
|
+
*/
|
|
827
|
+
update: EventEmitter<LineClampTargetDirective>;
|
|
828
|
+
/** @hidden */
|
|
829
|
+
constructor(_elementRef: ElementRef);
|
|
830
|
+
/**
|
|
831
|
+
* Native element of clamping target
|
|
832
|
+
*/
|
|
833
|
+
get targetElement(): HTMLElement;
|
|
834
|
+
/** @hidden */
|
|
835
|
+
ngOnChanges(): void;
|
|
836
|
+
/** @hidden */
|
|
837
|
+
ngAfterViewInit(): void;
|
|
838
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LineClampTargetDirective, never>;
|
|
839
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<LineClampTargetDirective, "[fdkLineClampTarget], [fdLineClampTarget], [fd-lineclamp-target]", ["fdLineClampTarget"], { "fdLineClampTargetText": { "alias": "fdLineClampTargetText"; "required": false; }; }, { "update": "update"; }, never, never, true, never>;
|
|
840
|
+
}
|
|
841
|
+
declare class LineClampDirective implements OnChanges, AfterViewInit {
|
|
842
|
+
private readonly _elementRef;
|
|
843
|
+
private readonly _renderer;
|
|
844
|
+
/**
|
|
845
|
+
* Count lines for clamping
|
|
846
|
+
*/
|
|
847
|
+
set fdLineClampLines(value: Nullable<number>);
|
|
848
|
+
/**
|
|
849
|
+
* Clamping state
|
|
850
|
+
*/
|
|
851
|
+
fdLineclampState: boolean;
|
|
852
|
+
/**
|
|
853
|
+
* Event return count of lines from the target
|
|
854
|
+
*/
|
|
855
|
+
lineCountUpdate: EventEmitter<number>;
|
|
856
|
+
/** @hidden */
|
|
857
|
+
private _lineClampTarget;
|
|
858
|
+
/** @hidden */
|
|
859
|
+
private _originalText;
|
|
860
|
+
/** @hidden */
|
|
861
|
+
private _isNativeSupport;
|
|
862
|
+
/** @hidden */
|
|
863
|
+
private _lineCount;
|
|
864
|
+
/** @hidden */
|
|
865
|
+
private viewportSize$;
|
|
866
|
+
/** @hidden */
|
|
867
|
+
private _destroyRef;
|
|
868
|
+
/** @hidden */
|
|
869
|
+
/**
|
|
870
|
+
* Root native element of clamping box
|
|
871
|
+
*/
|
|
872
|
+
get rootElement(): HTMLElement;
|
|
873
|
+
/** @hidden */
|
|
874
|
+
constructor(_elementRef: ElementRef, _renderer: Renderer2);
|
|
875
|
+
/** @hidden */
|
|
876
|
+
ngAfterViewInit(): void;
|
|
877
|
+
/** @hidden */
|
|
878
|
+
ngOnChanges(): void;
|
|
879
|
+
/** @hidden */
|
|
880
|
+
reset(): void;
|
|
881
|
+
/** @hidden */
|
|
882
|
+
refreshTarget(event: LineClampTargetDirective): void;
|
|
883
|
+
/** @hidden */
|
|
884
|
+
refreshClamp(): void;
|
|
885
|
+
/** @hidden
|
|
886
|
+
* Truncate text in the target box, if browser not support lineclamp style
|
|
887
|
+
*/
|
|
888
|
+
private _truncate;
|
|
889
|
+
/** @hidden
|
|
890
|
+
* Get lineheight for rootelement, if browser not support lineclamp style
|
|
891
|
+
*/
|
|
892
|
+
private getLineHeight;
|
|
893
|
+
/** @hidden
|
|
894
|
+
* Setup native styles for lineclamp text
|
|
895
|
+
*/
|
|
896
|
+
private native;
|
|
897
|
+
/** @hidden
|
|
898
|
+
* Reset native styles for lineclamp text
|
|
899
|
+
*/
|
|
900
|
+
private _resetNative;
|
|
901
|
+
/** @hidden */
|
|
902
|
+
private _checkLineCount;
|
|
903
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LineClampDirective, never>;
|
|
904
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<LineClampDirective, "[fdkLineClamp]", ["fdLineClamp"], { "fdLineClampLines": { "alias": "fdLineClampLines"; "required": false; }; "fdLineclampState": { "alias": "fdLineclampState"; "required": false; }; }, { "lineCountUpdate": "lineCountUpdate"; }, never, never, true, never>;
|
|
905
|
+
}
|
|
906
|
+
|
|
907
|
+
declare class LineClampModule {
|
|
908
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LineClampModule, never>;
|
|
909
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<LineClampModule, never, [typeof LineClampTargetDirective, typeof LineClampDirective], [typeof LineClampTargetDirective, typeof LineClampDirective]>;
|
|
910
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<LineClampModule>;
|
|
911
|
+
}
|
|
912
|
+
|
|
913
|
+
declare class OverflowListItemDirective {
|
|
914
|
+
el: ElementRef;
|
|
915
|
+
/** @hidden */
|
|
916
|
+
constructor(el: ElementRef);
|
|
917
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OverflowListItemDirective, never>;
|
|
918
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<OverflowListItemDirective, "[fdkOverflowListItem]", never, {}, {}, never, never, true, never>;
|
|
919
|
+
}
|
|
920
|
+
|
|
921
|
+
declare class OverflowListDirective implements AfterViewInit {
|
|
922
|
+
private _el;
|
|
923
|
+
private _ngZone;
|
|
924
|
+
/**
|
|
925
|
+
* @description Offset to calculate correct position
|
|
926
|
+
*/
|
|
927
|
+
overflowOffset: number;
|
|
928
|
+
/**
|
|
929
|
+
* @description Flag representing rtl mode
|
|
930
|
+
*/
|
|
931
|
+
isRtl: boolean;
|
|
932
|
+
/**
|
|
933
|
+
* @description value of display property of existed list items
|
|
934
|
+
*/
|
|
935
|
+
itemCssBlockValue: string;
|
|
936
|
+
/**
|
|
937
|
+
* @description Emits when changed amount of extra items
|
|
938
|
+
*/
|
|
939
|
+
overflowChanged: EventEmitter<number>;
|
|
940
|
+
/**
|
|
941
|
+
* @description References to QueryList of OverflowListItemDirective
|
|
942
|
+
*/
|
|
943
|
+
overflowItems: QueryList<OverflowListItemDirective>;
|
|
944
|
+
/** @hidden */
|
|
945
|
+
private readonly _destroyRef;
|
|
946
|
+
/** @hidden */
|
|
947
|
+
private observer;
|
|
948
|
+
/** @hidden */
|
|
949
|
+
constructor(_el: ElementRef, _ngZone: NgZone);
|
|
950
|
+
/** @hidden */
|
|
951
|
+
ngAfterViewInit(): void;
|
|
952
|
+
/**
|
|
953
|
+
* @description Get amount of extra items in current list
|
|
954
|
+
* */
|
|
955
|
+
getAmountOfExtraItems(): number;
|
|
956
|
+
/**
|
|
957
|
+
* @description Ensuring that calculations run in the Angular zone
|
|
958
|
+
*/
|
|
959
|
+
calculateOverflow(): void;
|
|
960
|
+
private initResizeObserver;
|
|
961
|
+
/** @hidden */
|
|
962
|
+
private _calculateAmountOfOverflowedItems;
|
|
963
|
+
/**
|
|
964
|
+
* @hidden
|
|
965
|
+
* @param arrItems
|
|
966
|
+
* @param containerWidth
|
|
967
|
+
* @param checkWithOffset
|
|
968
|
+
* */
|
|
969
|
+
private _checkWidthWithOffset;
|
|
970
|
+
/**
|
|
971
|
+
* @param arrItems
|
|
972
|
+
* @hidden
|
|
973
|
+
* */
|
|
974
|
+
private _clearTempStyles;
|
|
975
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OverflowListDirective, never>;
|
|
976
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<OverflowListDirective, "[fdkOverflowList]", never, { "overflowOffset": { "alias": "overflowOffset"; "required": false; }; "isRtl": { "alias": "isRtl"; "required": false; }; "itemCssBlockValue": { "alias": "itemCssBlockValue"; "required": false; }; }, { "overflowChanged": "overflowChanged"; }, ["overflowItems"], never, true, never>;
|
|
977
|
+
}
|
|
978
|
+
|
|
979
|
+
declare class OverflowListModule {
|
|
980
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OverflowListModule, never>;
|
|
981
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<OverflowListModule, never, [typeof OverflowListDirective, typeof OverflowListItemDirective], [typeof OverflowListDirective, typeof OverflowListItemDirective]>;
|
|
982
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<OverflowListModule>;
|
|
983
|
+
}
|
|
984
|
+
|
|
985
|
+
/**
|
|
986
|
+
* Directive to repeatably render template N times.
|
|
987
|
+
*/
|
|
988
|
+
declare class RepeatDirective implements OnChanges {
|
|
989
|
+
private readonly _templateRef;
|
|
990
|
+
private readonly _viewContainerRef;
|
|
991
|
+
/** Number of times to render a template. */
|
|
992
|
+
count: number;
|
|
993
|
+
/** @hidden */
|
|
994
|
+
constructor(_templateRef: TemplateRef<any>, _viewContainerRef: ViewContainerRef);
|
|
995
|
+
/** @hidden */
|
|
996
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
997
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RepeatDirective, never>;
|
|
998
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<RepeatDirective, "[fdkRepeat]", never, { "count": { "alias": "fdkRepeat"; "required": false; }; }, {}, never, never, true, never>;
|
|
999
|
+
}
|
|
1000
|
+
|
|
1001
|
+
declare class RepeatModule {
|
|
1002
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RepeatModule, never>;
|
|
1003
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<RepeatModule, never, [typeof RepeatDirective], [typeof RepeatDirective]>;
|
|
1004
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<RepeatModule>;
|
|
1005
|
+
}
|
|
1006
|
+
|
|
1007
|
+
declare class ResizeHandleDirective {
|
|
1008
|
+
elementRef: ElementRef;
|
|
1009
|
+
/** @hidden */
|
|
1010
|
+
constructor(elementRef: ElementRef);
|
|
1011
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ResizeHandleDirective, never>;
|
|
1012
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ResizeHandleDirective, "[fdkResizeHandle]", never, {}, {}, never, never, true, never>;
|
|
1013
|
+
}
|
|
1014
|
+
|
|
1015
|
+
declare class ResizeDirective implements OnChanges, AfterViewInit, OnDestroy {
|
|
1016
|
+
private _elementRef;
|
|
1017
|
+
private _rtlService;
|
|
1018
|
+
/** Element limiting resizable container growth */
|
|
1019
|
+
resizeBoundary: string | HTMLElement;
|
|
1020
|
+
/** Whether resizable behaviour should be disabled */
|
|
1021
|
+
disabled: boolean;
|
|
1022
|
+
/** Additional class to be applied to the Element ref during resize. */
|
|
1023
|
+
fdkResizeClass: string;
|
|
1024
|
+
/** Localization of resize handle inside resizable container */
|
|
1025
|
+
resizeHandleLocation: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
|
|
1026
|
+
/** Resize handle reference - should be used if Resize handle is not a ContentChild of resizable container */
|
|
1027
|
+
set setResizeHandleReference(value: ResizeHandleDirective);
|
|
1028
|
+
/** Emits event when resizing has tarted */
|
|
1029
|
+
onResizeStart: EventEmitter<void>;
|
|
1030
|
+
/** Emits event when resizing has ended */
|
|
1031
|
+
onResizeEnd: EventEmitter<void>;
|
|
1032
|
+
/** @hidden Reference to Resize handle */
|
|
1033
|
+
set resizeHandleReference(value: Nullable<ResizeHandleDirective>);
|
|
1034
|
+
get resizeHandleReference(): Nullable<ResizeHandleDirective>;
|
|
1035
|
+
/** @hidden */
|
|
1036
|
+
private _resizeHandleReference;
|
|
1037
|
+
/** @hidden */
|
|
1038
|
+
private _subscriptions;
|
|
1039
|
+
/** @hidden */
|
|
1040
|
+
private _resizeSubscriptions;
|
|
1041
|
+
/** @hidden */
|
|
1042
|
+
private readonly _direction$;
|
|
1043
|
+
/** @hidden */
|
|
1044
|
+
constructor(_elementRef: ElementRef<HTMLElement>, _rtlService: RtlService);
|
|
1045
|
+
/** @hidden */
|
|
1046
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
1047
|
+
/** @hidden */
|
|
1048
|
+
ngAfterViewInit(): void;
|
|
1049
|
+
/** @hidden */
|
|
1050
|
+
ngOnDestroy(): void;
|
|
1051
|
+
/** @hidden */
|
|
1052
|
+
private _unsubscribe;
|
|
1053
|
+
/** @hidden Sets Resize listeners */
|
|
1054
|
+
private _setResizeListeners;
|
|
1055
|
+
/** @hidden Creates resize function*/
|
|
1056
|
+
private _getResizeFunction;
|
|
1057
|
+
/** @hidden Creates move function */
|
|
1058
|
+
private _getMoveOffsetFunction;
|
|
1059
|
+
/** @hidden Return boundary container */
|
|
1060
|
+
private _findResizeContainer;
|
|
1061
|
+
/** @hidden Check whether resizable container is overflowing boundary container */
|
|
1062
|
+
private _getBoundaryOverflowFunction;
|
|
1063
|
+
/** @hidden Create Observable notifying on resize actions */
|
|
1064
|
+
private _getResizeEventsNotifiers;
|
|
1065
|
+
/** @hidden Block resizable container pointer events when resizing */
|
|
1066
|
+
private _blockOtherPointerEvents;
|
|
1067
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ResizeDirective, [null, { optional: true; }]>;
|
|
1068
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ResizeDirective, "[fdkResize]", never, { "resizeBoundary": { "alias": "fdkResizeBoundary"; "required": false; }; "disabled": { "alias": "fdkResizeDisabled"; "required": false; }; "fdkResizeClass": { "alias": "fdkResizeClass"; "required": false; }; "resizeHandleLocation": { "alias": "fdkResizeHandleLocation"; "required": false; }; "setResizeHandleReference": { "alias": "fdkResizeResizeHandleRef"; "required": false; }; }, { "onResizeStart": "onResizeStart"; "onResizeEnd": "onResizeEnd"; }, ["resizeHandleReference"], never, true, never>;
|
|
1069
|
+
}
|
|
1070
|
+
|
|
1071
|
+
declare class ResizeModule {
|
|
1072
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ResizeModule, never>;
|
|
1073
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ResizeModule, never, [typeof ResizeDirective, typeof ResizeHandleDirective], [typeof ResizeDirective, typeof ResizeHandleDirective]>;
|
|
1074
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ResizeModule>;
|
|
1075
|
+
}
|
|
1076
|
+
|
|
1077
|
+
declare class TemplateDirective {
|
|
1078
|
+
templateRef: TemplateRef<any>;
|
|
1079
|
+
/** Name of the template */
|
|
1080
|
+
name: string;
|
|
1081
|
+
/** @hidden */
|
|
1082
|
+
constructor(templateRef: TemplateRef<any>);
|
|
1083
|
+
/** @hidden */
|
|
1084
|
+
getName(): string;
|
|
1085
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TemplateDirective, never>;
|
|
1086
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TemplateDirective, "[fdkTemplate]", never, { "name": { "alias": "fdkTemplate"; "required": false; }; }, {}, never, never, true, never>;
|
|
1087
|
+
}
|
|
1088
|
+
|
|
1089
|
+
declare class TemplateModule {
|
|
1090
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TemplateModule, never>;
|
|
1091
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<TemplateModule, never, [typeof TemplateDirective], [typeof TemplateDirective]>;
|
|
1092
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<TemplateModule>;
|
|
1093
|
+
}
|
|
1094
|
+
|
|
1095
|
+
interface AutoCompleteEvent {
|
|
1096
|
+
term: string;
|
|
1097
|
+
forceClose: boolean;
|
|
1098
|
+
}
|
|
1099
|
+
declare class AutoCompleteDirective {
|
|
1100
|
+
/** Values that will fill missing text in the input. */
|
|
1101
|
+
options: any[];
|
|
1102
|
+
/**
|
|
1103
|
+
* Input text, that is taken from ngModel of formControl,
|
|
1104
|
+
* there has to be difference between native input value and model value
|
|
1105
|
+
*/
|
|
1106
|
+
inputText: string;
|
|
1107
|
+
/** Whether the auto complete directive should be enabled */
|
|
1108
|
+
enable: boolean;
|
|
1109
|
+
/** Display function. Accepts an object of the same type as the
|
|
1110
|
+
* items passed to dropdownValues as argument, and outputs a string.
|
|
1111
|
+
* An arrow function can be used to access the *this* keyword in the calling component.
|
|
1112
|
+
* See search input examples for details. */
|
|
1113
|
+
displayFn: (value: any) => string;
|
|
1114
|
+
/** Event thrown, when the auto ahead text is accepted */
|
|
1115
|
+
readonly onComplete: EventEmitter<AutoCompleteEvent>;
|
|
1116
|
+
/** @hidden */
|
|
1117
|
+
private readonly _completeKeys;
|
|
1118
|
+
/** @hidden */
|
|
1119
|
+
private readonly _fillKeys;
|
|
1120
|
+
/** @hidden */
|
|
1121
|
+
private readonly _stopKeys;
|
|
1122
|
+
/** @hidden */
|
|
1123
|
+
private oldValue;
|
|
1124
|
+
/** @hidden */
|
|
1125
|
+
private lastKeyUpEvent;
|
|
1126
|
+
/** @hidden */
|
|
1127
|
+
private _isComposing;
|
|
1128
|
+
/** @hidden */
|
|
1129
|
+
private readonly _elementRef;
|
|
1130
|
+
private readonly _zone;
|
|
1131
|
+
/** @hidden */
|
|
1132
|
+
constructor();
|
|
1133
|
+
/** Matcher function for testing the str for a search term */
|
|
1134
|
+
matcher: (str: string, searchTerm: string) => boolean;
|
|
1135
|
+
/** @hidden */
|
|
1136
|
+
_handleKeyboardEvent(event: KeyboardEvent): void;
|
|
1137
|
+
/** @hidden */
|
|
1138
|
+
private _typeahead;
|
|
1139
|
+
/** @hidden */
|
|
1140
|
+
private _isControlKey;
|
|
1141
|
+
/** @hidden */
|
|
1142
|
+
private _defaultDisplay;
|
|
1143
|
+
/** @hidden */
|
|
1144
|
+
private _triggerTypeAhead;
|
|
1145
|
+
/** @hidden */
|
|
1146
|
+
private _sendCompleteEvent;
|
|
1147
|
+
/** @hidden */
|
|
1148
|
+
private _moveIndicatorToLastCharacter;
|
|
1149
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AutoCompleteDirective, never>;
|
|
1150
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<AutoCompleteDirective, "[fdkAutoComplete]", never, { "options": { "alias": "options"; "required": false; }; "inputText": { "alias": "inputText"; "required": false; }; "enable": { "alias": "enable"; "required": false; }; "displayFn": { "alias": "displayFn"; "required": false; }; "matcher": { "alias": "matcher"; "required": false; }; }, { "onComplete": "onComplete"; }, never, never, true, never>;
|
|
1151
|
+
}
|
|
1152
|
+
|
|
1153
|
+
declare class AutoCompleteModule {
|
|
1154
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AutoCompleteModule, never>;
|
|
1155
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<AutoCompleteModule, never, [typeof AutoCompleteDirective], [typeof AutoCompleteDirective]>;
|
|
1156
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<AutoCompleteModule>;
|
|
1157
|
+
}
|
|
1158
|
+
|
|
1159
|
+
declare class ClickedDirective {
|
|
1160
|
+
/**
|
|
1161
|
+
* Event name.
|
|
1162
|
+
*/
|
|
1163
|
+
static eventName: string;
|
|
1164
|
+
/**
|
|
1165
|
+
* Event emitted when user either clicks with mouse, or
|
|
1166
|
+
* clicks on space or enter keys
|
|
1167
|
+
*/
|
|
1168
|
+
fdkClicked: Observable<MouseEvent | KeyboardEvent>;
|
|
1169
|
+
/** @hidden */
|
|
1170
|
+
constructor();
|
|
1171
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClickedDirective, never>;
|
|
1172
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ClickedDirective, "[fdkClicked]", never, {}, { "fdkClicked": "fdkClicked"; }, never, never, true, never>;
|
|
1173
|
+
}
|
|
1174
|
+
|
|
1175
|
+
/**
|
|
1176
|
+
* @deprecated
|
|
1177
|
+
* ClickedBehaviorModule is deprecated and will be removed in the next major release. Use ClickedDirective instead.
|
|
1178
|
+
*/
|
|
1179
|
+
declare class ClickedBehaviorModule {
|
|
1180
|
+
/** @hidden */
|
|
1181
|
+
constructor();
|
|
1182
|
+
/** @hidden */
|
|
1183
|
+
static forRoot(): ModuleWithProviders<ClickedBehaviorModule>;
|
|
1184
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ClickedBehaviorModule, never>;
|
|
1185
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ClickedBehaviorModule, never, [typeof ClickedDirective], [typeof ClickedDirective]>;
|
|
1186
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ClickedBehaviorModule>;
|
|
1187
|
+
}
|
|
1188
|
+
|
|
1189
|
+
/**
|
|
1190
|
+
* Returns Observable that emits when element is clicked. Uses Renderer2 to listen to events.
|
|
1191
|
+
* @param element
|
|
1192
|
+
* @param renderer
|
|
1193
|
+
*/
|
|
1194
|
+
declare function elementClick$(element: ElementRef<HTMLElement> | HTMLElement, renderer?: Renderer2): Observable<MouseEvent | KeyboardEvent>;
|
|
1195
|
+
|
|
1196
|
+
declare class FdkClickedProvider extends Subject<MouseEvent | KeyboardEvent> implements OnDestroy {
|
|
1197
|
+
private readonly _elementRef;
|
|
1198
|
+
private readonly _renderer;
|
|
1199
|
+
/** @hidden */
|
|
1200
|
+
private _preventDefault;
|
|
1201
|
+
/** @hidden */
|
|
1202
|
+
private _listeners;
|
|
1203
|
+
/** @hidden */
|
|
1204
|
+
private readonly _fdkClickedEventManagerPluginLoaded;
|
|
1205
|
+
/** @hidden */
|
|
1206
|
+
constructor(_elementRef: ElementRef<Element>, _renderer: Renderer2, eventManagerPlugins: any[]);
|
|
1207
|
+
/** @hidden */
|
|
1208
|
+
setPreventDefault(val: boolean): void;
|
|
1209
|
+
/** @hidden */
|
|
1210
|
+
ngOnDestroy(): void;
|
|
1211
|
+
/** @hidden */
|
|
1212
|
+
private _initialize;
|
|
1213
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FdkClickedProvider, never>;
|
|
1214
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<FdkClickedProvider>;
|
|
1215
|
+
}
|
|
1216
|
+
|
|
1217
|
+
/**
|
|
1218
|
+
* @deprecated
|
|
1219
|
+
* ClickedBehaviorModule is deprecated and will be removed in the next major release. Use ClickedDirective instead.
|
|
1220
|
+
*/
|
|
1221
|
+
declare const ClickedBehaviorModuleForRootLoadedOnce: InjectionToken<boolean>;
|
|
1222
|
+
/**
|
|
1223
|
+
* Provides ClickedEventPlugin to the application
|
|
1224
|
+
* @deprecated
|
|
1225
|
+
*/
|
|
1226
|
+
declare function provideFdkClicked(): Provider[];
|
|
1227
|
+
|
|
1228
|
+
interface DisabledViewModifier {
|
|
1229
|
+
setDisabledState: (isDisabled: boolean) => void;
|
|
1230
|
+
}
|
|
1231
|
+
|
|
1232
|
+
type Base$1 = Observable<boolean> & DisabledViewModifier;
|
|
1233
|
+
interface DisabledBehavior extends Base$1 {
|
|
1234
|
+
fdkDisabled: boolean;
|
|
1235
|
+
}
|
|
1236
|
+
|
|
1237
|
+
declare class DisabledBehaviorDirective extends ReplaySubject<boolean> implements AfterViewInit, DisabledBehavior, DisabledViewModifier {
|
|
1238
|
+
private _elementRef;
|
|
1239
|
+
private _destroyRef;
|
|
1240
|
+
private _clicked;
|
|
1241
|
+
/** @hidden */
|
|
1242
|
+
set fdkDisabled(value: BooleanInput);
|
|
1243
|
+
get fdkDisabled(): boolean;
|
|
1244
|
+
/**
|
|
1245
|
+
* Whether to add `disabledClass` class to the element.
|
|
1246
|
+
*/
|
|
1247
|
+
addDisabledClass: boolean;
|
|
1248
|
+
/**
|
|
1249
|
+
* Disabled css class to apply to the element.
|
|
1250
|
+
*/
|
|
1251
|
+
disabledClass: string;
|
|
1252
|
+
/** @hidden */
|
|
1253
|
+
private _disabled;
|
|
1254
|
+
/** @hidden */
|
|
1255
|
+
private readonly _fdkDisableInput$;
|
|
1256
|
+
/** @hidden */
|
|
1257
|
+
constructor(_elementRef: ElementRef<HTMLElement>, _destroyRef: DestroyRef, _clicked: FdkClickedProvider);
|
|
1258
|
+
/** @hidden */
|
|
1259
|
+
setDisabledState: (isDisabled: boolean) => void;
|
|
1260
|
+
/** @hidden */
|
|
1261
|
+
ngAfterViewInit(): void;
|
|
1262
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DisabledBehaviorDirective, never>;
|
|
1263
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DisabledBehaviorDirective, "[fdkDisabled]", never, { "fdkDisabled": { "alias": "fdkDisabled"; "required": false; }; "addDisabledClass": { "alias": "addDisabledClass"; "required": false; }; "disabledClass": { "alias": "disabledClass"; "required": false; }; }, {}, never, never, true, never>;
|
|
1264
|
+
}
|
|
1265
|
+
|
|
1266
|
+
declare class DisabledBehaviorModule {
|
|
1267
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DisabledBehaviorModule, never>;
|
|
1268
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DisabledBehaviorModule, never, [typeof DisabledBehaviorDirective], [typeof DisabledBehaviorDirective]>;
|
|
1269
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<DisabledBehaviorModule>;
|
|
1270
|
+
}
|
|
1271
|
+
|
|
1272
|
+
type SelectableListValueType<T> = T extends any[] ? Array<any> : any;
|
|
1273
|
+
declare abstract class SelectComponentRootToken<T = any> {
|
|
1274
|
+
abstract selected?: SelectableListValueType<T>;
|
|
1275
|
+
abstract selectedChange: Observable<SelectableListValueType<T>>;
|
|
1276
|
+
abstract multiple?: BooleanInput;
|
|
1277
|
+
abstract toggle?: BooleanInput;
|
|
1278
|
+
abstract onChange: (value: SelectableListValueType<T>) => void;
|
|
1279
|
+
}
|
|
1280
|
+
|
|
1281
|
+
declare abstract class SelectableItemToken<ElementType extends Element = HTMLElement, TValue = ElementType> implements HasElementRef<ElementType> {
|
|
1282
|
+
abstract value: TValue;
|
|
1283
|
+
abstract fdkSelectableItem?: boolean;
|
|
1284
|
+
abstract readonly elementRef: ElementRef<ElementType>;
|
|
1285
|
+
abstract clicked: Observable<MouseEvent | KeyboardEvent>;
|
|
1286
|
+
abstract setSelected(isSelected: boolean): void;
|
|
1287
|
+
abstract getSelected(): boolean;
|
|
1288
|
+
}
|
|
1289
|
+
|
|
1290
|
+
type SelectionItemsList<ElementType extends Element, ValueType = ElementType> = QueryList<SelectableItemToken<ElementType, ValueType>> | Observable<SelectableItemToken<ElementType, ValueType>[]> | SelectableItemToken<ElementType, ValueType>[];
|
|
1291
|
+
declare class SelectionService<ElementType extends Element, ValueType = ElementType> {
|
|
1292
|
+
private _cd;
|
|
1293
|
+
/** @hidden */
|
|
1294
|
+
value$: Observable<SelectableListValueType<ValueType>>;
|
|
1295
|
+
/** @hidden */
|
|
1296
|
+
private _items$;
|
|
1297
|
+
/** @hidden */
|
|
1298
|
+
private _value$;
|
|
1299
|
+
/** @hidden */
|
|
1300
|
+
private _normalizedValue$;
|
|
1301
|
+
/** @hidden */
|
|
1302
|
+
private _rootComponent;
|
|
1303
|
+
/** @hidden */
|
|
1304
|
+
private _destroyRef;
|
|
1305
|
+
/** @hidden */
|
|
1306
|
+
private _clear$;
|
|
1307
|
+
/** @hidden */
|
|
1308
|
+
private _value;
|
|
1309
|
+
/** @hidden */
|
|
1310
|
+
constructor(_cd: ChangeDetectorRef);
|
|
1311
|
+
/**
|
|
1312
|
+
* Register main select component, which holds config
|
|
1313
|
+
* */
|
|
1314
|
+
registerRootComponent(rootComponent: SelectComponentRootToken<ElementType>): void;
|
|
1315
|
+
/**
|
|
1316
|
+
* Clear listeners
|
|
1317
|
+
*/
|
|
1318
|
+
clear(): void;
|
|
1319
|
+
/**
|
|
1320
|
+
* Initialize watcher for selection changes and user interactions
|
|
1321
|
+
* */
|
|
1322
|
+
initialize(list: SelectionItemsList<ElementType, ValueType>): void;
|
|
1323
|
+
/**
|
|
1324
|
+
* Sets Value, on which service looks at and updates UI accordingly
|
|
1325
|
+
* */
|
|
1326
|
+
setValue(v: SelectableListValueType<ElementType>): void;
|
|
1327
|
+
/** @hidden */
|
|
1328
|
+
getValue(): SelectableListValueType<ElementType>;
|
|
1329
|
+
/**
|
|
1330
|
+
* Start listening for item interactions. Will destroy() first.
|
|
1331
|
+
* Will silently continue if service was not initialized first.
|
|
1332
|
+
* */
|
|
1333
|
+
listenToItemInteractions(): void;
|
|
1334
|
+
/** @hidden */
|
|
1335
|
+
selectItem(item: SelectableItemToken<ElementType, ValueType>): void;
|
|
1336
|
+
/** @hidden */
|
|
1337
|
+
deselectItem(item: SelectableItemToken<ElementType, ValueType>): void;
|
|
1338
|
+
/** @hidden */
|
|
1339
|
+
private get _isMultipleMode();
|
|
1340
|
+
/** @hidden */
|
|
1341
|
+
private _itemClicked;
|
|
1342
|
+
/** @hidden */
|
|
1343
|
+
private _getSelectedValues;
|
|
1344
|
+
/** @hidden */
|
|
1345
|
+
private _getProperValues;
|
|
1346
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SelectionService<any, any>, never>;
|
|
1347
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<SelectionService<any, any>>;
|
|
1348
|
+
}
|
|
1349
|
+
|
|
1350
|
+
declare class SelectableListDirective<T extends Element = HTMLElement, V = any> implements SelectComponentRootToken<T>, AfterViewInit {
|
|
1351
|
+
private _selectionService;
|
|
1352
|
+
/** @hidden */
|
|
1353
|
+
selectedChange: EventEmitter<SelectableListValueType<T>>;
|
|
1354
|
+
/** @hidden */
|
|
1355
|
+
toggle: boolean;
|
|
1356
|
+
/** @hidden */
|
|
1357
|
+
multiple: boolean;
|
|
1358
|
+
/** @hidden */
|
|
1359
|
+
set selected(value: SelectableListValueType<T>);
|
|
1360
|
+
/** @hidden */
|
|
1361
|
+
selectableItems: QueryList<SelectableItemToken<T, V>>;
|
|
1362
|
+
/** @hidden */
|
|
1363
|
+
constructor(_selectionService: SelectionService<T, V>);
|
|
1364
|
+
/** @hidden */
|
|
1365
|
+
select(item: SelectableItemToken<T, V>): void;
|
|
1366
|
+
/** @hidden */
|
|
1367
|
+
deselect(item: SelectableItemToken<T, V>): void;
|
|
1368
|
+
/** @hidden */
|
|
1369
|
+
toggleSelect(item: SelectableItemToken<T, V>): void;
|
|
1370
|
+
/** @hidden */
|
|
1371
|
+
onChange(value: SelectableListValueType<T>): void;
|
|
1372
|
+
/** @hidden */
|
|
1373
|
+
ngAfterViewInit(): void;
|
|
1374
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SelectableListDirective<any, any>, never>;
|
|
1375
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<SelectableListDirective<any, any>, "[fdkSelectableList]", ["fdkSelectableList"], { "toggle": { "alias": "toggle"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, { "selectedChange": "selectedChange"; }, ["selectableItems"], never, true, never>;
|
|
1376
|
+
static ngAcceptInputType_toggle: unknown;
|
|
1377
|
+
static ngAcceptInputType_multiple: unknown;
|
|
1378
|
+
}
|
|
1379
|
+
|
|
1380
|
+
declare class DisabledObserver {
|
|
1381
|
+
private _attributeObserver;
|
|
1382
|
+
/** @hidden */
|
|
1383
|
+
constructor(_attributeObserver: AttributeObserver);
|
|
1384
|
+
/** @hidden */
|
|
1385
|
+
static isDisabled(el: Element): boolean;
|
|
1386
|
+
/** @hidden */
|
|
1387
|
+
observe(element: HasElementRef<Element> | Element | ElementRef<Element>): Observable<boolean>;
|
|
1388
|
+
/** @hidden */
|
|
1389
|
+
unobserve(element: HasElementRef<Element> | Element | ElementRef<Element>): void;
|
|
1390
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DisabledObserver, never>;
|
|
1391
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<DisabledObserver>;
|
|
1392
|
+
}
|
|
1393
|
+
|
|
1394
|
+
declare class FdkDisabledProvider extends ReplaySubject<boolean> implements DisabledBehavior, OnDestroy {
|
|
1395
|
+
private ngZone;
|
|
1396
|
+
private elementRef;
|
|
1397
|
+
private disabledObserver;
|
|
1398
|
+
private selfDisabled$?;
|
|
1399
|
+
private parentDisabled$?;
|
|
1400
|
+
/** @Hidden */
|
|
1401
|
+
fdkDisabled: boolean;
|
|
1402
|
+
/** @Hidden */
|
|
1403
|
+
private readonly _destroyRef;
|
|
1404
|
+
/** @hidden */
|
|
1405
|
+
private readonly _viewModifiers$;
|
|
1406
|
+
/** @hidden */
|
|
1407
|
+
private _disabledChange$;
|
|
1408
|
+
/** @hidden */
|
|
1409
|
+
constructor(ngZone: NgZone, elementRef: ElementRef<HTMLElement>, disabledObserver: DisabledObserver, selfDisabled$?: DisabledBehavior | undefined, parentDisabled$?: DisabledBehavior | undefined);
|
|
1410
|
+
/** @hidden */
|
|
1411
|
+
addViewModifier(modifier: DisabledViewModifier): void;
|
|
1412
|
+
/** @hidden */
|
|
1413
|
+
setDisabledState(isDisabled: boolean): void;
|
|
1414
|
+
/** @hidden */
|
|
1415
|
+
ngOnDestroy(): void;
|
|
1416
|
+
/** @hidden */
|
|
1417
|
+
private _getDisabledChange$;
|
|
1418
|
+
/** @hidden */
|
|
1419
|
+
private _getInitialViewModifiers;
|
|
1420
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FdkDisabledProvider, [null, null, null, { optional: true; self: true; }, { optional: true; skipSelf: true; }]>;
|
|
1421
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<FdkDisabledProvider>;
|
|
1422
|
+
}
|
|
1423
|
+
|
|
1424
|
+
declare const FDK_DISABLED_DIRECTIVE: InjectionToken<DisabledBehavior>;
|
|
1425
|
+
|
|
1426
|
+
/** @hidden */
|
|
1427
|
+
declare function setDisabledState(element: HasElementRef<Element> | Element | ElementRef<Element>, isDisabled: boolean, disabledClass: string, addDisabledClass: boolean): void;
|
|
1428
|
+
|
|
1429
|
+
interface ReadonlyViewModifier {
|
|
1430
|
+
setReadonlyState: (isReadonly: boolean) => void;
|
|
1431
|
+
}
|
|
1432
|
+
|
|
1433
|
+
declare class DefaultReadonlyViewModifier implements ReadonlyViewModifier {
|
|
1434
|
+
private elementRef;
|
|
1435
|
+
/** @hidden */
|
|
1436
|
+
constructor(elementRef: ElementRef<Element>);
|
|
1437
|
+
/** @hidden */
|
|
1438
|
+
setReadonlyState: (isDisabled: boolean) => void;
|
|
1439
|
+
}
|
|
1440
|
+
|
|
1441
|
+
type Base = Observable<boolean> & ReadonlyViewModifier;
|
|
1442
|
+
interface ReadonlyBehavior extends Base {
|
|
1443
|
+
fdkReadonly: boolean;
|
|
1444
|
+
}
|
|
1445
|
+
|
|
1446
|
+
declare class ReadonlyObserver {
|
|
1447
|
+
private _attributeObserver;
|
|
1448
|
+
/** @Hidden */
|
|
1449
|
+
constructor(_attributeObserver: AttributeObserver);
|
|
1450
|
+
/** @Hidden */
|
|
1451
|
+
static isReadonly(element: Element): boolean;
|
|
1452
|
+
/** @hidden */
|
|
1453
|
+
observe(element: HasElementRef<Element> | Element | ElementRef<Element>): Observable<boolean>;
|
|
1454
|
+
/** @Hidden */
|
|
1455
|
+
unobserve(element: HasElementRef<Element> | Element | ElementRef<Element>): void;
|
|
1456
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ReadonlyObserver, never>;
|
|
1457
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ReadonlyObserver>;
|
|
1458
|
+
}
|
|
1459
|
+
|
|
1460
|
+
declare class FdkReadonlyProvider extends ReplaySubject<boolean> implements ReadonlyBehavior, OnDestroy {
|
|
1461
|
+
private ngZone;
|
|
1462
|
+
private elementRef;
|
|
1463
|
+
private readonlyObserver;
|
|
1464
|
+
private selfReadonly$;
|
|
1465
|
+
private parentReadonly$;
|
|
1466
|
+
/** @Hidden */
|
|
1467
|
+
fdkReadonly: boolean;
|
|
1468
|
+
/** @hidden */
|
|
1469
|
+
private readonly _viewModifiers$;
|
|
1470
|
+
/** @hidden */
|
|
1471
|
+
private _readonlyChange$;
|
|
1472
|
+
/** @hidden */
|
|
1473
|
+
private readonly _destroyRef;
|
|
1474
|
+
/** @hidden */
|
|
1475
|
+
constructor(ngZone: NgZone, elementRef: ElementRef<Element>, readonlyObserver: ReadonlyObserver, selfReadonly$: ReadonlyBehavior, parentReadonly$: ReadonlyBehavior);
|
|
1476
|
+
/** @hidden */
|
|
1477
|
+
addViewModifier(modifier: ReadonlyViewModifier): void;
|
|
1478
|
+
/** @hidden */
|
|
1479
|
+
setReadonlyState(isReadonly: boolean): void;
|
|
1480
|
+
/** @hidden */
|
|
1481
|
+
ngOnDestroy(): void;
|
|
1482
|
+
/** @hidden */
|
|
1483
|
+
private _getReadonlyChange$;
|
|
1484
|
+
/** @hidden */
|
|
1485
|
+
private _getInitialViewModifiers;
|
|
1486
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FdkReadonlyProvider, [null, null, null, { optional: true; self: true; }, { optional: true; skipSelf: true; }]>;
|
|
1487
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<FdkReadonlyProvider>;
|
|
1488
|
+
}
|
|
1489
|
+
|
|
1490
|
+
declare const FDK_READONLY_DIRECTIVE: InjectionToken<unknown>;
|
|
1491
|
+
|
|
1492
|
+
declare class ReadonlyBehaviorDirective extends ReplaySubject<boolean> implements ReadonlyBehavior, AfterViewInit {
|
|
1493
|
+
private _elementRef;
|
|
1494
|
+
private _destroyRef;
|
|
1495
|
+
/** @Hidden */
|
|
1496
|
+
set fdkReadonly(value: boolean);
|
|
1497
|
+
get fdkReadonly(): boolean;
|
|
1498
|
+
/** @Hidden */
|
|
1499
|
+
_readonly: boolean;
|
|
1500
|
+
/** @hidden */
|
|
1501
|
+
private readonly _readonlyInput$;
|
|
1502
|
+
/** @hidden */
|
|
1503
|
+
constructor(_elementRef: ElementRef<HTMLElement>, _destroyRef: DestroyRef);
|
|
1504
|
+
/** @Hidden */
|
|
1505
|
+
setReadonlyState: (isReadonly: boolean) => void;
|
|
1506
|
+
/** @hidden */
|
|
1507
|
+
ngAfterViewInit(): void;
|
|
1508
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ReadonlyBehaviorDirective, never>;
|
|
1509
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ReadonlyBehaviorDirective, "[fdkReadonly]", never, { "fdkReadonly": { "alias": "fdkReadonly"; "required": false; }; }, {}, never, never, true, never>;
|
|
1510
|
+
static ngAcceptInputType_fdkReadonly: unknown;
|
|
1511
|
+
}
|
|
1512
|
+
|
|
1513
|
+
declare class ReadonlyBehaviorModule {
|
|
1514
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ReadonlyBehaviorModule, never>;
|
|
1515
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ReadonlyBehaviorModule, never, [typeof ReadonlyBehaviorDirective], [typeof ReadonlyBehaviorDirective]>;
|
|
1516
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ReadonlyBehaviorModule>;
|
|
1517
|
+
}
|
|
1518
|
+
|
|
1519
|
+
/** @Hidden */
|
|
1520
|
+
declare function setReadonlyState(element: HasElementRef<Element> | Element | ElementRef<Element>, isReadonly: boolean): void;
|
|
1521
|
+
|
|
1522
|
+
declare class SelectableItemDirective<ElementType extends Element = HTMLElement, ValueType = any> implements SelectableItemToken<ElementType, ValueType> {
|
|
1523
|
+
private provider;
|
|
1524
|
+
private disabled$;
|
|
1525
|
+
private readonly$;
|
|
1526
|
+
private selectionService;
|
|
1527
|
+
readonly elementRef: ElementRef<ElementType>;
|
|
1528
|
+
/** @hidden */
|
|
1529
|
+
set value(val: ValueType);
|
|
1530
|
+
get value(): ValueType;
|
|
1531
|
+
/** @hidden */
|
|
1532
|
+
set fdkSelectableItem(value: BooleanInput);
|
|
1533
|
+
get fdkSelectableItem(): boolean;
|
|
1534
|
+
/** @hidden */
|
|
1535
|
+
clicked: Observable<MouseEvent | KeyboardEvent>;
|
|
1536
|
+
/** Event emitted when selection state being changed for selectable item. */
|
|
1537
|
+
selected: EventEmitter<boolean>;
|
|
1538
|
+
/** @hidden */
|
|
1539
|
+
private _value;
|
|
1540
|
+
/** @hidden */
|
|
1541
|
+
private _selected;
|
|
1542
|
+
/** @hidden */
|
|
1543
|
+
private _selectable;
|
|
1544
|
+
/** @hidden */
|
|
1545
|
+
constructor(provider: Partial<SelectableItemToken<ElementType, ValueType>>, disabled$: FdkDisabledProvider, readonly$: FdkReadonlyProvider, selectionService: SelectionService<ElementType, ValueType>, elementRef: ElementRef<ElementType>, _clicked: FdkClickedProvider);
|
|
1546
|
+
/** @hidden */
|
|
1547
|
+
getSelected(): boolean;
|
|
1548
|
+
/** @hidden */
|
|
1549
|
+
setSelected(isSelected: boolean): void;
|
|
1550
|
+
/** @hidden */
|
|
1551
|
+
private _listenToDisablingEvents;
|
|
1552
|
+
/** @hidden */
|
|
1553
|
+
private _updateSelectionAndSelectableWatcher;
|
|
1554
|
+
/** @hidden */
|
|
1555
|
+
private _updateSelectableWatcher;
|
|
1556
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SelectableItemDirective<any, any>, [{ optional: true; }, null, null, null, null, null]>;
|
|
1557
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<SelectableItemDirective<any, any>, "[fdkSelectableItem]", ["fdkSelectableItem"], { "value": { "alias": "value"; "required": false; }; "fdkSelectableItem": { "alias": "fdkSelectableItem"; "required": false; }; }, { "clicked": "clicked"; "selected": "selected"; }, never, never, true, never>;
|
|
1558
|
+
}
|
|
1559
|
+
|
|
1560
|
+
declare class SelectableListModule {
|
|
1561
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SelectableListModule, never>;
|
|
1562
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SelectableListModule, never, [typeof SelectableListDirective, typeof SelectableItemDirective], [typeof SelectableListDirective, typeof SelectableItemDirective]>;
|
|
1563
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SelectableListModule>;
|
|
1564
|
+
}
|
|
1565
|
+
|
|
1566
|
+
declare class TabbableElementService {
|
|
1567
|
+
private readonly _checker;
|
|
1568
|
+
private readonly _document;
|
|
1569
|
+
/** @hidden */
|
|
1570
|
+
constructor(_checker: InteractivityChecker, _document: Document | null);
|
|
1571
|
+
/** Get the first tabbable element from a DOM subtree (inclusive). */
|
|
1572
|
+
getTabbableElement(root: HTMLElement, focusLastElement?: boolean, skipSelf?: boolean): HTMLElement | null;
|
|
1573
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TabbableElementService, [null, { optional: true; }]>;
|
|
1574
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<TabbableElementService>;
|
|
1575
|
+
}
|
|
1576
|
+
|
|
1577
|
+
declare class InitialFocusDirective implements AfterViewInit {
|
|
1578
|
+
private _elmRef;
|
|
1579
|
+
private _ngZone;
|
|
1580
|
+
private readonly _tabbableService;
|
|
1581
|
+
/**
|
|
1582
|
+
* CSS selector of an element that should be focused.
|
|
1583
|
+
*/
|
|
1584
|
+
fdkInitialFocus: string;
|
|
1585
|
+
/**
|
|
1586
|
+
* Whether initial focus enabled for a current element.
|
|
1587
|
+
*/
|
|
1588
|
+
set enabled(value: boolean);
|
|
1589
|
+
get enabled(): boolean;
|
|
1590
|
+
/**
|
|
1591
|
+
* Whether to focus last element in a found array of elements.
|
|
1592
|
+
*/
|
|
1593
|
+
focusLastElement: boolean;
|
|
1594
|
+
/** @hidden */
|
|
1595
|
+
private readonly _destroyRef;
|
|
1596
|
+
/** @hidden */
|
|
1597
|
+
private readonly _enabled$;
|
|
1598
|
+
/** @hidden */
|
|
1599
|
+
constructor(_elmRef: ElementRef<HTMLElement>, _ngZone: NgZone, _tabbableService: TabbableElementService);
|
|
1600
|
+
/** @hidden */
|
|
1601
|
+
ngAfterViewInit(): void;
|
|
1602
|
+
/**
|
|
1603
|
+
* @hidden
|
|
1604
|
+
* Executes a function when the zone is stable.
|
|
1605
|
+
*/
|
|
1606
|
+
private _executeOnEmpty;
|
|
1607
|
+
/**
|
|
1608
|
+
* @hidden
|
|
1609
|
+
* Searches for an appropriate focusable element
|
|
1610
|
+
*/
|
|
1611
|
+
private _getFocusableElement;
|
|
1612
|
+
/** @hidden */
|
|
1613
|
+
private _focus;
|
|
1614
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<InitialFocusDirective, never>;
|
|
1615
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<InitialFocusDirective, "[fdkInitialFocus]", never, { "fdkInitialFocus": { "alias": "fdkInitialFocus"; "required": false; }; "enabled": { "alias": "enabled"; "required": false; }; "focusLastElement": { "alias": "focusLastElement"; "required": false; }; }, {}, never, never, true, never>;
|
|
1616
|
+
}
|
|
1617
|
+
|
|
1618
|
+
declare class InitialFocusModule {
|
|
1619
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<InitialFocusModule, never>;
|
|
1620
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<InitialFocusModule, never, [typeof InitialFocusDirective], [typeof InitialFocusDirective]>;
|
|
1621
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<InitialFocusModule>;
|
|
1622
|
+
}
|
|
1623
|
+
|
|
1624
|
+
declare const ResponsiveBreakpoints: {
|
|
1625
|
+
readonly S: 600;
|
|
1626
|
+
readonly M: 1024;
|
|
1627
|
+
readonly L: 1440;
|
|
1628
|
+
};
|
|
1629
|
+
type breakpointName = keyof typeof ResponsiveBreakpoints | 'XL';
|
|
1630
|
+
type BreakpointName = Lowercase<breakpointName> | Uppercase<breakpointName>;
|
|
1631
|
+
/** @hidden */
|
|
1632
|
+
declare function getBreakpointName(width: number): breakpointName;
|
|
1633
|
+
|
|
1634
|
+
/**
|
|
1635
|
+
* Directive to show/hide element on specific breakpoint or range of window width.
|
|
1636
|
+
* Uses native ngIf directive to show/hide element.
|
|
1637
|
+
*/
|
|
1638
|
+
declare class BreakpointDirective implements OnChanges, AfterViewInit {
|
|
1639
|
+
private readonly templateRef;
|
|
1640
|
+
private readonly viewContainer;
|
|
1641
|
+
/**
|
|
1642
|
+
* Provide list of the breakpoints to show element on.
|
|
1643
|
+
* */
|
|
1644
|
+
set fdkBreakpoint(value: BreakpointName[]);
|
|
1645
|
+
/**
|
|
1646
|
+
* Show element on S breakpoint.
|
|
1647
|
+
* S - 0 - 599px
|
|
1648
|
+
* */
|
|
1649
|
+
showOnS: boolean;
|
|
1650
|
+
/**
|
|
1651
|
+
* Show element on M breakpoint.
|
|
1652
|
+
* M - 0 - 1023px
|
|
1653
|
+
* */
|
|
1654
|
+
showOnM: boolean;
|
|
1655
|
+
/**
|
|
1656
|
+
* Show element on L breakpoint.
|
|
1657
|
+
* L - 0 - 1439px
|
|
1658
|
+
* */
|
|
1659
|
+
showOnL: boolean;
|
|
1660
|
+
/**
|
|
1661
|
+
* Show element on XL breakpoint.
|
|
1662
|
+
* */
|
|
1663
|
+
showOnXL: boolean;
|
|
1664
|
+
/**
|
|
1665
|
+
* Show element on breakpoint less than provided value.
|
|
1666
|
+
* */
|
|
1667
|
+
fdkBreakpointLt: number;
|
|
1668
|
+
/**
|
|
1669
|
+
* Show element on breakpoint greater than provided value.
|
|
1670
|
+
* */
|
|
1671
|
+
fdkBreakpointGt: number;
|
|
1672
|
+
/**
|
|
1673
|
+
* Observe element width changes.
|
|
1674
|
+
*/
|
|
1675
|
+
set observationSource(value: HTMLElement | ElementRef<HTMLElement>);
|
|
1676
|
+
/** @hidden */
|
|
1677
|
+
templateViewRef?: EmbeddedViewRef<unknown>;
|
|
1678
|
+
/** @hidden */
|
|
1679
|
+
onChanges$: Subject<void>;
|
|
1680
|
+
/** @hidden */
|
|
1681
|
+
_sizeObservable$: BehaviorSubject<Observable<number>>;
|
|
1682
|
+
/** @hidden */
|
|
1683
|
+
private viewportSize$;
|
|
1684
|
+
/** @hidden */
|
|
1685
|
+
private _destroyRef;
|
|
1686
|
+
/** @hidden */
|
|
1687
|
+
private _resizeObserverService;
|
|
1688
|
+
/** @hidden */
|
|
1689
|
+
constructor(templateRef: TemplateRef<any>, viewContainer: ViewContainerRef);
|
|
1690
|
+
/** @hidden */
|
|
1691
|
+
ngAfterViewInit(): void;
|
|
1692
|
+
/** @hidden */
|
|
1693
|
+
ngOnChanges(): void;
|
|
1694
|
+
/** @hidden */
|
|
1695
|
+
private _shouldShow;
|
|
1696
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BreakpointDirective, never>;
|
|
1697
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<BreakpointDirective, "[fdkBreakpoint], [fdkBreakpointS], [fdkBreakpointM], [fdkBreakpointL], [fdkBreakpointXL], [fdkBreakpointLt], [fdkBreakpointGt]", never, { "fdkBreakpoint": { "alias": "fdkBreakpoint"; "required": false; }; "showOnS": { "alias": "fdkBreakpointS"; "required": false; }; "showOnM": { "alias": "fdkBreakpointM"; "required": false; }; "showOnL": { "alias": "fdkBreakpointL"; "required": false; }; "showOnXL": { "alias": "fdkBreakpointXL"; "required": false; }; "fdkBreakpointLt": { "alias": "fdkBreakpointLt"; "required": false; }; "fdkBreakpointGt": { "alias": "fdkBreakpointGt"; "required": false; }; "observationSource": { "alias": "fdkBreakpointObserve"; "required": false; }; }, {}, never, never, true, never>;
|
|
1698
|
+
static ngAcceptInputType_showOnS: unknown;
|
|
1699
|
+
static ngAcceptInputType_showOnM: unknown;
|
|
1700
|
+
static ngAcceptInputType_showOnL: unknown;
|
|
1701
|
+
static ngAcceptInputType_showOnXL: unknown;
|
|
1702
|
+
}
|
|
1703
|
+
declare class BreakpointModule {
|
|
1704
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BreakpointModule, never>;
|
|
1705
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<BreakpointModule, never, [typeof BreakpointDirective], [typeof BreakpointDirective]>;
|
|
1706
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<BreakpointModule>;
|
|
1707
|
+
}
|
|
1708
|
+
|
|
1709
|
+
declare class IntersectionSpyDirective implements OnInit {
|
|
1710
|
+
/** Intersection offset in px. */
|
|
1711
|
+
offset: number;
|
|
1712
|
+
/** Intersection observer options. */
|
|
1713
|
+
viewportOptions: IntersectionObserverInit;
|
|
1714
|
+
/** Event emitted when intersection observer emits with the current element. */
|
|
1715
|
+
intersected: EventEmitter<boolean>;
|
|
1716
|
+
/** @hidden */
|
|
1717
|
+
private readonly _destroyRef;
|
|
1718
|
+
/** @hidden */
|
|
1719
|
+
private readonly _elementRef;
|
|
1720
|
+
/** @hidden */
|
|
1721
|
+
ngOnInit(): void;
|
|
1722
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<IntersectionSpyDirective, never>;
|
|
1723
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<IntersectionSpyDirective, "[fdkIntersectionSpy]", never, { "offset": { "alias": "fdkIntersectionSpy"; "required": false; }; "viewportOptions": { "alias": "viewportOptions"; "required": false; }; }, { "intersected": "intersected"; }, never, never, true, never>;
|
|
1724
|
+
}
|
|
1725
|
+
|
|
1726
|
+
declare class UtilsModule {
|
|
1727
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UtilsModule, never>;
|
|
1728
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<UtilsModule, never, [typeof FocusableItemModule, typeof FocusableListModule, typeof FocusableGridModule, typeof DragAndDropModule, typeof OnlyDigitsModule, typeof TruncateModule, typeof LineClampModule, typeof OverflowListModule, typeof RepeatModule, typeof ResizeModule, typeof TemplateModule, typeof AutoCompleteModule, typeof DisabledBehaviorModule, typeof SelectableListModule, typeof ReadonlyBehaviorModule, typeof ClickedDirective, typeof InitialFocusModule, typeof BreakpointModule, typeof IntersectionSpyDirective], [typeof FocusableItemModule, typeof FocusableListModule, typeof FocusableGridModule, typeof DragAndDropModule, typeof OnlyDigitsModule, typeof TruncateModule, typeof LineClampModule, typeof OverflowListModule, typeof RepeatModule, typeof ResizeModule, typeof TemplateModule, typeof AutoCompleteModule, typeof DisabledBehaviorModule, typeof SelectableListModule, typeof ReadonlyBehaviorModule, typeof ClickedDirective, typeof InitialFocusModule, typeof BreakpointModule, typeof IntersectionSpyDirective]>;
|
|
1729
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<UtilsModule>;
|
|
1730
|
+
}
|
|
1731
|
+
|
|
1732
|
+
/** @hidden */
|
|
1733
|
+
declare abstract class AbstractFdNgxClass implements HasElementRef, OnInit, OnChanges {
|
|
1734
|
+
/** @hidden */
|
|
1735
|
+
abstract _setProperties(): void;
|
|
1736
|
+
/** @hidden */
|
|
1737
|
+
class: string;
|
|
1738
|
+
/** @hidden */
|
|
1739
|
+
readonly elementRef: ElementRef<any>;
|
|
1740
|
+
/** @hidden */
|
|
1741
|
+
constructor();
|
|
1742
|
+
/** @hidden */
|
|
1743
|
+
_setClassToElement(className: string): void;
|
|
1744
|
+
/** @hidden */
|
|
1745
|
+
_clearElementClass(): void;
|
|
1746
|
+
/** @hidden */
|
|
1747
|
+
_addClassToElement(className: string): void;
|
|
1748
|
+
/** @hidden */
|
|
1749
|
+
_addStyleToElement(attribute: any, value: any): void;
|
|
1750
|
+
/** @hidden */
|
|
1751
|
+
ngOnChanges(): void;
|
|
1752
|
+
/** @hidden */
|
|
1753
|
+
ngOnInit(): void;
|
|
1754
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AbstractFdNgxClass, never>;
|
|
1755
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractFdNgxClass, never, never, { "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
|
|
1756
|
+
}
|
|
1757
|
+
|
|
1758
|
+
interface SubscriptionStrategy<T = any> {
|
|
1759
|
+
/**
|
|
1760
|
+
* @description Awaits object to resolve it's value and passes it to the callback function.
|
|
1761
|
+
* @param obj Object to be awaited.
|
|
1762
|
+
* @param updateLatestValue Callback function where awaited value will be passed.
|
|
1763
|
+
* as an argument
|
|
1764
|
+
*/
|
|
1765
|
+
createSubscription(obj: Observable<T> | Promise<T> | (() => void) | T, updateLatestValue: (value: T) => void): Promise<void>;
|
|
1766
|
+
}
|
|
1767
|
+
|
|
1768
|
+
/**
|
|
1769
|
+
* @description Executes function and passes returned value into callback function.
|
|
1770
|
+
*/
|
|
1771
|
+
declare class FunctionStrategy<T> implements SubscriptionStrategy<T> {
|
|
1772
|
+
/** @hidden */
|
|
1773
|
+
createSubscription(fn: () => T, updateLatestValue: (v: T) => any): Promise<void>;
|
|
1774
|
+
}
|
|
1775
|
+
|
|
1776
|
+
/**
|
|
1777
|
+
* @description Converts observable into Promise and passes returned value into callback function.
|
|
1778
|
+
*/
|
|
1779
|
+
declare class ObservableStrategy<T> implements SubscriptionStrategy<T> {
|
|
1780
|
+
/** @hidden */
|
|
1781
|
+
createSubscription(async: Observable<T>, updateLatestValue: any): Promise<void>;
|
|
1782
|
+
}
|
|
1783
|
+
|
|
1784
|
+
/**
|
|
1785
|
+
* @description awaits for promise to resolve it's value and passes returned value into callback function.
|
|
1786
|
+
*/
|
|
1787
|
+
declare class PromiseStrategy<T> implements SubscriptionStrategy<T> {
|
|
1788
|
+
/** @hidden */
|
|
1789
|
+
createSubscription(async: Promise<T>, updateLatestValue: (v: T) => any): Promise<void>;
|
|
1790
|
+
}
|
|
1791
|
+
|
|
1792
|
+
/**
|
|
1793
|
+
* @description Selects appropriate strategy on how to resolve function value
|
|
1794
|
+
* @param obj object to get value from
|
|
1795
|
+
* @returns appropriate strategy to retrieve value from the object
|
|
1796
|
+
*/
|
|
1797
|
+
declare function selectStrategy<T = any>(obj: Observable<T> | Promise<T> | (() => void) | T): SubscriptionStrategy<T>;
|
|
1798
|
+
|
|
1799
|
+
/**
|
|
1800
|
+
* @description Passes value object into callback function.
|
|
1801
|
+
*/
|
|
1802
|
+
declare class ValueStrategy<T> implements SubscriptionStrategy<T> {
|
|
1803
|
+
/** @hidden */
|
|
1804
|
+
createSubscription(value: T, updateLatestValue: (v: T) => any): Promise<void>;
|
|
1805
|
+
}
|
|
1806
|
+
|
|
1807
|
+
/** @hidden */
|
|
1808
|
+
declare function coerceArraySafe<T>(value: T | T[]): T[];
|
|
1809
|
+
|
|
1810
|
+
/**
|
|
1811
|
+
* A component that can be used to attach a portal to a DOM element, without explicitly creating portal instances on place.
|
|
1812
|
+
* This is useful when you have a list of the components or templates, or HTMLElmets, and you want to attach them to the DOM
|
|
1813
|
+
* dynamically in a loop.
|
|
1814
|
+
*/
|
|
1815
|
+
declare class DynamicPortalComponent implements AfterViewInit {
|
|
1816
|
+
/** The DOM element to attach */
|
|
1817
|
+
set domElement(value: HTMLElement | ElementRef<HTMLElement> | string);
|
|
1818
|
+
/** The component to attach */
|
|
1819
|
+
set component(value: ComponentType<any>);
|
|
1820
|
+
/** The template to attach */
|
|
1821
|
+
set template(value: TemplateRef<any>);
|
|
1822
|
+
/** The Content which should be attached and can be any of the items */
|
|
1823
|
+
set auto(value: DynamicPortalComponent['domElement' | 'component' | 'template']);
|
|
1824
|
+
/** Emits when the portal is attached */
|
|
1825
|
+
attached: EventEmitter<Element | EmbeddedViewRef<any> | ComponentRef<any>>;
|
|
1826
|
+
/** @hidden */
|
|
1827
|
+
portalOutlet?: CdkPortalOutlet;
|
|
1828
|
+
/** @hidden */
|
|
1829
|
+
private portalContent$;
|
|
1830
|
+
/** @hidden */
|
|
1831
|
+
private readonly _destroyRef;
|
|
1832
|
+
/** @hidden */
|
|
1833
|
+
private viewContainerRef;
|
|
1834
|
+
/** @hidden */
|
|
1835
|
+
private renderer;
|
|
1836
|
+
/** @hidden */
|
|
1837
|
+
private elementRef;
|
|
1838
|
+
/** @hidden */
|
|
1839
|
+
ngAfterViewInit(): void;
|
|
1840
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DynamicPortalComponent, never>;
|
|
1841
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DynamicPortalComponent, "fdk-dynamic-portal", never, { "domElement": { "alias": "domElement"; "required": false; }; "component": { "alias": "component"; "required": false; }; "template": { "alias": "template"; "required": false; }; "auto": { "alias": "auto"; "required": false; }; }, { "attached": "attached"; }, never, never, true, never>;
|
|
1842
|
+
}
|
|
1843
|
+
|
|
1844
|
+
declare const MOBILE_CONFIG_ERROR = "Missing configuration object for mobile version of the component.\n Consult the documentation on how to provide MobileModeConfiguration object for this component.\n";
|
|
1845
|
+
declare const THEME_SWITCHER_ROUTER_MISSING_ERROR = "You need to import RouterModule to enable theme settings via the url.";
|
|
1846
|
+
declare const INVALID_DATE_ERROR = "Invalid Date";
|
|
1847
|
+
|
|
1848
|
+
type OverflowPriority = 'always' | 'never' | 'low' | 'high' | 'disappear';
|
|
1849
|
+
declare const OVERFLOW_PRIORITY_SCORE: Map<OverflowPriority, number>;
|
|
1850
|
+
|
|
1851
|
+
/**
|
|
1852
|
+
* Instead of `/\p{L}/u` because of it's not working in IE11 and Edge
|
|
1853
|
+
* - https://github.com/Microsoft/ChakraCore/issues/2969
|
|
1854
|
+
* */
|
|
1855
|
+
declare const LETTERS_UNICODE_RANGE = "[A-Za-z\u00AA\u00B5\u00BA\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u052F\u0531-\u0556\u0559\u0561-\u0587\u05D0-\u05EA\u05F0-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u08A0-\u08B4\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0980\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0AF9\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3D\u0C58-\u0C5A\u0C60\u0C61\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D5F-\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E87\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA\u0EAB\u0EAD-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16F1-\u16F8\u1700-\u170C\u170E-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1877\u1880-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191E\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4B\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1CE9-\u1CEC\u1CEE-\u1CF1\u1CF5\u1CF6\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2183\u2184\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005\u3006\u3031-\u3035\u303B\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312D\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FD5\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA69D\uA6A0-\uA6E5\uA717-\uA71F\uA722-\uA788\uA78B-\uA7AD\uA7B0-\uA7B7\uA7F7-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA8FD\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uA9E0-\uA9E4\uA9E6-\uA9EF\uA9FA-\uA9FE\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA7E-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB65\uAB70-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]";
|
|
1856
|
+
declare const ANY_LANGUAGE_LETTERS_REGEX: RegExp;
|
|
1857
|
+
declare const ANY_LANGUAGE_LETTERS_GROUP_REGEX: RegExp;
|
|
1858
|
+
|
|
1859
|
+
/**
|
|
1860
|
+
* Polyfill for `/\p{Nd}/u` to work in IE11 and Edge
|
|
1861
|
+
*/
|
|
1862
|
+
declare const DECIMAL_NUMBER_UNICODE_RANGE = "[0-9\u0660-\u0669\u06F0-\u06F9\u07C0-\u07C9\u0966-\u096F\u09E6-\u09EF\u0A66-\u0A6F\u0AE6-\u0AEF\u0B66-\u0B6F\u0BE6-\u0BEF\u0C66-\u0C6F\u0CE6-\u0CEF\u0D66-\u0D6F\u0DE6-\u0DEF\u0E50-\u0E59\u0ED0-\u0ED9\u0F20-\u0F29\u1040-\u1049\u1090-\u1099\u17E0-\u17E9\u1810-\u1819\u1946-\u194F\u19D0-\u19D9\u1A80-\u1A89\u1A90-\u1A99\u1B50-\u1B59\u1BB0-\u1BB9\u1C40-\u1C49\u1C50-\u1C59\uA620-\uA629\uA8D0-\uA8D9\uA900-\uA909\uA9D0-\uA9D9\uA9F0-\uA9F9\uAA50-\uAA59\uABF0-\uABF9\uFF10-\uFF19]";
|
|
1863
|
+
declare const DECIMAL_NUMBER_UNICODE_REGEX: RegExp;
|
|
1864
|
+
declare const DECIMAL_NUMBER_UNICODE_GROUP_REGEX: RegExp;
|
|
1865
|
+
|
|
1866
|
+
type Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N ? Acc[number] : Enumerate<N, [...Acc, Acc['length']]>;
|
|
1867
|
+
type IntRange<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;
|
|
1868
|
+
type ColorAccent = IntRange<1, 11>;
|
|
1869
|
+
|
|
1870
|
+
type Hash<valueType> = {
|
|
1871
|
+
[key in string | number]: valueType;
|
|
1872
|
+
};
|
|
1873
|
+
|
|
1874
|
+
type NestedKeyOf<ObjectType extends object> = {
|
|
1875
|
+
[Key in keyof ObjectType & (string | number)]: ObjectType[Key] extends object ? `${Key}` | `${Key}.${NestedKeyOf<ObjectType[Key]>}` : `${Key}`;
|
|
1876
|
+
}[keyof ObjectType & (string | number)];
|
|
1877
|
+
type ObjectPathType<T, K extends keyof T | string> = K extends keyof T ? T[K] : K extends `${infer First}.${infer Rest}` ? First extends keyof T ? ObjectPathType<T[First], Rest> : never : never;
|
|
1878
|
+
|
|
1879
|
+
type Size = 'xs' | 's' | 'm' | 'l' | 'xl';
|
|
1880
|
+
|
|
1881
|
+
/**
|
|
1882
|
+
* Method decorator to apply css class to a component through native element
|
|
1883
|
+
* decorator will store original method in variable and wrap it with custom one
|
|
1884
|
+
* component has to implement CssClassBuilder interface
|
|
1885
|
+
* more info abour method decorator: https://www.typescriptlang.org/docs/handbook/decorators.html#method-decorators
|
|
1886
|
+
* @param target a component
|
|
1887
|
+
* @param propertyKey name of the method
|
|
1888
|
+
* @param descriptor method
|
|
1889
|
+
*/
|
|
1890
|
+
declare function applyCssClass(target: any, propertyKey: string, descriptor: PropertyDescriptor): void;
|
|
1891
|
+
|
|
1892
|
+
/**
|
|
1893
|
+
* Method decorator to apply css styles to a component through native element
|
|
1894
|
+
* decorator will store original method in variable and wrap it with custom one
|
|
1895
|
+
* component has to implement HasElementRef or CssStyleBuilder interface
|
|
1896
|
+
* more info abour method decorator: https://www.typescriptlang.org/docs/handbook/decorators.html#method-decorators
|
|
1897
|
+
* @param target a component
|
|
1898
|
+
* @param propertyKey name of the method
|
|
1899
|
+
* @param descriptor method
|
|
1900
|
+
*/
|
|
1901
|
+
declare function applyCssStyle(target: any, propertyKey: string, descriptor: PropertyDescriptor): void;
|
|
1902
|
+
|
|
1903
|
+
/**
|
|
1904
|
+
* Decorator for coercing passed value to boolean, using @angular/cdk coerceBooleanProperty
|
|
1905
|
+
*/
|
|
1906
|
+
declare const coerceBoolean: PropertyDecorator;
|
|
1907
|
+
|
|
1908
|
+
declare const coerceCssPixel: PropertyDecorator;
|
|
1909
|
+
|
|
1910
|
+
/**
|
|
1911
|
+
* Function, which generates decorator. Passed mutator will be called during value set
|
|
1912
|
+
*/
|
|
1913
|
+
declare function alternateSetter(mutator: (value: any, self: Record<string | symbol, any>) => any): PropertyDecorator;
|
|
1914
|
+
|
|
1915
|
+
interface DeprecatedSelectorModel {
|
|
1916
|
+
deprecated: string;
|
|
1917
|
+
current: string;
|
|
1918
|
+
}
|
|
1919
|
+
/** @hidden */
|
|
1920
|
+
declare function getDeprecatedModel(current: string, deprecated: string): DeprecatedSelectorModel;
|
|
1921
|
+
/** @hidden */
|
|
1922
|
+
declare function deprecatedModelProvider(current: string, deprecated: string): ValueProvider;
|
|
1923
|
+
declare const FD_DEPRECATED_DIRECTIVE_SELECTOR: InjectionToken<DeprecatedSelectorModel>;
|
|
1924
|
+
declare abstract class DeprecatedSelector {
|
|
1925
|
+
/** @hidden */
|
|
1926
|
+
protected _selectors: DeprecatedSelectorModel | null;
|
|
1927
|
+
/** @hidden */
|
|
1928
|
+
constructor();
|
|
1929
|
+
/** @hidden */
|
|
1930
|
+
protected _messageGenerator(deprecated: string, current: string): string;
|
|
1931
|
+
}
|
|
1932
|
+
|
|
1933
|
+
/** Directive to apply Angular Material FocusKeyManager to lists.
|
|
1934
|
+
* To be used with FocusKeyManagerItemDirective
|
|
1935
|
+
*/
|
|
1936
|
+
declare class FocusKeyManagerListDirective<TItem extends FocusableOption = Record<any, any> & FocusableOption> implements OnChanges, AfterContentInit, OnDestroy {
|
|
1937
|
+
private readonly _rtlService;
|
|
1938
|
+
private readonly _cdr;
|
|
1939
|
+
/** Orientation for the FocusKeyManager */
|
|
1940
|
+
orientation: 'horizontal' | 'vertical';
|
|
1941
|
+
/** Skip predicate for the FocusKeyManager */
|
|
1942
|
+
skipPredicate: (item: TItem) => boolean;
|
|
1943
|
+
/** @hidden */
|
|
1944
|
+
readonly _items: QueryList<TItem>;
|
|
1945
|
+
/** @hidden */
|
|
1946
|
+
get focusKeyManager(): FocusKeyManager<TItem>;
|
|
1947
|
+
/** @hidden */
|
|
1948
|
+
private _focusKeyManager;
|
|
1949
|
+
/** @hidden */
|
|
1950
|
+
private readonly _onDestroy$;
|
|
1951
|
+
/** @hidden */
|
|
1952
|
+
constructor(_rtlService: RtlService, _cdr: ChangeDetectorRef);
|
|
1953
|
+
/** @hidden */
|
|
1954
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
1955
|
+
/** @hidden */
|
|
1956
|
+
ngAfterContentInit(): void;
|
|
1957
|
+
/** @hidden */
|
|
1958
|
+
ngOnDestroy(): void;
|
|
1959
|
+
/** Focus certain list's item */
|
|
1960
|
+
focusItem(item: number | TItem): any;
|
|
1961
|
+
/** @hidden */
|
|
1962
|
+
private _applyOrientation;
|
|
1963
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FocusKeyManagerListDirective<any>, [{ optional: true; }, null]>;
|
|
1964
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FocusKeyManagerListDirective<any>, "[fdkFocusKeyManagerList]", never, { "orientation": { "alias": "orientation"; "required": false; }; "skipPredicate": { "alias": "skipPredicate"; "required": false; }; }, {}, ["_items"], never, true, never>;
|
|
1965
|
+
}
|
|
1966
|
+
|
|
1967
|
+
/** Directive to apply Angular Material FocusKeyManager to lists.
|
|
1968
|
+
* To be used with FocusKeyManagerItemDirective
|
|
1969
|
+
*/
|
|
1970
|
+
declare class FocusKeyManagerItemDirective implements FocusableOption {
|
|
1971
|
+
private readonly _list;
|
|
1972
|
+
private readonly _elRef;
|
|
1973
|
+
/** Whether item should be initially focused */
|
|
1974
|
+
initialFocus: boolean;
|
|
1975
|
+
/** @hidden */
|
|
1976
|
+
get _tabindex(): number;
|
|
1977
|
+
/** Native element of the item */
|
|
1978
|
+
get nativeElement(): any;
|
|
1979
|
+
/** @hidden */
|
|
1980
|
+
private get _focusKeyManager();
|
|
1981
|
+
/** @hidden */
|
|
1982
|
+
constructor(_list: FocusKeyManagerListDirective, _elRef: ElementRef);
|
|
1983
|
+
/** @hidden */
|
|
1984
|
+
_onFocus(): void;
|
|
1985
|
+
/** @hidden */
|
|
1986
|
+
_onKeydown(event: KeyboardEvent): void;
|
|
1987
|
+
/** Focus current item native element */
|
|
1988
|
+
focus(): void;
|
|
1989
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FocusKeyManagerItemDirective, never>;
|
|
1990
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<FocusKeyManagerItemDirective, "[fdkFocusKeyManagerItem]", never, { "initialFocus": { "alias": "initialFocus"; "required": false; }; "_tabindex": { "alias": "_tabindex"; "required": false; }; }, {}, never, never, true, never>;
|
|
1991
|
+
static ngAcceptInputType_initialFocus: unknown;
|
|
1992
|
+
}
|
|
1993
|
+
|
|
1994
|
+
declare class FocusKeyManagerHelpersModule {
|
|
1995
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FocusKeyManagerHelpersModule, never>;
|
|
1996
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<FocusKeyManagerHelpersModule, never, [typeof FocusKeyManagerItemDirective, typeof FocusKeyManagerListDirective], [typeof FocusKeyManagerItemDirective, typeof FocusKeyManagerListDirective]>;
|
|
1997
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<FocusKeyManagerHelpersModule>;
|
|
1998
|
+
}
|
|
1999
|
+
|
|
2000
|
+
declare const FOCUSABLE_ITEM: InjectionToken<FocusableOption>;
|
|
2001
|
+
|
|
2002
|
+
declare const FDK_FOCUSABLE_GRID_DIRECTIVE: InjectionToken<unknown>;
|
|
2003
|
+
|
|
2004
|
+
/**
|
|
2005
|
+
* Directive will stop propagation and prevent default of click, if selected area is coming from
|
|
2006
|
+
* directive's host element. This gives ability to not cancel all clicks on element, just the ones
|
|
2007
|
+
* which include selection
|
|
2008
|
+
*/
|
|
2009
|
+
declare class IgnoreClickOnSelectionDirective {
|
|
2010
|
+
private document;
|
|
2011
|
+
private _elementRef;
|
|
2012
|
+
/** @hidden */
|
|
2013
|
+
constructor(document: Document, _elementRef: ElementRef<HTMLElement>);
|
|
2014
|
+
/** Host click listener. Checks for selection existence and if finds one, checks anchor */
|
|
2015
|
+
clicked($event: MouseEvent): void;
|
|
2016
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<IgnoreClickOnSelectionDirective, never>;
|
|
2017
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<IgnoreClickOnSelectionDirective, "[fdkIgnoreClickOnSelection]", never, {}, {}, never, never, true, never>;
|
|
2018
|
+
}
|
|
2019
|
+
|
|
2020
|
+
declare class IgnoreClickOnSelectionModule {
|
|
2021
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<IgnoreClickOnSelectionModule, never>;
|
|
2022
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<IgnoreClickOnSelectionModule, never, [typeof IgnoreClickOnSelectionDirective], [typeof IgnoreClickOnSelectionDirective]>;
|
|
2023
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<IgnoreClickOnSelectionModule>;
|
|
2024
|
+
}
|
|
2025
|
+
|
|
2026
|
+
declare const IgnoreClickOnSelectionDirectiveToken: InjectionToken<unknown>;
|
|
2027
|
+
|
|
2028
|
+
type ContentDensity = 'cozy' | 'condensed' | 'compact';
|
|
2029
|
+
|
|
2030
|
+
interface CssClassBuilder extends HasElementRef {
|
|
2031
|
+
/**
|
|
2032
|
+
* The class for the component
|
|
2033
|
+
**/
|
|
2034
|
+
class: Nullable<string> | InputSignal<string | undefined>;
|
|
2035
|
+
/**
|
|
2036
|
+
* Method to build component css class
|
|
2037
|
+
*/
|
|
2038
|
+
buildComponentCssClass(): string[];
|
|
2039
|
+
}
|
|
2040
|
+
|
|
2041
|
+
interface CssStyleBuilder extends HasElementRef {
|
|
2042
|
+
buildComponentCssStyle(): Hash<number | string>;
|
|
2043
|
+
}
|
|
2044
|
+
|
|
2045
|
+
interface KeyboardSupportItemInterface extends FocusableOption {
|
|
2046
|
+
keyDown: EventEmitter<KeyboardEvent>;
|
|
2047
|
+
click(): void;
|
|
2048
|
+
}
|
|
2049
|
+
|
|
2050
|
+
interface ModuleDeprecation {
|
|
2051
|
+
alternative: {
|
|
2052
|
+
name: string;
|
|
2053
|
+
link: string | string[];
|
|
2054
|
+
fragment?: string;
|
|
2055
|
+
};
|
|
2056
|
+
message: string;
|
|
2057
|
+
}
|
|
2058
|
+
|
|
2059
|
+
type RequireAtLeastOne<T, Keys extends keyof T = keyof T> = Pick<T, Exclude<keyof T, Keys>> & {
|
|
2060
|
+
[K in Keys]-?: Required<Pick<T, K>> & Partial<Pick<T, Exclude<Keys, K>>>;
|
|
2061
|
+
}[Keys];
|
|
2062
|
+
type RequireOnlyOne<T, Keys extends keyof T = keyof T> = Pick<T, Exclude<keyof T, Keys>> & {
|
|
2063
|
+
[K in Keys]-?: Required<Pick<T, K>> & Partial<Record<Exclude<Keys, K>, undefined>>;
|
|
2064
|
+
}[Keys];
|
|
2065
|
+
|
|
2066
|
+
declare class ResizeObserverDirective implements HasElementRef {
|
|
2067
|
+
/**
|
|
2068
|
+
* When the element is resized, emits an array of ResizeObserverEntry objects.
|
|
2069
|
+
**/
|
|
2070
|
+
resized: Observable<ResizeObserverEntry[]>;
|
|
2071
|
+
/**
|
|
2072
|
+
* The reference to the Resize target element.
|
|
2073
|
+
**/
|
|
2074
|
+
elementRef: ElementRef<HTMLElement>;
|
|
2075
|
+
/** @hidden */
|
|
2076
|
+
private _resizeObserverService;
|
|
2077
|
+
/** @hidden */
|
|
2078
|
+
constructor();
|
|
2079
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ResizeObserverDirective, never>;
|
|
2080
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ResizeObserverDirective, "[fdkResizeObserver]", ["fdkResizeObserver"], {}, { "resized": "resized"; }, never, never, true, never>;
|
|
2081
|
+
}
|
|
2082
|
+
|
|
2083
|
+
declare const FDK_SELECTABLE_ITEM_PROVIDER: InjectionToken<unknown>;
|
|
2084
|
+
|
|
2085
|
+
declare const DND_ITEM: InjectionToken<unknown>;
|
|
2086
|
+
declare const DND_LIST: InjectionToken<unknown>;
|
|
2087
|
+
|
|
2088
|
+
interface DynamicComponentConfig {
|
|
2089
|
+
/** Data to pass along to the content through the dynamic component reference service. */
|
|
2090
|
+
data?: any;
|
|
2091
|
+
/** The container that the dynamic component is appended to. By default, it is appended to the body. */
|
|
2092
|
+
container?: HTMLElement | 'body';
|
|
2093
|
+
containerRef?: ViewContainerRef;
|
|
2094
|
+
}
|
|
2095
|
+
|
|
2096
|
+
declare abstract class DynamicComponentContainer<T = TemplateRef<any> | Type<any>> {
|
|
2097
|
+
elementRef: ElementRef;
|
|
2098
|
+
protected _injector: Injector;
|
|
2099
|
+
/** @hidden */
|
|
2100
|
+
abstract portalOutlet: CdkPortalOutlet;
|
|
2101
|
+
/** @hidden Load received content */
|
|
2102
|
+
protected abstract _loadContent(): void;
|
|
2103
|
+
/** @hidden */
|
|
2104
|
+
childContent: Nullable<T>;
|
|
2105
|
+
/** @hidden */
|
|
2106
|
+
protected _componentRef: ComponentRef<any> | EmbeddedViewRef<any>;
|
|
2107
|
+
/** @hidden */
|
|
2108
|
+
protected _contentLoaded$: BehaviorSubject<boolean>;
|
|
2109
|
+
/** @hidden */
|
|
2110
|
+
protected constructor(elementRef: ElementRef, _injector: Injector);
|
|
2111
|
+
/** @hidden Load received content as component */
|
|
2112
|
+
protected _createFromComponent(content: Type<any>): void;
|
|
2113
|
+
/** @hidden Load received content as embedded view */
|
|
2114
|
+
protected _createFromTemplate(content: TemplateRef<any>, context: any): void;
|
|
2115
|
+
}
|
|
2116
|
+
|
|
2117
|
+
declare class DynamicComponentInjector implements Injector {
|
|
2118
|
+
private _parentInjector;
|
|
2119
|
+
private _additionalTokens;
|
|
2120
|
+
/** @hidden */
|
|
2121
|
+
constructor(_parentInjector: Injector, _additionalTokens: WeakMap<any, any>);
|
|
2122
|
+
/**
|
|
2123
|
+
*
|
|
2124
|
+
* @param token
|
|
2125
|
+
* @param notFoundValue
|
|
2126
|
+
*/
|
|
2127
|
+
get(token: any, notFoundValue?: any): void;
|
|
2128
|
+
}
|
|
2129
|
+
|
|
2130
|
+
/**
|
|
2131
|
+
* Service used to dynamically generate components like dialogs/alerts/notifications
|
|
2132
|
+
*/
|
|
2133
|
+
declare class DynamicComponentService {
|
|
2134
|
+
private readonly _componentFactoryResolver;
|
|
2135
|
+
private readonly _applicationRef;
|
|
2136
|
+
private readonly _injector;
|
|
2137
|
+
private readonly _compiler;
|
|
2138
|
+
/** @hidden */
|
|
2139
|
+
constructor(_componentFactoryResolver: ComponentFactoryResolver, _applicationRef: ApplicationRef, _injector: Injector, _compiler: Compiler);
|
|
2140
|
+
/**
|
|
2141
|
+
* Function that creates dynamic component and injects services to allow communication between component and outside
|
|
2142
|
+
* @param content Type of the component content
|
|
2143
|
+
* @param componentType Type of component that should be rendered.
|
|
2144
|
+
* @param config Configuration that will be passed to the component.
|
|
2145
|
+
* @param inject enables to provide preconfigured component injector and dependencies
|
|
2146
|
+
*/
|
|
2147
|
+
createDynamicComponent<T>(content: TemplateRef<any> | Type<any> | string | Record<string, any>, componentType: Type<T>, config: DynamicComponentConfig, inject?: {
|
|
2148
|
+
injector?: Injector;
|
|
2149
|
+
services?: any[];
|
|
2150
|
+
}): ComponentRef<T>;
|
|
2151
|
+
/**
|
|
2152
|
+
* Function that creates dynamic component and injects services to allow communication between component and outside
|
|
2153
|
+
* @param content Type of the component content
|
|
2154
|
+
* @param moduleType Type of module that should be compiled.
|
|
2155
|
+
* @param componentType Type of component that should be rendered.
|
|
2156
|
+
* @param containerRef The container that the dynamic component is appended to.
|
|
2157
|
+
* @param injector enables to provide preconfigured component injector
|
|
2158
|
+
*/
|
|
2159
|
+
createDynamicModule<M, C>(content: TemplateRef<any> | Type<any> | string | Record<string, any>, moduleType: Type<M> | NgModuleFactory<M>, componentType: Type<C>, containerRef: ViewContainerRef, injector?: Injector): Promise<ComponentRef<C>>;
|
|
2160
|
+
/** Function that destroys dynamic component */
|
|
2161
|
+
destroyComponent(componentRef: ComponentRef<any>): void;
|
|
2162
|
+
/** @hidden */
|
|
2163
|
+
private _createDependencyMap;
|
|
2164
|
+
/** @hidden */
|
|
2165
|
+
private _attachToContainer;
|
|
2166
|
+
/** @hidden */
|
|
2167
|
+
private _createComponent;
|
|
2168
|
+
/** @hidden */
|
|
2169
|
+
private _passExternalContent;
|
|
2170
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DynamicComponentService, never>;
|
|
2171
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<DynamicComponentService>;
|
|
2172
|
+
}
|
|
2173
|
+
|
|
2174
|
+
/**
|
|
2175
|
+
* Creates provider for ConsumerClass
|
|
2176
|
+
*/
|
|
2177
|
+
declare function consumerProviderFactory<T = any>(ConsumerClass: new (injector: Injector, additionalConfig: Record<any, any> | undefined) => T, providedConfiguration?: Record<any, any>): Provider;
|
|
2178
|
+
|
|
2179
|
+
declare const pxToNum: (pixels: string) => number;
|
|
2180
|
+
declare const toNativeElement: (element: HTMLElement | ElementRef) => HTMLElement;
|
|
2181
|
+
/** Return elements capacity (width subtract by element padding)
|
|
2182
|
+
* @param element - HTMLelement or element reference
|
|
2183
|
+
* */
|
|
2184
|
+
declare function getElementCapacity(element: HTMLElement | ElementRef): number;
|
|
2185
|
+
/** Return elements width
|
|
2186
|
+
* @param element - HTMLelement or element reference
|
|
2187
|
+
* @param withMargin - weather to add element margins to width
|
|
2188
|
+
* */
|
|
2189
|
+
declare function getElementWidth(element: HTMLElement | ElementRef, withMargin?: boolean): number;
|
|
2190
|
+
|
|
2191
|
+
/** Get document font size in pixels. */
|
|
2192
|
+
declare function getDocumentFontSize(): number;
|
|
2193
|
+
|
|
2194
|
+
/**
|
|
2195
|
+
* RxJS wrapper for IntersectionObserver class.
|
|
2196
|
+
* @param target HTML element to spy on.
|
|
2197
|
+
* @param options @see {IntersectionObserverInit}
|
|
2198
|
+
* @returns {Observable} with observer entries.
|
|
2199
|
+
*/
|
|
2200
|
+
declare function intersectionObservable(target: Element, options?: IntersectionObserverInit): Observable<IntersectionObserverEntry[]>;
|
|
2201
|
+
|
|
2202
|
+
/** Determines whether provided value is valid content density */
|
|
2203
|
+
declare function isValidContentDensity(size: any): size is ContentDensity;
|
|
2204
|
+
/**
|
|
2205
|
+
* Determines if "compact" styles should be applied based on provided content density
|
|
2206
|
+
*/
|
|
2207
|
+
declare function isCompactDensity(size: ContentDensity): boolean;
|
|
2208
|
+
|
|
2209
|
+
/**
|
|
2210
|
+
* Function checks whether the passed number is odd.
|
|
2211
|
+
* @param number number to check.
|
|
2212
|
+
* @returns Boolean whether the number is odd.
|
|
2213
|
+
*/
|
|
2214
|
+
declare function isOdd(number: number): boolean;
|
|
2215
|
+
|
|
2216
|
+
declare class KeyUtil {
|
|
2217
|
+
/**
|
|
2218
|
+
* Function used to unify key identification across different browsers using KeyCodes
|
|
2219
|
+
*
|
|
2220
|
+
* @param event - KeyboardEvent
|
|
2221
|
+
* @param keyCode - event.key name matching W3C specification / (ASSCI char. codes)
|
|
2222
|
+
* */
|
|
2223
|
+
static isKeyCode(event: KeyboardEvent, keyCode: number | number[]): boolean;
|
|
2224
|
+
/**
|
|
2225
|
+
* Function used to unify key identification across different browsers
|
|
2226
|
+
*
|
|
2227
|
+
* @param event - KeyboardEvent
|
|
2228
|
+
* @param keyType - Type of key
|
|
2229
|
+
* */
|
|
2230
|
+
static isKeyType(event: KeyboardEvent, keyType: 'alphabetical' | 'numeric' | 'control' | 'ime'): boolean;
|
|
2231
|
+
}
|
|
2232
|
+
|
|
2233
|
+
/** Module deprecations provider */
|
|
2234
|
+
declare function moduleDeprecationsProvider(classRef: any): Provider;
|
|
2235
|
+
/** Module deprecations provider factory */
|
|
2236
|
+
declare function moduleDeprecationsFactory(factory: FactorySansProvider): Provider;
|
|
2237
|
+
|
|
2238
|
+
/** Parse file size to bytes */
|
|
2239
|
+
declare function parserFileSize(fileSize: string): number;
|
|
2240
|
+
|
|
2241
|
+
/** Get random number from 1 to 10. */
|
|
2242
|
+
declare function getRandomColorAccent(): ColorAccent;
|
|
2243
|
+
|
|
2244
|
+
/**
|
|
2245
|
+
* RxJS wrapper for ResizeObserver class.
|
|
2246
|
+
* @param target HTML element to spy on.
|
|
2247
|
+
* @param options @see {ResizeObserverOptions}
|
|
2248
|
+
* @returns {Observable} with observer entries.
|
|
2249
|
+
*/
|
|
2250
|
+
declare function resizeObservable(target: Element, options?: ResizeObserverOptions): Observable<ResizeObserverEntry[]>;
|
|
2251
|
+
|
|
2252
|
+
/**
|
|
2253
|
+
* Function used to scroll specified element by some distance
|
|
2254
|
+
*
|
|
2255
|
+
* @param containerElement - Container element scrolled
|
|
2256
|
+
* @param distanceToScroll - Distance of scroll in px
|
|
2257
|
+
* */
|
|
2258
|
+
declare function scrollTop(containerElement: Element, distanceToScroll: number): void;
|
|
2259
|
+
|
|
2260
|
+
/** Generate a UUID v4 */
|
|
2261
|
+
declare function uuidv4(): string;
|
|
2262
|
+
|
|
2263
|
+
/**
|
|
2264
|
+
* Creates an observable that emits when the component is destroyed.
|
|
2265
|
+
* @param destroyRef
|
|
2266
|
+
*/
|
|
2267
|
+
declare const destroyObservable: (destroyRef?: DestroyRef) => Observable<void>;
|
|
2268
|
+
|
|
2269
|
+
/** @hidden */
|
|
2270
|
+
interface DfsOptions<T> {
|
|
2271
|
+
children: string | ((item: T) => Array<T>);
|
|
2272
|
+
shouldVisit: (item: T) => boolean;
|
|
2273
|
+
postOrder: boolean;
|
|
2274
|
+
}
|
|
2275
|
+
/**
|
|
2276
|
+
* Depth-first search algorithm, which traverses a tree/graph/tree-like structure.
|
|
2277
|
+
* callback is called for each item in the collection. The order of the callback calls
|
|
2278
|
+
* depends on the options. By default, the algorithm is post-order, which means that
|
|
2279
|
+
* the callback is called for each item after its children have been visited.
|
|
2280
|
+
*
|
|
2281
|
+
* @param collection
|
|
2282
|
+
* @param callback
|
|
2283
|
+
* @param options
|
|
2284
|
+
*/
|
|
2285
|
+
declare function dfs<T>(collection: Array<T>, callback: (item: T) => void, options?: Partial<DfsOptions<T>>): void;
|
|
2286
|
+
|
|
2287
|
+
/**
|
|
2288
|
+
* Retrieves native element from ElementRef.
|
|
2289
|
+
*/
|
|
2290
|
+
declare function getNativeElement<T extends Element = HTMLElement>(element: {
|
|
2291
|
+
elementRef: ElementRef<T>;
|
|
2292
|
+
} | T | ElementRef<T>): T;
|
|
2293
|
+
/**
|
|
2294
|
+
* Checks whether object has element reference in it.
|
|
2295
|
+
*/
|
|
2296
|
+
declare function hasElementRef<T extends Element = HTMLElement>(something: any): something is {
|
|
2297
|
+
elementRef: ElementRef<T>;
|
|
2298
|
+
};
|
|
2299
|
+
|
|
2300
|
+
/**
|
|
2301
|
+
* Utility type, that allows to track and select ranges of elements while using multi-selection.
|
|
2302
|
+
*
|
|
2303
|
+
* @usage
|
|
2304
|
+
* Imagine we have a simple list of checkboxes:
|
|
2305
|
+
* ```html
|
|
2306
|
+
* <input
|
|
2307
|
+
* #checkboxInput
|
|
2308
|
+
* *ngFor="let o of options; let idx = index"
|
|
2309
|
+
* type="checkbox"
|
|
2310
|
+
* [checked]="selectionModel.checked(o)"
|
|
2311
|
+
* (click)="toggle(idx, $event)"
|
|
2312
|
+
* >
|
|
2313
|
+
* ```
|
|
2314
|
+
* With the given layout the logic should be as follows:
|
|
2315
|
+
* ```typescript
|
|
2316
|
+
* export class YourComponent {
|
|
2317
|
+
* options = ['a', 'b', 'c'];
|
|
2318
|
+
* readonly selectionModel = new SelectionModel(true);
|
|
2319
|
+
*
|
|
2320
|
+
* private readonly _rangeSelector = new RangeSelector();
|
|
2321
|
+
*
|
|
2322
|
+
*
|
|
2323
|
+
* toggle(idx: number, event: PointerEvent): void {
|
|
2324
|
+
* // getting the toggled value of the checkbox
|
|
2325
|
+
* const toggledSelection = event.target.value;
|
|
2326
|
+
*
|
|
2327
|
+
* // registering the selection of current checkbox
|
|
2328
|
+
* this._rangeSelector.onRangeElementToggled(idx, event);
|
|
2329
|
+
*
|
|
2330
|
+
* // Apply value to each element in range.
|
|
2331
|
+
* // If checkbox was toggled without shift pressed or without previously selected one,
|
|
2332
|
+
* // this method will select only it.
|
|
2333
|
+
* this._rangeSelector.applyValueToEachInRange(idx => {
|
|
2334
|
+
* if (toggledSelection) {
|
|
2335
|
+
* this.selectionModel.select(options[idx]);
|
|
2336
|
+
* } else {
|
|
2337
|
+
* this.selectionModel.deselect(options[idx]);
|
|
2338
|
+
* }
|
|
2339
|
+
* });
|
|
2340
|
+
* }
|
|
2341
|
+
* }
|
|
2342
|
+
* ```
|
|
2343
|
+
*/
|
|
2344
|
+
declare class RangeSelector {
|
|
2345
|
+
/** @hidden */
|
|
2346
|
+
private _previousSelectedIndex;
|
|
2347
|
+
/** @hidden */
|
|
2348
|
+
private _state;
|
|
2349
|
+
/**
|
|
2350
|
+
* Last registered selection state (either multiple or single).
|
|
2351
|
+
* Is updated on each `onRangeElementClicked` invokation. Will be `null` initially or once `reset()` is called.
|
|
2352
|
+
*/
|
|
2353
|
+
get lastRangeSelectionState(): RangeSelectionState | null;
|
|
2354
|
+
/**
|
|
2355
|
+
* The method that should be used to register each checkbox toggle.
|
|
2356
|
+
* Accepts two arguments: `index` and `event`. If none provided, will reset existing state.
|
|
2357
|
+
* Otherwise will register current index as last checked.
|
|
2358
|
+
*
|
|
2359
|
+
* If toggling was done with "shift" pressed and there's a previously registered index, will register a range selection.
|
|
2360
|
+
* At the same time if checkbox was toggled without shift pressed or without previously selected one, this method will select only it.
|
|
2361
|
+
*
|
|
2362
|
+
* After calling this method it's recommended to use `applyValueToEachInRange` to actually toggle each checkbox in range.
|
|
2363
|
+
*
|
|
2364
|
+
* See usage example on this class itself.
|
|
2365
|
+
*/
|
|
2366
|
+
onRangeElementToggled(index?: number, event?: KeyboardEvent | MouseEvent | TouchEvent): RangeSelectionState | null;
|
|
2367
|
+
/**
|
|
2368
|
+
* Allows to apply selection to each item in selection range.
|
|
2369
|
+
* Accepts a function to apply selection to each item by registered index.
|
|
2370
|
+
*
|
|
2371
|
+
* See usage example on this class itself.
|
|
2372
|
+
*/
|
|
2373
|
+
applyValueToEachInRange(selectionMethod: (index: number) => void): void;
|
|
2374
|
+
/** Resets selection state. Useful when the list of selectable items is changed (e.g. by filtering, sorting, page change) */
|
|
2375
|
+
reset(): void;
|
|
2376
|
+
/** @hidden */
|
|
2377
|
+
private _isNonNegativeInteger;
|
|
2378
|
+
}
|
|
2379
|
+
interface RangeSelectionState {
|
|
2380
|
+
isRangeSelection: boolean;
|
|
2381
|
+
from: number;
|
|
2382
|
+
to: number;
|
|
2383
|
+
}
|
|
2384
|
+
|
|
2385
|
+
/** @hidden */
|
|
2386
|
+
declare function warnOnce(message: string): void;
|
|
2387
|
+
|
|
2388
|
+
declare const LIST_ITEM_COMPONENT: InjectionToken<string[]>;
|
|
2389
|
+
interface ListItemInterface {
|
|
2390
|
+
selected: boolean;
|
|
2391
|
+
link: boolean;
|
|
2392
|
+
focus(): void;
|
|
2393
|
+
}
|
|
2394
|
+
|
|
2395
|
+
type FdkAsyncProperty<T> = T | Observable<T> | Promise<T>;
|
|
2396
|
+
declare class AsyncOrSyncPipe implements OnDestroy, PipeTransform {
|
|
2397
|
+
/** @hidden */
|
|
2398
|
+
private _cdr;
|
|
2399
|
+
/** @hidden */
|
|
2400
|
+
private _asyncPipe;
|
|
2401
|
+
/** @hidden */
|
|
2402
|
+
constructor(ref: ChangeDetectorRef);
|
|
2403
|
+
/**
|
|
2404
|
+
* Transforms raw async-like value into static one.
|
|
2405
|
+
* @param value raw value. Can be either a static value, or Promise-like, or Observable-like.
|
|
2406
|
+
*/
|
|
2407
|
+
transform<T>(value: FdkAsyncProperty<T>): T | null;
|
|
2408
|
+
/** @Hidden */
|
|
2409
|
+
ngOnDestroy(): void;
|
|
2410
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AsyncOrSyncPipe, never>;
|
|
2411
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<AsyncOrSyncPipe, "fdkAsyncOrSync", true>;
|
|
2412
|
+
}
|
|
2413
|
+
|
|
2414
|
+
declare class DisplayFnPipe implements PipeTransform {
|
|
2415
|
+
/** Transform value with display function. */
|
|
2416
|
+
transform(value: any, displayFn: any, ...args: any): string;
|
|
2417
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DisplayFnPipe, never>;
|
|
2418
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<DisplayFnPipe, "displayFnPipe", true>;
|
|
2419
|
+
}
|
|
2420
|
+
|
|
2421
|
+
declare class FilterStringsPipe implements PipeTransform {
|
|
2422
|
+
/**
|
|
2423
|
+
* Performs filtering.
|
|
2424
|
+
* @param values Array of items.
|
|
2425
|
+
* @param params Search parameters.
|
|
2426
|
+
*/
|
|
2427
|
+
transform(values: any[] | undefined, params: {
|
|
2428
|
+
searchTerm: Nullable<string>;
|
|
2429
|
+
key: string;
|
|
2430
|
+
}): any[];
|
|
2431
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FilterStringsPipe, never>;
|
|
2432
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<FilterStringsPipe, "fdFilterStrings", true>;
|
|
2433
|
+
}
|
|
2434
|
+
|
|
2435
|
+
declare class IsCompactDensityPipe implements PipeTransform {
|
|
2436
|
+
/** Check if the content density is compact. */
|
|
2437
|
+
transform(size: ContentDensity): boolean;
|
|
2438
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<IsCompactDensityPipe, never>;
|
|
2439
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<IsCompactDensityPipe, "isCompactDensity", true>;
|
|
2440
|
+
}
|
|
2441
|
+
|
|
2442
|
+
declare class MakeAsyncPipe implements PipeTransform {
|
|
2443
|
+
/**
|
|
2444
|
+
* Transforms raw value into observable.
|
|
2445
|
+
* @param value raw value. Can be either a static value, or Promise-like, or Observable-like.
|
|
2446
|
+
*/
|
|
2447
|
+
transform<T>(value: T | Promise<T> | Observable<T>): Observable<T> | Promise<T>;
|
|
2448
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MakeAsyncPipe, never>;
|
|
2449
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<MakeAsyncPipe, "fdkMakeAsync", true>;
|
|
2450
|
+
}
|
|
2451
|
+
|
|
2452
|
+
declare class SearchHighlightPipe implements PipeTransform {
|
|
2453
|
+
/** Highlight search term in string. */
|
|
2454
|
+
transform(value: string, matches: string | Array<[number, number]>, active?: boolean, includeSpans?: boolean): string;
|
|
2455
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SearchHighlightPipe, never>;
|
|
2456
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<SearchHighlightPipe, "highlight", true>;
|
|
2457
|
+
}
|
|
2458
|
+
|
|
2459
|
+
declare class TwoDigitsPipe implements PipeTransform {
|
|
2460
|
+
/** Transform number to two digits. */
|
|
2461
|
+
transform(value: number, enable?: boolean): string;
|
|
2462
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TwoDigitsPipe, never>;
|
|
2463
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<TwoDigitsPipe, "twoDigits", true>;
|
|
2464
|
+
}
|
|
2465
|
+
|
|
2466
|
+
declare class SafePipe implements PipeTransform {
|
|
2467
|
+
protected sanitizer: DomSanitizer;
|
|
2468
|
+
/** @hidden */
|
|
2469
|
+
constructor(sanitizer: DomSanitizer);
|
|
2470
|
+
/** Sanitize HTML string. */
|
|
2471
|
+
transform(value: any, type: string): SafeHtml | SafeStyle | SafeScript | SafeUrl | SafeResourceUrl;
|
|
2472
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SafePipe, never>;
|
|
2473
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<SafePipe, "safe", true>;
|
|
2474
|
+
}
|
|
2475
|
+
|
|
2476
|
+
declare class ValueByPathPipe implements PipeTransform {
|
|
2477
|
+
/** Get value by path. */
|
|
2478
|
+
transform(value: any, key: string): any;
|
|
2479
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ValueByPathPipe, never>;
|
|
2480
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<ValueByPathPipe, "valueByPath", true>;
|
|
2481
|
+
}
|
|
2482
|
+
|
|
2483
|
+
declare class TruncatePipe implements PipeTransform {
|
|
2484
|
+
/** Truncate string to given length. */
|
|
2485
|
+
transform(value: string, limit?: number): string;
|
|
2486
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TruncatePipe, never>;
|
|
2487
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<TruncatePipe, "truncate", true>;
|
|
2488
|
+
}
|
|
2489
|
+
|
|
2490
|
+
declare class PipeModule {
|
|
2491
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PipeModule, never>;
|
|
2492
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<PipeModule, never, [typeof DisplayFnPipe, typeof SearchHighlightPipe, typeof TwoDigitsPipe, typeof SafePipe, typeof ValueByPathPipe, typeof IsCompactDensityPipe, typeof TruncatePipe, typeof FilterStringsPipe, typeof MakeAsyncPipe, typeof AsyncOrSyncPipe], [typeof DisplayFnPipe, typeof SearchHighlightPipe, typeof TwoDigitsPipe, typeof SafePipe, typeof ValueByPathPipe, typeof IsCompactDensityPipe, typeof TruncatePipe, typeof FilterStringsPipe, typeof MakeAsyncPipe, typeof AsyncOrSyncPipe]>;
|
|
2493
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<PipeModule>;
|
|
2494
|
+
}
|
|
2495
|
+
|
|
2496
|
+
declare const DEFAULT_CONTENT_DENSITY: ContentDensity;
|
|
2497
|
+
/**
|
|
2498
|
+
* Service taking care of ContentDensity
|
|
2499
|
+
*/
|
|
2500
|
+
declare class ContentDensityService {
|
|
2501
|
+
/** Content Density BehaviourSubject */
|
|
2502
|
+
readonly contentDensity: BehaviorSubject<ContentDensity>;
|
|
2503
|
+
/** @hidden */
|
|
2504
|
+
constructor();
|
|
2505
|
+
/** @hidden */
|
|
2506
|
+
get _contentDensityListener(): Observable<ContentDensity>;
|
|
2507
|
+
/** @hidden */
|
|
2508
|
+
get _isCompactDensity(): Observable<boolean>;
|
|
2509
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ContentDensityService, never>;
|
|
2510
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ContentDensityService>;
|
|
2511
|
+
}
|
|
2512
|
+
|
|
2513
|
+
/**
|
|
2514
|
+
* @deprecated Use Angular's built-in `DestroyRef` and `takeUntilDestroyed` instead.
|
|
2515
|
+
* Will be removed in next release
|
|
2516
|
+
*/
|
|
2517
|
+
declare class DestroyedService extends ReplaySubject<void> implements OnDestroy {
|
|
2518
|
+
/** @hidden */
|
|
2519
|
+
constructor();
|
|
2520
|
+
/** @hidden */
|
|
2521
|
+
ngOnDestroy(): void;
|
|
2522
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DestroyedService, never>;
|
|
2523
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<DestroyedService>;
|
|
2524
|
+
}
|
|
2525
|
+
|
|
2526
|
+
declare class FocusTrapService {
|
|
2527
|
+
/** @hidden */
|
|
2528
|
+
private _focusTrapInstances;
|
|
2529
|
+
/**
|
|
2530
|
+
* Creates focus trap instance for defined element
|
|
2531
|
+
* @param element Container for which to create focus trap
|
|
2532
|
+
* @param userOptions Focus-trap specific configuration
|
|
2533
|
+
* @returns {string} Unique ID of focus trap instance
|
|
2534
|
+
*/
|
|
2535
|
+
createFocusTrap(element: string | HTMLElement | SVGElement | (string | HTMLElement | SVGElement)[], userOptions?: Options): string;
|
|
2536
|
+
/**
|
|
2537
|
+
* Activates focus trap for defined ID
|
|
2538
|
+
* @param id Unique ID of focus trap instance
|
|
2539
|
+
*/
|
|
2540
|
+
activateFocusTrap(id: string): void;
|
|
2541
|
+
/**
|
|
2542
|
+
* Deactivates focus trap for defined ID
|
|
2543
|
+
* @param id Unique ID of focus trap instance
|
|
2544
|
+
*/
|
|
2545
|
+
deactivateFocusTrap(id: string): void;
|
|
2546
|
+
/**
|
|
2547
|
+
* Pauses current focus trap.
|
|
2548
|
+
*/
|
|
2549
|
+
pauseCurrentFocusTrap(): void;
|
|
2550
|
+
/**
|
|
2551
|
+
* Unpauses current focus trap.
|
|
2552
|
+
*/
|
|
2553
|
+
unpauseCurrentFocusTrap(): void;
|
|
2554
|
+
/**
|
|
2555
|
+
* Get focus trap instance by ID.
|
|
2556
|
+
* @param id ID of the instance.
|
|
2557
|
+
* @returns Focus trap instance if exists.
|
|
2558
|
+
*/
|
|
2559
|
+
getFocusTrapInstance(id: string): FocusTrap | undefined;
|
|
2560
|
+
/** @hidden */
|
|
2561
|
+
private _getLastTrapedItem;
|
|
2562
|
+
/** @hidden */
|
|
2563
|
+
private _focusTrapExists;
|
|
2564
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FocusTrapService, never>;
|
|
2565
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<FocusTrapService>;
|
|
2566
|
+
}
|
|
2567
|
+
|
|
2568
|
+
type FocusEscapeDirection = 'up' | 'down';
|
|
2569
|
+
declare class KeyboardSupportService<T> implements OnDestroy {
|
|
2570
|
+
/** Subject that is thrown, when focus escapes the list */
|
|
2571
|
+
focusEscapeList: Subject<FocusEscapeDirection>;
|
|
2572
|
+
/** @hidden */
|
|
2573
|
+
private readonly _destroyRef;
|
|
2574
|
+
/** An RxJS Subject that will kill the data stream upon queryList changes (for unsubscribing) */
|
|
2575
|
+
private readonly _onRefresh$;
|
|
2576
|
+
/** @hidden */
|
|
2577
|
+
private _keyManager;
|
|
2578
|
+
/** @hidden */
|
|
2579
|
+
get keyManager(): FocusKeyManager<T>;
|
|
2580
|
+
/** @hidden
|
|
2581
|
+
* allow tab key navigation. default is true.
|
|
2582
|
+
*/
|
|
2583
|
+
private _tabKeyNavigation;
|
|
2584
|
+
/** @hidden */
|
|
2585
|
+
setKeyboardService(queryList: QueryList<KeyboardSupportItemInterface & T>, wrap?: boolean, tabKeyNavigation?: boolean): void;
|
|
2586
|
+
/** @hidden */
|
|
2587
|
+
onKeyDown(event: KeyboardEvent): void;
|
|
2588
|
+
/** Destroys KeyboardSupportService dependencies */
|
|
2589
|
+
ngOnDestroy(): void;
|
|
2590
|
+
/** @hidden */
|
|
2591
|
+
private _refreshEscapeLogic;
|
|
2592
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeyboardSupportService<any>, never>;
|
|
2593
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<KeyboardSupportService<any>>;
|
|
2594
|
+
}
|
|
2595
|
+
|
|
2596
|
+
declare class LocalStorageService {
|
|
2597
|
+
/** @hidden */
|
|
2598
|
+
private _storage;
|
|
2599
|
+
/** @hidden */
|
|
2600
|
+
constructor();
|
|
2601
|
+
/** Get item from local storage. */
|
|
2602
|
+
get(key: string): any;
|
|
2603
|
+
/** Set item in local storage. */
|
|
2604
|
+
set(key: string, value: any): void;
|
|
2605
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LocalStorageService, never>;
|
|
2606
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<LocalStorageService>;
|
|
2607
|
+
}
|
|
2608
|
+
|
|
2609
|
+
declare class ResizeObserverFactory {
|
|
2610
|
+
/** Factory to create ResizeObserver if it's present in browser. */
|
|
2611
|
+
create(callback: ResizeObserverCallback): ResizeObserver | null;
|
|
2612
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ResizeObserverFactory, never>;
|
|
2613
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ResizeObserverFactory>;
|
|
2614
|
+
}
|
|
2615
|
+
declare class ResizeObserverService implements OnDestroy {
|
|
2616
|
+
private _resizeObserverFactory;
|
|
2617
|
+
/** @hidden */
|
|
2618
|
+
private _observedElements;
|
|
2619
|
+
/** @hidden */
|
|
2620
|
+
constructor(_resizeObserverFactory: ResizeObserverFactory);
|
|
2621
|
+
/** @hidden */
|
|
2622
|
+
ngOnDestroy(): void;
|
|
2623
|
+
/** Observe the given element and emit whenever its size changes. */
|
|
2624
|
+
observe(elementOrRef: Element | ElementRef<Element>): Observable<ResizeObserverEntry[]>;
|
|
2625
|
+
/**
|
|
2626
|
+
* Observes the given element by using the existing MutationObserver if available, or creating a
|
|
2627
|
+
* new one if not.
|
|
2628
|
+
*/
|
|
2629
|
+
private _observeElement;
|
|
2630
|
+
/**
|
|
2631
|
+
* Un-observes the given element and cleans up the underlying MutationObserver if nobody else is
|
|
2632
|
+
* observing this element.
|
|
2633
|
+
*/
|
|
2634
|
+
private _unobserveElement;
|
|
2635
|
+
/** Clean up the underlying MutationObserver for the specified element. */
|
|
2636
|
+
private _cleanupObserver;
|
|
2637
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ResizeObserverService, never>;
|
|
2638
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ResizeObserverService>;
|
|
2639
|
+
}
|
|
2640
|
+
|
|
2641
|
+
/**
|
|
2642
|
+
* Animations used by the Toast components.
|
|
2643
|
+
*/
|
|
2644
|
+
declare const baseToastAnimations: {
|
|
2645
|
+
readonly toastState: AnimationTriggerMetadata;
|
|
2646
|
+
};
|
|
2647
|
+
|
|
2648
|
+
interface ToastGlobalPosition {
|
|
2649
|
+
left?: string;
|
|
2650
|
+
right?: string;
|
|
2651
|
+
bottom?: string;
|
|
2652
|
+
top?: string;
|
|
2653
|
+
center: boolean;
|
|
2654
|
+
centerVertically?: boolean;
|
|
2655
|
+
}
|
|
2656
|
+
interface ToastGlobalConnectedPosition extends ConnectedPosition {
|
|
2657
|
+
boundTo: HTMLElement;
|
|
2658
|
+
}
|
|
2659
|
+
declare const toastConnectedTopPosition: ConnectedPosition;
|
|
2660
|
+
declare const toastConnectedTopLeftPosition: ConnectedPosition;
|
|
2661
|
+
declare const toastConnectedTopRightPosition: ConnectedPosition;
|
|
2662
|
+
declare const toastConnectedBottomPosition: ConnectedPosition;
|
|
2663
|
+
declare const toastConnectedBottomLeftPosition: ConnectedPosition;
|
|
2664
|
+
declare const toastConnectedBottomRightPosition: ConnectedPosition;
|
|
2665
|
+
/**
|
|
2666
|
+
* Base Toast Position class.
|
|
2667
|
+
*/
|
|
2668
|
+
declare abstract class BaseToastPosition {
|
|
2669
|
+
/**
|
|
2670
|
+
* Position strategy of the first item.
|
|
2671
|
+
*/
|
|
2672
|
+
global: ToastGlobalPosition | ToastGlobalConnectedPosition;
|
|
2673
|
+
/**
|
|
2674
|
+
* Position strategy of the newly added items.
|
|
2675
|
+
*/
|
|
2676
|
+
connected: ConnectedPosition;
|
|
2677
|
+
/**
|
|
2678
|
+
* Scroll strategy. Used when global position is bound to some HTML element on the page.
|
|
2679
|
+
*/
|
|
2680
|
+
scrollPosition?: ScrollStrategy;
|
|
2681
|
+
}
|
|
2682
|
+
/**
|
|
2683
|
+
* Toast Position class.
|
|
2684
|
+
* The first item will pop from the top-center of the screen.
|
|
2685
|
+
* New items will stack after the first item.
|
|
2686
|
+
*/
|
|
2687
|
+
declare class ToastTopCenterPosition extends BaseToastPosition {
|
|
2688
|
+
/** @hidden */
|
|
2689
|
+
static global: ToastGlobalPosition;
|
|
2690
|
+
/** @hidden */
|
|
2691
|
+
static connected: ConnectedPosition;
|
|
2692
|
+
}
|
|
2693
|
+
/**
|
|
2694
|
+
* Toast Position class.
|
|
2695
|
+
* The first item will pop from the bottom-center of the screen.
|
|
2696
|
+
* New items will stack before first item.
|
|
2697
|
+
*/
|
|
2698
|
+
declare class ToastBottomCenterPosition extends BaseToastPosition {
|
|
2699
|
+
/** @hidden */
|
|
2700
|
+
static global: ToastGlobalPosition;
|
|
2701
|
+
/** @hidden */
|
|
2702
|
+
static connected: ConnectedPosition;
|
|
2703
|
+
}
|
|
2704
|
+
/**
|
|
2705
|
+
* Toast Position class.
|
|
2706
|
+
* The first item will pop from the top-left of the screen.
|
|
2707
|
+
* New items will stack after first item.
|
|
2708
|
+
*/
|
|
2709
|
+
declare class ToastTopLeftPosition extends ToastTopCenterPosition {
|
|
2710
|
+
/** @hidden */
|
|
2711
|
+
static global: {
|
|
2712
|
+
left: string;
|
|
2713
|
+
center: boolean;
|
|
2714
|
+
right?: string;
|
|
2715
|
+
bottom?: string;
|
|
2716
|
+
top?: string;
|
|
2717
|
+
centerVertically?: boolean;
|
|
2718
|
+
};
|
|
2719
|
+
/** @hidden */
|
|
2720
|
+
static connected: ConnectedPosition;
|
|
2721
|
+
}
|
|
2722
|
+
/**
|
|
2723
|
+
* Toast Position class.
|
|
2724
|
+
* The first item will pop from the top-right of the screen.
|
|
2725
|
+
* New items will stack after first item.
|
|
2726
|
+
*/
|
|
2727
|
+
declare class ToastTopRightPosition extends ToastTopCenterPosition {
|
|
2728
|
+
/** @hidden */
|
|
2729
|
+
static global: {
|
|
2730
|
+
right: string;
|
|
2731
|
+
center: boolean;
|
|
2732
|
+
left?: string;
|
|
2733
|
+
bottom?: string;
|
|
2734
|
+
top?: string;
|
|
2735
|
+
centerVertically?: boolean;
|
|
2736
|
+
};
|
|
2737
|
+
/** @hidden */
|
|
2738
|
+
static connected: ConnectedPosition;
|
|
2739
|
+
}
|
|
2740
|
+
/**
|
|
2741
|
+
* Toast Position class.
|
|
2742
|
+
* The first item will pop from the bottom-left of the screen.
|
|
2743
|
+
* New items will stack before first item.
|
|
2744
|
+
*/
|
|
2745
|
+
declare class ToastBottomLeftPosition extends ToastBottomCenterPosition {
|
|
2746
|
+
/** @hidden */
|
|
2747
|
+
static global: {
|
|
2748
|
+
left: string;
|
|
2749
|
+
center: boolean;
|
|
2750
|
+
right?: string;
|
|
2751
|
+
bottom?: string;
|
|
2752
|
+
top?: string;
|
|
2753
|
+
centerVertically?: boolean;
|
|
2754
|
+
};
|
|
2755
|
+
/** @hidden */
|
|
2756
|
+
static connected: ConnectedPosition;
|
|
2757
|
+
}
|
|
2758
|
+
/**
|
|
2759
|
+
* Toast Position class.
|
|
2760
|
+
* The first item will pop from the bottom-right of the screen.
|
|
2761
|
+
* New items will stack before first item.
|
|
2762
|
+
*/
|
|
2763
|
+
declare class ToastBottomRightPosition extends ToastBottomCenterPosition {
|
|
2764
|
+
/** @hidden */
|
|
2765
|
+
static global: {
|
|
2766
|
+
right: string;
|
|
2767
|
+
center: boolean;
|
|
2768
|
+
left?: string;
|
|
2769
|
+
bottom?: string;
|
|
2770
|
+
top?: string;
|
|
2771
|
+
centerVertically?: boolean;
|
|
2772
|
+
};
|
|
2773
|
+
/** @hidden */
|
|
2774
|
+
static connected: ConnectedPosition;
|
|
2775
|
+
}
|
|
2776
|
+
|
|
2777
|
+
/**
|
|
2778
|
+
* Base Configuration class used when opening a Toast.
|
|
2779
|
+
*/
|
|
2780
|
+
declare class BaseToastConfig<T = any> {
|
|
2781
|
+
/**
|
|
2782
|
+
* Data being injected into the child component.
|
|
2783
|
+
*/
|
|
2784
|
+
data?: T;
|
|
2785
|
+
/**
|
|
2786
|
+
* Aria-label for the message toast component element.
|
|
2787
|
+
*/
|
|
2788
|
+
ariaLabel?: string;
|
|
2789
|
+
/**
|
|
2790
|
+
* Toast position strategy.
|
|
2791
|
+
*/
|
|
2792
|
+
positionStrategy?: BaseToastPosition;
|
|
2793
|
+
/**
|
|
2794
|
+
* Toast minimum width.
|
|
2795
|
+
*/
|
|
2796
|
+
minWidth?: number | string;
|
|
2797
|
+
/**
|
|
2798
|
+
* Toast maximum width.
|
|
2799
|
+
*/
|
|
2800
|
+
maxWidth?: number | string;
|
|
2801
|
+
/**
|
|
2802
|
+
* Toast minimum height.
|
|
2803
|
+
*/
|
|
2804
|
+
minHeight?: number | string;
|
|
2805
|
+
/**
|
|
2806
|
+
* Toast maximum height.
|
|
2807
|
+
*/
|
|
2808
|
+
maxHeight?: number | string;
|
|
2809
|
+
/**
|
|
2810
|
+
* Toast width.
|
|
2811
|
+
*/
|
|
2812
|
+
width?: number | string;
|
|
2813
|
+
/**
|
|
2814
|
+
* Toast height.
|
|
2815
|
+
*/
|
|
2816
|
+
height?: number | string;
|
|
2817
|
+
/**
|
|
2818
|
+
* Toast ID.
|
|
2819
|
+
*/
|
|
2820
|
+
id?: string;
|
|
2821
|
+
}
|
|
2822
|
+
/**
|
|
2823
|
+
* Base Configuration class used when opening an animated Toast.
|
|
2824
|
+
*/
|
|
2825
|
+
declare class BaseAnimatedToastConfig<T = any> extends BaseToastConfig<T> {
|
|
2826
|
+
/** Whether the toast should be animated. */
|
|
2827
|
+
animated?: boolean | undefined;
|
|
2828
|
+
}
|
|
2829
|
+
|
|
2830
|
+
interface ToastContainerComponent<P> {
|
|
2831
|
+
config: P;
|
|
2832
|
+
readonly onExit$: Subject<void>;
|
|
2833
|
+
readonly onEnter$: Subject<void>;
|
|
2834
|
+
overlayRef: OverlayRef;
|
|
2835
|
+
enter(): void;
|
|
2836
|
+
exit(): void;
|
|
2837
|
+
attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T>;
|
|
2838
|
+
attachTemplatePortal<C>(portal: TemplatePortal<C>): EmbeddedViewRef<C>;
|
|
2839
|
+
}
|
|
2840
|
+
|
|
2841
|
+
declare abstract class BaseToastRef<T = any, P = any, C extends ToastContainerComponent<P> = ToastContainerComponent<P>> {
|
|
2842
|
+
containerInstance: C;
|
|
2843
|
+
overlayRef: OverlayRef;
|
|
2844
|
+
positionStrategy: BaseToastPosition;
|
|
2845
|
+
/** The instance of the component is making up the content of the Toast. */
|
|
2846
|
+
instance: T;
|
|
2847
|
+
/** @hidden */
|
|
2848
|
+
_defaultPositionStrategy: boolean;
|
|
2849
|
+
/** @hidden
|
|
2850
|
+
* Used for flagging the toast as an anchor for all next appearing toasts.
|
|
2851
|
+
*/
|
|
2852
|
+
_isAnchor: boolean;
|
|
2853
|
+
/**
|
|
2854
|
+
* @hidden
|
|
2855
|
+
* Subject for notifying the user that the Toast has been dismissed.
|
|
2856
|
+
*/
|
|
2857
|
+
protected readonly _afterDismissed$: Subject<void>;
|
|
2858
|
+
/** @hidden */
|
|
2859
|
+
protected constructor(containerInstance: C, overlayRef: OverlayRef, positionStrategy: BaseToastPosition);
|
|
2860
|
+
/** Dismisses the Toast. */
|
|
2861
|
+
dismiss(): void;
|
|
2862
|
+
/** Gets an observable that is notified when the Toast is finished closing. */
|
|
2863
|
+
afterDismissed(): Observable<void>;
|
|
2864
|
+
/** Gets an observable that is notified when the Toast has opened and appeared. */
|
|
2865
|
+
afterOpened(): Observable<void>;
|
|
2866
|
+
/**
|
|
2867
|
+
* @hidden
|
|
2868
|
+
* Cleans up the DOM after closing.
|
|
2869
|
+
*/
|
|
2870
|
+
protected _finishDismiss(): void;
|
|
2871
|
+
}
|
|
2872
|
+
|
|
2873
|
+
interface ToastTextComponent {
|
|
2874
|
+
toastRef: BaseToastRef;
|
|
2875
|
+
message: string;
|
|
2876
|
+
}
|
|
2877
|
+
|
|
2878
|
+
declare abstract class BaseToastService<P extends BaseToastConfig, C extends ToastContainerComponent<P> = ToastContainerComponent<P>> {
|
|
2879
|
+
overlay: Overlay;
|
|
2880
|
+
injector: Injector;
|
|
2881
|
+
/** Component for simple text toast. */
|
|
2882
|
+
protected abstract toastTextComponent: Type<ToastTextComponent>;
|
|
2883
|
+
/** Component for Toast Container. */
|
|
2884
|
+
protected abstract toastContainerComponent: Type<C>;
|
|
2885
|
+
/** Injection token for Toast Data. */
|
|
2886
|
+
protected abstract toastDataInjectionToken: InjectionToken<any>;
|
|
2887
|
+
/** Toast Position Strategy. */
|
|
2888
|
+
protected abstract toastPositionStrategy: BaseToastPosition;
|
|
2889
|
+
/** Toast default config. */
|
|
2890
|
+
protected abstract defaultConfig: P;
|
|
2891
|
+
/**
|
|
2892
|
+
* Opens a Toast with the provided configuration.
|
|
2893
|
+
* @param toast accepts string, Component or TemplateRef.
|
|
2894
|
+
*/
|
|
2895
|
+
abstract open<T>(toast: string | Type<T> | TemplateRef<T>): BaseToastRef<ToastTextComponent | T | EmbeddedViewRef<T>, P>;
|
|
2896
|
+
abstract openFromString(message: string, config: P): BaseToastRef<ToastTextComponent, P>;
|
|
2897
|
+
/**
|
|
2898
|
+
* Opens a Toast with provided component inside.
|
|
2899
|
+
* @param component Component to render inside a Toast.
|
|
2900
|
+
* @param config Toast configuration.
|
|
2901
|
+
* @returns Toast reference.
|
|
2902
|
+
*/
|
|
2903
|
+
abstract openFromComponent<T>(component: Type<T>, config: P): BaseToastRef<T, P>;
|
|
2904
|
+
/**
|
|
2905
|
+
* Opens a Toast with provided Template Reference.
|
|
2906
|
+
* @param template Template Reference to render inside a Toast.
|
|
2907
|
+
* @param config Toast configuration.
|
|
2908
|
+
* @returns Toast reference.
|
|
2909
|
+
*/
|
|
2910
|
+
abstract openFromTemplate(template: TemplateRef<any>, config: P): BaseToastRef<EmbeddedViewRef<any>>;
|
|
2911
|
+
/**
|
|
2912
|
+
* Gets Toast Container providers.
|
|
2913
|
+
* @param config Toast Config.
|
|
2914
|
+
*/
|
|
2915
|
+
protected abstract getContainerComponentProviders(config: P): StaticProvider[];
|
|
2916
|
+
/**
|
|
2917
|
+
* Gets Toast Content providers.
|
|
2918
|
+
* @param config Toast Config.
|
|
2919
|
+
* @param toastRef Toast Reference.
|
|
2920
|
+
*/
|
|
2921
|
+
protected abstract getContentComponentProviders<T>(config: P, toastRef: BaseToastRef<T>): StaticProvider[];
|
|
2922
|
+
/**
|
|
2923
|
+
* Creates Toast Reference for provided container and overlay.
|
|
2924
|
+
* @param containerRef Container reference.
|
|
2925
|
+
* @param overlayRef Overlay Reference.
|
|
2926
|
+
* @param positionStrategy Position Strategy
|
|
2927
|
+
*/
|
|
2928
|
+
protected abstract getToastRef<T>(containerRef: C, overlayRef: OverlayRef, positionStrategy: BaseToastPosition): BaseToastRef<T | EmbeddedViewRef<any>, P>;
|
|
2929
|
+
/**
|
|
2930
|
+
* @hidden
|
|
2931
|
+
* Array of all current toasts.
|
|
2932
|
+
*/
|
|
2933
|
+
protected _toasts: BaseToastRef[];
|
|
2934
|
+
/**
|
|
2935
|
+
* @hidden
|
|
2936
|
+
*/
|
|
2937
|
+
protected _toastsMap: Map<BaseToastPosition, BaseToastRef<any, any, ToastContainerComponent<any>>[]>;
|
|
2938
|
+
/** @hidden */
|
|
2939
|
+
private _destroyRef;
|
|
2940
|
+
/** @hidden */
|
|
2941
|
+
protected constructor(overlay: Overlay, injector: Injector);
|
|
2942
|
+
/**
|
|
2943
|
+
* Dismisses all Toasts.
|
|
2944
|
+
*/
|
|
2945
|
+
hideAll(): void;
|
|
2946
|
+
/**
|
|
2947
|
+
* Returns `true` if there are some message toasts currently open. `False` otherwise.
|
|
2948
|
+
*/
|
|
2949
|
+
hasOpenMessageToasts(): boolean;
|
|
2950
|
+
/**
|
|
2951
|
+
* Sets new position strategy for all Toast items.
|
|
2952
|
+
* @param newStrategy New Position Strategy
|
|
2953
|
+
*/
|
|
2954
|
+
setNewPositionStrategy(newStrategy: BaseToastPosition): void;
|
|
2955
|
+
/**
|
|
2956
|
+
* @hidden
|
|
2957
|
+
* Places a new component or a template as the content of the Toast container.
|
|
2958
|
+
*/
|
|
2959
|
+
protected _attach<T>(content: ComponentType$1<T> | TemplateRef<T>, userConfig?: P): BaseToastRef<T | EmbeddedViewRef<any>, P>;
|
|
2960
|
+
/**
|
|
2961
|
+
* Attaches the Toast container component to the overlay.
|
|
2962
|
+
*/
|
|
2963
|
+
protected attachToastContainerComponent(overlayRef: OverlayRef, config: P): C;
|
|
2964
|
+
/**
|
|
2965
|
+
* Creates an injector to be used inside a Toast component.
|
|
2966
|
+
* @param config Config that was used to create the Toast.
|
|
2967
|
+
* @param toastRef Reference to the Toast.
|
|
2968
|
+
*/
|
|
2969
|
+
protected createContentComponentInjector<T>(config: P, toastRef: BaseToastRef<T>): Injector;
|
|
2970
|
+
/**
|
|
2971
|
+
* Animates the old Toast out and the new one in.
|
|
2972
|
+
*/
|
|
2973
|
+
protected animateToast<T>(toastRef: BaseToastRef<T | EmbeddedViewRef<any>, P>): void;
|
|
2974
|
+
/**
|
|
2975
|
+
* @hidden
|
|
2976
|
+
* Creates a new overlay and places it in the correct location.
|
|
2977
|
+
*/
|
|
2978
|
+
private _createOverlay;
|
|
2979
|
+
/**
|
|
2980
|
+
* @hidden
|
|
2981
|
+
* @returns Initial Position Strategy of the Toast Overlay Reference.
|
|
2982
|
+
*/
|
|
2983
|
+
private _getPositionStrategy;
|
|
2984
|
+
/**
|
|
2985
|
+
* @hidden
|
|
2986
|
+
* @param needlePosition
|
|
2987
|
+
* @private
|
|
2988
|
+
*/
|
|
2989
|
+
private _getLastToastWithSamePosition;
|
|
2990
|
+
/**
|
|
2991
|
+
* @hidden
|
|
2992
|
+
* @param connectedElm element to connect with.
|
|
2993
|
+
* @param positionStrategy Position Strategy
|
|
2994
|
+
* @returns Flexible Connected Position Strategy for Overlay Reference.
|
|
2995
|
+
*/
|
|
2996
|
+
private _composeFlexibleConnectedPosition;
|
|
2997
|
+
/**
|
|
2998
|
+
* @hidden
|
|
2999
|
+
* @returns Default Global Position for Overlay Reference.
|
|
3000
|
+
*/
|
|
3001
|
+
private _composeGlobalPosition;
|
|
3002
|
+
/** @hidden */
|
|
3003
|
+
private _refreshOverlayPositions;
|
|
3004
|
+
/** @hidden */
|
|
3005
|
+
private _updateOverlayPositionStrategy;
|
|
3006
|
+
/**
|
|
3007
|
+
* @hidden
|
|
3008
|
+
* Updates the position of a current Overlay Reference.
|
|
3009
|
+
* @returns New Position Strategy.
|
|
3010
|
+
* @param toast Toast Reference
|
|
3011
|
+
*/
|
|
3012
|
+
private _updatePositionStrategy;
|
|
3013
|
+
/** @hidden */
|
|
3014
|
+
private _isBoundGlobalPosition;
|
|
3015
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaseToastService<any, any>, never>;
|
|
3016
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<BaseToastService<any, any>>;
|
|
3017
|
+
}
|
|
3018
|
+
|
|
3019
|
+
interface ToastDurationDismissibleContainerComponent<P> extends ToastContainerComponent<P> {
|
|
3020
|
+
mouseover$: Subject<void>;
|
|
3021
|
+
mouseleave$: Subject<void>;
|
|
3022
|
+
}
|
|
3023
|
+
|
|
3024
|
+
declare abstract class BaseToastContainerComponent<P extends BaseToastConfig = BaseToastConfig> extends BasePortalOutlet implements ToastContainerComponent<P> {
|
|
3025
|
+
config: P;
|
|
3026
|
+
/** Method, which is triggered when the Toast component is ready to be shown. Used to trigger animations. */
|
|
3027
|
+
abstract enter(): void;
|
|
3028
|
+
/** Method, which is triggered when the Toast component is ready to be removed. Used to trigger animations. */
|
|
3029
|
+
abstract exit(): void;
|
|
3030
|
+
/**
|
|
3031
|
+
* @hidden
|
|
3032
|
+
* The portal outlet inside this container into which the Toast content will be loaded.
|
|
3033
|
+
*/
|
|
3034
|
+
_portalOutlet: CdkPortalOutlet;
|
|
3035
|
+
/** Min width of the toast component. */
|
|
3036
|
+
minWidth?: string | number | null;
|
|
3037
|
+
/** Max width of the toast component. */
|
|
3038
|
+
maxWidth?: string | number | null;
|
|
3039
|
+
/** Width of the toast component. */
|
|
3040
|
+
width?: string | number | null;
|
|
3041
|
+
/** Min height of the toast component. */
|
|
3042
|
+
minHeight?: string | number | null;
|
|
3043
|
+
/** Max height of the toast component. */
|
|
3044
|
+
maxHeight?: string | number | null;
|
|
3045
|
+
/** Height of the toast component. */
|
|
3046
|
+
height?: string | number | null;
|
|
3047
|
+
/** Subject for notifying that the Toast has finished exiting from view. */
|
|
3048
|
+
readonly onExit$: Subject<void>;
|
|
3049
|
+
/** Subject for notifying that the Toast has finished entering the view. */
|
|
3050
|
+
readonly onEnter$: Subject<void>;
|
|
3051
|
+
/** Overlay reference */
|
|
3052
|
+
overlayRef: OverlayRef;
|
|
3053
|
+
/** Aria label. */
|
|
3054
|
+
ariaLabel: Nullable<string>;
|
|
3055
|
+
/** ID of the Toast. */
|
|
3056
|
+
id: Nullable<string>;
|
|
3057
|
+
/** @hidden */
|
|
3058
|
+
protected constructor(config: P);
|
|
3059
|
+
/**
|
|
3060
|
+
* Attaches component to the portal.
|
|
3061
|
+
*/
|
|
3062
|
+
attachComponentPortal<C>(portal: ComponentPortal<C>): ComponentRef<C>;
|
|
3063
|
+
/**
|
|
3064
|
+
* Attaches Template to the portal.
|
|
3065
|
+
* @param portal
|
|
3066
|
+
*/
|
|
3067
|
+
attachTemplatePortal<T>(portal: TemplatePortal<T>): EmbeddedViewRef<T>;
|
|
3068
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaseToastContainerComponent<any>, never>;
|
|
3069
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<BaseToastContainerComponent<any>, never, never, {}, {}, never, never, true, never>;
|
|
3070
|
+
}
|
|
3071
|
+
|
|
3072
|
+
declare abstract class BaseToastAnimatedContainerComponent<P extends BaseAnimatedToastConfig> extends BaseToastContainerComponent<P> implements OnDestroy {
|
|
3073
|
+
/**
|
|
3074
|
+
* @hidden
|
|
3075
|
+
* The state of the Message Toast animations.
|
|
3076
|
+
*/
|
|
3077
|
+
private get _animationState();
|
|
3078
|
+
/**
|
|
3079
|
+
* @hidden
|
|
3080
|
+
* Whether the animations should be disabled.
|
|
3081
|
+
*/
|
|
3082
|
+
private _animationsDisabled;
|
|
3083
|
+
/** @hidden */
|
|
3084
|
+
protected _ngZone: NgZone;
|
|
3085
|
+
/** @hidden */
|
|
3086
|
+
private _animationStateSignal;
|
|
3087
|
+
/** @hidden */
|
|
3088
|
+
constructor(config: P);
|
|
3089
|
+
/**
|
|
3090
|
+
* @hidden
|
|
3091
|
+
* Handle end of animations, updating the state of the Message Toast.
|
|
3092
|
+
*/
|
|
3093
|
+
private _onAnimationEnd;
|
|
3094
|
+
/** Begin animation of Message Toast entrance into view. */
|
|
3095
|
+
enter(): void;
|
|
3096
|
+
/** Begin animation of Message Toast removal. */
|
|
3097
|
+
exit(): void;
|
|
3098
|
+
/** @hidden */
|
|
3099
|
+
ngOnDestroy(): void;
|
|
3100
|
+
/**
|
|
3101
|
+
* @hidden
|
|
3102
|
+
* Waits for the zone to settle before removing the element. Helps prevent
|
|
3103
|
+
* errors where we end up removing an element which is in the middle of an animation.
|
|
3104
|
+
*/
|
|
3105
|
+
private _completeExit;
|
|
3106
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaseToastAnimatedContainerComponent<any>, never>;
|
|
3107
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<BaseToastAnimatedContainerComponent<any>, never, never, {}, {}, never, never, true, never>;
|
|
3108
|
+
}
|
|
3109
|
+
|
|
3110
|
+
declare abstract class BaseToastDurationDismissibleContainerComponent<P extends BaseToastConfig> extends BaseToastAnimatedContainerComponent<P> implements OnDestroy, ToastDurationDismissibleContainerComponent<P> {
|
|
3111
|
+
/** Subject for notifying that component is out of hover */
|
|
3112
|
+
readonly mouseleave$: Subject<void>;
|
|
3113
|
+
/** Subject for notifying that component is hovered */
|
|
3114
|
+
readonly mouseover$: Subject<void>;
|
|
3115
|
+
/** Emits mouseleave$ subject when component is out of hover. */
|
|
3116
|
+
onMouseLeave(): void;
|
|
3117
|
+
/** Emits mouseover$ subject when component is hovered. */
|
|
3118
|
+
onMouseOver(): void;
|
|
3119
|
+
/** @Hidden */
|
|
3120
|
+
ngOnDestroy(): void;
|
|
3121
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaseToastDurationDismissibleContainerComponent<any>, never>;
|
|
3122
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<BaseToastDurationDismissibleContainerComponent<any>, never, never, {}, {}, never, never, true, never>;
|
|
3123
|
+
}
|
|
3124
|
+
|
|
3125
|
+
declare abstract class BaseToastDurationDismissibleRef<T = any, P extends BaseToastConfig<T> = any, C extends BaseToastDurationDismissibleContainerComponent<P> = BaseToastDurationDismissibleContainerComponent<P>> extends BaseToastRef<T, P, C> {
|
|
3126
|
+
/**
|
|
3127
|
+
* Timeout ID for the duration setTimeout call. Used to clear the timeout if the toast is
|
|
3128
|
+
* dismissed before the duration passes.
|
|
3129
|
+
*/
|
|
3130
|
+
protected durationTimeoutId: ReturnType<typeof setTimeout>;
|
|
3131
|
+
/** @hidden */
|
|
3132
|
+
protected constructor(containerInstance: C, overlayRef: OverlayRef, positionStrategy: BaseToastPosition);
|
|
3133
|
+
/** Dismisses the toast and clears the timeout. */
|
|
3134
|
+
dismiss(): void;
|
|
3135
|
+
/** Dismisses the Toast component after some duration */
|
|
3136
|
+
dismissAfter(duration: number): void;
|
|
3137
|
+
/** Cancels current dismiss timeout */
|
|
3138
|
+
cancelDismiss(): void;
|
|
3139
|
+
}
|
|
3140
|
+
|
|
3141
|
+
declare abstract class BaseToastActionDismissibleRef<T = any, P extends BaseToastConfig<T> = any> extends BaseToastDurationDismissibleRef<T, P> {
|
|
3142
|
+
/** Subject for notifying the user that the Toast action-dismissible was called. */
|
|
3143
|
+
protected readonly onAction$: Subject<string | null>;
|
|
3144
|
+
/** Whether the Toast was dismissed using the action-dismissible button. */
|
|
3145
|
+
protected dismissedByAction: boolean;
|
|
3146
|
+
/** @hidden */
|
|
3147
|
+
protected constructor(containerInstance: BaseToastDurationDismissibleContainerComponent<P>, overlayRef: OverlayRef, positionStrategy: BaseToastPosition);
|
|
3148
|
+
/** Marks the Toast action-dismissible clicked. */
|
|
3149
|
+
dismissWithAction(reason?: string | null): void;
|
|
3150
|
+
/** Gets an observable that is notified when the Toast action-dismissible is called. */
|
|
3151
|
+
onAction(): Observable<string | null>;
|
|
3152
|
+
/**
|
|
3153
|
+
* @hidden
|
|
3154
|
+
* Cleans up the DOM after closing.
|
|
3155
|
+
*/
|
|
3156
|
+
protected _finishDismiss(): void;
|
|
3157
|
+
}
|
|
3158
|
+
|
|
3159
|
+
/**
|
|
3160
|
+
* Custom overlay container for CDK Overlay.
|
|
3161
|
+
*/
|
|
3162
|
+
declare class BaseToastOverlayContainer extends OverlayContainer {
|
|
3163
|
+
/**
|
|
3164
|
+
* This method returns the overlay container element. It will lazily
|
|
3165
|
+
* create the element the first time it is called to facilitate using
|
|
3166
|
+
* the container in non-browser environments.
|
|
3167
|
+
* @returns the container element
|
|
3168
|
+
*/
|
|
3169
|
+
getContainerElement(): HTMLElement;
|
|
3170
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaseToastOverlayContainer, never>;
|
|
3171
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<BaseToastOverlayContainer>;
|
|
3172
|
+
}
|
|
3173
|
+
|
|
3174
|
+
/**
|
|
3175
|
+
* Base configuration class used when opening a Toast which automatically destroys after some time.
|
|
3176
|
+
*/
|
|
3177
|
+
declare class BaseToastDurationDismissibleConfig<T = any> extends BaseToastConfig<T> {
|
|
3178
|
+
/**
|
|
3179
|
+
* The length of time in milliseconds to wait before automatically dismissing the Message Toast.
|
|
3180
|
+
*/
|
|
3181
|
+
duration?: number | undefined;
|
|
3182
|
+
/**
|
|
3183
|
+
* Whether the message toast should stay visible if the cursor is over it.
|
|
3184
|
+
* Default is `true`
|
|
3185
|
+
*/
|
|
3186
|
+
mousePersist?: boolean;
|
|
3187
|
+
}
|
|
3188
|
+
|
|
3189
|
+
declare abstract class BaseDismissibleToastService<P extends BaseToastDurationDismissibleConfig, C extends BaseToastDurationDismissibleContainerComponent<P> = BaseToastDurationDismissibleContainerComponent<P>> extends BaseToastService<P, C> {
|
|
3190
|
+
/**
|
|
3191
|
+
* Animates the old Toast out and the new one in.
|
|
3192
|
+
*/
|
|
3193
|
+
protected animateToast<T>(toastRef: BaseToastDurationDismissibleRef<T | EmbeddedViewRef<any>, P>): void;
|
|
3194
|
+
}
|
|
3195
|
+
|
|
3196
|
+
declare const ModuleDeprecations: InjectionToken<ModuleDeprecation>;
|
|
3197
|
+
|
|
3198
|
+
/**
|
|
3199
|
+
* Injection token for the viewport size observable.
|
|
3200
|
+
* Emits the viewport size in pixels, which are outputted by the ViewportRuler
|
|
3201
|
+
* from @angular/cdk/overlay.
|
|
3202
|
+
*/
|
|
3203
|
+
declare const ViewportSizeObservable: InjectionToken<Observable<number>>;
|
|
3204
|
+
|
|
3205
|
+
/**
|
|
3206
|
+
* Helper function check whether passed data is a JS object (including function).
|
|
3207
|
+
*/
|
|
3208
|
+
declare function isJsObject(obj: any): obj is object | Function;
|
|
3209
|
+
/**
|
|
3210
|
+
* Helper function checks whether passed value is not empty.
|
|
3211
|
+
*/
|
|
3212
|
+
declare function isPresent(obj: any): boolean;
|
|
3213
|
+
/**
|
|
3214
|
+
* Helper function check whether passed value is empty.
|
|
3215
|
+
*/
|
|
3216
|
+
declare function isBlank(obj: any): obj is undefined | null;
|
|
3217
|
+
/**
|
|
3218
|
+
* Helper function checks whether passed value is a boolean.
|
|
3219
|
+
*/
|
|
3220
|
+
declare function isBoolean(obj: any): obj is boolean;
|
|
3221
|
+
/**
|
|
3222
|
+
* Helper function checks whether passed value is a valid number.
|
|
3223
|
+
*/
|
|
3224
|
+
declare function isNumber(obj: any): obj is number;
|
|
3225
|
+
/**
|
|
3226
|
+
* Helper function checks whether passed value is a string.
|
|
3227
|
+
*/
|
|
3228
|
+
declare function isString(obj: any): obj is string;
|
|
3229
|
+
/**
|
|
3230
|
+
* Helper function checks whether passed value is a function
|
|
3231
|
+
*/
|
|
3232
|
+
declare function isFunction(obj: any): boolean;
|
|
3233
|
+
/** @hidden */
|
|
3234
|
+
declare function isType(obj: any): obj is Function;
|
|
3235
|
+
/**
|
|
3236
|
+
* Helper function checks whether passed value is a record of `T` values.
|
|
3237
|
+
*/
|
|
3238
|
+
declare function isStringMap<T = any>(obj: any): obj is Record<string, T>;
|
|
3239
|
+
/**
|
|
3240
|
+
* Helper function checks whether passed value is an `object`.
|
|
3241
|
+
*/
|
|
3242
|
+
declare function isObject<T>(item: T): boolean;
|
|
3243
|
+
/**
|
|
3244
|
+
* Helper function checks whether passed value is a promise.
|
|
3245
|
+
*/
|
|
3246
|
+
declare function isPromise<T = any>(obj: any): obj is Promise<T>;
|
|
3247
|
+
/**
|
|
3248
|
+
* Helper function checks whether passed value is an Observable/Subscribable.
|
|
3249
|
+
*/
|
|
3250
|
+
declare function isSubscribable<T = any>(obj: any | Observable<T>): obj is Observable<T>;
|
|
3251
|
+
|
|
3252
|
+
export { ANY_LANGUAGE_LETTERS_GROUP_REGEX, ANY_LANGUAGE_LETTERS_REGEX, AbstractFdNgxClass, AsyncOrSyncPipe, AttributeObserver, AutoCompleteDirective, AutoCompleteModule, BaseAnimatedToastConfig, BaseDismissibleToastService, BaseToastActionDismissibleRef, BaseToastConfig, BaseToastContainerComponent, BaseToastDurationDismissibleConfig, BaseToastDurationDismissibleContainerComponent, BaseToastDurationDismissibleRef, BaseToastOverlayContainer, BaseToastPosition, BaseToastRef, BaseToastService, BreakpointDirective, BreakpointModule, ClickedBehaviorModule, ClickedBehaviorModuleForRootLoadedOnce, ClickedDirective, ContentDensityService, DECIMAL_NUMBER_UNICODE_GROUP_REGEX, DECIMAL_NUMBER_UNICODE_RANGE, DECIMAL_NUMBER_UNICODE_REGEX, DEFAULT_CONTENT_DENSITY, DND_ITEM, DND_LIST, DefaultReadonlyViewModifier, DeprecatedSelector, DestroyedService, DisabledBehaviorDirective, DisabledBehaviorModule, DisabledObserver, DisplayFnPipe, DndItemDirective, DndKeyboardGroupDirective, DndKeyboardItemDirective, DndListDirective, DragAndDropModule, DynamicComponentContainer, DynamicComponentInjector, DynamicComponentService, DynamicPortalComponent, ELEMENT_REF_EXCEPTION, FDK_DISABLED_DIRECTIVE, FDK_FOCUSABLE_GRID_DIRECTIVE, FDK_FOCUSABLE_ITEM_DIRECTIVE, FDK_FOCUSABLE_LIST_DIRECTIVE, FDK_INDIRECT_FOCUSABLE_ITEM_ORDER, FDK_READONLY_DIRECTIVE, FDK_SELECTABLE_ITEM_PROVIDER, FD_DEPRECATED_DIRECTIVE_SELECTOR, FOCUSABLE_ITEM, FdkClickedProvider, FdkDisabledProvider, FdkReadonlyProvider, FilterStringsPipe, FocusKeyManagerHelpersModule, FocusKeyManagerItemDirective, FocusKeyManagerListDirective, FocusTrapService, FocusableGridDirective, FocusableGridModule, FocusableItemDirective, FocusableItemModule, FocusableListDirective, FocusableListModule, FocusableObserver, FunctionStrategy, INVALID_DATE_ERROR, IgnoreClickOnSelectionDirective, IgnoreClickOnSelectionDirectiveToken, IgnoreClickOnSelectionModule, IndirectFocusableItemDirective, IndirectFocusableListDirective, InitialFocusDirective, InitialFocusModule, IntersectionSpyDirective, IsCompactDensityPipe, KeyUtil, KeyboardSupportService, LETTERS_UNICODE_RANGE, LIST_ITEM_COMPONENT, LineClampDirective, LineClampModule, LineClampTargetDirective, LocalStorageService, MOBILE_CONFIG_ERROR, MakeAsyncPipe, ModuleDeprecations, OVERFLOW_PRIORITY_SCORE, ObservableStrategy, OnlyDigitsDirective, OnlyDigitsModule, OverflowListDirective, OverflowListItemDirective, OverflowListModule, PipeModule, PromiseStrategy, RTL_LANGUAGE, RangeSelector, ReadonlyBehaviorDirective, ReadonlyBehaviorModule, ReadonlyObserver, RepeatDirective, RepeatModule, ResizeDirective, ResizeHandleDirective, ResizeModule, ResizeObserverDirective, ResizeObserverFactory, ResizeObserverService, ResponsiveBreakpoints, RtlService, SafePipe, SearchHighlightPipe, SelectComponentRootToken, SelectableItemDirective, SelectableItemToken, SelectableListDirective, SelectableListModule, SelectionService, THEME_SWITCHER_ROUTER_MISSING_ERROR, TabbableElementService, TemplateDirective, TemplateModule, ToastBottomCenterPosition, ToastBottomLeftPosition, ToastBottomRightPosition, ToastTopCenterPosition, ToastTopLeftPosition, ToastTopRightPosition, TruncateDirective, TruncateModule, TruncatePipe, TruncatedTitleDirective, TwoDigitsPipe, UtilsModule, ValueByPathPipe, ValueStrategy, ViewportSizeObservable, alternateSetter, applyCssClass, applyCssStyle, baseToastAnimations, coerceArraySafe, coerceBoolean, coerceCssPixel, consumerProviderFactory, deprecatedModelProvider, destroyObservable, dfs, elementClick$, getBreakpointName, getDeprecatedModel, getDocumentFontSize, getElementCapacity, getElementWidth, getNativeElement, getRandomColorAccent, hasElementRef, intersectionObservable, isBlank, isBoolean, isCompactDensity, isFunction, isItemFocusable, isJsObject, isNumber, isObject, isOdd, isPresent, isPromise, isString, isStringMap, isSubscribable, isType, isValidContentDensity, moduleDeprecationsFactory, moduleDeprecationsProvider, parserFileSize, provideFdkClicked, pxToNum, resizeObservable, scrollIntoView, scrollTop, selectStrategy, setDisabledState, setReadonlyState, toNativeElement, toastConnectedBottomLeftPosition, toastConnectedBottomPosition, toastConnectedBottomRightPosition, toastConnectedTopLeftPosition, toastConnectedTopPosition, toastConnectedTopRightPosition, uuidv4, warnOnce };
|
|
3253
|
+
export type { AutoCompleteEvent, BreakpointName, CellFocusedEventAnnouncer, ColorAccent, ContentDensity, CssClassBuilder, CssStyleBuilder, DeprecatedSelectorModel, DisabledBehavior, DisabledViewModifier, DndItem, DragoverPredicate, DropPredicate, DynamicComponentConfig, ElementChord, ElementPosition, Enumerate, FdDndDropEventMode, FdDndDropType, FdDropEvent, FdkAsyncProperty, FocusEscapeDirection, FocusableCellPosition, FocusableItem, FocusableItemPosition, FocusableListItemFocusedEvent, FocusableListKeydownEvent, FocusableListPosition, HasElementRef, Hash, IntRange, ItemsQueryList, KeyboardSupportItemInterface, LinkPosition, ListItemInterface, ModuleDeprecation, NestedKeyOf, Nullable, NullableObject, ObjectPathType, OverflowPriority, RangeSelectionState, ReadonlyBehavior, ReadonlyViewModifier, RequireAtLeastOne, RequireOnlyOne, ScrollPosition, SelectableListValueType, SelectionItemsList, Size, SubscriptionStrategy, ToastContainerComponent, ToastDurationDismissibleContainerComponent, ToastGlobalConnectedPosition, ToastGlobalPosition, ToastTextComponent };
|