@stackline/angular-multiselect-dropdown 21.0.2 → 21.1.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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# @stackline/angular-multiselect-dropdown
|
|
2
2
|
|
|
3
|
-
> A maintained Angular multiselect dropdown for classic Angular forms workflows, with search, grouping, custom item and badge templates, lazy loading, custom CSS/SCSS theming, and support for both template-driven and reactive forms.
|
|
3
|
+
> A maintained Angular multiselect dropdown for classic Angular forms workflows, with search, grouping, custom item and badge templates, lazy loading, custom CSS/SCSS theming, ADA-compliant keyboard/ARIA support, and support for both template-driven and reactive forms.
|
|
4
4
|
|
|
5
5
|
[](https://www.npmjs.com/package/@stackline/angular-multiselect-dropdown)
|
|
6
6
|
[](https://www.npmjs.com/package/@stackline/angular-multiselect-dropdown)
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
**[Documentation & Live Demos](https://alexandro.net/docs/angular/multiselect/)** | **[Angular 21 Demo](https://alexandro.net/docs/angular/multiselect/angular-21/)** | **[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
|
|
15
|
+
**Latest tested package release:** `21.1.0` for Angular `21.x`
|
|
16
16
|
|
|
17
17
|
---
|
|
18
18
|
|
|
@@ -24,9 +24,9 @@
|
|
|
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
|
|
27
|
+
The repository contains the full documentation matrix from Angular 2 through Angular 21. The current package release is `21.1.0` for Angular 21.x applications.
|
|
28
28
|
|
|
29
|
-
The Angular 21 package is compatible with Angular 21.x and was tested in a real Angular 21.2.14 application before npm publication.
|
|
29
|
+
The Angular 21 package is compatible with Angular 21.x and was tested in a real Angular 21.2.14 application before npm publication. The 21.1.0 line adds ADA-compliant keyboard navigation, focus handling, and ARIA support for the dropdown trigger, clear-all action, selected chips, listbox, and lazy-loaded results.
|
|
30
30
|
|
|
31
31
|
## Features
|
|
32
32
|
|
|
@@ -42,6 +42,7 @@ The Angular 21 package is compatible with Angular 21.x and was tested in a real
|
|
|
42
42
|
| Reactive forms (`formControlName`) | ✅ |
|
|
43
43
|
| Lazy loading and remote-data hooks | ✅ |
|
|
44
44
|
| Theming via bundled CSS/SCSS | ✅ |
|
|
45
|
+
| ADA-compliant keyboard navigation, focus states, and ARIA labels | ✅ |
|
|
45
46
|
| Primary selector `<angular-multiselect>` | ✅ |
|
|
46
47
|
| Legacy compatibility alias `<angular2-multiselect>` | ✅ |
|
|
47
48
|
| Versioned docs builds per Angular line | ✅ |
|
|
@@ -77,7 +78,7 @@ Peer ranges are intentionally bounded to the tested Angular major. The Angular 2
|
|
|
77
78
|
|
|
78
79
|
| Package family | Framework family | Peer range | Tested release window | Demo link |
|
|
79
80
|
| :---: | :---: | :---: | :---: | :--- |
|
|
80
|
-
| **21.x** | **Angular 21 only** | **`>=21.0.0 <22.0.0`** | **21.0
|
|
81
|
+
| **21.x** | **Angular 21 only** | **`>=21.0.0 <22.0.0`** | **21.1.0 -> 21.2.14** | [Angular 21 family docs](https://alexandro.net/docs/angular/multiselect/angular-21/) |
|
|
81
82
|
| **20.x** | **Angular 20 only** | **`>=20.0.0 <21.0.0`** | **20.0.1 -> 20.3.21** | [Angular 20 family docs](https://alexandro.net/docs/angular/multiselect/angular-20/) |
|
|
82
83
|
| **19.x** | **Angular 19 only** | **`>=19.0.0 <20.0.0`** | **19.0.1 -> 19.2.22** | [Angular 19 family docs](https://alexandro.net/docs/angular/multiselect/angular-19/) |
|
|
83
84
|
| **18.x** | **Angular 18 only** | **`>=18.0.0 <19.0.0`** | **18.0.1 -> 18.2.14** | [Angular 18 family docs](https://alexandro.net/docs/angular/multiselect/angular-18/) |
|
|
@@ -100,10 +101,10 @@ Peer ranges are intentionally bounded to the tested Angular major. The Angular 2
|
|
|
100
101
|
## Installation
|
|
101
102
|
|
|
102
103
|
```bash
|
|
103
|
-
npm install @stackline/angular-multiselect-dropdown@21.0
|
|
104
|
+
npm install @stackline/angular-multiselect-dropdown@21.1.0 --save-exact
|
|
104
105
|
```
|
|
105
106
|
|
|
106
|
-
Install `21.0
|
|
107
|
+
Install `21.1.0` for Angular 21.x applications. This line keeps the tested Angular 21 behavior, makes `<angular-multiselect>` the documented standard selector, keeps `<angular2-multiselect>` only as a legacy compatibility alias, and adds the ADA-compliant keyboard/ARIA accessibility patch.
|
|
107
108
|
|
|
108
109
|
## Setup
|
|
109
110
|
|
|
@@ -199,7 +200,7 @@ dropdownSettings = {
|
|
|
199
200
|
|
|
200
201
|
## Official Angular 21 Test Matrix
|
|
201
202
|
|
|
202
|
-
The published Angular 21 release was tested in a real Angular `21.2.14` application with `@stackline/angular-multiselect-dropdown@21.0
|
|
203
|
+
The published Angular 21 release was tested in a real Angular `21.2.14` application with `@stackline/angular-multiselect-dropdown@21.1.0`. The docs now use the same examples from that test app, including the ADA-compliant keyboard, focus, and ARIA behavior added in this release.
|
|
203
204
|
|
|
204
205
|
Switch between skins through the settings object:
|
|
205
206
|
|