@itfin/components 2.0.5 → 2.0.7

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 (57) hide show
  1. package/package.json +1 -1
  2. package/src/assets/scss/_variables.scss +2 -2
  3. package/src/assets/scss/components/_select.scss +1 -1
  4. package/src/assets/scss/directives/tooltip.scss +4 -0
  5. package/src/components/card/BentoGrid.vue +7 -5
  6. package/src/components/form/Label.vue +19 -2
  7. package/src/components/icon/components/nomi-arrow-right-top.vue +1 -1
  8. package/src/components/icon/components/nomi-arrow_down.vue +4 -0
  9. package/src/components/icon/components/nomi-arrow_up.vue +4 -0
  10. package/src/components/icon/components/nomi-arrows.vue +1 -1
  11. package/src/components/icon/components/nomi-calendar-alt.vue +1 -1
  12. package/src/components/icon/components/nomi-calendar-alt2.vue +4 -0
  13. package/src/components/icon/components/nomi-calendar.vue +1 -1
  14. package/src/components/icon/components/nomi-card.vue +1 -1
  15. package/src/components/icon/components/nomi-clear.vue +1 -1
  16. package/src/components/icon/components/nomi-close.vue +1 -1
  17. package/src/components/icon/components/nomi-counterparty.vue +4 -0
  18. package/src/components/icon/components/nomi-dashboard.vue +4 -0
  19. package/src/components/icon/components/nomi-money.vue +1 -1
  20. package/src/components/icon/components/nomi-person.vue +1 -1
  21. package/src/components/icon/components/nomi-project.vue +4 -0
  22. package/src/components/icon/components/nomi-recurrence.vue +2 -0
  23. package/src/components/icon/components/nomi-repeat.vue +7 -0
  24. package/src/components/icon/components/nomi-report.vue +4 -0
  25. package/src/components/icon/components/nomi-scissors.vue +1 -1
  26. package/src/components/icon/components/nomi-tag.vue +1 -1
  27. package/src/components/icon/components/nomi-target.vue +1 -1
  28. package/src/components/icon/components/nomi-text.vue +1 -1
  29. package/src/components/icon/components/nomi-transactions.vue +8 -0
  30. package/src/components/icon/components/nomi-user.vue +5 -0
  31. package/src/components/icon/icons.js +283 -272
  32. package/src/components/icon/new-icons/arrow-right-top.svg +1 -1
  33. package/src/components/icon/new-icons/arrow_up.svg +1 -1
  34. package/src/components/icon/new-icons/arrows.svg +1 -1
  35. package/src/components/icon/new-icons/calendar-alt.svg +1 -1
  36. package/src/components/icon/new-icons/calendar-alt2.svg +3 -0
  37. package/src/components/icon/new-icons/calendar.svg +1 -1
  38. package/src/components/icon/new-icons/card.svg +1 -1
  39. package/src/components/icon/new-icons/clear.svg +1 -1
  40. package/src/components/icon/new-icons/close.svg +1 -1
  41. package/src/components/icon/new-icons/counterparty.svg +3 -0
  42. package/src/components/icon/new-icons/dashboard.svg +3 -0
  43. package/src/components/icon/new-icons/money.svg +1 -1
  44. package/src/components/icon/new-icons/person.svg +1 -1
  45. package/src/components/icon/new-icons/project.svg +3 -0
  46. package/src/components/icon/new-icons/recurrence.svg +1 -0
  47. package/src/components/icon/new-icons/repeat.svg +6 -0
  48. package/src/components/icon/new-icons/report.svg +3 -0
  49. package/src/components/icon/new-icons/scissors.svg +1 -1
  50. package/src/components/icon/new-icons/tag.svg +1 -1
  51. package/src/components/icon/new-icons/target.svg +1 -1
  52. package/src/components/icon/new-icons/text.svg +1 -1
  53. package/src/components/icon/new-icons/transactions.svg +7 -0
  54. package/src/components/icon/new-icons/user.svg +4 -0
  55. package/src/components/pagination/Pagination2.vue +46 -48
  56. package/src/components/panels/PanelItemEdit.vue +2 -1
  57. package/src/components/text-field/MoneyField.vue +13 -8
@@ -1,3 +1,3 @@
1
- <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
2
  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.8337 10.0003C15.8337 13.222 13.222 15.8337 10.0003 15.8337C6.77866 15.8337 4.16699 13.222 4.16699 10.0003C4.16699 6.77866 6.77866 4.16699 10.0003 4.16699C13.222 4.16699 15.8337 6.77866 15.8337 10.0003ZM7.31699 7.91699C7.31699 7.58562 7.58562 7.31699 7.91699 7.31699H12.0837C12.415 7.31699 12.6837 7.58562 12.6837 7.91699V12.0837C12.6837 12.415 12.415 12.6837 12.0837 12.6837C11.7523 12.6837 11.4837 12.415 11.4837 12.0837V9.36552L8.34126 12.5079C8.10694 12.7422 7.72704 12.7422 7.49273 12.5079C7.25841 12.2736 7.25841 11.8937 7.49273 11.6594L10.6351 8.51699H7.91699C7.58562 8.51699 7.31699 8.24836 7.31699 7.91699Z" fill="currentColor"/>
