ng-jvx-multiselect 1.2.7 → 1.2.9
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 +1 -0
- package/esm2020/lib/ng-jvx-multiselect.component.mjs +25 -7
- package/fesm2015/ng-jvx-multiselect.mjs +24 -6
- package/fesm2015/ng-jvx-multiselect.mjs.map +1 -1
- package/fesm2020/ng-jvx-multiselect.mjs +24 -6
- package/fesm2020/ng-jvx-multiselect.mjs.map +1 -1
- package/lib/ng-jvx-multiselect.component.d.ts +3 -1
- package/package.json +1 -1
- package/src/lib/ng-jvx-multiselect.component.scss +22 -2
|
@@ -51,6 +51,7 @@ export declare class NgJvxMultiselectComponent implements OnInit, OnDestroy, Aft
|
|
|
51
51
|
totalRowsProp: string;
|
|
52
52
|
panelClass: string;
|
|
53
53
|
searchProp: string;
|
|
54
|
+
closeButton: boolean;
|
|
54
55
|
mapper: NgJvxOptionMapper<any>;
|
|
55
56
|
multiMapper: NgJvxMultiOptionMapper<any>;
|
|
56
57
|
searchMapper: NgJvxSearchMapper<any>;
|
|
@@ -111,6 +112,7 @@ export declare class NgJvxMultiselectComponent implements OnInit, OnDestroy, Aft
|
|
|
111
112
|
constructor(formBuilder: UntypedFormBuilder, service: NgJvxMultiselectService, elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, ngControl: NgControl, fb: UntypedFormBuilder);
|
|
112
113
|
ngOnInit(): void;
|
|
113
114
|
private clientSearch;
|
|
115
|
+
private setSelectableOptions;
|
|
114
116
|
private serverSearch;
|
|
115
117
|
ngOnDestroy(): void;
|
|
116
118
|
ngAfterViewInit(): void;
|
|
@@ -143,5 +145,5 @@ export declare class NgJvxMultiselectComponent implements OnInit, OnDestroy, Aft
|
|
|
143
145
|
updateOrderedOptions(options: any): Observable<any>;
|
|
144
146
|
closeMenu(): void;
|
|
145
147
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgJvxMultiselectComponent, [null, null, null, null, { optional: true; self: true; }, null]>;
|
|
146
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NgJvxMultiselectComponent, "ng-jvx-multiselect", never, { "options": "options"; "multi": "multi"; "url": "url"; "requestType": "requestType"; "itemValue": "itemValue"; "itemText": "itemText"; "ignorePagination": "ignorePagination"; "clearable": "clearable"; "closeOnClick": "closeOnClick"; "hasErrors": "hasErrors"; "searchMode": "searchMode"; "searchInput": "searchInput"; "searchLabel": "searchLabel"; "listProp": "listProp"; "totalRowsProp": "totalRowsProp"; "panelClass": "panelClass"; "searchProp": "searchProp"; "mapper": "mapper"; "multiMapper": "multiMapper"; "searchMapper": "searchMapper"; "groupBy": "groupBy"; "value": "value"; "requestHeaders": "requestHeaders"; "required": "required"; "disabled": "disabled"; "pageSize": "pageSize"; }, { "valueChange": "valueChange"; "jvxMultiselectOpen": "jvxMultiselectOpen"; "jvxMultiselectOpened": "jvxMultiselectOpened"; "jvxMultiselectClose": "jvxMultiselectClose"; "jvxMultiselectClosed": "jvxMultiselectClosed"; "scrollEnd": "scrollEnd"; }, ["optionsTemplate", "selectionTemplate", "groupHeaderTemplate"], ["*", "[ng-jvx-footer]", "[placeholder]"], false>;
|
|
148
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgJvxMultiselectComponent, "ng-jvx-multiselect", never, { "options": "options"; "multi": "multi"; "url": "url"; "requestType": "requestType"; "itemValue": "itemValue"; "itemText": "itemText"; "ignorePagination": "ignorePagination"; "clearable": "clearable"; "closeOnClick": "closeOnClick"; "hasErrors": "hasErrors"; "searchMode": "searchMode"; "searchInput": "searchInput"; "searchLabel": "searchLabel"; "listProp": "listProp"; "totalRowsProp": "totalRowsProp"; "panelClass": "panelClass"; "searchProp": "searchProp"; "closeButton": "closeButton"; "mapper": "mapper"; "multiMapper": "multiMapper"; "searchMapper": "searchMapper"; "groupBy": "groupBy"; "value": "value"; "requestHeaders": "requestHeaders"; "required": "required"; "disabled": "disabled"; "pageSize": "pageSize"; }, { "valueChange": "valueChange"; "jvxMultiselectOpen": "jvxMultiselectOpen"; "jvxMultiselectOpened": "jvxMultiselectOpened"; "jvxMultiselectClose": "jvxMultiselectClose"; "jvxMultiselectClosed": "jvxMultiselectClosed"; "scrollEnd": "scrollEnd"; }, ["optionsTemplate", "selectionTemplate", "groupHeaderTemplate"], ["*", "[ng-jvx-footer]", "[placeholder]"], false>;
|
|
147
149
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ng-jvx-multiselect",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.9",
|
|
4
4
|
"description": "ng-jvx-multiselect is a select based on angular material. It handles both single and multiple selections and allows to retrieves the options via asynchronous calls.",
|
|
5
5
|
"exports": {
|
|
6
6
|
".": {
|
|
@@ -177,11 +177,31 @@
|
|
|
177
177
|
.mat-menu-panel.jvx-multiselect-panel {
|
|
178
178
|
min-width: 100%;
|
|
179
179
|
max-width: 100%;
|
|
180
|
-
|
|
180
|
+
position: relative;
|
|
181
|
+
overflow: visible;
|
|
182
|
+
.closeMenuButton {
|
|
183
|
+
height: 22px;
|
|
184
|
+
width: 22px;
|
|
185
|
+
background-color: #{$primary};
|
|
186
|
+
position: absolute;
|
|
187
|
+
top: -11px;
|
|
188
|
+
right: 11px;
|
|
189
|
+
border-radius: 100%;
|
|
190
|
+
cursor: pointer;
|
|
191
|
+
color: #fff;
|
|
192
|
+
z-index: 10;
|
|
193
|
+
mat-icon{
|
|
194
|
+
font-size: 15px;
|
|
195
|
+
height: 100%;
|
|
196
|
+
width: 100%;
|
|
197
|
+
display: flex;
|
|
198
|
+
align-items: center;
|
|
199
|
+
justify-content: center;
|
|
200
|
+
}
|
|
201
|
+
}
|
|
181
202
|
.mat-menu-content {
|
|
182
203
|
padding-top: 0 !important;
|
|
183
204
|
padding-bottom: 0 !important;
|
|
184
|
-
|
|
185
205
|
.menu-list-container {
|
|
186
206
|
ng-scrollbar {
|
|
187
207
|
--scrollbar-color: transparent;
|