morya-ui 0.2.8 → 0.3.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 (458) hide show
  1. package/CHANGELOG.md +71 -0
  2. package/README.md +1 -0
  3. package/README.zh-CN.md +1 -0
  4. package/dist/{Button--RkQybU-.js → Button-B5X_R4Md.js} +2 -2
  5. package/dist/{Card-BQfmv5Iw.js → Card-Dsmnzong.js} +1 -1
  6. package/dist/{Checkbox-CL05RRUD.js → Checkbox-BzbAUfyZ.js} +2 -2
  7. package/dist/FlyoutSubmenu-BrUPmJa1.js +45 -0
  8. package/dist/Icon-lcN1rS87.js +610 -0
  9. package/dist/{Pagination-BKvR-RUW.js → Pagination-CVrH8Ypi.js} +3 -3
  10. package/dist/Popover-BQ07q4VV.js +179 -0
  11. package/dist/ProgressSpinner-BeWVF6Jv.js +105 -0
  12. package/dist/{Radio-DsaKvbhk.js → Radio-rF6zdR5Y.js} +2 -2
  13. package/dist/{ScrollBody-D2IHKP6U.js → ScrollBody-5hUnHj_M.js} +1 -1
  14. package/dist/{Scrollbar-BYnCO8fv.js → Scrollbar-DTeJ8P5b.js} +2 -2
  15. package/dist/Tooltip-D5DO0B3z.js +105 -0
  16. package/dist/VirtualScroller-CHoFCmpP.js +75 -0
  17. package/dist/accordion/index.js +42 -39
  18. package/dist/accordion/style.css +293 -40
  19. package/dist/auto-complete/index.js +185 -124
  20. package/dist/auto-complete/style.css +497 -96
  21. package/dist/auto-complete/style.js +2 -0
  22. package/dist/avatar/index.js +2 -2
  23. package/dist/avatar/style.css +255 -45
  24. package/dist/badge/index.js +25 -20
  25. package/dist/badge/style.css +275 -47
  26. package/dist/block-ui/index.js +26 -13
  27. package/dist/block-ui/style.css +250 -40
  28. package/dist/breadcrumb/index.js +2 -2
  29. package/dist/breadcrumb/style.css +250 -40
  30. package/dist/button/index.js +2 -2
  31. package/dist/button/style.css +251 -41
  32. package/dist/card/index.js +1 -1
  33. package/dist/card/style.css +250 -40
  34. package/dist/carousel/index.js +3 -3
  35. package/dist/carousel/style.css +251 -41
  36. package/dist/cascade-select/index.js +172 -143
  37. package/dist/cascade-select/style.css +475 -85
  38. package/dist/cascade-select/style.js +1 -0
  39. package/dist/checkbox/index.js +2 -2
  40. package/dist/checkbox/style.css +250 -40
  41. package/dist/chip/index.js +2 -2
  42. package/dist/chip/style.css +258 -42
  43. package/dist/command-menu/index.js +58 -45
  44. package/dist/command-menu/style.css +256 -44
  45. package/dist/components/Accordion/Accordion.vue.d.ts +2 -2
  46. package/dist/components/Accordion/Accordion.vue.d.ts.map +1 -1
  47. package/dist/components/Accordion/styles.css +43 -0
  48. package/dist/components/AutoComplete/AutoComplete.vue.d.ts +11 -4
  49. package/dist/components/AutoComplete/AutoComplete.vue.d.ts.map +1 -1
  50. package/dist/components/AutoComplete/styles.css +47 -52
  51. package/dist/components/AutoComplete/types.d.ts +8 -0
  52. package/dist/components/AutoComplete/types.d.ts.map +1 -1
  53. package/dist/components/Avatar/styles.css +4 -4
  54. package/dist/components/Badge/Badge.vue.d.ts.map +1 -1
  55. package/dist/components/Badge/styles.css +25 -7
  56. package/dist/components/BlockUI/BlockUI.vue.d.ts +2 -0
  57. package/dist/components/BlockUI/BlockUI.vue.d.ts.map +1 -1
  58. package/dist/components/BlockUI/types.d.ts +3 -0
  59. package/dist/components/BlockUI/types.d.ts.map +1 -1
  60. package/dist/components/Button/index.d.ts.map +1 -1
  61. package/dist/components/CascadeSelect/CascadeSelect.vue.d.ts +2 -0
  62. package/dist/components/CascadeSelect/CascadeSelect.vue.d.ts.map +1 -1
  63. package/dist/components/CascadeSelect/styles.css +39 -38
  64. package/dist/components/CascadeSelect/types.d.ts +3 -0
  65. package/dist/components/CascadeSelect/types.d.ts.map +1 -1
  66. package/dist/components/Chip/styles.css +7 -1
  67. package/dist/components/CommandMenu/CommandMenu.vue.d.ts +2 -0
  68. package/dist/components/CommandMenu/CommandMenu.vue.d.ts.map +1 -1
  69. package/dist/components/CommandMenu/styles.css +2 -0
  70. package/dist/components/CommandMenu/types.d.ts +3 -0
  71. package/dist/components/CommandMenu/types.d.ts.map +1 -1
  72. package/dist/components/ConfigProvider/ConfigProvider.vue.d.ts +2 -0
  73. package/dist/components/ConfigProvider/ConfigProvider.vue.d.ts.map +1 -1
  74. package/dist/components/ConfigProvider/types.d.ts +1 -1
  75. package/dist/components/ConfigProvider/types.d.ts.map +1 -1
  76. package/dist/components/ConfirmDialog/ConfirmDialog.vue.d.ts +2 -1
  77. package/dist/components/ConfirmDialog/ConfirmDialog.vue.d.ts.map +1 -1
  78. package/dist/components/ConfirmDialog/types.d.ts +3 -0
  79. package/dist/components/ConfirmDialog/types.d.ts.map +1 -1
  80. package/dist/components/ConfirmPopup/ConfirmPopup.vue.d.ts +2 -0
  81. package/dist/components/ConfirmPopup/ConfirmPopup.vue.d.ts.map +1 -1
  82. package/dist/components/ConfirmPopup/types.d.ts +3 -0
  83. package/dist/components/ConfirmPopup/types.d.ts.map +1 -1
  84. package/dist/components/ContextMenu/ContextMenu.vue.d.ts +2 -0
  85. package/dist/components/ContextMenu/ContextMenu.vue.d.ts.map +1 -1
  86. package/dist/components/ContextMenu/styles.css +2 -0
  87. package/dist/components/ContextMenu/types.d.ts +3 -0
  88. package/dist/components/ContextMenu/types.d.ts.map +1 -1
  89. package/dist/components/DatePicker/DatePicker.vue.d.ts +2 -0
  90. package/dist/components/DatePicker/DatePicker.vue.d.ts.map +1 -1
  91. package/dist/components/DatePicker/styles.css +65 -21
  92. package/dist/components/DatePicker/types.d.ts +3 -0
  93. package/dist/components/DatePicker/types.d.ts.map +1 -1
  94. package/dist/components/Dialog/Dialog.vue.d.ts +2 -0
  95. package/dist/components/Dialog/Dialog.vue.d.ts.map +1 -1
  96. package/dist/components/Dialog/index.d.ts.map +1 -1
  97. package/dist/components/Dialog/styles.css +190 -4
  98. package/dist/components/Dialog/types.d.ts +3 -0
  99. package/dist/components/Dialog/types.d.ts.map +1 -1
  100. package/dist/components/Drawer/Drawer.vue.d.ts +2 -0
  101. package/dist/components/Drawer/Drawer.vue.d.ts.map +1 -1
  102. package/dist/components/Drawer/styles.css +189 -4
  103. package/dist/components/Drawer/types.d.ts +3 -0
  104. package/dist/components/Drawer/types.d.ts.map +1 -1
  105. package/dist/components/Dropdown/Dropdown.vue.d.ts +2 -0
  106. package/dist/components/Dropdown/Dropdown.vue.d.ts.map +1 -1
  107. package/dist/components/Dropdown/styles.css +4 -0
  108. package/dist/components/Dropdown/types.d.ts +3 -0
  109. package/dist/components/Dropdown/types.d.ts.map +1 -1
  110. package/dist/components/Empty/index.d.ts.map +1 -1
  111. package/dist/components/Empty/styles.css +6 -6
  112. package/dist/components/Fieldset/Fieldset.vue.d.ts.map +1 -1
  113. package/dist/components/Fieldset/styles.css +17 -6
  114. package/dist/components/FileUpload/FileUpload.vue.d.ts +1 -1
  115. package/dist/components/FloatLabel/styles.css +19 -7
  116. package/dist/components/Form/styles.css +21 -0
  117. package/dist/components/Icon/Icon.vue.d.ts.map +1 -1
  118. package/dist/components/Icon/icon-categories.d.ts +21 -0
  119. package/dist/components/Icon/icon-categories.d.ts.map +1 -0
  120. package/dist/components/Icon/icons-tabler.d.ts +77 -0
  121. package/dist/components/Icon/icons-tabler.d.ts.map +1 -0
  122. package/dist/components/Icon/icons-types.d.ts +36 -0
  123. package/dist/components/Icon/icons-types.d.ts.map +1 -0
  124. package/dist/components/Icon/icons.d.ts +75 -32
  125. package/dist/components/Icon/icons.d.ts.map +1 -1
  126. package/dist/components/Icon/index.d.ts +2 -0
  127. package/dist/components/Icon/index.d.ts.map +1 -1
  128. package/dist/components/Icon/styles.css +1 -1
  129. package/dist/components/IconField/IconField.vue.d.ts +3 -1
  130. package/dist/components/IconField/IconField.vue.d.ts.map +1 -1
  131. package/dist/components/IconField/styles.css +306 -31
  132. package/dist/components/Input/Input.vue.d.ts.map +1 -1
  133. package/dist/components/Input/index.d.ts.map +1 -1
  134. package/dist/components/Input/styles.css +191 -35
  135. package/dist/components/InputNumber/styles.css +103 -40
  136. package/dist/components/InputPassword/InputPassword.vue.d.ts.map +1 -1
  137. package/dist/components/InputPassword/styles.css +79 -79
  138. package/dist/components/InputTags/styles.css +3 -1
  139. package/dist/components/Layout/LayoutContent.vue.d.ts +4 -8
  140. package/dist/components/Layout/LayoutContent.vue.d.ts.map +1 -1
  141. package/dist/components/Layout/LayoutSider.vue.d.ts +4 -6
  142. package/dist/components/Layout/LayoutSider.vue.d.ts.map +1 -1
  143. package/dist/components/Layout/composables/useLayoutRegionStyle.d.ts +2 -0
  144. package/dist/components/Layout/composables/useLayoutRegionStyle.d.ts.map +1 -1
  145. package/dist/components/Layout/styles.css +29 -54
  146. package/dist/components/Layout/types.d.ts +6 -7
  147. package/dist/components/Layout/types.d.ts.map +1 -1
  148. package/dist/components/Listbox/Listbox.vue.d.ts +7 -2
  149. package/dist/components/Listbox/Listbox.vue.d.ts.map +1 -1
  150. package/dist/components/Listbox/styles.css +10 -0
  151. package/dist/components/Listbox/types.d.ts +5 -0
  152. package/dist/components/Listbox/types.d.ts.map +1 -1
  153. package/dist/components/Loading/Loading.vue.d.ts +2 -0
  154. package/dist/components/Loading/Loading.vue.d.ts.map +1 -1
  155. package/dist/components/Loading/LoadingIndicator.vue.d.ts.map +1 -1
  156. package/dist/components/Loading/loading.d.ts.map +1 -1
  157. package/dist/components/Loading/styles.css +25 -17
  158. package/dist/components/Loading/types.d.ts +3 -0
  159. package/dist/components/Loading/types.d.ts.map +1 -1
  160. package/dist/components/MegaMenu/MegaMenu.vue.d.ts +2 -0
  161. package/dist/components/MegaMenu/MegaMenu.vue.d.ts.map +1 -1
  162. package/dist/components/MegaMenu/styles.css +1 -0
  163. package/dist/components/MegaMenu/types.d.ts +3 -0
  164. package/dist/components/MegaMenu/types.d.ts.map +1 -1
  165. package/dist/components/Menu/Menu.vue.d.ts +3 -1
  166. package/dist/components/Menu/Menu.vue.d.ts.map +1 -1
  167. package/dist/components/Menu/styles.css +14 -10
  168. package/dist/components/Menu/types.d.ts +3 -0
  169. package/dist/components/Menu/types.d.ts.map +1 -1
  170. package/dist/components/Menubar/Menubar.vue.d.ts +2 -0
  171. package/dist/components/Menubar/Menubar.vue.d.ts.map +1 -1
  172. package/dist/components/Menubar/styles.css +4 -0
  173. package/dist/components/Menubar/types.d.ts +3 -0
  174. package/dist/components/Menubar/types.d.ts.map +1 -1
  175. package/dist/components/Message/Message.vue.d.ts +2 -0
  176. package/dist/components/Message/Message.vue.d.ts.map +1 -1
  177. package/dist/components/Message/types.d.ts +3 -0
  178. package/dist/components/Message/types.d.ts.map +1 -1
  179. package/dist/components/MeterGroup/styles.css +2 -2
  180. package/dist/components/Panel/Panel.vue.d.ts.map +1 -1
  181. package/dist/components/Panel/styles.css +21 -6
  182. package/dist/components/Popover/Popover.vue.d.ts +2 -0
  183. package/dist/components/Popover/Popover.vue.d.ts.map +1 -1
  184. package/dist/components/Popover/types.d.ts +3 -0
  185. package/dist/components/Popover/types.d.ts.map +1 -1
  186. package/dist/components/ProgressBar/ProgressBar.vue.d.ts.map +1 -1
  187. package/dist/components/ProgressBar/styles.css +30 -8
  188. package/dist/components/ProgressSpinner/ProgressSpinner.vue.d.ts.map +1 -1
  189. package/dist/components/ProgressSpinner/styles.css +3 -3
  190. package/dist/components/Result/index.d.ts.map +1 -1
  191. package/dist/components/Result/styles.css +17 -17
  192. package/dist/components/ScrollTop/ScrollTop.vue.d.ts +1 -1
  193. package/dist/components/Scrollbar/Scrollbar.vue.d.ts.map +1 -1
  194. package/dist/components/Scrollbar/styles.css +3 -3
  195. package/dist/components/Select/Select.vue.d.ts +10 -3
  196. package/dist/components/Select/Select.vue.d.ts.map +1 -1
  197. package/dist/components/Select/index.d.ts.map +1 -1
  198. package/dist/components/Select/styles.css +13 -91
  199. package/dist/components/Select/types.d.ts +8 -0
  200. package/dist/components/Select/types.d.ts.map +1 -1
  201. package/dist/components/Sidebar/styles.css +8 -10
  202. package/dist/components/Skeleton/Skeleton.vue.d.ts +1 -1
  203. package/dist/components/Skeleton/Skeleton.vue.d.ts.map +1 -1
  204. package/dist/components/Slider/Slider.vue.d.ts +1 -1
  205. package/dist/components/SpeedDial/SpeedDial.vue.d.ts +2 -0
  206. package/dist/components/SpeedDial/SpeedDial.vue.d.ts.map +1 -1
  207. package/dist/components/SpeedDial/types.d.ts +3 -0
  208. package/dist/components/SpeedDial/types.d.ts.map +1 -1
  209. package/dist/components/SplitButton/SplitButton.vue.d.ts +2 -0
  210. package/dist/components/SplitButton/SplitButton.vue.d.ts.map +1 -1
  211. package/dist/components/SplitButton/types.d.ts +3 -0
  212. package/dist/components/SplitButton/types.d.ts.map +1 -1
  213. package/dist/components/Splitter/Splitter.vue.d.ts +5 -3
  214. package/dist/components/Splitter/Splitter.vue.d.ts.map +1 -1
  215. package/dist/components/Splitter/index.d.ts +1 -1
  216. package/dist/components/Splitter/index.d.ts.map +1 -1
  217. package/dist/components/Splitter/styles.css +12 -0
  218. package/dist/components/Splitter/types.d.ts +9 -3
  219. package/dist/components/Splitter/types.d.ts.map +1 -1
  220. package/dist/components/Status/Status.vue.d.ts.map +1 -1
  221. package/dist/components/Status/index.d.ts.map +1 -1
  222. package/dist/components/Status/styles.css +18 -16
  223. package/dist/components/Switch/Switch.vue.d.ts +1 -1
  224. package/dist/components/Table/hooks/useTotalItems.d.ts.map +1 -1
  225. package/dist/components/Table/styles.css +8 -8
  226. package/dist/components/Tag/styles.css +4 -2
  227. package/dist/components/Textarea/styles.css +15 -1
  228. package/dist/components/TieredMenu/TieredMenu.vue.d.ts +3 -1
  229. package/dist/components/TieredMenu/TieredMenu.vue.d.ts.map +1 -1
  230. package/dist/components/TieredMenu/styles.css +2 -0
  231. package/dist/components/TieredMenu/types.d.ts +3 -0
  232. package/dist/components/TieredMenu/types.d.ts.map +1 -1
  233. package/dist/components/Toast/Toast.vue.d.ts +2 -0
  234. package/dist/components/Toast/Toast.vue.d.ts.map +1 -1
  235. package/dist/components/Toast/types.d.ts +3 -0
  236. package/dist/components/Toast/types.d.ts.map +1 -1
  237. package/dist/components/Toolbar/styles.css +1 -0
  238. package/dist/components/Tooltip/Tooltip.vue.d.ts +2 -0
  239. package/dist/components/Tooltip/Tooltip.vue.d.ts.map +1 -1
  240. package/dist/components/Tooltip/types.d.ts +3 -0
  241. package/dist/components/Tooltip/types.d.ts.map +1 -1
  242. package/dist/components/Tree/styles.css +1 -1
  243. package/dist/components/TreeSelect/TreeSelect.vue.d.ts +2 -0
  244. package/dist/components/TreeSelect/TreeSelect.vue.d.ts.map +1 -1
  245. package/dist/components/TreeSelect/TreeSelectNodeItem.vue.d.ts +2 -0
  246. package/dist/components/TreeSelect/TreeSelectNodeItem.vue.d.ts.map +1 -1
  247. package/dist/components/TreeSelect/styles.css +5 -57
  248. package/dist/components/TreeSelect/types.d.ts +3 -0
  249. package/dist/components/TreeSelect/types.d.ts.map +1 -1
  250. package/dist/components/TreeTable/styles.css +1 -1
  251. package/dist/components/VirtualScroller/VirtualScroller.vue.d.ts +7 -3
  252. package/dist/components/VirtualScroller/VirtualScroller.vue.d.ts.map +1 -1
  253. package/dist/components/VirtualScroller/index.d.ts +1 -1
  254. package/dist/components/VirtualScroller/index.d.ts.map +1 -1
  255. package/dist/components/VirtualScroller/types.d.ts +5 -0
  256. package/dist/components/VirtualScroller/types.d.ts.map +1 -1
  257. package/dist/{config-BdK5ccNT.js → config-CapALqt3.js} +10 -2
  258. package/dist/config-provider/index.js +5 -3
  259. package/dist/config-provider/style.css +441 -75
  260. package/dist/confirm-dialog/index.js +87 -74
  261. package/dist/confirm-dialog/style.css +441 -45
  262. package/dist/confirm-popup/index.js +82 -68
  263. package/dist/confirm-popup/style.css +251 -41
  264. package/dist/context-menu/index.js +112 -99
  265. package/dist/context-menu/style.css +256 -44
  266. package/dist/data-view/index.js +4 -4
  267. package/dist/data-view/style.css +253 -43
  268. package/dist/date-picker/index.js +166 -152
  269. package/dist/date-picker/style.css +316 -62
  270. package/dist/dialog/index.js +76 -63
  271. package/dist/dialog/style.css +441 -45
  272. package/dist/divider/style.css +250 -40
  273. package/dist/dock/index.js +3 -3
  274. package/dist/dock/style.css +251 -41
  275. package/dist/drawer/index.js +72 -61
  276. package/dist/drawer/style.css +440 -45
  277. package/dist/dropdown/index.js +145 -131
  278. package/dist/dropdown/style.css +258 -44
  279. package/dist/empty/index.js +3 -3
  280. package/dist/empty/style.css +257 -47
  281. package/dist/fieldset/index.js +19 -19
  282. package/dist/fieldset/style.css +268 -47
  283. package/dist/file-upload/index.js +3 -3
  284. package/dist/file-upload/style.css +251 -41
  285. package/dist/flex/index.js +2 -2
  286. package/dist/flex/style.css +250 -40
  287. package/dist/float-label/index.js +1 -1
  288. package/dist/float-label/style.css +269 -47
  289. package/dist/fluid/index.js +1 -1
  290. package/dist/fluid/style.css +250 -40
  291. package/dist/form/index.js +2 -2
  292. package/dist/form/style.css +271 -40
  293. package/dist/gallery/index.js +4 -4
  294. package/dist/gallery/style.css +254 -44
  295. package/dist/grid/index.js +1 -1
  296. package/dist/grid/style.css +250 -40
  297. package/dist/icon/index.js +212 -2
  298. package/dist/icon/style.css +251 -41
  299. package/dist/{icon-xUOyawgJ.js → icon-DWXkh-RM.js} +1 -1
  300. package/dist/icon-field/index.js +42 -8
  301. package/dist/icon-field/style.css +913 -71
  302. package/dist/icon-field/style.js +1 -0
  303. package/dist/index.d.ts +7 -5
  304. package/dist/index.d.ts.map +1 -1
  305. package/dist/index.js +5336 -4326
  306. package/dist/inplace/index.js +1 -1
  307. package/dist/inplace/style.css +250 -40
  308. package/dist/input/index.js +79 -81
  309. package/dist/input/style.css +442 -76
  310. package/dist/input-color/index.js +3 -3
  311. package/dist/input-color/style.css +250 -40
  312. package/dist/input-group/index.js +1 -1
  313. package/dist/input-group/style.css +250 -40
  314. package/dist/input-number/index.js +4 -4
  315. package/dist/input-number/style.css +354 -81
  316. package/dist/input-otp/index.js +3 -3
  317. package/dist/input-otp/style.css +250 -40
  318. package/dist/input-password/index.js +86 -85
  319. package/dist/input-password/style.css +330 -120
  320. package/dist/input-tags/index.js +4 -4
  321. package/dist/input-tags/style.css +254 -42
  322. package/dist/knob/index.js +1 -1
  323. package/dist/knob/style.css +250 -40
  324. package/dist/label/index.js +1 -1
  325. package/dist/label/style.css +250 -40
  326. package/dist/layout/index.js +65 -88
  327. package/dist/layout/style.css +283 -98
  328. package/dist/listbox/index.js +142 -87
  329. package/dist/listbox/style.css +291 -43
  330. package/dist/listbox/style.js +1 -0
  331. package/dist/loading/index.js +195 -156
  332. package/dist/loading/style.css +275 -57
  333. package/dist/{locale-B36KH7c3.js → locale-Bzm2nbEp.js} +1 -1
  334. package/dist/mega-menu/index.js +131 -119
  335. package/dist/mega-menu/style.css +252 -41
  336. package/dist/menu/index.js +278 -261
  337. package/dist/menu/style.css +268 -54
  338. package/dist/menubar/index.js +145 -133
  339. package/dist/menubar/style.css +258 -44
  340. package/dist/message/index.js +120 -107
  341. package/dist/message/style.css +251 -41
  342. package/dist/meter-group/index.js +1 -1
  343. package/dist/meter-group/style.css +252 -42
  344. package/dist/order-list/index.js +4 -4
  345. package/dist/order-list/style.css +251 -41
  346. package/dist/page/index.js +3 -3
  347. package/dist/page/style.css +251 -41
  348. package/dist/pagination/index.js +1 -1
  349. package/dist/pagination/style.css +251 -41
  350. package/dist/panel/index.js +31 -31
  351. package/dist/panel/style.css +272 -47
  352. package/dist/pick-list/index.js +4 -4
  353. package/dist/pick-list/style.css +251 -41
  354. package/dist/popover/index.js +1 -1
  355. package/dist/popover/style.css +250 -40
  356. package/dist/progress-bar/index.js +5 -2
  357. package/dist/progress-bar/style.css +280 -48
  358. package/dist/progress-spinner/index.js +1 -1
  359. package/dist/progress-spinner/style.css +253 -43
  360. package/dist/radio/index.js +2 -2
  361. package/dist/radio/style.css +250 -40
  362. package/dist/rating/index.js +4 -4
  363. package/dist/rating/style.css +251 -41
  364. package/dist/result/index.js +3 -3
  365. package/dist/result/style.css +268 -58
  366. package/dist/scroll-top/index.js +4 -4
  367. package/dist/scroll-top/style.css +254 -44
  368. package/dist/scrollbar/index.js +1 -1
  369. package/dist/scrollbar/style.css +253 -43
  370. package/dist/select/index.js +247 -152
  371. package/dist/select/style.css +477 -138
  372. package/dist/select/style.js +2 -0
  373. package/dist/select-button/index.js +2 -2
  374. package/dist/select-button/style.css +250 -40
  375. package/dist/shared/FlyoutSubmenu.vue.d.ts.map +1 -1
  376. package/dist/shared/componentDefaults.d.ts +62 -0
  377. package/dist/shared/componentDefaults.d.ts.map +1 -1
  378. package/dist/shared/config.d.ts +13 -2
  379. package/dist/shared/config.d.ts.map +1 -1
  380. package/dist/shared/styles/control-suffix.css +14 -3
  381. package/dist/shared/styles/select-overlay.css +167 -0
  382. package/dist/shared/useFloatingViewportSync.d.ts +10 -0
  383. package/dist/shared/useFloatingViewportSync.d.ts.map +1 -0
  384. package/dist/shared/usePauseOffscreen.d.ts +14 -0
  385. package/dist/shared/usePauseOffscreen.d.ts.map +1 -0
  386. package/dist/sidebar/index.js +4 -4
  387. package/dist/sidebar/style.css +259 -51
  388. package/dist/skeleton/index.js +34 -19
  389. package/dist/skeleton/style.css +250 -40
  390. package/dist/slider/index.js +3 -3
  391. package/dist/slider/style.css +250 -40
  392. package/dist/space/index.js +2 -2
  393. package/dist/space/style.css +250 -40
  394. package/dist/speed-dial/index.js +112 -98
  395. package/dist/speed-dial/style.css +251 -41
  396. package/dist/split-button/index.js +106 -92
  397. package/dist/split-button/style.css +251 -41
  398. package/dist/splitter/index.js +94 -80
  399. package/dist/splitter/style.css +262 -40
  400. package/dist/status/index.js +30 -26
  401. package/dist/status/style.css +269 -57
  402. package/dist/stepper/index.js +2 -2
  403. package/dist/stepper/style.css +251 -41
  404. package/dist/styles/base.css +154 -28
  405. package/dist/styles.css +1 -1
  406. package/dist/switch/index.js +2 -2
  407. package/dist/switch/style.css +250 -40
  408. package/dist/table/index.js +11 -15
  409. package/dist/table/style.css +265 -55
  410. package/dist/tabs/index.js +4 -4
  411. package/dist/tabs/style.css +254 -44
  412. package/dist/tag/index.js +3 -3
  413. package/dist/tag/style.css +255 -43
  414. package/dist/terminal/index.js +3 -3
  415. package/dist/terminal/style.css +250 -40
  416. package/dist/textarea/index.js +4 -4
  417. package/dist/textarea/style.css +266 -42
  418. package/dist/theme/index.d.ts +4 -0
  419. package/dist/theme/index.d.ts.map +1 -1
  420. package/dist/theme/motionPresets.d.ts +30 -0
  421. package/dist/theme/motionPresets.d.ts.map +1 -0
  422. package/dist/theme/styles.css +96 -12
  423. package/dist/theme/tokens.d.ts +17 -0
  424. package/dist/theme/tokens.d.ts.map +1 -1
  425. package/dist/theme/useMotion.d.ts.map +1 -1
  426. package/dist/theme/useMotionTransition.d.ts +19 -0
  427. package/dist/theme/useMotionTransition.d.ts.map +1 -0
  428. package/dist/tiered-menu/index.js +81 -67
  429. package/dist/tiered-menu/style.css +256 -44
  430. package/dist/timeline/index.js +3 -3
  431. package/dist/timeline/style.css +254 -44
  432. package/dist/toast/index.js +49 -36
  433. package/dist/toast/style.css +251 -41
  434. package/dist/toggle-button/index.js +3 -3
  435. package/dist/toggle-button/style.css +251 -41
  436. package/dist/toolbar/index.js +1 -1
  437. package/dist/toolbar/style.css +251 -40
  438. package/dist/tooltip/index.js +1 -1
  439. package/dist/tooltip/style.css +250 -40
  440. package/dist/tree/index.js +5 -8
  441. package/dist/tree/style.css +252 -42
  442. package/dist/tree-select/index.js +227 -203
  443. package/dist/tree-select/style.css +442 -105
  444. package/dist/tree-select/style.js +1 -0
  445. package/dist/tree-table/index.js +4 -4
  446. package/dist/tree-table/style.css +252 -42
  447. package/dist/{useComponentAttrs-BTYEe61P.js → useComponentAttrs-e-5QAjdw.js} +1 -1
  448. package/dist/useFloatingViewportSync-DZdJ7W8n.js +19 -0
  449. package/dist/useMotionTransition-Bxnnb_9u.js +49 -0
  450. package/dist/usePauseOffscreen-BIikV_gj.js +25 -0
  451. package/dist/virtual-scroller/index.js +2 -56
  452. package/dist/virtual-scroller/style.css +253 -43
  453. package/package.json +2 -1
  454. package/dist/FlyoutSubmenu-B_bkgKag.js +0 -49
  455. package/dist/Icon-DfpIfo2L.js +0 -521
  456. package/dist/Popover-Dq_p0vib.js +0 -166
  457. package/dist/ProgressSpinner-DuBpPkna.js +0 -90
  458. package/dist/Tooltip-CU1xFt_N.js +0 -93
