@itfin/components 1.5.1 → 1.5.3

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 (120) hide show
  1. package/dist/ITFComponents.common.js +87 -0
  2. package/dist/ITFComponents.common.js.map +1 -0
  3. package/dist/ITFComponents.umd.js +98 -0
  4. package/dist/ITFComponents.umd.js.map +1 -0
  5. package/dist/ITFComponents.umd.min.js +2 -0
  6. package/dist/ITFComponents.umd.min.js.map +1 -0
  7. package/dist/demo.html +1 -0
  8. package/package.json +12 -1
  9. package/src/ITFSettings.js +0 -6
  10. package/src/components/alert/AlertBanner.vue +70 -14
  11. package/src/components/button/Button.vue +1 -3
  12. package/src/components/button/NativeButton.js +0 -4
  13. package/src/components/button/index.stories.js +2 -2
  14. package/src/components/checkbox/NestedCheckboxGroup.vue +109 -0
  15. package/src/components/customize/PropertiesList.vue +2 -0
  16. package/src/components/customize/PropertiesPopupMenu.vue +1 -1
  17. package/src/components/customize/PropertyItem.vue +24 -6
  18. package/src/components/datepicker/DatePicker.vue +1 -1
  19. package/src/components/datepicker/MonthPicker.vue +21 -1
  20. package/src/components/dropdown/Dropdown.vue +1 -1
  21. package/src/components/dropdown/DropdownMenu.vue +1 -1
  22. package/src/components/editable/EditButton.vue +1 -1
  23. package/src/components/filter/FilterBadge.vue +4 -3
  24. package/src/components/filter/FilterFacetsList.vue +16 -9
  25. package/src/components/filter/FilterPanel.vue +20 -6
  26. package/src/components/icon/components/nomi-.DS_Store +0 -0
  27. package/src/components/icon/components/nomi-approval-chain.vue +5 -0
  28. package/src/components/icon/components/nomi-calendar-view.vue +4 -0
  29. package/src/components/icon/components/nomi-close-alt.vue +5 -0
  30. package/src/components/icon/components/nomi-cog-lightning.vue +5 -0
  31. package/src/components/icon/components/nomi-comment-add.vue +5 -0
  32. package/src/components/icon/components/nomi-comment.vue +4 -0
  33. package/src/components/icon/components/nomi-comments.vue +5 -0
  34. package/src/components/icon/components/nomi-copy.vue +5 -0
  35. package/src/components/icon/components/nomi-dollar.vue +4 -0
  36. package/src/components/icon/components/nomi-expense-requests.vue +5 -0
  37. package/src/components/icon/components/nomi-file-doc.vue +7 -0
  38. package/src/components/icon/components/nomi-file-excel.vue +9 -0
  39. package/src/components/icon/components/nomi-file-image.vue +6 -0
  40. package/src/components/icon/components/nomi-file-pdf.vue +5 -0
  41. package/src/components/icon/components/nomi-help.vue +3 -2
  42. package/src/components/icon/components/nomi-kanban-view.vue +6 -0
  43. package/src/components/icon/components/nomi-light-bulb.vue +4 -0
  44. package/src/components/icon/components/nomi-list-view.vue +7 -0
  45. package/src/components/icon/components/nomi-lock.vue +1 -1
  46. package/src/components/icon/components/nomi-money-alt.vue +4 -0
  47. package/src/components/icon/components/nomi-money-requests.vue +12 -0
  48. package/src/components/icon/components/nomi-pending.vue +4 -0
  49. package/src/components/icon/components/nomi-plus.vue +5 -0
  50. package/src/components/icon/components/nomi-project.vue +2 -2
  51. package/src/components/icon/components/nomi-scissors.vue +1 -1
  52. package/src/components/icon/components/nomi-secure.vue +4 -0
  53. package/src/components/icon/components/nomi-stop.vue +4 -0
  54. package/src/components/icon/components/nomi-table-config.vue +9 -0
  55. package/src/components/icon/components/nomi-table-view.vue +4 -1
  56. package/src/components/icon/components/nomi-thumbs-down.vue +4 -0
  57. package/src/components/icon/components/nomi-thumbs-up.vue +4 -0
  58. package/src/components/icon/components/nomi-undo.vue +4 -0
  59. package/src/components/icon/components/nomi-user-settings.vue +5 -0
  60. package/src/components/icon/components/nomi-user.vue +3 -3
  61. package/src/components/icon/convert-icons.js +0 -3
  62. package/src/components/icon/icons.js +403 -372
  63. package/src/components/icon/new-icons/approval-chain.svg +4 -0
  64. package/src/components/icon/new-icons/budget.svg +3 -0
  65. package/src/components/icon/new-icons/calendar-view.svg +3 -0
  66. package/src/components/icon/new-icons/close-alt.svg +4 -0
  67. package/src/components/icon/new-icons/cog-lightning.svg +4 -0
  68. package/src/components/icon/new-icons/comment-add.svg +4 -0
  69. package/src/components/icon/new-icons/comment.svg +3 -0
  70. package/src/components/icon/new-icons/comments.svg +4 -0
  71. package/src/components/icon/new-icons/copy.svg +4 -0
  72. package/src/components/icon/new-icons/dollar.svg +3 -0
  73. package/src/components/icon/new-icons/expense-requests.svg +4 -0
  74. package/src/components/icon/new-icons/file-doc.svg +6 -0
  75. package/src/components/icon/new-icons/file-excel.svg +8 -0
  76. package/src/components/icon/new-icons/file-image.svg +5 -0
  77. package/src/components/icon/new-icons/file-pdf.svg +4 -0
  78. package/src/components/icon/new-icons/help.svg +3 -2
  79. package/src/components/icon/new-icons/kanban-view.svg +5 -0
  80. package/src/components/icon/new-icons/light-bulb.svg +3 -0
  81. package/src/components/icon/new-icons/list-view.svg +6 -0
  82. package/src/components/icon/new-icons/lock.svg +1 -1
  83. package/src/components/icon/new-icons/money-alt.svg +3 -0
  84. package/src/components/icon/new-icons/money-requests.svg +11 -0
  85. package/src/components/icon/new-icons/pending.svg +3 -0
  86. package/src/components/icon/new-icons/plus.svg +4 -0
  87. package/src/components/icon/new-icons/project.svg +2 -2
  88. package/src/components/icon/new-icons/scissors.svg +1 -1
  89. package/src/components/icon/new-icons/secure.svg +3 -0
  90. package/src/components/icon/new-icons/stop.svg +3 -0
  91. package/src/components/icon/new-icons/table-config.svg +8 -0
  92. package/src/components/icon/new-icons/table-view.svg +4 -1
  93. package/src/components/icon/new-icons/thumbs-down.svg +3 -0
  94. package/src/components/icon/new-icons/thumbs-up.svg +3 -0
  95. package/src/components/icon/new-icons/undo.svg +3 -0
  96. package/src/components/icon/new-icons/user-settings.svg +4 -0
  97. package/src/components/icon/new-icons/user.svg +3 -3
  98. package/src/components/kanban/BoardCard.vue +1 -1
  99. package/src/components/kanban/BoardCardTimer.vue +1 -1
  100. package/src/components/modal/Modal.vue +6 -1
  101. package/src/components/overlay/SensitiveOverlay.vue +4 -2
  102. package/src/components/pagination/Pagination2.vue +4 -3
  103. package/src/components/panels/Panel.vue +23 -1
  104. package/src/components/panels/PanelItemEdit.vue +91 -10
  105. package/src/components/panels/PanelList.vue +19 -6
  106. package/src/components/table/Table2.vue +65 -60
  107. package/src/components/table/TableBody.vue +6 -0
  108. package/src/components/table/TableGroup.vue +13 -4
  109. package/src/components/table/TableHeader.vue +77 -76
  110. package/src/components/table/TableRowToggle.vue +9 -1
  111. package/src/components/table/TableRows.vue +54 -30
  112. package/src/components/table/table2.scss +15 -34
  113. package/src/components/text-field/TextField.vue +8 -0
  114. package/src/components/tree/TreeEditor.vue +2 -3
  115. package/src/components/view/View.vue +217 -56
  116. package/src/helpers/validators.js +35 -9
  117. package/src/helpers/validators.spec.js +48 -11
  118. package/src/locales/en.js +8 -2
  119. package/src/locales/pl.js +2 -1
  120. package/src/locales/uk.js +7 -6
