@dimailn/vuetify 2.7.2-alpha24 → 2.7.2-alpha26

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 (244) hide show
  1. package/dist/vuetify.js +583 -388
  2. package/dist/vuetify.js.map +1 -1
  3. package/dist/vuetify.min.css +1 -1
  4. package/dist/vuetify.min.js +2 -2
  5. package/es5/components/VAppBar/VAppBarNavIcon.js +5 -1
  6. package/es5/components/VAppBar/VAppBarNavIcon.js.map +1 -1
  7. package/es5/components/VBanner/VBanner.js +15 -6
  8. package/es5/components/VBanner/VBanner.js.map +1 -1
  9. package/es5/components/VBreadcrumbs/VBreadcrumbs.js +18 -6
  10. package/es5/components/VBreadcrumbs/VBreadcrumbs.js.map +1 -1
  11. package/es5/components/VBtn/VBtn.js +19 -15
  12. package/es5/components/VBtn/VBtn.js.map +1 -1
  13. package/es5/components/VCarousel/VCarousel.js +10 -4
  14. package/es5/components/VCarousel/VCarousel.js.map +1 -1
  15. package/es5/components/VCarousel/VCarouselItem.js +7 -3
  16. package/es5/components/VCarousel/VCarouselItem.js.map +1 -1
  17. package/es5/components/VCheckbox/VCheckbox.js +5 -1
  18. package/es5/components/VCheckbox/VCheckbox.js.map +1 -1
  19. package/es5/components/VColorPicker/VColorPicker.js +18 -31
  20. package/es5/components/VColorPicker/VColorPicker.js.map +1 -1
  21. package/es5/components/VColorPicker/VColorPickerCanvas.js +45 -46
  22. package/es5/components/VColorPicker/VColorPickerCanvas.js.map +1 -1
  23. package/es5/components/VColorPicker/VColorPickerEdit.js +27 -26
  24. package/es5/components/VColorPicker/VColorPickerEdit.js.map +1 -1
  25. package/es5/components/VColorPicker/VColorPickerPreview.js +41 -30
  26. package/es5/components/VColorPicker/VColorPickerPreview.js.map +1 -1
  27. package/es5/components/VColorPicker/VColorPickerSwatches.js +13 -10
  28. package/es5/components/VColorPicker/VColorPickerSwatches.js.map +1 -1
  29. package/es5/components/VDataIterator/VDataFooter.js +5 -1
  30. package/es5/components/VDataIterator/VDataFooter.js.map +1 -1
  31. package/es5/components/VDataTable/VDataTable.js +28 -18
  32. package/es5/components/VDataTable/VDataTable.js.map +1 -1
  33. package/es5/components/VDataTable/VDataTableHeader.js +2 -6
  34. package/es5/components/VDataTable/VDataTableHeader.js.map +1 -1
  35. package/es5/components/VDataTable/VEditDialog.js +6 -2
  36. package/es5/components/VDataTable/VEditDialog.js.map +1 -1
  37. package/es5/components/VDataTable/mixins/header.js +5 -1
  38. package/es5/components/VDataTable/mixins/header.js.map +1 -1
  39. package/es5/components/VDatePicker/VDatePickerHeader.js +8 -2
  40. package/es5/components/VDatePicker/VDatePickerHeader.js.map +1 -1
  41. package/es5/components/VDatePicker/VDatePickerTitle.js +13 -5
  42. package/es5/components/VDatePicker/VDatePickerTitle.js.map +1 -1
  43. package/es5/components/VDatePicker/mixins/date-picker-table.js +5 -3
  44. package/es5/components/VDatePicker/mixins/date-picker-table.js.map +1 -1
  45. package/es5/components/VDialog/VDialog.js +16 -12
  46. package/es5/components/VDialog/VDialog.js.map +1 -1
  47. package/es5/components/VExpansionPanel/VExpansionPanelContent.js +11 -9
  48. package/es5/components/VExpansionPanel/VExpansionPanelContent.js.map +1 -1
  49. package/es5/components/VExpansionPanel/VExpansionPanelHeader.js +15 -9
  50. package/es5/components/VExpansionPanel/VExpansionPanelHeader.js.map +1 -1
  51. package/es5/components/VImg/VImg.js +6 -2
  52. package/es5/components/VImg/VImg.js.map +1 -1
  53. package/es5/components/VInput/VInput.js +28 -8
  54. package/es5/components/VInput/VInput.js.map +1 -1
  55. package/es5/components/VList/VListGroup.js +27 -9
  56. package/es5/components/VList/VListGroup.js.map +1 -1
  57. package/es5/components/VList/VListItem.js +5 -1
  58. package/es5/components/VList/VListItem.js.map +1 -1
  59. package/es5/components/VMessages/VMessages.js +5 -1
  60. package/es5/components/VMessages/VMessages.js.map +1 -1
  61. package/es5/components/VOverflowBtn/VOverflowBtn.js +3 -1
  62. package/es5/components/VOverflowBtn/VOverflowBtn.js.map +1 -1
  63. package/es5/components/VPagination/VPagination.js +3 -1
  64. package/es5/components/VPagination/VPagination.js.map +1 -1
  65. package/es5/components/VPicker/VPicker.js +5 -1
  66. package/es5/components/VPicker/VPicker.js.map +1 -1
  67. package/es5/components/VRadioGroup/VRadio.js +10 -2
  68. package/es5/components/VRadioGroup/VRadio.js.map +1 -1
  69. package/es5/components/VSelect/VSelect.js +6 -2
  70. package/es5/components/VSelect/VSelect.js.map +1 -1
  71. package/es5/components/VSelect/VSelectList.js +17 -9
  72. package/es5/components/VSelect/VSelectList.js.map +1 -1
  73. package/es5/components/VSlideGroup/VSlideGroup.js +26 -18
  74. package/es5/components/VSlideGroup/VSlideGroup.js.map +1 -1
  75. package/es5/components/VSlider/VSlider.js +36 -27
  76. package/es5/components/VSlider/VSlider.js.map +1 -1
  77. package/es5/components/VStepper/VStepperContent.js +3 -1
  78. package/es5/components/VStepper/VStepperContent.js.map +1 -1
  79. package/es5/components/VSwitch/VSwitch.js +10 -6
  80. package/es5/components/VSwitch/VSwitch.js.map +1 -1
  81. package/es5/components/VTabs/VTabs.js +6 -2
  82. package/es5/components/VTabs/VTabs.js.map +1 -1
  83. package/es5/components/VTextField/VTextField.js +7 -3
  84. package/es5/components/VTextField/VTextField.js.map +1 -1
  85. package/es5/components/VTooltip/VTooltip.js +6 -8
  86. package/es5/components/VTooltip/VTooltip.js.map +1 -1
  87. package/es5/components/VTreeview/VTreeviewNode.js +11 -3
  88. package/es5/components/VTreeview/VTreeviewNode.js.map +1 -1
  89. package/es5/components/transitions/createTransition.js +8 -2
  90. package/es5/components/transitions/createTransition.js.map +1 -1
  91. package/es5/framework.js +1 -1
  92. package/es5/mixins/picker/index.js +13 -3
  93. package/es5/mixins/picker/index.js.map +1 -1
  94. package/lib/components/VAppBar/VAppBarNavIcon.js +1 -1
  95. package/lib/components/VAppBar/VAppBarNavIcon.js.map +1 -1
  96. package/lib/components/VBanner/VBanner.js +3 -3
  97. package/lib/components/VBanner/VBanner.js.map +1 -1
  98. package/lib/components/VBreadcrumbs/VBreadcrumbs.js +2 -2
  99. package/lib/components/VBreadcrumbs/VBreadcrumbs.js.map +1 -1
  100. package/lib/components/VBtn/VBtn.js +20 -19
  101. package/lib/components/VBtn/VBtn.js.map +1 -1
  102. package/lib/components/VCarousel/VCarousel.js +3 -3
  103. package/lib/components/VCarousel/VCarousel.js.map +1 -1
  104. package/lib/components/VCarousel/VCarouselItem.js +1 -1
  105. package/lib/components/VCarousel/VCarouselItem.js.map +1 -1
  106. package/lib/components/VCheckbox/VCheckbox.js +1 -1
  107. package/lib/components/VCheckbox/VCheckbox.js.map +1 -1
  108. package/lib/components/VColorPicker/VColorPicker.js +29 -37
  109. package/lib/components/VColorPicker/VColorPicker.js.map +1 -1
  110. package/lib/components/VColorPicker/VColorPickerCanvas.js +41 -43
  111. package/lib/components/VColorPicker/VColorPickerCanvas.js.map +1 -1
  112. package/lib/components/VColorPicker/VColorPickerEdit.js +25 -31
  113. package/lib/components/VColorPicker/VColorPickerEdit.js.map +1 -1
  114. package/lib/components/VColorPicker/VColorPickerPreview.js +45 -32
  115. package/lib/components/VColorPicker/VColorPickerPreview.js.map +1 -1
  116. package/lib/components/VColorPicker/VColorPickerSwatches.js +15 -9
  117. package/lib/components/VColorPicker/VColorPickerSwatches.js.map +1 -1
  118. package/lib/components/VDataIterator/VDataFooter.js +1 -1
  119. package/lib/components/VDataIterator/VDataFooter.js.map +1 -1
  120. package/lib/components/VDataTable/VDataTable.js +8 -9
  121. package/lib/components/VDataTable/VDataTable.js.map +1 -1
  122. package/lib/components/VDataTable/VDataTableHeader.js +3 -6
  123. package/lib/components/VDataTable/VDataTableHeader.js.map +1 -1
  124. package/lib/components/VDataTable/VEditDialog.js +2 -2
  125. package/lib/components/VDataTable/VEditDialog.js.map +1 -1
  126. package/lib/components/VDataTable/mixins/header.js +1 -1
  127. package/lib/components/VDataTable/mixins/header.js.map +1 -1
  128. package/lib/components/VDatePicker/VDatePickerHeader.js +2 -2
  129. package/lib/components/VDatePicker/VDatePickerHeader.js.map +1 -1
  130. package/lib/components/VDatePicker/VDatePickerTitle.js +2 -2
  131. package/lib/components/VDatePicker/VDatePickerTitle.js.map +1 -1
  132. package/lib/components/VDatePicker/mixins/date-picker-table.js +1 -1
  133. package/lib/components/VDatePicker/mixins/date-picker-table.js.map +1 -1
  134. package/lib/components/VDialog/VDialog.js +2 -2
  135. package/lib/components/VDialog/VDialog.js.map +1 -1
  136. package/lib/components/VExpansionPanel/VExpansionPanelContent.js +1 -1
  137. package/lib/components/VExpansionPanel/VExpansionPanelContent.js.map +1 -1
  138. package/lib/components/VExpansionPanel/VExpansionPanelHeader.js +2 -2
  139. package/lib/components/VExpansionPanel/VExpansionPanelHeader.js.map +1 -1
  140. package/lib/components/VImg/VImg.js +2 -2
  141. package/lib/components/VImg/VImg.js.map +1 -1
  142. package/lib/components/VInput/VInput.js +14 -6
  143. package/lib/components/VInput/VInput.js.map +1 -1
  144. package/lib/components/VList/VListGroup.js +5 -5
  145. package/lib/components/VList/VListGroup.js.map +1 -1
  146. package/lib/components/VList/VListItem.js +3 -1
  147. package/lib/components/VList/VListItem.js.map +1 -1
  148. package/lib/components/VMessages/VMessages.js +1 -1
  149. package/lib/components/VMessages/VMessages.js.map +1 -1
  150. package/lib/components/VOverflowBtn/VOverflowBtn.js +1 -1
  151. package/lib/components/VOverflowBtn/VOverflowBtn.js.map +1 -1
  152. package/lib/components/VPagination/VPagination.js +1 -1
  153. package/lib/components/VPagination/VPagination.js.map +1 -1
  154. package/lib/components/VPicker/VPicker.js +1 -1
  155. package/lib/components/VPicker/VPicker.js.map +1 -1
  156. package/lib/components/VRadioGroup/VRadio.js +2 -2
  157. package/lib/components/VRadioGroup/VRadio.js.map +1 -1
  158. package/lib/components/VSelect/VSelect.js +2 -2
  159. package/lib/components/VSelect/VSelect.js.map +1 -1
  160. package/lib/components/VSelect/VSelectList.js +2 -2
  161. package/lib/components/VSelect/VSelectList.js.map +1 -1
  162. package/lib/components/VSlideGroup/VSlideGroup.js +3 -3
  163. package/lib/components/VSlideGroup/VSlideGroup.js.map +1 -1
  164. package/lib/components/VSlider/VSlider.js +26 -21
  165. package/lib/components/VSlider/VSlider.js.map +1 -1
  166. package/lib/components/VStepper/VStepperContent.js +1 -1
  167. package/lib/components/VStepper/VStepperContent.js.map +1 -1
  168. package/lib/components/VSwitch/VSwitch.js +1 -1
  169. package/lib/components/VSwitch/VSwitch.js.map +1 -1
  170. package/lib/components/VTabs/VTabs.js +2 -2
  171. package/lib/components/VTabs/VTabs.js.map +1 -1
  172. package/lib/components/VTextField/VTextField.js +1 -1
  173. package/lib/components/VTextField/VTextField.js.map +1 -1
  174. package/lib/components/VTooltip/VTooltip.js +7 -10
  175. package/lib/components/VTooltip/VTooltip.js.map +1 -1
  176. package/lib/components/VTreeview/VTreeviewNode.js +3 -3
  177. package/lib/components/VTreeview/VTreeviewNode.js.map +1 -1
  178. package/lib/components/transitions/createTransition.js +2 -2
  179. package/lib/components/transitions/createTransition.js.map +1 -1
  180. package/lib/framework.js +1 -1
  181. package/lib/mixins/picker/index.js +5 -3
  182. package/lib/mixins/picker/index.js.map +1 -1
  183. package/package.json +1 -1
  184. package/src/components/VAppBar/VAppBarNavIcon.ts +1 -1
  185. package/src/components/VBanner/VBanner.ts +3 -3
  186. package/src/components/VBreadcrumbs/VBreadcrumbs.ts +2 -2
  187. package/src/components/VBtn/VBtn.ts +24 -16
  188. package/src/components/VBtn/__tests__/VBtn.spec.ts +257 -242
  189. package/src/components/VBtn/__tests__/__snapshots__/VBtn.spec.ts.snap +13 -73
  190. package/src/components/VCarousel/VCarousel.ts +3 -3
  191. package/src/components/VCarousel/VCarouselItem.ts +1 -1
  192. package/src/components/VCheckbox/VCheckbox.ts +1 -1
  193. package/src/components/VColorPicker/VColorPicker.ts +32 -35
  194. package/src/components/VColorPicker/VColorPickerCanvas.ts +44 -37
  195. package/src/components/VColorPicker/VColorPickerEdit.ts +37 -35
  196. package/src/components/VColorPicker/VColorPickerPreview.ts +48 -28
  197. package/src/components/VColorPicker/VColorPickerSwatches.ts +23 -12
  198. package/src/components/VColorPicker/__tests__/VColorPicker.spec.ts +47 -47
  199. package/src/components/VColorPicker/__tests__/VColorPickerCanvas.spec.ts +15 -13
  200. package/src/components/VColorPicker/__tests__/VColorPickerEdit.spec.ts +52 -50
  201. package/src/components/VColorPicker/__tests__/VColorPickerPreview.spec.ts +101 -30
  202. package/src/components/VColorPicker/__tests__/__snapshots__/VColorPicker.spec.ts.snap +200 -157
  203. package/src/components/VColorPicker/__tests__/__snapshots__/VColorPickerEdit.spec.ts.snap +28 -11
  204. package/src/components/VDataIterator/VDataFooter.ts +1 -1
  205. package/src/components/VDataTable/VDataTable.ts +8 -8
  206. package/src/components/VDataTable/VDataTableHeader.ts +2 -4
  207. package/src/components/VDataTable/VEditDialog.ts +2 -2
  208. package/src/components/VDataTable/mixins/header.ts +1 -1
  209. package/src/components/VDatePicker/VDatePickerHeader.ts +3 -3
  210. package/src/components/VDatePicker/VDatePickerTitle.ts +2 -2
  211. package/src/components/VDatePicker/mixins/date-picker-table.ts +1 -1
  212. package/src/components/VDialog/VDialog.ts +2 -2
  213. package/src/components/VExpansionPanel/VExpansionPanelContent.ts +1 -1
  214. package/src/components/VExpansionPanel/VExpansionPanelHeader.ts +2 -2
  215. package/src/components/VImg/VImg.ts +2 -2
  216. package/src/components/VInput/VInput.ts +10 -4
  217. package/src/components/VInput/__tests__/VInput.spec.ts +170 -234
  218. package/src/components/VInput/__tests__/__snapshots__/VInput.spec.ts.snap +50 -101
  219. package/src/components/VList/VListGroup.ts +5 -5
  220. package/src/components/VList/VListItem.ts +7 -4
  221. package/src/components/VMessages/VMessages.ts +1 -1
  222. package/src/components/VOverflowBtn/VOverflowBtn.ts +1 -1
  223. package/src/components/VPagination/VPagination.ts +1 -1
  224. package/src/components/VPicker/VPicker.ts +1 -1
  225. package/src/components/VRadioGroup/VRadio.ts +2 -2
  226. package/src/components/VSelect/VSelect.ts +2 -2
  227. package/src/components/VSelect/VSelectList.ts +3 -3
  228. package/src/components/VSkeletonLoader/__tests__/VSkeletonLoader.spec.ts +22 -15
  229. package/src/components/VSkeletonLoader/__tests__/__snapshots__/VSkeletonLoader.spec.ts.snap +60 -60
  230. package/src/components/VSlideGroup/VSlideGroup.ts +3 -3
  231. package/src/components/VSlider/VSlider.ts +44 -28
  232. package/src/components/VSlider/__tests__/VSlider.spec.ts +188 -286
  233. package/src/components/VSlider/__tests__/__snapshots__/VSlider.spec.ts.snap +157 -246
  234. package/src/components/VStepper/VStepperContent.ts +1 -1
  235. package/src/components/VSwitch/VSwitch.ts +1 -1
  236. package/src/components/VTabs/VTabs.ts +2 -2
  237. package/src/components/VTabs/__tests__/VTab.spec.ts +3 -3
  238. package/src/components/VTabs/__tests__/VTabsBar.spec.ts +2 -2
  239. package/src/components/VTextField/VTextField.ts +1 -1
  240. package/src/components/VTooltip/VTooltip.ts +21 -21
  241. package/src/components/VTooltip/__tests__/VTooltip.spec.ts +60 -75
  242. package/src/components/VTreeview/VTreeviewNode.ts +3 -3
  243. package/src/components/transitions/createTransition.ts +2 -2
  244. package/src/mixins/picker/index.ts +4 -4
