ng-jvx-multiselect 1.1.28 → 1.2.2

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.
Files changed (44) hide show
  1. package/README.md +26 -0
  2. package/esm2020/lib/directives/ng-jvx-disabled-option.directive.mjs +3 -3
  3. package/esm2020/lib/directives/ng-jvx-focus.directive.mjs +3 -3
  4. package/esm2020/lib/directives/ng-jvx-group-header.directive.mjs +3 -3
  5. package/esm2020/lib/directives/ng-jvx-options-template.directive.mjs +3 -3
  6. package/esm2020/lib/directives/ng-jvx-selection-template.directive.mjs +3 -3
  7. package/esm2020/lib/interfaces/ng-jvx-option-mapper.mjs +1 -1
  8. package/esm2020/lib/interfaces/ng-jvx-search-mapper.mjs +1 -1
  9. package/esm2020/lib/ng-jvx-multiselect.component.mjs +26 -19
  10. package/esm2020/lib/ng-jvx-multiselect.module.mjs +17 -19
  11. package/esm2020/lib/ng-jvx-multiselect.service.mjs +3 -3
  12. package/esm2020/lib/ng-jvx-option/ng-jvx-option.component.mjs +6 -6
  13. package/esm2020/lib/ng-jvx-panel/ng-jvx-panel.component.mjs +6 -6
  14. package/fesm2015/ng-jvx-multiselect.mjs +71 -66
  15. package/fesm2015/ng-jvx-multiselect.mjs.map +1 -1
  16. package/fesm2020/ng-jvx-multiselect.mjs +71 -66
  17. package/fesm2020/ng-jvx-multiselect.mjs.map +1 -1
  18. package/{ng-jvx-multiselect.d.ts → index.d.ts} +0 -0
  19. package/lib/directives/ng-jvx-disabled-option.directive.d.ts +1 -1
  20. package/lib/directives/ng-jvx-focus.directive.d.ts +1 -1
  21. package/lib/directives/ng-jvx-group-header.directive.d.ts +1 -1
  22. package/lib/directives/ng-jvx-options-template.directive.d.ts +1 -1
  23. package/lib/directives/ng-jvx-selection-template.directive.d.ts +1 -1
  24. package/lib/interfaces/ng-jvx-option-mapper.d.ts +6 -0
  25. package/lib/interfaces/ng-jvx-search-mapper.d.ts +1 -1
  26. package/lib/ng-jvx-multiselect.component.d.ts +7 -6
  27. package/lib/ng-jvx-option/ng-jvx-option.component.d.ts +1 -1
  28. package/lib/ng-jvx-panel/ng-jvx-panel.component.d.ts +1 -1
  29. package/package.json +7 -7
  30. package/lib/directives/ng-jvx-disabled-option.directive.d.ts.map +0 -1
  31. package/lib/directives/ng-jvx-focus.directive.d.ts.map +0 -1
  32. package/lib/directives/ng-jvx-group-header.directive.d.ts.map +0 -1
  33. package/lib/directives/ng-jvx-options-template.directive.d.ts.map +0 -1
  34. package/lib/directives/ng-jvx-selection-template.directive.d.ts.map +0 -1
  35. package/lib/interfaces/ng-jvx-group-mapper.d.ts.map +0 -1
  36. package/lib/interfaces/ng-jvx-option-mapper.d.ts.map +0 -1
  37. package/lib/interfaces/ng-jvx-search-mapper.d.ts.map +0 -1
  38. package/lib/ng-jvx-multiselect.component.d.ts.map +0 -1
  39. package/lib/ng-jvx-multiselect.module.d.ts.map +0 -1
  40. package/lib/ng-jvx-multiselect.service.d.ts.map +0 -1
  41. package/lib/ng-jvx-option/ng-jvx-option.component.d.ts.map +0 -1
  42. package/lib/ng-jvx-panel/ng-jvx-panel.component.d.ts.map +0 -1
  43. package/ng-jvx-multiselect.d.ts.map +0 -1
  44. package/public-api.d.ts.map +0 -1