3
3
  </svg>
@@ -1,3 +1,3 @@
1
- <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
2
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.77072 3.61218C9.69995 3.64146 9.63365 3.68486 9.57613 3.74239L4.57613 8.74239C4.34181 8.9767 4.34181 9.3566 4.57613 9.59091C4.81044 9.82523 5.19034 9.82523 5.42465 9.59091L9.40039 5.61518L9.40039 15.8333C9.40039 16.1647 9.66902 16.4333 10.0004 16.4333C10.3318 16.4333 10.6004 16.1647 10.6004 15.8333L10.6004 5.61518L14.5761 9.59091C14.8104 9.82523 15.1903 9.82523 15.4247 9.59091C15.659 9.3566 15.659 8.9767 15.4247 8.74239L10.4251 3.74282L10.4247 3.74239C10.2479 3.5656 9.9882 3.52219 9.77072 3.61218Z" fill="currentColor"/>
3
3
  </svg>
@@ -1,4 +1,4 @@
1
- <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
2
  <path d="M14 7.33301L6 7.33301" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
3
3
  <path d="M8 5.33301L6 7.33301L8 9.33301" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
4
4
  <path d="M12 10.667L14 12.667L12 14.667" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
@@ -1,3 +1,3 @@
1
- <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
2
  <path fill-rule="evenodd" clip-rule="evenodd" d="M7.26667 5.00039C7.26667 4.66902 6.99804 4.40039 6.66667 4.40039C6.3353 4.40039 6.06667 4.66902 6.06667 5.00039L6.06667 6.77507C5.80493 6.83948 5.60345 6.94228 5.43934 7.1064C5.13269 7.41304 5.04008 7.85013 5.0121 8.56706L14.9879 8.56706C14.9599 7.85013 14.8673 7.41304 14.5607 7.1064C14.3965 6.94228 14.1951 6.83948 13.9333 6.77507V5.00039C13.9333 4.66902 13.6647 4.40039 13.3333 4.40039C13.002 4.40039 12.7333 4.66902 12.7333 5.00039L12.7333 6.67008C12.5125 6.66706 12.269 6.66706 12 6.66706H8C7.73098 6.66706 7.48754 6.66706 7.26667 6.67008L7.26667 5.00039ZM15 9.76706L5 9.76706L5 12.0004C5 13.4146 5 14.1217 5.43934 14.5611C5.87868 15.0004 6.58579 15.0004 8 15.0004H12C13.4142 15.0004 14.1213 15.0004 14.5607 14.5611C15 14.1217 15 13.4146 15 12.0004V9.76706Z" fill="currentColor"/>
3
3
  </svg>
