@syncfusion/ej2-angular-kanban 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-kanban.es5.js +354 -354
- package/@syncfusion/ej2-angular-kanban.js +303 -303
- package/{license → LICENSE} +10 -10
- package/dist/ej2-angular-kanban.umd.js +345 -345
- package/dist/ej2-angular-kanban.umd.min.js +1 -1
- package/ej2-angular-kanban.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 +6 -6
- package/src/kanban/columns.directive.d.ts +90 -90
- package/src/kanban/kanban-all.module.d.ts +5 -5
- package/src/kanban/kanban.component.d.ts +59 -59
- package/src/kanban/kanban.module.d.ts +5 -5
- package/src/kanban/stackedheaders.directive.d.ts +36 -36
|
@@ -1,355 +1,355 @@
|
|
|
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 { Kanban } from '@syncfusion/ej2-kanban';
|
|
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 = ['allowDrag', 'allowDrop', 'allowToggle', 'headerText', 'isExpanded', 'keyField', 'maxCount', 'minCount', 'showAddButton', 'showItemCount', 'template', 'transitionColumns'];
|
|
30
|
-
var outputs = [];
|
|
31
|
-
/**
|
|
32
|
-
* `e-columns` directive represent a columns of the Kanban board.
|
|
33
|
-
* It must be contained in a Kanban component(`ejs-kanban`).
|
|
34
|
-
* ```html
|
|
35
|
-
* <ejs-kanban>
|
|
36
|
-
* <e-columns>
|
|
37
|
-
* <e-column keyField='Open' textField='To Do'></e-column>
|
|
38
|
-
* <e-column keyField='Close' textField='Completed'></e-column>
|
|
39
|
-
* </e-columns>
|
|
40
|
-
* </ejs-kanban>
|
|
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: '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
|
-
'template': [{ type: ContentChild, args: ['template',] },],
|
|
74
|
-
};
|
|
75
|
-
__decorate([
|
|
76
|
-
Template(),
|
|
77
|
-
__metadata("design:type", Object)
|
|
78
|
-
], ColumnDirective.prototype, "template", void 0);
|
|
79
|
-
/**
|
|
80
|
-
* Column Array Directive
|
|
81
|
-
*/
|
|
82
|
-
var ColumnsDirective = /** @class */ (function (_super) {
|
|
83
|
-
__extends(ColumnsDirective, _super);
|
|
84
|
-
function ColumnsDirective() {
|
|
85
|
-
return _super.call(this, 'columns') || this;
|
|
86
|
-
}
|
|
87
|
-
return ColumnsDirective;
|
|
88
|
-
}(ArrayBase));
|
|
89
|
-
ColumnsDirective.decorators = [
|
|
90
|
-
{ type: Directive, args: [{
|
|
91
|
-
selector: 'ejs-kanban>e-columns',
|
|
92
|
-
queries: {
|
|
93
|
-
children: new ContentChildren(ColumnDirective)
|
|
94
|
-
},
|
|
95
|
-
},] },
|
|
96
|
-
];
|
|
97
|
-
/**
|
|
98
|
-
* @nocollapse
|
|
99
|
-
*/
|
|
100
|
-
ColumnsDirective.ctorParameters = function () { return []; };
|
|
101
|
-
var input$1 = ['keyFields', 'text'];
|
|
102
|
-
var outputs$1 = [];
|
|
103
|
-
/**
|
|
104
|
-
* `e-stackedHeaders` directive represent a stacked header of the Kanban board.
|
|
105
|
-
* It must be contained in a Kanban component(`ejs-kanban`).
|
|
106
|
-
* ```html
|
|
107
|
-
* <ejs-kanban>
|
|
108
|
-
* <e-stackedHeaders>
|
|
109
|
-
* <e-stackedHeader keyField='Open' text='To Do'></e-stackedHeader>
|
|
110
|
-
* <e-stackedHeader keyField='Close' text='Completed'></e-stackedHeader>
|
|
111
|
-
* </e-stackedHeaders>
|
|
112
|
-
* </ejs-kanban>
|
|
113
|
-
* ```
|
|
114
|
-
*/
|
|
115
|
-
var StackedHeaderDirective = /** @class */ (function (_super) {
|
|
116
|
-
__extends(StackedHeaderDirective, _super);
|
|
117
|
-
/**
|
|
118
|
-
* @param {?} viewContainerRef
|
|
119
|
-
*/
|
|
120
|
-
function StackedHeaderDirective(viewContainerRef) {
|
|
121
|
-
var _this = _super.call(this) || this;
|
|
122
|
-
_this.viewContainerRef = viewContainerRef;
|
|
123
|
-
setValue('currentInstance', _this, _this.viewContainerRef);
|
|
124
|
-
_this.registerEvents(outputs$1);
|
|
125
|
-
_this.directivePropList = input$1;
|
|
126
|
-
return _this;
|
|
127
|
-
}
|
|
128
|
-
return StackedHeaderDirective;
|
|
129
|
-
}(ComplexBase));
|
|
130
|
-
StackedHeaderDirective.decorators = [
|
|
131
|
-
{ type: Directive, args: [{
|
|
132
|
-
selector: 'e-stackedHeaders>e-stackedHeader',
|
|
133
|
-
inputs: input$1,
|
|
134
|
-
outputs: outputs$1,
|
|
135
|
-
queries: {}
|
|
136
|
-
},] },
|
|
137
|
-
];
|
|
138
|
-
/**
|
|
139
|
-
* @nocollapse
|
|
140
|
-
*/
|
|
141
|
-
StackedHeaderDirective.ctorParameters = function () { return [
|
|
142
|
-
{ type: ViewContainerRef, },
|
|
143
|
-
]; };
|
|
144
|
-
/**
|
|
145
|
-
* StackedHeader Array Directive
|
|
146
|
-
*/
|
|
147
|
-
var StackedHeadersDirective = /** @class */ (function (_super) {
|
|
148
|
-
__extends(StackedHeadersDirective, _super);
|
|
149
|
-
function StackedHeadersDirective() {
|
|
150
|
-
return _super.call(this, 'stackedheaders') || this;
|
|
151
|
-
}
|
|
152
|
-
return StackedHeadersDirective;
|
|
153
|
-
}(ArrayBase));
|
|
154
|
-
StackedHeadersDirective.decorators = [
|
|
155
|
-
{ type: Directive, args: [{
|
|
156
|
-
selector: 'ejs-kanban>e-stackedHeaders',
|
|
157
|
-
queries: {
|
|
158
|
-
children: new ContentChildren(StackedHeaderDirective)
|
|
159
|
-
},
|
|
160
|
-
},] },
|
|
161
|
-
];
|
|
162
|
-
/**
|
|
163
|
-
* @nocollapse
|
|
164
|
-
*/
|
|
165
|
-
StackedHeadersDirective.ctorParameters = function () { return []; };
|
|
166
|
-
var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
167
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
168
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
169
|
-
r = Reflect.decorate(decorators, target, key, desc);
|
|
170
|
-
else
|
|
171
|
-
for (var i = decorators.length - 1; i >= 0; i--)
|
|
172
|
-
if (d = decorators[i])
|
|
173
|
-
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
174
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
175
|
-
};
|
|
176
|
-
var __metadata$1 = (this && this.__metadata) || function (k, v) {
|
|
177
|
-
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
|
|
178
|
-
return Reflect.metadata(k, v);
|
|
179
|
-
};
|
|
180
|
-
var inputs = ['allowDragAndDrop', 'allowKeyboard', 'cardHeight', 'cardSettings', 'columns', 'constraintType', 'cssClass', 'dataSource', 'dialogSettings', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableTooltip', 'enableVirtualization', 'externalDropId', 'height', 'keyField', 'locale', 'query', 'showEmptyColumn', 'sortSettings', 'stackedHeaders', 'swimlaneSettings', 'tooltipTemplate', 'width'];
|
|
181
|
-
var outputs$2 = ['actionBegin', 'actionComplete', 'actionFailure', 'cardClick', 'cardDoubleClick', 'cardRendered', 'created', 'dataBinding', 'dataBound', 'dataSourceChanged', 'dataStateChange', 'dialogClose', 'dialogOpen', 'drag', 'dragStart', 'dragStop', 'queryCellInfo'];
|
|
182
|
-
var twoWays = [''];
|
|
183
|
-
/**
|
|
184
|
-
* `ej-kanban` represents the Angular Kanban Component.
|
|
185
|
-
* ```html
|
|
186
|
-
* <ejs-kanban></ejs-kanban>
|
|
187
|
-
* ```
|
|
188
|
-
*/
|
|
189
|
-
var KanbanComponent = /** @class */ (function (_super) {
|
|
190
|
-
__extends(KanbanComponent, _super);
|
|
191
|
-
/**
|
|
192
|
-
* @param {?} ngEle
|
|
193
|
-
* @param {?} srenderer
|
|
194
|
-
* @param {?} viewContainerRef
|
|
195
|
-
* @param {?} injector
|
|
196
|
-
*/
|
|
197
|
-
function KanbanComponent(ngEle, srenderer, viewContainerRef, injector) {
|
|
198
|
-
var _this = _super.call(this) || this;
|
|
199
|
-
_this.ngEle = ngEle;
|
|
200
|
-
_this.srenderer = srenderer;
|
|
201
|
-
_this.viewContainerRef = viewContainerRef;
|
|
202
|
-
_this.injector = injector;
|
|
203
|
-
_this.tags = ['columns', 'stackedHeaders'];
|
|
204
|
-
_this.element = _this.ngEle.nativeElement;
|
|
205
|
-
_this.injectedModules = _this.injectedModules || [];
|
|
206
|
-
_this.registerEvents(outputs$2);
|
|
207
|
-
_this.addTwoWay.call(_this, twoWays);
|
|
208
|
-
setValue('currentInstance', _this, _this.viewContainerRef);
|
|
209
|
-
_this.context = new ComponentBase();
|
|
210
|
-
return _this;
|
|
211
|
-
}
|
|
212
|
-
/**
|
|
213
|
-
* @return {?}
|
|
214
|
-
*/
|
|
215
|
-
KanbanComponent.prototype.ngOnInit = function () {
|
|
216
|
-
this.context.ngOnInit(this);
|
|
217
|
-
};
|
|
218
|
-
/**
|
|
219
|
-
* @return {?}
|
|
220
|
-
*/
|
|
221
|
-
KanbanComponent.prototype.ngAfterViewInit = function () {
|
|
222
|
-
this.context.ngAfterViewInit(this);
|
|
223
|
-
};
|
|
224
|
-
/**
|
|
225
|
-
* @return {?}
|
|
226
|
-
*/
|
|
227
|
-
KanbanComponent.prototype.ngOnDestroy = function () {
|
|
228
|
-
this.context.ngOnDestroy(this);
|
|
229
|
-
};
|
|
230
|
-
/**
|
|
231
|
-
* @return {?}
|
|
232
|
-
*/
|
|
233
|
-
KanbanComponent.prototype.ngAfterContentChecked = function () {
|
|
234
|
-
this.tagObjects[0].instance = this.childColumns;
|
|
235
|
-
if (this.childStackedHeaders) {
|
|
236
|
-
this.tagObjects[1].instance = /** @type {?} */ (this.childStackedHeaders);
|
|
237
|
-
}
|
|
238
|
-
this.context.ngAfterContentChecked(this);
|
|
239
|
-
};
|
|
240
|
-
return KanbanComponent;
|
|
241
|
-
}(Kanban));
|
|
242
|
-
KanbanComponent.decorators = [
|
|
243
|
-
{ type: Component, args: [{
|
|
244
|
-
selector: 'ejs-kanban',
|
|
245
|
-
inputs: inputs,
|
|
246
|
-
outputs: outputs$2,
|
|
247
|
-
template: '',
|
|
248
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
249
|
-
queries: {
|
|
250
|
-
childColumns: new ContentChild(ColumnsDirective),
|
|
251
|
-
childStackedHeaders: new ContentChild(StackedHeadersDirective)
|
|
252
|
-
}
|
|
253
|
-
},] },
|
|
254
|
-
];
|
|
255
|
-
/**
|
|
256
|
-
* @nocollapse
|
|
257
|
-
*/
|
|
258
|
-
KanbanComponent.ctorParameters = function () { return [
|
|
259
|
-
{ type: ElementRef, },
|
|
260
|
-
{ type: Renderer2, },
|
|
261
|
-
{ type: ViewContainerRef, },
|
|
262
|
-
{ type: Injector, },
|
|
263
|
-
]; };
|
|
264
|
-
KanbanComponent.propDecorators = {
|
|
265
|
-
'tooltipTemplate': [{ type: ContentChild, args: ['tooltipTemplate',] },],
|
|
266
|
-
'columns_template': [{ type: ContentChild, args: ['columnsTemplate',] },],
|
|
267
|
-
'swimlaneSettings_template': [{ type: ContentChild, args: ['swimlaneSettingsTemplate',] },],
|
|
268
|
-
'cardSettings_template': [{ type: ContentChild, args: ['cardSettingsTemplate',] },],
|
|
269
|
-
'dialogSettings_template': [{ type: ContentChild, args: ['dialogSettingsTemplate',] },],
|
|
270
|
-
};
|
|
271
|
-
__decorate$1([
|
|
272
|
-
Template(),
|
|
273
|
-
__metadata$1("design:type", Object)
|
|
274
|
-
], KanbanComponent.prototype, "tooltipTemplate", void 0);
|
|
275
|
-
__decorate$1([
|
|
276
|
-
Template(),
|
|
277
|
-
__metadata$1("design:type", Object)
|
|
278
|
-
], KanbanComponent.prototype, "columns_template", void 0);
|
|
279
|
-
__decorate$1([
|
|
280
|
-
Template(),
|
|
281
|
-
__metadata$1("design:type", Object)
|
|
282
|
-
], KanbanComponent.prototype, "swimlaneSettings_template", void 0);
|
|
283
|
-
__decorate$1([
|
|
284
|
-
Template(),
|
|
285
|
-
__metadata$1("design:type", Object)
|
|
286
|
-
], KanbanComponent.prototype, "cardSettings_template", void 0);
|
|
287
|
-
__decorate$1([
|
|
288
|
-
Template(),
|
|
289
|
-
__metadata$1("design:type", Object)
|
|
290
|
-
], KanbanComponent.prototype, "dialogSettings_template", void 0);
|
|
291
|
-
KanbanComponent = __decorate$1([
|
|
292
|
-
ComponentMixins([ComponentBase]),
|
|
293
|
-
__metadata$1("design:paramtypes", [ElementRef,
|
|
294
|
-
Renderer2,
|
|
295
|
-
ViewContainerRef,
|
|
296
|
-
Injector])
|
|
297
|
-
], KanbanComponent);
|
|
298
|
-
/**
|
|
299
|
-
* NgModule definition for the Kanban component.
|
|
300
|
-
*/
|
|
301
|
-
var KanbanModule = /** @class */ (function () {
|
|
302
|
-
function KanbanModule() {
|
|
303
|
-
}
|
|
304
|
-
return KanbanModule;
|
|
305
|
-
}());
|
|
306
|
-
KanbanModule.decorators = [
|
|
307
|
-
{ type: NgModule, args: [{
|
|
308
|
-
imports: [CommonModule],
|
|
309
|
-
declarations: [
|
|
310
|
-
KanbanComponent,
|
|
311
|
-
ColumnDirective,
|
|
312
|
-
ColumnsDirective,
|
|
313
|
-
StackedHeaderDirective,
|
|
314
|
-
StackedHeadersDirective
|
|
315
|
-
],
|
|
316
|
-
exports: [
|
|
317
|
-
KanbanComponent,
|
|
318
|
-
ColumnDirective,
|
|
319
|
-
ColumnsDirective,
|
|
320
|
-
StackedHeaderDirective,
|
|
321
|
-
StackedHeadersDirective
|
|
322
|
-
]
|
|
323
|
-
},] },
|
|
324
|
-
];
|
|
325
|
-
/**
|
|
326
|
-
* @nocollapse
|
|
327
|
-
*/
|
|
328
|
-
KanbanModule.ctorParameters = function () { return []; };
|
|
329
|
-
/**
|
|
330
|
-
* NgModule definition for the Kanban component with providers.
|
|
331
|
-
*/
|
|
332
|
-
var KanbanAllModule = /** @class */ (function () {
|
|
333
|
-
function KanbanAllModule() {
|
|
334
|
-
}
|
|
335
|
-
return KanbanAllModule;
|
|
336
|
-
}());
|
|
337
|
-
KanbanAllModule.decorators = [
|
|
338
|
-
{ type: NgModule, args: [{
|
|
339
|
-
imports: [CommonModule, KanbanModule],
|
|
340
|
-
exports: [
|
|
341
|
-
KanbanModule
|
|
342
|
-
],
|
|
343
|
-
providers: []
|
|
344
|
-
},] },
|
|
345
|
-
];
|
|
346
|
-
/**
|
|
347
|
-
* @nocollapse
|
|
348
|
-
*/
|
|
349
|
-
KanbanAllModule.ctorParameters = function () { return []; };
|
|
350
|
-
/**
|
|
351
|
-
* Generated bundle index. Do not edit.
|
|
352
|
-
*/
|
|
353
|
-
export { ColumnDirective, ColumnsDirective, StackedHeaderDirective, StackedHeadersDirective, KanbanComponent, KanbanModule, KanbanAllModule, inputs as ɵa, outputs$2 as ɵb };
|
|
354
|
-
export { Kanban, actionBegin, actionComplete, actionFailure, cardClick, cardDoubleClick, cardRendered, queryCellInfo, dataBinding, dataBound, dragStart, drag, dragStop, documentClick, dialogOpen, dialogClose, contentReady, dataReady, bottomSpace, cardSpace, toggleWidth, dataSourceChanged, dataStateChange } from '@syncfusion/ej2-kanban';
|
|
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 { Kanban } from '@syncfusion/ej2-kanban';
|
|
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 = ['allowDrag', 'allowDrop', 'allowToggle', 'headerText', 'isExpanded', 'keyField', 'maxCount', 'minCount', 'showAddButton', 'showItemCount', 'template', 'transitionColumns'];
|
|
30
|
+
var outputs = [];
|
|
31
|
+
/**
|
|
32
|
+
* `e-columns` directive represent a columns of the Kanban board.
|
|
33
|
+
* It must be contained in a Kanban component(`ejs-kanban`).
|
|
34
|
+
* ```html
|
|
35
|
+
* <ejs-kanban>
|
|
36
|
+
* <e-columns>
|
|
37
|
+
* <e-column keyField='Open' textField='To Do'></e-column>
|
|
38
|
+
* <e-column keyField='Close' textField='Completed'></e-column>
|
|
39
|
+
* </e-columns>
|
|
40
|
+
* </ejs-kanban>
|
|
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: '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
|
+
'template': [{ type: ContentChild, args: ['template',] },],
|
|
74
|
+
};
|
|
75
|
+
__decorate([
|
|
76
|
+
Template(),
|
|
77
|
+
__metadata("design:type", Object)
|
|
78
|
+
], ColumnDirective.prototype, "template", void 0);
|
|
79
|
+
/**
|
|
80
|
+
* Column Array Directive
|
|
81
|
+
*/
|
|
82
|
+
var ColumnsDirective = /** @class */ (function (_super) {
|
|
83
|
+
__extends(ColumnsDirective, _super);
|
|
84
|
+
function ColumnsDirective() {
|
|
85
|
+
return _super.call(this, 'columns') || this;
|
|
86
|
+
}
|
|
87
|
+
return ColumnsDirective;
|
|
88
|
+
}(ArrayBase));
|
|
89
|
+
ColumnsDirective.decorators = [
|
|
90
|
+
{ type: Directive, args: [{
|
|
91
|
+
selector: 'ejs-kanban>e-columns',
|
|
92
|
+
queries: {
|
|
93
|
+
children: new ContentChildren(ColumnDirective)
|
|
94
|
+
},
|
|
95
|
+
},] },
|
|
96
|
+
];
|
|
97
|
+
/**
|
|
98
|
+
* @nocollapse
|
|
99
|
+
*/
|
|
100
|
+
ColumnsDirective.ctorParameters = function () { return []; };
|
|
101
|
+
var input$1 = ['keyFields', 'text'];
|
|
102
|
+
var outputs$1 = [];
|
|
103
|
+
/**
|
|
104
|
+
* `e-stackedHeaders` directive represent a stacked header of the Kanban board.
|
|
105
|
+
* It must be contained in a Kanban component(`ejs-kanban`).
|
|
106
|
+
* ```html
|
|
107
|
+
* <ejs-kanban>
|
|
108
|
+
* <e-stackedHeaders>
|
|
109
|
+
* <e-stackedHeader keyField='Open' text='To Do'></e-stackedHeader>
|
|
110
|
+
* <e-stackedHeader keyField='Close' text='Completed'></e-stackedHeader>
|
|
111
|
+
* </e-stackedHeaders>
|
|
112
|
+
* </ejs-kanban>
|
|
113
|
+
* ```
|
|
114
|
+
*/
|
|
115
|
+
var StackedHeaderDirective = /** @class */ (function (_super) {
|
|
116
|
+
__extends(StackedHeaderDirective, _super);
|
|
117
|
+
/**
|
|
118
|
+
* @param {?} viewContainerRef
|
|
119
|
+
*/
|
|
120
|
+
function StackedHeaderDirective(viewContainerRef) {
|
|
121
|
+
var _this = _super.call(this) || this;
|
|
122
|
+
_this.viewContainerRef = viewContainerRef;
|
|
123
|
+
setValue('currentInstance', _this, _this.viewContainerRef);
|
|
124
|
+
_this.registerEvents(outputs$1);
|
|
125
|
+
_this.directivePropList = input$1;
|
|
126
|
+
return _this;
|
|
127
|
+
}
|
|
128
|
+
return StackedHeaderDirective;
|
|
129
|
+
}(ComplexBase));
|
|
130
|
+
StackedHeaderDirective.decorators = [
|
|
131
|
+
{ type: Directive, args: [{
|
|
132
|
+
selector: 'e-stackedHeaders>e-stackedHeader',
|
|
133
|
+
inputs: input$1,
|
|
134
|
+
outputs: outputs$1,
|
|
135
|
+
queries: {}
|
|
136
|
+
},] },
|
|
137
|
+
];
|
|
138
|
+
/**
|
|
139
|
+
* @nocollapse
|
|
140
|
+
*/
|
|
141
|
+
StackedHeaderDirective.ctorParameters = function () { return [
|
|
142
|
+
{ type: ViewContainerRef, },
|
|
143
|
+
]; };
|
|
144
|
+
/**
|
|
145
|
+
* StackedHeader Array Directive
|
|
146
|
+
*/
|
|
147
|
+
var StackedHeadersDirective = /** @class */ (function (_super) {
|
|
148
|
+
__extends(StackedHeadersDirective, _super);
|
|
149
|
+
function StackedHeadersDirective() {
|
|
150
|
+
return _super.call(this, 'stackedheaders') || this;
|
|
151
|
+
}
|
|
152
|
+
return StackedHeadersDirective;
|
|
153
|
+
}(ArrayBase));
|
|
154
|
+
StackedHeadersDirective.decorators = [
|
|
155
|
+
{ type: Directive, args: [{
|
|
156
|
+
selector: 'ejs-kanban>e-stackedHeaders',
|
|
157
|
+
queries: {
|
|
158
|
+
children: new ContentChildren(StackedHeaderDirective)
|
|
159
|
+
},
|
|
160
|
+
},] },
|
|
161
|
+
];
|
|
162
|
+
/**
|
|
163
|
+
* @nocollapse
|
|
164
|
+
*/
|
|
165
|
+
StackedHeadersDirective.ctorParameters = function () { return []; };
|
|
166
|
+
var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
167
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
168
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
|
169
|
+
r = Reflect.decorate(decorators, target, key, desc);
|
|
170
|
+
else
|
|
171
|
+
for (var i = decorators.length - 1; i >= 0; i--)
|
|
172
|
+
if (d = decorators[i])
|
|
173
|
+
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
174
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
175
|
+
};
|
|
176
|
+
var __metadata$1 = (this && this.__metadata) || function (k, v) {
|
|
177
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
|
|
178
|
+
return Reflect.metadata(k, v);
|
|
179
|
+
};
|
|
180
|
+
var inputs = ['allowDragAndDrop', 'allowKeyboard', 'cardHeight', 'cardSettings', 'columns', 'constraintType', 'cssClass', 'dataSource', 'dialogSettings', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableTooltip', 'enableVirtualization', 'externalDropId', 'height', 'keyField', 'locale', 'query', 'showEmptyColumn', 'sortSettings', 'stackedHeaders', 'swimlaneSettings', 'tooltipTemplate', 'width'];
|
|
181
|
+
var outputs$2 = ['actionBegin', 'actionComplete', 'actionFailure', 'cardClick', 'cardDoubleClick', 'cardRendered', 'created', 'dataBinding', 'dataBound', 'dataSourceChanged', 'dataStateChange', 'dialogClose', 'dialogOpen', 'drag', 'dragStart', 'dragStop', 'queryCellInfo'];
|
|
182
|
+
var twoWays = [''];
|
|
183
|
+
/**
|
|
184
|
+
* `ej-kanban` represents the Angular Kanban Component.
|
|
185
|
+
* ```html
|
|
186
|
+
* <ejs-kanban></ejs-kanban>
|
|
187
|
+
* ```
|
|
188
|
+
*/
|
|
189
|
+
var KanbanComponent = /** @class */ (function (_super) {
|
|
190
|
+
__extends(KanbanComponent, _super);
|
|
191
|
+
/**
|
|
192
|
+
* @param {?} ngEle
|
|
193
|
+
* @param {?} srenderer
|
|
194
|
+
* @param {?} viewContainerRef
|
|
195
|
+
* @param {?} injector
|
|
196
|
+
*/
|
|
197
|
+
function KanbanComponent(ngEle, srenderer, viewContainerRef, injector) {
|
|
198
|
+
var _this = _super.call(this) || this;
|
|
199
|
+
_this.ngEle = ngEle;
|
|
200
|
+
_this.srenderer = srenderer;
|
|
201
|
+
_this.viewContainerRef = viewContainerRef;
|
|
202
|
+
_this.injector = injector;
|
|
203
|
+
_this.tags = ['columns', 'stackedHeaders'];
|
|
204
|
+
_this.element = _this.ngEle.nativeElement;
|
|
205
|
+
_this.injectedModules = _this.injectedModules || [];
|
|
206
|
+
_this.registerEvents(outputs$2);
|
|
207
|
+
_this.addTwoWay.call(_this, twoWays);
|
|
208
|
+
setValue('currentInstance', _this, _this.viewContainerRef);
|
|
209
|
+
_this.context = new ComponentBase();
|
|
210
|
+
return _this;
|
|
211
|
+
}
|
|
212
|
+
/**
|
|
213
|
+
* @return {?}
|
|
214
|
+
*/
|
|
215
|
+
KanbanComponent.prototype.ngOnInit = function () {
|
|
216
|
+
this.context.ngOnInit(this);
|
|
217
|
+
};
|
|
218
|
+
/**
|
|
219
|
+
* @return {?}
|
|
220
|
+
*/
|
|
221
|
+
KanbanComponent.prototype.ngAfterViewInit = function () {
|
|
222
|
+
this.context.ngAfterViewInit(this);
|
|
223
|
+
};
|
|
224
|
+
/**
|
|
225
|
+
* @return {?}
|
|
226
|
+
*/
|
|
227
|
+
KanbanComponent.prototype.ngOnDestroy = function () {
|
|
228
|
+
this.context.ngOnDestroy(this);
|
|
229
|
+
};
|
|
230
|
+
/**
|
|
231
|
+
* @return {?}
|
|
232
|
+
*/
|
|
233
|
+
KanbanComponent.prototype.ngAfterContentChecked = function () {
|
|
234
|
+
this.tagObjects[0].instance = this.childColumns;
|
|
235
|
+
if (this.childStackedHeaders) {
|
|
236
|
+
this.tagObjects[1].instance = /** @type {?} */ (this.childStackedHeaders);
|
|
237
|
+
}
|
|
238
|
+
this.context.ngAfterContentChecked(this);
|
|
239
|
+
};
|
|
240
|
+
return KanbanComponent;
|
|
241
|
+
}(Kanban));
|
|
242
|
+
KanbanComponent.decorators = [
|
|
243
|
+
{ type: Component, args: [{
|
|
244
|
+
selector: 'ejs-kanban',
|
|
245
|
+
inputs: inputs,
|
|
246
|
+
outputs: outputs$2,
|
|
247
|
+
template: '',
|
|
248
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
249
|
+
queries: {
|
|
250
|
+
childColumns: new ContentChild(ColumnsDirective),
|
|
251
|
+
childStackedHeaders: new ContentChild(StackedHeadersDirective)
|
|
252
|
+
}
|
|
253
|
+
},] },
|
|
254
|
+
];
|
|
255
|
+
/**
|
|
256
|
+
* @nocollapse
|
|
257
|
+
*/
|
|
258
|
+
KanbanComponent.ctorParameters = function () { return [
|
|
259
|
+
{ type: ElementRef, },
|
|
260
|
+
{ type: Renderer2, },
|
|
261
|
+
{ type: ViewContainerRef, },
|
|
262
|
+
{ type: Injector, },
|
|
263
|
+
]; };
|
|
264
|
+
KanbanComponent.propDecorators = {
|
|
265
|
+
'tooltipTemplate': [{ type: ContentChild, args: ['tooltipTemplate',] },],
|
|
266
|
+
'columns_template': [{ type: ContentChild, args: ['columnsTemplate',] },],
|
|
267
|
+
'swimlaneSettings_template': [{ type: ContentChild, args: ['swimlaneSettingsTemplate',] },],
|
|
268
|
+
'cardSettings_template': [{ type: ContentChild, args: ['cardSettingsTemplate',] },],
|
|
269
|
+
'dialogSettings_template': [{ type: ContentChild, args: ['dialogSettingsTemplate',] },],
|
|
270
|
+
};
|
|
271
|
+
__decorate$1([
|
|
272
|
+
Template(),
|
|
273
|
+
__metadata$1("design:type", Object)
|
|
274
|
+
], KanbanComponent.prototype, "tooltipTemplate", void 0);
|
|
275
|
+
__decorate$1([
|
|
276
|
+
Template(),
|
|
277
|
+
__metadata$1("design:type", Object)
|
|
278
|
+
], KanbanComponent.prototype, "columns_template", void 0);
|
|
279
|
+
__decorate$1([
|
|
280
|
+
Template(),
|
|
281
|
+
__metadata$1("design:type", Object)
|
|
282
|
+
], KanbanComponent.prototype, "swimlaneSettings_template", void 0);
|
|
283
|
+
__decorate$1([
|
|
284
|
+
Template(),
|
|
285
|
+
__metadata$1("design:type", Object)
|
|
286
|
+
], KanbanComponent.prototype, "cardSettings_template", void 0);
|
|
287
|
+
__decorate$1([
|
|
288
|
+
Template(),
|
|
289
|
+
__metadata$1("design:type", Object)
|
|
290
|
+
], KanbanComponent.prototype, "dialogSettings_template", void 0);
|
|
291
|
+
KanbanComponent = __decorate$1([
|
|
292
|
+
ComponentMixins([ComponentBase]),
|
|
293
|
+
__metadata$1("design:paramtypes", [ElementRef,
|
|
294
|
+
Renderer2,
|
|
295
|
+
ViewContainerRef,
|
|
296
|
+
Injector])
|
|
297
|
+
], KanbanComponent);
|
|
298
|
+
/**
|
|
299
|
+
* NgModule definition for the Kanban component.
|
|
300
|
+
*/
|
|
301
|
+
var KanbanModule = /** @class */ (function () {
|
|
302
|
+
function KanbanModule() {
|
|
303
|
+
}
|
|
304
|
+
return KanbanModule;
|
|
305
|
+
}());
|
|
306
|
+
KanbanModule.decorators = [
|
|
307
|
+
{ type: NgModule, args: [{
|
|
308
|
+
imports: [CommonModule],
|
|
309
|
+
declarations: [
|
|
310
|
+
KanbanComponent,
|
|
311
|
+
ColumnDirective,
|
|
312
|
+
ColumnsDirective,
|
|
313
|
+
StackedHeaderDirective,
|
|
314
|
+
StackedHeadersDirective
|
|
315
|
+
],
|
|
316
|
+
exports: [
|
|
317
|
+
KanbanComponent,
|
|
318
|
+
ColumnDirective,
|
|
319
|
+
ColumnsDirective,
|
|
320
|
+
StackedHeaderDirective,
|
|
321
|
+
StackedHeadersDirective
|
|
322
|
+
]
|
|
323
|
+
},] },
|
|
324
|
+
];
|
|
325
|
+
/**
|
|
326
|
+
* @nocollapse
|
|
327
|
+
*/
|
|
328
|
+
KanbanModule.ctorParameters = function () { return []; };
|
|
329
|
+
/**
|
|
330
|
+
* NgModule definition for the Kanban component with providers.
|
|
331
|
+
*/
|
|
332
|
+
var KanbanAllModule = /** @class */ (function () {
|
|
333
|
+
function KanbanAllModule() {
|
|
334
|
+
}
|
|
335
|
+
return KanbanAllModule;
|
|
336
|
+
}());
|
|
337
|
+
KanbanAllModule.decorators = [
|
|
338
|
+
{ type: NgModule, args: [{
|
|
339
|
+
imports: [CommonModule, KanbanModule],
|
|
340
|
+
exports: [
|
|
341
|
+
KanbanModule
|
|
342
|
+
],
|
|
343
|
+
providers: []
|
|
344
|
+
},] },
|
|
345
|
+
];
|
|
346
|
+
/**
|
|
347
|
+
* @nocollapse
|
|
348
|
+
*/
|
|
349
|
+
KanbanAllModule.ctorParameters = function () { return []; };
|
|
350
|
+
/**
|
|
351
|
+
* Generated bundle index. Do not edit.
|
|
352
|
+
*/
|
|
353
|
+
export { ColumnDirective, ColumnsDirective, StackedHeaderDirective, StackedHeadersDirective, KanbanComponent, KanbanModule, KanbanAllModule, inputs as ɵa, outputs$2 as ɵb };
|
|
354
|
+
export { Kanban, actionBegin, actionComplete, actionFailure, cardClick, cardDoubleClick, cardRendered, queryCellInfo, dataBinding, dataBound, dragStart, drag, dragStop, documentClick, dialogOpen, dialogClose, contentReady, dataReady, bottomSpace, cardSpace, toggleWidth, dataSourceChanged, dataStateChange } from '@syncfusion/ej2-kanban';
|
|
355
355
|
//# sourceMappingURL=ej2-angular-kanban.es5.js.map
|