kdutify 2.7.2 → 2.7.3

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 (348) hide show
  1. package/dist/json/web-types.json +5 -5
  2. package/dist/kdutify.js +150 -150
  3. package/dist/kdutify.js.map +1 -1
  4. package/dist/kdutify.min.css +1 -1
  5. package/dist/kdutify.min.js +2 -2
  6. package/es5/components/KAlert/KAlert.js +1 -1
  7. package/es5/components/KApp/KApp.js +1 -1
  8. package/es5/components/KAppBar/KAppBar.js +1 -1
  9. package/es5/components/KAutocomplete/KAutocomplete.js +1 -1
  10. package/es5/components/KAvatar/KAvatar.js +1 -1
  11. package/es5/components/KBadge/KBadge.js +1 -1
  12. package/es5/components/KBanner/KBanner.js +1 -1
  13. package/es5/components/KBottomNavigation/KBottomNavigation.js +1 -1
  14. package/es5/components/KBottomSheet/KBottomSheet.js +1 -1
  15. package/es5/components/KBreadcrumbs/KBreadcrumbs.js +1 -1
  16. package/es5/components/KBtn/KBtn.js +1 -1
  17. package/es5/components/KBtnToggle/KBtnToggle.js +1 -1
  18. package/es5/components/KCalendar/KCalendarCategory.js +1 -1
  19. package/es5/components/KCalendar/KCalendarDaily.js +1 -1
  20. package/es5/components/KCalendar/KCalendarMonthly.js +1 -1
  21. package/es5/components/KCalendar/KCalendarWeekly.js +1 -1
  22. package/es5/components/KCalendar/mixins/calendar-with-events.js +1 -1
  23. package/es5/components/KCalendar/modes/stack.js +12 -12
  24. package/es5/components/KCard/KCard.js +1 -1
  25. package/es5/components/KCarousel/KCarousel.js +1 -1
  26. package/es5/components/KCheckbox/KCheckbox.js +2 -2
  27. package/es5/components/KCheckbox/KSimpleCheckbox.js +1 -1
  28. package/es5/components/KChip/KChip.js +1 -1
  29. package/es5/components/KChipGroup/KChipGroup.js +1 -1
  30. package/es5/components/KColorPicker/KColorPicker.js +1 -1
  31. package/es5/components/KColorPicker/KColorPickerCanvas.js +1 -1
  32. package/es5/components/KColorPicker/KColorPickerEdit.js +1 -1
  33. package/es5/components/KColorPicker/KColorPickerPreview.js +1 -1
  34. package/es5/components/KColorPicker/KColorPickerSwatches.js +1 -1
  35. package/es5/components/KCombobox/KCombobox.js +1 -1
  36. package/es5/components/KCounter/KCounter.js +1 -1
  37. package/es5/components/KDataIterator/KDataFooter.js +1 -1
  38. package/es5/components/KDataTable/KDataTable.js +1 -1
  39. package/es5/components/KDataTable/KDataTableHeader.js +1 -1
  40. package/es5/components/KDataTable/KEditDialog.js +1 -1
  41. package/es5/components/KDataTable/KSimpleTable.js +1 -1
  42. package/es5/components/KDataTable/KVirtualTable.js +1 -1
  43. package/es5/components/KDatePicker/KDatePickerHeader.js +1 -1
  44. package/es5/components/KDatePicker/KDatePickerTitle.js +1 -1
  45. package/es5/components/KDatePicker/KDatePickerYears.js +1 -1
  46. package/es5/components/KDatePicker/mixins/date-picker-table.js +1 -1
  47. package/es5/components/KDatePicker/util/monthChange.js +3 -3
  48. package/es5/components/KDialog/KDialog.js +1 -1
  49. package/es5/components/KDivider/KDivider.js +1 -1
  50. package/es5/components/KExpansionPanel/KExpansionPanels.js +1 -1
  51. package/es5/components/KFileInput/KFileInput.js +1 -1
  52. package/es5/components/KFooter/KFooter.js +1 -1
  53. package/es5/components/KGrid/KCol.js +1 -1
  54. package/es5/components/KGrid/KContainer.js +2 -2
  55. package/es5/components/KGrid/KFlex.js +1 -1
  56. package/es5/components/KGrid/KLayout.js +1 -1
  57. package/es5/components/KGrid/KRow.js +1 -1
  58. package/es5/components/KGrid/KSpacer.js +1 -1
  59. package/es5/components/KIcon/KIcon.js +1 -1
  60. package/es5/components/KImg/KImg.js +1 -1
  61. package/es5/components/KInput/KInput.js +1 -1
  62. package/es5/components/KItemGroup/KItem.js +1 -1
  63. package/es5/components/KItemGroup/KItemGroup.js +1 -1
  64. package/es5/components/KLabel/KLabel.js +1 -1
  65. package/es5/components/KList/KList.js +1 -1
  66. package/es5/components/KList/KListGroup.js +1 -1
  67. package/es5/components/KList/KListItem.js +1 -1
  68. package/es5/components/KList/KListItemGroup.js +1 -1
  69. package/es5/components/KMain/KMain.js +1 -1
  70. package/es5/components/KMenu/KMenu.js +1 -1
  71. package/es5/components/KMessages/KMessages.js +1 -1
  72. package/es5/components/KNavigationDrawer/KNavigationDrawer.js +9 -9
  73. package/es5/components/KOtpInput/KOtpInput.js +2 -2
  74. package/es5/components/KOverflowBtn/KOverflowBtn.js +1 -1
  75. package/es5/components/KOverlay/KOverlay.js +1 -1
  76. package/es5/components/KPagination/KPagination.js +1 -1
  77. package/es5/components/KParallax/KParallax.js +1 -1
  78. package/es5/components/KPicker/KPicker.js +2 -2
  79. package/es5/components/KProgressCircular/KProgressCircular.js +1 -1
  80. package/es5/components/KProgressLinear/KProgressLinear.js +1 -1
  81. package/es5/components/KRadioGroup/KRadio.js +1 -1
  82. package/es5/components/KRadioGroup/KRadioGroup.js +2 -2
  83. package/es5/components/KRangeSlider/KRangeSlider.js +1 -1
  84. package/es5/components/KRating/KRating.js +1 -1
  85. package/es5/components/KResponsive/KResponsive.js +1 -1
  86. package/es5/components/KSelect/KSelect.js +2 -2
  87. package/es5/components/KSheet/KSheet.js +1 -1
  88. package/es5/components/KSkeletonLoader/KSkeletonLoader.js +1 -1
  89. package/es5/components/KSlideGroup/KSlideGroup.js +1 -1
  90. package/es5/components/KSlider/KSlider.js +1 -1
  91. package/es5/components/KSnackbar/KSnackbar.js +1 -1
  92. package/es5/components/KSparkline/helpers/math.js +4 -4
  93. package/es5/components/KSparkline/helpers/path.js +2 -2
  94. package/es5/components/KSpeedDial/KSpeedDial.js +1 -1
  95. package/es5/components/KStepper/KStepper.js +1 -1
  96. package/es5/components/KSubheader/KSubheader.js +1 -1
  97. package/es5/components/KSwitch/KSwitch.js +2 -2
  98. package/es5/components/KSystemBar/KSystemBar.js +1 -1
  99. package/es5/components/KTabs/KTabs.js +6 -6
  100. package/es5/components/KTextField/KTextField.js +1 -1
  101. package/es5/components/KTextarea/KTextarea.js +1 -1
  102. package/es5/components/KTimePicker/KTimePickerClock.js +1 -1
  103. package/es5/components/KTimePicker/KTimePickerTitle.js +1 -1
  104. package/es5/components/KTimeline/KTimeline.js +1 -1
  105. package/es5/components/KToolbar/KToolbar.js +1 -1
  106. package/es5/components/KTooltip/KTooltip.js +1 -1
  107. package/es5/components/KTreeview/KTreeview.js +1 -1
  108. package/es5/components/KVirtualScroll/KVirtualScroll.js +1 -1
  109. package/es5/components/KWindow/KWindow.js +1 -1
  110. package/es5/directives/ripple/index.js +1 -1
  111. package/es5/framework.js +1 -1
  112. package/es5/framework.js.map +1 -1
  113. package/es5/mixins/binds-attrs/index.js +2 -2
  114. package/es5/mixins/bootable/index.js +7 -7
  115. package/es5/mixins/delayable/index.js +10 -10
  116. package/es5/mixins/loadable/index.js +8 -8
  117. package/es5/mixins/positionable/index.js +25 -25
  118. package/es5/mixins/scrollable/index.js +18 -18
  119. package/es5/mixins/ssr-bootable/index.js +7 -7
  120. package/es5/presets/default/index.js +1 -1
  121. package/es5/services/theme/utils.js +4 -4
  122. package/es5/util/colorUtils.js +13 -13
  123. package/es5/util/dedupeModelListeners.js +3 -3
  124. package/es5/util/dom.js +4 -4
  125. package/es5/util/helpers.js +14 -14
  126. package/lib/components/KAlert/KAlert.js +1 -1
  127. package/lib/components/KAlert/KAlert.js.map +1 -1
  128. package/lib/components/KApp/KApp.js +1 -1
  129. package/lib/components/KApp/KApp.js.map +1 -1
  130. package/lib/components/KAppBar/KAppBar.js +1 -1
  131. package/lib/components/KAppBar/KAppBar.js.map +1 -1
  132. package/lib/components/KAutocomplete/KAutocomplete.js +1 -1
  133. package/lib/components/KAutocomplete/KAutocomplete.js.map +1 -1
  134. package/lib/components/KAvatar/KAvatar.js +1 -1
  135. package/lib/components/KAvatar/KAvatar.js.map +1 -1
  136. package/lib/components/KBadge/KBadge.js +1 -1
  137. package/lib/components/KBadge/KBadge.js.map +1 -1
  138. package/lib/components/KBanner/KBanner.js +1 -1
  139. package/lib/components/KBanner/KBanner.js.map +1 -1
  140. package/lib/components/KBottomNavigation/KBottomNavigation.js +1 -1
  141. package/lib/components/KBottomNavigation/KBottomNavigation.js.map +1 -1
  142. package/lib/components/KBottomSheet/KBottomSheet.js +1 -1
  143. package/lib/components/KBottomSheet/KBottomSheet.js.map +1 -1
  144. package/lib/components/KBreadcrumbs/KBreadcrumbs.js +1 -1
  145. package/lib/components/KBreadcrumbs/KBreadcrumbs.js.map +1 -1
  146. package/lib/components/KBtn/KBtn.js +1 -1
  147. package/lib/components/KBtn/KBtn.js.map +1 -1
  148. package/lib/components/KBtnToggle/KBtnToggle.js +1 -1
  149. package/lib/components/KBtnToggle/KBtnToggle.js.map +1 -1
  150. package/lib/components/KCalendar/KCalendarCategory.js +1 -1
  151. package/lib/components/KCalendar/KCalendarCategory.js.map +1 -1
  152. package/lib/components/KCalendar/KCalendarDaily.js +1 -1
  153. package/lib/components/KCalendar/KCalendarDaily.js.map +1 -1
  154. package/lib/components/KCalendar/KCalendarMonthly.js +1 -1
  155. package/lib/components/KCalendar/KCalendarMonthly.js.map +1 -1
  156. package/lib/components/KCalendar/KCalendarWeekly.js +1 -1
  157. package/lib/components/KCalendar/KCalendarWeekly.js.map +1 -1
  158. package/lib/components/KCalendar/mixins/calendar-with-events.js +1 -1
  159. package/lib/components/KCalendar/mixins/calendar-with-events.js.map +1 -1
  160. package/lib/components/KCalendar/modes/stack.js +12 -12
  161. package/lib/components/KCard/KCard.js +1 -1
  162. package/lib/components/KCard/KCard.js.map +1 -1
  163. package/lib/components/KCarousel/KCarousel.js +1 -1
  164. package/lib/components/KCarousel/KCarousel.js.map +1 -1
  165. package/lib/components/KCheckbox/KCheckbox.js +2 -2
  166. package/lib/components/KCheckbox/KCheckbox.js.map +1 -1
  167. package/lib/components/KCheckbox/KSimpleCheckbox.js +1 -1
  168. package/lib/components/KCheckbox/KSimpleCheckbox.js.map +1 -1
  169. package/lib/components/KChip/KChip.js +1 -1
  170. package/lib/components/KChip/KChip.js.map +1 -1
  171. package/lib/components/KChipGroup/KChipGroup.js +1 -1
  172. package/lib/components/KChipGroup/KChipGroup.js.map +1 -1
  173. package/lib/components/KColorPicker/KColorPicker.js +1 -1
  174. package/lib/components/KColorPicker/KColorPicker.js.map +1 -1
  175. package/lib/components/KColorPicker/KColorPickerCanvas.js +1 -1
  176. package/lib/components/KColorPicker/KColorPickerCanvas.js.map +1 -1
  177. package/lib/components/KColorPicker/KColorPickerEdit.js +1 -1
  178. package/lib/components/KColorPicker/KColorPickerEdit.js.map +1 -1
  179. package/lib/components/KColorPicker/KColorPickerPreview.js +1 -1
  180. package/lib/components/KColorPicker/KColorPickerPreview.js.map +1 -1
  181. package/lib/components/KColorPicker/KColorPickerSwatches.js +1 -1
  182. package/lib/components/KColorPicker/KColorPickerSwatches.js.map +1 -1
  183. package/lib/components/KCombobox/KCombobox.js +1 -1
  184. package/lib/components/KCombobox/KCombobox.js.map +1 -1
  185. package/lib/components/KCounter/KCounter.js +1 -1
  186. package/lib/components/KCounter/KCounter.js.map +1 -1
  187. package/lib/components/KDataIterator/KDataFooter.js +1 -1
  188. package/lib/components/KDataIterator/KDataFooter.js.map +1 -1
  189. package/lib/components/KDataTable/KDataTable.js +1 -1
  190. package/lib/components/KDataTable/KDataTable.js.map +1 -1
  191. package/lib/components/KDataTable/KDataTableHeader.js +1 -1
  192. package/lib/components/KDataTable/KDataTableHeader.js.map +1 -1
  193. package/lib/components/KDataTable/KEditDialog.js +1 -1
  194. package/lib/components/KDataTable/KEditDialog.js.map +1 -1
  195. package/lib/components/KDataTable/KSimpleTable.js +1 -1
  196. package/lib/components/KDataTable/KSimpleTable.js.map +1 -1
  197. package/lib/components/KDataTable/KVirtualTable.js +1 -1
  198. package/lib/components/KDataTable/KVirtualTable.js.map +1 -1
  199. package/lib/components/KDatePicker/KDatePickerHeader.js +1 -1
  200. package/lib/components/KDatePicker/KDatePickerHeader.js.map +1 -1
  201. package/lib/components/KDatePicker/KDatePickerTitle.js +1 -1
  202. package/lib/components/KDatePicker/KDatePickerTitle.js.map +1 -1
  203. package/lib/components/KDatePicker/KDatePickerYears.js +1 -1
  204. package/lib/components/KDatePicker/KDatePickerYears.js.map +1 -1
  205. package/lib/components/KDatePicker/mixins/date-picker-table.js +1 -1
  206. package/lib/components/KDatePicker/mixins/date-picker-table.js.map +1 -1
  207. package/lib/components/KDatePicker/util/monthChange.js +3 -3
  208. package/lib/components/KDialog/KDialog.js +1 -1
  209. package/lib/components/KDialog/KDialog.js.map +1 -1
  210. package/lib/components/KDivider/KDivider.js +1 -1
  211. package/lib/components/KDivider/KDivider.js.map +1 -1
  212. package/lib/components/KExpansionPanel/KExpansionPanels.js +1 -1
  213. package/lib/components/KExpansionPanel/KExpansionPanels.js.map +1 -1
  214. package/lib/components/KFileInput/KFileInput.js +1 -1
  215. package/lib/components/KFileInput/KFileInput.js.map +1 -1
  216. package/lib/components/KFooter/KFooter.js +1 -1
  217. package/lib/components/KFooter/KFooter.js.map +1 -1
  218. package/lib/components/KGrid/KCol.js +1 -1
  219. package/lib/components/KGrid/KCol.js.map +1 -1
  220. package/lib/components/KGrid/KContainer.js +2 -2
  221. package/lib/components/KGrid/KContainer.js.map +1 -1
  222. package/lib/components/KGrid/KFlex.js +1 -1
  223. package/lib/components/KGrid/KFlex.js.map +1 -1
  224. package/lib/components/KGrid/KLayout.js +1 -1
  225. package/lib/components/KGrid/KLayout.js.map +1 -1
  226. package/lib/components/KGrid/KRow.js +1 -1
  227. package/lib/components/KGrid/KRow.js.map +1 -1
  228. package/lib/components/KGrid/KSpacer.js +1 -1
  229. package/lib/components/KGrid/KSpacer.js.map +1 -1
  230. package/lib/components/KIcon/KIcon.js +1 -1
  231. package/lib/components/KIcon/KIcon.js.map +1 -1
  232. package/lib/components/KImg/KImg.js +1 -1
  233. package/lib/components/KImg/KImg.js.map +1 -1
  234. package/lib/components/KInput/KInput.js +1 -1
  235. package/lib/components/KInput/KInput.js.map +1 -1
  236. package/lib/components/KItemGroup/KItem.js +1 -1
  237. package/lib/components/KItemGroup/KItem.js.map +1 -1
  238. package/lib/components/KItemGroup/KItemGroup.js +1 -1
  239. package/lib/components/KItemGroup/KItemGroup.js.map +1 -1
  240. package/lib/components/KLabel/KLabel.js +1 -1
  241. package/lib/components/KLabel/KLabel.js.map +1 -1
  242. package/lib/components/KList/KList.js +1 -1
  243. package/lib/components/KList/KList.js.map +1 -1
  244. package/lib/components/KList/KListGroup.js +1 -1
  245. package/lib/components/KList/KListGroup.js.map +1 -1
  246. package/lib/components/KList/KListItem.js +1 -1
  247. package/lib/components/KList/KListItem.js.map +1 -1
  248. package/lib/components/KList/KListItemGroup.js +1 -1
  249. package/lib/components/KList/KListItemGroup.js.map +1 -1
  250. package/lib/components/KMain/KMain.js +1 -1
  251. package/lib/components/KMain/KMain.js.map +1 -1
  252. package/lib/components/KMenu/KMenu.js +1 -1
  253. package/lib/components/KMenu/KMenu.js.map +1 -1
  254. package/lib/components/KMessages/KMessages.js +1 -1
  255. package/lib/components/KMessages/KMessages.js.map +1 -1
  256. package/lib/components/KNavigationDrawer/KNavigationDrawer.js +9 -9
  257. package/lib/components/KNavigationDrawer/KNavigationDrawer.js.map +1 -1
  258. package/lib/components/KOtpInput/KOtpInput.js +2 -2
  259. package/lib/components/KOtpInput/KOtpInput.js.map +1 -1
  260. package/lib/components/KOverflowBtn/KOverflowBtn.js +1 -1
  261. package/lib/components/KOverflowBtn/KOverflowBtn.js.map +1 -1
  262. package/lib/components/KOverlay/KOverlay.js +1 -1
  263. package/lib/components/KOverlay/KOverlay.js.map +1 -1
  264. package/lib/components/KPagination/KPagination.js +1 -1
  265. package/lib/components/KPagination/KPagination.js.map +1 -1
  266. package/lib/components/KParallax/KParallax.js +1 -1
  267. package/lib/components/KParallax/KParallax.js.map +1 -1
  268. package/lib/components/KPicker/KPicker.js +2 -2
  269. package/lib/components/KPicker/KPicker.js.map +1 -1
  270. package/lib/components/KProgressCircular/KProgressCircular.js +1 -1
  271. package/lib/components/KProgressCircular/KProgressCircular.js.map +1 -1
  272. package/lib/components/KProgressLinear/KProgressLinear.js +1 -1
  273. package/lib/components/KProgressLinear/KProgressLinear.js.map +1 -1
  274. package/lib/components/KRadioGroup/KRadio.js +1 -1
  275. package/lib/components/KRadioGroup/KRadio.js.map +1 -1
  276. package/lib/components/KRadioGroup/KRadioGroup.js +2 -2
  277. package/lib/components/KRadioGroup/KRadioGroup.js.map +1 -1
  278. package/lib/components/KRangeSlider/KRangeSlider.js +1 -1
  279. package/lib/components/KRangeSlider/KRangeSlider.js.map +1 -1
  280. package/lib/components/KRating/KRating.js +1 -1
  281. package/lib/components/KRating/KRating.js.map +1 -1
  282. package/lib/components/KResponsive/KResponsive.js +1 -1
  283. package/lib/components/KResponsive/KResponsive.js.map +1 -1
  284. package/lib/components/KSelect/KSelect.js +2 -2
  285. package/lib/components/KSelect/KSelect.js.map +1 -1
  286. package/lib/components/KSheet/KSheet.js +1 -1
  287. package/lib/components/KSheet/KSheet.js.map +1 -1
  288. package/lib/components/KSkeletonLoader/KSkeletonLoader.js +1 -1
  289. package/lib/components/KSkeletonLoader/KSkeletonLoader.js.map +1 -1
  290. package/lib/components/KSlideGroup/KSlideGroup.js +1 -1
  291. package/lib/components/KSlideGroup/KSlideGroup.js.map +1 -1
  292. package/lib/components/KSlider/KSlider.js +1 -1
  293. package/lib/components/KSlider/KSlider.js.map +1 -1
  294. package/lib/components/KSnackbar/KSnackbar.js +1 -1
  295. package/lib/components/KSnackbar/KSnackbar.js.map +1 -1
  296. package/lib/components/KSparkline/helpers/math.js +4 -4
  297. package/lib/components/KSparkline/helpers/path.js +2 -2
  298. package/lib/components/KSpeedDial/KSpeedDial.js +1 -1
  299. package/lib/components/KSpeedDial/KSpeedDial.js.map +1 -1
  300. package/lib/components/KStepper/KStepper.js +1 -1
  301. package/lib/components/KStepper/KStepper.js.map +1 -1
  302. package/lib/components/KSubheader/KSubheader.js +1 -1
  303. package/lib/components/KSubheader/KSubheader.js.map +1 -1
  304. package/lib/components/KSwitch/KSwitch.js +2 -2
  305. package/lib/components/KSwitch/KSwitch.js.map +1 -1
  306. package/lib/components/KSystemBar/KSystemBar.js +1 -1
  307. package/lib/components/KSystemBar/KSystemBar.js.map +1 -1
  308. package/lib/components/KTabs/KTabs.js +6 -6
  309. package/lib/components/KTabs/KTabs.js.map +1 -1
  310. package/lib/components/KTextField/KTextField.js +1 -1
  311. package/lib/components/KTextField/KTextField.js.map +1 -1
  312. package/lib/components/KTextarea/KTextarea.js +1 -1
  313. package/lib/components/KTextarea/KTextarea.js.map +1 -1
  314. package/lib/components/KTimePicker/KTimePickerClock.js +1 -1
  315. package/lib/components/KTimePicker/KTimePickerClock.js.map +1 -1
  316. package/lib/components/KTimePicker/KTimePickerTitle.js +1 -1
  317. package/lib/components/KTimePicker/KTimePickerTitle.js.map +1 -1
  318. package/lib/components/KTimeline/KTimeline.js +1 -1
  319. package/lib/components/KTimeline/KTimeline.js.map +1 -1
  320. package/lib/components/KToolbar/KToolbar.js +1 -1
  321. package/lib/components/KToolbar/KToolbar.js.map +1 -1
  322. package/lib/components/KTooltip/KTooltip.js +1 -1
  323. package/lib/components/KTooltip/KTooltip.js.map +1 -1
  324. package/lib/components/KTreeview/KTreeview.js +1 -1
  325. package/lib/components/KTreeview/KTreeview.js.map +1 -1
  326. package/lib/components/KVirtualScroll/KVirtualScroll.js +1 -1
  327. package/lib/components/KVirtualScroll/KVirtualScroll.js.map +1 -1
  328. package/lib/components/KWindow/KWindow.js +1 -1
  329. package/lib/components/KWindow/KWindow.js.map +1 -1
  330. package/lib/directives/ripple/index.js +1 -1
  331. package/lib/directives/ripple/index.js.map +1 -1
  332. package/lib/framework.js +1 -1
  333. package/lib/framework.js.map +1 -1
  334. package/lib/mixins/binds-attrs/index.js +2 -2
  335. package/lib/mixins/bootable/index.js +7 -7
  336. package/lib/mixins/delayable/index.js +10 -10
  337. package/lib/mixins/loadable/index.js +8 -8
  338. package/lib/mixins/positionable/index.js +25 -25
  339. package/lib/mixins/scrollable/index.js +18 -18
  340. package/lib/mixins/ssr-bootable/index.js +7 -7
  341. package/lib/presets/default/index.js +1 -1
  342. package/lib/presets/default/index.js.map +1 -1
  343. package/lib/services/theme/utils.js +4 -4
  344. package/lib/util/colorUtils.js +13 -13
  345. package/lib/util/dedupeModelListeners.js +3 -3
  346. package/lib/util/dom.js +4 -4
  347. package/lib/util/helpers.js +14 -14
  348. package/package.json +2 -3
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/KOtpInput/KOtpInput.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport '../KTextField/KTextField.sass'\nimport './KOtpInput.sass'\n\n// Extensions\nimport KInput from '../KInput'\nimport KTextField from '../KTextField/KTextField'\n// Directives\nimport ripple from '../../directives/ripple'\n\n// Utilities\nimport { convertToUnit, keyCodes } from '../../util/helpers'\nimport { breaking } from '../../util/console'\n\n// Types\nimport mixins from '../../util/mixins'\nimport { KNode } from 'kdu'\n\nconst baseMixins = mixins(\n KInput,\n)\n\ninterface options extends InstanceType<typeof baseMixins> {\n $refs: {\n input: HTMLInputElement[]\n }\n}\n\n/* @kdujs/component */\nexport default baseMixins.extend<options>().extend({\n name: 'k-otp-input',\n\n directives: {\n ripple,\n },\n\n inheritAttrs: false,\n\n props: {\n length: {\n type: [Number, String],\n default: 6,\n },\n type: {\n type: String,\n default: 'text',\n },\n plain: Boolean,\n },\n\n data: () => ({\n initialValue: null,\n isBooted: false,\n otp: [] as string[],\n }),\n\n computed: {\n outlined (): Boolean {\n return !this.plain\n },\n classes (): object {\n return {\n ...KInput.options.computed.classes.call(this),\n ...KTextField.options.computed.classes.call(this),\n 'k-otp-input--plain': this.plain,\n }\n },\n },\n\n watch: {\n isFocused: 'updateValue',\n value (val) {\n this.lazyValue = val\n this.otp = val?.split('') || []\n },\n },\n\n created () {\n /* istanbul ignore next */\n if (this.$attrs.hasOwnProperty('browser-autocomplete')) {\n breaking('browser-autocomplete', 'autocomplete', this)\n }\n\n this.otp = this.internalValue?.split('') || []\n },\n\n mounted () {\n requestAnimationFrame(() => (this.isBooted = true))\n },\n\n methods: {\n /** @public */\n focus (e: Event, otpIdx: number) {\n this.onFocus(e, otpIdx || 0)\n },\n genInputSlot (otpIdx: number) {\n return this.$createElement('div', this.setBackgroundColor(this.backgroundColor, {\n staticClass: 'k-input__slot',\n style: { height: convertToUnit(this.height) },\n on: {\n click: () => this.onClick(otpIdx),\n mousedown: (e: Event) => this.onMouseDown(e, otpIdx),\n mouseup: (e: Event) => this.onMouseUp(e, otpIdx),\n },\n }), [this.genDefaultSlot(otpIdx)])\n },\n genControl (otpIdx: number) {\n return this.$createElement('div', {\n staticClass: 'k-input__control',\n }, [\n this.genInputSlot(otpIdx),\n ])\n },\n genDefaultSlot (otpIdx: number) {\n return [\n this.genFieldset(),\n this.genTextFieldSlot(otpIdx),\n ]\n },\n genContent () {\n return Array.from({ length: +this.length }, (_, i) => {\n return this.$createElement('div', this.setTextColor(this.validationState, {\n staticClass: 'k-input',\n class: this.classes,\n }), [this.genControl(i)])\n })\n },\n genFieldset () {\n return this.$createElement('fieldset', {\n attrs: {\n 'aria-hidden': true,\n },\n }, [this.genLegend()])\n },\n genLegend () {\n const span = this.$createElement('span', {\n domProps: { innerHTML: '&#8203;' },\n })\n\n return this.$createElement('legend', {\n style: {\n width: '0px',\n },\n }, [span])\n },\n genInput (otpIdx: number) {\n const listeners = Object.assign({}, this.listeners$)\n delete listeners.change // Change should not be bound externally\n\n return this.$createElement('input', {\n style: {},\n domProps: {\n value: this.otp[otpIdx],\n min: this.type === 'number' ? 0 : null,\n },\n attrs: {\n ...this.attrs$,\n autocomplete: 'one-time-code',\n disabled: this.isDisabled,\n readonly: this.isReadonly,\n type: this.type,\n id: `${this.computedId}--${otpIdx}`,\n class: `otp-field-box--${otpIdx}`,\n },\n on: Object.assign(listeners, {\n blur: this.onBlur,\n input: (e: Event) => this.onInput(e, otpIdx),\n focus: (e: Event) => this.onFocus(e, otpIdx),\n keydown: this.onKeyDown,\n keyup: (e: KeyboardEvent) => this.onKeyUp(e, otpIdx),\n }),\n ref: 'input',\n refInFor: true,\n })\n },\n genTextFieldSlot (otpIdx: number): KNode {\n return this.$createElement('div', {\n staticClass: 'k-text-field__slot',\n }, [\n this.genInput(otpIdx),\n ])\n },\n onBlur (e?: Event) {\n this.isFocused = false\n e && this.$nextTick(() => this.$emit('blur', e))\n },\n onClick (otpIdx: number) {\n if (this.isFocused || this.isDisabled || !this.$refs.input[otpIdx]) return\n\n this.onFocus(undefined, otpIdx)\n },\n onFocus (e?: Event, otpIdx?: number) {\n e?.preventDefault()\n e?.stopPropagation()\n const elements = this.$refs.input as HTMLInputElement[]\n const ref = this.$refs.input && elements[otpIdx || 0]\n if (!ref) return\n\n if (document.activeElement !== ref) {\n ref.focus()\n return ref.select()\n }\n\n if (!this.isFocused) {\n this.isFocused = true\n ref.select()\n e && this.$emit('focus', e)\n }\n },\n onInput (e: Event, index: number) {\n const maxCursor = +this.length - 1\n\n const target = e.target as HTMLInputElement\n const value = target.value\n const inputDataArray = value?.split('') || []\n\n const newOtp: string[] = [...this.otp]\n for (let i = 0; i < inputDataArray.length; i++) {\n const appIdx = index + i\n if (appIdx > maxCursor) break\n newOtp[appIdx] = inputDataArray[i].toString()\n }\n if (!inputDataArray.length) {\n newOtp.splice(index, 1)\n }\n\n this.otp = newOtp\n this.internalValue = this.otp.join('')\n\n if (index + inputDataArray.length >= +this.length) {\n this.onCompleted()\n this.clearFocus(index)\n } else if (inputDataArray.length) {\n this.changeFocus(index + inputDataArray.length)\n }\n },\n clearFocus (index: number) {\n const input = this.$refs.input[index] as HTMLInputElement\n input.blur()\n },\n onKeyDown (e: KeyboardEvent) {\n if (e.keyCode === keyCodes.enter) {\n this.$emit('change', this.internalValue)\n }\n\n this.$emit('keydown', e)\n },\n onMouseDown (e: Event, otpIdx: number) {\n // Prevent input from being blurred\n if (e.target !== this.$refs.input[otpIdx]) {\n e.preventDefault()\n e.stopPropagation()\n }\n\n KInput.options.methods.onMouseDown.call(this, e)\n },\n onMouseUp (e: Event, otpIdx: number) {\n if (this.hasMouseDown) this.focus(e, otpIdx)\n\n KInput.options.methods.onMouseUp.call(this, e)\n },\n changeFocus (index: number) {\n this.onFocus(undefined, index || 0)\n },\n updateValue (val: boolean) {\n // Sets validationState from validatable\n this.hasColor = val\n\n if (val) {\n this.initialValue = this.lazyValue\n } else if (this.initialValue !== this.lazyValue) {\n this.$emit('change', this.lazyValue)\n }\n },\n onKeyUp (event: KeyboardEvent, index: number) {\n event.preventDefault()\n const eventKey = event.key\n if (['Tab', 'Shift', 'Meta', 'Control', 'Alt'].includes(eventKey)) {\n return\n }\n if (['Delete'].includes(eventKey)) {\n return\n }\n if (eventKey === 'ArrowLeft' || (eventKey === 'Backspace' && !this.otp[index])) {\n return index > 0 && this.changeFocus(index - 1)\n }\n if (eventKey === 'ArrowRight') {\n return index + 1 < +this.length && this.changeFocus(index + 1)\n }\n },\n onCompleted () {\n const rsp = this.otp.join('')\n if (rsp.length === +this.length) {\n this.$emit('finish', rsp)\n }\n },\n },\n render (h): KNode {\n return h('div', {\n staticClass: 'k-otp-input',\n class: this.themeClasses,\n }, this.genContent())\n },\n})\n"],"sourceRoot":"","file":"KOtpInput.js"}
1
+ {"version":3,"sources":["../../../src/components/KOtpInput/KOtpInput.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport '../KTextField/KTextField.sass'\nimport './KOtpInput.sass'\n\n// Extensions\nimport KInput from '../KInput'\nimport KTextField from '../KTextField/KTextField'\n// Directives\nimport ripple from '../../directives/ripple'\n\n// Utilities\nimport { convertToUnit, keyCodes } from '../../util/helpers'\nimport { breaking } from '../../util/console'\n\n// Types\nimport mixins from '../../util/mixins'\nimport { KNode } from 'kdu'\n\nconst baseMixins = mixins(\n KInput,\n)\n\ninterface options extends InstanceType<typeof baseMixins> {\n $refs: {\n input: HTMLInputElement[]\n }\n}\n\n/* @kdujs/component */\nexport default baseMixins.extend<options>().extend({\n name: 'k-otp-input',\n\n directives: {\n ripple,\n },\n\n inheritAttrs: false,\n\n props: {\n length: {\n type: [Number, String],\n default: 6,\n },\n type: {\n type: String,\n default: 'text',\n },\n plain: Boolean,\n },\n\n data: () => ({\n initialValue: null,\n isBooted: false,\n otp: [] as string[],\n }),\n\n computed: {\n outlined (): Boolean {\n return !this.plain\n },\n classes (): object {\n return {\n ...KInput.options.computed.classes.call(this),\n ...KTextField.options.computed.classes.call(this),\n 'k-otp-input--plain': this.plain,\n }\n },\n },\n\n watch: {\n isFocused: 'updateValue',\n value (val) {\n this.lazyValue = val\n this.otp = val?.split('') || []\n },\n },\n\n created () {\n /* istanbul ignore next */\n if (this.$attrs.hasOwnProperty('browser-autocomplete')) {\n breaking('browser-autocomplete', 'autocomplete', this)\n }\n\n this.otp = this.internalValue?.split('') || []\n },\n\n mounted () {\n requestAnimationFrame(() => (this.isBooted = true))\n },\n\n methods: {\n /** @public */\n focus (e: Event, otpIdx: number) {\n this.onFocus(e, otpIdx || 0)\n },\n genInputSlot (otpIdx: number) {\n return this.$createElement('div', this.setBackgroundColor(this.backgroundColor, {\n staticClass: 'k-input__slot',\n style: { height: convertToUnit(this.height) },\n on: {\n click: () => this.onClick(otpIdx),\n mousedown: (e: Event) => this.onMouseDown(e, otpIdx),\n mouseup: (e: Event) => this.onMouseUp(e, otpIdx),\n },\n }), [this.genDefaultSlot(otpIdx)])\n },\n genControl (otpIdx: number) {\n return this.$createElement('div', {\n staticClass: 'k-input__control',\n }, [\n this.genInputSlot(otpIdx),\n ])\n },\n genDefaultSlot (otpIdx: number) {\n return [\n this.genFieldset(),\n this.genTextFieldSlot(otpIdx),\n ]\n },\n genContent () {\n return Array.from({ length: +this.length }, (_, i) => {\n return this.$createElement('div', this.setTextColor(this.validationState, {\n staticClass: 'k-input',\n class: this.classes,\n }), [this.genControl(i)])\n })\n },\n genFieldset () {\n return this.$createElement('fieldset', {\n attrs: {\n 'aria-hidden': true,\n },\n }, [this.genLegend()])\n },\n genLegend () {\n const span = this.$createElement('span', {\n domProps: { innerHTML: '&#8203;' },\n })\n\n return this.$createElement('legend', {\n style: {\n width: '0px',\n },\n }, [span])\n },\n genInput (otpIdx: number) {\n const listeners = Object.assign({}, this.listeners$)\n delete listeners.change // Change should not be bound externally\n\n return this.$createElement('input', {\n style: {},\n domProps: {\n value: this.otp[otpIdx],\n min: this.type === 'number' ? 0 : null,\n },\n attrs: {\n ...this.attrs$,\n autocomplete: 'one-time-code',\n disabled: this.isDisabled,\n readonly: this.isReadonly,\n type: this.type,\n id: `${this.computedId}--${otpIdx}`,\n class: `otp-field-box--${otpIdx}`,\n },\n on: Object.assign(listeners, {\n blur: this.onBlur,\n input: (e: Event) => this.onInput(e, otpIdx),\n focus: (e: Event) => this.onFocus(e, otpIdx),\n keydown: this.onKeyDown,\n keyup: (e: KeyboardEvent) => this.onKeyUp(e, otpIdx),\n }),\n ref: 'input',\n refInFor: true,\n })\n },\n genTextFieldSlot (otpIdx: number): KNode {\n return this.$createElement('div', {\n staticClass: 'k-text-field__slot',\n }, [\n this.genInput(otpIdx),\n ])\n },\n onBlur (e?: Event) {\n this.isFocused = false\n e && this.$nextTick(() => this.$emit('blur', e))\n },\n onClick (otpIdx: number) {\n if (this.isFocused || this.isDisabled || !this.$refs.input[otpIdx]) return\n\n this.onFocus(undefined, otpIdx)\n },\n onFocus (e?: Event, otpIdx?: number) {\n e?.preventDefault()\n e?.stopPropagation()\n const elements = this.$refs.input as HTMLInputElement[]\n const ref = this.$refs.input && elements[otpIdx || 0]\n if (!ref) return\n\n if (document.activeElement !== ref) {\n ref.focus()\n return ref.select()\n }\n\n if (!this.isFocused) {\n this.isFocused = true\n ref.select()\n e && this.$emit('focus', e)\n }\n },\n onInput (e: Event, index: number) {\n const maxCursor = +this.length - 1\n\n const target = e.target as HTMLInputElement\n const value = target.value\n const inputDataArray = value?.split('') || []\n\n const newOtp: string[] = [...this.otp]\n for (let i = 0; i < inputDataArray.length; i++) {\n const appIdx = index + i\n if (appIdx > maxCursor) break\n newOtp[appIdx] = inputDataArray[i].toString()\n }\n if (!inputDataArray.length) {\n newOtp.splice(index, 1)\n }\n\n this.otp = newOtp\n this.internalValue = this.otp.join('')\n\n if (index + inputDataArray.length >= +this.length) {\n this.onCompleted()\n this.clearFocus(index)\n } else if (inputDataArray.length) {\n this.changeFocus(index + inputDataArray.length)\n }\n },\n clearFocus (index: number) {\n const input = this.$refs.input[index] as HTMLInputElement\n input.blur()\n },\n onKeyDown (e: KeyboardEvent) {\n if (e.keyCode === keyCodes.enter) {\n this.$emit('change', this.internalValue)\n }\n\n this.$emit('keydown', e)\n },\n onMouseDown (e: Event, otpIdx: number) {\n // Prevent input from being blurred\n if (e.target !== this.$refs.input[otpIdx]) {\n e.preventDefault()\n e.stopPropagation()\n }\n\n KInput.options.methods.onMouseDown.call(this, e)\n },\n onMouseUp (e: Event, otpIdx: number) {\n if (this.hasMouseDown) this.focus(e, otpIdx)\n\n KInput.options.methods.onMouseUp.call(this, e)\n },\n changeFocus (index: number) {\n this.onFocus(undefined, index || 0)\n },\n updateValue (val: boolean) {\n // Sets validationState from validatable\n this.hasColor = val\n\n if (val) {\n this.initialValue = this.lazyValue\n } else if (this.initialValue !== this.lazyValue) {\n this.$emit('change', this.lazyValue)\n }\n },\n onKeyUp (event: KeyboardEvent, index: number) {\n event.preventDefault()\n const eventKey = event.key\n if (['Tab', 'Shift', 'Meta', 'Control', 'Alt'].includes(eventKey)) {\n return\n }\n if (['Delete'].includes(eventKey)) {\n return\n }\n if (eventKey === 'ArrowLeft' || (eventKey === 'Backspace' && !this.otp[index])) {\n return index > 0 && this.changeFocus(index - 1)\n }\n if (eventKey === 'ArrowRight') {\n return index + 1 < +this.length && this.changeFocus(index + 1)\n }\n },\n onCompleted () {\n const rsp = this.otp.join('')\n if (rsp.length === +this.length) {\n this.$emit('finish', rsp)\n }\n },\n },\n render (h): KNode {\n return h('div', {\n staticClass: 'k-otp-input',\n class: this.themeClasses,\n }, this.genContent())\n },\n})\n"],"sourceRoot":"","file":"KOtpInput.js"}
@@ -1,5 +1,5 @@
1
1
  // Styles