@@ -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.00039 4.3999C8.33176 4.3999 8.60039 4.66853 8.60039 4.9999L8.60039 6.40023C8.71629 6.39986 8.83587 6.39987 8.95907 6.39987H8.95908H8.9591H8.95923L9.00039 6.39987H15.0004L15.0416 6.39987H15.0417C15.1649 6.39987 15.2845 6.39986 15.4004 6.40023V4.9999C15.4004 4.66853 15.669 4.3999 16.0004 4.3999C16.3318 4.3999 16.6004 4.66853 16.6004 4.9999L16.6004 6.44507C16.6433 6.44962 16.6853 6.45463 16.7263 6.46014C17.2013 6.524 17.6356 6.66522 17.9853 7.01495C18.335 7.36468 18.4763 7.79901 18.5401 8.27402C18.6004 8.72262 18.6004 9.2867 18.6004 9.95868V9.95871L18.6004 9.99987V14.9999L18.6004 15.041V15.0411C18.6004 15.713 18.6004 16.2771 18.5401 16.7257C18.4763 17.2007 18.335 17.6351 17.9853 17.9848C17.6356 18.3345 17.2013 18.4757 16.7263 18.5396C16.2776 18.5999 15.7136 18.5999 15.0416 18.5999H15.0416L15.0004 18.5999H9.00039L8.95923 18.5999H8.95917C8.28721 18.5999 7.72314 18.5999 7.27454 18.5396C6.79953 18.4757 6.3652 18.3345 6.01547 17.9848C5.66574 17.6351 5.52452 17.2007 5.46066 16.7257C5.40035 16.2771 5.40037 15.713 5.40039 15.0411V15.041L5.40039 14.9999V9.99987L5.40039 9.95871V9.95868C5.40037 9.2867 5.40035 8.72262 5.46066 8.27402C5.52452 7.79901 5.66574 7.36468 6.01547 7.01495C6.3652 6.66522 6.79953 6.524 7.27454 6.46014C7.31553 6.45463 7.35748 6.44962 7.40039 6.44507V4.9999C7.40039 4.66853 7.66902 4.3999 8.00039 4.3999ZM6.60039 10.5999V14.9999C6.60039 15.7239 6.60167 16.2066 6.64996 16.5658C6.69593 16.9078 6.77439 17.0467 6.864 17.1363C6.95361 17.2259 7.0925 17.3043 7.43443 17.3503C7.79363 17.3986 8.27632 17.3999 9.00039 17.3999H15.0004C15.7245 17.3999 16.2072 17.3986 16.5664 17.3503C16.9083 17.3043 17.0472 17.2259 17.1368 17.1363C17.2264 17.0467 17.3049 16.9078 17.3508 16.5658C17.3991 16.2066 17.4004 15.7239 17.4004 14.9999V10.5999L6.60039 10.5999ZM17.3987 9.39987L6.60206 9.39987C6.60557 8.99209 6.61644 8.68325 6.64996 8.43391C6.69593 8.09197 6.77439 7.95308 6.864 7.86348C6.95361 7.77387 7.0925 7.69541 7.43443 7.64944C7.79363 7.60115 8.27632 7.59987 9.00039 7.59987H15.0004C15.7245 7.59987 16.2072 7.60115 16.5664 7.64944C16.9083 7.69541 17.0472 7.77387 17.1368 7.86348C17.2264 7.95308 17.3049 8.09197 17.3508 8.43391C17.3843 8.68325 17.3952 8.99209 17.3987 9.39987ZM8.50039 15.5999H11.5004C11.8318 15.5999 12.1004 15.3313 12.1004 14.9999C12.1004 14.6685 11.8318 14.3999 11.5004 14.3999H8.50039C8.16902 14.3999 7.90039 14.6685 7.90039 14.9999C7.90039 15.3313 8.16902 15.5999 8.50039 15.5999Z" fill="currentColor"/>
3
+ </svg>
@@ -1,4 +1,4 @@
1
- <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
2
  <g clip-path="url(#clip0_1129_19696)">
3
3
  <path d="M13.5 5.33341H12.9167V4.75008C12.9167 4.59537 12.8552 4.447 12.7458 4.3376C12.6364 4.22821 12.488 4.16675 12.3333 4.16675C12.1786 4.16675 12.0303 4.22821 11.9209 4.3376C11.8115 4.447 11.75 4.59537 11.75 4.75008V5.33341H8.25V4.75008C8.25 4.59537 8.18854 4.447 8.07915 4.3376C7.96975 4.22821 7.82138 4.16675 7.66667 4.16675C7.51196 4.16675 7.36358 4.22821 7.25419 4.3376C7.14479 4.447 7.08333 4.59537 7.08333 4.75008V5.33341H6.5C6.03587 5.33341 5.59075 5.51779 5.26256 5.84598C4.93437 6.17417 4.75 6.61929 4.75 7.08342V14.0834C4.75 14.5475 4.93437 14.9927 5.26256 15.3209C5.59075 15.649 6.03587 15.8334 6.5 15.8334H13.5C13.9641 15.8334 14.4092 15.649 14.7374 15.3209C15.0656 14.9927 15.25 14.5475 15.25 14.0834V7.08342C15.25 6.61929 15.0656 6.17417 14.7374 5.84598C14.4092 5.51779 13.9641 5.33341 13.5 5.33341ZM7.66667 12.9167C7.55129 12.9167 7.43851 12.8825 7.34258 12.8184C7.24666 12.7543 7.17189 12.6632 7.12774 12.5566C7.08359 12.4501 7.07203 12.3328 7.09454 12.2196C7.11705 12.1065 7.17261 12.0025 7.25419 11.9209C7.33577 11.8394 7.43971 11.7838 7.55286 11.7613C7.66602 11.7388 7.78331 11.7503 7.8899 11.7945C7.99649 11.8386 8.08759 11.9134 8.15169 12.0093C8.21579 12.1053 8.25 12.218 8.25 12.3334C8.25 12.4881 8.18854 12.6365 8.07915 12.7459C7.96975 12.8553 7.82138 12.9167 7.66667 12.9167ZM12.3333 12.9167H10C9.84529 12.9167 9.69692 12.8553 9.58752 12.7459C9.47812 12.6365 9.41667 12.4881 9.41667 12.3334C9.41667 12.1787 9.47812 12.0303 9.58752 11.9209C9.69692 11.8115 9.84529 11.7501 10 11.7501H12.3333C12.488 11.7501 12.6364 11.8115 12.7458 11.9209C12.8552 12.0303 12.9167 12.1787 12.9167 12.3334C12.9167 12.4881 12.8552 12.6365 12.7458 12.7459C12.6364 12.8553 12.488 12.9167 12.3333 12.9167ZM14.0833 9.41675H5.91667V7.08342C5.91667 6.92871 5.97812 6.78033 6.08752 6.67094C6.19692 6.56154 6.34529 6.50008 6.5 6.50008H7.08333V7.08342C7.08333 7.23812 7.14479 7.3865 7.25419 7.49589C7.36358 7.60529 7.51196 7.66675 7.66667 7.66675C7.82138 7.66675 7.96975 7.60529 8.07915 7.49589C8.18854 7.3865 8.25 7.23812 8.25 7.08342V6.50008H11.75V7.08342C11.75 7.23812 11.8115 7.3865 11.9209 7.49589C12.0303 7.60529 12.1786 7.66675 12.3333 7.66675C12.488 7.66675 12.6364 7.60529 12.7458 7.49589C12.8552 7.3865 12.9167 7.23812 12.9167 7.08342V6.50008H13.5C13.6547 6.50008 13.8031 6.56154 13.9125 6.67094C14.0219 6.78033 14.0833 6.92871 14.0833 7.08342V9.41675Z" fill="currentColor"/>