package/src/components/icon/new-icons/approval-chain.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 12C12.9193 12 13.8295 12.1814 14.6788 12.5332C15.3163 12.7973 15.9101 13.1536 16.4415 13.5898L15.0001 14.4229C14.421 14.7574 14.0495 15.358 14.005 16.0205L14.0001 16.1543V18.4639C14.0001 18.6476 14.0263 18.8276 14.0743 19H6.00008C5.44783 19 4.99274 18.5496 5.07137 18.0029C5.15431 17.4266 5.30946 16.8616 5.53328 16.3213C5.88507 15.472 6.40086 14.6998 7.05086 14.0498C7.70074 13.4 8.47234 12.8849 9.32137 12.5332C10.1706 12.1814 11.0809 12 12.0001 12ZM12.0001 4C13.6569 4 15.0001 5.34315 15.0001 7C15.0001 8.65685 13.6569 10 12.0001 10C10.3433 9.99995 9.00008 8.65683 9.00008 7C9.00008 5.34317 10.3433 4.00005 12.0001 4Z" fill="currentColor"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 14.1339C17.8094 13.9554 18.1906 13.9554 18.5 14.1339L20.5 15.2892C20.8092 15.4678 20.9999 15.7974 21 16.1544V18.464C21 18.8213 20.8094 19.1516 20.5 19.3302L18.5 20.4845C18.1906 20.6631 17.8094 20.6631 17.5 20.4845L15.5 19.3302C15.1906 19.1516 15 18.8213 15 18.464V16.1544C15.0001 15.7974 15.1908 15.4678 15.5 15.2892L17.5 14.1339ZM18 16.3097C17.4477 16.3097 17 16.7574 17 17.3097C17.0001 17.8619 17.4478 18.3097 18 18.3097C18.5522 18.3097 18.9999 17.8619 19 17.3097C19 16.7574 18.5523 16.3097 18 16.3097Z" fill="currentColor"/>
4
+ </svg>
package/src/components/icon/new-icons/budget.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="M16.0059 9.66699L18.0273 12.0977C18.3384 12.4736 18.5786 12.8947 18.7471 13.3613C18.9155 13.8279 19 14.3073 19 14.7998C19 15.9799 18.5919 16.9753 17.7754 17.7852C16.9587 18.5951 15.9665 19 14.7998 19H9.2002C8.02113 19.0005 7.02625 18.5955 6.21582 17.7852C5.40538 16.9747 5 15.9794 5 14.7998C5.00002 14.3073 5.08447 13.8279 5.25293 13.3613C5.42144 12.8947 5.66156 12.4736 5.97266 12.0977L7.99414 9.66699H16.0059ZM12 12C11.5733 12.001 11.2068 12.1532 10.9014 12.457C10.596 12.7609 10.4438 13.1274 10.4443 13.5557C10.4449 13.9838 10.5972 14.35 10.9014 14.6543C11.2057 14.9587 11.5722 15.1113 12 15.1113C12.4298 15.1134 12.7958 14.9607 13.0986 14.6543C13.4014 14.3479 13.5541 13.9818 13.5557 13.5557C13.5572 13.1294 13.4046 12.763 13.0986 12.457C12.7928 12.1513 12.4266 11.999 12 12ZM15.8887 5C16.1863 5 16.4102 5.12292 16.5596 5.36914C16.7089 5.61544 16.7185 5.86867 16.5889 6.12793L15.5977 8.11133H8.40234L7.41113 6.12793C7.28202 5.86867 7.29161 5.61544 7.44043 5.36914C7.58924 5.12292 7.81323 5 8.11133 5H15.8887Z" fill="currentColor"/>
3
+ </svg>
package/src/components/icon/new-icons/calendar-view.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 fill-rule="evenodd" clip-rule="evenodd" d="M8.60039 5.00039C8.60039 4.66902 8.33176 4.40039 8.00039 4.40039C7.66902 4.40039 7.40039 4.66902 7.40039 5.00039V6.44556C7.35748 6.45011 7.31553 6.45512 7.27454 6.46063C6.79953 6.52449 6.3652 6.6657 6.01547 7.01544C5.66574 7.36517 5.52452 7.7995 5.46066 8.2745C5.40035 8.72311 5.40037 9.28719 5.40039 9.95917V9.9592L5.40039 10.0004V15.0004L5.40039 15.0415V15.0416C5.40037 15.7135 5.40035 16.2776 5.46066 16.7262C5.52452 17.2012 5.66574 17.6356 6.01547 17.9853C6.3652 18.335 6.79953 18.4762 7.27454 18.5401C7.72314 18.6004 8.28721 18.6004 8.95917 18.6004H8.95923L9.00039 18.6004H15.0004L15.0416 18.6004H15.0416C15.7136 18.6004 16.2776 18.6004 16.7263 18.5401C17.2013 18.4762 17.6356 18.335 17.9853 17.9853C18.335 17.6356 18.4763 17.2012 18.5401 16.7262C18.6004 16.2776 18.6004 15.7135 18.6004 15.0416V15.0415L18.6004 15.0004V10.0004L18.6004 9.9592V9.95917C18.6004 9.28719 18.6004 8.72311 18.5401 8.2745C18.4763 7.7995 18.335 7.36517 17.9853 7.01544C17.6356 6.6657 17.2013 6.52449 16.7263 6.46063C16.6853 6.45512 16.6433 6.45011 16.6004 6.44556L16.6004 5.00039C16.6004 4.66902 16.3318 4.40039 16.0004 4.40039C15.669 4.40039 15.4004 4.66902 15.4004 5.00039V6.40072C15.2845 6.40035 15.1649 6.40035 15.0417 6.40036H15.0416L15.0004 6.40036H9.00039L8.95923 6.40036H8.9591H8.95908H8.95907H8.95905C8.83586 6.40035 8.71629 6.40035 8.60039 6.40072L8.60039 5.00039ZM17.3987 9.40036C17.3952 8.99258 17.3843 8.68374 17.3508 8.4344C17.3049 8.09246 17.2264 7.95357 17.1368 7.86396C17.0472 7.77436 16.9083 7.6959 16.5664 7.64993C16.2072 7.60163 15.7245 7.60036 15.0004 7.60036H9.00039C8.27632 7.60036 7.79363 7.60163 7.43443 7.64993C7.0925 7.6959 6.95361 7.77436 6.864 7.86396C6.77439 7.95357 6.69593 8.09246 6.64996 8.4344C6.61644 8.68374 6.60557 8.99258 6.60206 9.40036L17.3987 9.40036ZM6.60039 10.6004L17.4004 10.6004V15.0004C17.4004 15.7244 17.3991 16.2071 17.3508 16.5663C17.3049 16.9083 17.2264 17.0471 17.1368 17.1368C17.0472 17.2264 16.9083 17.3048 16.5664 17.3508C16.2072 17.3991 15.7245 17.4004 15.0004 17.4004H9.00039C8.27632 17.4004 7.79363 17.3991 7.43443 17.3508C7.0925 17.3048 6.95361 17.2264 6.864 17.1368C6.77439 17.0471 6.69593 16.9083 6.64996 16.5663C6.60167 16.2071 6.60039 15.7244 6.60039 15.0004V10.6004ZM7.90039 12.5004C7.90039 12.169 8.16902 11.9004 8.50039 11.9004L13.5004 11.9004C13.8318 11.9004 14.1004 12.169 14.1004 12.5004C14.1004 12.8318 13.8318 13.1004 13.5004 13.1004H8.50039C8.16902 13.1004 7.90039 12.8318 7.90039 12.5004ZM8.50039 15.6004H11.5004C11.8318 15.6004 12.1004 15.3318 12.1004 15.0004C12.1004 14.669 11.8318 14.4004 11.5004 14.4004H8.50039C8.16902 14.4004 7.90039 14.669 7.90039 15.0004C7.90039 15.3318 8.16902 15.6004 8.50039 15.6004Z" fill="currentColor"/>
3
+ </svg>
package/src/components/icon/new-icons/close-alt.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M4.11914 15.8824L15.8839 4.11773" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path d="M4.11914 4.11765L15.8839 15.8823" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
4
+ </svg>
package/src/components/icon/new-icons/cog-lightning.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M18.7862 10.9463C19.1758 10.4469 19.9568 10.82 19.8348 11.4473L19.1582 14.918C19.1404 15.0089 19.2085 15.0938 19.2989 15.0938H20.2545C20.8783 15.0938 21.2252 15.8345 20.8358 16.3344L17.379 20.7681C16.9894 21.2679 16.2081 20.8946 16.3303 20.2671L17.007 16.7965C17.0245 16.7056 16.9566 16.6207 16.8663 16.6207H15.9106C15.3487 16.6207 15.0119 16.0204 15.2352 15.5358C15.2382 15.529 15.2417 15.5224 15.245 15.5157C15.254 15.4975 15.2637 15.4795 15.2743 15.4617C15.2907 15.4341 15.3088 15.4065 15.3294 15.3801L18.7862 10.9463Z" fill="currentColor"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M8.73397 3.31435C9.44916 2.89522 10.3339 2.89522 11.0491 3.31435L15.6439 6.0065C16.3493 6.42014 16.7829 7.17978 16.7831 8.0005V11.1635L14.2122 14.4622C13.7278 15.0836 13.635 15.8314 13.8255 16.4863L11.0491 18.1149C10.3339 18.5341 9.44919 18.5341 8.73397 18.1149L4.13921 15.4215C3.4338 15.0078 3 14.2483 3 13.4275V8.0005C3.00013 7.17978 3.43374 6.42014 4.13921 6.0065L8.73397 3.31435ZM9.89153 8.20141C8.50767 8.20141 7.38579 9.35299 7.38552 10.773C7.38581 12.193 8.50768 13.3446 9.89153 13.3446C11.2754 13.3446 12.3973 12.193 12.3975 10.773C12.3973 9.35299 11.2754 8.20141 9.89153 8.20141Z" fill="currentColor"/>
4
+ </svg>
package/src/components/icon/new-icons/comment-add.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M18 11C20.2091 11 22 12.7909 22 15C22 17.2091 20.2091 19 18 19C15.7909 19 14 17.2091 14 15C14 12.7909 15.7909 11 18 11ZM17.9873 12.7275C17.6088 12.7345 17.3078 13.0464 17.3145 13.4248L17.3301 14.3271L16.4287 14.3438C16.0503 14.3507 15.7492 14.6626 15.7559 15.041C15.7628 15.4195 16.0747 15.7205 16.4531 15.7139L17.3555 15.6973L17.3721 16.5996C17.379 16.978 17.691 17.2791 18.0693 17.2725C18.4478 17.2655 18.7489 16.9536 18.7422 16.5752L18.7256 15.6719L19.6279 15.6562C20.0063 15.6492 20.3075 15.3374 20.3008 14.959C20.2939 14.5805 19.982 14.2795 19.6035 14.2861L18.7002 14.3018L18.6846 13.4004C18.6775 13.022 18.3657 12.7209 17.9873 12.7275Z" fill="currentColor"/>
3
+ <path d="M16.125 5C17.1591 5 18 5.84092 18 6.875V10C15.2386 10 13 12.2386 13 15C13 15.4316 13.0544 15.8505 13.1572 16.25H11.5322L6.75 20.0762V16.25H4.875C3.84095 16.25 3.00002 15.409 3 14.375V6.875C3 5.84093 3.84093 5.00002 4.875 5H16.125Z" fill="currentColor"/>
4
+ </svg>
package/src/components/icon/new-icons/comment.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M13.5469 4H5.65353C4.3202 4 3.2002 5.12 3.2002 6.45333V11.3067C3.2002 12.5867 4.1602 13.6533 5.4402 13.76V14.56C5.4402 15.0933 5.70686 15.52 6.18686 15.7333C6.61353 15.9467 7.14686 15.8933 7.57353 15.5733L9.65353 13.8133H13.5469C14.8802 13.8133 16.0002 12.6933 16.0002 11.36V6.45333C16.0002 5.12 14.8802 4 13.5469 4ZM12.1069 10.6133H7.09353C6.77353 10.6133 6.5602 10.4 6.5602 10.08C6.5602 9.76 6.77353 9.54667 7.09353 9.54667H12.0535C12.3735 9.54667 12.5869 9.76 12.5869 10.08C12.5869 10.4 12.3735 10.6133 12.1069 10.6133ZM12.1069 8.21333H7.09353C6.77353 8.21333 6.5602 8 6.5602 7.68C6.5602 7.36 6.77353 7.14667 7.09353 7.14667H12.0535C12.3735 7.14667 12.5869 7.36 12.5869 7.68C12.5869 8 12.3735 8.21333 12.1069 8.21333Z" fill="currentColor"/>
3
+ </svg>
package/src/components/icon/new-icons/comments.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M5.6 16.8H7.2V20.0648L11.2808 16.8H15.2C16.0824 16.8 16.8 16.0824 16.8 15.2V8.80001C16.8 7.91761 16.0824 7.20001 15.2 7.20001H5.6C4.7176 7.20001 4 7.91761 4 8.80001V15.2C4 16.0824 4.7176 16.8 5.6 16.8Z" fill="currentColor"/>
3
+ <path d="M18.4002 4H8.8002C7.9178 4 7.2002 4.7176 7.2002 5.6H16.8002C17.6826 5.6 18.4002 6.3176 18.4002 7.2V13.6C19.2826 13.6 20.0002 12.8824 20.0002 12V5.6C20.0002 4.7176 19.2826 4 18.4002 4Z" fill="currentColor"/>
4
+ </svg>
package/src/components/icon/new-icons/copy.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M17.3335 9.33337H10.6668C9.93045 9.33337 9.3335 9.93033 9.3335 10.6667V17.3334C9.3335 18.0698 9.93045 18.6667 10.6668 18.6667H17.3335C18.0699 18.6667 18.6668 18.0698 18.6668 17.3334V10.6667C18.6668 9.93033 18.0699 9.33337 17.3335 9.33337Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path d="M6.66683 14.6667C5.9335 14.6667 5.3335 14.0667 5.3335 13.3334V6.66671C5.3335 5.93337 5.9335 5.33337 6.66683 5.33337H13.3335C14.0668 5.33337 14.6668 5.93337 14.6668 6.66671" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
4
+ </svg>
package/src/components/icon/new-icons/dollar.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M7.2 11.7H6C6 13.254 7.452 14.172 9 14.364V15.6H10.2V14.358C11.55 14.178 13.2 13.404 13.2 11.7C13.2 9.996 11.55 9.222 10.2 9.042V6.06C10.998 6.204 12 6.624 12 7.5H13.2C13.2 5.796 11.55 5.022 10.2 4.842V3.6H9V4.842C7.65 5.022 6 5.796 6 7.5C6 9.204 7.602 9.966 9 10.158V13.14C8.13 12.99 7.2 12.528 7.2 11.7ZM12 11.7C12 12.576 10.998 12.996 10.2 13.14V10.26C10.998 10.404 12 10.824 12 11.7ZM7.2 7.5C7.2 6.624 8.202 6.204 9 6.06V8.94C8.178 8.79 7.2 8.34 7.2 7.5Z" fill="currentColor"/>
3
+ </svg>
package/src/components/icon/new-icons/expense-requests.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M12.7205 4.00567C12.8205 4.00189 12.9215 4 13.0225 4C15.2378 4 17.2435 4.89535 18.6951 6.34332C19.9542 7.59889 20.797 9.26999 20.9985 11.1321C21.0061 11.2053 20.9848 11.2711 20.9355 11.3259C20.8862 11.3807 20.8226 11.4091 20.7492 11.4091H19.2142C19.0881 11.4091 18.9828 11.3174 18.9657 11.1926C18.7861 9.86374 18.1689 8.6734 17.2634 7.77096C16.1783 6.68888 14.6788 6.01903 13.0225 6.01903C12.9993 6.01903 12.9755 6.0195 12.9523 6.0195C12.8257 6.02139 12.7196 5.93015 12.7011 5.80535L12.4816 4.2912C12.4712 4.2184 12.4901 4.15175 12.5375 4.09549C12.5845 4.03876 12.647 4.00851 12.7205 4.00567ZM20.9985 12.8679C20.797 14.73 19.9542 16.4016 18.6951 17.6567C17.2435 19.1047 15.2378 20 13.0225 20C10.8072 20 8.80147 19.1047 7.3499 17.6567C5.89787 16.2092 5 14.2091 5 12C5 9.84814 5.85188 7.89482 7.23803 6.45725L6.78341 5.94765C6.65494 5.80346 6.6208 5.61201 6.69191 5.43237C6.76255 5.25273 6.91851 5.13597 7.11098 5.11753L10.0885 4.83815C10.2526 4.82255 10.4009 4.88069 10.5104 5.0036C10.62 5.12651 10.6603 5.27968 10.6256 5.44041L9.99894 8.3562C9.95817 8.54529 9.82354 8.68569 9.63629 8.73486C9.44903 8.78402 9.26225 8.72777 9.13378 8.58358L8.58862 7.97235C7.61727 9.03504 7.02518 10.4485 7.02518 12C7.02518 13.6517 7.69644 15.147 8.78156 16.229C9.86668 17.3111 11.3661 17.981 13.0225 17.981C14.6788 17.981 16.1783 17.3111 17.2634 16.229C18.1689 15.3266 18.7861 14.1363 18.9657 12.8074C18.9828 12.6831 19.0881 12.5909 19.2142 12.5909H20.7492C20.8226 12.5909 20.8862 12.6193 20.9355 12.6741C20.9848 12.7289 21.0061 12.7947 20.9985 12.8679Z" fill="currentColor"/>
3
+ <path d="M12.5831 14.2264L16.5474 10.6977C16.6892 10.5707 16.7008 10.352 16.5734 10.2112L15.8793 9.44688C15.7519 9.30614 15.5312 9.29459 15.3893 9.4209L12.0598 12.3845L10.8077 11.0442C10.6774 10.9048 10.4574 10.8962 10.317 11.0254L9.55552 11.7241C9.4151 11.8525 9.40642 12.0712 9.5367 12.2098L11.3679 14.1708L11.7385 14.5671C11.8543 14.6912 12.0504 14.7006 12.1771 14.5873L12.5831 14.2264Z" fill="currentColor"/>
4
+ </svg>
package/src/components/icon/new-icons/file-doc.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path opacity="0.4" d="M18.8088 9.02095C18.3573 9.02095 17.7592 9.01095 17.0146 9.01095C15.1987 9.01095 13.7055 7.50795 13.7055 5.67495V2.45895C13.7055 2.20595 13.5036 1.99995 13.253 1.99995H7.96363C5.49517 1.99995 3.5 4.02595 3.5 6.50895V17.284C3.5 19.889 5.59022 22 8.16958 22H16.0463C18.5058 22 20.5 19.987 20.5 17.502V9.47095C20.5 9.21695 20.299 9.01195 20.0475 9.01295C19.6247 9.01595 19.1177 9.02095 18.8088 9.02095" fill="#155EEF"/>
3
+ <path opacity="0.4" d="M16.0847 2.56732C15.7857 2.25632 15.2637 2.47032 15.2637 2.90132V5.53832C15.2637 6.64432 16.1747 7.55432 17.2807 7.55432C17.9777 7.56232 18.9457 7.56432 19.7677 7.56232C20.1887 7.56132 20.4027 7.05832 20.1107 6.75432C19.0557 5.65732 17.1667 3.69132 16.0847 2.56732Z" fill="#155EEF"/>
4
+ <rect x="6.75" y="12.75" width="5.25" height="1.5" rx="0.75" fill="#155EEF"/>
5
+ <rect x="6.75" y="15.75" width="10.5" height="1.5" rx="0.75" fill="#155EEF"/>
6
+ </svg>
package/src/components/icon/new-icons/file-excel.svg ADDED
@@ -0,0 +1,8 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path opacity="0.4" d="M18.8088 9.02095C18.3573 9.02095 17.7592 9.01095 17.0146 9.01095C15.1987 9.01095 13.7055 7.50795 13.7055 5.67495V2.45895C13.7055 2.20595 13.5036 1.99995 13.253 1.99995H7.96363C5.49517 1.99995 3.5 4.02595 3.5 6.50895V17.284C3.5 19.889 5.59022 22 8.16958 22H16.0463C18.5058 22 20.5 19.987 20.5 17.502V9.47095C20.5 9.21695 20.299 9.01195 20.0475 9.01295C19.6247 9.01595 19.1177 9.02095 18.8088 9.02095" fill="#398241"/>
3
+ <path opacity="0.4" d="M16.0847 2.56732C15.7857 2.25632 15.2637 2.47032 15.2637 2.90132V5.53832C15.2637 6.64432 16.1747 7.55432 17.2807 7.55432C17.9777 7.56232 18.9457 7.56432 19.7677 7.56232C20.1887 7.56132 20.4027 7.05832 20.1107 6.75432C19.0557 5.65732 17.1667 3.69132 16.0847 2.56732Z" fill="#398241"/>
4
+ <rect x="6.75" y="12.75" width="3.75" height="1.5" rx="0.75" fill="#398241"/>
5
+ <rect x="6.75" y="15.75" width="3.75" height="1.5" rx="0.75" fill="#398241"/>
6
+ <rect x="12" y="12.75" width="5.25" height="1.5" rx="0.75" fill="#398241"/>
7
+ <rect x="12" y="15.75" width="5.25" height="1.5" rx="0.75" fill="#398241"/>
8
+ </svg>
package/src/components/icon/new-icons/file-image.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect opacity="0.4" x="2.25" y="2.25" width="20.25" height="20.25" rx="6" fill="#FF9900"/>
3
+ <path d="M19.4016 12.7454C19.9414 13.3385 20.25 14.1089 20.25 14.911C20.25 15.1183 20.2418 15.3273 20.2254 15.5346C19.9953 18.3865 18.196 20.25 15.5998 20.25H8.50117C7.18662 20.25 6.07747 19.7803 5.28052 18.9286C4.69088 18.3321 4.81943 17.398 5.3206 16.7254C5.33738 16.7029 5.35415 16.6803 5.37089 16.6578C5.87207 15.9971 6.35681 15.3445 6.6608 14.9201C7.11268 14.3046 8.30399 12.6845 9.9554 13.4448C10.2923 13.5987 10.588 13.8159 10.8592 14.0059C11.5246 14.4947 11.804 14.6395 12.2723 14.3589C12.7899 14.0512 13.1268 13.4448 13.48 12.8112C13.669 12.4755 13.858 12.1505 14.0634 11.8519C14.9589 10.5667 16.3392 10.2227 17.4894 10.983C18.0646 11.3631 18.5575 11.8428 19.0176 12.3307C19.1162 12.4393 19.2148 12.5397 19.3052 12.6393C19.328 12.6645 19.3608 12.7005 19.4016 12.7454Z" fill="#FF9900"/>
4
+ <path d="M11.4268 8.33056C11.4268 9.60219 10.4451 10.6611 9.26718 10.6611C8.09012 10.6611 7.1084 9.60219 7.1084 8.33056C7.1084 7.05984 8.09012 6 9.26718 6C10.4451 6 11.4268 7.05984 11.4268 8.33056Z" fill="#FF9900"/>
5
+ </svg>
package/src/components/icon/new-icons/file-pdf.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect opacity="0.4" x="2" y="1.99994" width="20" height="20" rx="6" fill="#EE7C6D"/>
3
+ <path d="M7.29976 18.34C9.10976 17.09 10.3198 15.18 11.2098 12.84C12.1098 10.51 13.0698 8.51004 12.6498 6.21004C12.5898 5.85004 12.0798 5.48004 11.8198 5.51004C10.7998 5.57004 10.8698 6.72004 10.9698 7.41004C11.2098 9.12004 12.5298 11.11 13.8098 12.97C15.0798 14.84 16.1298 15.13 17.5898 15.23C18.0898 15.26 18.8398 15.09 18.9598 14.65C19.7298 11.85 9.93976 14.11 6.67976 16.73C6.27976 17.06 5.81976 17.73 6.07976 18.19C6.27976 18.55 6.94976 18.59 7.30976 18.34H7.29976Z" stroke="#C33737" stroke-linecap="round" stroke-linejoin="round"/>
4
+ </svg>
package/src/components/icon/new-icons/help.svg CHANGED
@@ -1,3 +1,4 @@
1
- <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M11.965 16.2C12.21 16.2 12.4172 16.1153 12.5866 15.9459C12.756 15.7765 12.8405 15.5695 12.84 15.325C12.8395 15.0805 12.7551 14.8733 12.5866 14.7034C12.4181 14.5335 12.2109 14.4491 11.965 14.45C11.7191 14.4509 11.5121 14.5356 11.3441 14.7041C11.1761 14.8726 11.0914 15.0795 11.09 15.325C11.0886 15.5705 11.1733 15.7777 11.3441 15.9466C11.5149 16.1155 11.7219 16.2 11.965 16.2ZM12 19C11.0317 19 10.1217 18.8161 9.27001 18.4484C8.41834 18.0807 7.67751 17.582 7.04751 16.9525C6.41751 16.323 5.91888 15.5821 5.55162 14.73C5.18435 13.8779 5.00048 12.9679 5.00002 12C4.99955 11.0321 5.18342 10.1221 5.55162 9.27C5.91981 8.41787 6.41845 7.67704 7.04751 7.04751C7.67658 6.41798 8.41741 5.91934 9.27001 5.55161C10.1226 5.18388 11.0326 5.00001 12 5.00001C12.9674 5.00001 13.8774 5.18388 14.73 5.55161C15.5826 5.91934 16.3234 6.41798 16.9525 7.04751C17.5816 7.67704 18.0804 8.41787 18.4491 9.27C18.8178 10.1221 19.0014 11.0321 19 12C18.9986 12.9679 18.8147 13.8779 18.4484 14.73C18.0821 15.5821 17.5834 16.323 16.9525 16.9525C16.3216 17.582 15.5807 18.0809 14.73 18.4491C13.8793 18.8173 12.9693 19.0009 12 19ZM12.07 8.99C12.3617 8.99 12.6155 9.08334 12.8316 9.27C13.0477 9.45667 13.1555 9.69 13.155 9.97C13.155 10.2267 13.0764 10.4542 12.9191 10.6525C12.7618 10.8508 12.5838 11.0375 12.385 11.2125C12.1167 11.4458 11.8805 11.7025 11.6766 11.9825C11.4727 12.2625 11.3705 12.5775 11.37 12.9275C11.37 13.0908 11.4314 13.228 11.5541 13.3391C11.6768 13.4502 11.8196 13.5055 11.9825 13.505C12.1575 13.505 12.3064 13.4467 12.4291 13.33C12.5518 13.2133 12.6305 13.0675 12.665 12.8925C12.7117 12.6475 12.8167 12.4289 12.98 12.2366C13.1433 12.0443 13.3183 11.8605 13.505 11.685C13.7733 11.4283 14.0039 11.1483 14.1966 10.845C14.3893 10.5417 14.4855 10.2033 14.485 9.83C14.485 9.235 14.243 8.74804 13.7591 8.36911C13.2752 7.99017 12.7121 7.80047 12.07 7.80001C11.6267 7.80001 11.2039 7.89334 10.8016 8.08001C10.3993 8.26667 10.093 8.55251 9.88251 8.93751C9.80084 9.0775 9.77471 9.22637 9.80411 9.3841C9.83351 9.54184 9.91214 9.6613 10.04 9.7425C10.2033 9.83584 10.3725 9.865 10.5475 9.83C10.7225 9.795 10.8683 9.69584 10.985 9.5325C11.1133 9.3575 11.2739 9.22334 11.4666 9.13C11.6593 9.03667 11.8605 8.99 12.07 8.99Z" fill="currentColor"/>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-info-circle" viewBox="0 0 16 16">
2
+ <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"/>
3
+ <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"/>
3
4
  </svg>
