@nmorph/nmorph-ui-kit 2.2.13 → 2.2.16

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 (425) hide show
  1. package/README.md +0 -8
  2. package/dist/assets/icons/add-location.svg.js +5 -5
  3. package/dist/assets/icons/aim.svg.js +4 -4
  4. package/dist/assets/icons/alarm-clock.svg.js +4 -4
  5. package/dist/assets/icons/apple.svg.js +3 -3
  6. package/dist/assets/icons/archive.svg.js +4 -4
  7. package/dist/assets/icons/arrow-down.svg.js +3 -3
  8. package/dist/assets/icons/arrow-left.svg.js +3 -3
  9. package/dist/assets/icons/arrow-right.svg.js +3 -3
  10. package/dist/assets/icons/arrow-up.svg.js +3 -3
  11. package/dist/assets/icons/audio.svg.js +3 -3
  12. package/dist/assets/icons/avatar.svg.js +3 -3
  13. package/dist/assets/icons/back.svg.js +4 -4
  14. package/dist/assets/icons/bell-filled.svg.js +3 -3
  15. package/dist/assets/icons/bell.svg.js +5 -5
  16. package/dist/assets/icons/bicycle.svg.js +2 -2
  17. package/dist/assets/icons/bottom-left.svg.js +4 -4
  18. package/dist/assets/icons/bottom-right.svg.js +4 -4
  19. package/dist/assets/icons/bottom.svg.js +3 -3
  20. package/dist/assets/icons/burger.svg.js +3 -3
  21. package/dist/assets/icons/calendar.svg.js +3 -3
  22. package/dist/assets/icons/camera.svg.js +3 -3
  23. package/dist/assets/icons/caret-bottom.svg.js +3 -3
  24. package/dist/assets/icons/caret-left.svg.js +3 -3
  25. package/dist/assets/icons/caret-right.svg.js +3 -3
  26. package/dist/assets/icons/caret-top.svg.js +3 -3
  27. package/dist/assets/icons/cellphone.svg.js +3 -3
  28. package/dist/assets/icons/chat-dot-round.svg.js +4 -4
  29. package/dist/assets/icons/chat-dot-square.svg.js +4 -4
  30. package/dist/assets/icons/chat-line-round.svg.js +4 -4
  31. package/dist/assets/icons/chat-line-square.svg.js +4 -4
  32. package/dist/assets/icons/chat-round.svg.js +3 -3
  33. package/dist/assets/icons/chat-square.svg.js +3 -3
  34. package/dist/assets/icons/check.svg.js +3 -3
  35. package/dist/assets/icons/checked.svg.js +3 -3
  36. package/dist/assets/icons/cherry.svg.js +3 -3
  37. package/dist/assets/icons/chevron-double-down.svg.js +3 -3
  38. package/dist/assets/icons/chevron-down.svg.js +3 -3
  39. package/dist/assets/icons/chrome-filled.svg.js +5 -5
  40. package/dist/assets/icons/circle-check-filled.svg.js +3 -3
  41. package/dist/assets/icons/circle-check.svg.js +4 -4
  42. package/dist/assets/icons/circle-close-filled.svg.js +3 -3
  43. package/dist/assets/icons/circle-close.svg.js +4 -4
  44. package/dist/assets/icons/circle-plus-filled.svg.js +3 -3
  45. package/dist/assets/icons/circle-plus.svg.js +5 -5
  46. package/dist/assets/icons/clock.svg.js +5 -5
  47. package/dist/assets/icons/close.svg.js +3 -3
  48. package/dist/assets/icons/cloudy.svg.js +3 -3
  49. package/dist/assets/icons/code.svg.js +3 -3
  50. package/dist/assets/icons/coffee-cup.svg.js +3 -3
  51. package/dist/assets/icons/coffee.svg.js +3 -3
  52. package/dist/assets/icons/coin.svg.js +5 -5
  53. package/dist/assets/icons/collection-tag.svg.js +3 -3
  54. package/dist/assets/icons/collection.svg.js +4 -4
  55. package/dist/assets/icons/compass.svg.js +4 -4
  56. package/dist/assets/icons/connection.svg.js +4 -4
  57. package/dist/assets/icons/coordinate.svg.js +4 -4
  58. package/dist/assets/icons/copy-document.svg.js +4 -4
  59. package/dist/assets/icons/copy.svg.js +3 -3
  60. package/dist/assets/icons/cpu.svg.js +4 -4
  61. package/dist/assets/icons/credit-card.svg.js +4 -4
  62. package/dist/assets/icons/crop.svg.js +4 -4
  63. package/dist/assets/icons/cross.svg.js +3 -3
  64. package/dist/assets/icons/delete-filled.svg.js +3 -3
  65. package/dist/assets/icons/delete.svg.js +3 -3
  66. package/dist/assets/icons/dessert.svg.js +3 -3
  67. package/dist/assets/icons/discount.svg.js +4 -4
  68. package/dist/assets/icons/doc.svg.js +3 -3
  69. package/dist/assets/icons/document-add.svg.js +3 -3
  70. package/dist/assets/icons/document-checked.svg.js +3 -3
  71. package/dist/assets/icons/document-copy.svg.js +3 -3
  72. package/dist/assets/icons/document-delete.svg.js +3 -3
  73. package/dist/assets/icons/document-remove.svg.js +3 -3
  74. package/dist/assets/icons/document.svg.js +3 -3
  75. package/dist/assets/icons/download.svg.js +3 -3
  76. package/dist/assets/icons/edit-pen.svg.js +3 -3
  77. package/dist/assets/icons/edit.svg.js +4 -4
  78. package/dist/assets/icons/enlarge.svg.js +3 -3
  79. package/dist/assets/icons/error.svg.js +4 -4
  80. package/dist/assets/icons/exit-square.svg.js +4 -4
  81. package/dist/assets/icons/exit.svg.js +4 -4
  82. package/dist/assets/icons/expand.svg.js +3 -3
  83. package/dist/assets/icons/eye-blocked.svg.js +4 -4
  84. package/dist/assets/icons/eye.svg.js +3 -3
  85. package/dist/assets/icons/failed.svg.js +3 -3
  86. package/dist/assets/icons/files.svg.js +3 -3
  87. package/dist/assets/icons/film.svg.js +4 -4
  88. package/dist/assets/icons/filter.svg.js +3 -3
  89. package/dist/assets/icons/finished.svg.js +3 -3
  90. package/dist/assets/icons/flag.svg.js +3 -3
  91. package/dist/assets/icons/fold.svg.js +3 -3
  92. package/dist/assets/icons/folder-add.svg.js +3 -3
  93. package/dist/assets/icons/folder-checked.svg.js +3 -3
  94. package/dist/assets/icons/folder-delete.svg.js +3 -3
  95. package/dist/assets/icons/folder-opened.svg.js +3 -3
  96. package/dist/assets/icons/folder.svg.js +3 -3
  97. package/dist/assets/icons/food.svg.js +3 -3
  98. package/dist/assets/icons/fork-spoon.svg.js +3 -3
  99. package/dist/assets/icons/full-screen.svg.js +3 -3
  100. package/dist/assets/icons/goblet-full.svg.js +3 -3
  101. package/dist/assets/icons/gold-medal.svg.js +4 -4
  102. package/dist/assets/icons/goods-filled.svg.js +3 -3
  103. package/dist/assets/icons/goods.svg.js +3 -3
  104. package/dist/assets/icons/google.svg.js +6 -6
  105. package/dist/assets/icons/grape.svg.js +3 -3
  106. package/dist/assets/icons/grid.svg.js +3 -3
  107. package/dist/assets/icons/guide.svg.js +4 -4
  108. package/dist/assets/icons/handbag.svg.js +3 -3
  109. package/dist/assets/icons/headset.svg.js +3 -3
  110. package/dist/assets/icons/histogram.svg.js +3 -3
  111. package/dist/assets/icons/hot-water.svg.js +3 -3
  112. package/dist/assets/icons/house.svg.js +3 -3
  113. package/dist/assets/icons/ice-cream-round.svg.js +3 -3
  114. package/dist/assets/icons/ice-drink.svg.js +3 -3
  115. package/dist/assets/icons/image.svg.js +4 -4
  116. package/dist/assets/icons/info-filled.svg.js +3 -3
  117. package/dist/assets/icons/info.svg.js +4 -4
  118. package/dist/assets/icons/key.svg.js +3 -3
  119. package/dist/assets/icons/knife-fork.svg.js +3 -3
  120. package/dist/assets/icons/lightning.svg.js +4 -4
  121. package/dist/assets/icons/link.svg.js +3 -3
  122. package/dist/assets/icons/list.svg.js +3 -3
  123. package/dist/assets/icons/loader.svg.js +2 -2
  124. package/dist/assets/icons/loading.svg.js +3 -3
  125. package/dist/assets/icons/location-filled.svg.js +3 -3
  126. package/dist/assets/icons/location-information.svg.js +5 -5
  127. package/dist/assets/icons/location.svg.js +4 -4
  128. package/dist/assets/icons/lock.svg.js +4 -4
  129. package/dist/assets/icons/logo.svg.js +4 -4
  130. package/dist/assets/icons/lollipop.svg.js +3 -3
  131. package/dist/assets/icons/magic-stick.svg.js +3 -3
  132. package/dist/assets/icons/magnet.svg.js +3 -3
  133. package/dist/assets/icons/male.svg.js +5 -5
  134. package/dist/assets/icons/management.svg.js +3 -3
  135. package/dist/assets/icons/map-location.svg.js +4 -4
  136. package/dist/assets/icons/medal.svg.js +4 -4
  137. package/dist/assets/icons/memo.svg.js +5 -5
  138. package/dist/assets/icons/menu.svg.js +3 -3
  139. package/dist/assets/icons/message-box.svg.js +3 -3
  140. package/dist/assets/icons/message.svg.js +4 -4
  141. package/dist/assets/icons/mic.svg.js +3 -3
  142. package/dist/assets/icons/microphone.svg.js +3 -3
  143. package/dist/assets/icons/minus-thin.svg.js +3 -3
  144. package/dist/assets/icons/minus.svg.js +3 -3
  145. package/dist/assets/icons/money.svg.js +5 -5
  146. package/dist/assets/icons/monitor.svg.js +3 -3
  147. package/dist/assets/icons/moon.svg.js +3 -3
  148. package/dist/assets/icons/more-filled.svg.js +3 -3
  149. package/dist/assets/icons/more.svg.js +3 -3
  150. package/dist/assets/icons/mostly-cloudy.svg.js +3 -3
  151. package/dist/assets/icons/mouse.svg.js +4 -4
  152. package/dist/assets/icons/mug.svg.js +3 -3
  153. package/dist/assets/icons/mute-notification.svg.js +4 -4
  154. package/dist/assets/icons/mute.svg.js +4 -4
  155. package/dist/assets/icons/no-smoking.svg.js +3 -3
  156. package/dist/assets/icons/notebook.svg.js +4 -4
  157. package/dist/assets/icons/notification.svg.js +4 -4
  158. package/dist/assets/icons/office-building.svg.js +5 -5
  159. package/dist/assets/icons/operation.svg.js +3 -3
  160. package/dist/assets/icons/opportunity.svg.js +3 -3
  161. package/dist/assets/icons/orange.svg.js +3 -3
  162. package/dist/assets/icons/paperclip.svg.js +3 -3
  163. package/dist/assets/icons/partly-cloudy.svg.js +4 -4
  164. package/dist/assets/icons/pause.svg.js +3 -3
  165. package/dist/assets/icons/pear.svg.js +3 -3
  166. package/dist/assets/icons/phone-filled.svg.js +3 -3
  167. package/dist/assets/icons/phone.svg.js +3 -3
  168. package/dist/assets/icons/picture.svg.js +4 -4
  169. package/dist/assets/icons/pie-chart.svg.js +4 -4
  170. package/dist/assets/icons/place.svg.js +5 -5
  171. package/dist/assets/icons/platform.svg.js +3 -3
  172. package/dist/assets/icons/play.svg.js +3 -3
  173. package/dist/assets/icons/plus-thin.svg.js +3 -3
  174. package/dist/assets/icons/plus.svg.js +3 -3
  175. package/dist/assets/icons/pointer.svg.js +3 -3
  176. package/dist/assets/icons/position.svg.js +3 -3
  177. package/dist/assets/icons/postcard.svg.js +4 -4
  178. package/dist/assets/icons/pouring.svg.js +3 -3
  179. package/dist/assets/icons/present.svg.js +6 -6
  180. package/dist/assets/icons/price-tag.svg.js +4 -4
  181. package/dist/assets/icons/printer.svg.js +3 -3
  182. package/dist/assets/icons/promotion.svg.js +3 -3
  183. package/dist/assets/icons/quartz-watch.svg.js +5 -5
  184. package/dist/assets/icons/question-filled.svg.js +3 -3
  185. package/dist/assets/icons/rank.svg.js +3 -3
  186. package/dist/assets/icons/reading-lamp.svg.js +4 -4
  187. package/dist/assets/icons/reading.svg.js +4 -4
  188. package/dist/assets/icons/record.svg.js +3 -3
  189. package/dist/assets/icons/refresh-left.svg.js +3 -3
  190. package/dist/assets/icons/refresh-right.svg.js +3 -3
  191. package/dist/assets/icons/refresh.svg.js +3 -3
  192. package/dist/assets/icons/refrigerator.svg.js +3 -3
  193. package/dist/assets/icons/remove-filled.svg.js +3 -3
  194. package/dist/assets/icons/remove.svg.js +4 -4
  195. package/dist/assets/icons/right.svg.js +3 -3
  196. package/dist/assets/icons/rotate-left.svg.js +3 -3
  197. package/dist/assets/icons/rotate-right.svg.js +3 -3
  198. package/dist/assets/icons/scale-to-original.svg.js +3 -3
  199. package/dist/assets/icons/school.svg.js +5 -5
  200. package/dist/assets/icons/scissor.svg.js +3 -3
  201. package/dist/assets/icons/search.svg.js +3 -3
  202. package/dist/assets/icons/select.svg.js +3 -3
  203. package/dist/assets/icons/sell.svg.js +3 -3
  204. package/dist/assets/icons/semi-select.svg.js +3 -3
  205. package/dist/assets/icons/service.svg.js +3 -3
  206. package/dist/assets/icons/setting.svg.js +3 -3
  207. package/dist/assets/icons/share.svg.js +3 -3
  208. package/dist/assets/icons/ship.svg.js +3 -3
  209. package/dist/assets/icons/shop.svg.js +3 -3
  210. package/dist/assets/icons/shopping-bag.svg.js +4 -4
  211. package/dist/assets/icons/shopping-cart-full.svg.js +4 -4
  212. package/dist/assets/icons/shopping-cart.svg.js +3 -3
  213. package/dist/assets/icons/shrink.svg.js +3 -3
  214. package/dist/assets/icons/smoking.svg.js +4 -4
  215. package/dist/assets/icons/soccer.svg.js +3 -3
  216. package/dist/assets/icons/sold-out.svg.js +3 -3
  217. package/dist/assets/icons/sort-down.svg.js +3 -3
  218. package/dist/assets/icons/sort-up.svg.js +3 -3
  219. package/dist/assets/icons/sort.svg.js +3 -3
  220. package/dist/assets/icons/stamp.svg.js +3 -3
  221. package/dist/assets/icons/star-filled.svg.js +3 -3
  222. package/dist/assets/icons/star.svg.js +3 -3
  223. package/dist/assets/icons/stop.svg.js +3 -3
  224. package/dist/assets/icons/success-filled.svg.js +3 -3
  225. package/dist/assets/icons/success.svg.js +3 -3
  226. package/dist/assets/icons/sugar.svg.js +3 -3
  227. package/dist/assets/icons/sunny.svg.js +3 -3
  228. package/dist/assets/icons/sunrise.svg.js +3 -3
  229. package/dist/assets/icons/sunset.svg.js +3 -3
  230. package/dist/assets/icons/switch-button.svg.js +4 -4
  231. package/dist/assets/icons/switch-filled.svg.js +4 -4
  232. package/dist/assets/icons/switch.svg.js +3 -3
  233. package/dist/assets/icons/takeaway-box.svg.js +3 -3
  234. package/dist/assets/icons/ticket.svg.js +3 -3
  235. package/dist/assets/icons/tickets.svg.js +3 -3
  236. package/dist/assets/icons/time.svg.js +3 -3
  237. package/dist/assets/icons/timer.svg.js +5 -5
  238. package/dist/assets/icons/toilet-paper.svg.js +4 -4
  239. package/dist/assets/icons/tools.svg.js +3 -3
  240. package/dist/assets/icons/top-left.svg.js +4 -4
  241. package/dist/assets/icons/top-right.svg.js +4 -4
  242. package/dist/assets/icons/top.svg.js +3 -3
  243. package/dist/assets/icons/trend-charts.svg.js +3 -3
  244. package/dist/assets/icons/triangle-down.svg.js +3 -3
  245. package/dist/assets/icons/trophy-base.svg.js +3 -3
  246. package/dist/assets/icons/trophy.svg.js +3 -3
  247. package/dist/assets/icons/turn-off.svg.js +4 -4
  248. package/dist/assets/icons/umbrella.svg.js +3 -3
  249. package/dist/assets/icons/unlock.svg.js +4 -4
  250. package/dist/assets/icons/upload-filled.svg.js +3 -3
  251. package/dist/assets/icons/upload.svg.js +3 -3
  252. package/dist/assets/icons/user-filled.svg.js +3 -3
  253. package/dist/assets/icons/user.svg.js +3 -3
  254. package/dist/assets/icons/users.svg.js +4 -4
  255. package/dist/assets/icons/van.svg.js +3 -3
  256. package/dist/assets/icons/video-pause.svg.js +3 -3
  257. package/dist/assets/icons/video-play.svg.js +3 -3
  258. package/dist/assets/icons/video.svg.js +4 -4
  259. package/dist/assets/icons/view.svg.js +3 -3
  260. package/dist/assets/icons/wallet-filled.svg.js +3 -3
  261. package/dist/assets/icons/wallet.svg.js +5 -5
  262. package/dist/assets/icons/warn-triangle-filled.svg.js +3 -3
  263. package/dist/assets/icons/warning.svg.js +4 -4
  264. package/dist/assets/icons/watch.svg.js +5 -5
  265. package/dist/assets/icons/wind-power.svg.js +3 -3
  266. package/dist/assets/icons/zoom-in.svg.js +3 -3
  267. package/dist/assets/icons/zoom-out.svg.js +3 -3
  268. package/dist/components/basic/nmorph-button/NmorphButton.css +1 -1
  269. package/dist/components/basic/nmorph-button/NmorphButton.vue.js +12 -12
  270. package/dist/components/basic/nmorph-button/NmorphButton.vue2.js +17 -14
  271. package/dist/components/basic/nmorph-icon/NmorphIcon.css +1 -1
  272. package/dist/components/basic/nmorph-link/NmorphLink.css +1 -1
  273. package/dist/components/data/nmorph-avatar/NmorphAvatar.vue2.js +1 -1
  274. package/dist/components/data/nmorph-badge/NmorphBadge.css +1 -1
  275. package/dist/components/data/nmorph-calendar/NmorphCalendar.css +1 -1
  276. package/dist/components/data/nmorph-calendar/NmorphCalendar.vue2.js +1 -1
  277. package/dist/components/data/nmorph-calendar/inner-components/nmorph-calendar-header/NmorphCalendarHeader.css +1 -1
  278. package/dist/components/data/nmorph-calendar/utils.js +65 -52
  279. package/dist/components/data/nmorph-card/NmorphCard.css +1 -1
  280. package/dist/components/data/nmorph-collapse/components/nmorph-collapse-item/NmorphCollapseItem.css +1 -1
  281. package/dist/components/data/nmorph-image-preview/NmorphImagePreview.css +1 -1
  282. package/dist/components/data/nmorph-image-preview/NmorphImagePreview.vue.js +39 -37
  283. package/dist/components/data/nmorph-image-preview/NmorphImagePreview.vue2.js +8 -8
  284. package/dist/components/data/nmorph-pagination/NmorphPagination.css +1 -1
  285. package/dist/components/data/nmorph-progress/NmorphProgress.css +1 -1
  286. package/dist/components/data/nmorph-skeleton/components/NmorphSkeletonItem.css +1 -1
  287. package/dist/components/data/nmorph-table/NmorphTable.css +1 -1
  288. package/dist/components/data/nmorph-table/NmorphTable.vue.js +228 -225
  289. package/dist/components/data/nmorph-table/NmorphTable.vue2.js +57 -43
  290. package/dist/components/data/nmorph-table/inner-components/nmorph-sort-button/NmorphSortButton.css +1 -1
  291. package/dist/components/data/nmorph-tag-list/NmorphTagList.vue.js +2 -3
  292. package/dist/components/data/nmorph-tag-list/components/nmorph-tag-item/NmorphTagItem.css +1 -1
  293. package/dist/components/feedback/nmorph-alert/NmorphAlert.css +1 -1
  294. package/dist/components/feedback/nmorph-callout/NmorphCallout.css +1 -1
  295. package/dist/components/feedback/nmorph-dialog/NmorphDialog.css +1 -1
  296. package/dist/components/feedback/nmorph-dialog/NmorphDialog.vue.js +47 -47
  297. package/dist/components/feedback/nmorph-dialog/NmorphDialog.vue2.js +26 -23
  298. package/dist/components/feedback/nmorph-tooltip/NmorphTooltip.css +1 -1
  299. package/dist/components/feedback/nmorph-tooltip/NmorphTooltip.vue.js +3 -3
  300. package/dist/components/form/nmorph-autocomplete/NmorphAutocomplete.css +1 -1
  301. package/dist/components/form/nmorph-autocomplete/NmorphAutocomplete.vue.js +102 -92
  302. package/dist/components/form/nmorph-autocomplete/NmorphAutocomplete.vue2.js +68 -45
  303. package/dist/components/form/nmorph-checkbox/NmorphCheckbox.css +1 -1
  304. package/dist/components/form/nmorph-checkbox/NmorphCheckbox.vue.js +1 -1
  305. package/dist/components/form/nmorph-color-picker/NmorphColorPicker.css +1 -1
  306. package/dist/components/form/nmorph-date-picker/NmorphDatePicker.css +1 -1
  307. package/dist/components/form/nmorph-date-picker/NmorphDatePicker.vue2.js +46 -34
  308. package/dist/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-content/NmorphDatePickerContent.vue2.js +1 -1
  309. package/dist/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-header/NmorphDatePickerHeader.css +1 -1
  310. package/dist/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-header/NmorphDatePickerHeader.vue.js +12 -12
  311. package/dist/components/form/nmorph-date-picker/inner-components/nmorph-year-month-picker/NmorphYearMonthPicker.css +1 -1
  312. package/dist/components/form/nmorph-date-picker/inner-components/nmorph-year-month-picker/NmorphYearMonthPicker.vue.js +6 -6
  313. package/dist/components/form/nmorph-file-upload/NmorphFileUpload.css +1 -1
  314. package/dist/components/form/nmorph-file-upload/NmorphFileUpload.vue.js +3 -3
  315. package/dist/components/form/nmorph-form/components/nmorph-form-item/inner-components/nmorph-validation-icon/NmorphValidationIcon.css +1 -1
  316. package/dist/components/form/nmorph-number-input/NmorphNumberInput.css +1 -1
  317. package/dist/components/form/nmorph-radio/NmorphRadio.css +1 -1
  318. package/dist/components/form/nmorph-radio/NmorphRadio.vue.js +1 -1
  319. package/dist/components/form/nmorph-select/NmorphSelect.css +1 -1
  320. package/dist/components/form/nmorph-select/NmorphSelect.vue.js +135 -128
  321. package/dist/components/form/nmorph-select/NmorphSelect.vue2.js +77 -66
  322. package/dist/components/form/nmorph-select/components/nmorph-select-option/NmorphSelectOption.css +1 -1
  323. package/dist/components/form/nmorph-select/components/nmorph-select-option/NmorphSelectOption.vue.js +17 -14
  324. package/dist/components/form/nmorph-select-button/NmorphSelectButton.css +1 -1
  325. package/dist/components/form/nmorph-select-button/components/nmorph-select-button-item/NmorphSelectButtonItem.css +1 -1
  326. package/dist/components/form/nmorph-slider/NmorphSlider.css +1 -1
  327. package/dist/components/form/nmorph-switch/NmorphSwitch.css +1 -1
  328. package/dist/components/form/nmorph-text-input/NmorphTextInput.vue.js +22 -21
  329. package/dist/components/form/nmorph-text-input/NmorphTextInput.vue2.js +16 -16
  330. package/dist/components/navigation/nmorph-backtop/NmorphBacktop.css +1 -1
  331. package/dist/components/navigation/nmorph-backtop/NmorphBacktop.vue.js +52 -42
  332. package/dist/components/navigation/nmorph-backtop/NmorphBacktop.vue2.js +31 -28
  333. package/dist/components/navigation/nmorph-breadcrumb/components/nmorph-breadcrumb-item/NmorphBreadcrumbItem.vue2.js +6 -6
  334. package/dist/components/navigation/nmorph-context-menu/NmorphContextMenu.css +1 -0
  335. package/dist/components/navigation/nmorph-context-menu/NmorphContextMenu.vue.js +50 -0
  336. package/dist/components/navigation/nmorph-context-menu/NmorphContextMenu.vue2.js +69 -0
  337. package/dist/components/navigation/nmorph-dropdown/NmorphDropdown.css +1 -1
  338. package/dist/components/navigation/nmorph-dropdown/NmorphDropdown.vue.js +23 -23
  339. package/dist/components/navigation/nmorph-dropdown/NmorphDropdown.vue2.js +31 -25
  340. package/dist/components/navigation/nmorph-tabs/NmorphTabs.css +1 -1
  341. package/dist/components/navigation/nmorph-tabs/NmorphTabs.vue.js +3 -3
  342. package/dist/components/others/nmorph-overlay/NmorphOverlay.css +1 -1
  343. package/dist/components/others/nmorph-overlay/NmorphOverlay.vue.js +42 -18
  344. package/dist/components/others/nmorph-overlay/NmorphOverlay.vue2.js +67 -20
  345. package/dist/components/providers/nmorph-notification-provider/NmorphNotificationProvider.css +1 -1
  346. package/dist/components/providers/nmorph-notification-provider/NmorphNotificationProvider.vue.js +2 -3
  347. package/dist/hooks/use-common-styles.js +62 -35
  348. package/dist/hooks/use-virtual-list.js +65 -37
  349. package/dist/icons.d.ts +2 -0
  350. package/dist/icons.js +539 -0
  351. package/dist/index.es.js +656 -653
  352. package/dist/index.umd.js +80 -64
  353. package/dist/nuxt.mjs +41 -15
  354. package/dist/package.json.js +1 -1
  355. package/dist/src/components/basic/nmorph-button/NmorphButton.vue.d.ts +5 -3
  356. package/dist/src/components/basic/nmorph-icon/NmorphIcon.vue.d.ts +1 -1
  357. package/dist/src/components/basic/nmorph-link/NmorphLink.vue.d.ts +1 -1
  358. package/dist/src/components/basic/nmorph-scroll/NmorphScroll.vue.d.ts +3 -1
  359. package/dist/src/components/data/nmorph-avatar/NmorphAvatar.vue.d.ts +2 -1
  360. package/dist/src/components/data/nmorph-badge/NmorphBadge.vue.d.ts +3 -1
  361. package/dist/src/components/data/nmorph-calendar/NmorphCalendar.vue.d.ts +2 -2
  362. package/dist/src/components/data/nmorph-calendar/inner-components/nmorph-calendar-header/NmorphCalendarHeader.vue.d.ts +1 -1
  363. package/dist/src/components/data/nmorph-calendar/types.d.ts +8 -1
  364. package/dist/src/components/data/nmorph-calendar/utils.d.ts +2 -1
  365. package/dist/src/components/data/nmorph-card/NmorphCard.vue.d.ts +1 -1
  366. package/dist/src/components/data/nmorph-carousel/NmorphCarousel.vue.d.ts +3 -1
  367. package/dist/src/components/data/nmorph-collapse/NmorphCollapse.vue.d.ts +1 -1
  368. package/dist/src/components/data/nmorph-collapse/components/nmorph-collapse-item/NmorphCollapseItem.vue.d.ts +3 -1
  369. package/dist/src/components/data/nmorph-image-preview/NmorphImagePreview.vue.d.ts +1 -0
  370. package/dist/src/components/data/nmorph-progress/NmorphProgress.vue.d.ts +6 -4
  371. package/dist/src/components/data/nmorph-skeleton/NmorphSkeleton.vue.d.ts +1 -1
  372. package/dist/src/components/data/nmorph-skeleton/components/NmorphSkeletonItem.vue.d.ts +1 -1
  373. package/dist/src/components/data/nmorph-table/NmorphTable.vue.d.ts +5 -1
  374. package/dist/src/components/data/nmorph-table/components/nmorph-table-column/NmorphTableColumn.vue.d.ts +3 -1
  375. package/dist/src/components/data/nmorph-table/inner-components/nmorph-sort-button/NmorphSortButton.vue.d.ts +1 -1
  376. package/dist/src/components/data/nmorph-tag-list/NmorphTagList.vue.d.ts +1 -1
  377. package/dist/src/components/data/nmorph-tag-list/components/nmorph-tag-item/NmorphTagItem.vue.d.ts +1 -1
  378. package/dist/src/components/feedback/nmorph-callout/NmorphCallout.vue.d.ts +1 -1
  379. package/dist/src/components/feedback/nmorph-dialog/NmorphDialog.vue.d.ts +3 -0
  380. package/dist/src/components/feedback/nmorph-tooltip/NmorphTooltip.vue.d.ts +5 -1
  381. package/dist/src/components/form/nmorph-autocomplete/NmorphAutocomplete.vue.d.ts +7 -2
  382. package/dist/src/components/form/nmorph-checkbox/NmorphCheckbox.vue.d.ts +3 -1
  383. package/dist/src/components/form/nmorph-checkbox-group/NmorphCheckboxGroup.vue.d.ts +1 -1
  384. package/dist/src/components/form/nmorph-color-picker/NmorphColorPicker.vue.d.ts +3 -1
  385. package/dist/src/components/form/nmorph-date-picker/NmorphDatePicker.vue.d.ts +18 -3
  386. package/dist/src/components/form/nmorph-date-picker/inner-components/nmorph-clear-button/NmorphClearButton.vue.d.ts +1 -1
  387. package/dist/src/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-content/NmorphDatePickerContent.vue.d.ts +1 -1
  388. package/dist/src/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-header/NmorphDatePickerHeader.vue.d.ts +1 -1
  389. package/dist/src/components/form/nmorph-date-picker/inner-components/nmorph-year-month-picker/NmorphYearMonthPicker.vue.d.ts +1 -1
  390. package/dist/src/components/form/nmorph-file-upload/NmorphFileUpload.vue.d.ts +3 -1
  391. package/dist/src/components/form/nmorph-form/NmorphForm.vue.d.ts +1 -1
  392. package/dist/src/components/form/nmorph-form/components/nmorph-form-item/NmorphFormItem.vue.d.ts +1 -1
  393. package/dist/src/components/form/nmorph-form/components/nmorph-form-item/inner-components/nmorph-error-box/NmorphErrorBox.vue.d.ts +1 -1
  394. package/dist/src/components/form/nmorph-form/components/nmorph-form-item/inner-components/nmorph-validation-icon/NmorphValidationIcon.vue.d.ts +1 -1
  395. package/dist/src/components/form/nmorph-number-input/NmorphNumberInput.vue.d.ts +3 -1
  396. package/dist/src/components/form/nmorph-otp-input/NmorphOTPInput.vue.d.ts +1 -1
  397. package/dist/src/components/form/nmorph-radio/NmorphRadio.vue.d.ts +3 -1
  398. package/dist/src/components/form/nmorph-radio-group/NmorphRadioGroup.vue.d.ts +1 -1
  399. package/dist/src/components/form/nmorph-select/NmorphSelect.vue.d.ts +7 -1
  400. package/dist/src/components/form/nmorph-select/components/nmorph-select-option/NmorphSelectOption.vue.d.ts +1 -1
  401. package/dist/src/components/form/nmorph-select-button/NmorphSelectButton.vue.d.ts +1 -1
  402. package/dist/src/components/form/nmorph-select-button/components/nmorph-select-button-item/NmorphSelectButtonItem.vue.d.ts +3 -1
  403. package/dist/src/components/form/nmorph-switch/NmorphSwitch.vue.d.ts +7 -5
  404. package/dist/src/components/form/nmorph-text-input/NmorphTextInput.vue.d.ts +7 -3
  405. package/dist/src/components/navigation/index.d.ts +1 -0
  406. package/dist/src/components/navigation/nmorph-backtop/NmorphBacktop.vue.d.ts +10 -1
  407. package/dist/src/components/navigation/nmorph-breadcrumb/NmorphBreadcrumb.vue.d.ts +1 -1
  408. package/dist/src/components/navigation/nmorph-breadcrumb/components/nmorph-breadcrumb-item/NmorphBreadcrumbItem.vue.d.ts +1 -2
  409. package/dist/src/components/navigation/nmorph-breadcrumb/types.d.ts +1 -2
  410. package/dist/src/components/navigation/nmorph-context-menu/NmorphContextMenu.vue.d.ts +60 -0
  411. package/dist/src/components/navigation/nmorph-dropdown/NmorphDropdown.vue.d.ts +16 -1
  412. package/dist/src/components/navigation/nmorph-tabs/NmorphTabs.vue.d.ts +1 -1
  413. package/dist/src/components/others/nmorph-divider/NmorphDivider.vue.d.ts +1 -1
  414. package/dist/src/components/others/nmorph-overlay/NmorphOverlay.vue.d.ts +13 -1
  415. package/dist/src/components/providers/nmorph-notification-provider/NmorphNotificationProvider.vue.d.ts +1 -1
  416. package/dist/src/hooks/use-virtual-list.d.ts +3 -0
  417. package/dist/src/icons.d.ts +3 -0
  418. package/dist/src/nuxt/module.d.ts +3 -2
  419. package/dist/src/styles.d.ts +2 -0
  420. package/dist/style.css +1 -1
  421. package/dist/styles.d.ts +2 -0
  422. package/dist/styles.js +7 -0
  423. package/dist/utils/theme-style.js +27 -38
  424. package/package.json +18 -7
  425. package/dist/src/components/form/nmorph-slider/NmorphSlider.vue.d.ts +0 -15