@@ -18,7 +18,7 @@ export default defineComponent({
18
18
  icon: true
19
19
  });
20
20
  const defaultSlot = (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a);
21
- return h(VBtn, d, defaultSlot || [h(VIcon, '$menu')]);
21
+ return h(VBtn, d, defaultSlot || (() => [h(VIcon, {}, () => '$menu')]));
22
22
  }
23
23
 
24
24
  });
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/VAppBar/VAppBarNavIcon.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,KAAP,MAAkB,UAAlB;AACA,OAAO,IAAP,MAAiB,cAAjB,C,CAEA;;AACA,SAAQ,eAAR,EAAyB,CAAzB,QAAiC,KAAjC;AAEA;;AACA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,oBADuB;AAG7B,EAAA,UAAU,EAAE,IAHiB;;AAK7B,EAAA,MAAM,GAAA;;;AACJ,UAAM,IAAI,GAAG,KAAK,MAAlB;AAEA,UAAM,CAAC,GAAG,MAAM,CAAC,MAAP,CAAc,EAAd,EAAkB,IAAlB,EAAwB;AAChC,MAAA,KAAK,EAAG,uBAAuB,IAAI,CAAC,KAAL,IAAc,EAAE,EAAxC,CAA4C,IAA5C,EADyB;AAEhC,MAAA,IAAI,EAAE;AAF0B,KAAxB,CAAV;AAKA,UAAM,WAAW,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAK,MAAL,EAAY,OAAZ,MAAmB,IAAnB,IAAmB,EAAA,KAAA,KAAA,CAAnB,GAAmB,KAAA,CAAnB,GAAmB,EAAA,CAAA,IAAA,CAAA,EAAA,CAAvC;AAEA,WAAO,CAAC,CAAC,IAAD,EAAO,CAAP,EAAU,WAAW,IAAI,CAAC,CAAC,CAAC,KAAD,EAAQ,OAAR,CAAF,CAAzB,CAAR;AACD;;AAhB4B,CAAD,CAA9B","sourcesContent":["// Components\nimport VIcon from '../VIcon'\nimport VBtn from '../VBtn/VBtn'\n\n// Types\nimport {defineComponent, h} from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n name: 'v-app-bar-nav-icon',\n\n functional: true,\n\n render () {\n const data = this.$attrs\n\n const d = Object.assign({}, data, {\n class: (`v-app-bar__nav-icon ${data.class || ''}`).trim(),\n icon: true,\n })\n\n const defaultSlot = this.$slots.default?.()\n\n return h(VBtn, d, defaultSlot || [h(VIcon, '$menu')])\n },\n})\n"],"sourceRoot":"","file":"VAppBarNavIcon.js"}
1
+ {"version":3,"sources":["../../../src/components/VAppBar/VAppBarNavIcon.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,KAAP,MAAkB,UAAlB;AACA,OAAO,IAAP,MAAiB,cAAjB,C,CAEA;;AACA,SAAQ,eAAR,EAAyB,CAAzB,QAAiC,KAAjC;AAEA;;AACA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,oBADuB;AAG7B,EAAA,UAAU,EAAE,IAHiB;;AAK7B,EAAA,MAAM,GAAA;;;AACJ,UAAM,IAAI,GAAG,KAAK,MAAlB;AAEA,UAAM,CAAC,GAAG,MAAM,CAAC,MAAP,CAAc,EAAd,EAAkB,IAAlB,EAAwB;AAChC,MAAA,KAAK,EAAG,uBAAuB,IAAI,CAAC,KAAL,IAAc,EAAE,EAAxC,CAA4C,IAA5C,EADyB;AAEhC,MAAA,IAAI,EAAE;AAF0B,KAAxB,CAAV;AAKA,UAAM,WAAW,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAK,MAAL,EAAY,OAAZ,MAAmB,IAAnB,IAAmB,EAAA,KAAA,KAAA,CAAnB,GAAmB,KAAA,CAAnB,GAAmB,EAAA,CAAA,IAAA,CAAA,EAAA,CAAvC;AAEA,WAAO,CAAC,CAAC,IAAD,EAAO,CAAP,EAAU,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,KAAD,EAAQ,EAAR,EAAY,MAAM,OAAlB,CAAF,CAAX,CAArB,CAAR;AACD;;AAhB4B,CAAD,CAA9B","sourcesContent":["// Components\nimport VIcon from '../VIcon'\nimport VBtn from '../VBtn/VBtn'\n\n// Types\nimport {defineComponent, h} from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n name: 'v-app-bar-nav-icon',\n\n functional: true,\n\n render () {\n const data = this.$attrs\n\n const d = Object.assign({}, data, {\n class: (`v-app-bar__nav-icon ${data.class || ''}`).trim(),\n icon: true,\n })\n\n const defaultSlot = this.$slots.default?.()\n\n return h(VBtn, d, defaultSlot || (() => [h(VIcon, {}, () => '$menu')]))\n },\n})\n"],"sourceRoot":"","file":"VAppBarNavIcon.js"}
@@ -80,7 +80,7 @@ export default mixins(VSheet, Mobile, Toggleable).extend({
80
80
  content = h(VIcon, {
81
81
  color: this.iconColor,
82
82
  size: 28
83
- }, [this.icon]);
83
+ }, () => [this.icon]);
84
84
  } else {
85
85
  content = getSlot(this, 'icon');
86
86
  }
@@ -90,7 +90,7 @@ export default mixins(VSheet, Mobile, Toggleable).extend({
90
90
  color: this.color,
91
91
  size: 40,
92
92
  onClick: this.iconClick
93
- }, [content]);
93
+ }, () => [content]);
94
94
  },
95
95
 
96
96
  genText() {
@@ -134,7 +134,7 @@ export default mixins(VSheet, Mobile, Toggleable).extend({
134
134
  value: this.isActive
135
135
  }]
136
136
  };
137
- return h(VExpandTransition, [h('div', this.outlined ? data : this.setBackgroundColor(this.color, data), [this.genWrapper()])]);
137
+ return h(VExpandTransition, {}, () => [h('div', this.outlined ? data : this.setBackgroundColor(this.color, data), [this.genWrapper()])]);
138
138
  }
139
139
 