4
4
  </g>
@@ -1,3 +1,3 @@
1
- <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
2
  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.16699 9.76634L4.16699 11.1663C4.16699 12.5806 4.16699 13.2877 4.60633 13.727C5.04567 14.1663 5.75278 14.1663 7.16699 14.1663H12.8337C14.2479 14.1663 14.955 14.1663 15.3943 13.727C15.8337 13.2877 15.8337 12.5806 15.8337 11.1663V11.1663V9.76634L4.16699 9.76634ZM15.8335 8.56634C15.8318 7.32809 15.8051 6.68316 15.3943 6.27235C14.955 5.83301 14.2479 5.83301 12.8337 5.83301H7.16699C5.75278 5.83301 5.04567 5.83301 4.60633 6.27235C4.19552 6.68316 4.16884 7.32809 4.16711 8.56634L15.8335 8.56634Z" fill="currentColor"/>
3
3
  </svg>
@@ -1,3 +1,3 @@
1
- <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
2
  <path fill-rule="evenodd" clip-rule="evenodd" d="M10 4.16675C10.4602 4.16675 10.8333 4.53984 10.8333 5.00008L10.8333 7.91675C10.8333 8.14687 11.0199 8.33341 11.25 8.33341H14.1667C14.6269 8.33341 15 8.70651 15 9.16675V9.91674C15 10.1469 14.8135 10.3334 14.5833 10.3334H5.41667C5.18655 10.3334 5 10.1469 5 9.91674V9.16675C5 8.70651 5.3731 8.33341 5.83333 8.33341H8.75C8.98012 8.33341 9.16667 8.14687 9.16667 7.91675V5.00008C9.16667 4.53984 9.53976 4.16675 10 4.16675ZM5.41667 11.3334C5.18655 11.3334 5 11.52 5 11.7501V15.3663C5 15.566 5.22254 15.6851 5.38868 15.5743L5.78775 15.3082C6.06767 15.1216 6.43233 15.1216 6.71225 15.3082L7.03775 15.5252C7.31767 15.7119 7.68233 15.7119 7.96225 15.5252L8.28775 15.3082C8.56767 15.1216 8.93233 15.1216 9.21225 15.3082L9.53775 15.5252C9.81767 15.7119 10.1823 15.7119 10.4623 15.5252L10.7877 15.3082C11.0677 15.1216 11.4323 15.1216 11.7123 15.3082L12.0377 15.5252C12.3177 15.7119 12.6823 15.7119 12.9623 15.5252L13.2877 15.3082C13.5677 15.1216 13.9323 15.1216 14.2122 15.3082L14.6113 15.5743C14.7775 15.6851 15 15.566 15 15.3663V11.7501C15 11.52 14.8135 11.3334 14.5833 11.3334H5.41667Z" fill="currentColor"/>
3
3
  </svg>
@@ -1,4 +1,4 @@
1
- <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
2
  <path d="M5.83301 14.1667L14.1664 5.83347" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
3
3
  <path d="M5.83301 5.83325L14.1664 14.1665" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
4
4
  </svg>
