@vuetify/nightly 4.0.0-dev-20230426.0 → 4.0.0-dev-20230427.0

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 (370) hide show
  1. package/CHANGELOG.md +10 -2
  2. package/dist/json/attributes.json +218 -194
  3. package/dist/json/importMap.json +12 -12
  4. package/dist/json/tags.json +7 -1
  5. package/dist/json/web-types.json +379 -326
  6. package/dist/vuetify-labs.css +1361 -1362
  7. package/dist/vuetify-labs.d.ts +5791 -8230
  8. package/dist/vuetify-labs.esm.js +1286 -1090
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +1285 -1089
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +29 -30
  13. package/dist/vuetify.d.ts +5991 -7516
  14. package/dist/vuetify.esm.js +1248 -1063
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +1247 -1062
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +743 -738
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/blueprints/index.d.ts +1 -1
  22. package/lib/blueprints/md1.d.ts +1 -1
  23. package/lib/blueprints/md2.d.ts +1 -1
  24. package/lib/blueprints/md3.d.ts +1 -1
  25. package/lib/components/VAlert/VAlert.mjs +6 -4
  26. package/lib/components/VAlert/VAlert.mjs.map +1 -1
  27. package/lib/components/VAlert/index.d.ts +57 -55
  28. package/lib/components/VApp/VApp.mjs +4 -2
  29. package/lib/components/VApp/VApp.mjs.map +1 -1
  30. package/lib/components/VApp/index.d.ts +22 -13
  31. package/lib/components/VAppBar/VAppBar.mjs +3 -3
  32. package/lib/components/VAppBar/VAppBar.mjs.map +1 -1
  33. package/lib/components/VAppBar/VAppBarNavIcon.mjs +7 -4
  34. package/lib/components/VAppBar/VAppBarNavIcon.mjs.map +1 -1
  35. package/lib/components/VAppBar/index.d.ts +87 -92
  36. package/lib/components/VAutocomplete/VAutocomplete.mjs +2 -1
  37. package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
  38. package/lib/components/VAutocomplete/index.d.ts +225 -403
  39. package/lib/components/VAvatar/VAvatar.mjs +4 -2
  40. package/lib/components/VAvatar/VAvatar.mjs.map +1 -1
  41. package/lib/components/VAvatar/index.d.ts +23 -14
  42. package/lib/components/VBadge/VBadge.mjs +6 -5
  43. package/lib/components/VBadge/VBadge.mjs.map +1 -1
  44. package/lib/components/VBadge/index.d.ts +27 -22
  45. package/lib/components/VBanner/VBanner.mjs +6 -4
  46. package/lib/components/VBanner/VBanner.mjs.map +1 -1
  47. package/lib/components/VBanner/VBannerActions.mjs +5 -2
  48. package/lib/components/VBanner/VBannerActions.mjs.map +1 -1
  49. package/lib/components/VBanner/index.d.ts +92 -66
  50. package/lib/components/VBottomNavigation/VBottomNavigation.mjs +4 -2
  51. package/lib/components/VBottomNavigation/VBottomNavigation.mjs.map +1 -1
  52. package/lib/components/VBottomNavigation/index.d.ts +22 -13
  53. package/lib/components/VBreadcrumbs/VBreadcrumbs.mjs +35 -18
  54. package/lib/components/VBreadcrumbs/VBreadcrumbs.mjs.map +1 -1
  55. package/lib/components/VBreadcrumbs/VBreadcrumbsDivider.mjs +6 -3
  56. package/lib/components/VBreadcrumbs/VBreadcrumbsDivider.mjs.map +1 -1
  57. package/lib/components/VBreadcrumbs/VBreadcrumbsItem.mjs +4 -2
  58. package/lib/components/VBreadcrumbs/VBreadcrumbsItem.mjs.map +1 -1
  59. package/lib/components/VBreadcrumbs/index.d.ts +134 -93
  60. package/lib/components/VBtn/VBtn.mjs +5 -3
  61. package/lib/components/VBtn/VBtn.mjs.map +1 -1
  62. package/lib/components/VBtn/index.d.ts +33 -36
  63. package/lib/components/VBtnGroup/VBtnGroup.mjs +4 -1
  64. package/lib/components/VBtnGroup/VBtnGroup.mjs.map +1 -1
  65. package/lib/components/VBtnGroup/index.d.ts +22 -13
  66. package/lib/components/VBtnToggle/VBtnToggle.mjs +4 -2
  67. package/lib/components/VBtnToggle/VBtnToggle.mjs.map +1 -1
  68. package/lib/components/VBtnToggle/index.d.ts +30 -21
  69. package/lib/components/VCard/VCard.mjs +5 -3
  70. package/lib/components/VCard/VCard.mjs.map +1 -1
  71. package/lib/components/VCard/VCardActions.mjs +7 -4
  72. package/lib/components/VCard/VCardActions.mjs.map +1 -1
  73. package/lib/components/VCard/VCardItem.mjs +5 -2
  74. package/lib/components/VCard/VCardItem.mjs.map +1 -1
  75. package/lib/components/VCard/index.d.ts +250 -141
  76. package/lib/components/VCarousel/VCarousel.mjs +3 -3
  77. package/lib/components/VCarousel/VCarousel.mjs.map +1 -1
  78. package/lib/components/VCarousel/VCarouselItem.mjs +6 -3
  79. package/lib/components/VCarousel/VCarouselItem.mjs.map +1 -1
  80. package/lib/components/VCarousel/index.d.ts +78 -141
  81. package/lib/components/VCheckbox/VCheckbox.mjs +3 -2
  82. package/lib/components/VCheckbox/VCheckbox.mjs.map +1 -1
  83. package/lib/components/VCheckbox/VCheckboxBtn.mjs +2 -1
  84. package/lib/components/VCheckbox/VCheckboxBtn.mjs.map +1 -1
  85. package/lib/components/VCheckbox/index.d.ts +69 -103
  86. package/lib/components/VChip/VChip.mjs +7 -8
  87. package/lib/components/VChip/VChip.mjs.map +1 -1
  88. package/lib/components/VChip/index.d.ts +27 -30
  89. package/lib/components/VChipGroup/VChipGroup.mjs +4 -1
  90. package/lib/components/VChipGroup/VChipGroup.mjs.map +1 -1
  91. package/lib/components/VChipGroup/index.d.ts +22 -13
  92. package/lib/components/VCode/index.d.ts +30 -17
  93. package/lib/components/VColorPicker/VColorPicker.mjs +3 -3
  94. package/lib/components/VColorPicker/VColorPicker.mjs.map +1 -1
  95. package/lib/components/VColorPicker/VColorPickerCanvas.mjs +5 -2
  96. package/lib/components/VColorPicker/VColorPickerCanvas.mjs.map +1 -1
  97. package/lib/components/VColorPicker/VColorPickerEdit.mjs +6 -3
  98. package/lib/components/VColorPicker/VColorPickerEdit.mjs.map +1 -1
  99. package/lib/components/VColorPicker/VColorPickerPreview.mjs +6 -3
  100. package/lib/components/VColorPicker/VColorPickerPreview.mjs.map +1 -1
  101. package/lib/components/VColorPicker/VColorPickerSwatches.mjs +7 -5
  102. package/lib/components/VColorPicker/VColorPickerSwatches.mjs.map +1 -1
  103. package/lib/components/VColorPicker/index.d.ts +34 -1
  104. package/lib/components/VCombobox/VCombobox.mjs +2 -1
  105. package/lib/components/VCombobox/VCombobox.mjs.map +1 -1
  106. package/lib/components/VCombobox/index.d.ts +225 -403
  107. package/lib/components/VCounter/VCounter.mjs +4 -1
  108. package/lib/components/VCounter/VCounter.mjs.map +1 -1
  109. package/lib/components/VCounter/index.d.ts +22 -145
  110. package/lib/components/VDefaultsProvider/index.d.ts +0 -12
  111. package/lib/components/VDialog/VDialog.mjs +4 -3
  112. package/lib/components/VDialog/VDialog.mjs.map +1 -1
  113. package/lib/components/VDialog/index.d.ts +104 -282
  114. package/lib/components/VDivider/VDivider.mjs +4 -2
  115. package/lib/components/VDivider/VDivider.mjs.map +1 -1
  116. package/lib/components/VDivider/index.d.ts +22 -13
  117. package/lib/components/VExpansionPanel/VExpansionPanel.mjs +4 -2
  118. package/lib/components/VExpansionPanel/VExpansionPanel.mjs.map +1 -1
  119. package/lib/components/VExpansionPanel/VExpansionPanelText.mjs +4 -1
  120. package/lib/components/VExpansionPanel/VExpansionPanelText.mjs.map +1 -1
  121. package/lib/components/VExpansionPanel/VExpansionPanelTitle.mjs +4 -2
  122. package/lib/components/VExpansionPanel/VExpansionPanelTitle.mjs.map +1 -1
  123. package/lib/components/VExpansionPanel/VExpansionPanels.mjs +4 -1
  124. package/lib/components/VExpansionPanel/VExpansionPanels.mjs.map +1 -1
  125. package/lib/components/VExpansionPanel/index.d.ts +109 -81
  126. package/lib/components/VField/VField.css +0 -1
  127. package/lib/components/VField/VField.mjs +9 -6
  128. package/lib/components/VField/VField.mjs.map +1 -1
  129. package/lib/components/VField/VField.sass +0 -1
  130. package/lib/components/VField/VFieldLabel.mjs +6 -3
  131. package/lib/components/VField/VFieldLabel.mjs.map +1 -1
  132. package/lib/components/VField/index.d.ts +119 -70
  133. package/lib/components/VFileInput/VFileInput.mjs +2 -1
  134. package/lib/components/VFileInput/VFileInput.mjs.map +1 -1
  135. package/lib/components/VFileInput/index.d.ts +99 -150
  136. package/lib/components/VFooter/VFooter.mjs +4 -2
  137. package/lib/components/VFooter/VFooter.mjs.map +1 -1
  138. package/lib/components/VFooter/index.d.ts +22 -13
  139. package/lib/components/VForm/VForm.mjs +5 -2
  140. package/lib/components/VForm/VForm.mjs.map +1 -1
  141. package/lib/components/VForm/index.d.ts +30 -17
  142. package/lib/components/VGrid/VCol.mjs +4 -1
  143. package/lib/components/VGrid/VCol.mjs.map +1 -1
  144. package/lib/components/VGrid/VContainer.mjs +4 -1
  145. package/lib/components/VGrid/VContainer.mjs.map +1 -1
  146. package/lib/components/VGrid/VRow.mjs +4 -1
  147. package/lib/components/VGrid/VRow.mjs.map +1 -1
  148. package/lib/components/VGrid/index.d.ts +104 -60
  149. package/lib/components/VHover/index.d.ts +20 -44
  150. package/lib/components/VIcon/VIcon.mjs +4 -2
  151. package/lib/components/VIcon/VIcon.mjs.map +1 -1
  152. package/lib/components/VIcon/index.d.ts +23 -26
  153. package/lib/components/VImg/VImg.mjs +5 -3
  154. package/lib/components/VImg/VImg.mjs.map +1 -1
  155. package/lib/components/VImg/index.d.ts +26 -29
  156. package/lib/components/VInput/VInput.mjs +4 -1
  157. package/lib/components/VInput/VInput.mjs.map +1 -1
  158. package/lib/components/VInput/index.d.ts +31 -34
  159. package/lib/components/VItemGroup/VItemGroup.mjs +4 -1
  160. package/lib/components/VItemGroup/VItemGroup.mjs.map +1 -1
  161. package/lib/components/VItemGroup/index.d.ts +30 -33
  162. package/lib/components/VKbd/index.d.ts +30 -17
  163. package/lib/components/VLabel/VLabel.mjs +4 -1
  164. package/lib/components/VLabel/VLabel.mjs.map +1 -1
  165. package/lib/components/VLabel/index.d.ts +22 -13
  166. package/lib/components/VLayout/VLayout.mjs +8 -4
  167. package/lib/components/VLayout/VLayout.mjs.map +1 -1
  168. package/lib/components/VLayout/VLayoutItem.mjs +4 -2
  169. package/lib/components/VLayout/VLayoutItem.mjs.map +1 -1
  170. package/lib/components/VLayout/index.d.ts +44 -26
  171. package/lib/components/VLazy/VLazy.mjs +4 -2
  172. package/lib/components/VLazy/VLazy.mjs.map +1 -1
  173. package/lib/components/VLazy/index.d.ts +22 -13
  174. package/lib/components/VList/VList.mjs +7 -24
  175. package/lib/components/VList/VList.mjs.map +1 -1
  176. package/lib/components/VList/VListChildren.mjs.map +1 -1
  177. package/lib/components/VList/VListGroup.mjs +5 -2
  178. package/lib/components/VList/VListGroup.mjs.map +1 -1
  179. package/lib/components/VList/VListItem.mjs +4 -2
  180. package/lib/components/VList/VListItem.mjs.map +1 -1
  181. package/lib/components/VList/VListItemAction.mjs +4 -1
  182. package/lib/components/VList/VListItemAction.mjs.map +1 -1
  183. package/lib/components/VList/VListItemMedia.mjs +4 -1
  184. package/lib/components/VList/VListItemMedia.mjs.map +1 -1
  185. package/lib/components/VList/VListSubheader.mjs +5 -3
  186. package/lib/components/VList/VListSubheader.mjs.map +1 -1
  187. package/lib/components/VList/index.d.ts +932 -826
  188. package/lib/components/VLocaleProvider/VLocaleProvider.mjs +5 -2
  189. package/lib/components/VLocaleProvider/VLocaleProvider.mjs.map +1 -1
  190. package/lib/components/VLocaleProvider/index.d.ts +30 -17
  191. package/lib/components/VMain/VMain.mjs +4 -2
  192. package/lib/components/VMain/VMain.mjs.map +1 -1
  193. package/lib/components/VMain/index.d.ts +30 -17
  194. package/lib/components/VMenu/VMenu.mjs +2 -1
  195. package/lib/components/VMenu/VMenu.mjs.map +1 -1
  196. package/lib/components/VMenu/index.d.ts +104 -282
  197. package/lib/components/VMessages/VMessages.mjs +4 -2
  198. package/lib/components/VMessages/VMessages.mjs.map +1 -1
  199. package/lib/components/VMessages/index.d.ts +22 -145
  200. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs +4 -2
  201. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs.map +1 -1
  202. package/lib/components/VNavigationDrawer/index.d.ts +26 -29
  203. package/lib/components/VNoSsr/VNoSsr.mjs.map +1 -1
  204. package/lib/components/VNoSsr/index.d.ts +3 -13
  205. package/lib/components/VOverlay/VOverlay.mjs +5 -3
  206. package/lib/components/VOverlay/VOverlay.mjs.map +1 -1
  207. package/lib/components/VOverlay/index.d.ts +38 -45
  208. package/lib/components/VPagination/VPagination.mjs +4 -1
  209. package/lib/components/VPagination/VPagination.mjs.map +1 -1
  210. package/lib/components/VPagination/index.d.ts +23 -30
  211. package/lib/components/VParallax/VParallax.mjs +5 -2
  212. package/lib/components/VParallax/VParallax.mjs.map +1 -1
  213. package/lib/components/VParallax/index.d.ts +34 -33
  214. package/lib/components/VProgressCircular/VProgressCircular.mjs +4 -2
  215. package/lib/components/VProgressCircular/VProgressCircular.mjs.map +1 -1
  216. package/lib/components/VProgressCircular/index.d.ts +22 -13
  217. package/lib/components/VProgressLinear/VProgressLinear.mjs +6 -4
  218. package/lib/components/VProgressLinear/VProgressLinear.mjs.map +1 -1
  219. package/lib/components/VProgressLinear/index.d.ts +42 -45
  220. package/lib/components/VRadio/VRadio.mjs +2 -1
  221. package/lib/components/VRadio/VRadio.mjs.map +1 -1
  222. package/lib/components/VRadio/index.d.ts +27 -38
  223. package/lib/components/VRadioGroup/VRadioGroup.mjs +2 -1
  224. package/lib/components/VRadioGroup/VRadioGroup.mjs.map +1 -1
  225. package/lib/components/VRadioGroup/index.d.ts +39 -62
  226. package/lib/components/VRangeSlider/VRangeSlider.mjs +2 -1
  227. package/lib/components/VRangeSlider/VRangeSlider.mjs.map +1 -1
  228. package/lib/components/VRangeSlider/index.d.ts +27 -38
  229. package/lib/components/VRating/VRating.mjs +4 -1
  230. package/lib/components/VRating/VRating.mjs.map +1 -1
  231. package/lib/components/VRating/index.d.ts +23 -18
  232. package/lib/components/VResponsive/VResponsive.mjs +4 -2
  233. package/lib/components/VResponsive/VResponsive.mjs.map +1 -1
  234. package/lib/components/VResponsive/index.d.ts +43 -31
  235. package/lib/components/VSelect/VSelect.mjs +2 -1
  236. package/lib/components/VSelect/VSelect.mjs.map +1 -1
  237. package/lib/components/VSelect/index.d.ts +194 -552
  238. package/lib/components/VSelectionControl/VSelectionControl.mjs +6 -2
  239. package/lib/components/VSelectionControl/VSelectionControl.mjs.map +1 -1
  240. package/lib/components/VSelectionControl/index.d.ts +76 -46
  241. package/lib/components/VSelectionControlGroup/VSelectionControlGroup.mjs +4 -1
  242. package/lib/components/VSelectionControlGroup/VSelectionControlGroup.mjs.map +1 -1
  243. package/lib/components/VSelectionControlGroup/index.d.ts +23 -14
  244. package/lib/components/VSheet/VSheet.mjs +4 -2
  245. package/lib/components/VSheet/VSheet.mjs.map +1 -1
  246. package/lib/components/VSheet/index.d.ts +22 -13
  247. package/lib/components/VSlideGroup/VSlideGroup.mjs +6 -3
  248. package/lib/components/VSlideGroup/VSlideGroup.mjs.map +1 -1
  249. package/lib/components/VSlideGroup/index.d.ts +59 -90
  250. package/lib/components/VSlider/VSlider.mjs +2 -1
  251. package/lib/components/VSlider/VSlider.mjs.map +1 -1
  252. package/lib/components/VSlider/VSliderThumb.mjs +6 -4
  253. package/lib/components/VSlider/VSliderThumb.mjs.map +1 -1
  254. package/lib/components/VSlider/VSliderTrack.mjs +6 -4
  255. package/lib/components/VSlider/VSliderTrack.mjs.map +1 -1
  256. package/lib/components/VSlider/index.d.ts +27 -38
  257. package/lib/components/VSnackbar/VSnackbar.mjs +2 -1
  258. package/lib/components/VSnackbar/VSnackbar.mjs.map +1 -1
  259. package/lib/components/VSnackbar/index.d.ts +92 -142
  260. package/lib/components/VSwitch/VSwitch.mjs +2 -1
  261. package/lib/components/VSwitch/VSwitch.mjs.map +1 -1
  262. package/lib/components/VSwitch/index.d.ts +39 -66
  263. package/lib/components/VSystemBar/VSystemBar.mjs +4 -2
  264. package/lib/components/VSystemBar/VSystemBar.mjs.map +1 -1
  265. package/lib/components/VSystemBar/index.d.ts +22 -13
  266. package/lib/components/VTable/VTable.mjs +4 -1
  267. package/lib/components/VTable/VTable.mjs.map +1 -1
  268. package/lib/components/VTable/index.d.ts +26 -29
  269. package/lib/components/VTabs/VTab.mjs +2 -2
  270. package/lib/components/VTabs/VTab.mjs.map +1 -1
  271. package/lib/components/VTabs/VTabs.mjs +2 -2
  272. package/lib/components/VTabs/VTabs.mjs.map +1 -1
  273. package/lib/components/VTabs/index.d.ts +45 -27
  274. package/lib/components/VTextField/VTextField.mjs +2 -1
  275. package/lib/components/VTextField/VTextField.mjs.map +1 -1
  276. package/lib/components/VTextField/index.d.ts +208 -269
  277. package/lib/components/VTextarea/VTextarea.mjs +2 -1
  278. package/lib/components/VTextarea/VTextarea.mjs.map +1 -1
  279. package/lib/components/VTextarea/index.d.ts +79 -122
  280. package/lib/components/VThemeProvider/VThemeProvider.mjs +6 -3
  281. package/lib/components/VThemeProvider/VThemeProvider.mjs.map +1 -1
  282. package/lib/components/VThemeProvider/index.d.ts +22 -13
  283. package/lib/components/VTimeline/VTimeline.mjs +5 -3
  284. package/lib/components/VTimeline/VTimeline.mjs.map +1 -1
  285. package/lib/components/VTimeline/VTimelineDivider.mjs +4 -1
  286. package/lib/components/VTimeline/VTimelineDivider.mjs.map +1 -1
  287. package/lib/components/VTimeline/VTimelineItem.mjs +8 -6
  288. package/lib/components/VTimeline/VTimelineItem.mjs.map +1 -1
  289. package/lib/components/VTimeline/index.d.ts +67 -57
  290. package/lib/components/VToolbar/VToolbar.mjs +4 -2
  291. package/lib/components/VToolbar/VToolbar.mjs.map +1 -1
  292. package/lib/components/VToolbar/VToolbarItems.mjs +9 -4
  293. package/lib/components/VToolbar/VToolbarItems.mjs.map +1 -1
  294. package/lib/components/VToolbar/VToolbarTitle.mjs +5 -2
  295. package/lib/components/VToolbar/VToolbarTitle.mjs.map +1 -1
  296. package/lib/components/VToolbar/index.d.ts +74 -71
  297. package/lib/components/VTooltip/VTooltip.mjs +2 -1
  298. package/lib/components/VTooltip/VTooltip.mjs.map +1 -1
  299. package/lib/components/VTooltip/index.d.ts +104 -150
  300. package/lib/components/VValidation/index.d.ts +0 -12
  301. package/lib/components/VVirtualScroll/VVirtualScroll.mjs +21 -23
  302. package/lib/components/VVirtualScroll/VVirtualScroll.mjs.map +1 -1
  303. package/lib/components/VVirtualScroll/VVirtualScrollItem.mjs +5 -2
  304. package/lib/components/VVirtualScroll/VVirtualScrollItem.mjs.map +1 -1
  305. package/lib/components/VVirtualScroll/index.d.ts +70 -30
  306. package/lib/components/VWindow/VWindow.mjs +4 -1
  307. package/lib/components/VWindow/VWindow.mjs.map +1 -1
  308. package/lib/components/VWindow/VWindowItem.mjs +4 -1
  309. package/lib/components/VWindow/VWindowItem.mjs.map +1 -1
  310. package/lib/components/VWindow/index.d.ts +61 -79
  311. package/lib/components/index.d.ts +5229 -6754
  312. package/lib/components/transitions/index.d.ts +0 -192
  313. package/lib/composables/component.mjs +11 -0
  314. package/lib/composables/component.mjs.map +1 -0
  315. package/lib/composables/defaults.mjs +51 -5
  316. package/lib/composables/defaults.mjs.map +1 -1
  317. package/lib/composables/icons.mjs +15 -4
  318. package/lib/composables/icons.mjs.map +1 -1
  319. package/lib/composables/index.mjs +1 -1
  320. package/lib/composables/index.mjs.map +1 -1
  321. package/lib/composables/loader.mjs.map +1 -1
  322. package/lib/entry-bundler.mjs +1 -1
  323. package/lib/framework.mjs +2 -2
  324. package/lib/framework.mjs.map +1 -1
  325. package/lib/iconsets/fa-svg.d.ts +1 -1
  326. package/lib/iconsets/fa.d.ts +1 -1
  327. package/lib/iconsets/fa4.d.ts +1 -1
  328. package/lib/iconsets/md.d.ts +1 -1
  329. package/lib/iconsets/mdi-svg.d.ts +1 -1
  330. package/lib/iconsets/mdi.d.ts +1 -1
  331. package/lib/index.d.ts +11 -11
  332. package/lib/labs/VDataTable/VDataTable.mjs +1 -1
  333. package/lib/labs/VDataTable/VDataTable.mjs.map +1 -1
  334. package/lib/labs/VDataTable/VDataTableHeaders.mjs +34 -20
  335. package/lib/labs/VDataTable/VDataTableHeaders.mjs.map +1 -1
  336. package/lib/labs/VDataTable/VDataTableRow.mjs +2 -4
  337. package/lib/labs/VDataTable/VDataTableRow.mjs.map +1 -1
  338. package/lib/labs/VDataTable/VDataTableRows.mjs +2 -2
  339. package/lib/labs/VDataTable/VDataTableRows.mjs.map +1 -1
  340. package/lib/labs/VDataTable/VDataTableServer.mjs +1 -1
  341. package/lib/labs/VDataTable/VDataTableServer.mjs.map +1 -1
  342. package/lib/labs/VDataTable/index.d.ts +61 -933
  343. package/lib/labs/VInfiniteScroll/index.d.ts +8 -36
  344. package/lib/labs/VSkeletonLoader/index.d.ts +0 -12
  345. package/lib/labs/components.d.ts +115 -1027
  346. package/lib/labs/date/DateAdapter.mjs +2 -0
  347. package/lib/labs/date/DateAdapter.mjs.map +1 -0
  348. package/lib/labs/date/adapters/vuetify.d.ts +52 -0
  349. package/lib/{adapters → labs/date/adapters}/vuetify.mjs +2 -2
  350. package/lib/labs/date/adapters/vuetify.mjs.map +1 -0
  351. package/lib/{composables → labs/date}/date.mjs +3 -3
  352. package/lib/labs/date/date.mjs.map +1 -0
  353. package/lib/labs/date/index.d.ts +40 -0
  354. package/lib/labs/date/index.mjs +2 -0
  355. package/lib/labs/date/index.mjs.map +1 -0
  356. package/lib/labs/index.mjs +3 -2
  357. package/lib/labs/index.mjs.map +1 -1
  358. package/lib/util/createSimpleFunctional.mjs +9 -4
  359. package/lib/util/createSimpleFunctional.mjs.map +1 -1
  360. package/lib/util/defineComponent.mjs +11 -43
  361. package/lib/util/defineComponent.mjs.map +1 -1
  362. package/lib/util/helpers.mjs +28 -2
  363. package/lib/util/helpers.mjs.map +1 -1
  364. package/lib/util/index.mjs +1 -0
  365. package/lib/util/index.mjs.map +1 -1
  366. package/package.json +2 -1
  367. package/lib/adapters/date-adapter.mjs +0 -2
  368. package/lib/adapters/date-adapter.mjs.map +0 -1
  369. package/lib/adapters/vuetify.mjs.map +0 -1
  370. package/lib/composables/date.mjs.map +0 -1
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v4.0.0-dev-20230426.0
2
+ * Vuetify v4.0.0-dev-20230427.0
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -15954,6 +15954,194 @@ html.overflow-y-hidden {
15954
15954
  font-weight: normal;
15955
15955
  padding: 0.2em 0.4rem;
15956
15956
  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
15957
+ }.v-data-table {
15958
+ width: 100%;
15959
+ }
15960
+
15961
+ .v-data-table__table {
15962
+ width: 100%;
15963
+ border-collapse: separate;
15964
+ border-spacing: 0;
15965
+ }
15966
+
15967
+ .v-data-table__tr--focus {
15968
+ border: 1px dotted black;
15969
+ }
15970
+ .v-data-table__tr--clickable {
15971
+ cursor: pointer;
15972
+ }
15973
+
15974
+ .v-data-table .v-table__wrapper > table > thead > tr > td,
15975
+ .v-data-table .v-table__wrapper > table > thead > tr th,
15976
+ .v-data-table .v-table__wrapper > table tbody > tr > td,
15977
+ .v-data-table .v-table__wrapper > table tbody > tr th {
15978
+ background: rgb(var(--v-theme-surface));
15979
+ }
15980
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
15981
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
15982
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
15983
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
15984
+ text-align: end;
15985
+ }
15986
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
15987
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
15988
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
15989
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
15990
+ flex-direction: row-reverse;
15991
+ }
15992
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
15993
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
15994
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
15995
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
15996
+ text-align: center;
15997
+ }
15998
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
15999
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
16000
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
16001
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
16002
+ justify-content: center;
16003
+ }
16004
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
16005
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
16006
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
16007
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
16008
+ padding: 0 8px;
16009
+ }
16010
+ .v-data-table .v-table__wrapper > table > thead > tr > th,
16011
+ .v-data-table .v-table__wrapper > table tbody > tr > th {
16012
+ align-items: center;
16013
+ }
16014
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
16015
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
16016
+ cursor: pointer;
16017
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
16018
+ }
16019
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
16020
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
16021
+ opacity: 0;
16022
+ }
16023
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
16024
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
16025
+ opacity: 0.5;
16026
+ }
16027
+
16028
+ .v-data-table-column--fixed {
16029
+ position: sticky;
16030
+ z-index: 2;
16031
+ left: 0;
16032
+ }
16033
+
16034
+ .v-data-table-column--last-fixed {
16035
+ border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
16036
+ }
16037
+
16038
+ .v-data-table-group-header-row td {
16039
+ background: lightgrey;
16040
+ }
16041
+ .v-data-table-group-header-row td > span {
16042
+ padding-left: 5px;
16043
+ }
16044
+
16045
+ .v-data-table--loading .v-data-table__td {
16046
+ opacity: 0.3;
16047
+ }
16048
+
16049
+ .v-data-table__progress th {
16050
+ position: relative;
16051
+ border: none !important;
16052
+ height: auto !important;
16053
+ }
16054
+
16055
+ .v-data-table-group-header-row__column {
16056
+ padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
16057
+ }
16058
+
16059
+ .v-data-table-header__content {
16060
+ display: flex;
16061
+ align-items: center;
16062
+ }
16063
+
16064
+ .v-data-table-header__sort-badge {
16065
+ display: inline-flex;
16066
+ justify-content: center;
16067
+ align-items: center;
16068
+ font-size: 0.875rem;
16069
+ padding: 4px;
16070
+ border-radius: 50%;
16071
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
16072
+ min-width: 20px;
16073
+ min-height: 20px;
16074
+ width: 20px;
16075
+ height: 20px;
16076
+ }
16077
+
16078
+ .v-data-table-headers__loader {
16079
+ bottom: auto;
16080
+ top: 0;
16081
+ left: 0;
16082
+ position: absolute;
16083
+ right: 0;
16084
+ width: 100%;
16085
+ z-index: 1;
16086
+ }
16087
+
16088
+ .v-data-table-rows-no-data {
16089
+ text-align: center;
16090
+ }.v-data-table-footer {
16091
+ display: flex;
16092
+ align-items: center;
16093
+ flex-wrap: wrap;
16094
+ padding: 0 8px;
16095
+ justify-content: flex-end;
16096
+ }
16097
+
16098
+ .v-data-table-footer__items-per-page {
16099
+ padding-inline-end: 24px;
16100
+ display: flex;
16101
+ align-items: center;
16102
+ justify-content: space-between;
16103
+ }
16104
+ .v-data-table-footer__items-per-page > span {
16105
+ padding-inline-end: 24px;
16106
+ }
16107
+
16108
+ .v-data-table-footer__info {
16109
+ display: flex;
16110
+ padding-inline-end: 24px;
16111
+ }
16112
+
16113
+ .v-data-table-footer__pagination {
16114
+ display: flex;
16115
+ align-items: center;
16116
+ }
16117
+
16118
+ .v-data-table-footer__page {
16119
+ padding: 0 8px;
16120
+ }.v-infinite-scroll--horizontal {
16121
+ display: flex;
16122
+ flex-direction: row;
16123
+ overflow-x: auto;
16124
+ }
16125
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
16126
+ height: 100%;
16127
+ width: 1px;
16128
+ }
16129
+
16130
+ .v-infinite-scroll--vertical {
16131
+ display: flex;
16132
+ flex-direction: column;
16133
+ overflow-y: auto;
16134
+ }
16135
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
16136
+ height: 1px;
16137
+ width: 100%;
16138
+ }
16139
+
16140
+ .v-infinite-scroll__side {
16141
+ align-items: center;
16142
+ display: flex;
16143
+ justify-content: center;
16144
+ padding: 8px;
15957
16145
  }.v-skeleton-loader {
15958
16146
  align-items: center;
15959
16147
  background: rgb(var(--v-theme-surface));
@@ -16174,293 +16362,244 @@ html.overflow-y-hidden {
16174
16362
  100% {
16175
16363
  transform: translateX(100%);
16176
16364
  }
16177
- }.v-data-table {
16178
- width: 100%;
16179
- }
16180
-
16181
- .v-data-table__table {
16182
- width: 100%;
16183
- border-collapse: separate;
16184
- border-spacing: 0;
16365
+ }.v-application {
16366
+ display: flex;
16367
+ background: rgb(var(--v-theme-background));
16368
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
16185
16369
  }
16186
16370
 
16187
- .v-data-table__tr--focus {
16188
- border: 1px dotted black;
16189
- }
16190
- .v-data-table__tr--clickable {
16191
- cursor: pointer;
16371
+ .v-application__wrap {
16372
+ -webkit-backface-visibility: hidden;
16373
+ backface-visibility: hidden;
16374
+ display: flex;
16375
+ flex-direction: column;
16376
+ flex: 1 1 auto;
16377
+ max-width: 100%;
16378
+ min-height: 100vh;
16379
+ min-height: 100dvh;
16380
+ position: relative;
16381
+ }.v-app-bar {
16382
+ display: flex;
16192
16383
  }
16193
-
16194
- .v-data-table .v-table__wrapper > table > thead > tr > td,
16195
- .v-data-table .v-table__wrapper > table > thead > tr th,
16196
- .v-data-table .v-table__wrapper > table tbody > tr > td,
16197
- .v-data-table .v-table__wrapper > table tbody > tr th {
16384
+ .v-app-bar.v-toolbar {
16198
16385
  background: rgb(var(--v-theme-surface));
16386
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
16199
16387
  }
16200
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
16201
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
16202
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
16203
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
16204
- text-align: end;
16388
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
16389
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16205
16390
  }
16206
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
16207
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
16208
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
16209
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
16210
- flex-direction: row-reverse;
16391
+ .v-app-bar:not(.v-toolbar--absolute) {
16392
+ padding-inline-end: var(--v-scrollbar-offset);
16393
+ }.v-alert {
16394
+ display: grid;
16395
+ flex: 1 1;
16396
+ grid-template-areas: "prepend content append close" ". content . .";
16397
+ grid-template-columns: max-content auto max-content max-content;
16398
+ position: relative;
16399
+ padding: 16px;
16400
+ overflow: hidden;
16401
+ --v-border-color: currentColor;
16402
+ border-radius: 4px;
16211
16403
  }
16212
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
16213
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
16214
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
16215
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
16216
- text-align: center;
16404
+ .v-alert--absolute {
16405
+ position: absolute;
16217
16406
  }
16218
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
16219
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
16220
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
16221
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
16222
- justify-content: center;
16407
+ .v-alert--fixed {
16408
+ position: fixed;
16223
16409
  }
16224
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
16225
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
16226
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
16227
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
16228
- padding: 0 8px;
16410
+ .v-alert--sticky {
16411
+ position: sticky;
16229
16412
  }
16230
- .v-data-table .v-table__wrapper > table > thead > tr > th,
16231
- .v-data-table .v-table__wrapper > table tbody > tr > th {
16232
- align-items: center;
16413
+ .v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-tonal {
16414
+ background: transparent;
16415
+ color: inherit;
16233
16416
  }
16234
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
16235
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
16236
- cursor: pointer;
16417
+ .v-alert--variant-plain {
16418
+ opacity: 0.62;
16419
+ }
16420
+ .v-alert--variant-plain:focus, .v-alert--variant-plain:hover {
16421
+ opacity: 1;
16422
+ }
16423
+ .v-alert--variant-plain .v-alert__overlay {
16424
+ display: none;
16425
+ }
16426
+ .v-alert--variant-elevated, .v-alert--variant-flat {
16427
+ background: rgb(var(--v-theme-on-surface-variant));
16237
16428
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
16238
16429
  }
16239
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
16240
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
16241
- opacity: 0;
16430
+ .v-alert--variant-elevated {
16431
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16242
16432
  }
16243
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
16244
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
16245
- opacity: 0.5;
16433
+ .v-alert--variant-flat {
16434
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16246
16435
  }
16247
-
16248
- .v-data-table-column--fixed {
16249
- position: sticky;
16250
- z-index: 2;
16436
+ .v-alert--variant-outlined {
16437
+ border: thin solid currentColor;
16438
+ }
16439
+ .v-alert--variant-text .v-alert__overlay {
16440
+ background: currentColor;
16441
+ }
16442
+ .v-alert--variant-tonal .v-alert__underlay {
16443
+ background: currentColor;
16444
+ opacity: var(--v-activated-opacity);
16445
+ border-radius: inherit;
16446
+ position: absolute;
16447
+ top: 0;
16448
+ right: 0;
16449
+ bottom: 0;
16251
16450
  left: 0;
16451
+ pointer-events: none;
16252
16452
  }
16253
-
16254
- .v-data-table-column--last-fixed {
16255
- border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
16453
+ .v-alert--prominent {
16454
+ grid-template-areas: "prepend content append close" "prepend content . .";
16256
16455
  }
16257
-
16258
- .v-data-table-group-header-row td {
16259
- background: lightgrey;
16456
+ .v-alert.v-alert--border {
16457
+ --v-border-opacity: 0.38;
16260
16458
  }
16261
- .v-data-table-group-header-row td > span {
16262
- padding-left: 5px;
16459
+ .v-alert.v-alert--border.v-alert--border-start {
16460
+ padding-inline-start: 24px;
16263
16461
  }
16264
-
16265
- .v-data-table--loading .v-data-table__td {
16266
- opacity: 0.3;
16462
+ .v-alert.v-alert--border.v-alert--border-end {
16463
+ padding-inline-end: 24px;
16267
16464
  }
16268
-
16269
- .v-data-table__progress th {
16270
- position: relative;
16271
- border: none !important;
16272
- height: auto !important;
16465
+ .v-alert--variant-plain {
16466
+ transition: 0.2s opacity cubic-bezier(0.4, 0, 0.2, 1);
16273
16467
  }
16274
-
16275
- .v-data-table-group-header-row__column {
16276
- padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
16468
+ .v-alert--density-default {
16469
+ padding-bottom: 16px;
16470
+ padding-top: 16px;
16471
+ }
16472
+ .v-alert--density-default.v-alert--border-top {
16473
+ padding-top: 24px;
16474
+ }
16475
+ .v-alert--density-default.v-alert--border-bottom {
16476
+ padding-bottom: 24px;
16277
16477
  }
16278
16478
 
16279
- .v-data-table-header__content {
16280
- display: flex;
16281
- align-items: center;
16479
+ .v-alert--density-comfortable {
16480
+ padding-bottom: 12px;
16481
+ padding-top: 12px;
16482
+ }
16483
+ .v-alert--density-comfortable.v-alert--border-top {
16484
+ padding-top: 20px;
16485
+ }
16486
+ .v-alert--density-comfortable.v-alert--border-bottom {
16487
+ padding-bottom: 20px;
16282
16488
  }
16283
16489
 
16284
- .v-data-table-header__sort-badge {
16285
- display: inline-flex;
16286
- justify-content: center;
16287
- align-items: center;
16288
- font-size: 0.875rem;
16289
- padding: 4px;
16290
- border-radius: 50%;
16291
- background: rgba(var(--v-border-color), var(--v-border-opacity));
16292
- min-width: 20px;
16293
- min-height: 20px;
16294
- width: 20px;
16295
- height: 20px;
16490
+ .v-alert--density-compact {
16491
+ padding-bottom: 8px;
16492
+ padding-top: 8px;
16493
+ }
16494
+ .v-alert--density-compact.v-alert--border-top {
16495
+ padding-top: 16px;
16496
+ }
16497
+ .v-alert--density-compact.v-alert--border-bottom {
16498
+ padding-bottom: 16px;
16296
16499
  }
16297
16500
 
16298
- .v-data-table-headers__loader {
16299
- bottom: auto;
16300
- top: 0;
16501
+ .v-alert__border {
16502
+ border-radius: inherit;
16503
+ bottom: 0;
16301
16504
  left: 0;
16505
+ opacity: var(--v-border-opacity);
16302
16506
  position: absolute;
16507
+ pointer-events: none;
16303
16508
  right: 0;
16509
+ top: 0;
16304
16510
  width: 100%;
16305
- z-index: 1;
16511
+ border-color: currentColor;
16512
+ border-style: solid;
16513
+ border-width: 0;
16306
16514
  }
16307
-
16308
- .v-data-table-rows-no-data {
16309
- text-align: center;
16310
- }.v-infinite-scroll--horizontal {
16311
- display: flex;
16312
- flex-direction: row;
16313
- overflow-x: auto;
16515
+ .v-alert__border--border {
16516
+ border-width: 8px;
16517
+ box-shadow: none;
16314
16518
  }
16315
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
16316
- height: 100%;
16317
- width: 1px;
16519
+ .v-alert--border-start .v-alert__border {
16520
+ border-inline-start-width: 8px;
16318
16521
  }
16319
-
16320
- .v-infinite-scroll--vertical {
16321
- display: flex;
16322
- flex-direction: column;
16323
- overflow-y: auto;
16522
+ .v-alert--border-end .v-alert__border {
16523
+ border-inline-end-width: 8px;
16324
16524
  }
16325
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
16326
- height: 1px;
16327
- width: 100%;
16525
+ .v-alert--border-top .v-alert__border {
16526
+ border-top-width: 8px;
16527
+ }
16528
+ .v-alert--border-bottom .v-alert__border {
16529
+ border-bottom-width: 8px;
16328
16530
  }
16329
16531
 
16330
- .v-infinite-scroll__side {
16331
- align-items: center;
16332
- display: flex;
16333
- justify-content: center;
16334
- padding: 8px;
16335
- }.v-data-table-footer {
16336
- display: flex;
16337
- align-items: center;
16338
- flex-wrap: wrap;
16339
- padding: 0 8px;
16340
- justify-content: flex-end;
16532
+ .v-alert__close {
16533
+ flex: 0 1 auto;
16534
+ grid-area: close;
16341
16535
  }
16342
16536
 
16343
- .v-data-table-footer__items-per-page {
16344
- padding-inline-end: 24px;
16345
- display: flex;
16346
- align-items: center;
16347
- justify-content: space-between;
16537
+ .v-alert__content {
16538
+ align-self: center;
16539
+ grid-area: content;
16540
+ overflow: hidden;
16348
16541
  }
16349
- .v-data-table-footer__items-per-page > span {
16350
- padding-inline-end: 24px;
16542
+
16543
+ .v-alert__append,
16544
+ .v-alert__close {
16545
+ align-self: flex-start;
16546
+ margin-inline-start: 16px;
16351
16547
  }
16352
16548
 
16353
- .v-data-table-footer__info {
16354
- display: flex;
16355
- padding-inline-end: 24px;
16549
+ .v-alert__append {
16550
+ align-self: flex-start;
16551
+ grid-area: append;
16552
+ }
16553
+ .v-alert__append + .v-alert__close {
16554
+ margin-inline-start: 16px;
16356
16555
  }
16357
16556
 
16358
- .v-data-table-footer__pagination {
16557
+ .v-alert__prepend {
16558
+ align-self: flex-start;
16359
16559
  display: flex;
16360
16560
  align-items: center;
16561
+ grid-area: prepend;
16562
+ margin-inline-end: 16px;
16563
+ }
16564
+ .v-alert--prominent .v-alert__prepend {
16565
+ align-self: center;
16361
16566
  }
16362
16567
 
16363
- .v-data-table-footer__page {
16364
- padding: 0 8px;
16365
- }.v-app-bar {
16366
- display: flex;
16568
+ .v-alert__underlay {
16569
+ grid-area: none;
16570
+ position: absolute;
16367
16571
  }
16368
- .v-app-bar.v-toolbar {
16369
- background: rgb(var(--v-theme-surface));
16370
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
16572
+ .v-alert--border-start .v-alert__underlay {
16573
+ border-top-left-radius: 0;
16574
+ border-bottom-left-radius: 0;
16371
16575
  }
16372
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
16373
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16576
+ .v-alert--border-end .v-alert__underlay {
16577
+ border-top-right-radius: 0;
16578
+ border-bottom-right-radius: 0;
16374
16579
  }
16375
- .v-app-bar:not(.v-toolbar--absolute) {
16376
- padding-inline-end: var(--v-scrollbar-offset);
16377
- }.v-avatar {
16378
- flex: none;
16580
+ .v-alert--border-top .v-alert__underlay {
16581
+ border-top-left-radius: 0;
16582
+ border-top-right-radius: 0;
16583
+ }
16584
+ .v-alert--border-bottom .v-alert__underlay {
16585
+ border-bottom-left-radius: 0;
16586
+ border-bottom-right-radius: 0;
16587
+ }
16588
+
16589
+ .v-alert-title {
16379
16590
  align-items: center;
16380
- display: inline-flex;
16381
- justify-content: center;
16382
- line-height: normal;
16383
- overflow: hidden;
16384
- position: relative;
16385
- text-align: center;
16386
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
16387
- transition-property: width, height;
16388
- vertical-align: middle;
16389
- border-radius: 50%;
16390
- }
16391
- .v-avatar.v-avatar--size-x-small {
16392
- --v-avatar-height: 24px;
16393
- }
16394
- .v-avatar.v-avatar--size-small {
16395
- --v-avatar-height: 32px;
16396
- }
16397
- .v-avatar.v-avatar--size-default {
16398
- --v-avatar-height: 40px;
16399
- }
16400
- .v-avatar.v-avatar--size-large {
16401
- --v-avatar-height: 48px;
16402
- }
16403
- .v-avatar.v-avatar--size-x-large {
16404
- --v-avatar-height: 56px;
16405
- }
16406
- .v-avatar.v-avatar--density-default {
16407
- height: calc(var(--v-avatar-height) + 0px);
16408
- width: calc(var(--v-avatar-height) + 0px);
16409
- }
16410
- .v-avatar.v-avatar--density-comfortable {
16411
- height: calc(var(--v-avatar-height) + -4px);
16412
- width: calc(var(--v-avatar-height) + -4px);
16413
- }
16414
- .v-avatar.v-avatar--density-compact {
16415
- height: calc(var(--v-avatar-height) + -8px);
16416
- width: calc(var(--v-avatar-height) + -8px);
16417
- }
16418
- .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
16419
- background: transparent;
16420
- color: inherit;
16421
- }
16422
- .v-avatar--variant-plain {
16423
- opacity: 0.62;
16424
- }
16425
- .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
16426
- opacity: 1;
16427
- }
16428
- .v-avatar--variant-plain .v-avatar__overlay {
16429
- display: none;
16430
- }
16431
- .v-avatar--variant-elevated, .v-avatar--variant-flat {
16432
- background: var(--v-theme-surface);
16433
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
16434
- }
16435
- .v-avatar--variant-elevated {
16436
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16437
- }
16438
- .v-avatar--variant-flat {
16439
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16440
- }
16441
- .v-avatar--variant-outlined {
16442
- border: thin solid currentColor;
16443
- }
16444
- .v-avatar--variant-text .v-avatar__overlay {
16445
- background: currentColor;
16446
- }
16447
- .v-avatar--variant-tonal .v-avatar__underlay {
16448
- background: currentColor;
16449
- opacity: var(--v-activated-opacity);
16450
- border-radius: inherit;
16451
- position: absolute;
16452
- top: 0;
16453
- right: 0;
16454
- bottom: 0;
16455
- left: 0;
16456
- pointer-events: none;
16457
- }
16458
- .v-avatar--rounded {
16459
- border-radius: 4px;
16460
- }
16461
- .v-avatar .v-img {
16462
- height: 100%;
16463
- width: 100%;
16591
+ align-self: center;
16592
+ display: flex;
16593
+ font-size: 1.25rem;
16594
+ font-weight: 500;
16595
+ -webkit-hyphens: auto;
16596
+ hyphens: auto;
16597
+ letter-spacing: 0.0125em;
16598
+ line-height: 1.75rem;
16599
+ overflow-wrap: normal;
16600
+ text-transform: none;
16601
+ word-break: normal;
16602
+ word-wrap: break-word;
16464
16603
  }.v-input--density-default {
16465
16604
  --autocomplete-chips-margin-bottom: 0px;
16466
16605
  }
@@ -16553,6 +16692,93 @@ html.overflow-y-hidden {
16553
16692
  .v-autocomplete--selection-slot.v-text-field input {
16554
16693
  position: relative;
16555
16694
  padding-inline-start: 0;
16695
+ }.v-avatar {
16696
+ flex: none;
16697
+ align-items: center;
16698
+ display: inline-flex;
16699
+ justify-content: center;
16700
+ line-height: normal;
16701
+ overflow: hidden;
16702
+ position: relative;
16703
+ text-align: center;
16704
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
16705
+ transition-property: width, height;
16706
+ vertical-align: middle;
16707
+ border-radius: 50%;
16708
+ }
16709
+ .v-avatar.v-avatar--size-x-small {
16710
+ --v-avatar-height: 24px;
16711
+ }
16712
+ .v-avatar.v-avatar--size-small {
16713
+ --v-avatar-height: 32px;
16714
+ }
16715
+ .v-avatar.v-avatar--size-default {
16716
+ --v-avatar-height: 40px;
16717
+ }
16718
+ .v-avatar.v-avatar--size-large {
16719
+ --v-avatar-height: 48px;
16720
+ }
16721
+ .v-avatar.v-avatar--size-x-large {
16722
+ --v-avatar-height: 56px;
16723
+ }
16724
+ .v-avatar.v-avatar--density-default {
16725
+ height: calc(var(--v-avatar-height) + 0px);
16726
+ width: calc(var(--v-avatar-height) + 0px);
16727
+ }
16728
+ .v-avatar.v-avatar--density-comfortable {
16729
+ height: calc(var(--v-avatar-height) + -4px);
16730
+ width: calc(var(--v-avatar-height) + -4px);
16731
+ }
16732
+ .v-avatar.v-avatar--density-compact {
16733
+ height: calc(var(--v-avatar-height) + -8px);
16734
+ width: calc(var(--v-avatar-height) + -8px);
16735
+ }
16736
+ .v-avatar--variant-plain, .v-avatar--variant-outlined, .v-avatar--variant-text, .v-avatar--variant-tonal {
16737
+ background: transparent;
16738
+ color: inherit;
16739
+ }
16740
+ .v-avatar--variant-plain {
16741
+ opacity: 0.62;
16742
+ }
16743
+ .v-avatar--variant-plain:focus, .v-avatar--variant-plain:hover {
16744
+ opacity: 1;
16745
+ }
16746
+ .v-avatar--variant-plain .v-avatar__overlay {
16747
+ display: none;
16748
+ }
16749
+ .v-avatar--variant-elevated, .v-avatar--variant-flat {
16750
+ background: var(--v-theme-surface);
16751
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
16752
+ }
16753
+ .v-avatar--variant-elevated {
16754
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16755
+ }
16756
+ .v-avatar--variant-flat {
16757
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16758
+ }
16759
+ .v-avatar--variant-outlined {
16760
+ border: thin solid currentColor;
16761
+ }
16762
+ .v-avatar--variant-text .v-avatar__overlay {
16763
+ background: currentColor;
16764
+ }
16765
+ .v-avatar--variant-tonal .v-avatar__underlay {
16766
+ background: currentColor;
16767
+ opacity: var(--v-activated-opacity);
16768
+ border-radius: inherit;
16769
+ position: absolute;
16770
+ top: 0;
16771
+ right: 0;
16772
+ bottom: 0;
16773
+ left: 0;
16774
+ pointer-events: none;
16775
+ }
16776
+ .v-avatar--rounded {
16777
+ border-radius: 4px;
16778
+ }
16779
+ .v-avatar .v-img {
16780
+ height: 100%;
16781
+ width: 100%;
16556
16782
  }.v-badge {
16557
16783
  display: inline-block;
16558
16784
  line-height: 1;
@@ -16624,22 +16850,6 @@ html.overflow-y-hidden {
16624
16850
  display: inline-flex;
16625
16851
  justify-content: center;
16626
16852
  margin: 0 4px;
16627
- }.v-application {
16628
- display: flex;
16629
- background: rgb(var(--v-theme-background));
16630
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
16631
- }
16632
-
16633
- .v-application__wrap {
16634
- -webkit-backface-visibility: hidden;
16635
- backface-visibility: hidden;
16636
- display: flex;
16637
- flex-direction: column;
16638
- flex: 1 1 auto;
16639
- max-width: 100%;
16640
- min-height: 100vh;
16641
- min-height: 100dvh;
16642
- position: relative;
16643
16853
  }.v-banner {
16644
16854
  display: grid;
16645
16855
  flex: 1 1;
@@ -16905,143 +17115,150 @@ html.overflow-y-hidden {
16905
17115
  padding: 0 8px;
16906
17116
  vertical-align: middle;
16907
17117
  }/** if false, disabled buttons will be greyed out */
16908
- .v-btn-group {
16909
- display: inline-flex;
16910
- flex-wrap: nowrap;
17118
+ .v-btn {
17119
+ align-items: center;
17120
+ border-radius: 4px;
17121
+ display: inline-grid;
17122
+ grid-template-areas: "prepend content append";
17123
+ grid-template-columns: max-content auto max-content;
17124
+ font-weight: 500;
17125
+ justify-content: center;
17126
+ letter-spacing: 0.0892857143em;
17127
+ line-height: normal;
16911
17128
  max-width: 100%;
16912
- min-width: 0;
16913
- overflow: hidden;
17129
+ outline: none;
17130
+ position: relative;
17131
+ text-decoration: none;
17132
+ text-indent: 0.0892857143em;
17133
+ text-transform: uppercase;
17134
+ transition-property: box-shadow, transform, opacity, background;
17135
+ transition-duration: 0.28s;
17136
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17137
+ -webkit-user-select: none;
17138
+ user-select: none;
16914
17139
  vertical-align: middle;
17140
+ flex-shrink: 0;
16915
17141
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
16916
17142
  border-style: solid;
16917
17143
  border-width: 0;
16918
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
16919
- border-radius: 4px;
16920
- background: transparent;
16921
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
16922
- }
16923
- .v-btn-group--border {
16924
- border-width: thin;
16925
- box-shadow: none;
16926
17144
  }
16927
- .v-btn-group--density-default.v-btn-group {
16928
- height: 48px;
17145
+ .v-btn--size-x-small {
17146
+ --v-btn-size: 0.625rem;
17147
+ --v-btn-height: 20px;
17148
+ font-size: 0.625rem;
17149
+ min-width: 36px;
17150
+ padding: 0 8px;
16929
17151
  }
16930
17152
 
16931
- .v-btn-group--density-comfortable.v-btn-group {
16932
- height: 40px;
17153
+ .v-btn--size-small {
17154
+ --v-btn-size: 0.75rem;
17155
+ --v-btn-height: 28px;
17156
+ font-size: 0.75rem;
17157
+ min-width: 50px;
17158
+ padding: 0 12px;
16933
17159
  }
16934
17160
 
16935
- .v-btn-group--density-compact.v-btn-group {
16936
- height: 36px;
17161
+ .v-btn--size-default {
17162
+ --v-btn-size: 0.875rem;
17163
+ --v-btn-height: 36px;
17164
+ font-size: 0.875rem;
17165
+ min-width: 64px;
17166
+ padding: 0 16px;
16937
17167
  }
16938
17168
 
16939
- .v-btn-group .v-btn {
16940
- border-radius: 0;
16941
- border-color: inherit;
16942
- }
16943
- .v-btn-group .v-btn:not(:last-child) {
16944
- border-inline-end: none;
16945
- }
16946
- .v-btn-group .v-btn:not(:first-child) {
16947
- border-inline-start: none;
17169
+ .v-btn--size-large {
17170
+ --v-btn-size: 1rem;
17171
+ --v-btn-height: 44px;
17172
+ font-size: 1rem;
17173
+ min-width: 78px;
17174
+ padding: 0 20px;
16948
17175
  }
16949
- .v-btn-group .v-btn:first-child {
16950
- border-start-start-radius: inherit;
16951
- border-end-start-radius: inherit;
17176
+
17177
+ .v-btn--size-x-large {
17178
+ --v-btn-size: 1.125rem;
17179
+ --v-btn-height: 52px;
17180
+ font-size: 1.125rem;
17181
+ min-width: 92px;
17182
+ padding: 0 24px;
16952
17183
  }
16953
- .v-btn-group .v-btn:last-child {
16954
- border-start-end-radius: inherit;
16955
- border-end-end-radius: inherit;
17184
+
17185
+ .v-btn.v-btn--density-default {
17186
+ height: calc(var(--v-btn-height) + 0px);
16956
17187
  }
16957
- .v-btn-group--divided .v-btn:not(:last-child) {
16958
- border-inline-end-width: thin;
16959
- border-inline-end-style: solid;
16960
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
17188
+
17189
+ .v-btn.v-btn--density-comfortable {
17190
+ height: calc(var(--v-btn-height) + -8px);
16961
17191
  }
16962
- .v-btn-group--tile {
16963
- border-radius: 0;
16964
- }.v-card {
16965
- display: block;
16966
- overflow: hidden;
16967
- overflow-wrap: break-word;
16968
- position: relative;
16969
- padding: 0;
16970
- text-decoration: none;
16971
- transition-duration: 0.28s;
16972
- transition-property: box-shadow, opacity, background;
16973
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
16974
- z-index: 0;
16975
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
16976
- border-style: solid;
16977
- border-width: 0;
16978
- border-radius: 4px;
17192
+
17193
+ .v-btn.v-btn--density-compact {
17194
+ height: calc(var(--v-btn-height) + -12px);
16979
17195
  }
16980
- .v-card--border {
17196
+
17197
+ .v-btn--border {
16981
17198
  border-width: thin;
16982
17199
  box-shadow: none;
16983
17200
  }
16984
- .v-card--absolute {
17201
+ .v-btn--absolute {
16985
17202
  position: absolute;
16986
17203
  }
16987
- .v-card--fixed {
17204
+ .v-btn--fixed {
16988
17205
  position: fixed;
16989
17206
  }
16990
- .v-card:hover > .v-card__overlay {
17207
+ .v-btn:hover > .v-btn__overlay {
16991
17208
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
16992
17209
  }
16993
- .v-card:focus-visible > .v-card__overlay {
17210
+ .v-btn:focus-visible > .v-btn__overlay {
16994
17211
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
16995
17212
  }
16996
17213
  @supports not selector(:focus-visible) {
16997
- .v-card:focus > .v-card__overlay {
17214
+ .v-btn:focus > .v-btn__overlay {
16998
17215
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
16999
17216
  }
17000
17217
  }
17001
- .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
17218
+ .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
17002
17219
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
17003
17220
  }
17004
- .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
17221
+ .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
17005
17222
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
17006
17223
  }
17007
- .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
17224
+ .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
17008
17225
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17009
17226
  }
17010
17227
  @supports not selector(:focus-visible) {
17011
- .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
17228
+ .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
17012
17229
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17013
17230
  }
17014
17231
  }
17015
- .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
17232
+ .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
17016
17233
  background: transparent;
17017
17234
  color: inherit;
17018
17235
  }
17019
- .v-card--variant-plain {
17236
+ .v-btn--variant-plain {
17020
17237
  opacity: 0.62;
17021
17238
  }
17022
- .v-card--variant-plain:focus, .v-card--variant-plain:hover {
17239
+ .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
17023
17240
  opacity: 1;
17024
17241
  }
17025
- .v-card--variant-plain .v-card__overlay {
17242
+ .v-btn--variant-plain .v-btn__overlay {
17026
17243
  display: none;
17027
17244
  }
17028
- .v-card--variant-elevated, .v-card--variant-flat {
17245
+ .v-btn--variant-elevated, .v-btn--variant-flat {
17029
17246
  background: rgb(var(--v-theme-surface));
17030
17247
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17031
17248
  }
17032
- .v-card--variant-elevated {
17033
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17249
+ .v-btn--variant-elevated {
17250
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17034
17251
  }
17035
- .v-card--variant-flat {
17252
+ .v-btn--variant-flat {
17036
17253
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17037
17254
  }
17038
- .v-card--variant-outlined {
17255
+ .v-btn--variant-outlined {
17039
17256
  border: thin solid currentColor;
17040
17257
  }
17041
- .v-card--variant-text .v-card__overlay {
17258
+ .v-btn--variant-text .v-btn__overlay {
17042
17259
  background: currentColor;
17043
17260
  }
17044
- .v-card--variant-tonal .v-card__underlay {
17261
+ .v-btn--variant-tonal .v-btn__underlay {
17045
17262
  background: currentColor;
17046
17263
  opacity: var(--v-activated-opacity);
17047
17264
  border-radius: inherit;
@@ -17052,352 +17269,399 @@ html.overflow-y-hidden {
17052
17269
  left: 0;
17053
17270
  pointer-events: none;
17054
17271
  }
17055
- .v-card--disabled {
17056
- pointer-events: none;
17057
- -webkit-user-select: none;
17058
- user-select: none;
17272
+ @supports selector(:focus-visible) {
17273
+ .v-btn::after {
17274
+ content: "";
17275
+ position: absolute;
17276
+ top: 0;
17277
+ left: 0;
17278
+ width: 100%;
17279
+ height: 100%;
17280
+ pointer-events: none;
17281
+ border: 2px solid currentColor;
17282
+ border-radius: inherit;
17283
+ opacity: 0;
17284
+ transition: opacity 0.2s ease-in-out;
17285
+ }
17286
+ .v-btn:focus-visible::after {
17287
+ opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
17288
+ }
17059
17289
  }
17060
- .v-card--disabled > :not(.v-card__loader) {
17061
- opacity: 0.6;
17290
+ .v-btn--icon {
17291
+ border-radius: 50%;
17292
+ min-width: 0;
17293
+ padding: 0;
17062
17294
  }
17063
- .v-card--flat {
17295
+ .v-btn--icon.v-btn--size-default {
17296
+ font-size: 1rem;
17297
+ }
17298
+ .v-btn--icon.v-btn--density-default {
17299
+ width: calc(var(--v-btn-height) + 12px);
17300
+ height: calc(var(--v-btn-height) + 12px);
17301
+ }
17302
+ .v-btn--icon.v-btn--density-comfortable {
17303
+ width: calc(var(--v-btn-height) + 0px);
17304
+ height: calc(var(--v-btn-height) + 0px);
17305
+ }
17306
+ .v-btn--icon.v-btn--density-compact {
17307
+ width: calc(var(--v-btn-height) + -8px);
17308
+ height: calc(var(--v-btn-height) + -8px);
17309
+ }
17310
+
17311
+ .v-btn--elevated:hover, .v-btn--elevated:focus {
17312
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17313
+ }
17314
+ .v-btn--elevated:active {
17315
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17316
+ }
17317
+ .v-btn--flat {
17064
17318
  box-shadow: none;
17065
17319
  }
17066
- .v-card--hover {
17067
- cursor: pointer;
17068
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17320
+ .v-btn--block {
17321
+ display: flex;
17322
+ flex: 1 0 auto;
17323
+ min-width: 100%;
17069
17324
  }
17070
- .v-card--hover::before, .v-card--hover::after {
17071
- border-radius: inherit;
17072
- bottom: 0;
17073
- content: "";
17074
- display: block;
17075
- left: 0;
17325
+ .v-btn--disabled {
17076
17326
  pointer-events: none;
17077
- position: absolute;
17078
- right: 0;
17079
- top: 0;
17080
- transition: inherit;
17327
+ opacity: 0.26;
17081
17328
  }
17082
- .v-card--hover::before {
17329
+ .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
17330
+ box-shadow: none;
17083
17331
  opacity: 1;
17084
- z-index: -1;
17085
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17332
+ color: rgba(var(--v-theme-on-surface), 0.26);
17333
+ background: rgb(var(--v-theme-surface));
17086
17334
  }
17087
- .v-card--hover::after {
17088
- z-index: 1;
17089
- opacity: 0;
17090
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17335
+ .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
17336
+ opacity: 0.4615384615;
17091
17337
  }
17092
- .v-card--hover:hover::after {
17093
- opacity: 1;
17338
+ .v-btn--loading {
17339
+ pointer-events: none;
17094
17340
  }
17095
- .v-card--hover:hover::before {
17341
+ .v-btn--loading .v-btn__content,
17342
+ .v-btn--loading .v-btn__prepend,
17343
+ .v-btn--loading .v-btn__append {
17096
17344
  opacity: 0;
17097
17345
  }
17098
- .v-card--link {
17099
- cursor: pointer;
17346
+ .v-btn--stacked {
17347
+ grid-template-areas: "prepend" "content" "append";
17348
+ grid-template-columns: auto;
17349
+ grid-template-rows: max-content max-content max-content;
17350
+ justify-items: center;
17351
+ align-content: center;
17100
17352
  }
17101
-
17102
- .v-card-actions {
17103
- align-items: center;
17104
- display: flex;
17105
- flex: none;
17106
- min-height: 52px;
17107
- padding: 0.5rem;
17353
+ .v-btn--stacked .v-btn__content {
17354
+ flex-direction: column;
17355
+ line-height: 1.25;
17108
17356
  }
17109
-
17110
- .v-card-item {
17111
- align-items: center;
17112
- display: grid;
17113
- flex: none;
17114
- grid-template-areas: "prepend content append";
17115
- grid-template-columns: max-content auto max-content;
17116
- padding: 0.625rem 1rem;
17357
+ .v-btn--stacked .v-btn__prepend,
17358
+ .v-btn--stacked .v-btn__append,
17359
+ .v-btn--stacked .v-btn__content > .v-icon--start,
17360
+ .v-btn--stacked .v-btn__content > .v-icon--end {
17361
+ margin-inline-start: 0;
17362
+ margin-inline-end: 0;
17117
17363
  }
17118
- .v-card-item + .v-card-text {
17119
- padding-top: 0;
17364
+ .v-btn--stacked .v-btn__prepend,
17365
+ .v-btn--stacked .v-btn__content > .v-icon--start {
17366
+ margin-bottom: 4px;
17120
17367
  }
17121
- .v-card-item__prepend {
17122
- grid-area: prepend;
17123
- padding-inline-end: 1rem;
17368
+ .v-btn--stacked .v-btn__append,
17369
+ .v-btn--stacked .v-btn__content > .v-icon--end {
17370
+ margin-top: 4px;
17124
17371
  }
17125
- .v-card-item__append {
17126
- grid-area: append;
17127
- padding-inline-start: 1rem;
17372
+ .v-btn--stacked.v-btn--size-x-small {
17373
+ --v-btn-size: 0.625rem;
17374
+ --v-btn-height: 56px;
17375
+ font-size: 0.625rem;
17376
+ min-width: 56px;
17377
+ padding: 0 12px;
17128
17378
  }
17129
17379
 
17130
- .v-card-item__content {
17131
- align-self: center;
17132
- grid-area: content;
17133
- overflow: hidden;
17380
+ .v-btn--stacked.v-btn--size-small {
17381
+ --v-btn-size: 0.75rem;
17382
+ --v-btn-height: 64px;
17383
+ font-size: 0.75rem;
17384
+ min-width: 64px;
17385
+ padding: 0 14px;
17134
17386
  }
17135
17387
 
17136
- .v-card-title {
17137
- display: block;
17138
- flex: none;
17139
- font-size: 1.25rem;
17140
- font-weight: 500;
17141
- -webkit-hyphens: auto;
17142
- hyphens: auto;
17143
- letter-spacing: 0.0125em;
17144
- min-width: 0;
17145
- overflow-wrap: normal;
17146
- overflow: hidden;
17147
- padding: 0.5rem 1rem;
17148
- text-overflow: ellipsis;
17149
- text-transform: none;
17150
- white-space: nowrap;
17151
- word-break: normal;
17152
- word-wrap: break-word;
17153
- }
17154
- .v-card .v-card-title {
17155
- line-height: 2rem;
17156
- }
17157
- .v-card--density-comfortable .v-card-title {
17158
- line-height: 1.75rem;
17159
- }
17160
- .v-card--density-compact .v-card-title {
17161
- line-height: 1.55rem;
17162
- }
17163
- .v-card-item .v-card-title {
17164
- padding: 0;
17165
- }
17166
- .v-card-title + .v-card-text,
17167
- .v-card-title + .v-card-actions {
17168
- padding-top: 0;
17388
+ .v-btn--stacked.v-btn--size-default {
17389
+ --v-btn-size: 0.875rem;
17390
+ --v-btn-height: 72px;
17391
+ font-size: 0.875rem;
17392
+ min-width: 72px;
17393
+ padding: 0 16px;
17169
17394
  }
17170
17395
 
17171
- .v-card-subtitle {
17172
- display: block;
17173
- flex: none;
17174
- font-size: 0.875rem;
17175
- font-weight: 400;
17176
- letter-spacing: 0.0178571429em;
17177
- opacity: var(--v-medium-emphasis-opacity);
17178
- overflow: hidden;
17179
- padding: 0 1rem;
17180
- text-overflow: ellipsis;
17181
- text-transform: none;
17182
- white-space: nowrap;
17396
+ .v-btn--stacked.v-btn--size-large {
17397
+ --v-btn-size: 1rem;
17398
+ --v-btn-height: 80px;
17399
+ font-size: 1rem;
17400
+ min-width: 80px;
17401
+ padding: 0 18px;
17183
17402
  }
17184
- .v-card .v-card-subtitle {
17185
- line-height: 1.25rem;
17403
+
17404
+ .v-btn--stacked.v-btn--size-x-large {
17405
+ --v-btn-size: 1.125rem;
17406
+ --v-btn-height: 88px;
17407
+ font-size: 1.125rem;
17408
+ min-width: 88px;
17409
+ padding: 0 20px;
17186
17410
  }
17187
- .v-card--density-comfortable .v-card-subtitle {
17188
- line-height: 1.125rem;
17411
+
17412
+ .v-btn--stacked.v-btn--density-default {
17413
+ height: calc(var(--v-btn-height) + 0px);
17189
17414
  }
17190
- .v-card--density-compact .v-card-subtitle {
17191
- line-height: 1rem;
17415
+
17416
+ .v-btn--stacked.v-btn--density-comfortable {
17417
+ height: calc(var(--v-btn-height) + -16px);
17192
17418
  }
17193
- .v-card-item .v-card-subtitle {
17194
- padding: 0 0 0.25rem;
17419
+
17420
+ .v-btn--stacked.v-btn--density-compact {
17421
+ height: calc(var(--v-btn-height) + -24px);
17195
17422
  }
17196
17423
 
17197
- .v-card-text {
17198
- flex: 1 1 auto;
17199
- font-size: 0.875rem;
17200
- font-weight: 400;
17201
- letter-spacing: 0.0178571429em;
17202
- padding: 1rem;
17203
- text-transform: none;
17424
+ .v-btn--rounded {
17425
+ border-radius: 24px;
17204
17426
  }
17205
- .v-card .v-card-text {
17206
- line-height: 1.25rem;
17427
+ .v-btn .v-icon {
17428
+ --v-icon-size-multiplier: 0.8571428571;
17207
17429
  }
17208
- .v-card--density-comfortable .v-card-text {
17209
- line-height: 1.2rem;
17430
+ .v-btn--icon .v-icon {
17431
+ --v-icon-size-multiplier: 1;
17210
17432
  }
17211
- .v-card--density-compact .v-card-text {
17212
- line-height: 1.15rem;
17433
+ .v-btn--stacked .v-icon {
17434
+ --v-icon-size-multiplier: 1.1428571429;
17213
17435
  }
17214
17436
 
17215
- .v-card__image {
17437
+ .v-btn__loader {
17438
+ align-items: center;
17216
17439
  display: flex;
17217
17440
  height: 100%;
17218
- flex: 1 1 auto;
17441
+ justify-content: center;
17219
17442
  left: 0;
17220
- overflow: hidden;
17221
17443
  position: absolute;
17222
17444
  top: 0;
17223
17445
  width: 100%;
17224
- z-index: -1;
17225
17446
  }
17226
17447
 
17227
- .v-card__content {
17228
- border-radius: inherit;
17229
- overflow: hidden;
17230
- position: relative;
17448
+ .v-btn__content,
17449
+ .v-btn__prepend,
17450
+ .v-btn__append {
17451
+ align-items: center;
17452
+ display: flex;
17453
+ transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17231
17454
  }
17232
17455
 
17233
- .v-card__loader {
17234
- bottom: auto;
17235
- top: 0;
17236
- left: 0;
17237
- position: absolute;
17238
- right: 0;
17239
- width: 100%;
17240
- z-index: 1;
17456
+ .v-btn__prepend {
17457
+ grid-area: prepend;
17458
+ margin-inline-start: calc(var(--v-btn-height) / -9);
17459
+ margin-inline-end: calc(var(--v-btn-height) / 4.5);
17241
17460
  }
17242
17461
 
17243
- .v-card__overlay {
17462
+ .v-btn__append {
17463
+ grid-area: append;
17464
+ margin-inline-start: calc(var(--v-btn-height) / 4.5);
17465
+ margin-inline-end: calc(var(--v-btn-height) / -9);
17466
+ }
17467
+
17468
+ .v-btn__content {
17469
+ grid-area: content;
17470
+ justify-content: center;
17471
+ white-space: nowrap;
17472
+ }
17473
+ .v-btn__content > .v-icon--start {
17474
+ margin-inline-start: calc(var(--v-btn-height) / -9);
17475
+ margin-inline-end: calc(var(--v-btn-height) / 4.5);
17476
+ }
17477
+ .v-btn__content > .v-icon--end {
17478
+ margin-inline-start: calc(var(--v-btn-height) / 4.5);
17479
+ margin-inline-end: calc(var(--v-btn-height) / -9);
17480
+ }
17481
+ .v-btn--stacked .v-btn__content {
17482
+ white-space: normal;
17483
+ }
17484
+
17485
+ .v-btn__overlay {
17244
17486
  background-color: currentColor;
17245
17487
  border-radius: inherit;
17488
+ opacity: 0;
17489
+ transition: opacity 0.2s ease-in-out;
17490
+ }
17491
+
17492
+ .v-btn__overlay,
17493
+ .v-btn__underlay {
17246
17494
  position: absolute;
17247
17495
  top: 0;
17248
- right: 0;
17249
- bottom: 0;
17250
17496
  left: 0;
17497
+ width: 100%;
17498
+ height: 100%;
17251
17499
  pointer-events: none;
17252
- opacity: 0;
17253
- transition: opacity 0.2s ease-in-out;
17254
- }.v-checkbox .v-selection-control {
17255
- min-height: var(--v-input-control-height);
17256
- }/** if false, disabled buttons will be greyed out */
17257
- .v-btn {
17258
- align-items: center;
17500
+ }
17501
+
17502
+ .v-card-actions .v-btn {
17503
+ padding: 0 8px;
17504
+ }
17505
+ .v-card-actions .v-btn ~ .v-btn {
17506
+ margin-inline-start: 0.5rem;
17507
+ }
17508
+
17509
+ .v-banner-actions .v-btn {
17510
+ padding: 0 8px;
17511
+ }
17512
+
17513
+ .v-pagination .v-btn {
17259
17514
  border-radius: 4px;
17260
- display: inline-grid;
17261
- grid-template-areas: "prepend content append";
17262
- grid-template-columns: max-content auto max-content;
17263
- font-weight: 500;
17264
- justify-content: center;
17265
- letter-spacing: 0.0892857143em;
17266
- line-height: normal;
17515
+ }
17516
+ .v-btn__overlay {
17517
+ transition: none;
17518
+ }
17519
+ .v-pagination__item--is-active .v-btn__overlay {
17520
+ opacity: var(--v-border-opacity);
17521
+ }
17522
+
17523
+ .v-snackbar-actions .v-btn {
17524
+ padding: 0 8px;
17525
+ }/** if false, disabled buttons will be greyed out */
17526
+ .v-btn-group {
17527
+ display: inline-flex;
17528
+ flex-wrap: nowrap;
17267
17529
  max-width: 100%;
17268
- outline: none;
17269
- position: relative;
17270
- text-decoration: none;
17271
- text-indent: 0.0892857143em;
17272
- text-transform: uppercase;
17273
- transition-property: box-shadow, transform, opacity, background;
17274
- transition-duration: 0.28s;
17275
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17276
- -webkit-user-select: none;
17277
- user-select: none;
17530
+ min-width: 0;
17531
+ overflow: hidden;
17278
17532
  vertical-align: middle;
17279
- flex-shrink: 0;
17280
17533
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17281
17534
  border-style: solid;
17282
17535
  border-width: 0;
17536
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17537
+ border-radius: 4px;
17538
+ background: transparent;
17539
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17283
17540
  }
17284
- .v-btn--size-x-small {
17285
- --v-btn-size: 0.625rem;
17286
- --v-btn-height: 20px;
17287
- font-size: 0.625rem;
17288
- min-width: 36px;
17289
- padding: 0 8px;
17541
+ .v-btn-group--border {
17542
+ border-width: thin;
17543
+ box-shadow: none;
17544
+ }
17545
+ .v-btn-group--density-default.v-btn-group {
17546
+ height: 48px;
17290
17547
  }
17291
17548
 
17292
- .v-btn--size-small {
17293
- --v-btn-size: 0.75rem;
17294
- --v-btn-height: 28px;
17295
- font-size: 0.75rem;
17296
- min-width: 50px;
17297
- padding: 0 12px;
17549
+ .v-btn-group--density-comfortable.v-btn-group {
17550
+ height: 40px;
17298
17551
  }
17299
17552
 
17300
- .v-btn--size-default {
17301
- --v-btn-size: 0.875rem;
17302
- --v-btn-height: 36px;
17303
- font-size: 0.875rem;
17304
- min-width: 64px;
17305
- padding: 0 16px;
17553
+ .v-btn-group--density-compact.v-btn-group {
17554
+ height: 36px;
17306
17555
  }
17307
17556
 
17308
- .v-btn--size-large {
17309
- --v-btn-size: 1rem;
17310
- --v-btn-height: 44px;
17311
- font-size: 1rem;
17312
- min-width: 78px;
17313
- padding: 0 20px;
17557
+ .v-btn-group .v-btn {
17558
+ border-radius: 0;
17559
+ border-color: inherit;
17314
17560
  }
17315
-
17316
- .v-btn--size-x-large {
17317
- --v-btn-size: 1.125rem;
17318
- --v-btn-height: 52px;
17319
- font-size: 1.125rem;
17320
- min-width: 92px;
17321
- padding: 0 24px;
17561
+ .v-btn-group .v-btn:not(:last-child) {
17562
+ border-inline-end: none;
17322
17563
  }
17323
-
17324
- .v-btn.v-btn--density-default {
17325
- height: calc(var(--v-btn-height) + 0px);
17564
+ .v-btn-group .v-btn:not(:first-child) {
17565
+ border-inline-start: none;
17326
17566
  }
17327
-
17328
- .v-btn.v-btn--density-comfortable {
17329
- height: calc(var(--v-btn-height) + -8px);
17567
+ .v-btn-group .v-btn:first-child {
17568
+ border-start-start-radius: inherit;
17569
+ border-end-start-radius: inherit;
17330
17570
  }
17331
-
17332
- .v-btn.v-btn--density-compact {
17333
- height: calc(var(--v-btn-height) + -12px);
17571
+ .v-btn-group .v-btn:last-child {
17572
+ border-start-end-radius: inherit;
17573
+ border-end-end-radius: inherit;
17334
17574
  }
17335
-
17336
- .v-btn--border {
17575
+ .v-btn-group--divided .v-btn:not(:last-child) {
17576
+ border-inline-end-width: thin;
17577
+ border-inline-end-style: solid;
17578
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
17579
+ }
17580
+ .v-btn-group--tile {
17581
+ border-radius: 0;
17582
+ }.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
17583
+ opacity: var(--v-activated-opacity);
17584
+ }.v-card {
17585
+ display: block;
17586
+ overflow: hidden;
17587
+ overflow-wrap: break-word;
17588
+ position: relative;
17589
+ padding: 0;
17590
+ text-decoration: none;
17591
+ transition-duration: 0.28s;
17592
+ transition-property: box-shadow, opacity, background;
17593
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17594
+ z-index: 0;
17595
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17596
+ border-style: solid;
17597
+ border-width: 0;
17598
+ border-radius: 4px;
17599
+ }
17600
+ .v-card--border {
17337
17601
  border-width: thin;
17338
17602
  box-shadow: none;
17339
17603
  }
17340
- .v-btn--absolute {
17604
+ .v-card--absolute {
17341
17605
  position: absolute;
17342
17606
  }
17343
- .v-btn--fixed {
17607
+ .v-card--fixed {
17344
17608
  position: fixed;
17345
17609
  }
17346
- .v-btn:hover > .v-btn__overlay {
17610
+ .v-card:hover > .v-card__overlay {
17347
17611
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
17348
17612
  }
17349
- .v-btn:focus-visible > .v-btn__overlay {
17613
+ .v-card:focus-visible > .v-card__overlay {
17350
17614
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17351
17615
  }
17352
17616
  @supports not selector(:focus-visible) {
17353
- .v-btn:focus > .v-btn__overlay {
17617
+ .v-card:focus > .v-card__overlay {
17354
17618
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
17355
17619
  }
17356
17620
  }
17357
- .v-btn--active > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true] > .v-btn__overlay {
17621
+ .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
17358
17622
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
17359
17623
  }
17360
- .v-btn--active:hover > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:hover > .v-btn__overlay {
17624
+ .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
17361
17625
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
17362
17626
  }
17363
- .v-btn--active:focus-visible > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-btn__overlay {
17627
+ .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
17364
17628
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17365
17629
  }
17366
17630
  @supports not selector(:focus-visible) {
17367
- .v-btn--active:focus > .v-btn__overlay, .v-btn[aria-haspopup=menu][aria-expanded=true]:focus > .v-btn__overlay {
17631
+ .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
17368
17632
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
17369
17633
  }
17370
17634
  }
17371
- .v-btn--variant-plain, .v-btn--variant-outlined, .v-btn--variant-text, .v-btn--variant-tonal {
17635
+ .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
17372
17636
  background: transparent;
17373
17637
  color: inherit;
17374
17638
  }
17375
- .v-btn--variant-plain {
17639
+ .v-card--variant-plain {
17376
17640
  opacity: 0.62;
17377
17641
  }
17378
- .v-btn--variant-plain:focus, .v-btn--variant-plain:hover {
17642
+ .v-card--variant-plain:focus, .v-card--variant-plain:hover {
17379
17643
  opacity: 1;
17380
17644
  }
17381
- .v-btn--variant-plain .v-btn__overlay {
17645
+ .v-card--variant-plain .v-card__overlay {
17382
17646
  display: none;
17383
17647
  }
17384
- .v-btn--variant-elevated, .v-btn--variant-flat {
17648
+ .v-card--variant-elevated, .v-card--variant-flat {
17385
17649
  background: rgb(var(--v-theme-surface));
17386
17650
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17387
17651
  }
17388
- .v-btn--variant-elevated {
17389
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17652
+ .v-card--variant-elevated {
17653
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17390
17654
  }
17391
- .v-btn--variant-flat {
17655
+ .v-card--variant-flat {
17392
17656
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17393
17657
  }
17394
- .v-btn--variant-outlined {
17658
+ .v-card--variant-outlined {
17395
17659
  border: thin solid currentColor;
17396
17660
  }
17397
- .v-btn--variant-text .v-btn__overlay {
17661
+ .v-card--variant-text .v-card__overlay {
17398
17662
  background: currentColor;
17399
17663
  }
17400
- .v-btn--variant-tonal .v-btn__underlay {
17664
+ .v-card--variant-tonal .v-card__underlay {
17401
17665
  background: currentColor;
17402
17666
  opacity: var(--v-activated-opacity);
17403
17667
  border-radius: inherit;
@@ -17408,259 +17672,205 @@ html.overflow-y-hidden {
17408
17672
  left: 0;
17409
17673
  pointer-events: none;
17410
17674
  }
17411
- @supports selector(:focus-visible) {
17412
- .v-btn::after {
17413
- content: "";
17414
- position: absolute;
17415
- top: 0;
17416
- left: 0;
17417
- width: 100%;
17418
- height: 100%;
17419
- pointer-events: none;
17420
- border: 2px solid currentColor;
17421
- border-radius: inherit;
17422
- opacity: 0;
17423
- transition: opacity 0.2s ease-in-out;
17424
- }
17425
- .v-btn:focus-visible::after {
17426
- opacity: calc(0.25 * var(--v-theme-overlay-multiplier));
17427
- }
17428
- }
17429
- .v-btn--icon {
17430
- border-radius: 50%;
17431
- min-width: 0;
17432
- padding: 0;
17433
- }
17434
- .v-btn--icon.v-btn--size-default {
17435
- font-size: 1rem;
17436
- }
17437
- .v-btn--icon.v-btn--density-default {
17438
- width: calc(var(--v-btn-height) + 12px);
17439
- height: calc(var(--v-btn-height) + 12px);
17440
- }
17441
- .v-btn--icon.v-btn--density-comfortable {
17442
- width: calc(var(--v-btn-height) + 0px);
17443
- height: calc(var(--v-btn-height) + 0px);
17444
- }
17445
- .v-btn--icon.v-btn--density-compact {
17446
- width: calc(var(--v-btn-height) + -8px);
17447
- height: calc(var(--v-btn-height) + -8px);
17448
- }
17449
-
17450
- .v-btn--elevated:hover, .v-btn--elevated:focus {
17451
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17675
+ .v-card--disabled {
17676
+ pointer-events: none;
17677
+ -webkit-user-select: none;
17678
+ user-select: none;
17452
17679
  }
17453
- .v-btn--elevated:active {
17454
- box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17680
+ .v-card--disabled > :not(.v-card__loader) {
17681
+ opacity: 0.6;
17455
17682
  }
17456
- .v-btn--flat {
17683
+ .v-card--flat {
17457
17684
  box-shadow: none;
17458
17685
  }
17459
- .v-btn--block {
17460
- display: flex;
17461
- flex: 1 0 auto;
17462
- min-width: 100%;
17686
+ .v-card--hover {
17687
+ cursor: pointer;
17688
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17463
17689
  }
17464
- .v-btn--disabled {
17690
+ .v-card--hover::before, .v-card--hover::after {
17691
+ border-radius: inherit;
17692
+ bottom: 0;
17693
+ content: "";
17694
+ display: block;
17695
+ left: 0;
17465
17696
  pointer-events: none;
17466
- opacity: 0.26;
17697
+ position: absolute;
17698
+ right: 0;
17699
+ top: 0;
17700
+ transition: inherit;
17467
17701
  }
17468
- .v-btn--disabled.v-btn--variant-elevated, .v-btn--disabled.v-btn--variant-flat {
17469
- box-shadow: none;
17702
+ .v-card--hover::before {
17470
17703
  opacity: 1;
17471
- color: rgba(var(--v-theme-on-surface), 0.26);
17472
- background: rgb(var(--v-theme-surface));
17473
- }
17474
- .v-btn--disabled.v-btn--variant-elevated .v-btn__overlay, .v-btn--disabled.v-btn--variant-flat .v-btn__overlay {
17475
- opacity: 0.4615384615;
17476
- }
17477
- .v-btn--loading {
17478
- pointer-events: none;
17704
+ z-index: -1;
17705
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17479
17706
  }
17480
- .v-btn--loading .v-btn__content,
17481
- .v-btn--loading .v-btn__prepend,
17482
- .v-btn--loading .v-btn__append {
17707
+ .v-card--hover::after {
17708
+ z-index: 1;
17483
17709
  opacity: 0;
17710
+ box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17484
17711
  }
17485
- .v-btn--stacked {
17486
- grid-template-areas: "prepend" "content" "append";
17487
- grid-template-columns: auto;
17488
- grid-template-rows: max-content max-content max-content;
17489
- justify-items: center;
17490
- align-content: center;
17491
- }
17492
- .v-btn--stacked .v-btn__content {
17493
- flex-direction: column;
17494
- line-height: 1.25;
17495
- }
17496
- .v-btn--stacked .v-btn__prepend,
17497
- .v-btn--stacked .v-btn__append,
17498
- .v-btn--stacked .v-btn__content > .v-icon--start,
17499
- .v-btn--stacked .v-btn__content > .v-icon--end {
17500
- margin-inline-start: 0;
17501
- margin-inline-end: 0;
17502
- }
17503
- .v-btn--stacked .v-btn__prepend,
17504
- .v-btn--stacked .v-btn__content > .v-icon--start {
17505
- margin-bottom: 4px;
17712
+ .v-card--hover:hover::after {
17713
+ opacity: 1;
17506
17714
  }
17507
- .v-btn--stacked .v-btn__append,
17508
- .v-btn--stacked .v-btn__content > .v-icon--end {
17509
- margin-top: 4px;
17715
+ .v-card--hover:hover::before {
17716
+ opacity: 0;
17510
17717
  }
17511
- .v-btn--stacked.v-btn--size-x-small {
17512
- --v-btn-size: 0.625rem;
17513
- --v-btn-height: 56px;
17514
- font-size: 0.625rem;
17515
- min-width: 56px;
17516
- padding: 0 12px;
17718
+ .v-card--link {
17719
+ cursor: pointer;
17517
17720
  }
17518
17721
 
17519
- .v-btn--stacked.v-btn--size-small {
17520
- --v-btn-size: 0.75rem;
17521
- --v-btn-height: 64px;
17522
- font-size: 0.75rem;
17523
- min-width: 64px;
17524
- padding: 0 14px;
17722
+ .v-card-actions {
17723
+ align-items: center;
17724
+ display: flex;
17725
+ flex: none;
17726
+ min-height: 52px;
17727
+ padding: 0.5rem;
17525
17728
  }
17526
17729
 
17527
- .v-btn--stacked.v-btn--size-default {
17528
- --v-btn-size: 0.875rem;
17529
- --v-btn-height: 72px;
17530
- font-size: 0.875rem;
17531
- min-width: 72px;
17532
- padding: 0 16px;
17730
+ .v-card-item {
17731
+ align-items: center;
17732
+ display: grid;
17733
+ flex: none;
17734
+ grid-template-areas: "prepend content append";
17735
+ grid-template-columns: max-content auto max-content;
17736
+ padding: 0.625rem 1rem;
17533
17737
  }
17534
-
17535
- .v-btn--stacked.v-btn--size-large {
17536
- --v-btn-size: 1rem;
17537
- --v-btn-height: 80px;
17538
- font-size: 1rem;
17539
- min-width: 80px;
17540
- padding: 0 18px;
17738
+ .v-card-item + .v-card-text {
17739
+ padding-top: 0;
17541
17740
  }
17542
-
17543
- .v-btn--stacked.v-btn--size-x-large {
17544
- --v-btn-size: 1.125rem;
17545
- --v-btn-height: 88px;
17546
- font-size: 1.125rem;
17547
- min-width: 88px;
17548
- padding: 0 20px;
17741
+ .v-card-item__prepend {
17742
+ grid-area: prepend;
17743
+ padding-inline-end: 1rem;
17549
17744
  }
17550
-
17551
- .v-btn--stacked.v-btn--density-default {
17552
- height: calc(var(--v-btn-height) + 0px);
17745
+ .v-card-item__append {
17746
+ grid-area: append;
17747
+ padding-inline-start: 1rem;
17553
17748
  }
17554
17749
 
17555
- .v-btn--stacked.v-btn--density-comfortable {
17556
- height: calc(var(--v-btn-height) + -16px);
17750
+ .v-card-item__content {
17751
+ align-self: center;
17752
+ grid-area: content;
17753
+ overflow: hidden;
17557
17754
  }
17558
17755
 
17559
- .v-btn--stacked.v-btn--density-compact {
17560
- height: calc(var(--v-btn-height) + -24px);
17756
+ .v-card-title {
17757
+ display: block;
17758
+ flex: none;
17759
+ font-size: 1.25rem;
17760
+ font-weight: 500;
17761
+ -webkit-hyphens: auto;
17762
+ hyphens: auto;
17763
+ letter-spacing: 0.0125em;
17764
+ min-width: 0;
17765
+ overflow-wrap: normal;
17766
+ overflow: hidden;
17767
+ padding: 0.5rem 1rem;
17768
+ text-overflow: ellipsis;
17769
+ text-transform: none;
17770
+ white-space: nowrap;
17771
+ word-break: normal;
17772
+ word-wrap: break-word;
17561
17773
  }
17562
-
17563
- .v-btn--rounded {
17564
- border-radius: 24px;
17774
+ .v-card .v-card-title {
17775
+ line-height: 2rem;
17565
17776
  }
17566
- .v-btn .v-icon {
17567
- --v-icon-size-multiplier: 0.8571428571;
17777
+ .v-card--density-comfortable .v-card-title {
17778
+ line-height: 1.75rem;
17568
17779
  }
17569
- .v-btn--icon .v-icon {
17570
- --v-icon-size-multiplier: 1;
17780
+ .v-card--density-compact .v-card-title {
17781
+ line-height: 1.55rem;
17571
17782
  }
17572
- .v-btn--stacked .v-icon {
17573
- --v-icon-size-multiplier: 1.1428571429;
17783
+ .v-card-item .v-card-title {
17784
+ padding: 0;
17574
17785
  }
17575
-
17576
- .v-btn__loader {
17577
- align-items: center;
17578
- display: flex;
17579
- height: 100%;
17580
- justify-content: center;
17581
- left: 0;
17582
- position: absolute;
17583
- top: 0;
17584
- width: 100%;
17786
+ .v-card-title + .v-card-text,
17787
+ .v-card-title + .v-card-actions {
17788
+ padding-top: 0;
17585
17789
  }
17586
17790
 
17587
- .v-btn__content,
17588
- .v-btn__prepend,
17589
- .v-btn__append {
17590
- align-items: center;
17591
- display: flex;
17592
- transition: transform, opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17791
+ .v-card-subtitle {
17792
+ display: block;
17793
+ flex: none;
17794
+ font-size: 0.875rem;
17795
+ font-weight: 400;
17796
+ letter-spacing: 0.0178571429em;
17797
+ opacity: var(--v-medium-emphasis-opacity);
17798
+ overflow: hidden;
17799
+ padding: 0 1rem;
17800
+ text-overflow: ellipsis;
17801
+ text-transform: none;
17802
+ white-space: nowrap;
17593
17803
  }
17594
-
17595
- .v-btn__prepend {
17596
- grid-area: prepend;
17597
- margin-inline-start: calc(var(--v-btn-height) / -9);
17598
- margin-inline-end: calc(var(--v-btn-height) / 4.5);
17804
+ .v-card .v-card-subtitle {
17805
+ line-height: 1.25rem;
17599
17806
  }
17600
-
17601
- .v-btn__append {
17602
- grid-area: append;
17603
- margin-inline-start: calc(var(--v-btn-height) / 4.5);
17604
- margin-inline-end: calc(var(--v-btn-height) / -9);
17807
+ .v-card--density-comfortable .v-card-subtitle {
17808
+ line-height: 1.125rem;
17605
17809
  }
17606
-
17607
- .v-btn__content {
17608
- grid-area: content;
17609
- justify-content: center;
17610
- white-space: nowrap;
17810
+ .v-card--density-compact .v-card-subtitle {
17811
+ line-height: 1rem;
17611
17812
  }
17612
- .v-btn__content > .v-icon--start {
17613
- margin-inline-start: calc(var(--v-btn-height) / -9);
17614
- margin-inline-end: calc(var(--v-btn-height) / 4.5);
17813
+ .v-card-item .v-card-subtitle {
17814
+ padding: 0 0 0.25rem;
17615
17815
  }
17616
- .v-btn__content > .v-icon--end {
17617
- margin-inline-start: calc(var(--v-btn-height) / 4.5);
17618
- margin-inline-end: calc(var(--v-btn-height) / -9);
17816
+
17817
+ .v-card-text {
17818
+ flex: 1 1 auto;
17819
+ font-size: 0.875rem;
17820
+ font-weight: 400;
17821
+ letter-spacing: 0.0178571429em;
17822
+ padding: 1rem;
17823
+ text-transform: none;
17619
17824
  }
17620
- .v-btn--stacked .v-btn__content {
17621
- white-space: normal;
17825
+ .v-card .v-card-text {
17826
+ line-height: 1.25rem;
17622
17827
  }
17623
-
17624
- .v-btn__overlay {
17625
- background-color: currentColor;
17626
- border-radius: inherit;
17627
- opacity: 0;
17628
- transition: opacity 0.2s ease-in-out;
17828
+ .v-card--density-comfortable .v-card-text {
17829
+ line-height: 1.2rem;
17830
+ }
17831
+ .v-card--density-compact .v-card-text {
17832
+ line-height: 1.15rem;
17629
17833
  }
17630
17834
 
17631
- .v-btn__overlay,
17632
- .v-btn__underlay {
17835
+ .v-card__image {
17836
+ display: flex;
17837
+ height: 100%;
17838
+ flex: 1 1 auto;
17839
+ left: 0;
17840
+ overflow: hidden;
17633
17841
  position: absolute;
17634
17842
  top: 0;
17635
- left: 0;
17636
17843
  width: 100%;
17637
- height: 100%;
17638
- pointer-events: none;
17639
- }
17640
-
17641
- .v-card-actions .v-btn {
17642
- padding: 0 8px;
17643
- }
17644
- .v-card-actions .v-btn ~ .v-btn {
17645
- margin-inline-start: 0.5rem;
17844
+ z-index: -1;
17646
17845
  }
17647
17846
 
17648
- .v-banner-actions .v-btn {
17649
- padding: 0 8px;
17847
+ .v-card__content {
17848
+ border-radius: inherit;
17849
+ overflow: hidden;
17850
+ position: relative;
17650
17851
  }
17651
17852
 
17652
- .v-pagination .v-btn {
17653
- border-radius: 4px;
17654
- }
17655
- .v-btn__overlay {
17656
- transition: none;
17657
- }
17658
- .v-pagination__item--is-active .v-btn__overlay {
17659
- opacity: var(--v-border-opacity);
17853
+ .v-card__loader {
17854
+ bottom: auto;
17855
+ top: 0;
17856
+ left: 0;
17857
+ position: absolute;
17858
+ right: 0;
17859
+ width: 100%;
17860
+ z-index: 1;
17660
17861
  }
17661
17862
 
17662
- .v-snackbar-actions .v-btn {
17663
- padding: 0 8px;
17863
+ .v-card__overlay {
17864
+ background-color: currentColor;
17865
+ border-radius: inherit;
17866
+ position: absolute;
17867
+ top: 0;
17868
+ right: 0;
17869
+ bottom: 0;
17870
+ left: 0;
17871
+ pointer-events: none;
17872
+ opacity: 0;
17873
+ transition: opacity 0.2s ease-in-out;
17664
17874
  }.v-carousel {
17665
17875
  overflow: hidden;
17666
17876
  position: relative;
@@ -17723,6 +17933,8 @@ html.overflow-y-hidden {
17723
17933
  flex-direction: column;
17724
17934
  height: 100% !important;
17725
17935
  width: 50px;
17936
+ }.v-checkbox .v-selection-control {
17937
+ min-height: var(--v-input-control-height);
17726
17938
  }.v-chip {
17727
17939
  align-items: center;
17728
17940
  cursor: default;
@@ -18140,8 +18352,6 @@ html.overflow-y-hidden {
18140
18352
  .v-chip-group--column {
18141
18353
  flex-wrap: wrap;
18142
18354
  white-space: normal;
18143
- }.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
18144
- opacity: var(--v-activated-opacity);
18145
18355
  }.v-color-picker {
18146
18356
  align-self: flex-start;
18147
18357
  contain: content;
@@ -18250,11 +18460,6 @@ html.overflow-y-hidden {
18250
18460
  }
18251
18461
  .v-combobox--single .v-field--focused .v-combobox__selection {
18252
18462
  opacity: 0;
18253
- }.v-counter {
18254
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
18255
- flex: 0 1 auto;
18256
- font-size: 12px;
18257
- transition-duration: 150ms;
18258
18463
  }.v-container {
18259
18464
  width: 100%;
18260
18465
  padding: 16px;
@@ -19136,6 +19341,11 @@ html.overflow-y-hidden {
19136
19341
  .offset-xxl-11.v-locale--is-rtl, .v-locale--is-rtl .offset-xxl-11 {
19137
19342
  margin-right: 91.6666666667%;
19138
19343
  }
19344
+ }.v-counter {
19345
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
19346
+ flex: 0 1 auto;
19347
+ font-size: 12px;
19348
+ transition-duration: 150ms;
19139
19349
  }.v-dialog {
19140
19350
  align-items: center;
19141
19351
  justify-content: center;
@@ -19793,7 +20003,6 @@ textarea.v-field__input::placeholder {
19793
20003
  .v-field--variant-outlined .v-field__outline__notch {
19794
20004
  flex: none;
19795
20005
  position: relative;
19796
- border-width: 0 0 var(--v-field-border-width);
19797
20006
  }
19798
20007
  .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after {
19799
20008
  opacity: var(--v-field-border-opacity);
@@ -19969,6 +20178,53 @@ textarea.v-field__input::placeholder {
19969
20178
  }
19970
20179
  .v-footer--rounded {
19971
20180
  border-radius: 4px;
20181
+ }.v-icon {
20182
+ --v-icon-size-multiplier: 1;
20183
+ align-items: center;
20184
+ display: inline-flex;
20185
+ font-feature-settings: "liga";
20186
+ height: 1em;
20187
+ justify-content: center;
20188
+ letter-spacing: normal;
20189
+ line-height: 1;
20190
+ position: relative;
20191
+ text-indent: 0;
20192
+ -webkit-user-select: none;
20193
+ user-select: none;
20194
+ vertical-align: middle;
20195
+ width: 1em;
20196
+ }
20197
+ .v-icon--clickable {
20198
+ cursor: pointer;
20199
+ }
20200
+ .v-icon--size-x-small {
20201
+ font-size: calc(var(--v-icon-size-multiplier) * 1em);
20202
+ }
20203
+ .v-icon--size-small {
20204
+ font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
20205
+ }
20206
+ .v-icon--size-default {
20207
+ font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
20208
+ }
20209
+ .v-icon--size-large {
20210
+ font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
20211
+ }
20212
+ .v-icon--size-x-large {
20213
+ font-size: calc(var(--v-icon-size-multiplier) * 2em);
20214
+ }
20215
+
20216
+ .v-icon__svg {
20217
+ fill: currentColor;
20218
+ width: 100%;
20219
+ height: 100%;
20220
+ }
20221
+
20222
+ .v-icon--start {
20223
+ margin-inline-end: 8px;
20224
+ }
20225
+
20226
+ .v-icon--end {
20227
+ margin-inline-start: 8px;
19972
20228
  }.v-img {
19973
20229
  --v-theme-overlay-multiplier: 3;
19974
20230
  z-index: 0;
@@ -20114,53 +20370,6 @@ textarea.v-field__input::placeholder {
20114
20370
  .v-input__control {
20115
20371
  display: flex;
20116
20372
  grid-area: control;
20117
- }.v-icon {
20118
- --v-icon-size-multiplier: 1;
20119
- align-items: center;
20120
- display: inline-flex;
20121
- font-feature-settings: "liga";
20122
- height: 1em;
20123
- justify-content: center;
20124
- letter-spacing: normal;
20125
- line-height: 1;
20126
- position: relative;
20127
- text-indent: 0;
20128
- -webkit-user-select: none;
20129
- user-select: none;
20130
- vertical-align: middle;
20131
- width: 1em;
20132
- }
20133
- .v-icon--clickable {
20134
- cursor: pointer;
20135
- }
20136
- .v-icon--size-x-small {
20137
- font-size: calc(var(--v-icon-size-multiplier) * 1em);
20138
- }
20139
- .v-icon--size-small {
20140
- font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
20141
- }
20142
- .v-icon--size-default {
20143
- font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
20144
- }
20145
- .v-icon--size-large {
20146
- font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
20147
- }
20148
- .v-icon--size-x-large {
20149
- font-size: calc(var(--v-icon-size-multiplier) * 2em);
20150
- }
20151
-
20152
- .v-icon__svg {
20153
- fill: currentColor;
20154
- width: 100%;
20155
- height: 100%;
20156
- }
20157
-
20158
- .v-icon--start {
20159
- margin-inline-end: 8px;
20160
- }
20161
-
20162
- .v-icon--end {
20163
- margin-inline-start: 8px;
20164
20373
  }.v-item-group {
20165
20374
  flex: 0 1 auto;
20166
20375
  max-width: 100%;
@@ -20690,6 +20899,8 @@ textarea.v-field__input::placeholder {
20690
20899
 
20691
20900
  .v-list-group__header.v-list-item--active:not(:focus-visible) .v-list-item__overlay {
20692
20901
  opacity: 0;
20902
+ }.v-locale-provider {
20903
+ display: contents;
20693
20904
  }.v-main {
20694
20905
  flex: 1 0 auto;
20695
20906
  max-width: 100%;
@@ -20718,8 +20929,6 @@ textarea.v-field__input::placeholder {
20718
20929
  --v-layout-right: 0px;
20719
20930
  --v-layout-top: 0px;
20720
20931
  --v-layout-bottom: 0px;
20721
- }.v-locale-provider {
20722
- display: contents;
20723
20932
  }.v-menu > .v-overlay__content {
20724
20933
  display: flex;
20725
20934
  flex-direction: column;
@@ -20733,6 +20942,22 @@ textarea.v-field__input::placeholder {
20733
20942
  overflow: auto;
20734
20943
  height: 100%;
20735
20944
  box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
20945
+ }.v-messages {
20946
+ flex: 1 1 auto;
20947
+ font-size: 12px;
20948
+ min-height: 14px;
20949
+ min-width: 1px;
20950
+ opacity: var(--v-medium-emphasis-opacity);
20951
+ position: relative;
20952
+ }
20953
+ .v-messages__message {
20954
+ line-height: 12px;
20955
+ word-break: break-word;
20956
+ overflow-wrap: break-word;
20957
+ word-wrap: break-word;
20958
+ -webkit-hyphens: auto;
20959
+ hyphens: auto;
20960
+ transition-duration: 150ms;
20736
20961
  }.v-navigation-drawer {
20737
20962
  -webkit-overflow-scrolling: touch;
20738
20963
  background: rgb(var(--v-theme-surface));
@@ -20824,22 +21049,6 @@ textarea.v-field__input::placeholder {
20824
21049
  opacity: 0.2;
20825
21050
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20826
21051
  z-index: 1;
20827
- }.v-messages {
20828
- flex: 1 1 auto;
20829
- font-size: 12px;
20830
- min-height: 14px;
20831
- min-width: 1px;
20832
- opacity: var(--v-medium-emphasis-opacity);
20833
- position: relative;
20834
- }
20835
- .v-messages__message {
20836
- line-height: 12px;
20837
- word-break: break-word;
20838
- overflow-wrap: break-word;
20839
- word-wrap: break-word;
20840
- -webkit-hyphens: auto;
20841
- hyphens: auto;
20842
- transition-duration: 150ms;
20843
21052
  }.v-overlay-container {
20844
21053
  contain: layout;
20845
21054
  left: 0;
@@ -20891,30 +21100,132 @@ html.v-overlay-scroll-blocked {
20891
21100
  top: 0;
20892
21101
  }
20893
21102
 
20894
- .v-overlay--absolute {
20895
- position: absolute;
21103
+ .v-overlay--absolute {
21104
+ position: absolute;
21105
+ }
21106
+
21107
+ .v-overlay--contained .v-overlay__scrim {
21108
+ position: absolute;
21109
+ }
21110
+
21111
+ .v-overlay--scroll-blocked {
21112
+ padding-inline-end: var(--v-scrollbar-offset);
21113
+ }.v-pagination__list {
21114
+ display: inline-flex;
21115
+ list-style-type: none;
21116
+ justify-content: center;
21117
+ width: 100%;
21118
+ }
21119
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
21120
+ margin: 0.3rem;
21121
+ }.v-parallax {
21122
+ position: relative;
21123
+ overflow: hidden;
21124
+ }
21125
+ .v-parallax--active > .v-img__img {
21126
+ will-change: transform;
21127
+ }.v-progress-circular {
21128
+ align-items: center;
21129
+ display: inline-flex;
21130
+ justify-content: center;
21131
+ position: relative;
21132
+ vertical-align: middle;
21133
+ }
21134
+ .v-progress-circular > svg {
21135
+ width: 100%;
21136
+ height: 100%;
21137
+ margin: auto;
21138
+ position: absolute;
21139
+ top: 0;
21140
+ bottom: 0;
21141
+ left: 0;
21142
+ right: 0;
21143
+ z-index: 0;
21144
+ }
21145
+
21146
+ .v-progress-circular__content {
21147
+ align-items: center;
21148
+ display: flex;
21149
+ justify-content: center;
21150
+ }
21151
+
21152
+ .v-progress-circular__underlay {
21153
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
21154
+ stroke: currentColor;
21155
+ z-index: 1;
21156
+ }
21157
+
21158
+ .v-progress-circular__overlay {
21159
+ stroke: currentColor;
21160
+ transition: all 0.2s ease-in-out, stroke-width 0s;
21161
+ z-index: 2;
21162
+ }
21163
+
21164
+ .v-progress-circular--size-x-small {
21165
+ height: 16px;
21166
+ width: 16px;
21167
+ }
21168
+ .v-progress-circular--size-small {
21169
+ height: 24px;
21170
+ width: 24px;
21171
+ }
21172
+ .v-progress-circular--size-default {
21173
+ height: 32px;
21174
+ width: 32px;
21175
+ }
21176
+ .v-progress-circular--size-large {
21177
+ height: 48px;
21178
+ width: 48px;
21179
+ }
21180
+ .v-progress-circular--size-x-large {
21181
+ height: 64px;
21182
+ width: 64px;
21183
+ }
21184
+
21185
+ .v-progress-circular--indeterminate > svg {
21186
+ animation: progress-circular-rotate 1.4s linear infinite;
21187
+ transform-origin: center center;
21188
+ transition: all 0.2s ease-in-out;
21189
+ }
21190
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
21191
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
21192
+ stroke-dasharray: 25, 200;
21193
+ stroke-dashoffset: 0;
21194
+ stroke-linecap: round;
21195
+ transform-origin: center center;
21196
+ transform: rotate(-90deg);
20896
21197
  }
20897
21198
 
20898
- .v-overlay--contained .v-overlay__scrim {
20899
- position: absolute;
21199
+ .v-progress-circular--disable-shrink > svg {
21200
+ animation-duration: 0.7s;
21201
+ }
21202
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
21203
+ animation: none;
20900
21204
  }
20901
21205
 
20902
- .v-overlay--scroll-blocked {
20903
- padding-inline-end: var(--v-scrollbar-offset);
20904
- }.v-pagination__list {
20905
- display: inline-flex;
20906
- list-style-type: none;
20907
- justify-content: center;
20908
- width: 100%;
21206
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
21207
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
21208
+ animation-play-state: paused !important;
20909
21209
  }
20910
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
20911
- margin: 0.3rem;
20912
- }.v-parallax {
20913
- position: relative;
20914
- overflow: hidden;
21210
+
21211
+ @keyframes progress-circular-dash {
21212
+ 0% {
21213
+ stroke-dasharray: 1, 200;
21214
+ stroke-dashoffset: 0px;
21215
+ }
21216
+ 50% {
21217
+ stroke-dasharray: 100, 200;
21218
+ stroke-dashoffset: -15px;
21219
+ }
21220
+ 100% {
21221
+ stroke-dasharray: 100, 200;
21222
+ stroke-dashoffset: -124px;
21223
+ }
20915
21224
  }
20916
- .v-parallax--active > .v-img__img {
20917
- will-change: transform;
21225
+ @keyframes progress-circular-rotate {
21226
+ 100% {
21227
+ transform: rotate(270deg);
21228
+ }
20918
21229
  }.v-progress-linear {
20919
21230
  background: transparent;
20920
21231
  overflow: hidden;
@@ -21332,78 +21643,6 @@ html.v-overlay-scroll-blocked {
21332
21643
  }
21333
21644
  .v-select--selected .v-field .v-field__input > input {
21334
21645
  opacity: 0;
21335
- }.v-sheet {
21336
- display: block;
21337
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21338
- border-style: solid;
21339
- border-width: 0;
21340
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
21341
- border-radius: 0;
21342
- background: rgb(var(--v-theme-surface));
21343
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
21344
- }
21345
- .v-sheet--border {
21346
- border-width: thin;
21347
- box-shadow: none;
21348
- }
21349
- .v-sheet--absolute {
21350
- position: absolute;
21351
- }
21352
- .v-sheet--fixed {
21353
- position: fixed;
21354
- }
21355
- .v-sheet--rounded {
21356
- border-radius: 4px;
21357
- }.v-selection-control-group {
21358
- grid-area: control;
21359
- display: flex;
21360
- flex-direction: column;
21361
- }
21362
- .v-selection-control-group--inline {
21363
- flex-direction: row;
21364
- flex-wrap: wrap;
21365
- }.v-slide-group {
21366
- display: flex;
21367
- overflow: hidden;
21368
- }
21369
-
21370
- .v-slide-group__next,
21371
- .v-slide-group__prev {
21372
- align-items: center;
21373
- display: flex;
21374
- flex: 0 1 52px;
21375
- justify-content: center;
21376
- min-width: 52px;
21377
- cursor: pointer;
21378
- }
21379
- .v-slide-group__next--disabled,
21380
- .v-slide-group__prev--disabled {
21381
- pointer-events: none;
21382
- opacity: var(--v-disabled-opacity);
21383
- }
21384
-
21385
- .v-slide-group__content {
21386
- display: flex;
21387
- flex: 1 0 auto;
21388
- position: relative;
21389
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
21390
- white-space: nowrap;
21391
- }
21392
- .v-slide-group__content > * {
21393
- white-space: initial;
21394
- }
21395
-
21396
- .v-slide-group__container {
21397
- contain: content;
21398
- display: flex;
21399
- flex: 1 1 auto;
21400
- overflow: hidden;
21401
- }
21402
-
21403
- .v-slide-group--vertical,
21404
- .v-slide-group--vertical .v-slide-group__container,
21405
- .v-slide-group--vertical .v-slide-group__content {
21406
- flex-direction: column;
21407
21646
  }.v-selection-control {
21408
21647
  align-items: center;
21409
21648
  contain: layout;
@@ -21506,6 +21745,78 @@ html.v-overlay-scroll-blocked {
21506
21745
  }
21507
21746
  .v-selection-control--focus-visible .v-selection-control__input::before {
21508
21747
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21748
+ }.v-selection-control-group {
21749
+ grid-area: control;
21750
+ display: flex;
21751
+ flex-direction: column;
21752
+ }
21753
+ .v-selection-control-group--inline {
21754
+ flex-direction: row;
21755
+ flex-wrap: wrap;
21756
+ }.v-sheet {
21757
+ display: block;
21758
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21759
+ border-style: solid;
21760
+ border-width: 0;
21761
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
21762
+ border-radius: 0;
21763
+ background: rgb(var(--v-theme-surface));
21764
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
21765
+ }
21766
+ .v-sheet--border {
21767
+ border-width: thin;
21768
+ box-shadow: none;
21769
+ }
21770
+ .v-sheet--absolute {
21771
+ position: absolute;
21772
+ }
21773
+ .v-sheet--fixed {
21774
+ position: fixed;
21775
+ }
21776
+ .v-sheet--rounded {
21777
+ border-radius: 4px;
21778
+ }.v-slide-group {
21779
+ display: flex;
21780
+ overflow: hidden;
21781
+ }
21782
+
21783
+ .v-slide-group__next,
21784
+ .v-slide-group__prev {
21785
+ align-items: center;
21786
+ display: flex;
21787
+ flex: 0 1 52px;
21788
+ justify-content: center;
21789
+ min-width: 52px;
21790
+ cursor: pointer;
21791
+ }
21792
+ .v-slide-group__next--disabled,
21793
+ .v-slide-group__prev--disabled {
21794
+ pointer-events: none;
21795
+ opacity: var(--v-disabled-opacity);
21796
+ }
21797
+
21798
+ .v-slide-group__content {
21799
+ display: flex;
21800
+ flex: 1 0 auto;
21801
+ position: relative;
21802
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
21803
+ white-space: nowrap;
21804
+ }
21805
+ .v-slide-group__content > * {
21806
+ white-space: initial;
21807
+ }
21808
+
21809
+ .v-slide-group__container {
21810
+ contain: content;
21811
+ display: flex;
21812
+ flex: 1 1 auto;
21813
+ overflow: hidden;
21814
+ }
21815
+
21816
+ .v-slide-group--vertical,
21817
+ .v-slide-group--vertical .v-slide-group__container,
21818
+ .v-slide-group--vertical .v-slide-group__content {
21819
+ flex-direction: column;
21509
21820
  }.v-snackbar {
21510
21821
  justify-content: center;
21511
21822
  z-index: 10000;
@@ -21930,71 +22241,29 @@ html.v-overlay-scroll-blocked {
21930
22241
  .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
21931
22242
  border-top-right-radius: 0;
21932
22243
  }
21933
-
21934
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
21935
- border-bottom-left-radius: 0;
21936
- }
21937
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
21938
- border-bottom-right-radius: 0;
21939
- }
21940
-
21941
- .v-table--fixed-height > .v-table__wrapper {
21942
- overflow-y: auto;
21943
- }
21944
-
21945
- .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
21946
- border-bottom: 0px !important;
21947
- position: sticky;
21948
- top: 0;
21949
- }
21950
-
21951
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
21952
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
21953
- border-top: 0px !important;
21954
- position: sticky;
21955
- bottom: 0;
21956
- }.v-textarea .v-field {
21957
- --v-textarea-control-height: var(--v-input-control-height);
21958
- }
21959
- .v-textarea .v-field__field {
21960
- --v-input-control-height: var(--v-textarea-control-height);
21961
- }
21962
- .v-textarea .v-field__input {
21963
- flex: 1 1 auto;
21964
- outline: none;
21965
- -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
21966
- mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
21967
- }
21968
- .v-textarea--auto-grow .v-field__input {
21969
- overflow: hidden;
21970
- }
21971
- .v-textarea--no-resize .v-field__input {
21972
- resize: none;
21973
- }
21974
- .v-textarea__sizer {
21975
- visibility: hidden;
21976
- position: absolute;
21977
- top: 0;
21978
- left: 0;
21979
- height: 0 !important;
21980
- min-height: 0 !important;
21981
- pointer-events: none;
21982
- }
21983
- .v-textarea .v-field--no-label textarea,
21984
- .v-textarea .v-field--active textarea {
21985
- opacity: 1;
22244
+
22245
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
22246
+ border-bottom-left-radius: 0;
21986
22247
  }
21987
- .v-textarea textarea {
21988
- opacity: 0;
21989
- flex: 1;
21990
- min-width: 0;
21991
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
22248
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
22249
+ border-bottom-right-radius: 0;
21992
22250
  }
21993
- .v-textarea textarea:focus, .v-textarea textarea:active {
21994
- outline: none;
22251
+
22252
+ .v-table--fixed-height > .v-table__wrapper {
22253
+ overflow-y: auto;
21995
22254
  }
21996
- .v-textarea textarea:invalid {
21997
- box-shadow: none;
22255
+
22256
+ .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
22257
+ border-bottom: 0px !important;
22258
+ position: sticky;
22259
+ top: 0;
22260
+ }
22261
+
22262
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
22263
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
22264
+ border-top: 0px !important;
22265
+ position: sticky;
22266
+ bottom: 0;
21998
22267
  }/* region BLOCK */
21999
22268
  .v-text-field input {
22000
22269
  color: inherit;
@@ -22687,376 +22956,106 @@ html.v-overlay-scroll-blocked {
22687
22956
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
22688
22957
  }
22689
22958
  .v-window__controls {
22690
- position: absolute;
22691
- left: 0;
22692
- top: 0;
22693
- width: 100%;
22694
- height: 100%;
22695
- display: flex;
22696
- align-items: center;
22697
- justify-content: space-between;
22698
- padding: 0 16px;
22699
- pointer-events: none;
22700
- }
22701
- .v-window__controls * {
22702
- pointer-events: auto;
22703
- }
22704
- .v-window--show-arrows-on-hover {
22705
- overflow: hidden;
22706
- }
22707
- .v-window--show-arrows-on-hover .v-window__left {
22708
- transform: translateX(-200%);
22709
- }
22710
- .v-window--show-arrows-on-hover .v-window__right {
22711
- transform: translateX(200%);
22712
- }
22713
- .v-window--show-arrows-on-hover:hover .v-window__left,
22714
- .v-window--show-arrows-on-hover:hover .v-window__right {
22715
- transform: translateX(0);
22716
- }
22717
- .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
22718
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
22719
- }
22720
- .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
22721
- position: absolute !important;
22722
- top: 0;
22723
- width: 100%;
22724
- }
22725
- .v-window-x-transition-enter-from {
22726
- transform: translateX(100%);
22727
- }
22728
- .v-window-x-transition-leave-to {
22729
- transform: translateX(-100%);
22730
- }
22731
- .v-window-x-reverse-transition-enter-from {
22732
- transform: translateX(-100%);
22733
- }
22734
- .v-window-x-reverse-transition-leave-to {
22735
- transform: translateX(100%);
22736
- }
22737
- .v-window-y-transition-enter-from {
22738
- transform: translateY(100%);
22739
- }
22740
- .v-window-y-transition-leave-to {
22741
- transform: translateY(-100%);
22742
- }
22743
- .v-window-y-reverse-transition-enter-from {
22744
- transform: translateY(-100%);
22745
- }
22746
- .v-window-y-reverse-transition-leave-to {
22747
- transform: translateY(100%);
22748
- }.v-alert {
22749
- display: grid;
22750
- flex: 1 1;
22751
- grid-template-areas: "prepend content append close" ". content . .";
22752
- grid-template-columns: max-content auto max-content max-content;
22753
- position: relative;
22754
- padding: 16px;
22755
- overflow: hidden;
22756
- --v-border-color: currentColor;
22757
- border-radius: 4px;
22758
- }
22759
- .v-alert--absolute {
22760
- position: absolute;
22761
- }
22762
- .v-alert--fixed {
22763
- position: fixed;
22764
- }
22765
- .v-alert--sticky {
22766
- position: sticky;
22767
- }
22768
- .v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-tonal {
22769
- background: transparent;
22770
- color: inherit;
22771
- }
22772
- .v-alert--variant-plain {
22773
- opacity: 0.62;
22774
- }
22775
- .v-alert--variant-plain:focus, .v-alert--variant-plain:hover {
22776
- opacity: 1;
22777
- }
22778
- .v-alert--variant-plain .v-alert__overlay {
22779
- display: none;
22780
- }
22781
- .v-alert--variant-elevated, .v-alert--variant-flat {
22782
- background: rgb(var(--v-theme-on-surface-variant));
22783
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22784
- }
22785
- .v-alert--variant-elevated {
22786
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
22787
- }
22788
- .v-alert--variant-flat {
22789
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
22790
- }
22791
- .v-alert--variant-outlined {
22792
- border: thin solid currentColor;
22793
- }
22794
- .v-alert--variant-text .v-alert__overlay {
22795
- background: currentColor;
22796
- }
22797
- .v-alert--variant-tonal .v-alert__underlay {
22798
- background: currentColor;
22799
- opacity: var(--v-activated-opacity);
22800
- border-radius: inherit;
22801
- position: absolute;
22802
- top: 0;
22803
- right: 0;
22804
- bottom: 0;
22805
- left: 0;
22806
- pointer-events: none;
22807
- }
22808
- .v-alert--prominent {
22809
- grid-template-areas: "prepend content append close" "prepend content . .";
22810
- }
22811
- .v-alert.v-alert--border {
22812
- --v-border-opacity: 0.38;
22813
- }
22814
- .v-alert.v-alert--border.v-alert--border-start {
22815
- padding-inline-start: 24px;
22816
- }
22817
- .v-alert.v-alert--border.v-alert--border-end {
22818
- padding-inline-end: 24px;
22819
- }
22820
- .v-alert--variant-plain {
22821
- transition: 0.2s opacity cubic-bezier(0.4, 0, 0.2, 1);
22822
- }
22823
- .v-alert--density-default {
22824
- padding-bottom: 16px;
22825
- padding-top: 16px;
22826
- }
22827
- .v-alert--density-default.v-alert--border-top {
22828
- padding-top: 24px;
22829
- }
22830
- .v-alert--density-default.v-alert--border-bottom {
22831
- padding-bottom: 24px;
22832
- }
22833
-
22834
- .v-alert--density-comfortable {
22835
- padding-bottom: 12px;
22836
- padding-top: 12px;
22837
- }
22838
- .v-alert--density-comfortable.v-alert--border-top {
22839
- padding-top: 20px;
22840
- }
22841
- .v-alert--density-comfortable.v-alert--border-bottom {
22842
- padding-bottom: 20px;
22843
- }
22844
-
22845
- .v-alert--density-compact {
22846
- padding-bottom: 8px;
22847
- padding-top: 8px;
22848
- }
22849
- .v-alert--density-compact.v-alert--border-top {
22850
- padding-top: 16px;
22851
- }
22852
- .v-alert--density-compact.v-alert--border-bottom {
22853
- padding-bottom: 16px;
22854
- }
22855
-
22856
- .v-alert__border {
22857
- border-radius: inherit;
22858
- bottom: 0;
22859
- left: 0;
22860
- opacity: var(--v-border-opacity);
22861
- position: absolute;
22862
- pointer-events: none;
22863
- right: 0;
22864
- top: 0;
22865
- width: 100%;
22866
- border-color: currentColor;
22867
- border-style: solid;
22868
- border-width: 0;
22869
- }
22870
- .v-alert__border--border {
22871
- border-width: 8px;
22872
- box-shadow: none;
22873
- }
22874
- .v-alert--border-start .v-alert__border {
22875
- border-inline-start-width: 8px;
22876
- }
22877
- .v-alert--border-end .v-alert__border {
22878
- border-inline-end-width: 8px;
22879
- }
22880
- .v-alert--border-top .v-alert__border {
22881
- border-top-width: 8px;
22882
- }
22883
- .v-alert--border-bottom .v-alert__border {
22884
- border-bottom-width: 8px;
22885
- }
22886
-
22887
- .v-alert__close {
22888
- flex: 0 1 auto;
22889
- grid-area: close;
22890
- }
22891
-
22892
- .v-alert__content {
22893
- align-self: center;
22894
- grid-area: content;
22895
- overflow: hidden;
22896
- }
22897
-
22898
- .v-alert__append,
22899
- .v-alert__close {
22900
- align-self: flex-start;
22901
- margin-inline-start: 16px;
22902
- }
22903
-
22904
- .v-alert__append {
22905
- align-self: flex-start;
22906
- grid-area: append;
22907
- }
22908
- .v-alert__append + .v-alert__close {
22909
- margin-inline-start: 16px;
22910
- }
22911
-
22912
- .v-alert__prepend {
22913
- align-self: flex-start;
22959
+ position: absolute;
22960
+ left: 0;
22961
+ top: 0;
22962
+ width: 100%;
22963
+ height: 100%;
22914
22964
  display: flex;
22915
22965
  align-items: center;
22916
- grid-area: prepend;
22917
- margin-inline-end: 16px;
22918
- }
22919
- .v-alert--prominent .v-alert__prepend {
22920
- align-self: center;
22966
+ justify-content: space-between;
22967
+ padding: 0 16px;
22968
+ pointer-events: none;
22921
22969
  }
22922
-
22923
- .v-alert__underlay {
22924
- grid-area: none;
22925
- position: absolute;
22970
+ .v-window__controls * {
22971
+ pointer-events: auto;
22926
22972
  }
22927
- .v-alert--border-start .v-alert__underlay {
22928
- border-top-left-radius: 0;
22929
- border-bottom-left-radius: 0;
22973
+ .v-window--show-arrows-on-hover {
22974
+ overflow: hidden;
22930
22975
  }
22931
- .v-alert--border-end .v-alert__underlay {
22932
- border-top-right-radius: 0;
22933
- border-bottom-right-radius: 0;
22976
+ .v-window--show-arrows-on-hover .v-window__left {
22977
+ transform: translateX(-200%);
22934
22978
  }
22935
- .v-alert--border-top .v-alert__underlay {
22936
- border-top-left-radius: 0;
22937
- border-top-right-radius: 0;
22979
+ .v-window--show-arrows-on-hover .v-window__right {
22980
+ transform: translateX(200%);
22938
22981
  }
22939
- .v-alert--border-bottom .v-alert__underlay {
22940
- border-bottom-left-radius: 0;
22941
- border-bottom-right-radius: 0;
22982
+ .v-window--show-arrows-on-hover:hover .v-window__left,
22983
+ .v-window--show-arrows-on-hover:hover .v-window__right {
22984
+ transform: translateX(0);
22942
22985
  }
22943
-
22944
- .v-alert-title {
22945
- align-items: center;
22946
- align-self: center;
22947
- display: flex;
22948
- font-size: 1.25rem;
22949
- font-weight: 500;
22950
- -webkit-hyphens: auto;
22951
- hyphens: auto;
22952
- letter-spacing: 0.0125em;
22953
- line-height: 1.75rem;
22954
- overflow-wrap: normal;
22955
- text-transform: none;
22956
- word-break: normal;
22957
- word-wrap: break-word;
22958
- }.v-progress-circular {
22959
- align-items: center;
22960
- display: inline-flex;
22961
- justify-content: center;
22962
- position: relative;
22963
- vertical-align: middle;
22986
+ .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
22987
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
22964
22988
  }
22965
- .v-progress-circular > svg {
22966
- width: 100%;
22967
- height: 100%;
22968
- margin: auto;
22969
- position: absolute;
22989
+ .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
22990
+ position: absolute !important;
22970
22991
  top: 0;
22971
- bottom: 0;
22972
- left: 0;
22973
- right: 0;
22974
- z-index: 0;
22992
+ width: 100%;
22975
22993
  }
22976
-
22977
- .v-progress-circular__content {
22978
- align-items: center;
22979
- display: flex;
22980
- justify-content: center;
22994
+ .v-window-x-transition-enter-from {
22995
+ transform: translateX(100%);
22981
22996
  }
22982
-
22983
- .v-progress-circular__underlay {
22984
- color: rgba(var(--v-border-color), var(--v-border-opacity));
22985
- stroke: currentColor;
22986
- z-index: 1;
22997
+ .v-window-x-transition-leave-to {
22998
+ transform: translateX(-100%);
22987
22999
  }
22988
-
22989
- .v-progress-circular__overlay {
22990
- stroke: currentColor;
22991
- transition: all 0.2s ease-in-out, stroke-width 0s;
22992
- z-index: 2;
23000
+ .v-window-x-reverse-transition-enter-from {
23001
+ transform: translateX(-100%);
22993
23002
  }
22994
-
22995
- .v-progress-circular--size-x-small {
22996
- height: 16px;
22997
- width: 16px;
23003
+ .v-window-x-reverse-transition-leave-to {
23004
+ transform: translateX(100%);
22998
23005
  }
22999
- .v-progress-circular--size-small {
23000
- height: 24px;
23001
- width: 24px;
23006
+ .v-window-y-transition-enter-from {
23007
+ transform: translateY(100%);
23002
23008
  }
23003
- .v-progress-circular--size-default {
23004
- height: 32px;
23005
- width: 32px;
23009
+ .v-window-y-transition-leave-to {
23010
+ transform: translateY(-100%);
23006
23011
  }
23007
- .v-progress-circular--size-large {
23008
- height: 48px;
23009
- width: 48px;
23012
+ .v-window-y-reverse-transition-enter-from {
23013
+ transform: translateY(-100%);
23010
23014
  }
23011
- .v-progress-circular--size-x-large {
23012
- height: 64px;
23013
- width: 64px;
23015
+ .v-window-y-reverse-transition-leave-to {
23016
+ transform: translateY(100%);
23017
+ }.v-textarea .v-field {
23018
+ --v-textarea-control-height: var(--v-input-control-height);
23014
23019
  }
23015
-
23016
- .v-progress-circular--indeterminate > svg {
23017
- animation: progress-circular-rotate 1.4s linear infinite;
23018
- transform-origin: center center;
23019
- transition: all 0.2s ease-in-out;
23020
+ .v-textarea .v-field__field {
23021
+ --v-input-control-height: var(--v-textarea-control-height);
23020
23022
  }
23021
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
23022
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23023
- stroke-dasharray: 25, 200;
23024
- stroke-dashoffset: 0;
23025
- stroke-linecap: round;
23026
- transform-origin: center center;
23027
- transform: rotate(-90deg);
23023
+ .v-textarea .v-field__input {
23024
+ flex: 1 1 auto;
23025
+ outline: none;
23026
+ -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
23027
+ mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
23028
23028
  }
23029
-
23030
- .v-progress-circular--disable-shrink > svg {
23031
- animation-duration: 0.7s;
23029
+ .v-textarea--auto-grow .v-field__input {
23030
+ overflow: hidden;
23032
23031
  }
23033
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23034
- animation: none;
23032
+ .v-textarea--no-resize .v-field__input {
23033
+ resize: none;
23035
23034
  }
23036
-
23037
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23038
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23039
- animation-play-state: paused !important;
23035
+ .v-textarea__sizer {
23036
+ visibility: hidden;
23037
+ position: absolute;
23038
+ top: 0;
23039
+ left: 0;
23040
+ height: 0 !important;
23041
+ min-height: 0 !important;
23042
+ pointer-events: none;
23040
23043
  }
23041
-
23042
- @keyframes progress-circular-dash {
23043
- 0% {
23044
- stroke-dasharray: 1, 200;
23045
- stroke-dashoffset: 0px;
23046
- }
23047
- 50% {
23048
- stroke-dasharray: 100, 200;
23049
- stroke-dashoffset: -15px;
23050
- }
23051
- 100% {
23052
- stroke-dasharray: 100, 200;
23053
- stroke-dashoffset: -124px;
23054
- }
23044
+ .v-textarea .v-field--no-label textarea,
23045
+ .v-textarea .v-field--active textarea {
23046
+ opacity: 1;
23055
23047
  }
23056
- @keyframes progress-circular-rotate {
23057
- 100% {
23058
- transform: rotate(270deg);
23059
- }
23048
+ .v-textarea textarea {
23049
+ opacity: 0;
23050
+ flex: 1;
23051
+ min-width: 0;
23052
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
23053
+ }
23054
+ .v-textarea textarea:focus, .v-textarea textarea:active {
23055
+ outline: none;
23056
+ }
23057
+ .v-textarea textarea:invalid {
23058
+ box-shadow: none;
23060
23059
  }.v-color-picker-canvas {
23061
23060
  display: flex;
23062
23061
  position: relative;
@@ -23078,6 +23077,36 @@ html.v-overlay-scroll-blocked {
23078
23077
  }
23079
23078
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
23080
23079
  will-change: transform;
23080
+ }.v-color-picker-edit {
23081
+ display: flex;
23082
+ }
23083
+
23084
+ .v-color-picker-edit__input {
23085
+ width: 100%;
23086
+ display: flex;
23087
+ flex-wrap: wrap;
23088
+ justify-content: center;
23089
+ text-align: center;
23090
+ }
23091
+ .v-color-picker-edit__input:not(:last-child).v-locale--is-ltr, .v-locale--is-ltr .v-color-picker-edit__input:not(:last-child) {
23092
+ margin-right: 8px;
23093
+ }
23094
+ .v-color-picker-edit__input:not(:last-child).v-locale--is-rtl, .v-locale--is-rtl .v-color-picker-edit__input:not(:last-child) {
23095
+ margin-left: 8px;
23096
+ }
23097
+ .v-color-picker-edit__input input {
23098
+ border-radius: 4px;
23099
+ margin-bottom: 8px;
23100
+ min-width: 0;
23101
+ outline: none;
23102
+ text-align: center;
23103
+ width: 100%;
23104
+ height: 32px;
23105
+ background: rgba(var(--v-theme-surface-variant), 0.2);
23106
+ color: rgba(var(--v-theme-on-surface));
23107
+ }
23108
+ .v-color-picker-edit__input span {
23109
+ font-size: 0.75rem;
23081
23110
  }.v-color-picker-preview__alpha .v-slider-track__background {
23082
23111
  background-color: transparent !important;
23083
23112
  }
@@ -23144,36 +23173,6 @@ html.v-overlay-scroll-blocked {
23144
23173
  align-items: center;
23145
23174
  display: flex;
23146
23175
  margin-bottom: 24px;
23147
- }.v-color-picker-edit {
23148
- display: flex;
23149
- }
23150
-
23151
- .v-color-picker-edit__input {
23152
- width: 100%;
23153
- display: flex;
23154
- flex-wrap: wrap;
23155
- justify-content: center;
23156
- text-align: center;
23157
- }
23158
- .v-color-picker-edit__input:not(:last-child).v-locale--is-ltr, .v-locale--is-ltr .v-color-picker-edit__input:not(:last-child) {
23159
- margin-right: 8px;
23160
- }
23161
- .v-color-picker-edit__input:not(:last-child).v-locale--is-rtl, .v-locale--is-rtl .v-color-picker-edit__input:not(:last-child) {
23162
- margin-left: 8px;
23163
- }
23164
- .v-color-picker-edit__input input {
23165
- border-radius: 4px;
23166
- margin-bottom: 8px;
23167
- min-width: 0;
23168
- outline: none;
23169
- text-align: center;
23170
- width: 100%;
23171
- height: 32px;
23172
- background: rgba(var(--v-theme-surface-variant), 0.2);
23173
- color: rgba(var(--v-theme-on-surface));
23174
- }
23175
- .v-color-picker-edit__input span {
23176
- font-size: 0.75rem;
23177
23176
  }.v-color-picker-swatches {
23178
23177
  overflow-y: auto;
23179
23178
  }