@syncfusion/ej2-angular-querybuilder 31.2.16-ngcc → 32.1.19-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-querybuilder.es5.js +276 -276
- package/@syncfusion/ej2-angular-querybuilder.js +231 -231
- package/dist/ej2-angular-querybuilder.umd.js +266 -275
- package/dist/ej2-angular-querybuilder.umd.min.js +0 -9
- package/ej2-angular-querybuilder.d.ts +5 -5
- package/{LICENSE → license} +10 -10
- package/package.json +46 -15
- 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/query-builder/columns.directive.d.ts +94 -94
- package/src/query-builder/querybuilder-all.module.d.ts +7 -7
- package/src/query-builder/querybuilder.component.d.ts +45 -45
- package/src/query-builder/querybuilder.module.d.ts +5 -5
|
@@ -1,277 +1,277 @@
|
|
|
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, Component, ContentChild, ContentChildren, Directive, ElementRef, Injector, NgModule, Renderer2, ViewContainerRef } from '@angular/core';
|
|
12
|
-
import { ArrayBase, ComplexBase, ComponentBase, ComponentMixins, Template, setValue } from '@syncfusion/ej2-angular-base';
|
|
13
|
-
import { QueryBuilder, QueryLibrary } from '@syncfusion/ej2-querybuilder';
|
|
14
|
-
import { CommonModule } from '@angular/common';
|
|
15
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
16
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
17
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
18
|
-
r = Reflect.decorate(decorators, target, key, desc);
|
|
19
|
-
else
|
|
20
|
-
for (var i = decorators.length - 1; i >= 0; i--)
|
|
21
|
-
if (d = decorators[i])
|
|
22
|
-
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
23
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
24
|
-
};
|
|
25
|
-
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
26
|
-
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
|
|
27
|
-
return Reflect.metadata(k, v);
|
|
28
|
-
};
|
|
29
|
-
var input = ['category', 'columns', 'field', 'format', 'label', 'operators', 'ruleTemplate', 'step', 'template', 'type', 'validation', 'value', 'values'];
|
|
30
|
-
var outputs = [];
|
|
31
|
-
/**
|
|
32
|
-
* `e-column` directive represent a column of the Angular QueryBuilder.
|
|
33
|
-
* It must be contained in a QueryBuilder component(`ejs-querybuilder`).
|
|
34
|
-
* ```html
|
|
35
|
-
* <ejs-querybuilder [dataSource]='data'>
|
|
36
|
-
* <e-columns>
|
|
37
|
-
* <e-column field='ID' label='ID' type='number'></e-column>
|
|
38
|
-
* <e-column field='Date' label='Date' type='date' format='dd/MM/yyyy'></e-column>
|
|
39
|
-
* </e-columns>
|
|
40
|
-
* </ejs-querybuilder>
|
|
41
|
-
* ```
|
|
42
|
-
*/
|
|
43
|
-
var ColumnDirective = /** @class */ (function (_super) {
|
|
44
|
-
__extends(ColumnDirective, _super);
|
|
45
|
-
/**
|
|
46
|
-
* @param {?} viewContainerRef
|
|
47
|
-
*/
|
|
48
|
-
function ColumnDirective(viewContainerRef) {
|
|
49
|
-
var _this = _super.call(this) || this;
|
|
50
|
-
_this.viewContainerRef = viewContainerRef;
|
|
51
|
-
setValue('currentInstance', _this, _this.viewContainerRef);
|
|
52
|
-
_this.registerEvents(outputs);
|
|
53
|
-
_this.directivePropList = input;
|
|
54
|
-
return _this;
|
|
55
|
-
}
|
|
56
|
-
return ColumnDirective;
|
|
57
|
-
}(ComplexBase));
|
|
58
|
-
ColumnDirective.decorators = [
|
|
59
|
-
{ type: Directive, args: [{
|
|
60
|
-
selector: 'ejs-querybuilder>e-columns>e-column',
|
|
61
|
-
inputs: input,
|
|
62
|
-
outputs: outputs,
|
|
63
|
-
queries: {}
|
|
64
|
-
},] },
|
|
65
|
-
];
|
|
66
|
-
/**
|
|
67
|
-
* @nocollapse
|
|
68
|
-
*/
|
|
69
|
-
ColumnDirective.ctorParameters = function () { return [
|
|
70
|
-
{ type: ViewContainerRef, },
|
|
71
|
-
]; };
|
|
72
|
-
ColumnDirective.propDecorators = {
|
|
73
|
-
'ruleTemplate': [{ type: ContentChild, args: ['ruleTemplate',] },],
|
|
74
|
-
'template': [{ type: ContentChild, args: ['template',] },],
|
|
75
|
-
};
|
|
76
|
-
__decorate([
|
|
77
|
-
Template(),
|
|
78
|
-
__metadata("design:type", Object)
|
|
79
|
-
], ColumnDirective.prototype, "ruleTemplate", void 0);
|
|
80
|
-
__decorate([
|
|
81
|
-
Template(),
|
|
82
|
-
__metadata("design:type", Object)
|
|
83
|
-
], ColumnDirective.prototype, "template", void 0);
|
|
84
|
-
/**
|
|
85
|
-
* Column Array Directive
|
|
86
|
-
*/
|
|
87
|
-
var ColumnsDirective = /** @class */ (function (_super) {
|
|
88
|
-
__extends(ColumnsDirective, _super);
|
|
89
|
-
function ColumnsDirective() {
|
|
90
|
-
return _super.call(this, 'columns') || this;
|
|
91
|
-
}
|
|
92
|
-
return ColumnsDirective;
|
|
93
|
-
}(ArrayBase));
|
|
94
|
-
ColumnsDirective.decorators = [
|
|
95
|
-
{ type: Directive, args: [{
|
|
96
|
-
selector: 'ejs-querybuilder>e-columns',
|
|
97
|
-
queries: {
|
|
98
|
-
children: new ContentChildren(ColumnDirective)
|
|
99
|
-
},
|
|
100
|
-
},] },
|
|
101
|
-
];
|
|
102
|
-
/**
|
|
103
|
-
* @nocollapse
|
|
104
|
-
*/
|
|
105
|
-
ColumnsDirective.ctorParameters = function () { return []; };
|
|
106
|
-
var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
107
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
108
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
109
|
-
r = Reflect.decorate(decorators, target, key, desc);
|
|
110
|
-
else
|
|
111
|
-
for (var i = decorators.length - 1; i >= 0; i--)
|
|
112
|
-
if (d = decorators[i])
|
|
113
|
-
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
114
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
115
|
-
};
|
|
116
|
-
var __metadata$1 = (this && this.__metadata) || function (k, v) {
|
|
117
|
-
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
|
|
118
|
-
return Reflect.metadata(k, v);
|
|
119
|
-
};
|
|
120
|
-
var inputs = ['addRuleToNewGroups', 'allowDragAndDrop', 'allowValidation', 'autoSelectField', 'autoSelectOperator', 'columns', 'cssClass', 'dataSource', 'displayMode', 'enableNotCondition', 'enablePersistence', 'enableRtl', 'enableSeparateConnector', 'fieldMode', 'fieldModel', 'headerTemplate', 'height', 'immediateModeDelay', 'locale', 'matchCase', 'maxGroupCount', 'operatorModel', 'readonly', 'rule', 'separator', 'showButtons', 'sortDirection', 'summaryView', 'valueModel', 'width'];
|
|
121
|
-
var outputs$1 = ['actionBegin', 'beforeChange', 'change', 'created', 'dataBound', 'ruleChange', 'drag', 'dragStart', 'drop'];
|
|
122
|
-
var twoWays = [''];
|
|
123
|
-
/**
|
|
124
|
-
* Represents the EJ2 Angular QueryBuilder Component.
|
|
125
|
-
* ```html
|
|
126
|
-
* <ejs-querybuilder></ejs-querybuilder>
|
|
127
|
-
* ```
|
|
128
|
-
*/
|
|
129
|
-
var QueryBuilderComponent = /** @class */ (function (_super) {
|
|
130
|
-
__extends(QueryBuilderComponent, _super);
|
|
131
|
-
/**
|
|
132
|
-
* @param {?} ngEle
|
|
133
|
-
* @param {?} srenderer
|
|
134
|
-
* @param {?} viewContainerRef
|
|
135
|
-
* @param {?} injector
|
|
136
|
-
*/
|
|
137
|
-
function QueryBuilderComponent(ngEle, srenderer, viewContainerRef, injector) {
|
|
138
|
-
var _this = _super.call(this) || this;
|
|
139
|
-
_this.ngEle = ngEle;
|
|
140
|
-
_this.srenderer = srenderer;
|
|
141
|
-
_this.viewContainerRef = viewContainerRef;
|
|
142
|
-
_this.injector = injector;
|
|
143
|
-
_this.tags = ['columns'];
|
|
144
|
-
_this.element = _this.ngEle.nativeElement;
|
|
145
|
-
_this.injectedModules = _this.injectedModules || [];
|
|
146
|
-
try {
|
|
147
|
-
var mod = _this.injector.get('QueryBuilderQueryLibrary');
|
|
148
|
-
if (_this.injectedModules.indexOf(mod) === -1) {
|
|
149
|
-
_this.injectedModules.push(mod);
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
catch (_a) { }
|
|
153
|
-
_this.registerEvents(outputs$1);
|
|
154
|
-
_this.addTwoWay.call(_this, twoWays);
|
|
155
|
-
setValue('currentInstance', _this, _this.viewContainerRef);
|
|
156
|
-
_this.context = new ComponentBase();
|
|
157
|
-
return _this;
|
|
158
|
-
}
|
|
159
|
-
/**
|
|
160
|
-
* @return {?}
|
|
161
|
-
*/
|
|
162
|
-
QueryBuilderComponent.prototype.ngOnInit = function () {
|
|
163
|
-
this.context.ngOnInit(this);
|
|
164
|
-
};
|
|
165
|
-
/**
|
|
166
|
-
* @return {?}
|
|
167
|
-
*/
|
|
168
|
-
QueryBuilderComponent.prototype.ngAfterViewInit = function () {
|
|
169
|
-
this.context.ngAfterViewInit(this);
|
|
170
|
-
};
|
|
171
|
-
/**
|
|
172
|
-
* @return {?}
|
|
173
|
-
*/
|
|
174
|
-
QueryBuilderComponent.prototype.ngOnDestroy = function () {
|
|
175
|
-
this.context.ngOnDestroy(this);
|
|
176
|
-
};
|
|
177
|
-
/**
|
|
178
|
-
* @return {?}
|
|
179
|
-
*/
|
|
180
|
-
QueryBuilderComponent.prototype.ngAfterContentChecked = function () {
|
|
181
|
-
this.tagObjects[0].instance = this.childColumns;
|
|
182
|
-
this.context.ngAfterContentChecked(this);
|
|
183
|
-
};
|
|
184
|
-
return QueryBuilderComponent;
|
|
185
|
-
}(QueryBuilder));
|
|
186
|
-
QueryBuilderComponent.decorators = [
|
|
187
|
-
{ type: Component, args: [{
|
|
188
|
-
selector: 'ejs-querybuilder',
|
|
189
|
-
inputs: inputs,
|
|
190
|
-
outputs: outputs$1,
|
|
191
|
-
template: '',
|
|
192
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
193
|
-
queries: {
|
|
194
|
-
childColumns: new ContentChild(ColumnsDirective)
|
|
195
|
-
}
|
|
196
|
-
},] },
|
|
197
|
-
];
|
|
198
|
-
/**
|
|
199
|
-
* @nocollapse
|
|
200
|
-
*/
|
|
201
|
-
QueryBuilderComponent.ctorParameters = function () { return [
|
|
202
|
-
{ type: ElementRef, },
|
|
203
|
-
{ type: Renderer2, },
|
|
204
|
-
{ type: ViewContainerRef, },
|
|
205
|
-
{ type: Injector, },
|
|
206
|
-
]; };
|
|
207
|
-
QueryBuilderComponent.propDecorators = {
|
|
208
|
-
'headerTemplate': [{ type: ContentChild, args: ['headerTemplate',] },],
|
|
209
|
-
};
|
|
210
|
-
__decorate$1([
|
|
211
|
-
Template(),
|
|
212
|
-
__metadata$1("design:type", Object)
|
|
213
|
-
], QueryBuilderComponent.prototype, "headerTemplate", void 0);
|
|
214
|
-
QueryBuilderComponent = __decorate$1([
|
|
215
|
-
ComponentMixins([ComponentBase]),
|
|
216
|
-
__metadata$1("design:paramtypes", [ElementRef,
|
|
217
|
-
Renderer2,
|
|
218
|
-
ViewContainerRef,
|
|
219
|
-
Injector])
|
|
220
|
-
], QueryBuilderComponent);
|
|
221
|
-
/**
|
|
222
|
-
* NgModule definition for the QueryBuilder component.
|
|
223
|
-
*/
|
|
224
|
-
var QueryBuilderModule = /** @class */ (function () {
|
|
225
|
-
function QueryBuilderModule() {
|
|
226
|
-
}
|
|
227
|
-
return QueryBuilderModule;
|
|
228
|
-
}());
|
|
229
|
-
QueryBuilderModule.decorators = [
|
|
230
|
-
{ type: NgModule, args: [{
|
|
231
|
-
imports: [CommonModule],
|
|
232
|
-
declarations: [
|
|
233
|
-
QueryBuilderComponent,
|
|
234
|
-
ColumnDirective,
|
|
235
|
-
ColumnsDirective
|
|
236
|
-
],
|
|
237
|
-
exports: [
|
|
238
|
-
QueryBuilderComponent,
|
|
239
|
-
ColumnDirective,
|
|
240
|
-
ColumnsDirective
|
|
241
|
-
]
|
|
242
|
-
},] },
|
|
243
|
-
];
|
|
244
|
-
/**
|
|
245
|
-
* @nocollapse
|
|
246
|
-
*/
|
|
247
|
-
QueryBuilderModule.ctorParameters = function () { return []; };
|
|
248
|
-
var QueryLibraryService = { provide: 'QueryBuilderQueryLibrary', useValue: QueryLibrary };
|
|
249
|
-
/**
|
|
250
|
-
* NgModule definition for the QueryBuilder component with providers.
|
|
251
|
-
*/
|
|
252
|
-
var QueryBuilderAllModule = /** @class */ (function () {
|
|
253
|
-
function QueryBuilderAllModule() {
|
|
254
|
-
}
|
|
255
|
-
return QueryBuilderAllModule;
|
|
256
|
-
}());
|
|
257
|
-
QueryBuilderAllModule.decorators = [
|
|
258
|
-
{ type: NgModule, args: [{
|
|
259
|
-
imports: [CommonModule, QueryBuilderModule],
|
|
260
|
-
exports: [
|
|
261
|
-
QueryBuilderModule
|
|
262
|
-
],
|
|
263
|
-
providers: [
|
|
264
|
-
QueryLibraryService
|
|
265
|
-
]
|
|
266
|
-
},] },
|
|
267
|
-
];
|
|
268
|
-
/**
|
|
269
|
-
* @nocollapse
|
|
270
|
-
*/
|
|
271
|
-
QueryBuilderAllModule.ctorParameters = function () { return []; };
|
|
272
|
-
/**
|
|
273
|
-
* Generated bundle index. Do not edit.
|
|
274
|
-
*/
|
|
275
|
-
export { ColumnDirective, ColumnsDirective, QueryBuilderComponent, QueryBuilderModule, QueryBuilderAllModule, QueryLibraryService, inputs as ɵa, outputs$1 as ɵb };
|
|
276
|
-
export { Columns, Rule, Value, ShowButtons, QueryBuilder, QueryLibrary } from '@syncfusion/ej2-querybuilder';
|
|
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, Component, ContentChild, ContentChildren, Directive, ElementRef, Injector, NgModule, Renderer2, ViewContainerRef } from '@angular/core';
|
|
12
|
+
import { ArrayBase, ComplexBase, ComponentBase, ComponentMixins, Template, setValue } from '@syncfusion/ej2-angular-base';
|
|
13
|
+
import { QueryBuilder, QueryLibrary } from '@syncfusion/ej2-querybuilder';
|
|
14
|
+
import { CommonModule } from '@angular/common';
|
|
15
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
16
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
17
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
18
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
19
|
+
else
|
|
20
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
21
|
+
if (d = decorators[i])
|
|
22
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
23
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
24
|
+
};
|
|
25
|
+
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
26
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
|
|
27
|
+
return Reflect.metadata(k, v);
|
|
28
|
+
};
|
|
29
|
+
var input = ['category', 'columns', 'field', 'format', 'label', 'operators', 'ruleTemplate', 'step', 'template', 'type', 'validation', 'value', 'values'];
|
|
30
|
+
var outputs = [];
|
|
31
|
+
/**
|
|
32
|
+
* `e-column` directive represent a column of the Angular QueryBuilder.
|
|
33
|
+
* It must be contained in a QueryBuilder component(`ejs-querybuilder`).
|
|
34
|
+
* ```html
|
|
35
|
+
* <ejs-querybuilder [dataSource]='data'>
|
|
36
|
+
* <e-columns>
|
|
37
|
+
* <e-column field='ID' label='ID' type='number'></e-column>
|
|
38
|
+
* <e-column field='Date' label='Date' type='date' format='dd/MM/yyyy'></e-column>
|
|
39
|
+
* </e-columns>
|
|
40
|
+
* </ejs-querybuilder>
|
|
41
|
+
* ```
|
|
42
|
+
*/
|
|
43
|
+
var ColumnDirective = /** @class */ (function (_super) {
|
|
44
|
+
__extends(ColumnDirective, _super);
|
|
45
|
+
/**
|
|
46
|
+
* @param {?} viewContainerRef
|
|
47
|
+
*/
|
|
48
|
+
function ColumnDirective(viewContainerRef) {
|
|
49
|
+
var _this = _super.call(this) || this;
|
|
50
|
+
_this.viewContainerRef = viewContainerRef;
|
|
51
|
+
setValue('currentInstance', _this, _this.viewContainerRef);
|
|
52
|
+
_this.registerEvents(outputs);
|
|
53
|
+
_this.directivePropList = input;
|
|
54
|
+
return _this;
|
|
55
|
+
}
|
|
56
|
+
return ColumnDirective;
|
|
57
|
+
}(ComplexBase));
|
|
58
|
+
ColumnDirective.decorators = [
|
|
59
|
+
{ type: Directive, args: [{
|
|
60
|
+
selector: 'ejs-querybuilder>e-columns>e-column',
|
|
61
|
+
inputs: input,
|
|
62
|
+
outputs: outputs,
|
|
63
|
+
queries: {}
|
|
64
|
+
},] },
|
|
65
|
+
];
|
|
66
|
+
/**
|
|
67
|
+
* @nocollapse
|
|
68
|
+
*/
|
|
69
|
+
ColumnDirective.ctorParameters = function () { return [
|
|
70
|
+
{ type: ViewContainerRef, },
|
|
71
|
+
]; };
|
|
72
|
+
ColumnDirective.propDecorators = {
|
|
73
|
+
'ruleTemplate': [{ type: ContentChild, args: ['ruleTemplate',] },],
|
|
74
|
+
'template': [{ type: ContentChild, args: ['template',] },],
|
|
75
|
+
};
|
|
76
|
+
__decorate([
|
|
77
|
+
Template(),
|
|
78
|
+
__metadata("design:type", Object)
|
|
79
|
+
], ColumnDirective.prototype, "ruleTemplate", void 0);
|
|
80
|
+
__decorate([
|
|
81
|
+
Template(),
|
|
82
|
+
__metadata("design:type", Object)
|
|
83
|
+
], ColumnDirective.prototype, "template", void 0);
|
|
84
|
+
/**
|
|
85
|
+
* Column Array Directive
|
|
86
|
+
*/
|
|
87
|
+
var ColumnsDirective = /** @class */ (function (_super) {
|
|
88
|
+
__extends(ColumnsDirective, _super);
|
|
89
|
+
function ColumnsDirective() {
|
|
90
|
+
return _super.call(this, 'columns') || this;
|
|
91
|
+
}
|
|
92
|
+
return ColumnsDirective;
|
|
93
|
+
}(ArrayBase));
|
|
94
|
+
ColumnsDirective.decorators = [
|
|
95
|
+
{ type: Directive, args: [{
|
|
96
|
+
selector: 'ejs-querybuilder>e-columns',
|
|
97
|
+
queries: {
|
|
98
|
+
children: new ContentChildren(ColumnDirective)
|
|
99
|
+
},
|
|
100
|
+
},] },
|
|
101
|
+
];
|
|
102
|
+
/**
|
|
103
|
+
* @nocollapse
|
|
104
|
+
*/
|
|
105
|
+
ColumnsDirective.ctorParameters = function () { return []; };
|
|
106
|
+
var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
107
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
108
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
109
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
110
|
+
else
|
|
111
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
112
|
+
if (d = decorators[i])
|
|
113
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
114
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
115
|
+
};
|
|
116
|
+
var __metadata$1 = (this && this.__metadata) || function (k, v) {
|
|
117
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
|
|
118
|
+
return Reflect.metadata(k, v);
|
|
119
|
+
};
|
|
120
|
+
var inputs = ['addRuleToNewGroups', 'allowDragAndDrop', 'allowValidation', 'autoSelectField', 'autoSelectOperator', 'columns', 'cssClass', 'dataSource', 'displayMode', 'enableNotCondition', 'enablePersistence', 'enableRtl', 'enableSeparateConnector', 'fieldMode', 'fieldModel', 'headerTemplate', 'height', 'immediateModeDelay', 'locale', 'matchCase', 'maxGroupCount', 'operatorModel', 'readonly', 'rule', 'separator', 'showButtons', 'sortDirection', 'summaryView', 'valueModel', 'width'];
|
|
121
|
+
var outputs$1 = ['actionBegin', 'beforeChange', 'change', 'created', 'dataBound', 'ruleChange', 'drag', 'dragStart', 'drop'];
|
|
122
|
+
var twoWays = [''];
|
|
123
|
+
/**
|
|
124
|
+
* Represents the EJ2 Angular QueryBuilder Component.
|
|
125
|
+
* ```html
|
|
126
|
+
* <ejs-querybuilder></ejs-querybuilder>
|
|
127
|
+
* ```
|
|
128
|
+
*/
|
|
129
|
+
var QueryBuilderComponent = /** @class */ (function (_super) {
|
|
130
|
+
__extends(QueryBuilderComponent, _super);
|
|
131
|
+
/**
|
|
132
|
+
* @param {?} ngEle
|
|
133
|
+
* @param {?} srenderer
|
|
134
|
+
* @param {?} viewContainerRef
|
|
135
|
+
* @param {?} injector
|
|
136
|
+
*/
|
|
137
|
+
function QueryBuilderComponent(ngEle, srenderer, viewContainerRef, injector) {
|
|
138
|
+
var _this = _super.call(this) || this;
|
|
139
|
+
_this.ngEle = ngEle;
|
|
140
|
+
_this.srenderer = srenderer;
|
|
141
|
+
_this.viewContainerRef = viewContainerRef;
|
|
142
|
+
_this.injector = injector;
|
|
143
|
+
_this.tags = ['columns'];
|
|
144
|
+
_this.element = _this.ngEle.nativeElement;
|
|
145
|
+
_this.injectedModules = _this.injectedModules || [];
|
|
146
|
+
try {
|
|
147
|
+
var mod = _this.injector.get('QueryBuilderQueryLibrary');
|
|
148
|
+
if (_this.injectedModules.indexOf(mod) === -1) {
|
|
149
|
+
_this.injectedModules.push(mod);
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
catch (_a) { }
|
|
153
|
+
_this.registerEvents(outputs$1);
|
|
154
|
+
_this.addTwoWay.call(_this, twoWays);
|
|
155
|
+
setValue('currentInstance', _this, _this.viewContainerRef);
|
|
156
|
+
_this.context = new ComponentBase();
|
|
157
|
+
return _this;
|
|
158
|
+
}
|
|
159
|
+
/**
|
|
160
|
+
* @return {?}
|
|
161
|
+
*/
|
|
162
|
+
QueryBuilderComponent.prototype.ngOnInit = function () {
|
|
163
|
+
this.context.ngOnInit(this);
|
|
164
|
+
};
|
|
165
|
+
/**
|
|
166
|
+
* @return {?}
|
|
167
|
+
*/
|
|
168
|
+
QueryBuilderComponent.prototype.ngAfterViewInit = function () {
|
|
169
|
+
this.context.ngAfterViewInit(this);
|
|
170
|
+
};
|
|
171
|
+
/**
|
|
172
|
+
* @return {?}
|
|
173
|
+
*/
|
|
174
|
+
QueryBuilderComponent.prototype.ngOnDestroy = function () {
|
|
175
|
+
this.context.ngOnDestroy(this);
|
|
176
|
+
};
|
|
177
|
+
/**
|
|
178
|
+
* @return {?}
|
|
179
|
+
*/
|
|
180
|
+
QueryBuilderComponent.prototype.ngAfterContentChecked = function () {
|
|
181
|
+
this.tagObjects[0].instance = this.childColumns;
|
|
182
|
+
this.context.ngAfterContentChecked(this);
|
|
183
|
+
};
|
|
184
|
+
return QueryBuilderComponent;
|
|
185
|
+
}(QueryBuilder));
|
|
186
|
+
QueryBuilderComponent.decorators = [
|
|
187
|
+
{ type: Component, args: [{
|
|
188
|
+
selector: 'ejs-querybuilder',
|
|
189
|
+
inputs: inputs,
|
|
190
|
+
outputs: outputs$1,
|
|
191
|
+
template: '',
|
|
192
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
193
|
+
queries: {
|
|
194
|
+
childColumns: new ContentChild(ColumnsDirective)
|
|
195
|
+
}
|
|
196
|
+
},] },
|
|
197
|
+
];
|
|
198
|
+
/**
|
|
199
|
+
* @nocollapse
|
|
200
|
+
*/
|
|
201
|
+
QueryBuilderComponent.ctorParameters = function () { return [
|
|
202
|
+
{ type: ElementRef, },
|
|
203
|
+
{ type: Renderer2, },
|
|
204
|
+
{ type: ViewContainerRef, },
|
|
205
|
+
{ type: Injector, },
|
|
206
|
+
]; };
|
|
207
|
+
QueryBuilderComponent.propDecorators = {
|
|
208
|
+
'headerTemplate': [{ type: ContentChild, args: ['headerTemplate',] },],
|
|
209
|
+
};
|
|
210
|
+
__decorate$1([
|
|
211
|
+
Template(),
|
|
212
|
+
__metadata$1("design:type", Object)
|
|
213
|
+
], QueryBuilderComponent.prototype, "headerTemplate", void 0);
|
|
214
|
+
QueryBuilderComponent = __decorate$1([
|
|
215
|
+
ComponentMixins([ComponentBase]),
|
|
216
|
+
__metadata$1("design:paramtypes", [ElementRef,
|
|
217
|
+
Renderer2,
|
|
218
|
+
ViewContainerRef,
|
|
219
|
+
Injector])
|
|
220
|
+
], QueryBuilderComponent);
|
|
221
|
+
/**
|
|
222
|
+
* NgModule definition for the QueryBuilder component.
|
|
223
|
+
*/
|
|
224
|
+
var QueryBuilderModule = /** @class */ (function () {
|
|
225
|
+
function QueryBuilderModule() {
|
|
226
|
+
}
|
|
227
|
+
return QueryBuilderModule;
|
|
228
|
+
}());
|
|
229
|
+
QueryBuilderModule.decorators = [
|
|
230
|
+
{ type: NgModule, args: [{
|
|
231
|
+
imports: [CommonModule],
|
|
232
|
+
declarations: [
|
|
233
|
+
QueryBuilderComponent,
|
|
234
|
+
ColumnDirective,
|
|
235
|
+
ColumnsDirective
|
|
236
|
+
],
|
|
237
|
+
exports: [
|
|
238
|
+
QueryBuilderComponent,
|
|
239
|
+
ColumnDirective,
|
|
240
|
+
ColumnsDirective
|
|
241
|
+
]
|
|
242
|
+
},] },
|
|
243
|
+
];
|
|
244
|
+
/**
|
|
245
|
+
* @nocollapse
|
|
246
|
+
*/
|
|
247
|
+
QueryBuilderModule.ctorParameters = function () { return []; };
|
|
248
|
+
var QueryLibraryService = { provide: 'QueryBuilderQueryLibrary', useValue: QueryLibrary };
|
|
249
|
+
/**
|
|
250
|
+
* NgModule definition for the QueryBuilder component with providers.
|
|
251
|
+
*/
|
|
252
|
+
var QueryBuilderAllModule = /** @class */ (function () {
|
|
253
|
+
function QueryBuilderAllModule() {
|
|
254
|
+
}
|
|
255
|
+
return QueryBuilderAllModule;
|
|
256
|
+
}());
|
|
257
|
+
QueryBuilderAllModule.decorators = [
|
|
258
|
+
{ type: NgModule, args: [{
|
|
259
|
+
imports: [CommonModule, QueryBuilderModule],
|
|
260
|
+
exports: [
|
|
261
|
+
QueryBuilderModule
|
|
262
|
+
],
|
|
263
|
+
providers: [
|
|
264
|
+
QueryLibraryService
|
|
265
|
+
]
|
|
266
|
+
},] },
|
|
267
|
+
];
|
|
268
|
+
/**
|
|
269
|
+
* @nocollapse
|
|
270
|
+
*/
|
|
271
|
+
QueryBuilderAllModule.ctorParameters = function () { return []; };
|
|
272
|
+
/**
|
|
273
|
+
* Generated bundle index. Do not edit.
|
|
274
|
+
*/
|
|
275
|
+
export { ColumnDirective, ColumnsDirective, QueryBuilderComponent, QueryBuilderModule, QueryBuilderAllModule, QueryLibraryService, inputs as ɵa, outputs$1 as ɵb };
|
|
276
|
+
export { Columns, Rule, Value, ShowButtons, QueryBuilder, QueryLibrary } from '@syncfusion/ej2-querybuilder';
|
|
277
277
|
//# sourceMappingURL=ej2-angular-querybuilder.es5.js.map
|