ng-select2-component 13.0.8 → 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/AUTHORS.md CHANGED
@@ -14,3 +14,4 @@ Thanks for your contributions:
14
14
  - Varun Nambiar
15
15
  - Khanh Ngo
16
16
  - Johan Compagner
17
+ - majora2007
package/CHANGELOG.md CHANGED
@@ -1,5 +1,10 @@
1
1
  # Changelog of ng-select2
2
2
 
3
+ ## V13.0.9 (2023-09-24)
4
+
5
+ - add `autoCreate` for single mode #56 (thanks @majora2007)
6
+ - add `autoCreateItem` event #56 (thanks @majora2007)
7
+
3
8
  ## V13.0.8 (2023-08-29)
4
9
 
5
10
  - fix focus on blur
package/README.md CHANGED
@@ -85,7 +85,7 @@ class MainModule {}
85
85
  | `multiple` | `boolean` | | `false` | select multiple options | |
86
86
  | `resettable` | `boolean` | | `false` | add a button to reset value | not `multiple` |
87
87
  | `resetSelectedValue` | `any` | | `undefined` | selected option when × is clicked | not `multiple` and with `resettable` |
88
- | `autoCreate` | `boolean` | | `false` | gives the possibility to add elements not present in the list. | with `multiple` |
88
+ | `autoCreate` | `boolean` | | `false` | gives the possibility to add elements not present in the list. | |
89
89
  | `limitSelection` | `number` | | `0` | to limit multiple selection (`0` = unlimited) | |
90
90
  | `hideSelectedItems` | `boolean` | | `false` | remove selected values | with `multiple` |
91
91
  | `resultMaxHeight` | `string` | | `'200px'` | change the height size of results | |
