@vuetify/nightly 4.0.0-dev-20230426.0 → 4.0.0-dev-20230511.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 (399) hide show
  1. package/CHANGELOG.md +22 -15
  2. package/dist/json/attributes.json +949 -729
  3. package/dist/json/importMap-labs.json +4 -4
  4. package/dist/json/importMap.json +12 -12
  5. package/dist/json/tags.json +57 -2
  6. package/dist/json/web-types.json +1966 -1440
  7. package/dist/vuetify-labs.css +1504 -1493
  8. package/dist/vuetify-labs.d.ts +6175 -8100
  9. package/dist/vuetify-labs.esm.js +1462 -1230
  10. package/dist/vuetify-labs.esm.js.map +1 -1
  11. package/dist/vuetify-labs.js +1461 -1229
  12. package/dist/vuetify-labs.min.css +2 -2
  13. package/dist/vuetify.css +51 -40
  14. package/dist/vuetify.d.ts +6327 -7380
  15. package/dist/vuetify.esm.js +1401 -1194
  16. package/dist/vuetify.esm.js.map +1 -1
  17. package/dist/vuetify.js +1400 -1193
  18. package/dist/vuetify.js.map +1 -1
  19. package/dist/vuetify.min.css +2 -2
  20. package/dist/vuetify.min.js +805 -805
  21. package/dist/vuetify.min.js.map +1 -1
  22. package/lib/blueprints/{index.d.ts → index.d.mts} +6 -2
  23. package/lib/blueprints/{md1.d.ts → md1.d.mts} +6 -2
  24. package/lib/blueprints/{md2.d.ts → md2.d.mts} +6 -2
  25. package/lib/blueprints/{md3.d.ts → md3.d.mts} +6 -2
  26. package/lib/components/VAlert/VAlert.mjs +6 -4
  27. package/lib/components/VAlert/VAlert.mjs.map +1 -1
  28. package/lib/components/VAlert/{index.d.ts → index.d.mts} +57 -55
  29. package/lib/components/VApp/VApp.mjs +4 -2
  30. package/lib/components/VApp/VApp.mjs.map +1 -1
  31. package/lib/components/VApp/{index.d.ts → index.d.mts} +22 -13
  32. package/lib/components/VAppBar/VAppBar.mjs +10 -14
  33. package/lib/components/VAppBar/VAppBar.mjs.map +1 -1
  34. package/lib/components/VAppBar/VAppBarNavIcon.mjs +10 -13
  35. package/lib/components/VAppBar/VAppBarNavIcon.mjs.map +1 -1
  36. package/lib/components/VAppBar/{index.d.ts → index.d.mts} +479 -118
  37. package/lib/components/VAutocomplete/VAutocomplete.css +1 -1
  38. package/lib/components/VAutocomplete/VAutocomplete.mjs +11 -3
  39. package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
  40. package/lib/components/VAutocomplete/VAutocomplete.sass +1 -1
  41. package/lib/components/VAutocomplete/{index.d.ts → index.d.mts} +231 -409
  42. package/lib/components/VAvatar/VAvatar.mjs +4 -2
  43. package/lib/components/VAvatar/VAvatar.mjs.map +1 -1
  44. package/lib/components/VAvatar/{index.d.ts → index.d.mts} +23 -14
  45. package/lib/components/VBadge/VBadge.mjs +6 -5
  46. package/lib/components/VBadge/VBadge.mjs.map +1 -1
  47. package/lib/components/VBadge/{index.d.ts → index.d.mts} +27 -22
  48. package/lib/components/VBanner/VBanner.mjs +6 -4
  49. package/lib/components/VBanner/VBanner.mjs.map +1 -1
  50. package/lib/components/VBanner/VBannerActions.mjs +5 -2
  51. package/lib/components/VBanner/VBannerActions.mjs.map +1 -1
  52. package/lib/components/VBanner/{index.d.ts → index.d.mts} +92 -66
  53. package/lib/components/VBottomNavigation/VBottomNavigation.mjs +4 -2
  54. package/lib/components/VBottomNavigation/VBottomNavigation.mjs.map +1 -1
  55. package/lib/components/VBottomNavigation/{index.d.ts → index.d.mts} +22 -13
  56. package/lib/components/VBreadcrumbs/VBreadcrumbs.mjs +35 -18
  57. package/lib/components/VBreadcrumbs/VBreadcrumbs.mjs.map +1 -1
  58. package/lib/components/VBreadcrumbs/VBreadcrumbsDivider.mjs +6 -3
  59. package/lib/components/VBreadcrumbs/VBreadcrumbsDivider.mjs.map +1 -1
  60. package/lib/components/VBreadcrumbs/VBreadcrumbsItem.mjs +4 -2
  61. package/lib/components/VBreadcrumbs/VBreadcrumbsItem.mjs.map +1 -1
  62. package/lib/components/VBreadcrumbs/{index.d.ts → index.d.mts} +134 -93
  63. package/lib/components/VBtn/VBtn.mjs +12 -9
  64. package/lib/components/VBtn/VBtn.mjs.map +1 -1
  65. package/lib/components/VBtn/{index.d.ts → index.d.mts} +33 -36
  66. package/lib/components/VBtnGroup/VBtnGroup.mjs +4 -1
  67. package/lib/components/VBtnGroup/VBtnGroup.mjs.map +1 -1
  68. package/lib/components/VBtnGroup/{index.d.ts → index.d.mts} +22 -13
  69. package/lib/components/VBtnToggle/VBtnToggle.mjs +4 -2
  70. package/lib/components/VBtnToggle/VBtnToggle.mjs.map +1 -1
  71. package/lib/components/VBtnToggle/{index.d.ts → index.d.mts} +30 -21
  72. package/lib/components/VCard/VCard.mjs +5 -3
  73. package/lib/components/VCard/VCard.mjs.map +1 -1
  74. package/lib/components/VCard/VCardActions.mjs +7 -4
  75. package/lib/components/VCard/VCardActions.mjs.map +1 -1
  76. package/lib/components/VCard/VCardItem.mjs +5 -2
  77. package/lib/components/VCard/VCardItem.mjs.map +1 -1
  78. package/lib/components/VCard/{index.d.ts → index.d.mts} +250 -141
  79. package/lib/components/VCarousel/VCarousel.mjs +3 -3
  80. package/lib/components/VCarousel/VCarousel.mjs.map +1 -1
  81. package/lib/components/VCarousel/VCarouselItem.mjs +6 -3
  82. package/lib/components/VCarousel/VCarouselItem.mjs.map +1 -1
  83. package/lib/components/VCarousel/{index.d.ts → index.d.mts} +78 -141
  84. package/lib/components/VCheckbox/VCheckbox.mjs +3 -2
  85. package/lib/components/VCheckbox/VCheckbox.mjs.map +1 -1
  86. package/lib/components/VCheckbox/VCheckboxBtn.mjs +2 -2
  87. package/lib/components/VCheckbox/VCheckboxBtn.mjs.map +1 -1
  88. package/lib/components/VCheckbox/{index.d.ts → index.d.mts} +75 -109
  89. package/lib/components/VChip/VChip.mjs +7 -8
  90. package/lib/components/VChip/VChip.mjs.map +1 -1
  91. package/lib/components/VChip/{index.d.ts → index.d.mts} +27 -30
  92. package/lib/components/VChipGroup/VChipGroup.mjs +4 -1
  93. package/lib/components/VChipGroup/VChipGroup.mjs.map +1 -1
  94. package/lib/components/VChipGroup/{index.d.ts → index.d.mts} +22 -13
  95. package/lib/components/VCode/{index.d.ts → index.d.mts} +30 -17
  96. package/lib/components/VColorPicker/VColorPicker.mjs +12 -7
  97. package/lib/components/VColorPicker/VColorPicker.mjs.map +1 -1
  98. package/lib/components/VColorPicker/VColorPickerCanvas.mjs +5 -2
  99. package/lib/components/VColorPicker/VColorPickerCanvas.mjs.map +1 -1
  100. package/lib/components/VColorPicker/VColorPickerEdit.mjs +6 -3
  101. package/lib/components/VColorPicker/VColorPickerEdit.mjs.map +1 -1
  102. package/lib/components/VColorPicker/VColorPickerPreview.mjs +6 -3
  103. package/lib/components/VColorPicker/VColorPickerPreview.mjs.map +1 -1
  104. package/lib/components/VColorPicker/VColorPickerSwatches.mjs +12 -9
  105. package/lib/components/VColorPicker/VColorPickerSwatches.mjs.map +1 -1
  106. package/lib/components/VColorPicker/{index.d.ts → index.d.mts} +131 -32
  107. package/lib/components/VColorPicker/util/index.mjs +2 -22
  108. package/lib/components/VColorPicker/util/index.mjs.map +1 -1
  109. package/lib/components/VCombobox/VCombobox.mjs +11 -3
  110. package/lib/components/VCombobox/VCombobox.mjs.map +1 -1
  111. package/lib/components/VCombobox/{index.d.ts → index.d.mts} +231 -409
  112. package/lib/components/VCounter/VCounter.mjs +4 -1
  113. package/lib/components/VCounter/VCounter.mjs.map +1 -1
  114. package/lib/components/VCounter/{index.d.ts → index.d.mts} +22 -145
  115. package/lib/components/VDefaultsProvider/{index.d.ts → index.d.mts} +0 -12
  116. package/lib/components/VDialog/VDialog.mjs +4 -3
  117. package/lib/components/VDialog/VDialog.mjs.map +1 -1
  118. package/lib/components/VDialog/{index.d.ts → index.d.mts} +104 -282
  119. package/lib/components/VDivider/VDivider.mjs +4 -2
  120. package/lib/components/VDivider/VDivider.mjs.map +1 -1
  121. package/lib/components/VDivider/{index.d.ts → index.d.mts} +22 -13
  122. package/lib/components/VExpansionPanel/VExpansionPanel.mjs +4 -2
  123. package/lib/components/VExpansionPanel/VExpansionPanel.mjs.map +1 -1
  124. package/lib/components/VExpansionPanel/VExpansionPanelText.mjs +4 -1
  125. package/lib/components/VExpansionPanel/VExpansionPanelText.mjs.map +1 -1
  126. package/lib/components/VExpansionPanel/VExpansionPanelTitle.mjs +4 -2
  127. package/lib/components/VExpansionPanel/VExpansionPanelTitle.mjs.map +1 -1
  128. package/lib/components/VExpansionPanel/VExpansionPanels.mjs +4 -1
  129. package/lib/components/VExpansionPanel/VExpansionPanels.mjs.map +1 -1
  130. package/lib/components/VExpansionPanel/{index.d.ts → index.d.mts} +109 -81
  131. package/lib/components/VField/VField.css +0 -1
  132. package/lib/components/VField/VField.mjs +9 -6
  133. package/lib/components/VField/VField.mjs.map +1 -1
  134. package/lib/components/VField/VField.sass +0 -1
  135. package/lib/components/VField/VFieldLabel.mjs +6 -3
  136. package/lib/components/VField/VFieldLabel.mjs.map +1 -1
  137. package/lib/components/VField/{index.d.ts → index.d.mts} +125 -76
  138. package/lib/components/VFileInput/VFileInput.mjs +4 -2
  139. package/lib/components/VFileInput/VFileInput.mjs.map +1 -1
  140. package/lib/components/VFileInput/{index.d.ts → index.d.mts} +114 -165
  141. package/lib/components/VFooter/VFooter.mjs +4 -2
  142. package/lib/components/VFooter/VFooter.mjs.map +1 -1
  143. package/lib/components/VFooter/{index.d.ts → index.d.mts} +22 -13
  144. package/lib/components/VForm/VForm.mjs +5 -2
  145. package/lib/components/VForm/VForm.mjs.map +1 -1
  146. package/lib/components/VForm/{index.d.ts → index.d.mts} +30 -17
  147. package/lib/components/VGrid/VCol.mjs +4 -1
  148. package/lib/components/VGrid/VCol.mjs.map +1 -1
  149. package/lib/components/VGrid/VContainer.mjs +4 -1
  150. package/lib/components/VGrid/VContainer.mjs.map +1 -1
  151. package/lib/components/VGrid/VRow.mjs +4 -1
  152. package/lib/components/VGrid/VRow.mjs.map +1 -1
  153. package/lib/components/VGrid/{index.d.ts → index.d.mts} +104 -60
  154. package/lib/components/VHover/{index.d.ts → index.d.mts} +20 -44
  155. package/lib/components/VIcon/VIcon.mjs +4 -2
  156. package/lib/components/VIcon/VIcon.mjs.map +1 -1
  157. package/lib/components/VIcon/{index.d.ts → index.d.mts} +23 -26
  158. package/lib/components/VImg/VImg.css +2 -4
  159. package/lib/components/VImg/VImg.mjs +27 -24
  160. package/lib/components/VImg/VImg.mjs.map +1 -1
  161. package/lib/components/VImg/VImg.sass +4 -3
  162. package/lib/components/VImg/{index.d.ts → index.d.mts} +73 -31
  163. package/lib/components/VInput/VInput.mjs +4 -1
  164. package/lib/components/VInput/VInput.mjs.map +1 -1
  165. package/lib/components/VInput/{index.d.ts → index.d.mts} +37 -40
  166. package/lib/components/VItemGroup/VItemGroup.mjs +4 -1
  167. package/lib/components/VItemGroup/VItemGroup.mjs.map +1 -1
  168. package/lib/components/VItemGroup/{index.d.ts → index.d.mts} +30 -33
  169. package/lib/components/VKbd/{index.d.ts → index.d.mts} +30 -17
  170. package/lib/components/VLabel/VLabel.mjs +4 -1
  171. package/lib/components/VLabel/VLabel.mjs.map +1 -1
  172. package/lib/components/VLabel/{index.d.ts → index.d.mts} +22 -13
  173. package/lib/components/VLayout/VLayout.mjs +8 -4
  174. package/lib/components/VLayout/VLayout.mjs.map +1 -1
  175. package/lib/components/VLayout/VLayoutItem.mjs +4 -2
  176. package/lib/components/VLayout/VLayoutItem.mjs.map +1 -1
  177. package/lib/components/VLayout/{index.d.ts → index.d.mts} +44 -26
  178. package/lib/components/VLazy/VLazy.mjs +4 -2
  179. package/lib/components/VLazy/VLazy.mjs.map +1 -1
  180. package/lib/components/VLazy/{index.d.ts → index.d.mts} +22 -13
  181. package/lib/components/VList/VList.mjs +12 -24
  182. package/lib/components/VList/VList.mjs.map +1 -1
  183. package/lib/components/VList/VListChildren.mjs.map +1 -1
  184. package/lib/components/VList/VListGroup.mjs +8 -2
  185. package/lib/components/VList/VListGroup.mjs.map +1 -1
  186. package/lib/components/VList/VListItem.mjs +12 -5
  187. package/lib/components/VList/VListItem.mjs.map +1 -1
  188. package/lib/components/VList/VListItemAction.mjs +4 -1
  189. package/lib/components/VList/VListItemAction.mjs.map +1 -1
  190. package/lib/components/VList/VListItemMedia.mjs +4 -1
  191. package/lib/components/VList/VListItemMedia.mjs.map +1 -1
  192. package/lib/components/VList/VListSubheader.mjs +5 -3
  193. package/lib/components/VList/VListSubheader.mjs.map +1 -1
  194. package/lib/components/VList/{index.d.ts → index.d.mts} +950 -826
  195. package/lib/components/VLocaleProvider/VLocaleProvider.mjs +5 -2
  196. package/lib/components/VLocaleProvider/VLocaleProvider.mjs.map +1 -1
  197. package/lib/components/VLocaleProvider/{index.d.ts → index.d.mts} +30 -17
  198. package/lib/components/VMain/VMain.mjs +4 -2
  199. package/lib/components/VMain/VMain.mjs.map +1 -1
  200. package/lib/components/VMain/{index.d.ts → index.d.mts} +30 -17
  201. package/lib/components/VMenu/VMenu.mjs +2 -1
  202. package/lib/components/VMenu/VMenu.mjs.map +1 -1
  203. package/lib/components/VMenu/{index.d.ts → index.d.mts} +104 -282
  204. package/lib/components/VMessages/VMessages.mjs +4 -2
  205. package/lib/components/VMessages/VMessages.mjs.map +1 -1
  206. package/lib/components/VMessages/{index.d.ts → index.d.mts} +22 -145
  207. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs +5 -10
  208. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs.map +1 -1
  209. package/lib/components/VNavigationDrawer/{index.d.ts → index.d.mts} +26 -29
  210. package/lib/components/VNoSsr/VNoSsr.mjs.map +1 -1
  211. package/lib/components/VNoSsr/index.d.mts +8 -0
  212. package/lib/components/VOverlay/VOverlay.mjs +5 -3
  213. package/lib/components/VOverlay/VOverlay.mjs.map +1 -1
  214. package/lib/components/VOverlay/{index.d.ts → index.d.mts} +38 -45
  215. package/lib/components/VPagination/VPagination.mjs +4 -1
  216. package/lib/components/VPagination/VPagination.mjs.map +1 -1
  217. package/lib/components/VPagination/{index.d.ts → index.d.mts} +23 -30
  218. package/lib/components/VParallax/VParallax.mjs +5 -2
  219. package/lib/components/VParallax/VParallax.mjs.map +1 -1
  220. package/lib/components/VParallax/{index.d.ts → index.d.mts} +34 -33
  221. package/lib/components/VProgressCircular/VProgressCircular.mjs +4 -2
  222. package/lib/components/VProgressCircular/VProgressCircular.mjs.map +1 -1
  223. package/lib/components/VProgressCircular/{index.d.ts → index.d.mts} +22 -13
  224. package/lib/components/VProgressLinear/VProgressLinear.mjs +6 -4
  225. package/lib/components/VProgressLinear/VProgressLinear.mjs.map +1 -1
  226. package/lib/components/VProgressLinear/{index.d.ts → index.d.mts} +42 -45
  227. package/lib/components/VRadio/VRadio.mjs +2 -1
  228. package/lib/components/VRadio/VRadio.mjs.map +1 -1
  229. package/lib/components/VRadio/{index.d.ts → index.d.mts} +27 -38
  230. package/lib/components/VRadioGroup/VRadioGroup.mjs +2 -1
  231. package/lib/components/VRadioGroup/VRadioGroup.mjs.map +1 -1
  232. package/lib/components/VRadioGroup/{index.d.ts → index.d.mts} +45 -68
  233. package/lib/components/VRangeSlider/VRangeSlider.mjs +2 -1
  234. package/lib/components/VRangeSlider/VRangeSlider.mjs.map +1 -1
  235. package/lib/components/VRangeSlider/{index.d.ts → index.d.mts} +33 -44
  236. package/lib/components/VRating/VRating.mjs +4 -1
  237. package/lib/components/VRating/VRating.mjs.map +1 -1
  238. package/lib/components/VRating/{index.d.ts → index.d.mts} +23 -18
  239. package/lib/components/VResponsive/VResponsive.css +13 -5
  240. package/lib/components/VResponsive/VResponsive.mjs +14 -8
  241. package/lib/components/VResponsive/VResponsive.mjs.map +1 -1
  242. package/lib/components/VResponsive/VResponsive.sass +12 -4
  243. package/lib/components/VResponsive/{index.d.ts → index.d.mts} +52 -31
  244. package/lib/components/VSelect/VSelect.mjs +11 -3
  245. package/lib/components/VSelect/VSelect.mjs.map +1 -1
  246. package/lib/components/VSelect/{index.d.ts → index.d.mts} +200 -558
  247. package/lib/components/VSelectionControl/VSelectionControl.mjs +6 -2
  248. package/lib/components/VSelectionControl/VSelectionControl.mjs.map +1 -1
  249. package/lib/components/VSelectionControl/{index.d.ts → index.d.mts} +76 -46
  250. package/lib/components/VSelectionControlGroup/VSelectionControlGroup.mjs +4 -1
  251. package/lib/components/VSelectionControlGroup/VSelectionControlGroup.mjs.map +1 -1
  252. package/lib/components/VSelectionControlGroup/{index.d.ts → index.d.mts} +23 -14
  253. package/lib/components/VSheet/VSheet.css +6 -0
  254. package/lib/components/VSheet/VSheet.mjs +4 -2
  255. package/lib/components/VSheet/VSheet.mjs.map +1 -1
  256. package/lib/components/VSheet/_variables.scss +1 -1
  257. package/lib/components/VSheet/{index.d.ts → index.d.mts} +22 -13
  258. package/lib/components/VSlideGroup/VSlideGroup.mjs +6 -3
  259. package/lib/components/VSlideGroup/VSlideGroup.mjs.map +1 -1
  260. package/lib/components/VSlideGroup/{index.d.ts → index.d.mts} +59 -90
  261. package/lib/components/VSlider/VSlider.mjs +2 -1
  262. package/lib/components/VSlider/VSlider.mjs.map +1 -1
  263. package/lib/components/VSlider/VSliderThumb.mjs +6 -4
  264. package/lib/components/VSlider/VSliderThumb.mjs.map +1 -1
  265. package/lib/components/VSlider/VSliderTrack.mjs +6 -4
  266. package/lib/components/VSlider/VSliderTrack.mjs.map +1 -1
  267. package/lib/components/VSlider/{index.d.ts → index.d.mts} +33 -44
  268. package/lib/components/VSnackbar/VSnackbar.mjs +2 -1
  269. package/lib/components/VSnackbar/VSnackbar.mjs.map +1 -1
  270. package/lib/components/VSnackbar/{index.d.ts → index.d.mts} +92 -142
  271. package/lib/components/VSwitch/VSwitch.mjs +2 -1
  272. package/lib/components/VSwitch/VSwitch.mjs.map +1 -1
  273. package/lib/components/VSwitch/{index.d.ts → index.d.mts} +45 -72
  274. package/lib/components/VSystemBar/VSystemBar.mjs +4 -2
  275. package/lib/components/VSystemBar/VSystemBar.mjs.map +1 -1
  276. package/lib/components/VSystemBar/{index.d.ts → index.d.mts} +22 -13
  277. package/lib/components/VTable/VTable.mjs +4 -1
  278. package/lib/components/VTable/VTable.mjs.map +1 -1
  279. package/lib/components/VTable/{index.d.ts → index.d.mts} +26 -29
  280. package/lib/components/VTabs/VTab.mjs +2 -2
  281. package/lib/components/VTabs/VTab.mjs.map +1 -1
  282. package/lib/components/VTabs/VTabs.mjs +2 -2
  283. package/lib/components/VTabs/VTabs.mjs.map +1 -1
  284. package/lib/components/VTabs/{index.d.ts → index.d.mts} +45 -27
  285. package/lib/components/VTextField/VTextField.mjs +3 -2
  286. package/lib/components/VTextField/VTextField.mjs.map +1 -1
  287. package/lib/components/VTextField/{index.d.ts → index.d.mts} +232 -293
  288. package/lib/components/VTextarea/VTextarea.mjs +3 -2
  289. package/lib/components/VTextarea/VTextarea.mjs.map +1 -1
  290. package/lib/components/VTextarea/{index.d.ts → index.d.mts} +94 -137
  291. package/lib/components/VThemeProvider/VThemeProvider.mjs +6 -3
  292. package/lib/components/VThemeProvider/VThemeProvider.mjs.map +1 -1
  293. package/lib/components/VThemeProvider/{index.d.ts → index.d.mts} +22 -13
  294. package/lib/components/VTimeline/VTimeline.mjs +5 -3
  295. package/lib/components/VTimeline/VTimeline.mjs.map +1 -1
  296. package/lib/components/VTimeline/VTimelineDivider.mjs +4 -1
  297. package/lib/components/VTimeline/VTimelineDivider.mjs.map +1 -1
  298. package/lib/components/VTimeline/VTimelineItem.mjs +8 -6
  299. package/lib/components/VTimeline/VTimelineItem.mjs.map +1 -1
  300. package/lib/components/VTimeline/{index.d.ts → index.d.mts} +67 -57
  301. package/lib/components/VToolbar/VToolbar.mjs +4 -2
  302. package/lib/components/VToolbar/VToolbar.mjs.map +1 -1
  303. package/lib/components/VToolbar/VToolbarItems.mjs +9 -4
  304. package/lib/components/VToolbar/VToolbarItems.mjs.map +1 -1
  305. package/lib/components/VToolbar/VToolbarTitle.mjs +5 -2
  306. package/lib/components/VToolbar/VToolbarTitle.mjs.map +1 -1
  307. package/lib/components/VToolbar/{index.d.ts → index.d.mts} +74 -71
  308. package/lib/components/VTooltip/VTooltip.mjs +2 -1
  309. package/lib/components/VTooltip/VTooltip.mjs.map +1 -1
  310. package/lib/components/VTooltip/{index.d.ts → index.d.mts} +104 -150
  311. package/lib/components/VValidation/{index.d.ts → index.d.mts} +6 -18
  312. package/lib/components/VVirtualScroll/VVirtualScroll.mjs +21 -23
  313. package/lib/components/VVirtualScroll/VVirtualScroll.mjs.map +1 -1
  314. package/lib/components/VVirtualScroll/VVirtualScrollItem.mjs +5 -2
  315. package/lib/components/VVirtualScroll/VVirtualScrollItem.mjs.map +1 -1
  316. package/lib/components/VVirtualScroll/{index.d.ts → index.d.mts} +70 -30
  317. package/lib/components/VWindow/VWindow.mjs +4 -1
  318. package/lib/components/VWindow/VWindow.mjs.map +1 -1
  319. package/lib/components/VWindow/VWindowItem.mjs +4 -1
  320. package/lib/components/VWindow/VWindowItem.mjs.map +1 -1
  321. package/lib/components/VWindow/{index.d.ts → index.d.mts} +61 -79
  322. package/lib/components/{index.d.ts → index.d.mts} +6475 -7529
  323. package/lib/components/transitions/{index.d.ts → index.d.mts} +0 -192
  324. package/lib/composables/component.mjs +11 -0
  325. package/lib/composables/component.mjs.map +1 -0
  326. package/lib/composables/defaults.mjs +63 -5
  327. package/lib/composables/defaults.mjs.map +1 -1
  328. package/lib/composables/display.mjs +6 -6
  329. package/lib/composables/display.mjs.map +1 -1
  330. package/lib/composables/focus.mjs.map +1 -1
  331. package/lib/composables/icons.mjs +15 -4
  332. package/lib/composables/icons.mjs.map +1 -1
  333. package/lib/composables/index.mjs +1 -1
  334. package/lib/composables/index.mjs.map +1 -1
  335. package/lib/composables/loader.mjs.map +1 -1
  336. package/lib/composables/scroll.mjs +18 -19
  337. package/lib/composables/scroll.mjs.map +1 -1
  338. package/lib/entry-bundler.mjs +1 -1
  339. package/lib/framework.mjs +2 -2
  340. package/lib/framework.mjs.map +1 -1
  341. package/lib/iconsets/{fa-svg.d.ts → fa-svg.d.mts} +1 -1
  342. package/lib/iconsets/{fa.d.ts → fa.d.mts} +1 -1
  343. package/lib/iconsets/{fa4.d.ts → fa4.d.mts} +1 -1
  344. package/lib/iconsets/{md.d.ts → md.d.mts} +1 -1
  345. package/lib/iconsets/{mdi-svg.d.ts → mdi-svg.d.mts} +1 -1
  346. package/lib/iconsets/{mdi.d.ts → mdi.d.mts} +1 -1
  347. package/lib/{index.d.ts → index.d.mts} +13 -12
  348. package/lib/labs/VDataTable/VDataTable.mjs +12 -3
  349. package/lib/labs/VDataTable/VDataTable.mjs.map +1 -1
  350. package/lib/labs/VDataTable/VDataTableHeaders.mjs +34 -20
  351. package/lib/labs/VDataTable/VDataTableHeaders.mjs.map +1 -1
  352. package/lib/labs/VDataTable/VDataTableRow.mjs +2 -4
  353. package/lib/labs/VDataTable/VDataTableRow.mjs.map +1 -1
  354. package/lib/labs/VDataTable/VDataTableRows.mjs +2 -2
  355. package/lib/labs/VDataTable/VDataTableRows.mjs.map +1 -1
  356. package/lib/labs/VDataTable/VDataTableServer.mjs +1 -6
  357. package/lib/labs/VDataTable/VDataTableServer.mjs.map +1 -1
  358. package/lib/labs/VDataTable/VDataTableVirtual.mjs +7 -2
  359. package/lib/labs/VDataTable/VDataTableVirtual.mjs.map +1 -1
  360. package/lib/labs/VDataTable/composables/paginate.mjs +6 -1
  361. package/lib/labs/VDataTable/composables/paginate.mjs.map +1 -1
  362. package/lib/labs/VDataTable/{index.d.ts → index.d.mts} +113 -943
  363. package/lib/labs/VInfiniteScroll/{index.d.ts → index.d.mts} +8 -36
  364. package/lib/labs/VSkeletonLoader/{index.d.ts → index.d.mts} +0 -12
  365. package/lib/labs/{components.d.ts → components.d.mts} +161 -1031
  366. package/lib/labs/date/DateAdapter.mjs +2 -0
  367. package/lib/labs/date/DateAdapter.mjs.map +1 -0
  368. package/lib/labs/date/adapters/vuetify.d.mts +52 -0
  369. package/lib/{adapters → labs/date/adapters}/vuetify.mjs +2 -2
  370. package/lib/labs/date/adapters/vuetify.mjs.map +1 -0
  371. package/lib/{composables → labs/date}/date.mjs +3 -3
  372. package/lib/labs/date/date.mjs.map +1 -0
  373. package/lib/labs/date/index.d.mts +40 -0
  374. package/lib/labs/date/index.mjs +2 -0
  375. package/lib/labs/date/index.mjs.map +1 -0
  376. package/lib/labs/index.mjs +3 -2
  377. package/lib/labs/index.mjs.map +1 -1
  378. package/lib/util/colorUtils.mjs +68 -3
  379. package/lib/util/colorUtils.mjs.map +1 -1
  380. package/lib/util/console.mjs +12 -81
  381. package/lib/util/console.mjs.map +1 -1
  382. package/lib/util/createSimpleFunctional.mjs +9 -4
  383. package/lib/util/createSimpleFunctional.mjs.map +1 -1
  384. package/lib/util/defineComponent.mjs +11 -43
  385. package/lib/util/defineComponent.mjs.map +1 -1
  386. package/lib/util/helpers.mjs +31 -2
  387. package/lib/util/helpers.mjs.map +1 -1
  388. package/lib/util/index.mjs +1 -0
  389. package/lib/util/index.mjs.map +1 -1
  390. package/package.json +11 -6
  391. package/lib/adapters/date-adapter.mjs +0 -2
  392. package/lib/adapters/date-adapter.mjs.map +0 -1
  393. package/lib/adapters/vuetify.mjs.map +0 -1
  394. package/lib/components/VNoSsr/index.d.ts +0 -18
  395. package/lib/composables/date.mjs.map +0 -1
  396. /package/lib/directives/{index.d.ts → index.d.mts} +0 -0
  397. /package/lib/locale/adapters/{vue-i18n.d.ts → vue-i18n.d.mts} +0 -0
  398. /package/lib/locale/adapters/{vuetify.d.ts → vuetify.d.mts} +0 -0
  399. /package/lib/locale/{index.d.ts → index.d.mts} +0 -0
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v4.0.0-dev-20230426.0
2
+ * Vuetify v4.0.0-dev-20230511.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
  }
