ng-select2-component 14.0.0 → 14.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.
- package/CHANGELOG.md +9 -1
- package/README.md +8 -2
- package/esm2022/lib/select2-hint.component.mjs +3 -3
- package/esm2022/lib/select2-label.component.mjs +3 -3
- package/esm2022/lib/select2.component.mjs +11 -5
- package/esm2022/lib/select2.module.mjs +4 -4
- package/fesm2022/ng-select2-component.mjs +20 -14
- package/fesm2022/ng-select2-component.mjs.map +1 -1
- package/lib/select2.component.d.ts +2 -1
- package/lib/select2.component.d.ts.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,11 +1,19 @@
|
|
|
1
1
|
# Changelog of ng-select2
|
|
2
2
|
|
|
3
|
-
## V14.0.
|
|
3
|
+
## V14.0.1 (2024-03-04)
|
|
4
|
+
|
|
5
|
+
- add `borderless` style
|
|
6
|
+
|
|
7
|
+
## V14.0.0 (2024-01-07)
|
|
4
8
|
|
|
5
9
|
### Breaking Changes
|
|
6
10
|
|
|
7
11
|
- minimum required support has been upgraded to Angular `17.0`.
|
|
8
12
|
|
|
13
|
+
## V13.0.10 (2024-03-04)
|
|
14
|
+
|
|
15
|
+
- add `borderless` style
|
|
16
|
+
|
|
9
17
|
## V13.0.9 (2023-09-24)
|
|
10
18
|
|
|
11
19
|
- add `autoCreate` for single mode #56 (thanks @majora2007)
|
package/README.md
CHANGED
|
@@ -97,7 +97,7 @@ class MainModule {}
|
|
|
97
97
|
| `infiniteScrollDistance` | `number` | | `1.5` | infiniteScroll distance | with `ngx-infinite-scroll` |
|
|
98
98
|
| `infiniteScrollThrottle` | `number` | | `150` | infiniteScroll throttle | |
|
|
99
99
|
| `overlay` | `boolean` | | `false` | active an overlay mode for dropdown list (with angular cdk). (See [Overlay](#overlay)) | |
|
|
100
|
-
| `styleMode` | `'default'`<br>`'material'`<br>`'noStyle'`
|
|
100
|
+
| `styleMode` | `'default'`<br>`'material'`<br>`'noStyle'`<br>`'borderless'` | | `'default'` | change style for material style or remove border and background color | |
|
|
101
101
|
| `templates` | `TemplateRef`<br>`{option?: TemplateRef, group?: TemplateRef}`<br>`{templateId1: TemplateRef, ...}` | | | use templates for formatting content (see [Templating](#templating)) | |
|
|
102
102
|
| `noLabelTemplate` | `boolean` | | `false` | do not use the template in the selection, stay in text mode | |
|
|
103
103
|
| `editPattern` | `(str: string) => string` | | | use it for change the pattern of the filter search | |
|
|
@@ -109,7 +109,7 @@ class MainModule {}
|
|
|
109
109
|
| `(blur)` | `(event: Select2) => void` | event | | triggered when user leaves the component | |
|
|
110
110
|
| `(search)` | `(event: `[`Select2SearchEvent`](#select2-data-structure)`) => void` | event | | triggered when search text changed | with `customSearchEnabled` |
|
|
111
111
|
| `(scroll)` | `(event: `[`Select2ScrollEvent`](#select2-data-structure)`) => void` | event | | triggered when infiniteScroll is on `up` or `down` position | with `ngx-infinite-scroll` |
|
|
112
|
-
| `(
|
|
112
|
+
| `(removeOption)` | `(event: `[`Select2RemoveEvent`](#select2-data-structure)`) => void` | event | | triggered when an option is removed from the list of selected options options list | with `multiple` |
|
|
113
113
|
| `(autoCreateItem)` | `(event: `[`Select2AutoCreateEvent`](#select2-data-structure)`) => void` | event | | triggered when a new item has been added | with `autoCreate` |
|
|
114
114
|
|
|
115
115
|
### select2 data structure
|
|
@@ -332,6 +332,12 @@ It's possible to change different colors (and more) with CSS variables without h
|
|
|
332
332
|
/* dropdown panel */
|
|
333
333
|
--select2-dropdown-background: #fff;
|
|
334
334
|
--select2-dropdown-border-color: #aaa;
|
|
335
|
+
--select2-dropdown-above-border-bottom: none;
|
|
336
|
+
--select2-dropdown-above-border-bottom-left-radius: 0;
|
|
337
|
+
--select2-dropdown-above-border-bottom-right-radius: 0;
|
|
338
|
+
--select2-dropdown-below-border-top: none;
|
|
339
|
+
--select2-dropdown-below-border-top-left-radius: 0;
|
|
340
|
+
--select2-dropdown-below-border-top-right-radius: 0;
|
|
335
341
|
|
|
336
342
|
/* overlay */
|
|
337
343
|
--select2-overlay-backdrop: transparent;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { Directive } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class Select2Hint {
|
|
4
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
5
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
4
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: Select2Hint, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: Select2Hint, selector: "select2-hint", ngImport: i0 }); }
|
|
6
6
|
}
|
|
7
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: Select2Hint, decorators: [{
|
|
8
8
|
type: Directive,
|
|
9
9
|
args: [{ selector: 'select2-hint' }]
|
|
10
10
|
}] });
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { Directive } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class Select2Label {
|
|
4
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
5
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
4
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: Select2Label, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.3", type: Select2Label, selector: "select2-label", ngImport: i0 }); }
|
|
6
6
|
}
|
|
7
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.3", ngImport: i0, type: Select2Label, decorators: [{
|
|
8
8
|
type: Directive,
|
|
9
9
|
args: [{ selector: 'select2-label' }]
|
|
10
10
|
}] });
|