140
140
  });
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/VBanner/VBanner.ts"],"names":[],"mappings":"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","sourcesContent":["import {h} from 'vue'\n// Styles\nimport './VBanner.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Components\nimport VAvatar from '../VAvatar'\nimport VIcon from '../VIcon'\nimport { VExpandTransition } from '../transitions'\n\n// Mixins\nimport Mobile from '../../mixins/mobile'\nimport Toggleable from '../../mixins/toggleable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { convertToUnit, getSlot } from '../../util/helpers'\n\n// Typeslint\nimport { VNode } from 'vue'\n\n/* @vue/component */\nexport default mixins(\n VSheet,\n Mobile,\n Toggleable\n).extend({\n name: 'v-banner',\n\n inheritAttrs: false,\n\n props: {\n app: Boolean,\n icon: String,\n iconColor: String,\n singleLine: Boolean,\n sticky: Boolean,\n value: {\n type: Boolean,\n default: true,\n },\n },\n\n computed: {\n classes (): object {\n return {\n ...VSheet.computed.classes.call(this),\n 'v-banner--has-icon': this.hasIcon,\n 'v-banner--is-mobile': this.isMobile,\n 'v-banner--single-line': this.singleLine,\n 'v-banner--sticky': this.isSticky,\n }\n },\n hasIcon (): boolean {\n return Boolean(this.icon || this.$slots.icon || this.$slots.icon)\n },\n isSticky (): boolean {\n return this.sticky || this.app\n },\n styles (): object {\n const styles: Record<string, any> = { ...VSheet.computed.styles.call(this) }\n\n if (this.isSticky) {\n const top = !this.app\n ? 0\n : (this.$vuetify.application.bar + this.$vuetify.application.top)\n\n styles.top = convertToUnit(top)\n styles.position = 'sticky'\n styles.zIndex = 1\n }\n\n return styles\n },\n },\n\n methods: {\n /** @public */\n toggle () {\n this.isActive = !this.isActive\n },\n iconClick (e: MouseEvent) {\n this.$emit('click:icon', e)\n },\n genIcon () {\n if (!this.hasIcon) return undefined\n\n let content\n\n if (this.icon) {\n content = h(VIcon, {\n color: this.iconColor,\n size: 28\n }, [this.icon])\n } else {\n content = getSlot(this, 'icon')\n }\n\n return h(VAvatar, {\n class: 'v-banner__icon',\n color: this.color,\n size: 40,\n onClick: this.iconClick,\n }, [content])\n },\n genText () {\n return h('div', {\n class: 'v-banner__text',\n }, getSlot(this))\n },\n genActions () {\n const children = getSlot(this, 'actions', {\n dismiss: () => this.isActive = false,\n })\n\n if (!children) return undefined\n\n return h('div', {\n class: 'v-banner__actions',\n }, children)\n },\n genContent () {\n return h('div', {\n class: 'v-banner__content',\n }, [\n this.genIcon(),\n this.genText(),\n ])\n },\n genWrapper () {\n return h('div', {\n class: 'v-banner__wrapper',\n }, [\n this.genContent(),\n this.genActions(),\n ])\n },\n },\n\n render (): VNode {\n const data = {\n class: 'v-banner',\n attrs: this.attrs$,\n class: this.classes,\n style: this.styles,\n directives: [{\n name: 'show',\n value: this.isActive,\n }],\n }\n\n return h(VExpandTransition, [\n h(\n 'div',\n this.outlined ? data : this.setBackgroundColor(this.color, data),\n [this.genWrapper()],\n ),\n ])\n },\n})\n"],"sourceRoot":"","file":"VBanner.js"}
1
+ {"version":3,"sources":["../../../src/components/VBanner/VBanner.ts"],"names":[],"mappings":"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","sourcesContent":["import {h} from 'vue'\n// Styles\nimport './VBanner.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Components\nimport VAvatar from '../VAvatar'\nimport VIcon from '../VIcon'\nimport { VExpandTransition } from '../transitions'\n\n// Mixins\nimport Mobile from '../../mixins/mobile'\nimport Toggleable from '../../mixins/toggleable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { convertToUnit, getSlot } from '../../util/helpers'\n\n// Typeslint\nimport { VNode } from 'vue'\n\n/* @vue/component */\nexport default mixins(\n VSheet,\n Mobile,\n Toggleable\n).extend({\n name: 'v-banner',\n\n inheritAttrs: false,\n\n props: {\n app: Boolean,\n icon: String,\n iconColor: String,\n singleLine: Boolean,\n sticky: Boolean,\n value: {\n type: Boolean,\n default: true,\n },\n },\n\n computed: {\n classes (): object {\n return {\n ...VSheet.computed.classes.call(this),\n 'v-banner--has-icon': this.hasIcon,\n 'v-banner--is-mobile': this.isMobile,\n 'v-banner--single-line': this.singleLine,\n 'v-banner--sticky': this.isSticky,\n }\n },\n hasIcon (): boolean {\n return Boolean(this.icon || this.$slots.icon || this.$slots.icon)\n },\n isSticky (): boolean {\n return this.sticky || this.app\n },\n styles (): object {\n const styles: Record<string, any> = { ...VSheet.computed.styles.call(this) }\n\n if (this.isSticky) {\n const top = !this.app\n ? 0\n : (this.$vuetify.application.bar + this.$vuetify.application.top)\n\n styles.top = convertToUnit(top)\n styles.position = 'sticky'\n styles.zIndex = 1\n }\n\n return styles\n },\n },\n\n methods: {\n /** @public */\n toggle () {\n this.isActive = !this.isActive\n },\n iconClick (e: MouseEvent) {\n this.$emit('click:icon', e)\n },\n genIcon () {\n if (!this.hasIcon) return undefined\n\n let content\n\n if (this.icon) {\n content = h(VIcon, {\n color: this.iconColor,\n size: 28\n }, () => [this.icon])\n } else {\n content = getSlot(this, 'icon')\n }\n\n return h(VAvatar, {\n class: 'v-banner__icon',\n color: this.color,\n size: 40,\n onClick: this.iconClick,\n }, () => [content])\n },\n genText () {\n return h('div', {\n class: 'v-banner__text',\n }, getSlot(this))\n },\n genActions () {\n const children = getSlot(this, 'actions', {\n dismiss: () => this.isActive = false,\n })\n\n if (!children) return undefined\n\n return h('div', {\n class: 'v-banner__actions',\n }, children)\n },\n genContent () {\n return h('div', {\n class: 'v-banner__content',\n }, [\n this.genIcon(),\n this.genText(),\n ])\n },\n genWrapper () {\n return h('div', {\n class: 'v-banner__wrapper',\n }, [\n this.genContent(),\n this.genActions(),\n ])\n },\n },\n\n render (): VNode {\n const data = {\n class: 'v-banner',\n attrs: this.attrs$,\n class: this.classes,\n style: this.styles,\n directives: [{\n name: 'show',\n value: this.isActive,\n }],\n }\n\n return h(VExpandTransition, {}, () => [\n h(\n 'div',\n this.outlined ? data : this.setBackgroundColor(this.color, data),\n [this.genWrapper()],\n ),\n ])\n },\n})\n"],"sourceRoot":"","file":"VBanner.js"}
@@ -35,7 +35,7 @@ export default mixins(Themeable
35
35
  },
36
36
  methods: {
37
37
  genDivider() {
38
- return h(VBreadcrumbsDivider, this.$slots.divider ? this.$slots.divider : this.divider);
38
+ return h(VBreadcrumbsDivider, {}, () => this.$slots.divider ? this.$slots.divider : this.divider);
39
39
  },
40
40
 
41
41
  genItems() {
@@ -51,7 +51,7 @@ export default mixins(Themeable
51
51
  }));else items.push(h(VBreadcrumbsItem, {
52
52
  key: keys.join('.'),
53
53
  ...item
54
- }, [item.text]));
54
+ }, () => [item.text]));
55
55
  if (i < this.items.length - 1) items.push(this.genDivider());
56
56
  }
57
57
 
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbs.ts"],"names":[],"mappings":"AAAA,SAAQ,CAAR,QAAgB,KAAhB,C,CACA;;AACA,OAAO,wDAAP,C,CAMA;;AACA,OAAO,gBAAP,MAA6B,oBAA7B;AACA,OAAO,mBAAP,MAAgC,uBAAhC,C,CAEA;;AACA,OAAO,SAAP,MAAsB,wBAAtB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AACA,SAAS,OAAT,QAAwB,oBAAxB;AAEA,eAAe,MAAM,CACnB;AACA;AAFmB,CAAN,CAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,eADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,OAAO,EAAE;AACP,MAAA,IAAI,EAAE,MADC;AAEP,MAAA,OAAO,EAAE;AAFF,KADJ;AAKL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,KADD;AAEL,MAAA,OAAO,EAAE,MAAO;AAFX,KALF;AASL,IAAA,KAAK,EAAE;AATF,GAHA;AAeP,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO;AACL,gCAAwB,KAAK,KADxB;AAEL,WAAG,KAAK;AAFH,OAAP;AAID;;AANO,GAfH;AAwBP,EAAA,OAAO,EAAE;AACP,IAAA,UAAU,GAAA;AACR,aAAO,CAAC,CAAC,mBAAD,EAAsB,KAAK,MAAL,CAAY,OAAZ,GAAsB,KAAK,MAAL,CAAY,OAAlC,GAA4C,KAAK,OAAvE,CAAR;AACD,KAHM;;AAIP,IAAA,QAAQ,GAAA;AACN,YAAM,KAAK,GAAG,EAAd;AACA,YAAM,OAAO,GAAG,CAAC,CAAC,KAAK,MAAL,CAAY,IAA9B;AACA,YAAM,IAAI,GAAG,EAAb;;AAEA,WAAK,IAAI,CAAC,GAAG,CAAb,EAAgB,CAAC,GAAG,KAAK,KAAL,CAAW,MAA/B,EAAuC,CAAC,EAAxC,EAA4C;AAC1C,cAAM,IAAI,GAAG,KAAK,KAAL,CAAW,CAAX,CAAb;AAEA,QAAA,IAAI,CAAC,IAAL,CAAU,IAAI,CAAC,IAAf;AAEA,YAAI,OAAJ,EAAa,KAAK,CAAC,IAAN,CAAW,KAAK,MAAL,CAAY,IAAZ,CAAkB;AAAE,UAAA;AAAF,SAAlB,CAAX,EAAb,KACK,KAAK,CAAC,IAAN,CAAW,CAAC,CAAC,gBAAD,EAAmB;AAAE,UAAA,GAAG,EAAE,IAAI,CAAC,IAAL,CAAU,GAAV,CAAP;AAAuB,aAAG;AAA1B,SAAnB,EAAqD,CAAC,IAAI,CAAC,IAAN,CAArD,CAAZ;AAEL,YAAI,CAAC,GAAG,KAAK,KAAL,CAAW,MAAX,GAAoB,CAA5B,EAA+B,KAAK,CAAC,IAAN,CAAW,KAAK,UAAL,EAAX;AAChC;;AAED,aAAO,KAAP;AACD;;AArBM,GAxBF;;AAgDP,EAAA,MAAM,GAAA;AACJ,UAAM,QAAQ,GAAG,OAAO,CAAC,IAAD,CAAP,IAAiB,KAAK,QAAL,EAAlC;AAEA,WAAO,CAAC,CAAC,IAAD,EAAO;AACb,MAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAK,OAAvB;AADM,KAAP,EAEL,QAFK,CAAR;AAGD;;AAtDM,CAHM,CAAf","sourcesContent":["import {h} from 'vue'\n// Styles\nimport './VBreadcrumbs.sass'\n\n// Types\nimport { VNode } from 'vue'\nimport { PropValidator } from 'vue/types/options'\n\n// Components\nimport VBreadcrumbsItem from './VBreadcrumbsItem'\nimport VBreadcrumbsDivider from './VBreadcrumbsDivider'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\n\n// Utils\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\nexport default mixins(\n Themeable\n /* @vue/component */\n).extend({\n name: 'v-breadcrumbs',\n\n props: {\n divider: {\n type: String,\n default: '/',\n },\n items: {\n type: Array,\n default: () => ([]),\n } as PropValidator<any[]>,\n large: Boolean,\n },\n\n computed: {\n classes (): object {\n return {\n 'v-breadcrumbs--large': this.large,\n ...this.themeClasses,\n }\n },\n },\n\n methods: {\n genDivider () {\n return h(VBreadcrumbsDivider, this.$slots.divider ? this.$slots.divider : this.divider)\n },\n genItems () {\n const items = []\n const hasSlot = !!this.$slots.item\n const keys = []\n\n for (let i = 0; i < this.items.length; i++) {\n const item = this.items[i]\n\n keys.push(item.text)\n\n if (hasSlot) items.push(this.$slots.item!({ item }))\n else items.push(h(VBreadcrumbsItem, { key: keys.join('.'), ...item }, [item.text]))\n\n if (i < this.items.length - 1) items.push(this.genDivider())\n }\n\n return items\n },\n },\n\n render (): VNode {\n const children = getSlot(this) || this.genItems()\n\n return h('ul', {\n class: ['v-breadcrumbs', this.classes],\n }, children)\n },\n})\n"],"sourceRoot":"","file":"VBreadcrumbs.js"}
1
+ {"version":3,"sources":["../../../src/components/VBreadcrumbs/VBreadcrumbs.ts"],"names":[],"mappings":"AAAA,SAAQ,CAAR,QAAgB,KAAhB,C,CACA;;AACA,OAAO,wDAAP,C,CAMA;;AACA,OAAO,gBAAP,MAA6B,oBAA7B;AACA,OAAO,mBAAP,MAAgC,uBAAhC,C,CAEA;;AACA,OAAO,SAAP,MAAsB,wBAAtB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AACA,SAAS,OAAT,QAAwB,oBAAxB;AAEA,eAAe,MAAM,CACnB;AACA;AAFmB,CAAN,CAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,eADC;AAGP,EAAA,KAAK,EAAE;AACL,IAAA,OAAO,EAAE;AACP,MAAA,IAAI,EAAE,MADC;AAEP,MAAA,OAAO,EAAE;AAFF,KADJ;AAKL,IAAA,KAAK,EAAE;AACL,MAAA,IAAI,EAAE,KADD;AAEL,MAAA,OAAO,EAAE,MAAO;AAFX,KALF;AASL,IAAA,KAAK,EAAE;AATF,GAHA;AAeP,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO;AACL,gCAAwB,KAAK,KADxB;AAEL,WAAG,KAAK;AAFH,OAAP;AAID;;AANO,GAfH;AAwBP,EAAA,OAAO,EAAE;AACP,IAAA,UAAU,GAAA;AACR,aAAO,CAAC,CAAC,mBAAD,EAAsB,EAAtB,EAA0B,MAAM,KAAK,MAAL,CAAY,OAAZ,GAAsB,KAAK,MAAL,CAAY,OAAlC,GAA4C,KAAK,OAAjF,CAAR;AACD,KAHM;;AAIP,IAAA,QAAQ,GAAA;AACN,YAAM,KAAK,GAAG,EAAd;AACA,YAAM,OAAO,GAAG,CAAC,CAAC,KAAK,MAAL,CAAY,IAA9B;AACA,YAAM,IAAI,GAAG,EAAb;;AAEA,WAAK,IAAI,CAAC,GAAG,CAAb,EAAgB,CAAC,GAAG,KAAK,KAAL,CAAW,MAA/B,EAAuC,CAAC,EAAxC,EAA4C;AAC1C,cAAM,IAAI,GAAG,KAAK,KAAL,CAAW,CAAX,CAAb;AAEA,QAAA,IAAI,CAAC,IAAL,CAAU,IAAI,CAAC,IAAf;AAEA,YAAI,OAAJ,EAAa,KAAK,CAAC,IAAN,CAAW,KAAK,MAAL,CAAY,IAAZ,CAAkB;AAAE,UAAA;AAAF,SAAlB,CAAX,EAAb,KACK,KAAK,CAAC,IAAN,CAAW,CAAC,CAAC,gBAAD,EAAmB;AAAE,UAAA,GAAG,EAAE,IAAI,CAAC,IAAL,CAAU,GAAV,CAAP;AAAuB,aAAG;AAA1B,SAAnB,EAAqD,MAAM,CAAC,IAAI,CAAC,IAAN,CAA3D,CAAZ;AAEL,YAAI,CAAC,GAAG,KAAK,KAAL,CAAW,MAAX,GAAoB,CAA5B,EAA+B,KAAK,CAAC,IAAN,CAAW,KAAK,UAAL,EAAX;AAChC;;AAED,aAAO,KAAP;AACD;;AArBM,GAxBF;;AAgDP,EAAA,MAAM,GAAA;AACJ,UAAM,QAAQ,GAAG,OAAO,CAAC,IAAD,CAAP,IAAiB,KAAK,QAAL,EAAlC;AAEA,WAAO,CAAC,CAAC,IAAD,EAAO;AACb,MAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAK,OAAvB;AADM,KAAP,EAEL,QAFK,CAAR;AAGD;;AAtDM,CAHM,CAAf","sourcesContent":["import {h} from 'vue'\n// Styles\nimport './VBreadcrumbs.sass'\n\n// Types\nimport { VNode } from 'vue'\nimport { PropValidator } from 'vue/types/options'\n\n// Components\nimport VBreadcrumbsItem from './VBreadcrumbsItem'\nimport VBreadcrumbsDivider from './VBreadcrumbsDivider'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\n\n// Utils\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\nexport default mixins(\n Themeable\n /* @vue/component */\n).extend({\n name: 'v-breadcrumbs',\n\n props: {\n divider: {\n type: String,\n default: '/',\n },\n items: {\n type: Array,\n default: () => ([]),\n } as PropValidator<any[]>,\n large: Boolean,\n },\n\n computed: {\n classes (): object {\n return {\n 'v-breadcrumbs--large': this.large,\n ...this.themeClasses,\n }\n },\n },\n\n methods: {\n genDivider () {\n return h(VBreadcrumbsDivider, {}, () => this.$slots.divider ? this.$slots.divider : this.divider)\n },\n genItems () {\n const items = []\n const hasSlot = !!this.$slots.item\n const keys = []\n\n for (let i = 0; i < this.items.length; i++) {\n const item = this.items[i]\n\n keys.push(item.text)\n\n if (hasSlot) items.push(this.$slots.item!({ item }))\n else items.push(h(VBreadcrumbsItem, { key: keys.join('.'), ...item }, () => [item.text]))\n\n if (i < this.items.length - 1) items.push(this.genDivider())\n }\n\n return items\n },\n },\n\n render (): VNode {\n const children = getSlot(this) || this.genItems()\n\n return h('ul', {\n class: ['v-breadcrumbs', this.classes],\n }, children)\n },\n})\n"],"sourceRoot":"","file":"VBreadcrumbs.js"}
@@ -7,24 +7,20 @@ import VProgressCircular from '../VProgressCircular'; // Mixins
7
7
 