package/src/components/icon/new-icons/kanban-view.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M14 18L10 18C8.11438 18 7.17157 18 6.58579 17.4142C6 16.8284 6 15.8856 6 14L6 10C6 8.11438 6 7.17157 6.58579 6.58579C7.17157 6 8.11438 6 10 6L14 6C15.8856 6 16.8284 6 17.4142 6.58579C18 7.17157 18 8.11438 18 10L18 14C18 15.8856 18 16.8284 17.4142 17.4142C16.8284 18 15.8856 18 14 18Z" stroke="currentColor" stroke-width="1.2"/>
3
+ <path d="M10 6V18" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
4
+ <path d="M14 6V18" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
5
+ </svg>
package/src/components/icon/new-icons/light-bulb.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="M14.0607 17.75C14.0607 17.9158 13.9948 18.0747 13.8776 18.1919C13.7604 18.3092 13.6014 18.375 13.4357 18.375H9.68568C9.51992 18.375 9.36095 18.3092 9.24374 18.1919C9.12653 18.0747 9.06068 17.9158 9.06068 17.75C9.06068 17.5842 9.12653 17.4253 9.24374 17.3081C9.36095 17.1908 9.51992 17.125 9.68568 17.125H13.4357C13.6014 17.125 13.7604 17.1908 13.8776 17.3081C13.9948 17.4253 14.0607 17.5842 14.0607 17.75ZM12.1857 19H10.9357C10.7699 19 10.611 19.0658 10.4937 19.1831C10.3765 19.3003 10.3107 19.4592 10.3107 19.625C10.3107 19.7908 10.3765 19.9497 10.4937 20.0669C10.611 20.1842 10.7699 20.25 10.9357 20.25H12.1857C12.3514 20.25 12.5104 20.1842 12.6276 20.0669C12.7448 19.9497 12.8107 19.7908 12.8107 19.625C12.8107 19.4592 12.7448 19.3003 12.6276 19.1831C12.5104 19.0658 12.3514 19 12.1857 19ZM17.1857 9.625C17.2 10.5783 16.9682 11.5191 16.5128 12.3566C16.0573 13.1942 15.3936 13.9001 14.5857 14.4062L14.0607 16.075C14.0172 16.2044 13.9326 16.3159 13.8197 16.3927C13.7068 16.4694 13.572 16.5071 13.4357 16.5H9.68568C9.55466 16.5003 9.42684 16.4595 9.32029 16.3832C9.21374 16.307 9.13386 16.1991 9.09193 16.075L8.53568 14.4062C7.72776 13.9001 7.06402 13.1942 6.60857 12.3566C6.15313 11.5191 5.92137 10.5783 5.93568 9.625C5.93568 8.13316 6.52832 6.70242 7.58321 5.64752C8.6381 4.59263 10.0688 4 11.5607 4C13.0525 4 14.4833 4.59263 15.5382 5.64752C16.5931 6.70242 17.1857 8.13316 17.1857 9.625Z" fill="currentColor"/>
3
+ </svg>
package/src/components/icon/new-icons/list-view.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M14 18L10 18C8.11438 18 7.17157 18 6.58579 17.4142C6 16.8284 6 15.8856 6 14L6 10C6 8.11438 6 7.17157 6.58579 6.58579C7.17157 6 8.11438 6 10 6L14 6C15.8856 6 16.8284 6 17.4142 6.58579C18 7.17157 18 8.11438 18 10L18 14C18 15.8856 18 16.8284 17.4142 17.4142C16.8284 18 15.8856 18 14 18Z" stroke="currentColor" stroke-width="1.2"/>
3
+ <path d="M13 15L8.5 15" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
4
+ <path d="M12 9H8.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
5
+ <path d="M15 12H8.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
6
+ </svg>
package/src/components/icon/new-icons/lock.svg CHANGED
@@ -1,3 +1,3 @@
1
1
  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path fill-rule="evenodd" clip-rule="evenodd" d="M12 4.3999C13.9882 4.3999 15.6 6.01168 15.6 7.9999V10.0489C16.033 10.1018 16.3329 10.2114 16.5607 10.4392C17 10.8786 17 11.5857 17 12.9999V14.9999C17 16.4141 17 17.1212 16.5607 17.5606C16.1213 17.9999 15.4142 17.9999 14 17.9999H10C8.58579 17.9999 7.87868 17.9999 7.43934 17.5606C7 17.1212 7 16.4141 7 14.9999V12.9999C7 11.5857 7 10.8786 7.43934 10.4392C7.66715 10.2114 7.96695 10.1018 8.4 10.0489L8.4 7.9999C8.4 6.01168 10.0118 4.3999 12 4.3999ZM14.4 7.9999V10.0003C14.2733 9.99991 14.1401 9.99991 14 9.99991H10C9.85987 9.99991 9.72668 9.99991 9.6 10.0003L9.6 7.9999C9.6 6.67442 10.6745 5.5999 12 5.5999C13.3255 5.5999 14.4 6.67442 14.4 7.9999ZM12.6 12.9999C12.6 12.6685 12.3314 12.3999 12 12.3999C11.6686 12.3999 11.4 12.6685 11.4 12.9999V14.9999C11.4 15.3313 11.6686 15.5999 12 15.5999C12.3314 15.5999 12.6 15.3313 12.6 14.9999V12.9999Z" fill="currentColor"/>
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M12 4.40002C13.9882 4.40002 15.6 6.0118 15.6 8.00002V10.0491C16.033 10.1019 16.3329 10.2116 16.5607 10.4394C17 10.8787 17 11.5858 17 13V15C17 16.4142 17 17.1214 16.5607 17.5607C16.1213 18 15.4142 18 14 18H10C8.58579 18 7.87868 18 7.43934 17.5607C7 17.1214 7 16.4142 7 15V13C7 11.5858 7 10.8787 7.43934 10.4394C7.66715 10.2116 7.96695 10.1019 8.4 10.0491L8.4 8.00002C8.4 6.0118 10.0118 4.40002 12 4.40002ZM14.4 8.00002V10.0005C14.2733 10 14.1401 10 14 10H10C9.85987 10 9.72668 10 9.6 10.0005L9.6 8.00002C9.6 6.67454 10.6745 5.60002 12 5.60002C13.3255 5.60002 14.4 6.67454 14.4 8.00002ZM12.6 13C12.6 12.6687 12.3314 12.4 12 12.4C11.6686 12.4 11.4 12.6687 11.4 13V15C11.4 15.3314 11.6686 15.6 12 15.6C12.3314 15.6 12.6 15.3314 12.6 15V13Z" fill="currentColor"/>
3
3
  </svg>