@@ -16547,12 +16686,99 @@ html.overflow-y-hidden {
16547
16686
  .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
16548
16687
  opacity: 0;
16549
16688
  }
16550
- .v-autocomplete--single .v-field--focused .v-autocomplete__selection-text {
16689
+ .v-autocomplete--single .v-field--focused .v-autocomplete__selection {
16551
16690
  opacity: 0;
16552
16691
  }
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
+ }.v-btn-toggle .v-btn.v-btn--selected:not(.v-btn--disabled) .v-btn__overlay {
17526
+ opacity: var(--v-activated-opacity);
17527
+ }/** if false, disabled buttons will be greyed out */
17528
+ .v-btn-group {
17529
+ display: inline-flex;
17530
+ flex-wrap: nowrap;
17267
17531
  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;
17532
+ min-width: 0;
17533
+ overflow: hidden;
17278
17534
  vertical-align: middle;
17279
- flex-shrink: 0;
17280
17535
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
17281
17536
  border-style: solid;
17282
17537
  border-width: 0;
17538
+ 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));
17539
+ border-radius: 4px;
17540
+ background: transparent;
17541
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17283
17542
  }
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;
17543
+ .v-btn-group--border {
17544
+ border-width: thin;
17545
+ box-shadow: none;
17546
+ }
17547
+ .v-btn-group--density-default.v-btn-group {
17548
+ height: 48px;
17290
17549
  }