8
8
  import { factory as GroupableFactory } from '../../mixins/groupable';
9
9
  import { factory as ToggleableFactory } from '../../mixins/toggleable';
10
- import Elevatable from '../../mixins/elevatable';
11
10
  import Positionable from '../../mixins/positionable';
12
11
  import Routable from '../../mixins/routable';
13
12
  import Sizeable from '../../mixins/sizeable'; // Utilities
14
13
 
15
14
  import mixins from '../../util/mixins';
16
15
  import { breaking } from '../../util/console';
17
- import { getSlot } from '../../util/helpers';
18
- import mergeData from '../../util/mergeData'; // Types
16
+ import { getSlot } from '../../util/helpers'; // Types
19
17
 
20
- import { withDirectives } from 'vue';
21
- import { h } from 'vue';
18
+ import { withDirectives, h } from 'vue';
22
19
  const baseMixins = mixins(VSheet, Routable, Positionable, Sizeable, GroupableFactory('btnToggle'), ToggleableFactory('inputValue')
23
20
  /* @vue/component */
24
21
  );
25
22
  export default baseMixins.extend({
26
23
  name: 'v-btn',
27
- inheritAttrs: false,
28
24
  props: {
29
25
  activeClass: {
30
26
  type: String
@@ -50,6 +46,7 @@ export default baseMixins.extend({
50
46
  },
51
47
  value: null
52
48
  },
49
+ emits: ['click'],
53
50
  data: () => ({
54
51
  proxyClass: 'v-btn--active'
55
52
  }),
@@ -87,7 +84,7 @@ export default baseMixins.extend({
87
84
 
88
85
  computedElevation() {
89
86
  if (this.disabled) return undefined;
90
- return Elevatable.computed.computedElevation.call(this);
87
+ return this.elevation;
91
88
  },
92
89
 
93
90
  computedRipple() {
@@ -161,22 +158,26 @@ export default baseMixins.extend({
161
158
  data: linkData,
162
159
  directives
163
160
  } = this.generateRouteLink();
164
- const setColor = this.hasBg ? this.setBackgroundColor : this.setTextColor;
165
- let data = {};
161
+ const setColor = this.hasBg ? this.setBackgroundColor : this.setTextColor; // Merge component classes with routable classes
162
+
163
+ const mergedClasses = { ...this.classes,
164
+ ...linkData.class
165
+ };
166
166
 
167
167
  if (tag === 'button') {
168
- data.type = this.type;
169
- data.disabled = this.disabled;
168
+ linkData.type = this.type;
169
+ linkData.disabled = this.disabled;
170
170
  }
171
171
 
172
- data.value = ['string', 'number'].includes(typeof this.value) ? this.value : JSON.stringify(this.value);
173
- data = { ...data,
174
- ...linkData
175
- };
176
- data = mergeData(data, {
177
- class: this.$attrs.class
178
- });
179
- return withDirectives(h(tag, this.disabled ? data : setColor(this.color, data), children), directives);
172
+ linkData.value = ['string', 'number'].includes(typeof this.value) ? this.value : JSON.stringify(this.value);
173
+ const data = { ...linkData,
174
+ class: mergedClasses,
175
+ style: this.styles
176
+ }; // Apply color styling but preserve Vue's automatic attribute inheritance
177
+
178
+ const finalData = this.disabled ? data : setColor(this.color, data);
179
+ const vnode = typeof tag === 'string' ? h(tag, finalData, children) : h(tag, finalData, () => children);
180
+ return withDirectives(vnode, directives);
180
181
  }
181
182
 
182
183
  });
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/VBtn/VBtn.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './VBtn.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Components\nimport VProgressCircular from '../VProgressCircular'\n\n// Mixins\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport { factory as ToggleableFactory } from '../../mixins/toggleable'\nimport Elevatable from '../../mixins/elevatable'\nimport Positionable from '../../mixins/positionable'\nimport Routable from '../../mixins/routable'\nimport Sizeable from '../../mixins/sizeable'\n\n// Utilities\nimport mixins, { ExtractVue } from '../../util/mixins'\nimport { breaking } from '../../util/console'\nimport { getSlot } from '../../util/helpers'\nimport mergeData from '../../util/mergeData'\n\n// Types\nimport { VNode, withDirectives } from 'vue'\nimport { PropValidator, PropType } from 'vue/types/options'\nimport { RippleOptions } from '../../directives/ripple'\nimport {h} from 'vue'\n\nconst baseMixins = mixins(\n VSheet,\n Routable,\n Positionable,\n Sizeable,\n GroupableFactory('btnToggle'),\n ToggleableFactory('inputValue')\n /* @vue/component */\n)\ninterface options extends ExtractVue<typeof baseMixins> {\n $el: HTMLElement\n}\n\nexport default baseMixins.extend({\n name: 'v-btn',\n inheritAttrs: false,\n props: {\n activeClass: {\n type: String,\n } as any as PropValidator<string>,\n block: Boolean,\n depressed: Boolean,\n fab: Boolean,\n icon: Boolean,\n loading: Boolean,\n outlined: Boolean,\n plain: Boolean,\n retainFocusOnClick: Boolean,\n rounded: Boolean,\n tag: {\n type: String,\n default: 'button',\n },\n text: Boolean,\n tile: Boolean,\n type: {\n type: String,\n default: 'button',\n },\n value: null as any as PropType<any>,\n },\n\n data: () => ({\n proxyClass: 'v-btn--active',\n }),\n\n computed: {\n classes (): any {\n return {\n 'v-btn': true,\n ...Routable.computed.classes.call(this),\n 'v-btn--absolute': this.absolute,\n 'v-btn--block': this.block,\n 'v-btn--bottom': this.bottom,\n 'v-btn--disabled': this.disabled,\n 'v-btn--is-elevated': this.isElevated,\n 'v-btn--fab': this.fab,\n 'v-btn--fixed': this.fixed,\n 'v-btn--has-bg': this.hasBg,\n 'v-btn--icon': this.icon,\n 'v-btn--left': this.left,\n 'v-btn--loading': this.loading,\n 'v-btn--outlined': this.outlined,\n 'v-btn--plain': this.plain,\n 'v-btn--right': this.right,\n 'v-btn--round': this.isRound,\n 'v-btn--rounded': this.rounded,\n 'v-btn--router': this.to,\n 'v-btn--text': this.text,\n 'v-btn--tile': this.tile,\n 'v-btn--top': this.top,\n ...this.themeClasses,\n ...this.groupClasses,\n ...this.elevationClasses,\n ...this.sizeableClasses,\n }\n },\n computedElevation (): string | number | undefined {\n if (this.disabled) return undefined\n\n return Elevatable.computed.computedElevation.call(this)\n },\n computedRipple (): RippleOptions | boolean {\n const defaultRipple = this.icon || this.fab ? { circle: true } : true\n if (this.disabled) return false\n else return this.ripple ?? defaultRipple\n },\n hasBg (): boolean {\n return !this.text && !this.plain && !this.outlined && !this.icon\n },\n isElevated (): boolean {\n return Boolean(\n !this.icon &&\n !this.text &&\n !this.outlined &&\n !this.depressed &&\n !this.disabled &&\n !this.plain &&\n (this.elevation == null || Number(this.elevation) > 0)\n )\n },\n isRound (): boolean {\n return Boolean(\n this.icon ||\n this.fab\n )\n },\n styles (): object {\n return {\n ...this.measurableStyles,\n }\n },\n },\n\n created () {\n const breakingProps = [\n ['flat', 'text'],\n ['outline', 'outlined'],\n ['round', 'rounded'],\n ]\n\n /* istanbul ignore next */\n breakingProps.forEach(([original, replacement]) => {\n if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n })\n },\n\n methods: {\n click (e: MouseEvent): void {\n // TODO: Remove this in v3\n !this.retainFocusOnClick && !this.fab && e.detail && this.$el.blur()\n this.$emit('click', e)\n this.$emitLegacy('click', e)\n\n\n this.btnToggle && this.toggle()\n },\n genContent (): VNode {\n return h('span', {\n class: 'v-btn__content',\n }, getSlot(this))\n },\n genLoader (): VNode {\n return h('span', {\n class: 'v-btn__loader',\n }, getSlot(this, 'loader') || [h(VProgressCircular, {\n indeterminate: true,\n size: 23,\n width: 2\n })])\n },\n },\n\n render (): VNode {\n const children = [\n this.genContent(),\n this.loading && this.genLoader(),\n ]\n const { tag, data: linkData, directives } = this.generateRouteLink()\n const setColor = this.hasBg\n ? this.setBackgroundColor\n : this.setTextColor\n\n let data = {}\n\n if (tag === 'button') {\n data.type = this.type\n data.disabled = this.disabled\n }\n data.value = ['string', 'number'].includes(typeof this.value)\n ? this.value\n : JSON.stringify(this.value)\n\n data = {\n ...data,\n ...linkData\n }\n\n data = mergeData(data, { class: this.$attrs.class })\n\n return withDirectives(\n h(tag, this.disabled ? data : setColor(this.color, data), children),\n directives\n )\n },\n})\n"],"sourceRoot":"","file":"VBtn.js"}
1
+ {"version":3,"sources":["../../../src/components/VBtn/VBtn.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './VBtn.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Components\nimport VProgressCircular from '../VProgressCircular'\n\n// Mixins\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport { factory as ToggleableFactory } from '../../mixins/toggleable'\nimport Elevatable from '../../mixins/elevatable'\nimport Positionable from '../../mixins/positionable'\nimport Routable from '../../mixins/routable'\nimport Sizeable from '../../mixins/sizeable'\n\n// Utilities\nimport mixins, { ExtractVue } from '../../util/mixins'\nimport { breaking } from '../../util/console'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { VNode, withDirectives, h } from 'vue'\nimport { PropValidator, PropType } from 'vue/types/options'\nimport { RippleOptions } from '../../directives/ripple'\n\nconst baseMixins = mixins(\n VSheet,\n Routable,\n Positionable,\n Sizeable,\n GroupableFactory('btnToggle'),\n ToggleableFactory('inputValue')\n /* @vue/component */\n)\ninterface options extends ExtractVue<typeof baseMixins> {\n $el: HTMLElement\n}\n\nexport default baseMixins.extend({\n name: 'v-btn',\n props: {\n activeClass: {\n type: String,\n } as any as PropValidator<string>,\n block: Boolean,\n depressed: Boolean,\n fab: Boolean,\n icon: Boolean,\n loading: Boolean,\n outlined: Boolean,\n plain: Boolean,\n retainFocusOnClick: Boolean,\n rounded: Boolean,\n tag: {\n type: String,\n default: 'button',\n },\n text: Boolean,\n tile: Boolean,\n type: {\n type: String,\n default: 'button',\n },\n value: null as any as PropType<any>,\n },\n\n emits: ['click'],\n\n data: () => ({\n proxyClass: 'v-btn--active',\n }),\n\n computed: {\n classes (): any {\n return {\n 'v-btn': true,\n ...Routable.computed.classes.call(this),\n 'v-btn--absolute': this.absolute,\n 'v-btn--block': this.block,\n 'v-btn--bottom': this.bottom,\n 'v-btn--disabled': this.disabled,\n 'v-btn--is-elevated': this.isElevated,\n 'v-btn--fab': this.fab,\n 'v-btn--fixed': this.fixed,\n 'v-btn--has-bg': this.hasBg,\n 'v-btn--icon': this.icon,\n 'v-btn--left': this.left,\n 'v-btn--loading': this.loading,\n 'v-btn--outlined': this.outlined,\n 'v-btn--plain': this.plain,\n 'v-btn--right': this.right,\n 'v-btn--round': this.isRound,\n 'v-btn--rounded': this.rounded,\n 'v-btn--router': this.to,\n 'v-btn--text': this.text,\n 'v-btn--tile': this.tile,\n 'v-btn--top': this.top,\n ...this.themeClasses,\n ...this.groupClasses,\n ...this.elevationClasses,\n ...this.sizeableClasses,\n }\n },\n computedElevation (): string | number | undefined {\n if (this.disabled) return undefined\n\n return this.elevation\n },\n computedRipple (): RippleOptions | boolean {\n const defaultRipple = this.icon || this.fab ? { circle: true } : true\n if (this.disabled) return false\n else return this.ripple ?? defaultRipple\n },\n hasBg (): boolean {\n return !this.text && !this.plain && !this.outlined && !this.icon\n },\n isElevated (): boolean {\n return Boolean(\n !this.icon &&\n !this.text &&\n !this.outlined &&\n !this.depressed &&\n !this.disabled &&\n !this.plain &&\n (this.elevation == null || Number(this.elevation) > 0)\n )\n },\n isRound (): boolean {\n return Boolean(\n this.icon ||\n this.fab\n )\n },\n styles (): object {\n return {\n ...this.measurableStyles,\n }\n },\n },\n\n created () {\n const breakingProps = [\n ['flat', 'text'],\n ['outline', 'outlined'],\n ['round', 'rounded'],\n ]\n\n /* istanbul ignore next */\n breakingProps.forEach(([original, replacement]) => {\n if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n })\n },\n\n methods: {\n click (e: MouseEvent): void {\n // TODO: Remove this in v3\n !this.retainFocusOnClick && !this.fab && e.detail && this.$el.blur()\n this.$emit('click', e)\n this.$emitLegacy('click', e)\n\n this.btnToggle && this.toggle()\n },\n genContent (): VNode {\n return h('span', {\n class: 'v-btn__content',\n }, getSlot(this))\n },\n genLoader (): VNode {\n return h('span', {\n class: 'v-btn__loader',\n }, getSlot(this, 'loader') || [h(VProgressCircular, {\n indeterminate: true,\n size: 23,\n width: 2,\n })])\n },\n },\n\n render (): VNode {\n const children = [\n this.genContent(),\n this.loading && this.genLoader(),\n ]\n const { tag, data: linkData, directives } = this.generateRouteLink()\n const setColor = this.hasBg\n ? this.setBackgroundColor\n : this.setTextColor\n\n // Merge component classes with routable classes\n const mergedClasses = {\n ...this.classes,\n ...linkData.class,\n }\n\n if (tag === 'button') {\n linkData.type = this.type\n linkData.disabled = this.disabled\n }\n linkData.value = ['string', 'number'].includes(typeof this.value)\n ? this.value\n : JSON.stringify(this.value)\n\n const data = {\n ...linkData,\n class: mergedClasses,\n style: this.styles,\n }\n\n // Apply color styling but preserve Vue's automatic attribute inheritance\n const finalData = this.disabled ? data : setColor(this.color, data)\n\n const vnode = typeof tag === 'string'\n ? h(tag, finalData, children)\n : h(tag, finalData, () => children)\n\n return withDirectives(\n vnode,\n directives\n )\n },\n})\n"],"sourceRoot":"","file":"VBtn.js"}
@@ -146,9 +146,9 @@ export default defineComponent({
146
146
  small: true,
147
147
  value: this.getValue(this.items[i], i),
148
148
  key: i
149
- }, [h(VIcon, {
149
+ }, () => [h(VIcon, {
150
150
  size: 18
151
- }, this.delimiterIcon)]);
151
+ }, () => this.delimiterIcon)]);
152
152
  children.push(child);
153
153
  }
154
154
 
@@ -158,7 +158,7 @@ export default defineComponent({
158
158
  onChange: val => {
159
159
  this.internalValue = val;
160
160
  }
161
- }, children);
161
+ }, () => children);
162
162
  },
