@stackline/angular-multiselect-dropdown 7.0.1 → 8.0.1

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 (4) hide show
  1. package/README.md +17 -17
  2. package/package.json +7 -7
  3. package/src/app/angular2-multiselect-dropdown/menu-item.ts +2 -2
  4. package/src/app/angular2-multiselect-dropdown/multiselect.component.ts +3 -3
package/README.md CHANGED
@@ -6,13 +6,13 @@
6
6
  [![npm downloads](https://img.shields.io/npm/dt/@stackline/angular-multiselect-dropdown.svg?style=flat-square)](https://www.npmjs.com/package/@stackline/angular-multiselect-dropdown)
7
7
  [![npm monthly](https://img.shields.io/npm/dm/@stackline/angular-multiselect-dropdown.svg?style=flat-square)](https://www.npmjs.com/package/@stackline/angular-multiselect-dropdown)
8
8
  [![license](https://img.shields.io/npm/l/@stackline/angular-multiselect-dropdown.svg?style=flat-square)](https://github.com/alexandroit/angular-multiselect-dropdown/blob/master/LICENSE)
9
- [![Angular 7](https://img.shields.io/badge/Angular-7.x-red?style=flat-square&logo=angular)](https://alexandro.net/docs/angular/multiselect/angular-7/)
9
+ [![Angular 8](https://img.shields.io/badge/Angular-8.x-red?style=flat-square&logo=angular)](https://alexandro.net/docs/angular/multiselect/angular-8/)
10
10
  [![TypeScript](https://img.shields.io/badge/TypeScript-2.4-blue?style=flat-square&logo=typescript)](https://www.typescriptlang.org)
11
11
  [![GitHub stars](https://img.shields.io/github/stars/alexandroit/angular-multiselect-dropdown.svg?style=flat-square)](https://github.com/alexandroit/angular-multiselect-dropdown/stargazers)
12
12
 
13
- **[Documentation & Live Demos](https://alexandro.net/docs/angular/multiselect/)** | **[Angular 7 Demo](https://alexandro.net/docs/angular/multiselect/angular-7/)** | **[npm](https://www.npmjs.com/package/@stackline/angular-multiselect-dropdown)** | **[Issues](https://github.com/alexandroit/angular-multiselect-dropdown/issues)** | **[Repository](https://github.com/alexandroit/angular-multiselect-dropdown)**
13
+ **[Documentation & Live Demos](https://alexandro.net/docs/angular/multiselect/)** | **[Angular 8 Demo](https://alexandro.net/docs/angular/multiselect/angular-8/)** | **[npm](https://www.npmjs.com/package/@stackline/angular-multiselect-dropdown)** | **[Issues](https://github.com/alexandroit/angular-multiselect-dropdown/issues)** | **[Repository](https://github.com/alexandroit/angular-multiselect-dropdown)**
14
14
 
15
- **Latest tested npm release:** `7.0.1` for Angular `7.x`
15
+ **Latest tested npm release:** `8.0.1` for Angular `8.x`
16
16
 
17
17
  ---
18
18
 
@@ -24,15 +24,15 @@
24
24
 
25
25
  The original `angular2-multiselect-dropdown` package became difficult to keep current across multiple Angular generations. This maintained package keeps the classic API and template structure intact, introduces the new primary selector `<angular-multiselect>`, preserves the legacy alias `<angular2-multiselect>`, and publishes the project line by line so older applications can keep a predictable upgrade path.
26
26
 
27
- The repository contains the full documentation matrix from Angular 2 through Angular 21. The current public npm release is `7.0.1` for Angular 7.x applications.
27
+ The repository contains the full documentation matrix from Angular 2 through Angular 21. The current public npm release is `8.0.1` for Angular 8.x applications.
28
28
 
29
- The Angular 7 package is compatible with Angular 7.x and was tested in a real Angular 7.2.16 application before npm publication.
29
+ The Angular 8 package is compatible with Angular 8.x and was tested in a real Angular 8.2.14 application before npm publication.
30
30
 
31
31
  ## Features
32
32
 
33
33
  | Feature | Supported |
34
34
  | :--- | :---: |
35
- | Angular 7 tested published release line | ✅ |
35
+ | Angular 8 tested published release line | ✅ |
36
36
  | Multi-select and single-select modes | ✅ |
37
37
  | Search and filter | ✅ |
38
38
  | Group by field | ✅ |
@@ -54,7 +54,7 @@ The Angular 7 package is compatible with Angular 7.x and was tested in a real An
54
54
  4. [Setup](#setup)
55
55
  5. [Custom CSS and SCSS Themes](#custom-css-and-scss-themes)
56
56
  6. [Basic Usage](#basic-usage)
57
- 7. [Official Angular 7 Test Matrix](#official-angular-7-test-matrix)
57
+ 7. [Official Angular 8 Test Matrix](#official-angular-8-test-matrix)
58
58
  8. [Custom Templates](#custom-templates)
59
59
  9. [Forms Integration](#forms-integration)
60
60
  10. [Lazy Loading and Remote Data](#lazy-loading-and-remote-data)
@@ -78,9 +78,9 @@ Each package family only installs on its matching Angular family. Framework majo
78
78
  | **21.x** | **Angular 21 only** | **`>=21.0.0 <22.0.0`** | **21.0.0 -> 21.2.8** | [Angular 21 family docs](https://alexandro.net/docs/angular/multiselect/angular-21/) |
79
79
  | **20.x** | **Angular 20 only** | **`>=20.0.0 <21.0.0`** | **20.0.0 -> 20.3.18** | [Angular 20 family docs](https://alexandro.net/docs/angular/multiselect/angular-20/) |
80
80
  | **19.x** | **Angular 19 only** | **`>=19.0.0 <20.0.0`** | **19.0.0 -> 19.2.20** | [Angular 19 family docs](https://alexandro.net/docs/angular/multiselect/angular-19/) |
81
- | **18.x** | **Angular 18 only** | **`>=18.0.0 <19.0.0`** | **18.0.0 -> 18.2.14** | [Angular 18 family docs](https://alexandro.net/docs/angular/multiselect/angular-18/) |
82
- | **17.x** | **Angular 17 only** | **`>=17.0.1 <18.0.0`** | **17.0.1 -> 17.3.12** | [Angular 17 family docs](https://alexandro.net/docs/angular/multiselect/angular-17/) |
83
- | **16.x** | **Angular 16 only** | **`>=16.0.0 <17.0.1`** | **16.0.0 -> 16.2.12** | [Angular 16 family docs](https://alexandro.net/docs/angular/multiselect/angular-16/) |
81
+ | **18.x** | **Angular 18 only** | **`>=18.0.1 <19.0.0`** | **18.0.1 -> 18.2.14** | [Angular 18 family docs](https://alexandro.net/docs/angular/multiselect/angular-18/) |
82
+ | **17.x** | **Angular 17 only** | **`>=17.0.0 <18.0.1`** | **17.0.0 -> 17.3.12** | [Angular 17 family docs](https://alexandro.net/docs/angular/multiselect/angular-17/) |
83
+ | **16.x** | **Angular 16 only** | **`>=16.0.0 <17.0.0`** | **16.0.0 -> 16.2.12** | [Angular 16 family docs](https://alexandro.net/docs/angular/multiselect/angular-16/) |
84
84
  | **15.x** | **Angular 15 only** | **`>=15.0.0 <16.0.0`** | **15.0.0 -> 15.2.10** | [Angular 15 family docs](https://alexandro.net/docs/angular/multiselect/angular-15/) |
85
85
  | **14.x** | **Angular 14 only** | **`>=14.0.0 <15.0.0`** | **14.0.0 -> 14.3.0** | [Angular 14 family docs](https://alexandro.net/docs/angular/multiselect/angular-14/) |
86
86
  | **13.x** | **Angular 13 only** | **`>=13.0.0 <14.0.0`** | **13.0.0 -> 13.4.0** | [Angular 13 family docs](https://alexandro.net/docs/angular/multiselect/angular-13/) |
@@ -88,9 +88,9 @@ Each package family only installs on its matching Angular family. Framework majo
88
88
  | **11.x** | **Angular 11 only** | **`>=11.0.0 <12.0.0`** | **11.0.0 -> 11.2.14** | [Angular 11 family docs](https://alexandro.net/docs/angular/multiselect/angular-11/) |
89
89
  | **10.x** | **Angular 10 only** | **`>=10.0.0 <11.0.0`** | **10.0.0 -> 10.2.5** | [Angular 10 family docs](https://alexandro.net/docs/angular/multiselect/angular-10/) |
90
90
  | **9.x** | **Angular 9 only** | **`>=9.0.0 <10.0.0`** | **9.0.0 -> 9.1.13** | [Angular 9 family docs](https://alexandro.net/docs/angular/multiselect/angular-9/) |
91
- | **8.x** | **Angular 8 only** | **`>=8.0.0 <9.0.0`** | **8.0.0 -> 8.2.14** | [Angular 8 family docs](https://alexandro.net/docs/angular/multiselect/angular-8/) |
92
- | **7.x** | **Angular 7 only** | **`>=7.0.1 <8.0.0`** | **7.0.1 -> 7.2.16** | [Angular 7 family docs](https://alexandro.net/docs/angular/multiselect/angular-7/) |
93
- | **6.x** | **Angular 6 only** | **`>=6.0.0 <7.0.1`** | **6.0.0 -> 6.1.10** | [Angular 6 family docs](https://alexandro.net/docs/angular/multiselect/angular-6/) |
91
+ | **8.x** | **Angular 8 only** | **`>=8.0.1 <9.0.0`** | **8.0.1 -> 8.2.14** | [Angular 8 family docs](https://alexandro.net/docs/angular/multiselect/angular-8/) |
92
+ | **7.x** | **Angular 7 only** | **`>=7.0.0 <8.0.1`** | **7.0.0 -> 7.2.16** | [Angular 7 family docs](https://alexandro.net/docs/angular/multiselect/angular-7/) |
93
+ | **6.x** | **Angular 6 only** | **`>=6.0.0 <7.0.0`** | **6.0.0 -> 6.1.10** | [Angular 6 family docs](https://alexandro.net/docs/angular/multiselect/angular-6/) |
94
94
  | **5.x** | **Angular 5 only** | **`>=5.0.0 <6.0.0`** | **5.0.0 -> 5.2.11** | [Angular 5 family docs](https://alexandro.net/docs/angular/multiselect/angular-5/) |
95
95
  | **4.x** | **Angular 4 only** | **`>=4.0.0 <5.0.0`** | **4.0.0 -> 4.4.7** | [Angular 4 family docs](https://alexandro.net/docs/angular/multiselect/angular-4/) |
96
96
  | **2.x** | **Angular 2 only** | **`>=2.0.0 <3.0.0`** | **compatible with 2.x; tested on 2.4.10** | [Angular 2 family docs](https://alexandro.net/docs/angular/multiselect/angular-2/) |
@@ -99,10 +99,10 @@ Each package family only installs on its matching Angular family. Framework majo
99
99
  ## Installation
100
100
 
101
101
  ```bash
102
- npm install @stackline/angular-multiselect-dropdown@7.0.1 --save-exact
102
+ npm install @stackline/angular-multiselect-dropdown@8.0.1 --save-exact
103
103
  ```
104
104
 
105
- Install `7.0.1` for Angular 7.x applications. This line keeps the tested Angular 7 behavior, makes `<angular-multiselect>` the documented standard selector, and keeps `<angular2-multiselect>` only as a legacy compatibility alias.
105
+ Install `8.0.1` for Angular 8.x applications. This line keeps the tested Angular 8 behavior, makes `<angular-multiselect>` the documented standard selector, and keeps `<angular2-multiselect>` only as a legacy compatibility alias.
106
106
 
107
107
  ## Setup
108
108
 
@@ -196,9 +196,9 @@ dropdownSettings = {
196
196
  </angular-multiselect>
197
197
  ```
198
198
 
199
- ## Official Angular 7 Test Matrix
199
+ ## Official Angular 8 Test Matrix
200
200
 
201
- The published Angular 7 release was tested in a real Angular `7.2.16` application with `@stackline/angular-multiselect-dropdown@7.0.1`. The docs now use the same examples from that test app.
201
+ The published Angular 8 release was tested in a real Angular `8.2.14` application with `@stackline/angular-multiselect-dropdown@8.0.1`. The docs now use the same examples from that test app.
202
202
 
203
203
  Switch between skins through the settings object:
204
204
 
package/package.json CHANGED
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "name": "@stackline/angular-multiselect-dropdown",
3
- "version": "7.0.1",
4
- "description": "Angular 7 compatible multiselect dropdown package for the Stackline Angular 7 release line.",
3
+ "version": "8.0.1",
4
+ "description": "Angular 8 compatible multiselect dropdown package for the Stackline Angular 8 release line.",
5
5
  "keywords": [
6
6
  "angular 2 multiselect dropdown",
7
- "angular 7 multiselect dropdown",
7
+ "angular 8 multiselect dropdown",
8
8
  "angular multiselect",
9
9
  "angular dropdown"
10
10
  ],
@@ -110,9 +110,9 @@
110
110
  "main": "angular2-multiselect-dropdown.ts",
111
111
  "types": "angular2-multiselect-dropdown.ts",
112
112
  "peerDependencies": {
113
- "@angular/common": ">=7.0.0 <8.0.0",
114
- "@angular/core": ">=7.0.0 <8.0.0",
115
- "@angular/forms": ">=7.0.0 <8.0.0"
113
+ "@angular/common": ">=8.0.0 <9.0.0",
114
+ "@angular/core": ">=8.0.0 <9.0.0",
115
+ "@angular/forms": ">=8.0.0 <9.0.0"
116
116
  },
117
- "homepage": "https://alexandro.net/docs/angular/multiselect/angular-7/"
117
+ "homepage": "https://alexandro.net/docs/angular/multiselect/angular-8/"
118
118
  }
package/src/app/angular2-multiselect-dropdown/menu-item.ts CHANGED
@@ -9,7 +9,7 @@ import { CommonModule } from '@angular/common';
9
9
 
10
10
  export class Item {
11
11
 
12
- @ContentChild(TemplateRef) template: TemplateRef<any>
12
+ @ContentChild(TemplateRef, { static: false }) template: TemplateRef<any>
13
13
  constructor() {
14
14
  }
15
15
 
@@ -22,7 +22,7 @@ export class Item {
22
22
 
23
23
  export class Badge {
24
24
 
25
- @ContentChild(TemplateRef) template: TemplateRef<any>
25
+ @ContentChild(TemplateRef, { static: false }) template: TemplateRef<any>
26
26
  constructor() {
27
27
  }
28
28
 
package/src/app/angular2-multiselect-dropdown/multiselect.component.ts CHANGED
@@ -54,11 +54,11 @@ export class AngularMultiSelect implements OnInit, ControlValueAccessor, OnChang
54
54
  @Output('onClose')
55
55
  onClose: EventEmitter<any> = new EventEmitter<any>();
56
56
 
57
- @ContentChild(Item) itemTempl: Item;
58
- @ContentChild(Badge) badgeTempl: Badge;
57
+ @ContentChild(Item, { static: false }) itemTempl: Item;
58
+ @ContentChild(Badge, { static: false }) badgeTempl: Badge;
59
59
 
60
60
 
61
- @ViewChild('searchInput') searchInput: ElementRef;
61
+ @ViewChild('searchInput', { static: false }) searchInput: ElementRef;
62
62
 
63
63
  public selectedItems: Array<ListItem>;
64
64
  public isActive: boolean = false;