@syncfusion/ej2-angular-kanban 34.2.4 → 34.2.6-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 +355 -0
- package/@syncfusion/ej2-angular-kanban.es5.js.map +1 -0
- package/@syncfusion/ej2-angular-kanban.js +323 -0
- package/@syncfusion/ej2-angular-kanban.js.map +1 -0
- package/LICENSE +10 -0
- package/README.md +14 -16
- package/dist/ej2-angular-kanban.umd.js +400 -0
- package/dist/ej2-angular-kanban.umd.js.map +1 -0
- package/dist/ej2-angular-kanban.umd.min.js +11 -0
- package/dist/ej2-angular-kanban.umd.min.js.map +1 -0
- package/ej2-angular-kanban.d.ts +5 -0
- package/ej2-angular-kanban.metadata.json +1 -0
- package/package.json +10 -23
- package/public_api.d.ts +1 -1
- package/schematics/utils/lib-details.js +2 -2
- package/schematics/utils/lib-details.ts +2 -2
- package/src/index.d.ts +6 -6
- package/src/kanban/columns.directive.d.ts +90 -95
- package/src/kanban/kanban-all.module.d.ts +5 -11
- package/src/kanban/kanban.component.d.ts +62 -65
- package/src/kanban/kanban.module.d.ts +5 -13
- package/src/kanban/stackedheaders.directive.d.ts +36 -41
- package/CHANGELOG.md +0 -536
- package/esm2020/public_api.mjs +0 -2
- package/esm2020/src/index.mjs +0 -7
- package/esm2020/src/kanban/columns.directive.mjs +0 -66
- package/esm2020/src/kanban/kanban-all.module.mjs +0 -23
- package/esm2020/src/kanban/kanban.component.mjs +0 -100
- package/esm2020/src/kanban/kanban.module.mjs +0 -43
- package/esm2020/src/kanban/stackedheaders.directive.mjs +0 -58
- package/esm2020/syncfusion-ej2-angular-kanban.mjs +0 -5
- package/fesm2015/syncfusion-ej2-angular-kanban.mjs +0 -277
- package/fesm2015/syncfusion-ej2-angular-kanban.mjs.map +0 -1
- package/fesm2020/syncfusion-ej2-angular-kanban.mjs +0 -277
- package/fesm2020/syncfusion-ej2-angular-kanban.mjs.map +0 -1
- package/syncfusion-ej2-angular-kanban.d.ts +0 -5
|
@@ -0,0 +1,323 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, ContentChild, ContentChildren, Directive, ElementRef, Injector, NgModule, Renderer2, ViewContainerRef } from '@angular/core';
|
|
2
|
+
import { ArrayBase, ComplexBase, ComponentBase, ComponentMixins, Template, setValue } from '@syncfusion/ej2-angular-base';
|
|
3
|
+
import { Kanban } from '@syncfusion/ej2-kanban';
|
|
4
|
+
import { CommonModule } from '@angular/common';
|
|
5
|
+
|
|
6
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
7
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
8
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
9
|
+
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;
|
|
10
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
11
|
+
};
|
|
12
|
+
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
13
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
14
|
+
};
|
|
15
|
+
let input = ['allowDrag', 'allowDrop', 'allowToggle', 'headerText', 'isExpanded', 'keyField', 'maxCount', 'minCount', 'showAddButton', 'showItemCount', 'template', 'transitionColumns'];
|
|
16
|
+
let outputs = [];
|
|
17
|
+
/**
|
|
18
|
+
* `e-columns` directive represent a columns of the Kanban board.
|
|
19
|
+
* It must be contained in a Kanban component(`ejs-kanban`).
|
|
20
|
+
* ```html
|
|
21
|
+
* <ejs-kanban>
|
|
22
|
+
* <e-columns>
|
|
23
|
+
* <e-column keyField='Open' textField='To Do'></e-column>
|
|
24
|
+
* <e-column keyField='Close' textField='Completed'></e-column>
|
|
25
|
+
* </e-columns>
|
|
26
|
+
* </ejs-kanban>
|
|
27
|
+
* ```
|
|
28
|
+
*/
|
|
29
|
+
class ColumnDirective extends ComplexBase {
|
|
30
|
+
/**
|
|
31
|
+
* @param {?} viewContainerRef
|
|
32
|
+
*/
|
|
33
|
+
constructor(viewContainerRef) {
|
|
34
|
+
super();
|
|
35
|
+
this.viewContainerRef = viewContainerRef;
|
|
36
|
+
setValue('currentInstance', this, this.viewContainerRef);
|
|
37
|
+
this.registerEvents(outputs);
|
|
38
|
+
this.directivePropList = input;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
ColumnDirective.decorators = [
|
|
42
|
+
{ type: Directive, args: [{
|
|
43
|
+
selector: 'e-columns>e-column',
|
|
44
|
+
inputs: input,
|
|
45
|
+
outputs: outputs,
|
|
46
|
+
queries: {}
|
|
47
|
+
},] },
|
|
48
|
+
];
|
|
49
|
+
/**
|
|
50
|
+
* @nocollapse
|
|
51
|
+
*/
|
|
52
|
+
ColumnDirective.ctorParameters = () => [
|
|
53
|
+
{ type: ViewContainerRef, },
|
|
54
|
+
];
|
|
55
|
+
ColumnDirective.propDecorators = {
|
|
56
|
+
'template': [{ type: ContentChild, args: ['template',] },],
|
|
57
|
+
};
|
|
58
|
+
__decorate([
|
|
59
|
+
Template(),
|
|
60
|
+
__metadata("design:type", Object)
|
|
61
|
+
], ColumnDirective.prototype, "template", void 0);
|
|
62
|
+
/**
|
|
63
|
+
* Column Array Directive
|
|
64
|
+
*/
|
|
65
|
+
class ColumnsDirective extends ArrayBase {
|
|
66
|
+
constructor() {
|
|
67
|
+
super('columns');
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
ColumnsDirective.decorators = [
|
|
71
|
+
{ type: Directive, args: [{
|
|
72
|
+
selector: 'ejs-kanban>e-columns',
|
|
73
|
+
queries: {
|
|
74
|
+
children: new ContentChildren(ColumnDirective)
|
|
75
|
+
},
|
|
76
|
+
},] },
|
|
77
|
+
];
|
|
78
|
+
/**
|
|
79
|
+
* @nocollapse
|
|
80
|
+
*/
|
|
81
|
+
ColumnsDirective.ctorParameters = () => [];
|
|
82
|
+
|
|
83
|
+
let input$1 = ['keyFields', 'text'];
|
|
84
|
+
let outputs$1 = [];
|
|
85
|
+
/**
|
|
86
|
+
* `e-stackedHeaders` directive represent a stacked header of the Kanban board.
|
|
87
|
+
* It must be contained in a Kanban component(`ejs-kanban`).
|
|
88
|
+
* ```html
|
|
89
|
+
* <ejs-kanban>
|
|
90
|
+
* <e-stackedHeaders>
|
|
91
|
+
* <e-stackedHeader keyField='Open' text='To Do'></e-stackedHeader>
|
|
92
|
+
* <e-stackedHeader keyField='Close' text='Completed'></e-stackedHeader>
|
|
93
|
+
* </e-stackedHeaders>
|
|
94
|
+
* </ejs-kanban>
|
|
95
|
+
* ```
|
|
96
|
+
*/
|
|
97
|
+
class StackedHeaderDirective extends ComplexBase {
|
|
98
|
+
/**
|
|
99
|
+
* @param {?} viewContainerRef
|
|
100
|
+
*/
|
|
101
|
+
constructor(viewContainerRef) {
|
|
102
|
+
super();
|
|
103
|
+
this.viewContainerRef = viewContainerRef;
|
|
104
|
+
setValue('currentInstance', this, this.viewContainerRef);
|
|
105
|
+
this.registerEvents(outputs$1);
|
|
106
|
+
this.directivePropList = input$1;
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
StackedHeaderDirective.decorators = [
|
|
110
|
+
{ type: Directive, args: [{
|
|
111
|
+
selector: 'e-stackedHeaders>e-stackedHeader',
|
|
112
|
+
inputs: input$1,
|
|
113
|
+
outputs: outputs$1,
|
|
114
|
+
queries: {}
|
|
115
|
+
},] },
|
|
116
|
+
];
|
|
117
|
+
/**
|
|
118
|
+
* @nocollapse
|
|
119
|
+
*/
|
|
120
|
+
StackedHeaderDirective.ctorParameters = () => [
|
|
121
|
+
{ type: ViewContainerRef, },
|
|
122
|
+
];
|
|
123
|
+
/**
|
|
124
|
+
* StackedHeader Array Directive
|
|
125
|
+
*/
|
|
126
|
+
class StackedHeadersDirective extends ArrayBase {
|
|
127
|
+
constructor() {
|
|
128
|
+
super('stackedheaders');
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
StackedHeadersDirective.decorators = [
|
|
132
|
+
{ type: Directive, args: [{
|
|
133
|
+
selector: 'ejs-kanban>e-stackedHeaders',
|
|
134
|
+
queries: {
|
|
135
|
+
children: new ContentChildren(StackedHeaderDirective)
|
|
136
|
+
},
|
|
137
|
+
},] },
|
|
138
|
+
];
|
|
139
|
+
/**
|
|
140
|
+
* @nocollapse
|
|
141
|
+
*/
|
|
142
|
+
StackedHeadersDirective.ctorParameters = () => [];
|
|
143
|
+
|
|
144
|
+
var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
145
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
146
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
147
|
+
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;
|
|
148
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
149
|
+
};
|
|
150
|
+
var __metadata$1 = (this && this.__metadata) || function (k, v) {
|
|
151
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
152
|
+
};
|
|
153
|
+
const inputs = ['allowColumnDragAndDrop', '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'];
|
|
154
|
+
const outputs$2 = ['actionBegin', 'actionComplete', 'actionFailure', 'cardClick', 'cardDoubleClick', 'cardRendered', 'columnDrag', 'columnDragStart', 'columnDrop', 'created', 'dataBinding', 'dataBound', 'dataSourceChanged', 'dataStateChange', 'dialogClose', 'dialogOpen', 'drag', 'dragStart', 'dragStop', 'queryCellInfo'];
|
|
155
|
+
const twoWays = [''];
|
|
156
|
+
/**
|
|
157
|
+
* `ej-kanban` represents the Angular Kanban Component.
|
|
158
|
+
* ```html
|
|
159
|
+
* <ejs-kanban></ejs-kanban>
|
|
160
|
+
* ```
|
|
161
|
+
*/
|
|
162
|
+
let KanbanComponent = class KanbanComponent extends Kanban {
|
|
163
|
+
/**
|
|
164
|
+
* @param {?} ngEle
|
|
165
|
+
* @param {?} srenderer
|
|
166
|
+
* @param {?} viewContainerRef
|
|
167
|
+
* @param {?} injector
|
|
168
|
+
*/
|
|
169
|
+
constructor(ngEle, srenderer, viewContainerRef, injector) {
|
|
170
|
+
super();
|
|
171
|
+
this.ngEle = ngEle;
|
|
172
|
+
this.srenderer = srenderer;
|
|
173
|
+
this.viewContainerRef = viewContainerRef;
|
|
174
|
+
this.injector = injector;
|
|
175
|
+
this.tags = ['columns', 'stackedHeaders'];
|
|
176
|
+
this.element = this.ngEle.nativeElement;
|
|
177
|
+
this.injectedModules = this.injectedModules || [];
|
|
178
|
+
this.registerEvents(outputs$2);
|
|
179
|
+
this.addTwoWay.call(this, twoWays);
|
|
180
|
+
setValue('currentInstance', this, this.viewContainerRef);
|
|
181
|
+
this.context = new ComponentBase();
|
|
182
|
+
}
|
|
183
|
+
/**
|
|
184
|
+
* @return {?}
|
|
185
|
+
*/
|
|
186
|
+
ngOnInit() {
|
|
187
|
+
this.context.ngOnInit(this);
|
|
188
|
+
}
|
|
189
|
+
/**
|
|
190
|
+
* @return {?}
|
|
191
|
+
*/
|
|
192
|
+
ngAfterViewInit() {
|
|
193
|
+
this.context.ngAfterViewInit(this);
|
|
194
|
+
}
|
|
195
|
+
/**
|
|
196
|
+
* @return {?}
|
|
197
|
+
*/
|
|
198
|
+
ngOnDestroy() {
|
|
199
|
+
this.context.ngOnDestroy(this);
|
|
200
|
+
}
|
|
201
|
+
/**
|
|
202
|
+
* @return {?}
|
|
203
|
+
*/
|
|
204
|
+
ngAfterContentChecked() {
|
|
205
|
+
this.tagObjects[0].instance = this.childColumns;
|
|
206
|
+
if (this.childStackedHeaders) {
|
|
207
|
+
this.tagObjects[1].instance = /** @type {?} */ (this.childStackedHeaders);
|
|
208
|
+
}
|
|
209
|
+
this.context.ngAfterContentChecked(this);
|
|
210
|
+
}
|
|
211
|
+
};
|
|
212
|
+
KanbanComponent.decorators = [
|
|
213
|
+
{ type: Component, args: [{
|
|
214
|
+
selector: 'ejs-kanban',
|
|
215
|
+
inputs: inputs,
|
|
216
|
+
outputs: outputs$2,
|
|
217
|
+
template: '',
|
|
218
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
219
|
+
queries: {
|
|
220
|
+
childColumns: new ContentChild(ColumnsDirective),
|
|
221
|
+
childStackedHeaders: new ContentChild(StackedHeadersDirective)
|
|
222
|
+
}
|
|
223
|
+
},] },
|
|
224
|
+
];
|
|
225
|
+
/**
|
|
226
|
+
* @nocollapse
|
|
227
|
+
*/
|
|
228
|
+
KanbanComponent.ctorParameters = () => [
|
|
229
|
+
{ type: ElementRef, },
|
|
230
|
+
{ type: Renderer2, },
|
|
231
|
+
{ type: ViewContainerRef, },
|
|
232
|
+
{ type: Injector, },
|
|
233
|
+
];
|
|
234
|
+
KanbanComponent.propDecorators = {
|
|
235
|
+
'tooltipTemplate': [{ type: ContentChild, args: ['tooltipTemplate',] },],
|
|
236
|
+
'columns_template': [{ type: ContentChild, args: ['columnsTemplate',] },],
|
|
237
|
+
'swimlaneSettings_template': [{ type: ContentChild, args: ['swimlaneSettingsTemplate',] },],
|
|
238
|
+
'cardSettings_template': [{ type: ContentChild, args: ['cardSettingsTemplate',] },],
|
|
239
|
+
'dialogSettings_template': [{ type: ContentChild, args: ['dialogSettingsTemplate',] },],
|
|
240
|
+
};
|
|
241
|
+
__decorate$1([
|
|
242
|
+
Template(),
|
|
243
|
+
__metadata$1("design:type", Object)
|
|
244
|
+
], KanbanComponent.prototype, "tooltipTemplate", void 0);
|
|
245
|
+
__decorate$1([
|
|
246
|
+
Template(),
|
|
247
|
+
__metadata$1("design:type", Object)
|
|
248
|
+
], KanbanComponent.prototype, "columns_template", void 0);
|
|
249
|
+
__decorate$1([
|
|
250
|
+
Template(),
|
|
251
|
+
__metadata$1("design:type", Object)
|
|
252
|
+
], KanbanComponent.prototype, "swimlaneSettings_template", void 0);
|
|
253
|
+
__decorate$1([
|
|
254
|
+
Template(),
|
|
255
|
+
__metadata$1("design:type", Object)
|
|
256
|
+
], KanbanComponent.prototype, "cardSettings_template", void 0);
|
|
257
|
+
__decorate$1([
|
|
258
|
+
Template(),
|
|
259
|
+
__metadata$1("design:type", Object)
|
|
260
|
+
], KanbanComponent.prototype, "dialogSettings_template", void 0);
|
|
261
|
+
KanbanComponent = __decorate$1([
|
|
262
|
+
ComponentMixins([ComponentBase]),
|
|
263
|
+
__metadata$1("design:paramtypes", [ElementRef,
|
|
264
|
+
Renderer2,
|
|
265
|
+
ViewContainerRef,
|
|
266
|
+
Injector])
|
|
267
|
+
], KanbanComponent);
|
|
268
|
+
|
|
269
|
+
/**
|
|
270
|
+
* NgModule definition for the Kanban component.
|
|
271
|
+
*/
|
|
272
|
+
class KanbanModule {
|
|
273
|
+
}
|
|
274
|
+
KanbanModule.decorators = [
|
|
275
|
+
{ type: NgModule, args: [{
|
|
276
|
+
imports: [CommonModule],
|
|
277
|
+
declarations: [
|
|
278
|
+
KanbanComponent,
|
|
279
|
+
ColumnDirective,
|
|
280
|
+
ColumnsDirective,
|
|
281
|
+
StackedHeaderDirective,
|
|
282
|
+
StackedHeadersDirective
|
|
283
|
+
],
|
|
284
|
+
exports: [
|
|
285
|
+
KanbanComponent,
|
|
286
|
+
ColumnDirective,
|
|
287
|
+
ColumnsDirective,
|
|
288
|
+
StackedHeaderDirective,
|
|
289
|
+
StackedHeadersDirective
|
|
290
|
+
]
|
|
291
|
+
},] },
|
|
292
|
+
];
|
|
293
|
+
/**
|
|
294
|
+
* @nocollapse
|
|
295
|
+
*/
|
|
296
|
+
KanbanModule.ctorParameters = () => [];
|
|
297
|
+
|
|
298
|
+
/**
|
|
299
|
+
* NgModule definition for the Kanban component with providers.
|
|
300
|
+
*/
|
|
301
|
+
class KanbanAllModule {
|
|
302
|
+
}
|
|
303
|
+
KanbanAllModule.decorators = [
|
|
304
|
+
{ type: NgModule, args: [{
|
|
305
|
+
imports: [CommonModule, KanbanModule],
|
|
306
|
+
exports: [
|
|
307
|
+
KanbanModule
|
|
308
|
+
],
|
|
309
|
+
providers: []
|
|
310
|
+
},] },
|
|
311
|
+
];
|
|
312
|
+
/**
|
|
313
|
+
* @nocollapse
|
|
314
|
+
*/
|
|
315
|
+
KanbanAllModule.ctorParameters = () => [];
|
|
316
|
+
|
|
317
|
+
/**
|
|
318
|
+
* Generated bundle index. Do not edit.
|
|
319
|
+
*/
|
|
320
|
+
|
|
321
|
+
export { ColumnDirective, ColumnsDirective, StackedHeaderDirective, StackedHeadersDirective, KanbanComponent, KanbanModule, KanbanAllModule, inputs as ɵa, outputs$2 as ɵb };
|
|
322
|
+
export { Kanban, actionBegin, actionComplete, actionFailure, cardClick, cardDoubleClick, cardRendered, queryCellInfo, dataBinding, dataBound, dragStart, drag, dragStop, documentClick, dialogOpen, dialogClose, contentReady, dataReady, bottomSpace, cardSpace, toggleWidth, dataSourceChanged, dataStateChange, columnDragStart, columnDrag, columnDrop } from '@syncfusion/ej2-kanban';
|
|
323
|
+
//# sourceMappingURL=ej2-angular-kanban.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ej2-angular-kanban.js","sources":["~/@syncfusion/ej2-angular-kanban/ej2-angular-kanban.ts","~/@syncfusion/ej2-angular-kanban/src/kanban/kanban-all.module.ts","~/@syncfusion/ej2-angular-kanban/src/kanban/kanban.module.ts","~/@syncfusion/ej2-angular-kanban/src/kanban/kanban.component.ts","~/@syncfusion/ej2-angular-kanban/src/kanban/stackedheaders.directive.ts","~/@syncfusion/ej2-angular-kanban/src/kanban/columns.directive.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport {ColumnDirective,ColumnsDirective,StackedHeaderDirective,StackedHeadersDirective,KanbanComponent,KanbanModule,KanbanAllModule,Kanban,KanbanModel,actionBegin,actionComplete,actionFailure,cardClick,cardDoubleClick,cardRendered,queryCellInfo,dataBinding,dataBound,dragStart,drag,dragStop,documentClick,dialogOpen,dialogClose,contentReady,dataReady,bottomSpace,cardSpace,toggleWidth,dataSourceChanged,dataStateChange,columnDragStart,columnDrag,columnDrop,ActionEventArgs,VirtualScrollInfo,FilterStateObj,CardClickEventArgs,QueryCellInfoEventArgs,CardRenderedEventArgs,DragEventArgs,DialogEventArgs,DialogCloseEventArgs,SaveChanges,EJ2Instance,DragArgs,HeaderArgs,DragEdges,ScrollPosition,ScrollOffset,VirtualScrollDataReturnType,SortComparerFunction,DataStateChangeEventArgs,PendingState,DataSourceChangedEventArgs,ColumnDragEventArgs,ReturnType,CurrentAction,SelectionType,SortDirection,SortOrderBy,ConstraintType,DialogFieldType,CardSettingsModel,ColumnsModel,SwimlaneSettingsModel,StackedHeadersModel,DialogSettingsModel,DialogFieldsModel,SortSettingsModel} from './public_api';\n\nexport {inputs as ɵa,outputs as ɵb} from './src/kanban/kanban.component';","import { NgModule, ValueProvider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ColumnDirective, ColumnsDirective } from './columns.directive';\nimport { StackedHeaderDirective, StackedHeadersDirective } from './stackedheaders.directive';\nimport { KanbanComponent } from './kanban.component';\nimport { KanbanModule } from './kanban.module';\n/**\n * NgModule definition for the Kanban component with providers.\n */\nexport class KanbanAllModule { static decorators: DecoratorInvocation[] = [\n{ type: NgModule, args: [{\n imports: [CommonModule, KanbanModule],\n exports: [\n KanbanModule\n ],\n providers:[\n \n ]\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction KanbanAllModule_tsickle_Closure_declarations() {\n/** @type {?} */\nKanbanAllModule.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nKanbanAllModule.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 { StackedHeaderDirective, StackedHeadersDirective } from './stackedheaders.directive';\nimport { KanbanComponent } from './kanban.component';\n/**\n * NgModule definition for the Kanban component.\n */\nexport class KanbanModule { static decorators: DecoratorInvocation[] = [\n{ type: NgModule, args: [{\n imports: [CommonModule],\n declarations: [\n KanbanComponent,\n ColumnDirective,\n ColumnsDirective,\n StackedHeaderDirective,\n StackedHeadersDirective\n ],\n exports: [\n KanbanComponent,\n ColumnDirective,\n ColumnsDirective,\n StackedHeaderDirective,\n StackedHeadersDirective\n ]\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction KanbanModule_tsickle_Closure_declarations() {\n/** @type {?} */\nKanbanModule.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nKanbanModule.ctorParameters;\n}\n\ninterface DecoratorInvocation {\n type: Function;\n args?: any[];\n}\n","import { Component, ElementRef, ViewContainerRef, ChangeDetectionStrategy, QueryList, Renderer2, Injector, ValueProvider, ContentChild } from '@angular/core';\nimport { ComponentBase, IComponentBase, applyMixins, ComponentMixins, PropertyCollectionInfo, setValue } from '@syncfusion/ej2-angular-base';\nimport { Kanban } from '@syncfusion/ej2-kanban';\nimport { Template } from '@syncfusion/ej2-angular-base';\nimport { ColumnsDirective } from './columns.directive';\nimport { StackedHeadersDirective } from './stackedheaders.directive';\n\nexport const /** @type {?} */ inputs: string[] = ['allowColumnDragAndDrop','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'];\nexport const /** @type {?} */ outputs: string[] = ['actionBegin','actionComplete','actionFailure','cardClick','cardDoubleClick','cardRendered','columnDrag','columnDragStart','columnDrop','created','dataBinding','dataBound','dataSourceChanged','dataStateChange','dialogClose','dialogOpen','drag','dragStart','dragStop','queryCellInfo'];\nexport const /** @type {?} */ twoWays: string[] = [''];\n/**\n * `ej-kanban` represents the Angular Kanban Component.\n * ```html\n * <ejs-kanban></ejs-kanban>\n * ```\n */\n@ComponentMixins([ComponentBase])\nexport class KanbanComponent extends Kanban implements IComponentBase {\npublic context : any;\npublic tagObjects: any;\n\tactionBegin: any;\n\tactionComplete: any;\n\tactionFailure: any;\n\tcardClick: any;\n\tcardDoubleClick: any;\n\tcardRendered: any;\n\tcolumnDrag: any;\n\tcolumnDragStart: any;\n\tcolumnDrop: any;\n\tcreated: any;\n\tdataBinding: any;\n\tdataBound: any;\n\tdataSourceChanged: any;\n\tdataStateChange: any;\n\tdialogClose: any;\n\tdialogOpen: any;\n\tdrag: any;\n\tdragStart: any;\n\tdragStop: any;\npublic queryCellInfo: any;\npublic childColumns: QueryList<ColumnsDirective>;\npublic childStackedHeaders: QueryList<StackedHeadersDirective>;\npublic tags: string[] = ['columns', 'stackedHeaders'];\n/**\n * Defines the template content to card’s tooltip. The property works by enabling the ‘enableTooltip’ property.\n * \\@default null\n * \\@asptype string\n */\n@Template()\n public tooltipTemplate: any;\n \n @Template()\npublic columns_template: any;\n \n @Template()\npublic swimlaneSettings_template: any;\n \n @Template()\npublic cardSettings_template: any;\n \n @Template()\npublic dialogSettings_template: any;\n/**\n * @param {?} ngEle\n * @param {?} srenderer\n * @param {?} viewContainerRef\n * @param {?} injector\n */\nconstructor(private ngEle: ElementRef,\nprivate srenderer: Renderer2,\nprivate viewContainerRef:ViewContainerRef,\nprivate injector: Injector) {\n super();\n this.element = this.ngEle.nativeElement;\n this.injectedModules = this.injectedModules || [];\n\n this.registerEvents(outputs);\n this.addTwoWay.call(this, twoWays);\n setValue('currentInstance', this, this.viewContainerRef);\n this.context = new ComponentBase();\n }\n/**\n * @return {?}\n */\npublic ngOnInit() {\n this.context.ngOnInit(this);\n }\n/**\n * @return {?}\n */\npublic ngAfterViewInit(): void {\n this.context.ngAfterViewInit(this);\n }\n/**\n * @return {?}\n */\npublic ngOnDestroy(): void {\n this.context.ngOnDestroy(this);\n }\n/**\n * @return {?}\n */\npublic ngAfterContentChecked(): void {\n this.tagObjects[0].instance = this.childColumns;\n if (this.childStackedHeaders) {\n this.tagObjects[1].instance = /** @type {?} */(( this.childStackedHeaders as any));\n }\n this.context.ngAfterContentChecked(this);\n }\npublic registerEvents: (eventList: string[]) => void;\npublic addTwoWay: (propList: string[]) => void;\nstatic decorators: DecoratorInvocation[] = [\n{ type: Component, args: [{\n selector: 'ejs-kanban',\n inputs: inputs,\n outputs: outputs,\n template: '',\n changeDetection: ChangeDetectionStrategy.OnPush,\n queries: {\n childColumns: new ContentChild(ColumnsDirective), \n childStackedHeaders: new ContentChild(StackedHeadersDirective)\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];\nstatic propDecorators: {[key: string]: DecoratorInvocation[]} = {\n'tooltipTemplate': [{ type: ContentChild, args: ['tooltipTemplate', ] },],\n'columns_template': [{ type: ContentChild, args: ['columnsTemplate', ] },],\n'swimlaneSettings_template': [{ type: ContentChild, args: ['swimlaneSettingsTemplate', ] },],\n'cardSettings_template': [{ type: ContentChild, args: ['cardSettingsTemplate', ] },],\n'dialogSettings_template': [{ type: ContentChild, args: ['dialogSettingsTemplate', ] },],\n};\n}\n\nfunction KanbanComponent_tsickle_Closure_declarations() {\n/** @type {?} */\nKanbanComponent.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nKanbanComponent.ctorParameters;\n/** @type {?} */\nKanbanComponent.propDecorators;\n/** @type {?} */\nKanbanComponent.prototype.context;\n/** @type {?} */\nKanbanComponent.prototype.tagObjects;\n/** @type {?} */\nKanbanComponent.prototype.actionBegin;\n/** @type {?} */\nKanbanComponent.prototype.actionComplete;\n/** @type {?} */\nKanbanComponent.prototype.actionFailure;\n/** @type {?} */\nKanbanComponent.prototype.cardClick;\n/** @type {?} */\nKanbanComponent.prototype.cardDoubleClick;\n/** @type {?} */\nKanbanComponent.prototype.cardRendered;\n/** @type {?} */\nKanbanComponent.prototype.columnDrag;\n/** @type {?} */\nKanbanComponent.prototype.columnDragStart;\n/** @type {?} */\nKanbanComponent.prototype.columnDrop;\n/** @type {?} */\nKanbanComponent.prototype.created;\n/** @type {?} */\nKanbanComponent.prototype.dataBinding;\n/** @type {?} */\nKanbanComponent.prototype.dataBound;\n/** @type {?} */\nKanbanComponent.prototype.dataSourceChanged;\n/** @type {?} */\nKanbanComponent.prototype.dataStateChange;\n/** @type {?} */\nKanbanComponent.prototype.dialogClose;\n/** @type {?} */\nKanbanComponent.prototype.dialogOpen;\n/** @type {?} */\nKanbanComponent.prototype.drag;\n/** @type {?} */\nKanbanComponent.prototype.dragStart;\n/** @type {?} */\nKanbanComponent.prototype.dragStop;\n/** @type {?} */\nKanbanComponent.prototype.queryCellInfo;\n/** @type {?} */\nKanbanComponent.prototype.childColumns;\n/** @type {?} */\nKanbanComponent.prototype.childStackedHeaders;\n/** @type {?} */\nKanbanComponent.prototype.tags;\n/**\n * Defines the template content to card’s tooltip. The property works by enabling the ‘enableTooltip’ property.\n * \\@default null\n * \\@asptype string\n * @type {?}\n */\nKanbanComponent.prototype.tooltipTemplate;\n/** @type {?} */\nKanbanComponent.prototype.columns_template;\n/** @type {?} */\nKanbanComponent.prototype.swimlaneSettings_template;\n/** @type {?} */\nKanbanComponent.prototype.cardSettings_template;\n/** @type {?} */\nKanbanComponent.prototype.dialogSettings_template;\n/** @type {?} */\nKanbanComponent.prototype.registerEvents;\n/** @type {?} */\nKanbanComponent.prototype.addTwoWay;\n/** @type {?} */\nKanbanComponent.prototype.ngEle;\n/** @type {?} */\nKanbanComponent.prototype.srenderer;\n/** @type {?} */\nKanbanComponent.prototype.viewContainerRef;\n/** @type {?} */\nKanbanComponent.prototype.injector;\n}\n\n\n\ninterface DecoratorInvocation {\n type: Function;\n args?: any[];\n}\n","import { Directive, ViewContainerRef, ContentChildren } from '@angular/core';\nimport { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';\n\n\n\nlet /** @type {?} */ input: string[] = ['keyFields', 'text'];\nlet /** @type {?} */ outputs: string[] = [];\n/**\n * `e-stackedHeaders` directive represent a stacked header of the Kanban board. \n * It must be contained in a Kanban component(`ejs-kanban`). \n * ```html\n * <ejs-kanban>\n * <e-stackedHeaders>\n * <e-stackedHeader keyField='Open' text='To Do'></e-stackedHeader>\n * <e-stackedHeader keyField='Close' text='Completed'></e-stackedHeader>\n * </e-stackedHeaders>\n * </ejs-kanban>\n * ```\n */\nexport class StackedHeaderDirective extends ComplexBase<StackedHeaderDirective> {\npublic directivePropList: any;\n/**\n * Defines the multiple columns keyField\n * \\@default null\n */\npublic keyFields: any;\n/**\n * Defines the column header text\n * \\@default null\n */\npublic text: 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: 'e-stackedHeaders>e-stackedHeader',\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];\n}\n\nfunction StackedHeaderDirective_tsickle_Closure_declarations() {\n/** @type {?} */\nStackedHeaderDirective.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nStackedHeaderDirective.ctorParameters;\n/** @type {?} */\nStackedHeaderDirective.prototype.directivePropList;\n/**\n * Defines the multiple columns keyField\n * \\@default null\n * @type {?}\n */\nStackedHeaderDirective.prototype.keyFields;\n/**\n * Defines the column header text\n * \\@default null\n * @type {?}\n */\nStackedHeaderDirective.prototype.text;\n/** @type {?} */\nStackedHeaderDirective.prototype.viewContainerRef;\n}\n\n/**\n * StackedHeader Array Directive\n */\nexport class StackedHeadersDirective extends ArrayBase<StackedHeadersDirective> {\nconstructor() {\n super('stackedheaders');\n }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\n selector: 'ejs-kanban>e-stackedHeaders',\n queries: {\n children: new ContentChildren(StackedHeaderDirective)\n },\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction StackedHeadersDirective_tsickle_Closure_declarations() {\n/** @type {?} */\nStackedHeadersDirective.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nStackedHeadersDirective.ctorParameters;\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[] = ['allowDrag', 'allowDrop', 'allowToggle', 'headerText', 'isExpanded', 'keyField', 'maxCount', 'minCount', 'showAddButton', 'showItemCount', 'template', 'transitionColumns'];\nlet /** @type {?} */ outputs: string[] = [];\n/**\n * `e-columns` directive represent a columns of the Kanban board. \n * It must be contained in a Kanban component(`ejs-kanban`). \n * ```html\n * <ejs-kanban>\n * <e-columns>\n * <e-column keyField='Open' textField='To Do'></e-column>\n * <e-column keyField='Close' textField='Completed'></e-column>\n * </e-columns>\n * </ejs-kanban>\n * ```\n */\nexport class ColumnDirective extends ComplexBase<ColumnDirective> {\npublic directivePropList: any;\n/**\n * Enable or disable column drag\n * \\@default true\n */\npublic allowDrag: any;\n/**\n * Enable or disable column drop\n * \\@default true\n */\npublic allowDrop: any;\n/**\n * Enable or disable toggle column\n * \\@default false\n */\npublic allowToggle: any;\n/**\n * Defines the column header title\n * \\@default null\n */\npublic headerText: any;\n/**\n * Defines the collapsed or expandable state\n * \\@default true\n */\npublic isExpanded: any;\n/**\n * Defines the column keyField. It supports both number and string type. \n * String type supports the multiple column keys and number type does not support the multiple column keys.\n * \\@default null\n */\npublic keyField: any;\n/**\n * Defines the maximum card count in column\n * \\@default null\n * \\@asptype int\n */\npublic maxCount: any;\n/**\n * Defines the minimum card count in column\n * \\@default null\n * \\@asptype int\n */\npublic minCount: any;\n/**\n * Enable or disable cell add button\n * \\@default false\n */\npublic showAddButton: any;\n/**\n * Enable or disable card count in column\n * \\@default true\n */\npublic showItemCount: any;\n/**\n * Defines the column transition\n * \\@default []\n */\npublic transitionColumns: any;\n/**\n * Defines the column template\n * \\@default null\n * \\@asptype string\n */\n@Template()\n public template: 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: '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};\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 * Enable or disable column drag\n * \\@default true\n * @type {?}\n */\nColumnDirective.prototype.allowDrag;\n/**\n * Enable or disable column drop\n * \\@default true\n * @type {?}\n */\nColumnDirective.prototype.allowDrop;\n/**\n * Enable or disable toggle column\n * \\@default false\n * @type {?}\n */\nColumnDirective.prototype.allowToggle;\n/**\n * Defines the column header title\n * \\@default null\n * @type {?}\n */\nColumnDirective.prototype.headerText;\n/**\n * Defines the collapsed or expandable state\n * \\@default true\n * @type {?}\n */\nColumnDirective.prototype.isExpanded;\n/**\n * Defines the column keyField. It supports both number and string type. \n * String type supports the multiple column keys and number type does not support the multiple column keys.\n * \\@default null\n * @type {?}\n */\nColumnDirective.prototype.keyField;\n/**\n * Defines the maximum card count in column\n * \\@default null\n * \\@asptype int\n * @type {?}\n */\nColumnDirective.prototype.maxCount;\n/**\n * Defines the minimum card count in column\n * \\@default null\n * \\@asptype int\n * @type {?}\n */\nColumnDirective.prototype.minCount;\n/**\n * Enable or disable cell add button\n * \\@default false\n * @type {?}\n */\nColumnDirective.prototype.showAddButton;\n/**\n * Enable or disable card count in column\n * \\@default true\n * @type {?}\n */\nColumnDirective.prototype.showItemCount;\n/**\n * Defines the column transition\n * \\@default []\n * @type {?}\n */\nColumnDirective.prototype.transitionColumns;\n/**\n * Defines the column template\n * \\@default null\n * \\@asptype string\n * @type {?}\n */\nColumnDirective.prototype.template;\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-kanban>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","input"],"mappings":"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"}
|
package/LICENSE
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
Essential JS 2 library is available under the Syncfusion Essential Studio program, and can be licensed either under the Syncfusion Community License Program or the Syncfusion commercial license.
|
|
2
|
+
|
|
3
|
+
To be qualified for the Syncfusion Community License Program you must have a gross revenue of less than one (1) million U.S. dollars ($1,000,000.00 USD) per year and have less than five (5) developers in your organization, and agree to be bound by Syncfusion’s terms and conditions.
|
|
4
|
+
|
|
5
|
+
Customers who do not qualify for the community license can contact sales@syncfusion.com for commercial licensing options.
|
|
6
|
+
|
|
7
|
+
Under no circumstances can you use this product without (1) either a Community License or a commercial license and (2) without agreeing and abiding by Syncfusion’s license containing all terms and conditions.
|
|
8
|
+
|
|
9
|
+
The Syncfusion license that contains the terms and conditions can be found at
|
|
10
|
+
https://www.syncfusion.com/content/downloads/syncfusion_license.pdf
|
package/README.md
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
# Angular Kanban Component
|
|
2
2
|
|
|
3
|
-
The [Angular Kanban](https://www.syncfusion.com/
|
|
3
|
+
The [Angular Kanban](https://www.syncfusion.com/angular-components/angular-kanban-board?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm) Board component is a popular tool for visualizing and managing work in a variety of contexts, including software development, project management, and personal productivity. The control supports necessary features to design task scheduling applications. The key features are swimlanes, customizable cards, binding from local and remote data sources, columns mapping, stacked headers, WIP validation, templating, responsiveness, filtering, and editing.
|
|
4
4
|
|
|
5
5
|
<p align="center">
|
|
6
|
-
<a href="https://
|
|
6
|
+
<a href="https://ej2.syncfusion.com/angular/documentation/kanban/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm">Getting started</a> .
|
|
7
7
|
<a href="https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm#/bootstrap5/kanban/overview">Online demos</a> .
|
|
8
|
-
<a href="https://www.syncfusion.com/
|
|
8
|
+
<a href="https://www.syncfusion.com/angular-components/angular-kanban-board?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm">Learn more</a>
|
|
9
9
|
</p>
|
|
10
10
|
<p align="center">
|
|
11
11
|
<img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-kanban.png" alt="Angular Kanban Component"/>
|
|
12
12
|
</p>
|
|
13
13
|
|
|
14
14
|
<p align="center">
|
|
15
|
-
Trusted by the world's leading companies
|
|
15
|
+
Trusted by the world's leading companies
|
|
16
16
|
<a href="https://www.syncfusion.com">
|
|
17
17
|
<img src="https://ej2.syncfusion.com/home/images/trusted_companies.png" alt="Bootstrap logo">
|
|
18
18
|
</a>
|
|
@@ -57,13 +57,11 @@ In **src/app/app.component.ts**, use `<ejs-kanban>` selector in `template` attri
|
|
|
57
57
|
|
|
58
58
|
```typescript
|
|
59
59
|
import { Component } from '@angular/core';
|
|
60
|
-
import { CardSettingsModel
|
|
60
|
+
import { CardSettingsModel } from '@syncfusion/ej2-angular-kanban';
|
|
61
61
|
|
|
62
62
|
@Component({
|
|
63
63
|
selector: 'app-root',
|
|
64
|
-
|
|
65
|
-
standalone: true,
|
|
66
|
-
template: `<ejs-kanban [dataSource]='data' [cardSettings]='cardSettings' keyField="Status">
|
|
64
|
+
template: `<ejs-kanban [dataSource]='data' [cardSettings]='cardSettings'>
|
|
67
65
|
<e-columns>
|
|
68
66
|
<e-column headerText='To do' keyField='Open'></e-column>
|
|
69
67
|
<e-column headerText='In Progress' keyField='InProgress'></e-column>
|
|
@@ -92,7 +90,7 @@ export class AppComponent {
|
|
|
92
90
|
|
|
93
91
|
The Kanban component is also offered in the following list of frameworks.
|
|
94
92
|
|
|
95
|
-
| [<img src="https://ej2.syncfusion.com/github/images/js.svg" height="50" />](https://www.syncfusion.com/
|
|
93
|
+
| [<img src="https://ej2.syncfusion.com/github/images/js.svg" height="50" />](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)<br/> [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/react.svg" height="50" />](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)<br/> [React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/vue.svg" height="50" />](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)<br/> [Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/netcore.svg" height="50" />](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)<br/> [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github) | [<img src="https://ej2.syncfusion.com/github/images/netmvc.svg" height="50" />](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)<br/> [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github) |
|
|
96
94
|
| :-----: | :-----: | :-----: | :-----: | :-----: |
|
|
97
95
|
|
|
98
96
|
## Showcase samples
|
|
@@ -112,14 +110,14 @@ The Kanban component is also offered in the following list of frameworks.
|
|
|
112
110
|
* [Stacked headers](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm#/material/kanban/stacked-header) - To add additional column headers in a stacked manner, which can be useful for displaying additional information or for organizing the columns in a more visually appealing way.
|
|
113
111
|
* [Card tooltip](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm#/material/kanban/tooltip-template) - To display the information for a card using a tooltip template, which can be a convenient way for users to view and interact with the data without having to open a separate dialog or window.
|
|
114
112
|
* [Templates](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm#/material/kanban/card-template) - Templates to customize the appearance and behavior of the key elements, such as cards, column headers, swimlanes, and tooltips. This can be useful for embedding any kind of HTML element or CSS style, and for creating a more personalized and interactive user experience.
|
|
115
|
-
* [Responsive rendering](https://
|
|
116
|
-
* [Localization support](https://
|
|
117
|
-
* [RTL support](https://
|
|
113
|
+
* [Responsive rendering](https://ej2.syncfusion.com/angular/documentation/kanban/responsive-mode/?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm#responsive-mode) - A Kanban board can be designed to adapt to different form-factors, such as mobile and desktop, in order to provide an optimal user experience across different devices and screen sizes.
|
|
114
|
+
* [Localization support](https://ej2.syncfusion.com/angular/documentation/kanban/localization/?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm#globalization) - To localize the static text content to any desired language in order to make the control more accessible and user-friendly for international users.
|
|
115
|
+
* [RTL support](https://ej2.syncfusion.com/angular/documentation/kanban/localization/?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm#right-to-left-rtl) - To display the control contents from right to left (RTL) in order to support languages that are written in this direction, such as Arabic or Hebrew.
|
|
118
116
|
|
|
119
117
|
## Resources
|
|
120
118
|
|
|
121
119
|
* [Theme Studio](https://ej2.syncfusion.com/themestudio/)
|
|
122
|
-
* [What's New](https://www.syncfusion.com/products/whatsnew/
|
|
120
|
+
* [What's New](https://www.syncfusion.com/products/whatsnew/angular?utm_medium=listing&utm_source=github)
|
|
123
121
|
* [Road Map](https://www.syncfusion.com/products/roadmap/angular)
|
|
124
122
|
* [E-Books](https://www.syncfusion.com/succinctly-free-ebooks?searchkey=angular&type=all)
|
|
125
123
|
|
|
@@ -128,9 +126,9 @@ The Kanban component is also offered in the following list of frameworks.
|
|
|
128
126
|
Product support is available through the following mediums.
|
|
129
127
|
|
|
130
128
|
* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
|
|
131
|
-
* [Community forum](https://www.syncfusion.com/forums/
|
|
129
|
+
* [Community forum](https://www.syncfusion.com/forums/angular-js2?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm)
|
|
132
130
|
* [GitHub issues](https://github.com/syncfusion/ej2-angular-ui-components/issues/new)
|
|
133
|
-
* [Request feature or report bug](https://www.syncfusion.com/feedback/
|
|
131
|
+
* [Request feature or report bug](https://www.syncfusion.com/feedback/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm)
|
|
134
132
|
* Live chat
|
|
135
133
|
|
|
136
134
|
## Changelog
|
|
@@ -139,7 +137,7 @@ Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-componen
|
|
|
139
137
|
|
|
140
138
|
## License and copyright
|
|
141
139
|
|
|
142
|
-
> This is a commercial product and requires a paid license for possession or use. Syncfusion<sup>®</sup> licensed software, including this component, is subject to the terms and conditions of Syncfusion<sup>®</sup> [EULA](https://www.syncfusion.com/
|
|
140
|
+
> This is a commercial product and requires a paid license for possession or use. Syncfusion<sup>®</sup> licensed software, including this component, is subject to the terms and conditions of Syncfusion<sup>®</sup> [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 140+ [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).
|
|
143
141
|
|
|
144
142
|
> A free community [license](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=angular-kanban-npm) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
|
|
145
143
|
|