@@ -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="M11 10C12.3807 10 13.5 8.88071 13.5 7.5C13.5 6.11929 12.3807 5 11 5C9.61929 5 8.5 6.11929 8.5 7.5C8.5 8.88071 9.61929 10 11 10ZM5.17424 16.58C5.47671 17 5.96916 17 6.95406 17L13.8971 17L14.4998 16.3973C13.5523 16.3453 12.8 15.5605 12.8 14.6C12.8 13.6059 13.6059 12.8 14.6 12.8H15.3341C15.3199 12.7857 15.3057 12.7715 15.2914 12.7574C14.7278 12.2002 14.0588 11.7583 13.3225 11.4567C12.5862 11.1552 11.797 11 11 11C10.203 11 9.41384 11.1552 8.67753 11.4567C7.94121 11.7583 7.27218 12.2002 6.70863 12.7574C6.14508 13.3145 5.69805 13.9759 5.39305 14.7039C5.34704 14.8137 5.30439 14.9248 5.26514 15.0368C5.00289 15.7856 4.87176 16.16 5.17424 16.58ZM14 14.6C14 14.2686 14.2686 14 14.6 14H16.2558L18.8426 14C18.924 14 19.0016 14.0162 19.0723 14.0455C19.1431 14.0748 19.2094 14.1182 19.2669 14.1757C19.3255 14.232 19.4426 14.3956 19.4426 14.6V18.8426C19.4426 19.174 19.174 19.4426 18.8426 19.4426C18.5113 19.4426 18.2426 19.174 18.2426 18.8426V16.0485L15.0243 19.2669C14.79 19.5012 14.4101 19.5012 14.1757 19.2669C13.9414 19.0326 13.9414 18.6527 14.1757 18.4184L15.5979 16.9963L16.9371 15.657L17.3941 15.2L16.7918 15.2H14.6C14.2686 15.2 14 14.9314 14 14.6Z" fill="currentColor"/>
3
+ </svg>
@@ -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="M11.5039 5.28349C11.8113 5.10781 12.1887 5.10781 12.4961 5.28349L18.4961 8.71206C18.8077 8.8901 19 9.22145 19 9.58031V18C19 18.5523 18.5523 19 18 19H12C11.4477 19 11 18.5523 11 18V12.5C11 12.2238 10.7761 12 10.5 12H8.5C8.22386 12 8 12.2238 8 12.5V18C8 18.5523 7.55228 19 7 19H6C5.44772 19 5 18.5523 5 18V9.5803C5 9.22145 5.19229 8.8901 5.50386 8.71206L11.5039 5.28349ZM14.5 12C14.2239 12 14 12.2238 14 12.5V13.5C14 13.7761 14.2239 14 14.5 14H15.5C15.7761 14 16 13.7761 16 13.5V12.5C16 12.2238 15.7761 12 15.5 12H14.5Z" fill="currentColor"/>
3
+ </svg>
@@ -1,3 +1,3 @@
1
- <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
2
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.99935 15.8327C13.2211 15.8327 15.8327 13.2211 15.8327 9.99935C15.8327 6.7776 13.2211 4.16602 9.99935 4.16602C6.7776 4.16602 4.16602 6.7776 4.16602 9.99935C4.16602 13.2211 6.7776 15.8327 9.99935 15.8327ZM10.3087 6.18999C10.2267 6.10794 10.1154 6.06185 9.99935 6.06185C9.88332 6.06185 9.77204 6.10794 9.68999 6.18999C9.60794 6.27204 9.56185 6.38332 9.56185 6.49935V6.68427C8.61102 6.8546 7.81185 7.56918 7.81185 8.54102C7.81185 9.51285 8.61102 10.2274 9.56185 10.3978V12.4213C9.01585 12.2726 8.68685 11.8532 8.68685 11.4577C8.68685 11.3416 8.64076 11.2304 8.55871 11.1483C8.47666 11.0663 8.36538 11.0202 8.24935 11.0202C8.13332 11.0202 8.02204 11.0663 7.93999 11.1483C7.85794 11.2304 7.81185 11.3416 7.81185 11.4577C7.81185 12.4295 8.61102 13.1441 9.56185 13.3144V13.4993C9.56185 13.6154 9.60794 13.7267 9.68999 13.8087C9.77204 13.8908 9.88332 13.9368 9.99935 13.9368C10.1154 13.9368 10.2267 13.8908 10.3087 13.8087C10.3908 13.7267 10.4368 13.6154 10.4368 13.4993V13.3144C11.3877 13.1441 12.1868 12.4295 12.1868 11.4577C12.1868 10.4858 11.3877 9.77127 10.4368 9.60093V7.57677C10.9828 7.7261 11.3118 8.14552 11.3118 8.54102C11.3118 8.65705 11.3579 8.76833 11.44 8.85037C11.522 8.93242 11.6333 8.97852 11.7493 8.97852C11.8654 8.97852 11.9767 8.93242 12.0587 8.85037C12.1408 8.76833 12.1868 8.65705 12.1868 8.54102C12.1868 7.56918 11.3877 6.8546 10.4368 6.68427V6.49935C10.4368 6.38332 10.3908 6.27204 10.3087 6.18999ZM8.68669 8.54091C8.68669 8.14541 9.01569 7.72599 9.56169 7.57666V9.50458C9.01569 9.35583 8.68669 8.93641 8.68669 8.54091ZM11.3117 11.4576C11.3117 11.8531 10.9827 12.2725 10.4367 12.4212V10.4939C10.9827 10.6427 11.3117 11.0621 11.3117 11.4576Z" fill="currentColor"/>
3
3
  </svg>