package/src/components/icon/new-icons/money-alt.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M7.2 11.7H6C6 13.254 7.452 14.172 9 14.364V15.6H10.2V14.358C11.55 14.178 13.2 13.404 13.2 11.7C13.2 9.99598 11.55 9.22198 10.2 9.04198V6.05998C10.998 6.20398 12 6.62398 12 7.49998H13.2C13.2 5.79598 11.55 5.02198 10.2 4.84198V3.59998H9V4.84198C7.65 5.02198 6 5.79598 6 7.49998C6 9.20398 7.602 9.96598 9 10.158V13.14C8.13 12.99 7.2 12.528 7.2 11.7ZM12 11.7C12 12.576 10.998 12.996 10.2 13.14V10.26C10.998 10.404 12 10.824 12 11.7ZM7.2 7.49998C7.2 6.62398 8.202 6.20398 9 6.05998V8.93998C8.178 8.78998 7.2 8.33998 7.2 7.49998Z" fill="currentColor"/>
3
+ </svg>
package/src/components/icon/new-icons/money-requests.svg ADDED
@@ -0,0 +1,11 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_5744_16863)">
3
+ <path d="M20.9153 16.2471L12.5069 19.9902C11.7297 20.3358 10.8445 20.324 10.0781 19.9572L4.47371 17.2735C4.06684 17.0795 3.80518 16.6593 3.80518 16.2054C3.80518 15.8943 3.93174 15.5865 4.15225 15.3642C4.51331 14.9998 4.76022 14.7932 4.76255 14.7909C4.76643 14.7885 4.76954 14.7846 4.77342 14.7822C5.6679 13.9961 6.8667 13.4816 8.148 13.3324C8.15188 13.3324 8.15421 13.3308 8.15731 13.3308C10.5124 13.0308 13.0481 14.084 14.1181 15.9384C14.1593 16.0059 14.1966 16.0719 14.2315 16.141L12.896 16.7324C12.8867 16.7363 12.8758 16.7363 12.8657 16.7285L10.3647 15.0328C10.0968 14.8506 9.73424 14.9229 9.55411 15.1946C9.37397 15.4656 9.4454 15.8323 9.71406 16.0145L12.2142 17.7102C12.5559 17.9435 12.986 17.9819 13.3634 17.8154L20.1628 14.8066C21.1303 14.3307 21.833 15.7067 20.9144 16.2462L20.9153 16.2471Z" fill="currentColor"/>
4
+ <path d="M13.2851 4.18042C9.30961 4.13173 6.6037 8.54801 8.41354 12.1222C10.965 11.9314 13.5405 13.0427 14.8667 14.9433C20.7733 12.9861 19.5293 4.3099 13.2851 4.18042ZM15.9685 8.63828L13.167 11.4885C12.9488 11.7186 12.5552 11.7186 12.337 11.4885L10.6031 9.72374C10.0736 9.15748 10.8749 8.35011 11.4324 8.88967L12.7524 10.2319L15.1392 7.80351C15.6967 7.26473 16.498 8.06818 15.9693 8.63758L15.9685 8.63828Z" fill="currentColor"/>
5
+ </g>
6
+ <defs>
7
+ <clipPath id="clip0_5744_16863">
8
+ <rect width="19" height="17.6429" fill="white" transform="translate(3 3)"/>
9
+ </clipPath>
10
+ </defs>
11
+ </svg>
package/src/components/icon/new-icons/pending.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M10 2.5C11.4551 2.49973 12.8789 2.92276 14.0978 3.71752C15.3167 4.51228 16.2781 5.64445 16.8648 6.97605C17.4515 8.30764 17.6382 9.78115 17.402 11.217C17.1659 12.6528 16.5173 13.9889 15.5351 15.0626M10 5.50001V10L13 11.5M2.875 7.65627C2.63601 8.38277 2.50955 9.14155 2.5 9.90628M3.1225 13C3.54363 13.9689 4.16469 14.8379 4.94501 15.5501M4.47701 4.92626C4.68629 4.69843 4.90947 4.48377 5.14526 4.28351M7.48302 17.0651C9.3533 17.7313 11.4115 17.6289 13.2063 16.7801" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
package/src/components/icon/new-icons/plus.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M6 12H18" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path d="M12 6V18" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
4
+ </svg>
package/src/components/icon/new-icons/project.svg CHANGED
@@ -1,3 +1,3 @@
1
- <svg width="24" height="24" viewBox="-3 -3 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path fill-rule="evenodd" clip-rule="evenodd" d="M8.53589 6C8.70919 5.69981 8.92222 5.42092 9.17157 5.17157C9.92172 4.42143 10.9391 4 12 4C13.0609 4 14.0783 4.42143 14.8284 5.17157C15.0778 5.42092 15.2908 5.69981 15.4641 6H8.53589ZM7.41742 6C7.66505 5.4326 8.01823 4.9107 8.46447 4.46447C9.40215 3.52678 10.6739 3 12 3C13.3261 3 14.5979 3.52678 15.5355 4.46447C15.9818 4.9107 16.3349 5.4326 16.5826 6H20C20.5523 6 21 6.44772 21 7V13C21 13.5523 20.5523 14 20 14H4C3.44772 14 3 13.5523 3 13V7C3 6.44772 3.44772 6 4 6H7.41742ZM3 14.7324V19C3 19.5523 3.44772 20 4 20H20C20.5523 20 21 19.5523 21 19V14.7324C20.7058 14.9026 20.3643 15 20 15H4C3.63571 15 3.29417 14.9026 3 14.7324ZM10 11.5C10 11.2239 10.2239 11 10.5 11H13.5C13.7761 11 14 11.2239 14 11.5C14 11.7761 13.7761 12 13.5 12H10.5C10.2239 12 10 11.7761 10 11.5Z" fill="currentColor"/>
1
+ <svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M10.0003 15.8337C13.222 15.8337 15.8337 13.222 15.8337 10.0003C15.8337 6.77866 13.222 4.16699 10.0003 4.16699C6.77866 4.16699 4.16699 6.77866 4.16699 10.0003C4.16699 13.222 6.77866 15.8337 10.0003 15.8337ZM7.91697 10.0003C7.91697 8.84973 8.84971 7.91699 10.0003 7.91699C11.1509 7.91699 12.0836 8.84973 12.0836 10.0003C12.0836 11.1509 11.1509 12.0837 10.0003 12.0837C8.84971 12.0837 7.91697 11.1509 7.91697 10.0003ZM10.0003 6.25032C7.92924 6.25032 6.25031 7.92925 6.25031 10.0003C6.25031 12.0714 7.92924 13.7503 10.0003 13.7503C12.0714 13.7503 13.7503 12.0714 13.7503 10.0003C13.7503 7.92925 12.0714 6.25032 10.0003 6.25032Z" fill="currentColor"/>
3
3
  </svg>
