@ng-select/ng-select 20.3.5 → 20.4.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.
|
@@ -34,32 +34,32 @@ function isFunction(value) {
|
|
|
34
34
|
class NgItemLabelDirective {
|
|
35
35
|
constructor() {
|
|
36
36
|
this.element = inject(ElementRef);
|
|
37
|
-
this.ngItemLabel = input();
|
|
38
|
-
this.escape = input(true);
|
|
37
|
+
this.ngItemLabel = input(...(ngDevMode ? [undefined, { debugName: "ngItemLabel" }] : []));
|
|
38
|
+
this.escape = input(true, ...(ngDevMode ? [{ debugName: "escape" }] : []));
|
|
39
39
|
effect(() => {
|
|
40
40
|
this.element.nativeElement.innerHTML = this.escape()
|
|
41
41
|
? escapeHTML(this.ngItemLabel())
|
|
42
42
|
: this.ngItemLabel();
|
|
43
43
|
});
|
|
44
44
|
}
|
|
45
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
46
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.
|
|
45
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgItemLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
46
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.6", type: NgItemLabelDirective, isStandalone: true, selector: "[ngItemLabel]", inputs: { ngItemLabel: { classPropertyName: "ngItemLabel", publicName: "ngItemLabel", isSignal: true, isRequired: false, transformFunction: null }, escape: { classPropertyName: "escape", publicName: "escape", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
47
47
|
}
|
|
48
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgItemLabelDirective, decorators: [{
|
|
49
49
|
type: Directive,
|
|
50
50
|
args: [{
|
|
51
51
|
selector: '[ngItemLabel]',
|
|
52
52
|
standalone: true,
|
|
53
53
|
}]
|
|
54
|
-
}], ctorParameters: () => [] });
|
|
54
|
+
}], ctorParameters: () => [], propDecorators: { ngItemLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngItemLabel", required: false }] }], escape: [{ type: i0.Input, args: [{ isSignal: true, alias: "escape", required: false }] }] } });
|
|
55
55
|
class NgOptionTemplateDirective {
|
|
56
56
|
constructor() {
|
|
57
57
|
this.template = inject((TemplateRef));
|
|
58
58
|
}
|
|
59
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
60
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
59
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgOptionTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
60
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: NgOptionTemplateDirective, isStandalone: true, selector: "[ng-option-tmp]", ngImport: i0 }); }
|
|
61
61
|
}
|
|
62
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
62
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgOptionTemplateDirective, decorators: [{
|
|
63
63
|
type: Directive,
|
|
64
64
|
args: [{
|
|
65
65
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -71,10 +71,10 @@ class NgOptgroupTemplateDirective {
|
|
|
71
71
|
constructor() {
|
|
72
72
|
this.template = inject((TemplateRef));
|
|
73
73
|
}
|
|
74
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
75
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
74
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgOptgroupTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
75
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: NgOptgroupTemplateDirective, isStandalone: true, selector: "[ng-optgroup-tmp]", ngImport: i0 }); }
|
|
76
76
|
}
|
|
77
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
77
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgOptgroupTemplateDirective, decorators: [{
|
|
78
78
|
type: Directive,
|
|
79
79
|
args: [{
|
|
80
80
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -86,10 +86,10 @@ class NgLabelTemplateDirective {
|
|
|
86
86
|
constructor() {
|
|
87
87
|
this.template = inject((TemplateRef));
|
|
88
88
|
}
|
|
89
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
90
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
89
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgLabelTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
90
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: NgLabelTemplateDirective, isStandalone: true, selector: "[ng-label-tmp]", ngImport: i0 }); }
|
|
91
91
|
}
|
|
92
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
92
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgLabelTemplateDirective, decorators: [{
|
|
93
93
|
type: Directive,
|
|
94
94
|
args: [{
|
|
95
95
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -101,10 +101,10 @@ class NgMultiLabelTemplateDirective {
|
|
|
101
101
|
constructor() {
|
|
102
102
|
this.template = inject((TemplateRef));
|
|
103
103
|
}
|
|
104
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
105
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
104
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgMultiLabelTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
105
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: NgMultiLabelTemplateDirective, isStandalone: true, selector: "[ng-multi-label-tmp]", ngImport: i0 }); }
|
|
106
106
|
}
|
|
107
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
107
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgMultiLabelTemplateDirective, decorators: [{
|
|
108
108
|
type: Directive,
|
|
109
109
|
args: [{
|
|
110
110
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -116,10 +116,10 @@ class NgHeaderTemplateDirective {
|
|
|
116
116
|
constructor() {
|
|
117
117
|
this.template = inject((TemplateRef));
|
|
118
118
|
}
|
|
119
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
120
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
119
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgHeaderTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
120
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: NgHeaderTemplateDirective, isStandalone: true, selector: "[ng-header-tmp]", ngImport: i0 }); }
|
|
121
121
|
}
|
|
122
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
122
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgHeaderTemplateDirective, decorators: [{
|
|
123
123
|
type: Directive,
|
|
124
124
|
args: [{
|
|
125
125
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -131,10 +131,10 @@ class NgFooterTemplateDirective {
|
|
|
131
131
|
constructor() {
|
|
132
132
|
this.template = inject((TemplateRef));
|
|
133
133
|
}
|
|
134
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
135
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
134
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgFooterTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
135
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: NgFooterTemplateDirective, isStandalone: true, selector: "[ng-footer-tmp]", ngImport: i0 }); }
|
|
136
136
|
}
|
|
137
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
137
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgFooterTemplateDirective, decorators: [{
|
|
138
138
|
type: Directive,
|
|
139
139
|
args: [{
|
|
140
140
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -146,10 +146,10 @@ class NgNotFoundTemplateDirective {
|
|
|
146
146
|
constructor() {
|
|
147
147
|
this.template = inject((TemplateRef));
|
|
148
148
|
}
|
|
149
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
150
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
149
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgNotFoundTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
150
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: NgNotFoundTemplateDirective, isStandalone: true, selector: "[ng-notfound-tmp]", ngImport: i0 }); }
|
|
151
151
|
}
|
|
152
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
152
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgNotFoundTemplateDirective, decorators: [{
|
|
153
153
|
type: Directive,
|
|
154
154
|
args: [{
|
|
155
155
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -161,10 +161,10 @@ class NgPlaceholderTemplateDirective {
|
|
|
161
161
|
constructor() {
|
|
162
162
|
this.template = inject((TemplateRef));
|
|
163
163
|
}
|
|
164
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
165
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
164
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgPlaceholderTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
165
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: NgPlaceholderTemplateDirective, isStandalone: true, selector: "[ng-placeholder-tmp]", ngImport: i0 }); }
|
|
166
166
|
}
|
|
167
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
167
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgPlaceholderTemplateDirective, decorators: [{
|
|
168
168
|
type: Directive,
|
|
169
169
|
args: [{
|
|
170
170
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -176,10 +176,10 @@ class NgTypeToSearchTemplateDirective {
|
|
|
176
176
|
constructor() {
|
|
177
177
|
this.template = inject((TemplateRef));
|
|
178
178
|
}
|
|
179
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
180
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
179
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgTypeToSearchTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
180
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: NgTypeToSearchTemplateDirective, isStandalone: true, selector: "[ng-typetosearch-tmp]", ngImport: i0 }); }
|
|
181
181
|
}
|
|
182
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
182
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgTypeToSearchTemplateDirective, decorators: [{
|
|
183
183
|
type: Directive,
|
|
184
184
|
args: [{
|
|
185
185
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -191,10 +191,10 @@ class NgLoadingTextTemplateDirective {
|
|
|
191
191
|
constructor() {
|
|
192
192
|
this.template = inject((TemplateRef));
|
|
193
193
|
}
|
|
194
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
195
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
194
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgLoadingTextTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
195
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: NgLoadingTextTemplateDirective, isStandalone: true, selector: "[ng-loadingtext-tmp]", ngImport: i0 }); }
|
|
196
196
|
}
|
|
197
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
197
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgLoadingTextTemplateDirective, decorators: [{
|
|
198
198
|
type: Directive,
|
|
199
199
|
args: [{
|
|
200
200
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -206,10 +206,10 @@ class NgTagTemplateDirective {
|
|
|
206
206
|
constructor() {
|
|
207
207
|
this.template = inject((TemplateRef));
|
|
208
208
|
}
|
|
209
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
210
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
209
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgTagTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
210
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: NgTagTemplateDirective, isStandalone: true, selector: "[ng-tag-tmp]", ngImport: i0 }); }
|
|
211
211
|
}
|
|
212
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
212
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgTagTemplateDirective, decorators: [{
|
|
213
213
|
type: Directive,
|
|
214
214
|
args: [{
|
|
215
215
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -221,10 +221,10 @@ class NgLoadingSpinnerTemplateDirective {
|
|
|
221
221
|
constructor() {
|
|
222
222
|
this.template = inject((TemplateRef));
|
|
223
223
|
}
|
|
224
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
225
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
224
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgLoadingSpinnerTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
225
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: NgLoadingSpinnerTemplateDirective, isStandalone: true, selector: "[ng-loadingspinner-tmp]", ngImport: i0 }); }
|
|
226
226
|
}
|
|
227
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
227
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgLoadingSpinnerTemplateDirective, decorators: [{
|
|
228
228
|
type: Directive,
|
|
229
229
|
args: [{
|
|
230
230
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -237,10 +237,10 @@ class NgClearButtonTemplateDirective {
|
|
|
237
237
|
constructor() {
|
|
238
238
|
this.template = inject((TemplateRef));
|
|
239
239
|
}
|
|
240
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
241
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
240
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgClearButtonTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
241
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.6", type: NgClearButtonTemplateDirective, isStandalone: true, selector: "[ng-clearbutton-tmp]", ngImport: i0 }); }
|
|
242
242
|
}
|
|
243
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
243
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgClearButtonTemplateDirective, decorators: [{
|
|
244
244
|
type: Directive,
|
|
245
245
|
args: [{ selector: '[ng-clearbutton-tmp]', standalone: true }]
|
|
246
246
|
}] });
|
|
@@ -258,10 +258,10 @@ class NgSelectConfig {
|
|
|
258
258
|
this.appearance = 'underline';
|
|
259
259
|
this.tabFocusOnClear = true;
|
|
260
260
|
}
|
|
261
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
262
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
261
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgSelectConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
262
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgSelectConfig, providedIn: 'root' }); }
|
|
263
263
|
}
|
|
264
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
264
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgSelectConfig, decorators: [{
|
|
265
265
|
type: Injectable,
|
|
266
266
|
args: [{ providedIn: 'root' }]
|
|
267
267
|
}] });
|
|
@@ -270,10 +270,10 @@ class ConsoleService {
|
|
|
270
270
|
warn(message) {
|
|
271
271
|
console.warn(message);
|
|
272
272
|
}
|
|
273
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
274
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
273
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ConsoleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
274
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ConsoleService, providedIn: 'root' }); }
|
|
275
275
|
}
|
|
276
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
276
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: ConsoleService, decorators: [{
|
|
277
277
|
type: Injectable,
|
|
278
278
|
args: [{ providedIn: 'root' }]
|
|
279
279
|
}] });
|
|
@@ -1555,10 +1555,10 @@ class NgDropdownPanelService {
|
|
|
1555
1555
|
}
|
|
1556
1556
|
return null;
|
|
1557
1557
|
}
|
|
1558
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1559
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
1558
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgDropdownPanelService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1559
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgDropdownPanelService }); }
|
|
1560
1560
|
}
|
|
1561
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1561
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgDropdownPanelService, decorators: [{
|
|
1562
1562
|
type: Injectable
|
|
1563
1563
|
}] });
|
|
1564
1564
|
|
|
@@ -1571,27 +1571,27 @@ class NgDropdownPanelComponent {
|
|
|
1571
1571
|
this._panelService = inject(NgDropdownPanelService);
|
|
1572
1572
|
this._document = inject(DOCUMENT, { optional: true });
|
|
1573
1573
|
this._dropdown = inject((ElementRef)).nativeElement;
|
|
1574
|
-
this.items = input([]);
|
|
1575
|
-
this.markedItem = input(undefined);
|
|
1576
|
-
this.position = input('auto');
|
|
1577
|
-
this.appendTo = input(undefined);
|
|
1578
|
-
this.bufferAmount = input(undefined);
|
|
1579
|
-
this.virtualScroll = input(false, { transform: booleanAttribute });
|
|
1580
|
-
this.headerTemplate = input(undefined);
|
|
1581
|
-
this.footerTemplate = input(undefined);
|
|
1582
|
-
this.filterValue = input(null);
|
|
1583
|
-
this.ariaLabelDropdown = input(null);
|
|
1574
|
+
this.items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
|
|
1575
|
+
this.markedItem = input(undefined, ...(ngDevMode ? [{ debugName: "markedItem" }] : []));
|
|
1576
|
+
this.position = input('auto', ...(ngDevMode ? [{ debugName: "position" }] : []));
|
|
1577
|
+
this.appendTo = input(undefined, ...(ngDevMode ? [{ debugName: "appendTo" }] : []));
|
|
1578
|
+
this.bufferAmount = input(undefined, ...(ngDevMode ? [{ debugName: "bufferAmount" }] : []));
|
|
1579
|
+
this.virtualScroll = input(false, ...(ngDevMode ? [{ debugName: "virtualScroll", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
1580
|
+
this.headerTemplate = input(undefined, ...(ngDevMode ? [{ debugName: "headerTemplate" }] : []));
|
|
1581
|
+
this.footerTemplate = input(undefined, ...(ngDevMode ? [{ debugName: "footerTemplate" }] : []));
|
|
1582
|
+
this.filterValue = input(null, ...(ngDevMode ? [{ debugName: "filterValue" }] : []));
|
|
1583
|
+
this.ariaLabelDropdown = input(null, ...(ngDevMode ? [{ debugName: "ariaLabelDropdown" }] : []));
|
|
1584
1584
|
this.update = output();
|
|
1585
1585
|
this.scroll = output();
|
|
1586
1586
|
this.scrollToEnd = output();
|
|
1587
1587
|
this.outsideClick = output();
|
|
1588
|
-
this.contentElementRef = viewChild('content', { read: ElementRef });
|
|
1589
|
-
this.scrollElementRef = viewChild('scroll', { read: ElementRef });
|
|
1590
|
-
this.paddingElementRef = viewChild('padding', { read: ElementRef });
|
|
1588
|
+
this.contentElementRef = viewChild('content', ...(ngDevMode ? [{ debugName: "contentElementRef", read: ElementRef }] : [{ read: ElementRef }]));
|
|
1589
|
+
this.scrollElementRef = viewChild('scroll', ...(ngDevMode ? [{ debugName: "scrollElementRef", read: ElementRef }] : [{ read: ElementRef }]));
|
|
1590
|
+
this.paddingElementRef = viewChild('padding', ...(ngDevMode ? [{ debugName: "paddingElementRef", read: ElementRef }] : [{ read: ElementRef }]));
|
|
1591
1591
|
this._destroy$ = new Subject();
|
|
1592
|
-
this._virtualPadding = computed(() => this.paddingElementRef()?.nativeElement);
|
|
1593
|
-
this._scrollablePanel = computed(() => this.scrollElementRef()?.nativeElement);
|
|
1594
|
-
this._contentPanel = computed(() => this.contentElementRef()?.nativeElement);
|
|
1592
|
+
this._virtualPadding = computed(() => this.paddingElementRef()?.nativeElement, ...(ngDevMode ? [{ debugName: "_virtualPadding" }] : []));
|
|
1593
|
+
this._scrollablePanel = computed(() => this.scrollElementRef()?.nativeElement, ...(ngDevMode ? [{ debugName: "_scrollablePanel" }] : []));
|
|
1594
|
+
this._contentPanel = computed(() => this.contentElementRef()?.nativeElement, ...(ngDevMode ? [{ debugName: "_contentPanel" }] : []));
|
|
1595
1595
|
this._scrollToEndFired = false;
|
|
1596
1596
|
this._updateScrollHeight = false;
|
|
1597
1597
|
this._lastScrollPosition = 0;
|
|
@@ -1903,8 +1903,8 @@ class NgDropdownPanelComponent {
|
|
|
1903
1903
|
});
|
|
1904
1904
|
});
|
|
1905
1905
|
}
|
|
1906
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1907
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
1906
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgDropdownPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1907
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: NgDropdownPanelComponent, isStandalone: true, selector: "ng-dropdown-panel", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, markedItem: { classPropertyName: "markedItem", publicName: "markedItem", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, bufferAmount: { classPropertyName: "bufferAmount", publicName: "bufferAmount", isSignal: true, isRequired: false, transformFunction: null }, virtualScroll: { classPropertyName: "virtualScroll", publicName: "virtualScroll", isSignal: true, isRequired: false, transformFunction: null }, headerTemplate: { classPropertyName: "headerTemplate", publicName: "headerTemplate", isSignal: true, isRequired: false, transformFunction: null }, footerTemplate: { classPropertyName: "footerTemplate", publicName: "footerTemplate", isSignal: true, isRequired: false, transformFunction: null }, filterValue: { classPropertyName: "filterValue", publicName: "filterValue", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelDropdown: { classPropertyName: "ariaLabelDropdown", publicName: "ariaLabelDropdown", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { update: "update", scroll: "scroll", scrollToEnd: "scrollToEnd", outsideClick: "outsideClick" }, viewQueries: [{ propertyName: "contentElementRef", first: true, predicate: ["content"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "scrollElementRef", first: true, predicate: ["scroll"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "paddingElementRef", first: true, predicate: ["padding"], descendants: true, read: ElementRef, isSignal: true }], usesOnChanges: true, ngImport: i0, template: `
|
|
1908
1908
|
@if (headerTemplate()) {
|
|
1909
1909
|
<div class="ng-dropdown-header">
|
|
1910
1910
|
<ng-container [ngTemplateOutlet]="headerTemplate()" [ngTemplateOutletContext]="{ searchTerm: filterValue() }" />
|
|
@@ -1923,7 +1923,7 @@ class NgDropdownPanelComponent {
|
|
|
1923
1923
|
}
|
|
1924
1924
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1925
1925
|
}
|
|
1926
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1926
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgDropdownPanelComponent, decorators: [{
|
|
1927
1927
|
type: Component,
|
|
1928
1928
|
args: [{
|
|
1929
1929
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -1949,21 +1949,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
|
|
|
1949
1949
|
`,
|
|
1950
1950
|
imports: [NgTemplateOutlet]
|
|
1951
1951
|
}]
|
|
1952
|
-
}] });
|
|
1952
|
+
}], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], markedItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "markedItem", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], appendTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "appendTo", required: false }] }], bufferAmount: [{ type: i0.Input, args: [{ isSignal: true, alias: "bufferAmount", required: false }] }], virtualScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualScroll", required: false }] }], headerTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTemplate", required: false }] }], footerTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerTemplate", required: false }] }], filterValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterValue", required: false }] }], ariaLabelDropdown: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelDropdown", required: false }] }], update: [{ type: i0.Output, args: ["update"] }], scroll: [{ type: i0.Output, args: ["scroll"] }], scrollToEnd: [{ type: i0.Output, args: ["scrollToEnd"] }], outsideClick: [{ type: i0.Output, args: ["outsideClick"] }], contentElementRef: [{ type: i0.ViewChild, args: ['content', { ...{ read: ElementRef }, isSignal: true }] }], scrollElementRef: [{ type: i0.ViewChild, args: ['scroll', { ...{ read: ElementRef }, isSignal: true }] }], paddingElementRef: [{ type: i0.ViewChild, args: ['padding', { ...{ read: ElementRef }, isSignal: true }] }] } });
|
|
1953
1953
|
|
|
1954
1954
|
class NgOptionComponent {
|
|
1955
1955
|
constructor() {
|
|
1956
|
-
this.value = input();
|
|
1957
|
-
this.disabled = input(false, {
|
|
1958
|
-
|
|
1959
|
-
|
|
1956
|
+
this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
|
|
1957
|
+
this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{
|
|
1958
|
+
transform: booleanAttribute,
|
|
1959
|
+
}]));
|
|
1960
1960
|
this.elementRef = inject((ElementRef));
|
|
1961
|
-
this.label = signal('');
|
|
1961
|
+
this.label = signal('', ...(ngDevMode ? [{ debugName: "label" }] : []));
|
|
1962
1962
|
this.stateChange = computed(() => ({
|
|
1963
1963
|
value: this.value(),
|
|
1964
1964
|
disabled: this.disabled(),
|
|
1965
1965
|
label: this.label(),
|
|
1966
|
-
}));
|
|
1966
|
+
}), ...(ngDevMode ? [{ debugName: "stateChange" }] : []));
|
|
1967
1967
|
this.stateChange$ = toObservable(this.stateChange);
|
|
1968
1968
|
afterNextRender(() => {
|
|
1969
1969
|
if (this._label !== this.label()) {
|
|
@@ -1974,10 +1974,10 @@ class NgOptionComponent {
|
|
|
1974
1974
|
get _label() {
|
|
1975
1975
|
return (this.elementRef.nativeElement.innerHTML || '').trim();
|
|
1976
1976
|
}
|
|
1977
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1978
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
1977
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1978
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.6", type: NgOptionComponent, isStandalone: true, selector: "ng-option", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1979
1979
|
}
|
|
1980
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1980
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgOptionComponent, decorators: [{
|
|
1981
1981
|
type: Component,
|
|
1982
1982
|
args: [{
|
|
1983
1983
|
selector: 'ng-option',
|
|
@@ -1985,7 +1985,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
|
|
|
1985
1985
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1986
1986
|
template: `<ng-content />`,
|
|
1987
1987
|
}]
|
|
1988
|
-
}], ctorParameters: () => [] });
|
|
1988
|
+
}], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
|
|
1989
1989
|
|
|
1990
1990
|
var KeyCode;
|
|
1991
1991
|
(function (KeyCode) {
|
|
@@ -2079,66 +2079,71 @@ class NgSelectComponent {
|
|
|
2079
2079
|
this.classes = inject(new HostAttributeToken('class'), { optional: true });
|
|
2080
2080
|
this.config = inject(NgSelectConfig);
|
|
2081
2081
|
// signals
|
|
2082
|
-
this._disabled = signal(false);
|
|
2082
|
+
this._disabled = signal(false, ...(ngDevMode ? [{ debugName: "_disabled" }] : []));
|
|
2083
2083
|
// inputs
|
|
2084
|
-
this.ariaLabelDropdown = input('Options List');
|
|
2085
|
-
this.ariaLabel = input(undefined);
|
|
2086
|
-
this.markFirst = input(true, { transform: booleanAttribute });
|
|
2087
|
-
this.placeholder = input(this.config.placeholder);
|
|
2088
|
-
this.fixedPlaceholder = input(true);
|
|
2089
|
-
this.notFoundText = input(undefined);
|
|
2090
|
-
this.typeToSearchText = input(undefined);
|
|
2091
|
-
this.preventToggleOnRightClick = input(false);
|
|
2092
|
-
this.addTagText = input(undefined);
|
|
2093
|
-
this.loadingText = input(undefined);
|
|
2094
|
-
this.clearAllText = input(undefined);
|
|
2095
|
-
this.dropdownPosition = input('auto');
|
|
2096
|
-
this.appendTo = input(undefined);
|
|
2097
|
-
this.loading = input(false, { transform: booleanAttribute });
|
|
2098
|
-
this.closeOnSelect = input(true, { transform: booleanAttribute });
|
|
2099
|
-
this.hideSelected = input(false, { transform: booleanAttribute });
|
|
2100
|
-
this.selectOnTab = input(false, { transform: booleanAttribute });
|
|
2101
|
-
this.openOnEnter = input(undefined, { transform: booleanAttribute });
|
|
2102
|
-
this.maxSelectedItems = input(undefined, { transform: numberAttribute });
|
|
2103
|
-
this.groupBy = input(undefined);
|
|
2104
|
-
this.groupValue = input(undefined);
|
|
2105
|
-
this.bufferAmount = input(4, { transform: numberAttribute });
|
|
2106
|
-
this.virtualScroll = input(undefined, { transform: booleanAttribute });
|
|
2107
|
-
this.selectableGroup = input(false, { transform: booleanAttribute });
|
|
2108
|
-
this.tabFocusOnClearButton = input();
|
|
2109
|
-
this.selectableGroupAsModel = input(true, { transform: booleanAttribute });
|
|
2110
|
-
this.searchFn = input(null);
|
|
2111
|
-
this.trackByFn = input(null);
|
|
2112
|
-
this.clearOnBackspace = input(true, { transform: booleanAttribute });
|
|
2113
|
-
this.labelForId = input(null);
|
|
2114
|
-
this.inputAttrs = input({});
|
|
2115
|
-
this.tabIndex = input(undefined, { transform: numberAttribute });
|
|
2116
|
-
this.readonly = input(false, { transform: booleanAttribute });
|
|
2117
|
-
this.searchWhileComposing = input(true, { transform: booleanAttribute });
|
|
2118
|
-
this.minTermLength = input(0, { transform: numberAttribute });
|
|
2119
|
-
this.editableSearchTerm = input(false, { transform: booleanAttribute });
|
|
2120
|
-
this.ngClass = input(null);
|
|
2121
|
-
this.typeahead = input(undefined);
|
|
2122
|
-
this.multiple = input(false, { transform: booleanAttribute });
|
|
2123
|
-
this.addTag = input(false);
|
|
2124
|
-
this.searchable = input(true, { transform: booleanAttribute });
|
|
2125
|
-
this.clearable = input(true, { transform: booleanAttribute });
|
|
2126
|
-
this.deselectOnClick = input();
|
|
2127
|
-
this.clearSearchOnAdd = input(undefined);
|
|
2128
|
-
this.compareWith = input(undefined, {
|
|
2129
|
-
|
|
2130
|
-
|
|
2131
|
-
|
|
2132
|
-
|
|
2133
|
-
|
|
2134
|
-
|
|
2135
|
-
|
|
2084
|
+
this.ariaLabelDropdown = input('Options List', ...(ngDevMode ? [{ debugName: "ariaLabelDropdown" }] : []));
|
|
2085
|
+
this.ariaLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
|
|
2086
|
+
this.markFirst = input(true, ...(ngDevMode ? [{ debugName: "markFirst", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
2087
|
+
this.placeholder = input(this.config.placeholder, ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
|
|
2088
|
+
this.fixedPlaceholder = input(true, ...(ngDevMode ? [{ debugName: "fixedPlaceholder" }] : []));
|
|
2089
|
+
this.notFoundText = input(undefined, ...(ngDevMode ? [{ debugName: "notFoundText" }] : []));
|
|
2090
|
+
this.typeToSearchText = input(undefined, ...(ngDevMode ? [{ debugName: "typeToSearchText" }] : []));
|
|
2091
|
+
this.preventToggleOnRightClick = input(false, ...(ngDevMode ? [{ debugName: "preventToggleOnRightClick" }] : []));
|
|
2092
|
+
this.addTagText = input(undefined, ...(ngDevMode ? [{ debugName: "addTagText" }] : []));
|
|
2093
|
+
this.loadingText = input(undefined, ...(ngDevMode ? [{ debugName: "loadingText" }] : []));
|
|
2094
|
+
this.clearAllText = input(undefined, ...(ngDevMode ? [{ debugName: "clearAllText" }] : []));
|
|
2095
|
+
this.dropdownPosition = input('auto', ...(ngDevMode ? [{ debugName: "dropdownPosition" }] : []));
|
|
2096
|
+
this.appendTo = input(undefined, ...(ngDevMode ? [{ debugName: "appendTo" }] : []));
|
|
2097
|
+
this.loading = input(false, ...(ngDevMode ? [{ debugName: "loading", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
2098
|
+
this.closeOnSelect = input(true, ...(ngDevMode ? [{ debugName: "closeOnSelect", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
2099
|
+
this.hideSelected = input(false, ...(ngDevMode ? [{ debugName: "hideSelected", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
2100
|
+
this.selectOnTab = input(false, ...(ngDevMode ? [{ debugName: "selectOnTab", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
2101
|
+
this.openOnEnter = input(undefined, ...(ngDevMode ? [{ debugName: "openOnEnter", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
2102
|
+
this.maxSelectedItems = input(undefined, ...(ngDevMode ? [{ debugName: "maxSelectedItems", transform: numberAttribute }] : [{ transform: numberAttribute }]));
|
|
2103
|
+
this.groupBy = input(undefined, ...(ngDevMode ? [{ debugName: "groupBy" }] : []));
|
|
2104
|
+
this.groupValue = input(undefined, ...(ngDevMode ? [{ debugName: "groupValue" }] : []));
|
|
2105
|
+
this.bufferAmount = input(4, ...(ngDevMode ? [{ debugName: "bufferAmount", transform: numberAttribute }] : [{ transform: numberAttribute }]));
|
|
2106
|
+
this.virtualScroll = input(undefined, ...(ngDevMode ? [{ debugName: "virtualScroll", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
2107
|
+
this.selectableGroup = input(false, ...(ngDevMode ? [{ debugName: "selectableGroup", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
2108
|
+
this.tabFocusOnClearButton = input(...(ngDevMode ? [undefined, { debugName: "tabFocusOnClearButton" }] : []));
|
|
2109
|
+
this.selectableGroupAsModel = input(true, ...(ngDevMode ? [{ debugName: "selectableGroupAsModel", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
2110
|
+
this.searchFn = input(null, ...(ngDevMode ? [{ debugName: "searchFn" }] : []));
|
|
2111
|
+
this.trackByFn = input(null, ...(ngDevMode ? [{ debugName: "trackByFn" }] : []));
|
|
2112
|
+
this.clearOnBackspace = input(true, ...(ngDevMode ? [{ debugName: "clearOnBackspace", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
2113
|
+
this.labelForId = input(null, ...(ngDevMode ? [{ debugName: "labelForId" }] : []));
|
|
2114
|
+
this.inputAttrs = input({}, ...(ngDevMode ? [{ debugName: "inputAttrs" }] : []));
|
|
2115
|
+
this.tabIndex = input(undefined, ...(ngDevMode ? [{ debugName: "tabIndex", transform: numberAttribute }] : [{ transform: numberAttribute }]));
|
|
2116
|
+
this.readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
2117
|
+
this.searchWhileComposing = input(true, ...(ngDevMode ? [{ debugName: "searchWhileComposing", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
2118
|
+
this.minTermLength = input(0, ...(ngDevMode ? [{ debugName: "minTermLength", transform: numberAttribute }] : [{ transform: numberAttribute }]));
|
|
2119
|
+
this.editableSearchTerm = input(false, ...(ngDevMode ? [{ debugName: "editableSearchTerm", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
2120
|
+
this.ngClass = input(null, ...(ngDevMode ? [{ debugName: "ngClass" }] : []));
|
|
2121
|
+
this.typeahead = input(undefined, ...(ngDevMode ? [{ debugName: "typeahead" }] : []));
|
|
2122
|
+
this.multiple = input(false, ...(ngDevMode ? [{ debugName: "multiple", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
2123
|
+
this.addTag = input(false, ...(ngDevMode ? [{ debugName: "addTag" }] : []));
|
|
2124
|
+
this.searchable = input(true, ...(ngDevMode ? [{ debugName: "searchable", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
2125
|
+
this.clearable = input(true, ...(ngDevMode ? [{ debugName: "clearable", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
2126
|
+
this.deselectOnClick = input(...(ngDevMode ? [undefined, { debugName: "deselectOnClick" }] : []));
|
|
2127
|
+
this.clearSearchOnAdd = input(undefined, ...(ngDevMode ? [{ debugName: "clearSearchOnAdd" }] : []));
|
|
2128
|
+
this.compareWith = input(undefined, ...(ngDevMode ? [{ debugName: "compareWith", transform: (fn) => {
|
|
2129
|
+
if (fn !== undefined && fn !== null && !isFunction(fn)) {
|
|
2130
|
+
throw Error('`compareWith` must be a function.');
|
|
2131
|
+
}
|
|
2132
|
+
return fn;
|
|
2133
|
+
} }] : [{
|
|
2134
|
+
transform: (fn) => {
|
|
2135
|
+
if (fn !== undefined && fn !== null && !isFunction(fn)) {
|
|
2136
|
+
throw Error('`compareWith` must be a function.');
|
|
2137
|
+
}
|
|
2138
|
+
return fn;
|
|
2139
|
+
},
|
|
2140
|
+
}]));
|
|
2136
2141
|
// models
|
|
2137
|
-
this.bindLabel = model(undefined);
|
|
2138
|
-
this.bindValue = model(undefined);
|
|
2139
|
-
this.appearance = model(undefined);
|
|
2140
|
-
this.isOpen = model(false);
|
|
2141
|
-
this.items = input([]);
|
|
2142
|
+
this.bindLabel = model(undefined, ...(ngDevMode ? [{ debugName: "bindLabel" }] : []));
|
|
2143
|
+
this.bindValue = model(undefined, ...(ngDevMode ? [{ debugName: "bindValue" }] : []));
|
|
2144
|
+
this.appearance = model(undefined, ...(ngDevMode ? [{ debugName: "appearance" }] : []));
|
|
2145
|
+
this.isOpen = model(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
|
|
2146
|
+
this.items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
|
|
2142
2147
|
// output events
|
|
2143
2148
|
this.blurEvent = output({ alias: 'blur' });
|
|
2144
2149
|
this.focusEvent = output({ alias: 'focus' });
|
|
@@ -2152,7 +2157,7 @@ class NgSelectComponent {
|
|
|
2152
2157
|
this.scroll = output({ alias: 'scroll' });
|
|
2153
2158
|
this.scrollToEnd = output({ alias: 'scrollToEnd' });
|
|
2154
2159
|
// computed
|
|
2155
|
-
this.disabled = computed(() => this.readonly() || this._disabled());
|
|
2160
|
+
this.disabled = computed(() => this.readonly() || this._disabled(), ...(ngDevMode ? [{ debugName: "disabled" }] : []));
|
|
2156
2161
|
this.clearSearchOnAddValue = computed(() => {
|
|
2157
2162
|
if (isDefined(this.clearSearchOnAdd())) {
|
|
2158
2163
|
return this.clearSearchOnAdd();
|
|
@@ -2161,7 +2166,7 @@ class NgSelectComponent {
|
|
|
2161
2166
|
return this.config.clearSearchOnAdd;
|
|
2162
2167
|
}
|
|
2163
2168
|
return this.closeOnSelect();
|
|
2164
|
-
});
|
|
2169
|
+
}, ...(ngDevMode ? [{ debugName: "clearSearchOnAddValue" }] : []));
|
|
2165
2170
|
this.deselectOnClickValue = computed(() => {
|
|
2166
2171
|
if (isDefined(this.deselectOnClick())) {
|
|
2167
2172
|
return this.deselectOnClick();
|
|
@@ -2170,34 +2175,34 @@ class NgSelectComponent {
|
|
|
2170
2175
|
return this.config.deselectOnClick;
|
|
2171
2176
|
}
|
|
2172
2177
|
return this.multiple();
|
|
2173
|
-
});
|
|
2178
|
+
}, ...(ngDevMode ? [{ debugName: "deselectOnClickValue" }] : []));
|
|
2174
2179
|
// content child queries
|
|
2175
|
-
this.optionTemplate = contentChild(NgOptionTemplateDirective, { read: TemplateRef });
|
|
2176
|
-
this.optgroupTemplate = contentChild(NgOptgroupTemplateDirective, { read: TemplateRef });
|
|
2177
|
-
this.labelTemplate = contentChild(NgLabelTemplateDirective, { read: TemplateRef });
|
|
2178
|
-
this.multiLabelTemplate = contentChild(NgMultiLabelTemplateDirective, { read: TemplateRef });
|
|
2179
|
-
this.headerTemplate = contentChild(NgHeaderTemplateDirective, { read: TemplateRef });
|
|
2180
|
-
this.footerTemplate = contentChild(NgFooterTemplateDirective, { read: TemplateRef });
|
|
2181
|
-
this.notFoundTemplate = contentChild(NgNotFoundTemplateDirective, { read: TemplateRef });
|
|
2182
|
-
this.placeholderTemplate = contentChild(NgPlaceholderTemplateDirective, { read: TemplateRef });
|
|
2183
|
-
this.typeToSearchTemplate = contentChild(NgTypeToSearchTemplateDirective, { read: TemplateRef });
|
|
2184
|
-
this.loadingTextTemplate = contentChild(NgLoadingTextTemplateDirective, { read: TemplateRef });
|
|
2185
|
-
this.tagTemplate = contentChild(NgTagTemplateDirective, { read: TemplateRef });
|
|
2186
|
-
this.loadingSpinnerTemplate = contentChild(NgLoadingSpinnerTemplateDirective, { read: TemplateRef });
|
|
2187
|
-
this.clearButtonTemplate = contentChild(NgClearButtonTemplateDirective, { read: TemplateRef });
|
|
2180
|
+
this.optionTemplate = contentChild(NgOptionTemplateDirective, ...(ngDevMode ? [{ debugName: "optionTemplate", read: TemplateRef }] : [{ read: TemplateRef }]));
|
|
2181
|
+
this.optgroupTemplate = contentChild(NgOptgroupTemplateDirective, ...(ngDevMode ? [{ debugName: "optgroupTemplate", read: TemplateRef }] : [{ read: TemplateRef }]));
|
|
2182
|
+
this.labelTemplate = contentChild(NgLabelTemplateDirective, ...(ngDevMode ? [{ debugName: "labelTemplate", read: TemplateRef }] : [{ read: TemplateRef }]));
|
|
2183
|
+
this.multiLabelTemplate = contentChild(NgMultiLabelTemplateDirective, ...(ngDevMode ? [{ debugName: "multiLabelTemplate", read: TemplateRef }] : [{ read: TemplateRef }]));
|
|
2184
|
+
this.headerTemplate = contentChild(NgHeaderTemplateDirective, ...(ngDevMode ? [{ debugName: "headerTemplate", read: TemplateRef }] : [{ read: TemplateRef }]));
|
|
2185
|
+
this.footerTemplate = contentChild(NgFooterTemplateDirective, ...(ngDevMode ? [{ debugName: "footerTemplate", read: TemplateRef }] : [{ read: TemplateRef }]));
|
|
2186
|
+
this.notFoundTemplate = contentChild(NgNotFoundTemplateDirective, ...(ngDevMode ? [{ debugName: "notFoundTemplate", read: TemplateRef }] : [{ read: TemplateRef }]));
|
|
2187
|
+
this.placeholderTemplate = contentChild(NgPlaceholderTemplateDirective, ...(ngDevMode ? [{ debugName: "placeholderTemplate", read: TemplateRef }] : [{ read: TemplateRef }]));
|
|
2188
|
+
this.typeToSearchTemplate = contentChild(NgTypeToSearchTemplateDirective, ...(ngDevMode ? [{ debugName: "typeToSearchTemplate", read: TemplateRef }] : [{ read: TemplateRef }]));
|
|
2189
|
+
this.loadingTextTemplate = contentChild(NgLoadingTextTemplateDirective, ...(ngDevMode ? [{ debugName: "loadingTextTemplate", read: TemplateRef }] : [{ read: TemplateRef }]));
|
|
2190
|
+
this.tagTemplate = contentChild(NgTagTemplateDirective, ...(ngDevMode ? [{ debugName: "tagTemplate", read: TemplateRef }] : [{ read: TemplateRef }]));
|
|
2191
|
+
this.loadingSpinnerTemplate = contentChild(NgLoadingSpinnerTemplateDirective, ...(ngDevMode ? [{ debugName: "loadingSpinnerTemplate", read: TemplateRef }] : [{ read: TemplateRef }]));
|
|
2192
|
+
this.clearButtonTemplate = contentChild(NgClearButtonTemplateDirective, ...(ngDevMode ? [{ debugName: "clearButtonTemplate", read: TemplateRef }] : [{ read: TemplateRef }]));
|
|
2188
2193
|
// view children queries
|
|
2189
|
-
this.dropdownPanel = viewChild(forwardRef(() => NgDropdownPanelComponent));
|
|
2190
|
-
this.searchInput = viewChild('searchInput');
|
|
2191
|
-
this.clearButton = viewChild('clearButton');
|
|
2194
|
+
this.dropdownPanel = viewChild(forwardRef(() => NgDropdownPanelComponent), ...(ngDevMode ? [{ debugName: "dropdownPanel" }] : []));
|
|
2195
|
+
this.searchInput = viewChild('searchInput', ...(ngDevMode ? [{ debugName: "searchInput" }] : []));
|
|
2196
|
+
this.clearButton = viewChild('clearButton', ...(ngDevMode ? [{ debugName: "clearButton" }] : []));
|
|
2192
2197
|
// public variables
|
|
2193
|
-
this.ngOptions = contentChildren(NgOptionComponent, { descendants: true });
|
|
2198
|
+
this.ngOptions = contentChildren(NgOptionComponent, ...(ngDevMode ? [{ debugName: "ngOptions", descendants: true }] : [{ descendants: true }]));
|
|
2194
2199
|
this.ngOptionsObservable = toObservable(this.ngOptions);
|
|
2195
2200
|
this.viewPortItems = [];
|
|
2196
2201
|
this.searchTerm = null;
|
|
2197
2202
|
this.dropdownId = newId();
|
|
2198
2203
|
this.escapeHTML = true;
|
|
2199
|
-
this.tabFocusOnClear = signal(true);
|
|
2200
|
-
this.keyDownFn = input((_) => true);
|
|
2204
|
+
this.tabFocusOnClear = signal(true, ...(ngDevMode ? [{ debugName: "tabFocusOnClear" }] : []));
|
|
2205
|
+
this.keyDownFn = input((_) => true, ...(ngDevMode ? [{ debugName: "keyDownFn" }] : []));
|
|
2201
2206
|
this.autoFocus = inject(new HostAttributeToken('autofocus'), { optional: true });
|
|
2202
2207
|
this._cd = inject(ChangeDetectorRef);
|
|
2203
2208
|
this._console = inject(ConsoleService);
|
|
@@ -2931,8 +2936,8 @@ class NgSelectComponent {
|
|
|
2931
2936
|
isVirtualScrollDisabled(config) {
|
|
2932
2937
|
return isDefined(config.disableVirtualScroll) ? !config.disableVirtualScroll : false;
|
|
2933
2938
|
}
|
|
2934
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
2935
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
2939
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2940
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: NgSelectComponent, isStandalone: true, selector: "ng-select", inputs: { ariaLabelDropdown: { classPropertyName: "ariaLabelDropdown", publicName: "ariaLabelDropdown", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, markFirst: { classPropertyName: "markFirst", publicName: "markFirst", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, fixedPlaceholder: { classPropertyName: "fixedPlaceholder", publicName: "fixedPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, notFoundText: { classPropertyName: "notFoundText", publicName: "notFoundText", isSignal: true, isRequired: false, transformFunction: null }, typeToSearchText: { classPropertyName: "typeToSearchText", publicName: "typeToSearchText", isSignal: true, isRequired: false, transformFunction: null }, preventToggleOnRightClick: { classPropertyName: "preventToggleOnRightClick", publicName: "preventToggleOnRightClick", isSignal: true, isRequired: false, transformFunction: null }, addTagText: { classPropertyName: "addTagText", publicName: "addTagText", isSignal: true, isRequired: false, transformFunction: null }, loadingText: { classPropertyName: "loadingText", publicName: "loadingText", isSignal: true, isRequired: false, transformFunction: null }, clearAllText: { classPropertyName: "clearAllText", publicName: "clearAllText", isSignal: true, isRequired: false, transformFunction: null }, dropdownPosition: { classPropertyName: "dropdownPosition", publicName: "dropdownPosition", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", isSignal: true, isRequired: false, transformFunction: null }, hideSelected: { classPropertyName: "hideSelected", publicName: "hideSelected", isSignal: true, isRequired: false, transformFunction: null }, selectOnTab: { classPropertyName: "selectOnTab", publicName: "selectOnTab", isSignal: true, isRequired: false, transformFunction: null }, openOnEnter: { classPropertyName: "openOnEnter", publicName: "openOnEnter", isSignal: true, isRequired: false, transformFunction: null }, maxSelectedItems: { classPropertyName: "maxSelectedItems", publicName: "maxSelectedItems", isSignal: true, isRequired: false, transformFunction: null }, groupBy: { classPropertyName: "groupBy", publicName: "groupBy", isSignal: true, isRequired: false, transformFunction: null }, groupValue: { classPropertyName: "groupValue", publicName: "groupValue", isSignal: true, isRequired: false, transformFunction: null }, bufferAmount: { classPropertyName: "bufferAmount", publicName: "bufferAmount", isSignal: true, isRequired: false, transformFunction: null }, virtualScroll: { classPropertyName: "virtualScroll", publicName: "virtualScroll", isSignal: true, isRequired: false, transformFunction: null }, selectableGroup: { classPropertyName: "selectableGroup", publicName: "selectableGroup", isSignal: true, isRequired: false, transformFunction: null }, tabFocusOnClearButton: { classPropertyName: "tabFocusOnClearButton", publicName: "tabFocusOnClearButton", isSignal: true, isRequired: false, transformFunction: null }, selectableGroupAsModel: { classPropertyName: "selectableGroupAsModel", publicName: "selectableGroupAsModel", isSignal: true, isRequired: false, transformFunction: null }, searchFn: { classPropertyName: "searchFn", publicName: "searchFn", isSignal: true, isRequired: false, transformFunction: null }, trackByFn: { classPropertyName: "trackByFn", publicName: "trackByFn", isSignal: true, isRequired: false, transformFunction: null }, clearOnBackspace: { classPropertyName: "clearOnBackspace", publicName: "clearOnBackspace", isSignal: true, isRequired: false, transformFunction: null }, labelForId: { classPropertyName: "labelForId", publicName: "labelForId", isSignal: true, isRequired: false, transformFunction: null }, inputAttrs: { classPropertyName: "inputAttrs", publicName: "inputAttrs", isSignal: true, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, searchWhileComposing: { classPropertyName: "searchWhileComposing", publicName: "searchWhileComposing", isSignal: true, isRequired: false, transformFunction: null }, minTermLength: { classPropertyName: "minTermLength", publicName: "minTermLength", isSignal: true, isRequired: false, transformFunction: null }, editableSearchTerm: { classPropertyName: "editableSearchTerm", publicName: "editableSearchTerm", isSignal: true, isRequired: false, transformFunction: null }, ngClass: { classPropertyName: "ngClass", publicName: "ngClass", isSignal: true, isRequired: false, transformFunction: null }, typeahead: { classPropertyName: "typeahead", publicName: "typeahead", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, addTag: { classPropertyName: "addTag", publicName: "addTag", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, deselectOnClick: { classPropertyName: "deselectOnClick", publicName: "deselectOnClick", isSignal: true, isRequired: false, transformFunction: null }, clearSearchOnAdd: { classPropertyName: "clearSearchOnAdd", publicName: "clearSearchOnAdd", isSignal: true, isRequired: false, transformFunction: null }, compareWith: { classPropertyName: "compareWith", publicName: "compareWith", isSignal: true, isRequired: false, transformFunction: null }, bindLabel: { classPropertyName: "bindLabel", publicName: "bindLabel", isSignal: true, isRequired: false, transformFunction: null }, bindValue: { classPropertyName: "bindValue", publicName: "bindValue", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, keyDownFn: { classPropertyName: "keyDownFn", publicName: "keyDownFn", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { bindLabel: "bindLabelChange", bindValue: "bindValueChange", appearance: "appearanceChange", isOpen: "isOpenChange", blurEvent: "blur", focusEvent: "focus", changeEvent: "change", openEvent: "open", closeEvent: "close", searchEvent: "search", clearEvent: "clear", addEvent: "add", removeEvent: "remove", scroll: "scroll", scrollToEnd: "scrollToEnd" }, host: { listeners: { "keydown": "handleKeyDown($event)" }, properties: { "class.ng-select": "true", "class.ng-select-single": "!multiple()", "class.ng-select-typeahead": "typeahead()", "class.ng-select-multiple": "multiple()", "class.ng-select-taggable": "addTag()", "class.ng-select-searchable": "searchable()", "class.ng-select-clearable": "clearable()", "class.ng-select-opened": "isOpen()", "class.ng-select-filtered": "filtered", "class.ng-select-disabled": "disabled()" } }, providers: [
|
|
2936
2941
|
{
|
|
2937
2942
|
provide: NG_VALUE_ACCESSOR,
|
|
2938
2943
|
useExisting: forwardRef(() => NgSelectComponent),
|
|
@@ -2941,7 +2946,7 @@ class NgSelectComponent {
|
|
|
2941
2946
|
NgDropdownPanelService,
|
|
2942
2947
|
], queries: [{ propertyName: "optionTemplate", first: true, predicate: NgOptionTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "optgroupTemplate", first: true, predicate: NgOptgroupTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "labelTemplate", first: true, predicate: NgLabelTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "multiLabelTemplate", first: true, predicate: NgMultiLabelTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "headerTemplate", first: true, predicate: NgHeaderTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "footerTemplate", first: true, predicate: NgFooterTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "notFoundTemplate", first: true, predicate: NgNotFoundTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "placeholderTemplate", first: true, predicate: NgPlaceholderTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "typeToSearchTemplate", first: true, predicate: NgTypeToSearchTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "loadingTextTemplate", first: true, predicate: NgLoadingTextTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "tagTemplate", first: true, predicate: NgTagTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "loadingSpinnerTemplate", first: true, predicate: NgLoadingSpinnerTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "clearButtonTemplate", first: true, predicate: NgClearButtonTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "ngOptions", predicate: NgOptionComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "dropdownPanel", first: true, predicate: i0.forwardRef(() => NgDropdownPanelComponent), descendants: true, isSignal: true }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, isSignal: true }, { propertyName: "clearButton", first: true, predicate: ["clearButton"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<div (mousedown)=\"handleMousedown($event)\" [class.ng-appearance-outline]=\"appearance() === 'outline'\"\n [class.ng-has-value]=\"hasValue\" class=\"ng-select-container\">\n <div class=\"ng-value-container\">\n @if ((selectedItems.length === 0 && !searchTerm) || (fixedPlaceholder() ?? config.fixedPlaceholder)) {\n <ng-template #defaultPlaceholderTemplate>\n <div class=\"ng-placeholder\">{{ placeholder() ?? config.placeholder }}</div>\n </ng-template>\n <ng-template [ngTemplateOutlet]=\"placeholderTemplate() || defaultPlaceholderTemplate\"> </ng-template>\n }\n\n @if ((!multiLabelTemplate() || !multiple()) && selectedItems.length > 0) {\n @for (item of selectedItems; track trackByOption($index, item)) {\n <div [class.ng-value-disabled]=\"item.disabled\" class=\"ng-value\">\n <ng-template #defaultLabelTemplate>\n <span class=\"ng-value-icon left\" (click)=\"unselect(item)\" aria-hidden=\"true\">\u00D7</span>\n <span class=\"ng-value-label\" [ngItemLabel]=\"item.label\" [escape]=\"escapeHTML\"></span>\n </ng-template>\n <ng-template [ngTemplateOutlet]=\"labelTemplate() || defaultLabelTemplate\"\n [ngTemplateOutletContext]=\"{ item: item.value, clear: clearItem, label: item.label }\">\n </ng-template>\n </div>\n }\n }\n\n @if (multiple() && multiLabelTemplate() && selectedValues.length > 0) {\n <ng-template [ngTemplateOutlet]=\"multiLabelTemplate()\"\n [ngTemplateOutletContext]=\"{ items: selectedValues, clear: clearItem }\">\n </ng-template>\n }\n\n <div class=\"ng-input\">\n <input #searchInput (blur)=\"onInputBlur($event)\" (change)=\"$event.stopPropagation()\"\n (compositionend)=\"onCompositionEnd(searchInput.value)\" (compositionstart)=\"onCompositionStart()\"\n (focus)=\"onInputFocus($event)\" (input)=\"filter(searchInput.value)\"\n [attr.aria-activedescendant]=\"isOpen() ? itemsList?.markedItem?.htmlId : null\"\n [attr.aria-controls]=\"isOpen() ? dropdownId : null\" [attr.aria-expanded]=\"isOpen()\"\n [attr.aria-label]=\"ariaLabel()\" [attr.id]=\"labelForId()\" [attr.tabindex]=\"tabIndex()\"\n [disabled]=\"disabled()\" [readOnly]=\"!searchable() || itemsList.maxItemsSelected\"\n [value]=\"searchTerm ?? ''\" aria-autocomplete=\"list\" role=\"combobox\" />\n </div>\n </div>\n\n @if (loading()) {\n <ng-template #defaultLoadingSpinnerTemplate>\n <div class=\"ng-spinner-loader\"></div>\n </ng-template>\n <ng-template [ngTemplateOutlet]=\"loadingSpinnerTemplate() || defaultLoadingSpinnerTemplate\"></ng-template>\n }\n\n @if (showClear()) {\n @if (clearButtonTemplate()) {\n <ng-container [ngTemplateOutlet]=\"clearButtonTemplate()\"></ng-container>\n } @else {\n <span class=\"ng-clear-wrapper\" role=\"button\" tabindex=\"0\" [attr.tabindex]=\"tabFocusOnClear() ? 0 : -1\"\n title=\"{{ clearAllText() || config.clearAllText }}\" #clearButton (click)=\"handleClearClick($event)\">\n <span class=\"ng-clear\" aria-hidden=\"true\">\u00D7</span>\n </span>\n }\n }\n\n <span class=\"ng-arrow-wrapper\">\n <span class=\"ng-arrow\"></span>\n </span>\n</div>\n\n@if (isOpen()) {\n@let appendToValue = appendTo() || config.appendTo;\n<ng-dropdown-panel class=\"ng-dropdown-panel\" [virtualScroll]=\"virtualScroll() ?? !config.disableVirtualScroll ?? false\"\n [bufferAmount]=\"bufferAmount()\" [appendTo]=\"appendToValue\" [position]=\"dropdownPosition()\"\n [headerTemplate]=\"headerTemplate()\" [footerTemplate]=\"footerTemplate()\" [filterValue]=\"searchTerm\"\n [items]=\"itemsList.filteredItems\" [markedItem]=\"itemsList.markedItem\" (update)=\"viewPortItems = $event\"\n (scroll)=\"scroll.emit($event)\" (scrollToEnd)=\"scrollToEnd.emit($event)\" (outsideClick)=\"close()\"\n [class.ng-select-multiple]=\"multiple()\" [class]=\"appendToValue ? (ngClass() ? ngClass() : classes) : null\"\n [id]=\"dropdownId\" [ariaLabelDropdown]=\"ariaLabelDropdown()\">\n <ng-container>\n @for (item of viewPortItems; track trackByOption($index, item)) {\n <div class=\"ng-option\" [attr.role]=\"item.children ? 'group' : 'option'\" (click)=\"toggleItem(item)\"\n (mouseover)=\"onItemHover(item)\" [class.ng-option-disabled]=\"item.disabled\"\n [class.ng-option-selected]=\"item.selected\" [class.ng-optgroup]=\"item.children\"\n [class.ng-option]=\"!item.children\" [class.ng-option-child]=\"!!item.parent\"\n [class.ng-option-marked]=\"item === itemsList.markedItem\" [attr.aria-selected]=\"item.selected\"\n [attr.id]=\"item?.htmlId\" [attr.aria-setsize]=\"itemsList.filteredItems.length\"\n [attr.aria-posinset]=\"item.index + 1\">\n <ng-template #defaultOptionTemplate>\n <span class=\"ng-option-label\" [ngItemLabel]=\"item.label\" [escape]=\"escapeHTML\"></span>\n </ng-template>\n <ng-template [ngTemplateOutlet]=\"\n\t\t\t\t\t\t\titem.children ? optgroupTemplate() || defaultOptionTemplate : optionTemplate() || defaultOptionTemplate\n\t\t\t\t\t\t\" [ngTemplateOutletContext]=\"{ item: item.value, item$: item, index: item.index, searchTerm: searchTerm }\">\n </ng-template>\n </div>\n }\n @if (showAddTag) {\n <div class=\"ng-option\" [class.ng-option-marked]=\"!itemsList.markedItem\" (mouseover)=\"itemsList.unmarkItem()\"\n role=\"option\" (click)=\"selectTag()\">\n <ng-template #defaultTagTemplate>\n <span><span class=\"ng-tag-label\">{{ addTagText() || config.addTagText }}</span>\"{{ searchTerm }}\"</span>\n </ng-template>\n <ng-template [ngTemplateOutlet]=\"tagTemplate() || defaultTagTemplate\"\n [ngTemplateOutletContext]=\"{ searchTerm: searchTerm }\">\n </ng-template>\n </div>\n }\n </ng-container>\n @if (showNoItemsFound()) {\n <ng-template #defaultNotFoundTemplate>\n <div class=\"ng-option ng-option-disabled\">{{ notFoundText() ?? config.notFoundText }}</div>\n </ng-template>\n <ng-template [ngTemplateOutlet]=\"notFoundTemplate() || defaultNotFoundTemplate\"\n [ngTemplateOutletContext]=\"{ searchTerm: searchTerm }\">\n </ng-template>\n }\n @if (showTypeToSearch()) {\n <ng-template #defaultTypeToSearchTemplate>\n <div class=\"ng-option ng-option-disabled\">{{ typeToSearchText() || config.typeToSearchText }}</div>\n </ng-template>\n <ng-template [ngTemplateOutlet]=\"typeToSearchTemplate() || defaultTypeToSearchTemplate\"></ng-template>\n }\n @if (loading() && itemsList.filteredItems.length === 0) {\n <ng-template #defaultLoadingTextTemplate>\n <div class=\"ng-option ng-option-disabled\">{{ loadingText() || config.loadingText }}</div>\n </ng-template>\n <ng-template [ngTemplateOutlet]=\"loadingTextTemplate() || defaultLoadingTextTemplate\"\n [ngTemplateOutletContext]=\"{ searchTerm: searchTerm }\">\n </ng-template>\n }\n</ng-dropdown-panel>\n}\n\n<!-- Always present aria-live region -->\n<div aria-atomic=\"true\" aria-live=\"polite\" class=\"ng-visually-hidden\" role=\"status\">\n @if (isOpen() && showNoItemsFound()) {\n {{ notFoundText() ?? config.notFoundText }}\n }\n</div>", styles: ["@charset \"UTF-8\";.ng-select{position:relative;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ng-select div,.ng-select input,.ng-select span{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ng-select [hidden]{display:none}.ng-select.ng-select-searchable .ng-select-container .ng-value-container .ng-input{opacity:1}.ng-select.ng-select-opened .ng-select-container{z-index:1001}.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-placeholder,.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-value{-webkit-user-select:none;user-select:none;cursor:default}.ng-select.ng-select-disabled .ng-arrow-wrapper{cursor:default}.ng-select.ng-select-filtered .ng-placeholder{display:none}.ng-select .ng-select-container{cursor:default;display:flex;outline:none;overflow:hidden;position:relative;width:100%}.ng-select .ng-select-container .ng-value-container{display:flex;flex:1}.ng-select .ng-select-container .ng-value-container .ng-input{opacity:0}.ng-select .ng-select-container .ng-value-container .ng-input>input{box-sizing:content-box;background:none transparent;border:0 none;box-shadow:none;outline:none;padding:0;cursor:default;width:100%}.ng-select .ng-select-container .ng-value-container .ng-input>input::-ms-clear{display:none}.ng-select .ng-select-container .ng-value-container .ng-input>input[readonly]{-webkit-user-select:unset;user-select:unset;width:0;padding:0}.ng-select.ng-select-single.ng-select-filtered .ng-select-container .ng-value-container .ng-value{visibility:hidden}.ng-select.ng-select-single .ng-select-container .ng-value-container,.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:none}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{position:absolute;left:0;width:100%}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-icon{display:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{flex-wrap:wrap}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{position:absolute}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{white-space:nowrap}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-icon{display:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{cursor:pointer}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{flex:1;z-index:2}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{z-index:1}.ng-select .ng-clear-wrapper{cursor:pointer;position:relative;width:17px;-webkit-user-select:none;user-select:none}.ng-select .ng-clear-wrapper .ng-clear{display:inline-block;font-size:18px;line-height:1;pointer-events:none}.ng-select .ng-spinner-loader{border-radius:50%;width:17px;height:17px;margin-right:5px;font-size:10px;position:relative;text-indent:-9999em;border-top:2px solid rgba(66,66,66,.2);border-right:2px solid rgba(66,66,66,.2);border-bottom:2px solid rgba(66,66,66,.2);border-left:2px solid #424242;transform:translateZ(0);animation:load8 .8s infinite linear}.ng-select .ng-spinner-loader:after{border-radius:50%;width:17px;height:17px}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ng-select .ng-arrow-wrapper{cursor:pointer;position:relative;text-align:center;-webkit-user-select:none;user-select:none}.ng-select .ng-arrow-wrapper .ng-arrow{pointer-events:none;display:inline-block;height:0;width:0;position:relative}.ng-dropdown-panel{box-sizing:border-box;position:absolute;opacity:0;width:100%;z-index:1050;-webkit-overflow-scrolling:touch}.ng-dropdown-panel .ng-dropdown-panel-items{display:block;height:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-height:240px;overflow-y:auto}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{box-sizing:border-box;cursor:pointer;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-option-label:empty:before{content:\"\\200b\"}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .highlighted{font-weight:700;text-decoration:underline}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.disabled{cursor:default}.ng-dropdown-panel .scroll-host{overflow:hidden;overflow-y:auto;position:relative;display:block;-webkit-overflow-scrolling:touch}.ng-dropdown-panel .scrollable-content{top:0;left:0;width:100%;height:100%;position:absolute}.ng-dropdown-panel .total-padding{width:1px;opacity:0}.ng-visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgItemLabelDirective, selector: "[ngItemLabel]", inputs: ["ngItemLabel", "escape"] }, { kind: "component", type: NgDropdownPanelComponent, selector: "ng-dropdown-panel", inputs: ["items", "markedItem", "position", "appendTo", "bufferAmount", "virtualScroll", "headerTemplate", "footerTemplate", "filterValue", "ariaLabelDropdown"], outputs: ["update", "scroll", "scrollToEnd", "outsideClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2943
2948
|
}
|
|
2944
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
2949
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgSelectComponent, decorators: [{
|
|
2945
2950
|
type: Component,
|
|
2946
2951
|
args: [{ selector: 'ng-select', providers: [
|
|
2947
2952
|
{
|
|
@@ -2962,14 +2967,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
|
|
|
2962
2967
|
'[class.ng-select-filtered]': 'filtered',
|
|
2963
2968
|
'[class.ng-select-disabled]': 'disabled()',
|
|
2964
2969
|
}, template: "<div (mousedown)=\"handleMousedown($event)\" [class.ng-appearance-outline]=\"appearance() === 'outline'\"\n [class.ng-has-value]=\"hasValue\" class=\"ng-select-container\">\n <div class=\"ng-value-container\">\n @if ((selectedItems.length === 0 && !searchTerm) || (fixedPlaceholder() ?? config.fixedPlaceholder)) {\n <ng-template #defaultPlaceholderTemplate>\n <div class=\"ng-placeholder\">{{ placeholder() ?? config.placeholder }}</div>\n </ng-template>\n <ng-template [ngTemplateOutlet]=\"placeholderTemplate() || defaultPlaceholderTemplate\"> </ng-template>\n }\n\n @if ((!multiLabelTemplate() || !multiple()) && selectedItems.length > 0) {\n @for (item of selectedItems; track trackByOption($index, item)) {\n <div [class.ng-value-disabled]=\"item.disabled\" class=\"ng-value\">\n <ng-template #defaultLabelTemplate>\n <span class=\"ng-value-icon left\" (click)=\"unselect(item)\" aria-hidden=\"true\">\u00D7</span>\n <span class=\"ng-value-label\" [ngItemLabel]=\"item.label\" [escape]=\"escapeHTML\"></span>\n </ng-template>\n <ng-template [ngTemplateOutlet]=\"labelTemplate() || defaultLabelTemplate\"\n [ngTemplateOutletContext]=\"{ item: item.value, clear: clearItem, label: item.label }\">\n </ng-template>\n </div>\n }\n }\n\n @if (multiple() && multiLabelTemplate() && selectedValues.length > 0) {\n <ng-template [ngTemplateOutlet]=\"multiLabelTemplate()\"\n [ngTemplateOutletContext]=\"{ items: selectedValues, clear: clearItem }\">\n </ng-template>\n }\n\n <div class=\"ng-input\">\n <input #searchInput (blur)=\"onInputBlur($event)\" (change)=\"$event.stopPropagation()\"\n (compositionend)=\"onCompositionEnd(searchInput.value)\" (compositionstart)=\"onCompositionStart()\"\n (focus)=\"onInputFocus($event)\" (input)=\"filter(searchInput.value)\"\n [attr.aria-activedescendant]=\"isOpen() ? itemsList?.markedItem?.htmlId : null\"\n [attr.aria-controls]=\"isOpen() ? dropdownId : null\" [attr.aria-expanded]=\"isOpen()\"\n [attr.aria-label]=\"ariaLabel()\" [attr.id]=\"labelForId()\" [attr.tabindex]=\"tabIndex()\"\n [disabled]=\"disabled()\" [readOnly]=\"!searchable() || itemsList.maxItemsSelected\"\n [value]=\"searchTerm ?? ''\" aria-autocomplete=\"list\" role=\"combobox\" />\n </div>\n </div>\n\n @if (loading()) {\n <ng-template #defaultLoadingSpinnerTemplate>\n <div class=\"ng-spinner-loader\"></div>\n </ng-template>\n <ng-template [ngTemplateOutlet]=\"loadingSpinnerTemplate() || defaultLoadingSpinnerTemplate\"></ng-template>\n }\n\n @if (showClear()) {\n @if (clearButtonTemplate()) {\n <ng-container [ngTemplateOutlet]=\"clearButtonTemplate()\"></ng-container>\n } @else {\n <span class=\"ng-clear-wrapper\" role=\"button\" tabindex=\"0\" [attr.tabindex]=\"tabFocusOnClear() ? 0 : -1\"\n title=\"{{ clearAllText() || config.clearAllText }}\" #clearButton (click)=\"handleClearClick($event)\">\n <span class=\"ng-clear\" aria-hidden=\"true\">\u00D7</span>\n </span>\n }\n }\n\n <span class=\"ng-arrow-wrapper\">\n <span class=\"ng-arrow\"></span>\n </span>\n</div>\n\n@if (isOpen()) {\n@let appendToValue = appendTo() || config.appendTo;\n<ng-dropdown-panel class=\"ng-dropdown-panel\" [virtualScroll]=\"virtualScroll() ?? !config.disableVirtualScroll ?? false\"\n [bufferAmount]=\"bufferAmount()\" [appendTo]=\"appendToValue\" [position]=\"dropdownPosition()\"\n [headerTemplate]=\"headerTemplate()\" [footerTemplate]=\"footerTemplate()\" [filterValue]=\"searchTerm\"\n [items]=\"itemsList.filteredItems\" [markedItem]=\"itemsList.markedItem\" (update)=\"viewPortItems = $event\"\n (scroll)=\"scroll.emit($event)\" (scrollToEnd)=\"scrollToEnd.emit($event)\" (outsideClick)=\"close()\"\n [class.ng-select-multiple]=\"multiple()\" [class]=\"appendToValue ? (ngClass() ? ngClass() : classes) : null\"\n [id]=\"dropdownId\" [ariaLabelDropdown]=\"ariaLabelDropdown()\">\n <ng-container>\n @for (item of viewPortItems; track trackByOption($index, item)) {\n <div class=\"ng-option\" [attr.role]=\"item.children ? 'group' : 'option'\" (click)=\"toggleItem(item)\"\n (mouseover)=\"onItemHover(item)\" [class.ng-option-disabled]=\"item.disabled\"\n [class.ng-option-selected]=\"item.selected\" [class.ng-optgroup]=\"item.children\"\n [class.ng-option]=\"!item.children\" [class.ng-option-child]=\"!!item.parent\"\n [class.ng-option-marked]=\"item === itemsList.markedItem\" [attr.aria-selected]=\"item.selected\"\n [attr.id]=\"item?.htmlId\" [attr.aria-setsize]=\"itemsList.filteredItems.length\"\n [attr.aria-posinset]=\"item.index + 1\">\n <ng-template #defaultOptionTemplate>\n <span class=\"ng-option-label\" [ngItemLabel]=\"item.label\" [escape]=\"escapeHTML\"></span>\n </ng-template>\n <ng-template [ngTemplateOutlet]=\"\n\t\t\t\t\t\t\titem.children ? optgroupTemplate() || defaultOptionTemplate : optionTemplate() || defaultOptionTemplate\n\t\t\t\t\t\t\" [ngTemplateOutletContext]=\"{ item: item.value, item$: item, index: item.index, searchTerm: searchTerm }\">\n </ng-template>\n </div>\n }\n @if (showAddTag) {\n <div class=\"ng-option\" [class.ng-option-marked]=\"!itemsList.markedItem\" (mouseover)=\"itemsList.unmarkItem()\"\n role=\"option\" (click)=\"selectTag()\">\n <ng-template #defaultTagTemplate>\n <span><span class=\"ng-tag-label\">{{ addTagText() || config.addTagText }}</span>\"{{ searchTerm }}\"</span>\n </ng-template>\n <ng-template [ngTemplateOutlet]=\"tagTemplate() || defaultTagTemplate\"\n [ngTemplateOutletContext]=\"{ searchTerm: searchTerm }\">\n </ng-template>\n </div>\n }\n </ng-container>\n @if (showNoItemsFound()) {\n <ng-template #defaultNotFoundTemplate>\n <div class=\"ng-option ng-option-disabled\">{{ notFoundText() ?? config.notFoundText }}</div>\n </ng-template>\n <ng-template [ngTemplateOutlet]=\"notFoundTemplate() || defaultNotFoundTemplate\"\n [ngTemplateOutletContext]=\"{ searchTerm: searchTerm }\">\n </ng-template>\n }\n @if (showTypeToSearch()) {\n <ng-template #defaultTypeToSearchTemplate>\n <div class=\"ng-option ng-option-disabled\">{{ typeToSearchText() || config.typeToSearchText }}</div>\n </ng-template>\n <ng-template [ngTemplateOutlet]=\"typeToSearchTemplate() || defaultTypeToSearchTemplate\"></ng-template>\n }\n @if (loading() && itemsList.filteredItems.length === 0) {\n <ng-template #defaultLoadingTextTemplate>\n <div class=\"ng-option ng-option-disabled\">{{ loadingText() || config.loadingText }}</div>\n </ng-template>\n <ng-template [ngTemplateOutlet]=\"loadingTextTemplate() || defaultLoadingTextTemplate\"\n [ngTemplateOutletContext]=\"{ searchTerm: searchTerm }\">\n </ng-template>\n }\n</ng-dropdown-panel>\n}\n\n<!-- Always present aria-live region -->\n<div aria-atomic=\"true\" aria-live=\"polite\" class=\"ng-visually-hidden\" role=\"status\">\n @if (isOpen() && showNoItemsFound()) {\n {{ notFoundText() ?? config.notFoundText }}\n }\n</div>", styles: ["@charset \"UTF-8\";.ng-select{position:relative;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ng-select div,.ng-select input,.ng-select span{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ng-select [hidden]{display:none}.ng-select.ng-select-searchable .ng-select-container .ng-value-container .ng-input{opacity:1}.ng-select.ng-select-opened .ng-select-container{z-index:1001}.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-placeholder,.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-value{-webkit-user-select:none;user-select:none;cursor:default}.ng-select.ng-select-disabled .ng-arrow-wrapper{cursor:default}.ng-select.ng-select-filtered .ng-placeholder{display:none}.ng-select .ng-select-container{cursor:default;display:flex;outline:none;overflow:hidden;position:relative;width:100%}.ng-select .ng-select-container .ng-value-container{display:flex;flex:1}.ng-select .ng-select-container .ng-value-container .ng-input{opacity:0}.ng-select .ng-select-container .ng-value-container .ng-input>input{box-sizing:content-box;background:none transparent;border:0 none;box-shadow:none;outline:none;padding:0;cursor:default;width:100%}.ng-select .ng-select-container .ng-value-container .ng-input>input::-ms-clear{display:none}.ng-select .ng-select-container .ng-value-container .ng-input>input[readonly]{-webkit-user-select:unset;user-select:unset;width:0;padding:0}.ng-select.ng-select-single.ng-select-filtered .ng-select-container .ng-value-container .ng-value{visibility:hidden}.ng-select.ng-select-single .ng-select-container .ng-value-container,.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:none}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{position:absolute;left:0;width:100%}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-icon{display:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{flex-wrap:wrap}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{position:absolute}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{white-space:nowrap}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-icon{display:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{cursor:pointer}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{flex:1;z-index:2}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{z-index:1}.ng-select .ng-clear-wrapper{cursor:pointer;position:relative;width:17px;-webkit-user-select:none;user-select:none}.ng-select .ng-clear-wrapper .ng-clear{display:inline-block;font-size:18px;line-height:1;pointer-events:none}.ng-select .ng-spinner-loader{border-radius:50%;width:17px;height:17px;margin-right:5px;font-size:10px;position:relative;text-indent:-9999em;border-top:2px solid rgba(66,66,66,.2);border-right:2px solid rgba(66,66,66,.2);border-bottom:2px solid rgba(66,66,66,.2);border-left:2px solid #424242;transform:translateZ(0);animation:load8 .8s infinite linear}.ng-select .ng-spinner-loader:after{border-radius:50%;width:17px;height:17px}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ng-select .ng-arrow-wrapper{cursor:pointer;position:relative;text-align:center;-webkit-user-select:none;user-select:none}.ng-select .ng-arrow-wrapper .ng-arrow{pointer-events:none;display:inline-block;height:0;width:0;position:relative}.ng-dropdown-panel{box-sizing:border-box;position:absolute;opacity:0;width:100%;z-index:1050;-webkit-overflow-scrolling:touch}.ng-dropdown-panel .ng-dropdown-panel-items{display:block;height:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-height:240px;overflow-y:auto}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{box-sizing:border-box;cursor:pointer;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-option-label:empty:before{content:\"\\200b\"}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .highlighted{font-weight:700;text-decoration:underline}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.disabled{cursor:default}.ng-dropdown-panel .scroll-host{overflow:hidden;overflow-y:auto;position:relative;display:block;-webkit-overflow-scrolling:touch}.ng-dropdown-panel .scrollable-content{top:0;left:0;width:100%;height:100%;position:absolute}.ng-dropdown-panel .total-padding{width:1px;opacity:0}.ng-visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0;white-space:nowrap}\n"] }]
|
|
2965
|
-
}], ctorParameters: () => [], propDecorators: { handleKeyDown: [{
|
|
2970
|
+
}], ctorParameters: () => [], propDecorators: { ariaLabelDropdown: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelDropdown", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], markFirst: [{ type: i0.Input, args: [{ isSignal: true, alias: "markFirst", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], fixedPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "fixedPlaceholder", required: false }] }], notFoundText: [{ type: i0.Input, args: [{ isSignal: true, alias: "notFoundText", required: false }] }], typeToSearchText: [{ type: i0.Input, args: [{ isSignal: true, alias: "typeToSearchText", required: false }] }], preventToggleOnRightClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventToggleOnRightClick", required: false }] }], addTagText: [{ type: i0.Input, args: [{ isSignal: true, alias: "addTagText", required: false }] }], loadingText: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingText", required: false }] }], clearAllText: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearAllText", required: false }] }], dropdownPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownPosition", required: false }] }], appendTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "appendTo", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], closeOnSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnSelect", required: false }] }], hideSelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideSelected", required: false }] }], selectOnTab: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectOnTab", required: false }] }], openOnEnter: [{ type: i0.Input, args: [{ isSignal: true, alias: "openOnEnter", required: false }] }], maxSelectedItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxSelectedItems", required: false }] }], groupBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupBy", required: false }] }], groupValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupValue", required: false }] }], bufferAmount: [{ type: i0.Input, args: [{ isSignal: true, alias: "bufferAmount", required: false }] }], virtualScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualScroll", required: false }] }], selectableGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectableGroup", required: false }] }], tabFocusOnClearButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabFocusOnClearButton", required: false }] }], selectableGroupAsModel: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectableGroupAsModel", required: false }] }], searchFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchFn", required: false }] }], trackByFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "trackByFn", required: false }] }], clearOnBackspace: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearOnBackspace", required: false }] }], labelForId: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelForId", required: false }] }], inputAttrs: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputAttrs", required: false }] }], tabIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabIndex", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], searchWhileComposing: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchWhileComposing", required: false }] }], minTermLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "minTermLength", required: false }] }], editableSearchTerm: [{ type: i0.Input, args: [{ isSignal: true, alias: "editableSearchTerm", required: false }] }], ngClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngClass", required: false }] }], typeahead: [{ type: i0.Input, args: [{ isSignal: true, alias: "typeahead", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], addTag: [{ type: i0.Input, args: [{ isSignal: true, alias: "addTag", required: false }] }], searchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchable", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], deselectOnClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "deselectOnClick", required: false }] }], clearSearchOnAdd: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearSearchOnAdd", required: false }] }], compareWith: [{ type: i0.Input, args: [{ isSignal: true, alias: "compareWith", required: false }] }], bindLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "bindLabel", required: false }] }, { type: i0.Output, args: ["bindLabelChange"] }], bindValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "bindValue", required: false }] }, { type: i0.Output, args: ["bindValueChange"] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }, { type: i0.Output, args: ["appearanceChange"] }], isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }, { type: i0.Output, args: ["isOpenChange"] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], blurEvent: [{ type: i0.Output, args: ["blur"] }], focusEvent: [{ type: i0.Output, args: ["focus"] }], changeEvent: [{ type: i0.Output, args: ["change"] }], openEvent: [{ type: i0.Output, args: ["open"] }], closeEvent: [{ type: i0.Output, args: ["close"] }], searchEvent: [{ type: i0.Output, args: ["search"] }], clearEvent: [{ type: i0.Output, args: ["clear"] }], addEvent: [{ type: i0.Output, args: ["add"] }], removeEvent: [{ type: i0.Output, args: ["remove"] }], scroll: [{ type: i0.Output, args: ["scroll"] }], scrollToEnd: [{ type: i0.Output, args: ["scrollToEnd"] }], optionTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NgOptionTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], optgroupTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NgOptgroupTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], labelTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NgLabelTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], multiLabelTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NgMultiLabelTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], headerTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NgHeaderTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], footerTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NgFooterTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], notFoundTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NgNotFoundTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], placeholderTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NgPlaceholderTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], typeToSearchTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NgTypeToSearchTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], loadingTextTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NgLoadingTextTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], tagTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NgTagTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], loadingSpinnerTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NgLoadingSpinnerTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], clearButtonTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NgClearButtonTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], dropdownPanel: [{ type: i0.ViewChild, args: [forwardRef(() => NgDropdownPanelComponent), { isSignal: true }] }], searchInput: [{ type: i0.ViewChild, args: ['searchInput', { isSignal: true }] }], clearButton: [{ type: i0.ViewChild, args: ['clearButton', { isSignal: true }] }], ngOptions: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => NgOptionComponent), { ...{ descendants: true }, isSignal: true }] }], keyDownFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "keyDownFn", required: false }] }], handleKeyDown: [{
|
|
2966
2971
|
type: HostListener,
|
|
2967
2972
|
args: ['keydown', ['$event']]
|
|
2968
2973
|
}] } });
|
|
2969
2974
|
|
|
2970
2975
|
class NgSelectModule {
|
|
2971
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
2972
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
|
2976
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2977
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: NgSelectModule, imports: [NgDropdownPanelComponent,
|
|
2973
2978
|
NgOptionComponent,
|
|
2974
2979
|
NgSelectComponent,
|
|
2975
2980
|
NgOptgroupTemplateDirective,
|
|
@@ -3000,9 +3005,9 @@ class NgSelectModule {
|
|
|
3000
3005
|
NgTagTemplateDirective,
|
|
3001
3006
|
NgLoadingSpinnerTemplateDirective,
|
|
3002
3007
|
NgClearButtonTemplateDirective] }); }
|
|
3003
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
|
3008
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgSelectModule, providers: provideNgSelect() }); }
|
|
3004
3009
|
}
|
|
3005
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
3010
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: NgSelectModule, decorators: [{
|
|
3006
3011
|
type: NgModule,
|
|
3007
3012
|
args: [{
|
|
3008
3013
|
imports: [
|