@@ -1,4 +1,4 @@
1
- <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
2
  <circle cx="10.0003" cy="7.08333" r="2.08333" fill="currentColor"/>
3
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>
@@ -0,0 +1,3 @@
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
+ </svg>
@@ -0,0 +1 @@
1
+ <svg width="18" height="18" viewBox="0 0 18 18" fill="currentColor" xmlns="http://www.w3.org/2000/svg" name="repeat" class="block" data-toggle="tooltip" ui-jq="tooltip" ui-options="{ 'container': 'body' }" title="" data-original-title="Повторяющаяся операция"><path d="M13.125 1.6875V3.9375H2.25001V9.9375H3.75001V5.4375H13.125V7.6875L16.125 4.6875L13.125 1.6875ZM14.25 8.625V13.125H4.875V10.875L1.875 13.875L4.875 16.875V14.625H15.75V8.625L14.25 8.625Z" fill="inherit"></path></svg>
@@ -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="M17 7L9.5 7C7.84315 7 6.5 8.34315 6.5 10L6.5 12" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path d="M7 17L14.5 17C16.1569 17 17.5 15.6569 17.5 14L17.5 12" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
4
+ <path d="M16 5L18 7L16 9" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
5
+ <path d="M8 19L6 17L8 15" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
6
+ </svg>
@@ -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="M12.4 5V8C12.4 8.88366 13.1163 9.6 14 9.6H17V18C17 18.5523 16.5523 19 16 19H8C7.44772 19 7 18.5523 7 18V6C7 5.44772 7.44772 5 8 5H12.4ZM13.6 5.6V8C13.6 8.22091 13.7791 8.4 14 8.4H16.4L13.6 5.6Z" fill="currentColor"/>
3
+ </svg>
@@ -1,3 +1,3 @@
1
- <svg style="transform: rotate(-90deg);" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="-1 -1 19 19">
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
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>
@@ -1,3 +1,3 @@
1
- <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
2
  <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8335 4.16699H12.0053C11.7401 4.16699 11.4857 4.27235 11.2982 4.45989L4.87395 10.8841C4.48342 11.2747 4.48342 11.9078 4.87395 12.2983L7.70216 15.1266C8.09268 15.5171 8.72585 15.5171 9.11637 15.1266L15.5406 8.70231C15.7282 8.51477 15.8335 8.26042 15.8335 7.9952V5.16699C15.8335 4.61471 15.3858 4.16699 14.8335 4.16699ZM13.3335 7.50033C13.7937 7.50033 14.1668 7.12723 14.1668 6.66699C14.1668 6.20676 13.7937 5.83366 13.3335 5.83366C12.8733 5.83366 12.5002 6.20676 12.5002 6.66699C12.5002 7.12723 12.8733 7.50033 13.3335 7.50033Z" fill="currentColor"/>
3
3
  </svg>
@@ -1,3 +1,3 @@
1
- <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
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>
@@ -1,4 +1,4 @@
1
- <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
2
  <path d="M5 7L15 7" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
3
3
  <path d="M5 10L15 10" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
4
4
  <path d="M5 13H8" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