package/src/components/icon/new-icons/scissors.svg CHANGED
@@ -1,3 +1,3 @@
1
1
  <svg style="transform: rotate(-90deg);" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="-1 -1 19 19">
2
- <path fill="currentColor" d="M3.5 3.5c-.614-.884-.074-1.962.858-2.5L8 7.226 11.642 1c.932.538 1.472 1.616.858 2.5L8.81 8.61l1.556 2.661a2.5 2.5 0 1 1-.794.637L8 9.73l-1.572 2.177a2.5 2.5 0 1 1-.794-.637L7.19 8.61zm2.5 10a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0m7 0a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0"/>
2
+ <path d="M3.5 3.5c-.614-.884-.074-1.962.858-2.5L8 7.226 11.642 1c.932.538 1.472 1.616.858 2.5L8.81 8.61l1.556 2.661a2.5 2.5 0 1 1-.794.637L8 9.73l-1.572 2.177a2.5 2.5 0 1 1-.794-.637L7.19 8.61zm2.5 10a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0m7 0a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0"/>
3
3
  </svg>
package/src/components/icon/new-icons/secure.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="M11.5455 4L5 6.90909V11.2727C5 15.3091 7.79273 19.0836 11.5455 20C15.2982 19.0836 18.0909 15.3091 18.0909 11.2727V6.90909L11.5455 4ZM11.5455 8.36364C12.5636 8.36364 13.5818 9.16364 13.5818 10.1818V11.2727C14.0182 11.2727 14.4545 11.7091 14.4545 12.2182V14.7636C14.4545 15.2 14.0182 15.6364 13.5091 15.6364H9.50909C9.07273 15.6364 8.63636 15.2 8.63636 14.6909V12.1455C8.63636 11.7091 9.07273 11.2727 9.50909 11.2727V10.1818C9.50909 9.16364 10.5273 8.36364 11.5455 8.36364ZM11.5455 9.23636C10.9636 9.23636 10.4545 9.6 10.4545 10.1818V11.2727H12.6364V10.1818C12.6364 9.6 12.1273 9.23636 11.5455 9.23636Z" fill="currentColor"/>
3
+ </svg>
package/src/components/icon/new-icons/stop.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect width="12" height="12" rx="2" fill="currentColor"/>
3
+ </svg>
package/src/components/icon/new-icons/table-config.svg ADDED
@@ -0,0 +1,8 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M14 18L10 18C8.11438 18 7.17157 18 6.58579 17.4142C6 16.8284 6 15.8856 6 14L6 10C6 8.11438 6 7.17157 6.58579 6.58579C7.17157 6 8.11438 6 10 6L14 6C15.8856 6 16.8284 6 17.4142 6.58579C18 7.17157 18 8.11438 18 10L18 14C18 15.8856 18 16.8284 17.4142 17.4142C16.8284 18 15.8856 18 14 18Z" stroke="currentColor" stroke-width="1.2"/>
3
+ <path d="M6 14L18 14" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
4
+ <path d="M6 10L18 10" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
5
+ <path d="M10 6L10 18" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
6
+ <path d="M20.1384 16.7558C20.4109 16.2888 20.4109 15.7112 20.1384 15.2442L18.9718 13.2442C18.703 12.7834 18.2096 12.5 17.6761 12.5L15.3248 12.5C14.7913 12.5 14.298 12.7834 14.0292 13.2442L12.8625 15.2442C12.5901 15.7112 12.5901 16.2888 12.8625 16.7558L14.0292 18.7558C14.298 19.2166 14.7913 19.5 15.3248 19.5L17.6761 19.5C18.2096 19.5 18.703 19.2166 18.9718 18.7558L20.1384 16.7558Z" fill="currentColor" stroke="white"/>
7
+ <circle cx="16.5" cy="16" r="1" fill="white"/>
8
+ </svg>
package/src/components/icon/new-icons/table-view.svg CHANGED
@@ -1,3 +1,6 @@
1
1
  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path fill-rule="evenodd" clip-rule="evenodd" d="M5.43934 6.43934C5 6.87868 5 7.58579 5 9V9.4L8.4 9.4L8.4 6H8C6.58579 6 5.87868 6 5.43934 6.43934ZM5 10.6L8.4 10.6L8.4 13.4H5V10.6ZM5 14.6V15C5 16.4142 5 17.1213 5.43934 17.5607C5.87868 18 6.58579 18 8 18H8.4L8.4 14.6H5ZM9.6 14.6V18H16C17.4142 18 18.1213 18 18.5607 17.5607C19 17.1213 19 16.4142 19 15V14.6L9.6 14.6ZM19 13.4V10.6L9.6 10.6V13.4L19 13.4ZM9.6 6V9.4L19 9.4V9C19 7.58579 19 6.87868 18.5607 6.43934C18.1213 6 17.4142 6 16 6H9.6Z" fill="currentColor"/>
