@itfin/components 2.0.74 → 2.0.76

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.
Files changed (9) hide show
  1. package/package.json +1 -1
  2. package/src/components/icon/components/nomi-arrow_left.vue +4 -0
  3. package/src/components/icon/icons.js +340 -339
  4. package/src/components/icon/new-icons/arrow_left.svg +3 -0
  5. package/src/components/table/Table2.vue +4 -1
  6. package/src/components/table/TableGroup.vue +21 -7
  7. package/src/components/table/TableHeader.vue +6 -1
  8. package/src/components/table/TableRows.vue +6 -1
  9. package/src/components/table/mobile.js +4 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itfin/components",
3
- "version": "2.0.74",
3
+ "version": "2.0.76",
4
4
  "author": "Vitalii Savchuk <esvit666@gmail.com>",
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve",
package/src/components/icon/components/nomi-arrow_left.vue ADDED
@@ -0,0 +1,4 @@
1
+ <template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M12 19L5 12M5 12L12 5M5 12H19" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
4
+ </template>
package/src/components/icon/icons.js CHANGED
@@ -1,565 +1,566 @@
1
1
  export default {
2
2
  'alarm_clock': () => import('./components/alarm_clock.vue'),
3
+ 'airplay': () => import('./components/airplay.vue'),
3
4
  'align_horizontal': () => import('./components/align_horizontal.vue'),
5
+ 'angle': () => import('./components/angle.vue'),
6
+ 'align_vertical': () => import('./components/align_vertical.vue'),
4
7
  'arrow_bottom_right': () => import('./components/arrow_bottom_right.vue'),
5
- 'arrow_down_circle': () => import('./components/arrow_down_circle.vue'),
8
+ 'archive': () => import('./components/archive.vue'),
9
+ 'arrow_left': () => import('./components/arrow_left.vue'),
6
10
  'arrow_bottom_left': () => import('./components/arrow_bottom_left.vue'),
7
- 'airplay': () => import('./components/airplay.vue'),
8
11
  'arrow_down': () => import('./components/arrow_down.vue'),
9
12
  'arrow_left_circle': () => import('./components/arrow_left_circle.vue'),
13
+ 'arrow_down_circle': () => import('./components/arrow_down_circle.vue'),
14
+ 'arrow_top_left': () => import('./components/arrow_top_left.vue'),
10
15
  'arrow_right': () => import('./components/arrow_right.vue'),
11
- 'arrow_left': () => import('./components/arrow_left.vue'),
12
16
  'arrow_right_circle': () => import('./components/arrow_right_circle.vue'),
13
- 'arrow_top_left': () => import('./components/arrow_top_left.vue'),
17
+ 'backward': () => import('./components/backward.vue'),
14
18
  'arrow_up': () => import('./components/arrow_up.vue'),
15
- 'angle': () => import('./components/angle.vue'),
16
- 'archive': () => import('./components/archive.vue'),
17
- 'battery_75': () => import('./components/battery_75.vue'),
19
+ 'arrow_up_circle': () => import('./components/arrow_up_circle.vue'),
20
+ 'backspace': () => import('./components/backspace.vue'),
18
21
  'backward10': () => import('./components/backward10.vue'),
19
- 'bag': () => import('./components/bag.vue'),
22
+ 'battery_half': () => import('./components/battery_half.vue'),
20
23
  'audio_wave': () => import('./components/audio_wave.vue'),
21
- 'battery_charging': () => import('./components/battery_charging.vue'),
22
- 'arrow_up_circle': () => import('./components/arrow_up_circle.vue'),
24
+ 'arrow_top_right': () => import('./components/arrow_top_right.vue'),
25
+ 'battery_75': () => import('./components/battery_75.vue'),
23
26
  'battery_empty': () => import('./components/battery_empty.vue'),
24
- 'battery_full': () => import('./components/battery_full.vue'),
25
- 'battery_half': () => import('./components/battery_half.vue'),
26
27
  'battery_low': () => import('./components/battery_low.vue'),
27
- 'align_vertical': () => import('./components/align_vertical.vue'),
28
- 'blocked': () => import('./components/blocked.vue'),
29
- 'bell_snooze': () => import('./components/bell_snooze.vue'),
30
- 'bookmark': () => import('./components/bookmark.vue'),
28
+ 'battery_full': () => import('./components/battery_full.vue'),
31
29
  'bell_disabled': () => import('./components/bell_disabled.vue'),
30
+ 'bell': () => import('./components/bell.vue'),
31
+ 'bell_snooze': () => import('./components/bell_snooze.vue'),
32
+ 'book': () => import('./components/book.vue'),
32
33
  'bell_ringing': () => import('./components/bell_ringing.vue'),
34
+ 'bluetooth': () => import('./components/bluetooth.vue'),
35
+ 'book_text': () => import('./components/book_text.vue'),
33
36
  'book_closed': () => import('./components/book_closed.vue'),
34
- 'book': () => import('./components/book.vue'),
35
- 'box_download': () => import('./components/box_download.vue'),
36
- 'backward': () => import('./components/backward.vue'),
37
- 'box_open': () => import('./components/box_open.vue'),
38
- 'backspace': () => import('./components/backspace.vue'),
37
+ 'blocked': () => import('./components/blocked.vue'),
38
+ 'bag': () => import('./components/bag.vue'),
39
+ 'battery_charging': () => import('./components/battery_charging.vue'),
40
+ 'bookmark_book': () => import('./components/bookmark_book.vue'),
41
+ 'bookmark': () => import('./components/bookmark.vue'),
39
42
  'box': () => import('./components/box.vue'),
43
+ 'box_open': () => import('./components/box_open.vue'),
40
44
  'branch': () => import('./components/branch.vue'),
41
45
  'browser_alt': () => import('./components/browser_alt.vue'),
46
+ 'browser': () => import('./components/browser.vue'),
42
47
  'briefcase': () => import('./components/briefcase.vue'),
43
- 'book_text': () => import('./components/book_text.vue'),
44
- 'bluetooth': () => import('./components/bluetooth.vue'),
45
- 'bell': () => import('./components/bell.vue'),
46
- 'calculator': () => import('./components/calculator.vue'),
47
- 'bookmark_book': () => import('./components/bookmark_book.vue'),
48
- 'arrow_top_right': () => import('./components/arrow_top_right.vue'),
49
- 'button_add': () => import('./components/button_add.vue'),
50
- 'button_minus': () => import('./components/button_minus.vue'),
51
48
  'calendar_add': () => import('./components/calendar_add.vue'),
52
- 'browser': () => import('./components/browser.vue'),
49
+ 'button_add': () => import('./components/button_add.vue'),
50
+ 'calculator': () => import('./components/calculator.vue'),
51
+ 'calendar': () => import('./components/calendar.vue'),
52
+ 'calendar_day': () => import('./components/calendar_day.vue'),
53
+ 'box_download': () => import('./components/box_download.vue'),
53
54
  'calendar_date': () => import('./components/calendar_date.vue'),
54
- 'calendar_month': () => import('./components/calendar_month.vue'),
55
- 'calendar_week': () => import('./components/calendar_week.vue'),
55
+ 'calendar_last_day': () => import('./components/calendar_last_day.vue'),
56
+ 'button_minus': () => import('./components/button_minus.vue'),
56
57
  'calendar_days': () => import('./components/calendar_days.vue'),
57
- 'calendar': () => import('./components/calendar.vue'),
58
58
  'calendar_move': () => import('./components/calendar_move.vue'),
59
- 'camera_noflash': () => import('./components/camera_noflash.vue'),
60
- 'calendar_split': () => import('./components/calendar_split.vue'),
61
59
  'calendar_remove': () => import('./components/calendar_remove.vue'),
62
- 'calendar_last_day': () => import('./components/calendar_last_day.vue'),
63
- 'card_view': () => import('./components/card_view.vue'),
64
- 'camera_noflash_alt': () => import('./components/camera_noflash_alt.vue'),
65
- 'chain': () => import('./components/chain.vue'),
66
- 'calendar_day': () => import('./components/calendar_day.vue'),
60
+ 'calendar_month': () => import('./components/calendar_month.vue'),
61
+ 'calendar_split': () => import('./components/calendar_split.vue'),
62
+ 'camera_alt': () => import('./components/camera_alt.vue'),
67
63
  'camera': () => import('./components/camera.vue'),
64
+ 'calendar_week': () => import('./components/calendar_week.vue'),
65
+ 'camera_noflash': () => import('./components/camera_noflash.vue'),
66
+ 'camera_noflash_alt': () => import('./components/camera_noflash_alt.vue'),
68
67
  'capture': () => import('./components/capture.vue'),
69
68
  'carousel': () => import('./components/carousel.vue'),
70
- 'checkbox_empty': () => import('./components/checkbox_empty.vue'),
71
- 'camera_alt': () => import('./components/camera_alt.vue'),
72
- 'chat_add': () => import('./components/chat_add.vue'),
69
+ 'checkbox_checked': () => import('./components/checkbox_checked.vue'),
70
+ 'chain': () => import('./components/chain.vue'),
71
+ 'card_timeline': () => import('./components/card_timeline.vue'),
72
+ 'card_view': () => import('./components/card_view.vue'),
73
73
  'cart': () => import('./components/cart.vue'),
74
+ 'cast': () => import('./components/cast.vue'),
75
+ 'chevron_down': () => import('./components/chevron_down.vue'),
74
76
  'check': () => import('./components/check.vue'),
75
- 'card_timeline': () => import('./components/card_timeline.vue'),
76
- 'checkbox_checked': () => import('./components/checkbox_checked.vue'),
77
+ 'check_circle': () => import('./components/check_circle.vue'),
78
+ 'chevron_close': () => import('./components/chevron_close.vue'),
79
+ 'checkbox_empty': () => import('./components/checkbox_empty.vue'),
80
+ 'check_circle_outside': () => import('./components/check_circle_outside.vue'),
77
81
  'chevron_down_circle': () => import('./components/chevron_down_circle.vue'),
78
82
  'chevron_down_double': () => import('./components/chevron_down_double.vue'),
79
- 'cast': () => import('./components/cast.vue'),
80
- 'chevron_right': () => import('./components/chevron_right.vue'),
81
- 'chevron_open': () => import('./components/chevron_open.vue'),
83
+ 'chat_add': () => import('./components/chat_add.vue'),
84
+ 'chevron_left_circle': () => import('./components/chevron_left_circle.vue'),
85
+ 'chevron_left_double': () => import('./components/chevron_left_double.vue'),
82
86
  'chevron_left': () => import('./components/chevron_left.vue'),
83
- 'chevron_down': () => import('./components/chevron_down.vue'),
84
- 'check_circle': () => import('./components/check_circle.vue'),
85
87
  'chevron_up_circle': () => import('./components/chevron_up_circle.vue'),
86
- 'chevron_up': () => import('./components/chevron_up.vue'),
87
- 'check_circle_outside': () => import('./components/check_circle_outside.vue'),
88
+ 'chevron_right_circle': () => import('./components/chevron_right_circle.vue'),
89
+ 'circle_menu': () => import('./components/circle_menu.vue'),
90
+ 'chevron_right': () => import('./components/chevron_right.vue'),
88
91
  'chevron_up_double': () => import('./components/chevron_up_double.vue'),
92
+ 'circle_split': () => import('./components/circle_split.vue'),
93
+ 'chevron_up': () => import('./components/chevron_up.vue'),
94
+ 'chevron_open': () => import('./components/chevron_open.vue'),
95
+ 'clipboard': () => import('./components/clipboard.vue'),
96
+ 'circle': () => import('./components/circle.vue'),
89
97
  'chevron_right_double': () => import('./components/chevron_right_double.vue'),
90
- 'circle_menu': () => import('./components/circle_menu.vue'),
91
- 'chevron_close': () => import('./components/chevron_close.vue'),
92
- 'chevron_right_circle': () => import('./components/chevron_right_circle.vue'),
93
- 'chevron_left_double': () => import('./components/chevron_left_double.vue'),
94
- 'chevron_left_circle': () => import('./components/chevron_left_circle.vue'),
98
+ 'clipboard_copy': () => import('./components/clipboard_copy.vue'),
95
99
  'clipboard_check': () => import('./components/clipboard_check.vue'),
96
- 'circle_split': () => import('./components/circle_split.vue'),
100
+ 'clipboard_notes': () => import('./components/clipboard_notes.vue'),
101
+ 'clipboard_cross': () => import('./components/clipboard_cross.vue'),
97
102
  'clipboard_add': () => import('./components/clipboard_add.vue'),
98
103
  'clipboard_remove': () => import('./components/clipboard_remove.vue'),
99
- 'clipboard': () => import('./components/clipboard.vue'),
100
- 'clipboard_cross': () => import('./components/clipboard_cross.vue'),
101
104
  'close': () => import('./components/close.vue'),
105
+ 'cloud_disconnect': () => import('./components/cloud_disconnect.vue'),
102
106
  'clock': () => import('./components/clock.vue'),
103
- 'clipboard_notes': () => import('./components/clipboard_notes.vue'),
104
- 'circle': () => import('./components/circle.vue'),
105
107
  'cloud': () => import('./components/cloud.vue'),
108
+ 'coffee': () => import('./components/coffee.vue'),
109
+ 'cloud_download': () => import('./components/cloud_download.vue'),
106
110
  'cloud_download_alt': () => import('./components/cloud_download_alt.vue'),
107
- 'cloud_disconnect': () => import('./components/cloud_disconnect.vue'),
108
- 'clipboard_copy': () => import('./components/clipboard_copy.vue'),
109
- 'coins': () => import('./components/coins.vue'),
110
- 'compass': () => import('./components/compass.vue'),
111
- 'cloud_upload': () => import('./components/cloud_upload.vue'),
112
- 'code': () => import('./components/code.vue'),
113
111
  'connect': () => import('./components/connect.vue'),
112
+ 'compass': () => import('./components/compass.vue'),
113
+ 'coins': () => import('./components/coins.vue'),
114
+ 'coin': () => import('./components/coin.vue'),
114
115
  'component_add': () => import('./components/component_add.vue'),
115
- 'cloud_upload_alt': () => import('./components/cloud_upload_alt.vue'),
116
- 'cross_circle': () => import('./components/cross_circle.vue'),
117
- 'contacts': () => import('./components/contacts.vue'),
118
116
  'contract': () => import('./components/contract.vue'),
119
- 'cloud_download': () => import('./components/cloud_download.vue'),
120
- 'coin': () => import('./components/coin.vue'),
121
- 'coffee': () => import('./components/coffee.vue'),
117
+ 'cloud_upload_alt': () => import('./components/cloud_upload_alt.vue'),
122
118
  'create': () => import('./components/create.vue'),
119
+ 'code': () => import('./components/code.vue'),
120
+ 'contacts': () => import('./components/contacts.vue'),
123
121
  'credit_card': () => import('./components/credit_card.vue'),
122
+ 'cross_circle': () => import('./components/cross_circle.vue'),
124
123
  'cross': () => import('./components/cross.vue'),
125
- 'cylinder': () => import('./components/cylinder.vue'),
124
+ 'crop': () => import('./components/crop.vue'),
125
+ 'diamond': () => import('./components/diamond.vue'),
126
+ 'database': () => import('./components/database.vue'),
126
127
  'cube': () => import('./components/cube.vue'),
127
- 'document_justified': () => import('./components/document_justified.vue'),
128
+ 'cloud_upload': () => import('./components/cloud_upload.vue'),
129
+ 'display_alt': () => import('./components/display_alt.vue'),
130
+ 'disc': () => import('./components/disc.vue'),
131
+ 'document_words': () => import('./components/document_words.vue'),
128
132
  'directions': () => import('./components/directions.vue'),
133
+ 'cylinder': () => import('./components/cylinder.vue'),
134
+ 'document_stack': () => import('./components/document_stack.vue'),
135
+ 'document_justified': () => import('./components/document_justified.vue'),
136
+ 'document': () => import('./components/document.vue'),
129
137
  'display': () => import('./components/display.vue'),
130
- 'crop': () => import('./components/crop.vue'),
131
- 'download': () => import('./components/download.vue'),
132
138
  'door_alt': () => import('./components/door_alt.vue'),
139
+ 'download_alt': () => import('./components/download_alt.vue'),
140
+ 'crosshair': () => import('./components/crosshair.vue'),
141
+ 'drag': () => import('./components/drag.vue'),
142
+ 'duplicate_alt': () => import('./components/duplicate_alt.vue'),
143
+ 'duplicate': () => import('./components/duplicate.vue'),
133
144
  'door': () => import('./components/door.vue'),
134
- 'downward': () => import('./components/downward.vue'),
135
- 'document_words': () => import('./components/document_words.vue'),
136
- 'document_stack': () => import('./components/document_stack.vue'),
137
- 'display_alt': () => import('./components/display_alt.vue'),
138
- 'document_list': () => import('./components/document_list.vue'),
139
- 'disc': () => import('./components/disc.vue'),
140
- 'database': () => import('./components/database.vue'),
145
+ 'enter_alt': () => import('./components/enter_alt.vue'),
141
146
  'drag_circle': () => import('./components/drag_circle.vue'),
147
+ 'document_list': () => import('./components/document_list.vue'),
142
148
  'drag_vertical': () => import('./components/drag_vertical.vue'),
143
- 'duplicate': () => import('./components/duplicate.vue'),
144
- 'duplicate_alt': () => import('./components/duplicate_alt.vue'),
145
- 'enter_alt': () => import('./components/enter_alt.vue'),
146
- 'document': () => import('./components/document.vue'),
147
- 'crosshair': () => import('./components/crosshair.vue'),
148
- 'exit_right': () => import('./components/exit_right.vue'),
149
- 'expand': () => import('./components/expand.vue'),
150
- 'episodes': () => import('./components/episodes.vue'),
151
- 'exit_left': () => import('./components/exit_left.vue'),
152
- 'drag': () => import('./components/drag.vue'),
149
+ 'download': () => import('./components/download.vue'),
153
150
  'expand_width': () => import('./components/expand_width.vue'),
151
+ 'episodes': () => import('./components/episodes.vue'),
152
+ 'enter': () => import('./components/enter.vue'),
153
+ 'expand': () => import('./components/expand.vue'),
154
+ 'downward': () => import('./components/downward.vue'),
155
+ 'expand_height': () => import('./components/expand_height.vue'),
154
156
  'external': () => import('./components/external.vue'),
157
+ 'exit_left': () => import('./components/exit_left.vue'),
155
158
  'eye_no': () => import('./components/eye_no.vue'),
156
- 'download_alt': () => import('./components/download_alt.vue'),
157
- 'eye': () => import('./components/eye.vue'),
158
- 'face_happy': () => import('./components/face_happy.vue'),
159
+ 'exit_right': () => import('./components/exit_right.vue'),
160
+ 'face_neutral': () => import('./components/face_neutral.vue'),
161
+ 'face_delighted': () => import('./components/face_delighted.vue'),
162
+ 'file_download': () => import('./components/file_download.vue'),
159
163
  'eye_closed': () => import('./components/eye_closed.vue'),
164
+ 'eye': () => import('./components/eye.vue'),
165
+ 'face_sad': () => import('./components/face_sad.vue'),
160
166
  'fi_fingerprint': () => import('./components/fi_fingerprint.vue'),
161
- 'expand_height': () => import('./components/expand_height.vue'),
162
- 'file_download': () => import('./components/file_download.vue'),
163
- 'film': () => import('./components/film.vue'),
164
- 'face_neutral': () => import('./components/face_neutral.vue'),
167
+ 'face_happy': () => import('./components/face_happy.vue'),
165
168
  'files_history': () => import('./components/files_history.vue'),
166
- 'face_sad': () => import('./components/face_sad.vue'),
169
+ 'filter_circle': () => import('./components/filter_circle.vue'),
170
+ 'filter_all': () => import('./components/filter_all.vue'),
167
171
  'file_upload': () => import('./components/file_upload.vue'),
168
- 'filter_completed': () => import('./components/filter_completed.vue'),
169
172
  'files_multi': () => import('./components/files_multi.vue'),
173
+ 'film': () => import('./components/film.vue'),
174
+ 'filtering': () => import('./components/filtering.vue'),
170
175
  'filter_not_started': () => import('./components/filter_not_started.vue'),
171
- 'filter_circle': () => import('./components/filter_circle.vue'),
176
+ 'filter_completed': () => import('./components/filter_completed.vue'),
172
177
  'filter': () => import('./components/filter.vue'),
173
- 'face_delighted': () => import('./components/face_delighted.vue'),
178
+ 'fingerprint': () => import('./components/fingerprint.vue'),
174
179
  'files_stack': () => import('./components/files_stack.vue'),
180
+ 'flag': () => import('./components/flag.vue'),
175
181
  'filter_ongoing': () => import('./components/filter_ongoing.vue'),
176
- 'enter': () => import('./components/enter.vue'),
177
182
  'filter_single': () => import('./components/filter_single.vue'),
178
- 'fingerprint': () => import('./components/fingerprint.vue'),
179
- 'flag': () => import('./components/flag.vue'),
180
- 'filtering': () => import('./components/filtering.vue'),
181
- 'flame_alt': () => import('./components/flame_alt.vue'),
182
183
  'folder_add': () => import('./components/folder_add.vue'),
183
184
  'folder_minus': () => import('./components/folder_minus.vue'),
185
+ 'flame': () => import('./components/flame.vue'),
186
+ 'forward': () => import('./components/forward.vue'),
184
187
  'floppy': () => import('./components/floppy.vue'),
188
+ 'filter_overdue': () => import('./components/filter_overdue.vue'),
189
+ 'flame_alt': () => import('./components/flame_alt.vue'),
185
190
  'fork_git': () => import('./components/fork_git.vue'),
186
191
  'folder_closed': () => import('./components/folder_closed.vue'),
187
192
  'flip_view': () => import('./components/flip_view.vue'),
188
- 'folder_open': () => import('./components/folder_open.vue'),
189
- 'forward10': () => import('./components/forward10.vue'),
190
- 'filter_all': () => import('./components/filter_all.vue'),
191
- 'flame': () => import('./components/flame.vue'),
192
- 'forward_alt': () => import('./components/forward_alt.vue'),
193
193
  'frame': () => import('./components/frame.vue'),
194
- 'forward': () => import('./components/forward.vue'),
195
- 'funnel': () => import('./components/funnel.vue'),
196
- 'graph_increase': () => import('./components/graph_increase.vue'),
197
- 'graph_bar': () => import('./components/graph_bar.vue'),
198
194
  'globe': () => import('./components/globe.vue'),
199
- 'grab': () => import('./components/grab.vue'),
195
+ 'gift': () => import('./components/gift.vue'),
196
+ 'gps': () => import('./components/gps.vue'),
197
+ 'forward10': () => import('./components/forward10.vue'),
198
+ 'folder_open': () => import('./components/folder_open.vue'),
199
+ 'gauge': () => import('./components/gauge.vue'),
200
+ 'funnel': () => import('./components/funnel.vue'),
200
201
  'fullscreen': () => import('./components/fullscreen.vue'),
201
- 'grid_circles_add': () => import('./components/grid_circles_add.vue'),
202
202
  'graph_box': () => import('./components/graph_box.vue'),
203
- 'gps': () => import('./components/gps.vue'),
204
- 'grid_squares_add': () => import('./components/grid_squares_add.vue'),
203
+ 'forward_alt': () => import('./components/forward_alt.vue'),
204
+ 'grab': () => import('./components/grab.vue'),
205
+ 'graph_bar': () => import('./components/graph_bar.vue'),
205
206
  'grid': () => import('./components/grid.vue'),
206
- 'filter_overdue': () => import('./components/filter_overdue.vue'),
207
- 'hand': () => import('./components/hand.vue'),
208
- 'grid_squares': () => import('./components/grid_squares.vue'),
209
- 'gauge': () => import('./components/gauge.vue'),
210
207
  'grid_circles': () => import('./components/grid_circles.vue'),
211
- 'gift': () => import('./components/gift.vue'),
208
+ 'graph_increase': () => import('./components/graph_increase.vue'),
209
+ 'grid_squares': () => import('./components/grid_squares.vue'),
210
+ 'harddrive': () => import('./components/harddrive.vue'),
211
+ 'grid_small': () => import('./components/grid_small.vue'),
212
212
  'heart': () => import('./components/heart.vue'),
213
- 'hash': () => import('./components/hash.vue'),
213
+ 'hand': () => import('./components/hand.vue'),
214
214
  'heart_remove': () => import('./components/heart_remove.vue'),
215
- 'hierarchy': () => import('./components/hierarchy.vue'),
216
- 'home_alt': () => import('./components/home_alt.vue'),
217
- 'harddrive': () => import('./components/harddrive.vue'),
218
- 'height': () => import('./components/height.vue'),
219
- 'home_check': () => import('./components/home_check.vue'),
215
+ 'grid_circles_add': () => import('./components/grid_circles_add.vue'),
216
+ 'grid_squares_add': () => import('./components/grid_squares_add.vue'),
220
217
  'home': () => import('./components/home.vue'),
221
- 'diamond': () => import('./components/diamond.vue'),
222
- 'inbox': () => import('./components/inbox.vue'),
218
+ 'height': () => import('./components/height.vue'),
219
+ 'hash': () => import('./components/hash.vue'),
223
220
  'heart_rate': () => import('./components/heart_rate.vue'),
221
+ 'home_check': () => import('./components/home_check.vue'),
222
+ 'hierarchy': () => import('./components/hierarchy.vue'),
224
223
  'import': () => import('./components/import.vue'),
225
- 'jump_backward': () => import('./components/jump_backward.vue'),
226
224
  'home_door': () => import('./components/home_door.vue'),
227
- 'iphone_portrait': () => import('./components/iphone_portrait.vue'),
228
- 'info_circle': () => import('./components/info_circle.vue'),
225
+ 'inbox': () => import('./components/inbox.vue'),
229
226
  'inbox_alt': () => import('./components/inbox_alt.vue'),
227
+ 'info_circle': () => import('./components/info_circle.vue'),
228
+ 'home_alt': () => import('./components/home_alt.vue'),
230
229
  'jump_left': () => import('./components/jump_left.vue'),
231
- 'jump_right': () => import('./components/jump_right.vue'),
232
- 'iphone_landscape': () => import('./components/iphone_landscape.vue'),
233
- 'jump_forward': () => import('./components/jump_forward.vue'),
230
+ 'jump_backward': () => import('./components/jump_backward.vue'),
231
+ 'iphone_portrait': () => import('./components/iphone_portrait.vue'),
234
232
  'lightbulb_on': () => import('./components/lightbulb_on.vue'),
235
- 'grid_small': () => import('./components/grid_small.vue'),
236
- 'link': () => import('./components/link.vue'),
237
- 'lightning': () => import('./components/lightning.vue'),
238
- 'list': () => import('./components/list.vue'),
239
- 'lightbulb': () => import('./components/lightbulb.vue'),
233
+ 'laptop': () => import('./components/laptop.vue'),
234
+ 'jump_forward': () => import('./components/jump_forward.vue'),
235
+ 'keyboard': () => import('./components/keyboard.vue'),
236
+ 'iphone_landscape': () => import('./components/iphone_landscape.vue'),
237
+ 'jump_right': () => import('./components/jump_right.vue'),
240
238
  'lightning_alt': () => import('./components/lightning_alt.vue'),
239
+ 'lightbulb': () => import('./components/lightbulb.vue'),
240
+ 'lightning': () => import('./components/lightning.vue'),
241
+ 'link': () => import('./components/link.vue'),
241
242
  'lineweight': () => import('./components/lineweight.vue'),
242
- 'list_add': () => import('./components/list_add.vue'),
243
- 'link_vertical': () => import('./components/link_vertical.vue'),
244
- 'loader': () => import('./components/loader.vue'),
245
243
  'link_alt': () => import('./components/link_alt.vue'),
246
- 'location': () => import('./components/location.vue'),
244
+ 'link_broken': () => import('./components/link_broken.vue'),
245
+ 'loader': () => import('./components/loader.vue'),
246
+ 'link_vertical': () => import('./components/link_vertical.vue'),
247
247
  'list_numbered': () => import('./components/list_numbered.vue'),
248
+ 'link_horizontal': () => import('./components/link_horizontal.vue'),
248
249
  'lock_open': () => import('./components/lock_open.vue'),
249
- 'laptop': () => import('./components/laptop.vue'),
250
- 'mail_minus': () => import('./components/mail_minus.vue'),
251
- 'link_broken': () => import('./components/link_broken.vue'),
250
+ 'lock': () => import('./components/lock.vue'),
251
+ 'list_add': () => import('./components/list_add.vue'),
252
+ 'list': () => import('./components/list.vue'),
252
253
  'mail_add': () => import('./components/mail_add.vue'),
253
- 'link_horizontal': () => import('./components/link_horizontal.vue'),
254
- 'mail_delete': () => import('./components/mail_delete.vue'),
254
+ 'location': () => import('./components/location.vue'),
255
+ 'maximise': () => import('./components/maximise.vue'),
256
+ 'mail_minus': () => import('./components/mail_minus.vue'),
255
257
  'mail_remove': () => import('./components/mail_remove.vue'),
256
- 'keyboard': () => import('./components/keyboard.vue'),
257
- 'mail': () => import('./components/mail.vue'),
258
- 'mail_new': () => import('./components/mail_new.vue'),
259
- 'marquee': () => import('./components/marquee.vue'),
258
+ 'mail_delete': () => import('./components/mail_delete.vue'),
259
+ 'menu_horizontal': () => import('./components/menu_horizontal.vue'),
260
260
  'mail_open': () => import('./components/mail_open.vue'),
261
261
  'menu_hamburger': () => import('./components/menu_hamburger.vue'),
262
+ 'mail_new': () => import('./components/mail_new.vue'),
263
+ 'mail': () => import('./components/mail.vue'),
264
+ 'message': () => import('./components/message.vue'),
262
265
  'menu_vertical': () => import('./components/menu_vertical.vue'),
263
- 'microphone': () => import('./components/microphone.vue'),
264
266
  'message_writing': () => import('./components/message_writing.vue'),
265
- 'maximise': () => import('./components/maximise.vue'),
266
- 'message': () => import('./components/message.vue'),
267
- 'microphone_muted': () => import('./components/microphone_muted.vue'),
268
- 'menu_horizontal': () => import('./components/menu_horizontal.vue'),
269
- 'minus': () => import('./components/minus.vue'),
270
- 'moon': () => import('./components/moon.vue'),
267
+ 'microphone': () => import('./components/microphone.vue'),
268
+ 'marquee': () => import('./components/marquee.vue'),
271
269
  'minimise': () => import('./components/minimise.vue'),
272
- 'lock': () => import('./components/lock.vue'),
270
+ 'minus_circle': () => import('./components/minus_circle.vue'),
273
271
  'microphone_disabled': () => import('./components/microphone_disabled.vue'),
274
272
  'midpoint': () => import('./components/midpoint.vue'),
275
- 'nut': () => import('./components/nut.vue'),
273
+ 'minus': () => import('./components/minus.vue'),
276
274
  'no_sign': () => import('./components/no_sign.vue'),
277
- 'panel_center': () => import('./components/panel_center.vue'),
278
- 'newspaper': () => import('./components/newspaper.vue'),
279
- 'minus_circle': () => import('./components/minus_circle.vue'),
275
+ 'microphone_muted': () => import('./components/microphone_muted.vue'),
276
+ 'moon': () => import('./components/moon.vue'),
280
277
  'mini_player': () => import('./components/mini_player.vue'),
281
278
  'move': () => import('./components/move.vue'),
279
+ 'newspaper': () => import('./components/newspaper.vue'),
282
280
  'notebook': () => import('./components/notebook.vue'),
281
+ 'notification': () => import('./components/notification.vue'),
282
+ 'nut': () => import('./components/nut.vue'),
283
283
  'optional': () => import('./components/optional.vue'),
284
284
  'panel_bottom': () => import('./components/panel_bottom.vue'),
285
- 'paper': () => import('./components/paper.vue'),
286
- 'paragraph_center': () => import('./components/paragraph_center.vue'),
287
- 'paper_folded': () => import('./components/paper_folded.vue'),
288
- 'panel_top': () => import('./components/panel_top.vue'),
289
- 'notification': () => import('./components/notification.vue'),
290
285
  'pages': () => import('./components/pages.vue'),
291
- 'paperclip': () => import('./components/paperclip.vue'),
286
+ 'panel_right': () => import('./components/panel_right.vue'),
287
+ 'panel_sectioned': () => import('./components/panel_sectioned.vue'),
288
+ 'panel_center': () => import('./components/panel_center.vue'),
289
+ 'panel_top': () => import('./components/panel_top.vue'),
292
290
  'panel_left': () => import('./components/panel_left.vue'),
293
291
  'paper_plane_alt': () => import('./components/paper_plane_alt.vue'),
294
- 'panel_right': () => import('./components/panel_right.vue'),
295
- 'pause': () => import('./components/pause.vue'),
296
- 'paragraph_right': () => import('./components/paragraph_right.vue'),
297
- 'paper_plane': () => import('./components/paper_plane.vue'),
292
+ 'paper': () => import('./components/paper.vue'),
293
+ 'paperclip': () => import('./components/paperclip.vue'),
298
294
  'paragraph_left': () => import('./components/paragraph_left.vue'),
299
- 'pen': () => import('./components/pen.vue'),
295
+ 'paper_plane': () => import('./components/paper_plane.vue'),
300
296
  'paragraph_start': () => import('./components/paragraph_start.vue'),
301
- 'phone_landscape': () => import('./components/phone_landscape.vue'),
302
- 'picture': () => import('./components/picture.vue'),
303
- 'pie_quarter': () => import('./components/pie_quarter.vue'),
304
- 'play': () => import('./components/play.vue'),
297
+ 'paper_folded': () => import('./components/paper_folded.vue'),
305
298
  'paragraph_end': () => import('./components/paragraph_end.vue'),
306
- 'postcard': () => import('./components/postcard.vue'),
299
+ 'paragraph_right': () => import('./components/paragraph_right.vue'),
300
+ 'pause': () => import('./components/pause.vue'),
301
+ 'phone_landscape': () => import('./components/phone_landscape.vue'),
302
+ 'pen': () => import('./components/pen.vue'),
303
+ 'paragraph_center': () => import('./components/paragraph_center.vue'),
307
304
  'pie_half': () => import('./components/pie_half.vue'),
308
305
  'phone_portrait': () => import('./components/phone_portrait.vue'),
306
+ 'postcard': () => import('./components/postcard.vue'),
307
+ 'plus': () => import('./components/plus.vue'),
309
308
  'plus_circle': () => import('./components/plus_circle.vue'),
310
- 'project_fixed': () => import('./components/project_fixed.vue'),
311
- 'printer': () => import('./components/printer.vue'),
309
+ 'play': () => import('./components/play.vue'),
310
+ 'picture': () => import('./components/picture.vue'),
311
+ 'pie_quarter': () => import('./components/pie_quarter.vue'),
312
+ 'project_tnm': () => import('./components/project_tnm.vue'),
312
313
  'pie_third': () => import('./components/pie_third.vue'),
313
- 'pull_down': () => import('./components/pull_down.vue'),
314
- 'plus': () => import('./components/plus.vue'),
314
+ 'printer': () => import('./components/printer.vue'),
315
+ 'project_fixed': () => import('./components/project_fixed.vue'),
315
316
  'projector': () => import('./components/projector.vue'),
316
- 'push_down': () => import('./components/push_down.vue'),
317
- 'panel_sectioned': () => import('./components/panel_sectioned.vue'),
318
- 'project_nonprofit': () => import('./components/project_nonprofit.vue'),
319
- 'play_button': () => import('./components/play_button.vue'),
320
- 'push_left': () => import('./components/push_left.vue'),
321
- 'pull_right': () => import('./components/pull_right.vue'),
322
- 'pull_up': () => import('./components/pull_up.vue'),
323
- 'push_right': () => import('./components/push_right.vue'),
324
317
  'pull_left': () => import('./components/pull_left.vue'),
318
+ 'pull_up': () => import('./components/pull_up.vue'),
319
+ 'pull_right': () => import('./components/pull_right.vue'),
320
+ 'pull_down': () => import('./components/pull_down.vue'),
321
+ 'push_down': () => import('./components/push_down.vue'),
325
322
  'push_up': () => import('./components/push_up.vue'),
323
+ 'project_nonprofit': () => import('./components/project_nonprofit.vue'),
326
324
  'question_circle': () => import('./components/question_circle.vue'),
325
+ 'push_right': () => import('./components/push_right.vue'),
327
326
  'radio_on': () => import('./components/radio_on.vue'),
328
327
  'record': () => import('./components/record.vue'),
329
- 'replicate_alt': () => import('./components/replicate_alt.vue'),
330
- 'reset_alt': () => import('./components/reset_alt.vue'),
331
- 'refresh': () => import('./components/refresh.vue'),
332
- 'project_tnm': () => import('./components/project_tnm.vue'),
333
- 'refresh_alt': () => import('./components/refresh_alt.vue'),
334
- 'reset': () => import('./components/reset.vue'),
335
328
  'redo': () => import('./components/redo.vue'),
336
- 'reset_hard': () => import('./components/reset_hard.vue'),
329
+ 'refresh_alt': () => import('./components/refresh_alt.vue'),
337
330
  'reset_forward': () => import('./components/reset_forward.vue'),
338
- 'reverse': () => import('./components/reverse.vue'),
339
- 'retweet': () => import('./components/retweet.vue'),
331
+ 'replicate_alt': () => import('./components/replicate_alt.vue'),
340
332
  'replicate': () => import('./components/replicate.vue'),
341
- 'reuse': () => import('./components/reuse.vue'),
342
333
  'receipt': () => import('./components/receipt.vue'),
334
+ 'required': () => import('./components/required.vue'),
335
+ 'reset': () => import('./components/reset.vue'),
336
+ 'reset_alt': () => import('./components/reset_alt.vue'),
337
+ 'reset_temporary': () => import('./components/reset_temporary.vue'),
338
+ 'retweet': () => import('./components/retweet.vue'),
339
+ 'play_button': () => import('./components/play_button.vue'),
340
+ 'reuse': () => import('./components/reuse.vue'),
341
+ 'refresh': () => import('./components/refresh.vue'),
342
+ 'reverse': () => import('./components/reverse.vue'),
343
+ 'push_left': () => import('./components/push_left.vue'),
343
344
  'scale': () => import('./components/scale.vue'),
344
- 'reset_temporary': () => import('./components/reset_temporary.vue'),
345
- 'ruler': () => import('./components/ruler.vue'),
346
- 'scale_extend': () => import('./components/scale_extend.vue'),
347
- 'required': () => import('./components/required.vue'),
348
- 'scale_contract': () => import('./components/scale_contract.vue'),
349
- 'revert': () => import('./components/revert.vue'),
350
345
  'scalpel': () => import('./components/scalpel.vue'),
351
- 'shuffle': () => import('./components/shuffle.vue'),
346
+ 'scale_contract': () => import('./components/scale_contract.vue'),
347
+ 'reverse_alt': () => import('./components/reverse_alt.vue'),
348
+ 'ruler': () => import('./components/ruler.vue'),
349
+ 'settings': () => import('./components/settings.vue'),
350
+ 'reset_hard': () => import('./components/reset_hard.vue'),
352
351
  'server': () => import('./components/server.vue'),
353
- 'rocket': () => import('./components/rocket.vue'),
354
- 'slash_forward': () => import('./components/slash_forward.vue'),
352
+ 'shuffle': () => import('./components/shuffle.vue'),
353
+ 'share_alt': () => import('./components/share_alt.vue'),
354
+ 'scale_extend': () => import('./components/scale_extend.vue'),
355
355
  'search': () => import('./components/search.vue'),
356
- 'settings': () => import('./components/settings.vue'),
357
- 'share': () => import('./components/share.vue'),
358
- 'slash_backward': () => import('./components/slash_backward.vue'),
356
+ 'rocket': () => import('./components/rocket.vue'),
357
+ 'revert': () => import('./components/revert.vue'),
359
358
  'sort': () => import('./components/sort.vue'),
360
- 'speech_typing': () => import('./components/speech_typing.vue'),
359
+ 'slash_forward': () => import('./components/slash_forward.vue'),
360
+ 'side_menu': () => import('./components/side_menu.vue'),
361
361
  'speech_bubble': () => import('./components/speech_bubble.vue'),
362
- 'split': () => import('./components/split.vue'),
363
- 'reverse_alt': () => import('./components/reverse_alt.vue'),
364
- 'sliders': () => import('./components/sliders.vue'),
365
362
  'speaker': () => import('./components/speaker.vue'),
366
- 'support': () => import('./components/support.vue'),
367
363
  'sort_alt': () => import('./components/sort_alt.vue'),
364
+ 'slash_backward': () => import('./components/slash_backward.vue'),
365
+ 'split': () => import('./components/split.vue'),
368
366
  'sun': () => import('./components/sun.vue'),
369
- 'side_menu': () => import('./components/side_menu.vue'),
367
+ 'sliders': () => import('./components/sliders.vue'),
370
368
  'switch': () => import('./components/switch.vue'),
371
- 'share_alt': () => import('./components/share_alt.vue'),
372
369
  'star': () => import('./components/star.vue'),
373
- 'swap': () => import('./components/swap.vue'),
374
370
  'table_header': () => import('./components/table_header.vue'),
371
+ 'split_three': () => import('./components/split_three.vue'),
372
+ 'speech_typing': () => import('./components/speech_typing.vue'),
373
+ 'swap': () => import('./components/swap.vue'),
374
+ 'support': () => import('./components/support.vue'),
375
375
  'table': () => import('./components/table.vue'),
376
+ 'thumbs_down': () => import('./components/thumbs_down.vue'),
377
+ 'share': () => import('./components/share.vue'),
376
378
  'tag': () => import('./components/tag.vue'),
377
- 'target': () => import('./components/target.vue'),
378
- 'split_three': () => import('./components/split_three.vue'),
379
- 'thumbs_up': () => import('./components/thumbs_up.vue'),
380
- 'thread': () => import('./components/thread.vue'),
381
- 'tags': () => import('./components/tags.vue'),
382
379
  'ticket': () => import('./components/ticket.vue'),
380
+ 'thumbs_up': () => import('./components/thumbs_up.vue'),
383
381
  'tag_milestone': () => import('./components/tag_milestone.vue'),
384
- 'toggle': () => import('./components/toggle.vue'),
385
382
  'timeline': () => import('./components/timeline.vue'),
386
- 'toggles': () => import('./components/toggles.vue'),
383
+ 'target': () => import('./components/target.vue'),
384
+ 'toggle': () => import('./components/toggle.vue'),
387
385
  'translate': () => import('./components/translate.vue'),
388
- 'todo': () => import('./components/todo.vue'),
389
- 'tv_mode': () => import('./components/tv_mode.vue'),
390
- 'thumbs_down': () => import('./components/thumbs_down.vue'),
386
+ 'trophy': () => import('./components/trophy.vue'),
387
+ 'tags': () => import('./components/tags.vue'),
391
388
  'trash': () => import('./components/trash.vue'),
392
- 'trash_alt': () => import('./components/trash_alt.vue'),
389
+ 'type_file': () => import('./components/type_file.vue'),
393
390
  'type_email': () => import('./components/type_email.vue'),
391
+ 'type_date': () => import('./components/type_date.vue'),
392
+ 'toggles': () => import('./components/toggles.vue'),
393
+ 'type_formula': () => import('./components/type_formula.vue'),
394
+ 'trash_alt': () => import('./components/trash_alt.vue'),
395
+ 'todo': () => import('./components/todo.vue'),
394
396
  'type_checkbox': () => import('./components/type_checkbox.vue'),
395
- 'type_multiselect': () => import('./components/type_multiselect.vue'),
396
397
  'type_id': () => import('./components/type_id.vue'),
397
- 'type_select': () => import('./components/type_select.vue'),
398
- 'type_formula': () => import('./components/type_formula.vue'),
399
- 'type_file': () => import('./components/type_file.vue'),
400
- 'type_date': () => import('./components/type_date.vue'),
398
+ 'tv_mode': () => import('./components/tv_mode.vue'),
399
+ 'type_multiselect': () => import('./components/type_multiselect.vue'),
400
+ 'thread': () => import('./components/thread.vue'),
401
401
  'type_phone': () => import('./components/type_phone.vue'),
402
- 'type_text': () => import('./components/type_text.vue'),
403
- 'type_user': () => import('./components/type_user.vue'),
404
- 'type_status': () => import('./components/type_status.vue'),
405
- 'type_time': () => import('./components/type_time.vue'),
406
402
  'type_url': () => import('./components/type_url.vue'),
403
+ 'type_time': () => import('./components/type_time.vue'),
404
+ 'type_person': () => import('./components/type_person.vue'),
405
+ 'type_status': () => import('./components/type_status.vue'),
406
+ 'type_text': () => import('./components/type_text.vue'),
407
+ 'type_select': () => import('./components/type_select.vue'),
408
+ 'undo': () => import('./components/undo.vue'),
407
409
  'type_number': () => import('./components/type_number.vue'),
408
410
  'type_relation': () => import('./components/type_relation.vue'),
409
- 'undo': () => import('./components/undo.vue'),
411
+ 'type_user': () => import('./components/type_user.vue'),
412
+ 'unarchive': () => import('./components/unarchive.vue'),
410
413
  'unlink_horizontal': () => import('./components/unlink_horizontal.vue'),
411
- 'upload': () => import('./components/upload.vue'),
412
- 'unlink_vertical': () => import('./components/unlink_vertical.vue'),
413
- 'user_add': () => import('./components/user_add.vue'),
414
414
  'undo_history': () => import('./components/undo_history.vue'),
415
- 'trophy': () => import('./components/trophy.vue'),
416
- 'user': () => import('./components/user.vue'),
417
- 'unarchive': () => import('./components/unarchive.vue'),
415
+ 'unlink_vertical': () => import('./components/unlink_vertical.vue'),
418
416
  'upload_alt': () => import('./components/upload_alt.vue'),
417
+ 'user': () => import('./components/user.vue'),
418
+ 'upload': () => import('./components/upload.vue'),
419
419
  'upward': () => import('./components/upward.vue'),
420
+ 'user_add': () => import('./components/user_add.vue'),
420
421
  'user_circle': () => import('./components/user_circle.vue'),
422
+ 'user_male': () => import('./components/user_male.vue'),
423
+ 'users': () => import('./components/users.vue'),
421
424
  'user_remove': () => import('./components/user_remove.vue'),
425
+ 'volume_disabled': () => import('./components/volume_disabled.vue'),
422
426
  'venn': () => import('./components/venn.vue'),
423
- 'users': () => import('./components/users.vue'),
427
+ 'volume_0': () => import('./components/volume_0.vue'),
424
428
  'user_male_circle': () => import('./components/user_male_circle.vue'),
425
- 'versions': () => import('./components/versions.vue'),
426
- 'video': () => import('./components/video.vue'),
427
- 'version': () => import('./components/version.vue'),
428
- 'user_male': () => import('./components/user_male.vue'),
429
- 'volume_low': () => import('./components/volume_low.vue'),
430
- 'volume_muted': () => import('./components/volume_muted.vue'),
431
429
  'volume_minus': () => import('./components/volume_minus.vue'),
430
+ 'video': () => import('./components/video.vue'),
431
+ 'volume_add': () => import('./components/volume_add.vue'),
432
+ 'versions': () => import('./components/versions.vue'),
432
433
  'volume_high': () => import('./components/volume_high.vue'),
433
- 'volume_disabled': () => import('./components/volume_disabled.vue'),
434
- 'volume_0': () => import('./components/volume_0.vue'),
435
- 'wallet': () => import('./components/wallet.vue'),
436
- 'width': () => import('./components/width.vue'),
437
- 'wifi': () => import('./components/wifi.vue'),
434
+ 'volume_low': () => import('./components/volume_low.vue'),
435
+ 'version': () => import('./components/version.vue'),
438
436
  'warning_hex': () => import('./components/warning_hex.vue'),
439
- 'volume_add': () => import('./components/volume_add.vue'),
440
437
  'waves': () => import('./components/waves.vue'),
438
+ 'width': () => import('./components/width.vue'),
439
+ 'volume_muted': () => import('./components/volume_muted.vue'),
441
440
  'warning_circle': () => import('./components/warning_circle.vue'),
442
- 'window_content': () => import('./components/window_content.vue'),
441
+ 'wifi': () => import('./components/wifi.vue'),
442
+ 'wallet': () => import('./components/wallet.vue'),
443
443
  'wifi_none': () => import('./components/wifi_none.vue'),
444
- 'window': () => import('./components/window.vue'),
445
444
  'warning_triangle': () => import('./components/warning_triangle.vue'),
445
+ 'wifi_error': () => import('./components/wifi_error.vue'),
446
+ 'window': () => import('./components/window.vue'),
446
447
  'window_collapse_left': () => import('./components/window_collapse_left.vue'),
447
448
  'zoom_cancel': () => import('./components/zoom_cancel.vue'),
448
- 'wifi_error': () => import('./components/wifi_error.vue'),
449
- 'window_collapse_right': () => import('./components/window_collapse_right.vue'),
450
449
  'wrap_back': () => import('./components/wrap_back.vue'),
451
- 'wrap_forward': () => import('./components/wrap_forward.vue'),
452
- 'type_person': () => import('./components/type_person.vue'),
453
- 'zoom_out': () => import('./components/zoom_out.vue'),
454
- 'zoom_in': () => import('./components/zoom_in.vue'),
455
450
  'write': () => import('./components/write.vue'),
451
+ 'zoom_in': () => import('./components/zoom_in.vue'),
452
+ 'window_collapse_right': () => import('./components/window_collapse_right.vue'),
453
+ 'zoom_out': () => import('./components/zoom_out.vue'),
456
454
  'zoom_reset': () => import('./components/zoom_reset.vue'),
457
- 'nomi-arrow-right-alt': () => import('./components/nomi-arrow-right-alt.vue'),
455
+ 'window_content': () => import('./components/window_content.vue'),
456
+ 'wrap_forward': () => import('./components/wrap_forward.vue'),
458
457
  'nomi-arrow_down': () => import('./components/nomi-arrow_down.vue'),
458
+ 'nomi-arrow-right-alt': () => import('./components/nomi-arrow-right-alt.vue'),
459
459
  'nomi-arrow-down': () => import('./components/nomi-arrow-down.vue'),
460
- 'nomi-ai': () => import('./components/nomi-ai.vue'),
460
+ 'nomi-arrow_up': () => import('./components/nomi-arrow_up.vue'),
461
461
  'nomi-arrow-up': () => import('./components/nomi-arrow-up.vue'),
462
- 'nomi-bell': () => import('./components/nomi-bell.vue'),
462
+ 'nomi-automation': () => import('./components/nomi-automation.vue'),
463
+ 'nomi-arrow_left': () => import('./components/nomi-arrow_left.vue'),
464
+ 'nomi-ai': () => import('./components/nomi-ai.vue'),
463
465
  'nomi-calendar-alt2': () => import('./components/nomi-calendar-alt2.vue'),
464
- 'nomi-balance': () => import('./components/nomi-balance.vue'),
465
- 'nomi-arrow-right-top': () => import('./components/nomi-arrow-right-top.vue'),
466
- 'nomi-card': () => import('./components/nomi-card.vue'),
467
466
  'nomi-arrows': () => import('./components/nomi-arrows.vue'),
468
- 'nomi-arrow_up': () => import('./components/nomi-arrow_up.vue'),
469
467
  'nomi-cash-provider': () => import('./components/nomi-cash-provider.vue'),
470
468
  'nomi-calendar-alt': () => import('./components/nomi-calendar-alt.vue'),
471
469
  'nomi-calendar': () => import('./components/nomi-calendar.vue'),
470
+ 'nomi-bell': () => import('./components/nomi-bell.vue'),
471
+ 'nomi-category_alt': () => import('./components/nomi-category_alt.vue'),
472
472
  'nomi-card-plus': () => import('./components/nomi-card-plus.vue'),
473
- 'nomi-chart-line': () => import('./components/nomi-chart-line.vue'),
473
+ 'nomi-card': () => import('./components/nomi-card.vue'),
474
474
  'nomi-cash': () => import('./components/nomi-cash.vue'),
475
- 'nomi-chart-bars': () => import('./components/nomi-chart-bars.vue'),
476
- 'nomi-chart-lines': () => import('./components/nomi-chart-lines.vue'),
477
- 'nomi-automation': () => import('./components/nomi-automation.vue'),
478
- 'nomi-chart-donut': () => import('./components/nomi-chart-donut.vue'),
479
475
  'nomi-chart-funnel': () => import('./components/nomi-chart-funnel.vue'),
480
476
  'nomi-category': () => import('./components/nomi-category.vue'),
481
- 'nomi-category_alt': () => import('./components/nomi-category_alt.vue'),
477
+ 'nomi-chart-donut': () => import('./components/nomi-chart-donut.vue'),
478
+ 'nomi-cashflow': () => import('./components/nomi-cashflow.vue'),
479
+ 'nomi-chart-bars': () => import('./components/nomi-chart-bars.vue'),
480
+ 'nomi-chart-line': () => import('./components/nomi-chart-line.vue'),
481
+ 'nomi-chart-lines': () => import('./components/nomi-chart-lines.vue'),
482
+ 'nomi-arrow-right-top': () => import('./components/nomi-arrow-right-top.vue'),
483
+ 'nomi-chevron-left': () => import('./components/nomi-chevron-left.vue'),
482
484
  'nomi-check': () => import('./components/nomi-check.vue'),
483
- 'nomi-credit': () => import('./components/nomi-credit.vue'),
484
- 'nomi-collapse': () => import('./components/nomi-collapse.vue'),
485
- 'nomi-close': () => import('./components/nomi-close.vue'),
486
- 'nomi-debt': () => import('./components/nomi-debt.vue'),
487
- 'nomi-counterparty': () => import('./components/nomi-counterparty.vue'),
488
- 'nomi-currencies': () => import('./components/nomi-currencies.vue'),
489
- 'nomi-dashboard': () => import('./components/nomi-dashboard.vue'),
485
+ 'nomi-balance': () => import('./components/nomi-balance.vue'),
490
486
  'nomi-chevron-down': () => import('./components/nomi-chevron-down.vue'),
491
487
  'nomi-chevron-right': () => import('./components/nomi-chevron-right.vue'),
488
+ 'nomi-control-panel': () => import('./components/nomi-control-panel.vue'),
492
489
  'nomi-chart-kpi': () => import('./components/nomi-chart-kpi.vue'),
490
+ 'nomi-collapse': () => import('./components/nomi-collapse.vue'),
491
+ 'nomi-debt': () => import('./components/nomi-debt.vue'),
492
+ 'nomi-demo': () => import('./components/nomi-demo.vue'),
493
+ 'nomi-credit': () => import('./components/nomi-credit.vue'),
494
+ 'nomi-close': () => import('./components/nomi-close.vue'),
495
+ 'nomi-clear': () => import('./components/nomi-clear.vue'),
496
+ 'nomi-currencies': () => import('./components/nomi-currencies.vue'),
497
+ 'nomi-dots': () => import('./components/nomi-dots.vue'),
493
498
  'nomi-dev': () => import('./components/nomi-dev.vue'),
494
499
  'nomi-expand': () => import('./components/nomi-expand.vue'),
500
+ 'nomi-dashboard': () => import('./components/nomi-dashboard.vue'),
501
+ 'nomi-eye-close': () => import('./components/nomi-eye-close.vue'),
502
+ 'nomi-file': () => import('./components/nomi-file.vue'),
503
+ 'nomi-export': () => import('./components/nomi-export.vue'),
504
+ 'nomi-eye': () => import('./components/nomi-eye.vue'),
495
505
  'nomi-eye-open': () => import('./components/nomi-eye-open.vue'),
496
- 'nomi-dots': () => import('./components/nomi-dots.vue'),
497
506
  'nomi-folder': () => import('./components/nomi-folder.vue'),
498
- 'nomi-chevron-left': () => import('./components/nomi-chevron-left.vue'),
499
- 'nomi-eye': () => import('./components/nomi-eye.vue'),
500
- 'nomi-clear': () => import('./components/nomi-clear.vue'),
501
- 'nomi-demo': () => import('./components/nomi-demo.vue'),
502
- 'nomi-help': () => import('./components/nomi-help.vue'),
503
- 'nomi-filter': () => import('./components/nomi-filter.vue'),
504
- 'nomi-cashflow': () => import('./components/nomi-cashflow.vue'),
505
- 'nomi-hide': () => import('./components/nomi-hide.vue'),
506
- 'nomi-file': () => import('./components/nomi-file.vue'),
507
- 'nomi-lock': () => import('./components/nomi-lock.vue'),
508
507
  'nomi-goods': () => import('./components/nomi-goods.vue'),
509
- 'nomi-logout': () => import('./components/nomi-logout.vue'),
508
+ 'nomi-counterparty': () => import('./components/nomi-counterparty.vue'),
510
509
  'nomi-goods-turnover': () => import('./components/nomi-goods-turnover.vue'),
511
- 'nomi-eye-close': () => import('./components/nomi-eye-close.vue'),
510
+ 'nomi-lock': () => import('./components/nomi-lock.vue'),
511
+ 'nomi-menu': () => import('./components/nomi-menu.vue'),
512
+ 'nomi-help-alt': () => import('./components/nomi-help-alt.vue'),
513
+ 'nomi-hide': () => import('./components/nomi-hide.vue'),
514
+ 'nomi-minus': () => import('./components/nomi-minus.vue'),
515
+ 'nomi-logout': () => import('./components/nomi-logout.vue'),
512
516
  'nomi-integration': () => import('./components/nomi-integration.vue'),
513
- 'nomi-money': () => import('./components/nomi-money.vue'),
514
- 'nomi-planFact': () => import('./components/nomi-planFact.vue'),
517
+ 'nomi-filter': () => import('./components/nomi-filter.vue'),
515
518
  'nomi-payment_calendar': () => import('./components/nomi-payment_calendar.vue'),
516
- 'nomi-menu': () => import('./components/nomi-menu.vue'),
517
519
  'nomi-pc': () => import('./components/nomi-pc.vue'),
520
+ 'nomi-help': () => import('./components/nomi-help.vue'),
521
+ 'nomi-pen': () => import('./components/nomi-pen.vue'),
522
+ 'nomi-move-right': () => import('./components/nomi-move-right.vue'),
523
+ 'nomi-person': () => import('./components/nomi-person.vue'),
518
524
  'nomi-project': () => import('./components/nomi-project.vue'),
519
- 'nomi-minus': () => import('./components/nomi-minus.vue'),
520
- 'nomi-move-left': () => import('./components/nomi-move-left.vue'),
521
525
  'nomi-pnl': () => import('./components/nomi-pnl.vue'),
526
+ 'nomi-planFact': () => import('./components/nomi-planFact.vue'),
522
527
  'nomi-project_alt': () => import('./components/nomi-project_alt.vue'),
523
528
  'nomi-project_alt2': () => import('./components/nomi-project_alt2.vue'),
529
+ 'nomi-move-left': () => import('./components/nomi-move-left.vue'),
524
530
  'nomi-refresh': () => import('./components/nomi-refresh.vue'),
525
- 'nomi-control-panel': () => import('./components/nomi-control-panel.vue'),
526
- 'nomi-recurrence': () => import('./components/nomi-recurrence.vue'),
527
- 'nomi-pen': () => import('./components/nomi-pen.vue'),
528
531
  'nomi-refresh-off': () => import('./components/nomi-refresh-off.vue'),
529
- 'nomi-move-right': () => import('./components/nomi-move-right.vue'),
530
532
  'nomi-repeat': () => import('./components/nomi-repeat.vue'),
531
533
  'nomi-pin': () => import('./components/nomi-pin.vue'),
532
534
  'nomi-segment': () => import('./components/nomi-segment.vue'),
533
- 'nomi-sort-asc': () => import('./components/nomi-sort-asc.vue'),
534
535
  'nomi-scissors': () => import('./components/nomi-scissors.vue'),
536
+ 'nomi-report': () => import('./components/nomi-report.vue'),
535
537
  'nomi-sort-desc': () => import('./components/nomi-sort-desc.vue'),
538
+ 'nomi-sort-asc': () => import('./components/nomi-sort-asc.vue'),
539
+ 'nomi-settings': () => import('./components/nomi-settings.vue'),
540
+ 'nomi-tag': () => import('./components/nomi-tag.vue'),
536
541
  'nomi-time': () => import('./components/nomi-time.vue'),
537
- 'nomi-strongbox': () => import('./components/nomi-strongbox.vue'),
538
- 'nomi-person': () => import('./components/nomi-person.vue'),
542
+ 'nomi-target': () => import('./components/nomi-target.vue'),
543
+ 'nomi-table-view': () => import('./components/nomi-table-view.vue'),
544
+ 'nomi-money': () => import('./components/nomi-money.vue'),
545
+ 'nomi-subscription': () => import('./components/nomi-subscription.vue'),
539
546
  'nomi-text': () => import('./components/nomi-text.vue'),
540
- 'nomi-report': () => import('./components/nomi-report.vue'),
541
- 'nomi-transactions': () => import('./components/nomi-transactions.vue'),
542
- 'nomi-tag': () => import('./components/nomi-tag.vue'),
543
- 'nomi-settings': () => import('./components/nomi-settings.vue'),
544
- 'nomi-help-alt': () => import('./components/nomi-help-alt.vue'),
545
547
  'nomi-transactions_alt': () => import('./components/nomi-transactions_alt.vue'),
546
- 'nomi-type-boolean': () => import('./components/nomi-type-boolean.vue'),
547
- 'nomi-table-view': () => import('./components/nomi-table-view.vue'),
548
548
  'nomi-type-array': () => import('./components/nomi-type-array.vue'),
549
- 'nomi-subscription': () => import('./components/nomi-subscription.vue'),
550
- 'nomi-target': () => import('./components/nomi-target.vue'),
551
- 'nomi-type-null': () => import('./components/nomi-type-null.vue'),
549
+ 'nomi-transactions': () => import('./components/nomi-transactions.vue'),
550
+ 'nomi-strongbox': () => import('./components/nomi-strongbox.vue'),
551
+ 'nomi-type-boolean': () => import('./components/nomi-type-boolean.vue'),
552
552
  'nomi-type-date': () => import('./components/nomi-type-date.vue'),
553
+ 'nomi-type-null': () => import('./components/nomi-type-null.vue'),
553
554
  'nomi-trash': () => import('./components/nomi-trash.vue'),
554
555
  'nomi-type-object': () => import('./components/nomi-type-object.vue'),
555
- 'nomi-transactions_delete': () => import('./components/nomi-transactions_delete.vue'),
556
- 'nomi-export': () => import('./components/nomi-export.vue'),
557
556
  'nomi-types': () => import('./components/nomi-types.vue'),
557
+ 'nomi-type-string': () => import('./components/nomi-type-string.vue'),
558
+ 'nomi-user': () => import('./components/nomi-user.vue'),
559
+ 'nomi-recurrence': () => import('./components/nomi-recurrence.vue'),
558
560
  'nomi-type-number': () => import('./components/nomi-type-number.vue'),
561
+ 'nomi-transactions_delete': () => import('./components/nomi-transactions_delete.vue'),
562
+ 'nomi-user_plus': () => import('./components/nomi-user_plus.vue'),
559
563
  'nomi-unpin': () => import('./components/nomi-unpin.vue'),
560
- 'nomi-user': () => import('./components/nomi-user.vue'),
561
564
  'nomi-warehouse': () => import('./components/nomi-warehouse.vue'),
562
565
  'nomi-warning_triangle': () => import('./components/nomi-warning_triangle.vue'),
563
- 'nomi-type-string': () => import('./components/nomi-type-string.vue'),
564
- 'nomi-user_plus': () => import('./components/nomi-user_plus.vue'),
565
566
  }