@@ -0,0 +1,7 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect x="5" y="5" width="14" height="14" rx="2" fill="currentColor"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 9.5C16.5 9.77614 16.2761 10 16 10L8 10C7.72386 10 7.5 9.77614 7.5 9.5C7.5 9.22386 7.72386 9 8 9L16 9C16.2761 9 16.5 9.22386 16.5 9.5Z" fill="white"/>
4
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 14.5C7.5 14.7761 7.72386 15 8 15L16 15C16.2761 15 16.5 14.7761 16.5 14.5C16.5 14.2239 16.2761 14 16 14L8 14C7.72386 14 7.5 14.2239 7.5 14.5Z" fill="white"/>
5
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3536 7.14645C10.5488 7.34171 10.5488 7.65829 10.3536 7.85355L8.70711 9.5L10.3536 11.1464C10.5488 11.3417 10.5488 11.6583 10.3536 11.8536C10.1583 12.0488 9.84171 12.0488 9.64645 11.8536L7.64645 9.85355C7.45118 9.65829 7.45118 9.34171 7.64645 9.14645L9.64645 7.14645C9.84171 6.95118 10.1583 6.95118 10.3536 7.14645Z" fill="white"/>
6
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6464 12.1464C13.4512 12.3417 13.4512 12.6583 13.6464 12.8536L15.2929 14.5L13.6464 16.1464C13.4512 16.3417 13.4512 16.6583 13.6464 16.8536C13.8417 17.0488 14.1583 17.0488 14.3536 16.8536L16.3536 14.8536C16.5488 14.6583 16.5488 14.3417 16.3536 14.1464L14.3536 12.1464C14.1583 11.9512 13.8417 11.9512 13.6464 12.1464Z" fill="white"/>
7
+ </svg>
@@ -0,0 +1,4 @@
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
+ </svg>
@@ -122,54 +122,52 @@ class itfPagination extends Vue {
122
122
  const pages = [];
123
123
  const numPages = this.pages ? Number(this.pages) : Math.ceil(totalItems / pageSize);
124
124
 
125
- if (numPages > 1) {
126
- pages.push({
127
- type: 'prev',
128
- number: Math.max(1, currentPage - 1),
129
- active: currentPage > 1
130
- });
131
- // pages.push({
132
- // type: 'first',
133
- // number: 1,
134
- // active: currentPage > 1,
135
- // current: currentPage === 1
136
- // });
137
- pages.push({
138
- type: 'page'
139
- });
140
- // const maxPivotPages = Math.round((maxBlocks - minBlocks) / 2);
141
- // let minPage = Math.max(2, currentPage - maxPivotPages);
142
- // const maxPage = Math.min(numPages - 1, currentPage + maxPivotPages * 2 - (currentPage - minPage));
143
- // minPage = Math.max(2, minPage - (maxPivotPages * 2 - (maxPage - minPage)));
144
- // let i = minPage;
145
- // while (i <= maxPage) {
146
- // if ((i === minPage && i !== 2) || (i === maxPage && i !== numPages - 1)) {
147
- // pages.push({
148
- // type: 'more',
149
- // active: false
150
- // });
151
- // } else {
152
- // pages.push({
153
- // type: 'page',
154
- // number: i,
155
- // active: currentPage !== i,
156
- // current: currentPage === i
157
- // });
158
- // }
159
- // i++;
160
- // }
161
- // pages.push({
162
- // type: 'last',
163
- // number: numPages,
164
- // active: currentPage !== numPages,
165
- // current: currentPage === numPages
166
- // });
167
- pages.push({
168
- type: 'next',
169
- number: Math.min(numPages, currentPage + 1),
170
- active: currentPage < numPages
171
- });
172
- }
125
+ pages.push({
126
+ type: 'prev',
127
+ number: Math.max(1, currentPage - 1),
128
+ active: currentPage > 1
129
+ });
130
+ // pages.push({
131
+ // type: 'first',
132
+ // number: 1,
133
+ // active: currentPage > 1,
134
+ // current: currentPage === 1
135
+ // });
136
+ pages.push({
137
+ type: 'page'
138
+ });
139
+ // const maxPivotPages = Math.round((maxBlocks - minBlocks) / 2);
140
+ // let minPage = Math.max(2, currentPage - maxPivotPages);
141
+ // const maxPage = Math.min(numPages - 1, currentPage + maxPivotPages * 2 - (currentPage - minPage));
142
+ // minPage = Math.max(2, minPage - (maxPivotPages * 2 - (maxPage - minPage)));
143
+ // let i = minPage;
144
+ // while (i <= maxPage) {
145
+ // if ((i === minPage && i !== 2) || (i === maxPage && i !== numPages - 1)) {
146
+ // pages.push({
147
+ // type: 'more',
148
+ // active: false
149
+ // });
150
+ // } else {
151
+ // pages.push({
152
+ // type: 'page',
153
+ // number: i,
154
+ // active: currentPage !== i,
155
+ // current: currentPage === i
156
+ // });
157
+ // }
158
+ // i++;
159
+ // }
160
+ // pages.push({
161
+ // type: 'last',
162
+ // number: numPages,
163
+ // active: currentPage !== numPages,
164
+ // current: currentPage === numPages
165
+ // });
166
+ pages.push({
167
+ type: 'next',
168
+ number: Math.min(numPages, currentPage + 1),
169
+ active: currentPage < numPages
170
+ });
173
171
  return pages;
174
172
  }
