@itfin/components 2.0.7 → 2.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itfin/components",
-  "version": "2.0.7",
+  "version": "2.0.8",
   "author": "Vitalii Savchuk <esvit666@gmail.com>",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/assets/scss/_css_variables.scss

@@ -9,11 +9,6 @@ $color-outcome: #DC5C2E;
   --color-outcome: #{$color-outcome};
   --color-primary: #{$primary};
   --body-bg: #{$body-bg};
-
-  .modal-backdrop {
-    --bs-backdrop-bg: #{$body-bg};
-    --bs-backdrop-opacity: 0.75;
-  }
 }
 
 [data-theme="dark"] {

package/src/assets/scss/_variables.scss

@@ -11,7 +11,8 @@ $h4-font-size:                $headings-font-size-base * 1.25;
 $h5-font-size:                $headings-font-size-base * 1.125;
 $h6-font-size:                $headings-font-size-base;
 
-$zindex-toaster:                    1071 !default;
+$border-width:                1px;
+$zindex-toaster:              1071 !default;
 
 $border-radius: .5rem;
 $border-radius-sm: .375rem;
@@ -46,12 +47,13 @@ $input-focus-border: #F2F4F7;//rgb(11 49 79 / 25%);
 $form-check-input-border: 1px solid rgba(#000, .08);
 $form-switch-focus-color: tint-color($primary, 50%);
 
-$modal-backdrop-bg: #999;
-$modal-backdrop-opacity: .25;
-$modal-content-border-radius: 0;
+$modal-backdrop-bg: #222;
+$modal-backdrop-opacity: .5;
+$modal-content-border-width: 0;
+$modal-footer-border-color: 0;
 
 // popover
-$popover-border-width: 2px;
+$popover-border-width: 1px;
 
 // dropdown
 

package/src/components/button/Button.vue

@@ -48,7 +48,7 @@ class itfButton extends Vue {
         'btn-default': defaultStyle,
         'btn-basic': !primary && !secondary && !color && !defaultStyle,
         'btn-secondary': secondary,
-        'btn-squircle': squircle,
+        // 'btn-squircle': squircle,
         'btn-sm': small,
         'btn-lg': large,
         // 'px-3': small && !icon,

package/src/components/icon/components/nomi-ai.vue

@@ -0,0 +1,6 @@
+<template><svg width="16" height="16" viewBox="4 4 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M10.8461 13.8066C9.51242 12.9683 7.88973 13.5198 6.33372 14.1816L5 11.0711C5.02223 11.0711 5.06669 11.0491 5.08892 11.027C6.55601 10.4093 10.3571 8.79892 13.5136 11.5785C13.6247 11.6668 13.7136 11.755 13.8248 11.8653C14.9585 11.4461 16.2255 11.3138 17.6037 11.6006C20.1155 12.108 21.8938 14.0272 22.6273 16.6083C23.3387 19.1452 23.0497 22.366 21.6048 25.9397L18.4484 24.6823C19.6932 21.5718 19.8043 19.1452 19.3375 17.5127C18.8929 15.9244 17.9593 15.1302 16.9146 14.9096C16.5367 14.8434 16.181 14.8214 15.8031 14.8655C16.5589 16.6965 16.7812 18.704 16.5811 20.4247C16.4255 21.8807 15.9365 23.3808 15.0251 24.4617C14.0248 25.6309 12.5133 26.2927 10.7572 25.8736C8.68996 25.3882 7.75636 23.7337 7.53407 22.0792C7.33401 20.4909 7.75636 18.704 8.4899 17.1156C9.02339 15.9685 9.82362 14.7772 10.8461 13.7845V13.8066ZM12.8245 16.6303C12.3577 17.1818 11.9354 17.8216 11.5797 18.5716C11.024 19.7629 10.8239 20.91 10.9128 21.6821C11.0017 22.388 11.2463 22.5425 11.513 22.6086C11.8909 22.6969 12.1354 22.6086 12.4022 22.2998C12.7356 21.9027 13.069 21.1527 13.1802 20.0717C13.3135 18.9466 13.1802 17.7333 12.8023 16.6303H12.8245Z" fill="currentColor"/>
+  <path d="M20.6582 5.7567C20.7911 5.4625 21.2089 5.4625 21.3418 5.7567L21.5835 6.29203C21.809 6.79121 22.2088 7.19101 22.708 7.41646L23.2433 7.65824C23.5375 7.79111 23.5375 8.20889 23.2433 8.34176L22.708 8.58354C22.2088 8.80899 21.809 9.20879 21.5835 9.70797L21.3418 10.2433C21.2089 10.5375 20.7911 10.5375 20.6582 10.2433L20.4165 9.70797C20.191 9.20879 19.7912 8.80899 19.292 8.58354L18.7567 8.34176C18.4625 8.20889 18.4625 7.79111 18.7567 7.65824L19.292 7.41646C19.7912 7.19101 20.191 6.79121 20.4165 6.29203L20.6582 5.7567Z" fill="currentColor"/>
+  <path d="M24.7722 11.5045C24.8607 11.3083 25.1393 11.3083 25.2278 11.5045L25.389 11.8614C25.5393 12.1941 25.8059 12.4607 26.1386 12.611L26.4955 12.7722C26.6917 12.8607 26.6917 13.1393 26.4955 13.2278L26.1386 13.389C25.8059 13.5393 25.5393 13.8059 25.389 14.1386L25.2278 14.4955C25.1393 14.6917 24.8607 14.6917 24.7722 14.4955L24.611 14.1386C24.4607 13.8059 24.1941 13.5393 23.8614 13.389L23.5045 13.2278C23.3083 13.1393 23.3083 12.8607 23.5045 12.7722L23.8614 12.611C24.1941 12.4607 24.4607 12.1941 24.611 11.8614L24.7722 11.5045Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-expand.vue

@@ -0,0 +1,7 @@
+<template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M19 10V5.3C19 5.13431 18.8657 5 18.7 5H14" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M5 14V18.7C5 18.8657 5.13431 19 5.3 19H10" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M5.5 18.5L9.5 14.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M14.5 9.5L18.5 5.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-help.vue

@@ -0,0 +1,5 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-info-circle" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/>
+  <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-logout.vue

@@ -0,0 +1,5 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-door-closed" viewBox="0 0 16 16">
+  <path d="M3 2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v13h1.5a.5.5 0 0 1 0 1h-13a.5.5 0 0 1 0-1H3zm1 13h8V2H4z"/>
+  <path d="M9 9a1 1 0 1 0 2 0 1 1 0 0 0-2 0"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-settings.vue

@@ -0,0 +1,4 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
+  <path d="M8.932.727c-.243-.97-1.62-.97-1.864 0l-.071.286a.96.96 0 0 1-1.622.434l-.205-.211c-.695-.719-1.888-.03-1.613.931l.08.284a.96.96 0 0 1-1.186 1.187l-.284-.081c-.96-.275-1.65.918-.931 1.613l.211.205a.96.96 0 0 1-.434 1.622l-.286.071c-.97.243-.97 1.62 0 1.864l.286.071a.96.96 0 0 1 .434 1.622l-.211.205c-.719.695-.03 1.888.931 1.613l.284-.08a.96.96 0 0 1 1.187 1.187l-.081.283c-.275.96.918 1.65 1.613.931l.205-.211a.96.96 0 0 1 1.622.434l.071.286c.243.97 1.62.97 1.864 0l.071-.286a.96.96 0 0 1 1.622-.434l.205.211c.695.719 1.888.03 1.613-.931l-.08-.284a.96.96 0 0 1 1.187-1.187l.283.081c.96.275 1.65-.918.931-1.613l-.211-.205a.96.96 0 0 1 .434-1.622l.286-.071c.97-.243.97-1.62 0-1.864l-.286-.071a.96.96 0 0 1-.434-1.622l.211-.205c.719-.695.03-1.888-.931-1.613l-.284.08a.96.96 0 0 1-1.187-1.186l.081-.284c.275-.96-.918-1.65-1.613-.931l-.205.211a.96.96 0 0 1-1.622-.434zM8 12.997a4.998 4.998 0 1 1 0-9.995 4.998 4.998 0 0 1 0 9.996z"/>
+</svg>
+</template>

package/src/components/icon/icons.js

@@ -1,494 +1,499 @@
 export default {
   'airplay': () => import('./components/airplay.vue'),
-  'alarm_clock': () => import('./components/alarm_clock.vue'),
   'archive': () => import('./components/archive.vue'),
-  'align_vertical': () => import('./components/align_vertical.vue'),
-  'arrow_down': () => import('./components/arrow_down.vue'),
-  'angle': () => import('./components/angle.vue'),
+  'alarm_clock': () => import('./components/alarm_clock.vue'),
   'align_horizontal': () => import('./components/align_horizontal.vue'),
-  'arrow_bottom_right': () => import('./components/arrow_bottom_right.vue'),
   'arrow_bottom_left': () => import('./components/arrow_bottom_left.vue'),
   'arrow_down_circle': () => import('./components/arrow_down_circle.vue'),
-  'arrow_right': () => import('./components/arrow_right.vue'),
-  'arrow_left': () => import('./components/arrow_left.vue'),
   'arrow_top_left': () => import('./components/arrow_top_left.vue'),
+  'arrow_bottom_right': () => import('./components/arrow_bottom_right.vue'),
+  'arrow_left': () => import('./components/arrow_left.vue'),
+  'arrow_down': () => import('./components/arrow_down.vue'),
   'arrow_left_circle': () => import('./components/arrow_left_circle.vue'),
-  'arrow_top_right': () => import('./components/arrow_top_right.vue'),
-  'arrow_up': () => import('./components/arrow_up.vue'),
   'arrow_right_circle': () => import('./components/arrow_right_circle.vue'),
-  'bag': () => import('./components/bag.vue'),
+  'arrow_up_circle': () => import('./components/arrow_up_circle.vue'),
+  'audio_wave': () => import('./components/audio_wave.vue'),
+  'arrow_top_right': () => import('./components/arrow_top_right.vue'),
+  'align_vertical': () => import('./components/align_vertical.vue'),
+  'angle': () => import('./components/angle.vue'),
   'backspace': () => import('./components/backspace.vue'),
+  'arrow_up': () => import('./components/arrow_up.vue'),
+  'arrow_right': () => import('./components/arrow_right.vue'),
   'backward10': () => import('./components/backward10.vue'),
-  'audio_wave': () => import('./components/audio_wave.vue'),
+  'battery_empty': () => import('./components/battery_empty.vue'),
   'backward': () => import('./components/backward.vue'),
-  'battery_full': () => import('./components/battery_full.vue'),
+  'battery_low': () => import('./components/battery_low.vue'),
   'battery_half': () => import('./components/battery_half.vue'),
+  'battery_full': () => import('./components/battery_full.vue'),
+  'bag': () => import('./components/bag.vue'),
+  'bell_disabled': () => import('./components/bell_disabled.vue'),
   'battery_charging': () => import('./components/battery_charging.vue'),
-  'battery_75': () => import('./components/battery_75.vue'),
-  'battery_empty': () => import('./components/battery_empty.vue'),
-  'bell': () => import('./components/bell.vue'),
+  'bluetooth': () => import('./components/bluetooth.vue'),
   'bell_ringing': () => import('./components/bell_ringing.vue'),
-  'battery_low': () => import('./components/battery_low.vue'),
-  'book_text': () => import('./components/book_text.vue'),
   'book': () => import('./components/book.vue'),
-  'blocked': () => import('./components/blocked.vue'),
-  'arrow_up_circle': () => import('./components/arrow_up_circle.vue'),
   'bell_snooze': () => import('./components/bell_snooze.vue'),
-  'bookmark_book': () => import('./components/bookmark_book.vue'),
+  'bell': () => import('./components/bell.vue'),
+  'book_text': () => import('./components/book_text.vue'),
   'box': () => import('./components/box.vue'),
   'bookmark': () => import('./components/bookmark.vue'),
+  'battery_75': () => import('./components/battery_75.vue'),
+  'box_open': () => import('./components/box_open.vue'),
+  'bookmark_book': () => import('./components/bookmark_book.vue'),
   'book_closed': () => import('./components/book_closed.vue'),
-  'bluetooth': () => import('./components/bluetooth.vue'),
-  'button_add': () => import('./components/button_add.vue'),
-  'bell_disabled': () => import('./components/bell_disabled.vue'),
-  'box_download': () => import('./components/box_download.vue'),
+  'browser_alt': () => import('./components/browser_alt.vue'),
   'browser': () => import('./components/browser.vue'),
-  'calendar_add': () => import('./components/calendar_add.vue'),
-  'branch': () => import('./components/branch.vue'),
+  'blocked': () => import('./components/blocked.vue'),
+  'box_download': () => import('./components/box_download.vue'),
+  'button_add': () => import('./components/button_add.vue'),
+  'calendar_date': () => import('./components/calendar_date.vue'),
   'button_minus': () => import('./components/button_minus.vue'),
-  'calculator': () => import('./components/calculator.vue'),
   'briefcase': () => import('./components/briefcase.vue'),
-  'box_open': () => import('./components/box_open.vue'),
-  'calendar_date': () => import('./components/calendar_date.vue'),
-  'calendar_last_day': () => import('./components/calendar_last_day.vue'),
-  'browser_alt': () => import('./components/browser_alt.vue'),
   'calendar': () => import('./components/calendar.vue'),
-  'calendar_month': () => import('./components/calendar_month.vue'),
-  'calendar_week': () => import('./components/calendar_week.vue'),
+  'calendar_add': () => import('./components/calendar_add.vue'),
   'calendar_days': () => import('./components/calendar_days.vue'),
+  'calendar_day': () => import('./components/calendar_day.vue'),
+  'branch': () => import('./components/branch.vue'),
+  'calendar_remove': () => import('./components/calendar_remove.vue'),
+  'calendar_last_day': () => import('./components/calendar_last_day.vue'),
   'camera': () => import('./components/camera.vue'),
-  'calendar_move': () => import('./components/calendar_move.vue'),
-  'camera_noflash_alt': () => import('./components/camera_noflash_alt.vue'),
   'camera_alt': () => import('./components/camera_alt.vue'),
   'calendar_split': () => import('./components/calendar_split.vue'),
-  'calendar_day': () => import('./components/calendar_day.vue'),
+  'calendar_week': () => import('./components/calendar_week.vue'),
   'capture': () => import('./components/capture.vue'),
-  'calendar_remove': () => import('./components/calendar_remove.vue'),
-  'camera_noflash': () => import('./components/camera_noflash.vue'),
+  'calculator': () => import('./components/calculator.vue'),
+  'calendar_month': () => import('./components/calendar_month.vue'),
   'card_timeline': () => import('./components/card_timeline.vue'),
-  'chain': () => import('./components/chain.vue'),
-  'card_view': () => import('./components/card_view.vue'),
-  'check': () => import('./components/check.vue'),
-  'check_circle_outside': () => import('./components/check_circle_outside.vue'),
+  'camera_noflash_alt': () => import('./components/camera_noflash_alt.vue'),
+  'camera_noflash': () => import('./components/camera_noflash.vue'),
+  'calendar_move': () => import('./components/calendar_move.vue'),
+  'carousel': () => import('./components/carousel.vue'),
   'cast': () => import('./components/cast.vue'),
+  'chat_add': () => import('./components/chat_add.vue'),
   'check_circle': () => import('./components/check_circle.vue'),
-  'chevron_close': () => import('./components/chevron_close.vue'),
-  'cart': () => import('./components/cart.vue'),
-  'chevron_down_circle': () => import('./components/chevron_down_circle.vue'),
+  'checkbox_empty': () => import('./components/checkbox_empty.vue'),
   'checkbox_checked': () => import('./components/checkbox_checked.vue'),
-  'chat_add': () => import('./components/chat_add.vue'),
+  'card_view': () => import('./components/card_view.vue'),
+  'chain': () => import('./components/chain.vue'),
+  'check_circle_outside': () => import('./components/check_circle_outside.vue'),
+  'chevron_down': () => import('./components/chevron_down.vue'),
+  'cart': () => import('./components/cart.vue'),
+  'chevron_close': () => import('./components/chevron_close.vue'),
+  'check': () => import('./components/check.vue'),
+  'chevron_left_double': () => import('./components/chevron_left_double.vue'),
   'chevron_down_double': () => import('./components/chevron_down_double.vue'),
   'chevron_left_circle': () => import('./components/chevron_left_circle.vue'),
-  'checkbox_empty': () => import('./components/checkbox_empty.vue'),
-  'chevron_left_double': () => import('./components/chevron_left_double.vue'),
-  'chevron_left': () => import('./components/chevron_left.vue'),
-  'chevron_down': () => import('./components/chevron_down.vue'),
-  'chevron_right_circle': () => import('./components/chevron_right_circle.vue'),
-  'carousel': () => import('./components/carousel.vue'),
-  'chevron_right': () => import('./components/chevron_right.vue'),
   'chevron_open': () => import('./components/chevron_open.vue'),
+  'chevron_down_circle': () => import('./components/chevron_down_circle.vue'),
   'chevron_right_double': () => import('./components/chevron_right_double.vue'),
-  'chevron_up': () => import('./components/chevron_up.vue'),
-  'chevron_up_double': () => import('./components/chevron_up_double.vue'),
-  'circle': () => import('./components/circle.vue'),
   'chevron_up_circle': () => import('./components/chevron_up_circle.vue'),
-  'circle_menu': () => import('./components/circle_menu.vue'),
+  'chevron_right_circle': () => import('./components/chevron_right_circle.vue'),
   'circle_split': () => import('./components/circle_split.vue'),
-  'clipboard': () => import('./components/clipboard.vue'),
-  'clipboard_copy': () => import('./components/clipboard_copy.vue'),
+  'chevron_right': () => import('./components/chevron_right.vue'),
+  'chevron_left': () => import('./components/chevron_left.vue'),
+  'chevron_up_double': () => import('./components/chevron_up_double.vue'),
+  'circle_menu': () => import('./components/circle_menu.vue'),
+  'circle': () => import('./components/circle.vue'),
+  'chevron_up': () => import('./components/chevron_up.vue'),
+  'clipboard_add': () => import('./components/clipboard_add.vue'),
+  'clipboard_notes': () => import('./components/clipboard_notes.vue'),
   'clipboard_check': () => import('./components/clipboard_check.vue'),
   'clipboard_cross': () => import('./components/clipboard_cross.vue'),
+  'clipboard': () => import('./components/clipboard.vue'),
+  'close': () => import('./components/close.vue'),
   'clipboard_remove': () => import('./components/clipboard_remove.vue'),
+  'cloud_download': () => import('./components/cloud_download.vue'),
   'clock': () => import('./components/clock.vue'),
-  'clipboard_add': () => import('./components/clipboard_add.vue'),
   'cloud': () => import('./components/cloud.vue'),
-  'cloud_disconnect': () => import('./components/cloud_disconnect.vue'),
-  'cloud_upload': () => import('./components/cloud_upload.vue'),
+  'clipboard_copy': () => import('./components/clipboard_copy.vue'),
   'cloud_upload_alt': () => import('./components/cloud_upload_alt.vue'),
-  'clipboard_notes': () => import('./components/clipboard_notes.vue'),
-  'coffee': () => import('./components/coffee.vue'),
+  'cloud_download_alt': () => import('./components/cloud_download_alt.vue'),
+  'cloud_upload': () => import('./components/cloud_upload.vue'),
+  'cloud_disconnect': () => import('./components/cloud_disconnect.vue'),
   'coin': () => import('./components/coin.vue'),
-  'close': () => import('./components/close.vue'),
   'code': () => import('./components/code.vue'),
-  'compass': () => import('./components/compass.vue'),
   'component_add': () => import('./components/component_add.vue'),
   'connect': () => import('./components/connect.vue'),
-  'cloud_download': () => import('./components/cloud_download.vue'),
-  'cloud_download_alt': () => import('./components/cloud_download_alt.vue'),
-  'coins': () => import('./components/coins.vue'),
+  'coffee': () => import('./components/coffee.vue'),
+  'compass': () => import('./components/compass.vue'),
   'contract': () => import('./components/contract.vue'),
   'create': () => import('./components/create.vue'),
-  'cross': () => import('./components/cross.vue'),
   'credit_card': () => import('./components/credit_card.vue'),
-  'cube': () => import('./components/cube.vue'),
+  'coins': () => import('./components/coins.vue'),
   'crop': () => import('./components/crop.vue'),
-  'cross_circle': () => import('./components/cross_circle.vue'),
-  'diamond': () => import('./components/diamond.vue'),
-  'crosshair': () => import('./components/crosshair.vue'),
-  'directions': () => import('./components/directions.vue'),
   'contacts': () => import('./components/contacts.vue'),
   'cylinder': () => import('./components/cylinder.vue'),
-  'disc': () => import('./components/disc.vue'),
-  'display_alt': () => import('./components/display_alt.vue'),
-  'document': () => import('./components/document.vue'),
+  'diamond': () => import('./components/diamond.vue'),
   'database': () => import('./components/database.vue'),
-  'document_stack': () => import('./components/document_stack.vue'),
-  'download_alt': () => import('./components/download_alt.vue'),
+  'crosshair': () => import('./components/crosshair.vue'),
+  'disc': () => import('./components/disc.vue'),
+  'directions': () => import('./components/directions.vue'),
   'display': () => import('./components/display.vue'),
-  'document_list': () => import('./components/document_list.vue'),
-  'document_justified': () => import('./components/document_justified.vue'),
+  'cube': () => import('./components/cube.vue'),
   'door': () => import('./components/door.vue'),
+  'cross_circle': () => import('./components/cross_circle.vue'),
+  'document_list': () => import('./components/document_list.vue'),
+  'display_alt': () => import('./components/display_alt.vue'),
+  'download_alt': () => import('./components/download_alt.vue'),
   'download': () => import('./components/download.vue'),
-  'drag_circle': () => import('./components/drag_circle.vue'),
-  'document_words': () => import('./components/document_words.vue'),
+  'document_stack': () => import('./components/document_stack.vue'),
   'downward': () => import('./components/downward.vue'),
-  'duplicate_alt': () => import('./components/duplicate_alt.vue'),
-  'drag': () => import('./components/drag.vue'),
-  'episodes': () => import('./components/episodes.vue'),
   'duplicate': () => import('./components/duplicate.vue'),
-  'exit_right': () => import('./components/exit_right.vue'),
-  'expand': () => import('./components/expand.vue'),
-  'exit_left': () => import('./components/exit_left.vue'),
-  'enter_alt': () => import('./components/enter_alt.vue'),
-  'external': () => import('./components/external.vue'),
-  'expand_height': () => import('./components/expand_height.vue'),
+  'cross': () => import('./components/cross.vue'),
+  'enter': () => import('./components/enter.vue'),
+  'door_alt': () => import('./components/door_alt.vue'),
+  'document_justified': () => import('./components/document_justified.vue'),
   'drag_vertical': () => import('./components/drag_vertical.vue'),
+  'document': () => import('./components/document.vue'),
+  'drag_circle': () => import('./components/drag_circle.vue'),
+  'drag': () => import('./components/drag.vue'),
+  'exit_left': () => import('./components/exit_left.vue'),
   'expand_width': () => import('./components/expand_width.vue'),
-  'eye': () => import('./components/eye.vue'),
+  'exit_right': () => import('./components/exit_right.vue'),
+  'enter_alt': () => import('./components/enter_alt.vue'),
   'eye_closed': () => import('./components/eye_closed.vue'),
-  'enter': () => import('./components/enter.vue'),
-  'door_alt': () => import('./components/door_alt.vue'),
+  'expand': () => import('./components/expand.vue'),
+  'eye': () => import('./components/eye.vue'),
+  'expand_height': () => import('./components/expand_height.vue'),
+  'face_happy': () => import('./components/face_happy.vue'),
+  'episodes': () => import('./components/episodes.vue'),
+  'face_neutral': () => import('./components/face_neutral.vue'),
+  'external': () => import('./components/external.vue'),
   'face_delighted': () => import('./components/face_delighted.vue'),
+  'duplicate_alt': () => import('./components/duplicate_alt.vue'),
   'eye_no': () => import('./components/eye_no.vue'),
-  'face_neutral': () => import('./components/face_neutral.vue'),
+  'file_download': () => import('./components/file_download.vue'),
   'face_sad': () => import('./components/face_sad.vue'),
-  'face_happy': () => import('./components/face_happy.vue'),
-  'file_upload': () => import('./components/file_upload.vue'),
-  'files_history': () => import('./components/files_history.vue'),
-  'fi_fingerprint': () => import('./components/fi_fingerprint.vue'),
-  'files_stack': () => import('./components/files_stack.vue'),
-  'filter_all': () => import('./components/filter_all.vue'),
+  'files_multi': () => import('./components/files_multi.vue'),
   'filter_circle': () => import('./components/filter_circle.vue'),
-  'filter': () => import('./components/filter.vue'),
+  'fi_fingerprint': () => import('./components/fi_fingerprint.vue'),
+  'file_upload': () => import('./components/file_upload.vue'),
   'film': () => import('./components/film.vue'),
-  'file_download': () => import('./components/file_download.vue'),
+  'filter_all': () => import('./components/filter_all.vue'),
   'filter_ongoing': () => import('./components/filter_ongoing.vue'),
+  'files_history': () => import('./components/files_history.vue'),
+  'filter_not_started': () => import('./components/filter_not_started.vue'),
   'filter_completed': () => import('./components/filter_completed.vue'),
   'filter_overdue': () => import('./components/filter_overdue.vue'),
-  'filter_not_started': () => import('./components/filter_not_started.vue'),
-  'files_multi': () => import('./components/files_multi.vue'),
-  'filter_single': () => import('./components/filter_single.vue'),
   'filtering': () => import('./components/filtering.vue'),
-  'flag': () => import('./components/flag.vue'),
-  'floppy': () => import('./components/floppy.vue'),
-  'flame_alt': () => import('./components/flame_alt.vue'),
-  'fingerprint': () => import('./components/fingerprint.vue'),
+  'filter_single': () => import('./components/filter_single.vue'),
+  'filter': () => import('./components/filter.vue'),
   'flame': () => import('./components/flame.vue'),
+  'flame_alt': () => import('./components/flame_alt.vue'),
+  'floppy': () => import('./components/floppy.vue'),
+  'files_stack': () => import('./components/files_stack.vue'),
   'folder_add': () => import('./components/folder_add.vue'),
-  'forward': () => import('./components/forward.vue'),
+  'flag': () => import('./components/flag.vue'),
+  'folder_closed': () => import('./components/folder_closed.vue'),
   'folder_minus': () => import('./components/folder_minus.vue'),
-  'flip_view': () => import('./components/flip_view.vue'),
+  'document_words': () => import('./components/document_words.vue'),
+  'forward': () => import('./components/forward.vue'),
   'folder_open': () => import('./components/folder_open.vue'),
-  'fork_git': () => import('./components/fork_git.vue'),
-  'fullscreen': () => import('./components/fullscreen.vue'),
   'frame': () => import('./components/frame.vue'),
+  'fork_git': () => import('./components/fork_git.vue'),
   'forward_alt': () => import('./components/forward_alt.vue'),
-  'folder_closed': () => import('./components/folder_closed.vue'),
-  'gift': () => import('./components/gift.vue'),
-  'gps': () => import('./components/gps.vue'),
-  'forward10': () => import('./components/forward10.vue'),
   'gauge': () => import('./components/gauge.vue'),
+  'funnel': () => import('./components/funnel.vue'),
+  'fullscreen': () => import('./components/fullscreen.vue'),
+  'forward10': () => import('./components/forward10.vue'),
+  'grab': () => import('./components/grab.vue'),
   'globe': () => import('./components/globe.vue'),
+  'flip_view': () => import('./components/flip_view.vue'),
+  'gift': () => import('./components/gift.vue'),
+  'grid_circles_add': () => import('./components/grid_circles_add.vue'),
   'graph_increase': () => import('./components/graph_increase.vue'),
-  'funnel': () => import('./components/funnel.vue'),
+  'gps': () => import('./components/gps.vue'),
+  'grid_circles': () => import('./components/grid_circles.vue'),
+  'grid_small': () => import('./components/grid_small.vue'),
   'graph_box': () => import('./components/graph_box.vue'),
-  'graph_bar': () => import('./components/graph_bar.vue'),
+  'grid_squares': () => import('./components/grid_squares.vue'),
   'grid_squares_add': () => import('./components/grid_squares_add.vue'),
-  'grab': () => import('./components/grab.vue'),
-  'grid_circles': () => import('./components/grid_circles.vue'),
   'grid': () => import('./components/grid.vue'),
-  'grid_squares': () => import('./components/grid_squares.vue'),
-  'hash': () => import('./components/hash.vue'),
+  'heart': () => import('./components/heart.vue'),
   'hand': () => import('./components/hand.vue'),
-  'grid_small': () => import('./components/grid_small.vue'),
+  'hash': () => import('./components/hash.vue'),
+  'harddrive': () => import('./components/harddrive.vue'),
   'height': () => import('./components/height.vue'),
-  'heart_remove': () => import('./components/heart_remove.vue'),
-  'grid_circles_add': () => import('./components/grid_circles_add.vue'),
-  'hierarchy': () => import('./components/hierarchy.vue'),
-  'home': () => import('./components/home.vue'),
-  'inbox': () => import('./components/inbox.vue'),
+  'fingerprint': () => import('./components/fingerprint.vue'),
   'home_alt': () => import('./components/home_alt.vue'),
+  'import': () => import('./components/import.vue'),
   'heart_rate': () => import('./components/heart_rate.vue'),
-  'heart': () => import('./components/heart.vue'),
-  'harddrive': () => import('./components/harddrive.vue'),
-  'home_door': () => import('./components/home_door.vue'),
   'home_check': () => import('./components/home_check.vue'),
-  'import': () => import('./components/import.vue'),
-  'inbox_alt': () => import('./components/inbox_alt.vue'),
-  'jump_left': () => import('./components/jump_left.vue'),
+  'inbox': () => import('./components/inbox.vue'),
+  'graph_bar': () => import('./components/graph_bar.vue'),
+  'home': () => import('./components/home.vue'),
   'info_circle': () => import('./components/info_circle.vue'),
+  'heart_remove': () => import('./components/heart_remove.vue'),
   'iphone_landscape': () => import('./components/iphone_landscape.vue'),
-  'jump_backward': () => import('./components/jump_backward.vue'),
+  'iphone_portrait': () => import('./components/iphone_portrait.vue'),
+  'inbox_alt': () => import('./components/inbox_alt.vue'),
+  'home_door': () => import('./components/home_door.vue'),
   'jump_forward': () => import('./components/jump_forward.vue'),
-  'lightning': () => import('./components/lightning.vue'),
-  'jump_right': () => import('./components/jump_right.vue'),
-  'lineweight': () => import('./components/lineweight.vue'),
+  'jump_backward': () => import('./components/jump_backward.vue'),
+  'hierarchy': () => import('./components/hierarchy.vue'),
   'laptop': () => import('./components/laptop.vue'),
+  'jump_left': () => import('./components/jump_left.vue'),
+  'jump_right': () => import('./components/jump_right.vue'),
+  'lightning': () => import('./components/lightning.vue'),
   'lightbulb': () => import('./components/lightbulb.vue'),
-  'link_horizontal': () => import('./components/link_horizontal.vue'),
-  'iphone_portrait': () => import('./components/iphone_portrait.vue'),
+  'keyboard': () => import('./components/keyboard.vue'),
   'lightning_alt': () => import('./components/lightning_alt.vue'),
-  'lightbulb_on': () => import('./components/lightbulb_on.vue'),
+  'lineweight': () => import('./components/lineweight.vue'),
+  'link_vertical': () => import('./components/link_vertical.vue'),
+  'link': () => import('./components/link.vue'),
+  'link_horizontal': () => import('./components/link_horizontal.vue'),
   'link_alt': () => import('./components/link_alt.vue'),
   'list': () => import('./components/list.vue'),
-  'keyboard': () => import('./components/keyboard.vue'),
   'list_add': () => import('./components/list_add.vue'),
-  'link_broken': () => import('./components/link_broken.vue'),
-  'link_vertical': () => import('./components/link_vertical.vue'),
   'loader': () => import('./components/loader.vue'),
-  'location': () => import('./components/location.vue'),
-  'mail': () => import('./components/mail.vue'),
-  'list_numbered': () => import('./components/list_numbered.vue'),
-  'lock': () => import('./components/lock.vue'),
-  'link': () => import('./components/link.vue'),
-  'mail_add': () => import('./components/mail_add.vue'),
   'lock_open': () => import('./components/lock_open.vue'),
-  'mail_new': () => import('./components/mail_new.vue'),
-  'mail_remove': () => import('./components/mail_remove.vue'),
-  'mail_minus': () => import('./components/mail_minus.vue'),
+  'link_broken': () => import('./components/link_broken.vue'),
+  'lightbulb_on': () => import('./components/lightbulb_on.vue'),
+  'mail_add': () => import('./components/mail_add.vue'),
   'mail_delete': () => import('./components/mail_delete.vue'),
-  'mail_open': () => import('./components/mail_open.vue'),
-  'microphone_disabled': () => import('./components/microphone_disabled.vue'),
+  'lock': () => import('./components/lock.vue'),
+  'location': () => import('./components/location.vue'),
+  'list_numbered': () => import('./components/list_numbered.vue'),
   'marquee': () => import('./components/marquee.vue'),
-  'menu_horizontal': () => import('./components/menu_horizontal.vue'),
   'maximise': () => import('./components/maximise.vue'),
-  'menu_hamburger': () => import('./components/menu_hamburger.vue'),
-  'mini_player': () => import('./components/mini_player.vue'),
-  'message_writing': () => import('./components/message_writing.vue'),
+  'menu_horizontal': () => import('./components/menu_horizontal.vue'),
   'menu_vertical': () => import('./components/menu_vertical.vue'),
-  'microphone_muted': () => import('./components/microphone_muted.vue'),
-  'minus': () => import('./components/minus.vue'),
-  'minus_circle': () => import('./components/minus_circle.vue'),
   'message': () => import('./components/message.vue'),
+  'microphone': () => import('./components/microphone.vue'),
+  'message_writing': () => import('./components/message_writing.vue'),
+  'microphone_disabled': () => import('./components/microphone_disabled.vue'),
+  'microphone_muted': () => import('./components/microphone_muted.vue'),
+  'mail_new': () => import('./components/mail_new.vue'),
+  'mail': () => import('./components/mail.vue'),
   'midpoint': () => import('./components/midpoint.vue'),
-  'move': () => import('./components/move.vue'),
-  'moon': () => import('./components/moon.vue'),
+  'mini_player': () => import('./components/mini_player.vue'),
   'newspaper': () => import('./components/newspaper.vue'),
-  'microphone': () => import('./components/microphone.vue'),
+  'menu_hamburger': () => import('./components/menu_hamburger.vue'),
+  'minus': () => import('./components/minus.vue'),
+  'minimise': () => import('./components/minimise.vue'),
+  'moon': () => import('./components/moon.vue'),
+  'mail_open': () => import('./components/mail_open.vue'),
+  'mail_minus': () => import('./components/mail_minus.vue'),
+  'mail_remove': () => import('./components/mail_remove.vue'),
+  'minus_circle': () => import('./components/minus_circle.vue'),
+  'nut': () => import('./components/nut.vue'),
   'notification': () => import('./components/notification.vue'),
-  'minimise': () => import('./components/minimise.vue'),
   'no_sign': () => import('./components/no_sign.vue'),
-  'nut': () => import('./components/nut.vue'),
-  'optional': () => import('./components/optional.vue'),
   'notebook': () => import('./components/notebook.vue'),
   'panel_bottom': () => import('./components/panel_bottom.vue'),
+  'pages': () => import('./components/pages.vue'),
+  'optional': () => import('./components/optional.vue'),
+  'panel_left': () => import('./components/panel_left.vue'),
   'panel_right': () => import('./components/panel_right.vue'),
-  'panel_sectioned': () => import('./components/panel_sectioned.vue'),
   'panel_center': () => import('./components/panel_center.vue'),
-  'paper_plane': () => import('./components/paper_plane.vue'),
-  'paper': () => import('./components/paper.vue'),
   'paper_folded': () => import('./components/paper_folded.vue'),
-  'panel_left': () => import('./components/panel_left.vue'),
-  'pages': () => import('./components/pages.vue'),
-  'paragraph_end': () => import('./components/paragraph_end.vue'),
-  'paper_plane_alt': () => import('./components/paper_plane_alt.vue'),
-  'paragraph_right': () => import('./components/paragraph_right.vue'),
-  'paperclip': () => import('./components/paperclip.vue'),
-  'panel_top': () => import('./components/panel_top.vue'),
+  'paper': () => import('./components/paper.vue'),
+  'move': () => import('./components/move.vue'),
+  'panel_sectioned': () => import('./components/panel_sectioned.vue'),
+  'paper_plane': () => import('./components/paper_plane.vue'),
   'paragraph_center': () => import('./components/paragraph_center.vue'),
-  'phone_landscape': () => import('./components/phone_landscape.vue'),
-  'pen': () => import('./components/pen.vue'),
+  'paperclip': () => import('./components/paperclip.vue'),
+  'pause': () => import('./components/pause.vue'),
+  'paper_plane_alt': () => import('./components/paper_plane_alt.vue'),
   'paragraph_start': () => import('./components/paragraph_start.vue'),
   'paragraph_left': () => import('./components/paragraph_left.vue'),
-  'phone_portrait': () => import('./components/phone_portrait.vue'),
-  'pie_half': () => import('./components/pie_half.vue'),
-  'pause': () => import('./components/pause.vue'),
+  'pen': () => import('./components/pen.vue'),
+  'paragraph_right': () => import('./components/paragraph_right.vue'),
+  'paragraph_end': () => import('./components/paragraph_end.vue'),
+  'pie_third': () => import('./components/pie_third.vue'),
+  'pie_quarter': () => import('./components/pie_quarter.vue'),
   'play_button': () => import('./components/play_button.vue'),
+  'pie_half': () => import('./components/pie_half.vue'),
+  'panel_top': () => import('./components/panel_top.vue'),
   'play': () => import('./components/play.vue'),
-  'pie_quarter': () => import('./components/pie_quarter.vue'),
-  'plus': () => import('./components/plus.vue'),
-  'picture': () => import('./components/picture.vue'),
   'plus_circle': () => import('./components/plus_circle.vue'),
+  'phone_portrait': () => import('./components/phone_portrait.vue'),
+  'picture': () => import('./components/picture.vue'),
+  'project_fixed': () => import('./components/project_fixed.vue'),
+  'postcard': () => import('./components/postcard.vue'),
+  'plus': () => import('./components/plus.vue'),
+  'printer': () => import('./components/printer.vue'),
+  'pull_down': () => import('./components/pull_down.vue'),
+  'project_tnm': () => import('./components/project_tnm.vue'),
   'project_nonprofit': () => import('./components/project_nonprofit.vue'),
   'projector': () => import('./components/projector.vue'),
-  'pie_third': () => import('./components/pie_third.vue'),
-  'project_tnm': () => import('./components/project_tnm.vue'),
-  'postcard': () => import('./components/postcard.vue'),
-  'project_fixed': () => import('./components/project_fixed.vue'),
-  'pull_left': () => import('./components/pull_left.vue'),
   'pull_right': () => import('./components/pull_right.vue'),
-  'pull_down': () => import('./components/pull_down.vue'),
-  'push_left': () => import('./components/push_left.vue'),
-  'question_circle': () => import('./components/question_circle.vue'),
+  'phone_landscape': () => import('./components/phone_landscape.vue'),
+  'pull_left': () => import('./components/pull_left.vue'),
   'pull_up': () => import('./components/pull_up.vue'),
-  'push_up': () => import('./components/push_up.vue'),
   'push_down': () => import('./components/push_down.vue'),
   'receipt': () => import('./components/receipt.vue'),
-  'printer': () => import('./components/printer.vue'),
-  'refresh_alt': () => import('./components/refresh_alt.vue'),
-  'required': () => import('./components/required.vue'),
-  'push_right': () => import('./components/push_right.vue'),
+  'push_left': () => import('./components/push_left.vue'),
   'radio_on': () => import('./components/radio_on.vue'),
-  'replicate_alt': () => import('./components/replicate_alt.vue'),
+  'record': () => import('./components/record.vue'),
+  'redo': () => import('./components/redo.vue'),
+  'refresh': () => import('./components/refresh.vue'),
+  'question_circle': () => import('./components/question_circle.vue'),
+  'push_right': () => import('./components/push_right.vue'),
+  'refresh_alt': () => import('./components/refresh_alt.vue'),
+  'push_up': () => import('./components/push_up.vue'),
   'replicate': () => import('./components/replicate.vue'),
+  'reset': () => import('./components/reset.vue'),
+  'replicate_alt': () => import('./components/replicate_alt.vue'),
+  'retweet': () => import('./components/retweet.vue'),
+  'required': () => import('./components/required.vue'),
+  'reuse': () => import('./components/reuse.vue'),
   'reset_hard': () => import('./components/reset_hard.vue'),
-  'reset_alt': () => import('./components/reset_alt.vue'),
-  'redo': () => import('./components/redo.vue'),
   'reset_temporary': () => import('./components/reset_temporary.vue'),
-  'refresh': () => import('./components/refresh.vue'),
-  'reverse': () => import('./components/reverse.vue'),
+  'reset_alt': () => import('./components/reset_alt.vue'),
   'reset_forward': () => import('./components/reset_forward.vue'),
-  'retweet': () => import('./components/retweet.vue'),
   'rocket': () => import('./components/rocket.vue'),
-  'reset': () => import('./components/reset.vue'),
-  'record': () => import('./components/record.vue'),
-  'revert': () => import('./components/revert.vue'),
-  'reuse': () => import('./components/reuse.vue'),
   'reverse_alt': () => import('./components/reverse_alt.vue'),
-  'scale': () => import('./components/scale.vue'),
-  'ruler': () => import('./components/ruler.vue'),
+  'scale_contract': () => import('./components/scale_contract.vue'),
   'scale_extend': () => import('./components/scale_extend.vue'),
+  'reverse': () => import('./components/reverse.vue'),
+  'revert': () => import('./components/revert.vue'),
+  'ruler': () => import('./components/ruler.vue'),
   'search': () => import('./components/search.vue'),
   'scalpel': () => import('./components/scalpel.vue'),
   'server': () => import('./components/server.vue'),
-  'shuffle': () => import('./components/shuffle.vue'),
-  'share_alt': () => import('./components/share_alt.vue'),
   'settings': () => import('./components/settings.vue'),
-  'slash_forward': () => import('./components/slash_forward.vue'),
+  'shuffle': () => import('./components/shuffle.vue'),
   'share': () => import('./components/share.vue'),
-  'sort_alt': () => import('./components/sort_alt.vue'),
   'sliders': () => import('./components/sliders.vue'),
+  'share_alt': () => import('./components/share_alt.vue'),
   'side_menu': () => import('./components/side_menu.vue'),
-  'slash_backward': () => import('./components/slash_backward.vue'),
-  'speech_bubble': () => import('./components/speech_bubble.vue'),
-  'split_three': () => import('./components/split_three.vue'),
-  'scale_contract': () => import('./components/scale_contract.vue'),
   'speaker': () => import('./components/speaker.vue'),
+  'slash_forward': () => import('./components/slash_forward.vue'),
+  'sort': () => import('./components/sort.vue'),
+  'speech_typing': () => import('./components/speech_typing.vue'),
+  'split_three': () => import('./components/split_three.vue'),
+  'sun': () => import('./components/sun.vue'),
+  'sort_alt': () => import('./components/sort_alt.vue'),
   'split': () => import('./components/split.vue'),
+  'speech_bubble': () => import('./components/speech_bubble.vue'),
+  'slash_backward': () => import('./components/slash_backward.vue'),
   'support': () => import('./components/support.vue'),
-  'sun': () => import('./components/sun.vue'),
-  'sort': () => import('./components/sort.vue'),
-  'tag': () => import('./components/tag.vue'),
+  'table_header': () => import('./components/table_header.vue'),
   'swap': () => import('./components/swap.vue'),
+  'tag': () => import('./components/tag.vue'),
   'table': () => import('./components/table.vue'),
-  'speech_typing': () => import('./components/speech_typing.vue'),
-  'star': () => import('./components/star.vue'),
-  'tags': () => import('./components/tags.vue'),
   'tag_milestone': () => import('./components/tag_milestone.vue'),
-  'thumbs_down': () => import('./components/thumbs_down.vue'),
-  'table_header': () => import('./components/table_header.vue'),
-  'thread': () => import('./components/thread.vue'),
+  'switch': () => import('./components/switch.vue'),
+  'tags': () => import('./components/tags.vue'),
+  'timeline': () => import('./components/timeline.vue'),
+  'thumbs_up': () => import('./components/thumbs_up.vue'),
+  'scale': () => import('./components/scale.vue'),
   'ticket': () => import('./components/ticket.vue'),
   'target': () => import('./components/target.vue'),
-  'toggle': () => import('./components/toggle.vue'),
+  'translate': () => import('./components/translate.vue'),
+  'thumbs_down': () => import('./components/thumbs_down.vue'),
   'toggles': () => import('./components/toggles.vue'),
+  'thread': () => import('./components/thread.vue'),
+  'tv_mode': () => import('./components/tv_mode.vue'),
   'todo': () => import('./components/todo.vue'),
-  'timeline': () => import('./components/timeline.vue'),
-  'switch': () => import('./components/switch.vue'),
-  'trash': () => import('./components/trash.vue'),
-  'trophy': () => import('./components/trophy.vue'),
   'trash_alt': () => import('./components/trash_alt.vue'),
-  'type_date': () => import('./components/type_date.vue'),
+  'type_email': () => import('./components/type_email.vue'),
+  'trophy': () => import('./components/trophy.vue'),
   'type_checkbox': () => import('./components/type_checkbox.vue'),
-  'tv_mode': () => import('./components/tv_mode.vue'),
-  'type_formula': () => import('./components/type_formula.vue'),
+  'type_date': () => import('./components/type_date.vue'),
+  'toggle': () => import('./components/toggle.vue'),
+  'type_person': () => import('./components/type_person.vue'),
+  'type_multiselect': () => import('./components/type_multiselect.vue'),
+  'type_relation': () => import('./components/type_relation.vue'),
   'type_file': () => import('./components/type_file.vue'),
-  'type_email': () => import('./components/type_email.vue'),
-  'translate': () => import('./components/translate.vue'),
+  'trash': () => import('./components/trash.vue'),
   'type_id': () => import('./components/type_id.vue'),
-  'type_phone': () => import('./components/type_phone.vue'),
-  'type_number': () => import('./components/type_number.vue'),
-  'type_multiselect': () => import('./components/type_multiselect.vue'),
   'type_select': () => import('./components/type_select.vue'),
+  'type_formula': () => import('./components/type_formula.vue'),
+  'type_number': () => import('./components/type_number.vue'),
   'type_status': () => import('./components/type_status.vue'),
-  'type_person': () => import('./components/type_person.vue'),
-  'undo': () => import('./components/undo.vue'),
-  'type_relation': () => import('./components/type_relation.vue'),
   'type_text': () => import('./components/type_text.vue'),
+  'type_url': () => import('./components/type_url.vue'),
   'type_time': () => import('./components/type_time.vue'),
+  'type_phone': () => import('./components/type_phone.vue'),
+  'star': () => import('./components/star.vue'),
   'unarchive': () => import('./components/unarchive.vue'),
-  'undo_history': () => import('./components/undo_history.vue'),
-  'type_url': () => import('./components/type_url.vue'),
-  'unlink_horizontal': () => import('./components/unlink_horizontal.vue'),
-  'upload': () => import('./components/upload.vue'),
-  'user_add': () => import('./components/user_add.vue'),
   'type_user': () => import('./components/type_user.vue'),
-  'thumbs_up': () => import('./components/thumbs_up.vue'),
-  'user': () => import('./components/user.vue'),
+  'unlink_vertical': () => import('./components/unlink_vertical.vue'),
+  'upload': () => import('./components/upload.vue'),
+  'unlink_horizontal': () => import('./components/unlink_horizontal.vue'),
+  'undo_history': () => import('./components/undo_history.vue'),
   'user_circle': () => import('./components/user_circle.vue'),
   'upload_alt': () => import('./components/upload_alt.vue'),
-  'user_male': () => import('./components/user_male.vue'),
-  'user_remove': () => import('./components/user_remove.vue'),
+  'undo': () => import('./components/undo.vue'),
+  'users': () => import('./components/users.vue'),
   'user_male_circle': () => import('./components/user_male_circle.vue'),
   'version': () => import('./components/version.vue'),
+  'user_add': () => import('./components/user_add.vue'),
+  'user_male': () => import('./components/user_male.vue'),
   'video': () => import('./components/video.vue'),
-  'users': () => import('./components/users.vue'),
-  'upward': () => import('./components/upward.vue'),
-  'versions': () => import('./components/versions.vue'),
+  'volume_0': () => import('./components/volume_0.vue'),
   'volume_add': () => import('./components/volume_add.vue'),
-  'volume_low': () => import('./components/volume_low.vue'),
-  'venn': () => import('./components/venn.vue'),
-  'volume_minus': () => import('./components/volume_minus.vue'),
-  'volume_disabled': () => import('./components/volume_disabled.vue'),
+  'user': () => import('./components/user.vue'),
+  'user_remove': () => import('./components/user_remove.vue'),
   'volume_high': () => import('./components/volume_high.vue'),
+  'volume_disabled': () => import('./components/volume_disabled.vue'),
+  'versions': () => import('./components/versions.vue'),
+  'volume_minus': () => import('./components/volume_minus.vue'),
   'wallet': () => import('./components/wallet.vue'),
-  'volume_muted': () => import('./components/volume_muted.vue'),
-  'unlink_vertical': () => import('./components/unlink_vertical.vue'),
-  'width': () => import('./components/width.vue'),
+  'venn': () => import('./components/venn.vue'),
+  'wifi_error': () => import('./components/wifi_error.vue'),
+  'upward': () => import('./components/upward.vue'),
   'warning_hex': () => import('./components/warning_hex.vue'),
   'warning_circle': () => import('./components/warning_circle.vue'),
-  'volume_0': () => import('./components/volume_0.vue'),
-  'wifi': () => import('./components/wifi.vue'),
   'wifi_none': () => import('./components/wifi_none.vue'),
-  'waves': () => import('./components/waves.vue'),
-  'wifi_error': () => import('./components/wifi_error.vue'),
   'window_collapse_left': () => import('./components/window_collapse_left.vue'),
+  'warning_triangle': () => import('./components/warning_triangle.vue'),
   'window': () => import('./components/window.vue'),
-  'wrap_forward': () => import('./components/wrap_forward.vue'),
+  'volume_muted': () => import('./components/volume_muted.vue'),
   'window_content': () => import('./components/window_content.vue'),
-  'wrap_back': () => import('./components/wrap_back.vue'),
   'write': () => import('./components/write.vue'),
+  'wifi': () => import('./components/wifi.vue'),
+  'waves': () => import('./components/waves.vue'),
+  'wrap_forward': () => import('./components/wrap_forward.vue'),
+  'wrap_back': () => import('./components/wrap_back.vue'),
+  'width': () => import('./components/width.vue'),
   'zoom_cancel': () => import('./components/zoom_cancel.vue'),
-  'warning_triangle': () => import('./components/warning_triangle.vue'),
+  'volume_low': () => import('./components/volume_low.vue'),
   'window_collapse_right': () => import('./components/window_collapse_right.vue'),
-  'zoom_reset': () => import('./components/zoom_reset.vue'),
   'zoom_in': () => import('./components/zoom_in.vue'),
   'zoom_out': () => import('./components/zoom_out.vue'),
+  'zoom_reset': () => import('./components/zoom_reset.vue'),
   'nomi-arrow-right-top': () => import('./components/nomi-arrow-right-top.vue'),
   'nomi-arrow-up': () => import('./components/nomi-arrow-up.vue'),
-  'nomi-arrow_down': () => import('./components/nomi-arrow_down.vue'),
-  'nomi-arrows': () => import('./components/nomi-arrows.vue'),
   'nomi-arrow-down': () => import('./components/nomi-arrow-down.vue'),
-  'nomi-clear': () => import('./components/nomi-clear.vue'),
-  'nomi-calendar': () => import('./components/nomi-calendar.vue'),
+  'nomi-arrow_down': () => import('./components/nomi-arrow_down.vue'),
   'nomi-calendar-alt': () => import('./components/nomi-calendar-alt.vue'),
-  'nomi-card': () => import('./components/nomi-card.vue'),
+  'nomi-arrows': () => import('./components/nomi-arrows.vue'),
   'nomi-arrow_up': () => import('./components/nomi-arrow_up.vue'),
+  'nomi-card': () => import('./components/nomi-card.vue'),
+  'nomi-calendar': () => import('./components/nomi-calendar.vue'),
+  'nomi-calendar-alt2': () => import('./components/nomi-calendar-alt2.vue'),
+  'nomi-clear': () => import('./components/nomi-clear.vue'),
+  'nomi-ai': () => import('./components/nomi-ai.vue'),
   'nomi-close': () => import('./components/nomi-close.vue'),
-  'nomi-counterparty': () => import('./components/nomi-counterparty.vue'),
-  'nomi-eye-close': () => import('./components/nomi-eye-close.vue'),
   'nomi-hide': () => import('./components/nomi-hide.vue'),
-  'nomi-person': () => import('./components/nomi-person.vue'),
+  'nomi-eye-close': () => import('./components/nomi-eye-close.vue'),
+  'nomi-counterparty': () => import('./components/nomi-counterparty.vue'),
+  'nomi-expand': () => import('./components/nomi-expand.vue'),
+  'nomi-move-right': () => import('./components/nomi-move-right.vue'),
+  'nomi-money': () => import('./components/nomi-money.vue'),
+  'nomi-eye-open': () => import('./components/nomi-eye-open.vue'),
   'nomi-filter': () => import('./components/nomi-filter.vue'),
   'nomi-move-left': () => import('./components/nomi-move-left.vue'),
-  'nomi-eye-open': () => import('./components/nomi-eye-open.vue'),
-  'nomi-move-right': () => import('./components/nomi-move-right.vue'),
+  'nomi-pin': () => import('./components/nomi-pin.vue'),
   'nomi-project': () => import('./components/nomi-project.vue'),
-  'nomi-money': () => import('./components/nomi-money.vue'),
   'nomi-recurrence': () => import('./components/nomi-recurrence.vue'),
-  'nomi-sort-asc': () => import('./components/nomi-sort-asc.vue'),
+  'nomi-repeat': () => import('./components/nomi-repeat.vue'),
   'nomi-scissors': () => import('./components/nomi-scissors.vue'),
-  'nomi-pin': () => import('./components/nomi-pin.vue'),
-  'nomi-report': () => import('./components/nomi-report.vue'),
-  'nomi-tag': () => import('./components/nomi-tag.vue'),
   'nomi-sort-desc': () => import('./components/nomi-sort-desc.vue'),
-  'nomi-text': () => import('./components/nomi-text.vue'),
-  'nomi-table-view': () => import('./components/nomi-table-view.vue'),
+  'nomi-report': () => import('./components/nomi-report.vue'),
   'nomi-dashboard': () => import('./components/nomi-dashboard.vue'),
-  'nomi-repeat': () => import('./components/nomi-repeat.vue'),
-  'nomi-calendar-alt2': () => import('./components/nomi-calendar-alt2.vue'),
+  'nomi-table-view': () => import('./components/nomi-table-view.vue'),
+  'nomi-sort-asc': () => import('./components/nomi-sort-asc.vue'),
+  'nomi-tag': () => import('./components/nomi-tag.vue'),
   'nomi-target': () => import('./components/nomi-target.vue'),
+  'nomi-text': () => import('./components/nomi-text.vue'),
+  'nomi-help': () => import('./components/nomi-help.vue'),
+  'nomi-person': () => import('./components/nomi-person.vue'),
+  'nomi-unpin': () => import('./components/nomi-unpin.vue'),
   'nomi-user': () => import('./components/nomi-user.vue'),
+  'nomi-settings': () => import('./components/nomi-settings.vue'),
+  'nomi-logout': () => import('./components/nomi-logout.vue'),
   'nomi-transactions': () => import('./components/nomi-transactions.vue'),
-  'nomi-unpin': () => import('./components/nomi-unpin.vue'),
 }

package/src/components/icon/new-icons/ai.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="4 4 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M10.8461 13.8066C9.51242 12.9683 7.88973 13.5198 6.33372 14.1816L5 11.0711C5.02223 11.0711 5.06669 11.0491 5.08892 11.027C6.55601 10.4093 10.3571 8.79892 13.5136 11.5785C13.6247 11.6668 13.7136 11.755 13.8248 11.8653C14.9585 11.4461 16.2255 11.3138 17.6037 11.6006C20.1155 12.108 21.8938 14.0272 22.6273 16.6083C23.3387 19.1452 23.0497 22.366 21.6048 25.9397L18.4484 24.6823C19.6932 21.5718 19.8043 19.1452 19.3375 17.5127C18.8929 15.9244 17.9593 15.1302 16.9146 14.9096C16.5367 14.8434 16.181 14.8214 15.8031 14.8655C16.5589 16.6965 16.7812 18.704 16.5811 20.4247C16.4255 21.8807 15.9365 23.3808 15.0251 24.4617C14.0248 25.6309 12.5133 26.2927 10.7572 25.8736C8.68996 25.3882 7.75636 23.7337 7.53407 22.0792C7.33401 20.4909 7.75636 18.704 8.4899 17.1156C9.02339 15.9685 9.82362 14.7772 10.8461 13.7845V13.8066ZM12.8245 16.6303C12.3577 17.1818 11.9354 17.8216 11.5797 18.5716C11.024 19.7629 10.8239 20.91 10.9128 21.6821C11.0017 22.388 11.2463 22.5425 11.513 22.6086C11.8909 22.6969 12.1354 22.6086 12.4022 22.2998C12.7356 21.9027 13.069 21.1527 13.1802 20.0717C13.3135 18.9466 13.1802 17.7333 12.8023 16.6303H12.8245Z" fill="currentColor"/>
+  <path d="M20.6582 5.7567C20.7911 5.4625 21.2089 5.4625 21.3418 5.7567L21.5835 6.29203C21.809 6.79121 22.2088 7.19101 22.708 7.41646L23.2433 7.65824C23.5375 7.79111 23.5375 8.20889 23.2433 8.34176L22.708 8.58354C22.2088 8.80899 21.809 9.20879 21.5835 9.70797L21.3418 10.2433C21.2089 10.5375 20.7911 10.5375 20.6582 10.2433L20.4165 9.70797C20.191 9.20879 19.7912 8.80899 19.292 8.58354L18.7567 8.34176C18.4625 8.20889 18.4625 7.79111 18.7567 7.65824L19.292 7.41646C19.7912 7.19101 20.191 6.79121 20.4165 6.29203L20.6582 5.7567Z" fill="currentColor"/>
+  <path d="M24.7722 11.5045C24.8607 11.3083 25.1393 11.3083 25.2278 11.5045L25.389 11.8614C25.5393 12.1941 25.8059 12.4607 26.1386 12.611L26.4955 12.7722C26.6917 12.8607 26.6917 13.1393 26.4955 13.2278L26.1386 13.389C25.8059 13.5393 25.5393 13.8059 25.389 14.1386L25.2278 14.4955C25.1393 14.6917 24.8607 14.6917 24.7722 14.4955L24.611 14.1386C24.4607 13.8059 24.1941 13.5393 23.8614 13.389L23.5045 13.2278C23.3083 13.1393 23.3083 12.8607 23.5045 12.7722L23.8614 12.611C24.1941 12.4607 24.4607 12.1941 24.611 11.8614L24.7722 11.5045Z" fill="currentColor"/>
+</svg>

package/src/components/icon/new-icons/expand.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M19 10V5.3C19 5.13431 18.8657 5 18.7 5H14" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M5 14V18.7C5 18.8657 5.13431 19 5.3 19H10" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M5.5 18.5L9.5 14.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M14.5 9.5L18.5 5.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/icon/new-icons/help.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-info-circle" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/>
+  <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0"/>
+</svg>

package/src/components/icon/new-icons/logout.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-door-closed" viewBox="0 0 16 16">
+  <path d="M3 2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v13h1.5a.5.5 0 0 1 0 1h-13a.5.5 0 0 1 0-1H3zm1 13h8V2H4z"/>
+  <path d="M9 9a1 1 0 1 0 2 0 1 1 0 0 0-2 0"/>
+</svg>

package/src/components/icon/new-icons/settings.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
+  <path d="M8.932.727c-.243-.97-1.62-.97-1.864 0l-.071.286a.96.96 0 0 1-1.622.434l-.205-.211c-.695-.719-1.888-.03-1.613.931l.08.284a.96.96 0 0 1-1.186 1.187l-.284-.081c-.96-.275-1.65.918-.931 1.613l.211.205a.96.96 0 0 1-.434 1.622l-.286.071c-.97.243-.97 1.62 0 1.864l.286.071a.96.96 0 0 1 .434 1.622l-.211.205c-.719.695-.03 1.888.931 1.613l.284-.08a.96.96 0 0 1 1.187 1.187l-.081.283c-.275.96.918 1.65 1.613.931l.205-.211a.96.96 0 0 1 1.622.434l.071.286c.243.97 1.62.97 1.864 0l.071-.286a.96.96 0 0 1 1.622-.434l.205.211c.695.719 1.888.03 1.613-.931l-.08-.284a.96.96 0 0 1 1.187-1.187l.283.081c.96.275 1.65-.918.931-1.613l-.211-.205a.96.96 0 0 1 .434-1.622l.286-.071c.97-.243.97-1.62 0-1.864l-.286-.071a.96.96 0 0 1-.434-1.622l.211-.205c.719-.695.03-1.888-.931-1.613l-.284.08a.96.96 0 0 1-1.187-1.186l.081-.284c.275-.96-.918-1.65-1.613-.931l-.205.211a.96.96 0 0 1-1.622-.434zM8 12.997a4.998 4.998 0 1 1 0-9.995 4.998 4.998 0 0 1 0 9.996z"/>
+</svg>

package/src/components/panels/Panel.vue

@@ -14,16 +14,16 @@
       <slot name="header">
         <div>
           <slot name="title">
-            <div class="b-panel__title ps-1 fw-bold h2" v-text="title"></div>
+            <div class="b-panel__title fw-bold h2" v-text="title"></div>
           </slot>
         </div>
         <div class="d-flex gap-1">
           <slot name="buttons"></slot>
-          <itf-button v-if="expandable" icon small class="b-panel__expand_button" @click="fullsizePanel">
-            <itf-icon name="expand" />
+          <itf-button v-if="expandable" icon default class="b-panel__expand_button" @click="fullsizePanel">
+            <itf-icon new name="expand" />
           </itf-button>
-          <itf-button v-if="closeable" icon small class="b-panel__expand_button" @click="closePanel">
-            <itf-icon name="cross" />
+          <itf-button v-if="closeable" icon default class="b-panel__expand_button" @click="closePanel">
+            <itf-icon new name="close" />
           </itf-button>
         </div>
       </slot>
@@ -140,6 +140,7 @@ class Panel extends Vue {
   @Prop() title;
   @Prop() icon;
   @Prop() payload;
+  @Prop() panel;
   @Prop(Boolean) collapsed;
   @Prop(Boolean) closeable;
   @Prop(Boolean) expandable;

package/src/components/panels/PanelLink.vue

@@ -1,5 +1,5 @@
 <template>
-  <a :href="link" :target="target" v-on="on"><slot></slot></a>
+  <a :href="link" :target="target" v-on="on" :class="{[activeClass]: isActive}"><slot></slot></a>
 </template>
 <script lang="ts">
 import { Vue, Component, Inject, Prop } from 'vue-property-decorator';
@@ -20,6 +20,7 @@ export default class PanelLink extends Vue {
   @Prop(String) panel: string;
   @Prop() payload: payload;
   @Prop() target: string;
+  @Prop({ type: String, default: 'active' }) activeClass: string;
   @Prop(Boolean) append: boolean;
 
   get on() {
@@ -30,6 +31,11 @@ export default class PanelLink extends Vue {
     return handlers;
   }
 
+  get isActive() {
+    let stack = this.panelList.getCurrentStack();
+    return stack.find(s => s.type === this.panel);
+  }
+
   get link() {
     let stack = this.panelList.getCurrentStack();
     if (!this.append) {

package/src/components/panels/PanelList.vue

@@ -11,6 +11,7 @@
         <panel
           :key="n"
           :index="n"
+          :panel="panel"
           :title="panel.title"
           :nocard="panel.nocard"
           :icon="panel.icon"

package/src/components/tree/TreeEditor.vue

@@ -457,11 +457,10 @@ export default {
 
         let newItems = this.moveItem(this.itemsTrans, nkFrom, nkTo, modeDir, modeInsert);
         if (this.flat) {
-          newItems = flattenTree(newItems).map(node => {
-            node.parentId = node.parentNode ? node.parentNode.id : null;
+          newItems = flattenTree(newItems, 4, 0, null, [], this.itemChildren).map(node => {
+            node.parentId = node.parentNode ? node.parentNode[this.itemKey] : null;
             return node;
           });
-          console.info(2, newItems);
         }
         this.$emit('update:items', newItems);
       });

package/src/helpers/tree.js

@@ -6,7 +6,7 @@ function flattenTree (items, spaces = 4, level = 0, parentNode = null, path = []
     parentNode,
     level,
     levelPrefix: String.fromCharCode(0xA0).repeat(level * spaces)
-  }, ...flattenTree(val[childrenKey] || [], spaces, level + 1, val, [...path, childrenKey, index])), []);
+  }, ...flattenTree(val[childrenKey] || [], spaces, level + 1, val, [...path, childrenKey, index], childrenKey)), []);
 }
 
 export
@@ -14,9 +14,9 @@ function buildTree (items, idKey = 'id', parentKey = 'parentId', childrenKey = '
 
   const buildNode = (items, id, parent) => items
     .filter(item => item[parentKey] === parent)
-    .map(item => ({ ...item, [childrenKey]: buildNode(items, item[idKey], item[idKey]) }));
+    .map(item => ({ ...item, [childrenKey]: buildNode(items, item[idKey], item[idKey], childrenKey) }));
 
-  return buildNode(items, null, null);
+  return buildNode(items, null, null, childrenKey);
 }
 
 export