package/src/components/icon/new-icons/arrow_left.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M12 19L5 12M5 12L12 5M5 12H19" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
package/src/components/table/Table2.vue CHANGED
@@ -19,7 +19,7 @@
19
19
  </div>
20
20
  </itf-notice-popout>
21
21
  <div class="scrollable scrollable-x">
22
- <itf-checkbox-group v-model="selectedIds">
22
+ <itf-checkbox-group v-model="selectedIds" class="d-flex flex-column" style="min-width: 100%; width: max-content">
23
23
  <template v-for="(group, index) in groups">
24
24
  <div class="table-view-body">
25
25
  <itf-table-group
@@ -60,7 +60,9 @@
60
60
  :sorting.sync="_sorting"
61
61
  :active="active"
62
62
  :new-label="newLabel"
63
+ :collapsed-group-ids="collapsedGroupIds"
63
64
  @update:expanded-ids="$emit('update:expanded-ids', $event)"
65
+ @update:collapsed-group-ids="$emit('update:collapsed-group-ids', $event)"
64
66
  @new="$emit('new', $event)"
65
67
  @filter="$emit('filter', $event)"
66
68
  @add-column="$emit('add-column', $event)"
@@ -121,6 +123,7 @@ class itfTable2 extends Vue {
121
123
  @ModelSync('value', 'input', { type: Array, default: () => ([]) }) selectedIds;
122
124
  @PropSync('sorting') _sorting;
123
125
  @Prop({ type: Array, default: () => [] }) expandedIds;
126
+ @Prop({ type: Array }) collapsedGroupIds;
124
127
  @Prop() currency;
125
128
  @Prop() currencies;
126
129
  @Prop(Boolean) stickyHeader;
package/src/components/table/TableGroup.vue CHANGED
@@ -15,14 +15,14 @@
15
15
  <div class="table-row-template d-flex align-items-stretch"
16
16
  style="min-height: var(--group-title-height)">
17
17
  <div class="shadow-area"></div>
18
- <div class="header-wrapper" :class="{'header-additional-column': showAddColumn}" @click.prevent="toggleGroup">
18
+ <div class="header-wrapper" :class="{'header-additional-column': showAddColumn}" @click.prevent="() => toggleGroup(!isShowTable)">
19
19
  <a class="header-content position-sticky d-flex align-items-center">
20
20
  <itf-button squircle icon small secondary class="collapse-arrow">
21
21
  <itf-icon :name="isShowTable ? 'chevron_down' : 'chevron_right'"/>
22
22
  </itf-button>
23
23
  <span class="d-flex align-items-center line-overflow group-header-value text-primary"
24
24
  data-test="group-value-group-label-value">
25
- <slot name="group-title" :rows="rows" :title="title">{{ title }}</slot>
25
+ <slot name="group-title" :rows="rows" :title="title" :collapsed="!isShowTable">{{ title }}</slot>
26
26
  </span>
27
27
  </a>
28
28
  </div>
@@ -341,6 +341,7 @@ import itfIcon from '../icon/Icon.vue';
341
341
  import itfTableBody from './TableBody.vue';
342
342
  import itfTableHeader from './TableHeader.vue';
343
343
  import Sticky from "./sticky";
344
+ import { getIsMobileView } from "./mobile";
344
345
 
345
346
  function getNumber(item, prop) {
346
347
  const num = Number(get(item, prop));
@@ -391,10 +392,14 @@ class itfTableGroup extends Vue {
391
392
  @Prop({type: String, default: function() { return this.$t('components.table.new'); } }) newLabel;
392
393
  @Prop({type: Object, default: () => ({})}) schema;
393
394
  @Prop() expandedIds;
395
+ @Prop() collapsedGroupIds;
394
396
 
395
- isShowTable = true;
396
397
  persistSummary = false;
397
398
 
399
+ get isShowTable() {
400
+ return typeof this.collapsedGroupIds !== 'undefined' ? !this.collapsedGroupIds.includes(this.title) : true;
401
+ }
402
+
398
403
  get visibleColumns() {
399
404
  let list = this.columns;
400
405
  list = sortBy(list, (column) => column.index);
@@ -402,8 +407,8 @@ class itfTableGroup extends Vue {
402
407
  const pinned = list.filter((column) => column.pinned && column.visible !== false);
403
408
  list = list.map((column, index) => {
404
409
  const item = {...column};
405
- item.left = (item.pinned && item.visible !== false) ? left : 0;
406
- left = (item.pinned && item.visible !== false) ? left + column.width : left;
410
+ item.left = (item.pinned && !getIsMobileView() && item.visible !== false) ? left : 0;
411
+ left = (item.pinned && !getIsMobileView() && item.visible !== false) ? left + column.width : left;
407
412
  item.lastPinned = index === pinned.length - 1;
408
413
  return item
409
414
  });
@@ -415,8 +420,17 @@ class itfTableGroup extends Vue {
415
420
  this.$emit('update:columns', columns);
416
421
  }
417
422
 
418
- toggleGroup() {
419
- this.isShowTable = !this.isShowTable;
423
+ toggleGroup(val) {
424
+ let expanded = this.collapsedGroupIds ? [...this.collapsedGroupIds] : [];
425
+ if (!val) {
426
+ if (!expanded.includes(this.title)) {
427
+ expanded.push(this.title);
428
+ }
429
+ } else {
430
+ expanded = expanded.filter(id => id !== this.title);
431
+ }
432
+ console.info(expanded, this.title, val);
433
+ this.$emit('update:collapsed-group-ids', expanded);
420
434
  }
421
435
 
422
436
  get stickyId() {
package/src/components/table/TableHeader.vue CHANGED
@@ -15,7 +15,7 @@
15
15
  data-test="table-header-column"
16
16
  :data-column="n"
17
17
  :data-id="column.Id"
18
- :class="{'sticky': column.pinned, 'active': sortColumnParams[column.property], 'last-sticky-column': n === lastPinnedIndex, [`justify-content-${column.align || 'start'}`]: true}"
18
+ :class="{'sticky': column.pinned && !getIsMobileView(), 'active': sortColumnParams[column.property], 'last-sticky-column': n === lastPinnedIndex && !getIsMobileView(), [`justify-content-${column.align || 'start'}`]: true}"
19
19
  class="table-view-header-value"
20
20
  :style="`width: ${column.width}px; max-width: ${column.width}px; left: ${column.left}px;`">
21
21
  <!-- Не треба видаляти колонки, бо вони потрібні для збереження ширини -->
@@ -162,6 +162,7 @@ import createDraggable from '../sortable/draggable';
162
162
  import itfDropdown from '../dropdown/Dropdown.vue';
163
163
  import itfSortable from '../sortable/Sortable.vue';
164
164
  import settings from "../../ITFSettings";
165
+ import { getIsMobileView } from "./mobile";
165
166
 
166
167
  const { Node, ...draggableDirectives } = createDraggable();
167
168
 
@@ -207,6 +208,10 @@ class itfTableHeader extends Vue {
207
208
  }
208
209
  }
209
210
 
211
+ getIsMobileView() {
212
+ return getIsMobileView();
213
+ }
214
+
210
215
  get sortColumnParams() {
211
216
  if (typeof this._sorting === 'string'){
212
217
  return this._sorting[0] === '-' ? {[this._sorting.substring(1)]: 'desc'} : {[this._sorting]: 'asc'};
package/src/components/table/TableRows.vue CHANGED
@@ -33,7 +33,7 @@
33
33
  v-if="column.visible !== false"
34
34
  :data-column="k"
35
35
  :style="`width: ${column.width}px; max-width: ${column.width}px; left: ${column.left}px;`"
36
- :class="{'justify-content-end': column.align === 'end', 'sticky': column.pinned, 'last-sticky-column': k === lastPinnedIndex, 'editable': column.editable && editable}"
36
+ :class="{'justify-content-end': column.align === 'end', 'sticky': column.pinned && !getIsMobileView(), 'last-sticky-column': k === lastPinnedIndex && !getIsMobileView(), 'editable': column.editable && editable}"
37
37
  class="table-view-item-value d-flex h-100">
38
38
  <div class="table-view-item-value-content" :class="{'px-2': !(column.editable && editable), 'py-1': (column.editable && editable)}">
39
39
  <slot
@@ -125,6 +125,7 @@ import itfTextarea from '../text-field/Textarea.vue';
125
125
  import itfHoursField from '../text-field/HoursField.vue';
126
126
  import itfSelect from '../select/Select.vue';
127
127
  import itfTableBody from './TableBody.vue';
128
+ import { getIsMobileView } from "./mobile";
128
129
  // import 'vue-virtual-scroller/dist/vue-virtual-scroller.css';
129
130
 
130
131
  export default @Component({
@@ -174,6 +175,10 @@ class itfTableRows extends Vue {
174
175
  return this.columns.findIndex((column) => column.lastPinned);
175
176
  }
176
177
 
178
+ getIsMobileView() {
179
+ return getIsMobileView();
180
+ }
181
+
177
182
  updateValue(item, value, index, column) {
178
183
  const newItem = { ...item };
179
184
  if (newItem[column.property] !== value) {
package/src/components/table/mobile.js ADDED
@@ -0,0 +1,4 @@
1
+ export
2
+ function getIsMobileView() {
3
+ return window.matchMedia('(max-width: 768px)').matches;
4
+ }