2
- import "..\\..\\..\\src\\components\\KOverflowBtn\\KOverflowBtn.sass";
2
+ import "../../../src/components/KOverflowBtn/KOverflowBtn.sass";
3
3
  // Extensions
4
4
  import KSelect from '../KSelect/KSelect';
5
5
  import KAutocomplete from '../KAutocomplete';
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/KOverflowBtn/KOverflowBtn.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KOverflowBtn.sass'\n\n// Extensions\nimport KSelect from '../KSelect/KSelect'\nimport KAutocomplete from '../KAutocomplete'\nimport KTextField from '../KTextField/KTextField'\n\n// Components\nimport KBtn from '../KBtn'\n\n// Utilities\nimport { consoleWarn } from '../../util/console'\n\n/* @kdujs/component */\nexport default KAutocomplete.extend({\n name: 'k-overflow-btn',\n\n props: {\n editable: Boolean,\n segmented: Boolean,\n },\n\n computed: {\n classes (): object {\n return {\n ...KAutocomplete.options.computed.classes.call(this),\n 'k-overflow-btn': true,\n 'k-overflow-btn--segmented': this.segmented,\n 'k-overflow-btn--editable': this.editable,\n }\n },\n isAnyValueAllowed (): boolean {\n return this.editable ||\n KAutocomplete.options.computed.isAnyValueAllowed.call(this)\n },\n isSingle (): true {\n return true\n },\n computedItems (): object[] {\n return this.segmented ? this.allItems : this.filteredItems\n },\n labelValue (): boolean {\n return (this.isFocused && !this.persistentPlaceholder) || this.isLabelActive\n },\n },\n\n methods: {\n genSelections () {\n return this.editable\n ? KAutocomplete.options.methods.genSelections.call(this)\n : KSelect.options.methods.genSelections.call(this) // Override k-autocomplete's override\n },\n genCommaSelection (item: any, index: number, last: boolean) {\n return this.segmented\n ? this.genSegmentedBtn(item)\n : KSelect.options.methods.genCommaSelection.call(this, item, index, last)\n },\n genInput () {\n const input = KTextField.options.methods.genInput.call(this)\n\n input.data = input.data || {}\n input.data.domProps!.value = this.editable ? this.internalSearch : ''\n input.data.attrs!.readonly = !this.isAnyValueAllowed\n\n return input\n },\n genLabel () {\n if (this.editable && this.isFocused) return null\n\n const label = KTextField.options.methods.genLabel.call(this)\n\n if (!label) return label\n\n label.data = label.data || {}\n\n // Reset previously set styles from parent\n label.data.style = {}\n\n return label\n },\n genSegmentedBtn (item: any) {\n const itemValue = this.getValue(item)\n const itemObj = this.computedItems.find(i => this.getValue(i) === itemValue) || item\n\n if (!itemObj.text || !itemObj.callback) {\n consoleWarn('When using \"segmented\" prop without a selection slot, items must contain both a text and callback property', this)\n return null\n }\n\n return this.$createElement(KBtn, {\n props: { text: true },\n on: {\n click (e: Event) {\n e.stopPropagation()\n itemObj.callback(e)\n },\n },\n }, [itemObj.text])\n },\n updateValue (val: boolean) {\n if (val) {\n this.initialValue = this.lazyValue\n } else if (this.initialValue !== this.lazyValue) {\n this.$emit('change', this.lazyValue)\n }\n },\n },\n})\n"],"sourceRoot":"","file":"KOverflowBtn.js"}
1
+ {"version":3,"sources":["../../../src/components/KOverflowBtn/KOverflowBtn.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KOverflowBtn.sass'\n\n// Extensions\nimport KSelect from '../KSelect/KSelect'\nimport KAutocomplete from '../KAutocomplete'\nimport KTextField from '../KTextField/KTextField'\n\n// Components\nimport KBtn from '../KBtn'\n\n// Utilities\nimport { consoleWarn } from '../../util/console'\n\n/* @kdujs/component */\nexport default KAutocomplete.extend({\n name: 'k-overflow-btn',\n\n props: {\n editable: Boolean,\n segmented: Boolean,\n },\n\n computed: {\n classes (): object {\n return {\n ...KAutocomplete.options.computed.classes.call(this),\n 'k-overflow-btn': true,\n 'k-overflow-btn--segmented': this.segmented,\n 'k-overflow-btn--editable': this.editable,\n }\n },\n isAnyValueAllowed (): boolean {\n return this.editable ||\n KAutocomplete.options.computed.isAnyValueAllowed.call(this)\n },\n isSingle (): true {\n return true\n },\n computedItems (): object[] {\n return this.segmented ? this.allItems : this.filteredItems\n },\n labelValue (): boolean {\n return (this.isFocused && !this.persistentPlaceholder) || this.isLabelActive\n },\n },\n\n methods: {\n genSelections () {\n return this.editable\n ? KAutocomplete.options.methods.genSelections.call(this)\n : KSelect.options.methods.genSelections.call(this) // Override k-autocomplete's override\n },\n genCommaSelection (item: any, index: number, last: boolean) {\n return this.segmented\n ? this.genSegmentedBtn(item)\n : KSelect.options.methods.genCommaSelection.call(this, item, index, last)\n },\n genInput () {\n const input = KTextField.options.methods.genInput.call(this)\n\n input.data = input.data || {}\n input.data.domProps!.value = this.editable ? this.internalSearch : ''\n input.data.attrs!.readonly = !this.isAnyValueAllowed\n\n return input\n },\n genLabel () {\n if (this.editable && this.isFocused) return null\n\n const label = KTextField.options.methods.genLabel.call(this)\n\n if (!label) return label\n\n label.data = label.data || {}\n\n // Reset previously set styles from parent\n label.data.style = {}\n\n return label\n },\n genSegmentedBtn (item: any) {\n const itemValue = this.getValue(item)\n const itemObj = this.computedItems.find(i => this.getValue(i) === itemValue) || item\n\n if (!itemObj.text || !itemObj.callback) {\n consoleWarn('When using \"segmented\" prop without a selection slot, items must contain both a text and callback property', this)\n return null\n }\n\n return this.$createElement(KBtn, {\n props: { text: true },\n on: {\n click (e: Event) {\n e.stopPropagation()\n itemObj.callback(e)\n },\n },\n }, [itemObj.text])\n },\n updateValue (val: boolean) {\n if (val) {\n this.initialValue = this.lazyValue\n } else if (this.initialValue !== this.lazyValue) {\n this.$emit('change', this.lazyValue)\n }\n },\n },\n})\n"],"sourceRoot":"","file":"KOverflowBtn.js"}
@@ -1,5 +1,5 @@
1
1
  // Styles
2
- import "..\\..\\..\\src\\components\\KOverlay\\KOverlay.sass";
2
+ import "../../../src/components/KOverlay/KOverlay.sass";
3
3
  // Mixins
4
4
  import Colorable from './../../mixins/colorable';
5
5
  import Themeable from '../../mixins/themeable';
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/KOverlay/KOverlay.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,sDAAiB;AAExB;AACA,OAAO,SAAS,MAAM,0BAA0B;AAChD,OAAO,SAAS,MAAM,wBAAwB;AAC9C,OAAO,UAAU,MAAM,2BAA2B;AAElD;AACA,OAAO,MAAM,MAAM,mBAAmB;AACtC,SAAS,OAAO,QAAQ,oBAAoB;AAK5C;AACA,eAAe,MAAM,CACnB,SAAS,EACT,SAAS,EACT,UAAU,CACX,CAAC,MAAM,CAAC;EACP,IAAI,EAAE,WAAW;EAEjB,KAAK,EAAE;IACL,QAAQ,EAAE,OAAO;IACjB,KAAK,EAAE;MACL,IAAI,EAAE,MAAM;MACZ,OAAO,EAAE;KACV;IACD,IAAI,EAAE;MACJ,IAAI,EAAE,OAAO;MACb,OAAO,EAAE;KACV;IACD,OAAO,EAAE;MACP,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;MACtB,OAAO,EAAE;KACV;IACD,KAAK,EAAE;MACL,OAAO,EAAE;KACV;IACD,MAAM,EAAE;MACN,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;MACtB,OAAO,EAAE;IACV;GACF;EAED,QAAQ,EAAE;IACR,OAAO,CAAA,EAAA;MACL,MAAM,IAAI,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,EAAE;QAC/C,WAAW,EAAE,kBAAkB;QAC/B,KAAK,EAAE;UACL,OAAO,EAAE,IAAI,CAAC;QACf;OACF,CAAC;MAEF,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC;IACzC,CAAC;IACD,OAAO,CAAA,EAAA;MACL,OAAO;QACL,qBAAqB,EAAE,IAAI,CAAC,QAAQ;QACpC,mBAAmB,EAAE,IAAI,CAAC,QAAQ;QAClC,GAAG,IAAI,CAAC;OACT;IACH,CAAC;IACD,eAAe,CAAA,EAAA;MACb,OAAO,MAAM,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC;IACjD,CAAC;IACD,MAAM,CAAA,EAAA;MACJ,OAAO;QACL,MAAM,EAAE,IAAI,CAAC;OACd;IACH;GACD;EAED,OAAO,EAAE;IACP,UAAU,CAAA,EAAA;MACR,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE;QAChC,WAAW,EAAE;OACd,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB;GACD;EAED,MAAM,CAAE,CAAC,EAAA;IACP,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;IAE/B,IAAI,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAA,CAAE,CAAC;IAEnD,OAAO,CAAC,CAAC,KAAK,EAAE;MACd,WAAW,EAAE,WAAW;MACxB,EAAE,EAAE,IAAI,CAAC,UAAU;MACnB,KAAK,EAAE,IAAI,CAAC,OAAO;MACnB,KAAK,EAAE,IAAI,CAAC;KACb,EAAE,QAAQ,CAAC;EACd;CACD,CAAC","sourcesContent":["// Styles\nimport './KOverlay.sass'\n\n// Mixins\nimport Colorable from './../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\nimport Toggleable from './../../mixins/toggleable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { KNode } from 'kdu'\n\n/* @kdujs/component */\nexport default mixins(\n Colorable,\n Themeable,\n Toggleable\n).extend({\n name: 'k-overlay',\n\n props: {\n absolute: Boolean,\n color: {\n type: String,\n default: '#212121',\n },\n dark: {\n type: Boolean,\n default: true,\n },\n opacity: {\n type: [Number, String],\n default: 0.46,\n },\n value: {\n default: true,\n },\n zIndex: {\n type: [Number, String],\n default: 5,\n },\n },\n\n computed: {\n __scrim (): KNode {\n const data = this.setBackgroundColor(this.color, {\n staticClass: 'k-overlay__scrim',\n style: {\n opacity: this.computedOpacity,\n },\n })\n\n return this.$createElement('div', data)\n },\n classes (): object {\n return {\n 'k-overlay--absolute': this.absolute,\n 'k-overlay--active': this.isActive,\n ...this.themeClasses,\n }\n },\n computedOpacity (): number {\n return Number(this.isActive ? this.opacity : 0)\n },\n styles (): object {\n return {\n zIndex: this.zIndex,\n }\n },\n },\n\n methods: {\n genContent () {\n return this.$createElement('div', {\n staticClass: 'k-overlay__content',\n }, getSlot(this))\n },\n },\n\n render (h): KNode {\n const children = [this.__scrim]\n\n if (this.isActive) children.push(this.genContent())\n\n return h('div', {\n staticClass: 'k-overlay',\n on: this.$listeners,\n class: this.classes,\n style: this.styles,\n }, children)\n },\n})\n"],"sourceRoot":"","file":"KOverlay.js"}
1
+ {"version":3,"sources":["../../../src/components/KOverlay/KOverlay.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,gDAAiB;AAExB;AACA,OAAO,SAAS,MAAM,0BAA0B;AAChD,OAAO,SAAS,MAAM,wBAAwB;AAC9C,OAAO,UAAU,MAAM,2BAA2B;AAElD;AACA,OAAO,MAAM,MAAM,mBAAmB;AACtC,SAAS,OAAO,QAAQ,oBAAoB;AAK5C;AACA,eAAe,MAAM,CACnB,SAAS,EACT,SAAS,EACT,UAAU,CACX,CAAC,MAAM,CAAC;EACP,IAAI,EAAE,WAAW;EAEjB,KAAK,EAAE;IACL,QAAQ,EAAE,OAAO;IACjB,KAAK,EAAE;MACL,IAAI,EAAE,MAAM;MACZ,OAAO,EAAE;KACV;IACD,IAAI,EAAE;MACJ,IAAI,EAAE,OAAO;MACb,OAAO,EAAE;KACV;IACD,OAAO,EAAE;MACP,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;MACtB,OAAO,EAAE;KACV;IACD,KAAK,EAAE;MACL,OAAO,EAAE;KACV;IACD,MAAM,EAAE;MACN,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;MACtB,OAAO,EAAE;IACV;GACF;EAED,QAAQ,EAAE;IACR,OAAO,CAAA,EAAA;MACL,MAAM,IAAI,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,EAAE;QAC/C,WAAW,EAAE,kBAAkB;QAC/B,KAAK,EAAE;UACL,OAAO,EAAE,IAAI,CAAC;QACf;OACF,CAAC;MAEF,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC;IACzC,CAAC;IACD,OAAO,CAAA,EAAA;MACL,OAAO;QACL,qBAAqB,EAAE,IAAI,CAAC,QAAQ;QACpC,mBAAmB,EAAE,IAAI,CAAC,QAAQ;QAClC,GAAG,IAAI,CAAC;OACT;IACH,CAAC;IACD,eAAe,CAAA,EAAA;MACb,OAAO,MAAM,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC;IACjD,CAAC;IACD,MAAM,CAAA,EAAA;MACJ,OAAO;QACL,MAAM,EAAE,IAAI,CAAC;OACd;IACH;GACD;EAED,OAAO,EAAE;IACP,UAAU,CAAA,EAAA;MACR,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE;QAChC,WAAW,EAAE;OACd,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB;GACD;EAED,MAAM,CAAE,CAAC,EAAA;IACP,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;IAE/B,IAAI,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAA,CAAE,CAAC;IAEnD,OAAO,CAAC,CAAC,KAAK,EAAE;MACd,WAAW,EAAE,WAAW;MACxB,EAAE,EAAE,IAAI,CAAC,UAAU;MACnB,KAAK,EAAE,IAAI,CAAC,OAAO;MACnB,KAAK,EAAE,IAAI,CAAC;KACb,EAAE,QAAQ,CAAC;EACd;CACD,CAAC","sourcesContent":["// Styles\nimport './KOverlay.sass'\n\n// Mixins\nimport Colorable from './../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\nimport Toggleable from './../../mixins/toggleable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { KNode } from 'kdu'\n\n/* @kdujs/component */\nexport default mixins(\n Colorable,\n Themeable,\n Toggleable\n).extend({\n name: 'k-overlay',\n\n props: {\n absolute: Boolean,\n color: {\n type: String,\n default: '#212121',\n },\n dark: {\n type: Boolean,\n default: true,\n },\n opacity: {\n type: [Number, String],\n default: 0.46,\n },\n value: {\n default: true,\n },\n zIndex: {\n type: [Number, String],\n default: 5,\n },\n },\n\n computed: {\n __scrim (): KNode {\n const data = this.setBackgroundColor(this.color, {\n staticClass: 'k-overlay__scrim',\n style: {\n opacity: this.computedOpacity,\n },\n })\n\n return this.$createElement('div', data)\n },\n classes (): object {\n return {\n 'k-overlay--absolute': this.absolute,\n 'k-overlay--active': this.isActive,\n ...this.themeClasses,\n }\n },\n computedOpacity (): number {\n return Number(this.isActive ? this.opacity : 0)\n },\n styles (): object {\n return {\n zIndex: this.zIndex,\n }\n },\n },\n\n methods: {\n genContent () {\n return this.$createElement('div', {\n staticClass: 'k-overlay__content',\n }, getSlot(this))\n },\n },\n\n render (h): KNode {\n const children = [this.__scrim]\n\n if (this.isActive) children.push(this.genContent())\n\n return h('div', {\n staticClass: 'k-overlay',\n on: this.$listeners,\n class: this.classes,\n style: this.styles,\n }, children)\n },\n})\n"],"sourceRoot":"","file":"KOverlay.js"}
@@ -1,4 +1,4 @@
1
- import "..\\..\\..\\src\\components\\KPagination\\KPagination.sass";
1
+ import "../../../src/components/KPagination/KPagination.sass";
2
2
  import KIcon from '../KIcon';
3
3
  // Directives
4
4
  import Resize from '../../directives/resize';
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/KPagination/KPagination.ts"],"names":[],"mappings":"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","sourcesContent":["import './KPagination.sass'\n\nimport KIcon from '../KIcon'\n\n// Directives\nimport Resize from '../../directives/resize'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Intersectable from '../../mixins/intersectable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { KNode, CreateElement, KNodeChildrenArrayContents } from 'kdu'\n\n/* @kdujs/component */\nexport default mixins(\n Colorable,\n Intersectable({ onVisible: ['init'] }),\n Themeable\n).extend({\n name: 'k-pagination',\n\n directives: { Resize },\n\n props: {\n circle: Boolean,\n disabled: Boolean,\n navigationColor: String,\n navigationTextColor: String,\n length: {\n type: Number,\n default: 0,\n validator: (val: number) => val % 1 === 0,\n },\n nextIcon: {\n type: String,\n default: '$next',\n },\n prevIcon: {\n type: String,\n default: '$prev',\n },\n totalVisible: [Number, String],\n value: {\n type: Number,\n default: 0,\n },\n pageAriaLabel: {\n type: String,\n default: '$kdutify.pagination.ariaLabel.page',\n },\n currentPageAriaLabel: {\n type: String,\n default: '$kdutify.pagination.ariaLabel.currentPage',\n },\n previousAriaLabel: {\n type: String,\n default: '$kdutify.pagination.ariaLabel.previous',\n },\n nextAriaLabel: {\n type: String,\n default: '$kdutify.pagination.ariaLabel.next',\n },\n wrapperAriaLabel: {\n type: String,\n default: '$kdutify.pagination.ariaLabel.wrapper',\n },\n },\n\n data () {\n return {\n maxButtons: 0,\n selected: null as number | null,\n }\n },\n\n computed: {\n classes (): object {\n return {\n 'k-pagination': true,\n 'k-pagination--circle': this.circle,\n 'k-pagination--disabled': this.disabled,\n ...this.themeClasses,\n }\n },\n\n items (): (string | number)[] {\n const totalVisible = parseInt(this.totalVisible, 10)\n\n if (totalVisible === 0 || isNaN(this.length) || this.length > Number.MAX_SAFE_INTEGER) {\n return []\n }\n\n const maxLength = Math.min(\n Math.max(0, totalVisible) || this.length,\n Math.max(0, this.maxButtons) || this.length,\n this.length\n )\n\n if (this.length <= maxLength) {\n return this.range(1, this.length)\n }\n\n const even = maxLength % 2 === 0 ? 1 : 0\n const left = Math.floor(maxLength / 2)\n const right = this.length - left + 1 + even\n\n if (this.value > left && this.value < right) {\n const firstItem = 1\n const lastItem = this.length\n const start = this.value - left + 2\n const end = this.value + left - 2 - even\n const secondItem = start - 1 === firstItem + 1 ? 2 : '...'\n const beforeLastItem = end + 1 === lastItem - 1 ? end + 1 : '...'\n\n return [1, secondItem, ...this.range(start, end), beforeLastItem, this.length]\n } else if (this.value === left) {\n const end = this.value + left - 1 - even\n return [...this.range(1, end), '...', this.length]\n } else if (this.value === right) {\n const start = this.value - left + 1\n return [1, '...', ...this.range(start, this.length)]\n } else {\n return [\n ...this.range(1, left),\n '...',\n ...this.range(right, this.length),\n ]\n }\n },\n },\n\n watch: {\n value () {\n this.init()\n },\n },\n\n beforeMount () {\n this.init()\n },\n\n methods: {\n init () {\n this.selected = null\n\n this.onResize()\n this.$nextTick(this.onResize)\n // TODO: Change this (f75dee3a, cbdf7caa)\n setTimeout(() => (this.selected = this.value), 100)\n },\n onResize () {\n const width = this.$el && this.$el.parentElement\n ? this.$el.parentElement.clientWidth\n : window.innerWidth\n\n this.maxButtons = Math.floor((width - 96) / 42)\n },\n next (e: Event) {\n e.preventDefault()\n this.$emit('input', this.value + 1)\n this.$emit('next')\n },\n previous (e: Event) {\n e.preventDefault()\n this.$emit('input', this.value - 1)\n this.$emit('previous')\n },\n range (from: number, to: number) {\n const range = []\n\n from = from > 0 ? from : 1\n\n for (let i = from; i <= to; i++) {\n range.push(i)\n }\n\n return range\n },\n genIcon (h: CreateElement, icon: string, disabled: boolean, fn: EventListener, label: String): KNode {\n return h('li', [\n h('button',\n this.setBackgroundColor(this.navigationColor, {\n staticClass: 'k-pagination__navigation',\n class: {\n 'k-pagination__navigation--disabled': disabled,\n },\n attrs: {\n disabled,\n type: 'button',\n 'aria-label': label,\n },\n on: disabled ? {} : { click: fn },\n }),\n [h(KIcon, { props: { color: this.navigationTextColor } }, [icon])]\n ),\n ])\n },\n genItem (h: CreateElement, i: string | number): KNode {\n const color: string | false = (i === this.value) && (this.color || 'primary')\n const isCurrentPage = i === this.value\n const ariaLabel = isCurrentPage ? this.currentPageAriaLabel : this.pageAriaLabel\n\n return h('button', this.setBackgroundColor(color, {\n staticClass: 'k-pagination__item',\n class: {\n 'k-pagination__item--active': i === this.value,\n },\n attrs: {\n type: 'button',\n 'aria-current': isCurrentPage,\n 'aria-label': this.$kdutify.lang.t(ariaLabel, i),\n },\n on: {\n click: () => this.$emit('input', i),\n },\n }), [i.toString()])\n },\n genItems (h: CreateElement): KNode[] {\n return this.items.map((i, index) => {\n return h('li', { key: index }, [\n isNaN(Number(i)) ? h('span', { class: 'k-pagination__more' }, [i.toString()]) : this.genItem(h, i),\n ])\n })\n },\n genList (h: CreateElement, children: KNodeChildrenArrayContents): KNode {\n return h('ul', {\n directives: [{\n modifiers: { quiet: true },\n name: 'resize',\n value: this.onResize,\n }],\n class: this.classes,\n }, children)\n },\n },\n\n render (h): KNode {\n const children = [\n this.genIcon(h,\n this.$kdutify.rtl ? this.nextIcon : this.prevIcon,\n this.value <= 1,\n this.previous,\n this.$kdutify.lang.t(this.previousAriaLabel)),\n this.genItems(h),\n this.genIcon(h,\n this.$kdutify.rtl ? this.prevIcon : this.nextIcon,\n this.value >= this.length,\n this.next,\n this.$kdutify.lang.t(this.nextAriaLabel)),\n ]\n\n return h('nav', {\n attrs: {\n role: 'navigation',\n 'aria-label': this.$kdutify.lang.t(this.wrapperAriaLabel),\n },\n }, [this.genList(h, children)])\n },\n})\n"],"sourceRoot":"","file":"KPagination.js"}
1
+ {"version":3,"sources":["../../../src/components/KPagination/KPagination.ts"],"names":[],"mappings":"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","sourcesContent":["import './KPagination.sass'\n\nimport KIcon from '../KIcon'\n\n// Directives\nimport Resize from '../../directives/resize'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Intersectable from '../../mixins/intersectable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { KNode, CreateElement, KNodeChildrenArrayContents } from 'kdu'\n\n/* @kdujs/component */\nexport default mixins(\n Colorable,\n Intersectable({ onVisible: ['init'] }),\n Themeable\n).extend({\n name: 'k-pagination',\n\n directives: { Resize },\n\n props: {\n circle: Boolean,\n disabled: Boolean,\n navigationColor: String,\n navigationTextColor: String,\n length: {\n type: Number,\n default: 0,\n validator: (val: number) => val % 1 === 0,\n },\n nextIcon: {\n type: String,\n default: '$next',\n },\n prevIcon: {\n type: String,\n default: '$prev',\n },\n totalVisible: [Number, String],\n value: {\n type: Number,\n default: 0,\n },\n pageAriaLabel: {\n type: String,\n default: '$kdutify.pagination.ariaLabel.page',\n },\n currentPageAriaLabel: {\n type: String,\n default: '$kdutify.pagination.ariaLabel.currentPage',\n },\n previousAriaLabel: {\n type: String,\n default: '$kdutify.pagination.ariaLabel.previous',\n },\n nextAriaLabel: {\n type: String,\n default: '$kdutify.pagination.ariaLabel.next',\n },\n wrapperAriaLabel: {\n type: String,\n default: '$kdutify.pagination.ariaLabel.wrapper',\n },\n },\n\n data () {\n return {\n maxButtons: 0,\n selected: null as number | null,\n }\n },\n\n computed: {\n classes (): object {\n return {\n 'k-pagination': true,\n 'k-pagination--circle': this.circle,\n 'k-pagination--disabled': this.disabled,\n ...this.themeClasses,\n }\n },\n\n items (): (string | number)[] {\n const totalVisible = parseInt(this.totalVisible, 10)\n\n if (totalVisible === 0 || isNaN(this.length) || this.length > Number.MAX_SAFE_INTEGER) {\n return []\n }\n\n const maxLength = Math.min(\n Math.max(0, totalVisible) || this.length,\n Math.max(0, this.maxButtons) || this.length,\n this.length\n )\n\n if (this.length <= maxLength) {\n return this.range(1, this.length)\n }\n\n const even = maxLength % 2 === 0 ? 1 : 0\n const left = Math.floor(maxLength / 2)\n const right = this.length - left + 1 + even\n\n if (this.value > left && this.value < right) {\n const firstItem = 1\n const lastItem = this.length\n const start = this.value - left + 2\n const end = this.value + left - 2 - even\n const secondItem = start - 1 === firstItem + 1 ? 2 : '...'\n const beforeLastItem = end + 1 === lastItem - 1 ? end + 1 : '...'\n\n return [1, secondItem, ...this.range(start, end), beforeLastItem, this.length]\n } else if (this.value === left) {\n const end = this.value + left - 1 - even\n return [...this.range(1, end), '...', this.length]\n } else if (this.value === right) {\n const start = this.value - left + 1\n return [1, '...', ...this.range(start, this.length)]\n } else {\n return [\n ...this.range(1, left),\n '...',\n ...this.range(right, this.length),\n ]\n }\n },\n },\n\n watch: {\n value () {\n this.init()\n },\n },\n\n beforeMount () {\n this.init()\n },\n\n methods: {\n init () {\n this.selected = null\n\n this.onResize()\n this.$nextTick(this.onResize)\n // TODO: Change this (f75dee3a, cbdf7caa)\n setTimeout(() => (this.selected = this.value), 100)\n },\n onResize () {\n const width = this.$el && this.$el.parentElement\n ? this.$el.parentElement.clientWidth\n : window.innerWidth\n\n this.maxButtons = Math.floor((width - 96) / 42)\n },\n next (e: Event) {\n e.preventDefault()\n this.$emit('input', this.value + 1)\n this.$emit('next')\n },\n previous (e: Event) {\n e.preventDefault()\n this.$emit('input', this.value - 1)\n this.$emit('previous')\n },\n range (from: number, to: number) {\n const range = []\n\n from = from > 0 ? from : 1\n\n for (let i = from; i <= to; i++) {\n range.push(i)\n }\n\n return range\n },\n genIcon (h: CreateElement, icon: string, disabled: boolean, fn: EventListener, label: String): KNode {\n return h('li', [\n h('button',\n this.setBackgroundColor(this.navigationColor, {\n staticClass: 'k-pagination__navigation',\n class: {\n 'k-pagination__navigation--disabled': disabled,\n },\n attrs: {\n disabled,\n type: 'button',\n 'aria-label': label,\n },\n on: disabled ? {} : { click: fn },\n }),\n [h(KIcon, { props: { color: this.navigationTextColor } }, [icon])]\n ),\n ])\n },\n genItem (h: CreateElement, i: string | number): KNode {\n const color: string | false = (i === this.value) && (this.color || 'primary')\n const isCurrentPage = i === this.value\n const ariaLabel = isCurrentPage ? this.currentPageAriaLabel : this.pageAriaLabel\n\n return h('button', this.setBackgroundColor(color, {\n staticClass: 'k-pagination__item',\n class: {\n 'k-pagination__item--active': i === this.value,\n },\n attrs: {\n type: 'button',\n 'aria-current': isCurrentPage,\n 'aria-label': this.$kdutify.lang.t(ariaLabel, i),\n },\n on: {\n click: () => this.$emit('input', i),\n },\n }), [i.toString()])\n },\n genItems (h: CreateElement): KNode[] {\n return this.items.map((i, index) => {\n return h('li', { key: index }, [\n isNaN(Number(i)) ? h('span', { class: 'k-pagination__more' }, [i.toString()]) : this.genItem(h, i),\n ])\n })\n },\n genList (h: CreateElement, children: KNodeChildrenArrayContents): KNode {\n return h('ul', {\n directives: [{\n modifiers: { quiet: true },\n name: 'resize',\n value: this.onResize,\n }],\n class: this.classes,\n }, children)\n },\n },\n\n render (h): KNode {\n const children = [\n this.genIcon(h,\n this.$kdutify.rtl ? this.nextIcon : this.prevIcon,\n this.value <= 1,\n this.previous,\n this.$kdutify.lang.t(this.previousAriaLabel)),\n this.genItems(h),\n this.genIcon(h,\n this.$kdutify.rtl ? this.prevIcon : this.nextIcon,\n this.value >= this.length,\n this.next,\n this.$kdutify.lang.t(this.nextAriaLabel)),\n ]\n\n return h('nav', {\n attrs: {\n role: 'navigation',\n 'aria-label': this.$kdutify.lang.t(this.wrapperAriaLabel),\n },\n }, [this.genList(h, children)])\n },\n})\n"],"sourceRoot":"","file":"KPagination.js"}
@@ -1,5 +1,5 @@
1
1
  // Style
2
- import "..\\..\\..\\src\\components\\KParallax\\KParallax.sass";
2
+ import "../../../src/components/KParallax/KParallax.sass";
3
3
  // Mixins
4
4
  import Translatable from '../../mixins/translatable';
5
5
  import mixins from '../../util/mixins';
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/KParallax/KParallax.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,wDAAkB;AAEzB;AACA,OAAO,YAAY,MAAM,2BAA2B;AACpD,OAAO,MAAM,MAAM,mBAAmB;AACtC,SAAS,OAAO,QAAQ,oBAAoB;AAK5C,MAAM,UAAU,GAAG,MAAM,CACvB,YAAY,CACb;AAOD;AACA,eAAe,UAAU,CAAC,MAAM,CAAA,CAAW,CAAC,MAAM,CAAC;EACjD,IAAI,EAAE,YAAY;EAElB,KAAK,EAAE;IACL,GAAG,EAAE;MACH,IAAI,EAAE,MAAM;MACZ,OAAO,EAAE;KACV;IACD,MAAM,EAAE;MACN,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;MACtB,OAAO,EAAE;KACV;IACD,GAAG,EAAE,MAAM;IACX,MAAM,EAAE;GACT;EAED,IAAI,EAAE,CAAA,MAAO;IACX,QAAQ,EAAE;GACX,CAAC;EAEF,QAAQ,EAAE;IACR,MAAM,CAAA,EAAA;MACJ,OAAO;QACL,OAAO,EAAE,OAAO;QAChB,OAAO,EAAE,IAAI,CAAC,QAAQ,GAAG,CAAC,GAAG,CAAC;QAC9B,SAAS,EAAE,mBAAmB,IAAI,CAAC,QAAQ;OAC5C;IACH;GACD;EAED,OAAO,CAAA,EAAA;IACL,IAAI,CAAC,IAAI,CAAA,CAAE;EACb,CAAC;EAED,OAAO,EAAE;IACP,IAAI,CAAA,EAAA;MACF,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG;MAE1B,IAAI,CAAC,GAAG,EAAE;MAEV,IAAI,GAAG,CAAC,QAAQ,EAAE;QAChB,IAAI,CAAC,SAAS,CAAA,CAAE;QAChB,IAAI,CAAC,SAAS,CAAA,CAAE;OACjB,MAAM;QACL,GAAG,CAAC,gBAAgB,CAAC,MAAM,EAAE,MAAK;UAChC,IAAI,CAAC,SAAS,CAAA,CAAE;UAChB,IAAI,CAAC,SAAS,CAAA,CAAE;QAClB,CAAC,EAAE,KAAK,CAAC;MACV;MAED,IAAI,CAAC,QAAQ,GAAG,IAAI;IACtB,CAAC;IACD,SAAS,CAAA,EAAA;MACP,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,aAAa;IACrC;GACD;EAED,MAAM,CAAE,CAAC,EAAA;IACP,MAAM,OAAO,GAAc;MACzB,WAAW,EAAE,mBAAmB;MAChC,KAAK,EAAE,IAAI,CAAC,MAAM;MAClB,KAAK,EAAE;QACL,GAAG,EAAE,IAAI,CAAC,GAAG;QACb,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,GAAG,EAAE,IAAI,CAAC;OACX;MACD,GAAG,EAAE;KACN;IAED,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE;MACzB,WAAW,EAAE;KACd,EAAE,CACD,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,CAClB,CAAC;IAEF,MAAM,OAAO,GAAG,CAAC,CAAC,KAAK,EAAE;MACvB,WAAW,EAAE;KACd,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAEjB,OAAO,CAAC,CAAC,KAAK,EAAE;MACd,WAAW,EAAE,YAAY;MACzB,KAAK,EAAE;QACL,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM;OACvB;MACD,EAAE,EAAE,IAAI,CAAC;KACV,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;EAC1B;CACD,CAAC","sourcesContent":["// Style\nimport './KParallax.sass'\n\n// Mixins\nimport Translatable from '../../mixins/translatable'\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { KNode, KNodeData } from 'kdu/types/knode'\n\nconst baseMixins = mixins(\n Translatable\n)\ninterface options extends InstanceType<typeof baseMixins> {\n $refs: {\n img: HTMLImageElement\n }\n}\n\n/* @kdujs/component */\nexport default baseMixins.extend<options>().extend({\n name: 'k-parallax',\n\n props: {\n alt: {\n type: String,\n default: '',\n },\n height: {\n type: [String, Number],\n default: 500,\n },\n src: String,\n srcset: String,\n },\n\n data: () => ({\n isBooted: false,\n }),\n\n computed: {\n styles (): object {\n return {\n display: 'block',\n opacity: this.isBooted ? 1 : 0,\n transform: `translate(-50%, ${this.parallax}px)`,\n }\n },\n },\n\n mounted () {\n this.init()\n },\n\n methods: {\n init () {\n const img = this.$refs.img\n\n if (!img) return\n\n if (img.complete) {\n this.translate()\n this.listeners()\n } else {\n img.addEventListener('load', () => {\n this.translate()\n this.listeners()\n }, false)\n }\n\n this.isBooted = true\n },\n objHeight () {\n return this.$refs.img.naturalHeight\n },\n },\n\n render (h): KNode {\n const imgData: KNodeData = {\n staticClass: 'k-parallax__image',\n style: this.styles,\n attrs: {\n src: this.src,\n srcset: this.srcset,\n alt: this.alt,\n },\n ref: 'img',\n }\n\n const container = h('div', {\n staticClass: 'k-parallax__image-container',\n }, [\n h('img', imgData),\n ])\n\n const content = h('div', {\n staticClass: 'k-parallax__content',\n }, getSlot(this))\n\n return h('div', {\n staticClass: 'k-parallax',\n style: {\n height: `${this.height}px`,\n },\n on: this.$listeners,\n }, [container, content])\n },\n})\n"],"sourceRoot":"","file":"KParallax.js"}
1
+ {"version":3,"sources":["../../../src/components/KParallax/KParallax.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,kDAAkB;AAEzB;AACA,OAAO,YAAY,MAAM,2BAA2B;AACpD,OAAO,MAAM,MAAM,mBAAmB;AACtC,SAAS,OAAO,QAAQ,oBAAoB;AAK5C,MAAM,UAAU,GAAG,MAAM,CACvB,YAAY,CACb;AAOD;AACA,eAAe,UAAU,CAAC,MAAM,CAAA,CAAW,CAAC,MAAM,CAAC;EACjD,IAAI,EAAE,YAAY;EAElB,KAAK,EAAE;IACL,GAAG,EAAE;MACH,IAAI,EAAE,MAAM;MACZ,OAAO,EAAE;KACV;IACD,MAAM,EAAE;MACN,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;MACtB,OAAO,EAAE;KACV;IACD,GAAG,EAAE,MAAM;IACX,MAAM,EAAE;GACT;EAED,IAAI,EAAE,CAAA,MAAO;IACX,QAAQ,EAAE;GACX,CAAC;EAEF,QAAQ,EAAE;IACR,MAAM,CAAA,EAAA;MACJ,OAAO;QACL,OAAO,EAAE,OAAO;QAChB,OAAO,EAAE,IAAI,CAAC,QAAQ,GAAG,CAAC,GAAG,CAAC;QAC9B,SAAS,EAAE,mBAAmB,IAAI,CAAC,QAAQ;OAC5C;IACH;GACD;EAED,OAAO,CAAA,EAAA;IACL,IAAI,CAAC,IAAI,CAAA,CAAE;EACb,CAAC;EAED,OAAO,EAAE;IACP,IAAI,CAAA,EAAA;MACF,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG;MAE1B,IAAI,CAAC,GAAG,EAAE;MAEV,IAAI,GAAG,CAAC,QAAQ,EAAE;QAChB,IAAI,CAAC,SAAS,CAAA,CAAE;QAChB,IAAI,CAAC,SAAS,CAAA,CAAE;OACjB,MAAM;QACL,GAAG,CAAC,gBAAgB,CAAC,MAAM,EAAE,MAAK;UAChC,IAAI,CAAC,SAAS,CAAA,CAAE;UAChB,IAAI,CAAC,SAAS,CAAA,CAAE;QAClB,CAAC,EAAE,KAAK,CAAC;MACV;MAED,IAAI,CAAC,QAAQ,GAAG,IAAI;IACtB,CAAC;IACD,SAAS,CAAA,EAAA;MACP,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,aAAa;IACrC;GACD;EAED,MAAM,CAAE,CAAC,EAAA;IACP,MAAM,OAAO,GAAc;MACzB,WAAW,EAAE,mBAAmB;MAChC,KAAK,EAAE,IAAI,CAAC,MAAM;MAClB,KAAK,EAAE;QACL,GAAG,EAAE,IAAI,CAAC,GAAG;QACb,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,GAAG,EAAE,IAAI,CAAC;OACX;MACD,GAAG,EAAE;KACN;IAED,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE;MACzB,WAAW,EAAE;KACd,EAAE,CACD,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,CAClB,CAAC;IAEF,MAAM,OAAO,GAAG,CAAC,CAAC,KAAK,EAAE;MACvB,WAAW,EAAE;KACd,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAEjB,OAAO,CAAC,CAAC,KAAK,EAAE;MACd,WAAW,EAAE,YAAY;MACzB,KAAK,EAAE;QACL,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM;OACvB;MACD,EAAE,EAAE,IAAI,CAAC;KACV,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;EAC1B;CACD,CAAC","sourcesContent":["// Style\nimport './KParallax.sass'\n\n// Mixins\nimport Translatable from '../../mixins/translatable'\nimport mixins from '../../util/mixins'\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { KNode, KNodeData } from 'kdu/types/knode'\n\nconst baseMixins = mixins(\n Translatable\n)\ninterface options extends InstanceType<typeof baseMixins> {\n $refs: {\n img: HTMLImageElement\n }\n}\n\n/* @kdujs/component */\nexport default baseMixins.extend<options>().extend({\n name: 'k-parallax',\n\n props: {\n alt: {\n type: String,\n default: '',\n },\n height: {\n type: [String, Number],\n default: 500,\n },\n src: String,\n srcset: String,\n },\n\n data: () => ({\n isBooted: false,\n }),\n\n computed: {\n styles (): object {\n return {\n display: 'block',\n opacity: this.isBooted ? 1 : 0,\n transform: `translate(-50%, ${this.parallax}px)`,\n }\n },\n },\n\n mounted () {\n this.init()\n },\n\n methods: {\n init () {\n const img = this.$refs.img\n\n if (!img) return\n\n if (img.complete) {\n this.translate()\n this.listeners()\n } else {\n img.addEventListener('load', () => {\n this.translate()\n this.listeners()\n }, false)\n }\n\n this.isBooted = true\n },\n objHeight () {\n return this.$refs.img.naturalHeight\n },\n },\n\n render (h): KNode {\n const imgData: KNodeData = {\n staticClass: 'k-parallax__image',\n style: this.styles,\n attrs: {\n src: this.src,\n srcset: this.srcset,\n alt: this.alt,\n },\n ref: 'img',\n }\n\n const container = h('div', {\n staticClass: 'k-parallax__image-container',\n }, [\n h('img', imgData),\n ])\n\n const content = h('div', {\n staticClass: 'k-parallax__content',\n }, getSlot(this))\n\n return h('div', {\n staticClass: 'k-parallax',\n style: {\n height: `${this.height}px`,\n },\n on: this.$listeners,\n }, [container, content])\n },\n})\n"],"sourceRoot":"","file":"KParallax.js"}
@@ -1,5 +1,5 @@
1
- import "..\\..\\..\\src\\components\\KPicker\\KPicker.sass";
2
- import "..\\..\\..\\src\\components\\KCard\\KCard.sass";
1
+ import "../../../src/components/KPicker/KPicker.sass";
2
+ import "../../../src/components/KCard/KCard.sass";
3
3
  // Mixins
4
4
  import Colorable from '../../mixins/colorable';
5
5
  import Elevatable from '../../mixins/elevatable';
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/KPicker/KPicker.ts"],"names":[],"mappings":"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","sourcesContent":["import './KPicker.sass'\nimport '../KCard/KCard.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Elevatable from '../../mixins/elevatable'\nimport Themeable from '../../mixins/themeable'\n\n// Helpers\nimport { convertToUnit, getSlot } from '../../util/helpers'\n\n// Types\nimport { KNode } from 'kdu/types'\nimport mixins from '../../util/mixins'\n\n/* @kdujs/component */\nexport default mixins(\n Colorable,\n Elevatable,\n Themeable\n).extend({\n name: 'k-picker',\n\n props: {\n flat: Boolean,\n fullWidth: Boolean,\n landscape: Boolean,\n noTitle: Boolean,\n transition: {\n type: String,\n default: 'fade-transition',\n },\n width: {\n type: [Number, String],\n default: 290,\n },\n },\n\n computed: {\n computedTitleColor (): string | false {\n const defaultTitleColor = this.isDark ? false : (this.color || 'primary')\n return this.color || defaultTitleColor\n },\n },\n\n methods: {\n genTitle () {\n return this.$createElement('div', this.setBackgroundColor(this.computedTitleColor, {\n staticClass: 'k-picker__title',\n class: {\n 'k-picker__title--landscape': this.landscape,\n },\n }), getSlot(this, 'title'))\n },\n genBodyTransition () {\n return this.$createElement('transition', {\n props: {\n name: this.transition,\n },\n }, getSlot(this))\n },\n genBody () {\n return this.$createElement('div', {\n staticClass: 'k-picker__body',\n class: {\n 'k-picker__body--no-title': this.noTitle,\n ...this.themeClasses,\n },\n style: this.fullWidth ? undefined : {\n width: convertToUnit(this.width),\n },\n }, [\n this.genBodyTransition(),\n ])\n },\n genActions () {\n return this.$createElement('div', {\n staticClass: 'k-picker__actions k-card__actions',\n class: {\n 'k-picker__actions--no-title': this.noTitle,\n },\n }, getSlot(this, 'actions'))\n },\n },\n\n render (h): KNode {\n return h('div', {\n staticClass: 'k-picker k-card',\n class: {\n 'k-picker--flat': this.flat,\n 'k-picker--landscape': this.landscape,\n 'k-picker--full-width': this.fullWidth,\n ...this.themeClasses,\n ...this.elevationClasses,\n },\n }, [\n this.$slots.title ? this.genTitle() : null,\n this.genBody(),\n this.$slots.actions ? this.genActions() : null,\n ])\n },\n})\n"],"sourceRoot":"","file":"KPicker.js"}
1
+ {"version":3,"sources":["../../../src/components/KPicker/KPicker.ts"],"names":[],"mappings":"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","sourcesContent":["import './KPicker.sass'\nimport '../KCard/KCard.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Elevatable from '../../mixins/elevatable'\nimport Themeable from '../../mixins/themeable'\n\n// Helpers\nimport { convertToUnit, getSlot } from '../../util/helpers'\n\n// Types\nimport { KNode } from 'kdu/types'\nimport mixins from '../../util/mixins'\n\n/* @kdujs/component */\nexport default mixins(\n Colorable,\n Elevatable,\n Themeable\n).extend({\n name: 'k-picker',\n\n props: {\n flat: Boolean,\n fullWidth: Boolean,\n landscape: Boolean,\n noTitle: Boolean,\n transition: {\n type: String,\n default: 'fade-transition',\n },\n width: {\n type: [Number, String],\n default: 290,\n },\n },\n\n computed: {\n computedTitleColor (): string | false {\n const defaultTitleColor = this.isDark ? false : (this.color || 'primary')\n return this.color || defaultTitleColor\n },\n },\n\n methods: {\n genTitle () {\n return this.$createElement('div', this.setBackgroundColor(this.computedTitleColor, {\n staticClass: 'k-picker__title',\n class: {\n 'k-picker__title--landscape': this.landscape,\n },\n }), getSlot(this, 'title'))\n },\n genBodyTransition () {\n return this.$createElement('transition', {\n props: {\n name: this.transition,\n },\n }, getSlot(this))\n },\n genBody () {\n return this.$createElement('div', {\n staticClass: 'k-picker__body',\n class: {\n 'k-picker__body--no-title': this.noTitle,\n ...this.themeClasses,\n },\n style: this.fullWidth ? undefined : {\n width: convertToUnit(this.width),\n },\n }, [\n this.genBodyTransition(),\n ])\n },\n genActions () {\n return this.$createElement('div', {\n staticClass: 'k-picker__actions k-card__actions',\n class: {\n 'k-picker__actions--no-title': this.noTitle,\n },\n }, getSlot(this, 'actions'))\n },\n },\n\n render (h): KNode {\n return h('div', {\n staticClass: 'k-picker k-card',\n class: {\n 'k-picker--flat': this.flat,\n 'k-picker--landscape': this.landscape,\n 'k-picker--full-width': this.fullWidth,\n ...this.themeClasses,\n ...this.elevationClasses,\n },\n }, [\n this.$slots.title ? this.genTitle() : null,\n this.genBody(),\n this.$slots.actions ? this.genActions() : null,\n ])\n },\n})\n"],"sourceRoot":"","file":"KPicker.js"}
@@ -1,5 +1,5 @@
1
1
  // Styles
2
- import "..\\..\\..\\src\\components\\KProgressCircular\\KProgressCircular.sass";
2
+ import "../../../src/components/KProgressCircular/KProgressCircular.sass";
3
3
  // Directives
4
4
  import intersect from '../../directives/intersect';
5
5
  // Mixins
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/KProgressCircular/KProgressCircular.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KProgressCircular.sass'\n\n// Directives\nimport intersect from '../../directives/intersect'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\n\n// Utils\nimport { convertToUnit, getSlot } from '../../util/helpers'\n\n// Types\nimport { KNode, KNodeChildren } from 'kdu'\n\n/* @kdujs/component */\nexport default Colorable.extend({\n name: 'k-progress-circular',\n\n directives: { intersect },\n\n props: {\n button: Boolean,\n indeterminate: Boolean,\n rotate: {\n type: [Number, String],\n default: 0,\n },\n size: {\n type: [Number, String],\n default: 32,\n },\n width: {\n type: [Number, String],\n default: 4,\n },\n value: {\n type: [Number, String],\n default: 0,\n },\n },\n\n data: () => ({\n radius: 20,\n isVisible: true,\n }),\n\n computed: {\n calculatedSize (): number {\n return Number(this.size) + (this.button ? 8 : 0)\n },\n\n circumference (): number {\n return 2 * Math.PI * this.radius\n },\n\n classes (): object {\n return {\n 'k-progress-circular--visible': this.isVisible,\n 'k-progress-circular--indeterminate': this.indeterminate,\n 'k-progress-circular--button': this.button,\n }\n },\n\n normalizedValue (): number {\n if (this.value < 0) {\n return 0\n }\n\n if (this.value > 100) {\n return 100\n }\n\n return parseFloat(this.value)\n },\n\n strokeDashArray (): number {\n return Math.round(this.circumference * 1000) / 1000\n },\n\n strokeDashOffset (): string {\n return ((100 - this.normalizedValue) / 100) * this.circumference + 'px'\n },\n\n strokeWidth (): number {\n return Number(this.width) / +this.size * this.viewBoxSize * 2\n },\n\n styles (): object {\n return {\n height: convertToUnit(this.calculatedSize),\n width: convertToUnit(this.calculatedSize),\n }\n },\n\n svgStyles (): object {\n return {\n transform: `rotate(${Number(this.rotate)}deg)`,\n }\n },\n\n viewBoxSize (): number {\n return this.radius / (1 - Number(this.width) / +this.size)\n },\n },\n\n methods: {\n genCircle (name: string, offset: string | number): KNode {\n return this.$createElement('circle', {\n class: `k-progress-circular__${name}`,\n attrs: {\n fill: 'transparent',\n cx: 2 * this.viewBoxSize,\n cy: 2 * this.viewBoxSize,\n r: this.radius,\n 'stroke-width': this.strokeWidth,\n 'stroke-dasharray': this.strokeDashArray,\n 'stroke-dashoffset': offset,\n },\n })\n },\n genSvg (): KNode {\n const children = [\n this.indeterminate || this.genCircle('underlay', 0),\n this.genCircle('overlay', this.strokeDashOffset),\n ] as KNodeChildren\n\n return this.$createElement('svg', {\n style: this.svgStyles,\n attrs: {\n xmlns: 'http://www.w3.org/2000/svg',\n viewBox: `${this.viewBoxSize} ${this.viewBoxSize} ${2 * this.viewBoxSize} ${2 * this.viewBoxSize}`,\n },\n }, children)\n },\n genInfo (): KNode {\n return this.$createElement('div', {\n staticClass: 'k-progress-circular__info',\n }, getSlot(this))\n },\n onObserve (entries: IntersectionObserverEntry[], observer: IntersectionObserver, isIntersecting: boolean) {\n this.isVisible = isIntersecting\n },\n },\n\n render (h): KNode {\n return h('div', this.setTextColor(this.color, {\n staticClass: 'k-progress-circular',\n attrs: {\n role: 'progressbar',\n 'aria-valuemin': 0,\n 'aria-valuemax': 100,\n 'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue,\n },\n class: this.classes,\n directives: [{\n name: 'intersect',\n value: this.onObserve,\n }],\n style: this.styles,\n on: this.$listeners,\n }), [\n this.genSvg(),\n this.genInfo(),\n ])\n },\n})\n"],"sourceRoot":"","file":"KProgressCircular.js"}
1
+ {"version":3,"sources":["../../../src/components/KProgressCircular/KProgressCircular.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KProgressCircular.sass'\n\n// Directives\nimport intersect from '../../directives/intersect'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\n\n// Utils\nimport { convertToUnit, getSlot } from '../../util/helpers'\n\n// Types\nimport { KNode, KNodeChildren } from 'kdu'\n\n/* @kdujs/component */\nexport default Colorable.extend({\n name: 'k-progress-circular',\n\n directives: { intersect },\n\n props: {\n button: Boolean,\n indeterminate: Boolean,\n rotate: {\n type: [Number, String],\n default: 0,\n },\n size: {\n type: [Number, String],\n default: 32,\n },\n width: {\n type: [Number, String],\n default: 4,\n },\n value: {\n type: [Number, String],\n default: 0,\n },\n },\n\n data: () => ({\n radius: 20,\n isVisible: true,\n }),\n\n computed: {\n calculatedSize (): number {\n return Number(this.size) + (this.button ? 8 : 0)\n },\n\n circumference (): number {\n return 2 * Math.PI * this.radius\n },\n\n classes (): object {\n return {\n 'k-progress-circular--visible': this.isVisible,\n 'k-progress-circular--indeterminate': this.indeterminate,\n 'k-progress-circular--button': this.button,\n }\n },\n\n normalizedValue (): number {\n if (this.value < 0) {\n return 0\n }\n\n if (this.value > 100) {\n return 100\n }\n\n return parseFloat(this.value)\n },\n\n strokeDashArray (): number {\n return Math.round(this.circumference * 1000) / 1000\n },\n\n strokeDashOffset (): string {\n return ((100 - this.normalizedValue) / 100) * this.circumference + 'px'\n },\n\n strokeWidth (): number {\n return Number(this.width) / +this.size * this.viewBoxSize * 2\n },\n\n styles (): object {\n return {\n height: convertToUnit(this.calculatedSize),\n width: convertToUnit(this.calculatedSize),\n }\n },\n\n svgStyles (): object {\n return {\n transform: `rotate(${Number(this.rotate)}deg)`,\n }\n },\n\n viewBoxSize (): number {\n return this.radius / (1 - Number(this.width) / +this.size)\n },\n },\n\n methods: {\n genCircle (name: string, offset: string | number): KNode {\n return this.$createElement('circle', {\n class: `k-progress-circular__${name}`,\n attrs: {\n fill: 'transparent',\n cx: 2 * this.viewBoxSize,\n cy: 2 * this.viewBoxSize,\n r: this.radius,\n 'stroke-width': this.strokeWidth,\n 'stroke-dasharray': this.strokeDashArray,\n 'stroke-dashoffset': offset,\n },\n })\n },\n genSvg (): KNode {\n const children = [\n this.indeterminate || this.genCircle('underlay', 0),\n this.genCircle('overlay', this.strokeDashOffset),\n ] as KNodeChildren\n\n return this.$createElement('svg', {\n style: this.svgStyles,\n attrs: {\n xmlns: 'http://www.w3.org/2000/svg',\n viewBox: `${this.viewBoxSize} ${this.viewBoxSize} ${2 * this.viewBoxSize} ${2 * this.viewBoxSize}`,\n },\n }, children)\n },\n genInfo (): KNode {\n return this.$createElement('div', {\n staticClass: 'k-progress-circular__info',\n }, getSlot(this))\n },\n onObserve (entries: IntersectionObserverEntry[], observer: IntersectionObserver, isIntersecting: boolean) {\n this.isVisible = isIntersecting\n },\n },\n\n render (h): KNode {\n return h('div', this.setTextColor(this.color, {\n staticClass: 'k-progress-circular',\n attrs: {\n role: 'progressbar',\n 'aria-valuemin': 0,\n 'aria-valuemax': 100,\n 'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue,\n },\n class: this.classes,\n directives: [{\n name: 'intersect',\n value: this.onObserve,\n }],\n style: this.styles,\n on: this.$listeners,\n }), [\n this.genSvg(),\n this.genInfo(),\n ])\n },\n})\n"],"sourceRoot":"","file":"KProgressCircular.js"}
@@ -1,4 +1,4 @@
1
- import "..\\..\\..\\src\\components\\KProgressLinear\\KProgressLinear.sass";
1
+ import "../../../src/components/KProgressLinear/KProgressLinear.sass";
2
2
  // Components
3
3
  import { KFadeTransition, KSlideXTransition } from '../transitions';
4
4
  // Directives
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/KProgressLinear/KProgressLinear.ts"],"names":[],"mappings":"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","sourcesContent":["import './KProgressLinear.sass'\n\n// Components\nimport {\n KFadeTransition,\n KSlideXTransition,\n} from '../transitions'\n\n// Directives\nimport intersect from '../../directives/intersect'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport { factory as PositionableFactory } from '../../mixins/positionable'\nimport Proxyable from '../../mixins/proxyable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { FunctionalComponentOptions } from 'kdu/types'\nimport { KNode } from 'kdu'\n\nconst baseMixins = mixins(\n Colorable,\n PositionableFactory(['absolute', 'fixed', 'top', 'bottom']),\n Proxyable,\n Themeable\n)\n\n/* @kdujs/component */\nexport default baseMixins.extend({\n name: 'k-progress-linear',\n\n directives: { intersect },\n\n props: {\n active: {\n type: Boolean,\n default: true,\n },\n backgroundColor: {\n type: String,\n default: null,\n },\n backgroundOpacity: {\n type: [Number, String],\n default: null,\n },\n bufferValue: {\n type: [Number, String],\n default: 100,\n },\n color: {\n type: String,\n default: 'primary',\n },\n height: {\n type: [Number, String],\n default: 4,\n },\n indeterminate: Boolean,\n query: Boolean,\n reverse: Boolean,\n rounded: Boolean,\n stream: Boolean,\n striped: Boolean,\n value: {\n type: [Number, String],\n default: 0,\n },\n },\n\n data () {\n return {\n internalLazyValue: this.value || 0,\n isVisible: true,\n }\n },\n\n computed: {\n __cachedBackground (): KNode {\n return this.$createElement('div', this.setBackgroundColor(this.backgroundColor || this.color, {\n staticClass: 'k-progress-linear__background',\n style: this.backgroundStyle,\n }))\n },\n __cachedBar (): KNode {\n return this.$createElement(this.computedTransition, [this.__cachedBarType])\n },\n __cachedBarType (): KNode {\n return this.indeterminate ? this.__cachedIndeterminate : this.__cachedDeterminate\n },\n __cachedBuffer (): KNode {\n return this.$createElement('div', {\n staticClass: 'k-progress-linear__buffer',\n style: this.styles,\n })\n },\n __cachedDeterminate (): KNode {\n return this.$createElement('div', this.setBackgroundColor(this.color, {\n staticClass: `k-progress-linear__determinate`,\n style: {\n width: convertToUnit(this.normalizedValue, '%'),\n },\n }))\n },\n __cachedIndeterminate (): KNode {\n return this.$createElement('div', {\n staticClass: 'k-progress-linear__indeterminate',\n class: {\n 'k-progress-linear__indeterminate--active': this.active,\n },\n }, [\n this.genProgressBar('long'),\n this.genProgressBar('short'),\n ])\n },\n __cachedStream (): KNode | null {\n if (!this.stream) return null\n\n return this.$createElement('div', this.setTextColor(this.color, {\n staticClass: 'k-progress-linear__stream',\n style: {\n width: convertToUnit(100 - this.normalizedBuffer, '%'),\n },\n }))\n },\n backgroundStyle (): object {\n const backgroundOpacity = this.backgroundOpacity == null\n ? (this.backgroundColor ? 1 : 0.3)\n : parseFloat(this.backgroundOpacity)\n\n return {\n opacity: backgroundOpacity,\n [this.isReversed ? 'right' : 'left']: convertToUnit(this.normalizedValue, '%'),\n width: convertToUnit(Math.max(0, this.normalizedBuffer - this.normalizedValue), '%'),\n }\n },\n classes (): object {\n return {\n 'k-progress-linear--absolute': this.absolute,\n 'k-progress-linear--fixed': this.fixed,\n 'k-progress-linear--query': this.query,\n 'k-progress-linear--reactive': this.reactive,\n 'k-progress-linear--reverse': this.isReversed,\n 'k-progress-linear--rounded': this.rounded,\n 'k-progress-linear--striped': this.striped,\n 'k-progress-linear--visible': this.isVisible,\n ...this.themeClasses,\n }\n },\n computedTransition (): FunctionalComponentOptions {\n return this.indeterminate ? KFadeTransition : KSlideXTransition\n },\n isReversed (): boolean {\n return this.$kdutify.rtl !== this.reverse\n },\n normalizedBuffer (): number {\n return this.normalize(this.bufferValue)\n },\n normalizedValue (): number {\n return this.normalize(this.internalLazyValue)\n },\n reactive (): boolean {\n return Boolean(this.$listeners.change)\n },\n styles (): object {\n const styles: Record<string, any> = {}\n\n if (!this.active) {\n styles.height = 0\n }\n\n if (!this.indeterminate && parseFloat(this.normalizedBuffer) !== 100) {\n styles.width = convertToUnit(this.normalizedBuffer, '%')\n }\n\n return styles\n },\n },\n\n methods: {\n genContent () {\n const slot = getSlot(this, 'default', { value: this.internalLazyValue })\n\n if (!slot) return null\n\n return this.$createElement('div', {\n staticClass: 'k-progress-linear__content',\n }, slot)\n },\n genListeners () {\n const listeners = this.$listeners\n\n if (this.reactive) {\n listeners.click = this.onClick\n }\n\n return listeners\n },\n genProgressBar (name: 'long' | 'short') {\n return this.$createElement('div', this.setBackgroundColor(this.color, {\n staticClass: 'k-progress-linear__indeterminate',\n class: {\n [name]: true,\n },\n }))\n },\n onClick (e: MouseEvent) {\n if (!this.reactive) return\n\n const { width } = this.$el.getBoundingClientRect()\n\n this.internalValue = e.offsetX / width * 100\n },\n onObserve (entries: IntersectionObserverEntry[], observer: IntersectionObserver, isIntersecting: boolean) {\n this.isVisible = isIntersecting\n },\n normalize (value: string | number) {\n if (value < 0) return 0\n if (value > 100) return 100\n return parseFloat(value)\n },\n },\n\n render (h): KNode {\n const data = {\n staticClass: 'k-progress-linear',\n attrs: {\n role: 'progressbar',\n 'aria-valuemin': 0,\n 'aria-valuemax': this.normalizedBuffer,\n 'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue,\n },\n class: this.classes,\n directives: [{\n name: 'intersect',\n value: this.onObserve,\n }],\n style: {\n bottom: this.bottom ? 0 : undefined,\n height: this.active ? convertToUnit(this.height) : 0,\n top: this.top ? 0 : undefined,\n },\n on: this.genListeners(),\n }\n\n return h('div', data, [\n this.__cachedStream,\n this.__cachedBackground,\n this.__cachedBuffer,\n this.__cachedBar,\n this.genContent(),\n ])\n },\n})\n"],"sourceRoot":"","file":"KProgressLinear.js"}
1
+ {"version":3,"sources":["../../../src/components/KProgressLinear/KProgressLinear.ts"],"names":[],"mappings":"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","sourcesContent":["import './KProgressLinear.sass'\n\n// Components\nimport {\n KFadeTransition,\n KSlideXTransition,\n} from '../transitions'\n\n// Directives\nimport intersect from '../../directives/intersect'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport { factory as PositionableFactory } from '../../mixins/positionable'\nimport Proxyable from '../../mixins/proxyable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport mixins from '../../util/mixins'\n\n// Types\nimport { FunctionalComponentOptions } from 'kdu/types'\nimport { KNode } from 'kdu'\n\nconst baseMixins = mixins(\n Colorable,\n PositionableFactory(['absolute', 'fixed', 'top', 'bottom']),\n Proxyable,\n Themeable\n)\n\n/* @kdujs/component */\nexport default baseMixins.extend({\n name: 'k-progress-linear',\n\n directives: { intersect },\n\n props: {\n active: {\n type: Boolean,\n default: true,\n },\n backgroundColor: {\n type: String,\n default: null,\n },\n backgroundOpacity: {\n type: [Number, String],\n default: null,\n },\n bufferValue: {\n type: [Number, String],\n default: 100,\n },\n color: {\n type: String,\n default: 'primary',\n },\n height: {\n type: [Number, String],\n default: 4,\n },\n indeterminate: Boolean,\n query: Boolean,\n reverse: Boolean,\n rounded: Boolean,\n stream: Boolean,\n striped: Boolean,\n value: {\n type: [Number, String],\n default: 0,\n },\n },\n\n data () {\n return {\n internalLazyValue: this.value || 0,\n isVisible: true,\n }\n },\n\n computed: {\n __cachedBackground (): KNode {\n return this.$createElement('div', this.setBackgroundColor(this.backgroundColor || this.color, {\n staticClass: 'k-progress-linear__background',\n style: this.backgroundStyle,\n }))\n },\n __cachedBar (): KNode {\n return this.$createElement(this.computedTransition, [this.__cachedBarType])\n },\n __cachedBarType (): KNode {\n return this.indeterminate ? this.__cachedIndeterminate : this.__cachedDeterminate\n },\n __cachedBuffer (): KNode {\n return this.$createElement('div', {\n staticClass: 'k-progress-linear__buffer',\n style: this.styles,\n })\n },\n __cachedDeterminate (): KNode {\n return this.$createElement('div', this.setBackgroundColor(this.color, {\n staticClass: `k-progress-linear__determinate`,\n style: {\n width: convertToUnit(this.normalizedValue, '%'),\n },\n }))\n },\n __cachedIndeterminate (): KNode {\n return this.$createElement('div', {\n staticClass: 'k-progress-linear__indeterminate',\n class: {\n 'k-progress-linear__indeterminate--active': this.active,\n },\n }, [\n this.genProgressBar('long'),\n this.genProgressBar('short'),\n ])\n },\n __cachedStream (): KNode | null {\n if (!this.stream) return null\n\n return this.$createElement('div', this.setTextColor(this.color, {\n staticClass: 'k-progress-linear__stream',\n style: {\n width: convertToUnit(100 - this.normalizedBuffer, '%'),\n },\n }))\n },\n backgroundStyle (): object {\n const backgroundOpacity = this.backgroundOpacity == null\n ? (this.backgroundColor ? 1 : 0.3)\n : parseFloat(this.backgroundOpacity)\n\n return {\n opacity: backgroundOpacity,\n [this.isReversed ? 'right' : 'left']: convertToUnit(this.normalizedValue, '%'),\n width: convertToUnit(Math.max(0, this.normalizedBuffer - this.normalizedValue), '%'),\n }\n },\n classes (): object {\n return {\n 'k-progress-linear--absolute': this.absolute,\n 'k-progress-linear--fixed': this.fixed,\n 'k-progress-linear--query': this.query,\n 'k-progress-linear--reactive': this.reactive,\n 'k-progress-linear--reverse': this.isReversed,\n 'k-progress-linear--rounded': this.rounded,\n 'k-progress-linear--striped': this.striped,\n 'k-progress-linear--visible': this.isVisible,\n ...this.themeClasses,\n }\n },\n computedTransition (): FunctionalComponentOptions {\n return this.indeterminate ? KFadeTransition : KSlideXTransition\n },\n isReversed (): boolean {\n return this.$kdutify.rtl !== this.reverse\n },\n normalizedBuffer (): number {\n return this.normalize(this.bufferValue)\n },\n normalizedValue (): number {\n return this.normalize(this.internalLazyValue)\n },\n reactive (): boolean {\n return Boolean(this.$listeners.change)\n },\n styles (): object {\n const styles: Record<string, any> = {}\n\n if (!this.active) {\n styles.height = 0\n }\n\n if (!this.indeterminate && parseFloat(this.normalizedBuffer) !== 100) {\n styles.width = convertToUnit(this.normalizedBuffer, '%')\n }\n\n return styles\n },\n },\n\n methods: {\n genContent () {\n const slot = getSlot(this, 'default', { value: this.internalLazyValue })\n\n if (!slot) return null\n\n return this.$createElement('div', {\n staticClass: 'k-progress-linear__content',\n }, slot)\n },\n genListeners () {\n const listeners = this.$listeners\n\n if (this.reactive) {\n listeners.click = this.onClick\n }\n\n return listeners\n },\n genProgressBar (name: 'long' | 'short') {\n return this.$createElement('div', this.setBackgroundColor(this.color, {\n staticClass: 'k-progress-linear__indeterminate',\n class: {\n [name]: true,\n },\n }))\n },\n onClick (e: MouseEvent) {\n if (!this.reactive) return\n\n const { width } = this.$el.getBoundingClientRect()\n\n this.internalValue = e.offsetX / width * 100\n },\n onObserve (entries: IntersectionObserverEntry[], observer: IntersectionObserver, isIntersecting: boolean) {\n this.isVisible = isIntersecting\n },\n normalize (value: string | number) {\n if (value < 0) return 0\n if (value > 100) return 100\n return parseFloat(value)\n },\n },\n\n render (h): KNode {\n const data = {\n staticClass: 'k-progress-linear',\n attrs: {\n role: 'progressbar',\n 'aria-valuemin': 0,\n 'aria-valuemax': this.normalizedBuffer,\n 'aria-valuenow': this.indeterminate ? undefined : this.normalizedValue,\n },\n class: this.classes,\n directives: [{\n name: 'intersect',\n value: this.onObserve,\n }],\n style: {\n bottom: this.bottom ? 0 : undefined,\n height: this.active ? convertToUnit(this.height) : 0,\n top: this.top ? 0 : undefined,\n },\n on: this.genListeners(),\n }\n\n return h('div', data, [\n this.__cachedStream,\n this.__cachedBackground,\n this.__cachedBuffer,\n this.__cachedBar,\n this.genContent(),\n ])\n },\n})\n"],"sourceRoot":"","file":"KProgressLinear.js"}
@@ -1,5 +1,5 @@
1
1
  // Styles
2
- import "..\\..\\..\\src\\components\\KRadioGroup\\KRadio.sass";
2
+ import "../../../src/components/KRadioGroup/KRadio.sass";
3
3
  import KLabel from '../KLabel';
4
4
  import KIcon from '../KIcon';
5
5
  import KInput from '../KInput';
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/KRadioGroup/KRadio.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KRadio.sass'\n\n// Components\nimport KRadioGroup from './KRadioGroup'\nimport KLabel from '../KLabel'\nimport KIcon from '../KIcon'\nimport KInput from '../KInput'\n\n// Mixins\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport Colorable from '../../mixins/colorable'\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport Rippleable from '../../mixins/rippleable'\nimport Themeable from '../../mixins/themeable'\nimport Selectable, { prevent } from '../../mixins/selectable'\n\n// Utilities\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { KNode, KNodeData } from 'kdu'\nimport mixins from '../../util/mixins'\nimport { mergeListeners } from '../../util/mergeData'\n\nconst baseMixins = mixins(\n BindsAttrs,\n Colorable,\n Rippleable,\n GroupableFactory('radioGroup'),\n Themeable\n)\n\ninterface options extends InstanceType<typeof baseMixins> {\n radioGroup: InstanceType<typeof KRadioGroup>\n}\n\n/* @kdujs/component */\nexport default baseMixins.extend<options>().extend({\n name: 'k-radio',\n\n inheritAttrs: false,\n\n props: {\n disabled: {\n type: Boolean,\n default: null,\n },\n id: String,\n label: String,\n name: String,\n offIcon: {\n type: String,\n default: '$radioOff',\n },\n onIcon: {\n type: String,\n default: '$radioOn',\n },\n readonly: {\n type: Boolean,\n default: null,\n },\n value: {\n default: null,\n },\n },\n\n data: () => ({\n isFocused: false,\n }),\n\n computed: {\n classes (): object {\n return {\n 'k-radio--is-disabled': this.isDisabled,\n 'k-radio--is-focused': this.isFocused,\n ...this.themeClasses,\n ...this.groupClasses,\n }\n },\n computedColor (): string | undefined {\n if (this.isDisabled) return undefined\n return Selectable.options.computed.computedColor.call(this)\n },\n computedIcon (): string {\n return this.isActive\n ? this.onIcon\n : this.offIcon\n },\n computedId (): string {\n return KInput.options.computed.computedId.call(this)\n },\n hasLabel: KInput.options.computed.hasLabel,\n hasState (): boolean {\n return (this.radioGroup || {}).hasState\n },\n isDisabled (): boolean {\n return this.disabled ?? (\n !!this.radioGroup &&\n this.radioGroup.isDisabled\n )\n },\n isReadonly (): boolean {\n return this.readonly ?? (\n !!this.radioGroup &&\n this.radioGroup.isReadonly\n )\n },\n computedName (): string {\n if (this.name || !this.radioGroup) {\n return this.name\n }\n\n return this.radioGroup.name || `radio-${this.radioGroup._uid}`\n },\n rippleState (): string | undefined {\n return Selectable.options.computed.rippleState.call(this)\n },\n validationState (): string | undefined {\n return (this.radioGroup || {}).validationState || this.computedColor\n },\n },\n\n methods: {\n genInput (args: any) {\n // We can't actually use the mixin directly because\n // it's made for standalone components, but its\n // genInput method is exactly what we need\n return Selectable.options.methods.genInput.call(this, 'radio', args)\n },\n genLabel () {\n if (!this.hasLabel) return null\n\n return this.$createElement(KLabel, {\n on: {\n // Label shouldn't cause the input to focus\n click: prevent,\n },\n attrs: {\n for: this.computedId,\n },\n props: {\n color: this.validationState,\n focused: this.hasState,\n },\n }, getSlot(this, 'label') || this.label)\n },\n genRadio () {\n const { title, ...radioAttrs } = this.attrs$\n\n return this.$createElement('div', {\n staticClass: 'k-input--selection-controls__input',\n }, [\n this.$createElement(KIcon, this.setTextColor(this.validationState, {\n props: {\n dense: this.radioGroup && this.radioGroup.dense,\n },\n }), this.computedIcon),\n this.genInput({\n name: this.computedName,\n value: this.value,\n ...radioAttrs,\n }),\n this.genRipple(this.setTextColor(this.rippleState)),\n ])\n },\n onFocus (e: Event) {\n this.isFocused = true\n this.$emit('focus', e)\n },\n onBlur (e: Event) {\n this.isFocused = false\n this.$emit('blur', e)\n },\n onChange () {\n if (this.isDisabled || this.isReadonly || this.isActive) return\n\n this.toggle()\n },\n onKeydown: () => {}, // Override default with noop\n },\n\n render (h): KNode {\n const data: KNodeData = {\n staticClass: 'k-radio',\n class: this.classes,\n on: mergeListeners({\n click: this.onChange,\n }, this.listeners$),\n attrs: { title: this.attrs$.title },\n }\n\n return h('div', data, [\n this.genRadio(),\n this.genLabel(),\n ])\n },\n})\n"],"sourceRoot":"","file":"KRadio.js"}
1
+ {"version":3,"sources":["../../../src/components/KRadioGroup/KRadio.ts"],"names":[],"mappings":"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","sourcesContent":["// Styles\nimport './KRadio.sass'\n\n// Components\nimport KRadioGroup from './KRadioGroup'\nimport KLabel from '../KLabel'\nimport KIcon from '../KIcon'\nimport KInput from '../KInput'\n\n// Mixins\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport Colorable from '../../mixins/colorable'\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport Rippleable from '../../mixins/rippleable'\nimport Themeable from '../../mixins/themeable'\nimport Selectable, { prevent } from '../../mixins/selectable'\n\n// Utilities\nimport { getSlot } from '../../util/helpers'\n\n// Types\nimport { KNode, KNodeData } from 'kdu'\nimport mixins from '../../util/mixins'\nimport { mergeListeners } from '../../util/mergeData'\n\nconst baseMixins = mixins(\n BindsAttrs,\n Colorable,\n Rippleable,\n GroupableFactory('radioGroup'),\n Themeable\n)\n\ninterface options extends InstanceType<typeof baseMixins> {\n radioGroup: InstanceType<typeof KRadioGroup>\n}\n\n/* @kdujs/component */\nexport default baseMixins.extend<options>().extend({\n name: 'k-radio',\n\n inheritAttrs: false,\n\n props: {\n disabled: {\n type: Boolean,\n default: null,\n },\n id: String,\n label: String,\n name: String,\n offIcon: {\n type: String,\n default: '$radioOff',\n },\n onIcon: {\n type: String,\n default: '$radioOn',\n },\n readonly: {\n type: Boolean,\n default: null,\n },\n value: {\n default: null,\n },\n },\n\n data: () => ({\n isFocused: false,\n }),\n\n computed: {\n classes (): object {\n return {\n 'k-radio--is-disabled': this.isDisabled,\n 'k-radio--is-focused': this.isFocused,\n ...this.themeClasses,\n ...this.groupClasses,\n }\n },\n computedColor (): string | undefined {\n if (this.isDisabled) return undefined\n return Selectable.options.computed.computedColor.call(this)\n },\n computedIcon (): string {\n return this.isActive\n ? this.onIcon\n : this.offIcon\n },\n computedId (): string {\n return KInput.options.computed.computedId.call(this)\n },\n hasLabel: KInput.options.computed.hasLabel,\n hasState (): boolean {\n return (this.radioGroup || {}).hasState\n },\n isDisabled (): boolean {\n return this.disabled ?? (\n !!this.radioGroup &&\n this.radioGroup.isDisabled\n )\n },\n isReadonly (): boolean {\n return this.readonly ?? (\n !!this.radioGroup &&\n this.radioGroup.isReadonly\n )\n },\n computedName (): string {\n if (this.name || !this.radioGroup) {\n return this.name\n }\n\n return this.radioGroup.name || `radio-${this.radioGroup._uid}`\n },\n rippleState (): string | undefined {\n return Selectable.options.computed.rippleState.call(this)\n },\n validationState (): string | undefined {\n return (this.radioGroup || {}).validationState || this.computedColor\n },\n },\n\n methods: {\n genInput (args: any) {\n // We can't actually use the mixin directly because\n // it's made for standalone components, but its\n // genInput method is exactly what we need\n return Selectable.options.methods.genInput.call(this, 'radio', args)\n },\n genLabel () {\n if (!this.hasLabel) return null\n\n return this.$createElement(KLabel, {\n on: {\n // Label shouldn't cause the input to focus\n click: prevent,\n },\n attrs: {\n for: this.computedId,\n },\n props: {\n color: this.validationState,\n focused: this.hasState,\n },\n }, getSlot(this, 'label') || this.label)\n },\n genRadio () {\n const { title, ...radioAttrs } = this.attrs$\n\n return this.$createElement('div', {\n staticClass: 'k-input--selection-controls__input',\n }, [\n this.$createElement(KIcon, this.setTextColor(this.validationState, {\n props: {\n dense: this.radioGroup && this.radioGroup.dense,\n },\n }), this.computedIcon),\n this.genInput({\n name: this.computedName,\n value: this.value,\n ...radioAttrs,\n }),\n this.genRipple(this.setTextColor(this.rippleState)),\n ])\n },\n onFocus (e: Event) {\n this.isFocused = true\n this.$emit('focus', e)\n },\n onBlur (e: Event) {\n this.isFocused = false\n this.$emit('blur', e)\n },\n onChange () {\n if (this.isDisabled || this.isReadonly || this.isActive) return\n\n this.toggle()\n },\n onKeydown: () => {}, // Override default with noop\n },\n\n render (h): KNode {\n const data: KNodeData = {\n staticClass: 'k-radio',\n class: this.classes,\n on: mergeListeners({\n click: this.onChange,\n }, this.listeners$),\n attrs: { title: this.attrs$.title },\n }\n\n return h('div', data, [\n this.genRadio(),\n this.genLabel(),\n ])\n },\n})\n"],"sourceRoot":"","file":"KRadio.js"}
@@ -1,6 +1,6 @@
1
1
  // Styles
2
- import "..\\..\\..\\src\\styles\\components\\_selection-controls.sass";
3
- import "..\\..\\..\\src\\components\\KRadioGroup\\KRadioGroup.sass";
2
+ import "../../../src/styles/components/_selection-controls.sass";
3
+ import "../../../src/components/KRadioGroup/KRadioGroup.sass";
4
4
  // Extensions
5
5
  import KInput from '../KInput';
6
6
  import { BaseItemGroup } from '../KItemGroup/KItemGroup';
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/KRadioGroup/KRadioGroup.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,+DAAkD;AACzD,OAAO,4DAAoB;AAE3B;AACA,OAAO,MAAM,MAAM,WAAW;AAC9B,SAAS,aAAa,QAAQ,0BAA0B;AAExD;AACA,OAAO,MAAM,MAAM,mBAAmB;AAGtC,MAAM,UAAU,GAAG,MAAM,CACvB,aAAa,EACb,MAAM,CACP;AAED;AACA,eAAe,UAAU,CAAC,MAAM,CAAC;EAC/B,IAAI,EAAE,eAAe;EAErB,OAAO,CAAA,EAAA;IACL,OAAO;MACL,UAAU,EAAE;KACb;EACH,CAAC;EAED,KAAK,EAAE;IACL,MAAM,EAAE;MACN,IAAI,EAAE,OAAO;MACb,OAAO,EAAE;KACV;IACD,MAAM,EAAE;MACN,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;MACtB,OAAO,EAAE;KACV;IACD,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,OAAO;IACZ;IACA;IACA;IACA,KAAK,EAAE;GACR;EAED,QAAQ,EAAE;IACR,OAAO,CAAA,EAAA;MACL,OAAO;QACL,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;QAC7C,kDAAkD,EAAE,IAAI;QACxD,8BAA8B,EAAE,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,GAAG;QACxD,2BAA2B,EAAE,IAAI,CAAC;OACnC;IACH;GACD;EAED,OAAO,EAAE;IACP,cAAc,CAAA,EAAA;MACZ,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE;QAChC,WAAW,EAAE,6BAA6B;QAC1C,KAAK,EAAE;UACL,EAAE,EAAE,IAAI,CAAC,EAAE;UACX,IAAI,EAAE,YAAY;UAClB,iBAAiB,EAAE,IAAI,CAAC;QACzB;OACF,EAAE,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACtD,CAAC;IACD,YAAY,CAAA,EAAA;MACV,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;MAE7D,OAAO,MAAM,CAAC,IAAK,CAAC,EAAG,CAAC,KAAK;MAE7B,OAAO,MAAM;IACf,CAAC;IACD,QAAQ,CAAA,EAAA;MACN,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;MAExD,IAAI,CAAC,KAAK,EAAE,OAAO,IAAI;MAEvB,KAAK,CAAC,IAAK,CAAC,KAAM,CAAC,EAAE,GAAG,IAAI,CAAC,UAAU;MACvC;MACA,OAAO,KAAK,CAAC,IAAK,CAAC,KAAM,CAAC,GAAG;MAC7B,KAAK,CAAC,GAAG,GAAG,QAAQ;MAEpB,OAAO,KAAK;IACd,CAAC;IACD,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC;GACxC;EAED,MAAM,CAAE,CAAC,EAAA;IACP,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IAEjD,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,IAAK,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC;IAExC,OAAO,KAAK;EACd;CACD,CAAC","sourcesContent":["// Styles\nimport '../../styles/components/_selection-controls.sass'\nimport './KRadioGroup.sass'\n\n// Extensions\nimport KInput from '../KInput'\nimport { BaseItemGroup } from '../KItemGroup/KItemGroup'\n\n// Types\nimport mixins from '../../util/mixins'\nimport { PropType } from 'kdu'\n\nconst baseMixins = mixins(\n BaseItemGroup,\n KInput\n)\n\n/* @kdujs/component */\nexport default baseMixins.extend({\n name: 'k-radio-group',\n\n provide () {\n return {\n radioGroup: this,\n }\n },\n\n props: {\n column: {\n type: Boolean,\n default: true,\n },\n height: {\n type: [Number, String],\n default: 'auto',\n },\n name: String,\n row: Boolean,\n // If no value set on KRadio\n // will match valueComparator\n // force default to null\n value: null as unknown as PropType<any>,\n },\n\n computed: {\n classes (): object {\n return {\n ...KInput.options.computed.classes.call(this),\n 'k-input--selection-controls k-input--radio-group': true,\n 'k-input--radio-group--column': this.column && !this.row,\n 'k-input--radio-group--row': this.row,\n }\n },\n },\n\n methods: {\n genDefaultSlot () {\n return this.$createElement('div', {\n staticClass: 'k-input--radio-group__input',\n attrs: {\n id: this.id,\n role: 'radiogroup',\n 'aria-labelledby': this.computedId,\n },\n }, KInput.options.methods.genDefaultSlot.call(this))\n },\n genInputSlot () {\n const render = KInput.options.methods.genInputSlot.call(this)\n\n delete render.data!.on!.click\n\n return render\n },\n genLabel () {\n const label = KInput.options.methods.genLabel.call(this)\n\n if (!label) return null\n\n label.data!.attrs!.id = this.computedId\n // WAI considers this an orphaned label\n delete label.data!.attrs!.for\n label.tag = 'legend'\n\n return label\n },\n onClick: BaseItemGroup.options.methods.onClick,\n },\n\n render (h) {\n const knode = KInput.options.render.call(this, h)\n\n this._b(knode.data!, 'div', this.attrs$)\n\n return knode\n },\n})\n"],"sourceRoot":"","file":"KRadioGroup.js"}
1
+ {"version":3,"sources":["../../../src/components/KRadioGroup/KRadioGroup.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,yDAAkD;AACzD,OAAO,sDAAoB;AAE3B;AACA,OAAO,MAAM,MAAM,WAAW;AAC9B,SAAS,aAAa,QAAQ,0BAA0B;AAExD;AACA,OAAO,MAAM,MAAM,mBAAmB;AAGtC,MAAM,UAAU,GAAG,MAAM,CACvB,aAAa,EACb,MAAM,CACP;AAED;AACA,eAAe,UAAU,CAAC,MAAM,CAAC;EAC/B,IAAI,EAAE,eAAe;EAErB,OAAO,CAAA,EAAA;IACL,OAAO;MACL,UAAU,EAAE;KACb;EACH,CAAC;EAED,KAAK,EAAE;IACL,MAAM,EAAE;MACN,IAAI,EAAE,OAAO;MACb,OAAO,EAAE;KACV;IACD,MAAM,EAAE;MACN,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;MACtB,OAAO,EAAE;KACV;IACD,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,OAAO;IACZ;IACA;IACA;IACA,KAAK,EAAE;GACR;EAED,QAAQ,EAAE;IACR,OAAO,CAAA,EAAA;MACL,OAAO;QACL,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;QAC7C,kDAAkD,EAAE,IAAI;QACxD,8BAA8B,EAAE,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,GAAG;QACxD,2BAA2B,EAAE,IAAI,CAAC;OACnC;IACH;GACD;EAED,OAAO,EAAE;IACP,cAAc,CAAA,EAAA;MACZ,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE;QAChC,WAAW,EAAE,6BAA6B;QAC1C,KAAK,EAAE;UACL,EAAE,EAAE,IAAI,CAAC,EAAE;UACX,IAAI,EAAE,YAAY;UAClB,iBAAiB,EAAE,IAAI,CAAC;QACzB;OACF,EAAE,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACtD,CAAC;IACD,YAAY,CAAA,EAAA;MACV,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;MAE7D,OAAO,MAAM,CAAC,IAAK,CAAC,EAAG,CAAC,KAAK;MAE7B,OAAO,MAAM;IACf,CAAC;IACD,QAAQ,CAAA,EAAA;MACN,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;MAExD,IAAI,CAAC,KAAK,EAAE,OAAO,IAAI;MAEvB,KAAK,CAAC,IAAK,CAAC,KAAM,CAAC,EAAE,GAAG,IAAI,CAAC,UAAU;MACvC;MACA,OAAO,KAAK,CAAC,IAAK,CAAC,KAAM,CAAC,GAAG;MAC7B,KAAK,CAAC,GAAG,GAAG,QAAQ;MAEpB,OAAO,KAAK;IACd,CAAC;IACD,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC;GACxC;EAED,MAAM,CAAE,CAAC,EAAA;IACP,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IAEjD,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,IAAK,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC;IAExC,OAAO,KAAK;EACd;CACD,CAAC","sourcesContent":["// Styles\nimport '../../styles/components/_selection-controls.sass'\nimport './KRadioGroup.sass'\n\n// Extensions\nimport KInput from '../KInput'\nimport { BaseItemGroup } from '../KItemGroup/KItemGroup'\n\n// Types\nimport mixins from '../../util/mixins'\nimport { PropType } from 'kdu'\n\nconst baseMixins = mixins(\n BaseItemGroup,\n KInput\n)\n\n/* @kdujs/component */\nexport default baseMixins.extend({\n name: 'k-radio-group',\n\n provide () {\n return {\n radioGroup: this,\n }\n },\n\n props: {\n column: {\n type: Boolean,\n default: true,\n },\n height: {\n type: [Number, String],\n default: 'auto',\n },\n name: String,\n row: Boolean,\n // If no value set on KRadio\n // will match valueComparator\n // force default to null\n value: null as unknown as PropType<any>,\n },\n\n computed: {\n classes (): object {\n return {\n ...KInput.options.computed.classes.call(this),\n 'k-input--selection-controls k-input--radio-group': true,\n 'k-input--radio-group--column': this.column && !this.row,\n 'k-input--radio-group--row': this.row,\n }\n },\n },\n\n methods: {\n genDefaultSlot () {\n return this.$createElement('div', {\n staticClass: 'k-input--radio-group__input',\n attrs: {\n id: this.id,\n role: 'radiogroup',\n 'aria-labelledby': this.computedId,\n },\n }, KInput.options.methods.genDefaultSlot.call(this))\n },\n genInputSlot () {\n const render = KInput.options.methods.genInputSlot.call(this)\n\n delete render.data!.on!.click\n\n return render\n },\n genLabel () {\n const label = KInput.options.methods.genLabel.call(this)\n\n if (!label) return null\n\n label.data!.attrs!.id = this.computedId\n // WAI considers this an orphaned label\n delete label.data!.attrs!.for\n label.tag = 'legend'\n\n return label\n },\n onClick: BaseItemGroup.options.methods.onClick,\n },\n\n render (h) {\n const knode = KInput.options.render.call(this, h)\n\n this._b(knode.data!, 'div', this.attrs$)\n\n return knode\n },\n})\n"],"sourceRoot":"","file":"KRadioGroup.js"}
@@ -1,5 +1,5 @@
1
1
  // Styles
2
- import "..\\..\\..\\src\\components\\KRangeSlider\\KRangeSlider.sass";
2
+ import "../../../src/components/KRangeSlider/KRangeSlider.sass";
3
3
  // Components
4
4
  import KSlider from '../KSlider';
5
5
  // Helpers