UNPKG

@syncfusion/ej2-kanban

Version:

The Kanban board is an efficient way to visualize the workflow at each stage along its path to completion. The most important features available are Swim lane, filtering, and editing.

www.syncfusion.com/javascript-ui-controls

syncfusion/ej2-javascript-ui-controls

206 lines (205 loc) • 6.61 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
/** * Kanban CSS Constants */ /** @private */ export declare const ROOT_CLASS: string; /** @private */ export declare const RTL_CLASS: string; /** @private */ export declare const DEVICE_CLASS: string; /** @private */ export declare const ICON_CLASS: string; /** @private */ export declare const TEMPLATE_CLASS: string; /** @private */ export declare const SWIMLANE_CLASS: string; /** @private */ export declare const TABLE_CLASS: string; /** @private */ export declare const HEADER_CLASS: string; /** @private */ export declare const HEADER_TABLE_CLASS: string; /** @private */ export declare const HEADER_CELLS_CLASS: string; /** @private */ export declare const HEADER_WRAP_CLASS: string; /** @private */ export declare const HEADER_TITLE_CLASS: string; /** @private */ export declare const HEADER_TEXT_CLASS: string; /** @private */ export declare const HEADER_ICON_CLASS: string; /** @private */ export declare const STACKED_HEADER_ROW_CLASS: string; /** @private */ export declare const STACKED_HEADER_CELL_CLASS: string; /** @private */ export declare const CONTENT_CELLS_CLASS: string; /** @private */ export declare const CONTENT_CLASS: string; /** @private */ export declare const CONTENT_TABLE_CLASS: string; /** @private */ export declare const HEADER_ROW_TOGGLE_CLASS: string; /** @private */ export declare const HEADER_ROW_CLASS: string; /** @private */ export declare const CONTENT_ROW_CLASS: string; /** @private */ export declare const SWIMLANE_ROW_CLASS: string; /** @private */ export declare const SWIMLANE_ROW_EXPAND_CLASS: string; /** @private */ export declare const SWIMLANE_ROW_COLLAPSE_CLASS: string; /** @private */ export declare const SWIMLANE_ROW_TEXT_CLASS: string; /** @private */ export declare const CARD_ITEM_COUNT_CLASS: string; /** @private */ export declare const CARD_WRAPPER_CLASS: string; /** @private */ export declare const CARD_VIRTUAL_WRAPPER_CLASS: string; /** @private */ export declare const CARD_CLASS: string; /** @private */ export declare const DRAGGABLE_CLASS: string; /** @private */ export declare const DROPPABLE_CLASS: string; /** @private */ export declare const DRAG_CLASS: string; /** @private */ export declare const DROP_CLASS: string; /** @private */ export declare const DISABLED_CLASS: string; /** @private */ export declare const CARD_HEADER_CLASS: string; /** @private */ export declare const CARD_CONTENT_CLASS: string; /** @private */ export declare const CARD_HEADER_TEXT_CLASS: string; /** @private */ export declare const CARD_HEADER_TITLE_CLASS: string; /** @private */ export declare const CARD_TAGS_CLASS: string; /** @private */ export declare const CARD_TAG_CLASS: string; /** @private */ export declare const CARD_COLOR_CLASS: string; /** @private */ export declare const CARD_LABEL_CLASS: string; /** @private */ export declare const CARD_FOOTER_CLASS: string; /** @private */ export declare const EMPTY_CARD_CLASS: string; /** @private */ export declare const CARD_FOOTER_CSS_CLASS: string; /** @private */ export declare const COLUMN_EXPAND_CLASS: string; /** @private */ export declare const COLUMN_COLLAPSE_CLASS: string; /** @private */ export declare const COLLAPSE_HEADER_TEXT_CLASS: string; /** @private */ export declare const COLLAPSED_CLASS: string; /** @private */ export declare const DIALOG_CLASS: string; /** @private */ export declare const DIALOG_CONTENT_CONTAINER_CLASS: string; /** @private */ export declare const FORM_CLASS: string; /** @private */ export declare const FORM_WRAPPER_CLASS: string; /** @private */ export declare const ERROR_VALIDATION_CLASS: string; /** @private */ export declare const FIELD_CLASS: string; /** @private */ export declare const DRAGGED_CLONE_CLASS: string; /** @private */ export declare const CLONED_CARD_CLASS: string; /** @private */ export declare const DRAGGED_CARD_CLASS: string; /** @private */ export declare const DROPPED_CLONE_CLASS: string; /** @private */ export declare const DROPPING_CLASS: string; /** @private */ export declare const BORDER_CLASS: string; /** @private */ export declare const TOGGLE_VISIBLE_CLASS: string; /** @private */ export declare const MULTI_CLONE_CONTENT_CELL_CLASS: string; /** @private */ export declare const MULTI_CARD_WRAPPER_CLASS: string; /** @private */ export declare const MULTI_ACTIVE_CLASS: string; /** @private */ export declare const TARGET_MULTI_CLONE_CLASS: string; /** @private */ export declare const MULTI_COLUMN_KEY_CLASS: string; /** @private */ export declare const CARD_SELECTION_CLASS: string; /** @private */ export declare const TOOLTIP_CLASS: string; /** @private */ export declare const TOOLTIP_TEXT_CLASS: string; /** @private */ export declare const SCROLL_CONTAINER_CLASS: string; /** @private */ export declare const SWIMLANE_HEADER_CLASS: string; /** @private */ export declare const SWIMLANE_HEADER_TOOLBAR_CLASS: string; /** @private */ export declare const TOOLBAR_MENU_CLASS: string; /** @private */ export declare const TOOLBAR_MENU_ICON_CLASS: string; /** @private */ export declare const TOOLBAR_LEVEL_TITLE_CLASS: string; /** @private */ export declare const TOOLBAR_SWIMLANE_NAME_CLASS: string; /** @private */ export declare const SWIMLANE_OVERLAY_CLASS: string; /** @private */ export declare const SWIMLANE_CONTENT_CLASS: string; /** @private */ export declare const SWIMLANE_RESOURCE_CLASS: string; /** @private */ export declare const SWIMLANE_TREE_CLASS: string; /** @private */ export declare const LIMITS_CLASS: string; /** @private */ export declare const MAX_COUNT_CLASS: string; /** @private */ export declare const MIN_COUNT_CLASS: string; /** @private */ export declare const MAX_COLOR_CLASS: string; /** @private */ export declare const MIN_COLOR_CLASS: string; /** @private */ export declare const POPUP_EVENT_CLASS: string; /** @private */ export declare const POPUP_HEADER_CLASS: string; /** @private */ export declare const CLOSE_CLASS: string; /** @private */ export declare const POPUP_CONTENT_CLASS: string; /** @private */ export declare const POPUP_WRAPPER_CLASS: string; /** @private */ export declare const CLOSE_ICON_CLASS: string; /** @private */ export declare const POPUP_OPEN_CLASS: string; /** @private */ export declare const DIALOG_CONTENT_CONTAINER: string; /** @private */ export declare const SHOW_ADD_BUTTON: string; /** @private */ export declare const SHOW_ADD_ICON: string; /** @private */ export declare const SHOW_ADD_FOCUS: string; /** @private */ export declare const FROZEN_SWIMLANE_ROW_CLASS: string; /** @private */ export declare const FROZEN_ROW_CLASS: string; /** @private */ export declare const TOOLBAR_SWIMLANE_ITEM_COUNT_CLASS: string;