2
+ <path d="M14 18L10 18C8.11438 18 7.17157 18 6.58579 17.4142C6 16.8284 6 15.8856 6 14L6 10C6 8.11438 6 7.17157 6.58579 6.58579C7.17157 6 8.11438 6 10 6L14 6C15.8856 6 16.8284 6 17.4142 6.58579C18 7.17157 18 8.11438 18 10L18 14C18 15.8856 18 16.8284 17.4142 17.4142C16.8284 18 15.8856 18 14 18Z" stroke="currentColor" stroke-width="1.2"/>
3
+ <path d="M6 14L18 14" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
4
+ <path d="M6 10L18 10" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
5
+ <path d="M10 6L10 18" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
3
6
  </svg>
package/src/components/icon/new-icons/thumbs-down.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="M15.2197 13.3334V5.33337M9.88634 16.08L10.553 13.3334H6.66634C6.45935 13.3334 6.2552 13.2852 6.07006 13.1926C5.88492 13.1 5.72387 12.9656 5.59967 12.8C5.47548 12.6344 5.39154 12.4422 5.35451 12.2386C5.31749 12.0349 5.32838 11.8254 5.38634 11.6267L6.93967 6.29337C7.02045 6.01642 7.18888 5.77314 7.41967 5.60004C7.65047 5.42694 7.93118 5.33337 8.21967 5.33337H17.2197C17.5733 5.33337 17.9124 5.47385 18.1625 5.7239C18.4125 5.97395 18.553 6.31309 18.553 6.66671V12C18.553 12.3537 18.4125 12.6928 18.1625 12.9428C17.9124 13.1929 17.5733 13.3334 17.2197 13.3334H15.3797C15.1316 13.3335 14.8885 13.4028 14.6777 13.5336C14.4669 13.6643 14.2967 13.8512 14.1863 14.0734L11.8863 18.6667C11.572 18.6628 11.2625 18.5879 10.9811 18.4476C10.6998 18.3074 10.4537 18.1053 10.2614 17.8566C10.0691 17.6078 9.93546 17.3189 9.87052 17.0112C9.80557 16.7036 9.81098 16.3853 9.88634 16.08Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
package/src/components/icon/new-icons/thumbs-up.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="M8.66634 10.6667V18.6667M13.9997 7.92004L13.333 10.6667H17.2197C17.4267 10.6667 17.6308 10.7149 17.816 10.8075C18.0011 10.9 18.1621 11.0344 18.2863 11.2C18.4105 11.3656 18.4945 11.5579 18.5315 11.7615C18.5685 11.9652 18.5576 12.1747 18.4997 12.3734L16.9463 17.7067C16.8656 17.9837 16.6971 18.2269 16.4663 18.4C16.2355 18.5731 15.9548 18.6667 15.6663 18.6667H6.66634C6.31272 18.6667 5.97358 18.5262 5.72353 18.2762C5.47348 18.0261 5.33301 17.687 5.33301 17.3334V12C5.33301 11.6464 5.47348 11.3073 5.72353 11.0572C5.97358 10.8072 6.31272 10.6667 6.66634 10.6667H8.50634C8.7544 10.6666 8.9975 10.5972 9.20831 10.4665C9.41912 10.3358 9.58929 10.1488 9.69968 9.92671L11.9997 5.33337C12.3141 5.33727 12.6235 5.41215 12.9049 5.55244C13.1863 5.69272 13.4323 5.89478 13.6246 6.14351C13.8169 6.39224 13.9506 6.68121 14.0155 6.98884C14.0804 7.29647 14.075 7.6148 13.9997 7.92004Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
package/src/components/icon/new-icons/undo.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="M9.375 13.75L5 9.375M5 9.375L9.375 5M5 9.375H14.1875C14.8195 9.375 15.4453 9.49948 16.0292 9.74133C16.613 9.98318 17.1436 10.3377 17.5905 10.7845C18.0373 11.2314 18.3918 11.762 18.6337 12.3458C18.8755 12.9297 19 13.5555 19 14.1875C19 14.8195 18.8755 15.4453 18.6337 16.0292C18.3918 16.613 18.0373 17.1436 17.5905 17.5905C17.1436 18.0373 16.613 18.3918 16.0292 18.6337C15.4453 18.8755 14.8195 19 14.1875 19H11.125" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
package/src/components/icon/new-icons/user-settings.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M12.0001 12C12.9193 12 13.8295 12.1814 14.6788 12.5332C15.3163 12.7973 15.9101 13.1536 16.4415 13.5898L15.0001 14.4229C14.421 14.7574 14.0495 15.358 14.005 16.0205L14.0001 16.1543V18.4639C14.0001 18.6476 14.0263 18.8276 14.0743 19H6.00008C5.44783 19 4.99274 18.5496 5.07137 18.0029C5.15431 17.4266 5.30946 16.8616 5.53328 16.3213C5.88507 15.472 6.40086 14.6998 7.05086 14.0498C7.70074 13.4 8.47234 12.8849 9.32137 12.5332C10.1706 12.1814 11.0809 12 12.0001 12ZM12.0001 4C13.6569 4 15.0001 5.34315 15.0001 7C15.0001 8.65685 13.6569 10 12.0001 10C10.3433 9.99995 9.00008 8.65683 9.00008 7C9.00008 5.34317 10.3433 4.00005 12.0001 4Z" fill="currentColor"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 14.1339C17.8094 13.9554 18.1906 13.9554 18.5 14.1339L20.5 15.2892C20.8092 15.4678 20.9999 15.7974 21 16.1544V18.464C21 18.8213 20.8094 19.1516 20.5 19.3302L18.5 20.4845C18.1906 20.6631 17.8094 20.6631 17.5 20.4845L15.5 19.3302C15.1906 19.1516 15 18.8213 15 18.464V16.1544C15.0001 15.7974 15.1908 15.4678 15.5 15.2892L17.5 14.1339ZM18 16.3097C17.4477 16.3097 17 16.7574 17 17.3097C17.0001 17.8619 17.4478 18.3097 18 18.3097C18.5522 18.3097 18.9999 17.8619 19 17.3097C19 16.7574 18.5523 16.3097 18 16.3097Z" fill="currentColor"/>
4
+ </svg>
package/src/components/icon/new-icons/user.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <circle cx="15.9998" cy="11.3333" r="3.33333" fill="currentColor"/>
3
- <path d="M10.6054 24C9.29221 24 8.63561 24 8.23231 23.44C7.82902 22.88 8.00385 22.3808 8.35352 21.3824C8.40585 21.233 8.46271 21.085 8.52407 20.9385C8.93073 19.9679 9.52677 19.086 10.2782 18.3431C11.0296 17.6003 11.9216 17.011 12.9034 16.609C13.8851 16.2069 14.9374 16 16 16C17.0626 16 18.1149 16.2069 19.0966 16.609C20.0784 17.011 20.9704 17.6003 21.7218 18.3431C22.4732 19.086 23.0693 19.9679 23.4759 20.9385C23.5373 21.085 23.5941 21.233 23.6465 21.3824C23.9961 22.3808 24.171 22.88 23.7677 23.44C23.3644 24 22.7078 24 21.3946 24L10.6054 24Z" fill="currentColor"/>
1
+ <svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <circle cx="10.0003" cy="7.08333" r="2.08333" fill="currentColor"/>
3
+ <path d="M6.62838 15C5.80763 15 5.39726 15 5.1452 14.65C4.89314 14.3 5.00241 13.988 5.22095 13.364C5.25366 13.2706 5.2892 13.1781 5.32754 13.0866C5.5817 12.48 5.95423 11.9288 6.42386 11.4645C6.89348 11.0002 7.45101 10.6319 8.06461 10.3806C8.6782 10.1293 9.33585 10 10 10C10.6642 10 11.3218 10.1293 11.9354 10.3806C12.549 10.6319 13.1065 11.0002 13.5761 11.4645C14.0458 11.9288 14.4183 12.48 14.6725 13.0866C14.7108 13.1781 14.7463 13.2706 14.779 13.364C14.9976 13.988 15.1069 14.3 14.8548 14.65C14.6027 15 14.1924 15 13.3716 15L6.62838 15Z" fill="currentColor"/>
4
4
  </svg>
