ng-jvx-multiselect 19.0.37 → 20.0.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/README.md +359 -359
- package/_index.scss +1 -1
- package/fesm2022/ng-jvx-multiselect.mjs +57 -57
- package/fesm2022/ng-jvx-multiselect.mjs.map +1 -1
- package/index.d.ts +305 -3
- package/package.json +4 -4
- package/src/lib/chiplist/chip/chip.component.scss +32 -32
- package/src/lib/mixins.scss +6 -6
- package/src/lib/ng-jvx-multiselect.component.scss +172 -172
- package/src/lib/ng-jvx-option/ng-jvx-option.component.scss +32 -32
- package/src/lib/panel/panel.component.scss +11 -11
- package/lib/chiplist/chip/chip.component.d.ts +0 -11
- package/lib/directives/ng-jvx-disabled-option.directive.d.ts +0 -15
- package/lib/directives/ng-jvx-focus.directive.d.ts +0 -11
- package/lib/directives/ng-jvx-group-header.directive.d.ts +0 -10
- package/lib/directives/ng-jvx-options-template.directive.d.ts +0 -11
- package/lib/directives/ng-jvx-selection-template.directive.d.ts +0 -10
- package/lib/interfaces/ng-jvx-group-mapper.d.ts +0 -8
- package/lib/interfaces/ng-jvx-option-mapper.d.ts +0 -13
- package/lib/interfaces/ng-jvx-search-mapper.d.ts +0 -7
- package/lib/ng-jvx-multiselect.component.d.ts +0 -159
- package/lib/ng-jvx-multiselect.service.d.ts +0 -20
- package/lib/ng-jvx-option/ng-jvx-option.component.d.ts +0 -11
- package/lib/panel/menu-trigger/menu-trigger.directive.d.ts +0 -25
- package/lib/panel/panel.component.d.ts +0 -20
- package/lib/utils.d.ts +0 -3
- package/public-api.d.ts +0 -12
|
@@ -1,159 +0,0 @@
|
|
|
1
|
-
import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList, WritableSignal } from '@angular/core';
|
|
2
|
-
import { NgJvxOptionsTemplateDirective } from './directives/ng-jvx-options-template.directive';
|
|
3
|
-
import { ControlValueAccessor, NgControl, UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
|
|
4
|
-
import { NgJvxOptionComponent } from './ng-jvx-option/ng-jvx-option.component';
|
|
5
|
-
import { NgJvxMultiselectService } from './ng-jvx-multiselect.service';
|
|
6
|
-
import { HttpHeaders } from '@angular/common/http';
|
|
7
|
-
import { NgScrollbar } from 'ngx-scrollbar';
|
|
8
|
-
import { Observable, Subject } from 'rxjs';
|
|
9
|
-
import { NgJvxMultiOptionMapper, NgJvxOptionMapper } from './interfaces/ng-jvx-option-mapper';
|
|
10
|
-
import { NgJvxSelectionTemplateDirective } from './directives/ng-jvx-selection-template.directive';
|
|
11
|
-
import { NgJvxGroupHeaderDirective } from './directives/ng-jvx-group-header.directive';
|
|
12
|
-
import { NgJvxSearchMapper } from './interfaces/ng-jvx-search-mapper';
|
|
13
|
-
import { NgJvxGroupMapper } from './interfaces/ng-jvx-group-mapper';
|
|
14
|
-
import { MenuTriggerDirective } from './panel/menu-trigger/menu-trigger.directive';
|
|
15
|
-
import * as i0 from "@angular/core";
|
|
16
|
-
export declare class NgJvxMultiselectComponent implements OnInit, OnDestroy, AfterViewInit, ControlValueAccessor {
|
|
17
|
-
private formBuilder;
|
|
18
|
-
private service;
|
|
19
|
-
private elementRef;
|
|
20
|
-
private changeDetectorRef;
|
|
21
|
-
ngControl: NgControl;
|
|
22
|
-
static nextId: number;
|
|
23
|
-
id: string;
|
|
24
|
-
get invalid(): boolean;
|
|
25
|
-
get shouldLabelFloat(): boolean;
|
|
26
|
-
jvxMultiselect: import("@angular/core").Signal<ElementRef<any>>;
|
|
27
|
-
valueContainer: ElementRef;
|
|
28
|
-
selectionContainer: import("@angular/core").Signal<ElementRef<any>>;
|
|
29
|
-
menuFooter: import("@angular/core").Signal<ElementRef<any>>;
|
|
30
|
-
trigger: MenuTriggerDirective;
|
|
31
|
-
scrollbar: NgScrollbar;
|
|
32
|
-
multiContainer: import("@angular/core").Signal<ElementRef<any>>;
|
|
33
|
-
placeholderContainer: ElementRef;
|
|
34
|
-
optionComp: QueryList<NgJvxOptionComponent>;
|
|
35
|
-
optionsTemplate: NgJvxOptionsTemplateDirective | null;
|
|
36
|
-
selectionTemplate: NgJvxSelectionTemplateDirective | null;
|
|
37
|
-
groupHeaderTemplate: NgJvxGroupHeaderDirective | null;
|
|
38
|
-
set options(v: any[]);
|
|
39
|
-
get options(): any[];
|
|
40
|
-
multi: boolean;
|
|
41
|
-
url: string;
|
|
42
|
-
requestType: 'get' | 'post';
|
|
43
|
-
itemValue: string;
|
|
44
|
-
itemText: string;
|
|
45
|
-
ignorePagination: boolean;
|
|
46
|
-
clearable: boolean;
|
|
47
|
-
closeOnClick: boolean;
|
|
48
|
-
hasErrors: boolean;
|
|
49
|
-
searchMode: null | 'server' | 'client';
|
|
50
|
-
searchInput: boolean;
|
|
51
|
-
searchLabel: string;
|
|
52
|
-
listProp: string;
|
|
53
|
-
totalRowsProp: string;
|
|
54
|
-
panelClass: string;
|
|
55
|
-
searchProp: string;
|
|
56
|
-
closeButton: boolean;
|
|
57
|
-
mapper: NgJvxOptionMapper<any>;
|
|
58
|
-
multiMapper: NgJvxMultiOptionMapper<any>;
|
|
59
|
-
searchMapper: NgJvxSearchMapper<any>;
|
|
60
|
-
groupBy: NgJvxGroupMapper<any> | string | null;
|
|
61
|
-
set value(value: any[]);
|
|
62
|
-
get value(): any[];
|
|
63
|
-
requestHeaders: HttpHeaders;
|
|
64
|
-
get required(): boolean;
|
|
65
|
-
set required(req: boolean);
|
|
66
|
-
postPayload: import("@angular/core").InputSignal<object>;
|
|
67
|
-
private _required;
|
|
68
|
-
private _jvxWidth;
|
|
69
|
-
get disabled(): boolean;
|
|
70
|
-
set disabled(value: boolean);
|
|
71
|
-
get pageSize(): number;
|
|
72
|
-
set pageSize(val: number);
|
|
73
|
-
private _disabled;
|
|
74
|
-
get errorState(): boolean;
|
|
75
|
-
valueChange: EventEmitter<any[]>;
|
|
76
|
-
jvxMultiselectOpen: EventEmitter<void>;
|
|
77
|
-
jvxMultiselectOpened: EventEmitter<void>;
|
|
78
|
-
jvxMultiselectClose: EventEmitter<void>;
|
|
79
|
-
jvxMultiselectClosed: EventEmitter<void>;
|
|
80
|
-
scrollEnd: EventEmitter<void>;
|
|
81
|
-
private _options;
|
|
82
|
-
controlType: string;
|
|
83
|
-
document: Document;
|
|
84
|
-
window: Window & typeof globalThis;
|
|
85
|
-
form: UntypedFormGroup;
|
|
86
|
-
isOpen: WritableSignal<boolean>;
|
|
87
|
-
isLoading: WritableSignal<boolean>;
|
|
88
|
-
showList: boolean;
|
|
89
|
-
asyncOptions: any;
|
|
90
|
-
selectableOptions: any[];
|
|
91
|
-
orderedOptions: {
|
|
92
|
-
group: any;
|
|
93
|
-
options: any[];
|
|
94
|
-
}[];
|
|
95
|
-
searchValue: string;
|
|
96
|
-
yPosition: WritableSignal<'above' | 'below'>;
|
|
97
|
-
stateChanges: Subject<void>;
|
|
98
|
-
currentPage: number;
|
|
99
|
-
listContainerSize: import("@angular/core").Signal<{
|
|
100
|
-
height: string;
|
|
101
|
-
minHeight: string;
|
|
102
|
-
width: string;
|
|
103
|
-
}>;
|
|
104
|
-
parts: UntypedFormGroup;
|
|
105
|
-
touched: boolean;
|
|
106
|
-
placeholder: string;
|
|
107
|
-
focused: boolean;
|
|
108
|
-
multiContainerWidth: import("@angular/core").Signal<any>;
|
|
109
|
-
private isPlaceholderActiveSubject;
|
|
110
|
-
private isPlaceholderActive;
|
|
111
|
-
private searchValueSubject;
|
|
112
|
-
private searchValue$;
|
|
113
|
-
private pValue;
|
|
114
|
-
private shouldLoadMore;
|
|
115
|
-
private unsubscribe;
|
|
116
|
-
private unsubscribe$;
|
|
117
|
-
private intPageSize;
|
|
118
|
-
onTouched: () => void;
|
|
119
|
-
constructor(formBuilder: UntypedFormBuilder, service: NgJvxMultiselectService, elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, ngControl: NgControl, fb: UntypedFormBuilder);
|
|
120
|
-
ngOnInit(): void;
|
|
121
|
-
private areArraysEqual;
|
|
122
|
-
private clientSearch;
|
|
123
|
-
private setSelectableOptions;
|
|
124
|
-
private serverSearch;
|
|
125
|
-
ngOnDestroy(): void;
|
|
126
|
-
ngAfterViewInit(): void;
|
|
127
|
-
get selectionValue(): any[];
|
|
128
|
-
get empty(): boolean;
|
|
129
|
-
onCLickOnMenu(e: MouseEvent): void;
|
|
130
|
-
private propagateChange;
|
|
131
|
-
writeValue(obj: any[]): void;
|
|
132
|
-
registerOnChange(fn: any): void;
|
|
133
|
-
registerOnTouched(fn: any): void;
|
|
134
|
-
onChange(e: any): void;
|
|
135
|
-
onFocusIn(event: FocusEvent): void;
|
|
136
|
-
onFocusOut(event: FocusEvent): void;
|
|
137
|
-
onMenuOpen(): void;
|
|
138
|
-
onMenuClose(): void;
|
|
139
|
-
deselect(val: any): void;
|
|
140
|
-
private setSelectionContainerSize;
|
|
141
|
-
clickOnMenuTrigger(e: MouseEvent): void;
|
|
142
|
-
private getList;
|
|
143
|
-
onScrolled(e: any): void;
|
|
144
|
-
onMenuOpened(): void;
|
|
145
|
-
onMenuClosed(): void;
|
|
146
|
-
onSearchInputClick(e: MouseEvent): void;
|
|
147
|
-
onSearchValueChange(e: any): void;
|
|
148
|
-
clear(e: Event): void;
|
|
149
|
-
setDescribedByIds(ids: string[]): void;
|
|
150
|
-
onContainerClick(event: MouseEvent): void;
|
|
151
|
-
private get stateChange$();
|
|
152
|
-
updateOrderedOptions(options: any): Observable<any>;
|
|
153
|
-
closeMenu(): void;
|
|
154
|
-
isOptionSelected(option: any): boolean;
|
|
155
|
-
clickOnOption(option: any): void;
|
|
156
|
-
select(option: any): void;
|
|
157
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NgJvxMultiselectComponent, [null, null, null, null, { optional: true; self: true; }, null]>;
|
|
158
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NgJvxMultiselectComponent, "ng-jvx-multiselect", never, { "options": { "alias": "options"; "required": false; }; "multi": { "alias": "multi"; "required": false; }; "url": { "alias": "url"; "required": false; }; "requestType": { "alias": "requestType"; "required": false; }; "itemValue": { "alias": "itemValue"; "required": false; }; "itemText": { "alias": "itemText"; "required": false; }; "ignorePagination": { "alias": "ignorePagination"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "closeOnClick": { "alias": "closeOnClick"; "required": false; }; "hasErrors": { "alias": "hasErrors"; "required": false; }; "searchMode": { "alias": "searchMode"; "required": false; }; "searchInput": { "alias": "searchInput"; "required": false; }; "searchLabel": { "alias": "searchLabel"; "required": false; }; "listProp": { "alias": "listProp"; "required": false; }; "totalRowsProp": { "alias": "totalRowsProp"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "searchProp": { "alias": "searchProp"; "required": false; }; "closeButton": { "alias": "closeButton"; "required": false; }; "mapper": { "alias": "mapper"; "required": false; }; "multiMapper": { "alias": "multiMapper"; "required": false; }; "searchMapper": { "alias": "searchMapper"; "required": false; }; "groupBy": { "alias": "groupBy"; "required": false; }; "value": { "alias": "value"; "required": false; }; "requestHeaders": { "alias": "requestHeaders"; "required": false; }; "required": { "alias": "required"; "required": false; }; "postPayload": { "alias": "postPayload"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; }, { "valueChange": "valueChange"; "jvxMultiselectOpen": "jvxMultiselectOpen"; "jvxMultiselectOpened": "jvxMultiselectOpened"; "jvxMultiselectClose": "jvxMultiselectClose"; "jvxMultiselectClosed": "jvxMultiselectClosed"; "scrollEnd": "scrollEnd"; }, ["optionsTemplate", "selectionTemplate", "groupHeaderTemplate"], ["*", "[ng-jvx-footer]", "[placeholder]"], true, never>;
|
|
159
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { Observable } from 'rxjs';
|
|
2
|
-
import { HttpClient } from '@angular/common/http';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class NgJvxMultiselectService {
|
|
5
|
-
private http;
|
|
6
|
-
constructor(http: HttpClient);
|
|
7
|
-
getList({ url, ignorePagination, currentPage, pageSize, requestType, requestHeaders, search, searchProp, data, }: {
|
|
8
|
-
url: string;
|
|
9
|
-
ignorePagination: boolean;
|
|
10
|
-
currentPage: number;
|
|
11
|
-
pageSize: number;
|
|
12
|
-
requestType: 'get' | 'post';
|
|
13
|
-
requestHeaders: any;
|
|
14
|
-
search?: string;
|
|
15
|
-
searchProp?: string;
|
|
16
|
-
data: any;
|
|
17
|
-
}): Observable<any>;
|
|
18
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NgJvxMultiselectService, never>;
|
|
19
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<NgJvxMultiselectService>;
|
|
20
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class NgJvxOptionComponent {
|
|
4
|
-
clickOnOption: EventEmitter<any>;
|
|
5
|
-
value: import("@angular/core").InputSignal<any>;
|
|
6
|
-
disabled: import("@angular/core").InputSignal<boolean>;
|
|
7
|
-
isSelected: import("@angular/core").InputSignal<boolean>;
|
|
8
|
-
constructor();
|
|
9
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NgJvxOptionComponent, never>;
|
|
10
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NgJvxOptionComponent, "ng-jvx-option", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "isSelected": { "alias": "isSelected"; "required": false; "isSignal": true; }; }, { "clickOnOption": "clickOnOption"; }, never, ["*"], true, never>;
|
|
11
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { AfterViewInit, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
|
|
2
|
-
import { Overlay } from '@angular/cdk/overlay';
|
|
3
|
-
import { PanelComponent } from '../panel.component';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class MenuTriggerDirective implements OnDestroy, AfterViewInit {
|
|
6
|
-
private el;
|
|
7
|
-
private overlay;
|
|
8
|
-
private unsubscribe;
|
|
9
|
-
closed: EventEmitter<void>;
|
|
10
|
-
onMenuOpen: EventEmitter<void>;
|
|
11
|
-
menuOpened: EventEmitter<void>;
|
|
12
|
-
onMenuClose: EventEmitter<void>;
|
|
13
|
-
menuClosed: EventEmitter<void>;
|
|
14
|
-
/** References the menu instance that the trigger is associated with. */
|
|
15
|
-
get menu(): PanelComponent | null;
|
|
16
|
-
set libMenuTriggerFor(menu: PanelComponent | null);
|
|
17
|
-
private _menu;
|
|
18
|
-
constructor(el: ElementRef, overlay: Overlay);
|
|
19
|
-
ngAfterViewInit(): void;
|
|
20
|
-
ngOnDestroy(): void;
|
|
21
|
-
closeMenu(): void;
|
|
22
|
-
openMenu(): void;
|
|
23
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MenuTriggerDirective, never>;
|
|
24
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MenuTriggerDirective, "[lib-menu-trigger-for], [libMenuTriggerFor]", never, { "libMenuTriggerFor": { "alias": "libMenuTriggerFor"; "required": false; }; }, { "closed": "closed"; "onMenuOpen": "onMenuOpen"; "menuOpened": "menuOpened"; "onMenuClose": "onMenuClose"; "menuClosed": "menuClosed"; }, never, never, true, never>;
|
|
25
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { ElementRef, EventEmitter, InputSignal, OnDestroy, TemplateRef } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class PanelComponent implements OnDestroy {
|
|
4
|
-
menuTemplate: TemplateRef<any>;
|
|
5
|
-
protected isOpen: import("@angular/core").WritableSignal<boolean>;
|
|
6
|
-
private unsubscribe;
|
|
7
|
-
trigger: ElementRef<any>;
|
|
8
|
-
yPosition: InputSignal<'above' | 'below'>;
|
|
9
|
-
multi: InputSignal<boolean>;
|
|
10
|
-
onClose: EventEmitter<void>;
|
|
11
|
-
onClosed: EventEmitter<void>;
|
|
12
|
-
onOpened: EventEmitter<void>;
|
|
13
|
-
constructor();
|
|
14
|
-
ngOnDestroy(): void;
|
|
15
|
-
open(): void;
|
|
16
|
-
close(): void;
|
|
17
|
-
protected clickOnMenu(): void;
|
|
18
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PanelComponent, never>;
|
|
19
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PanelComponent, "lib-panel", never, { "trigger": { "alias": "trigger"; "required": false; }; "yPosition": { "alias": "yPosition"; "required": false; "isSignal": true; }; "multi": { "alias": "multi"; "required": true; "isSignal": true; }; }, { "onClose": "onClose"; "onClosed": "onClosed"; "onOpened": "onOpened"; }, never, ["*"], true, never>;
|
|
20
|
-
}
|
package/lib/utils.d.ts
DELETED
package/public-api.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
export * from './lib/ng-jvx-option/ng-jvx-option.component';
|
|
2
|
-
export * from './lib/directives/ng-jvx-options-template.directive';
|
|
3
|
-
export * from './lib/directives/ng-jvx-selection-template.directive';
|
|
4
|
-
export * from './lib/directives/ng-jvx-group-header.directive';
|
|
5
|
-
export * from './lib/directives/ng-jvx-disabled-option.directive';
|
|
6
|
-
export * from './lib/ng-jvx-multiselect.service';
|
|
7
|
-
export * from './lib/ng-jvx-multiselect.component';
|
|
8
|
-
export * from './lib/interfaces/ng-jvx-option-mapper';
|
|
9
|
-
export * from './lib/interfaces/ng-jvx-search-mapper';
|
|
10
|
-
export * from './lib/interfaces/ng-jvx-group-mapper';
|
|
11
|
-
export * from './lib/chiplist/chip/chip.component';
|
|
12
|
-
export * from './lib/utils';
|