17291
17550
 
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;
17551
+ .v-btn-group--density-comfortable.v-btn-group {
17552
+ height: 40px;
17298
17553
  }
17299
17554
 
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;
17555
+ .v-btn-group--density-compact.v-btn-group {
17556
+ height: 36px;
17306
17557
  }
17307
17558
 
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;
17559
+ .v-btn-group .v-btn {
17560
+ border-radius: 0;
17561
+ border-color: inherit;
17314
17562
  }
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;
17563
+ .v-btn-group .v-btn:not(:last-child) {
17564
+ border-inline-end: none;
17322
17565
  }
17323
-
17324
- .v-btn.v-btn--density-default {
17325
- height: calc(var(--v-btn-height) + 0px);
17566
+ .v-btn-group .v-btn:not(:first-child) {
17567
+ border-inline-start: none;
17326
17568
  }
17327
-
17328
- .v-btn.v-btn--density-comfortable {
17329
- height: calc(var(--v-btn-height) + -8px);
17569
+ .v-btn-group .v-btn:first-child {
17570
+ border-start-start-radius: inherit;
17571
+ border-end-start-radius: inherit;
17330
17572
  }
17331
-
17332
- .v-btn.v-btn--density-compact {
17333
- height: calc(var(--v-btn-height) + -12px);
17573
+ .v-btn-group .v-btn:last-child {
17574
+ border-start-end-radius: inherit;
17575
+ border-end-end-radius: inherit;
17334
17576
  }
17335
-
17336
- .v-btn--border {
17577
+ .v-btn-group--divided .v-btn:not(:last-child) {
17578
+ border-inline-end-width: thin;
17579
+ border-inline-end-style: solid;
17580
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
17581
+ }
17582
+ .v-btn-group--tile {
17583
+ border-radius: 0;
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));
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));
17473
17706
  }
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;
17707
+ .v-card--hover::after {
17708
+ z-index: 1;
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));
17476
17711
  }
