@leanix/components 0.4.486 → 0.4.487
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/esm2022/lib/core-ui/components/ellipsis/ellipsis.component.mjs +4 -1
- package/esm2022/lib/core-ui/components/tokenizer/tokenizer.component.mjs +4 -1
- package/esm2022/lib/forms-ui/components/currency/currency-input.component.mjs +13 -1
- package/esm2022/lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list.component.mjs +9 -1
- package/esm2022/lib/forms-ui/components/form-error/form-error.component.mjs +3 -1
- package/esm2022/lib/forms-ui/components/keyboard-select.directive.mjs +8 -1
- package/esm2022/lib/forms-ui/components/multi-select/multi-select.component.mjs +24 -1
- package/esm2022/lib/forms-ui/components/option-group-dropdown/option-group-dropdown.component.mjs +9 -1
- package/esm2022/lib/forms-ui/components/options-dropdown/options-dropdown.component.mjs +17 -2
- package/esm2022/lib/forms-ui/components/picker/picker.component.mjs +16 -1
- package/esm2022/lib/forms-ui/components/select-list/select-list.component.mjs +9 -1
- package/esm2022/lib/forms-ui/components/single-select/single-select.component.mjs +20 -1
- package/esm2022/lib/forms-ui/models/base-select.directive.mjs +15 -1
- package/fesm2022/leanix-components.mjs +138 -1
- package/fesm2022/leanix-components.mjs.map +1 -1
- package/lib/core-ui/components/ellipsis/ellipsis.component.d.ts +8 -0
- package/lib/core-ui/components/tokenizer/tokenizer.component.d.ts +6 -0
- package/lib/forms-ui/components/currency/currency-input.component.d.ts +14 -0
- package/lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list.component.d.ts +13 -0
- package/lib/forms-ui/components/form-error/form-error.component.d.ts +2 -0
- package/lib/forms-ui/components/keyboard-select.directive.d.ts +9 -0
- package/lib/forms-ui/components/multi-select/multi-select.component.d.ts +28 -0
- package/lib/forms-ui/components/option-group-dropdown/option-group-dropdown.component.d.ts +11 -0
- package/lib/forms-ui/components/options-dropdown/options-dropdown.component.d.ts +17 -0
- package/lib/forms-ui/components/picker/picker.component.d.ts +19 -0
- package/lib/forms-ui/components/select-list/select-list.component.d.ts +13 -0
- package/lib/forms-ui/components/single-select/single-select.component.d.ts +25 -0
- package/lib/forms-ui/models/base-select.directive.d.ts +19 -0
- package/package.json +1 -1
@@ -15,6 +15,7 @@ export declare class EllipsisComponent implements OnInit, OnDestroy, AfterViewCh
|
|
15
15
|
private hostEl;
|
16
16
|
private resizeObserverService;
|
17
17
|
private translateService;
|
18
|
+
/** @internal */
|
18
19
|
static DEFAULT_RESIZE_DEBOUNCE_MS: number;
|
19
20
|
content: string;
|
20
21
|
/**
|
@@ -23,12 +24,18 @@ export declare class EllipsisComponent implements OnInit, OnDestroy, AfterViewCh
|
|
23
24
|
*/
|
24
25
|
escapeHtmlInContent: boolean;
|
25
26
|
private contentSpanEl$;
|
27
|
+
/** @internal */
|
26
28
|
contentSpanEl: ElementRef<HTMLSpanElement>;
|
27
29
|
private showMoreButtonEl$;
|
30
|
+
/** @internal */
|
28
31
|
showMoreButtonEl: ElementRef<HTMLButtonElement>;
|
32
|
+
/** @internal */
|
29
33
|
isShowingMore$: BehaviorSubject<boolean>;
|
34
|
+
/** @internal */
|
30
35
|
showButton$: Observable<boolean>;
|
36
|
+
/** @internal */
|
31
37
|
showMoreButtonLabel$: Observable<string>;
|
38
|
+
/** @internal */
|
32
39
|
sanitizedContent$: Observable<string>;
|
33
40
|
private content$;
|
34
41
|
private destroyed$;
|
@@ -36,6 +43,7 @@ export declare class EllipsisComponent implements OnInit, OnDestroy, AfterViewCh
|
|
36
43
|
constructor(debounceMsAfterResize: number, cdRef: ChangeDetectorRef, hostEl: ElementRef, resizeObserverService: ResizeObserverService, translateService: TranslateService);
|
37
44
|
ngOnInit(): void;
|
38
45
|
ngAfterViewChecked(): void;
|
46
|
+
/** @internal */
|
39
47
|
onShowMoreToggle(): void;
|
40
48
|
ngOnDestroy(): void;
|
41
49
|
private detectChangesWhenObservableEmits;
|
@@ -46,10 +46,12 @@ export declare class TokenizerComponent implements AfterContentInit {
|
|
46
46
|
private destroyRef;
|
47
47
|
private changeDetectorRef;
|
48
48
|
private resizeObserverService;
|
49
|
+
/** @internal */
|
49
50
|
readonly NAME = "TokenizerComponent";
|
50
51
|
protected overflowItems: import("@angular/core").WritableSignal<TokenComponent[]>;
|
51
52
|
protected overflowItemCount: import("@angular/core").Signal<number>;
|
52
53
|
protected showCounter: import("@angular/core").Signal<boolean>;
|
54
|
+
/** Can be used to activate & deactivate tokenization */
|
53
55
|
active: import("@angular/core").InputSignal<boolean>;
|
54
56
|
private active$;
|
55
57
|
private overflowStartIndex;
|
@@ -62,11 +64,15 @@ export declare class TokenizerComponent implements AfterContentInit {
|
|
62
64
|
startIndex: number;
|
63
65
|
counterElement: ElementRef<HTMLElement>;
|
64
66
|
}>;
|
67
|
+
/** @internal */
|
65
68
|
items?: QueryList<TokenComponent>;
|
69
|
+
/** @internal */
|
66
70
|
counter?: ElementRef<HTMLElement>;
|
71
|
+
/** @internal */
|
67
72
|
tokensContainer: ElementRef<HTMLElement>;
|
68
73
|
constructor(elementRef: ElementRef<HTMLElement>, destroyRef: DestroyRef, changeDetectorRef: ChangeDetectorRef, resizeObserverService: ResizeObserverService);
|
69
74
|
ngAfterContentInit(): void;
|
75
|
+
/** @internal */
|
70
76
|
onCounterClicked(): void;
|
71
77
|
private tokenize;
|
72
78
|
private updateOverflowCounter;
|
@@ -12,6 +12,7 @@ export declare class CurrencyInputComponent implements AfterViewInit, OnDestroy,
|
|
12
12
|
placeholder: string;
|
13
13
|
data: number;
|
14
14
|
inputId?: string;
|
15
|
+
/** @internal */
|
15
16
|
data$: Observable<number>;
|
16
17
|
disabled: boolean;
|
17
18
|
mode: CurrencyInputMode;
|
@@ -21,23 +22,36 @@ export declare class CurrencyInputComponent implements AfterViewInit, OnDestroy,
|
|
21
22
|
markInvalid: boolean;
|
22
23
|
onFocusLost: EventEmitter<boolean>;
|
23
24
|
onChange: EventEmitter<number>;
|
25
|
+
/** @internal */
|
24
26
|
private currencyInput;
|
27
|
+
/** @internal */
|
25
28
|
showCurrencyInput: boolean;
|
29
|
+
/** @internal */
|
26
30
|
dataValue$: ReplaySubject<number>;
|
27
31
|
private get allowedCharacters();
|
32
|
+
/** @internal */
|
28
33
|
readonly destroyed$: Subject<void>;
|
29
34
|
constructor(changeDetector: ChangeDetectorRef);
|
30
35
|
ngOnInit(): void;
|
31
36
|
ngAfterViewInit(): void;
|
32
37
|
ngOnDestroy(): void;
|
38
|
+
/** @internal */
|
33
39
|
valueChanged(value: string | number): void;
|
40
|
+
/** @internal */
|
34
41
|
onBlur(): void;
|
42
|
+
/** @internal */
|
35
43
|
focusCurrencyInput(): void;
|
44
|
+
/** @internal */
|
36
45
|
shouldRejectKey(event: KeyboardEvent): boolean;
|
46
|
+
/** @internal */
|
37
47
|
propagateChange(_newValue: number): void;
|
48
|
+
/** @internal */
|
38
49
|
writeValue(newValue: number): void;
|
50
|
+
/** @internal */
|
39
51
|
registerOnChange(fn: any): void;
|
52
|
+
/** @internal */
|
40
53
|
registerOnTouched(_fn: any): void;
|
54
|
+
/** @internal */
|
41
55
|
setDisabledState(disabled: boolean): void;
|
42
56
|
private parseInput;
|
43
57
|
private containsSeparators;
|
@@ -13,8 +13,11 @@ export interface DragAndDropListMoveIndexEvent {
|
|
13
13
|
previous: number;
|
14
14
|
}
|
15
15
|
export declare class DragAndDropListComponent implements AfterContentInit, AfterViewInit {
|
16
|
+
/** @internal */
|
16
17
|
readonly NAME = "DragAndDropListComponent";
|
18
|
+
/** @internal */
|
17
19
|
items$: Observable<DragAndDropListItemComponent[]>;
|
20
|
+
/** @internal */
|
18
21
|
keyboardSortableItems$: Observable<KeyboardSortableItemDirective[]>;
|
19
22
|
/**
|
20
23
|
* A label for describing this list.
|
@@ -32,17 +35,24 @@ export declare class DragAndDropListComponent implements AfterContentInit, After
|
|
32
35
|
*/
|
33
36
|
moveToIndex: EventEmitter<DragAndDropListMoveIndexEvent>;
|
34
37
|
moveItem: EventEmitter<DragAndDropListMoveEvent>;
|
38
|
+
/** @internal */
|
35
39
|
private _items;
|
40
|
+
/** @internal */
|
36
41
|
private _keyboardSortableItems;
|
37
42
|
/**
|
38
43
|
* TODO: extract state about keyboard sorting into KeyboardSortableListDirective
|
44
|
+
* @internal
|
39
45
|
*/
|
40
46
|
isSortingByKeyboard: boolean;
|
47
|
+
/** @internal */
|
41
48
|
keyboardItemBeingSorted: string | undefined;
|
49
|
+
/** @internal */
|
42
50
|
allItemsData: string[];
|
51
|
+
/** @internal */
|
43
52
|
allItemsData$: Observable<string[]>;
|
44
53
|
ngAfterContentInit(): void;
|
45
54
|
ngAfterViewInit(): void;
|
55
|
+
/** @internal */
|
46
56
|
emitContentChildAction(action: DragAndDropListActionEvent): void;
|
47
57
|
/**
|
48
58
|
* From the Angular cdk drag and drop documentation:
|
@@ -52,10 +62,13 @@ export declare class DragAndDropListComponent implements AfterContentInit, After
|
|
52
62
|
* https://material.angular.io/cdk/drag-drop/overview
|
53
63
|
*
|
54
64
|
* You're supposed to update the data in the parent and pass the new items as input.
|
65
|
+
* @internal
|
55
66
|
*/
|
56
67
|
drop(event: CdkDragDrop<DragAndDropListItemComponent[] | null, string[]>): void;
|
68
|
+
/** @internal */
|
57
69
|
dropToIndexAfterArrowKey(item: any, previousIndex: number, currentIndex: number): void;
|
58
70
|
private sortItems;
|
71
|
+
/** @internal */
|
59
72
|
trackByItem(_index: number, item: DragAndDropListItemComponent): string;
|
60
73
|
static ɵfac: i0.ɵɵFactoryDeclaration<DragAndDropListComponent, never>;
|
61
74
|
static ɵcmp: i0.ɵɵComponentDeclaration<DragAndDropListComponent, "lx-drag-and-drop-list", never, { "label": { "alias": "label"; "required": false; }; "labelFontWeight": { "alias": "labelFontWeight"; "required": false; }; "color": { "alias": "color"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; }, { "moveToIndex": "moveToIndex"; "moveItem": "moveItem"; }, ["_items"], never, true, never>;
|
@@ -5,11 +5,13 @@ export declare class FormErrorComponent implements OnInit, OnChanges, OnDestroy
|
|
5
5
|
namespace: string;
|
6
6
|
form: UntypedFormGroup;
|
7
7
|
controlName: string;
|
8
|
+
/** @internal */
|
8
9
|
translationKeys: string[];
|
9
10
|
private formSubscription;
|
10
11
|
ngOnInit(): void;
|
11
12
|
ngOnChanges(_changes: SimpleChanges): void;
|
12
13
|
ngOnDestroy(): void;
|
14
|
+
/** @internal */
|
13
15
|
getTranslationKeys(): string[];
|
14
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<FormErrorComponent, never>;
|
15
17
|
static ɵcmp: i0.ɵɵComponentDeclaration<FormErrorComponent, "lx-form-error", never, { "namespace": { "alias": "namespace"; "required": false; }; "form": { "alias": "form"; "required": false; }; "controlName": { "alias": "controlName"; "required": false; }; }, {}, never, never, true, never>;
|
@@ -14,19 +14,28 @@ export declare enum KeyboardSelectAction {
|
|
14
14
|
CLOSE = "CLOSE"
|
15
15
|
}
|
16
16
|
export declare class KeyboardSelectDirective implements OnDestroy, AfterViewInit {
|
17
|
+
/** @internal */
|
17
18
|
cdkOverlayOpenState: ReplaySubject<boolean>;
|
19
|
+
/** @internal */
|
18
20
|
cdkOverlayOpen$: Observable<boolean>;
|
21
|
+
/** @internal */
|
19
22
|
overlayPositioning: boolean;
|
20
23
|
keyboardSelectAction: Observable<KeyboardSelectAction | null>;
|
21
24
|
selectedItemIndexChange: EventEmitter<number>;
|
25
|
+
/** @internal */
|
22
26
|
_items: QueryList<DropdownItem>;
|
27
|
+
/** @internal */
|
23
28
|
keyboardSelectContainer: ElementRef<HTMLElement>;
|
29
|
+
/** @internal */
|
24
30
|
readonly destroyed$: Subject<void>;
|
31
|
+
/** @internal */
|
25
32
|
get selectedItem$(): Observable<any>;
|
26
33
|
private readonly selectedItemIndex$;
|
27
34
|
private readonly selectedItemSubject$;
|
35
|
+
/** @internal */
|
28
36
|
select(index: number): void;
|
29
37
|
ngAfterViewInit(): void;
|
38
|
+
/** @internal */
|
30
39
|
isItemSelected(item: HTMLElement, selectedItem: ElementRef<HTMLElement>): boolean;
|
31
40
|
private adaptSelectedIndexBasedOnKeyboardSelectAction;
|
32
41
|
private prev;
|
@@ -15,9 +15,13 @@ export type MultiSelectRemoveItemEvent = {
|
|
15
15
|
};
|
16
16
|
export declare class MultiSelectComponent extends BaseSelectDirective implements AfterViewInit, ControlValueAccessor {
|
17
17
|
private cd;
|
18
|
+
/** @internal */
|
18
19
|
static isStillPossibleMoveToLeft(eventSet: EventSet): boolean;
|
20
|
+
/** @internal */
|
19
21
|
static isMovingfromZeroToRight(eventSet: EventSet): boolean;
|
22
|
+
/** @internal */
|
20
23
|
static calculateNewCursorPostionOnKeyboardNavigation(cursorPosition: number, keyCode: number): number;
|
24
|
+
/** @internal */
|
21
25
|
static getKeyboardSelectAction(cursorPosition: number, keyCode: number): KeyboardSelectAction | null;
|
22
26
|
markInvalid: boolean;
|
23
27
|
selection?: any[] | null;
|
@@ -26,36 +30,60 @@ export declare class MultiSelectComponent extends BaseSelectDirective implements
|
|
26
30
|
inputId?: string;
|
27
31
|
selectionChange: EventEmitter<any[]>;
|
28
32
|
blur: EventEmitter<void>;
|
33
|
+
/** @internal */
|
29
34
|
explicitDropdown?: TemplateRef<any>;
|
35
|
+
/** @internal */
|
30
36
|
selectionTemplate?: TemplateRef<any>;
|
37
|
+
/** @internal */
|
31
38
|
queryInput: ResponsiveInputComponent;
|
39
|
+
/** @internal */
|
32
40
|
implicitDropdown: TemplateRef<any>;
|
41
|
+
/** @internal */
|
33
42
|
selectionElement?: ElementRef<HTMLElement>;
|
43
|
+
/** @internal */
|
34
44
|
get dropdownTmpl(): TemplateRef<any>;
|
45
|
+
/** @internal */
|
35
46
|
readonly destroyed$: Subject<void>;
|
47
|
+
/** @internal */
|
36
48
|
isInputFocusedViaTab: boolean;
|
49
|
+
/** @internal */
|
37
50
|
canTokenize: boolean;
|
51
|
+
/** @internal */
|
38
52
|
get tokenize(): boolean;
|
39
53
|
constructor(cd: ChangeDetectorRef);
|
54
|
+
/** @internal */
|
40
55
|
get dropdownWidth(): string | undefined;
|
56
|
+
/** @internal */
|
41
57
|
resetInput(): void;
|
58
|
+
/** @internal */
|
42
59
|
focus(): void;
|
60
|
+
/** @internal */
|
43
61
|
focusAndOpen(): void;
|
62
|
+
/** @internal */
|
44
63
|
onFocus(): void;
|
64
|
+
/** @internal */
|
45
65
|
onBlur(): void;
|
46
66
|
ngAfterViewInit(): void;
|
47
67
|
/**
|
48
68
|
* Adds the given option to the selection and, by default, resets the input field.
|
49
69
|
* @param option The option to add to the selection.
|
50
70
|
* @param keepSearchQueryAndScrollPosition If true, the search query and scroll position of the dropdown will be kept, unless there are no options left.
|
71
|
+
* @internal
|
51
72
|
*/
|
52
73
|
addItemToSelection(option: any, keepSearchQueryAndScrollPosition?: boolean): void;
|
74
|
+
/** @internal */
|
53
75
|
removeItem(optionToRemove: MultiSelectRemoveItemEvent): void;
|
76
|
+
/** @internal */
|
54
77
|
propagateChange(_value: any[]): void;
|
78
|
+
/** @internal */
|
55
79
|
writeValue(value: any[]): void;
|
80
|
+
/** @internal */
|
56
81
|
registerOnChange(fn: any): void;
|
82
|
+
/** @internal */
|
57
83
|
registerOnTouched(_fn: any): void;
|
84
|
+
/** @internal */
|
58
85
|
setDisabledState(isDisabled: boolean): void;
|
86
|
+
/** @internal */
|
59
87
|
focusedViaTab(): void;
|
60
88
|
private onSelectionChange;
|
61
89
|
private scrollToEndOfSelection;
|
@@ -34,6 +34,7 @@ export type SingleSelectOptionGroup<T = any> = {
|
|
34
34
|
* ```
|
35
35
|
*/
|
36
36
|
export declare class OptionGroupDropdownComponent extends KeyboardSelectDirective {
|
37
|
+
/** @internal */
|
37
38
|
readonly NAME = "OptionGroupDropdownComponent";
|
38
39
|
optionGroups: SingleSelectOptionGroup[];
|
39
40
|
/**
|
@@ -50,20 +51,30 @@ export declare class OptionGroupDropdownComponent extends KeyboardSelectDirectiv
|
|
50
51
|
onItemSelected: EventEmitter<any>;
|
51
52
|
containerScrolled: EventEmitter<any>;
|
52
53
|
createNewOption: EventEmitter<string>;
|
54
|
+
/** @internal */
|
53
55
|
optionTemplateRef?: TemplateRef<any>;
|
54
56
|
/**
|
55
57
|
* If you provide a <ng-template #noResultsOptionTemplateRef></ng-template> inside the <lx-option-group-dropdown>
|
56
58
|
* it will be used to display the "no results" option instead of the default "No results" text.
|
57
59
|
* This way you can easily define different "No results" texts for different groups too.
|
60
|
+
* @internal
|
58
61
|
*/
|
59
62
|
noResultsOptionTemplateRef?: TemplateRef<any>;
|
63
|
+
/** @internal */
|
60
64
|
selectOrigin: CdkOverlayOrigin;
|
65
|
+
/** @internal */
|
61
66
|
isTopDropdown: boolean;
|
67
|
+
/** @internal */
|
62
68
|
get isNewItem(): boolean;
|
69
|
+
/** @internal */
|
63
70
|
selectOption(option: OptionGroupOption | any): void;
|
71
|
+
/** @internal */
|
64
72
|
trackByLabel(index: number, optionGroup: SingleSelectOptionGroup): string;
|
73
|
+
/** @internal */
|
65
74
|
onCreateNewOption(): void;
|
75
|
+
/** @internal */
|
66
76
|
trackByValue(_index: number, option: OptionGroupOption | any): any;
|
77
|
+
/** @internal */
|
67
78
|
onPositionChange(event: ConnectedOverlayPositionChange): void;
|
68
79
|
static ɵfac: i0.ɵɵFactoryDeclaration<OptionGroupDropdownComponent, never>;
|
69
80
|
static ɵcmp: i0.ɵɵComponentDeclaration<OptionGroupDropdownComponent, "lx-option-group-dropdown", never, { "optionGroups": { "alias": "optionGroups"; "required": false; }; "newOptionLabel": { "alias": "newOptionLabel"; "required": false; }; "highlightTerm": { "alias": "highlightTerm"; "required": false; }; "showCreateNewOption": { "alias": "showCreateNewOption"; "required": false; }; "labelKey": { "alias": "labelKey"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "trackByProperty": { "alias": "trackByProperty"; "required": false; }; "showNoResultsIfGroupIsEmpty": { "alias": "showNoResultsIfGroupIsEmpty"; "required": false; }; "overlayPositioning": { "alias": "overlayPositioning"; "required": false; }; }, { "onItemSelected": "onItemSelected"; "containerScrolled": "containerScrolled"; "createNewOption": "createNewOption"; }, ["optionTemplateRef", "noResultsOptionTemplateRef"], never, true, never>;
|
@@ -8,6 +8,7 @@ export declare class OptionsDropdownComponent implements AfterViewInit, OnDestro
|
|
8
8
|
private changeDetection;
|
9
9
|
private readonly scrollStrategies;
|
10
10
|
private renderer;
|
11
|
+
/** @internal */
|
11
12
|
readonly NAME = "OptionsDropdownComponent";
|
12
13
|
align: 'right' | 'left';
|
13
14
|
closeOnScroll: boolean;
|
@@ -17,28 +18,43 @@ export declare class OptionsDropdownComponent implements AfterViewInit, OnDestro
|
|
17
18
|
overlayPositioning: boolean;
|
18
19
|
dropdownClass: string;
|
19
20
|
isFlexEnabledTriggerContainer: boolean;
|
21
|
+
/** @internal */
|
20
22
|
trigger: KeyboardActionSourceDirective;
|
23
|
+
/** @internal */
|
24
|
+
/** @internal */
|
21
25
|
_options: QueryList<OptionComponent>;
|
26
|
+
/** @internal */
|
22
27
|
overlayScrollStrategy: ScrollStrategy;
|
23
28
|
opened: EventEmitter<void>;
|
24
29
|
closed: EventEmitter<void>;
|
25
30
|
closedWithoutSelection: EventEmitter<void>;
|
31
|
+
/** @internal */
|
26
32
|
get displayStyle(): "inline-block" | "block";
|
33
|
+
/** @internal */
|
27
34
|
get overlayPositions(): ConnectedPosition[];
|
35
|
+
/** @internal */
|
28
36
|
set open(value: boolean);
|
37
|
+
/** @internal */
|
29
38
|
get open(): boolean;
|
39
|
+
/** @internal */
|
30
40
|
get options(): OptionComponent[];
|
41
|
+
/** @internal */
|
31
42
|
get optionIds(): string[];
|
43
|
+
/** @internal */
|
32
44
|
get lxButton(): HTMLElement;
|
33
45
|
private readonly highlightedOptionIndex$;
|
34
46
|
private _open;
|
35
47
|
private isSubdropdownExpanded;
|
48
|
+
/** @internal */
|
36
49
|
readonly listboxId: string;
|
50
|
+
/** @internal */
|
37
51
|
readonly destroyed$: Subject<void>;
|
38
52
|
constructor(changeDetection: ChangeDetectorRef, scrollStrategies: ScrollStrategyOptions, renderer: Renderer2);
|
39
53
|
ngAfterViewInit(): void;
|
40
54
|
ngOnDestroy(): void;
|
55
|
+
/** @internal */
|
41
56
|
closeDropdown(): void;
|
57
|
+
/** @internal */
|
42
58
|
toggleOpen(): void;
|
43
59
|
private setInitialHighlightingIndex;
|
44
60
|
private prev;
|
@@ -51,6 +67,7 @@ export declare class OptionsDropdownComponent implements AfterViewInit, OnDestro
|
|
51
67
|
* don't have to do it manually every time we declare a new instance of this component
|
52
68
|
*/
|
53
69
|
private setInitialAccessibilityAttributes;
|
70
|
+
/** @internal */
|
54
71
|
handleOptionKeyDown(event: KeyboardEvent): void;
|
55
72
|
static ɵfac: i0.ɵɵFactoryDeclaration<OptionsDropdownComponent, never>;
|
56
73
|
static ɵcmp: i0.ɵɵComponentDeclaration<OptionsDropdownComponent, "lx-options-dropdown", never, { "align": { "alias": "align"; "required": false; }; "closeOnScroll": { "alias": "closeOnScroll"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "overlayPositioning": { "alias": "overlayPositioning"; "required": false; }; "dropdownClass": { "alias": "dropdownClass"; "required": false; }; "isFlexEnabledTriggerContainer": { "alias": "isFlexEnabledTriggerContainer"; "required": false; }; }, { "opened": "opened"; "closed": "closed"; "closedWithoutSelection": "closedWithoutSelection"; }, ["trigger", "_options"], ["[lxKeyboardActionSource]", "*"], true, never>;
|
@@ -39,31 +39,50 @@ export declare class PickerComponent implements AfterViewInit, ControlValueAcces
|
|
39
39
|
*/
|
40
40
|
listBoxAriaLabelledBy?: string;
|
41
41
|
openDirection: 'left' | 'right';
|
42
|
+
/** @internal */
|
42
43
|
get activeDescendantsId(): string | undefined;
|
44
|
+
/** @internal */
|
43
45
|
set activeDescendantsId(value: string | undefined);
|
46
|
+
/** @internal */
|
44
47
|
get open(): boolean;
|
48
|
+
/** @internal */
|
45
49
|
set open(value: boolean);
|
46
50
|
/**
|
47
51
|
* Returns a negative margin, that is used to move the picker dropdown to the left side of the picker trigger.
|
52
|
+
* @internal
|
48
53
|
*/
|
49
54
|
get leftOffset(): string;
|
55
|
+
/** @internal */
|
50
56
|
private options;
|
57
|
+
/** @internal */
|
51
58
|
keyManager: ActiveDescendantKeyManager<PickerOptionComponent>;
|
59
|
+
/** @internal */
|
52
60
|
private _trigger;
|
61
|
+
/** @internal */
|
53
62
|
private _isFormControl;
|
63
|
+
/** @internal */
|
54
64
|
private _open;
|
65
|
+
/** @internal */
|
55
66
|
private _activeDescendantsId?;
|
67
|
+
/** @internal */
|
56
68
|
private _lastSelectWasByKeyManager;
|
69
|
+
/** @internal */
|
57
70
|
readonly destroyed$: Subject<void>;
|
58
71
|
constructor(dir: Directionality, cdRef: ChangeDetectorRef);
|
72
|
+
/** @internal */
|
59
73
|
manageKeyboardEvents(event: KeyboardEvent): void;
|
60
74
|
ngAfterViewInit(): void;
|
61
75
|
ngOnDestroy(): void;
|
76
|
+
/** @internal */
|
62
77
|
closePicker(): void;
|
78
|
+
/** @internal */
|
63
79
|
toggleOpen(): void;
|
64
80
|
private setActivePickerOption;
|
81
|
+
/** @internal */
|
65
82
|
writeValue(value: any): void;
|
83
|
+
/** @internal */
|
66
84
|
registerOnChange(fn: any): void;
|
85
|
+
/** @internal */
|
67
86
|
registerOnTouched(fn: any): void;
|
68
87
|
private propagateChange;
|
69
88
|
private onTouched;
|
@@ -8,20 +8,33 @@ export declare class SelectListComponent extends BaseSelectDirective implements
|
|
8
8
|
selection: any;
|
9
9
|
selectionChange: EventEmitter<any>;
|
10
10
|
onChooseItem: EventEmitter<string>;
|
11
|
+
/** @internal */
|
11
12
|
explicitDropdown?: TemplateRef<any>;
|
13
|
+
/** @internal */
|
12
14
|
private dropdownComponent?;
|
15
|
+
/** @internal */
|
13
16
|
implicitSelectedOption: TemplateRef<any>;
|
17
|
+
/** @internal */
|
14
18
|
implicitDropdown: TemplateRef<any>;
|
19
|
+
/** @internal */
|
15
20
|
searchInput: ElementRef<HTMLInputElement>;
|
21
|
+
/** @internal */
|
16
22
|
highlightedIndex: number;
|
23
|
+
/** @internal */
|
17
24
|
get dropdownTmpl(): TemplateRef<any>;
|
25
|
+
/** @internal */
|
18
26
|
readonly destroyed$: Subject<void>;
|
27
|
+
/** @internal */
|
19
28
|
resetInput(): void;
|
29
|
+
/** @internal */
|
20
30
|
focus(): void;
|
31
|
+
/** @internal */
|
21
32
|
focusAndOpen(): void;
|
22
33
|
ngOnDestroy(): void;
|
23
34
|
ngAfterViewInit(): void;
|
35
|
+
/** @internal */
|
24
36
|
selectOption(index: number): void;
|
37
|
+
/** @internal */
|
25
38
|
searchKeyChanged(event: any): void;
|
26
39
|
private determineHighlightIndex;
|
27
40
|
static ɵfac: i0.ɵɵFactoryDeclaration<SelectListComponent, never>;
|
@@ -19,7 +19,9 @@ export type SingleSelectSize = 'default' | 'small' | 'select2' | 'large';
|
|
19
19
|
*/
|
20
20
|
export declare class SingleSelectComponent extends BaseSelectDirective implements OnDestroy, AfterViewInit, ControlValueAccessor {
|
21
21
|
private cd;
|
22
|
+
/** @internal */
|
22
23
|
static calculateNewCursorPostionOnKeyboardNavigation(cursorPosition: number, keyCode: number): number;
|
24
|
+
/** @internal */
|
23
25
|
static getKeyboardSelectAction(cursorPosition: number, keyCode: number): KeyboardSelectAction | null;
|
24
26
|
selection: any;
|
25
27
|
selectionBackground: 'white' | 'gray';
|
@@ -30,34 +32,57 @@ export declare class SingleSelectComponent extends BaseSelectDirective implement
|
|
30
32
|
required: boolean;
|
31
33
|
selectionChange: EventEmitter<any>;
|
32
34
|
blur: EventEmitter<FocusEvent>;
|
35
|
+
/** @internal */
|
33
36
|
explicitDropdown?: TemplateRef<any>;
|
37
|
+
/** @internal */
|
34
38
|
explicitSelectedOption?: TemplateRef<any>;
|
39
|
+
/** @internal */
|
35
40
|
private dropdownComponent?;
|
41
|
+
/** @internal */
|
36
42
|
implicitSelectedOption: TemplateRef<any>;
|
43
|
+
/** @internal */
|
37
44
|
implicitDropdown: TemplateRef<any>;
|
45
|
+
/** @internal */
|
38
46
|
get selectedOptionTmpl(): TemplateRef<any>;
|
47
|
+
/** @internal */
|
39
48
|
get dropdownTmpl(): TemplateRef<any>;
|
40
49
|
allowClear: boolean;
|
41
50
|
tabIndex: number;
|
42
51
|
markInvalid: boolean;
|
52
|
+
/** @internal */
|
43
53
|
queryInput: ElementRef<HTMLInputElement>;
|
54
|
+
/** @internal */
|
44
55
|
readonly destroyed$: Subject<void>;
|
56
|
+
/** @internal */
|
45
57
|
isInputFocusedViaTab: boolean;
|
46
58
|
constructor(cd: ChangeDetectorRef);
|
59
|
+
/** @internal */
|
47
60
|
get cursorStyle(): "text" | "default" | "pointer";
|
61
|
+
/** @internal */
|
48
62
|
get dropdownWidth(): string | undefined;
|
63
|
+
/** @internal */
|
49
64
|
resetInput(): void;
|
65
|
+
/** @internal */
|
50
66
|
focus(): void;
|
67
|
+
/** @internal */
|
51
68
|
focusAndOpen(): void;
|
52
69
|
ngOnDestroy(): void;
|
53
70
|
ngAfterViewInit(): void;
|
71
|
+
/** @internal */
|
54
72
|
selectOption(option: any): void;
|
73
|
+
/** @internal */
|
55
74
|
removeSelection(): void;
|
75
|
+
/** @internal */
|
56
76
|
propagateChange(_value: any): void;
|
77
|
+
/** @internal */
|
57
78
|
writeValue(newSelection: any): void;
|
79
|
+
/** @internal */
|
58
80
|
setDisabledState(isDisabled: boolean): void;
|
81
|
+
/** @internal */
|
59
82
|
registerOnChange(fn: any): void;
|
83
|
+
/** @internal */
|
60
84
|
registerOnTouched(_fn: any): void;
|
85
|
+
/** @internal */
|
61
86
|
focusedViaTab(): void;
|
62
87
|
private determineHighlightIndex;
|
63
88
|
static ɵfac: i0.ɵɵFactoryDeclaration<SingleSelectComponent, never>;
|
@@ -18,32 +18,51 @@ export declare abstract class BaseSelectDirective implements AfterViewInit, OnCh
|
|
18
18
|
query: EventEmitter<string>;
|
19
19
|
close: EventEmitter<void>;
|
20
20
|
open: EventEmitter<boolean>;
|
21
|
+
/** @internal */
|
21
22
|
optionsContainer: ElementRef<HTMLElement>;
|
23
|
+
/** @internal */
|
22
24
|
dropdownBase: KeyboardSelectDirective;
|
23
25
|
abstract selection?: any;
|
24
26
|
abstract selectionChange: EventEmitter<any>;
|
27
|
+
/** @internal */
|
25
28
|
readonly query$: import("rxjs").Observable<string>;
|
29
|
+
/** @internal */
|
26
30
|
readonly dropdownDirection$: BehaviorSubject<"TOP" | "BOTTOM">;
|
31
|
+
/** @internal */
|
27
32
|
dropdownOpen: boolean;
|
33
|
+
/** @internal */
|
28
34
|
activeElement: Element;
|
35
|
+
/** @internal */
|
29
36
|
readonly selectionKeyboardSelectAction$: Subject<KeyboardSelectAction | null>;
|
37
|
+
/** @internal */
|
30
38
|
readonly optionsKeyboardSelectAction$: Subject<KeyboardSelectAction | null>;
|
39
|
+
/** @internal */
|
31
40
|
virtualCursorPosition: number;
|
41
|
+
/** @internal */
|
32
42
|
inputWasFocused: boolean;
|
43
|
+
/** @internal */
|
33
44
|
readonly queryControl: UntypedFormControl;
|
45
|
+
/** @internal */
|
34
46
|
isInputFocused: boolean;
|
47
|
+
/** @internal */
|
35
48
|
readonly destroyed$: Subject<void>;
|
49
|
+
/** @internal */
|
36
50
|
abstract resetInput(): void;
|
51
|
+
/** @internal */
|
37
52
|
abstract focus(): void;
|
38
53
|
ngAfterViewInit(): void;
|
39
54
|
ngOnChanges(changes: SimpleChanges): void;
|
40
55
|
ngOnDestroy(): void;
|
41
56
|
/**
|
42
57
|
* @param toggle is true when the caret to the right in a select component was clicked
|
58
|
+
* @internal
|
43
59
|
*/
|
44
60
|
handleClick(toggle: boolean): void;
|
61
|
+
/** @internal */
|
45
62
|
handleBackdropClick(event: MouseEvent): void;
|
63
|
+
/** @internal */
|
46
64
|
closeInput(): void;
|
65
|
+
/** @internal */
|
47
66
|
openInput(): void;
|
48
67
|
protected setOpenDirection(): void;
|
49
68
|
protected resetSelectState(): void;
|