@@ -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'` | | `'default'` | change style for material style or remove border and background color | |
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,8 @@ 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
- | `(removedOption)` | `(event: `[`Select2RemoveEvent`](#select2-data-structure)`) => void` | event | | triggered when an option is removed from the list of selected options options list | with `multiple` |
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
+ | `(autoCreateItem)` | `(event: `[`Select2AutoCreateEvent`](#select2-data-structure)`) => void` | event | | triggered when a new item has been added | with `autoCreate` |
112
113
 
113
114
  ### select2 data structure
114
115
 
@@ -160,6 +161,15 @@ export interface Select2UpdateEvent<U extends Select2UpdateValue = Select2Value>
160
161
  readonly options: Select2Option[];
161
162
  }
162
163
 
164
+ export interface Select2AutoCreateEvent<U extends Select2UpdateValue = Select2Value> {
165
+ /** component */
166
+ readonly component: Select2;
167
+ /** current selected value */
168
+ readonly value: U;
169
+ /** selected option */
170
+ readonly options: Select2Option[];
171
+ }
172
+
163
173
  export interface Select2SearchEvent<U extends Select2UpdateValue = Select2Value> {
164
174
  /** component */
165
175
  readonly component: Select2;
@@ -321,6 +331,12 @@ It's possible to change different colors (and more) with CSS variables without h
321
331
  /* dropdown panel */
322
332
  --select2-dropdown-background: #fff;
323
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;
324
340
 
325
341
  /* overlay */
326
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: "16.1.6", ngImport: i0, type: Select2Hint, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
5
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.6", type: Select2Hint, selector: "select2-hint", ngImport: i0 }); }
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: "16.1.6", ngImport: i0, type: Select2Hint, decorators: [{
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,2 +1,2 @@
1
1
  export {};
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0Mi1pbnRlcmZhY2VzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctc2VsZWN0Mi1jb21wb25lbnQvc3JjL2xpYi9zZWxlY3QyLWludGVyZmFjZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFNlbGVjdDIgfSBmcm9tICcuL3NlbGVjdDIuY29tcG9uZW50JztcblxuXG5leHBvcnQgaW50ZXJmYWNlIFNlbGVjdDJHcm91cCB7XG4gICAgLyoqIGxhYmVsIG9mIGdyb3VwICovXG4gICAgbGFiZWw6IHN0cmluZztcbiAgICAvKiogb3B0aW9ucyBsaXN0ICovXG4gICAgb3B0aW9uczogU2VsZWN0Mk9wdGlvbltdO1xuICAgIC8qKiBhZGQgY2xhc3NlcyAgKi9cbiAgICBjbGFzc2VzPzogc3RyaW5nO1xuICAgIC8qKiB0ZW1wbGF0ZSBpZCAgKi9cbiAgICB0ZW1wbGF0ZUlkPzogc3RyaW5nO1xuICAgIC8qKiB0ZW1wbGF0ZSBkYXRhICAqL1xuICAgIGRhdGE/OiBhbnk7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2VsZWN0Mk9wdGlvbiB7XG4gICAgLyoqIHZhbHVlICAqL1xuICAgIHZhbHVlOiBTZWxlY3QyVmFsdWU7XG4gICAgLyoqIGxhYmVsIG9mIG9wdGlvbiAqL1xuICAgIGxhYmVsOiBzdHJpbmc7XG4gICAgLyoqIG5vIHNlbGVjdGFibGUgaXMgZGlzYWJsZWQgKi9cbiAgICBkaXNhYmxlZD86IGJvb2xlYW47XG4gICAgLyoqIGZvciBpZGVudGlmaWNhdGlvbiAqL1xuICAgIGlkPzogc3RyaW5nO1xuICAgIC8qKiBhZGQgY2xhc3NlcyAgKi9cbiAgICBjbGFzc2VzPzogc3RyaW5nO1xuICAgIC8qKiB0ZW1wbGF0ZSBpZCAgKi9cbiAgICB0ZW1wbGF0ZUlkPzogc3RyaW5nO1xuICAgIC8qKiB0ZW1wbGF0ZSBkYXRhICAqL1xuICAgIGRhdGE/OiBhbnk7XG4gICAgLyoqIGhpZGUgdGhpcyBvcHRpb24gKi9cbiAgICBoaWRlPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IHR5cGUgU2VsZWN0MlZhbHVlID0gc3RyaW5nIHwgbnVtYmVyIHwgYm9vbGVhbiB8IG9iamVjdDtcblxuZXhwb3J0IHR5cGUgU2VsZWN0MlVwZGF0ZVZhbHVlID0gU2VsZWN0MlZhbHVlIHwgU2VsZWN0MlZhbHVlW107XG5cbmV4cG9ydCB0eXBlIFNlbGVjdDJEYXRhID0gKFNlbGVjdDJHcm91cCB8IFNlbGVjdDJPcHRpb24pW107XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2VsZWN0MlVwZGF0ZUV2ZW50PFUgZXh0ZW5kcyBTZWxlY3QyVXBkYXRlVmFsdWUgPSBTZWxlY3QyVmFsdWU+IHtcbiAgICAvKiogY29tcG9uZW50ICovXG4gICAgcmVhZG9ubHkgY29tcG9uZW50OiBTZWxlY3QyO1xuICAgIC8qKiBjdXJyZW50IHNlbGVjdGVkIHZhbHVlICovXG4gICAgcmVhZG9ubHkgdmFsdWU6IFU7XG4gICAgLyoqIHNlbGVjdGVkIG9wdGlvbiAqL1xuICAgIHJlYWRvbmx5IG9wdGlvbnM6IFNlbGVjdDJPcHRpb25bXTtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBTZWxlY3QyU2VhcmNoRXZlbnQ8VSBleHRlbmRzIFNlbGVjdDJVcGRhdGVWYWx1ZSA9IFNlbGVjdDJWYWx1ZT4ge1xuICAgIC8qKiBjb21wb25lbnQgKi9cbiAgICByZWFkb25seSBjb21wb25lbnQ6IFNlbGVjdDI7XG4gICAgLyoqIGN1cnJlbnQgc2VsZWN0ZWQgdmFsdWUgKi9cbiAgICByZWFkb25seSB2YWx1ZTogVTtcbiAgICAvKiogc2VhcmNoIHRleHQgKi9cbiAgICByZWFkb25seSBzZWFyY2g6IHN0cmluZztcbiAgICAvKiogY3VycmVudCBkYXRhIHNvdXJjZSAqL1xuICAgIHJlYWRvbmx5IGRhdGE6IFNlbGVjdDJEYXRhO1xuICAgIC8qKiBtZXRob2QgdG8gY2FsbCB0byB1cGRhdGUgdGhlIGRhdGEgKi9cbiAgICByZWFkb25seSBmaWx0ZXJlZERhdGE6IChkYXRhOiBTZWxlY3QyRGF0YSkgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBTZWxlY3QyUmVtb3ZlRXZlbnQ8VSBleHRlbmRzIFNlbGVjdDJVcGRhdGVWYWx1ZSA9IFNlbGVjdDJWYWx1ZT4ge1xuICAgIC8qKiBjb21wb25lbnQgKi9cbiAgICByZWFkb25seSBjb21wb25lbnQ6IFNlbGVjdDI7XG4gICAgLyoqIGN1cnJlbnQgc2VsZWN0ZWQgdmFsdWUgKi9cbiAgICByZWFkb25seSB2YWx1ZTogVTtcbiAgICAvKiogcmVtb3ZlICovXG4gICAgcmVhZG9ubHkgcmVtb3ZlZE9wdGlvbjogU2VsZWN0Mk9wdGlvbjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBTZWxlY3QyU2Nyb2xsRXZlbnQge1xuICAgIC8qKiBjb21wb25lbnQgKi9cbiAgICByZWFkb25seSBjb21wb25lbnQ6IFNlbGVjdDI7XG4gICAgLyoqIHNjcm9sbCB3YXkgKi9cbiAgICByZWFkb25seSB3YXk6ICd1cCcgfCAnZG93bic7XG4gICAgLyoqIHNlYXJjaCB0ZXh0ICovXG4gICAgcmVhZG9ubHkgc2VhcmNoOiBzdHJpbmc7XG4gICAgLyoqIGN1cnJlbnQgZGF0YSAqL1xuICAgIHJlYWRvbmx5IGRhdGE6IFNlbGVjdDJEYXRhO1xufVxuIl19
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0Mi1pbnRlcmZhY2VzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctc2VsZWN0Mi1jb21wb25lbnQvc3JjL2xpYi9zZWxlY3QyLWludGVyZmFjZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFNlbGVjdDIgfSBmcm9tICcuL3NlbGVjdDIuY29tcG9uZW50JztcblxuXG5leHBvcnQgaW50ZXJmYWNlIFNlbGVjdDJHcm91cCB7XG4gICAgLyoqIGxhYmVsIG9mIGdyb3VwICovXG4gICAgbGFiZWw6IHN0cmluZztcbiAgICAvKiogb3B0aW9ucyBsaXN0ICovXG4gICAgb3B0aW9uczogU2VsZWN0Mk9wdGlvbltdO1xuICAgIC8qKiBhZGQgY2xhc3NlcyAgKi9cbiAgICBjbGFzc2VzPzogc3RyaW5nO1xuICAgIC8qKiB0ZW1wbGF0ZSBpZCAgKi9cbiAgICB0ZW1wbGF0ZUlkPzogc3RyaW5nO1xuICAgIC8qKiB0ZW1wbGF0ZSBkYXRhICAqL1xuICAgIGRhdGE/OiBhbnk7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2VsZWN0Mk9wdGlvbiB7XG4gICAgLyoqIHZhbHVlICAqL1xuICAgIHZhbHVlOiBTZWxlY3QyVmFsdWU7XG4gICAgLyoqIGxhYmVsIG9mIG9wdGlvbiAqL1xuICAgIGxhYmVsOiBzdHJpbmc7XG4gICAgLyoqIG5vIHNlbGVjdGFibGUgaXMgZGlzYWJsZWQgKi9cbiAgICBkaXNhYmxlZD86IGJvb2xlYW47XG4gICAgLyoqIGZvciBpZGVudGlmaWNhdGlvbiAqL1xuICAgIGlkPzogc3RyaW5nO1xuICAgIC8qKiBhZGQgY2xhc3NlcyAgKi9cbiAgICBjbGFzc2VzPzogc3RyaW5nO1xuICAgIC8qKiB0ZW1wbGF0ZSBpZCAgKi9cbiAgICB0ZW1wbGF0ZUlkPzogc3RyaW5nO1xuICAgIC8qKiB0ZW1wbGF0ZSBkYXRhICAqL1xuICAgIGRhdGE/OiBhbnk7XG4gICAgLyoqIGhpZGUgdGhpcyBvcHRpb24gKi9cbiAgICBoaWRlPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IHR5cGUgU2VsZWN0MlZhbHVlID0gc3RyaW5nIHwgbnVtYmVyIHwgYm9vbGVhbiB8IG9iamVjdDtcblxuZXhwb3J0IHR5cGUgU2VsZWN0MlVwZGF0ZVZhbHVlID0gU2VsZWN0MlZhbHVlIHwgU2VsZWN0MlZhbHVlW107XG5cbmV4cG9ydCB0eXBlIFNlbGVjdDJEYXRhID0gKFNlbGVjdDJHcm91cCB8IFNlbGVjdDJPcHRpb24pW107XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2VsZWN0MlVwZGF0ZUV2ZW50PFUgZXh0ZW5kcyBTZWxlY3QyVXBkYXRlVmFsdWUgPSBTZWxlY3QyVmFsdWU+IHtcbiAgICAvKiogY29tcG9uZW50ICovXG4gICAgcmVhZG9ubHkgY29tcG9uZW50OiBTZWxlY3QyO1xuICAgIC8qKiBjdXJyZW50IHNlbGVjdGVkIHZhbHVlICovXG4gICAgcmVhZG9ubHkgdmFsdWU6IFU7XG4gICAgLyoqIHNlbGVjdGVkIG9wdGlvbiAqL1xuICAgIHJlYWRvbmx5IG9wdGlvbnM6IFNlbGVjdDJPcHRpb25bXTtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBTZWxlY3QyQXV0b0NyZWF0ZUV2ZW50PFUgZXh0ZW5kcyBTZWxlY3QyVXBkYXRlVmFsdWUgPSBTZWxlY3QyVmFsdWU+IHtcbiAgICAvKiogY29tcG9uZW50ICovXG4gICAgcmVhZG9ubHkgY29tcG9uZW50OiBTZWxlY3QyO1xuICAgIC8qKiBjdXJyZW50IHNlbGVjdGVkIHZhbHVlICovXG4gICAgcmVhZG9ubHkgdmFsdWU6IFU7XG4gICAgLyoqIHNlbGVjdGVkIG9wdGlvbiAqL1xuICAgIHJlYWRvbmx5IG9wdGlvbnM6IFNlbGVjdDJPcHRpb25bXTtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBTZWxlY3QyU2VhcmNoRXZlbnQ8VSBleHRlbmRzIFNlbGVjdDJVcGRhdGVWYWx1ZSA9IFNlbGVjdDJWYWx1ZT4ge1xuICAgIC8qKiBjb21wb25lbnQgKi9cbiAgICByZWFkb25seSBjb21wb25lbnQ6IFNlbGVjdDI7XG4gICAgLyoqIGN1cnJlbnQgc2VsZWN0ZWQgdmFsdWUgKi9cbiAgICByZWFkb25seSB2YWx1ZTogVTtcbiAgICAvKiogc2VhcmNoIHRleHQgKi9cbiAgICByZWFkb25seSBzZWFyY2g6IHN0cmluZztcbiAgICAvKiogY3VycmVudCBkYXRhIHNvdXJjZSAqL1xuICAgIHJlYWRvbmx5IGRhdGE6IFNlbGVjdDJEYXRhO1xuICAgIC8qKiBtZXRob2QgdG8gY2FsbCB0byB1cGRhdGUgdGhlIGRhdGEgKi9cbiAgICByZWFkb25seSBmaWx0ZXJlZERhdGE6IChkYXRhOiBTZWxlY3QyRGF0YSkgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBTZWxlY3QyUmVtb3ZlRXZlbnQ8VSBleHRlbmRzIFNlbGVjdDJVcGRhdGVWYWx1ZSA9IFNlbGVjdDJWYWx1ZT4ge1xuICAgIC8qKiBjb21wb25lbnQgKi9cbiAgICByZWFkb25seSBjb21wb25lbnQ6IFNlbGVjdDI7XG4gICAgLyoqIGN1cnJlbnQgc2VsZWN0ZWQgdmFsdWUgKi9cbiAgICByZWFkb25seSB2YWx1ZTogVTtcbiAgICAvKiogcmVtb3ZlICovXG4gICAgcmVhZG9ubHkgcmVtb3ZlZE9wdGlvbjogU2VsZWN0Mk9wdGlvbjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBTZWxlY3QyU2Nyb2xsRXZlbnQge1xuICAgIC8qKiBjb21wb25lbnQgKi9cbiAgICByZWFkb25seSBjb21wb25lbnQ6IFNlbGVjdDI7XG4gICAgLyoqIHNjcm9sbCB3YXkgKi9cbiAgICByZWFkb25seSB3YXk6ICd1cCcgfCAnZG93bic7XG4gICAgLyoqIHNlYXJjaCB0ZXh0ICovXG4gICAgcmVhZG9ubHkgc2VhcmNoOiBzdHJpbmc7XG4gICAgLyoqIGN1cnJlbnQgZGF0YSAqL1xuICAgIHJlYWRvbmx5IGRhdGE6IFNlbGVjdDJEYXRhO1xufVxuIl19
@@ -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: "16.1.6", ngImport: i0, type: Select2Label, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
5
- /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.6", type: Select2Label, selector: "select2-label", ngImport: i0 }); }
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: "16.1.6", ngImport: i0, type: Select2Label, decorators: [{
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
  }] });