17477
- .v-btn--loading {
17478
- pointer-events: none;
17712
+ .v-card--hover:hover::after {
17713
+ opacity: 1;
17479
17714
  }
17480
- .v-btn--loading .v-btn__content,
17481
- .v-btn--loading .v-btn__prepend,
17482
- .v-btn--loading .v-btn__append {
17715
+ .v-card--hover:hover::before {
17483
17716
  opacity: 0;
17484
17717
  }
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;
17718
+ .v-card--link {
17719
+ cursor: pointer;
17491
17720
  }
17492
- .v-btn--stacked .v-btn__content {
17493
- flex-direction: column;
17494
- line-height: 1.25;
17721
+
17722
+ .v-card-actions {
17723
+ align-items: center;
17724
+ display: flex;
17725
+ flex: none;
17726
+ min-height: 52px;
17727
+ padding: 0.5rem;
17495
17728
  }
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;
17729
+
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;
17502
17737
  }
17503
- .v-btn--stacked .v-btn__prepend,
17504
- .v-btn--stacked .v-btn__content > .v-icon--start {
17505
- margin-bottom: 4px;
17738
+ .v-card-item + .v-card-text {
17739
+ padding-top: 0;
17506
17740
  }
17507
- .v-btn--stacked .v-btn__append,
17508
- .v-btn--stacked .v-btn__content > .v-icon--end {
17509
- margin-top: 4px;
17741
+ .v-card-item__prepend {
17742
+ grid-area: prepend;
17743
+ padding-inline-end: 1rem;
17510
17744
  }
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;
17745
+ .v-card-item__append {
17746
+ grid-area: append;
17747
+ padding-inline-start: 1rem;
17517
17748
  }
17518
17749
 
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;
17750
+ .v-card-item__content {
17751
+ align-self: center;
17752
+ grid-area: content;
17753
+ overflow: hidden;
17525
17754
  }
17526
17755
 
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;
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;
17533
17773
  }
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;
17774
+ .v-card .v-card-title {
17775
+ line-height: 2rem;
17541
17776
  }
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;
17777
+ .v-card--density-comfortable .v-card-title {
17778
+ line-height: 1.75rem;
17549
17779
  }
17550
-
17551
- .v-btn--stacked.v-btn--density-default {
17552
- height: calc(var(--v-btn-height) + 0px);
17780
+ .v-card--density-compact .v-card-title {
17781
+ line-height: 1.55rem;
17553
17782
  }
17554
-
17555
- .v-btn--stacked.v-btn--density-comfortable {
17556
- height: calc(var(--v-btn-height) + -16px);
17783
+ .v-card-item .v-card-title {
17784
+ padding: 0;
17785
+ }
17786
+ .v-card-title + .v-card-text,
17787
+ .v-card-title + .v-card-actions {
17788
+ padding-top: 0;
17557
17789
  }
17558
17790
 
17559
- .v-btn--stacked.v-btn--density-compact {
17560
- height: calc(var(--v-btn-height) + -24px);
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;
17803
+ }
17804
+ .v-card .v-card-subtitle {
17805
+ line-height: 1.25rem;
17806
+ }
17807
+ .v-card--density-comfortable .v-card-subtitle {
17808
+ line-height: 1.125rem;
17809
+ }
17810
+ .v-card--density-compact .v-card-subtitle {
17811
+ line-height: 1rem;
17812
+ }
17813
+ .v-card-item .v-card-subtitle {
17814
+ padding: 0 0 0.25rem;
17561
17815
  }
17562
17816
 
17563
- .v-btn--rounded {
17564
- border-radius: 24px;
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;
17565
17824
  }
17566
- .v-btn .v-icon {
17567
- --v-icon-size-multiplier: 0.8571428571;
17825
+ .v-card .v-card-text {
17826
+ line-height: 1.25rem;
17568
17827
  }
17569
- .v-btn--icon .v-icon {
17570
- --v-icon-size-multiplier: 1;
17828
+ .v-card--density-comfortable .v-card-text {
17829
+ line-height: 1.2rem;
17571
17830
  }
17572
- .v-btn--stacked .v-icon {
17573
- --v-icon-size-multiplier: 1.1428571429;
17831
+ .v-card--density-compact .v-card-text {
17832
+ line-height: 1.15rem;
17574
17833
  }
17575
17834
 
17576
- .v-btn__loader {
17577
- align-items: center;
17835
+ .v-card__image {
17578
17836
  display: flex;
17579
17837
  height: 100%;
17580
- justify-content: center;
17838
+ flex: 1 1 auto;
17581
17839
  left: 0;
17840
+ overflow: hidden;
17582
17841
  position: absolute;
17583
17842
  top: 0;
17584
17843
  width: 100%;
17844
+ z-index: -1;
17585
17845
  }
17586
17846
 
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);
17593
- }
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);
17599
- }
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);
17847
+ .v-card__content {
17848
+ border-radius: inherit;
17849
+ overflow: hidden;
17850
+ position: relative;
17605
17851
  }
17606
17852
 
17607
- .v-btn__content {
17608
- grid-area: content;
17609
- justify-content: center;
17610
- white-space: nowrap;
17611
- }
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);
17615
- }
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);
17619
- }
17620
- .v-btn--stacked .v-btn__content {
17621
- white-space: normal;
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;
17622
17861
  }