163
163
 
164
164
  genProgress() {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/VCarousel/VCarousel.ts"],"names":[],"mappings":"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","sourcesContent":["import {h} from 'vue'\n// Styles\nimport './VCarousel.sass'\n\n// Extensions\nimport VWindow from '../VWindow/VWindow'\n\n// Components\nimport VBtn from '../VBtn'\nimport VIcon from '../VIcon'\nimport VProgressLinear from '../VProgressLinear'\n\n// Mixins\n// TODO: Move this into core components v2.0\nimport ButtonGroup from '../../mixins/button-group'\n\n// Utilities\nimport { convertToUnit } from '../../util/helpers'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { VNode, PropType, defineComponent } from 'vue'\n\nexport default defineComponent({\n name: 'v-carousel',\n extends: VWindow,\n\n props: {\n continuous: {\n type: Boolean,\n default: true,\n },\n cycle: Boolean,\n delimiterIcon: {\n type: String,\n default: '$delimiter',\n },\n height: {\n type: [Number, String],\n default: 500,\n },\n hideDelimiters: Boolean,\n hideDelimiterBackground: Boolean,\n interval: {\n type: [Number, String],\n default: 6000,\n validator: (value: string | number) => value > 0,\n },\n mandatory: {\n type: Boolean,\n default: true,\n },\n progress: Boolean,\n progressColor: String,\n showArrows: {\n type: Boolean,\n default: true,\n },\n verticalDelimiters: {\n type: String as PropType<'' | 'left' | 'right'>,\n default: undefined,\n },\n },\n\n // pass down the parent's theme\n provide (): object {\n return {\n parentTheme: this.theme,\n }\n },\n\n data () {\n return {\n internalHeight: this.height,\n slideTimeout: undefined as number | undefined,\n }\n },\n\n computed: {\n classes (): object {\n return {\n ...VWindow.computed.classes.call(this),\n 'v-carousel': true,\n 'v-carousel--hide-delimiter-background': this.hideDelimiterBackground,\n 'v-carousel--vertical-delimiters': this.isVertical,\n }\n },\n isDark (): boolean {\n return this.dark || !this.light\n },\n isVertical (): boolean {\n return this.verticalDelimiters != null\n },\n },\n\n watch: {\n internalValue: 'restartTimeout',\n interval: 'restartTimeout',\n height (val, oldVal) {\n if (val === oldVal || !val) return\n this.internalHeight = val\n },\n cycle (val) {\n if (val) {\n this.restartTimeout()\n } else {\n clearTimeout(this.slideTimeout)\n this.slideTimeout = undefined\n }\n },\n },\n\n created () {\n /* istanbul ignore next */\n if (this.$attrs.hasOwnProperty('hide-controls')) {\n breaking('hide-controls', ':show-arrows=\"false\"', this)\n }\n },\n\n mounted () {\n this.startTimeout()\n },\n\n methods: {\n genControlIcons () {\n if (this.isVertical) return null\n\n return VWindow.methods.genControlIcons.call(this)\n },\n genDelimiters (): VNode {\n return h('div', {\n class: 'v-carousel__controls',\n style: {\n left: this.verticalDelimiters === 'left' && this.isVertical ? 0 : 'auto',\n right: this.verticalDelimiters === 'right' ? 0 : 'auto',\n },\n }, [this.genItems()])\n },\n genItems (): VNode {\n const length = this.items.length\n const children = []\n\n for (let i = 0; i < length; i++) {\n const child = h(VBtn, {\n class: 'v-carousel__controls__item',\n 'aria-label': this.$vuetify.lang.t('$vuetify.carousel.ariaLabel.delimiter', i + 1, length),\n icon: true,\n small: true,\n value: this.getValue(this.items[i], i),\n key: i,\n }, [\n h(VIcon, {\n size: 18\n }, this.delimiterIcon),\n ])\n\n children.push(child)\n }\n\n return h(ButtonGroup, {\n value: this.internalValue,\n mandatory: this.mandatory,\n onChange: (val: unknown) => {\n this.internalValue = val\n }\n }, children)\n },\n genProgress () {\n return h(VProgressLinear, {\n class: 'v-carousel__progress',\n color: this.progressColor,\n value: (this.internalIndex + 1) / this.items.length * 100,\n })\n },\n restartTimeout () {\n this.slideTimeout && clearTimeout(this.slideTimeout)\n this.slideTimeout = undefined\n\n window.requestAnimationFrame(this.startTimeout)\n },\n startTimeout () {\n if (!this.cycle) return\n\n this.slideTimeout = window.setTimeout(this.next, +this.interval > 0 ? +this.interval : 6000)\n },\n },\n\n render (): VNode {\n const render = VWindow.render.call(this, h)\n\n render.style = `height: ${convertToUnit(this.height)};`\n\n /* istanbul ignore else */\n if (!this.hideDelimiters) {\n render.children!.push(this.genDelimiters())\n }\n\n /* istanbul ignore else */\n if (this.progress || this.progressColor) {\n render.children!.push(this.genProgress())\n }\n\n return render\n },\n})\n"],"sourceRoot":"","file":"VCarousel.js"}
1
+ {"version":3,"sources":["../../../src/components/VCarousel/VCarousel.ts"],"names":[],"mappings":"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","sourcesContent":["import {h} from 'vue'\n// Styles\nimport './VCarousel.sass'\n\n// Extensions\nimport VWindow from '../VWindow/VWindow'\n\n// Components\nimport VBtn from '../VBtn'\nimport VIcon from '../VIcon'\nimport VProgressLinear from '../VProgressLinear'\n\n// Mixins\n// TODO: Move this into core components v2.0\nimport ButtonGroup from '../../mixins/button-group'\n\n// Utilities\nimport { convertToUnit } from '../../util/helpers'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { VNode, PropType, defineComponent } from 'vue'\n\nexport default defineComponent({\n name: 'v-carousel',\n extends: VWindow,\n\n props: {\n continuous: {\n type: Boolean,\n default: true,\n },\n cycle: Boolean,\n delimiterIcon: {\n type: String,\n default: '$delimiter',\n },\n height: {\n type: [Number, String],\n default: 500,\n },\n hideDelimiters: Boolean,\n hideDelimiterBackground: Boolean,\n interval: {\n type: [Number, String],\n default: 6000,\n validator: (value: string | number) => value > 0,\n },\n mandatory: {\n type: Boolean,\n default: true,\n },\n progress: Boolean,\n progressColor: String,\n showArrows: {\n type: Boolean,\n default: true,\n },\n verticalDelimiters: {\n type: String as PropType<'' | 'left' | 'right'>,\n default: undefined,\n },\n },\n\n // pass down the parent's theme\n provide (): object {\n return {\n parentTheme: this.theme,\n }\n },\n\n data () {\n return {\n internalHeight: this.height,\n slideTimeout: undefined as number | undefined,\n }\n },\n\n computed: {\n classes (): object {\n return {\n ...VWindow.computed.classes.call(this),\n 'v-carousel': true,\n 'v-carousel--hide-delimiter-background': this.hideDelimiterBackground,\n 'v-carousel--vertical-delimiters': this.isVertical,\n }\n },\n isDark (): boolean {\n return this.dark || !this.light\n },\n isVertical (): boolean {\n return this.verticalDelimiters != null\n },\n },\n\n watch: {\n internalValue: 'restartTimeout',\n interval: 'restartTimeout',\n height (val, oldVal) {\n if (val === oldVal || !val) return\n this.internalHeight = val\n },\n cycle (val) {\n if (val) {\n this.restartTimeout()\n } else {\n clearTimeout(this.slideTimeout)\n this.slideTimeout = undefined\n }\n },\n },\n\n created () {\n /* istanbul ignore next */\n if (this.$attrs.hasOwnProperty('hide-controls')) {\n breaking('hide-controls', ':show-arrows=\"false\"', this)\n }\n },\n\n mounted () {\n this.startTimeout()\n },\n\n methods: {\n genControlIcons () {\n if (this.isVertical) return null\n\n return VWindow.methods.genControlIcons.call(this)\n },\n genDelimiters (): VNode {\n return h('div', {\n class: 'v-carousel__controls',\n style: {\n left: this.verticalDelimiters === 'left' && this.isVertical ? 0 : 'auto',\n right: this.verticalDelimiters === 'right' ? 0 : 'auto',\n },\n }, [this.genItems()])\n },\n genItems (): VNode {\n const length = this.items.length\n const children = []\n\n for (let i = 0; i < length; i++) {\n const child = h(VBtn, {\n class: 'v-carousel__controls__item',\n 'aria-label': this.$vuetify.lang.t('$vuetify.carousel.ariaLabel.delimiter', i + 1, length),\n icon: true,\n small: true,\n value: this.getValue(this.items[i], i),\n key: i,\n }, () => [\n h(VIcon, {\n size: 18\n }, () => this.delimiterIcon),\n ])\n\n children.push(child)\n }\n\n return h(ButtonGroup, {\n value: this.internalValue,\n mandatory: this.mandatory,\n onChange: (val: unknown) => {\n this.internalValue = val\n }\n }, () => children)\n },\n genProgress () {\n return h(VProgressLinear, {\n class: 'v-carousel__progress',\n color: this.progressColor,\n value: (this.internalIndex + 1) / this.items.length * 100,\n })\n },\n restartTimeout () {\n this.slideTimeout && clearTimeout(this.slideTimeout)\n this.slideTimeout = undefined\n\n window.requestAnimationFrame(this.startTimeout)\n },\n startTimeout () {\n if (!this.cycle) return\n\n this.slideTimeout = window.setTimeout(this.next, +this.interval > 0 ? +this.interval : 6000)\n },\n },\n\n render (): VNode {\n const render = VWindow.render.call(this, h)\n\n render.style = `height: ${convertToUnit(this.height)};`\n\n /* istanbul ignore else */\n if (!this.hideDelimiters) {\n render.children!.push(this.genDelimiters())\n }\n\n /* istanbul ignore else */\n if (this.progress || this.progressColor) {\n render.children!.push(this.genProgress())\n }\n\n return render\n },\n})\n"],"sourceRoot":"","file":"VCarousel.js"}
@@ -37,7 +37,7 @@ export default baseMixins.extend({
37
37
  height: this.windowGroup.internalHeight,
38
38
  ...this.$listeners
39
39
  }, {
40
- default: getSlot(this),
40
+ default: () => getSlot(this),
41
41
  placeholder: this.$slots.placeholder
42
42
  })];