@@ -1,12 +1,12 @@
1
1
  import './NmorphTable.css';
2
- import m from "./NmorphTable.vue2.js";
3
- import { openBlock as t, createElementBlock as e, normalizeClass as _, createElementVNode as o, Fragment as n, renderList as i, normalizeStyle as d, toDisplayString as b, createBlock as y, createCommentVNode as u, renderSlot as p } from "vue";
2
+ import p from "./NmorphTable.vue2.js";
3
+ import { openBlock as r, createElementBlock as t, normalizeClass as _, createElementVNode as o, Fragment as a, renderList as i, normalizeStyle as d, toDisplayString as s, createBlock as m, createCommentVNode as y, renderSlot as h } from "vue";
4
4
  /* empty css */
5
- import v from "../../../_virtual/_plugin-vue_export-helper.js";
6
- const w = { class: "nmorph-table__wrapper" }, f = { class: "nmorph-table__header" }, k = ["data-src"], g = { class: "nmorph-table__table-row" }, S = { class: "nmorph-table__cell" }, x = ["id"], W = { class: "nmorph-table__slot-columns" }, B = ["id"], N = { class: "nmorph-table__slot-columns" };
7
- function E(c, h, H, l, L, C) {
8
- return t(), e("div", null, [
9
- (t(), e(
5
+ import u from "../../../_virtual/_plugin-vue_export-helper.js";
6
+ const v = { class: "nmorph-table__wrapper" }, w = { class: "nmorph-table__header" }, f = ["data-src"], g = { class: "nmorph-table__table-row" }, k = { class: "nmorph-table__cell" }, x = ["tabindex"], S = ["id"], R = { class: "nmorph-table__slot-columns" }, W = ["id"], B = { class: "nmorph-table__slot-columns" };
7
+ function E(c, H, N, l, C, I) {
8
+ return r(), t("div", null, [
9
+ (r(), t(
10
10
  "div",
11
11
  {
12
12
  ref: "nmorphDOMTable",
@@ -14,54 +14,54 @@ function E(c, h, H, l, L, C) {
14
14
  class: _(l.modifiers)
15
15
  },
16
16
  [
17
- o("div", w, [
18
- o("table", f, [
17
+ o("div", v, [
18
+ o("table", w, [
19
19
  o("colgroup", null, [
20
- (t(!0), e(
21
- n,
20
+ (r(!0), t(
21
+ a,
22
22
  null,
23
- i(l.columns, (r) => (t(), e("col", {
24
- key: r.prop,
25
- style: d({ width: `${l.getWidth(r.width)}px` }),
26
- "data-src": `${l.getWidth(r.width)}px`
27
- }, null, 12, k))),
23
+ i(l.columns, (e) => (r(), t("col", {
24
+ key: e.prop,
25
+ style: d({ width: `${l.getWidth(e.width)}px` }),
26
+ "data-src": `${l.getWidth(e.width)}px`
27
+ }, null, 12, f))),
28
28
  128
29
29
  /* KEYED_FRAGMENT */
30
30
  ))
31
31
  ]),
32
32
  o("thead", null, [
33
33
  o("tr", g, [
34
- (t(!0), e(
35
- n,
34
+ (r(!0), t(
35
+ a,
36
36
  null,
37
- i(l.columns, (r, s) => (t(), e(
37
+ i(l.columns, (e, b) => (r(), t(
38
38
  "th",
39
39
  {
40
- key: s,
40
+ key: b,
41
41
  class: _(["nmorph-table__table-data", { "nmorph-table__table-data--bordered": l.props.bordered }])
42
42
  },
43
43
  [
44
- o("div", S, [
44
+ o("div", k, [
45
45
  o(
46
46
  "div",
47
47
  {
48
- style: d({ "justify-content": r.alignment }),
48
+ style: d({ "justify-content": e.alignment }),
49
49
  class: "nmorph-table__cell-content"
50
50
  },
51
51
  [
52
52
  o(
53
53
  "span",
54
54
  null,
55
- b(r.label),
55
+ s(e.label),
56
56
  1
57
57
  /* TEXT */
58
58
  ),
59
- l.sortData && l.sortData[r.prop] ? (t(), y(l.NmorphSortButton, {
59
+ l.sortData && l.sortData[e.prop] ? (r(), m(l.NmorphSortButton, {
60
60
  key: 0,
61
61
  class: "nmorph-table__button-wrapper",
62
- value: l.sortData[r.prop],
63
- onSort: (a) => l.onSort(a, r.prop)
64
- }, null, 8, ["value", "onSort"])) : u("v-if", !0)
62
+ value: l.sortData[e.prop],
63
+ onSort: (n) => l.onSort(n, e.prop)
64
+ }, null, 8, ["value", "onSort"])) : y("v-if", !0)
65
65
  ],
66
66
  4
67
67
  /* STYLE */
@@ -77,82 +77,176 @@ function E(c, h, H, l, L, C) {
77
77
  ])
78
78
  ])
79
79
  ]),
80
- o(
81
- "div",
82
- {
83
- ref: l.virtualList.containerRef,
84
- class: _(["nmorph-table__body", { "nmorph-table__body--virtual": l.virtualEnabled }]),
85
- style: d(l.tableBodyStyle),
86
- onScroll: h[0] || (h[0] = (...r) => l.virtualList.scrollHandler && l.virtualList.scrollHandler(...r))
87
- },
88
- [
89
- l.virtualEnabled ? (t(), e(
90
- "div",
91
- {
92
- key: 0,
93
- class: "nmorph-table__virtual-spacer",
94
- style: d(l.virtualSpacerStyle)
95
- },
96
- [
97
- o(
98
- "div",
99
- {
100
- class: "nmorph-table__virtual-content",
101
- style: d(l.virtualContentStyle)
102
- },
103
- [
104
- o("table", null, [
105
- o("colgroup", null, [
106
- (t(!0), e(
107
- n,
80
+ o("div", {
81
+ ref: l.virtualList.containerRef,
82
+ class: _(["nmorph-table__body", { "nmorph-table__body--virtual": l.virtualEnabled, "nmorph-table__body--dynamic": l.props.virtualDynamicHeight }]),
83
+ style: d(l.tableBodyStyle),
84
+ tabindex: l.virtualEnabled ? 0 : void 0,
85
+ role: "grid",
86
+ onKeydown: l.tableKeydownHandler,
87
+ onScroll: l.scrollHandler
88
+ }, [
89
+ l.virtualEnabled ? (r(), t(
90
+ "div",
91
+ {
92
+ key: 0,
93
+ class: "nmorph-table__virtual-spacer",
94
+ style: d(l.virtualSpacerStyle)
95
+ },
96
+ [
97
+ o(
98
+ "div",
99
+ {
100
+ class: "nmorph-table__virtual-content",
101
+ style: d(l.virtualContentStyle)
102
+ },
103
+ [
104
+ o("table", null, [
105
+ o("colgroup", null, [
106
+ (r(!0), t(
107
+ a,
108
+ null,
109
+ i(l.columns, (e) => (r(), t(
110
+ "col",
111
+ {
112
+ key: e.prop,
113
+ style: d({ width: `${l.getWidth(e.width)}px` })
114
+ },
108
115
  null,
109
- i(l.columns, (r) => (t(), e(
110
- "col",
111
- {
112
- key: r.prop,
113
- style: d({ width: `${l.getWidth(r.width)}px` })
114
- },
115
- null,
116
- 4
117
- /* STYLE */
118
- ))),
119
- 128
120
- /* KEYED_FRAGMENT */
121
- ))
122
- ]),
123
- o("tbody", null, [
124
- (t(!0), e(
125
- n,
116
+ 4
117
+ /* STYLE */
118
+ ))),
119
+ 128
120
+ /* KEYED_FRAGMENT */
121
+ ))
122
+ ]),
123
+ o("tbody", null, [
124
+ (r(!0), t(
125
+ a,
126
+ null,
127
+ i(l.renderedRows, (e, b) => (r(), t(
128
+ "tr",
129
+ {
130
+ key: e.index,
131
+ ref_for: !0,
132
+ ref: (n) => l.setVirtualRowRef(n, e.index),
133
+ class: _(["nmorph-table__table-data-row", {
134
+ "nmorph-table__table-data-row--row-hover": l.props.rowHover,
135
+ "nmorph-table__table-data-row--active": l.activeRowIndex === e.index
136
+ }]),
137
+ role: "row"
138
+ },
139
+ [
140
+ (r(!0), t(
141
+ a,
142
+ null,
143
+ i(l.columns, (n) => (r(), t(
144
+ "td",
145
+ {
146
+ key: n.prop,
147
+ class: _([{ "nmorph-table__table-data--bordered": l.props.bordered }, "nmorph-table__table-data"])
148
+ },
149
+ [
150
+ o("div", {
151
+ id: `table-cell-${l.tableIdentifier}-${b}-${n.prop}`,
152
+ style: d({ "text-align": n.alignment }),
153
+ class: "nmorph-table__cell nmorph-table__cell--data"
154
+ }, s(l.tableData(e.item[n.prop])), 13, S)
155
+ ],
156
+ 2
157
+ /* CLASS */
158
+ ))),
159
+ 128
160
+ /* KEYED_FRAGMENT */
161
+ ))
162
+ ],
163
+ 2
164
+ /* CLASS */
165
+ ))),
166
+ 128
167
+ /* KEYED_FRAGMENT */
168
+ ))
169
+ ])
170
+ ]),
171
+ o("table", null, [
172
+ o("colgroup", null, [
173
+ (r(!0), t(
174
+ a,
175
+ null,
176
+ i(l.columns, (e) => (r(), t(
177
+ "col",
178
+ {
179
+ key: e.prop,
180
+ style: d({ width: `${l.getWidth(e.width)}px` })
181
+ },
182
+ null,
183
+ 4
184
+ /* STYLE */
185
+ ))),
186
+ 128
187
+ /* KEYED_FRAGMENT */
188
+ ))
189
+ ]),
190
+ o("tbody", R, [
191
+ h(c.$slots, "default")
192
+ ])
193
+ ])
194
+ ],
195
+ 4
196
+ /* STYLE */
197
+ )
198
+ ],
199
+ 4
200
+ /* STYLE */
201
+ )) : (r(), t(
202
+ a,
203
+ { key: 1 },
204
+ [
205
+ o("table", null, [
206
+ o("colgroup", null, [
207
+ (r(!0), t(
208
+ a,
209
+ null,
210
+ i(l.columns, (e) => (r(), t(
211
+ "col",
212
+ {
213
+ key: e.prop,
214
+ style: d({ width: `${l.getWidth(e.width)}px` })
215
+ },
216
+ null,
217
+ 4
218
+ /* STYLE */
219
+ ))),
220
+ 128
221
+ /* KEYED_FRAGMENT */
222
+ ))
223
+ ]),
224
+ o("tbody", null, [
225
+ (r(!0), t(
226
+ a,
227
+ null,
228
+ i(l.renderedRows, (e, b) => (r(), t(
229
+ "tr",
230
+ {
231
+ key: b,
232
+ class: _(["nmorph-table__table-data-row", { "nmorph-table__table-data-row--row-hover": l.props.rowHover }])
233
+ },
234
+ [
235
+ (r(!0), t(
236
+ a,
126
237
  null,
127
- i(l.tableRows, (r, s) => (t(), e(
128
- "tr",
238
+ i(l.columns, (n) => (r(), t(
239
+ "td",
129
240
  {
130
- key: s,
131
- class: _(["nmorph-table__table-data-row", { "nmorph-table__table-data-row--row-hover": l.props.rowHover }])
241
+ key: n.prop,
242
+ class: _([{ "nmorph-table__table-data--bordered": l.props.bordered }, "nmorph-table__table-data"])
132
243
  },
133
244
  [
134
- (t(!0), e(
135
- n,
136
- null,
137
- i(l.columns, (a) => (t(), e(
138
- "td",
139
- {
140
- key: a.prop,
141
- class: _([{ "nmorph-table__table-data--bordered": l.props.bordered }, "nmorph-table__table-data"])
142
- },
143
- [
144
- o("div", {
145
- id: `table-cell-${l.tableIdentifier}-${s}-${a.prop}`,
146
- style: d({ "text-align": a.alignment }),
147
- class: "nmorph-table__cell nmorph-table__cell--data"
148
- }, b(l.tableData(r[a.prop])), 13, x)
149
- ],
150
- 2
151
- /* CLASS */
152
- ))),
153
- 128
154
- /* KEYED_FRAGMENT */
155
- ))
245
+ o("div", {
246
+ id: `table-cell-${l.tableIdentifier}-${b}-${n.prop}`,
247
+ style: d({ "text-align": n.alignment }),
248
+ class: "nmorph-table__cell nmorph-table__cell--data"
249
+ }, s(l.tableData(e.item[n.prop])), 13, W)
156
250
  ],
157
251
  2
158
252
  /* CLASS */
@@ -160,134 +254,43 @@ function E(c, h, H, l, L, C) {
160
254
  128
161
255
  /* KEYED_FRAGMENT */
162
256
  ))
163
- ])
164
- ]),
165
- o("table", null, [
166
- o("colgroup", null, [
167
- (t(!0), e(
168
- n,
169
- null,
170
- i(l.columns, (r) => (t(), e(
171
- "col",
172
- {
173
- key: r.prop,
174
- style: d({ width: `${l.getWidth(r.width)}px` })
175
- },
176
- null,
177
- 4
178
- /* STYLE */
179
- ))),
180
- 128
181
- /* KEYED_FRAGMENT */
182
- ))
183
- ]),
184
- o("tbody", W, [
185
- p(c.$slots, "default")
186
- ])
187
- ])
188
- ],
189
- 4
190
- /* STYLE */
191
- )
192
- ],
193
- 4
194
- /* STYLE */
195
- )) : (t(), e(
196
- n,
197
- { key: 1 },
198
- [
199
- o("table", null, [
200
- o("colgroup", null, [
201
- (t(!0), e(
202
- n,
203
- null,
204
- i(l.columns, (r) => (t(), e(
205
- "col",
206
- {
207
- key: r.prop,
208
- style: d({ width: `${l.getWidth(r.width)}px` })
209
- },
210
- null,
211
- 4
212
- /* STYLE */
213
- ))),
214
- 128
215
- /* KEYED_FRAGMENT */
216
- ))
217
- ]),
218
- o("tbody", null, [
219
- (t(!0), e(
220
- n,
257
+ ],
258
+ 2
259
+ /* CLASS */
260
+ ))),
261
+ 128
262
+ /* KEYED_FRAGMENT */
263
+ ))
264
+ ])
265
+ ]),
266
+ o("table", null, [
267
+ o("colgroup", null, [
268
+ (r(!0), t(
269
+ a,
270
+ null,
271
+ i(l.columns, (e) => (r(), t(
272
+ "col",
273
+ {
274
+ key: e.prop,
275
+ style: d({ width: `${l.getWidth(e.width)}px` })
276
+ },
221
277
  null,
222
- i(l.tableRows, (r, s) => (t(), e(
223
- "tr",
224
- {
225
- key: s,
226
- class: _(["nmorph-table__table-data-row", { "nmorph-table__table-data-row--row-hover": l.props.rowHover }])
227
- },
228
- [
229
- (t(!0), e(
230
- n,
231
- null,
232
- i(l.columns, (a) => (t(), e(
233
- "td",
234
- {
235
- key: a.prop,
236
- class: _([{ "nmorph-table__table-data--bordered": l.props.bordered }, "nmorph-table__table-data"])
237
- },
238
- [
239
- o("div", {
240
- id: `table-cell-${l.tableIdentifier}-${s}-${a.prop}`,
241
- style: d({ "text-align": a.alignment }),
242
- class: "nmorph-table__cell nmorph-table__cell--data"
243
- }, b(l.tableData(r[a.prop])), 13, B)
244
- ],
245
- 2
246
- /* CLASS */
247
- ))),
248
- 128
249
- /* KEYED_FRAGMENT */
250
- ))
251
- ],
252
- 2
253
- /* CLASS */
254
- ))),
255
- 128
256
- /* KEYED_FRAGMENT */
257
- ))
258
- ])
278
+ 4
279
+ /* STYLE */
280
+ ))),
281
+ 128
282
+ /* KEYED_FRAGMENT */
283
+ ))
259
284
  ]),
260
- o("table", null, [
261
- o("colgroup", null, [
262
- (t(!0), e(
263
- n,
264
- null,
265
- i(l.columns, (r) => (t(), e(
266
- "col",
267
- {
268
- key: r.prop,
269
- style: d({ width: `${l.getWidth(r.width)}px` })
270
- },
271
- null,
272
- 4
273
- /* STYLE */
274
- ))),
275
- 128
276
- /* KEYED_FRAGMENT */
277
- ))
278
- ]),
279
- o("tbody", N, [
280
- p(c.$slots, "default")
281
- ])
285
+ o("tbody", B, [
286
+ h(c.$slots, "default")
282
287
  ])
283
- ],
284
- 64
285
- /* STABLE_FRAGMENT */
286
- ))
287
- ],
288
- 38
289
- /* CLASS, STYLE, NEED_HYDRATION */
290
- )
288
+ ])
289
+ ],
290
+ 64
291
+ /* STABLE_FRAGMENT */
292
+ ))
293
+ ], 46, x)
291
294
  ])
292
295
  ],
293
296
  2
@@ -295,7 +298,7 @@ function E(c, h, H, l, L, C) {
295
298
  ))
296
299
  ]);
297
300
  }
298
- const I = /* @__PURE__ */ v(m, [["render", E], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-table/NmorphTable.vue"]]);
301
+ const K = /* @__PURE__ */ u(p, [["render", E], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-table/NmorphTable.vue"]]);
299
302
  export {
300
- I as default
303
+ K as default
301
304
  };
@@ -1,10 +1,10 @@
1
1
  import './NmorphTable.css';
2
- import { defineComponent as j, computed as r, ref as s, provide as q, watch as I } from "vue";
3
- import { useModifiers as T } from "../../../utils/create-modifiers.js";
4
- import { generateUUID as M } from "../../../utils/common.js";
5
- import Q from "./inner-components/nmorph-sort-button/NmorphSortButton.vue.js";
6
- import { useVirtualList as U } from "../../../hooks/use-virtual-list.js";
7
- const P = /* @__PURE__ */ j({
2
+ import { defineComponent as E, computed as r, ref as n, provide as _, watch as P, nextTick as K } from "vue";
3
+ import { useModifiers as Q } from "../../../utils/create-modifiers.js";
4
+ import { generateUUID as V } from "../../../utils/common.js";
5
+ import Y from "./inner-components/nmorph-sort-button/NmorphSortButton.vue.js";
6
+ import { useVirtualList as z } from "../../../hooks/use-virtual-list.js";
7
+ const te = /* @__PURE__ */ E({
8
8
  __name: "NmorphTable",
9
9
  props: {
10
10
  data: { type: Array, required: !1, default: () => [] },
@@ -15,57 +15,71 @@ const P = /* @__PURE__ */ j({
15
15
  virtual: { type: Boolean, required: !1, default: !1 },
16
16
  virtualHeight: { type: [Number, String], required: !1, default: "320px" },
17
17
  virtualOverscan: { type: Number, required: !1, default: 5 },
18
- virtualRowHeight: { type: Number, required: !1, default: 42 }
18
+ virtualRowHeight: { type: Number, required: !1, default: 42 },
19
+ virtualDynamicHeight: { type: Boolean, required: !1, default: !1 }
19
20
  },
20
- setup(x, { expose: W }) {
21
- W();
22
- const t = x, B = r(
23
- () => T({
21
+ setup(k, { expose: I }) {
22
+ I();
23
+ const t = k, W = r(
24
+ () => Q({
24
25
  "nmorph-table": [`${t.design}`]
25
26
  })
26
- ), l = s([...t.data]), i = r(() => t.virtual), g = r(() => t.virtualRowHeight), b = r(() => t.virtualOverscan), d = U(l, {
27
- enabled: i,
28
- itemHeight: g,
29
- overscan: b
30
- }), y = r(
31
- () => i.value ? d.virtualItems.value.map((e) => e.item) : l.value
32
- ), n = s(t.sort), N = (e, o) => {
33
- n.value && (n.value[o] = e, l.value.sort((m, p) => {
34
- const h = String(m[o]).toLowerCase(), a = String(p[o]).toLowerCase();
35
- if (!n.value)
27
+ ), o = n([...t.data]), u = r(() => t.virtual), H = r(() => t.virtualRowHeight), b = r(() => t.virtualOverscan), x = r(() => t.virtualDynamicHeight), a = z(o, {
28
+ enabled: u,
29
+ itemHeight: H,
30
+ overscan: b,
31
+ dynamic: x
32
+ }), R = r(
33
+ () => u.value ? a.virtualItems.value : o.value.map((e, l) => ({ item: e, index: l }))
34
+ ), D = r(() => R.value.map((e) => e.item)), s = n(-1), m = n(0), c = n(t.sort), B = (e, l) => {
35
+ c.value && (c.value[l] = e, o.value.sort((g, y) => {
36
+ const w = String(g[l]).toLowerCase(), i = String(y[l]).toLowerCase();
37
+ if (!c.value)
36
38
  return 0;
37
- const c = n.value[o];
38
- return c === "ascending" ? h.localeCompare(a) : c === "descending" ? a.localeCompare(h) : 0;
39
+ const f = c.value[l];
40
+ return f === "ascending" ? w.localeCompare(i) : f === "descending" ? i.localeCompare(w) : 0;
39
41
  }));
40
- }, f = s(null), u = s([]);
41
- q("table-data", { rows: y, columns: u });
42
- const w = r(() => {
43
- const e = u.value.map((a) => a.width).filter((a) => !!a), o = e.length, m = e.reduce((a, c) => (a += Number(c), a), 0), p = u.value.length - o;
44
- return f.value?.clientWidth ? (f.value?.clientWidth - m) / p : 0;
45
- }), O = (e) => e !== "" ? e : w.value, v = s(0);
46
- I(
42
+ }, h = n(null), d = n([]);
43
+ _("table-data", { rows: D, columns: d });
44
+ const S = r(() => {
45
+ const e = d.value.map((i) => i.width).filter((i) => !!i), l = e.length, g = e.reduce((i, f) => (i += Number(f), i), 0), y = d.value.length - l;
46
+ return h.value?.clientWidth ? (h.value?.clientWidth - g) / y : 0;
47
+ }), N = (e) => e !== "" ? e : S.value, p = n(0);
48
+ P(
47
49
  () => t.data,
48
- () => {
49
- v.value = v.value + 1, l.value = [...t.data], u.value = [];
50
+ async () => {
51
+ p.value = p.value + 1, o.value = [...t.data], d.value = [], await K();
52
+ const e = a.containerRef.value;
53
+ e && (e.scrollTop = Math.min(m.value, Math.max(a.totalHeight.value - e.clientHeight, 0)), a.refresh());
50
54
  },
51
55
  {
52
56
  immediate: !0
53
57
  }
54
58
  );
55
- const R = (e) => typeof e == "object" ? "" : e, C = M();
56
- q("table-identifier", C);
57
- const S = (e) => typeof e == "number" ? `${e}px` : e, H = r(() => S(t.virtualHeight)), $ = r(() => ({
59
+ const O = (e) => typeof e == "object" ? "" : e, C = V();
60
+ _("table-identifier", C);
61
+ const q = (e) => typeof e == "number" ? `${e}px` : e, M = r(() => q(t.virtualHeight)), $ = r(() => ({
58
62
  "--table-virtual-row-height": `${t.virtualRowHeight}px`,
59
- height: i.value ? H.value : void 0,
60
- overflowY: i.value ? "auto" : void 0
61
- })), D = r(() => ({
62
- height: `${d.totalHeight.value}px`
63
+ height: u.value ? M.value : void 0,
64
+ overflowY: u.value ? "auto" : void 0
65
+ })), A = r(() => ({
66
+ height: `${a.totalHeight.value}px`
63
67
  })), L = r(() => ({
64
- transform: `translateY(${d.offsetTop.value}px)`
65
- })), _ = { props: t, modifiers: B, rows: l, virtualEnabled: i, virtualRowHeight: g, virtualOverscan: b, virtualList: d, tableRows: y, sortData: n, onSort: N, nmorphDOMTable: f, columns: u, defaultColWidth: w, getWidth: O, key: v, tableData: R, tableIdentifier: C, getCssSize: S, virtualHeight: H, tableBodyStyle: $, virtualSpacerStyle: D, virtualContentStyle: L, NmorphSortButton: Q };
66
- return Object.defineProperty(_, "__isScriptSetup", { enumerable: !1, value: !0 }), _;
68
+ transform: `translateY(${a.offsetTop.value}px)`
69
+ })), U = (e, l) => {
70
+ a.measureElement(l, e);
71
+ }, j = () => {
72
+ a.scrollHandler(), m.value = a.containerRef.value?.scrollTop || 0;
73
+ }, v = (e) => {
74
+ if (!o.value.length) return;
75
+ const l = s.value < 0 ? 0 : Math.min(Math.max(s.value + e, 0), o.value.length - 1);
76
+ s.value = l, a.scrollToIndex(l);
77
+ }, T = { props: t, modifiers: W, rows: o, virtualEnabled: u, virtualRowHeight: H, virtualOverscan: b, virtualDynamicHeight: x, virtualList: a, renderedRows: R, tableRows: D, activeRowIndex: s, lastScrollTop: m, sortData: c, onSort: B, nmorphDOMTable: h, columns: d, defaultColWidth: S, getWidth: N, key: p, tableData: O, tableIdentifier: C, getCssSize: q, virtualHeight: M, tableBodyStyle: $, virtualSpacerStyle: A, virtualContentStyle: L, setVirtualRowRef: U, scrollHandler: j, moveActiveRow: v, tableKeydownHandler: (e) => {
78
+ u.value && (e.key === "ArrowDown" ? (e.preventDefault(), v(1)) : e.key === "ArrowUp" ? (e.preventDefault(), v(-1)) : e.key === "Home" ? (e.preventDefault(), s.value = 0, a.scrollToIndex(0)) : e.key === "End" ? (e.preventDefault(), s.value = o.value.length - 1, a.scrollToIndex(o.value.length - 1)) : e.key === "PageDown" ? (e.preventDefault(), v(Math.max(Math.floor((a.viewportHeight.value || t.virtualRowHeight) / t.virtualRowHeight), 1))) : e.key === "PageUp" && (e.preventDefault(), v(-Math.max(Math.floor((a.viewportHeight.value || t.virtualRowHeight) / t.virtualRowHeight), 1))));
79
+ }, NmorphSortButton: Y };
80
+ return Object.defineProperty(T, "__isScriptSetup", { enumerable: !1, value: !0 }), T;
67
81
  }
68
82
  });
69
83
  export {
70
- P as default
84
+ te as default
71
85
  };
@@ -1 +1 @@
1
- .nmorph-sort-button{display:flex;align-items:center}.nmorph-sort-button .nmorph-button__content{display:flex;align-items:center;justify-content:center;flex-direction:column}.nmorph-sort-button .nmorph-sort-button__icon-up{margin-bottom:-1px;transform:rotate(180deg)}.nmorph-sort-button .nmorph-sort-button__icon-down{margin-top:-1px}.nmorph-sort-button.nmorph-sort-button--ascending .nmorph-sort-button__icon-up,.nmorph-sort-button.nmorph-sort-button--descending .nmorph-sort-button__icon-down{--color: var(--nmorph-accent-color)}
1
+ .nmorph-sort-button{display:flex;align-items:center}.nmorph-sort-button .nmorph-button__content{display:flex;flex-direction:column;justify-content:center;align-items:center}.nmorph-sort-button .nmorph-sort-button__icon-up{margin-bottom:-1px;transform:rotate(180deg)}.nmorph-sort-button .nmorph-sort-button__icon-down{margin-top:-1px}.nmorph-sort-button.nmorph-sort-button--ascending .nmorph-sort-button__icon-up,.nmorph-sort-button.nmorph-sort-button--descending .nmorph-sort-button__icon-down{--color: var(--nmorph-accent-color)}