17623
17862
 
17624
- .v-btn__overlay {
17863
+ .v-card__overlay {
17625
17864
  background-color: currentColor;
17626
17865
  border-radius: inherit;
17627
- opacity: 0;
17628
- transition: opacity 0.2s ease-in-out;
17629
- }
17630
-
17631
- .v-btn__overlay,
17632
- .v-btn__underlay {
17633
17866
  position: absolute;
17634
17867
  top: 0;
17868
+ right: 0;
17869
+ bottom: 0;
17635
17870
  left: 0;
17636
- width: 100%;
17637
- height: 100%;
17638
17871
  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;
17646
- }
17647
-
17648
- .v-banner-actions .v-btn {
17649
- padding: 0 8px;
17650
- }
17651
-
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);
17660
- }
17661
-
17662
- .v-snackbar-actions .v-btn {
17663
- padding: 0 8px;
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;
@@ -19982,10 +20238,8 @@ textarea.v-field__input::placeholder {
19982
20238
  .v-img__gradient,
19983
20239
  .v-img__placeholder,
19984
20240
  .v-img__error {
19985
- z-index: -1;
19986
- position: absolute;
19987
- top: 0;
19988
- left: 0;
20241
+ grid-row-start: 1;
20242
+ grid-column-start: 1;
19989
20243
  width: 100%;
19990
20244
  height: 100%;
19991
20245
  }
@@ -20114,53 +20368,6 @@ textarea.v-field__input::placeholder {
20114
20368
  .v-input__control {
20115
20369
  display: flex;
20116
20370
  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
20371
  }.v-item-group {
20165
20372
  flex: 0 1 auto;
20166
20373
  max-width: 100%;
@@ -20690,6 +20897,8 @@ textarea.v-field__input::placeholder {
20690
20897
 
20691
20898
  .v-list-group__header.v-list-item--active:not(:focus-visible) .v-list-item__overlay {
20692
20899
  opacity: 0;
20900
+ }.v-locale-provider {
20901
+ display: contents;
20693
20902
  }.v-main {
20694
20903
  flex: 1 0 auto;
20695
20904
  max-width: 100%;
@@ -20718,8 +20927,6 @@ textarea.v-field__input::placeholder {
20718
20927
  --v-layout-right: 0px;
20719
20928
  --v-layout-top: 0px;
20720
20929
  --v-layout-bottom: 0px;
20721
- }.v-locale-provider {
20722
- display: contents;
20723
20930
  }.v-menu > .v-overlay__content {
20724
20931
  display: flex;
20725
20932
  flex-direction: column;
@@ -20824,22 +21031,6 @@ textarea.v-field__input::placeholder {
20824
21031
  opacity: 0.2;
20825
21032
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20826
21033
  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
21034
  }.v-overlay-container {
20844
21035
  contain: layout;
20845
21036
  left: 0;
@@ -20915,6 +21106,108 @@ html.v-overlay-scroll-blocked {
20915
21106
  }
20916
21107
  .v-parallax--active > .v-img__img {
20917
21108
  will-change: transform;
21109
+ }.v-progress-circular {
21110
+ align-items: center;
21111
+ display: inline-flex;
21112
+ justify-content: center;
21113
+ position: relative;
21114
+ vertical-align: middle;
21115
+ }
21116
+ .v-progress-circular > svg {
21117
+ width: 100%;
21118
+ height: 100%;
21119
+ margin: auto;
21120
+ position: absolute;
21121
+ top: 0;
21122
+ bottom: 0;
21123
+ left: 0;
21124
+ right: 0;
21125
+ z-index: 0;
21126
+ }
21127
+
21128
+ .v-progress-circular__content {
21129
+ align-items: center;
21130
+ display: flex;
21131
+ justify-content: center;
21132
+ }
21133
+
21134
+ .v-progress-circular__underlay {
21135
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
21136
+ stroke: currentColor;
21137
+ z-index: 1;
21138
+ }
21139
+
21140
+ .v-progress-circular__overlay {
21141
+ stroke: currentColor;
21142
+ transition: all 0.2s ease-in-out, stroke-width 0s;
21143
+ z-index: 2;
21144
+ }
21145
+
21146
+ .v-progress-circular--size-x-small {
21147
+ height: 16px;
21148
+ width: 16px;
21149
+ }
21150
+ .v-progress-circular--size-small {
21151
+ height: 24px;
21152
+ width: 24px;
21153
+ }
21154
+ .v-progress-circular--size-default {
21155
+ height: 32px;
21156
+ width: 32px;
21157
+ }
21158
+ .v-progress-circular--size-large {
21159
+ height: 48px;
21160
+ width: 48px;
21161
+ }
21162
+ .v-progress-circular--size-x-large {
21163
+ height: 64px;
21164
+ width: 64px;
21165
+ }
21166
+
21167
+ .v-progress-circular--indeterminate > svg {
21168
+ animation: progress-circular-rotate 1.4s linear infinite;
21169
+ transform-origin: center center;
21170
+ transition: all 0.2s ease-in-out;
21171
+ }
21172
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
21173
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
21174
+ stroke-dasharray: 25, 200;
21175
+ stroke-dashoffset: 0;
21176
+ stroke-linecap: round;
21177
+ transform-origin: center center;
21178
+ transform: rotate(-90deg);
21179
+ }
21180
+
21181
+ .v-progress-circular--disable-shrink > svg {
21182
+ animation-duration: 0.7s;
21183
+ }
21184
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
21185
+ animation: none;
21186
+ }
21187
+
21188
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
21189
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
21190
+ animation-play-state: paused !important;
21191
+ }
21192
+
21193
+ @keyframes progress-circular-dash {
21194
+ 0% {
21195
+ stroke-dasharray: 1, 200;
21196
+ stroke-dashoffset: 0px;
21197
+ }
21198
+ 50% {
21199
+ stroke-dasharray: 100, 200;
21200
+ stroke-dashoffset: -15px;
21201
+ }
21202
+ 100% {
21203
+ stroke-dasharray: 100, 200;
21204
+ stroke-dashoffset: -124px;
21205
+ }
21206
+ }
21207
+ @keyframes progress-circular-rotate {
21208
+ 100% {
21209
+ transform: rotate(270deg);
21210
+ }
20918
21211
  }.v-progress-linear {
20919
21212
  background: transparent;
20920
21213
  overflow: hidden;
@@ -21249,27 +21542,35 @@ html.v-overlay-scroll-blocked {
21249
21542
  position: absolute;
21250
21543
  width: 0;
21251
21544
  }.v-responsive {
21252
- display: flex;
21545
+ display: grid;
21546
+ grid-template-rows: minmax(100%, 1fr);
21547
+ grid-template-columns: 1fr;
21253
21548
  flex: 1 0 auto;
21254
21549
  max-height: 100%;
21255
21550
  max-width: 100%;
21256
21551
  overflow: hidden;
21257
21552
  position: relative;
21258
21553
  }
21554
+ .v-responsive--inline {
21555
+ display: inline-grid;
21556
+ flex: 0 0 auto;
21557
+ }
21259
21558
 
21260
21559
  .v-responsive__content {
21261
21560
  flex: 1 0 0px;
21262
21561
  max-width: 100%;
21263
21562
  }
21264
21563
 
21265
- .v-responsive__sizer ~ .v-responsive__content {
21266
- margin-inline-start: -100%;
21267
- }
21268
-
21269
21564
  .v-responsive__sizer {
21270
21565
  flex: 1 0 0px;
21271
21566
  transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21272
21567
  pointer-events: none;
21568
+ }
21569
+
21570
+ .v-responsive__sizer,
21571
+ .v-responsive__content {
21572
+ grid-row-start: 1;
21573
+ grid-column-start: 1;
21273
21574
  }.v-input--density-default {
21274
21575
  --select-chips-margin-bottom: 0px;
21275
21576
  }
@@ -21332,78 +21633,6 @@ html.v-overlay-scroll-blocked {
21332
21633
  }
21333
21634
  .v-select--selected .v-field .v-field__input > input {
21334
21635
  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
21636
  }.v-selection-control {
21408
21637
  align-items: center;
21409
21638
  contain: layout;
@@ -21506,13 +21735,91 @@ html.v-overlay-scroll-blocked {
21506
21735
  }
21507
21736
  .v-selection-control--focus-visible .v-selection-control__input::before {
21508
21737
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21509
- }.v-snackbar {
21510
- justify-content: center;
21511
- z-index: 10000;
21512
- margin: 8px;
21513
- margin-inline-end: calc(8px + var(--v-scrollbar-offset));
21514
- }
21515
- .v-snackbar:not(.v-snackbar--centered):not(.v-snackbar--top) {
21738
+ }.v-selection-control-group {
21739
+ grid-area: control;
21740
+ display: flex;
21741
+ flex-direction: column;
21742
+ }
21743
+ .v-selection-control-group--inline {
21744
+ flex-direction: row;
21745
+ flex-wrap: wrap;
21746
+ }.v-sheet {
21747
+ display: block;
21748
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21749
+ border-style: solid;
21750
+ border-width: 0;
21751
+ 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));
21752
+ border-radius: 0;
21753
+ background: rgb(var(--v-theme-surface));
21754
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
21755
+ }
21756
+ .v-sheet--border {
21757
+ border-width: thin;
21758
+ box-shadow: none;
21759
+ }
21760
+ .v-sheet--absolute {
21761
+ position: absolute;
21762
+ }
21763
+ .v-sheet--fixed {
21764
+ position: fixed;
21765
+ }
21766
+ .v-sheet--relative {
21767
+ position: relative;
21768
+ }
21769
+ .v-sheet--sticky {
21770
+ position: sticky;
21771
+ }
21772
+ .v-sheet--rounded {
21773
+ border-radius: 4px;
21774
+ }.v-slide-group {
21775
+ display: flex;
21776
+ overflow: hidden;
21777
+ }
21778
+
21779
+ .v-slide-group__next,
21780
+ .v-slide-group__prev {
21781
+ align-items: center;
21782
+ display: flex;
21783
+ flex: 0 1 52px;
21784
+ justify-content: center;
21785
+ min-width: 52px;
21786
+ cursor: pointer;
21787
+ }
21788
+ .v-slide-group__next--disabled,
21789
+ .v-slide-group__prev--disabled {
21790
+ pointer-events: none;
21791
+ opacity: var(--v-disabled-opacity);
21792
+ }
21793
+
21794
+ .v-slide-group__content {
21795
+ display: flex;
21796
+ flex: 1 0 auto;
21797
+ position: relative;
21798
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
21799
+ white-space: nowrap;
21800
+ }
21801
+ .v-slide-group__content > * {
21802
+ white-space: initial;
21803
+ }
21804
+
21805
+ .v-slide-group__container {
21806
+ contain: content;
21807
+ display: flex;
21808
+ flex: 1 1 auto;
21809
+ overflow: hidden;
21810
+ }
21811
+
21812
+ .v-slide-group--vertical,
21813
+ .v-slide-group--vertical .v-slide-group__container,
21814
+ .v-slide-group--vertical .v-slide-group__content {
21815
+ flex-direction: column;
21816
+ }.v-snackbar {
21817
+ justify-content: center;
21818
+ z-index: 10000;
21819
+ margin: 8px;
21820
+ margin-inline-end: calc(8px + var(--v-scrollbar-offset));
21821
+ }
21822
+ .v-snackbar:not(.v-snackbar--centered):not(.v-snackbar--top) {
21516
21823
  align-items: flex-end;
21517
21824
  }
21518
21825
  .v-snackbar__wrapper {
@@ -22443,620 +22750,324 @@ html.v-overlay-scroll-blocked {
22443
22750
  justify-items: center;
22444
22751
  }
22445
22752
  .v-timeline--horizontal.v-timeline--align-center .v-timeline-divider {
22446
- justify-content: center;
22447
- }
22448
-
22449
- .v-timeline--vertical.v-timeline--align-center {
22450
- align-items: center;
22451
- }
22452
- .v-timeline--vertical.v-timeline--align-center .v-timeline-divider {
22453
- justify-content: center;
22454
- }
22455
-
22456
- .v-timeline--align-start {
22457
- --v-timeline-line-size-base: 100%;
22458
- --v-timeline-line-size-offset: 12px;
22459
- }
22460
- .v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__before {
22461
- --v-timeline-line-size-offset: 24px;
22462
- }
22463
- .v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__after {
22464
- --v-timeline-line-size-offset: -12px;
22465
- }
22466
- .v-timeline--align-start .v-timeline-item:last-child .v-timeline-divider__after {
22467
- --v-timeline-line-size-offset: 0px;
22468
- }
22469
- .v-timeline--horizontal.v-timeline--align-start {
22470
- justify-items: flex-start;
22471
- }
22472
- .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider {
22473
- justify-content: flex-start;
22474
- }
22475
- .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
22476
- width: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
22477
- }
22478
- .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
22479
- width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
22480
- }
22481
-
22482
- .v-timeline--vertical.v-timeline--align-start {
22483
- align-items: flex-start;
22484
- }
22485
- .v-timeline--vertical.v-timeline--align-start .v-timeline-divider {
22486
- justify-content: flex-start;
22487
- }
22488
- .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
22489
- height: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
22490
- }
22491
- .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
22492
- height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
22493
- }
22494
-
22495
- .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__after {
22496
- --v-timeline-line-size-offset: 12px;
22497
- }
22498
- .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
22499
- padding-block-start: 0;
22500
- }
22501
-
22502
- .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
22503
- padding-inline-start: 0;
22504
- }
22505
-
22506
- .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__before {
22507
- --v-timeline-line-size-offset: 12px;
22508
- }
22509
- .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
22510
- padding-block-end: 0;
22511
- }
22512
-
22513
- .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
22514
- padding-inline-end: 0;
22515
- }.v-toolbar {
22516
- align-items: flex-start;
22517
- display: flex;
22518
- flex: none;
22519
- flex-direction: column;
22520
- justify-content: space-between;
22521
- max-width: 100%;
22522
- overflow: hidden;
22523
- position: relative;
22524
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22525
- transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
22526
- width: 100%;
22527
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22528
- border-style: solid;
22529
- border-width: 0;
22530
- 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));
22531
- border-radius: 0;
22532
- background: rgb(var(--v-theme-on-surface-variant));
22533
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22534
- }
22535
- .v-toolbar--border {
22536
- border-width: thin;
22537
- box-shadow: none;
22538
- }
22539
- .v-toolbar--absolute {
22540
- position: absolute;
22541
- }
22542
- .v-toolbar--collapse {
22543
- max-width: 112px;
22544
- overflow: hidden;
22545
- }
22546
- .v-toolbar--collapse .v-toolbar-title {
22547
- display: none;
22548
- }
22549
- .v-toolbar--collapse.v-locale--is-ltr, .v-locale--is-ltr .v-toolbar--collapse {
22550
- border-bottom-right-radius: 24px;
22551
- }
22552
- .v-toolbar--collapse.v-locale--is-rtl, .v-locale--is-rtl .v-toolbar--collapse {
22553
- border-bottom-left-radius: 24px;
22554
- }
22555
- .v-toolbar--flat {
22556
- 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));
22557
- }
22558
- .v-toolbar--floating {
22559
- display: inline-flex;
22560
- }
22561
- .v-toolbar--rounded {
22562
- border-radius: 4px;
22563
- }
22564
-
22565
- .v-toolbar__content,
22566
- .v-toolbar__extension {
22567
- align-items: center;
22568
- display: flex;
22569
- flex: 0 0 auto;
22570
- position: relative;
22571
- transition: inherit;
22572
- width: 100%;
22573
- }
22574
-
22575
- .v-toolbar__content > .v-btn:first-child {
22576
- margin-inline-start: 10px;
22577
- }
22578
- .v-toolbar__content > .v-btn:last-child {
22579
- margin-inline-end: 10px;
22580
- }
22581
- .v-toolbar__content > .v-toolbar-title {
22582
- margin-inline-start: 16px;
22583
- }
22584
- .v-toolbar--density-prominent .v-toolbar__content {
22585
- align-items: flex-start;
22586
- }
22587
-
22588
- .v-toolbar__image {
22589
- position: absolute;
22590
- top: 0;
22591
- left: 0;
22592
- width: 100%;
22593
- height: 100%;
22594
- display: flex;
22595
- opacity: var(--v-toolbar-image-opacity, 1);
22596
- transition-property: opacity;
22597
- }
22598
-
22599
- .v-toolbar__prepend,
22600
- .v-toolbar__append {
22601
- align-items: center;
22602
- align-self: stretch;
22603
- display: flex;
22604
- }
22605
-
22606
- .v-toolbar__prepend {
22607
- margin-inline-start: 10px;
22608
- margin-inline-end: auto;
22609
- }
22610
-
22611
- .v-toolbar__append {
22612
- margin-inline-start: auto;
22613
- margin-inline-end: 10px;
22614
- }
22615
-
22616
- .v-toolbar-title {
22617
- flex: 1 1;
22618
- font-size: 1.25rem;
22619
- min-width: 0;
22620
- font-size: 1.25rem;
22621
- font-weight: 400;
22622
- letter-spacing: 0;
22623
- line-height: 1.75rem;
22624
- text-transform: none;
22625
- }
22626
- .v-toolbar--density-prominent .v-toolbar-title {
22627
- align-self: flex-end;
22628
- padding-bottom: 6px;
22629
- font-size: 1.5rem;
22630
- font-weight: 400;
22631
- letter-spacing: 0;
22632
- line-height: 2.25rem;
22633
- text-transform: none;
22634
- }
22635
-
22636
- .v-toolbar-title__placeholder {
22637
- overflow: hidden;
22638
- text-overflow: ellipsis;
22639
- white-space: nowrap;
22640
- }
22641
-
22642
- .v-toolbar-items {
22643
- display: flex;
22644
- height: inherit;
22645
- align-self: stretch;
22646
- }
22647
- .v-toolbar-items > .v-btn {
22648
- border-radius: 0;
22649
- }.v-tooltip > .v-overlay__content {
22650
- background: rgba(var(--v-theme-surface-variant), 0.7);
22651
- color: rgb(var(--v-theme-on-surface-variant));
22652
- border-radius: 4px;
22653
- font-size: 0.875rem;
22654
- line-height: 1.6;
22655
- display: inline-block;
22656
- padding: 5px 16px;
22657
- text-transform: initial;
22658
- width: auto;
22659
- opacity: 1;
22660
- pointer-events: none;
22661
- transition-property: opacity, transform;
22662
- }
22663
- .v-tooltip > .v-overlay__content[class*=enter-active] {
22664
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
22665
- transition-duration: 150ms;
22666
- }
22667
- .v-tooltip > .v-overlay__content[class*=leave-active] {
22668
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
22669
- transition-duration: 75ms;
22670
- }.v-virtual-scroll {
22671
- display: block;
22672
- flex: 1 1 auto;
22673
- max-width: 100%;
22674
- overflow: auto;
22675
- position: relative;
22676
- }
22677
- .v-virtual-scroll__container {
22678
- display: block;
22679
- }.v-window {
22680
- overflow: hidden;
22681
- }
22682
- .v-window__container {
22683
- display: flex;
22684
- flex-direction: column;
22685
- height: inherit;
22686
- position: relative;
22687
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
22688
- }
22689
- .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));
22753
+ justify-content: center;
22784
22754
  }
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));
22755
+
22756
+ .v-timeline--vertical.v-timeline--align-center {
22757
+ align-items: center;
22787
22758
  }
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));
22759
+ .v-timeline--vertical.v-timeline--align-center .v-timeline-divider {
22760
+ justify-content: center;
22790
22761
  }
