@syncfusion/ej2-angular-multicolumn-combobox 29.2.4-ngcc → 30.1.37-ngcc
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/@syncfusion/ej2-angular-multicolumn-combobox.es5.js +324 -324
- package/@syncfusion/ej2-angular-multicolumn-combobox.js +278 -278
- package/{license → LICENSE} +10 -10
- package/README.md +47 -47
- package/dist/ej2-angular-multicolumn-combobox.umd.js +314 -314
- package/dist/ej2-angular-multicolumn-combobox.umd.min.js +1 -1
- package/ej2-angular-multicolumn-combobox.d.ts +5 -5
- package/package.json +15 -46
- package/public_api.d.ts +1 -1
- package/schematics/utils/lib-details.d.ts +2 -2
- package/schematics/utils/lib-details.js +2 -2
- package/schematics/utils/lib-details.ts +4 -4
- package/src/index.d.ts +5 -5
- package/src/multicolumn-combobox/columns.directive.d.ts +83 -83
- package/src/multicolumn-combobox/multicolumncombobox-all.module.d.ts +5 -5
- package/src/multicolumn-combobox/multicolumncombobox.component.d.ts +79 -79
- package/src/multicolumn-combobox/multicolumncombobox.module.d.ts +5 -5
|
@@ -1,325 +1,325 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = Object.setPrototypeOf ||
|
|
3
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
4
|
-
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
5
|
-
return function (d, b) {
|
|
6
|
-
extendStatics(d, b);
|
|
7
|
-
function __() { this.constructor = d; }
|
|
8
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
9
|
-
};
|
|
10
|
-
})();
|
|
11
|
-
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, ContentChildren, Directive, ElementRef, Injector, NgModule, Renderer2, ViewContainerRef, forwardRef } from '@angular/core';
|
|
12
|
-
import { ArrayBase, ComplexBase, ComponentBase, ComponentMixins, FormBase, Template, setValue } from '@syncfusion/ej2-angular-base';
|
|
13
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
14
|
-
import { MultiColumnComboBox } from '@syncfusion/ej2-multicolumn-combobox';
|
|
15
|
-
import { CommonModule } from '@angular/common';
|
|
16
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
17
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
18
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
19
|
-
r = Reflect.decorate(decorators, target, key, desc);
|
|
20
|
-
else
|
|
21
|
-
for (var i = decorators.length - 1; i >= 0; i--)
|
|
22
|
-
if (d = decorators[i])
|
|
23
|
-
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
24
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
25
|
-
};
|
|
26
|
-
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
27
|
-
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
|
|
28
|
-
return Reflect.metadata(k, v);
|
|
29
|
-
};
|
|
30
|
-
var input = ['customAttributes', 'displayAsCheckBox', 'field', 'format', 'header', 'headerTemplate', 'template', 'textAlign', 'width'];
|
|
31
|
-
var outputs = [];
|
|
32
|
-
/**
|
|
33
|
-
* `e-column` directive represent a column of the Angular MultiColumnComboBox.
|
|
34
|
-
* It must be contained in a MultiColumnComboBox component(`ejs-multicolumncombobox`).
|
|
35
|
-
* ```html
|
|
36
|
-
* <ejs-multicolumncombobox [dataSource]='data'>
|
|
37
|
-
* <e-columns>
|
|
38
|
-
* <e-column field='ID' width='100'></e-column>
|
|
39
|
-
* <e-column field='name' header='Name' width='100'></e-column>
|
|
40
|
-
* </e-columns>
|
|
41
|
-
* </ejs-multicolumncombobox>
|
|
42
|
-
* ```
|
|
43
|
-
*/
|
|
44
|
-
var ColumnDirective = /** @class */ (function (_super) {
|
|
45
|
-
__extends(ColumnDirective, _super);
|
|
46
|
-
/**
|
|
47
|
-
* @param {?} viewContainerRef
|
|
48
|
-
*/
|
|
49
|
-
function ColumnDirective(viewContainerRef) {
|
|
50
|
-
var _this = _super.call(this) || this;
|
|
51
|
-
_this.viewContainerRef = viewContainerRef;
|
|
52
|
-
setValue('currentInstance', _this, _this.viewContainerRef);
|
|
53
|
-
_this.registerEvents(outputs);
|
|
54
|
-
_this.directivePropList = input;
|
|
55
|
-
return _this;
|
|
56
|
-
}
|
|
57
|
-
return ColumnDirective;
|
|
58
|
-
}(ComplexBase));
|
|
59
|
-
ColumnDirective.decorators = [
|
|
60
|
-
{ type: Directive, args: [{
|
|
61
|
-
selector: 'ejs-multicolumncombobox>e-columns>e-column',
|
|
62
|
-
inputs: input,
|
|
63
|
-
outputs: outputs,
|
|
64
|
-
queries: {}
|
|
65
|
-
},] },
|
|
66
|
-
];
|
|
67
|
-
/**
|
|
68
|
-
* @nocollapse
|
|
69
|
-
*/
|
|
70
|
-
ColumnDirective.ctorParameters = function () { return [
|
|
71
|
-
{ type: ViewContainerRef, },
|
|
72
|
-
]; };
|
|
73
|
-
ColumnDirective.propDecorators = {
|
|
74
|
-
'template': [{ type: ContentChild, args: ['template',] },],
|
|
75
|
-
'headerTemplate': [{ type: ContentChild, args: ['headerTemplate',] },],
|
|
76
|
-
};
|
|
77
|
-
__decorate([
|
|
78
|
-
Template(),
|
|
79
|
-
__metadata("design:type", Object)
|
|
80
|
-
], ColumnDirective.prototype, "template", void 0);
|
|
81
|
-
__decorate([
|
|
82
|
-
Template(),
|
|
83
|
-
__metadata("design:type", Object)
|
|
84
|
-
], ColumnDirective.prototype, "headerTemplate", void 0);
|
|
85
|
-
/**
|
|
86
|
-
* Column Array Directive
|
|
87
|
-
*/
|
|
88
|
-
var ColumnsDirective = /** @class */ (function (_super) {
|
|
89
|
-
__extends(ColumnsDirective, _super);
|
|
90
|
-
function ColumnsDirective() {
|
|
91
|
-
return _super.call(this, 'columns') || this;
|
|
92
|
-
}
|
|
93
|
-
return ColumnsDirective;
|
|
94
|
-
}(ArrayBase));
|
|
95
|
-
ColumnsDirective.decorators = [
|
|
96
|
-
{ type: Directive, args: [{
|
|
97
|
-
selector: 'ejs-multicolumncombobox>e-columns',
|
|
98
|
-
queries: {
|
|
99
|
-
children: new ContentChildren(ColumnDirective)
|
|
100
|
-
},
|
|
101
|
-
},] },
|
|
102
|
-
];
|
|
103
|
-
/**
|
|
104
|
-
* @nocollapse
|
|
105
|
-
*/
|
|
106
|
-
ColumnsDirective.ctorParameters = function () { return []; };
|
|
107
|
-
var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
108
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
109
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
110
|
-
r = Reflect.decorate(decorators, target, key, desc);
|
|
111
|
-
else
|
|
112
|
-
for (var i = decorators.length - 1; i >= 0; i--)
|
|
113
|
-
if (d = decorators[i])
|
|
114
|
-
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
115
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
116
|
-
};
|
|
117
|
-
var __metadata$1 = (this && this.__metadata) || function (k, v) {
|
|
118
|
-
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
|
|
119
|
-
return Reflect.metadata(k, v);
|
|
120
|
-
};
|
|
121
|
-
var inputs = ['actionFailureTemplate', 'allowFiltering', 'allowSorting', 'columns', 'cssClass', 'dataSource', 'disabled', 'enablePersistence', 'enableRtl', 'enableVirtualization', 'fields', 'filterType', 'floatLabelType', 'footerTemplate', 'gridSettings', 'groupTemplate', 'htmlAttributes', 'index', 'itemTemplate', 'locale', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'sortOrder', 'sortType', 'text', 'value', 'width'];
|
|
122
|
-
var outputs$1 = ['focus', 'blur', 'actionBegin', 'actionComplete', 'actionFailure', 'change', 'close', 'created', 'filtering', 'open', 'select', 'valueChange'];
|
|
123
|
-
var twoWays = ['value'];
|
|
124
|
-
/**
|
|
125
|
-
* Represents the Essential JS 2 Angular MultiColumnComboBox Component.
|
|
126
|
-
* ```html
|
|
127
|
-
* <ejs-multicolumncombobox></ejs-multicolumncombobox>
|
|
128
|
-
* ```
|
|
129
|
-
*/
|
|
130
|
-
var MultiColumnComboBoxComponent = MultiColumnComboBoxComponent_1 = /** @class */ (function (_super) {
|
|
131
|
-
__extends(MultiColumnComboBoxComponent, _super);
|
|
132
|
-
/**
|
|
133
|
-
* @param {?} ngEle
|
|
134
|
-
* @param {?} srenderer
|
|
135
|
-
* @param {?} viewContainerRef
|
|
136
|
-
* @param {?} injector
|
|
137
|
-
* @param {?} cdr
|
|
138
|
-
*/
|
|
139
|
-
function MultiColumnComboBoxComponent(ngEle, srenderer, viewContainerRef, injector, cdr) {
|
|
140
|
-
var _this = _super.call(this) || this;
|
|
141
|
-
_this.ngEle = ngEle;
|
|
142
|
-
_this.srenderer = srenderer;
|
|
143
|
-
_this.viewContainerRef = viewContainerRef;
|
|
144
|
-
_this.injector = injector;
|
|
145
|
-
_this.cdr = cdr;
|
|
146
|
-
_this.tags = ['columns'];
|
|
147
|
-
_this.element = _this.ngEle.nativeElement;
|
|
148
|
-
_this.injectedModules = _this.injectedModules || [];
|
|
149
|
-
_this.registerEvents(outputs$1);
|
|
150
|
-
_this.addTwoWay.call(_this, twoWays);
|
|
151
|
-
setValue('currentInstance', _this, _this.viewContainerRef);
|
|
152
|
-
_this.formContext = new FormBase();
|
|
153
|
-
_this.formCompContext = new ComponentBase();
|
|
154
|
-
return _this;
|
|
155
|
-
}
|
|
156
|
-
/**
|
|
157
|
-
* @param {?} registerFunction
|
|
158
|
-
* @return {?}
|
|
159
|
-
*/
|
|
160
|
-
MultiColumnComboBoxComponent.prototype.registerOnChange = function (registerFunction) {
|
|
161
|
-
};
|
|
162
|
-
/**
|
|
163
|
-
* @param {?} registerFunction
|
|
164
|
-
* @return {?}
|
|
165
|
-
*/
|
|
166
|
-
MultiColumnComboBoxComponent.prototype.registerOnTouched = function (registerFunction) {
|
|
167
|
-
};
|
|
168
|
-
/**
|
|
169
|
-
* @param {?} value
|
|
170
|
-
* @return {?}
|
|
171
|
-
*/
|
|
172
|
-
MultiColumnComboBoxComponent.prototype.writeValue = function (value) {
|
|
173
|
-
};
|
|
174
|
-
/**
|
|
175
|
-
* @param {?} disabled
|
|
176
|
-
* @return {?}
|
|
177
|
-
*/
|
|
178
|
-
MultiColumnComboBoxComponent.prototype.setDisabledState = function (disabled) {
|
|
179
|
-
};
|
|
180
|
-
/**
|
|
181
|
-
* @return {?}
|
|
182
|
-
*/
|
|
183
|
-
MultiColumnComboBoxComponent.prototype.ngOnInit = function () {
|
|
184
|
-
this.formCompContext.ngOnInit(this);
|
|
185
|
-
};
|
|
186
|
-
/**
|
|
187
|
-
* @return {?}
|
|
188
|
-
*/
|
|
189
|
-
MultiColumnComboBoxComponent.prototype.ngAfterViewInit = function () {
|
|
190
|
-
this.formContext.ngAfterViewInit(this);
|
|
191
|
-
};
|
|
192
|
-
/**
|
|
193
|
-
* @return {?}
|
|
194
|
-
*/
|
|
195
|
-
MultiColumnComboBoxComponent.prototype.ngOnDestroy = function () {
|
|
196
|
-
this.formCompContext.ngOnDestroy(this);
|
|
197
|
-
};
|
|
198
|
-
/**
|
|
199
|
-
* @return {?}
|
|
200
|
-
*/
|
|
201
|
-
MultiColumnComboBoxComponent.prototype.ngAfterContentChecked = function () {
|
|
202
|
-
this.tagObjects[0].instance = this.childColumns;
|
|
203
|
-
this.formCompContext.ngAfterContentChecked(this);
|
|
204
|
-
};
|
|
205
|
-
return MultiColumnComboBoxComponent;
|
|
206
|
-
}(MultiColumnComboBox));
|
|
207
|
-
MultiColumnComboBoxComponent.decorators = [
|
|
208
|
-
{ type: Component, args: [{
|
|
209
|
-
selector: 'ejs-multicolumncombobox',
|
|
210
|
-
inputs: inputs,
|
|
211
|
-
outputs: outputs$1,
|
|
212
|
-
template: '',
|
|
213
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
214
|
-
providers: [
|
|
215
|
-
{
|
|
216
|
-
provide: NG_VALUE_ACCESSOR,
|
|
217
|
-
useExisting: forwardRef(function () { return MultiColumnComboBoxComponent_1; }),
|
|
218
|
-
multi: true
|
|
219
|
-
}
|
|
220
|
-
],
|
|
221
|
-
queries: {
|
|
222
|
-
childColumns: new ContentChild(ColumnsDirective)
|
|
223
|
-
}
|
|
224
|
-
},] },
|
|
225
|
-
];
|
|
226
|
-
/**
|
|
227
|
-
* @nocollapse
|
|
228
|
-
*/
|
|
229
|
-
MultiColumnComboBoxComponent.ctorParameters = function () { return [
|
|
230
|
-
{ type: ElementRef, },
|
|
231
|
-
{ type: Renderer2, },
|
|
232
|
-
{ type: ViewContainerRef, },
|
|
233
|
-
{ type: Injector, },
|
|
234
|
-
{ type: ChangeDetectorRef, },
|
|
235
|
-
]; };
|
|
236
|
-
MultiColumnComboBoxComponent.propDecorators = {
|
|
237
|
-
'footerTemplate': [{ type: ContentChild, args: ['footerTemplate',] },],
|
|
238
|
-
'itemTemplate': [{ type: ContentChild, args: ['itemTemplate',] },],
|
|
239
|
-
'groupTemplate': [{ type: ContentChild, args: ['groupTemplate',] },],
|
|
240
|
-
'noRecordsTemplate': [{ type: ContentChild, args: ['noRecordsTemplate',] },],
|
|
241
|
-
'actionFailureTemplate': [{ type: ContentChild, args: ['actionFailureTemplate',] },],
|
|
242
|
-
};
|
|
243
|
-
__decorate$1([
|
|
244
|
-
Template(),
|
|
245
|
-
__metadata$1("design:type", Object)
|
|
246
|
-
], MultiColumnComboBoxComponent.prototype, "footerTemplate", void 0);
|
|
247
|
-
__decorate$1([
|
|
248
|
-
Template(),
|
|
249
|
-
__metadata$1("design:type", Object)
|
|
250
|
-
], MultiColumnComboBoxComponent.prototype, "itemTemplate", void 0);
|
|
251
|
-
__decorate$1([
|
|
252
|
-
Template(),
|
|
253
|
-
__metadata$1("design:type", Object)
|
|
254
|
-
], MultiColumnComboBoxComponent.prototype, "groupTemplate", void 0);
|
|
255
|
-
__decorate$1([
|
|
256
|
-
Template('No records found'),
|
|
257
|
-
__metadata$1("design:type", Object)
|
|
258
|
-
], MultiColumnComboBoxComponent.prototype, "noRecordsTemplate", void 0);
|
|
259
|
-
__decorate$1([
|
|
260
|
-
Template('Request Failed'),
|
|
261
|
-
__metadata$1("design:type", Object)
|
|
262
|
-
], MultiColumnComboBoxComponent.prototype, "actionFailureTemplate", void 0);
|
|
263
|
-
MultiColumnComboBoxComponent = MultiColumnComboBoxComponent_1 = __decorate$1([
|
|
264
|
-
ComponentMixins([ComponentBase, FormBase]),
|
|
265
|
-
__metadata$1("design:paramtypes", [ElementRef,
|
|
266
|
-
Renderer2,
|
|
267
|
-
ViewContainerRef,
|
|
268
|
-
Injector,
|
|
269
|
-
ChangeDetectorRef])
|
|
270
|
-
], MultiColumnComboBoxComponent);
|
|
271
|
-
var MultiColumnComboBoxComponent_1;
|
|
272
|
-
/**
|
|
273
|
-
* NgModule definition for the MultiColumnComboBox component.
|
|
274
|
-
*/
|
|
275
|
-
var MultiColumnComboBoxModule = /** @class */ (function () {
|
|
276
|
-
function MultiColumnComboBoxModule() {
|
|
277
|
-
}
|
|
278
|
-
return MultiColumnComboBoxModule;
|
|
279
|
-
}());
|
|
280
|
-
MultiColumnComboBoxModule.decorators = [
|
|
281
|
-
{ type: NgModule, args: [{
|
|
282
|
-
imports: [CommonModule],
|
|
283
|
-
declarations: [
|
|
284
|
-
MultiColumnComboBoxComponent,
|
|
285
|
-
ColumnDirective,
|
|
286
|
-
ColumnsDirective
|
|
287
|
-
],
|
|
288
|
-
exports: [
|
|
289
|
-
MultiColumnComboBoxComponent,
|
|
290
|
-
ColumnDirective,
|
|
291
|
-
ColumnsDirective
|
|
292
|
-
]
|
|
293
|
-
},] },
|
|
294
|
-
];
|
|
295
|
-
/**
|
|
296
|
-
* @nocollapse
|
|
297
|
-
*/
|
|
298
|
-
MultiColumnComboBoxModule.ctorParameters = function () { return []; };
|
|
299
|
-
/**
|
|
300
|
-
* NgModule definition for the MultiColumnComboBox component with providers.
|
|
301
|
-
*/
|
|
302
|
-
var MultiColumnComboBoxAllModule = /** @class */ (function () {
|
|
303
|
-
function MultiColumnComboBoxAllModule() {
|
|
304
|
-
}
|
|
305
|
-
return MultiColumnComboBoxAllModule;
|
|
306
|
-
}());
|
|
307
|
-
MultiColumnComboBoxAllModule.decorators = [
|
|
308
|
-
{ type: NgModule, args: [{
|
|
309
|
-
imports: [CommonModule, MultiColumnComboBoxModule],
|
|
310
|
-
exports: [
|
|
311
|
-
MultiColumnComboBoxModule
|
|
312
|
-
],
|
|
313
|
-
providers: []
|
|
314
|
-
},] },
|
|
315
|
-
];
|
|
316
|
-
/**
|
|
317
|
-
* @nocollapse
|
|
318
|
-
*/
|
|
319
|
-
MultiColumnComboBoxAllModule.ctorParameters = function () { return []; };
|
|
320
|
-
/**
|
|
321
|
-
* Generated bundle index. Do not edit.
|
|
322
|
-
*/
|
|
323
|
-
export { ColumnDirective, ColumnsDirective, MultiColumnComboBoxComponent, MultiColumnComboBoxModule, MultiColumnComboBoxAllModule, inputs as ɵa, outputs$1 as ɵb };
|
|
324
|
-
export { MultiColumnGrid, FilterType, SortOrder, SortType, WrapMode, FieldSettings, Column, GridSettings, MultiColumnComboBox } from '@syncfusion/ej2-multicolumn-combobox';
|
|
1
|
+
var __extends = (this && this.__extends) || (function () {
|
|
2
|
+
var extendStatics = Object.setPrototypeOf ||
|
|
3
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
4
|
+
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
5
|
+
return function (d, b) {
|
|
6
|
+
extendStatics(d, b);
|
|
7
|
+
function __() { this.constructor = d; }
|
|
8
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
9
|
+
};
|
|
10
|
+
})();
|
|
11
|
+
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, ContentChildren, Directive, ElementRef, Injector, NgModule, Renderer2, ViewContainerRef, forwardRef } from '@angular/core';
|
|
12
|
+
import { ArrayBase, ComplexBase, ComponentBase, ComponentMixins, FormBase, Template, setValue } from '@syncfusion/ej2-angular-base';
|
|
13
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
14
|
+
import { MultiColumnComboBox } from '@syncfusion/ej2-multicolumn-combobox';
|
|
15
|
+
import { CommonModule } from '@angular/common';
|
|
16
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
17
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
18
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
19
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
20
|
+
else
|
|
21
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
22
|
+
if (d = decorators[i])
|
|
23
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
24
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
25
|
+
};
|
|
26
|
+
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
27
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
|
|
28
|
+
return Reflect.metadata(k, v);
|
|
29
|
+
};
|
|
30
|
+
var input = ['customAttributes', 'displayAsCheckBox', 'field', 'format', 'header', 'headerTemplate', 'template', 'textAlign', 'width'];
|
|
31
|
+
var outputs = [];
|
|
32
|
+
/**
|
|
33
|
+
* `e-column` directive represent a column of the Angular MultiColumnComboBox.
|
|
34
|
+
* It must be contained in a MultiColumnComboBox component(`ejs-multicolumncombobox`).
|
|
35
|
+
* ```html
|
|
36
|
+
* <ejs-multicolumncombobox [dataSource]='data'>
|
|
37
|
+
* <e-columns>
|
|
38
|
+
* <e-column field='ID' width='100'></e-column>
|
|
39
|
+
* <e-column field='name' header='Name' width='100'></e-column>
|
|
40
|
+
* </e-columns>
|
|
41
|
+
* </ejs-multicolumncombobox>
|
|
42
|
+
* ```
|
|
43
|
+
*/
|
|
44
|
+
var ColumnDirective = /** @class */ (function (_super) {
|
|
45
|
+
__extends(ColumnDirective, _super);
|
|
46
|
+
/**
|
|
47
|
+
* @param {?} viewContainerRef
|
|
48
|
+
*/
|
|
49
|
+
function ColumnDirective(viewContainerRef) {
|
|
50
|
+
var _this = _super.call(this) || this;
|
|
51
|
+
_this.viewContainerRef = viewContainerRef;
|
|
52
|
+
setValue('currentInstance', _this, _this.viewContainerRef);
|
|
53
|
+
_this.registerEvents(outputs);
|
|
54
|
+
_this.directivePropList = input;
|
|
55
|
+
return _this;
|
|
56
|
+
}
|
|
57
|
+
return ColumnDirective;
|
|
58
|
+
}(ComplexBase));
|
|
59
|
+
ColumnDirective.decorators = [
|
|
60
|
+
{ type: Directive, args: [{
|
|
61
|
+
selector: 'ejs-multicolumncombobox>e-columns>e-column',
|
|
62
|
+
inputs: input,
|
|
63
|
+
outputs: outputs,
|
|
64
|
+
queries: {}
|
|
65
|
+
},] },
|
|
66
|
+
];
|
|
67
|
+
/**
|
|
68
|
+
* @nocollapse
|
|
69
|
+
*/
|
|
70
|
+
ColumnDirective.ctorParameters = function () { return [
|
|
71
|
+
{ type: ViewContainerRef, },
|
|
72
|
+
]; };
|
|
73
|
+
ColumnDirective.propDecorators = {
|
|
74
|
+
'template': [{ type: ContentChild, args: ['template',] },],
|
|
75
|
+
'headerTemplate': [{ type: ContentChild, args: ['headerTemplate',] },],
|
|
76
|
+
};
|
|
77
|
+
__decorate([
|
|
78
|
+
Template(),
|
|
79
|
+
__metadata("design:type", Object)
|
|
80
|
+
], ColumnDirective.prototype, "template", void 0);
|
|
81
|
+
__decorate([
|
|
82
|
+
Template(),
|
|
83
|
+
__metadata("design:type", Object)
|
|
84
|
+
], ColumnDirective.prototype, "headerTemplate", void 0);
|
|
85
|
+
/**
|
|
86
|
+
* Column Array Directive
|
|
87
|
+
*/
|
|
88
|
+
var ColumnsDirective = /** @class */ (function (_super) {
|
|
89
|
+
__extends(ColumnsDirective, _super);
|
|
90
|
+
function ColumnsDirective() {
|
|
91
|
+
return _super.call(this, 'columns') || this;
|
|
92
|
+
}
|
|
93
|
+
return ColumnsDirective;
|
|
94
|
+
}(ArrayBase));
|
|
95
|
+
ColumnsDirective.decorators = [
|
|
96
|
+
{ type: Directive, args: [{
|
|
97
|
+
selector: 'ejs-multicolumncombobox>e-columns',
|
|
98
|
+
queries: {
|
|
99
|
+
children: new ContentChildren(ColumnDirective)
|
|
100
|
+
},
|
|
101
|
+
},] },
|
|
102
|
+
];
|
|
103
|
+
/**
|
|
104
|
+
* @nocollapse
|
|
105
|
+
*/
|
|
106
|
+
ColumnsDirective.ctorParameters = function () { return []; };
|
|
107
|
+
var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
108
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
109
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
110
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
111
|
+
else
|
|
112
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
113
|
+
if (d = decorators[i])
|
|
114
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
115
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
116
|
+
};
|
|
117
|
+
var __metadata$1 = (this && this.__metadata) || function (k, v) {
|
|
118
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
|
|
119
|
+
return Reflect.metadata(k, v);
|
|
120
|
+
};
|
|
121
|
+
var inputs = ['actionFailureTemplate', 'allowFiltering', 'allowSorting', 'columns', 'cssClass', 'dataSource', 'disabled', 'enablePersistence', 'enableRtl', 'enableVirtualization', 'fields', 'filterType', 'floatLabelType', 'footerTemplate', 'gridSettings', 'groupTemplate', 'htmlAttributes', 'index', 'itemTemplate', 'locale', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'sortOrder', 'sortType', 'text', 'value', 'width'];
|
|
122
|
+
var outputs$1 = ['focus', 'blur', 'actionBegin', 'actionComplete', 'actionFailure', 'change', 'close', 'created', 'filtering', 'open', 'select', 'valueChange'];
|
|
123
|
+
var twoWays = ['value'];
|
|
124
|
+
/**
|
|
125
|
+
* Represents the Essential JS 2 Angular MultiColumnComboBox Component.
|
|
126
|
+
* ```html
|
|
127
|
+
* <ejs-multicolumncombobox></ejs-multicolumncombobox>
|
|
128
|
+
* ```
|
|
129
|
+
*/
|
|
130
|
+
var MultiColumnComboBoxComponent = MultiColumnComboBoxComponent_1 = /** @class */ (function (_super) {
|
|
131
|
+
__extends(MultiColumnComboBoxComponent, _super);
|
|
132
|
+
/**
|
|
133
|
+
* @param {?} ngEle
|
|
134
|
+
* @param {?} srenderer
|
|
135
|
+
* @param {?} viewContainerRef
|
|
136
|
+
* @param {?} injector
|
|
137
|
+
* @param {?} cdr
|
|
138
|
+
*/
|
|
139
|
+
function MultiColumnComboBoxComponent(ngEle, srenderer, viewContainerRef, injector, cdr) {
|
|
140
|
+
var _this = _super.call(this) || this;
|
|
141
|
+
_this.ngEle = ngEle;
|
|
142
|
+
_this.srenderer = srenderer;
|
|
143
|
+
_this.viewContainerRef = viewContainerRef;
|
|
144
|
+
_this.injector = injector;
|
|
145
|
+
_this.cdr = cdr;
|
|
146
|
+
_this.tags = ['columns'];
|
|
147
|
+
_this.element = _this.ngEle.nativeElement;
|
|
148
|
+
_this.injectedModules = _this.injectedModules || [];
|
|
149
|
+
_this.registerEvents(outputs$1);
|
|
150
|
+
_this.addTwoWay.call(_this, twoWays);
|
|
151
|
+
setValue('currentInstance', _this, _this.viewContainerRef);
|
|
152
|
+
_this.formContext = new FormBase();
|
|
153
|
+
_this.formCompContext = new ComponentBase();
|
|
154
|
+
return _this;
|
|
155
|
+
}
|
|
156
|
+
/**
|
|
157
|
+
* @param {?} registerFunction
|
|
158
|
+
* @return {?}
|
|
159
|
+
*/
|
|
160
|
+
MultiColumnComboBoxComponent.prototype.registerOnChange = function (registerFunction) {
|
|
161
|
+
};
|
|
162
|
+
/**
|
|
163
|
+
* @param {?} registerFunction
|
|
164
|
+
* @return {?}
|
|
165
|
+
*/
|
|
166
|
+
MultiColumnComboBoxComponent.prototype.registerOnTouched = function (registerFunction) {
|
|
167
|
+
};
|
|
168
|
+
/**
|
|
169
|
+
* @param {?} value
|
|
170
|
+
* @return {?}
|
|
171
|
+
*/
|
|
172
|
+
MultiColumnComboBoxComponent.prototype.writeValue = function (value) {
|
|
173
|
+
};
|
|
174
|
+
/**
|
|
175
|
+
* @param {?} disabled
|
|
176
|
+
* @return {?}
|
|
177
|
+
*/
|
|
178
|
+
MultiColumnComboBoxComponent.prototype.setDisabledState = function (disabled) {
|
|
179
|
+
};
|
|
180
|
+
/**
|
|
181
|
+
* @return {?}
|
|
182
|
+
*/
|
|
183
|
+
MultiColumnComboBoxComponent.prototype.ngOnInit = function () {
|
|
184
|
+
this.formCompContext.ngOnInit(this);
|
|
185
|
+
};
|
|
186
|
+
/**
|
|
187
|
+
* @return {?}
|
|
188
|
+
*/
|
|
189
|
+
MultiColumnComboBoxComponent.prototype.ngAfterViewInit = function () {
|
|
190
|
+
this.formContext.ngAfterViewInit(this);
|
|
191
|
+
};
|
|
192
|
+
/**
|
|
193
|
+
* @return {?}
|
|
194
|
+
*/
|
|
195
|
+
MultiColumnComboBoxComponent.prototype.ngOnDestroy = function () {
|
|
196
|
+
this.formCompContext.ngOnDestroy(this);
|
|
197
|
+
};
|
|
198
|
+
/**
|
|
199
|
+
* @return {?}
|
|
200
|
+
*/
|
|
201
|
+
MultiColumnComboBoxComponent.prototype.ngAfterContentChecked = function () {
|
|
202
|
+
this.tagObjects[0].instance = this.childColumns;
|
|
203
|
+
this.formCompContext.ngAfterContentChecked(this);
|
|
204
|
+
};
|
|
205
|
+
return MultiColumnComboBoxComponent;
|
|
206
|
+
}(MultiColumnComboBox));
|
|
207
|
+
MultiColumnComboBoxComponent.decorators = [
|
|
208
|
+
{ type: Component, args: [{
|
|
209
|
+
selector: 'ejs-multicolumncombobox',
|
|
210
|
+
inputs: inputs,
|
|
211
|
+
outputs: outputs$1,
|
|
212
|
+
template: '',
|
|
213
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
214
|
+
providers: [
|
|
215
|
+
{
|
|
216
|
+
provide: NG_VALUE_ACCESSOR,
|
|
217
|
+
useExisting: forwardRef(function () { return MultiColumnComboBoxComponent_1; }),
|
|
218
|
+
multi: true
|
|
219
|
+
}
|
|
220
|
+
],
|
|
221
|
+
queries: {
|
|
222
|
+
childColumns: new ContentChild(ColumnsDirective)
|
|
223
|
+
}
|
|
224
|
+
},] },
|
|
225
|
+
];
|
|
226
|
+
/**
|
|
227
|
+
* @nocollapse
|
|
228
|
+
*/
|
|
229
|
+
MultiColumnComboBoxComponent.ctorParameters = function () { return [
|
|
230
|
+
{ type: ElementRef, },
|
|
231
|
+
{ type: Renderer2, },
|
|
232
|
+
{ type: ViewContainerRef, },
|
|
233
|
+
{ type: Injector, },
|
|
234
|
+
{ type: ChangeDetectorRef, },
|
|
235
|
+
]; };
|
|
236
|
+
MultiColumnComboBoxComponent.propDecorators = {
|
|
237
|
+
'footerTemplate': [{ type: ContentChild, args: ['footerTemplate',] },],
|
|
238
|
+
'itemTemplate': [{ type: ContentChild, args: ['itemTemplate',] },],
|
|
239
|
+
'groupTemplate': [{ type: ContentChild, args: ['groupTemplate',] },],
|
|
240
|
+
'noRecordsTemplate': [{ type: ContentChild, args: ['noRecordsTemplate',] },],
|
|
241
|
+
'actionFailureTemplate': [{ type: ContentChild, args: ['actionFailureTemplate',] },],
|
|
242
|
+
};
|
|
243
|
+
__decorate$1([
|
|
244
|
+
Template(),
|
|
245
|
+
__metadata$1("design:type", Object)
|
|
246
|
+
], MultiColumnComboBoxComponent.prototype, "footerTemplate", void 0);
|
|
247
|
+
__decorate$1([
|
|
248
|
+
Template(),
|
|
249
|
+
__metadata$1("design:type", Object)
|
|
250
|
+
], MultiColumnComboBoxComponent.prototype, "itemTemplate", void 0);
|
|
251
|
+
__decorate$1([
|
|
252
|
+
Template(),
|
|
253
|
+
__metadata$1("design:type", Object)
|
|
254
|
+
], MultiColumnComboBoxComponent.prototype, "groupTemplate", void 0);
|
|
255
|
+
__decorate$1([
|
|
256
|
+
Template('No records found'),
|
|
257
|
+
__metadata$1("design:type", Object)
|
|
258
|
+
], MultiColumnComboBoxComponent.prototype, "noRecordsTemplate", void 0);
|
|
259
|
+
__decorate$1([
|
|
260
|
+
Template('Request Failed'),
|
|
261
|
+
__metadata$1("design:type", Object)
|
|
262
|
+
], MultiColumnComboBoxComponent.prototype, "actionFailureTemplate", void 0);
|
|
263
|
+
MultiColumnComboBoxComponent = MultiColumnComboBoxComponent_1 = __decorate$1([
|
|
264
|
+
ComponentMixins([ComponentBase, FormBase]),
|
|
265
|
+
__metadata$1("design:paramtypes", [ElementRef,
|
|
266
|
+
Renderer2,
|
|
267
|
+
ViewContainerRef,
|
|
268
|
+
Injector,
|
|
269
|
+
ChangeDetectorRef])
|
|
270
|
+
], MultiColumnComboBoxComponent);
|
|
271
|
+
var MultiColumnComboBoxComponent_1;
|
|
272
|
+
/**
|
|
273
|
+
* NgModule definition for the MultiColumnComboBox component.
|
|
274
|
+
*/
|
|
275
|
+
var MultiColumnComboBoxModule = /** @class */ (function () {
|
|
276
|
+
function MultiColumnComboBoxModule() {
|
|
277
|
+
}
|
|
278
|
+
return MultiColumnComboBoxModule;
|
|
279
|
+
}());
|
|
280
|
+
MultiColumnComboBoxModule.decorators = [
|
|
281
|
+
{ type: NgModule, args: [{
|
|
282
|
+
imports: [CommonModule],
|
|
283
|
+
declarations: [
|
|
284
|
+
MultiColumnComboBoxComponent,
|
|
285
|
+
ColumnDirective,
|
|
286
|
+
ColumnsDirective
|
|
287
|
+
],
|
|
288
|
+
exports: [
|
|
289
|
+
MultiColumnComboBoxComponent,
|
|
290
|
+
ColumnDirective,
|
|
291
|
+
ColumnsDirective
|
|
292
|
+
]
|
|
293
|
+
},] },
|
|
294
|
+
];
|
|
295
|
+
/**
|
|
296
|
+
* @nocollapse
|
|
297
|
+
*/
|
|
298
|
+
MultiColumnComboBoxModule.ctorParameters = function () { return []; };
|
|
299
|
+
/**
|
|
300
|
+
* NgModule definition for the MultiColumnComboBox component with providers.
|
|
301
|
+
*/
|
|
302
|
+
var MultiColumnComboBoxAllModule = /** @class */ (function () {
|
|
303
|
+
function MultiColumnComboBoxAllModule() {
|
|
304
|
+
}
|
|
305
|
+
return MultiColumnComboBoxAllModule;
|
|
306
|
+
}());
|
|
307
|
+
MultiColumnComboBoxAllModule.decorators = [
|
|
308
|
+
{ type: NgModule, args: [{
|
|
309
|
+
imports: [CommonModule, MultiColumnComboBoxModule],
|
|
310
|
+
exports: [
|
|
311
|
+
MultiColumnComboBoxModule
|
|
312
|
+
],
|
|
313
|
+
providers: []
|
|
314
|
+
},] },
|
|
315
|
+
];
|
|
316
|
+
/**
|
|
317
|
+
* @nocollapse
|
|
318
|
+
*/
|
|
319
|
+
MultiColumnComboBoxAllModule.ctorParameters = function () { return []; };
|
|
320
|
+
/**
|
|
321
|
+
* Generated bundle index. Do not edit.
|
|
322
|
+
*/
|
|
323
|
+
export { ColumnDirective, ColumnsDirective, MultiColumnComboBoxComponent, MultiColumnComboBoxModule, MultiColumnComboBoxAllModule, inputs as ɵa, outputs$1 as ɵb };
|
|
324
|
+
export { MultiColumnGrid, FilterType, SortOrder, SortType, WrapMode, FieldSettings, Column, GridSettings, MultiColumnComboBox } from '@syncfusion/ej2-multicolumn-combobox';
|
|
325
325
|
//# sourceMappingURL=ej2-angular-multicolumn-combobox.es5.js.map
|