ng-select2-component 13.0.9 → 13.0.10
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 +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 +13 -7
- package/esm2022/lib/select2.module.mjs +4 -4
- package/fesm2022/ng-select2-component.mjs +22 -16
- 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/README.md
CHANGED
|
@@ -96,7 +96,7 @@ class MainModule {}
|
|
|
96
96
|
| `infiniteScrollDistance` | `number` | | `1.5` | infiniteScroll distance | with `ngx-infinite-scroll` |
|
|
97
97
|
| `infiniteScrollThrottle` | `number` | | `150` | infiniteScroll throttle | |
|
|
98
98
|
| `overlay` | `boolean` | | `false` | active an overlay mode for dropdown list (with angular cdk). (See [Overlay](#overlay)) | |
|
|
99
|
-
| `styleMode` | `'default'`<br>`'material'`<br>`'noStyle'`
|
|
99
|
+
| `styleMode` | `'default'`<br>`'material'`<br>`'noStyle'`<br>`'borderless'` | | `'default'` | change style for material style or remove border and background color | |
|
|
100
100
|
| `templates` | `TemplateRef`<br>`{option?: TemplateRef, group?: TemplateRef}`<br>`{templateId1: TemplateRef, ...}` | | | use templates for formatting content (see [Templating](#templating)) | |
|
|
101
101
|
| `noLabelTemplate` | `boolean` | | `false` | do not use the template in the selection, stay in text mode | |
|
|
102
102
|
| `editPattern` | `(str: string) => string` | | | use it for change the pattern of the filter search | |
|
|
@@ -108,7 +108,7 @@ class MainModule {}
|
|
|
108
108
|
| `(blur)` | `(event: Select2) => void` | event | | triggered when user leaves the component | |
|
|
109
109
|
| `(search)` | `(event: `[`Select2SearchEvent`](#select2-data-structure)`) => void` | event | | triggered when search text changed | with `customSearchEnabled` |
|
|
110
110
|
| `(scroll)` | `(event: `[`Select2ScrollEvent`](#select2-data-structure)`) => void` | event | | triggered when infiniteScroll is on `up` or `down` position | with `ngx-infinite-scroll` |
|
|
111
|
-
| `(
|
|
111
|
+
| `(removeOption)` | `(event: `[`Select2RemoveEvent`](#select2-data-structure)`) => void` | event | | triggered when an option is removed from the list of selected options options list | with `multiple` |
|
|
112
112
|
| `(autoCreateItem)` | `(event: `[`Select2AutoCreateEvent`](#select2-data-structure)`) => void` | event | | triggered when a new item has been added | with `autoCreate` |
|
|
113
113
|
|
|
114
114
|
### select2 data structure
|
|
@@ -331,6 +331,12 @@ It's possible to change different colors (and more) with CSS variables without h
|
|
|
331
331
|
/* dropdown panel */
|
|
332
332
|
--select2-dropdown-background: #fff;
|
|
333
333
|
--select2-dropdown-border-color: #aaa;
|
|
334
|
+
--select2-dropdown-above-border-bottom: none;
|
|
335
|
+
--select2-dropdown-above-border-bottom-left-radius: 0;
|
|
336
|
+
--select2-dropdown-above-border-bottom-right-radius: 0;
|
|
337
|
+
--select2-dropdown-below-border-top: none;
|
|
338
|
+
--select2-dropdown-below-border-top-left-radius: 0;
|
|
339
|
+
--select2-dropdown-below-border-top-right-radius: 0;
|
|
334
340
|
|
|
335
341
|
/* overlay */
|
|
336
342
|
--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: "
|
|
5
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
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: "
|
|
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: "
|
|
5
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
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: "
|
|
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
|
}] });
|