package/README.md CHANGED
@@ -197,6 +197,32 @@ it is possible to write a mapper like this:
197
197
  }
198
198
  }
199
199
  ```
200
+
201
+ The `multiMapper` property works like the `mapper` property, it implements the interface `NgJvxOptionsMapper<T>`.
202
+ It will expose a method `mapOptions` which accepts all the options to be mapped in the form of an Object and returns an Observable of type `T[]`.
203
+ For example if the request returns an array of objects like this:
204
+
205
+ ```javascript
206
+ {
207
+ id: number;
208
+ description: string;
209
+ }
210
+ ```
211
+
212
+ it is possible to write a mapper like this:
213
+
214
+ ```javascript
215
+ const mapper: NgJvxOptionMultiMapper<{value: number, text: string}> = {
216
+ mapOption(source: {
217
+ id: number,
218
+ description: string
219
+ }[]): Observable<any> {
220
+ return of(source.map(s=>{value: s.id, text: s.description}));
221
+ }
222
+ }
223
+ ```
224
+
225
+ It's useful if the user wants to add any custom option to a server call
200
226
  #### Search
201
227
 
202
228
  If the property `searchInput` is `true`, the user will be able to search a value amongst the options.
@@ -35,9 +35,9 @@ export class NgJvxDisabledOptionDirective {
35
35
  this.unsubs.complete();
36
36
  }
37
37
  }
38
- NgJvxDisabledOptionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NgJvxDisabledOptionDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
39
- NgJvxDisabledOptionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: NgJvxDisabledOptionDirective, selector: "[ngJvxDisabledOption]", inputs: { ngJvxDisabledOption: "ngJvxDisabledOption" }, ngImport: i0 });
40
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NgJvxDisabledOptionDirective, decorators: [{
38
+ NgJvxDisabledOptionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: NgJvxDisabledOptionDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
39
+ NgJvxDisabledOptionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: NgJvxDisabledOptionDirective, selector: "[ngJvxDisabledOption]", inputs: { ngJvxDisabledOption: "ngJvxDisabledOption" }, ngImport: i0 });
40
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: NgJvxDisabledOptionDirective, decorators: [{
41
41
  type: Directive,
42
42
  args: [{
43
43
  // tslint:disable-next-line:directive-selector
@@ -15,9 +15,9 @@ export class NgJvxFocusDirective {
15
15
  }
16
16
  }
17
17
  }
18
- NgJvxFocusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NgJvxFocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
19
- NgJvxFocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: NgJvxFocusDirective, selector: "[ngJvxFocus]", inputs: { ngJvxFocus: "ngJvxFocus" }, usesOnChanges: true, ngImport: i0 });
20
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NgJvxFocusDirective, decorators: [{
18
+ NgJvxFocusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: NgJvxFocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
19
+ NgJvxFocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: NgJvxFocusDirective, selector: "[ngJvxFocus]", inputs: { ngJvxFocus: "ngJvxFocus" }, usesOnChanges: true, ngImport: i0 });
20
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: NgJvxFocusDirective, decorators: [{
21
21
  type: Directive,
22
22
  args: [{
23
23
  // tslint:disable-next-line:directive-selector
@@ -11,9 +11,9 @@ export class NgJvxGroupHeaderDirective {
11
11
  }
12
12
  }
13
13
  }
14
- NgJvxGroupHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NgJvxGroupHeaderDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
15
- NgJvxGroupHeaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: NgJvxGroupHeaderDirective, selector: "[ngJvxGroupHeader]", inputs: { ngJvxGroupHeaderOf: "ngJvxGroupHeaderOf" }, ngImport: i0 });
16
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NgJvxGroupHeaderDirective, decorators: [{
14
+ NgJvxGroupHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: NgJvxGroupHeaderDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
15
+ NgJvxGroupHeaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: NgJvxGroupHeaderDirective, selector: "[ngJvxGroupHeader]", inputs: { ngJvxGroupHeaderOf: "ngJvxGroupHeaderOf" }, ngImport: i0 });
16
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: NgJvxGroupHeaderDirective, decorators: [{
17
17
  type: Directive,
18
18
  args: [{
19
19
  // tslint:disable-next-line:directive-selector
@@ -12,9 +12,9 @@ export class NgJvxOptionsTemplateDirective {
12
12
  }
13
13
  }
14
14
  }
15
- NgJvxOptionsTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NgJvxOptionsTemplateDirective, deps: [{ token: i0.ElementRef }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
16
- NgJvxOptionsTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: NgJvxOptionsTemplateDirective, selector: "[ngJvxOptionsTemplate]", inputs: { ngJvxOptionsTemplateOf: "ngJvxOptionsTemplateOf" }, ngImport: i0 });
17
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NgJvxOptionsTemplateDirective, decorators: [{
15
+ NgJvxOptionsTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: NgJvxOptionsTemplateDirective, deps: [{ token: i0.ElementRef }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
16
+ NgJvxOptionsTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: NgJvxOptionsTemplateDirective, selector: "[ngJvxOptionsTemplate]", inputs: { ngJvxOptionsTemplateOf: "ngJvxOptionsTemplateOf" }, ngImport: i0 });
17
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: NgJvxOptionsTemplateDirective, decorators: [{
18
18
  type: Directive,
19
19
  args: [{
20
20
  // tslint:disable-next-line:directive-selector
@@ -11,9 +11,9 @@ export class NgJvxSelectionTemplateDirective {
11
11
  }
12
12
  }
13
13
  }
14
- NgJvxSelectionTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NgJvxSelectionTemplateDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
15
- NgJvxSelectionTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: NgJvxSelectionTemplateDirective, selector: "[ngJvxSelectionTemplate]", inputs: { ngJvxSelectionTemplateOf: "ngJvxSelectionTemplateOf" }, ngImport: i0 });
16
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: NgJvxSelectionTemplateDirective, decorators: [{
14
+ NgJvxSelectionTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: NgJvxSelectionTemplateDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
15
+ NgJvxSelectionTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.2", type: NgJvxSelectionTemplateDirective, selector: "[ngJvxSelectionTemplate]", inputs: { ngJvxSelectionTemplateOf: "ngJvxSelectionTemplateOf" }, ngImport: i0 });
16
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: NgJvxSelectionTemplateDirective, decorators: [{
17
17
  type: Directive,
18
18
  args: [{
19
19
  // tslint:disable-next-line:directive-selector
@@ -1,2 +1,2 @@
1
1
  export {};
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctanZ4LW9wdGlvbi1tYXBwZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1qdngtbXVsdGlzZWxlY3Qvc3JjL2xpYi9pbnRlcmZhY2VzL25nLWp2eC1vcHRpb24tbWFwcGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge09ic2VydmFibGUsIFN1YmplY3R9IGZyb20gJ3J4anMnO1xyXG5cclxuLyoqXHJcbiAqIE1hcHMgdGhlIG9wdGlvbiByZXR1cm5lZCBieSB0aGUgYXN5bmMgY2FsbCBpbiBhbiBvYmplY3Qgb2YgdHlwZSBULiBXaGVuIG9iamVjdCBpcyBtYXBwZWQgdGhlIHJlc3VsdGluZyBvYmplY3QgaXMgcmV0dXJuZWQgaW4gYW4gb2JzZXJ2YWJsZVxyXG4gKi9cclxuZXhwb3J0IGludGVyZmFjZSBOZ0p2eE9wdGlvbk1hcHBlcjxUPiB7XHJcbiAgbWFwT3B0aW9uKHNvdXJjZTogYW55KTogT2JzZXJ2YWJsZTxUPjtcclxufVxyXG4iXX0=
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctanZ4LW9wdGlvbi1tYXBwZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1qdngtbXVsdGlzZWxlY3Qvc3JjL2xpYi9pbnRlcmZhY2VzL25nLWp2eC1vcHRpb24tbWFwcGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge09ic2VydmFibGUsIFN1YmplY3R9IGZyb20gJ3J4anMnO1xyXG5cclxuLyoqXHJcbiAqIE1hcHMgdGhlIG9wdGlvbiByZXR1cm5lZCBieSB0aGUgYXN5bmMgY2FsbCBpbiBhbiBvYmplY3Qgb2YgdHlwZSBULiBXaGVuIG9iamVjdCBpcyBtYXBwZWQgdGhlIHJlc3VsdGluZyBvYmplY3QgaXMgcmV0dXJuZWQgaW4gYW4gb2JzZXJ2YWJsZVxyXG4gKi9cclxuZXhwb3J0IGludGVyZmFjZSBOZ0p2eE9wdGlvbk1hcHBlcjxUPiB7XHJcbiAgbWFwT3B0aW9uKHNvdXJjZTogYW55KTogT2JzZXJ2YWJsZTxUPjtcclxufVxyXG5cclxuLyoqXHJcbiAqIE1hcHMgdGhlIG9wdGlvbnMgcmV0dXJuZWQgYnkgdGhlIGFzeW5jIGNhbGwgaW4gYW4gb2JqZWN0IG9mIHR5cGUgVC4gV2hlbiBvYmplY3QgaXMgbWFwcGVkIHRoZSByZXN1bHRpbmcgb2JqZWN0IGlzIHJldHVybmVkIGluIGFuIG9ic2VydmFibGVcclxuICovXHJcbmV4cG9ydCBpbnRlcmZhY2UgTmdKdnhNdWx0aU9wdGlvbk1hcHBlcjxUPiB7XHJcbiAgbWFwT3B0aW9ucyhzb3VyY2U6IGFueSk6IE9ic2VydmFibGU8VFtdPjtcclxufVxyXG4iXX0=
@@ -1,2 +1,2 @@
1
1
  export {};
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctanZ4LXNlYXJjaC1tYXBwZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1qdngtbXVsdGlzZWxlY3Qvc3JjL2xpYi9pbnRlcmZhY2VzL25nLWp2eC1zZWFyY2gtbWFwcGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge09ic2VydmFibGUsIFN1YmplY3R9IGZyb20gJ3J4anMnO1xyXG5cclxuLyoqXHJcbiAqIE1hcHMgdGhlIG9wdGlvbiByZXR1cm5lZCBieSB0aGUgYXN5bmMgY2FsbCBpbiBhbiBvYmplY3Qgb2YgdHlwZSBULiBXaGVuIG9iamVjdCBpcyBtYXBwZWQgdGhlIHJlc3VsdGluZyBvYmplY3QgaXMgcmV0dXJuZWQgaW4gYW4gb2JzZXJ2YWJsZVxyXG4gKi9cclxuZXhwb3J0IGludGVyZmFjZSBOZ0p2eFNlYXJjaE1hcHBlcjxUPiB7XHJcbiAgbWFwU2VhcmNoKHNvdXJjZTogYW55LCBvcHRpb25zOiBUKTogT2JzZXJ2YWJsZTxUPjtcclxufVxyXG4iXX0=
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctanZ4LXNlYXJjaC1tYXBwZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1qdngtbXVsdGlzZWxlY3Qvc3JjL2xpYi9pbnRlcmZhY2VzL25nLWp2eC1zZWFyY2gtbWFwcGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge09ic2VydmFibGUsIFN1YmplY3R9IGZyb20gJ3J4anMnO1xyXG5cclxuLyoqXHJcbiAqIE1hcHMgdGhlIG9wdGlvbiByZXR1cm5lZCBieSB0aGUgYXN5bmMgY2FsbCBpbiBhbiBvYmplY3Qgb2YgdHlwZSBULiBXaGVuIG9iamVjdCBpcyBtYXBwZWQgdGhlIHJlc3VsdGluZyBvYmplY3QgaXMgcmV0dXJuZWQgaW4gYW4gb2JzZXJ2YWJsZVxyXG4gKi9cclxuZXhwb3J0IGludGVyZmFjZSBOZ0p2eFNlYXJjaE1hcHBlcjxUPiB7XHJcbiAgbWFwU2VhcmNoKHNvdXJjZTogYW55LCBvcHRpb25zOiBUW10pOiBPYnNlcnZhYmxlPFRbXT47XHJcbn1cclxuIl19