43
43
  },
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/VCarousel/VCarouselItem.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,WAAP,MAAwB,wBAAxB,C,CAEA;;AACA,SAAS,IAAT,QAAqB,SAArB,C,CAEA;;AACA,OAAO,MAAP,MAAmC,mBAAnC;AACA,SAAS,OAAT,QAAwB,oBAAxB;AACA,OAAO,QAAP,MAAqB,uBAArB;AACA,SAAS,KAAT,EAAgB,cAAhB,EAAgC,CAAhC,QAAyC,KAAzC,C,CAEA;;AACA,MAAM,UAAU,GAAG,MAAM,CACvB,WADuB,EAEvB,QAFuB,CAAzB;AAWA;;AACA,eAAe,UAAU,CAAC,MAAX,CAAkB;AAC/B,EAAA,IAAI,EAAE,iBADyB;AAG/B,EAAA,MAAM,EAAE;AACN,IAAA,WAAW,EAAE;AACX,MAAA,OAAO,EAAE;AACP,QAAA,MAAM,EAAE;AADD;AADE;AADP,GAHuB;;AAW/B;AACA,EAAA,OAAO,GAAA;AACL,WAAO;AACL,MAAA,KAAK,EAAE,KAAK;AADP,KAAP;AAGD,GAhB8B;;AAkB/B,EAAA,YAAY,EAAE,KAlBiB;AAoB/B,EAAA,OAAO,EAAE;AACP,IAAA,cAAc,GAAA;AACZ,aAAO,CACL,CAAC,CAAC,IAAD,EAAO;AACN,QAAA,KAAK,EAAE,kBADD;AAEN,WAAG,KAAK,MAFF;AAGN,QAAA,MAAM,EAAE,KAAK,WAAL,CAAiB,cAHnB;AAIN,WAAG,KAAK;AAJF,OAAP,EAKE;AAAE,QAAA,OAAO,EAAE,OAAO,CAAC,IAAD,CAAlB;AAA0B,QAAA,WAAW,EAAE,KAAK,MAAL,CAAY;AAAnD,OALF,CADI,CAAP;AAQD,KAVM;;AAWP,IAAA,aAAa,GAAA;AACX,YAAM;AAAE,QAAA,GAAF;AAAO,QAAA,IAAP;AAAa,QAAA;AAAb,UAA4B,KAAK,iBAAL,EAAlC;AAEA,MAAA,IAAI,CAAC,KAAL,CAAW,eAAX,IAA8B,IAA9B;AAEA,MAAA,UAAW,CAAC,IAAZ,CAAiB,CACf,KADe,EAEf,KAAK,QAFU,CAAjB;AAKA,aAAO,cAAc,CACnB,CAAC,CAAC,GAAD,EAAM,IAAN,EAAY,KAAK,cAAL,EAAZ,CADkB,EAEnB,UAFmB,CAArB;AAID;;AAzBM;AApBsB,CAAlB,CAAf","sourcesContent":["// Extensions\nimport VWindowItem from '../VWindow/VWindowItem'\n\n// Components\nimport { VImg } from '../VImg'\n\n// Utilities\nimport mixins, { ExtractVue } from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\nimport Routable from '../../mixins/routable'\nimport { vShow, withDirectives, h } from 'vue'\n\n// Types\nconst baseMixins = mixins(\n VWindowItem,\n Routable\n)\n\ninterface options extends ExtractVue<typeof baseMixins> {\n parentTheme: {\n isDark: boolean\n }\n}\n\n/* @vue/component */\nexport default baseMixins.extend({\n name: 'v-carousel-item',\n\n inject: {\n parentTheme: {\n default: {\n isDark: false,\n },\n },\n },\n\n // pass down the parent's theme\n provide (): object {\n return {\n theme: this.parentTheme,\n }\n },\n\n inheritAttrs: false,\n\n methods: {\n genDefaultSlot () {\n return [\n h(VImg, {\n class: 'v-carousel__item',\n ...this.$attrs,\n height: this.windowGroup.internalHeight,\n ...this.$listeners,\n }, { default: getSlot(this), placeholder: this.$slots.placeholder }),\n ]\n },\n genWindowItem () {\n const { tag, data, directives } = this.generateRouteLink()\n\n data.class['v-window-item'] = true\n\n directives!.push([\n vShow,\n this.isActive,\n ])\n\n return withDirectives(\n h(tag, data, this.genDefaultSlot()),\n directives\n )\n },\n },\n})\n"],"sourceRoot":"","file":"VCarouselItem.js"}
1
+ {"version":3,"sources":["../../../src/components/VCarousel/VCarouselItem.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,WAAP,MAAwB,wBAAxB,C,CAEA;;AACA,SAAS,IAAT,QAAqB,SAArB,C,CAEA;;AACA,OAAO,MAAP,MAAmC,mBAAnC;AACA,SAAS,OAAT,QAAwB,oBAAxB;AACA,OAAO,QAAP,MAAqB,uBAArB;AACA,SAAS,KAAT,EAAgB,cAAhB,EAAgC,CAAhC,QAAyC,KAAzC,C,CAEA;;AACA,MAAM,UAAU,GAAG,MAAM,CACvB,WADuB,EAEvB,QAFuB,CAAzB;AAWA;;AACA,eAAe,UAAU,CAAC,MAAX,CAAkB;AAC/B,EAAA,IAAI,EAAE,iBADyB;AAG/B,EAAA,MAAM,EAAE;AACN,IAAA,WAAW,EAAE;AACX,MAAA,OAAO,EAAE;AACP,QAAA,MAAM,EAAE;AADD;AADE;AADP,GAHuB;;AAW/B;AACA,EAAA,OAAO,GAAA;AACL,WAAO;AACL,MAAA,KAAK,EAAE,KAAK;AADP,KAAP;AAGD,GAhB8B;;AAkB/B,EAAA,YAAY,EAAE,KAlBiB;AAoB/B,EAAA,OAAO,EAAE;AACP,IAAA,cAAc,GAAA;AACZ,aAAO,CACL,CAAC,CAAC,IAAD,EAAO;AACN,QAAA,KAAK,EAAE,kBADD;AAEN,WAAG,KAAK,MAFF;AAGN,QAAA,MAAM,EAAE,KAAK,WAAL,CAAiB,cAHnB;AAIN,WAAG,KAAK;AAJF,OAAP,EAKE;AAAE,QAAA,OAAO,EAAE,MAAM,OAAO,CAAC,IAAD,CAAxB;AAAgC,QAAA,WAAW,EAAE,KAAK,MAAL,CAAY;AAAzD,OALF,CADI,CAAP;AAQD,KAVM;;AAWP,IAAA,aAAa,GAAA;AACX,YAAM;AAAE,QAAA,GAAF;AAAO,QAAA,IAAP;AAAa,QAAA;AAAb,UAA4B,KAAK,iBAAL,EAAlC;AAEA,MAAA,IAAI,CAAC,KAAL,CAAW,eAAX,IAA8B,IAA9B;AAEA,MAAA,UAAW,CAAC,IAAZ,CAAiB,CACf,KADe,EAEf,KAAK,QAFU,CAAjB;AAKA,aAAO,cAAc,CACnB,CAAC,CAAC,GAAD,EAAM,IAAN,EAAY,KAAK,cAAL,EAAZ,CADkB,EAEnB,UAFmB,CAArB;AAID;;AAzBM;AApBsB,CAAlB,CAAf","sourcesContent":["// Extensions\nimport VWindowItem from '../VWindow/VWindowItem'\n\n// Components\nimport { VImg } from '../VImg'\n\n// Utilities\nimport mixins, { ExtractVue } from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\nimport Routable from '../../mixins/routable'\nimport { vShow, withDirectives, h } from 'vue'\n\n// Types\nconst baseMixins = mixins(\n VWindowItem,\n Routable\n)\n\ninterface options extends ExtractVue<typeof baseMixins> {\n parentTheme: {\n isDark: boolean\n }\n}\n\n/* @vue/component */\nexport default baseMixins.extend({\n name: 'v-carousel-item',\n\n inject: {\n parentTheme: {\n default: {\n isDark: false,\n },\n },\n },\n\n // pass down the parent's theme\n provide (): object {\n return {\n theme: this.parentTheme,\n }\n },\n\n inheritAttrs: false,\n\n methods: {\n genDefaultSlot () {\n return [\n h(VImg, {\n class: 'v-carousel__item',\n ...this.$attrs,\n height: this.windowGroup.internalHeight,\n ...this.$listeners,\n }, { default: () => getSlot(this), placeholder: this.$slots.placeholder }),\n ]\n },\n genWindowItem () {\n const { tag, data, directives } = this.generateRouteLink()\n\n data.class['v-window-item'] = true\n\n directives!.push([\n vShow,\n this.isActive,\n ])\n\n return withDirectives(\n h(tag, data, this.genDefaultSlot()),\n directives\n )\n },\n },\n})\n"],"sourceRoot":"","file":"VCarouselItem.js"}
@@ -93,7 +93,7 @@ export default defineComponent({
93
93
  dense: this.dense,
94
94
  dark: this.dark,
95
95
  light: this.light
96
- }), this.computedIcon), this.genInput('checkbox', { ...checkboxAttrs,
96
+ }), () => this.computedIcon), this.genInput('checkbox', { ...checkboxAttrs,
97
97
  'aria-checked': this.inputIndeterminate ? 'mixed' : this.isActive.toString()
98
98
  }), this.genRipple(this.setTextColor(this.rippleState))]);