175
173
  }
@@ -8,7 +8,7 @@
8
8
  >
9
9
  <slot></slot>
10
10
  <div class="py-3 justify-content-end d-flex align-items-center sticky-container">
11
- <div>
11
+ <div v-if="!hideFooter">
12
12
  <itf-button v-tooltip.delay="'Hot key: Esc'" secondary squircle :loading="loading" :disabled="loading" @click="$emit('cancel')">
13
13
  <span>{{ $t('components.modal.cancel') }}</span>
14
14
  </itf-button>
@@ -50,6 +50,7 @@ import itfButton from '../button/Button.vue';
50
50
  })
51
51
  export default class PanelItemEdit extends Vue {
52
52
  @Prop(Boolean) loading;
53
+ @Prop(Boolean) hideFooter;
53
54
 
54
55
  onSaveClick() {
55
56
  if (this.$refs.editForm && !this.$refs.editForm.doValidation()) {
@@ -14,8 +14,8 @@
14
14
  />
15
15
  <span v-if="currencySelect" class="input-group-text ps-1">{{ selectedCurrencyCode }}<itf-icon v-if="!currencyDisabled && currenciesList.length > 1" name="chevron_down" /></span>
16
16
  <select v-if="currencySelect && !disabled && !currencyDisabled" :value="currencyId" @input="onCurrencyChanged">
17
- <option v-for="currency in currenciesList" :key="currency.Id" :value="currency.Id" :selected="currencyId === currency.Id">
18
- {{ currency.Symbol }}, {{ currency.Code }} - {{ currency.Title }}
17
+ <option v-for="currency in currenciesList" :key="currency[itemKey]" :value="currency[itemKey]" :selected="currencyId === currency[itemKey]">
18
+ {{ currency[symbolKey] }}, {{ currency[codeKey] }} - {{ currency[titleKey] }}
19
19
  </option>
20
20
  </select>
21
21
  <slot name="postfix"></slot>
@@ -62,6 +62,11 @@ class itfMoneyField extends Vue {
62
62
  @Prop({ type: Boolean, default: true }) currencySelect;
63
63
  @Prop({ type: Array, default: () => ([]) }) currencies;
64
64
  @Prop({ type: Boolean, default: false }) currencyDisabled;
65
+ @Prop({ type: String, default: 'Id' }) itemKey;
66
+ @Prop({ type: String, default: 'Code' }) codeKey;
67
+ @Prop({ type: String, default: 'Symbol' }) symbolKey;
68
+ @Prop({ type: String, default: 'Title' }) titleKey;
69
+ @Prop({ type: String, default: 'Precision' }) precisionKey;
65
70
  @Prop({ type: Number, default: -1000000000}) minValue;
66
71
  @Prop({ type: Number, default: 1000000000}) maxValue;
67
72
 
@@ -96,31 +101,31 @@ class itfMoneyField extends Vue {
96
101
  }
97
102
 
98
103
  onCurrencyChanged(e) {
99
- const currency = this.currenciesList.find((c) => c.Id === parseInt(e.target.value));
104
+ const currency = this.currenciesList.find((c) => c[this.itemKey] === parseInt(e.target.value));
100
105
  this.$emit('update:currency', currency)
101
106
  }
102
107
 
103
108
  get precition() {
104
- return this.selectedCurrency ? this.selectedCurrency.Precision : 2;
109
+ return this.selectedCurrency ? this.selectedCurrency[this.precisionKey] : 2;
105
110
  }
106
111
 
107
112
  get selectedCurrencySymbol() {
108
- return this.selectedCurrency ? this.selectedCurrency.Symbol : '#';
113
+ return this.selectedCurrency ? this.selectedCurrency[this.symbolKey] : '#';
109
114
  }
110
115
 
111
116
  get selectedCurrencyCode() {
112
- return this.selectedCurrency ? this.selectedCurrency.Code : '###';
117
+ return this.selectedCurrency ? this.selectedCurrency[this.codeKey] : '###';
113
118
  }
114
119
 
115
120
  get currencyId() {
116
- return this.selectedCurrency && this.selectedCurrency.Id;
121
+ return this.selectedCurrency && this.selectedCurrency[this.itemKey];
117
122
  }
118
123
 
119
124
  get selectedCurrency() {
120
125
  if (!this.currency || !this.currenciesList) {
121
126
  return this.currenciesList.find(({ IsDefault }) => IsDefault) || null;
122
127
  }
123
- return this.currenciesList.find(({ Id }) => this.currency.Id === Id);
128
+ return this.currenciesList.find((itm) => this.currency[this.itemKey] === itm[this.itemKey]);
124
129
  }
125
130
 
126
131
  setValue (val) {