@@ -1,6 +1,7 @@
1
1
  import { AsyncGuard } from '../../shared/asyncGuard';
2
2
  import { MAppendTo } from '../../shared/overlay';
3
3
  import { RootPassThrough } from '../../shared/passThrough';
4
+ import { MotionPresetId } from '../../theme/motionPresets';
4
5
  import { ButtonSeverity } from '../Button/types';
5
6
  import { DialogType } from '../Dialog/types';
6
7
  export interface ConfirmDialogProps {
@@ -29,6 +30,8 @@ export interface ConfirmDialogProps {
29
30
  teleport?: boolean;
30
31
  /** Teleport target. Defaults to `'body'` (or ConfigProvider `appendTo`). */
31
32
  appendTo?: MAppendTo;
33
+ /** Named motion preset, or `false` to disable enter/exit transition. */
34
+ transition?: MotionPresetId | false;
32
35
  }
33
36
  export interface ConfirmDialogEmits {
34
37
  (event: 'update:modelValue', value: boolean): void;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ConfirmDialog/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAEjD,MAAM,WAAW,kBAAkB;IACjC,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,uEAAuE;IACvE,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kCAAkC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qDAAqD;IACrD,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,mCAAmC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,yEAAyE;IACzE,YAAY,CAAC,EAAE,UAAU,CAAA;IACzB,yEAAyE;IACzE,YAAY,CAAC,EAAE,UAAU,CAAA;IACzB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IAClD,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAA;IACvB,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAA;CACxB"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ConfirmDialog/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAEjD,MAAM,WAAW,kBAAkB;IACjC,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,uEAAuE;IACvE,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kCAAkC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qDAAqD;IACrD,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,mCAAmC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,yEAAyE;IACzE,YAAY,CAAC,EAAE,UAAU,CAAA;IACzB,yEAAyE;IACzE,YAAY,CAAC,EAAE,UAAU,CAAA;IACzB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,wEAAwE;IACxE,UAAU,CAAC,EAAE,cAAc,GAAG,KAAK,CAAA;CACpC;AAED,MAAM,WAAW,kBAAkB;IACjC,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IAClD,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAA;IACvB,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAA;CACxB"}
@@ -1,5 +1,6 @@
1
1
  import { ConfirmPopupProps, ConfirmPopupPlacement } from './types';
2
2
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
+ import { MotionPresetId } from '../..';
3
4
  declare var __VLS_18: {};
4
5
  type __VLS_Slots = {} & {
5
6
  default?: (props: typeof __VLS_18) => any;
@@ -14,6 +15,7 @@ declare const __VLS_base: DefineComponent<ConfirmPopupProps, {}, {}, {}, {}, Com
14
15
  onReject?: (() => any) | undefined;
15
16
  }>, {
16
17
  modelValue: boolean;
18
+ transition: MotionPresetId | false;
17
19
  teleport: boolean;
18
20
  target: HTMLElement | null;
19
21
  position: {
@@ -1 +1 @@
1
- {"version":3,"file":"ConfirmPopup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ConfirmPopup/ConfirmPopup.vue"],"names":[],"mappings":";AA+KA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAgShD,QAAA,IAAI,QAAQ,IAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOhD,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"ConfirmPopup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ConfirmPopup/ConfirmPopup.vue"],"names":[],"mappings":";;AAuLA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AA6ShD,QAAA,IAAI,QAAQ,IAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOhD,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
@@ -1,6 +1,7 @@
1
1
  import { AsyncGuard } from '../../shared/asyncGuard';
2
2
  import { MAppendTo } from '../../shared/overlay';
3
3
  import { RootPassThrough } from '../../shared/passThrough';
4
+ import { MotionPresetId } from '../../theme/motionPresets';
4
5
  import { ButtonSeverity } from '../Button/types';
5
6
  import { IconName } from '../Icon/types';
6
7
  export type ConfirmPopupPlacement = 'top' | 'bottom' | 'left' | 'right';
@@ -29,6 +30,8 @@ export interface ConfirmPopupProps {
29
30
  teleport?: boolean;
30
31
  /** Teleport target. Defaults to `'body'` (or ConfigProvider `appendTo`). */
31
32
  appendTo?: MAppendTo;
33
+ /** Named motion preset, or `false` to disable enter/exit transition. */
34
+ transition?: MotionPresetId | false;
32
35
  }
33
36
  export interface ConfirmPopupEmits {
34
37
  (event: 'update:modelValue', value: boolean): void;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ConfirmPopup/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7C,MAAM,MAAM,qBAAqB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAEvE,MAAM,WAAW,iBAAiB;IAChC,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oFAAoF;IACpF,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,+BAA+B;IAC/B,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,wEAAwE;IACxE,YAAY,CAAC,EAAE,UAAU,CAAA;IACzB,sCAAsC;IACtC,SAAS,CAAC,EAAE,qBAAqB,CAAA;IACjC,sCAAsC;IACtC,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAC3B,uDAAuD;IACvD,QAAQ,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IAC/C,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IAClD,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAA;IACvB,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAA;CACxB"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ConfirmPopup/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7C,MAAM,MAAM,qBAAqB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAEvE,MAAM,WAAW,iBAAiB;IAChC,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oFAAoF;IACpF,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,+BAA+B;IAC/B,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,wEAAwE;IACxE,YAAY,CAAC,EAAE,UAAU,CAAA;IACzB,sCAAsC;IACtC,SAAS,CAAC,EAAE,qBAAqB,CAAA;IACjC,sCAAsC;IACtC,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAC3B,uDAAuD;IACvD,QAAQ,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IAC/C,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,wEAAwE;IACxE,UAAU,CAAC,EAAE,cAAc,GAAG,KAAK,CAAA;CACpC;AAED,MAAM,WAAW,iBAAiB;IAChC,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IAClD,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAA;IACvB,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAA;CACxB"}
@@ -1,5 +1,6 @@
1
1
  import { ContextMenuPosition, ContextMenuProps } from './types';
2
2
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
+ import { MotionPresetId } from '../..';
3
4
  type __VLS_Props = Omit<ContextMenuProps, 'modelValue' | 'position'>;
4
5
  declare function hide(): void;
5
6
  declare function show(event: MouseEvent | ContextMenuPosition): void;
@@ -22,6 +23,7 @@ declare const __VLS_base: DefineComponent<__VLS_PublicProps, {
22
23
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
23
24
  "onUpdate:position"?: ((value: ContextMenuPosition | undefined) => any) | undefined;
24
25
  }>, {
26
+ transition: MotionPresetId | false;
25
27
  teleport: boolean;
26
28
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
27
29
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
@@ -1 +1 @@
1
- {"version":3,"file":"ContextMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenu.vue"],"names":[],"mappings":";AAqIA,OAAO,KAAK,EAAmB,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AASrF,KAAK,WAAW,GAAG,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,UAAU,CAAC,CAAC;AA4BrE,iBAAS,IAAI,SAEZ;AAED,iBAAS,IAAI,CAAC,KAAK,EAAE,UAAU,GAAG,mBAAmB,QAUpD;AAsDD,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,mBAAmB,CAAC;CAChC,CAAC;AASF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AA+GxD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;;;;;;;;6EAKd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"ContextMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenu.vue"],"names":[],"mappings":";;AA6IA,OAAO,KAAK,EAAmB,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAUrF,KAAK,WAAW,GAAG,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,UAAU,CAAC,CAAC;AAmCrE,iBAAS,IAAI,SAEZ;AAED,iBAAS,IAAI,CAAC,KAAK,EAAE,UAAU,GAAG,mBAAmB,QAUpD;AAsDD,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,mBAAmB,CAAC;CAChC,CAAC;AAUF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAmHxD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;;;;;;;;;6EAKd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
@@ -38,11 +38,13 @@
38
38
  background: transparent;
39
39
  border: 0;
40
40
  border-radius: var(--m-radius-sm);
41
+ box-sizing: border-box;
41
42
  color: var(--m-color-text);
42
43
  cursor: pointer;
43
44
  display: flex;
44
45
  font-family: var(--m-font-sans);
45
46
  gap: var(--m-space-2);
47
+ min-height: var(--m-menu-item-height);
46
48
  padding: var(--m-space-2) var(--m-space-3);
47
49
  text-align: start;
48
50
  transition:
@@ -1,6 +1,7 @@
1
1
  import { MenuNodeBase } from '../../shared/menu';
2
2
  import { MAppendTo } from '../../shared/overlay';
3
3
  import { RootPassThrough } from '../../shared/passThrough';
4
+ import { MotionPresetId } from '../../theme/motionPresets';
4
5
  export interface ContextMenuItem extends MenuNodeBase {
5
6
  items?: ContextMenuItem[];
6
7
  }
@@ -17,6 +18,8 @@ export interface ContextMenuProps {
17
18
  teleport?: boolean;
18
19
  /** Teleport target. Defaults to `'body'` (or ConfigProvider `appendTo`). */
19
20
  appendTo?: MAppendTo;
21
+ /** Named motion preset, or `false` to disable enter/exit transition. */
22
+ transition?: MotionPresetId | false;
20
23
  }
21
24
  export interface ContextMenuEmits {
22
25
  (event: 'update:modelValue', value: boolean): void;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE/D,MAAM,WAAW,eAAgB,SAAQ,YAAY;IACnD,KAAK,CAAC,EAAE,eAAe,EAAE,CAAA;CAC1B;AAED,MAAM,WAAW,mBAAmB;IAClC,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,KAAK,EAAE,eAAe,EAAE,CAAA;IACxB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,mBAAmB,CAAA;IAC9B,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IAClD,CAAC,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,mBAAmB,GAAG,IAAI,CAAA;CAC7D;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,mBAAmB,KAAK,IAAI,CAAA;IACvD,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,MAAM,WAAW,eAAgB,SAAQ,YAAY;IACnD,KAAK,CAAC,EAAE,eAAe,EAAE,CAAA;CAC1B;AAED,MAAM,WAAW,mBAAmB;IAClC,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,KAAK,EAAE,eAAe,EAAE,CAAA;IACxB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,mBAAmB,CAAA;IAC9B,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,wEAAwE;IACxE,UAAU,CAAC,EAAE,cAAc,GAAG,KAAK,CAAA;CACpC;AAED,MAAM,WAAW,gBAAgB;IAC/B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IAClD,CAAC,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,mBAAmB,GAAG,IAAI,CAAA;CAC7D;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,mBAAmB,KAAK,IAAI,CAAA;IACvD,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB"}
@@ -1,5 +1,6 @@
1
1
  import { DatePickerProps, DatePickerShortcut, DatePickerValue, DatePickerModel, DatePickerType } from './types';
2
2
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
+ import { MotionPresetId } from '../..';
3
4
  declare var __VLS_1: {
4
5
  value: string;
5
6
  open: boolean;
@@ -24,6 +25,7 @@ declare const __VLS_base: DefineComponent<DatePickerProps, {}, {}, {}, {}, Compo
24
25
  disabled: boolean;
25
26
  id: string;
26
27
  type: DatePickerType;
28
+ transition: MotionPresetId | false;
27
29
  placeholder: string;
28
30
  helpText: string;
29
31
  invalid: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.vue"],"names":[],"mappings":";AA8gBA,OAAO,KAAK,EAGV,eAAe,EACf,kBAAkB,EAClB,eAAe,EAChB,MAAM,SAAS,CAAA;AAwsBhB,QAAA,IAAI,OAAO;;;CAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAU/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"DatePicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.vue"],"names":[],"mappings":";;AAohBA,OAAO,KAAK,EAGV,eAAe,EACf,kBAAkB,EAClB,eAAe,EAChB,MAAM,SAAS,CAAA;AAmtBhB,QAAA,IAAI,OAAO;;;CAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAU/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
@@ -12,7 +12,6 @@
12
12
  }
13
13
 
14
14
  .m-datepicker {
15
- --m-datepicker-input-end-padding: calc(var(--m-space-2) + 1.25rem);
16
15
  display: inline-flex;
17
16
  flex-direction: column;
18
17
  gap: var(--m-space-2);
@@ -42,45 +41,87 @@
42
41
  }
43
42
 
44
43
  .m-datepicker__control {
45
- align-items: center;
46
- display: flex;
47
44
  position: relative;
48
45
  }
49
46
 
50
- .m-datepicker__input {
47
+ .m-datepicker__control:has(.m-datepicker__input) {
48
+ align-items: center;
51
49
  background: var(--m-color-surface);
52
50
  border: var(--m-border-width) solid var(--m-color-border);
53
51
  border-radius: var(--m-radius-control);
52
+ box-sizing: border-box;
53
+ display: flex;
54
+ max-width: 100%;
55
+ min-height: var(--m-control-height-medium);
56
+ transition:
57
+ border-color var(--m-motion-fast) var(--m-motion-ease),
58
+ box-shadow var(--m-motion-fast) var(--m-motion-ease);
59
+ }
60
+
61
+ .m-datepicker__control:has(.m-datepicker__input):hover:not(:focus-within) {
62
+ border-color: var(--m-color-primary-hover);
63
+ }
64
+
65
+ .m-datepicker__control:has(.m-datepicker__input):focus-within,
66
+ .m-datepicker--open .m-datepicker__control:has(.m-datepicker__input) {
67
+ border-color: var(--m-color-primary-hover);
68
+ box-shadow: var(--m-focus-shadow);
69
+ }
70
+
71
+ .m-datepicker--invalid .m-datepicker__control:has(.m-datepicker__input) {
72
+ border-color: var(--m-color-danger);
73
+ }
74
+
75
+ .m-datepicker--invalid .m-datepicker__control:has(.m-datepicker__input):focus-within,
76
+ .m-datepicker--invalid.m-datepicker--open
77
+ .m-datepicker__control:has(.m-datepicker__input) {
78
+ box-shadow: var(--m-focus-shadow-danger);
79
+ }
80
+
81
+ .m-datepicker__input {
82
+ background: transparent;
83
+ border: 0;
84
+ border-radius: 0;
85
+ box-shadow: none;
54
86
  color: var(--m-color-text);
55
87
  cursor: pointer;
88
+ flex: 1 1 auto;
56
89
  font-family: var(--m-font-sans);
57
90
  font-size: var(--m-control-font-medium);
58
- min-height: var(--m-control-height-medium);
59
- padding: 0 var(--m-datepicker-input-end-padding) 0
60
- var(--m-control-padding-x-medium);
61
- transition:
62
- border-color var(--m-motion-fast) var(--m-motion-ease),
63
- box-shadow var(--m-motion-fast) var(--m-motion-ease),
64
- opacity var(--m-motion-fast) var(--m-motion-ease);
91
+ height: calc(var(--m-control-height-medium) - 2 * var(--m-border-width));
92
+ line-height: calc(var(--m-control-height-medium) - 2 * var(--m-border-width));
93
+ min-height: 0;
94
+ min-width: 0;
95
+ padding: 0 var(--m-control-padding-x-medium);
65
96
  width: 100%;
66
97
  }
67
98
 
99
+ .m-datepicker--small .m-datepicker__control:has(.m-datepicker__input) {
100
+ min-height: var(--m-control-height-small);
101
+ }
102
+
68
103
  .m-datepicker--small .m-datepicker__input {
69
104
  font-size: var(--m-control-font-small);
70
- min-height: var(--m-control-height-small);
71
- padding: 0 var(--m-datepicker-input-end-padding) 0
72
- var(--m-control-padding-x-small);
105
+ height: calc(var(--m-control-height-small) - 2 * var(--m-border-width));
106
+ line-height: calc(var(--m-control-height-small) - 2 * var(--m-border-width));
107
+ padding: 0 var(--m-control-padding-x-small);
108
+ }
109
+
110
+ .m-datepicker--large .m-datepicker__control:has(.m-datepicker__input) {
111
+ min-height: var(--m-control-height-large);
73
112
  }
74
113
 
75
114
  .m-datepicker--large .m-datepicker__input {
76
115
  font-size: var(--m-control-font-large);
77
- min-height: var(--m-control-height-large);
78
- padding: 0 var(--m-datepicker-input-end-padding) 0
79
- var(--m-control-padding-x-large);
116
+ height: calc(var(--m-control-height-large) - 2 * var(--m-border-width));
117
+ line-height: calc(var(--m-control-height-large) - 2 * var(--m-border-width));
118
+ padding: 0 var(--m-control-padding-x-large);
80
119
  }
81
120
 
82
- .m-datepicker--invalid .m-datepicker__input {
83
- border-color: var(--m-color-danger);
121
+ .m-datepicker__input:focus,
122
+ .m-datepicker__input:focus-visible {
123
+ box-shadow: none;
124
+ outline: none;
84
125
  }
85
126
 
86
127
  .m-datepicker--disabled {
@@ -91,16 +132,19 @@
91
132
 
92
133
  .m-datepicker__clear {
93
134
  align-items: center;
135
+ align-self: center;
94
136
  background: transparent;
95
137
  border: 0;
96
138
  border-radius: var(--m-radius-sm);
97
139
  color: var(--m-color-text-muted);
98
140
  cursor: pointer;
99
141
  display: inline-flex;
142
+ flex: 0 0 auto;
100
143
  font: inherit;
144
+ height: var(--m-control-affix-size);
101
145
  justify-content: center;
102
- position: absolute;
103
- right: var(--m-space-2);
146
+ padding: 0;
147
+ width: var(--m-control-affix-size);
104
148
  }
105
149
 
106
150
  .m-datepicker__clear:hover:not(:disabled) {
@@ -2,6 +2,7 @@ import { MNativeDateInputProps } from '../../shared/nativeControlProps';
2
2
  import { MAppendTo } from '../../shared/overlay';
3
3
  import { FieldPassThrough } from '../../shared/passThrough';
4
4
  import { MSizeInput } from '../../shared/types';
5
+ import { MotionPresetId } from '../../theme/motionPresets';
5
6
  export type DatePickerType = 'date' | 'daterange';
6
7
  export type DatePickerDateValue = string | Date;
7
8
  export type DatePickerValue = DatePickerDateValue | [DatePickerDateValue, DatePickerDateValue] | null;
@@ -37,6 +38,8 @@ export interface DatePickerProps extends MNativeDateInputProps {
37
38
  appendTo?: MAppendTo;
38
39
  /** Pass-through attrs/classes/styles per DOM part. */
39
40
  pt?: FieldPassThrough;
41
+ /** Named motion preset, or `false` to disable enter/exit transition. */
42
+ transition?: MotionPresetId | false;
40
43
  }
41
44
  export interface DatePickerEmits {
42
45
  (event: 'update:modelValue', value: DatePickerModel): void;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAA;AAC5E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAEpD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,WAAW,CAAA;AACjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,IAAI,CAAA;AAC/C,MAAM,MAAM,eAAe,GACvB,mBAAmB,GACnB,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,GAC1C,IAAI,CAAA;AACR,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAA;AAE9D,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EACD,mBAAmB,GACnB,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,GAC1C,CAAC,MAAM,mBAAmB,GAAG,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,CAAC,CAAA;CAC7E;AAED,MAAM,WAAW,eAAgB,SAAQ,qBAAqB;IAC5D,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6EAA6E;IAC7E,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,OAAO,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAA;IACpC,OAAO,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAA;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yEAAyE;IACzE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,qFAAqF;IACrF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAChC,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,sDAAsD;IACtD,EAAE,CAAC,EAAE,gBAAgB,CAAA;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,eAAe,GAAG,IAAI,CAAA;IAC1D,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IACtB,oBAAoB;IACpB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,oBAAoB;IACpB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,0FAA0F;IAC1F,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,eAAe,GAAG,IAAI,CAAA;CAChD"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAA;AAC5E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,WAAW,CAAA;AACjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,IAAI,CAAA;AAC/C,MAAM,MAAM,eAAe,GACvB,mBAAmB,GACnB,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,GAC1C,IAAI,CAAA;AACR,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAA;AAE9D,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EACD,mBAAmB,GACnB,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,GAC1C,CAAC,MAAM,mBAAmB,GAAG,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,CAAC,CAAA;CAC7E;AAED,MAAM,WAAW,eAAgB,SAAQ,qBAAqB;IAC5D,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6EAA6E;IAC7E,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,OAAO,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAA;IACpC,OAAO,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAA;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yEAAyE;IACzE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,qFAAqF;IACrF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAChC,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,sDAAsD;IACtD,EAAE,CAAC,EAAE,gBAAgB,CAAA;IACrB,wEAAwE;IACxE,UAAU,CAAC,EAAE,cAAc,GAAG,KAAK,CAAA;CACpC;AAED,MAAM,WAAW,eAAe;IAC9B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,eAAe,GAAG,IAAI,CAAA;IAC1D,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IACtB,oBAAoB;IACpB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,oBAAoB;IACpB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,0FAA0F;IAC1F,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,eAAe,GAAG,IAAI,CAAA;CAChD"}
@@ -1,5 +1,6 @@
1
1
  import { DialogProps, DialogPosition } from './types';
2
2
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
+ import { MotionPresetId } from '../..';
3
4
  declare function dismiss(): Promise<void>;
4
5
  declare var __VLS_18: {}, __VLS_30: {}, __VLS_32: {};
5
6
  type __VLS_Slots = {} & {
@@ -29,6 +30,7 @@ declare const __VLS_base: DefineComponent<DialogProps, {
29
30
  onUnmaximize?: (() => any) | undefined;
30
31
  }>, {
31
32
  modelValue: boolean;
33
+ transition: MotionPresetId | false;
32
34
  teleport: boolean;
33
35
  position: DialogPosition;
34
36
  closeOnEsc: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.vue"],"names":[],"mappings":";AAiTA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AA0H1C,iBAAe,OAAO,kBAarB;AAwUD,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACpE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAKd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"Dialog.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.vue"],"names":[],"mappings":";;AAyTA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAkI1C,iBAAe,OAAO,kBAarB;AA6UD,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACpE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAKd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAEhB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAA;AACjD,YAAY,EACV,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,cAAc,EACd,WAAW,EACX,UAAU,GACX,MAAM,SAAS,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAA;AACjD,YAAY,EACV,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,cAAc,EACd,WAAW,EACX,UAAU,GACX,MAAM,SAAS,CAAA"}
@@ -245,16 +245,142 @@
245
245
  transform: scale(0.36);
246
246
  }
247
247
 
248
+ /*
249
+ * Generic presets put Vue Transition classes on the backdrop. Keep the mask as
250
+ * opacity-only and drive transform on `.m-dialog-zoom` (same structure as `dialog`).
251
+ */
252
+ .m-dialog-backdrop.m-fade-enter-from,
253
+ .m-dialog-backdrop.m-fade-leave-to,
254
+ .m-dialog-backdrop.m-scale-fade-enter-from,
255
+ .m-dialog-backdrop.m-scale-fade-leave-to,
256
+ .m-dialog-backdrop.m-slide-fade-enter-from,
257
+ .m-dialog-backdrop.m-slide-fade-leave-to,
258
+ .m-dialog-backdrop.m-zoom-enter-from,
259
+ .m-dialog-backdrop.m-zoom-leave-to,
260
+ .m-dialog-backdrop.m-slide-up-enter-from,
261
+ .m-dialog-backdrop.m-slide-up-leave-to,
262
+ .m-dialog-backdrop.m-slide-down-enter-from,
263
+ .m-dialog-backdrop.m-slide-down-leave-to,
264
+ .m-dialog-backdrop.m-slide-left-enter-from,
265
+ .m-dialog-backdrop.m-slide-left-leave-to,
266
+ .m-dialog-backdrop.m-slide-right-enter-from,
267
+ .m-dialog-backdrop.m-slide-right-leave-to {
268
+ transform: none;
269
+ }
270
+
271
+ .m-fade-enter-active .m-dialog-zoom,
272
+ .m-scale-fade-enter-active .m-dialog-zoom,
273
+ .m-slide-fade-enter-active .m-dialog-zoom,
274
+ .m-zoom-enter-active .m-dialog-zoom,
275
+ .m-slide-up-enter-active .m-dialog-zoom,
276
+ .m-slide-down-enter-active .m-dialog-zoom,
277
+ .m-slide-left-enter-active .m-dialog-zoom,
278
+ .m-slide-right-enter-active .m-dialog-zoom {
279
+ transition:
280
+ opacity var(--m-motion-enter) var(--m-motion-ease),
281
+ transform var(--m-motion-enter) var(--m-motion-ease);
282
+ }
283
+
284
+ .m-fade-leave-active .m-dialog-zoom,
285
+ .m-scale-fade-leave-active .m-dialog-zoom,
286
+ .m-slide-fade-leave-active .m-dialog-zoom,
287
+ .m-zoom-leave-active .m-dialog-zoom,
288
+ .m-slide-up-leave-active .m-dialog-zoom,
289
+ .m-slide-down-leave-active .m-dialog-zoom,
290
+ .m-slide-left-leave-active .m-dialog-zoom,
291
+ .m-slide-right-leave-active .m-dialog-zoom {
292
+ transition:
293
+ opacity var(--m-motion-exit) var(--m-motion-ease),
294
+ transform var(--m-motion-exit) var(--m-motion-ease);
295
+ }
296
+
297
+ .m-fade-enter-from .m-dialog-zoom,
298
+ .m-fade-leave-to .m-dialog-zoom {
299
+ opacity: 0;
300
+ }
301
+
302
+ .m-scale-fade-enter-from .m-dialog-zoom,
303
+ .m-scale-fade-leave-to .m-dialog-zoom {
304
+ opacity: 0;
305
+ transform: translateY(calc(var(--m-motion-distance) * -1)) scale(0.96);
306
+ }
307
+
308
+ .m-slide-fade-enter-from .m-dialog-zoom,
309
+ .m-slide-fade-leave-to .m-dialog-zoom {
310
+ opacity: 0;
311
+ transform: translateY(calc(var(--m-motion-distance) * -1));
312
+ }
313
+
314
+ .m-zoom-enter-from .m-dialog-zoom,
315
+ .m-zoom-leave-to .m-dialog-zoom {
316
+ opacity: 0;
317
+ transform: scale(0.9);
318
+ }
319
+
320
+ .m-slide-up-enter-from .m-dialog-zoom,
321
+ .m-slide-up-leave-to .m-dialog-zoom {
322
+ opacity: 0;
323
+ transform: translateY(var(--m-motion-distance));
324
+ }
325
+
326
+ .m-slide-down-enter-from .m-dialog-zoom,
327
+ .m-slide-down-leave-to .m-dialog-zoom {
328
+ opacity: 0;
329
+ transform: translateY(calc(var(--m-motion-distance) * -1));
330
+ }
331
+
332
+ .m-slide-left-enter-from .m-dialog-zoom,
333
+ .m-slide-left-leave-to .m-dialog-zoom {
334
+ opacity: 0;
335
+ transform: translateX(var(--m-motion-distance));
336
+ }
337
+
338
+ .m-slide-right-enter-from .m-dialog-zoom,
339
+ .m-slide-right-leave-to .m-dialog-zoom {
340
+ opacity: 0;
341
+ transform: translateX(calc(var(--m-motion-distance) * -1));
342
+ }
343
+
248
344
  @media (prefers-reduced-motion: reduce) {
249
345
  html:not([data-m-ignore-reduced-motion]) .m-dialog-enter-active,
250
346
  html:not([data-m-ignore-reduced-motion]) .m-dialog-leave-active,
251
347
  html:not([data-m-ignore-reduced-motion]) .m-dialog-enter-active .m-dialog-zoom,
252
- html:not([data-m-ignore-reduced-motion]) .m-dialog-leave-active .m-dialog-zoom {
348
+ html:not([data-m-ignore-reduced-motion]) .m-dialog-leave-active .m-dialog-zoom,
349
+ html:not([data-m-ignore-reduced-motion]) .m-fade-enter-active .m-dialog-zoom,
350
+ html:not([data-m-ignore-reduced-motion]) .m-fade-leave-active .m-dialog-zoom,
351
+ html:not([data-m-ignore-reduced-motion]) .m-scale-fade-enter-active .m-dialog-zoom,
352
+ html:not([data-m-ignore-reduced-motion]) .m-scale-fade-leave-active .m-dialog-zoom,
353
+ html:not([data-m-ignore-reduced-motion]) .m-slide-fade-enter-active .m-dialog-zoom,
354
+ html:not([data-m-ignore-reduced-motion]) .m-slide-fade-leave-active .m-dialog-zoom,
355
+ html:not([data-m-ignore-reduced-motion]) .m-zoom-enter-active .m-dialog-zoom,
356
+ html:not([data-m-ignore-reduced-motion]) .m-zoom-leave-active .m-dialog-zoom,
357
+ html:not([data-m-ignore-reduced-motion]) .m-slide-up-enter-active .m-dialog-zoom,
358
+ html:not([data-m-ignore-reduced-motion]) .m-slide-up-leave-active .m-dialog-zoom,
359
+ html:not([data-m-ignore-reduced-motion]) .m-slide-down-enter-active .m-dialog-zoom,
360
+ html:not([data-m-ignore-reduced-motion]) .m-slide-down-leave-active .m-dialog-zoom,
361
+ html:not([data-m-ignore-reduced-motion]) .m-slide-left-enter-active .m-dialog-zoom,
362
+ html:not([data-m-ignore-reduced-motion]) .m-slide-left-leave-active .m-dialog-zoom,
363
+ html:not([data-m-ignore-reduced-motion]) .m-slide-right-enter-active .m-dialog-zoom,
364
+ html:not([data-m-ignore-reduced-motion]) .m-slide-right-leave-active .m-dialog-zoom {
253
365
  transition: none;
254
366
  }
255
367
 
256
368
  html:not([data-m-ignore-reduced-motion]) .m-dialog-enter-from .m-dialog-zoom,
257
- html:not([data-m-ignore-reduced-motion]) .m-dialog-leave-to .m-dialog-zoom {
369
+ html:not([data-m-ignore-reduced-motion]) .m-dialog-leave-to .m-dialog-zoom,
370
+ html:not([data-m-ignore-reduced-motion]) .m-scale-fade-enter-from .m-dialog-zoom,
371
+ html:not([data-m-ignore-reduced-motion]) .m-scale-fade-leave-to .m-dialog-zoom,
372
+ html:not([data-m-ignore-reduced-motion]) .m-slide-fade-enter-from .m-dialog-zoom,
373
+ html:not([data-m-ignore-reduced-motion]) .m-slide-fade-leave-to .m-dialog-zoom,
374
+ html:not([data-m-ignore-reduced-motion]) .m-zoom-enter-from .m-dialog-zoom,
375
+ html:not([data-m-ignore-reduced-motion]) .m-zoom-leave-to .m-dialog-zoom,
376
+ html:not([data-m-ignore-reduced-motion]) .m-slide-up-enter-from .m-dialog-zoom,
377
+ html:not([data-m-ignore-reduced-motion]) .m-slide-up-leave-to .m-dialog-zoom,
378
+ html:not([data-m-ignore-reduced-motion]) .m-slide-down-enter-from .m-dialog-zoom,
379
+ html:not([data-m-ignore-reduced-motion]) .m-slide-down-leave-to .m-dialog-zoom,
380
+ html:not([data-m-ignore-reduced-motion]) .m-slide-left-enter-from .m-dialog-zoom,
381
+ html:not([data-m-ignore-reduced-motion]) .m-slide-left-leave-to .m-dialog-zoom,
382
+ html:not([data-m-ignore-reduced-motion]) .m-slide-right-enter-from .m-dialog-zoom,
383
+ html:not([data-m-ignore-reduced-motion]) .m-slide-right-leave-to .m-dialog-zoom {
258
384
  transform: none;
259
385
  }
260
386
  }
@@ -263,16 +389,76 @@
263
389
  [data-m-motion="reduced"] .m-dialog-leave-active,
264
390
  [data-m-motion="reduced"] .m-dialog-enter-active .m-dialog-zoom,
265
391
  [data-m-motion="reduced"] .m-dialog-leave-active .m-dialog-zoom,
392
+ [data-m-motion="reduced"] .m-fade-enter-active .m-dialog-zoom,
393
+ [data-m-motion="reduced"] .m-fade-leave-active .m-dialog-zoom,
394
+ [data-m-motion="reduced"] .m-scale-fade-enter-active .m-dialog-zoom,
395
+ [data-m-motion="reduced"] .m-scale-fade-leave-active .m-dialog-zoom,
396
+ [data-m-motion="reduced"] .m-slide-fade-enter-active .m-dialog-zoom,
397
+ [data-m-motion="reduced"] .m-slide-fade-leave-active .m-dialog-zoom,
398
+ [data-m-motion="reduced"] .m-zoom-enter-active .m-dialog-zoom,
399
+ [data-m-motion="reduced"] .m-zoom-leave-active .m-dialog-zoom,
400
+ [data-m-motion="reduced"] .m-slide-up-enter-active .m-dialog-zoom,
401
+ [data-m-motion="reduced"] .m-slide-up-leave-active .m-dialog-zoom,
402
+ [data-m-motion="reduced"] .m-slide-down-enter-active .m-dialog-zoom,
403
+ [data-m-motion="reduced"] .m-slide-down-leave-active .m-dialog-zoom,
404
+ [data-m-motion="reduced"] .m-slide-left-enter-active .m-dialog-zoom,
405
+ [data-m-motion="reduced"] .m-slide-left-leave-active .m-dialog-zoom,
406
+ [data-m-motion="reduced"] .m-slide-right-enter-active .m-dialog-zoom,
407
+ [data-m-motion="reduced"] .m-slide-right-leave-active .m-dialog-zoom,
266
408
  [data-m-motion="none"] .m-dialog-enter-active,
267
409
  [data-m-motion="none"] .m-dialog-leave-active,
268
410
  [data-m-motion="none"] .m-dialog-enter-active .m-dialog-zoom,
269
- [data-m-motion="none"] .m-dialog-leave-active .m-dialog-zoom {
411
+ [data-m-motion="none"] .m-dialog-leave-active .m-dialog-zoom,
412
+ [data-m-motion="none"] .m-fade-enter-active .m-dialog-zoom,
413
+ [data-m-motion="none"] .m-fade-leave-active .m-dialog-zoom,
414
+ [data-m-motion="none"] .m-scale-fade-enter-active .m-dialog-zoom,
415
+ [data-m-motion="none"] .m-scale-fade-leave-active .m-dialog-zoom,
416
+ [data-m-motion="none"] .m-slide-fade-enter-active .m-dialog-zoom,
417
+ [data-m-motion="none"] .m-slide-fade-leave-active .m-dialog-zoom,
418
+ [data-m-motion="none"] .m-zoom-enter-active .m-dialog-zoom,
419
+ [data-m-motion="none"] .m-zoom-leave-active .m-dialog-zoom,
420
+ [data-m-motion="none"] .m-slide-up-enter-active .m-dialog-zoom,
421
+ [data-m-motion="none"] .m-slide-up-leave-active .m-dialog-zoom,
422
+ [data-m-motion="none"] .m-slide-down-enter-active .m-dialog-zoom,
423
+ [data-m-motion="none"] .m-slide-down-leave-active .m-dialog-zoom,
424
+ [data-m-motion="none"] .m-slide-left-enter-active .m-dialog-zoom,
425
+ [data-m-motion="none"] .m-slide-left-leave-active .m-dialog-zoom,
426
+ [data-m-motion="none"] .m-slide-right-enter-active .m-dialog-zoom,
427
+ [data-m-motion="none"] .m-slide-right-leave-active .m-dialog-zoom {
270
428
  transition: none;
271
429
  }
272
430
 
273
431
  [data-m-motion="reduced"] .m-dialog-enter-from .m-dialog-zoom,
274
432
  [data-m-motion="reduced"] .m-dialog-leave-to .m-dialog-zoom,
433
+ [data-m-motion="reduced"] .m-scale-fade-enter-from .m-dialog-zoom,
434
+ [data-m-motion="reduced"] .m-scale-fade-leave-to .m-dialog-zoom,
435
+ [data-m-motion="reduced"] .m-slide-fade-enter-from .m-dialog-zoom,
436
+ [data-m-motion="reduced"] .m-slide-fade-leave-to .m-dialog-zoom,
437
+ [data-m-motion="reduced"] .m-zoom-enter-from .m-dialog-zoom,
438
+ [data-m-motion="reduced"] .m-zoom-leave-to .m-dialog-zoom,
439
+ [data-m-motion="reduced"] .m-slide-up-enter-from .m-dialog-zoom,
440
+ [data-m-motion="reduced"] .m-slide-up-leave-to .m-dialog-zoom,
441
+ [data-m-motion="reduced"] .m-slide-down-enter-from .m-dialog-zoom,
442
+ [data-m-motion="reduced"] .m-slide-down-leave-to .m-dialog-zoom,
443
+ [data-m-motion="reduced"] .m-slide-left-enter-from .m-dialog-zoom,
444
+ [data-m-motion="reduced"] .m-slide-left-leave-to .m-dialog-zoom,
445
+ [data-m-motion="reduced"] .m-slide-right-enter-from .m-dialog-zoom,
446
+ [data-m-motion="reduced"] .m-slide-right-leave-to .m-dialog-zoom,
275
447
  [data-m-motion="none"] .m-dialog-enter-from .m-dialog-zoom,
276
- [data-m-motion="none"] .m-dialog-leave-to .m-dialog-zoom {
448
+ [data-m-motion="none"] .m-dialog-leave-to .m-dialog-zoom,
449
+ [data-m-motion="none"] .m-scale-fade-enter-from .m-dialog-zoom,
450
+ [data-m-motion="none"] .m-scale-fade-leave-to .m-dialog-zoom,
451
+ [data-m-motion="none"] .m-slide-fade-enter-from .m-dialog-zoom,
452
+ [data-m-motion="none"] .m-slide-fade-leave-to .m-dialog-zoom,
453
+ [data-m-motion="none"] .m-zoom-enter-from .m-dialog-zoom,
454
+ [data-m-motion="none"] .m-zoom-leave-to .m-dialog-zoom,
455
+ [data-m-motion="none"] .m-slide-up-enter-from .m-dialog-zoom,
456
+ [data-m-motion="none"] .m-slide-up-leave-to .m-dialog-zoom,
457
+ [data-m-motion="none"] .m-slide-down-enter-from .m-dialog-zoom,
458
+ [data-m-motion="none"] .m-slide-down-leave-to .m-dialog-zoom,
459
+ [data-m-motion="none"] .m-slide-left-enter-from .m-dialog-zoom,
460
+ [data-m-motion="none"] .m-slide-left-leave-to .m-dialog-zoom,
461
+ [data-m-motion="none"] .m-slide-right-enter-from .m-dialog-zoom,
462
+ [data-m-motion="none"] .m-slide-right-leave-to .m-dialog-zoom {
277
463
  transform: none;
278
464
  }
@@ -1,6 +1,7 @@
1
1
  import { AsyncGuard } from '../../shared/asyncGuard';
2
2
  import { MAppendTo } from '../../shared/overlay';
3
3
  import { RootPassThrough } from '../../shared/passThrough';
4
+ import { MotionPresetId } from '../../theme/motionPresets';
4
5
  import { ButtonSeverity } from '../Button/types';
5
6
  export type DialogType = 'info' | 'success' | 'warning' | 'error' | 'warn';
6
7
  export type DialogCloseGuard = AsyncGuard;
@@ -53,6 +54,8 @@ export interface DialogProps {
53
54
  beforeClose?: DialogCloseGuard;
54
55
  /** Accessible name when no visible title is provided. */
55
56
  ariaLabel?: string;
57
+ /** Named motion preset, or `false` to disable enter/exit transition. */
58
+ transition?: MotionPresetId | false;
56
59
  }
57
60
  export interface DialogEmits {
58
61
  (event: 'update:modelValue', value: boolean): void;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAE1E,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAA;AACzC,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;AAEvD,MAAM,MAAM,cAAc,GACtB,QAAQ,GACR,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,CAAA;AAEjB,MAAM,WAAW,WAAW;IAC1B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yBAAyB;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,gEAAgE;IAChE,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,uCAAuC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oDAAoD;IACpD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,6CAA6C;IAC7C,gBAAgB,CAAC,EAAE,cAAc,CAAA;IACjC;;;OAGG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAA;IAClC,2EAA2E;IAC3E,eAAe,CAAC,EAAE,gBAAgB,CAAA;IAClC,kFAAkF;IAClF,WAAW,CAAC,EAAE,gBAAgB,CAAA;IAC9B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IAClD,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IACtB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACzB,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAA;CAC5B"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAE1E,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAA;AACzC,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;AAEvD,MAAM,MAAM,cAAc,GACtB,QAAQ,GACR,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,CAAA;AAEjB,MAAM,WAAW,WAAW;IAC1B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yBAAyB;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,gEAAgE;IAChE,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,uCAAuC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oDAAoD;IACpD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,6CAA6C;IAC7C,gBAAgB,CAAC,EAAE,cAAc,CAAA;IACjC;;;OAGG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAA;IAClC,2EAA2E;IAC3E,eAAe,CAAC,EAAE,gBAAgB,CAAA;IAClC,kFAAkF;IAClF,WAAW,CAAC,EAAE,gBAAgB,CAAA;IAC9B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wEAAwE;IACxE,UAAU,CAAC,EAAE,cAAc,GAAG,KAAK,CAAA;CACpC;AAED,MAAM,WAAW,WAAW;IAC1B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IAClD,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IACtB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACzB,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAA;CAC5B"}
@@ -1,5 +1,6 @@
1
1
  import { DrawerProps, DrawerPosition } from './types';
2
2
  import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
+ import { MotionPresetId } from '../..';
3
4
  declare var __VLS_15: {}, __VLS_22: {};
4
5
  type __VLS_Slots = {} & {
5
6
  header?: (props: typeof __VLS_15) => any;
@@ -20,6 +21,7 @@ declare const __VLS_base: DefineComponent<DrawerProps, {}, {}, {}, {}, Component
20
21
  "onAfter-leave"?: (() => any) | undefined;
21
22
  }>, {
22
23
  modelValue: boolean;
24
+ transition: MotionPresetId | false;
23
25
  teleport: boolean;
24
26
  position: DrawerPosition;
25
27
  closeOnEsc: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"Drawer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.vue"],"names":[],"mappings":";AAsJA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AA8O1C,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOhD,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"Drawer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.vue"],"names":[],"mappings":";;AA8JA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AA2P1C,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOhD,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}