22791
- .v-alert--variant-outlined {
22792
- border: thin solid currentColor;
22762
+
22763
+ .v-timeline--align-start {
22764
+ --v-timeline-line-size-base: 100%;
22765
+ --v-timeline-line-size-offset: 12px;
22793
22766
  }
22794
- .v-alert--variant-text .v-alert__overlay {
22795
- background: currentColor;
22767
+ .v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__before {
22768
+ --v-timeline-line-size-offset: 24px;
22796
22769
  }
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;
22770
+ .v-timeline--align-start .v-timeline-item:first-child .v-timeline-divider__after {
22771
+ --v-timeline-line-size-offset: -12px;
22807
22772
  }
22808
- .v-alert--prominent {
22809
- grid-template-areas: "prepend content append close" "prepend content . .";
22773
+ .v-timeline--align-start .v-timeline-item:last-child .v-timeline-divider__after {
22774
+ --v-timeline-line-size-offset: 0px;
22810
22775
  }
22811
- .v-alert.v-alert--border {
22812
- --v-border-opacity: 0.38;
22776
+ .v-timeline--horizontal.v-timeline--align-start {
22777
+ justify-items: flex-start;
22813
22778
  }
22814
- .v-alert.v-alert--border.v-alert--border-start {
22815
- padding-inline-start: 24px;
22779
+ .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider {
22780
+ justify-content: flex-start;
22816
22781
  }
22817
- .v-alert.v-alert--border.v-alert--border-end {
22818
- padding-inline-end: 24px;
22782
+ .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
22783
+ width: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
22819
22784
  }
22820
- .v-alert--variant-plain {
22821
- transition: 0.2s opacity cubic-bezier(0.4, 0, 0.2, 1);
22785
+ .v-timeline--horizontal.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
22786
+ width: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
22822
22787
  }
22823
- .v-alert--density-default {
22824
- padding-bottom: 16px;
22825
- padding-top: 16px;
22788
+
22789
+ .v-timeline--vertical.v-timeline--align-start {
22790
+ align-items: flex-start;
22826
22791
  }
22827
- .v-alert--density-default.v-alert--border-top {
22828
- padding-top: 24px;
22792
+ .v-timeline--vertical.v-timeline--align-start .v-timeline-divider {
22793
+ justify-content: flex-start;
22829
22794
  }
22830
- .v-alert--density-default.v-alert--border-bottom {
22831
- padding-bottom: 24px;
22795
+ .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__before {
22796
+ height: calc(var(--v-timeline-line-size-offset) + var(--v-timeline-dot-size) / 2 - var(--v-timeline-line-inset));
22832
22797
  }
22833
-
22834
- .v-alert--density-comfortable {
22835
- padding-bottom: 12px;
22836
- padding-top: 12px;
22798
+ .v-timeline--vertical.v-timeline--align-start .v-timeline-divider .v-timeline-divider__after {
22799
+ height: calc(var(--v-timeline-line-size-base) - var(--v-timeline-dot-size) / 2 + var(--v-timeline-line-size-offset) - var(--v-timeline-line-inset));
22837
22800
  }
22838
- .v-alert--density-comfortable.v-alert--border-top {
22839
- padding-top: 20px;
22801
+
22802
+ .v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider__after {
22803
+ --v-timeline-line-size-offset: 12px;
22840
22804
  }
22841
- .v-alert--density-comfortable.v-alert--border-bottom {
22842
- padding-bottom: 20px;
22805
+ .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
22806
+ padding-block-start: 0;
22843
22807
  }
22844
22808
 
22845
- .v-alert--density-compact {
22846
- padding-bottom: 8px;
22847
- padding-top: 8px;
22809
+ .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-start .v-timeline-item:first-child .v-timeline-item__opposite {
22810
+ padding-inline-start: 0;
22848
22811
  }
22849
- .v-alert--density-compact.v-alert--border-top {
22850
- padding-top: 16px;
22812
+
22813
+ .v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider__before {
22814
+ --v-timeline-line-size-offset: 12px;
22851
22815
  }
22852
- .v-alert--density-compact.v-alert--border-bottom {
22853
- padding-bottom: 16px;
22816
+ .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--vertical.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
22817
+ padding-block-end: 0;
22854
22818
  }
22855
22819
 
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;
22820
+ .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
22821
+ padding-inline-end: 0;
22822
+ }.v-toolbar {
22823
+ align-items: flex-start;
22824
+ display: flex;
22825
+ flex: none;
22826
+ flex-direction: column;
22827
+ justify-content: space-between;
22828
+ max-width: 100%;
22829
+ overflow: hidden;
22830
+ position: relative;
22831
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22832
+ transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
22865
22833
  width: 100%;
22866
- border-color: currentColor;
22834
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22867
22835
  border-style: solid;
22868
22836
  border-width: 0;
22837
+ 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));
22838
+ border-radius: 0;
22839
+ background: rgb(var(--v-theme-on-surface-variant));
22840
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22869
22841
  }
22870
- .v-alert__border--border {
22871
- border-width: 8px;
22842
+ .v-toolbar--border {
22843
+ border-width: thin;
22872
22844
  box-shadow: none;
22873
22845
  }
22874
- .v-alert--border-start .v-alert__border {
22875
- border-inline-start-width: 8px;
22846
+ .v-toolbar--absolute {
22847
+ position: absolute;
22876
22848
  }
22877
- .v-alert--border-end .v-alert__border {
22878
- border-inline-end-width: 8px;
22849
+ .v-toolbar--collapse {
22850
+ max-width: 112px;
22851
+ overflow: hidden;
22879
22852
  }
22880
- .v-alert--border-top .v-alert__border {
22881
- border-top-width: 8px;
22853
+ .v-toolbar--collapse .v-toolbar-title {
22854
+ display: none;
22882
22855
  }
22883
- .v-alert--border-bottom .v-alert__border {
22884
- border-bottom-width: 8px;
22856
+ .v-toolbar--collapse.v-locale--is-ltr, .v-locale--is-ltr .v-toolbar--collapse {
22857
+ border-bottom-right-radius: 24px;
22885
22858
  }
22886
-
22887
- .v-alert__close {
22888
- flex: 0 1 auto;
22889
- grid-area: close;
22859
+ .v-toolbar--collapse.v-locale--is-rtl, .v-locale--is-rtl .v-toolbar--collapse {
22860
+ border-bottom-left-radius: 24px;
22890
22861
  }
22891
-
22892
- .v-alert__content {
22893
- align-self: center;
22894
- grid-area: content;
22895
- overflow: hidden;
22862
+ .v-toolbar--flat {
22863
+ 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));
22864
+ }
22865
+ .v-toolbar--floating {
22866
+ display: inline-flex;
22867
+ }
22868
+ .v-toolbar--rounded {
22869
+ border-radius: 4px;
22896
22870
  }
22897
22871
 
22898
- .v-alert__append,
22899
- .v-alert__close {
22900
- align-self: flex-start;
22901
- margin-inline-start: 16px;
22872
+ .v-toolbar__content,
22873
+ .v-toolbar__extension {
22874
+ align-items: center;
22875
+ display: flex;
22876
+ flex: 0 0 auto;
22877
+ position: relative;
22878
+ transition: inherit;
22879
+ width: 100%;
22902
22880
  }
22903
22881
 
22904
- .v-alert__append {
22905
- align-self: flex-start;
22906
- grid-area: append;
22882
+ .v-toolbar__content > .v-btn:first-child {
22883
+ margin-inline-start: 10px;
22907
22884
  }
22908
- .v-alert__append + .v-alert__close {
22885
+ .v-toolbar__content > .v-btn:last-child {
22886
+ margin-inline-end: 10px;
22887
+ }
22888
+ .v-toolbar__content > .v-toolbar-title {
22909
22889
  margin-inline-start: 16px;
22910
22890
  }
22891
+ .v-toolbar--density-prominent .v-toolbar__content {
22892
+ align-items: flex-start;
22893
+ }
22911
22894
 
22912
- .v-alert__prepend {
22913
- align-self: flex-start;
22895
+ .v-toolbar__image {
22896
+ position: absolute;
22897
+ top: 0;
22898
+ left: 0;
22899
+ width: 100%;
22900
+ height: 100%;
22914
22901
  display: flex;
22902
+ opacity: var(--v-toolbar-image-opacity, 1);
22903
+ transition-property: opacity;
22904
+ }
22905
+
22906
+ .v-toolbar__prepend,
22907
+ .v-toolbar__append {
22915
22908
  align-items: center;
22916
- grid-area: prepend;
22917
- margin-inline-end: 16px;
22909
+ align-self: stretch;
22910
+ display: flex;
22918
22911
  }
22919
- .v-alert--prominent .v-alert__prepend {
22920
- align-self: center;
22912
+
22913
+ .v-toolbar__prepend {
22914
+ margin-inline-start: 10px;
22915
+ margin-inline-end: auto;
22921
22916
  }
22922
22917
 
22923
- .v-alert__underlay {
22924
- grid-area: none;
22925
- position: absolute;
22918
+ .v-toolbar__append {
22919
+ margin-inline-start: auto;
22920
+ margin-inline-end: 10px;
22926
22921
  }
22927
- .v-alert--border-start .v-alert__underlay {
22928
- border-top-left-radius: 0;
22929
- border-bottom-left-radius: 0;
22922
+
22923
+ .v-toolbar-title {
22924
+ flex: 1 1;
22925
+ font-size: 1.25rem;
22926
+ min-width: 0;
22927
+ font-size: 1.25rem;
22928
+ font-weight: 400;
22929
+ letter-spacing: 0;
22930
+ line-height: 1.75rem;
22931
+ text-transform: none;
22932
+ }
22933
+ .v-toolbar--density-prominent .v-toolbar-title {
22934
+ align-self: flex-end;
22935
+ padding-bottom: 6px;
22936
+ font-size: 1.5rem;
22937
+ font-weight: 400;
22938
+ letter-spacing: 0;
22939
+ line-height: 2.25rem;
22940
+ text-transform: none;
22941
+ }
22942
+
22943
+ .v-toolbar-title__placeholder {
22944
+ overflow: hidden;
22945
+ text-overflow: ellipsis;
22946
+ white-space: nowrap;
22947
+ }
22948
+
22949
+ .v-toolbar-items {
22950
+ display: flex;
22951
+ height: inherit;
22952
+ align-self: stretch;
22953
+ }
22954
+ .v-toolbar-items > .v-btn {
22955
+ border-radius: 0;
22956
+ }.v-tooltip > .v-overlay__content {
22957
+ background: rgba(var(--v-theme-surface-variant), 0.7);
22958
+ color: rgb(var(--v-theme-on-surface-variant));
22959
+ border-radius: 4px;
22960
+ font-size: 0.875rem;
22961
+ line-height: 1.6;
22962
+ display: inline-block;
22963
+ padding: 5px 16px;
22964
+ text-transform: initial;
22965
+ width: auto;
22966
+ opacity: 1;
22967
+ pointer-events: none;
22968
+ transition-property: opacity, transform;
22930
22969
  }
22931
- .v-alert--border-end .v-alert__underlay {
22932
- border-top-right-radius: 0;
22933
- border-bottom-right-radius: 0;
22970
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
22971
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
22972
+ transition-duration: 150ms;
22934
22973
  }
22935
- .v-alert--border-top .v-alert__underlay {
22936
- border-top-left-radius: 0;
22937
- border-top-right-radius: 0;
22974
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
22975
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
22976
+ transition-duration: 75ms;
22977
+ }.v-virtual-scroll {
22978
+ display: block;
22979
+ flex: 1 1 auto;
22980
+ max-width: 100%;
22981
+ overflow: auto;
22982
+ position: relative;
22938
22983
  }
22939
- .v-alert--border-bottom .v-alert__underlay {
22940
- border-bottom-left-radius: 0;
22941
- border-bottom-right-radius: 0;
22984
+ .v-virtual-scroll__container {
22985
+ display: block;
22986
+ }.v-window {
22987
+ overflow: hidden;
22942
22988
  }
22943
-
22944
- .v-alert-title {
22945
- align-items: center;
22946
- align-self: center;
22989
+ .v-window__container {
22947
22990
  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;
22991
+ flex-direction: column;
22992
+ height: inherit;
22962
22993
  position: relative;
22963
- vertical-align: middle;
22994
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
22964
22995
  }
22965
- .v-progress-circular > svg {
22966
- width: 100%;
22967
- height: 100%;
22968
- margin: auto;
22996
+ .v-window__controls {
22969
22997
  position: absolute;
22970
- top: 0;
22971
- bottom: 0;
22972
22998
  left: 0;
22973
- right: 0;
22974
- z-index: 0;
22975
- }
22976
-
22977
- .v-progress-circular__content {
22978
- align-items: center;
22999
+ top: 0;
23000
+ width: 100%;
23001
+ height: 100%;
22979
23002
  display: flex;
22980
- justify-content: center;
23003
+ align-items: center;
23004
+ justify-content: space-between;
23005
+ padding: 0 16px;
23006
+ pointer-events: none;
22981
23007
  }
22982
-
22983
- .v-progress-circular__underlay {
22984
- color: rgba(var(--v-border-color), var(--v-border-opacity));
22985
- stroke: currentColor;
22986
- z-index: 1;
23008
+ .v-window__controls * {
23009
+ pointer-events: auto;
22987
23010
  }
22988
-
22989
- .v-progress-circular__overlay {
22990
- stroke: currentColor;
22991
- transition: all 0.2s ease-in-out, stroke-width 0s;
22992
- z-index: 2;
23011
+ .v-window--show-arrows-on-hover {
23012
+ overflow: hidden;
22993
23013
  }
22994
-
22995
- .v-progress-circular--size-x-small {
22996
- height: 16px;
22997
- width: 16px;
23014
+ .v-window--show-arrows-on-hover .v-window__left {
23015
+ transform: translateX(-200%);
22998
23016
  }
22999
- .v-progress-circular--size-small {
23000
- height: 24px;
23001
- width: 24px;
23017
+ .v-window--show-arrows-on-hover .v-window__right {
23018
+ transform: translateX(200%);
23002
23019
  }
23003
- .v-progress-circular--size-default {
23004
- height: 32px;
23005
- width: 32px;
23020
+ .v-window--show-arrows-on-hover:hover .v-window__left,
23021
+ .v-window--show-arrows-on-hover:hover .v-window__right {
23022
+ transform: translateX(0);
23006
23023
  }
23007
- .v-progress-circular--size-large {
23008
- height: 48px;
23009
- width: 48px;
23024
+ .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 {
23025
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
23010
23026
  }
23011
- .v-progress-circular--size-x-large {
23012
- height: 64px;
23013
- width: 64px;
23027
+ .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 {
23028
+ position: absolute !important;
23029
+ top: 0;
23030
+ width: 100%;
23014
23031
  }
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;
23032
+ .v-window-x-transition-enter-from {
23033
+ transform: translateX(100%);
23020
23034
  }
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);
23035
+ .v-window-x-transition-leave-to {
23036
+ transform: translateX(-100%);
23028
23037
  }
23029
-
23030
- .v-progress-circular--disable-shrink > svg {
23031
- animation-duration: 0.7s;
23038
+ .v-window-x-reverse-transition-enter-from {
23039
+ transform: translateX(-100%);
23032
23040
  }
23033
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23034
- animation: none;
23041
+ .v-window-x-reverse-transition-leave-to {
23042
+ transform: translateX(100%);
23035
23043
  }
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;
23044
+ .v-window-y-transition-enter-from {
23045
+ transform: translateY(100%);
23040
23046
  }
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
- }
23047
+ .v-window-y-transition-leave-to {
23048
+ transform: translateY(-100%);
23055
23049
  }
23056
- @keyframes progress-circular-rotate {
23057
- 100% {
23058
- transform: rotate(270deg);
23059
- }
23050
+ .v-window-y-reverse-transition-enter-from {
23051
+ transform: translateY(-100%);
23052
+ }
23053
+ .v-window-y-reverse-transition-leave-to {
23054
+ transform: translateY(100%);
23055
+ }.v-messages {
23056
+ flex: 1 1 auto;
23057
+ font-size: 12px;
23058
+ min-height: 14px;
23059
+ min-width: 1px;
23060
+ opacity: var(--v-medium-emphasis-opacity);
23061
+ position: relative;
23062
+ }
23063
+ .v-messages__message {
23064
+ line-height: 12px;
23065
+ word-break: break-word;
23066
+ overflow-wrap: break-word;
23067
+ word-wrap: break-word;
23068
+ -webkit-hyphens: auto;
23069
+ hyphens: auto;
23070
+ transition-duration: 150ms;
23060
23071
  }.v-color-picker-canvas {
23061
23072
  display: flex;
23062
23073
  position: relative;
@@ -23078,6 +23089,36 @@ html.v-overlay-scroll-blocked {
23078
23089
  }
23079
23090
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
23080
23091
  will-change: transform;
23092
+ }.v-color-picker-edit {
23093
+ display: flex;
23094
+ }
23095
+
23096
+ .v-color-picker-edit__input {
23097
+ width: 100%;
23098
+ display: flex;
23099
+ flex-wrap: wrap;
23100
+ justify-content: center;
23101
+ text-align: center;
23102
+ }
23103
+ .v-color-picker-edit__input:not(:last-child).v-locale--is-ltr, .v-locale--is-ltr .v-color-picker-edit__input:not(:last-child) {
23104
+ margin-right: 8px;
23105
+ }
23106
+ .v-color-picker-edit__input:not(:last-child).v-locale--is-rtl, .v-locale--is-rtl .v-color-picker-edit__input:not(:last-child) {
23107
+ margin-left: 8px;
23108
+ }
23109
+ .v-color-picker-edit__input input {
23110
+ border-radius: 4px;
23111
+ margin-bottom: 8px;
23112
+ min-width: 0;
23113
+ outline: none;
23114
+ text-align: center;
23115
+ width: 100%;
23116
+ height: 32px;
23117
+ background: rgba(var(--v-theme-surface-variant), 0.2);
23118
+ color: rgba(var(--v-theme-on-surface));
23119
+ }
23120
+ .v-color-picker-edit__input span {
23121
+ font-size: 0.75rem;
23081
23122
  }.v-color-picker-preview__alpha .v-slider-track__background {
23082
23123
  background-color: transparent !important;
23083
23124
  }
@@ -23144,36 +23185,6 @@ html.v-overlay-scroll-blocked {
23144
23185
  align-items: center;
23145
23186
  display: flex;
23146
23187
  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
23188
  }.v-color-picker-swatches {
23178
23189
  overflow-y: auto;
23179
23190
  }