99
99
  },
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/VCheckbox/VCheckbox.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './VCheckbox.sass'\nimport '../../styles/components/_selection-controls.sass'\n\n// Components\nimport VIcon from '../VIcon'\nimport VInput from '../VInput'\n\n// Mixins\nimport Selectable from '../../mixins/selectable'\nimport { defineComponent, h } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n name: 'v-checkbox',\n extends: Selectable,\n\n props: {\n indeterminate: Boolean,\n indeterminateIcon: {\n type: String,\n default: '$checkboxIndeterminate',\n },\n offIcon: {\n type: String,\n default: '$checkboxOff',\n },\n onIcon: {\n type: String,\n default: '$checkboxOn',\n },\n },\n\n data () {\n return {\n inputIndeterminate: this.indeterminate,\n }\n },\n\n computed: {\n classes (): object {\n return {\n ...VInput.computed.classes.call(this),\n 'v-input--selection-controls': true,\n 'v-input--checkbox': true,\n 'v-input--indeterminate': this.inputIndeterminate,\n }\n },\n computedIcon (): string {\n if (this.inputIndeterminate) {\n return this.indeterminateIcon\n } else if (this.isActive) {\n return this.onIcon\n } else {\n return this.offIcon\n }\n },\n // Do not return undefined if disabled,\n // according to spec, should still show\n // a color when disabled and active\n validationState (): string | undefined {\n if (this.isDisabled && !this.inputIndeterminate) return undefined\n if (this.hasError && this.shouldValidate) return 'error'\n if (this.hasSuccess) return 'success'\n if (this.hasColor !== null) return this.computedColor\n return undefined\n },\n },\n\n watch: {\n indeterminate (val) {\n // https://github.com/vuetifyjs/vuetify/issues/8270\n this.$nextTick(() => (this.inputIndeterminate = val))\n },\n inputIndeterminate (val) {\n this.$emit('update:indeterminate', val)\n },\n isActive () {\n if (!this.indeterminate) return\n this.inputIndeterminate = false\n },\n },\n\n methods: {\n genCheckbox () {\n const { title, ...checkboxAttrs } = this.attrs$\n return h('div', {\n class: 'v-input--selection-controls__input',\n }, [\n h(VIcon, this.setTextColor(this.validationState, {\n dense: this.dense,\n dark: this.dark,\n light: this.light\n }), this.computedIcon),\n this.genInput('checkbox', {\n ...checkboxAttrs,\n 'aria-checked': this.inputIndeterminate\n ? 'mixed'\n : this.isActive.toString(),\n }),\n this.genRipple(this.setTextColor(this.rippleState)),\n ])\n },\n genDefaultSlot () {\n return [\n this.genCheckbox(),\n this.genLabel(),\n ]\n },\n },\n})\n"],"sourceRoot":"","file":"VCheckbox.js"}
1
+ {"version":3,"sources":["../../../src/components/VCheckbox/VCheckbox.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,kDAAP;AACA,OAAO,yDAAP,C,CAEA;;AACA,OAAO,KAAP,MAAkB,UAAlB;AACA,OAAO,MAAP,MAAmB,WAAnB,C,CAEA;;AACA,OAAO,UAAP,MAAuB,yBAAvB;AACA,SAAS,eAAT,EAA0B,CAA1B,QAAmC,KAAnC;AAEA;;AACA,eAAe,eAAe,CAAC;AAC7B,EAAA,IAAI,EAAE,YADuB;AAE7B,EAAA,OAAO,EAAE,UAFoB;AAI7B,EAAA,KAAK,EAAE;AACL,IAAA,aAAa,EAAE,OADV;AAEL,IAAA,iBAAiB,EAAE;AACjB,MAAA,IAAI,EAAE,MADW;AAEjB,MAAA,OAAO,EAAE;AAFQ,KAFd;AAML,IAAA,OAAO,EAAE;AACP,MAAA,IAAI,EAAE,MADC;AAEP,MAAA,OAAO,EAAE;AAFF,KANJ;AAUL,IAAA,MAAM,EAAE;AACN,MAAA,IAAI,EAAE,MADA;AAEN,MAAA,OAAO,EAAE;AAFH;AAVH,GAJsB;;AAoB7B,EAAA,IAAI,GAAA;AACF,WAAO;AACL,MAAA,kBAAkB,EAAE,KAAK;AADpB,KAAP;AAGD,GAxB4B;;AA0B7B,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO,EACL,GAAG,MAAM,CAAC,QAAP,CAAgB,OAAhB,CAAwB,IAAxB,CAA6B,IAA7B,CADE;AAEL,uCAA+B,IAF1B;AAGL,6BAAqB,IAHhB;AAIL,kCAA0B,KAAK;AAJ1B,OAAP;AAMD,KARO;;AASR,IAAA,YAAY,GAAA;AACV,UAAI,KAAK,kBAAT,EAA6B;AAC3B,eAAO,KAAK,iBAAZ;AACD,OAFD,MAEO,IAAI,KAAK,QAAT,EAAmB;AACxB,eAAO,KAAK,MAAZ;AACD,OAFM,MAEA;AACL,eAAO,KAAK,OAAZ;AACD;AACF,KAjBO;;AAkBR;AACA;AACA;AACA,IAAA,eAAe,GAAA;AACb,UAAI,KAAK,UAAL,IAAmB,CAAC,KAAK,kBAA7B,EAAiD,OAAO,SAAP;AACjD,UAAI,KAAK,QAAL,IAAiB,KAAK,cAA1B,EAA0C,OAAO,OAAP;AAC1C,UAAI,KAAK,UAAT,EAAqB,OAAO,SAAP;AACrB,UAAI,KAAK,QAAL,KAAkB,IAAtB,EAA4B,OAAO,KAAK,aAAZ;AAC5B,aAAO,SAAP;AACD;;AA3BO,GA1BmB;AAwD7B,EAAA,KAAK,EAAE;AACL,IAAA,aAAa,CAAE,GAAF,EAAK;AAChB;AACA,WAAK,SAAL,CAAe,MAAO,KAAK,kBAAL,GAA0B,GAAhD;AACD,KAJI;;AAKL,IAAA,kBAAkB,CAAE,GAAF,EAAK;AACrB,WAAK,KAAL,CAAW,sBAAX,EAAmC,GAAnC;AACD,KAPI;;AAQL,IAAA,QAAQ,GAAA;AACN,UAAI,CAAC,KAAK,aAAV,EAAyB;AACzB,WAAK,kBAAL,GAA0B,KAA1B;AACD;;AAXI,GAxDsB;AAsE7B,EAAA,OAAO,EAAE;AACP,IAAA,WAAW,GAAA;AACT,YAAM;AAAE,QAAA,KAAF;AAAS,WAAG;AAAZ,UAA8B,KAAK,MAAzC;AACA,aAAO,CAAC,CAAC,KAAD,EAAQ;AACd,QAAA,KAAK,EAAE;AADO,OAAR,EAEL,CACD,CAAC,CAAC,KAAD,EAAQ,KAAK,YAAL,CAAkB,KAAK,eAAvB,EAAwC;AAC/C,QAAA,KAAK,EAAE,KAAK,KADmC;AAE/C,QAAA,IAAI,EAAE,KAAK,IAFoC;AAG/C,QAAA,KAAK,EAAE,KAAK;AAHmC,OAAxC,CAAR,EAIG,MAAM,KAAK,YAJd,CADA,EAMD,KAAK,QAAL,CAAc,UAAd,EAA0B,EACxB,GAAG,aADqB;AAExB,wBAAgB,KAAK,kBAAL,GACZ,OADY,GAEZ,KAAK,QAAL,CAAc,QAAd;AAJoB,OAA1B,CANC,EAYD,KAAK,SAAL,CAAe,KAAK,YAAL,CAAkB,KAAK,WAAvB,CAAf,CAZC,CAFK,CAAR;AAgBD,KAnBM;;AAoBP,IAAA,cAAc,GAAA;AACZ,aAAO,CACL,KAAK,WAAL,EADK,EAEL,KAAK,QAAL,EAFK,CAAP;AAID;;AAzBM;AAtEoB,CAAD,CAA9B","sourcesContent":["// Styles\nimport './VCheckbox.sass'\nimport '../../styles/components/_selection-controls.sass'\n\n// Components\nimport VIcon from '../VIcon'\nimport VInput from '../VInput'\n\n// Mixins\nimport Selectable from '../../mixins/selectable'\nimport { defineComponent, h } from 'vue'\n\n/* @vue/component */\nexport default defineComponent({\n name: 'v-checkbox',\n extends: Selectable,\n\n props: {\n indeterminate: Boolean,\n indeterminateIcon: {\n type: String,\n default: '$checkboxIndeterminate',\n },\n offIcon: {\n type: String,\n default: '$checkboxOff',\n },\n onIcon: {\n type: String,\n default: '$checkboxOn',\n },\n },\n\n data () {\n return {\n inputIndeterminate: this.indeterminate,\n }\n },\n\n computed: {\n classes (): object {\n return {\n ...VInput.computed.classes.call(this),\n 'v-input--selection-controls': true,\n 'v-input--checkbox': true,\n 'v-input--indeterminate': this.inputIndeterminate,\n }\n },\n computedIcon (): string {\n if (this.inputIndeterminate) {\n return this.indeterminateIcon\n } else if (this.isActive) {\n return this.onIcon\n } else {\n return this.offIcon\n }\n },\n // Do not return undefined if disabled,\n // according to spec, should still show\n // a color when disabled and active\n validationState (): string | undefined {\n if (this.isDisabled && !this.inputIndeterminate) return undefined\n if (this.hasError && this.shouldValidate) return 'error'\n if (this.hasSuccess) return 'success'\n if (this.hasColor !== null) return this.computedColor\n return undefined\n },\n },\n\n watch: {\n indeterminate (val) {\n // https://github.com/vuetifyjs/vuetify/issues/8270\n this.$nextTick(() => (this.inputIndeterminate = val))\n },\n inputIndeterminate (val) {\n this.$emit('update:indeterminate', val)\n },\n isActive () {\n if (!this.indeterminate) return\n this.inputIndeterminate = false\n },\n },\n\n methods: {\n genCheckbox () {\n const { title, ...checkboxAttrs } = this.attrs$\n return h('div', {\n class: 'v-input--selection-controls__input',\n }, [\n h(VIcon, this.setTextColor(this.validationState, {\n dense: this.dense,\n dark: this.dark,\n light: this.light\n }), () => this.computedIcon),\n this.genInput('checkbox', {\n ...checkboxAttrs,\n 'aria-checked': this.inputIndeterminate\n ? 'mixed'\n : this.isActive.toString(),\n }),\n this.genRipple(this.setTextColor(this.rippleState)),\n ])\n },\n genDefaultSlot () {\n return [\n this.genCheckbox(),\n this.genLabel(),\n ]\n },\n },\n})\n"],"sourceRoot":"","file":"VCheckbox.js"}
@@ -1,4 +1,4 @@
1
- import { h } from 'vue'; // Styles
1
+ import { h, defineComponent } from 'vue'; // Styles
2
2
 
3
3
  import "../../../src/components/VColorPicker/VColorPicker.sass"; // Components
4
4
 
@@ -9,13 +9,13 @@ import VColorPickerEdit, { modes } from './VColorPickerEdit';
9
9
  import VColorPickerSwatches from './VColorPickerSwatches'; // Helpers
10
10
 
11
11
  import { parseColor, fromRGBA, extractColor, hasAlpha } from './util';
12
- import mixins from '../../util/mixins';
13
12
  import { deepEqual } from '../../util/helpers'; // Mixins
14
13
 
15
14
  import Elevatable from '../../mixins/elevatable';
16
15
  import Themeable from '../../mixins/themeable';
17
- export default mixins(Elevatable, Themeable).extend({
16
+ export default defineComponent({
18
17
  name: 'v-color-picker',
18
+ mixins: [Elevatable, Themeable],
19
19
  props: {
20
20
  canvasHeight: {
21
21
  type: [String, Number],
@@ -50,14 +50,19 @@ export default mixins(Elevatable, Themeable).extend({
50
50
  default: 300
51
51
  }
52
52
  },
53
- data: () => ({
54
- internalValue: fromRGBA({
55
- r: 255,
56
- g: 0,
57
- b: 0,
58
- a: 1
59
- })
60
- }),
53
+ emits: ['update:modelValue', 'update:color', 'update:mode'],
54
+
55
+ data() {
56
+ return {
57
+ internalValue: fromRGBA({
58
+ r: 255,
59
+ g: 0,
60
+ b: 0,
61
+ a: 1
62
+ })
63
+ };
64
+ },
65
+
61
66
  computed: {
62
67
  hideAlpha() {
63
68
  if (!this.modelValue) return false;
@@ -66,7 +71,7 @@ export default mixins(Elevatable, Themeable).extend({
66
71
 
67
72
  },
68
73
  watch: {
69
- value: {
74
+ modelValue: {
70
75
  handler(color) {
71
76
  this.updateColor(parseColor(color, this.internalValue));
72
77
  },
@@ -116,30 +121,20 @@ export default mixins(Elevatable, Themeable).extend({
116
121
 
117
122
  genPreview() {
118
123
  return h(VColorPickerPreview, {
119
- props: {
120
- color: this.internalValue,
121
- disabled: this.disabled,
122
- hideAlpha: this.hideAlpha
123
- },
124
- on: {
125
- 'update:color': this.updateColor
126
- }
124
+ color: this.internalValue,
125
+ disabled: this.disabled,
126
+ hideAlpha: this.hideAlpha,
127
+ 'onUpdate:color': this.updateColor
127
128
  });
128
129
  },
129
130
 
130
131
  genSwatches() {
131
132
  return h(VColorPickerSwatches, {
132
- props: {
133
- dark: this.dark,
134
- light: this.light,
135
- disabled: this.disabled,
136
- swatches: this.swatches,
137
- color: this.internalValue,
138
- maxHeight: this.swatchesMaxHeight
139
- },
140
- on: {
141
- 'update:color': this.updateColor
142
- }
133
+ disabled: this.disabled,
134
+ swatches: this.swatches,
135
+ color: this.internalValue,
136
+ maxHeight: this.swatchesMaxHeight,
137
+ 'onUpdate:color': this.updateColor
143
138
  });
144
139
  }
145
140
 
@@ -147,15 +142,12 @@ export default mixins(Elevatable, Themeable).extend({
147
142
 
148
143
  render() {
149
144
  return h(VSheet, {
150
- class: 'v-color-picker',
151
- class: {
145
+ class: ['v-color-picker', {
152
146
  'v-color-picker--flat': this.flat,
153
147
  ...this.themeClasses,
154
148
  ...this.elevationClasses
155
- },
156
- props: {
157
- maxWidth: this.width
158
- }
149
+ }],
150
+ maxWidth: this.width
159
151
  }, [!this.hideCanvas && this.genCanvas(), (!this.hideSliders || !this.hideInputs) && this.genControls(), this.showSwatches && this.genSwatches()]);
160
152
  }
161
153
 
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/VColorPicker/VColorPicker.ts"],"names":[],"mappings":"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","sourcesContent":["import {h} from 'vue'\n// Styles\nimport './VColorPicker.sass'\n\n// Components\nimport VSheet from '../VSheet/VSheet'\nimport VColorPickerPreview from './VColorPickerPreview'\nimport VColorPickerCanvas from './VColorPickerCanvas'\nimport VColorPickerEdit, { Mode, modes } from './VColorPickerEdit'\nimport VColorPickerSwatches from './VColorPickerSwatches'\n\n// Helpers\nimport { VColorPickerColor, parseColor, fromRGBA, extractColor, hasAlpha } from './util'\nimport mixins from '../../util/mixins'\nimport { deepEqual } from '../../util/helpers'\n\n// Mixins\nimport Elevatable from '../../mixins/elevatable'\nimport Themeable from '../../mixins/themeable'\n\n// Types\nimport { VNode, PropType } from 'vue'\n\nexport default mixins(Elevatable, Themeable).extend({\n name: 'v-color-picker',\n\n props: {\n canvasHeight: {\n type: [String, Number],\n default: 150,\n },\n disabled: Boolean,\n dotSize: {\n type: [Number, String],\n default: 10,\n },\n flat: Boolean,\n hideCanvas: Boolean,\n hideSliders: Boolean,\n hideInputs: Boolean,\n hideModeSwitch: Boolean,\n mode: {\n type: String,\n default: 'rgba',\n validator: (v: string) => Object.keys(modes).includes(v),\n },\n showSwatches: Boolean,\n swatches: Array as PropType<string[][]>,\n swatchesMaxHeight: {\n type: [Number, String],\n default: 150,\n },\n modelValue: {\n type: [Object, String],\n },\n width: {\n type: [Number, String],\n default: 300,\n },\n },\n\n data: () => ({\n internalValue: fromRGBA({ r: 255, g: 0, b: 0, a: 1 }),\n }),\n\n computed: {\n hideAlpha (): boolean {\n if (!this.modelValue) return false\n\n return !hasAlpha(this.modelValue)\n },\n },\n\n watch: {\n value: {\n handler (color: any) {\n this.updateColor(parseColor(color, this.internalValue))\n },\n immediate: true,\n },\n },\n\n methods: {\n updateColor (color: VColorPickerColor) {\n this.internalValue = color\n const value = extractColor(this.internalValue, this.modelValue)\n\n if (!deepEqual(value, this.modelValue)) {\n this.$emit('update:modelValue', value)\n this.$emit('update:color', this.internalValue)\n }\n },\n genCanvas (): VNode {\n return h(VColorPickerCanvas, {\n color: this.internalValue,\n disabled: this.disabled,\n dotSize: this.dotSize,\n width: this.width,\n height: this.canvasHeight,\n 'onUpdate:color': this.updateColor\n })\n },\n genControls (): VNode {\n return h('div', {\n class: 'v-color-picker__controls',\n }, [\n !this.hideSliders && this.genPreview(),\n !this.hideInputs && this.genEdit(),\n ])\n },\n genEdit (): VNode {\n return h(VColorPickerEdit, {\n color: this.internalValue,\n disabled: this.disabled,\n hideAlpha: this.hideAlpha,\n hideModeSwitch: this.hideModeSwitch,\n mode: this.mode,\n 'onUpdate:color': this.updateColor,\n 'onUpdate:mode': (v: Mode) => this.$emit('update:mode', v),\n })\n },\n genPreview (): VNode {\n return h(VColorPickerPreview, {\n props: {\n color: this.internalValue,\n disabled: this.disabled,\n hideAlpha: this.hideAlpha,\n },\n on: {\n 'update:color': this.updateColor,\n },\n })\n },\n genSwatches (): VNode {\n return h(VColorPickerSwatches, {\n props: {\n dark: this.dark,\n light: this.light,\n disabled: this.disabled,\n swatches: this.swatches,\n color: this.internalValue,\n maxHeight: this.swatchesMaxHeight,\n },\n on: {\n 'update:color': this.updateColor,\n },\n })\n },\n },\n\n render (): VNode {\n return h(VSheet, {\n class: 'v-color-picker',\n class: {\n 'v-color-picker--flat': this.flat,\n ...this.themeClasses,\n ...this.elevationClasses,\n },\n props: {\n maxWidth: this.width,\n },\n }, [\n !this.hideCanvas && this.genCanvas(),\n (!this.hideSliders || !this.hideInputs) && this.genControls(),\n this.showSwatches && this.genSwatches(),\n ])\n },\n})\n"],"sourceRoot":"","file":"VColorPicker.js"}
1
+ {"version":3,"sources":["../../../src/components/VColorPicker/VColorPicker.ts"],"names":[],"mappings":"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","sourcesContent":["import { h, defineComponent } from 'vue'\n\n// Styles\nimport './VColorPicker.sass'\n\n// Components\nimport VSheet from '../VSheet/VSheet'\nimport VColorPickerPreview from './VColorPickerPreview'\nimport VColorPickerCanvas from './VColorPickerCanvas'\nimport VColorPickerEdit, { Mode, modes } from './VColorPickerEdit'\nimport VColorPickerSwatches from './VColorPickerSwatches'\n\n// Helpers\nimport { VColorPickerColor, parseColor, fromRGBA, extractColor, hasAlpha } from './util'\nimport { deepEqual } from '../../util/helpers'\n\n// Mixins\nimport Elevatable from '../../mixins/elevatable'\nimport Themeable from '../../mixins/themeable'\n\n// Types\nimport type { VNode, PropType } from 'vue'\n\nexport default defineComponent({\n name: 'v-color-picker',\n\n mixins: [Elevatable, Themeable],\n\n props: {\n canvasHeight: {\n type: [String, Number],\n default: 150,\n },\n disabled: Boolean,\n dotSize: {\n type: [Number, String],\n default: 10,\n },\n flat: Boolean,\n hideCanvas: Boolean,\n hideSliders: Boolean,\n hideInputs: Boolean,\n hideModeSwitch: Boolean,\n mode: {\n type: String,\n default: 'rgba',\n validator: (v: string) => Object.keys(modes).includes(v),\n },\n showSwatches: Boolean,\n swatches: Array as PropType<string[][]>,\n swatchesMaxHeight: {\n type: [Number, String],\n default: 150,\n },\n modelValue: {\n type: [Object, String],\n },\n width: {\n type: [Number, String],\n default: 300,\n },\n },\n\n emits: ['update:modelValue', 'update:color', 'update:mode'],\n\n data () {\n return {\n internalValue: fromRGBA({ r: 255, g: 0, b: 0, a: 1 }),\n }\n },\n\n computed: {\n hideAlpha (): boolean {\n if (!this.modelValue) return false\n return !hasAlpha(this.modelValue)\n },\n },\n\n watch: {\n modelValue: {\n handler (color: any) {\n this.updateColor(parseColor(color, this.internalValue))\n },\n immediate: true,\n },\n },\n\n methods: {\n updateColor (color: VColorPickerColor) {\n this.internalValue = color\n const value = extractColor(this.internalValue, this.modelValue)\n\n if (!deepEqual(value, this.modelValue)) {\n this.$emit('update:modelValue', value)\n this.$emit('update:color', this.internalValue)\n }\n },\n\n genCanvas (): VNode {\n return h(VColorPickerCanvas, {\n color: this.internalValue,\n disabled: this.disabled,\n dotSize: this.dotSize,\n width: this.width,\n height: this.canvasHeight,\n 'onUpdate:color': this.updateColor\n })\n },\n\n genControls (): VNode {\n return h('div', {\n class: 'v-color-picker__controls',\n }, [\n !this.hideSliders && this.genPreview(),\n !this.hideInputs && this.genEdit(),\n ])\n },\n\n genEdit (): VNode {\n return h(VColorPickerEdit, {\n color: this.internalValue,\n disabled: this.disabled,\n hideAlpha: this.hideAlpha,\n hideModeSwitch: this.hideModeSwitch,\n mode: this.mode,\n 'onUpdate:color': this.updateColor,\n 'onUpdate:mode': (v: string) => this.$emit('update:mode', v),\n })\n },\n\n genPreview (): VNode {\n return h(VColorPickerPreview, {\n color: this.internalValue,\n disabled: this.disabled,\n hideAlpha: this.hideAlpha,\n 'onUpdate:color': this.updateColor,\n })\n },\n\n genSwatches (): VNode {\n return h(VColorPickerSwatches, {\n disabled: this.disabled,\n swatches: this.swatches,\n color: this.internalValue,\n maxHeight: this.swatchesMaxHeight,\n 'onUpdate:color': this.updateColor,\n })\n },\n },\n\n render (): VNode {\n return h(VSheet, {\n class: ['v-color-picker', {\n 'v-color-picker--flat': this.flat,\n ...this.themeClasses,\n ...this.elevationClasses,\n }],\n maxWidth: this.width,\n }, [\n !this.hideCanvas && this.genCanvas(),\n (!this.hideSliders || !this.hideInputs) && this.genControls(),\n this.showSwatches && this.genSwatches(),\n ])\n },\n})\n"],"sourceRoot":"","file":"VColorPicker.js"}