package/src/components/kanban/BoardCard.vue CHANGED
@@ -19,7 +19,7 @@
19
19
  </div>
20
20
  </template>
21
21
  <script>
22
- import { Component, Prop, Vue, Watch } from 'vue-property-decorator';
22
+ import { Component, Prop, Vue } from 'vue-property-decorator';
23
23
  import itfIcon from '../icon/Icon';
24
24
  import itfButton from '../button/Button';
25
25
  import loading from '../../directives/loading';
package/src/components/kanban/BoardCardTimer.vue CHANGED
@@ -24,7 +24,7 @@
24
24
  }
25
25
  </style>
26
26
  <script>
27
- import { Component, Prop, Vue, Watch } from 'vue-property-decorator';
27
+ import { Component, Prop, Vue } from 'vue-property-decorator';
28
28
  import itfIcon from '../icon/Icon';
29
29
  import itfButton from '../button/Button.vue';
30
30
 
package/src/components/modal/Modal.vue CHANGED
@@ -13,7 +13,7 @@
13
13
  </slot>
14
14
  <itf-button icon @click="close" :aria-label="$t('components.close')" class="btn-close"></itf-button>
15
15
  </div>
16
- <div class="modal-body" v-if="value">
16
+ <div class="modal-body" v-if="value" v-loading="loading">
17
17
  <slot></slot>
18
18
  </div>
19
19
  <div class="modal-footer" v-if="$slots.footer">
@@ -28,6 +28,7 @@
28
28
  <script>
29
29
  import { Vue, Component, Prop, Watch, PropSync, Inject } from 'vue-property-decorator';
30
30
  import itfButton from '../button/Button';
31
+ import loading from '../../directives/loading';
31
32
 
32
33
  let globalModalIndex = 0; // base modal z-index
33
34
  let globalZIndexStack = 300; // base modal z-index
@@ -37,6 +38,9 @@ export default @Component({
37
38
  name: 'itfModal',
38
39
  components: {
39
40
  itfButton
41
+ },
42
+ directives: {
43
+ loading
40
44
  }
41
45
  })
