@syncfusion/ej2-angular-multicolumn-combobox 26.1.35-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 +362 -0
- package/@syncfusion/ej2-angular-multicolumn-combobox.es5.js.map +1 -0
- package/@syncfusion/ej2-angular-multicolumn-combobox.js +334 -0
- package/@syncfusion/ej2-angular-multicolumn-combobox.js.map +1 -0
- package/README.md +47 -0
- package/dist/ej2-angular-multicolumn-combobox.umd.js +385 -0
- package/dist/ej2-angular-multicolumn-combobox.umd.js.map +1 -0
- package/dist/ej2-angular-multicolumn-combobox.umd.min.js +2 -0
- package/dist/ej2-angular-multicolumn-combobox.umd.min.js.map +1 -0
- package/ej2-angular-multicolumn-combobox.d.ts +5 -0
- package/ej2-angular-multicolumn-combobox.metadata.json +1 -0
- package/license +10 -0
- package/package.json +62 -0
- package/public_api.d.ts +1 -0
- package/schematics/collection.json +10 -0
- package/schematics/ng-add/index.ts +10 -0
- package/schematics/ng-add/schema.json +34 -0
- package/schematics/ng-add/schema.ts +30 -0
- package/schematics/tsconfig.json +25 -0
- package/schematics/utils/lib-details.ts +4 -0
- package/src/index.d.ts +5 -0
- package/src/multicolumn-combobox/columns.directive.d.ts +83 -0
- package/src/multicolumn-combobox/multicolumncombobox-all.module.d.ts +10 -0
- package/src/multicolumn-combobox/multicolumncombobox.component.d.ts +79 -0
- package/src/multicolumn-combobox/multicolumncombobox.module.d.ts +5 -0
- package/styles/bootstrap-dark.css +331 -0
- package/styles/bootstrap-dark.scss +1 -0
- package/styles/bootstrap.css +331 -0
- package/styles/bootstrap.scss +1 -0
- package/styles/bootstrap4.css +395 -0
- package/styles/bootstrap4.scss +1 -0
- package/styles/bootstrap5-dark.css +399 -0
- package/styles/bootstrap5-dark.scss +1 -0
- package/styles/bootstrap5.css +399 -0
- package/styles/bootstrap5.scss +1 -0
- package/styles/fabric-dark.css +306 -0
- package/styles/fabric-dark.scss +1 -0
- package/styles/fabric.css +299 -0
- package/styles/fabric.scss +1 -0
- package/styles/fluent-dark.css +379 -0
- package/styles/fluent-dark.scss +1 -0
- package/styles/fluent.css +379 -0
- package/styles/fluent.scss +1 -0
- package/styles/fluent2.css +1408 -0
- package/styles/fluent2.scss +1 -0
- package/styles/highcontrast-light.css +317 -0
- package/styles/highcontrast-light.scss +1 -0
- package/styles/highcontrast.css +317 -0
- package/styles/highcontrast.scss +1 -0
- package/styles/material-dark.css +339 -0
- package/styles/material-dark.scss +1 -0
- package/styles/material.css +364 -0
- package/styles/material.scss +1 -0
- package/styles/material3-dark.css +486 -0
- package/styles/material3-dark.scss +2 -0
- package/styles/material3.css +598 -0
- package/styles/material3.scss +2 -0
- package/styles/multicolumn-combobox/bootstrap-dark.css +331 -0
- package/styles/multicolumn-combobox/bootstrap-dark.scss +1 -0
- package/styles/multicolumn-combobox/bootstrap.css +331 -0
- package/styles/multicolumn-combobox/bootstrap.scss +1 -0
- package/styles/multicolumn-combobox/bootstrap4.css +395 -0
- package/styles/multicolumn-combobox/bootstrap4.scss +1 -0
- package/styles/multicolumn-combobox/bootstrap5-dark.css +399 -0
- package/styles/multicolumn-combobox/bootstrap5-dark.scss +1 -0
- package/styles/multicolumn-combobox/bootstrap5.css +399 -0
- package/styles/multicolumn-combobox/bootstrap5.scss +1 -0
- package/styles/multicolumn-combobox/fabric-dark.css +306 -0
- package/styles/multicolumn-combobox/fabric-dark.scss +1 -0
- package/styles/multicolumn-combobox/fabric.css +299 -0
- package/styles/multicolumn-combobox/fabric.scss +1 -0
- package/styles/multicolumn-combobox/fluent-dark.css +379 -0
- package/styles/multicolumn-combobox/fluent-dark.scss +1 -0
- package/styles/multicolumn-combobox/fluent.css +379 -0
- package/styles/multicolumn-combobox/fluent.scss +1 -0
- package/styles/multicolumn-combobox/fluent2.css +1408 -0
- package/styles/multicolumn-combobox/fluent2.scss +1 -0
- package/styles/multicolumn-combobox/highcontrast-light.css +317 -0
- package/styles/multicolumn-combobox/highcontrast-light.scss +1 -0
- package/styles/multicolumn-combobox/highcontrast.css +317 -0
- package/styles/multicolumn-combobox/highcontrast.scss +1 -0
- package/styles/multicolumn-combobox/material-dark.css +339 -0
- package/styles/multicolumn-combobox/material-dark.scss +1 -0
- package/styles/multicolumn-combobox/material.css +364 -0
- package/styles/multicolumn-combobox/material.scss +1 -0
- package/styles/multicolumn-combobox/material3-dark.css +486 -0
- package/styles/multicolumn-combobox/material3-dark.scss +2 -0
- package/styles/multicolumn-combobox/material3.css +598 -0
- package/styles/multicolumn-combobox/material3.scss +2 -0
- package/styles/multicolumn-combobox/tailwind-dark.css +363 -0
- package/styles/multicolumn-combobox/tailwind-dark.scss +1 -0
- package/styles/multicolumn-combobox/tailwind.css +363 -0
- package/styles/multicolumn-combobox/tailwind.scss +1 -0
- package/styles/tailwind-dark.css +363 -0
- package/styles/tailwind-dark.scss +1 -0
- package/styles/tailwind.css +363 -0
- package/styles/tailwind.scss +1 -0
|
@@ -0,0 +1,334 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, ContentChildren, Directive, ElementRef, Injector, NgModule, Renderer2, ViewContainerRef, forwardRef } from '@angular/core';
|
|
2
|
+
import { ArrayBase, ComplexBase, ComponentBase, ComponentMixins, FormBase, Template, setValue } from '@syncfusion/ej2-angular-base';
|
|
3
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
4
|
+
import { Edit, Group, MultiColumnComboBox, Sort, VirtualScroll } from '@syncfusion/ej2-multicolumn-combobox';
|
|
5
|
+
import { CommonModule } from '@angular/common';
|
|
6
|
+
|
|
7
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
8
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
9
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
10
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
11
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
12
|
+
};
|
|
13
|
+
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
14
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
15
|
+
};
|
|
16
|
+
let input = ['customAttributes', 'displayAsCheckBox', 'field', 'format', 'header', 'headerTemplate', 'template', 'textAlign', 'width'];
|
|
17
|
+
let outputs = [];
|
|
18
|
+
/**
|
|
19
|
+
* `e-column` directive represent a column of the Angular MultiColumnComboBox.
|
|
20
|
+
* It must be contained in a MultiColumnComboBox component(`ejs-multicolumncombobox`).
|
|
21
|
+
* ```html
|
|
22
|
+
* <ejs-multicolumncombobox [dataSource]='data'>
|
|
23
|
+
* <e-columns>
|
|
24
|
+
* <e-column field='ID' width='100'></e-column>
|
|
25
|
+
* <e-column field='name' header='Name' width='100'></e-column>
|
|
26
|
+
* </e-columns>
|
|
27
|
+
* </ejs-multicolumncombobox>
|
|
28
|
+
* ```
|
|
29
|
+
*/
|
|
30
|
+
class ColumnDirective extends ComplexBase {
|
|
31
|
+
/**
|
|
32
|
+
* @param {?} viewContainerRef
|
|
33
|
+
*/
|
|
34
|
+
constructor(viewContainerRef) {
|
|
35
|
+
super();
|
|
36
|
+
this.viewContainerRef = viewContainerRef;
|
|
37
|
+
setValue('currentInstance', this, this.viewContainerRef);
|
|
38
|
+
this.registerEvents(outputs);
|
|
39
|
+
this.directivePropList = input;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
ColumnDirective.decorators = [
|
|
43
|
+
{ type: Directive, args: [{
|
|
44
|
+
selector: 'ejs-multicolumncombobox>e-columns>e-column',
|
|
45
|
+
inputs: input,
|
|
46
|
+
outputs: outputs,
|
|
47
|
+
queries: {}
|
|
48
|
+
},] },
|
|
49
|
+
];
|
|
50
|
+
/**
|
|
51
|
+
* @nocollapse
|
|
52
|
+
*/
|
|
53
|
+
ColumnDirective.ctorParameters = () => [
|
|
54
|
+
{ type: ViewContainerRef, },
|
|
55
|
+
];
|
|
56
|
+
ColumnDirective.propDecorators = {
|
|
57
|
+
'template': [{ type: ContentChild, args: ['template',] },],
|
|
58
|
+
'headerTemplate': [{ type: ContentChild, args: ['headerTemplate',] },],
|
|
59
|
+
};
|
|
60
|
+
__decorate([
|
|
61
|
+
Template(),
|
|
62
|
+
__metadata("design:type", Object)
|
|
63
|
+
], ColumnDirective.prototype, "template", void 0);
|
|
64
|
+
__decorate([
|
|
65
|
+
Template(),
|
|
66
|
+
__metadata("design:type", Object)
|
|
67
|
+
], ColumnDirective.prototype, "headerTemplate", void 0);
|
|
68
|
+
/**
|
|
69
|
+
* Column Array Directive
|
|
70
|
+
*/
|
|
71
|
+
class ColumnsDirective extends ArrayBase {
|
|
72
|
+
constructor() {
|
|
73
|
+
super('columns');
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
ColumnsDirective.decorators = [
|
|
77
|
+
{ type: Directive, args: [{
|
|
78
|
+
selector: 'ejs-multicolumncombobox>e-columns',
|
|
79
|
+
queries: {
|
|
80
|
+
children: new ContentChildren(ColumnDirective)
|
|
81
|
+
},
|
|
82
|
+
},] },
|
|
83
|
+
];
|
|
84
|
+
/**
|
|
85
|
+
* @nocollapse
|
|
86
|
+
*/
|
|
87
|
+
ColumnsDirective.ctorParameters = () => [];
|
|
88
|
+
|
|
89
|
+
var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
90
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
91
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
92
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
93
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
94
|
+
};
|
|
95
|
+
var __metadata$1 = (this && this.__metadata) || function (k, v) {
|
|
96
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
97
|
+
};
|
|
98
|
+
const 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'];
|
|
99
|
+
const outputs$1 = ['focus', 'blur', 'actionBegin', 'actionComplete', 'actionFailure', 'change', 'close', 'created', 'filtering', 'open', 'select', 'valueChange'];
|
|
100
|
+
const twoWays = ['value'];
|
|
101
|
+
/**
|
|
102
|
+
* Represents the Essential JS 2 Angular MultiColumnComboBox Component.
|
|
103
|
+
* ```html
|
|
104
|
+
* <ejs-multicolumncombobox></ejs-multicolumncombobox>
|
|
105
|
+
* ```
|
|
106
|
+
*/
|
|
107
|
+
let MultiColumnComboBoxComponent = MultiColumnComboBoxComponent_1 = class MultiColumnComboBoxComponent extends MultiColumnComboBox {
|
|
108
|
+
/**
|
|
109
|
+
* @param {?} ngEle
|
|
110
|
+
* @param {?} srenderer
|
|
111
|
+
* @param {?} viewContainerRef
|
|
112
|
+
* @param {?} injector
|
|
113
|
+
* @param {?} cdr
|
|
114
|
+
*/
|
|
115
|
+
constructor(ngEle, srenderer, viewContainerRef, injector, cdr) {
|
|
116
|
+
super();
|
|
117
|
+
this.ngEle = ngEle;
|
|
118
|
+
this.srenderer = srenderer;
|
|
119
|
+
this.viewContainerRef = viewContainerRef;
|
|
120
|
+
this.injector = injector;
|
|
121
|
+
this.cdr = cdr;
|
|
122
|
+
this.tags = ['columns'];
|
|
123
|
+
this.element = this.ngEle.nativeElement;
|
|
124
|
+
this.injectedModules = this.injectedModules || [];
|
|
125
|
+
try {
|
|
126
|
+
let mod = this.injector.get('MultiColumn-ComboBoxVirtualScroll');
|
|
127
|
+
if (this.injectedModules.indexOf(mod) === -1) {
|
|
128
|
+
this.injectedModules.push(mod);
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
catch (_a) { }
|
|
132
|
+
try {
|
|
133
|
+
let mod = this.injector.get('MultiColumn-ComboBoxSort');
|
|
134
|
+
if (this.injectedModules.indexOf(mod) === -1) {
|
|
135
|
+
this.injectedModules.push(mod);
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
catch (_b) { }
|
|
139
|
+
try {
|
|
140
|
+
let mod = this.injector.get('MultiColumn-ComboBoxEdit');
|
|
141
|
+
if (this.injectedModules.indexOf(mod) === -1) {
|
|
142
|
+
this.injectedModules.push(mod);
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
catch (_c) { }
|
|
146
|
+
try {
|
|
147
|
+
let mod = this.injector.get('MultiColumn-ComboBoxGroup');
|
|
148
|
+
if (this.injectedModules.indexOf(mod) === -1) {
|
|
149
|
+
this.injectedModules.push(mod);
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
catch (_d) { }
|
|
153
|
+
this.registerEvents(outputs$1);
|
|
154
|
+
this.addTwoWay.call(this, twoWays);
|
|
155
|
+
setValue('currentInstance', this, this.viewContainerRef);
|
|
156
|
+
this.formContext = new FormBase();
|
|
157
|
+
this.formCompContext = new ComponentBase();
|
|
158
|
+
}
|
|
159
|
+
/**
|
|
160
|
+
* @param {?} registerFunction
|
|
161
|
+
* @return {?}
|
|
162
|
+
*/
|
|
163
|
+
registerOnChange(registerFunction) {
|
|
164
|
+
}
|
|
165
|
+
/**
|
|
166
|
+
* @param {?} registerFunction
|
|
167
|
+
* @return {?}
|
|
168
|
+
*/
|
|
169
|
+
registerOnTouched(registerFunction) {
|
|
170
|
+
}
|
|
171
|
+
/**
|
|
172
|
+
* @param {?} value
|
|
173
|
+
* @return {?}
|
|
174
|
+
*/
|
|
175
|
+
writeValue(value) {
|
|
176
|
+
}
|
|
177
|
+
/**
|
|
178
|
+
* @param {?} disabled
|
|
179
|
+
* @return {?}
|
|
180
|
+
*/
|
|
181
|
+
setDisabledState(disabled) {
|
|
182
|
+
}
|
|
183
|
+
/**
|
|
184
|
+
* @return {?}
|
|
185
|
+
*/
|
|
186
|
+
ngOnInit() {
|
|
187
|
+
this.formCompContext.ngOnInit(this);
|
|
188
|
+
}
|
|
189
|
+
/**
|
|
190
|
+
* @return {?}
|
|
191
|
+
*/
|
|
192
|
+
ngAfterViewInit() {
|
|
193
|
+
this.formContext.ngAfterViewInit(this);
|
|
194
|
+
}
|
|
195
|
+
/**
|
|
196
|
+
* @return {?}
|
|
197
|
+
*/
|
|
198
|
+
ngOnDestroy() {
|
|
199
|
+
this.formCompContext.ngOnDestroy(this);
|
|
200
|
+
}
|
|
201
|
+
/**
|
|
202
|
+
* @return {?}
|
|
203
|
+
*/
|
|
204
|
+
ngAfterContentChecked() {
|
|
205
|
+
this.tagObjects[0].instance = this.childColumns;
|
|
206
|
+
this.formCompContext.ngAfterContentChecked(this);
|
|
207
|
+
}
|
|
208
|
+
};
|
|
209
|
+
MultiColumnComboBoxComponent.decorators = [
|
|
210
|
+
{ type: Component, args: [{
|
|
211
|
+
selector: 'ejs-multicolumncombobox',
|
|
212
|
+
inputs: inputs,
|
|
213
|
+
outputs: outputs$1,
|
|
214
|
+
template: '',
|
|
215
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
216
|
+
providers: [
|
|
217
|
+
{
|
|
218
|
+
provide: NG_VALUE_ACCESSOR,
|
|
219
|
+
useExisting: forwardRef(() => MultiColumnComboBoxComponent_1),
|
|
220
|
+
multi: true
|
|
221
|
+
}
|
|
222
|
+
],
|
|
223
|
+
queries: {
|
|
224
|
+
childColumns: new ContentChild(ColumnsDirective)
|
|
225
|
+
}
|
|
226
|
+
},] },
|
|
227
|
+
];
|
|
228
|
+
/**
|
|
229
|
+
* @nocollapse
|
|
230
|
+
*/
|
|
231
|
+
MultiColumnComboBoxComponent.ctorParameters = () => [
|
|
232
|
+
{ type: ElementRef, },
|
|
233
|
+
{ type: Renderer2, },
|
|
234
|
+
{ type: ViewContainerRef, },
|
|
235
|
+
{ type: Injector, },
|
|
236
|
+
{ type: ChangeDetectorRef, },
|
|
237
|
+
];
|
|
238
|
+
MultiColumnComboBoxComponent.propDecorators = {
|
|
239
|
+
'footerTemplate': [{ type: ContentChild, args: ['footerTemplate',] },],
|
|
240
|
+
'itemTemplate': [{ type: ContentChild, args: ['itemTemplate',] },],
|
|
241
|
+
'groupTemplate': [{ type: ContentChild, args: ['groupTemplate',] },],
|
|
242
|
+
'noRecordsTemplate': [{ type: ContentChild, args: ['noRecordsTemplate',] },],
|
|
243
|
+
'actionFailureTemplate': [{ type: ContentChild, args: ['actionFailureTemplate',] },],
|
|
244
|
+
};
|
|
245
|
+
__decorate$1([
|
|
246
|
+
Template(),
|
|
247
|
+
__metadata$1("design:type", Object)
|
|
248
|
+
], MultiColumnComboBoxComponent.prototype, "footerTemplate", void 0);
|
|
249
|
+
__decorate$1([
|
|
250
|
+
Template(),
|
|
251
|
+
__metadata$1("design:type", Object)
|
|
252
|
+
], MultiColumnComboBoxComponent.prototype, "itemTemplate", void 0);
|
|
253
|
+
__decorate$1([
|
|
254
|
+
Template(),
|
|
255
|
+
__metadata$1("design:type", Object)
|
|
256
|
+
], MultiColumnComboBoxComponent.prototype, "groupTemplate", void 0);
|
|
257
|
+
__decorate$1([
|
|
258
|
+
Template('No records found'),
|
|
259
|
+
__metadata$1("design:type", Object)
|
|
260
|
+
], MultiColumnComboBoxComponent.prototype, "noRecordsTemplate", void 0);
|
|
261
|
+
__decorate$1([
|
|
262
|
+
Template('Request Failed'),
|
|
263
|
+
__metadata$1("design:type", Object)
|
|
264
|
+
], MultiColumnComboBoxComponent.prototype, "actionFailureTemplate", void 0);
|
|
265
|
+
MultiColumnComboBoxComponent = MultiColumnComboBoxComponent_1 = __decorate$1([
|
|
266
|
+
ComponentMixins([ComponentBase, FormBase]),
|
|
267
|
+
__metadata$1("design:paramtypes", [ElementRef,
|
|
268
|
+
Renderer2,
|
|
269
|
+
ViewContainerRef,
|
|
270
|
+
Injector,
|
|
271
|
+
ChangeDetectorRef])
|
|
272
|
+
], MultiColumnComboBoxComponent);
|
|
273
|
+
var MultiColumnComboBoxComponent_1;
|
|
274
|
+
|
|
275
|
+
/**
|
|
276
|
+
* NgModule definition for the MultiColumnComboBox component.
|
|
277
|
+
*/
|
|
278
|
+
class 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 = () => [];
|
|
299
|
+
|
|
300
|
+
const VirtualScrollService = { provide: 'MultiColumn-ComboBoxVirtualScroll', useValue: VirtualScroll };
|
|
301
|
+
const SortService = { provide: 'MultiColumn-ComboBoxSort', useValue: Sort };
|
|
302
|
+
const EditService = { provide: 'MultiColumn-ComboBoxEdit', useValue: Edit };
|
|
303
|
+
const GroupService = { provide: 'MultiColumn-ComboBoxGroup', useValue: Group };
|
|
304
|
+
/**
|
|
305
|
+
* NgModule definition for the MultiColumnComboBox component with providers.
|
|
306
|
+
*/
|
|
307
|
+
class MultiColumnComboBoxAllModule {
|
|
308
|
+
}
|
|
309
|
+
MultiColumnComboBoxAllModule.decorators = [
|
|
310
|
+
{ type: NgModule, args: [{
|
|
311
|
+
imports: [CommonModule, MultiColumnComboBoxModule],
|
|
312
|
+
exports: [
|
|
313
|
+
MultiColumnComboBoxModule
|
|
314
|
+
],
|
|
315
|
+
providers: [
|
|
316
|
+
VirtualScrollService,
|
|
317
|
+
SortService,
|
|
318
|
+
EditService,
|
|
319
|
+
GroupService
|
|
320
|
+
]
|
|
321
|
+
},] },
|
|
322
|
+
];
|
|
323
|
+
/**
|
|
324
|
+
* @nocollapse
|
|
325
|
+
*/
|
|
326
|
+
MultiColumnComboBoxAllModule.ctorParameters = () => [];
|
|
327
|
+
|
|
328
|
+
/**
|
|
329
|
+
* Generated bundle index. Do not edit.
|
|
330
|
+
*/
|
|
331
|
+
|
|
332
|
+
export { ColumnDirective, ColumnsDirective, MultiColumnComboBoxComponent, MultiColumnComboBoxModule, MultiColumnComboBoxAllModule, VirtualScrollService, SortService, EditService, GroupService, inputs as ɵa, outputs$1 as ɵb };
|
|
333
|
+
export { Sort, VirtualScroll, Group, Edit, MultiColumnGrid, FilterType, SortOrder, SortType, FieldSettings, Column, GridSettings, MultiColumnComboBox } from '@syncfusion/ej2-multicolumn-combobox';
|
|
334
|
+
//# sourceMappingURL=ej2-angular-multicolumn-combobox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ej2-angular-multicolumn-combobox.js","sources":["~/@syncfusion/ej2-angular-multicolumn-combobox/ej2-angular-multicolumn-combobox.ts","~/@syncfusion/ej2-angular-multicolumn-combobox/src/multicolumn-combobox/multicolumncombobox-all.module.ts","~/@syncfusion/ej2-angular-multicolumn-combobox/src/multicolumn-combobox/multicolumncombobox.module.ts","~/@syncfusion/ej2-angular-multicolumn-combobox/src/multicolumn-combobox/multicolumncombobox.component.ts","~/@syncfusion/ej2-angular-multicolumn-combobox/src/multicolumn-combobox/columns.directive.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport {ColumnDirective,ColumnsDirective,MultiColumnComboBoxComponent,MultiColumnComboBoxModule,MultiColumnComboBoxAllModule,VirtualScrollService,SortService,EditService,GroupService,Sort,VirtualScroll,Group,Edit,MultiColumnGrid,TextAlign,GridLine,FloatLabelType,FilterType,SortOrder,SortType,FieldSettings,Column,GridSettings,PopupEventArgs,FilteringEventArgs,SelectEventArgs,ChangeEventArgs,DataResult,MultiColumnComboBox,MultiColumnGridModel,FieldSettingsModel,ColumnModel,GridSettingsModel,MultiColumnComboBoxModel} from './public_api';\n\nexport {inputs as ɵa,outputs as ɵb} from './src/multicolumn-combobox/multicolumncombobox.component';","import { NgModule, ValueProvider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ColumnDirective, ColumnsDirective } from './columns.directive';\nimport { MultiColumnComboBoxComponent } from './multicolumncombobox.component';\nimport { MultiColumnComboBoxModule } from './multicolumncombobox.module';\nimport {VirtualScroll, Sort, Edit, Group} from '@syncfusion/ej2-multicolumn-combobox';\n\n\nexport const /** @type {?} */ VirtualScrollService: ValueProvider = { provide: 'MultiColumn-ComboBoxVirtualScroll', useValue: VirtualScroll};\nexport const /** @type {?} */ SortService: ValueProvider = { provide: 'MultiColumn-ComboBoxSort', useValue: Sort};\nexport const /** @type {?} */ EditService: ValueProvider = { provide: 'MultiColumn-ComboBoxEdit', useValue: Edit};\nexport const /** @type {?} */ GroupService: ValueProvider = { provide: 'MultiColumn-ComboBoxGroup', useValue: Group};\n/**\n * NgModule definition for the MultiColumnComboBox component with providers.\n */\nexport class MultiColumnComboBoxAllModule { static decorators: DecoratorInvocation[] = [\n{ type: NgModule, args: [{\n imports: [CommonModule, MultiColumnComboBoxModule],\n exports: [\n MultiColumnComboBoxModule\n ],\n providers:[\n VirtualScrollService,\n SortService,\n EditService,\n GroupService\n ]\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction MultiColumnComboBoxAllModule_tsickle_Closure_declarations() {\n/** @type {?} */\nMultiColumnComboBoxAllModule.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nMultiColumnComboBoxAllModule.ctorParameters;\n}\n\ninterface DecoratorInvocation {\n type: Function;\n args?: any[];\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ColumnDirective, ColumnsDirective } from './columns.directive';\nimport { MultiColumnComboBoxComponent } from './multicolumncombobox.component';\n/**\n * NgModule definition for the MultiColumnComboBox component.\n */\nexport class MultiColumnComboBoxModule { static decorators: DecoratorInvocation[] = [\n{ type: NgModule, args: [{\n imports: [CommonModule],\n declarations: [\n MultiColumnComboBoxComponent,\n ColumnDirective,\n ColumnsDirective\n ],\n exports: [\n MultiColumnComboBoxComponent,\n ColumnDirective,\n ColumnsDirective\n ]\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction MultiColumnComboBoxModule_tsickle_Closure_declarations() {\n/** @type {?} */\nMultiColumnComboBoxModule.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nMultiColumnComboBoxModule.ctorParameters;\n}\n\ninterface DecoratorInvocation {\n type: Function;\n args?: any[];\n}\n","import { Component, ElementRef, ViewContainerRef, ValueProvider, Renderer2, Injector, ChangeDetectionStrategy, ChangeDetectorRef, forwardRef, ContentChild } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ComponentBase, IComponentBase, applyMixins, ComponentMixins, PropertyCollectionInfo, FormBase, setValue } from '@syncfusion/ej2-angular-base';\nimport { MultiColumnComboBox } from '@syncfusion/ej2-multicolumn-combobox';\nimport { Template } from '@syncfusion/ej2-angular-base';\nimport { ColumnsDirective } from './columns.directive';\n\nexport const /** @type {?} */ inputs: string[] = ['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'];\nexport const /** @type {?} */ outputs: string[] = ['focus', 'blur', 'actionBegin','actionComplete','actionFailure','change','close','created','filtering','open','select','valueChange'];\nexport const /** @type {?} */ twoWays: string[] = ['value'];\n/**\n * Represents the Essential JS 2 Angular MultiColumnComboBox Component.\n * ```html\n * <ejs-multicolumncombobox></ejs-multicolumncombobox>\n * ```\n */\n@ComponentMixins([ComponentBase, FormBase])\nexport class MultiColumnComboBoxComponent extends MultiColumnComboBox implements IComponentBase {\npublic formCompContext : any;\npublic formContext : any;\npublic tagObjects: any;\n\tactionBegin: any;\n\tactionComplete: any;\n\tactionFailure: any;\n\tchange: any;\n\tclose: any;\n\tcreated: any;\n\tfiltering: any;\n\topen: any;\n\tselect: any;\npublic valueChange: any;\npublic childColumns: any;\npublic tags: string[] = ['columns'];\n/**\n * Accepts the template design and assigns it to the footer container of the popup.\n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n */\n@Template()\n public footerTemplate: any;\n/**\n * Accepts the template design and assigns it to each items present in the popup.\n * \n * {% codeBlock src='multicolumn-combobox/itemTemplate/index.md' %}{% endcodeBlock %}\n * \n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n */\n@Template()\n public itemTemplate: any;\n/**\n * Accepts the template design and assigns it to the group headers present in the popup list.\n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n */\n@Template()\n public groupTemplate: any;\n \n @Template('No records found')\npublic noRecordsTemplate: any;\n \n @Template('Request Failed')\npublic actionFailureTemplate: any;\npublic focus: any;\npublic blur: any;\n/**\n * @param {?} ngEle\n * @param {?} srenderer\n * @param {?} viewContainerRef\n * @param {?} injector\n * @param {?} cdr\n */\nconstructor(private ngEle: ElementRef,\nprivate srenderer: Renderer2,\nprivate viewContainerRef:ViewContainerRef,\nprivate injector: Injector,\nprivate cdr: ChangeDetectorRef) {\n super();\n this.element = this.ngEle.nativeElement;\n this.injectedModules = this.injectedModules || [];\n try {\n let mod = this.injector.get('MultiColumn-ComboBoxVirtualScroll');\n if(this.injectedModules.indexOf(mod) === -1) {\n this.injectedModules.push(mod)\n }\n } catch { }\n try {\n let mod = this.injector.get('MultiColumn-ComboBoxSort');\n if(this.injectedModules.indexOf(mod) === -1) {\n this.injectedModules.push(mod)\n }\n } catch { }\n try {\n let mod = this.injector.get('MultiColumn-ComboBoxEdit');\n if(this.injectedModules.indexOf(mod) === -1) {\n this.injectedModules.push(mod)\n }\n } catch { }\n try {\n let mod = this.injector.get('MultiColumn-ComboBoxGroup');\n if(this.injectedModules.indexOf(mod) === -1) {\n this.injectedModules.push(mod)\n }\n } catch { }\n\n this.registerEvents(outputs);\n this.addTwoWay.call(this, twoWays);\n setValue('currentInstance', this, this.viewContainerRef);\n this.formContext = new FormBase();\n this.formCompContext = new ComponentBase();\n }\n/**\n * @param {?} registerFunction\n * @return {?}\n */\npublic registerOnChange(registerFunction: (_: any) => void): void {\n }\n/**\n * @param {?} registerFunction\n * @return {?}\n */\npublic registerOnTouched(registerFunction: () => void): void {\n }\n/**\n * @param {?} value\n * @return {?}\n */\npublic writeValue(value: any): void {\n }\n/**\n * @param {?} disabled\n * @return {?}\n */\npublic setDisabledState(disabled: boolean): void {\n }\n/**\n * @return {?}\n */\npublic ngOnInit() {\n this.formCompContext.ngOnInit(this);\n }\n/**\n * @return {?}\n */\npublic ngAfterViewInit(): void {\n this.formContext.ngAfterViewInit(this);\n }\n/**\n * @return {?}\n */\npublic ngOnDestroy(): void {\n this.formCompContext.ngOnDestroy(this);\n }\n/**\n * @return {?}\n */\npublic ngAfterContentChecked(): void {\n this.tagObjects[0].instance = this.childColumns;\n this.formCompContext.ngAfterContentChecked(this);\n }\npublic registerEvents: (eventList: string[]) => void;\npublic addTwoWay: (propList: string[]) => void;\nstatic decorators: DecoratorInvocation[] = [\n{ type: Component, args: [{\n selector: 'ejs-multicolumncombobox',\n inputs: inputs,\n outputs: outputs,\n template: '',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => MultiColumnComboBoxComponent),\n multi: true\n }\n ],\n queries: {\n childColumns: new ContentChild(ColumnsDirective)\n }\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: ElementRef, },\n{type: Renderer2, },\n{type: ViewContainerRef, },\n{type: Injector, },\n{type: ChangeDetectorRef, },\n];\nstatic propDecorators: {[key: string]: DecoratorInvocation[]} = {\n'footerTemplate': [{ type: ContentChild, args: ['footerTemplate', ] },],\n'itemTemplate': [{ type: ContentChild, args: ['itemTemplate', ] },],\n'groupTemplate': [{ type: ContentChild, args: ['groupTemplate', ] },],\n'noRecordsTemplate': [{ type: ContentChild, args: ['noRecordsTemplate', ] },],\n'actionFailureTemplate': [{ type: ContentChild, args: ['actionFailureTemplate', ] },],\n};\n}\n\nfunction MultiColumnComboBoxComponent_tsickle_Closure_declarations() {\n/** @type {?} */\nMultiColumnComboBoxComponent.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nMultiColumnComboBoxComponent.ctorParameters;\n/** @type {?} */\nMultiColumnComboBoxComponent.propDecorators;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.formCompContext;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.formContext;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.tagObjects;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.actionBegin;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.actionComplete;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.actionFailure;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.change;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.close;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.created;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.filtering;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.open;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.select;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.valueChange;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.childColumns;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.tags;\n/**\n * Accepts the template design and assigns it to the footer container of the popup.\n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n * @type {?}\n */\nMultiColumnComboBoxComponent.prototype.footerTemplate;\n/**\n * Accepts the template design and assigns it to each items present in the popup.\n * \n * {% codeBlock src='multicolumn-combobox/itemTemplate/index.md' %}{% endcodeBlock %}\n * \n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n * @type {?}\n */\nMultiColumnComboBoxComponent.prototype.itemTemplate;\n/**\n * Accepts the template design and assigns it to the group headers present in the popup list.\n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n * @type {?}\n */\nMultiColumnComboBoxComponent.prototype.groupTemplate;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.noRecordsTemplate;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.actionFailureTemplate;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.focus;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.blur;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.registerEvents;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.addTwoWay;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.ngEle;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.srenderer;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.viewContainerRef;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.injector;\n/** @type {?} */\nMultiColumnComboBoxComponent.prototype.cdr;\n}\n\n\n\ninterface DecoratorInvocation {\n type: Function;\n args?: any[];\n}\n","import { Directive, ViewContainerRef, ContentChildren, ContentChild } from '@angular/core';\nimport { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';\nimport { Template } from '@syncfusion/ej2-angular-base';\n\n\nlet /** @type {?} */ input: string[] = ['customAttributes', 'displayAsCheckBox', 'field', 'format', 'header', 'headerTemplate', 'template', 'textAlign', 'width'];\nlet /** @type {?} */ outputs: string[] = [];\n/**\n * `e-column` directive represent a column of the Angular MultiColumnComboBox. \n * It must be contained in a MultiColumnComboBox component(`ejs-multicolumncombobox`). \n * ```html\n * <ejs-multicolumncombobox [dataSource]='data'>\n * <e-columns>\n * <e-column field='ID' width='100'></e-column>\n * <e-column field='name' header='Name' width='100'></e-column>\n * </e-columns>\n * </ejs-multicolumncombobox>\n * ```\n */\nexport class ColumnDirective extends ComplexBase<ColumnDirective> {\npublic directivePropList: any;\n/**\n * The CSS styles and attributes of the content cells of a particular column can be customized.\n * \\@default null\n */\npublic customAttributes: any;\n/**\n * If `displayAsCheckBox` is set to true, it displays the column value as a check box instead of Boolean value.\n * \\@default false\n */\npublic displayAsCheckBox: any;\n/**\n * Defines the name of the field whose data will be displayed in the column.\n * \\@default ''\n */\npublic field: any;\n/**\n * It is used to change display value with the given format and does not affect the original data. \n * Gets the format from the user which can be standard or custom `number` and `date` formats.\n * \\@default null\n * \\@asptype string\n */\npublic format: any;\n/**\n * Defines the header text of column which is used to display in column header. \n * If headerText is not defined, then field name value will be assigned to header text.\n * \\@default ''\n */\npublic header: any;\n/**\n * Defines the alignment of the column in both header and content cells.\n * \\@default Left\n */\npublic textAlign: any;\n/**\n * Defines the width of the column in pixels or percentage.\n * \\@default ''\n */\npublic width: any;\n/**\n * Defines the column template that renders customized element in each cell of the column. \n * It accepts either template or HTML element ID.\n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n */\n@Template()\n public template: any;\n/**\n * Defines the column template as string or HTML element ID which is used to add customized element in the column header.\n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n */\n@Template()\n public headerTemplate: any;\n/**\n * @param {?} viewContainerRef\n */\nconstructor(private viewContainerRef:ViewContainerRef) {\n super();\n setValue('currentInstance', this, this.viewContainerRef);\n this.registerEvents(outputs);\n this.directivePropList = input;\n }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\n selector: 'ejs-multicolumncombobox>e-columns>e-column',\n inputs: input,\n outputs: outputs, \n queries: {\n\n }\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: ViewContainerRef, },\n];\nstatic propDecorators: {[key: string]: DecoratorInvocation[]} = {\n'template': [{ type: ContentChild, args: ['template', ] },],\n'headerTemplate': [{ type: ContentChild, args: ['headerTemplate', ] },],\n};\n}\n\nfunction ColumnDirective_tsickle_Closure_declarations() {\n/** @type {?} */\nColumnDirective.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nColumnDirective.ctorParameters;\n/** @type {?} */\nColumnDirective.propDecorators;\n/** @type {?} */\nColumnDirective.prototype.directivePropList;\n/**\n * The CSS styles and attributes of the content cells of a particular column can be customized.\n * \\@default null\n * @type {?}\n */\nColumnDirective.prototype.customAttributes;\n/**\n * If `displayAsCheckBox` is set to true, it displays the column value as a check box instead of Boolean value.\n * \\@default false\n * @type {?}\n */\nColumnDirective.prototype.displayAsCheckBox;\n/**\n * Defines the name of the field whose data will be displayed in the column.\n * \\@default ''\n * @type {?}\n */\nColumnDirective.prototype.field;\n/**\n * It is used to change display value with the given format and does not affect the original data. \n * Gets the format from the user which can be standard or custom `number` and `date` formats.\n * \\@default null\n * \\@asptype string\n * @type {?}\n */\nColumnDirective.prototype.format;\n/**\n * Defines the header text of column which is used to display in column header. \n * If headerText is not defined, then field name value will be assigned to header text.\n * \\@default ''\n * @type {?}\n */\nColumnDirective.prototype.header;\n/**\n * Defines the alignment of the column in both header and content cells.\n * \\@default Left\n * @type {?}\n */\nColumnDirective.prototype.textAlign;\n/**\n * Defines the width of the column in pixels or percentage.\n * \\@default ''\n * @type {?}\n */\nColumnDirective.prototype.width;\n/**\n * Defines the column template that renders customized element in each cell of the column. \n * It accepts either template or HTML element ID.\n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n * @type {?}\n */\nColumnDirective.prototype.template;\n/**\n * Defines the column template as string or HTML element ID which is used to add customized element in the column header.\n * \\@default null\n * \\@angulartype string | object\n * \\@reacttype string | function | JSX.Element\n * \\@vuetype string | function\n * \\@asptype string\n * @type {?}\n */\nColumnDirective.prototype.headerTemplate;\n/** @type {?} */\nColumnDirective.prototype.viewContainerRef;\n}\n\n/**\n * Column Array Directive\n */\nexport class ColumnsDirective extends ArrayBase<ColumnsDirective> {\nconstructor() {\n super('columns');\n }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\n selector: 'ejs-multicolumncombobox>e-columns',\n queries: {\n children: new ContentChildren(ColumnDirective)\n },\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction ColumnsDirective_tsickle_Closure_declarations() {\n/** @type {?} */\nColumnsDirective.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nColumnsDirective.ctorParameters;\n}\n\ninterface DecoratorInvocation {\n type: Function;\n args?: any[];\n}\n"],"names":["__metadata","__decorate","outputs"],"mappings":"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"}
|
package/README.md
ADDED
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
# Angular MultiColumn ComboBox Component
|
|
2
|
+
|
|
3
|
+
The `Angular MultiColumn ComboBox` component that displays detailed information about items in a table-like structure with multiple columns. It provides comprehensive data about the selected value, offering more context than typical single-string text lists.
|
|
4
|
+
|
|
5
|
+
<p align="center">
|
|
6
|
+
Trusted by the world's leading companies
|
|
7
|
+
<a href="https://www.syncfusion.com">
|
|
8
|
+
<img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Bootstrap logo">
|
|
9
|
+
</a>
|
|
10
|
+
</p>
|
|
11
|
+
|
|
12
|
+
## Setup
|
|
13
|
+
|
|
14
|
+
To install the MultiColumn ComboBox and its dependent packages, use the following command.
|
|
15
|
+
|
|
16
|
+
```sh
|
|
17
|
+
npm install @syncfusion/ej2-angular-multicolumn-combobox
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
## Key features
|
|
21
|
+
|
|
22
|
+
* `Data binding` - Supports data binding from JavaScript object arrays and remote data sources using adapters like OData, URLs, and Web APIs.
|
|
23
|
+
* `Grouping`- Allows grouping of pop-up list items to enhance the user experience by organizing related items.
|
|
24
|
+
* `Filtering`- Provides advanced filtering capabilities to easily find and select items from large datasets.
|
|
25
|
+
* `Sorting` - Allows sorting of items in ascending or descending order and single or multi-column sorting.
|
|
26
|
+
* `Virtualization`- Supports virtualization to efficiently display large datasets by loading data on demand.
|
|
27
|
+
* `Templates`- Allow customization of the appearance and layout, including header, footer and list items in the pop-up list using templates.
|
|
28
|
+
|
|
29
|
+
## Support
|
|
30
|
+
|
|
31
|
+
Product support is available through the following mediums.
|
|
32
|
+
|
|
33
|
+
* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
|
|
34
|
+
* [Community forum](https://www.syncfusion.com/forums/angular-js2?utm_source=npm&utm_medium=listing&utm_campaign=angular-multicolumn-combobox-npm)
|
|
35
|
+
* [GitHub issues](https://github.com/syncfusion/ej2-angular-ui-components/issues/new)
|
|
36
|
+
* [Request feature or report bug](https://www.syncfusion.com/feedback/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-multicolumn-combobox-npm)
|
|
37
|
+
* Live chat
|
|
38
|
+
|
|
39
|
+
## License and copyright
|
|
40
|
+
|
|
41
|
+
> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [Angular UI components](https://www.syncfusion.com/angular-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
|
|
42
|
+
|
|
43
|
+
> A [free community license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
|
|
44
|
+
|
|
45
|
+
See [LICENSE FILE](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/license?utm_source=npm&utm_campaign=multicolumn-combobox) for more info.
|
|
46
|
+
|
|
47
|
+
© Copyright 2024 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
|