@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
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { ElementRef } from '@angular/core';
|
|
2
|
-
import { Observable } from 'rxjs';
|
|
3
|
-
import { HasElementRef } from '../../interfaces';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class ResizeObserverDirective implements HasElementRef {
|
|
6
|
-
/**
|
|
7
|
-
* When the element is resized, emits an array of ResizeObserverEntry objects.
|
|
8
|
-
**/
|
|
9
|
-
resized: Observable<ResizeObserverEntry[]>;
|
|
10
|
-
/**
|
|
11
|
-
* The reference to the Resize target element.
|
|
12
|
-
**/
|
|
13
|
-
elementRef: ElementRef<HTMLElement>;
|
|
14
|
-
/** @hidden */
|
|
15
|
-
private _resizeObserverService;
|
|
16
|
-
/** @hidden */
|
|
17
|
-
constructor();
|
|
18
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ResizeObserverDirective, never>;
|
|
19
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ResizeObserverDirective, "[fdkResizeObserver]", ["fdkResizeObserver"], {}, { "resized": "resized"; }, never, never, true, never>;
|
|
20
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export * from './select-component-root.token';
|
|
2
|
-
export * from './selectable-item.directive';
|
|
3
|
-
export * from './selectable-item.token';
|
|
4
|
-
export * from './selectable-list.directive';
|
|
5
|
-
export * from './selectable-list.module';
|
|
6
|
-
export * from './selectable-list.tokens';
|
|
7
|
-
export * from './selection.service';
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { BooleanInput } from '@angular/cdk/coercion';
|
|
2
|
-
import { Observable } from 'rxjs';
|
|
3
|
-
export type SelectableListValueType<T> = T extends any[] ? Array<any> : any;
|
|
4
|
-
export declare abstract class SelectComponentRootToken<T = any> {
|
|
5
|
-
abstract selected?: SelectableListValueType<T>;
|
|
6
|
-
abstract selectedChange: Observable<SelectableListValueType<T>>;
|
|
7
|
-
abstract multiple?: BooleanInput;
|
|
8
|
-
abstract toggle?: BooleanInput;
|
|
9
|
-
abstract onChange: (value: SelectableListValueType<T>) => void;
|
|
10
|
-
}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { BooleanInput } from '@angular/cdk/coercion';
|
|
2
|
-
import { ElementRef, EventEmitter } from '@angular/core';
|
|
3
|
-
import { Observable } from 'rxjs';
|
|
4
|
-
import { FdkClickedProvider } from '../clicked';
|
|
5
|
-
import { FdkDisabledProvider } from '../disabled';
|
|
6
|
-
import { FdkReadonlyProvider } from '../readonly';
|
|
7
|
-
import { SelectableItemToken } from './selectable-item.token';
|
|
8
|
-
import { SelectionService } from './selection.service';
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
export declare class SelectableItemDirective<ElementType extends Element = HTMLElement, ValueType = any> implements SelectableItemToken<ElementType, ValueType> {
|
|
11
|
-
private provider;
|
|
12
|
-
private disabled$;
|
|
13
|
-
private readonly$;
|
|
14
|
-
private selectionService;
|
|
15
|
-
readonly elementRef: ElementRef<ElementType>;
|
|
16
|
-
/** @hidden */
|
|
17
|
-
set value(val: ValueType);
|
|
18
|
-
get value(): ValueType;
|
|
19
|
-
/** @hidden */
|
|
20
|
-
set fdkSelectableItem(value: BooleanInput);
|
|
21
|
-
get fdkSelectableItem(): boolean;
|
|
22
|
-
/** @hidden */
|
|
23
|
-
clicked: Observable<MouseEvent | KeyboardEvent>;
|
|
24
|
-
/** Event emitted when selection state being changed for selectable item. */
|
|
25
|
-
selected: EventEmitter<boolean>;
|
|
26
|
-
/** @hidden */
|
|
27
|
-
private _value;
|
|
28
|
-
/** @hidden */
|
|
29
|
-
private _selected;
|
|
30
|
-
/** @hidden */
|
|
31
|
-
private _selectable;
|
|
32
|
-
/** @hidden */
|
|
33
|
-
constructor(provider: Partial<SelectableItemToken<ElementType, ValueType>>, disabled$: FdkDisabledProvider, readonly$: FdkReadonlyProvider, selectionService: SelectionService<ElementType, ValueType>, elementRef: ElementRef<ElementType>, _clicked: FdkClickedProvider);
|
|
34
|
-
/** @hidden */
|
|
35
|
-
getSelected(): boolean;
|
|
36
|
-
/** @hidden */
|
|
37
|
-
setSelected(isSelected: boolean): void;
|
|
38
|
-
/** @hidden */
|
|
39
|
-
private _listenToDisablingEvents;
|
|
40
|
-
/** @hidden */
|
|
41
|
-
private _updateSelectionAndSelectableWatcher;
|
|
42
|
-
/** @hidden */
|
|
43
|
-
private _updateSelectableWatcher;
|
|
44
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SelectableItemDirective<any, any>, [{ optional: true; }, null, null, null, null, null]>;
|
|
45
|
-
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>;
|
|
46
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { ElementRef } from '@angular/core';
|
|
2
|
-
import { Observable } from 'rxjs';
|
|
3
|
-
import { HasElementRef } from '../../interfaces/has-element-ref.interface';
|
|
4
|
-
export declare abstract class SelectableItemToken<ElementType extends Element = HTMLElement, TValue = ElementType> implements HasElementRef<ElementType> {
|
|
5
|
-
abstract value: TValue;
|
|
6
|
-
abstract fdkSelectableItem?: boolean;
|
|
7
|
-
abstract readonly elementRef: ElementRef<ElementType>;
|
|
8
|
-
abstract clicked: Observable<MouseEvent | KeyboardEvent>;
|
|
9
|
-
abstract setSelected(isSelected: boolean): void;
|
|
10
|
-
abstract getSelected(): boolean;
|
|
11
|
-
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { AfterViewInit, EventEmitter, QueryList } from '@angular/core';
|
|
2
|
-
import { SelectComponentRootToken, SelectableListValueType } from './select-component-root.token';
|
|
3
|
-
import { SelectableItemToken } from './selectable-item.token';
|
|
4
|
-
import { SelectionService } from './selection.service';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class SelectableListDirective<T extends Element = HTMLElement, V = any> implements SelectComponentRootToken<T>, AfterViewInit {
|
|
7
|
-
private _selectionService;
|
|
8
|
-
/** @hidden */
|
|
9
|
-
selectedChange: EventEmitter<SelectableListValueType<T>>;
|
|
10
|
-
/** @hidden */
|
|
11
|
-
toggle: boolean;
|
|
12
|
-
/** @hidden */
|
|
13
|
-
multiple: boolean;
|
|
14
|
-
/** @hidden */
|
|
15
|
-
set selected(value: SelectableListValueType<T>);
|
|
16
|
-
/** @hidden */
|
|
17
|
-
selectableItems: QueryList<SelectableItemToken<T, V>>;
|
|
18
|
-
/** @hidden */
|
|
19
|
-
constructor(_selectionService: SelectionService<T, V>);
|
|
20
|
-
/** @hidden */
|
|
21
|
-
select(item: SelectableItemToken<T, V>): void;
|
|
22
|
-
/** @hidden */
|
|
23
|
-
deselect(item: SelectableItemToken<T, V>): void;
|
|
24
|
-
/** @hidden */
|
|
25
|
-
toggleSelect(item: SelectableItemToken<T, V>): void;
|
|
26
|
-
/** @hidden */
|
|
27
|
-
onChange(value: SelectableListValueType<T>): void;
|
|
28
|
-
/** @hidden */
|
|
29
|
-
ngAfterViewInit(): void;
|
|
30
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SelectableListDirective<any, any>, never>;
|
|
31
|
-
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>;
|
|
32
|
-
static ngAcceptInputType_toggle: unknown;
|
|
33
|
-
static ngAcceptInputType_multiple: unknown;
|
|
34
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./selectable-list.directive";
|
|
3
|
-
import * as i2 from "./selectable-item.directive";
|
|
4
|
-
export declare class SelectableListModule {
|
|
5
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SelectableListModule, never>;
|
|
6
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SelectableListModule, never, [typeof i1.SelectableListDirective, typeof i2.SelectableItemDirective], [typeof i1.SelectableListDirective, typeof i2.SelectableItemDirective]>;
|
|
7
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<SelectableListModule>;
|
|
8
|
-
}
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectorRef, QueryList } from '@angular/core';
|
|
2
|
-
import { Observable } from 'rxjs';
|
|
3
|
-
import { SelectComponentRootToken, SelectableListValueType } from './select-component-root.token';
|
|
4
|
-
import { SelectableItemToken } from './selectable-item.token';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export type SelectionItemsList<ElementType extends Element, ValueType = ElementType> = QueryList<SelectableItemToken<ElementType, ValueType>> | Observable<SelectableItemToken<ElementType, ValueType>[]> | SelectableItemToken<ElementType, ValueType>[];
|
|
7
|
-
export declare class SelectionService<ElementType extends Element, ValueType = ElementType> {
|
|
8
|
-
private _cd;
|
|
9
|
-
/** @hidden */
|
|
10
|
-
value$: Observable<SelectableListValueType<ValueType>>;
|
|
11
|
-
/** @hidden */
|
|
12
|
-
private _items$;
|
|
13
|
-
/** @hidden */
|
|
14
|
-
private _value$;
|
|
15
|
-
/** @hidden */
|
|
16
|
-
private _normalizedValue$;
|
|
17
|
-
/** @hidden */
|
|
18
|
-
private _rootComponent;
|
|
19
|
-
/** @hidden */
|
|
20
|
-
private _destroyRef;
|
|
21
|
-
/** @hidden */
|
|
22
|
-
private _clear$;
|
|
23
|
-
/** @hidden */
|
|
24
|
-
private _value;
|
|
25
|
-
/** @hidden */
|
|
26
|
-
constructor(_cd: ChangeDetectorRef);
|
|
27
|
-
/**
|
|
28
|
-
* Register main select component, which holds config
|
|
29
|
-
* */
|
|
30
|
-
registerRootComponent(rootComponent: SelectComponentRootToken<ElementType>): void;
|
|
31
|
-
/**
|
|
32
|
-
* Clear listeners
|
|
33
|
-
*/
|
|
34
|
-
clear(): void;
|
|
35
|
-
/**
|
|
36
|
-
* Initialize watcher for selection changes and user interactions
|
|
37
|
-
* */
|
|
38
|
-
initialize(list: SelectionItemsList<ElementType, ValueType>): void;
|
|
39
|
-
/**
|
|
40
|
-
* Sets Value, on which service looks at and updates UI accordingly
|
|
41
|
-
* */
|
|
42
|
-
setValue(v: SelectableListValueType<ElementType>): void;
|
|
43
|
-
/** @hidden */
|
|
44
|
-
getValue(): SelectableListValueType<ElementType>;
|
|
45
|
-
/**
|
|
46
|
-
* Start listening for item interactions. Will destroy() first.
|
|
47
|
-
* Will silently continue if service was not initialized first.
|
|
48
|
-
* */
|
|
49
|
-
listenToItemInteractions(): void;
|
|
50
|
-
/** @hidden */
|
|
51
|
-
selectItem(item: SelectableItemToken<ElementType, ValueType>): void;
|
|
52
|
-
/** @hidden */
|
|
53
|
-
deselectItem(item: SelectableItemToken<ElementType, ValueType>): void;
|
|
54
|
-
/** @hidden */
|
|
55
|
-
private get _isMultipleMode();
|
|
56
|
-
/** @hidden */
|
|
57
|
-
private _itemClicked;
|
|
58
|
-
/** @hidden */
|
|
59
|
-
private _getSelectedValues;
|
|
60
|
-
/** @hidden */
|
|
61
|
-
private _getProperValues;
|
|
62
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SelectionService<any, any>, never>;
|
|
63
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SelectionService<any, any>>;
|
|
64
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { TemplateRef } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class TemplateDirective {
|
|
4
|
-
templateRef: TemplateRef<any>;
|
|
5
|
-
/** Name of the template */
|
|
6
|
-
name: string;
|
|
7
|
-
/** @hidden */
|
|
8
|
-
constructor(templateRef: TemplateRef<any>);
|
|
9
|
-
/** @hidden */
|
|
10
|
-
getName(): string;
|
|
11
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TemplateDirective, never>;
|
|
12
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TemplateDirective, "[fdkTemplate]", never, { "name": { "alias": "fdkTemplate"; "required": false; }; }, {}, never, never, true, never>;
|
|
13
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./template.directive";
|
|
3
|
-
export declare class TemplateModule {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TemplateModule, never>;
|
|
5
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<TemplateModule, never, [typeof i1.TemplateDirective], [typeof i1.TemplateDirective]>;
|
|
6
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<TemplateModule>;
|
|
7
|
-
}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { AfterContentChecked, AfterViewInit, ElementRef, OnChanges } from '@angular/core';
|
|
2
|
-
import { Nullable } from '../../models/nullable';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class TruncateDirective implements OnChanges, AfterViewInit {
|
|
5
|
-
private readonly _elementRef;
|
|
6
|
-
/**
|
|
7
|
-
* Width in pixel for truncation of an element , by default
|
|
8
|
-
*/
|
|
9
|
-
set fdkTruncateWidth(value: Nullable<number>);
|
|
10
|
-
/**
|
|
11
|
-
* Truncating state
|
|
12
|
-
*/
|
|
13
|
-
fdkTruncateState: boolean;
|
|
14
|
-
/** @hidden */
|
|
15
|
-
private _customWidthCount;
|
|
16
|
-
/** @hidden */
|
|
17
|
-
private _truncateTarget;
|
|
18
|
-
/** @hidden
|
|
19
|
-
* saves default style of element before truncating
|
|
20
|
-
*/
|
|
21
|
-
private _defaultStyle;
|
|
22
|
-
/** @hidden */
|
|
23
|
-
private takeDefaultStyleOnce;
|
|
24
|
-
/** @hidden
|
|
25
|
-
* truncation style for truncating element
|
|
26
|
-
*/
|
|
27
|
-
private _truncationStyle;
|
|
28
|
-
/** @hidden */
|
|
29
|
-
constructor(_elementRef: ElementRef);
|
|
30
|
-
/**
|
|
31
|
-
* Root native element
|
|
32
|
-
*/
|
|
33
|
-
get rootElement(): HTMLElement;
|
|
34
|
-
/**
|
|
35
|
-
* Method saves default style of target element before first truncate.
|
|
36
|
-
*/
|
|
37
|
-
setDefaultStyle(): void;
|
|
38
|
-
/** @hidden */
|
|
39
|
-
ngAfterViewInit(): void;
|
|
40
|
-
/** @hidden */
|
|
41
|
-
ngOnChanges(): void;
|
|
42
|
-
/** @hidden */
|
|
43
|
-
private _truncate;
|
|
44
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TruncateDirective, never>;
|
|
45
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TruncateDirective, "[fdkTruncate]", never, { "fdkTruncateWidth": { "alias": "fdkTruncateWidth"; "required": false; }; "fdkTruncateState": { "alias": "fdkTruncateState"; "required": false; }; }, {}, never, never, true, never>;
|
|
46
|
-
}
|
|
47
|
-
export declare class TruncatedTitleDirective implements AfterContentChecked {
|
|
48
|
-
private _elRef;
|
|
49
|
-
/** @hidden */
|
|
50
|
-
constructor(_elRef: ElementRef);
|
|
51
|
-
/** @hidden */
|
|
52
|
-
ngAfterContentChecked(): void;
|
|
53
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TruncatedTitleDirective, never>;
|
|
54
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TruncatedTitleDirective, "[fdkTruncatedTitle], [fdTruncatedTitle], [fd-truncate-title]", never, {}, {}, never, never, true, never>;
|
|
55
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./truncate.directive";
|
|
3
|
-
export declare class TruncateModule {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TruncateModule, never>;
|
|
5
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<TruncateModule, never, [typeof i1.TruncateDirective, typeof i1.TruncatedTitleDirective], [typeof i1.TruncateDirective, typeof i1.TruncatedTitleDirective]>;
|
|
6
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<TruncateModule>;
|
|
7
|
-
}
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import { DragDrop } from '@angular/cdk/drag-drop';
|
|
2
|
-
import { AfterContentInit, ElementRef, EventEmitter, OnDestroy, Renderer2 } from '@angular/core';
|
|
3
|
-
import { Nullable } from '../../models/nullable';
|
|
4
|
-
import { DndItem, ElementChord, ElementPosition, LinkPosition } from '../dnd.interfaces';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class DndItemDirective<T = any> implements DndItem, AfterContentInit, OnDestroy {
|
|
7
|
-
readonly elementRef: ElementRef;
|
|
8
|
-
private readonly _dragDrop;
|
|
9
|
-
private readonly _renderer;
|
|
10
|
-
/** Item reference. Used for cases when `[items]` array of dnd list is different than `dndItems` content children. */
|
|
11
|
-
item: Nullable<T>;
|
|
12
|
-
/**
|
|
13
|
-
* Whether to apply "fd-dnd-item" class.
|
|
14
|
-
* @default true
|
|
15
|
-
*/
|
|
16
|
-
applyDragItemClass: boolean;
|
|
17
|
-
/** Container selector */
|
|
18
|
-
containerSelector?: string;
|
|
19
|
-
/** Event thrown when the element is moved by 1px */
|
|
20
|
-
readonly moved: EventEmitter<ElementPosition>;
|
|
21
|
-
/** Event thrown when the element is released */
|
|
22
|
-
readonly released: EventEmitter<void>;
|
|
23
|
-
/** Event thrown when the element is started to be dragged */
|
|
24
|
-
readonly started: EventEmitter<void>;
|
|
25
|
-
/**
|
|
26
|
-
* Defines if the item is prevented from being moved by other elements.
|
|
27
|
-
* So nothing can be placed just before and just after it
|
|
28
|
-
*/
|
|
29
|
-
stickInPlace: boolean;
|
|
30
|
-
/** Defines if element is draggable */
|
|
31
|
-
set draggable(draggable: boolean);
|
|
32
|
-
/** Class added to element, when it's dragged. */
|
|
33
|
-
classWhenElementDragged: string;
|
|
34
|
-
/** Defines if every element in list is draggable */
|
|
35
|
-
listDraggable: boolean;
|
|
36
|
-
/** @hidden
|
|
37
|
-
* Drag reference, object created from DND CDK Service
|
|
38
|
-
*/
|
|
39
|
-
private _dragRef;
|
|
40
|
-
/** @hidden */
|
|
41
|
-
private _draggable;
|
|
42
|
-
/** @hidden */
|
|
43
|
-
private _subscriptions;
|
|
44
|
-
/** @hidden */
|
|
45
|
-
private _placeholderElement;
|
|
46
|
-
/** @hidden */
|
|
47
|
-
private _lineElement;
|
|
48
|
-
/** @hidden */
|
|
49
|
-
private _replaceIndicator;
|
|
50
|
-
/** @hidden */
|
|
51
|
-
constructor(elementRef: ElementRef, _dragDrop: DragDrop, _renderer: Renderer2);
|
|
52
|
-
/** @hidden */
|
|
53
|
-
getElementCoordinates(isBefore: boolean): ElementChord;
|
|
54
|
-
/** @hidden */
|
|
55
|
-
ngAfterContentInit(): void;
|
|
56
|
-
/** @hidden */
|
|
57
|
-
ngOnDestroy(): void;
|
|
58
|
-
/** @hidden */
|
|
59
|
-
onCdkMove(position: ElementPosition): void;
|
|
60
|
-
/** @hidden */
|
|
61
|
-
onCdkDragReleased(): void;
|
|
62
|
-
/** @hidden */
|
|
63
|
-
onCdkDragStart(): void;
|
|
64
|
-
/** @hidden */
|
|
65
|
-
removePlaceholder(): void;
|
|
66
|
-
/** @hidden */
|
|
67
|
-
removeLine(): void;
|
|
68
|
-
/** @hidden */
|
|
69
|
-
removeReplaceIndicator(): void;
|
|
70
|
-
/** @hidden */
|
|
71
|
-
createReplaceIndicator(): void;
|
|
72
|
-
/** @hidden */
|
|
73
|
-
createLine(position: LinkPosition, gridMode: boolean): void;
|
|
74
|
-
/** @hidden */
|
|
75
|
-
changeCDKDragState(): void;
|
|
76
|
-
/**
|
|
77
|
-
* Sets the disabled state of the dnd item.
|
|
78
|
-
* @param state
|
|
79
|
-
*/
|
|
80
|
-
setDisabledState(state: boolean): void;
|
|
81
|
-
/** @hidden */
|
|
82
|
-
private createPlaceholder;
|
|
83
|
-
/** @hidden */
|
|
84
|
-
private _setPlaceholderStyles;
|
|
85
|
-
/** @hidden */
|
|
86
|
-
private _getOffsetToParent;
|
|
87
|
-
/** @hidden */
|
|
88
|
-
private _setCDKDrag;
|
|
89
|
-
/** IE11 equivalent of Node.after() Method */
|
|
90
|
-
private _placeAfter;
|
|
91
|
-
/** @hidden */
|
|
92
|
-
private _listenElementEvents;
|
|
93
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DndItemDirective<any>, never>;
|
|
94
|
-
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>;
|
|
95
|
-
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectorRef } from '@angular/core';
|
|
2
|
-
import { Subject } from 'rxjs';
|
|
3
|
-
import { RtlService } from '../../services/rtl.service';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
/**
|
|
6
|
-
* This directive is used to provide drag & drop with keyboard support.
|
|
7
|
-
* It should be used together with directive fdDndKeyboardItem.
|
|
8
|
-
*/
|
|
9
|
-
export declare class DndKeyboardGroupDirective {
|
|
10
|
-
private readonly _cdr;
|
|
11
|
-
private readonly _rtlService;
|
|
12
|
-
/** Group of items */
|
|
13
|
-
groups: any[][];
|
|
14
|
-
/** Whether to disable drag & drop */
|
|
15
|
-
disableKeyboardDragDrop: boolean;
|
|
16
|
-
/** Used to apply indexes when moving between groups */
|
|
17
|
-
orientation: 'horizontal' | 'vertical';
|
|
18
|
-
/** @hidden */
|
|
19
|
-
_onDndItemFocus$: Subject<[number, number]>;
|
|
20
|
-
/** @hidden */
|
|
21
|
-
constructor(_cdr: ChangeDetectorRef, _rtlService: RtlService);
|
|
22
|
-
/** Custom function to call when moving item inside the group */
|
|
23
|
-
customMoveFn: (group: any[], fromIndex: number, toIndex: number) => void;
|
|
24
|
-
/** Custom function to call when moving item between groups */
|
|
25
|
-
customTransferFn: (group: any[], nextGroup: any[], fromIndex: number, toIndex: number) => void;
|
|
26
|
-
/** Process drag & drop */
|
|
27
|
-
processDragDrop(event: KeyboardEvent, itemIndex: number, groupIndex: number): void;
|
|
28
|
-
/** @hidden Focus after moving elements with keyboard */
|
|
29
|
-
private _focusDndItem;
|
|
30
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DndKeyboardGroupDirective, [null, { optional: true; }]>;
|
|
31
|
-
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>;
|
|
32
|
-
}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import { ElementRef, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
-
import { DndKeyboardGroupDirective } from '../dnd-keyboard-group/dnd-keyboard-group.directive';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
/**
|
|
5
|
-
* This directive is used to provide drag & drop with keyboard support.
|
|
6
|
-
* It should be used together with directive fdDndKeyboardGroup.
|
|
7
|
-
* We are using _groups from fdDndKeyboardGroup and adding a possibility to move cards.
|
|
8
|
-
* Please see example below:
|
|
9
|
-
* @Component({
|
|
10
|
-
* selector: 'cdk-drag-drop-example',
|
|
11
|
-
* template: `<div
|
|
12
|
-
* cdkDragListGroup
|
|
13
|
-
* fdDndKeyboardGroup
|
|
14
|
-
* [groups]="groups"
|
|
15
|
-
* >
|
|
16
|
-
* <div
|
|
17
|
-
* *ngFor="let group of groups; let groupIndex = index"
|
|
18
|
-
* cdkDragList
|
|
19
|
-
* >
|
|
20
|
-
* Group #{{ groupIndex }}
|
|
21
|
-
* <div
|
|
22
|
-
* *ngFor="let item of group; let index = index"
|
|
23
|
-
* cdkDrag
|
|
24
|
-
* fdDndKeyboardItem
|
|
25
|
-
* [itemIndex]="index"
|
|
26
|
-
* [groupIndex]="groupIndex"
|
|
27
|
-
* [dndKeyboardDisabled]="flag for disable/enable keyboard navigation if needed"
|
|
28
|
-
* tabindex="0"
|
|
29
|
-
* >
|
|
30
|
-
* Item #{{ item }}
|
|
31
|
-
* </div>
|
|
32
|
-
* </div>
|
|
33
|
-
* </div>`,
|
|
34
|
-
* })
|
|
35
|
-
* export class CdkDragDropExample {
|
|
36
|
-
* groups = [
|
|
37
|
-
* [1, 2, 3],
|
|
38
|
-
* [4, 5, 6],
|
|
39
|
-
* ];
|
|
40
|
-
* }
|
|
41
|
-
*/
|
|
42
|
-
export declare class DndKeyboardItemDirective implements OnInit, OnDestroy {
|
|
43
|
-
private readonly _dndGroup;
|
|
44
|
-
private readonly _elementRef;
|
|
45
|
-
/** item index in group(column) */
|
|
46
|
-
itemIndex: number;
|
|
47
|
-
/** group(column) index */
|
|
48
|
-
groupIndex: number;
|
|
49
|
-
/** @hidden */
|
|
50
|
-
private readonly _onDestroy$;
|
|
51
|
-
/** @hidden */
|
|
52
|
-
constructor(_dndGroup: DndKeyboardGroupDirective, _elementRef: ElementRef);
|
|
53
|
-
/** @hidden */
|
|
54
|
-
_onKeyDown(event: KeyboardEvent): void;
|
|
55
|
-
/** @hidden */
|
|
56
|
-
ngOnInit(): void;
|
|
57
|
-
/** @hidden */
|
|
58
|
-
ngOnDestroy(): void;
|
|
59
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DndKeyboardItemDirective, never>;
|
|
60
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DndKeyboardItemDirective, "[fdkDndKeyboardItem], [fdDndKeyboardItem]", never, { "itemIndex": { "alias": "itemIndex"; "required": false; }; "groupIndex": { "alias": "groupIndex"; "required": false; }; }, {}, never, never, true, never>;
|
|
61
|
-
}
|
|
@@ -1,113 +0,0 @@
|
|
|
1
|
-
import { AfterContentInit, EventEmitter, OnDestroy, QueryList } from '@angular/core';
|
|
2
|
-
import { Observable } from 'rxjs';
|
|
3
|
-
import { DndItem, ElementPosition, FdDndDropType, FdDropEvent } from '../dnd.interfaces';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export type DropPredicate<T> = (dragItem: T, dropItem: T, event: FdDropEvent<T>) => boolean | Promise<boolean> | Observable<boolean>;
|
|
6
|
-
export type DragoverPredicate<T> = (dragItem: T, dragOverItem: T, dragItemIndex: number, dragOverItemIndex: number) => boolean;
|
|
7
|
-
export declare class DndListDirective<T> implements AfterContentInit, OnDestroy {
|
|
8
|
-
/**
|
|
9
|
-
* Defines if the element is allowed to be dragged in 2 dimensions,
|
|
10
|
-
* When true - replace indicator will be displayed vertically
|
|
11
|
-
*/
|
|
12
|
-
gridMode: boolean;
|
|
13
|
-
/**
|
|
14
|
-
* Defines drop strategy:
|
|
15
|
-
* * `shift` mode will create line after the closest drop element.
|
|
16
|
-
* * `group` mode will create replace indicator on a whole closest drop element.
|
|
17
|
-
* * `auto` mode will create a line after the closest drop element
|
|
18
|
-
* if dragged element coordinates are shifted for 30% from the center of the closest drop element.
|
|
19
|
-
* Otherwise, it will create replace indicator on a whole closest drop element.
|
|
20
|
-
*
|
|
21
|
-
* `shift` mode is the default.
|
|
22
|
-
*/
|
|
23
|
-
dropMode: FdDndDropType;
|
|
24
|
-
/**
|
|
25
|
-
* Threshold of dragged item over another item to define which type of `dropMode` should be used.
|
|
26
|
-
*/
|
|
27
|
-
threshold: number;
|
|
28
|
-
/** Array of items, that will be sorted */
|
|
29
|
-
items: Array<T>;
|
|
30
|
-
/** Defines if drag and drop feature should be enabled for list items */
|
|
31
|
-
set draggable(draggable: boolean);
|
|
32
|
-
/** Predicate function that checks whether the item can be dropped over another item. */
|
|
33
|
-
dropPredicate: DropPredicate<T> | undefined;
|
|
34
|
-
/**
|
|
35
|
-
* Predicate function that checks whether the item can be dragged over another item.
|
|
36
|
-
* If the function returns `false`, dragged over item will not be highlighted, and drop event will be canceled.
|
|
37
|
-
*/
|
|
38
|
-
dragoverPredicate: DragoverPredicate<T> | undefined;
|
|
39
|
-
/**
|
|
40
|
-
* Event emitted when `dropPredicate` function evaluation changes.
|
|
41
|
-
* Emits `true` when evaluation started, and `false` when completed.
|
|
42
|
-
*/
|
|
43
|
-
dropPredicateCalculating: EventEmitter<boolean>;
|
|
44
|
-
/** Event that is thrown when items are reordered */
|
|
45
|
-
readonly itemsChange: EventEmitter<T[]>;
|
|
46
|
-
/** Event that is thrown when the item is dropped */
|
|
47
|
-
readonly itemDropped: EventEmitter<FdDropEvent<T>>;
|
|
48
|
-
/** Event that is thrown when predicate function returned false. */
|
|
49
|
-
readonly dropCancelled: EventEmitter<void>;
|
|
50
|
-
/** @hidden */
|
|
51
|
-
dndItems: QueryList<DndItem<T>>;
|
|
52
|
-
/** @hidden */
|
|
53
|
-
private readonly _initialClass;
|
|
54
|
-
/** @hidden */
|
|
55
|
-
private _elementsCoordinates;
|
|
56
|
-
/** @hidden */
|
|
57
|
-
private _closestItemIndex;
|
|
58
|
-
/** @hidden */
|
|
59
|
-
private _closestItemPosition;
|
|
60
|
-
/** An RxJS Subject that will kill the current data stream (for unsubscribing) */
|
|
61
|
-
private readonly _refresh$;
|
|
62
|
-
/** @hidden */
|
|
63
|
-
private readonly _destroyRef;
|
|
64
|
-
/** @hidden */
|
|
65
|
-
private _dndItemReference;
|
|
66
|
-
/** @hidden */
|
|
67
|
-
private _draggable;
|
|
68
|
-
/** @hidden */
|
|
69
|
-
private _detectedDropMode;
|
|
70
|
-
/** @hidden */
|
|
71
|
-
private _linesRemoved;
|
|
72
|
-
/** @hidden */
|
|
73
|
-
private _indicatorsRemoved;
|
|
74
|
-
/** @hidden */
|
|
75
|
-
private _draggedItem;
|
|
76
|
-
/** @hidden */
|
|
77
|
-
private _ignoreDrop;
|
|
78
|
-
/** @hidden */
|
|
79
|
-
ngAfterContentInit(): void;
|
|
80
|
-
/** @hidden */
|
|
81
|
-
ngOnDestroy(): void;
|
|
82
|
-
/**
|
|
83
|
-
* Refreshes the indexes of the items.
|
|
84
|
-
*/
|
|
85
|
-
refreshQueryList(): void;
|
|
86
|
-
/** Method called when the item is being moved by 1 px */
|
|
87
|
-
onMove(mousePosition: ElementPosition, draggedItemIndex: number): void;
|
|
88
|
-
/** Method called when an element is started to be dragged */
|
|
89
|
-
dragStart(index: number): void;
|
|
90
|
-
/** Method called when an element is released */
|
|
91
|
-
dragEnd(draggedItemIndex: number): Promise<void>;
|
|
92
|
-
/** @hidden */
|
|
93
|
-
private _setDisabledItem;
|
|
94
|
-
/** @hidden */
|
|
95
|
-
private _selectDropModeIndicator;
|
|
96
|
-
/** @hidden */
|
|
97
|
-
private _removeAllLines;
|
|
98
|
-
/** @hidden */
|
|
99
|
-
private _removeAllReplaceIndicators;
|
|
100
|
-
/** @hidden */
|
|
101
|
-
private _createLine;
|
|
102
|
-
/** @hidden */
|
|
103
|
-
private _createReplaceIndicator;
|
|
104
|
-
/**
|
|
105
|
-
* @hidden
|
|
106
|
-
* Return information if an element is placed before the dragged element
|
|
107
|
-
*/
|
|
108
|
-
private _isBefore;
|
|
109
|
-
/** @hidden */
|
|
110
|
-
private _changeDraggableState;
|
|
111
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DndListDirective<any>, never>;
|
|
112
|
-
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>;
|
|
113
|
-
}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { ElementRef } from '@angular/core';
|
|
2
|
-
import { Observable } from 'rxjs';
|
|
3
|
-
import { Nullable } from '../models/nullable';
|
|
4
|
-
export type LinkPosition = 'after' | 'before';
|
|
5
|
-
export interface ElementChord {
|
|
6
|
-
x: number;
|
|
7
|
-
y: number;
|
|
8
|
-
position: LinkPosition;
|
|
9
|
-
stickToPosition?: boolean;
|
|
10
|
-
width: number;
|
|
11
|
-
height: number;
|
|
12
|
-
}
|
|
13
|
-
export interface FdDropEvent<T> {
|
|
14
|
-
items: Array<T>;
|
|
15
|
-
replacedItemIndex: number;
|
|
16
|
-
draggedItemIndex: number;
|
|
17
|
-
insertAt: 'before' | 'after' | null;
|
|
18
|
-
mode: FdDndDropEventMode;
|
|
19
|
-
}
|
|
20
|
-
export interface ElementPosition {
|
|
21
|
-
x: number;
|
|
22
|
-
y: number;
|
|
23
|
-
}
|
|
24
|
-
export interface DndItem<T = any> {
|
|
25
|
-
elementRef: ElementRef;
|
|
26
|
-
item: Nullable<T>;
|
|
27
|
-
moved: Observable<ElementPosition>;
|
|
28
|
-
released: Observable<void>;
|
|
29
|
-
started: Observable<void>;
|
|
30
|
-
listDraggable: boolean;
|
|
31
|
-
getElementCoordinates(isBefore: boolean, gridMode: boolean): ElementChord;
|
|
32
|
-
removeLine(): void;
|
|
33
|
-
removeReplaceIndicator(): void;
|
|
34
|
-
createLine(linkPosition: LinkPosition, gridMode: boolean): void;
|
|
35
|
-
createReplaceIndicator(): void;
|
|
36
|
-
changeCDKDragState(): void;
|
|
37
|
-
setDisabledState(state: boolean): void;
|
|
38
|
-
}
|
|
39
|
-
export type FdDndDropType = 'shift' | 'group' | 'auto';
|
|
40
|
-
export type FdDndDropEventMode = 'shift' | 'group';
|