42
46
  class itfModal extends Vue {
@@ -47,6 +51,7 @@ class itfModal extends Vue {
47
51
  @Prop({ type: String, default: '', validator: (value) => ['', 'sm', 'lg', 'xl'].includes(value) }) size;
48
52
 
49
53
  @Prop({ type: Number, default: 500 }) animationDuration
54
+ @Prop({ type: Boolean, default: false }) loading;
50
55
  @Prop({ type: Boolean, default: false }) fullscreen;
51
56
  @Prop({ type: Boolean, default: false }) basic;
52
57
  @Prop({ type: Boolean, default: false }) image;
package/src/components/overlay/SensitiveOverlay.vue CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  <div class="itf-sensitive-overlay__cover">
7
7
  <slot name="hint">
8
- <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 104.8 122.88" style="enable-background:new 0 0 104.8 122.88" xml:space="preserve"><g><path fill="currentColor" d="M39.92,0c11.02,0,21,4.47,28.23,11.69c7.22,7.22,11.69,17.2,11.69,28.23c0,3.8-0.53,7.47-1.52,10.95l-3.7-2.53 c0.65-2.7,1-5.52,1-8.42c0-9.86-4-18.78-10.46-25.24C58.7,8.21,49.78,4.22,39.92,4.22c-9.86,0-18.78,4-25.24,10.46 C8.21,21.13,4.22,30.06,4.22,39.92c0,9.86,4,18.78,10.46,25.24c4.79,4.79,10.93,8.22,17.8,9.68l0.34,4.36 c-8.17-1.47-15.48-5.43-21.11-11.06C4.47,60.92,0,50.94,0,39.92c0-11.02,4.47-21,11.69-28.23C18.91,4.47,28.89,0,39.92,0L39.92,0z M81.84,122.5c-0.89,0.41-1.88,0.48-2.76,0.25c-0.97-0.26-1.83-0.87-2.36-1.78l-9.91-17.08l-9.42,10.57 c-1.31,1.47-2.8,2.58-4.24,3.16c-1.11,0.45-2.2,0.59-3.22,0.37c-1.13-0.24-2.09-0.89-2.8-2c-0.56-0.89-0.93-2.07-1.05-3.59 l-5.25-68.42c-0.01-0.05-0.01-0.11-0.01-0.15c-0.01-0.43,0.07-0.85,0.25-1.23c0.19-0.44,0.51-0.84,0.91-1.13 c0.17-0.13,0.36-0.22,0.56-0.27c0.39-0.13,0.8-0.18,1.19-0.13c0.38,0.04,0.75,0.15,1.09,0.35c0.11,0.05,0.23,0.12,0.33,0.2 l56.52,38.7c1.25,0.86,2.09,1.77,2.58,2.7c0.62,1.17,0.69,2.32,0.33,3.42c-0.32,0.99-1,1.87-1.93,2.6 c-1.21,0.95-2.92,1.69-4.86,2.09c-0.02,0.01-0.05,0.01-0.07,0.01L83.92,94l9.84,17.13c0.52,0.91,0.62,1.96,0.36,2.92 c-0.25,0.94-0.85,1.8-1.72,2.37c-0.03,0.03-0.07,0.05-0.11,0.07l-10.21,5.9C81.99,122.43,81.92,122.47,81.84,122.5L81.84,122.5 L81.84,122.5z M79.99,119.28c0.1,0.03,0.2,0.03,0.29-0.01c0.03-0.02,0.07-0.04,0.11-0.05l10.08-5.82c0.09-0.07,0.15-0.17,0.19-0.27 c0.02-0.09,0.02-0.17-0.01-0.22L79.11,93.16h0.01c-0.09-0.16-0.16-0.34-0.2-0.53c-0.2-0.97,0.43-1.91,1.39-2.11l16.22-2.88 c0.02-0.01,0.04-0.01,0.07-0.01c1.4-0.29,2.58-0.79,3.38-1.41c0.39-0.31,0.65-0.61,0.74-0.9c0.06-0.18,0.03-0.4-0.1-0.65 c-0.23-0.43-0.69-0.89-1.43-1.41L45.01,46.02l5.12,65.4c0.07,0.91,0.25,1.54,0.5,1.94c0.15,0.23,0.33,0.37,0.51,0.41 c0.3,0.07,0.69-0.01,1.15-0.19c0.93-0.37,1.94-1.15,2.9-2.22l10.11-12.18l0,0c0.13-0.14,0.27-0.26,0.44-0.36 c0.85-0.49,1.95-0.21,2.44,0.65l11.63,19.69C79.85,119.22,79.91,119.26,79.99,119.28L79.99,119.28L79.99,119.28z M80.39,119.22 c0.23-0.11,0.5-0.18,0.78-0.18L80.39,119.22L80.39,119.22L80.39,119.22z M39.92,27.34c3.47,0,6.62,1.41,8.89,3.69 c0.23,0.23,0.46,0.48,0.67,0.73c-0.12-0.04-0.24-0.08-0.36-0.12c-0.65-0.21-1.35-0.37-2.09-0.48c-0.23-0.04-0.47-0.08-0.71-0.1 c-1.05-0.12-2.14-0.12-3.23,0c-0.15,0.02-0.3,0.04-0.46,0.06c-0.86-0.27-1.78-0.41-2.73-0.41c-2.55,0-4.86,1.03-6.52,2.69 l-0.01,0.01c-1.66,1.66-2.69,3.97-2.69,6.52c0,1.3,0.11,1.34-0.16,2.69c-0.14,0.68-0.22,1.44-0.24,2.28 c-0.04,0.56-0.04,1.13,0,1.71l0.12,1.58c-1.92-2.21-3.08-5.09-3.08-8.25c0-3.46,1.41-6.61,3.69-8.89l0.01-0.01 C33.31,28.74,36.45,27.34,39.92,27.34L39.92,27.34z M39.92,13.68c7.24,0,13.8,2.94,18.55,7.68c4.75,4.75,7.68,11.31,7.68,18.55 c0,0.86-0.04,1.7-0.12,2.54l-3.85-2.64c-0.03-6.11-2.51-11.64-6.52-15.64c-4.03-4.03-9.59-6.52-15.74-6.52 c-6.15,0-11.71,2.49-15.74,6.52c-4.03,4.03-6.52,9.59-6.52,15.74c0,6.15,2.49,11.71,6.52,15.74c2.04,2.04,4.48,3.69,7.19,4.82 l0.34,4.37c-3.94-1.3-7.47-3.51-10.34-6.37c-4.75-4.75-7.68-11.31-7.68-18.55c0-7.24,2.94-13.8,7.68-18.55 C26.11,16.62,32.67,13.68,39.92,13.68L39.92,13.68z"/></g></svg>
8
+ <svg class="icon-cursor" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 104.8 122.88" style="enable-background:new 0 0 104.8 122.88" xml:space="preserve"><g><path fill="currentColor" d="M39.92,0c11.02,0,21,4.47,28.23,11.69c7.22,7.22,11.69,17.2,11.69,28.23c0,3.8-0.53,7.47-1.52,10.95l-3.7-2.53 c0.65-2.7,1-5.52,1-8.42c0-9.86-4-18.78-10.46-25.24C58.7,8.21,49.78,4.22,39.92,4.22c-9.86,0-18.78,4-25.24,10.46 C8.21,21.13,4.22,30.06,4.22,39.92c0,9.86,4,18.78,10.46,25.24c4.79,4.79,10.93,8.22,17.8,9.68l0.34,4.36 c-8.17-1.47-15.48-5.43-21.11-11.06C4.47,60.92,0,50.94,0,39.92c0-11.02,4.47-21,11.69-28.23C18.91,4.47,28.89,0,39.92,0L39.92,0z M81.84,122.5c-0.89,0.41-1.88,0.48-2.76,0.25c-0.97-0.26-1.83-0.87-2.36-1.78l-9.91-17.08l-9.42,10.57 c-1.31,1.47-2.8,2.58-4.24,3.16c-1.11,0.45-2.2,0.59-3.22,0.37c-1.13-0.24-2.09-0.89-2.8-2c-0.56-0.89-0.93-2.07-1.05-3.59 l-5.25-68.42c-0.01-0.05-0.01-0.11-0.01-0.15c-0.01-0.43,0.07-0.85,0.25-1.23c0.19-0.44,0.51-0.84,0.91-1.13 c0.17-0.13,0.36-0.22,0.56-0.27c0.39-0.13,0.8-0.18,1.19-0.13c0.38,0.04,0.75,0.15,1.09,0.35c0.11,0.05,0.23,0.12,0.33,0.2 l56.52,38.7c1.25,0.86,2.09,1.77,2.58,2.7c0.62,1.17,0.69,2.32,0.33,3.42c-0.32,0.99-1,1.87-1.93,2.6 c-1.21,0.95-2.92,1.69-4.86,2.09c-0.02,0.01-0.05,0.01-0.07,0.01L83.92,94l9.84,17.13c0.52,0.91,0.62,1.96,0.36,2.92 c-0.25,0.94-0.85,1.8-1.72,2.37c-0.03,0.03-0.07,0.05-0.11,0.07l-10.21,5.9C81.99,122.43,81.92,122.47,81.84,122.5L81.84,122.5 L81.84,122.5z M79.99,119.28c0.1,0.03,0.2,0.03,0.29-0.01c0.03-0.02,0.07-0.04,0.11-0.05l10.08-5.82c0.09-0.07,0.15-0.17,0.19-0.27 c0.02-0.09,0.02-0.17-0.01-0.22L79.11,93.16h0.01c-0.09-0.16-0.16-0.34-0.2-0.53c-0.2-0.97,0.43-1.91,1.39-2.11l16.22-2.88 c0.02-0.01,0.04-0.01,0.07-0.01c1.4-0.29,2.58-0.79,3.38-1.41c0.39-0.31,0.65-0.61,0.74-0.9c0.06-0.18,0.03-0.4-0.1-0.65 c-0.23-0.43-0.69-0.89-1.43-1.41L45.01,46.02l5.12,65.4c0.07,0.91,0.25,1.54,0.5,1.94c0.15,0.23,0.33,0.37,0.51,0.41 c0.3,0.07,0.69-0.01,1.15-0.19c0.93-0.37,1.94-1.15,2.9-2.22l10.11-12.18l0,0c0.13-0.14,0.27-0.26,0.44-0.36 c0.85-0.49,1.95-0.21,2.44,0.65l11.63,19.69C79.85,119.22,79.91,119.26,79.99,119.28L79.99,119.28L79.99,119.28z M80.39,119.22 c0.23-0.11,0.5-0.18,0.78-0.18L80.39,119.22L80.39,119.22L80.39,119.22z M39.92,27.34c3.47,0,6.62,1.41,8.89,3.69 c0.23,0.23,0.46,0.48,0.67,0.73c-0.12-0.04-0.24-0.08-0.36-0.12c-0.65-0.21-1.35-0.37-2.09-0.48c-0.23-0.04-0.47-0.08-0.71-0.1 c-1.05-0.12-2.14-0.12-3.23,0c-0.15,0.02-0.3,0.04-0.46,0.06c-0.86-0.27-1.78-0.41-2.73-0.41c-2.55,0-4.86,1.03-6.52,2.69 l-0.01,0.01c-1.66,1.66-2.69,3.97-2.69,6.52c0,1.3,0.11,1.34-0.16,2.69c-0.14,0.68-0.22,1.44-0.24,2.28 c-0.04,0.56-0.04,1.13,0,1.71l0.12,1.58c-1.92-2.21-3.08-5.09-3.08-8.25c0-3.46,1.41-6.61,3.69-8.89l0.01-0.01 C33.31,28.74,36.45,27.34,39.92,27.34L39.92,27.34z M39.92,13.68c7.24,0,13.8,2.94,18.55,7.68c4.75,4.75,7.68,11.31,7.68,18.55 c0,0.86-0.04,1.7-0.12,2.54l-3.85-2.64c-0.03-6.11-2.51-11.64-6.52-15.64c-4.03-4.03-9.59-6.52-15.74-6.52 c-6.15,0-11.71,2.49-15.74,6.52c-4.03,4.03-6.52,9.59-6.52,15.74c0,6.15,2.49,11.71,6.52,15.74c2.04,2.04,4.48,3.69,7.19,4.82 l0.34,4.37c-3.94-1.3-7.47-3.51-10.34-6.37c-4.75-4.75-7.68-11.31-7.68-18.55c0-7.24,2.94-13.8,7.68-18.55 C26.11,16.62,32.67,13.68,39.92,13.68L39.92,13.68z"/></g></svg>
9
9
 
10
10
  <div class="ms-3">
11
11
  Sensitive data
@@ -24,8 +24,9 @@
24
24
  .itf-sensitive-overlay {
25
25
  position: relative;
26
26
  min-height: 100px;
27
+ z-index: 1;
27
28
 
28
- svg {
29
+ .icon-cursor {
29
30
  width: 48px;
30
31
  height: 48px;
31
32
  }
@@ -61,6 +62,7 @@
61
62
  left: 0;
62
63
  right: 0;
63
64
  bottom: 0;
65
+ z-index: 1000;
64
66
  background-color: rgb(255, 255, 255);
65
67
  transition: opacity .25s;
66
68
 
package/src/components/pagination/Pagination2.vue CHANGED
@@ -24,9 +24,9 @@
24
24
  </a>
25
25
  </li>
26
26
  </ul>
27
- <!--div>
28
- 1-25 of {{length}} items
29
- </div-->
27
+ <div v-if="totalCount !== null" class="text-muted small">
28
+ {{ $t('components.totalItems') }}: {{ totalCount }}
29
+ </div>
30
30
  </div>
31
31
 
32
32
  <div><slot name="center"></slot></div>
@@ -91,6 +91,7 @@ class itfPagination extends Vue {
91
91
  @Prop({ type: [String, Number], default: MAX_PAGES_BLOCKS }) maxBlocks;
92
92
  @Prop({type: Array, default: () => PER_PAGE_OPTIONS}) perPageOptions;
93
93
  @Prop(Boolean) showSize;
94
+ @Prop({ type: Number, default: null }) totalCount;
94
95
 
95
96
  isValid = true;
96
97
 
package/src/components/panels/Panel.vue CHANGED
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div tabindex="-1" :class="{'b-panel': !nocard, 'b-panel__collapsed': collapsed, 'b-panel__active': !collapsed}">
2
+ <div tabindex="-1" :class="{'b-panel': !nocard, 'b-panel__collapsed': collapsed, 'b-panel__active': !collapsed, [cssClass]: cssClass}">
3
3
  <slot name="before-header"></slot>
4
4
  <div v-if="collapsed && !nocard" class="b-panel__expand" @click.stop.prevent="expandPanel">
5
5
  <itf-button v-if="closeable" icon small class="b-panel__expand_button" @click="closePanel">
@@ -78,6 +78,27 @@
78
78
  </div>
79
79
  </template>
80
80
  <style lang="scss">
81
+ @keyframes bellRing {
82
+ 0% {
83
+ transform: rotate(0deg);
84
+ }
85
+ 10% {
86
+ transform: rotate(30deg);
87
+ }
88
+ 20% {
89
+ transform: rotate(0deg);
90
+ }
91
+ 30% {
92
+ transform: rotate(30deg);
93
+ }
94
+ 40% {
95
+ transform: rotate(0deg);
96
+ }
97
+ 100% {
98
+ transform: rotate(0deg);
99
+ }
100
+ }
101
+
81
102
  .b-panel {
82
103
  --b-panel-bg: var(--bs-body-bg);
83
104
  --b-panel-color: var(--bs-body-color);
@@ -204,6 +225,7 @@ class Panel extends Vue {
204
225
  @Prop() icon;
205
226
  @Prop() payload;
206
227
  @Prop() panel;
228
+ @Prop(String) cssClass;
207
229
  @Prop(Boolean) collapsed;
208
230
  @Prop(Boolean) closeable;
209
231
  @Prop(Boolean) isFullSize;