maz-ui 5.0.0-beta.2 → 5.0.0-beta.21
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.
- package/README.md +3 -3
- package/dist/assets/MazAlert.gOZN4HAY.css +1 -0
- package/dist/assets/{MazAnimatedElement.Cp08C3Am.css → MazAnimatedElement.1lYkOmS_.css} +1 -1
- package/dist/assets/{MazAvatar.CpPqvm4T.css → MazAvatar.B-41e8Vz.css} +1 -1
- package/dist/assets/MazBadge.7wvLTpXT.css +2 -0
- package/dist/assets/MazBtn.B1jqSFkP.css +2 -0
- package/dist/assets/{MazBtnGroup.DPJ08qUH.css → MazBtnGroup.eBAxlevC.css} +1 -1
- package/dist/assets/{MazCard.CiXMS_O0.css → MazCard.GDJKC28u.css} +1 -1
- package/dist/assets/{MazCardSpotlight.BWxDYtMB.css → MazCardSpotlight.DWcwCE_x.css} +1 -1
- package/dist/assets/MazCarousel.CFodwRZ8.css +2 -0
- package/dist/assets/MazCheckbox.BDv9Kzn4.css +2 -0
- package/dist/assets/MazChecklist.BAHvQmpZ.css +2 -0
- package/dist/assets/MazCircularProgressBar.Dwo_otqO.css +2 -0
- package/dist/assets/MazCodeHighlight.Bohw-cQ8.css +2 -0
- package/dist/assets/MazDatePicker.Dze5lP2Z.css +2 -0
- package/dist/assets/{MazDialog.CRl1KJMb.css → MazDialog.DVOJKjZT.css} +1 -1
- package/dist/assets/MazDropdown.hk8AjLUj.css +2 -0
- package/dist/assets/MazDropzone._IzxepXc.css +2 -0
- package/dist/assets/MazExpandAnimation.Dm_osf9a.css +1 -0
- package/dist/assets/MazGallery.BQJYB5aB.css +2 -0
- package/dist/assets/{MazIcon.BMfnhLWZ.css → MazIcon.CJ57CoyL.css} +1 -1
- package/dist/assets/MazInput.CxBl5eb8.css +2 -0
- package/dist/assets/MazInputCode.Cv4-YQM3.css +2 -0
- package/dist/assets/MazInputNumber.CkY2X-Br.css +2 -0
- package/dist/assets/MazInputPhoneNumber.DJpbK7FY.css +2 -0
- package/dist/assets/MazInputTags.CcTvLQpM.css +2 -0
- package/dist/assets/MazLazyImg.DsDVBSaq.css +2 -0
- package/dist/assets/MazLoadingBar.CIIpp5oM.css +2 -0
- package/dist/assets/MazPickerCalendar.XCmOz1gG.css +2 -0
- package/dist/assets/MazPickerCalendarGrid.DiySQJQ9.css +2 -0
- package/dist/assets/{MazPickerContainer.9qDXYxYf.css → MazPickerContainer.DKHVLuOd.css} +2 -2
- package/dist/assets/MazPickerHeader.DcZc4vI_.css +2 -0
- package/dist/assets/MazPickerMonthSwitcher.CiMwoYth.css +2 -0
- package/dist/assets/{MazPickerShortcuts.DXaksyv3.css → MazPickerShortcuts.CbWJ5TeL.css} +2 -2
- package/dist/assets/MazPickerTime.DjVO29NI.css +2 -0
- package/dist/assets/MazPopover.lxovbn-y.css +2 -0
- package/dist/assets/MazRadio.DEhhm7Rd.css +2 -0
- package/dist/assets/MazRadioButtons.CMe9Bnu-.css +2 -0
- package/dist/assets/MazSelect.vD0j0NLj.css +2 -0
- package/dist/assets/{MazSelectCountry.CohUUJwW.css → MazSelectCountry.B3E_sxoF.css} +1 -1
- package/dist/assets/MazSlider.BbG8pKUD.css +1 -0
- package/dist/assets/MazStepper.CoOENYlA.css +2 -0
- package/dist/assets/MazSwitch.C0-CNV1u.css +2 -0
- package/dist/assets/MazTable.COCHwMkP.css +2 -0
- package/dist/assets/MazTextarea.B165I3tW.css +2 -0
- package/dist/assets/MazTicker.wrrz6Gqf.css +1 -0
- package/dist/assets/MazTimeline.Cq6ECR5r.css +2 -0
- package/dist/assets/PhoneInput.B7NIGHOT.css +2 -0
- package/dist/assets/{vFullscreenImg.CjFY-ZFg.css → vFullscreenImg.CbRcsz1Q.css} +2 -2
- package/dist/chunks/{MazAccordion.Cdolj-YQ.js → MazAccordion.C1kFmgOd.js} +1 -1
- package/dist/chunks/MazAlert.B64HfK6T.js +1 -0
- package/dist/chunks/{MazAnimatedElement.KogJHmi9.js → MazAnimatedElement.BhKCkwho.js} +1 -1
- package/dist/chunks/{MazAvatar.Dh7T1xIj.js → MazAvatar.DBPOlZ55.js} +1 -1
- package/dist/chunks/MazBadge.sGi-WO8_.js +1 -0
- package/dist/chunks/{MazBottomSheet.hUSv04aJ.js → MazBottomSheet.rynuS491.js} +1 -1
- package/dist/chunks/MazBtn.BbzUbXCS.js +1 -0
- package/dist/chunks/{MazBtnGroup.C7uEDToX.js → MazBtnGroup.Bzp5sJdI.js} +1 -1
- package/dist/chunks/{MazCard.Rl_3FSCW.js → MazCard.QIBcwdOh.js} +1 -1
- package/dist/chunks/{MazCardSpotlight.DJTBSrin.js → MazCardSpotlight.Cp-9GWEo.js} +1 -1
- package/dist/chunks/{MazCarousel.IpduDB_B.js → MazCarousel.zQtP-Ko6.js} +1 -1
- package/dist/chunks/MazCheckbox.CxZ9h3wO.js +1 -0
- package/dist/chunks/{MazChecklist.BjD2wwJi.js → MazChecklist.BnfCIFqV.js} +1 -1
- package/dist/chunks/MazCircularProgressBar.CPVPaqix.js +1 -0
- package/dist/chunks/MazCodeHighlight.SRyNl3m0.js +1 -0
- package/dist/chunks/{MazContainer.BZcM8tJx.js → MazContainer.Cxym3mwp.js} +1 -1
- package/dist/chunks/MazDatePicker.BQv_VjLC.js +1 -0
- package/dist/chunks/{MazDialog.C_kLflio.js → MazDialog.DPDetEnB.js} +1 -1
- package/dist/chunks/{MazDialogConfirm.DY48xj6x.js → MazDialogConfirm.CMjHcqtL.js} +1 -1
- package/dist/chunks/MazDrawer.wiCtW3te.js +1 -0
- package/dist/chunks/{MazDropdown.rlq4PEak.js → MazDropdown.Bks10tZ-.js} +1 -1
- package/dist/chunks/{MazDropzone.Df6rO0Gz.js → MazDropzone.pYZqQMx-.js} +1 -1
- package/dist/chunks/{MazExpandAnimation.Cl_bvZFF.js → MazExpandAnimation.2yfCUs-B.js} +1 -1
- package/dist/chunks/{MazFullscreenLoader.piw0g6xw.js → MazFullscreenLoader.DdJwziyG.js} +1 -1
- package/dist/chunks/{MazGallery.BBbtfdw-.js → MazGallery.CxTVI2eq.js} +1 -1
- package/dist/chunks/{MazIcon.kRDEA5UE.js → MazIcon.BKcg5YfP.js} +1 -1
- package/dist/chunks/MazInput.C5wxW29_.js +1 -0
- package/dist/chunks/MazInputCode.Clw49atB.js +1 -0
- package/dist/chunks/{MazInputNumber.CFjdkBxB.js → MazInputNumber.H3hDFruX.js} +1 -1
- package/dist/chunks/MazInputPhoneNumber.DSKkCU9W.js +1 -0
- package/dist/chunks/MazInputPrice.vwVZLIjo.js +1 -0
- package/dist/chunks/MazInputTags.Cbo7mrA-.js +1 -0
- package/dist/chunks/MazLazyImg.C-rXKwgk.js +1 -0
- package/dist/chunks/{MazLink.Bw42F4GU.js → MazLink.DNRMFwxx.js} +1 -1
- package/dist/chunks/MazLoadingBar.8VIbG1FC.js +1 -0
- package/dist/chunks/{MazPagination.BLHnWrQZ.js → MazPagination.qBHT1H5C.js} +1 -1
- package/dist/chunks/{MazPickerCalendarDays.DL_S6etm.js → MazPickerCalendarDays.BMOBBRGk.js} +1 -1
- package/dist/chunks/MazPickerCalendarGrid.BEuOrZkB.js +1 -0
- package/dist/chunks/MazPickerContainer.q_apJvYe.js +1 -0
- package/dist/chunks/{MazPopover.D43qRews.js → MazPopover.BZG8J4IR.js} +1 -1
- package/dist/chunks/MazPullToRefresh.Cv9fdXAR.js +1 -0
- package/dist/chunks/MazRadio.BxPh6uNY.js +1 -0
- package/dist/chunks/MazRadioButtons.CujnlCek.js +1 -0
- package/dist/chunks/{MazReadMore.CDb58Qbk.js → MazReadMore.Gi36G0ie.js} +1 -1
- package/dist/chunks/MazReadingProgressBar.B4O-DlKc.js +1 -0
- package/dist/chunks/MazSelect.D0Bhctte.js +1 -0
- package/dist/chunks/{MazSelectCountry.yOI65iTh.js → MazSelectCountry.DG9eMPlJ.js} +1 -1
- package/dist/chunks/MazSidebar.B3qOAYfC.js +1 -0
- package/dist/chunks/MazSidebarContent.55R1Imj5.js +1 -0
- package/dist/chunks/MazSidebarFooter.RBFc3239.js +1 -0
- package/dist/chunks/MazSidebarGroup.Jo41zolA.js +1 -0
- package/dist/chunks/MazSidebarHeader.BmYFJe1q.js +1 -0
- package/dist/chunks/MazSidebarMenu.DfeWEHUN.js +1 -0
- package/dist/chunks/MazSidebarMenuButton.DHhzwcrB.js +1 -0
- package/dist/chunks/MazSidebarMenuItem.C91VaIcp.js +1 -0
- package/dist/chunks/MazSidebarMenuSub.hBlczMZ7.js +1 -0
- package/dist/chunks/MazSidebarSeparator.BEUlWhdH.js +1 -0
- package/dist/chunks/MazSidebarTrigger.BAIhFZ_Y.js +1 -0
- package/dist/chunks/{MazSlider.JXA4EAPR.js → MazSlider.DzOgeA_f.js} +1 -1
- package/dist/chunks/{MazStepper.DveHhpAf.js → MazStepper.CVSQcw6J.js} +1 -1
- package/dist/chunks/MazSwitch.CehyUAVa.js +1 -0
- package/dist/chunks/MazTable.DLv0EPdq.js +1 -0
- package/dist/chunks/{MazTableCell.DlL3zb03.js → MazTableCell.8KquT_rl.js} +1 -1
- package/dist/chunks/{MazTableRow.DuIQQ2_z.js → MazTableRow.DdgQXUjE.js} +1 -1
- package/dist/chunks/{MazTableTitle.DYPWGVjt.js → MazTableTitle.CanAyB3B.js} +1 -1
- package/dist/chunks/MazTabsBar.BtzkarA9.js +1 -0
- package/dist/chunks/MazTextarea.CvuA5KZc.js +1 -0
- package/dist/chunks/{MazTicker.CU2DK5RQ.js → MazTicker.IC-g93GQ.js} +1 -1
- package/dist/chunks/MazTimeline.CwgMKnxB.js +1 -0
- package/dist/chunks/MazWindowMockup.BPtZQS_5.js +1 -0
- package/dist/chunks/PhoneInput.DXI3UxdG.js +1 -0
- package/dist/chunks/autofillSync.B_LuRBKI.js +8 -0
- package/dist/chunks/dialog.i1OuN7Ep.js +1 -0
- package/dist/chunks/{toast.CpCNijBx.js → toast.DYc2ED7c.js} +1 -1
- package/dist/chunks/utils.B_6GvJKL.js +1 -0
- package/dist/chunks/vFullscreenImg.D1SwJSfc.js +1 -0
- package/dist/chunks/vZoomImg.DZYG8zF1.js +124 -0
- package/dist/components/MazAccordion.js +1 -1
- package/dist/components/MazAlert.js +1 -1
- package/dist/components/MazAnimatedCounter.js +1 -1
- package/dist/components/MazAnimatedElement.js +1 -1
- package/dist/components/MazAnimatedText.js +1 -1
- package/dist/components/MazAvatar.js +1 -1
- package/dist/components/MazBackdrop.js +1 -1
- package/dist/components/MazBadge.js +1 -1
- package/dist/components/MazBottomSheet.js +1 -1
- package/dist/components/MazBtn.js +1 -1
- package/dist/components/MazBtnGroup.js +1 -1
- package/dist/components/MazCard.js +1 -1
- package/dist/components/MazCardSpotlight.js +1 -1
- package/dist/components/MazCarousel.js +1 -1
- package/dist/components/MazChart.js +1 -1
- package/dist/components/MazCheckbox.js +1 -1
- package/dist/components/MazChecklist.js +1 -1
- package/dist/components/MazCircularProgressBar.js +1 -1
- package/dist/components/MazCircularProgressBar.vue.d.ts +2 -2
- package/dist/components/MazCodeHighlight.js +1 -0
- package/dist/components/MazCodeHighlight.vue.d.ts +33 -0
- package/dist/components/MazContainer.js +1 -1
- package/dist/components/MazDatePicker/MazPickerCalendar.js +1 -1
- package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarDays.js +1 -1
- package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarGrid.js +1 -1
- package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarGrid.vue.d.ts +1 -1
- package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarMonth.js +1 -1
- package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarMonth.vue.d.ts +1 -1
- package/dist/components/MazDatePicker/MazPickerCalendarSwitcher.js +1 -1
- package/dist/components/MazDatePicker/MazPickerContainer.js +1 -1
- package/dist/components/MazDatePicker/MazPickerHeader.js +1 -1
- package/dist/components/MazDatePicker/MazPickerMonthSwitcher.js +1 -1
- package/dist/components/MazDatePicker/MazPickerShortcuts.js +1 -1
- package/dist/components/MazDatePicker/MazPickerTime.js +1 -1
- package/dist/components/MazDatePicker/MazPickerYearSwitcher.js +1 -1
- package/dist/components/MazDatePicker/utils.d.ts +1 -1
- package/dist/components/MazDatePicker.js +1 -1
- package/dist/components/MazDatePicker.vue.d.ts +3 -31
- package/dist/components/MazDialog.js +1 -1
- package/dist/components/MazDialogConfirm.js +1 -1
- package/dist/components/MazDrawer.js +1 -1
- package/dist/components/MazDrawer.vue.d.ts +3 -7
- package/dist/components/MazDropdown.js +1 -1
- package/dist/components/MazDropzone.js +1 -1
- package/dist/components/MazDropzone.vue.d.ts +2 -2
- package/dist/components/MazExpandAnimation.js +1 -1
- package/dist/components/MazExpandAnimation.vue.d.ts +1 -4
- package/dist/components/MazFullscreenLoader.js +1 -1
- package/dist/components/MazFullscreenLoader.vue.d.ts +2 -2
- package/dist/components/MazGallery.js +1 -1
- package/dist/components/MazGallery.vue.d.ts +3 -3
- package/dist/components/MazIcon.js +1 -1
- package/dist/components/MazInput.js +1 -1
- package/dist/components/MazInputCode.js +1 -1
- package/dist/components/MazInputNumber.js +1 -1
- package/dist/components/MazInputPhoneNumber/PhoneInput.js +1 -1
- package/dist/components/MazInputPhoneNumber.js +1 -1
- package/dist/components/MazInputPhoneNumber.vue.d.ts +24 -27
- package/dist/components/MazInputPrice.js +1 -1
- package/dist/components/MazInputPrice.vue.d.ts +1 -8
- package/dist/components/MazInputTags.js +1 -1
- package/dist/components/MazInputTags.vue.d.ts +1 -14
- package/dist/components/MazLazyImg.js +1 -1
- package/dist/components/MazLazyImg.vue.d.ts +1 -13
- package/dist/components/MazLink.js +1 -1
- package/dist/components/MazLoadingBar.js +1 -1
- package/dist/components/MazLoadingBar.vue.d.ts +1 -4
- package/dist/components/MazPagination.js +1 -1
- package/dist/components/MazPopover.js +1 -1
- package/dist/components/MazPullToRefresh.js +1 -1
- package/dist/components/MazPullToRefresh.vue.d.ts +1 -10
- package/dist/components/MazRadio.js +1 -1
- package/dist/components/MazRadioButtons.js +1 -1
- package/dist/components/MazReadMore.js +1 -1
- package/dist/components/MazReadingProgressBar.js +1 -1
- package/dist/components/MazReadingProgressBar.vue.d.ts +1 -9
- package/dist/components/MazSelect.js +1 -1
- package/dist/components/MazSelectCountry.js +1 -1
- package/dist/components/MazSidebar.js +1 -0
- package/dist/components/MazSidebar.vue.d.ts +82 -0
- package/dist/components/MazSidebarContent.js +1 -0
- package/dist/components/MazSidebarContent.vue.d.ts +13 -0
- package/dist/components/MazSidebarFooter.js +1 -0
- package/dist/components/MazSidebarFooter.vue.d.ts +13 -0
- package/dist/components/MazSidebarGroup.js +1 -0
- package/dist/components/MazSidebarGroup.vue.d.ts +17 -0
- package/dist/components/MazSidebarHeader.js +1 -0
- package/dist/components/MazSidebarHeader.vue.d.ts +13 -0
- package/dist/components/MazSidebarMenu.js +1 -0
- package/dist/components/MazSidebarMenu.vue.d.ts +13 -0
- package/dist/components/MazSidebarMenuButton.js +1 -0
- package/dist/components/MazSidebarMenuButton.vue.d.ts +57 -0
- package/dist/components/MazSidebarMenuItem.js +1 -0
- package/dist/components/MazSidebarMenuItem.vue.d.ts +13 -0
- package/dist/components/MazSidebarMenuSub.js +1 -0
- package/dist/components/MazSidebarMenuSub.vue.d.ts +28 -0
- package/dist/components/MazSidebarSeparator.js +1 -0
- package/dist/components/MazSidebarSeparator.vue.d.ts +3 -0
- package/dist/components/MazSidebarTrigger.js +1 -0
- package/dist/components/MazSidebarTrigger.vue.d.ts +13 -0
- package/dist/components/MazSkeleton.js +1 -1
- package/dist/components/MazSlider.js +1 -1
- package/dist/components/MazSlider.vue.d.ts +2 -2
- package/dist/components/MazSpinner.js +1 -1
- package/dist/components/MazSpinner.vue.d.ts +2 -2
- package/dist/components/MazStepper.js +1 -1
- package/dist/components/MazSwitch.js +1 -1
- package/dist/components/MazSwitch.vue.d.ts +1 -9
- package/dist/components/MazTable.js +1 -1
- package/dist/components/MazTableCell.js +1 -1
- package/dist/components/MazTableRow.js +1 -1
- package/dist/components/MazTableTitle.js +1 -1
- package/dist/components/MazTabs.js +1 -1
- package/dist/components/MazTabsBar.js +1 -1
- package/dist/components/MazTabsContent.js +1 -1
- package/dist/components/MazTabsContentItem.js +1 -1
- package/dist/components/MazTextarea.js +1 -1
- package/dist/components/MazTextarea.vue.d.ts +6 -0
- package/dist/components/MazTicker.js +1 -1
- package/dist/components/MazTicker.vue.d.ts +2 -1
- package/dist/components/MazTimeline.js +1 -1
- package/dist/components/MazTimeline.vue.d.ts +11 -11
- package/dist/components/MazUiProvider.js +1 -1
- package/dist/components/MazWindowMockup.js +1 -0
- package/dist/components/MazWindowMockup.vue.d.ts +79 -0
- package/dist/components/index.d.ts +19 -0
- package/dist/components/index.js +1 -1
- package/dist/composables/index.d.ts +1 -0
- package/dist/composables/index.js +1 -1
- package/dist/composables/useFormField.js +1 -1
- package/dist/composables/useFormValidator.js +1 -1
- package/dist/composables/useMutationObserver.js +1 -1
- package/dist/composables/useSidebar.d.ts +9 -0
- package/dist/composables/useSidebar.js +1 -0
- package/dist/css/main.css +2 -2
- package/dist/directives/index.js +1 -1
- package/dist/directives/vFullscreenImg/MazFullscreenImg.vue.d.ts +1 -17
- package/dist/directives/vFullscreenImg.js +1 -1
- package/dist/directives/vLazyImg.js +1 -1
- package/dist/directives/vTooltip.d.ts +1 -1
- package/dist/directives/vTooltip.js +1 -1
- package/dist/directives/vZoomImg.js +1 -1
- package/dist/plugins/aos.js +1 -1
- package/dist/plugins/dialog.js +1 -1
- package/dist/plugins/index.js +1 -1
- package/dist/plugins/toast.js +1 -1
- package/dist/resolvers/MazModulesResolver.js +1 -1
- package/dist/utils/autofillSync.d.ts +7 -0
- package/package.json +23 -17
- package/src/tailwindcss/dist-entry.css +22 -0
- package/src/tailwindcss/tailwind.css +6 -13
- package/src/tailwindcss/theme-breakpoints.css +1 -1
- package/src/tailwindcss/theme-colors.css +178 -146
- package/src/tailwindcss/theme-z-index.css +1 -1
- package/dist/assets/MazAlert.BEKRp5TE.css +0 -1
- package/dist/assets/MazBadge.CQ_Cqbo0.css +0 -2
- package/dist/assets/MazBtn.B4ARraxn.css +0 -2
- package/dist/assets/MazCarousel.DHsJRz4B.css +0 -2
- package/dist/assets/MazCheckbox.Ckgz_1mn.css +0 -2
- package/dist/assets/MazChecklist.C0sO1k0f.css +0 -2
- package/dist/assets/MazCircularProgressBar.DBOJhubv.css +0 -2
- package/dist/assets/MazDatePicker.Cf19TvR9.css +0 -2
- package/dist/assets/MazDropdown.DuHXlNR5.css +0 -2
- package/dist/assets/MazDropzone.qDSJqvPQ.css +0 -2
- package/dist/assets/MazExpandAnimation.CgvydHqq.css +0 -1
- package/dist/assets/MazGallery.CSTVRDQW.css +0 -2
- package/dist/assets/MazInput.CityKWUN.css +0 -2
- package/dist/assets/MazInputCode.CauzIYA8.css +0 -2
- package/dist/assets/MazInputNumber.Cb2cXrDU.css +0 -2
- package/dist/assets/MazInputPhoneNumber.97mXXwNC.css +0 -2
- package/dist/assets/MazInputTags.DIdqhJ5S.css +0 -2
- package/dist/assets/MazLazyImg.AHDWJNWy.css +0 -2
- package/dist/assets/MazLoadingBar.DmdgimS2.css +0 -2
- package/dist/assets/MazPickerCalendar.CKVj4R5J.css +0 -2
- package/dist/assets/MazPickerCalendarGrid.BZIQ_rkT.css +0 -2
- package/dist/assets/MazPickerHeader.DimgaTbU.css +0 -2
- package/dist/assets/MazPickerMonthSwitcher.B9zR-CFE.css +0 -2
- package/dist/assets/MazPickerTime.Cplzohzt.css +0 -2
- package/dist/assets/MazPopover.C3NZt7Oa.css +0 -2
- package/dist/assets/MazRadio.CbewU6Jm.css +0 -2
- package/dist/assets/MazRadioButtons.SsP8lwTX.css +0 -2
- package/dist/assets/MazSelect.Dk-TVTa4.css +0 -2
- package/dist/assets/MazSlider.NibQDiS8.css +0 -1
- package/dist/assets/MazStepper.B6k3_2py.css +0 -2
- package/dist/assets/MazSwitch.CS67L0qT.css +0 -2
- package/dist/assets/MazTable.Bc31cJ5h.css +0 -2
- package/dist/assets/MazTextarea.95tGQ52x.css +0 -2
- package/dist/assets/MazTicker.BjBOnlzS.css +0 -1
- package/dist/assets/MazTimeline.BGQ6pbLr.css +0 -2
- package/dist/assets/PhoneInput.BmRC0jMP.css +0 -2
- package/dist/chunks/MazAlert.BsJZbgwU.js +0 -1
- package/dist/chunks/MazBadge.qfSgQGtq.js +0 -1
- package/dist/chunks/MazBtn.0tgZGvC7.js +0 -1
- package/dist/chunks/MazCheckbox.qZv3EJ7L.js +0 -1
- package/dist/chunks/MazCircularProgressBar.DgxuAQF6.js +0 -1
- package/dist/chunks/MazDatePicker.B1Dq6Rvf.js +0 -1
- package/dist/chunks/MazDrawer.CfBHuPq_.js +0 -1
- package/dist/chunks/MazInput.CFr7sI-v.js +0 -1
- package/dist/chunks/MazInputCode.CIIvJDQ0.js +0 -1
- package/dist/chunks/MazInputPhoneNumber.y6af_iI2.js +0 -1
- package/dist/chunks/MazInputPrice.D0CPTqs9.js +0 -1
- package/dist/chunks/MazInputTags.xFBzXkRv.js +0 -1
- package/dist/chunks/MazLazyImg.z8_yBEOx.js +0 -1
- package/dist/chunks/MazLoadingBar.CI6QO1G0.js +0 -1
- package/dist/chunks/MazPickerCalendarGrid.C0Bwo6id.js +0 -1
- package/dist/chunks/MazPickerContainer.CE7LCpU1.js +0 -1
- package/dist/chunks/MazPullToRefresh.DE-q1blW.js +0 -1
- package/dist/chunks/MazRadio.CQD74OS0.js +0 -1
- package/dist/chunks/MazRadioButtons.CPC7ipTs.js +0 -1
- package/dist/chunks/MazReadingProgressBar.rV5iIxRA.js +0 -1
- package/dist/chunks/MazSelect.FGeGDpmQ.js +0 -1
- package/dist/chunks/MazSwitch.z9_5sfOl.js +0 -1
- package/dist/chunks/MazTable.BkQ9GTeo.js +0 -1
- package/dist/chunks/MazTabsBar.DZ-6qL0A.js +0 -1
- package/dist/chunks/MazTextarea.DcONQnwU.js +0 -1
- package/dist/chunks/MazTimeline.BVQpGUcl.js +0 -1
- package/dist/chunks/autofillSync.ClCtzXjh.js +0 -8
- package/dist/chunks/dialog.qgEhJrxa.js +0 -1
- package/dist/chunks/useMazInputPhoneNumber.CpBb0rFP.js +0 -1
- package/dist/chunks/utils.BIXHUFDs.js +0 -1
- package/dist/chunks/vFullscreenImg.1ZDySW82.js +0 -1
- package/dist/chunks/vZoomImg.BIBTtMAC.js +0 -124
- /package/dist/chunks/{MazAnimatedCounter.BB9t1vM7.js → MazAnimatedCounter.Rk-yM4N2.js} +0 -0
- /package/dist/chunks/{MazAnimatedText.aHI4sInV.js → MazAnimatedText.iQfrDH56.js} +0 -0
- /package/dist/chunks/{MazBackdrop.Bj_lfFfI.js → MazBackdrop.Dr4Jzi7i.js} +0 -0
- /package/dist/chunks/{MazChart.BgKBae8x.js → MazChart.rgunYvSL.js} +0 -0
- /package/dist/chunks/{MazSkeleton.CUdScMSz.js → MazSkeleton.Dx2Wx-KY.js} +0 -0
- /package/dist/chunks/{MazSpinner.VlFx29X6.js → MazSpinner.DSO951_i.js} +0 -0
- /package/dist/chunks/{MazTabs.CYVG5Hei.js → MazTabs.BKiO8ea3.js} +0 -0
- /package/dist/chunks/{MazTabsContent.BWD9artL.js → MazTabsContent.3n3JMUhb.js} +0 -0
- /package/dist/chunks/{MazTabsContentItem.C9oA1iu1.js → MazTabsContentItem.FeabvNjK.js} +0 -0
- /package/dist/chunks/{MazUiProvider.kaPhljl0.js → MazUiProvider.DlRehEZH.js} +0 -0
- /package/dist/chunks/{dom-events.CSORMA25.js → dom-events.jotfM9Bu.js} +0 -0
- /package/dist/chunks/{hasSlotContent.akaXJLAp.js → hasSlotContent.BLn0kQC7.js} +0 -0
- /package/dist/chunks/{resolveLinkComponent.CW1-KDJv.js → resolveLinkComponent.yH64gJv0.js} +0 -0
- /package/dist/chunks/{types.BzZE-ew0.js → types.Dahe5l3v.js} +0 -0
- /package/dist/chunks/{vLazyImg.BAhY-K9u.js → vLazyImg.C7fTCbTe.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{computed,createBlock,createCommentVNode,createElementBlock,defineComponent,inject,markRaw,normalizeClass,normalizeStyle,onServerPrefetch,openBlock,ref,resolveDynamicComponent,useAttrs,watch}from"vue";import{
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{computed,createBlock,createCommentVNode,createElementBlock,defineComponent,inject,markRaw,normalizeClass,normalizeStyle,onServerPrefetch,openBlock,ref,resolveDynamicComponent,useAttrs,watch}from"vue";import{isServer}from"@maz-ui/utils/helpers/isServer";import{MazQuestionMarkCircle}from"@maz-ui/icons/lazy/MazQuestionMarkCircle";import '../assets/MazIcon.CJ57CoyL.css';var RAW_SVG_PATTERN=/^\s*<svg[\s>]/i;var URL_PATTERN=/^(?:[a-z][a-z\d+\-.]*:|\/)/i;var RE_SVG_OPEN=/<svg\b/i;var RE_SVG_TAG_FULL=/(<svg\b[^>]*>)/i;var RE_SVG_TAG_WITH_CLOSE=/<svg\b([^>]*)>/i;var RE_SVG_DIMENSIONS=/\s(?:width|height)\s*=\s*(?:"[^"]*"|'[^']*')/gi;var RE_TITLE_TAG=/<title\b[^>]*>[\s\S]*?<\/title>/i;var svgTextCache=new Map;var svgFetchInflight=new Map;function isRawSvg(value){return typeof value==`string`&&RAW_SVG_PATTERN.test(value)}function isUrlLike(value){return typeof value==`string`&&URL_PATTERN.test(value)&&!isRawSvg(value)}function isStringIcon(value){return typeof value==`string`}function stripSvgRootDimensions(svg){return svg.replace(RE_SVG_TAG_WITH_CLOSE,(_,attrs)=>`<svg${attrs.replace(RE_SVG_DIMENSIONS,``)}>`)}function prepareSvgString(svg,options={}){let result=stripSvgRootDimensions(svg);if(result=result.replace(RE_SVG_OPEN,`<svg width="1em" height="1em"`),options.svgAttributes){let attrStr=Object.entries(options.svgAttributes).filter(([,v])=>typeof v==`string`||typeof v==`number`).map(([k,v])=>`${k}="${String(v).replace(/"/g,`"`)}"`).join(` `);attrStr&&(result=result.replace(RE_SVG_TAG_WITH_CLOSE,`<svg$1 ${attrStr}>`))}if(options.title){let escaped=options.title.replace(/&/g,`&`).replace(/</g,`<`).replace(/>/g,`>`);result=result.replace(RE_TITLE_TAG,``),result=result.replace(RE_SVG_TAG_FULL,`$1<title>${escaped}</title>`)}return result}async function fetchSvgText(url){let cached=svgTextCache.get(url);if(cached)return cached;let inflight=svgFetchInflight.get(url);if(inflight)return inflight;let promise=(async()=>{let response=await fetch(url);if(!response.ok)throw Error(`[MazIcon] Could not fetch icon at ${url} (${response.status})`);let text=await response.text();if(!isRawSvg(text)||text.includes(`<parsererror`))throw Error(`[MazIcon] Response at ${url} is not a valid SVG`);return svgTextCache.set(url,text),text})();svgFetchInflight.set(url,promise);try{return await promise}finally{svgFetchInflight.delete(url)}}var _hoisted_1=[`aria-hidden`,`role`,`innerHTML`];var MazIcon_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazIcon`,props:{icon:{type:[String,Function,Object]},fallback:{type:[String,Function,Object],default:MazQuestionMarkCircle},size:{},title:{},svgAttributes:{},flipIconForRtl:{type:Boolean,default:!1}},emits:[`error`],setup(__props,{emit:__emit}){let emits=__emit;let predefinedSizes=[`xs`,`sm`,`md`,`lg`,`xl`];let attrs=useAttrs();let rawSvgContent=ref(``);let hasFetchError=ref(!1);let mazIconPath=inject(`mazIconPath`,void 0);let componentIcon=computed(()=>{if(__props.icon&&!isStringIcon(__props.icon))return markRaw(__props.icon);if((!__props.icon||isStringIcon(__props.icon)&&hasFetchError.value)&&__props.fallback&&!isStringIcon(__props.fallback))return markRaw(__props.fallback)});let svgStyle=computed(()=>{let isPredefined=__props.size&&predefinedSizes.includes(__props.size);if(!(!__props.size||isPredefined))return{fontSize:__props.size}});let SIZE_CLASS={xs:`maz:text-base`,sm:`maz:text-xl`,md:`maz:text-2xl`,lg:`maz:text-4xl`,xl:`maz:text-5xl`};let sizeClass=computed(()=>__props.size&&predefinedSizes.includes(__props.size)?`m-icon--${__props.size} ${SIZE_CLASS[__props.size]}`:void 0);let hasAriaLabel=computed(()=>!!(attrs[`aria-label`]||attrs[`aria-labelledby`]||__props.svgAttributes?.[`aria-label`]||__props.svgAttributes?.[`aria-labelledby`]));let ariaHidden=computed(()=>{let fromAttrs=attrs[`aria-hidden`];return fromAttrs==null?hasAriaLabel.value?void 0:`true`:String(fromAttrs)===`false`?`false`:`true`});let role=computed(()=>hasAriaLabel.value?`img`:void 0);let flipClass=computed(()=>__props.flipIconForRtl?`m-icon--flip-for-rtl`:void 0);function renderRaw(svg){rawSvgContent.value=prepareSvgString(svg,{title:__props.title,svgAttributes:__props.svgAttributes})}function isRelativeUrl(value){return value.startsWith(`/`)&&!value.startsWith(`//`)}function resolveUrl(value){return mazIconPath&&isRelativeUrl(value)?`${mazIconPath.endsWith(`/`)?mazIconPath.slice(0,-1):mazIconPath}/${value.startsWith(`/`)?value.slice(1):value}`:value}async function resolveStringIcon(value){if(isRawSvg(value)){renderRaw(value);return}if(isUrlLike(value)){let resolved=resolveUrl(value);if(isServer()&&isRelativeUrl(resolved))return;try{renderRaw(await fetchSvgText(resolved))}catch(error){let err=error instanceof Error?error:Error(String(error));console.warn(err),emits(`error`,err),hasFetchError.value=!0,__props.fallback&&isStringIcon(__props.fallback)&&__props.fallback!==value&&await resolveStringIcon(__props.fallback)}}}async function renderIcon(){if(hasFetchError.value=!1,!(__props.icon&&!isStringIcon(__props.icon))){if(__props.icon&&isStringIcon(__props.icon)){await resolveStringIcon(__props.icon);return}__props.fallback&&isStringIcon(__props.fallback)&&await resolveStringIcon(__props.fallback)}}if(!isServer()&&__props.icon&&isStringIcon(__props.icon)&&!isRawSvg(__props.icon)){let cached=svgTextCache.get(__props.icon);cached&&renderRaw(cached)}onServerPrefetch(async()=>{(__props.icon&&isStringIcon(__props.icon)&&isRawSvg(__props.icon)||__props.fallback&&isStringIcon(__props.fallback)&&isRawSvg(__props.fallback))&&await renderIcon()});let hasHydrated=!1;return watch(()=>[__props.icon,__props.fallback,__props.title,__props.svgAttributes],async()=>{if(!isServer()&&!hasHydrated&&rawSvgContent.value&&__props.icon&&isStringIcon(__props.icon)&&isUrlLike(__props.icon)){hasHydrated=!0;let cached=svgTextCache.get(__props.icon);if(cached){renderRaw(cached);return}}await renderIcon()},{immediate:!0,deep:!0}),(_ctx,_cache)=>rawSvgContent.value?(openBlock(),createElementBlock(`span`,{key:0,class:normalizeClass([`m-icon m-reset-css maz:inline-flex maz:size-[1em] maz:flex-center`,[sizeClass.value,flipClass.value]]),style:normalizeStyle(svgStyle.value),"aria-hidden":ariaHidden.value,role:role.value,innerHTML:rawSvgContent.value},null,14,_hoisted_1)):componentIcon.value?(openBlock(),createBlock(resolveDynamicComponent(componentIcon.value),{key:1,class:normalizeClass([`m-icon m-reset-css maz:inline-flex maz:size-[1em] maz:flex-center`,[sizeClass.value,flipClass.value]]),style:normalizeStyle(svgStyle.value),"aria-hidden":ariaHidden.value,role:role.value},null,8,[`class`,`style`,`aria-hidden`,`role`])):createCommentVNode(``,!0)}}),[[`__scopeId`,`data-v-2dc593ca`]]);export{MazIcon_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as hasSlotContent}from"./hasSlotContent.BLn0kQC7.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useMazIconProps}from"../composables/useMazIconProps.js";import{n as readInitialAutofillValue,t as onAutofillSync}from"./autofillSync.B_LuRBKI.js";import{computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createVNode,defineAsyncComponent,defineComponent,mergeProps,normalizeClass,normalizeStyle,onBeforeUnmount,onMounted,openBlock,ref,renderSlot,toDisplayString,toHandlers,unref,useSlots,vModelDynamic,withCtx,withDirectives,withModifiers}from"vue";import{debounce}from"@maz-ui/utils/helpers/debounce";import{MazEye}from"@maz-ui/icons/lazy/MazEye";import{MazEyeSlash}from"@maz-ui/icons/lazy/MazEyeSlash";import '../assets/MazInput.CxBl5eb8.css';var _hoisted_1=[`for`];var _hoisted_2={key:0,class:`m-input-wrapper-start maz:relative maz:z-1 maz:flex maz:flex-center maz:space-x-1 maz:py-1 maz:ps-2`};var _hoisted_3=[`id`,`placeholder`,`aria-label`,`type`,`inputmode`,`name`,`autocomplete`,`disabled`,`readonly`,`required`];var _hoisted_4={key:1,class:`m-input-wrapper-end maz:relative maz:z-1 maz:flex maz:flex-center maz:space-x-1 maz:py-1 maz:pe-2`};var MazInput_default=_plugin_vue_export_helper_default(defineComponent({inheritAttrs:!1,__name:`MazInput`,props:{style:{type:[Boolean,null,String,Object,Array]},class:{type:[Boolean,null,String,Object,Array]},modelValue:{},placeholder:{},label:{},topLabel:{},assistiveText:{},color:{default:`primary`},type:{default:`text`},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean},id:{},error:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},hint:{},inputClasses:{},border:{type:Boolean,default:!0},inputmode:{default:`text`},size:{default:`md`},debounce:{type:[Boolean,Number],default:!1},autoFocus:{type:Boolean,default:!1},borderActive:{type:Boolean,default:!1},startIcon:{type:[String,Function,Object]},endIcon:{type:[String,Function,Object]},roundedSize:{default:`md`},block:{type:Boolean},name:{},autocomplete:{},loading:{type:Boolean,default:!1}},emits:[`update:model-value`,`focus`,`blur`,`click`,`change`,`input`],setup(__props,{emit:__emit}){let emits=__emit;let MazIcon=defineAsyncComponent(()=>import(`../components/MazIcon.js`));let MazBtn=defineAsyncComponent(()=>import(`../components/MazBtn.js`));let MazSpinner=defineAsyncComponent(()=>import(`../components/MazSpinner.js`));let{iconProps:startIconProps}=useMazIconProps(()=>__props.startIcon);let{iconProps:endIconProps}=useMazIconProps(()=>__props.endIcon);let hasPasswordVisible=ref(!1);let input=ref();let instanceId=useInstanceUniqId({componentName:`MazInput`,providedId:__props.id});let initialAutofillValue=readInitialAutofillValue(instanceId.value);let autofillCleanup;onMounted(()=>{__props.autoFocus&&input.value?.focus(),input.value&&(initialAutofillValue&&input.value.value!==initialAutofillValue&&(input.value.value=initialAutofillValue,initialAutofillValue!==__props.modelValue&&emits(`update:model-value`,initialAutofillValue)),autofillCleanup=onAutofillSync(input.value,value=>{value!==__props.modelValue&&emits(`update:model-value`,value)}))}),onBeforeUnmount(()=>{autofillCleanup?.()});let isPasswordType=computed(()=>__props.type===`password`);let inputType=computed(()=>hasPasswordVisible.value?`text`:__props.type);let borderStyle=computed(()=>{if(__props.border)return __props.error?`maz:border-destructive`:__props.success?`maz:border-success`:__props.warning?`maz:border-warning`:`--default-border maz:border-divider maz:dark:border-divider-400`});let slots=useSlots();let debounceEmitValue=debounce(value=>{emits(`update:model-value`,value)},typeof __props.debounce==`number`?__props.debounce:500);function emitValue(value){if(__props.debounce)return debounceEmitValue(value);emits(`update:model-value`,value)}let model=computed({get:()=>__props.modelValue,set:value=>emitValue(value)});let hasLabel=computed(()=>!!__props.label||!!__props.hint);let alwaysUp=computed(()=>[`date`,`month`,`week`].includes(__props.type));function hasEndPart(){return hasSlotContent(slots[`end-icon`])||isPasswordType.value||!!__props.endIcon||__props.loading}function hasStartPart(){return hasSlotContent(slots[`start-icon`])||!!__props.startIcon}function focus(event){emits(`focus`,event)}function blur(event){emits(`blur`,event)}function change(event){return emits(`change`,event)}function emitInputEvent(event){return emits(`input`,event)}let stateColor=computed(()=>{if(__props.error)return`maz:text-destructive-600!`;if(__props.success)return`maz:text-success-600!`;if(__props.warning)return`maz:text-warning-600!`});let ROUNDED_CLASS={none:``,sm:`maz:rounded-xs`,md:`maz:rounded-md`,lg:`maz:rounded-lg`,xl:`maz:rounded-xl`,full:`maz:rounded-full`};let CHILD_TEXT_SIZE_CLASS={xl:`maz:text-xl`,lg:`maz:text-lg`,md:``,sm:`maz:text-sm`,xs:`maz:text-xs`,mini:`maz:text-xs`};return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-input m-reset-css maz:inline-flex maz:h-fit maz:flex-col maz:items-start maz:align-top maz:text-foreground`,[{"--border-active":__props.borderActive,"--always-up":alwaysUp.value,"--has-placeholder":!!__props.placeholder,"--has-label":hasLabel.value,"--is-readonly":__props.readonly,"--has-z-2":__props.error||__props.warning||__props.success,"--has-state":__props.error||__props.warning||__props.success,"--block":__props.block,"maz:w-full":__props.block},__props.class,`--${__props.color}`]]),style:normalizeStyle([__props.style,{"--m-input-tint-bg":`var(--maz-${__props.color})`}])},[__props.topLabel?(openBlock(),createElementBlock(`label`,{key:0,for:unref(instanceId),class:normalizeClass([`m-input-top-label maz:mb-2`,stateColor.value]),style:{fontWeight:`var(--maz-input-top-label-font-weight, 600)`}},toDisplayString(__props.topLabel),11,_hoisted_1)):createCommentVNode(``,!0),createElementVNode(`div`,{class:normalizeClass([`m-input-wrapper maz:relative maz:z-1 maz:flex maz:size-full maz:flex-1 maz:overflow-hidden maz:bg-input maz:transition-colors maz:duration-300`,[__props.inputClasses,borderStyle.value,ROUNDED_CLASS[__props.roundedSize],`--rounded-${__props.roundedSize}`,{"--block":__props.block,"--border":__props.border,"maz:w-full":__props.block,"maz:border maz:border-solid":__props.border}]])},[hasStartPart()?(openBlock(),createElementBlock(`div`,_hoisted_2,[unref(hasSlotContent)(unref(slots)[`start-icon`])||__props.startIcon?renderSlot(_ctx.$slots,`start-icon`,{key:0},()=>[unref(startIconProps)?(openBlock(),createBlock(unref(MazIcon),mergeProps({key:0},unref(startIconProps),{class:[`maz:text-xl`,stateColor.value||`maz:text-muted`]}),null,16,[`class`])):createCommentVNode(``,!0)],!0):createCommentVNode(``,!0)])):createCommentVNode(``,!0),createElementVNode(`div`,{class:normalizeClass([`m-input-wrapper-input maz:relative maz:flex maz:w-full maz:max-w-full maz:flex-1 maz:items-center`,[`--${__props.size}`,{"--top-label":!!__props.topLabel,"--has-start-icon":hasStartPart(),"--has-end-icon":hasEndPart()}]])},[withDirectives(createElementVNode(`input`,mergeProps({id:unref(instanceId)},_ctx.$attrs,{ref_key:`input`,ref:input,"onUpdate:modelValue":_cache[0]||=$event=>model.value=$event,placeholder:__props.placeholder||` `,"aria-label":__props.label||__props.placeholder,type:inputType.value,inputmode:__props.inputmode,name:__props.name,autocomplete:__props.autocomplete,disabled:__props.disabled,readonly:__props.readonly,required:__props.required,class:[`m-input-input maz:m-0 maz:size-full maz:appearance-none maz:truncate maz:border-none maz:bg-transparent maz:px-4 maz:py-0 maz:text-foreground maz:shadow-none maz:outline-hidden`,[CHILD_TEXT_SIZE_CLASS[__props.size],{"maz:ps-2!":hasStartPart(),"maz:pe-2!":hasEndPart()}]]},toHandlers({blur,focus,change,input:emitInputEvent},!0),{onClick:_cache[1]||=$event=>_ctx.$emit(`click`,$event)}),null,16,_hoisted_3),[[vModelDynamic,model.value]]),__props.label||__props.hint?(openBlock(),createElementBlock(`span`,{key:0,class:normalizeClass([`m-input-label maz:pointer-events-none maz:absolute maz:inset-s-4 maz:w-full maz:origin-top-left maz:items-center maz:truncate maz:overflow-hidden maz:text-start maz:leading-6 maz:whitespace-nowrap`,[stateColor.value,CHILD_TEXT_SIZE_CLASS[__props.size],{"maz:inset-s-2!":hasStartPart(),"maz:pe-3!":hasLabel.value}]])},toDisplayString(__props.hint||__props.label),3)):createCommentVNode(``,!0)],2),hasEndPart()?(openBlock(),createElementBlock(`div`,_hoisted_4,[unref(hasSlotContent)(unref(slots)[`end-icon`])||__props.endIcon?renderSlot(_ctx.$slots,`end-icon`,{key:0},()=>[unref(endIconProps)?(openBlock(),createBlock(unref(MazIcon),mergeProps({key:0},unref(endIconProps),{class:[`maz:text-xl`,stateColor.value||`maz:text-muted`]}),null,16,[`class`])):createCommentVNode(``,!0)],!0):createCommentVNode(``,!0),isPasswordType.value?(openBlock(),createBlock(unref(MazBtn),{key:1,color:`transparent`,tabindex:`-1`,size:`mini`,onClick:_cache[2]||=withModifiers($event=>hasPasswordVisible.value=!hasPasswordVisible.value,[`stop`])},{default:withCtx(()=>[hasPasswordVisible.value?(openBlock(),createBlock(unref(MazEyeSlash),{key:0,class:`maz:text-xl maz:text-muted`})):(openBlock(),createBlock(unref(MazEye),{key:1,class:`maz:text-xl maz:text-muted`}))]),_:1})):createCommentVNode(``,!0),__props.loading?renderSlot(_ctx.$slots,`loader`,{key:2},()=>[createVNode(unref(MazSpinner),{color:__props.color},null,8,[`color`])],!0):createCommentVNode(``,!0)])):createCommentVNode(``,!0)],2),__props.assistiveText?(openBlock(),createElementBlock(`div`,{key:1,class:normalizeClass([`m-input-bottom-text maz:mt-1 maz:text-sm`,[{"maz:text-destructive-600":__props.error,"maz:text-success-600":__props.success,"maz:text-warning-600":__props.warning,"maz:text-muted":!__props.error&&!__props.success&&!__props.warning}]])},toDisplayString(__props.assistiveText),3)):createCommentVNode(``,!0)],6))}}),[[`__scopeId`,`data-v-2e5d0e6c`]]);export{MazInput_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{Fragment,computed,createElementBlock,createElementVNode,defineComponent,mergeProps,normalizeClass,normalizeStyle,openBlock,ref,renderList,toDisplayString,watch}from"vue";import '../assets/MazInputCode.Cv4-YQM3.css';var _hoisted_1=[`disabled`];var _hoisted_2={class:`m-input-code__wrapper maz:inline-flex maz:gap-[1em]`};var _hoisted_3=[`id`,`name`,`inputmode`,`pattern`,`required`,`value`,`onInput`,`onKeydown`,`onClick`];var MazInputCode_default=_plugin_vue_export_helper_default(defineComponent({inheritAttrs:!1,__name:`MazInputCode`,props:{style:{type:[Boolean,null,String,Object,Array]},class:{type:[Boolean,null,String,Object,Array]},modelValue:{},codeLength:{default:4},type:{default:`text`},acceptAlpha:{type:Boolean,default:!1},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},error:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},size:{default:`md`},color:{default:`primary`},hint:{}},emits:[`update:model-value`,`completed`],setup(__props,{emit:__emit}){let emits=__emit;let inputList=ref([]);let localMap=ref(new Map);watch(()=>__props.modelValue,(value,oldValue)=>{value!==oldValue&&(localMap.value=getMapValues())},{immediate:!0});let inputValues=computed({get:()=>localMap.value,set:value=>{let emittedValue=getEmittedValue(value);emits(`update:model-value`,emittedValue),emittedValue?.toString().length===__props.codeLength&&emits(`completed`)}});function getMapValues(value=__props.modelValue){let map=new Map;for(let item of Array.from({length:__props.codeLength},(_,i)=>i))if(value===void 0)map.set(item+1,void 0);else{let values=[...value.toString()];map.set(item+1,values[item])}return map}function handleNewValue(event,item){let newValue=getValueSanitized(event.target?.value);inputValues.value=localMap.value.set(item,newValue),newValue&&focusAndSelectInputByIndex(item)}function getEmittedValue(map){let stringValue=[...map.values()].join(``);return __props.type===`text`?stringValue:stringValue&&!Number.isNaN(Number(stringValue))?Number(stringValue):void 0}let isLetterOrNumberRegex=/^[\w.]$/;let isNumberRegex=/\d+/g;function getValueSanitized(value){return value.match(__props.acceptAlpha?isLetterOrNumberRegex:isNumberRegex)?.toString()}function handleKeydown(event,inputIndex){let currentInputValue=localMap.value.get(inputIndex);if(event.key===`ArrowRight`&&focusAndSelectInputByIndex(inputIndex),event.key===`ArrowLeft`&&focusAndSelectInputByIndex(inputIndex-2),event.key===`Backspace`&&!currentInputValue){let previousInputIndexToFocus=inputIndex-1<0?0:inputIndex-1;inputValues.value=localMap.value.set(previousInputIndexToFocus,void 0),focusAndSelectInputByIndex(previousInputIndexToFocus-1)}}function setValueOnPaste(event){let pasteData=event.clipboardData?.getData(`text`);if(!pasteData)return;let indexInputsFromPastePlace=Array.from({length:__props.codeLength},(_,i)=>({index:i+1,value:[...pasteData.toString()][i]??void 0}));for(let{index,value}of indexInputsFromPastePlace){let sanitizedValue=value?getValueSanitized(value):void 0;sanitizedValue&&localMap.value.set(index,sanitizedValue)}setTimeout(()=>{let lastInputWithoutValueIndex=getLastInputWithoutValueIndex();focusAndSelectInputByIndex(lastInputWithoutValueIndex>=__props.codeLength?__props.codeLength-1:lastInputWithoutValueIndex,!1)},0)}function getLastInputWithoutValueIndex(){return[...localMap.value.values()].filter(Boolean).length}function focusAndSelectInputByIndex(index,selectValue=!0){setTimeout(()=>{let input=inputList.value[index];index+1>__props.codeLength||!input||(input.focus(),selectValue&&selectInputByIndex(index))},0)}function selectInputByIndex(index){let input=inputList.value[index];index+1>__props.codeLength||!input||input.select()}let SIZE_CLASS={mini:`maz:text-[0.625rem]`,xs:`maz:text-xs`,sm:`maz:text-sm`,md:``,lg:`maz:text-lg`,xl:`maz:text-xl`};let borderColorState=computed(()=>{if(__props.error)return`maz:border-destructive!`;if(__props.success)return`maz:border-success!`;if(__props.warning)return`maz:border-warning!`});return(_ctx,_cache)=>(openBlock(),createElementBlock(`fieldset`,{class:normalizeClass([`m-input-code m-reset-css maz:inline-flex maz:flex-col maz:gap-[0.5em] maz:align-top`,[__props.size?`--${__props.size}`:void 0,SIZE_CLASS[__props.size],__props.class]]),disabled:__props.disabled,style:normalizeStyle([__props.style,{"--input-border-color":`var(--maz-${__props.color})`}])},[createElementVNode(`div`,_hoisted_2,[(openBlock(!0),createElementBlock(Fragment,null,renderList(__props.codeLength,item=>(openBlock(),createElementBlock(`div`,{key:item,class:normalizeClass([`input-wrapper maz:relative maz:size-[4em] maz:overflow-hidden maz:rounded-md maz:border maz:border-solid maz:border-divider maz:transition-colors maz:duration-200 maz:ease-in-out maz:dark:border-divider-400 maz:dark:bg-input`,borderColorState.value])},[createElementVNode(`input`,mergeProps({id:`m-input-code-${item}`,ref_for:!0,ref:el=>{inputList.value[item-1]=el},type:`text`,name:`m-input-code-${item}`,minlength:`1`,maxlength:`1`,inputmode:__props.acceptAlpha?`text`:`numeric`,pattern:__props.acceptAlpha?`[a-zA-Z0-9]{1}`:`[0-9]{1}`,autocomplete:`do-not-autofill`,required:__props.required},{ref_for:!0},_ctx.$attrs,{value:inputValues.value.get(item),onInput:$event=>handleNewValue($event,item),onKeydown:$event=>handleKeydown($event,item),onClick:$event=>selectInputByIndex(item-1),onPaste:setValueOnPaste}),null,16,_hoisted_3)],2))),128))]),createElementVNode(`span`,{class:normalizeClass([`m-input-code__hint maz:text-sm`,{"--error":__props.error,"--success":__props.success,"--warning":__props.warning,"maz:text-destructive-600":__props.error,"maz:text-success-600":__props.success,"maz:text-warning-600":__props.warning,"maz:text-muted":!__props.error&&!__props.success&&!__props.warning}])},toDisplayString(__props.hint),3)],14,_hoisted_1))}}),[[`__scopeId`,`data-v-ec62bf05`]]);export{MazInputCode_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{
|
|
1
|
+
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as MazIcon_default}from"./MazIcon.BKcg5YfP.js";import{t as MazInput_default}from"./MazInput.C5wxW29_.js";import{computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createVNode,defineAsyncComponent,defineComponent,mergeProps,normalizeClass,normalizeStyle,openBlock,toDisplayString,unref,withCtx,withKeys,withModifiers}from"vue";import{throttle}from"@maz-ui/utils/helpers/throttle";import{MazMinus}from"@maz-ui/icons/raw/MazMinus";import{MazPlus}from"@maz-ui/icons/raw/MazPlus";import '../assets/MazInputNumber.CkY2X-Br.css';var _hoisted_1=[`for`];var _hoisted_2={class:`m-input-number__wrapper maz:flex maz:items-center maz:align-top`};var MazInputNumber_default=_plugin_vue_export_helper_default(defineComponent({inheritAttrs:!1,__name:`MazInputNumber`,props:{id:{default:()=>void 0},style:{type:[Boolean,null,String,Object,Array],default:()=>void 0},class:{type:[Boolean,null,String,Object,Array],default:()=>void 0},modelValue:{default:()=>void 0},disabled:{type:Boolean,default:!1},max:{default:()=>1/0},min:{default:()=>-1/0},step:{default:1},size:{default:`md`},hideButtons:{type:Boolean},textCenter:{type:Boolean,default:!0},inputmode:{default:`numeric`},block:{type:Boolean},error:{type:Boolean,default:!1},hint:{},success:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},inputProps:{},topLabel:{default:()=>void 0}},emits:[`update:model-value`,`focus`,`blur`,`click`,`change`],setup(__props,{emit:__emit}){let emits=__emit;let instanceId=useInstanceUniqId({componentName:`MazInput`,providedId:__props.id});let MazBtn=defineAsyncComponent(()=>import(`../components/MazBtn.js`));let currentValue=computed({get:()=>__props.modelValue,set:value=>emitValue(value)});function findClosestStep(number){return Math.round(number/__props.step)*__props.step}function checkValue(value){if(typeof value==`number`)return value<=__props.min?__props.min:value>=__props.max?__props.max:findClosestStep(value)}let emitThrottled=throttle(value=>emitValue(value),300);function emitValue(newValue){newValue=checkValue(newValue),currentValue.value!==newValue&&emits(`update:model-value`,newValue)}emitValue(currentValue.value);let incrementDisabled=computed(()=>__props.modelValue&&__props.modelValue>=__props.max);let decrementDisabled=computed(()=>__props.modelValue&&__props.modelValue<=__props.min);function increment(){if(!(__props.disabled||incrementDisabled.value)){if((currentValue.value===void 0||currentValue.value===null)&&Number.isFinite(__props.min)){currentValue.value=__props.min;return}currentValue.value=(currentValue.value??0)+1*__props.step}}function decrement(){if(!(__props.disabled||decrementDisabled.value)){if((currentValue.value===void 0||currentValue.value===null)&&Number.isFinite(__props.min)){currentValue.value=__props.min;return}currentValue.value=(currentValue.value??0)-1*__props.step}}let stateColor=computed(()=>{if(__props.error)return`maz:text-destructive-600!`;if(__props.success)return`maz:text-success-600!`;if(__props.warning)return`maz:text-warning-600!`});return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-input-number m-reset-css maz:inline-flex maz:flex-col maz:gap-2`,[`m-input-number--${__props.size}`,__props.class,{"--block":__props.block,"maz:w-full":__props.block}]]),style:normalizeStyle(__props.style)},[__props.topLabel?(openBlock(),createElementBlock(`label`,{key:0,for:unref(instanceId),class:normalizeClass([`m-input-number__top-label`,stateColor.value]),style:{fontWeight:`var(--maz-input-top-label-font-weight, 600)`}},toDisplayString(__props.topLabel),11,_hoisted_1)):createCommentVNode(``,!0),createElementVNode(`div`,_hoisted_2,[__props.hideButtons?createCommentVNode(``,!0):(openBlock(),createBlock(unref(MazBtn),{key:0,color:`transparent`,size:__props.size,class:`m-input-number__button m-input-number__decrement-button`,disabled:decrementDisabled.value||__props.disabled,onClick:decrement},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazMinus),class:`m-input-number__button__icon maz:text-base`},null,8,[`icon`])]),_:1},8,[`size`,`disabled`])),createVNode(MazInput_default,mergeProps({..._ctx.$attrs,...__props.inputProps},{id:unref(instanceId),"model-value":currentValue.value,type:`number`,class:[`m-input-number__input`,{"--no-buttons":__props.hideButtons,"--text-center":__props.textCenter}],disabled:__props.disabled,min:__props.min,max:__props.max,step:__props.step,error:__props.error,success:__props.success,warning:__props.warning,hint:__props.hint,inputmode:__props.inputmode,size:__props.size,block:``,onKeydown:[withKeys(withModifiers(increment,[`prevent`]),[`up`]),withKeys(withModifiers(decrement,[`prevent`]),[`down`])],onFocus:_cache[0]||=$event=>_ctx.$emit(`focus`,$event),onChange:_cache[1]||=$event=>_ctx.$emit(`change`,$event),onBlur:_cache[2]||=$event=>_ctx.$emit(`blur`,$event),onClick:_cache[3]||=$event=>_ctx.$emit(`click`,$event),"onUpdate:modelValue":_cache[4]||=$event=>unref(emitThrottled)($event)}),null,16,[`id`,`model-value`,`class`,`disabled`,`min`,`max`,`step`,`error`,`success`,`warning`,`hint`,`inputmode`,`size`,`onKeydown`]),__props.hideButtons?createCommentVNode(``,!0):(openBlock(),createBlock(unref(MazBtn),{key:1,color:`transparent`,size:__props.size,class:`m-input-number__button m-input-number__increment-button`,disabled:incrementDisabled.value||__props.disabled,onClick:increment},{default:withCtx(()=>[createVNode(MazIcon_default,{icon:unref(MazPlus),class:`m-input-number__button__icon maz:text-base`},null,8,[`icon`])]),_:1},8,[`size`,`disabled`]))])],6))}}),[[`__scopeId`,`data-v-f058d45d`]]);export{MazInputNumber_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as MazSelectCountry_default}from"./MazSelectCountry.DG9eMPlJ.js";import{n as useMazInputPhoneNumber,r as useLibphonenumber,t as PhoneInput_default}from"./PhoneInput.DXI3UxdG.js";import{computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createVNode,defineComponent,mergeProps,nextTick,normalizeClass,normalizeStyle,onBeforeMount,onMounted,openBlock,provide,ref,renderSlot,toDisplayString,unref,watch,withCtx}from"vue";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import '../assets/MazInputPhoneNumber.DJpbK7FY.css';var _hoisted_1=[`id`];var _hoisted_2=[`for`];var _hoisted_3={class:`m-input-phone-number__country-list-code maz:min-w-8 maz:text-center maz:text-muted`};var MazInputPhoneNumber_default=_plugin_vue_export_helper_default(defineComponent({name:`MazInputPhoneNumber`,inheritAttrs:!1,__name:`MazInputPhoneNumber`,props:{style:{type:[Boolean,null,String,Object,Array]},class:{type:[Boolean,null,String,Object,Array]},modelValue:{default:()=>void 0},countryCode:{default:()=>void 0},id:{default:()=>void 0},placeholder:{default:()=>void 0},topLabel:{},label:{},preferredCountries:{default:()=>void 0},ignoredCountries:{default:()=>void 0},onlyCountries:{default:()=>void 0},translations:{default:()=>void 0},listPosition:{default:`bottom-start`},color:{default:`primary`},size:{default:`md`},hideFlags:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},example:{type:Boolean,default:!0},search:{type:Boolean,default:!0},searchThreshold:{default:.75},useBrowserLocale:{type:Boolean,default:!0},fetchCountry:{type:Boolean,default:()=>void 0},hideCountrySelect:{type:Boolean,default:!1},showCodeInList:{type:Boolean,default:!1},customCountriesList:{default:()=>void 0},autoFormat:{type:[String,Boolean],default:`blur`},countryLocale:{default:()=>void 0},validationError:{type:Boolean,default:!0},validationSuccess:{type:Boolean,default:!0},success:{type:Boolean,default:!1},error:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},displayCountryName:{type:Boolean,default:!1},block:{type:Boolean,default:!1},orientation:{default:`responsive`},countrySelectAttributes:{default:()=>({name:`country`,autocomplete:`off`,style:{width:`14rem`}})},phoneInputAttributes:{default:()=>({name:`phone`,autocomplete:`tel`,inputmode:`tel`})},assistiveText:{default:()=>void 0},hint:{default:()=>void 0}},emits:[`update:model-value`,`country-code`,`update:country-code`,`data`],setup(__props,{emit:__emit}){let emits=__emit;let{fetchCountryCode,getBrowserLocale,getCountryList}=useMazInputPhoneNumber();let{isCountryAvailable,getPhoneNumberResults}=useLibphonenumber();let instanceId=useInstanceUniqId({componentName:`MazInputPhoneNumber`,providedId:__props.id});let phoneNumber=ref();let selectedCountry=ref();let{t}=useTranslations();let messages=computed(()=>({countrySelect:{error:__props.translations?.countrySelect?.error||t(`inputPhoneNumber.countrySelect.error`),placeholder:__props.translations?.countrySelect?.placeholder||t(`inputPhoneNumber.countrySelect.placeholder`),searchPlaceholder:__props.translations?.countrySelect?.searchPlaceholder||t(`inputPhoneNumber.countrySelect.searchPlaceholder`)},phoneInput:{placeholder:__props.translations?.phoneInput?.placeholder||t(`inputPhoneNumber.phoneInput.placeholder`),example:__props.translations?.phoneInput?.example}}));let isPhoneNumberInternalUpdate=ref(!1);let isCountryInternalUpdate=ref(!1);let results=ref({isValid:!1,countryCode:__props.countryCode,phoneNumber:__props.modelValue});let PhoneInputRef=ref();onBeforeMount(async()=>{if(__props.countryCode&&!selectedCountry.value&&onCountryChanged({countryCode:__props.countryCode}),__props.fetchCountry&&!selectedCountry.value){let{data:countryCode,error}=await fetchCountryCode();if(error){console.error(`[MazInputPhoneNumber](onBeforeMount) Error while fetching country code - ${error.message}`);return}onCountryChanged({countryCode})}}),onMounted(()=>{if(!selectedCountry.value&&__props.useBrowserLocale){let countryCode=getBrowserLocale()?.locale;countryCode&&isCountryAvailable(countryCode)&&onCountryChanged({countryCode})}});function updateTheResults({phone=phoneNumber.value||__props.modelValue,countryCode=selectedCountry.value,checkCountryCode=!1}){results.value=getPhoneNumberResults({phoneNumber:phone,countryCode,checkCountryCode})}async function selectPhoneNumberInput(){await nextTick(),setTimeout(()=>{PhoneInputRef.value?.focus()},100)}function setSelectedCountry(countryCode){if(countryCode){if(!isCountryAvailable(countryCode)){console.warn(`[MazInputPhoneNumber] Country code not available: "${countryCode}"`),selectedCountry.value=void 0;return}selectedCountry.value=countryCode}}let isLetterRegex=/\D/g;function onPhoneNumberChanged({newPhoneNumber}){updateTheResults({phone:newPhoneNumber}),results.value.parsedCountryCode&&results.value.parsedCountryCode!==selectedCountry.value&&onCountryChanged({countryCode:results.value.parsedCountryCode,updateResults:!1}),results.value.isValid&&(__props.autoFormat===`blur`||__props.autoFormat===`typing`)?phoneNumber.value=results.value.formatNational?.trim().replaceAll(isLetterRegex,``):phoneNumber.value=newPhoneNumber,isPhoneNumberInternalUpdate.value=!0,results.value.e164?emits(`update:model-value`,results.value.e164):emits(`update:model-value`,results.value.phoneNumber),setTimeout(()=>{isPhoneNumberInternalUpdate.value=!1},0)}function onCountryChanged({countryCode,updateResults=!0,selectPhoneNumber=!1}){if(!countryCode){selectedCountry.value=void 0;return}isCountryInternalUpdate.value=!0,countryCode!==selectedCountry.value&&setSelectedCountry(countryCode),updateResults&&updateTheResults({countryCode:selectedCountry.value,checkCountryCode:!0});let code=selectedCountry.value;emits(`country-code`,code),emits(`update:country-code`,code),selectPhoneNumber&&!results.value.isValid&&selectPhoneNumberInput(),setTimeout(()=>{isCountryInternalUpdate.value=!1},0)}let countriesList=computed(()=>{let list=getCountryList(__props.countryLocale,__props.customCountriesList);return __props.onlyCountries&&(list=list?.filter(country=>__props.onlyCountries?.includes(country.code))),__props.ignoredCountries&&(list=list?.filter(country=>!__props.ignoredCountries?.includes(country.code))),__props.preferredCountries&&(list=list?.sort((a,b)=>{let indexA=__props.preferredCountries?.indexOf(a.code)??-1;let indexB=__props.preferredCountries?.indexOf(b.code)??-1;return indexA>=0&&indexB>=0?indexA-indexB:indexA>=0?-1:+(indexB>=0)})),list??[]});watch(()=>__props.modelValue,(value,oldValue)=>{!isPhoneNumberInternalUpdate.value&&value!==oldValue&&value!==phoneNumber.value&&onPhoneNumberChanged({newPhoneNumber:value})},{immediate:!0}),watch(()=>__props.countryCode,(value,oldValue)=>{!isCountryInternalUpdate.value&&value&&value!==oldValue&&value!==selectedCountry.value&&onCountryChanged({countryCode:value})},{immediate:!0}),watch(results,value=>emits(`data`,value),{immediate:!0});let countryState=computed(()=>({error:__props.error||(__props.validationError?!!phoneNumber.value&&!selectedCountry.value:!1),success:__props.success||(__props.validationSuccess?results.value?.isValid:!1)}));let phoneState=computed(()=>({error:__props.error||(__props.validationError?!!phoneNumber.value&&!results.value?.isValid:!1),success:__props.success||(__props.validationSuccess?results.value.isValid:!1)}));let stateLabelColor=computed(()=>[{"maz:text-destructive-600":countryState.value.error||phoneState.value.error,"maz:text-success-600":countryState.value.success&&phoneState.value.success,"maz:text-warning-600":__props.warning}]);let assistiveTextStateColor=computed(()=>[{"maz:text-destructive-600":countryState.value.error||phoneState.value.error,"maz:text-success-600":countryState.value.success&&phoneState.value.success,"maz:text-warning-600":__props.warning,"maz:text-muted":!(countryState.value.error||phoneState.value.error)&&!(countryState.value.success&&phoneState.value.success)&&!__props.warning}]);return provide(`mazInputPhoneNumberData`,{selectedCountry,phoneNumber,results}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{id:unref(instanceId),class:normalizeClass([`m-input-phone-number m-reset-css maz:relative maz:inline-flex maz:flex-col`,[__props.class,{"maz:w-full":__props.block}]]),style:normalizeStyle(__props.style)},[__props.topLabel?(openBlock(),createElementBlock(`label`,{key:0,for:`${unref(instanceId)}-phone`,class:normalizeClass([`m-input-phone-number__top-label maz:mb-2`,stateLabelColor.value]),style:{fontWeight:`var(--maz-input-top-label-font-weight, 600)`}},toDisplayString(__props.topLabel),11,_hoisted_2)):createCommentVNode(``,!0),createElementVNode(`div`,{class:normalizeClass([`maz:flex maz:items-center maz:align-top`,[__props.orientation&&`--${__props.orientation}`,__props.orientation===`col`?`maz:flex-col`:__props.orientation===`row`?`maz:flex-row`:`maz:flex-col maz:mob-l:flex-row`]])},[__props.hideCountrySelect?createCommentVNode(``,!0):(openBlock(),createBlock(MazSelectCountry_default,mergeProps({key:0,id:`${unref(instanceId)}-country`,class:`m-input-phone-number__country-select`},__props.countrySelectAttributes,{"model-value":selectedCountry.value,"option-input-value-key":__props.displayCountryName?`name`:`dialCode`,color:__props.color,size:__props.size,locale:__props.countryLocale,"countries-list":__props.customCountriesList,"list-position":__props.listPosition,"hide-flags":__props.hideFlags,search:__props.search,block:__props.block,error:__props.error||(__props.validationError?!!phoneNumber.value&&!selectedCountry.value:!1),success:__props.success||(__props.validationSuccess?results.value?.isValid:!1),translations:messages.value.countrySelect,hint:phoneNumber.value&&!selectedCountry.value?messages.value.countrySelect.error:void 0,options:countriesList.value,disabled:__props.disabled,warning:__props.warning,required:__props.required,"search-threshold":__props.searchThreshold,"format-input-value":__props.displayCountryName||!selectedCountry.value?void 0:value=>`+${value}`,"show-code-in-list":__props.showCodeInList,label:messages.value.countrySelect.placeholder,"onUpdate:modelValue":_cache[0]||=$event=>onCountryChanged({countryCode:$event,selectPhoneNumber:!0})}),{"no-results":withCtx(()=>[renderSlot(_ctx.$slots,`no-results`,{},void 0,!0)]),"selector-flag":withCtx(({countryCode:codeCountry})=>[renderSlot(_ctx.$slots,`selector-flag`,{countryCode:codeCountry},void 0,!0)]),"country-list-flag":withCtx(({isSelected,option})=>[renderSlot(_ctx.$slots,`country-list-flag`,{countryCode:option.code,option,isSelected},void 0,!0)]),"country-list-code":withCtx(({option})=>[createElementVNode(`span`,_hoisted_3,` +`+toDisplayString(option.dialCode),1)]),_:3},16,[`id`,`model-value`,`option-input-value-key`,`color`,`size`,`locale`,`countries-list`,`list-position`,`hide-flags`,`search`,`block`,`error`,`success`,`translations`,`hint`,`options`,`disabled`,`warning`,`required`,`search-threshold`,`format-input-value`,`show-code-in-list`,`label`])),createVNode(PhoneInput_default,mergeProps({id:`${unref(instanceId)}-phone`,ref_key:`PhoneInputRef`,ref:PhoneInputRef,class:`m-input-phone-number__phone-input`,"model-value":phoneNumber.value},{..._ctx.$attrs,...__props.phoneInputAttributes},{color:__props.color,size:__props.size,"auto-format":__props.autoFormat,example:__props.example,block:``,disabled:__props.disabled,required:__props.required,warning:__props.warning,hint:__props.hint,name:__props.phoneInputAttributes.name,"has-radius":!__props.hideCountrySelect,success:__props.success||(__props.validationSuccess?results.value.isValid:!1),error:__props.error||(__props.validationError?!!phoneNumber.value&&!results.value.isValid:!1),locales:messages.value.phoneInput,label:__props.label,placeholder:__props.placeholder,"onUpdate:modelValue":_cache[1]||=$event=>onPhoneNumberChanged({newPhoneNumber:$event})}),null,16,[`id`,`model-value`,`color`,`size`,`auto-format`,`example`,`disabled`,`required`,`warning`,`hint`,`name`,`has-radius`,`success`,`error`,`locales`,`label`,`placeholder`])],2),__props.assistiveText?(openBlock(),createElementBlock(`div`,{key:1,class:normalizeClass([`m-input-phone-number__bottom-text maz:mt-1 maz:text-sm`,assistiveTextStateColor.value])},toDisplayString(__props.assistiveText),3)):createCommentVNode(``,!0)],14,_hoisted_1))}}),[[`__scopeId`,`data-v-31c63de8`]]);export{MazInputPhoneNumber_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as MazInput_default}from"./MazInput.C5wxW29_.js";import{computed,createBlock,defineComponent,nextTick,onMounted,openBlock,ref,unref,watch,withKeys}from"vue";import{MazBanknotes}from"@maz-ui/icons/lazy/MazBanknotes";import{formatCurrency}from"@maz-ui/utils/helpers/formatCurrency";var MazInputPrice_default=defineComponent({__name:`MazInputPrice`,props:{modelValue:{},currency:{default:`EUR`},locale:{default:`fr-FR`},min:{default:()=>-1/0},max:{default:()=>1/0},noIcon:{type:Boolean,default:!1},block:{type:Boolean},error:{type:Boolean},hint:{},success:{type:Boolean},warning:{type:Boolean},currencyOptions:{}},emits:[`update:model-value`,`input`,`formatted`,`blur`,`focus`],setup(__props,{emit:__emit}){let emits=__emit;let internalValue=ref(getAdjustedPrice(__props.modelValue));watch(()=>__props.modelValue,updateInternalValue);let isActive=ref(!1);let valueString=computed(()=>__props.modelValue?.toString());let valueNumber=computed(()=>__props.modelValue);let priceFormatted=computed(()=>typeof valueNumber.value==`number`?formatCurrency(valueNumber.value,__props.locale,{...__props.currencyOptions,currency:__props.currency}):void 0);let isLetterRegex=/[^\d.]/g;function getAdjustedPrice(value){let isNegative=typeof value==`string`&&value.startsWith(`-`);let newValue=typeof value==`string`?Number.parseFloat(value.replace(`,`,`.`).replaceAll(isLetterRegex,``)):value;return newValue=isNegative&&newValue?-newValue:newValue,(typeof newValue!=`number`||Number.isNaN(newValue))&&(newValue=void 0),newValue&&newValue<__props.min&&(newValue=__props.min),newValue&&newValue>__props.max&&(newValue=__props.max),newValue}let displayPrice=computed(()=>{if(isActive.value)return valueString.value;if(typeof __props.modelValue==`number`)return priceFormatted.value});async function emitValues(newValue){emits(`update:model-value`,getAdjustedPrice(newValue)),await nextTick(),emits(`formatted`,priceFormatted.value)}onMounted(()=>{emitValues(__props.modelValue)});function onBlur(event){isActive.value=!1,emitValues(internalValue.value),emits(`blur`,event)}function onFocus(event){isActive.value=!0,emits(`focus`,event)}function onInput(){emits(`input`,internalValue.value),emitValues(internalValue.value)}function updateInternalValue(value){internalValue.value=getAdjustedPrice(value)}return(_ctx,_cache)=>(openBlock(),createBlock(MazInput_default,{"model-value":displayPrice.value,class:`maz:input-price m-reset-css`,block:__props.block,error:__props.error,success:__props.success,warning:__props.warning,hint:__props.hint,"start-icon":__props.noIcon?void 0:unref(MazBanknotes),onFocus,onBlur,onInput,onKeydown:_cache[0]||=withKeys($event=>emitValues(internalValue.value),[`enter`]),"onUpdate:modelValue":_cache[1]||=$event=>updateInternalValue($event)},null,8,[`model-value`,`block`,`error`,`success`,`warning`,`hint`,`start-icon`]))}});export{MazInputPrice_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as MazInput_default}from"./MazInput.C5wxW29_.js";import{t as MazBtn_default}from"./MazBtn.BbzUbXCS.js";import{Fragment,TransitionGroup,computed,createElementBlock,createTextVNode,createVNode,defineComponent,mergeProps,normalizeClass,normalizeStyle,openBlock,ref,renderList,toDisplayString,unref,withCtx,withKeys,withModifiers}from"vue";import{truthyFilter}from"@maz-ui/utils/helpers/truthyFilter";import{MazTrash}from"@maz-ui/icons/raw/MazTrash";import '../assets/MazInputTags.CcTvLQpM.css';var MazInputTags_default=_plugin_vue_export_helper_default(defineComponent({inheritAttrs:!1,__name:`MazInputTags`,props:{style:{type:[Boolean,null,String,Object,Array]},class:{type:[Boolean,null,String,Object,Array]},modelValue:{},placeholder:{},label:{},disabled:{type:Boolean,default:!1},error:{type:Boolean,default:!1},success:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},size:{default:`md`},color:{default:`primary`},block:{type:Boolean},addTagsOnBlur:{type:Boolean,default:!0},hint:{}},emits:[`update:model-value`],setup(__props,{emit:__emit}){let emits=__emit;let isFocused=ref(!1);let inputValue=ref();let tagsHoveredId=ref();let lastIdToDelete=ref();let currentDeleteTimeout=ref();let tags=computed(()=>__props.modelValue?.map(tag=>({tag,id:`${Date.now()}-${Math.random().toString(36).slice(2)}`})));function addTags(event){if(inputValue.value){lastIdToDelete.value=void 0,event.preventDefault();let newValues=inputValue.value.trim().split(`,`).map(value=>value.trim()===`,`?void 0:value.trim()).filter(truthyFilter).filter(value=>!__props.modelValue?.filter(truthyFilter)?.includes(value));emits(`update:model-value`,__props.modelValue?[...__props.modelValue,...newValues]:[...newValues]),inputValue.value=void 0}}let borderStyle=computed(()=>{if(__props.error)return`maz:border-destructive`;if(__props.success)return`maz:border-success`;if(__props.warning)return`maz:border-warning`;if(isFocused.value){if(__props.color===`primary`)return`maz:border-primary`;if(__props.color===`secondary`)return`maz:border-secondary`;if(__props.color===`info`)return`maz:border-info`;if(__props.color===`destructive`)return`maz:border-destructive`;if(__props.color===`success`)return`maz:border-success`;if(__props.color===`warning`)return`maz:border-warning`}return``});function removeLastTag(){inputValue.value||tags.value&&tags.value?.length===0||(currentDeleteTimeout.value&&clearTimeout(currentDeleteTimeout.value),lastIdToDelete.value?(removeTag(lastIdToDelete.value),lastIdToDelete.value=void 0):(lastIdToDelete.value=tags.value?.at(-1)?.id,currentDeleteTimeout.value=setTimeout(()=>{lastIdToDelete.value=void 0},2e3)))}function removeTag(id){let tagsArray=tags.value?.filter(tag=>tag.id!==id).map(tag=>tag.tag);emits(`update:model-value`,tagsArray)}let SIZE_CLASS={xl:`maz:min-h-16`,lg:`maz:min-h-14`,md:`maz:min-h-12`,sm:`maz:min-h-10`,xs:`maz:min-h-8`,mini:`maz:min-h-6`};let buttonSize=computed(()=>__props.size===`mini`||__props.size===`xs`?`mini`:__props.size===`sm`?`xs`:__props.size===`md`?`sm`:__props.size===`lg`?`md`:__props.size===`xl`?`lg`:__props.size);return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-input-tags m-reset-css maz:relative maz:inline-flex maz:flex-wrap maz:gap-1 maz:overflow-hidden maz:rounded-md maz:border maz:border-divider maz:bg-input maz:px-[0.5em] maz:py-[0.25em] maz:align-top maz:transition-colors maz:duration-200 maz:ease-in-out maz:dark:border-divider-400`,[borderStyle.value,`--${__props.color}`,`--${__props.size}`,SIZE_CLASS[__props.size],__props.class,{"--block":__props.block,"maz:w-full":__props.block}]]),style:normalizeStyle(__props.style),onFocusCapture:_cache[4]||=$event=>isFocused.value=!0,onBlurCapture:_cache[5]||=$event=>isFocused.value=!1},[createVNode(TransitionGroup,{name:`maz-tags`},{default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(tags.value,({tag,id},i)=>(openBlock(),createElementBlock(`div`,{key:`tag-${i}`,class:`m-input-tags__wrapper maz:inline-flex maz:h-auto maz:flex-none! maz:flex-center`},[createVNode(MazBtn_default,{class:`m-input-tags__tag`,disabled:__props.disabled,size:buttonSize.value,color:tagsHoveredId.value===id||lastIdToDelete.value===id?`destructive`:__props.color,"end-icon":tagsHoveredId.value===id||lastIdToDelete.value===id?unref(MazTrash):void 0,onClick:withModifiers($event=>removeTag(id),[`stop`]),onMouseenter:$event=>tagsHoveredId.value=__props.disabled?void 0:id,onFocus:$event=>tagsHoveredId.value=__props.disabled?void 0:id,onMouseleave:_cache[0]||=$event=>tagsHoveredId.value=void 0,onBlur:_cache[1]||=$event=>tagsHoveredId.value=void 0},{default:withCtx(()=>[createTextVNode(toDisplayString(tag),1)]),_:2},1032,[`disabled`,`size`,`color`,`end-icon`,`onClick`,`onMouseenter`,`onFocus`])]))),128))]),_:1}),createVNode(MazInput_default,mergeProps({key:`input-tags`,modelValue:inputValue.value,"onUpdate:modelValue":_cache[2]||=$event=>inputValue.value=$event},_ctx.$attrs,{placeholder:__props.placeholder,label:__props.label,"aria-label":__props.label||__props.placeholder,error:__props.error,hint:__props.hint,success:__props.success,warning:__props.warning,disabled:__props.disabled,"top-label":void 0,"assistive-text":void 0,color:__props.color,block:__props.block,size:__props.size,"input-classes":`maz:w-full`,border:!1,class:`m-input-tags__input maz:h-auto! maz:flex-1`,onKeydown:[withKeys(addTags,[`enter`]),withKeys(removeLastTag,[`delete`])],onBlur:_cache[3]||=$event=>__props.addTagsOnBlur?addTags($event):void 0}),null,16,[`modelValue`,`placeholder`,`label`,`aria-label`,`error`,`hint`,`success`,`warning`,`disabled`,`color`,`block`,`size`])],38))}}),[[`__scopeId`,`data-v-4ed5b94f`]]);export{MazInputTags_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{n as directive}from"./vLazyImg.C7fTCbTe.js";import{Fragment,computed,createCommentVNode,createElementBlock,createElementVNode,createVNode,defineAsyncComponent,defineComponent,mergeProps,normalizeClass,normalizeStyle,openBlock,renderList,renderSlot,unref,withDirectives}from"vue";import '../assets/MazLazyImg.DsDVBSaq.css';var _hoisted_1=[`data-lazy-srcset`,`media`];var _hoisted_2=[`alt`];var _hoisted_3={key:0,class:`m-lazy-img-component-loader maz:absolute maz:inset-0 maz:hidden maz:flex-center`};var MazLazyImg_default=_plugin_vue_export_helper_default(defineComponent({inheritAttrs:!1,__name:`MazLazyImg`,props:{style:{type:[Boolean,null,String,Object,Array]},class:{type:[Boolean,null,String,Object,Array]},src:{},alt:{},hideLoader:{type:Boolean},observerOnce:{type:Boolean,default:!0},loadOnce:{type:Boolean},imageHeightFull:{type:Boolean},observerOptions:{},fallbackSrc:{},imgClass:{type:[Boolean,null,String,Object,Array]},block:{type:Boolean}},emits:[`intersecting`,`loading`,`loaded`,`error`],setup(__props,{expose:__expose,emit:__emit}){let emits=__emit;let MazSpinner=defineAsyncComponent(()=>import(`../components/MazSpinner.js`));let sources=computed(()=>typeof __props.src==`string`?[{srcset:__props.src}]:__props.src?.sources);function onIntersecting(el){emits(`intersecting`,el)}function onLoading(el){emits(`loading`,el)}function onLoaded(el){emits(`loaded`,el)}function onError(el){emits(`error`,el)}return __expose({onIntersecting,onLoading,onLoaded,onError}),(_ctx,_cache)=>withDirectives((openBlock(),createElementBlock(`picture`,{class:normalizeClass([`m-lazy-img-component m-reset-css maz:relative maz:inline-flex maz:flex-center maz:align-top`,[{"--use-loader":!__props.hideLoader,"--height-full":__props.imageHeightFull,"--block":__props.block,"maz:w-full":__props.block},__props.class]]),style:normalizeStyle(__props.style)},[(openBlock(!0),createElementBlock(Fragment,null,renderList(sources.value,({srcset,media},sourceIndex)=>(openBlock(),createElementBlock(`source`,{key:sourceIndex,"data-lazy-srcset":srcset,media},null,8,_hoisted_1))),128)),createElementVNode(`img`,mergeProps(_ctx.$attrs,{src:`data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7`,loading:`lazy`,alt:__props.alt,class:__props.imgClass}),null,16,_hoisted_2),__props.hideLoader?createCommentVNode(``,!0):(openBlock(),createElementBlock(`div`,_hoisted_3,[createVNode(unref(MazSpinner),{size:`2em`})])),renderSlot(_ctx.$slots,`default`,{},void 0,!0)],6)),[[unref(directive),{loadOnce:__props.loadOnce,observerOptions:__props.observerOptions,fallbackSrc:__props.fallbackSrc,observerOnce:__props.observerOnce,onIntersecting,onLoading,onLoaded,onError}]])}}),[[`__scopeId`,`data-v-896761a5`]]);export{MazLazyImg_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{useMazIconProps}from"../composables/useMazIconProps.js";import{t as resolveLinkComponent}from"./resolveLinkComponent.
|
|
1
|
+
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{useMazIconProps}from"../composables/useMazIconProps.js";import{t as resolveLinkComponent}from"./resolveLinkComponent.yH64gJv0.js";import{computed,createBlock,createCommentVNode,createVNode,defineAsyncComponent,defineComponent,mergeProps,normalizeProps,openBlock,renderSlot,resolveDynamicComponent,unref,withCtx}from"vue";import{MazArrowTopRightOnSquare}from"@maz-ui/icons/lazy/MazArrowTopRightOnSquare";var MazLink_default=defineComponent({inheritAttrs:!1,__name:`MazLink`,props:{class:{type:[Boolean,null,String,Object,Array]},style:{type:[Boolean,null,String,Object,Array]},as:{},id:{},title:{},href:{},to:{},color:{default:`primary`},target:{default:`_self`},download:{},rel:{},ariaLabel:{},underline:{type:Boolean,default:!1},underlineHover:{type:Boolean,default:!0},autoExternal:{type:Boolean,default:!0},startIcon:{type:[String,Function,Object]},endIcon:{type:[String,Function,Object]},disabled:{type:Boolean}},setup(__props){let MazIcon=defineAsyncComponent(()=>import(`../components/MazIcon.js`));let{iconProps:startIconProps}=useMazIconProps(()=>__props.startIcon);let{iconProps:endIconProps}=useMazIconProps(()=>__props.endIcon);let instanceId=useInstanceUniqId({componentName:`MazLink`,providedId:__props.id});let component=computed(()=>__props.as?__props.as:__props.to?resolveLinkComponent():__props.href?`a`:`button`);let isButton=computed(()=>component.value===`button`);let COLOR_CLASS={primary:`maz:not-disabled:text-primary maz:not-disabled:hover:text-primary-700`,secondary:`maz:not-disabled:text-secondary maz:not-disabled:hover:text-secondary-700`,info:`maz:not-disabled:text-info maz:not-disabled:hover:text-info-700`,warning:`maz:not-disabled:text-warning maz:not-disabled:hover:text-warning-700`,destructive:`maz:not-disabled:text-destructive maz:not-disabled:hover:text-destructive-700`,success:`maz:not-disabled:text-success maz:not-disabled:hover:text-success-700`,accent:`maz:not-disabled:text-accent maz:not-disabled:hover:text-accent-700`,contrast:`maz:not-disabled:text-foreground maz:not-disabled:hover:text-foreground-900 maz:not-disabled:dark:hover:text-foreground-100`,muted:`maz:not-disabled:text-muted maz:not-disabled:hover:text-muted-700`,surface:`maz:not-disabled:text-surface maz:not-disabled:hover:text-surface-700`,transparent:``,inherit:``};return(_ctx,_cache)=>(openBlock(),createBlock(resolveDynamicComponent(component.value),mergeProps({id:unref(instanceId),class:[`m-link m-reset-css maz:inline-flex maz:cursor-pointer maz:items-center maz:gap-1 maz:no-underline maz:transition-colors maz:duration-200 maz:ease-in-out maz:disabled:disabled-state maz:disabled:text-muted`,[`--${__props.color}`,{"--underline":__props.underline,"--underline-hover":!__props.underline&&__props.underlineHover,"maz:underline":__props.underline,"maz:not-disabled:hover:underline":!__props.underline&&__props.underlineHover},__props.color!==`inherit`&&COLOR_CLASS[__props.color],__props.class]],to:__props.to,href:__props.href,title:__props.title,target:isButton.value?void 0:__props.target,rel:isButton.value?void 0:__props.rel,download:isButton.value?void 0:__props.download,"aria-label":isButton.value?void 0:__props.ariaLabel,type:isButton.value?`button`:void 0,disabled:isButton.value?__props.disabled:void 0,style:__props.style},_ctx.$attrs),{default:withCtx(()=>[renderSlot(_ctx.$slots,`start-icon`,{},()=>[unref(startIconProps)?(openBlock(),createBlock(unref(MazIcon),normalizeProps(mergeProps({key:0},unref(startIconProps))),null,16)):createCommentVNode(``,!0)]),renderSlot(_ctx.$slots,`default`),renderSlot(_ctx.$slots,`end-icon`,{},()=>[unref(endIconProps)?(openBlock(),createBlock(unref(MazIcon),normalizeProps(mergeProps({key:0},unref(endIconProps))),null,16)):createCommentVNode(``,!0)]),__props.autoExternal&&__props.target===`_blank`?renderSlot(_ctx.$slots,`external-icon`,{key:0},()=>[createVNode(unref(MazArrowTopRightOnSquare))]):createCommentVNode(``,!0)]),_:3},16,[`id`,`class`,`to`,`href`,`title`,`target`,`rel`,`download`,`aria-label`,`type`,`disabled`,`style`]))}});export{MazLink_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{computed,createElementBlock,createElementVNode,defineComponent,normalizeStyle,openBlock}from"vue";import '../assets/MazLoadingBar.CIIpp5oM.css';var MazLoadingBar_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazLoadingBar`,props:{color:{default:`primary`},height:{}},setup(__props){let colorCSSVariables=computed(()=>({alpha:`color-mix(in srgb, var(--maz-${__props.color}) 20%, transparent)`,main:`var(--maz-${__props.color})`}));return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:`m-loading-bar m-reset-css maz:relative maz:block maz:w-full maz:overflow-hidden`,style:normalizeStyle([{"--loading-bar-height":__props.height,"--loading-bar-color":colorCSSVariables.value.alpha,"--loading-bar-main-color":colorCSSVariables.value.main}])},[..._cache[0]||=[createElementVNode(`div`,null,null,-1)]],4))}}),[[`__scopeId`,`data-v-382efd92`]]);export{MazLoadingBar_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazIcon_default}from"./MazIcon.
|
|
1
|
+
import{t as MazIcon_default}from"./MazIcon.BKcg5YfP.js";import{t as MazBtn_default}from"./MazBtn.BbzUbXCS.js";import{Fragment,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineComponent,mergeProps,openBlock,renderList,renderSlot,toDisplayString,unref,withCtx}from"vue";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{MazEllipsisHorizontal}from"@maz-ui/icons/lazy/MazEllipsisHorizontal";import{MazChevronDoubleLeft}from"@maz-ui/icons/raw/MazChevronDoubleLeft";import{MazChevronLeft}from"@maz-ui/icons/raw/MazChevronLeft";var _hoisted_1=[`aria-label`];var _hoisted_2={class:`maz:m-0! maz:inline-flex maz:list-none! maz:items-center maz:gap-2 maz:-space-x-px maz:p-0! maz:align-top maz:text-base`};var _hoisted_3={class:`maz:m-0`};var _hoisted_4={class:`maz:sr-only`};var _hoisted_5={class:`maz:m-0`};var _hoisted_6={class:`maz:sr-only`};var _hoisted_7=[`id`];var _hoisted_8={class:`maz:sr-only`};var _hoisted_9={class:`maz:m-0`};var _hoisted_10={class:`maz:sr-only`};var _hoisted_11={class:`maz:m-0`};var _hoisted_12={class:`maz:sr-only`};var MazPagination_default=defineComponent({__name:`MazPagination`,props:{modelValue:{default:1},buttonProps:{},activeColor:{default:`surface`},size:{default:`md`},totalPages:{},pageRange:{default:1},loading:{type:Boolean}},emits:[`update:model-value`],setup(__props,{emit:__emit}){let emits=__emit;let DEFAULT_BUTTONS_PROPS={size:`md`,color:`surface`,outlined:!0,fab:!0};let{t}=useTranslations();let buttonsPropsMerged=computed(()=>({...DEFAULT_BUTTONS_PROPS,...__props.buttonProps}));let previousPage=computed(()=>__props.modelValue>1?__props.modelValue-1:1);let nextPage=computed(()=>__props.modelValue<__props.totalPages?__props.modelValue+1:__props.totalPages);let allPages=computed(()=>Array.from({length:__props.totalPages},(_,index)=>{let itemNumber=index+1;return{number:itemNumber,isActive:itemNumber===__props.modelValue,loading:itemNumber===__props.modelValue&&__props.loading}}));let firstOne=computed(()=>__props.modelValue-__props.pageRange>1?allPages.value.slice(0,1):[]);let lastOne=computed(()=>__props.modelValue<__props.totalPages-__props.pageRange?allPages.value.slice(-1):[]);let rangeStartAt=computed(()=>{let baseStart=__props.modelValue-__props.pageRange-1;return baseStart<0?0:baseStart>__props.totalPages-__props.pageRange?__props.totalPages-__props.pageRange:baseStart});let rangeEndAt=computed(()=>{let baseEnd=__props.modelValue+__props.pageRange;return baseEnd>__props.totalPages?__props.totalPages:baseEnd<__props.pageRange?__props.pageRange:baseEnd});let range=computed(()=>allPages.value.slice(rangeStartAt.value,rangeEndAt.value));let firstDivider=computed(()=>__props.modelValue-__props.pageRange>2?[{divider:!0}]:[]);let lastDivider=computed(()=>__props.modelValue<__props.totalPages-__props.pageRange-1?[{divider:!0}]:[]);let pages=computed(()=>[...firstOne.value,...firstDivider.value,...range.value,...lastDivider.value,...lastOne.value]);function setPageNumber(page){page!==__props.modelValue&&emits(`update:model-value`,page)}return(_ctx,_cache)=>(openBlock(),createElementBlock(`nav`,{class:`m-pagination m-reset-css`,role:`navigation`,"aria-label":unref(t)(`pagination.navAriaLabel`)},[createElementVNode(`ul`,_hoisted_2,[createElementVNode(`li`,_hoisted_3,[createVNode(MazBtn_default,mergeProps(buttonsPropsMerged.value,{disabled:__props.modelValue===1,"aria-label":`First Page, Page 1`,size:__props.size,onClick:_cache[0]||=$event=>setPageNumber(1)}),{default:withCtx(()=>[createElementVNode(`span`,_hoisted_4,[renderSlot(_ctx.$slots,`first-page-sr`,{page:1},()=>[createTextVNode(toDisplayString(unref(t)(`pagination.screenReader.firstPage`,{page:1})),1)])]),createVNode(MazIcon_default,{icon:unref(MazChevronDoubleLeft)},null,8,[`icon`])]),_:3},16,[`disabled`,`size`])]),createElementVNode(`li`,_hoisted_5,[createVNode(MazBtn_default,mergeProps(buttonsPropsMerged.value,{disabled:__props.modelValue===1,"aria-label":`Previous Page, Page ${previousPage.value}`,size:__props.size,onClick:_cache[1]||=$event=>setPageNumber(previousPage.value)}),{default:withCtx(()=>[createElementVNode(`span`,_hoisted_6,[renderSlot(_ctx.$slots,`previous-page-sr`,{page:previousPage.value},()=>[createTextVNode(toDisplayString(unref(t)(`pagination.screenReader.previousPage`,{page:previousPage.value})),1)])]),createVNode(MazIcon_default,{icon:unref(MazChevronLeft)},null,8,[`icon`])]),_:3},16,[`disabled`,`aria-label`,`size`])]),(openBlock(!0),createElementBlock(Fragment,null,renderList(pages.value,(page,i)=>(openBlock(),createElementBlock(`li`,{id:`number`in page?`button-${i}-${page.number}`:`ellipsis-${i}`,key:`number`in page?`button-${i}-${page.number}`:`ellipsis-${i}`,class:`maz:m-0`},[`number`in page?(openBlock(),createBlock(MazBtn_default,mergeProps({key:0,ref_for:!0},{...buttonsPropsMerged.value,color:page.isActive?__props.activeColor:buttonsPropsMerged.value.color,outlined:page.isActive?!1:buttonsPropsMerged.value.outlined},{size:__props.size,"aria-label":`Page ${page.number}`,"aria-current":page.isActive?`page`:void 0,loading:page.loading,class:{active:page.isActive},onClick:$event=>page.isActive?void 0:setPageNumber(page.number)}),{default:withCtx(()=>[createElementVNode(`span`,_hoisted_8,[renderSlot(_ctx.$slots,`page-sr`,{page:page.number},()=>[createTextVNode(toDisplayString(unref(t)(`pagination.screenReader.page`,{page:page.number})),1)])]),createTextVNode(` `+toDisplayString(page.number),1)]),_:2},1040,[`size`,`aria-label`,`aria-current`,`loading`,`class`,`onClick`])):page.divider?(openBlock(),createElementBlock(`div`,mergeProps({key:1,ref_for:!0},buttonsPropsMerged.value,{class:`flex-center flex p-2`}),[createVNode(unref(MazEllipsisHorizontal))],16)):createCommentVNode(``,!0)],8,_hoisted_7))),128)),createElementVNode(`li`,_hoisted_9,[createVNode(MazBtn_default,mergeProps(buttonsPropsMerged.value,{disabled:__props.modelValue===__props.totalPages,"aria-label":`Next Page, Page ${nextPage.value}`,size:__props.size,onClick:_cache[2]||=$event=>setPageNumber(nextPage.value)}),{default:withCtx(()=>[createElementVNode(`span`,_hoisted_10,[renderSlot(_ctx.$slots,`next-page-sr`,{page:nextPage.value},()=>[createTextVNode(toDisplayString(unref(t)(`pagination.screenReader.nextPage`,{page:nextPage.value})),1)])]),createVNode(MazIcon_default,{icon:unref(MazChevronLeft),class:`maz:-rotate-180`},null,8,[`icon`])]),_:3},16,[`disabled`,`aria-label`,`size`])]),createElementVNode(`li`,_hoisted_11,[createVNode(MazBtn_default,mergeProps(buttonsPropsMerged.value,{disabled:__props.modelValue===__props.totalPages,"aria-label":`Next Page, Page ${__props.totalPages}`,size:__props.size,onClick:_cache[3]||=$event=>setPageNumber(__props.totalPages)}),{default:withCtx(()=>[createElementVNode(`span`,_hoisted_12,[renderSlot(_ctx.$slots,`last-page-sr`,{page:__props.totalPages},()=>[createTextVNode(toDisplayString(unref(t)(`pagination.screenReader.lastPage`,{page:__props.totalPages})),1)])]),createVNode(MazIcon_default,{icon:unref(MazChevronDoubleLeft),class:`maz:-rotate-180`},null,8,[`icon`])]),_:3},16,[`disabled`,`aria-label`,`size`])])])],8,_hoisted_1))}});export{MazPagination_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{i as getDaysOfWeek}from"./utils.
|
|
1
|
+
import{i as getDaysOfWeek}from"./utils.B_6GvJKL.js";import{Fragment,computed,createElementBlock,defineComponent,openBlock,renderList,toDisplayString}from"vue";var _hoisted_1={class:`maz-picker-calendar-days maz:grid maz:grid-cols-7 maz:justify-between maz:gap-1 maz:text-center`};var MazPickerCalendarDays_default=defineComponent({__name:`MazPickerCalendarDays`,props:{locale:{type:String,required:!0},firstDayOfWeek:{type:Number,required:!0}},setup(__props){let props=__props;let days=computed(()=>getDaysOfWeek(props.locale,props.firstDayOfWeek));return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[(openBlock(!0),createElementBlock(Fragment,null,renderList(days.value,label=>(openBlock(),createElementBlock(`span`,{key:label,class:`maz:text-xs maz:text-muted`},toDisplayString(label),1))),128))]))}});export{MazPickerCalendarDays_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as MazBtn_default}from"./MazBtn.BbzUbXCS.js";import{d as isRangeValue,f as isSameDate,m as isValidDate,o as getFirstDayOfMonth,p as isSameDay,r as getDaysInMonth}from"./utils.B_6GvJKL.js";import{Fragment,TransitionGroup,computed,createBlock,createElementBlock,createElementVNode,createVNode,defineComponent,normalizeClass,openBlock,ref,renderList,toDisplayString,useCssVars,watch,withCtx}from"vue";import{debounce}from"@maz-ui/utils/helpers/debounce";import dayjs from"dayjs/esm";import '../assets/MazPickerCalendarGrid.DiySQJQ9.css';var _hoisted_1={class:`maz:text-sm`};var MazPickerCalendarGrid_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazPickerCalendarGrid`,props:{modelValue:{type:[String,Object],default:void 0},calendarDate:{type:String,required:!0},hasTime:{type:Boolean,required:!0},locale:{type:String,required:!0},firstDayOfWeek:{type:Number,required:!0},color:{type:String,required:!0},minDate:{type:String,default:void 0},inline:{type:Boolean,required:!0},maxDate:{type:String,default:void 0},disabledWeekly:{type:Array,required:!0},disabledDates:{type:Array,required:!0},hoverredDay:{type:Object,default:void 0},disabled:{type:Boolean,required:!0},range:{type:Boolean,required:!0}},emits:[`update:model-value`,`update:hoverred-day`],setup(__props,{emit:__emit}){useCssVars(_ctx=>({v93bdda52:hoverColor.value,v11ce37aa:hoverTextColor.value}));let props=__props;let emits=__emit;let MazDatePickerGrid=ref();let transitionName=ref(`maz-slidenext`);let calendarDateArray=computed(()=>[props.calendarDate]);let hoverColor=computed(()=>`color-mix(in srgb, var(--maz-${props.color}) 20%, transparent)`);let hoverTextColor=computed(()=>`var(--maz-${props.color}-foreground)`);let modelValue=computed({get:()=>props.modelValue,set:value=>emits(`update:model-value`,value)});let monthDays=computed(()=>Array.from({length:getDaysInMonth(props.calendarDate)},(_v,i)=>i+1).map(day=>({label:day,date:dayjs(props.calendarDate).set(`date`,day)})));let emptyDaysCount=computed(()=>(getFirstDayOfMonth(props.calendarDate)-props.firstDayOfWeek+7)%7);function setHoverredDay(day){let value=props.modelValue;!value||!isRangeValue(value)||(value.start&&!value.end&&day&&day.isAfter(value.start)?emits(`update:hoverred-day`,day):emits(`update:hoverred-day`))}function isBetweenHoverred(day){let value=props.modelValue;if(!(!value||!isRangeValue(value)||!value.start||!props.hoverredDay))return dayjs(day).isBetween(value.start,props.hoverredDay,`date`,`()`)?3:void 0}function isLastDayHoverred(day){if(props.hoverredDay)return dayjs(day).isSame(props.hoverredDay)}function isFirstDay(day){return props.modelValue&&props.modelValue&&typeof props.modelValue==`object`&&props.modelValue?.start?isSameDate(day,props.modelValue.start,`date`):!1}function isLastDay(day){return props.modelValue&&props.modelValue&&typeof props.modelValue==`object`&&props.modelValue?.end?isSameDate(day,props.modelValue.end,`date`):!1}function getDayButtonColor(date){let value=props.modelValue;if(typeof value==`object`){let isStartDate=value.start?isSameDate(date,value.start,`date`):!1;let isEndDate=value.end?isSameDate(date,value.end,`date`):!1;let isBetweenDates=checkIsBetween(date);return isStartDate||isEndDate||isBetweenDates?props.color:`transparent`}else return checkIsSameDate(date)?props.color:`transparent`}function isSelectedOrBetween(day){if(props.modelValue&&typeof props.modelValue==`object`){if(props.modelValue.start&&isSameDate(day,props.modelValue.start,`date`))return 1;if(props.modelValue.end){if(isSameDate(day,props.modelValue.end,`date`))return 1;if(checkIsBetween(day))return 2}}else if(checkIsSameDate(day))return 1;return 0}function selectDay(value){props.range&&setHoverredDay();let valueFormatted=value.format();if(typeof modelValue.value==`object`){let values=modelValue.value;values.start&&values.end&&(values={start:void 0,end:void 0});let isBeforeStartDate=dayjs(valueFormatted).isBefore(values.start,`date`);modelValue.value=!values.start||isBeforeStartDate?{start:valueFormatted,end:void 0}:{start:values.start,end:valueFormatted}}else modelValue.value=valueFormatted}function checkIsSameDate(day){let value=props.modelValue;return!value||!isValidDate(value)?!1:isSameDate(day,value,`date`)}function checkIsBetween(day){let value=props.modelValue;return!isRangeValue(value)||!value.start||!value.end?!1:dayjs(day).isBetween(value.start,value.end,`date`,`()`)}function isSmallerMinDate(day){return props.minDate?dayjs(day).isBefore(props.minDate,`date`):!1}function isDisabledWeekly(day){return props.disabledWeekly?.length?props.disabledWeekly.some(disabledDay=>isSameDay(day,disabledDay)):!1}function isDisabledDate(day){return props.disabledDates?.length?props.disabledDates.some(disabledDay=>isSameDate(day,disabledDay,`date`)):!1}function isBiggerMaxDate(day){return props.maxDate?dayjs(day).isAfter(props.maxDate,`date`):!1}let removeContainerHeight=debounce(()=>{MazDatePickerGrid.value&&(MazDatePickerGrid.value.style.minHeight=``)},400);function setContainerHeight(){MazDatePickerGrid.value&&(MazDatePickerGrid.value.style.minHeight=`${MazDatePickerGrid.value?.clientHeight||176}px`,removeContainerHeight())}return watch(()=>props.calendarDate,(calendarDate,oldCalendarValue)=>{transitionName.value=dayjs(calendarDate).isAfter(oldCalendarValue,`date`)?`maz-slidenext`:`maz-slideprev`,setContainerHeight()}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{ref_key:`MazDatePickerGrid`,ref:MazDatePickerGrid,class:`maz-picker-calendar-grid maz:relative maz:transition-all maz:duration-300 maz:ease-in-out`},[createVNode(TransitionGroup,{name:transitionName.value},{default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList([calendarDateArray.value],(dateArray,dateIndex)=>(openBlock(),createElementBlock(`div`,{key:`${dateArray[dateIndex]}`,class:normalizeClass([`maz-picker-calendar-grid__container maz:relative maz:grid maz:grid-cols-7 maz:items-start maz:gap-y-1`,{"--is-range":__props.range,"maz:gap-x-1":!__props.range}])},[(openBlock(!0),createElementBlock(Fragment,null,renderList(emptyDaysCount.value,first=>(openBlock(),createElementBlock(`div`,{key:first}))),128)),(openBlock(!0),createElementBlock(Fragment,null,renderList(monthDays.value,({label,date},i)=>(openBlock(),createBlock(MazBtn_default,{key:i,size:`mini`,color:getDayButtonColor(date),type:`button`,block:__props.inline,disabled:__props.disabled||isSmallerMinDate(date)||isBiggerMaxDate(date)||isDisabledWeekly(date)||isDisabledDate(date),class:normalizeClass([`maz:size-8 maz:cursor-pointer maz:rounded-full`,{"--is-first":isFirstDay(date)&&isSelectedOrBetween(date)===1,"--is-last":isLastDay(date)&&isSelectedOrBetween(date)===1,"--is-last-hoverred":isLastDayHoverred(date),"--is-selected":isSelectedOrBetween(date)===1,"--is-between":isSelectedOrBetween(date)===2,"--is-between-hoverred":__props.range?isBetweenHoverred(date)===3:void 0}]),onClick:$event=>selectDay(date),onMouseover:$event=>__props.range?setHoverredDay(date):void 0,onMouseleave:_cache[0]||=$event=>__props.range?setHoverredDay():void 0,onFocus:$event=>__props.range?setHoverredDay(date):void 0,onBlur:_cache[1]||=$event=>__props.range?setHoverredDay():void 0},{default:withCtx(()=>[createElementVNode(`span`,_hoisted_1,toDisplayString(label),1)]),_:2},1032,[`color`,`block`,`disabled`,`class`,`onClick`,`onMouseover`,`onFocus`]))),128))],2))),128))]),_:1},8,[`name`])],512))}}),[[`__scopeId`,`data-v-fc747436`]]);export{MazPickerCalendarGrid_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,defineAsyncComponent,defineComponent,normalizeClass,openBlock,ref,unref}from"vue";import dayjs from"dayjs/esm";import '../assets/MazPickerContainer.DKHVLuOd.css';var _hoisted_1={class:`m-date-picker-container__wrapper maz:flex`};var MazPickerContainer_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazPickerContainer`,props:{modelValue:{},calendarDate:{},color:{},locale:{},hideHeader:{type:Boolean},firstDayOfWeek:{},double:{type:Boolean},hasDate:{type:Boolean},minDate:{},maxDate:{},inline:{type:Boolean},shortcuts:{type:[Array,Boolean]},shortcut:{},hasTime:{type:Boolean},format:{},isHour12:{type:Boolean},formatterOptions:{},minuteInterval:{},disabled:{type:Boolean},disabledWeekly:{},disabledHours:{},disabledDates:{},range:{type:Boolean}},emits:[`update:model-value`,`update:calendar-date`,`close`],setup(__props,{emit:__emit}){let emits=__emit;let MazPickerCalendar=defineAsyncComponent(()=>import(`../components/MazDatePicker/MazPickerCalendar.js`));let MazPickerHeader=defineAsyncComponent(()=>import(`../components/MazDatePicker/MazPickerHeader.js`));let MazPickerTime=defineAsyncComponent(()=>import(`../components/MazDatePicker/MazPickerTime.js`));let lastTimeValue=ref(typeof __props.modelValue==`string`&&__props.hasTime?dayjs(__props.modelValue).format(`HH:mm`):`00:00`);function saveLastTimeValue(value){lastTimeValue.value=dayjs(value).format(`HH:mm`),emits(`update:model-value`,value)}function emitDateValue(value){__props.hasTime?emits(`update:model-value`,dayjs(`${dayjs(value).format(`YYYY-MM-DD`)} ${lastTimeValue.value||`00:00`}`).format(__props.format)):emits(`update:model-value`,value)}let currentDate=computed({get:()=>__props.modelValue,set:value=>emits(`update:model-value`,value)});let currentCalendarDate=computed({get:()=>__props.calendarDate,set:calendarDate=>emits(`update:calendar-date`,calendarDate)});return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-date-picker-container maz:overflow-hidden maz:rounded-md maz:bg-container maz:dark:border maz:dark:border-divider`,{"--has-double":__props.double,"--is-inline maz:border maz:border-divider":__props.inline,"--has-date":__props.hasDate}])},[__props.hideHeader?createCommentVNode(``,!0):(openBlock(),createBlock(unref(MazPickerHeader),{key:0,color:__props.color,"has-time":__props.hasTime,"model-value":__props.modelValue,locale:__props.locale,"has-date":__props.hasDate,"formatter-options":__props.formatterOptions,double:__props.double,"hide-shortcuts":!__props.shortcuts,class:`m-date-picker-container__header`},null,8,[`color`,`has-time`,`model-value`,`locale`,`has-date`,`formatter-options`,`double`,`hide-shortcuts`])),createElementVNode(`div`,_hoisted_1,[__props.hasDate?(openBlock(),createBlock(unref(MazPickerCalendar),{key:0,"calendar-date":currentCalendarDate.value,"onUpdate:calendarDate":_cache[0]||=$event=>currentCalendarDate.value=$event,"model-value":currentDate.value,color:__props.color,locale:__props.locale,"has-time":__props.hasTime,double:__props.double,"min-date":__props.minDate,"max-date":__props.maxDate,inline:__props.inline,"first-day-of-week":__props.firstDayOfWeek,disabled:__props.disabled,"disabled-weekly":__props.disabledWeekly,"disabled-dates":__props.disabledDates,shortcuts:__props.shortcuts,shortcut:__props.shortcut,range:__props.range,class:`m-date-picker-container__calendar`,"onUpdate:modelValue":emitDateValue},null,8,[`calendar-date`,`model-value`,`color`,`locale`,`has-time`,`double`,`min-date`,`max-date`,`inline`,`first-day-of-week`,`disabled`,`disabled-weekly`,`disabled-dates`,`shortcuts`,`shortcut`,`range`])):createCommentVNode(``,!0),__props.hasTime?(openBlock(),createBlock(unref(MazPickerTime),{key:1,"model-value":currentDate.value,color:__props.color,locale:__props.locale,"min-date":__props.minDate,"max-date":__props.maxDate,"has-date":__props.hasDate,format:__props.format,disabled:__props.disabled,"disabled-hours":__props.disabledHours,"minute-interval":__props.minuteInterval,"formatter-options":__props.formatterOptions,"is-hour12":__props.isHour12,class:`m-date-picker-container__time`,"onUpdate:modelValue":saveLastTimeValue},null,8,[`model-value`,`color`,`locale`,`min-date`,`max-date`,`has-date`,`format`,`disabled`,`disabled-hours`,`minute-interval`,`formatter-options`,`is-hour12`])):createCommentVNode(``,!0)])],2))}}),[[`__scopeId`,`data-v-db9aa30a`]]);export{MazPickerContainer_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as hasSlotContent}from"./hasSlotContent.akaXJLAp.js";import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{vClickOutside as directive}from"../directives/vClickOutside.js";import{t as getColor}from"./types.BzZE-ew0.js";import{Fragment,Teleport,Transition,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createVNode,defineComponent,mergeModels,mergeProps,nextTick,normalizeClass,normalizeStyle,onBeforeUnmount,onMounted,onUnmounted,openBlock,renderSlot,unref,useAttrs,useModel,useTemplateRef,watch,withCtx,withDirectives}from"vue";import{isClient}from"@maz-ui/utils/helpers/isClient";import{autoPlacement,autoUpdate,flip,hide,offset,shift,useFloating}from"@floating-ui/vue";import '../assets/MazPopover.C3NZt7Oa.css';var _hoisted_1=[`id`,`aria-expanded`,`aria-haspopup`,`aria-describedby`,`aria-labelledby`,`aria-controls`];var _hoisted_2=[`id`,`role`,`aria-label`,`aria-labelledby`,`aria-describedby`,`aria-modal`,`tabindex`,`aria-live`];var MazPopover_default=_plugin_vue_export_helper_default(defineComponent({name:`MazPopover`,inheritAttrs:!1,__name:`MazPopover`,props:mergeModels({modelValue:{type:Boolean},position:{default:`auto`},preferPosition:{},fallbackPosition:{},trigger:{default:`click`},role:{default:`dialog`},ariaLabel:{},announceChanges:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},offset:{default:8},delay:{default:0},hoverDelay:{default:150},transition:{default:`scale-pop`},teleportTo:{default:`body`},overlayClass:{type:[Boolean,null,String,Object,Array]},panelClass:{type:[Boolean,null,String,Object,Array]},panelStyle:{type:[Boolean,null,String,Object,Array]},closeOnClickOutside:{type:Boolean,default:!0},closeOnEscape:{type:Boolean,default:!0},persistent:{type:Boolean,default:!1},id:{},ariaLabelledby:{},ariaDescribedby:{},color:{default:`surface`},trapFocus:{type:Boolean,default:!0},keepOpenOnHover:{type:Boolean,default:!1},block:{type:Boolean,default:!1},positionReference:{}},{modelValue:{default:!1},modelModifiers:{}}),emits:mergeModels([`update:model-value`,`open`,`close`,`after-close-animation`,`toggle`],[`update:modelValue`]),setup(__props,{expose:__expose,emit:__emit}){let emits=__emit;let triggerId=useInstanceUniqId({componentName:`MazPopover`,providedId:__props.id});let attrs=useAttrs();let triggerRef=useTemplateRef(`trigger`);let panelRef=useTemplateRef(`panel`);let middleware=computed(()=>{let middleware=[offset(__props.offset),hide(),shift({padding:5})];return middleware.push(__props.position===`auto`&&!__props.preferPosition&&!__props.fallbackPosition?autoPlacement({allowedPlacements:[`top`,`bottom`,`left`,`right`]}):flip({fallbackPlacements:__props.fallbackPosition?[__props.fallbackPosition]:void 0})),middleware});let floatingPosition=computed(()=>__props.position===`auto`?__props.preferPosition:__props.position);let transitionName=computed(()=>[`scale-pop`,`scale-fade`].includes(__props.transition)?`maz-${__props.transition}`:__props.transition);function onTransitionAfterLeave(){emits(`after-close-animation`)}let positionRef=computed(()=>__props.positionReference?typeof __props.positionReference==`string`?triggerRef.value?.querySelector(__props.positionReference)||(isClient()?document.querySelector(__props.positionReference):null):__props.positionReference:triggerRef.value);let{floatingStyles,placement,update,middlewareData}=useFloating(computed(()=>positionRef.value||triggerRef.value),panelRef,{placement:floatingPosition,middleware,transform:!1,whileElementsMounted:autoUpdate});let computedPosition=computed(()=>placement.value??floatingPosition.value);let isOpen=useModel(__props,`modelValue`);let openTimeout=null;let closeTimeout=null;let initialFocusElement=null;let ignoreNextClickOutside=!1;let panelId=computed(()=>`${triggerId.value}-panel`);let rootStyles=computed(()=>attrs.style);let panelStyles=computed(()=>({...floatingStyles.value,pointerEvents:isOpen.value?`auto`:`none`}));let isTouchDevice=computed(()=>isClient()?`ontouchstart`in globalThis||navigator.maxTouchPoints>0:!1);let effectiveTrigger=computed(()=>__props.trigger===`adaptive`?isTouchDevice.value?`click`:`hover`:__props.trigger);let triggerEvents=computed(()=>{if(__props.disabled||effectiveTrigger.value===`manual`)return{};let events={};return effectiveTrigger.value===`hover`&&(events.onMouseenter=()=>{clearCloseTimeout(),open()},events.onMouseleave=close),effectiveTrigger.value===`click`&&(events.onClick=toggle),events});let panelEvents=computed(()=>effectiveTrigger.value===`hover`?{onMouseenter:()=>{__props.keepOpenOnHover&&clearCloseTimeout()},onMouseleave:()=>{__props.keepOpenOnHover&&close()}}:{});let panelClasses=computed(()=>[__props.overlayClass,__props.panelClass,`--position-${computedPosition.value}`,`--${getColor(__props.color)}`]);function cleanup(){clearOpenTimeout(),clearCloseTimeout(),isClient()&&document.removeEventListener(`keydown`,onKeydown)}function open(){__props.disabled||(clearCloseTimeout(),effectiveTrigger.value===`click`&&(ignoreNextClickOutside=!0),__props.delay>0?openTimeout=setTimeout(()=>{setOpen(!0)},__props.delay):setOpen(!0))}function close(){clearOpenTimeout(),__props.delay>0&&effectiveTrigger.value===`hover`?closeTimeout=setTimeout(()=>{setOpen(!1)},__props.delay):effectiveTrigger.value===`hover`&&__props.keepOpenOnHover?closeTimeout=setTimeout(()=>{setOpen(!1)},__props.hoverDelay):setOpen(!1)}function toggle(){isOpen.value?close():open()}function setOpen(value){isOpen.value=value,ignoreNextClickOutside=!1,value?(emits(`open`),emits(`toggle`,value),nextTick(()=>{update(),setupFocusTrap()})):(emits(`toggle`,value),emits(`close`),__props.trapFocus&&restoreFocus())}function clearOpenTimeout(){openTimeout&&=(clearTimeout(openTimeout),null)}function clearCloseTimeout(){closeTimeout&&=(clearTimeout(closeTimeout),null)}function getTransformOrigin(position){switch(position){case`top`:return`center bottom`;case`top-start`:return`left bottom`;case`top-end`:return`right bottom`;case`bottom`:return`center top`;case`bottom-start`:return`left top`;case`bottom-end`:return`right top`;case`left`:return`right center`;case`left-start`:return`right top`;case`left-end`:return`right bottom`;case`right`:return`left center`;case`right-start`:return`left top`;case`right-end`:return`left bottom`;default:return`center`}}function setupFocusTrap(){__props.role===`tooltip`||effectiveTrigger.value===`hover`||!__props.trapFocus||!isClient()||(initialFocusElement=document.activeElement,nextTick(()=>{let focusableElements=panelRef.value?.querySelectorAll(`a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select, [tabindex]:not([tabindex="-1"])`);focusableElements&&focusableElements.length>0?focusableElements[0].focus({preventScroll:!0}):panelRef.value?.focus({preventScroll:!0})}))}function restoreFocus(){__props.role===`tooltip`||effectiveTrigger.value===`hover`||!__props.trapFocus||!isClient()||nextTick(()=>{initialFocusElement?.focus({preventScroll:!0})})}function onKeydown(event){isOpen.value&&(event.key===`Escape`&&__props.closeOnEscape&&!__props.persistent&&(event.preventDefault(),close()),event.key===`Tab`&&__props.trapFocus&&handleTrapFocus(event))}function handleTrapFocus(event){if(!panelRef.value||!isClient())return;let focusableElements=panelRef.value.querySelectorAll(`a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select, [tabindex]:not([tabindex="-1"])`);if(focusableElements.length===0)return;let firstElement=focusableElements[0];let lastElement=focusableElements[focusableElements.length-1];event.shiftKey?document.activeElement===firstElement&&(event.preventDefault(),lastElement.focus()):document.activeElement===lastElement&&(event.preventDefault(),firstElement.focus())}function onClickOutside(event){if(effectiveTrigger.value!==`manual`){if(ignoreNextClickOutside){ignoreNextClickOutside=!1;return}if(__props.closeOnClickOutside&&!__props.persistent){if(triggerRef.value&&triggerRef.value.contains(event.target))return;close()}}}return watch(isOpen,(value,oldValue)=>{!isClient()||value===oldValue||(value?open():oldValue&&!value&&close())},{immediate:!0}),watch(()=>__props.position,()=>{isOpen.value&&nextTick(()=>update())}),onMounted(()=>{document.addEventListener(`keydown`,onKeydown)}),onBeforeUnmount(cleanup),onUnmounted(cleanup),__expose({open,close,toggle,isOpen,updatePosition:update,panelRef,onTransitionAfterLeave}),(_ctx,_cache)=>(openBlock(),createElementBlock(Fragment,null,[unref(hasSlotContent)(_ctx.$slots.trigger)?(openBlock(),createElementBlock(`div`,{key:0,class:normalizeClass([`m-popover m-reset-css maz:inline-block`,[unref(attrs).class,{"--open":isOpen.value,"--disabled":__props.disabled,"--block":__props.block,"maz:disabled-cursor":__props.disabled,"maz:w-full":__props.block}]]),style:normalizeStyle(rootStyles.value)},[createElementVNode(`div`,mergeProps({id:unref(triggerId),ref:`trigger`,role:`button`,class:`m-popover-trigger maz:inline-block maz:size-full`,"aria-expanded":__props.role===`dialog`||__props.role===`menu`?isOpen.value:void 0,"aria-haspopup":__props.role===`dialog`?`dialog`:void 0,"aria-describedby":__props.role===`tooltip`&&isOpen.value?panelId.value:__props.ariaDescribedby,"aria-labelledby":__props.ariaLabelledby,"aria-controls":panelId.value},triggerEvents.value),[renderSlot(_ctx.$slots,`trigger`,{open,close,toggle,isOpen:isOpen.value,trigger:effectiveTrigger.value},void 0,!0)],16,_hoisted_1)],6)):createCommentVNode(``,!0),(openBlock(),createBlock(Teleport,{to:__props.teleportTo},[createVNode(Transition,{name:transitionName.value,appear:``,onAfterLeave:onTransitionAfterLeave},{default:withCtx(()=>[isOpen.value?withDirectives((openBlock(),createElementBlock(`div`,mergeProps({key:0,id:panelId.value,ref:`panel`,role:__props.role,"aria-label":__props.ariaLabel,"aria-labelledby":__props.role===`dialog`?__props.ariaLabelledby||unref(triggerId):void 0,"aria-describedby":__props.role===`dialog`?__props.ariaDescribedby:void 0,"aria-modal":__props.role===`dialog`?`true`:void 0,tabindex:__props.role===`dialog`?`-1`:void 0,class:[`m-popover-panel maz:fixed maz:z-default-backdrop maz:rounded-md maz:shadow-elevation maz:outline-hidden maz:drop-shadow-md`,panelClasses.value],"aria-live":__props.announceChanges?`polite`:void 0,style:[__props.panelStyle,panelStyles.value,{transformOrigin:getTransformOrigin(computedPosition.value),visibility:unref(middlewareData).hide?.referenceHidden?`hidden`:`visible`}]},panelEvents.value),[renderSlot(_ctx.$slots,`default`,{open,close,toggle,isOpen:isOpen.value},void 0,!0)],16,_hoisted_2)),[[unref(directive),onClickOutside]]):createCommentVNode(``,!0)]),_:3},8,[`name`])],8,[`to`]))],64))}}),[[`__scopeId`,`data-v-cf8be68f`]]);export{MazPopover_default as t};
|
|
1
|
+
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{vClickOutside as directive}from"../directives/vClickOutside.js";import{t as hasSlotContent}from"./hasSlotContent.BLn0kQC7.js";import{t as getColor}from"./types.Dahe5l3v.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{Fragment,Teleport,Transition,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createVNode,defineComponent,mergeModels,mergeProps,nextTick,normalizeClass,normalizeStyle,onBeforeUnmount,onMounted,onUnmounted,openBlock,renderSlot,unref,useAttrs,useModel,useTemplateRef,watch,withCtx,withDirectives}from"vue";import{autoPlacement,autoUpdate,flip,hide,offset,shift,useFloating}from"@floating-ui/vue";import{isClient}from"@maz-ui/utils/helpers/isClient";import '../assets/MazPopover.lxovbn-y.css';var _hoisted_1=[`id`,`aria-expanded`,`aria-haspopup`,`aria-describedby`,`aria-labelledby`,`aria-controls`];var _hoisted_2=[`id`,`role`,`aria-label`,`aria-labelledby`,`aria-describedby`,`aria-modal`,`tabindex`,`aria-live`];var MazPopover_default=_plugin_vue_export_helper_default(defineComponent({name:`MazPopover`,inheritAttrs:!1,__name:`MazPopover`,props:mergeModels({modelValue:{type:Boolean},position:{default:`auto`},preferPosition:{},fallbackPosition:{},trigger:{default:`click`},role:{default:`dialog`},ariaLabel:{},announceChanges:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},offset:{default:8},delay:{default:0},hoverDelay:{default:150},transition:{default:`scale-pop`},teleportTo:{default:`body`},overlayClass:{type:[Boolean,null,String,Object,Array]},panelClass:{type:[Boolean,null,String,Object,Array]},panelStyle:{type:[Boolean,null,String,Object,Array]},closeOnClickOutside:{type:Boolean,default:!0},closeOnEscape:{type:Boolean,default:!0},persistent:{type:Boolean,default:!1},id:{},ariaLabelledby:{},ariaDescribedby:{},color:{default:`surface`},trapFocus:{type:Boolean,default:!0},keepOpenOnHover:{type:Boolean,default:!1},block:{type:Boolean,default:!1},positionReference:{}},{modelValue:{default:!1},modelModifiers:{}}),emits:mergeModels([`update:model-value`,`open`,`close`,`after-close-animation`,`toggle`],[`update:modelValue`]),setup(__props,{expose:__expose,emit:__emit}){let emits=__emit;let triggerId=useInstanceUniqId({componentName:`MazPopover`,providedId:__props.id});let attrs=useAttrs();let triggerRef=useTemplateRef(`trigger`);let panelRef=useTemplateRef(`panel`);let middleware=computed(()=>{let middleware=[offset(__props.offset),hide(),shift({padding:5})];return middleware.push(__props.position===`auto`&&!__props.preferPosition&&!__props.fallbackPosition?autoPlacement({allowedPlacements:[`top`,`bottom`,`left`,`right`]}):flip({fallbackPlacements:__props.fallbackPosition?[__props.fallbackPosition]:void 0})),middleware});let floatingPosition=computed(()=>__props.position===`auto`?__props.preferPosition:__props.position);let transitionName=computed(()=>[`scale-pop`,`scale-fade`].includes(__props.transition)?`maz-${__props.transition}`:__props.transition);function onTransitionAfterLeave(){emits(`after-close-animation`)}let positionRef=computed(()=>__props.positionReference?typeof __props.positionReference==`string`?triggerRef.value?.querySelector(__props.positionReference)||(isClient()?document.querySelector(__props.positionReference):null):__props.positionReference:triggerRef.value);let{floatingStyles,placement,update,middlewareData}=useFloating(computed(()=>positionRef.value||triggerRef.value),panelRef,{placement:floatingPosition,middleware,transform:!1,whileElementsMounted:autoUpdate});let computedPosition=computed(()=>placement.value??floatingPosition.value);let isOpen=useModel(__props,`modelValue`);let openTimeout=null;let closeTimeout=null;let initialFocusElement=null;let ignoreNextClickOutside=!1;let panelId=computed(()=>`${triggerId.value}-panel`);let rootStyles=computed(()=>attrs.style);let panelStyles=computed(()=>({...floatingStyles.value,pointerEvents:isOpen.value?`auto`:`none`}));let isTouchDevice=computed(()=>isClient()?`ontouchstart`in globalThis||navigator.maxTouchPoints>0:!1);let effectiveTrigger=computed(()=>__props.trigger===`adaptive`?isTouchDevice.value?`click`:`hover`:__props.trigger);let triggerEvents=computed(()=>{if(__props.disabled||effectiveTrigger.value===`manual`)return{};let events={};return effectiveTrigger.value===`hover`&&(events.onMouseenter=()=>{clearCloseTimeout(),open()},events.onMouseleave=close),effectiveTrigger.value===`click`&&(events.onClick=toggle),events});let panelEvents=computed(()=>effectiveTrigger.value===`hover`?{onMouseenter:()=>{__props.keepOpenOnHover&&clearCloseTimeout()},onMouseleave:()=>{__props.keepOpenOnHover&&close()}}:{});let panelClasses=computed(()=>[__props.overlayClass,__props.panelClass,`--position-${computedPosition.value}`,`--${getColor(__props.color)}`]);function cleanup(){clearOpenTimeout(),clearCloseTimeout(),isClient()&&document.removeEventListener(`keydown`,onKeydown)}function open(){__props.disabled||(clearCloseTimeout(),effectiveTrigger.value===`click`&&(ignoreNextClickOutside=!0),__props.delay>0?openTimeout=setTimeout(()=>{setOpen(!0)},__props.delay):setOpen(!0))}function close(){clearOpenTimeout(),__props.delay>0&&effectiveTrigger.value===`hover`?closeTimeout=setTimeout(()=>{setOpen(!1)},__props.delay):effectiveTrigger.value===`hover`&&__props.keepOpenOnHover?closeTimeout=setTimeout(()=>{setOpen(!1)},__props.hoverDelay):setOpen(!1)}function toggle(){isOpen.value?close():open()}function setOpen(value){isOpen.value=value,ignoreNextClickOutside=!1,value?(emits(`open`),emits(`toggle`,value),nextTick(()=>{update(),setupFocusTrap()})):(emits(`toggle`,value),emits(`close`),__props.trapFocus&&restoreFocus())}function clearOpenTimeout(){openTimeout&&=(clearTimeout(openTimeout),null)}function clearCloseTimeout(){closeTimeout&&=(clearTimeout(closeTimeout),null)}function getTransformOrigin(position){switch(position){case`top`:return`center bottom`;case`top-start`:return`left bottom`;case`top-end`:return`right bottom`;case`bottom`:return`center top`;case`bottom-start`:return`left top`;case`bottom-end`:return`right top`;case`left`:return`right center`;case`left-start`:return`right top`;case`left-end`:return`right bottom`;case`right`:return`left center`;case`right-start`:return`left top`;case`right-end`:return`left bottom`;default:return`center`}}function setupFocusTrap(){__props.role===`tooltip`||effectiveTrigger.value===`hover`||!__props.trapFocus||!isClient()||(initialFocusElement=document.activeElement,nextTick(()=>{let focusableElements=panelRef.value?.querySelectorAll(`a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select, [tabindex]:not([tabindex="-1"])`);focusableElements&&focusableElements.length>0?focusableElements[0].focus({preventScroll:!0}):panelRef.value?.focus({preventScroll:!0})}))}function restoreFocus(){__props.role===`tooltip`||effectiveTrigger.value===`hover`||!__props.trapFocus||!isClient()||nextTick(()=>{initialFocusElement?.focus({preventScroll:!0})})}function onKeydown(event){isOpen.value&&(event.key===`Escape`&&__props.closeOnEscape&&!__props.persistent&&(event.preventDefault(),close()),event.key===`Tab`&&__props.trapFocus&&handleTrapFocus(event))}function handleTrapFocus(event){if(!panelRef.value||!isClient())return;let focusableElements=panelRef.value.querySelectorAll(`a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select, [tabindex]:not([tabindex="-1"])`);if(focusableElements.length===0)return;let firstElement=focusableElements[0];let lastElement=focusableElements[focusableElements.length-1];event.shiftKey?document.activeElement===firstElement&&(event.preventDefault(),lastElement.focus()):document.activeElement===lastElement&&(event.preventDefault(),firstElement.focus())}function onClickOutside(event){if(effectiveTrigger.value!==`manual`){if(ignoreNextClickOutside){ignoreNextClickOutside=!1;return}if(__props.closeOnClickOutside&&!__props.persistent){if(triggerRef.value&&triggerRef.value.contains(event.target))return;close()}}}return watch(isOpen,(value,oldValue)=>{!isClient()||value===oldValue||(value?open():oldValue&&!value&&close())},{immediate:!0}),watch(()=>__props.position,()=>{isOpen.value&&nextTick(()=>update())}),onMounted(()=>{document.addEventListener(`keydown`,onKeydown)}),onBeforeUnmount(cleanup),onUnmounted(cleanup),__expose({open,close,toggle,isOpen,updatePosition:update,panelRef,onTransitionAfterLeave}),(_ctx,_cache)=>(openBlock(),createElementBlock(Fragment,null,[unref(hasSlotContent)(_ctx.$slots.trigger)?(openBlock(),createElementBlock(`div`,{key:0,class:normalizeClass([`m-popover m-reset-css maz:inline-block`,[unref(attrs).class,{"--open":isOpen.value,"--disabled":__props.disabled,"--block":__props.block,"maz:disabled-cursor":__props.disabled,"maz:w-full":__props.block}]]),style:normalizeStyle(rootStyles.value)},[createElementVNode(`div`,mergeProps({id:unref(triggerId),ref:`trigger`,role:`button`,class:`m-popover-trigger maz:inline-block maz:size-full`,"aria-expanded":__props.role===`dialog`||__props.role===`menu`?isOpen.value:void 0,"aria-haspopup":__props.role===`dialog`?`dialog`:void 0,"aria-describedby":__props.role===`tooltip`&&isOpen.value?panelId.value:__props.ariaDescribedby,"aria-labelledby":__props.ariaLabelledby,"aria-controls":panelId.value},triggerEvents.value),[renderSlot(_ctx.$slots,`trigger`,{open,close,toggle,isOpen:isOpen.value,trigger:effectiveTrigger.value},void 0,!0)],16,_hoisted_1)],6)):createCommentVNode(``,!0),(openBlock(),createBlock(Teleport,{to:__props.teleportTo},[createVNode(Transition,{name:transitionName.value,appear:``,onAfterLeave:onTransitionAfterLeave},{default:withCtx(()=>[isOpen.value?withDirectives((openBlock(),createElementBlock(`div`,mergeProps({key:0,id:panelId.value,ref:`panel`,role:__props.role,"aria-label":__props.ariaLabel,"aria-labelledby":__props.role===`dialog`?__props.ariaLabelledby||unref(triggerId):void 0,"aria-describedby":__props.role===`dialog`?__props.ariaDescribedby:void 0,"aria-modal":__props.role===`dialog`?`true`:void 0,tabindex:__props.role===`dialog`?`-1`:void 0,class:[`m-popover-panel maz:fixed maz:z-default-backdrop maz:rounded-md maz:shadow-elevation maz:outline-hidden maz:drop-shadow-md`,panelClasses.value],"aria-live":__props.announceChanges?`polite`:void 0,style:[__props.panelStyle,panelStyles.value,{transformOrigin:getTransformOrigin(computedPosition.value),visibility:unref(middlewareData).hide?.referenceHidden?`hidden`:`visible`}]},panelEvents.value),[renderSlot(_ctx.$slots,`default`,{open,close,toggle,isOpen:isOpen.value},void 0,!0)],16,_hoisted_2)),[[unref(directive),onClickOutside]]):createCommentVNode(``,!0)]),_:3},8,[`name`])],8,[`to`]))],64))}}),[[`__scopeId`,`data-v-cf8be68f`]]);export{MazPopover_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{computed,createCommentVNode,createElementBlock,createElementVNode,createVNode,defineAsyncComponent,defineComponent,normalizeClass,normalizeStyle,onUnmounted,openBlock,ref,renderSlot,unref,watch}from"vue";import{isClient}from"@maz-ui/utils/helpers/isClient";import{isStandaloneMode}from"@maz-ui/utils/helpers/isStandaloneMode";var _hoisted_1={key:1,class:`header-text maz:absolute maz:flex maz:w-full maz:flex-center`};var _hoisted_2={key:2,class:`header-text maz:absolute maz:flex maz:w-full maz:flex-center`};var _hoisted_3={class:`maz:flex maz:flex-col maz:flex-center`};var MazPullToRefresh_default=defineComponent({__name:`MazPullToRefresh`,props:{distance:{default:100},offset:{default:0},onClick:{type:Function},containerSelector:{},headerClass:{},spinnerColor:{default:`contrast`},disabled:{type:Boolean,default:!1},standaloneMode:{type:Boolean,default:!1}},emits:[`loaded`,`start`,`error`,`finish`,`response`],setup(__props,{emit:__emit}){let emits=__emit;let MazSpinner=defineAsyncComponent(()=>import(`../components/MazSpinner.js`));let isDisabled=computed(()=>__props.disabled||__props.onClick===void 0||__props.standaloneMode&&isClient()&&!isStandaloneMode());let margin=ref({top:0,bottom:0});let pull=ref({from:-1,to:-1,distance:0,available:!1,state:`end`});let internalLoading=ref(!1);let container=computed(()=>{if(typeof document>`u`||isDisabled.value)return;let element=__props.containerSelector?document.querySelector(__props.containerSelector):document.body;if(!element)throw Error(`MazPullToRefresh - container not found`);return element});let pullHeight=computed(()=>pull.value.state!==`move`&&pull.value.state!==`end`||isDisabled.value?0:pull.value.distance>__props.distance?__props.distance:pull.value.distance);function updateView(container){let{top,height}=container.getBoundingClientRect();margin.value={top,bottom:window.innerHeight-(height+top+__props.offset)}}function setLoading(type){internalLoading.value=type}function handleTouchStart(event){if(internalLoading.value||margin.value.top<0&&margin.value.bottom<0||isDisabled.value)return;let item=event.touches.item(0);item&&(pull.value.state=`start`,pull.value.from=item.pageY)}function handleTouchMove(event){if(internalLoading.value||pull.value.from<0||window.scrollY>0||isDisabled.value)return;let item=event.touches.item(0);if(!item)return;pull.value.to=item.pageY;let distance=pull.value.to-pull.value.from;pull.value.distance=distance>0?distance:0,pull.value.available=pull.value.distance>=__props.distance,pull.value.state=`move`}function handleTouchEnd(){internalLoading.value||isDisabled.value||(pullHeight.value===__props.distance&&pull.value.state===`move`&&window.scrollY<=0?runAction():resetPull())}function resetPull(){pull.value={from:-1,to:-1,distance:0,available:!1,state:`end`}}async function runAction(){try{setLoading(!0),emits(`start`);let response=await __props.onClick?.();emits(`loaded`),emits(`response`,response)}catch(error){throw emits(`error`,error),error}finally{resetPull(),setLoading(!1),emits(`finish`)}}watch(()=>isDisabled.value,disabled=>{disabled===!0?removeEvents():initComponentAndEvents()},{immediate:!0});function initComponentAndEvents(){!container.value||isDisabled.value||document===void 0||(container.value.addEventListener(`touchstart`,handleTouchStart),container.value.addEventListener(`touchmove`,handleTouchMove),container.value.addEventListener(`touchend`,handleTouchEnd),updateView(container.value))}function removeEvents(){!container.value||document===void 0||(container.value.removeEventListener(`touchstart`,handleTouchStart),container.value.removeEventListener(`touchmove`,handleTouchMove),container.value.removeEventListener(`touchend`,handleTouchEnd))}return onUnmounted(()=>{removeEvents()}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-pull-to-refresh m-reset-css`,{"--available":pull.value.available||pullHeight.value>10}])},[isDisabled.value?createCommentVNode(``,!0):(openBlock(),createElementBlock(`div`,{key:0,class:normalizeClass([`loading-header maz:relative maz:flex maz:w-full maz:flex-center maz:text-center maz:text-[0.8em]`,__props.headerClass]),style:normalizeStyle({height:`${pullHeight.value}px`})},[pull.value.available?pull.value.available&&!internalLoading.value?(openBlock(),createElementBlock(`div`,_hoisted_1,[renderSlot(_ctx.$slots,`pull-ready`,{},()=>[_cache[1]||=createElementVNode(`span`,null,` Release to refresh `,-1)])])):createCommentVNode(``,!0):(openBlock(),createElementBlock(`div`,{key:0,class:normalizeClass([`header-text maz:absolute maz:flex maz:w-full maz:flex-center`,{"maz:bottom-2":!(pull.value.available||pullHeight.value>10)}])},[renderSlot(_ctx.$slots,`pull-before`,{},()=>[_cache[0]||=createElementVNode(`span`,null,`Pull to refresh`,-1)])],2)),internalLoading.value?(openBlock(),createElementBlock(`div`,_hoisted_2,[renderSlot(_ctx.$slots,`pull-loading`,{},()=>[createElementVNode(`div`,_hoisted_3,[createVNode(unref(MazSpinner),{color:__props.spinnerColor,size:`2.5em`},null,8,[`color`])])])])):createCommentVNode(``,!0)],6)),renderSlot(_ctx.$slots,`default`)],2))}});export{MazPullToRefresh_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{computed,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,defineComponent,mergeProps,normalizeClass,normalizeStyle,openBlock,ref,renderSlot,toDisplayString,unref}from"vue";import '../assets/MazRadio.DEhhm7Rd.css';var _hoisted_1=[`for`,`aria-checked`];var _hoisted_2=[`id`,`value`,`disabled`,`name`,`checked`];var _hoisted_3={class:`m-radio__text maz:flex maz:flex-col maz:gap-0`};var MazRadio_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazRadio`,props:{style:{type:[Boolean,null,String,Object,Array]},class:{type:[Boolean,null,String,Object,Array]},id:{},modelValue:{},value:{},name:{},label:{},color:{default:`primary`},size:{default:`md`},disabled:{type:Boolean,default:!1},error:{type:Boolean},success:{type:Boolean},warning:{type:Boolean},hint:{}},emits:[`update:model-value`,`change`,`blur`,`focus`],setup(__props,{emit:__emit}){let emits=__emit;let instanceId=useInstanceUniqId({componentName:`MazRadio`,providedId:__props.id});let inputRef=ref();let isFocused=ref(!1);let isSelected=computed(()=>__props.modelValue===__props.value);let radioSize=computed(()=>{switch(__props.size){case`xl`:return`2.25rem`;case`lg`:return`2rem`;case`sm`:return`1.425rem`;case`xs`:return`1.325rem`;case`mini`:return`1.2rem`;default:return`1.625rem`}});let radioSelectedColor=computed(()=>`var(--maz-${__props.color})`);let radioBoxShadow=computed(()=>__props.error&&!isFocused.value?`var(--maz-destructive)`:__props.warning&&!isFocused.value?`var(--maz-warning)`:__props.success&&!isFocused.value?`var(--maz-success)`:[`transparent`,`contrast`].includes(__props.color)?`var(--maz-muted)`:`color-mix(in srgb, var(--maz-${__props.color}) 60%, transparent)`);function keyboardHandler(event){[`Space`].includes(event.code)&&(event.preventDefault(),emitValue())}function emitValue(){emits(`update:model-value`,__props.value),emits(`change`,__props.value)}function onBlur(event){isFocused.value=!1,inputRef.value?.dispatchEvent(new Event(`blur`)),emits(`blur`,event)}function onFocus(event){isFocused.value=!0,inputRef.value?.dispatchEvent(new Event(`focus`)),emits(`focus`,event)}return(_ctx,_cache)=>(openBlock(),createElementBlock(`label`,{for:unref(instanceId),class:normalizeClass([`m-radio m-reset-css maz:relative maz:inline-flex maz:items-center maz:gap-2 maz:align-top maz:outline-hidden`,[{"--selected":isSelected.value,"--error":__props.error,"--warning":__props.warning,"--success":__props.success,"maz:disabled-cursor maz:text-muted":__props.disabled,"maz:cursor-pointer":!__props.disabled},__props.class]]),tabindex:`0`,role:`radio`,style:normalizeStyle([__props.style,{"--radio-size":radioSize.value,"--radio-selected-color":radioSelectedColor.value,"--radio-box-shadow":radioBoxShadow.value}]),"aria-checked":isSelected.value,onBlur,onFocus,onKeydown:keyboardHandler},[createElementVNode(`input`,mergeProps({id:unref(instanceId),ref_key:`inputRef`,ref:inputRef,value:__props.value},_ctx.$attrs,{tabindex:`-1`,disabled:__props.disabled,name:__props.name,type:`radio`,checked:isSelected.value,class:`maz:hidden`,onChange:_cache[0]||=$event=>emitValue()}),null,16,_hoisted_2),_cache[1]||=createElementVNode(`span`,null,[createElementVNode(`span`,{class:`round`})],-1),createElementVNode(`div`,_hoisted_3,[renderSlot(_ctx.$slots,`default`,{isSelected:isSelected.value,value:__props.value},()=>[createTextVNode(toDisplayString(__props.label),1)],!0),__props.hint?(openBlock(),createElementBlock(`span`,{key:0,class:normalizeClass([`m-radio__hint maz:text-sm`,{"--error":__props.error,"--success":__props.success,"--warning":__props.warning,"maz:text-destructive-600":__props.error,"maz:text-success-600":__props.success,"maz:text-warning-600":__props.warning,"maz:text-muted":!__props.error&&!__props.success&&!__props.warning}])},toDisplayString(__props.hint),3)):createCommentVNode(``,!0)])],46,_hoisted_1))}}),[[`__scopeId`,`data-v-5e1bd987`]]);export{MazRadio_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as getColor}from"./types.Dahe5l3v.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as MazIcon_default}from"./MazIcon.BKcg5YfP.js";import{Fragment,Transition,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineComponent,normalizeClass,normalizeStyle,openBlock,ref,renderList,renderSlot,toDisplayString,unref,vShow,withCtx,withDirectives}from"vue";import{MazCheck}from"@maz-ui/icons/lazy/MazCheck";import '../assets/MazRadioButtons.CMe9Bnu-.css';var _hoisted_1=[`for`,`aria-checked`,`onKeydown`,`onBlur`,`onFocus`];var _hoisted_2=[`id`,`name`,`value`,`onChange`];var _hoisted_3={key:0,class:`m-radio-buttons__items__checkbox maz:flex maz:flex-center`};var MazRadioButtons_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazRadioButtons`,props:{modelValue:{},options:{},name:{default:`MazButtonsRadio`},color:{default:`primary`},elevation:{type:Boolean,default:!1},orientation:{default:`row`},wrap:{type:Boolean,default:!0},equalSize:{type:Boolean,default:!1},selector:{type:Boolean,default:!1},block:{type:Boolean,default:!1},error:{type:Boolean},success:{type:Boolean},warning:{type:Boolean},hint:{},size:{default:`md`}},emits:[`update:model-value`,`change`,`blur`,`focus`],setup(__props,{emit:__emit}){let emits=__emit;function selectOption(option){emits(`update:model-value`,option.value),emits(`change`,option.value)}function isSelected(value){return __props.modelValue===value}function keyboardHandler(event,option){[`Space`].includes(event.code)&&(event.preventDefault(),selectOption(option))}function getOptionId(option,i){return`option-${i}-${option.value.toString()}-${__props.name}`}let inputRef=ref();function onBlur(index,event){inputRef.value?.[index]?.dispatchEvent(new Event(`blur`)),emits(`blur`,event)}function onFocus(index,event){inputRef.value?.[index]?.dispatchEvent(new Event(`focus`)),emits(`focus`,event)}let SIZE_CLASS={mini:`maz:px-1 maz:min-h-6 maz:text-xs`,xs:`maz:px-2 maz:min-h-8 maz:text-xs`,sm:`maz:px-3 maz:min-h-10 maz:text-sm`,md:`maz:px-4 maz:min-h-12`,lg:`maz:px-5 maz:min-h-14 maz:text-lg`,xl:`maz:px-6 maz:min-h-16 maz:text-xl`};return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-radio-buttons m-reset-css maz:inline-flex maz:flex-col maz:gap-1 maz:align-top`,{"maz:w-full":__props.block}])},[createElementVNode(`div`,{class:normalizeClass([`m-radio-buttons__wrapper maz:inline-flex maz:gap-2`,[`--${__props.orientation}`,__props.orientation===`row`?`maz:flex-row`:`maz:flex-col`,{"--wrap":__props.wrap,"maz:flex-wrap":__props.wrap,"--block":__props.block}]])},[(openBlock(!0),createElementBlock(Fragment,null,renderList(__props.options,(option,i)=>(openBlock(),createElementBlock(`label`,{key:getOptionId(option,i),for:getOptionId(option,i),class:normalizeClass([`m-radio-buttons__items maz:group maz:flex maz:cursor-pointer maz:items-center maz:gap-4 maz:rounded-md maz:border maz:border-divider maz:bg-surface maz:px-4 maz:py-2 maz:font-medium maz:transition-colors maz:duration-300`,[`--size-${__props.size}`,SIZE_CLASS[__props.size],{"--is-selected":isSelected(option.value),"maz:shadow-elevation maz:drop-shadow-md":__props.elevation,"--equal-size":__props.equalSize},option.classes]]),tabindex:`0`,style:normalizeStyle([isSelected(option.value)?{color:`var(--maz-${unref(getColor)(__props.color)}-foreground)`,backgroundColor:`var(--maz-${unref(getColor)(__props.color)})`,borderColor:`var(--maz-${unref(getColor)(__props.color)})`}:{},option.style]),role:`radio`,"aria-checked":isSelected(option.value),onKeydown:$event=>keyboardHandler($event,option),onBlur:$event=>onBlur(i,$event),onFocus:$event=>onFocus(i,$event)},[createElementVNode(`input`,{id:getOptionId(option,i),ref_for:!0,ref_key:`inputRef`,ref:inputRef,type:`radio`,tabindex:`-1`,name:__props.name,value:option.value,class:`maz:hidden`,onChange:$event=>selectOption(option)},null,40,_hoisted_2),__props.selector?(openBlock(),createElementBlock(`div`,_hoisted_3,[createElementVNode(`span`,{class:normalizeClass([`maz:flex maz:size-6 maz:flex-none maz:flex-center maz:rounded-full maz:border maz:border-divider maz:bg-input maz:p-0.5 maz:text-white maz:transition-colors maz:duration-300`,{"--is-selected":isSelected(option.value)}]),style:normalizeStyle([isSelected(option.value)?{backgroundColor:`oklch(from var(--maz-${unref(getColor)(__props.color)}) clamp(0, calc(l - 0.05), 1) c h)`,color:`var(--maz-${unref(getColor)(__props.color)}-foreground)`}:{}])},[createVNode(Transition,{name:`maz-radio-buttons-scale`},{default:withCtx(()=>[withDirectives(createVNode(MazIcon_default,{icon:unref(MazCheck),class:`maz:size-full`},null,8,[`icon`]),[[vShow,isSelected(option.value)]])]),_:2},1024)],6)])):createCommentVNode(``,!0),renderSlot(_ctx.$slots,`default`,{option,selected:isSelected(option.value)},()=>[createTextVNode(toDisplayString(option.label),1)],!0)],46,_hoisted_1))),128))],2),__props.hint?(openBlock(),createElementBlock(`span`,{key:0,class:normalizeClass([`m-radio-buttons__hint maz:text-sm`,{"--error":__props.error,"--success":__props.success,"--warning":__props.warning,"maz:text-destructive-600":__props.error,"maz:text-success-600":__props.success,"maz:text-warning-600":__props.warning,"maz:text-muted":!__props.error&&!__props.success&&!__props.warning}])},toDisplayString(__props.hint),3)):createCommentVNode(``,!0)],2))}}),[[`__scopeId`,`data-v-6f53f563`]]);export{MazRadioButtons_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{
|
|
1
|
+
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as MazLink_default}from"./MazLink.DNRMFwxx.js";import{Fragment,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,defineComponent,nextTick,normalizeClass,normalizeStyle,onMounted,openBlock,ref,renderSlot,toDisplayString,unref,useSlots,withCtx}from"vue";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import '../assets/MazReadMore.CEE-TnkG.css';var _hoisted_1=[`id`];var _hoisted_2=[`id`,`aria-label`,`aria-expanded`];var MazReadMore_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazReadMore`,props:{text:{},maxLines:{default:()=>void 0},maxChars:{default:()=>void 0},color:{default:`primary`},collapseText:{},expandText:{},id:{},ariaLabel:{}},setup(__props){let{t}=useTranslations();let maxLinesValue=computed(()=>__props.maxChars?void 0:__props.maxLines||4);let instanceId=useInstanceUniqId({componentName:`MazReadMore`,providedId:__props.id});let contentId=computed(()=>`${instanceId.value}-content`);let buttonId=computed(()=>`${instanceId.value}-button`);let collapseTextValue=computed(()=>__props.collapseText||t(`readMore.collapse`));let expandTextValue=computed(()=>__props.expandText||t(`readMore.expand`));let ariaLabelValue=computed(()=>__props.ariaLabel||t(`readMore.ariaLabel`));let slots=useSlots();let contentRef=ref();let hiddenSlotRef=ref();let isExpanded=ref(!1);let slotTextContent=ref(``);let hasSlot=computed(()=>!!slots.default);let shouldShowButton=ref(!1);let truncateStyle=computed(()=>isExpanded.value?{}:maxLinesValue.value?{display:`-webkit-box`,"-webkit-line-clamp":maxLinesValue.value.toString(),"-webkit-box-orient":`vertical`,overflow:`hidden`}:{});let displayedText=computed(()=>{if(!__props.maxChars||isExpanded.value)return __props.text;let content=hasSlot.value?slotTextContent.value:__props.text;return content&&content.length>__props.maxChars?`${content.slice(0,__props.maxChars)}...`:content});let showTruncatedText=computed(()=>__props.maxChars&&hasSlot.value&&!isExpanded.value&&slotTextContent.value.length>__props.maxChars);function toggleExpanded(){isExpanded.value=!isExpanded.value}function checkIfTruncated(){if(__props.maxChars&&hiddenSlotRef.value){slotTextContent.value=hiddenSlotRef.value.textContent||``,shouldShowButton.value=slotTextContent.value.length>__props.maxChars;return}if(!contentRef.value)return;let element=contentRef.value;if(maxLinesValue.value){let maxHeight=Number.parseFloat(getComputedStyle(element).lineHeight)*maxLinesValue.value;shouldShowButton.value=element.scrollHeight>maxHeight;return}__props.maxChars&&(shouldShowButton.value=(__props.text||``).length>__props.maxChars)}return onMounted(()=>{nextTick(()=>{checkIfTruncated()})}),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{id:unref(instanceId),class:`m-read-more m-reset-css maz:flex maz:w-full maz:flex-col maz:gap-1`},[hasSlot.value&&__props.maxChars?(openBlock(),createElementBlock(`div`,{key:0,ref_key:`hiddenSlotRef`,ref:hiddenSlotRef,class:`m-read-more__hidden maz:absolute maz:overflow-hidden`,"aria-hidden":`true`},[renderSlot(_ctx.$slots,`default`,{},void 0,!0)],512)):createCommentVNode(``,!0),createElementVNode(`div`,{id:contentId.value,ref_key:`contentRef`,ref:contentRef,class:normalizeClass([`m-read-more__content`,{"m-read-more__content--truncated maz:relative":!isExpanded.value}]),style:normalizeStyle(truncateStyle.value),role:`region`,"aria-label":ariaLabelValue.value,"aria-expanded":shouldShowButton.value?isExpanded.value:void 0},[showTruncatedText.value?(openBlock(),createElementBlock(Fragment,{key:0},[createTextVNode(toDisplayString(displayedText.value),1)],64)):hasSlot.value?renderSlot(_ctx.$slots,`default`,{key:1},void 0,!0):(openBlock(),createElementBlock(Fragment,{key:2},[createTextVNode(toDisplayString(displayedText.value),1)],64))],14,_hoisted_2),shouldShowButton.value?(openBlock(),createBlock(MazLink_default,{key:1,id:buttonId.value,size:`sm`,class:`mt-2`,color:__props.color,underline:``,role:`button`,"aria-expanded":isExpanded.value,"aria-controls":contentId.value,onClick:toggleExpanded},{default:withCtx(()=>[createTextVNode(toDisplayString(isExpanded.value?collapseTextValue.value:expandTextValue.value),1)]),_:1},8,[`id`,`color`,`aria-expanded`,`aria-controls`])):createCommentVNode(``,!0)],8,_hoisted_1))}}),[[`__scopeId`,`data-v-08c22b23`]]);export{MazReadMore_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Teleport,computed,createBlock,createElementVNode,defineComponent,mergeProps,nextTick,normalizeClass,normalizeStyle,onBeforeUnmount,onMounted,openBlock,ref,watch}from"vue";import{throttle}from"@maz-ui/utils/helpers/throttle";var MazReadingProgressBar_default=defineComponent({inheritAttrs:!1,__name:`MazReadingProgressBar`,props:{height:{default:`4px`},color:{default:`primary`},teleportSelector:{default:`body`},contentSelector:{default:`body`},offset:{default:0},barClass:{type:[Boolean,null,String,Object,Array]},distance:{}},emits:[`begin`,`complete`],setup(__props,{emit:__emit}){let emits=__emit;let barColor=computed(()=>`var(--maz-${__props.color})`);let progressBarWidth=ref();let elementHeight=ref(0);watch(()=>__props.distance,value=>{value&&(elementHeight.value=value)},{immediate:!0});let handleScroll=throttle(()=>{let scrollPosition=window.scrollY;scrollPosition>=0&&scrollPosition<=elementHeight.value?progressBarWidth.value=`${scrollPosition/elementHeight.value*100}%`:scrollPosition<=0?(progressBarWidth.value=`0%`,emits(`begin`)):scrollPosition>elementHeight.value?(progressBarWidth.value=`100%`,emits(`complete`)):progressBarWidth.value=`0%`},15);async function setupScroll(){if(elementHeight.value===0){let element=document.querySelector(__props.contentSelector);if(!element){console.error(`HTML Element with selector "${__props.contentSelector}" not found.`);return}await nextTick(),elementHeight.value=element.offsetHeight+element.offsetTop+__props.offset-window.innerHeight}window.addEventListener(`scroll`,handleScroll,{passive:!0})}return onMounted(()=>{setupScroll()}),onBeforeUnmount(()=>{window.removeEventListener(`scroll`,handleScroll)}),(_ctx,_cache)=>(openBlock(),createBlock(Teleport,{to:__props.teleportSelector},[createElementVNode(`div`,mergeProps({class:`m-reading-progress-bar m-reset-css maz:fixed maz:top-0 maz:z-default-backdrop maz:w-full`},_ctx.$attrs),[createElementVNode(`div`,{class:normalizeClass(__props.barClass),style:normalizeStyle({width:progressBarWidth.value??`0px`,height:__props.height,backgroundColor:barColor.value})},null,6)],16)],8,[`to`]))}});export{MazReadingProgressBar_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as hasSlotContent}from"./hasSlotContent.BLn0kQC7.js";import{t as MazPopover_default}from"./MazPopover.BZG8J4IR.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useStringMatching}from"../composables/useStringMatching.js";import{t as MazIcon_default}from"./MazIcon.BKcg5YfP.js";import{t as MazInput_default}from"./MazInput.C5wxW29_.js";import{Fragment,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createSlots,createVNode,defineAsyncComponent,defineComponent,mergeModels,mergeProps,nextTick,normalizeClass,normalizeStyle,onBeforeUnmount,openBlock,ref,renderList,renderSlot,toDisplayString,unref,useModel,useTemplateRef,watch,withCtx,withModifiers}from"vue";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{isClient}from"@maz-ui/utils/helpers/isClient";import{normalizeString}from"@maz-ui/utils/helpers/normalizeString";import{MazMagnifyingGlass}from"@maz-ui/icons/lazy/MazMagnifyingGlass";import{MazNoSymbol}from"@maz-ui/icons/lazy/MazNoSymbol";import{MazChevronDown}from"@maz-ui/icons/raw/MazChevronDown";import{debounceCallback}from"@maz-ui/utils/helpers/debounceCallback";import '../assets/MazSelect.vD0j0NLj.css';var _hoisted_1=[`disabled`,`aria-label`];var _hoisted_2=[`id`];var _hoisted_3={key:0,class:`m-select-list__search-wrapper`};var _hoisted_4={class:`m-select-list__no-results`};var _hoisted_5={key:2,ref:`optionListWrapper`,class:`m-select-list__scroll-wrapper`,tabindex:`-1`};var _hoisted_6={class:`m-select-list-optgroup`};var _hoisted_7=[`tabindex`,`onClick`];var MazSelect_default=_plugin_vue_export_helper_default(defineComponent({inheritAttrs:!1,__name:`MazSelect`,props:mergeModels({style:{type:[Boolean,null,String,Object,Array],default:()=>void 0},class:{type:[Boolean,null,String,Object,Array],default:()=>void 0},id:{default:()=>void 0},label:{},placeholder:{},modelValue:{default:()=>void 0},options:{},optionValueKey:{default:`value`},optionLabelKey:{default:`label`},optionInputValueKey:{default:`label`},listPosition:{default:`auto`},preferPosition:{default:`bottom-start`},fallbackPosition:{default:`top-start`},itemHeight:{default:()=>void 0},maxListHeight:{default:240},maxListWidth:{default:()=>void 0},minListHeight:{default:()=>void 0},minListWidth:{default:()=>void 0},size:{default:`md`},color:{default:`primary`},search:{type:Boolean},searchFunction:{type:Function},searchThreshold:{default:.75},multiple:{type:Boolean,default:!1},required:{type:Boolean},disabled:{type:Boolean},block:{type:Boolean},autocomplete:{default:`off`},translations:{},formatInputValue:{type:Function},transition:{default:`scale-fade`}},{open:{default:!1},openModifiers:{}}),emits:mergeModels([`close`,`open`,`blur`,`focus`,`change`,`input`,`update:model-value`,`selected-option`],[`update:open`]),setup(__props,{expose:__expose,emit:__emit}){let emits=__emit;let MazCheckbox=defineAsyncComponent(()=>import(`../components/MazCheckbox.js`));let popoverComponent=useTemplateRef(`popover`);let inputRef=useTemplateRef(`input`);let searchInputRef=useTemplateRef(`searchInput`);let optionListElement=useTemplateRef(`optionListRef`);let optionListWrapperRef=useTemplateRef(`optionListWrapper`);let selectedTextColor=computed(()=>`var(--maz-${__props.color})`);let selectedBgColor=computed(()=>`color-mix(in srgb, var(--maz-${__props.color}) 10%, transparent)`);let SIZE_TEXT_CLASS={mini:`maz:text-xs`,xs:`maz:text-xs`,sm:`maz:text-sm`,md:`maz:text-base`,lg:`maz:text-lg`,xl:`maz:text-xl`};let{t}=useTranslations();let messages=computed(()=>({searchPlaceholder:__props.translations?.searchPlaceholder||t(`select.searchPlaceholder`)}));let isOpen=useModel(__props,`open`);let instanceId=useInstanceUniqId({componentName:`MazSelect`,providedId:__props.id});function getOptionPayload(option){return{[__props.optionValueKey]:option,[__props.optionLabelKey]:option,[__props.optionInputValueKey]:option}}function getNormalizedOptionPayload(option){return{...option,[__props.optionValueKey]:option[__props.optionValueKey],[__props.optionLabelKey]:option[__props.optionLabelKey],[__props.optionInputValueKey]:option[__props.optionInputValueKey]}}function getNormalizedOptions(options){let normalizedOptions=[];if(!options?.length)return[];for(let option of options)typeof option==`string`||typeof option==`number`||typeof option==`boolean`?normalizedOptions.push(getOptionPayload(option)):typeof option==`object`&&`options`in option&&Array.isArray(option.options)?normalizedOptions.push({label:option.label,isOptGroup:!0},...option.options.map(opt=>typeof opt==`string`||typeof opt==`number`||typeof opt==`boolean`?getOptionPayload(opt):getNormalizedOptionPayload(opt))):normalizedOptions.push(getNormalizedOptionPayload(option));return normalizedOptions}let optionsNormalized=computed(()=>getNormalizedOptions(__props.options??[]));function isOptionInSelection(option){return isNullOrUndefined(option[__props.optionValueKey])?!1:__props.multiple?Array.isArray(__props.modelValue)&&__props.modelValue.includes(option[__props.optionValueKey]):__props.modelValue===option[__props.optionValueKey]}let selectedOptions=computed(()=>optionsNormalized.value?.filter(isOptionInSelection)??[]);function isNullOrUndefined(value){return value==null}function isSelectedOption(option){return(selectedOptions.value?.some(selectedOption=>selectedOption[__props.optionValueKey]===option[__props.optionValueKey])??!1)&&!isNullOrUndefined(option[__props.optionValueKey])}let inputValue=computed(()=>{if(__props.multiple&&__props.modelValue&&Array.isArray(__props.modelValue)){let values=__props.modelValue.map(value=>optionsNormalized.value?.find(option=>option[__props.optionValueKey]===value)?.[__props.optionInputValueKey]);return __props.formatInputValue?__props.formatInputValue(values):values.join(`, `)}let selectedOption=optionsNormalized.value?.find(option=>option[__props.optionValueKey]===__props.modelValue);let value=isNullOrUndefined(__props.modelValue)?void 0:selectedOption?.[__props.optionInputValueKey];return __props.formatInputValue?__props.formatInputValue(value):value});let searchQuery=ref();let query=ref(``);function searchInValue(value,query){return query&&value&&normalizeString(value).includes(normalizeString(query))}function getFilteredOptionWithQuery(query){return query?optionsNormalized.value?.filter(option=>{let searchValue=option[__props.optionLabelKey];let searchValue3=option[__props.optionValueKey];let searchValue2=option[__props.optionInputValueKey];let threshold=__props.searchThreshold;return searchInValue(searchValue,query)||searchInValue(searchValue2,query)||searchInValue(searchValue3,query)||typeof searchValue==`string`&&useStringMatching(searchValue,query,threshold).isMatching.value||typeof searchValue2==`string`&&useStringMatching(searchValue2,query,threshold).isMatching.value||typeof searchValue3==`string`&&useStringMatching(searchValue3,query,threshold).isMatching.value}):optionsNormalized.value}let optionList=computed(()=>__props.searchFunction&&__props.search&&searchQuery.value?getNormalizedOptions(__props.searchFunction(searchQuery.value,__props.options??[])??[]):getFilteredOptionWithQuery(searchQuery.value));async function onOpenList(){let selectedIndex=optionList.value?.findIndex(option=>isSelectedOption(option));await scrollToOptionIndex(selectedIndex),emits(`open`)}function focusMainInput(){inputRef.value?.$el?.querySelector(`input`)?.focus()}function emitInputMainInput(){inputRef.value?.$el?.querySelector(`input`)?.dispatchEvent(new Event(`input`))}function focusSearchInputAndSetQuery(q){searchQuery.value=q,searchInputRef.value?.$el?.querySelector(`input`)?.focus()}function searchOptionWithQuery(keyPressed){keyPressed===`Backspace`&&query.value&&query.value.length>0?query.value=query.value.slice(0,-1):query.value+=keyPressed;let filteredOptions=getFilteredOptionWithQuery(query.value);if(!filteredOptions?.length)return;let optionIndex=optionList.value?.findIndex(option=>option[__props.optionValueKey]===filteredOptions[0][__props.optionValueKey]);typeof optionIndex!=`number`||optionIndex===-1||(scrollToOptionIndex(optionIndex),debounceCallback(()=>{query.value=``},1e3))}let isLetterOrNumberRegex=/^([\dA-Za-z\u0400-\u04FF])$/;function mainInputKeyboardHandler(event){if(event.ctrlKey||event.metaKey||event.altKey)return;let keyPressed=event.key;(keyPressed===`ArrowDown`||keyPressed===`ArrowUp`||isLetterOrNumberRegex.test(keyPressed))&&!isOpen.value&&(event.preventDefault(),popoverComponent.value?.open()),isLetterOrNumberRegex.test(keyPressed)&&__props.search&&(event.preventDefault(),event.stopPropagation(),focusSearchInputAndSetQuery(keyPressed))}async function scrollToOptionIndex(index){if(await nextTick(),typeof index!=`number`||index<0)return;let item=optionListElement.value?.querySelector(`.m-select-list-item:nth-child(${index+1})`);if(item&&optionListWrapperRef.value){let wrapperRect=optionListWrapperRef.value.getBoundingClientRect();let itemRect=item.getBoundingClientRect();let scrollTop=item.offsetTop-wrapperRect.height/2-itemRect.height;optionListWrapperRef.value.scrollTo?.({top:scrollTop,behavior:`auto`}),setTimeout(()=>{item.focus({preventScroll:!0})},100)}}function updateValue(inputOption,mustCloseList=!0){mustCloseList&&!__props.multiple&&nextTick(()=>{popoverComponent.value?.close()}),searchQuery.value=``;let isAlreadySelected=selectedOptions.value?.some(option=>option[__props.optionValueKey]===inputOption[__props.optionValueKey]);let newValue=selectedOptions.value;isAlreadySelected&&__props.multiple?newValue=newValue?.filter(option=>option[__props.optionValueKey]!==inputOption[__props.optionValueKey]):__props.multiple?newValue.push(inputOption):newValue=[inputOption];let selectedValues=newValue.map(option=>option[__props.optionValueKey]);emits(`update:model-value`,__props.multiple?selectedValues:selectedValues[0]),emits(`selected-option`,inputOption),emitInputMainInput(),focusMainInput()}function keydownHandler(event){let keyPressed=event.key;if(keyPressed===`ArrowDown`||keyPressed===`ArrowUp`){event.preventDefault();let itemLength=optionList.value?.length;if(!itemLength)return;let currentElement=document.activeElement;let itemsElements=document.querySelectorAll(`#${instanceId.value}-option-list .m-select-list-item`);let currentIndex=[...itemsElements].indexOf(currentElement);if(currentIndex===-1){itemsElements[0]?.focus({preventScroll:!0});return}itemsElements[keyPressed===`ArrowDown`?(currentIndex+1)%itemLength:(currentIndex-1+itemLength)%itemLength]?.focus()}else !__props.search&&isLetterOrNumberRegex.test(keyPressed)&&searchOptionWithQuery(keyPressed)}function updateListPosition(){nextTick(()=>{popoverComponent.value?.updatePosition()})}return watch(isOpen,value=>{isClient()&&(value?document.addEventListener(`keydown`,keydownHandler):document.removeEventListener(`keydown`,keydownHandler))},{immediate:!0}),onBeforeUnmount(()=>{document.removeEventListener(`keydown`,keydownHandler)}),__expose({open:()=>{popoverComponent.value?.open()},close:()=>{popoverComponent.value?.close()}}),(_ctx,_cache)=>(openBlock(),createBlock(MazPopover_default,{id:`${unref(instanceId)}-popover`,ref:`popover`,modelValue:isOpen.value,"onUpdate:modelValue":_cache[5]||=$event=>isOpen.value=$event,class:normalizeClass([`m-select m-reset-css maz:relative maz:inline-flex maz:align-top`,[{"--is-open":isOpen.value,"--disabled":__props.disabled},__props.class,`--${__props.size}`,SIZE_TEXT_CLASS[__props.size]]]),style:normalizeStyle(__props.style),trigger:`click`,block:__props.block,transition:__props.transition,offset:0,position:__props.listPosition,disabled:__props.disabled,"prefer-position":__props.preferPosition,"fallback-position":__props.fallbackPosition,"position-reference":`#${unref(instanceId)}-popover .m-input-wrapper`,onClose:_cache[6]||=$event=>emits(`close`),onOpen:onOpenList},{trigger:withCtx(({close,open:openPicker,toggle:togglePopover})=>[createVNode(MazInput_default,mergeProps({id:unref(instanceId),ref:`input`,class:`m-select-input`},_ctx.$attrs,{required:__props.required,"border-active":isOpen.value,color:__props.color,"model-value":inputValue.value,size:__props.size,block:__props.block,placeholder:__props.placeholder,label:__props.label,autocomplete:__props.autocomplete,disabled:__props.disabled,readonly:``,onChange:_cache[0]||=$event=>emits(`change`,$event),onInput:_cache[1]||=$event=>emits(`input`,$event),onFocus:_cache[2]||=$event=>emits(`focus`,$event),onBlur:_cache[3]||=$event=>emits(`blur`,$event),onKeydown:mainInputKeyboardHandler}),createSlots({"end-icon":withCtx(()=>[renderSlot(_ctx.$slots,`end-icon`,{isOpen:isOpen.value,close,open:openPicker,toggle:togglePopover},()=>[createElementVNode(`button`,{tabindex:`-1`,disabled:__props.disabled,type:`button`,class:`m-select-input__toggle-button maz-custom`,"aria-label":`${isOpen.value?`collapse`:`expand`} list of options`},[createVNode(MazIcon_default,{icon:unref(MazChevronDown),class:`m-select-chevron`},null,8,[`icon`])],8,_hoisted_1)],!0)]),_:2},[unref(hasSlotContent)(_ctx.$slots[`start-icon`])?{name:`start-icon`,fn:withCtx(()=>[renderSlot(_ctx.$slots,`start-icon`,{isOpen:isOpen.value,close,open:openPicker,toggle:togglePopover},void 0,!0)]),key:`0`}:void 0]),1040,[`id`,`required`,`border-active`,`color`,`model-value`,`size`,`block`,`placeholder`,`label`,`autocomplete`,`disabled`])]),default:withCtx(({close,open:openPicker,toggle:togglePopover})=>[createElementVNode(`div`,{id:`${unref(instanceId)}-option-list`,ref:`optionListRef`,class:normalizeClass([`m-select-list`,[`--${__props.size}`,SIZE_TEXT_CLASS[__props.size]]]),style:normalizeStyle([{maxHeight:`${__props.maxListHeight}px`,maxWidth:`${__props.maxListWidth}px`,minHeight:`${__props.minListHeight}px`,minWidth:`${__props.minListWidth}px`,"--selected-bg-color":selectedBgColor.value,"--selected-text-color":selectedTextColor.value}])},[__props.search?(openBlock(),createElementBlock(`div`,_hoisted_3,[createVNode(MazInput_default,{ref:`searchInput`,modelValue:searchQuery.value,"onUpdate:modelValue":[_cache[4]||=$event=>searchQuery.value=$event,updateListPosition],size:`sm`,disabled:__props.disabled,color:__props.color,placeholder:messages.value.searchPlaceholder,name:`search`,inputmode:`search`,autocomplete:`off`,block:``,class:`m-select-list__search-input maz:flex-none`,"start-icon":unref(MazMagnifyingGlass)},null,8,[`modelValue`,`disabled`,`color`,`placeholder`,`start-icon`])])):createCommentVNode(``,!0),!optionList.value||optionList.value.length<=0?renderSlot(_ctx.$slots,`no-results`,{key:1},()=>[createElementVNode(`span`,_hoisted_4,[createVNode(unref(MazNoSymbol),{class:`maz:size-6 maz:text-foreground`})])],!0):(openBlock(),createElementBlock(`div`,_hoisted_5,[(openBlock(!0),createElementBlock(Fragment,null,renderList(optionList.value,(option,i)=>(openBlock(),createElementBlock(Fragment,{key:i},[option.label&&option.isOptGroup?renderSlot(_ctx.$slots,`optgroup`,{key:0,label:option.label},()=>[createElementVNode(`span`,_hoisted_6,toDisplayString(option.label),1)],!0):(openBlock(),createElementBlock(`button`,{key:1,type:`button`,tabindex:__props.multiple?-1:0,class:normalizeClass([`m-select-list-item maz-custom maz:flex-none`,[{"--is-selected":isSelectedOption(option),"--is-none-value":isNullOrUndefined(option[__props.optionValueKey])}]]),style:normalizeStyle(__props.itemHeight?{height:`${__props.itemHeight}px`}:void 0),onClick:withModifiers($event=>updateValue(option,!0),[`prevent`,`stop`])},[__props.multiple?(openBlock(),createBlock(unref(MazCheckbox),{key:0,"model-value":isSelectedOption(option),size:`sm`,color:__props.color},null,8,[`model-value`,`color`])):createCommentVNode(``,!0),renderSlot(_ctx.$slots,`default`,{option,isSelected:isSelectedOption(option),isOpen:isOpen.value,close,open:openPicker,toggle:togglePopover},()=>[createElementVNode(`span`,null,toDisplayString(option[__props.optionLabelKey]),1)],!0)],14,_hoisted_7))],64))),128))],512))],14,_hoisted_2)]),_:3},8,[`id`,`modelValue`,`class`,`style`,`block`,`transition`,`position`,`disabled`,`prefer-position`,`fallback-position`,`position-reference`]))}}),[[`__scopeId`,`data-v-12f7d7b2`]]);export{MazSelect_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{
|
|
1
|
+
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useDisplayNames}from"../composables/useDisplayNames.js";import{t as MazSelect_default}from"./MazSelect.D0Bhctte.js";import{computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createVNode,defineAsyncComponent,defineComponent,mergeProps,normalizeClass,normalizeStyle,openBlock,renderSlot,toDisplayString,unref,withCtx}from"vue";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{getBrowserLocale}from"@maz-ui/utils/helpers/getBrowserLocale";import{getCountryFlagUrl}from"@maz-ui/utils/helpers/getCountryFlagUrl";import '../assets/MazSelectCountry.B3E_sxoF.css';var _hoisted_1={key:0,class:`m-select-country__select__item__flag-container maz:flex maz:flex-center`};var _hoisted_2={key:1,class:`m-select-country__select__item__list-flag maz:flex maz:size-5 maz:flex-center maz:rounded-full maz:bg-primary-500 maz:text-xs maz:leading-none maz:text-primary-foreground/80`};var _hoisted_3={class:`maz:text-muted`};var MazSelectCountry_default=_plugin_vue_export_helper_default(defineComponent({inheritAttrs:!1,__name:`MazSelectCountry`,props:{style:{type:[Boolean,null,String,Object,Array]},class:{type:[Boolean,null,String,Object,Array]},id:{},color:{default:`primary`},size:{default:`md`},preferredCodes:{},ignoredCodes:{},onlyCodes:{},listPosition:{},hideFlags:{type:Boolean},search:{type:Boolean,default:!0},showCodeInList:{type:Boolean,default:!1},locale:{},success:{type:Boolean},error:{type:Boolean},warning:{type:Boolean},displayCode:{type:Boolean},searchThreshold:{},translations:{},hint:{},options:{},displayNamesOptions:{default:()=>({type:`region`,languageDisplay:`standard`,fallback:`code`,style:`long`})},codesType:{},open:{type:Boolean},label:{},placeholder:{},modelValue:{},optionValueKey:{default:`code`},optionLabelKey:{default:`name`},optionInputValueKey:{default:`name`},preferPosition:{},fallbackPosition:{},itemHeight:{},maxListHeight:{},maxListWidth:{default:250},minListHeight:{},minListWidth:{default:200},searchFunction:{type:Function},required:{type:Boolean},disabled:{type:Boolean},block:{type:Boolean},autocomplete:{},formatInputValue:{type:Function},transition:{}},emits:[`update:model-value`],setup(__props){let instanceId=useInstanceUniqId({componentName:`MazSelectCountry`,providedId:__props.id});let{t,locale:mazLocale}=useTranslations();let locale=computed(()=>__props.locale??mazLocale.value??getBrowserLocale());let MazLazyImg=defineAsyncComponent(()=>import(`../components/MazLazyImg.js`));let{getAllDisplayNames}=useDisplayNames(locale);let displayNames=getAllDisplayNames({type:()=>__props.displayNamesOptions.type,languageDisplay:()=>__props.displayNamesOptions.languageDisplay,fallback:()=>__props.displayNamesOptions.fallback,style:()=>__props.displayNamesOptions.style,onlyCodes:()=>__props.onlyCodes,excludedCodes:()=>__props.ignoredCodes,preferredCodes:()=>__props.preferredCodes,codesType:computed(()=>__props.codesType?__props.codesType:__props.displayNamesOptions.type===`region`?`country`:`iso`)});let countriesOptions=computed(()=>__props.options?__props.options:displayNames?.value??[]);let messages=computed(()=>({searchPlaceholder:__props.translations?.searchPlaceholder??t(`selectCountry.searchPlaceholder`)}));function getFlagUrl(code,size=`h20`){return getCountryFlagUrl(code.slice(0,2),size)||getCountryFlagUrl(code.slice(3,5),size)||getCountryFlagUrl(code,size)}let flagUrl=computed(()=>{if(__props.modelValue)return getFlagUrl(__props.modelValue)});return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-select-country m-reset-css maz:relative maz:inline-flex`,[__props.class,{"--no-flags":__props.hideFlags}]]),style:normalizeStyle(__props.style)},[createVNode(MazSelect_default,mergeProps({id:unref(instanceId),"model-value":__props.modelValue},_ctx.$attrs,{class:`m-select-country__select`,"option-value-key":__props.optionValueKey,"option-label-key":__props.optionLabelKey,"option-input-value-key":__props.displayCode?`code`:__props.optionInputValueKey,"max-list-width":__props.maxListWidth,"min-list-width":__props.minListWidth,disabled:__props.disabled,color:__props.color,placeholder:__props.placeholder,label:__props.label,size:__props.size,multiple:!1,"list-position":__props.listPosition,error:__props.error,warning:__props.warning,success:__props.success,search:__props.search,block:__props.block,autocomplete:__props.autocomplete,"item-height":__props.itemHeight,"max-list-height":__props.maxListHeight,"min-list-height":__props.minListHeight,required:__props.required,"search-function":__props.searchFunction,"format-input-value":__props.formatInputValue,translations:messages.value,"search-threshold":__props.searchThreshold,options:countriesOptions.value,hint:__props.hint,open:__props.open,"onUpdate:modelValue":_cache[0]||=$event=>_ctx.$emit(`update:model-value`,$event)}),{"start-icon":withCtx(()=>[renderSlot(_ctx.$slots,`selector-flag`,{countryCode:__props.modelValue},()=>[flagUrl.value&&!__props.hideFlags?(openBlock(),createBlock(unref(MazLazyImg),{key:0,src:flagUrl.value,alt:__props.modelValue,width:`20`,height:`20`,class:`maz:size-5 maz:rounded-md`,"img-class":`maz:size-5 maz:rounded-md`},null,8,[`src`,`alt`])):createCommentVNode(``,!0)],!0)]),"no-results":withCtx(()=>[renderSlot(_ctx.$slots,`no-results`,{},void 0,!0)]),default:withCtx(({option,isSelected})=>[createElementVNode(`div`,{class:normalizeClass([`m-select-country__select__item maz:flex maz:w-full maz:items-center maz:gap-2 maz:truncate maz:text-sm`,{"m-select-country__select__item--selected":isSelected}])},[!__props.hideFlags&&typeof option.code==`string`?(openBlock(),createElementBlock(`span`,_hoisted_1,[renderSlot(_ctx.$slots,`country-list-flag`,{option,isSelected},()=>[option.code&&getFlagUrl(option.code)?(openBlock(),createBlock(unref(MazLazyImg),{key:0,src:getFlagUrl(option.code),alt:`${option.name} flag`,width:`20`,height:`20`,class:`maz:size-5 maz:rounded-md`,"img-class":`maz:rounded-md maz:h-5 maz:w-5`},null,8,[`src`,`alt`])):(openBlock(),createElementBlock(`span`,_hoisted_2,toDisplayString(option.code),1))],!0)])):createCommentVNode(``,!0),createElementVNode(`div`,{class:normalizeClass([`maz:flex maz:flex-1 maz:gap-2 maz:truncate`,{"maz:font-semibold":isSelected}])},[__props.showCodeInList?renderSlot(_ctx.$slots,`country-list-code`,{key:0,option,isSelected},()=>[createElementVNode(`span`,_hoisted_3,toDisplayString(option.code),1)],!0):createCommentVNode(``,!0),renderSlot(_ctx.$slots,`country-list-name`,{option,isSelected},()=>[createElementVNode(`span`,null,toDisplayString(option.name),1)],!0)],2)],2)]),_:3},16,`id.model-value.option-value-key.option-label-key.option-input-value-key.max-list-width.min-list-width.disabled.color.placeholder.label.size.list-position.error.warning.success.search.block.autocomplete.item-height.max-list-height.min-list-height.required.search-function.format-input-value.translations.search-threshold.options.hint.open`.split(`.`))],6))}}),[[`__scopeId`,`data-v-01e115f5`]]);export{MazSelectCountry_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{computed,createBlock,createElementBlock,createElementVNode,defineAsyncComponent,defineComponent,normalizeClass,normalizeStyle,onMounted,openBlock,provide,ref,renderSlot,unref,useSSRContext,watch,withCtx}from"vue";import{isServer}from"@maz-ui/utils/helpers/isServer";import{getCookie,setCookie}from"@maz-ui/utils/helpers/cookie";var _hoisted_1=[`id`];var _hoisted_2=[`id`];var mazSidebarKey=Symbol(`MazSidebar`);var MazSidebar_default=defineComponent({__name:`MazSidebar`,props:{id:{},open:{type:Boolean,default:!0},side:{default:`start`},collapsible:{default:`offcanvas`},mode:{default:`push`},width:{default:`16rem`},iconWidth:{default:`3rem`},tooltipMode:{default:`closed`},persist:{type:Boolean,default:!0},persistKey:{default:`maz-sidebar-open`}},emits:[`update:open`],setup(__props,{expose:__expose,emit:__emit}){let emit=__emit;let MazBackdrop=defineAsyncComponent(()=>import(`../components/MazBackdrop.js`));function readPersistedOpen(){if(!__props.persist)return null;let cookieHeader;if(isServer())try{let ctx=useSSRContext();cookieHeader=ctx?.event?.node?.req?.headers?.cookie??ctx?.event?.headers?.get?.(`cookie`)??ctx?.req?.headers?.cookie??void 0}catch{}let raw=getCookie(__props.persistKey,cookieHeader);return raw===null?null:raw===`true`}let persistedInitial=readPersistedOpen();let internalOpen=ref(persistedInitial??__props.open);watch(()=>__props.open,v=>{internalOpen.value=v});let isMouseInside=ref(!1);let isFocusInside=ref(!1);let isHoverExpanded=computed(()=>isMouseInside.value||isFocusInside.value);let state=computed(()=>__props.collapsible===`hover`?isHoverExpanded.value?`expanded`:`collapsed`:internalOpen.value?`expanded`:`collapsed`);function onSidebarMouseEnter(){__props.collapsible===`hover`&&(isMouseInside.value=!0)}function onSidebarMouseLeave(){__props.collapsible===`hover`&&(isMouseInside.value=!1)}function onSidebarFocusIn(){__props.collapsible===`hover`&&(isFocusInside.value=!0)}function onSidebarFocusOut(event){if(__props.collapsible!==`hover`)return;let currentTarget=event.currentTarget;let nextTarget=event.relatedTarget;(!nextTarget||!currentTarget.contains(nextTarget))&&(isFocusInside.value=!1)}function toggle(){setOpen(!internalOpen.value)}function setOpen(value){internalOpen.value=value,emit(`update:open`,value)}onMounted(()=>{persistedInitial!==null&&persistedInitial!==__props.open&&emit(`update:open`,persistedInitial)}),watch(internalOpen,value=>{__props.persist&&setCookie(__props.persistKey,String(value))});let uniqueId=useInstanceUniqId({componentName:`MazSidebar`,providedId:__props.id});provide(mazSidebarKey,{id:uniqueId,open:internalOpen,state,side:computed(()=>__props.side),collapsible:computed(()=>__props.collapsible),mode:computed(()=>__props.mode),tooltipMode:computed(()=>__props.tooltipMode),toggle,setOpen});let sidebarStyle=computed(()=>({"--maz-sidebar-width":__props.width,"--maz-sidebar-icon-width":__props.iconWidth}));let isOffcanvasCollapsed=computed(()=>__props.collapsible===`offcanvas`&&state.value===`collapsed`);let isIconCollapsed=computed(()=>__props.collapsible===`icon`&&state.value===`collapsed`);let isHoverCollapsed=computed(()=>__props.collapsible===`hover`&&state.value===`collapsed`);let pushWidthClass=computed(()=>__props.collapsible===`none`?`maz:w-(--maz-sidebar-width)`:isOffcanvasCollapsed.value?`maz:w-0`:isIconCollapsed.value||isHoverCollapsed.value?`maz:w-(--maz-sidebar-icon-width)`:`maz:w-(--maz-sidebar-width)`);let borderClass=computed(()=>__props.side===`start`?`maz:border-e maz:border-divider`:`maz:border-s maz:border-divider`);return __expose({toggle,setOpen}),(_ctx,_cache)=>__props.mode===`push`?(openBlock(),createElementBlock(`aside`,{key:0,id:unref(uniqueId),class:normalizeClass([`m-sidebar --push m-reset-css motion-reduce:maz:transition-none maz:relative maz:flex maz:h-full maz:shrink-0 maz:flex-col maz:overflow-hidden maz:bg-container maz:transition-[width,border-width] maz:duration-250 maz:ease-in-out`,[`--side-${__props.side}`,`--${state.value}`,`--collapsible-${__props.collapsible}`,pushWidthClass.value,!isOffcanvasCollapsed.value&&borderClass.value]]),style:normalizeStyle(sidebarStyle.value),"aria-label":`Sidebar`,onMouseenter:onSidebarMouseEnter,onMouseleave:onSidebarMouseLeave,onFocusin:onSidebarFocusIn,onFocusout:onSidebarFocusOut},[renderSlot(_ctx.$slots,`default`)],46,_hoisted_1)):(openBlock(),createBlock(unref(MazBackdrop),{key:1,"model-value":internalOpen.value,variant:`drawer`,justify:__props.side===`start`?`start`:`end`,"transition-name":`drawer-anim-${__props.side}`,"onUpdate:modelValue":setOpen},{default:withCtx(()=>[createElementVNode(`aside`,{id:unref(uniqueId),class:normalizeClass([`m-sidebar --overlay --expanded m-reset-css maz:pointer-events-auto maz:flex maz:min-h-screen maz:w-(--maz-sidebar-width) maz:flex-col maz:overflow-y-auto maz:bg-container`,[`--side-${__props.side}`,borderClass.value]]),style:normalizeStyle(sidebarStyle.value),"aria-label":`Sidebar`},[renderSlot(_ctx.$slots,`default`)],14,_hoisted_2)]),_:3},8,[`model-value`,`justify`,`transition-name`]))}});export{mazSidebarKey as n,MazSidebar_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useInjectStrict}from"../composables/useInjectStrict.js";import{n as mazSidebarKey}from"./MazSidebar.B3qOAYfC.js";import{createElementBlock,defineComponent,openBlock,renderSlot}from"vue";var _hoisted_1={class:`m-sidebar-content m-reset-css maz:flex-1 maz:overflow-x-hidden maz:overflow-y-auto maz:p-1`};var MazSidebarContent_default=defineComponent({__name:`MazSidebarContent`,setup(__props){return useInjectStrict(mazSidebarKey,void 0,`[maz-ui](MazSidebarContent) Must be used inside MazSidebar`),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[renderSlot(_ctx.$slots,`default`)]))}});export{MazSidebarContent_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useInjectStrict}from"../composables/useInjectStrict.js";import{n as mazSidebarKey}from"./MazSidebar.B3qOAYfC.js";import{createElementBlock,defineComponent,openBlock,renderSlot}from"vue";var _hoisted_1={class:`m-sidebar-footer m-reset-css maz:shrink-0 maz:border-t maz:border-divider`};var MazSidebarFooter_default=defineComponent({__name:`MazSidebarFooter`,setup(__props){return useInjectStrict(mazSidebarKey,void 0,`[maz-ui](MazSidebarFooter) Must be used inside MazSidebar`),(_ctx,_cache)=>(openBlock(),createElementBlock(`footer`,_hoisted_1,[renderSlot(_ctx.$slots,`default`)]))}});export{MazSidebarFooter_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useInjectStrict}from"../composables/useInjectStrict.js";import{n as mazSidebarKey}from"./MazSidebar.B3qOAYfC.js";import{createCommentVNode,createElementBlock,defineComponent,normalizeClass,openBlock,renderSlot,toDisplayString,unref}from"vue";var _hoisted_1={class:`m-sidebar-group m-reset-css maz:flex maz:flex-col maz:gap-1 maz:py-2`};var MazSidebarGroup_default=defineComponent({__name:`MazSidebarGroup`,props:{label:{}},setup(__props){let sidebar=useInjectStrict(mazSidebarKey,void 0,`[maz-ui](MazSidebarGroup) Must be used inside MazSidebar`);return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[__props.label?(openBlock(),createElementBlock(`p`,{key:0,class:normalizeClass([`m-sidebar-group__label maz:px-3 maz:py-1 maz:text-xs maz:font-semibold maz:tracking-wider maz:text-muted maz:uppercase`,{"maz:sr-only":unref(sidebar).collapsible.value===`icon`&&unref(sidebar).state.value===`collapsed`}])},toDisplayString(__props.label),3)):createCommentVNode(``,!0),renderSlot(_ctx.$slots,`default`)]))}});export{MazSidebarGroup_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useInjectStrict}from"../composables/useInjectStrict.js";import{n as mazSidebarKey}from"./MazSidebar.B3qOAYfC.js";import{createElementBlock,defineComponent,openBlock,renderSlot}from"vue";var _hoisted_1={class:`m-sidebar-header m-reset-css maz:shrink-0 maz:border-b maz:border-divider`};var MazSidebarHeader_default=defineComponent({__name:`MazSidebarHeader`,setup(__props){return useInjectStrict(mazSidebarKey,void 0,`[maz-ui](MazSidebarHeader) Must be used inside MazSidebar`),(_ctx,_cache)=>(openBlock(),createElementBlock(`header`,_hoisted_1,[renderSlot(_ctx.$slots,`default`)]))}});export{MazSidebarHeader_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useInjectStrict}from"../composables/useInjectStrict.js";import{n as mazSidebarKey}from"./MazSidebar.B3qOAYfC.js";import{createElementBlock,defineComponent,openBlock,renderSlot}from"vue";var _hoisted_1={class:`m-sidebar-menu m-reset-css maz:m-0 maz:flex maz:list-none maz:flex-col maz:gap-1 maz:p-0`,role:`menu`};var MazSidebarMenu_default=defineComponent({__name:`MazSidebarMenu`,setup(__props){return useInjectStrict(mazSidebarKey,void 0,`[maz-ui](MazSidebarMenu) Must be used inside MazSidebar`),(_ctx,_cache)=>(openBlock(),createElementBlock(`ul`,_hoisted_1,[renderSlot(_ctx.$slots,`default`)]))}});export{MazSidebarMenu_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as hasSlotContent}from"./hasSlotContent.BLn0kQC7.js";import{vTooltip as directive}from"../directives/vTooltip.js";import{useInjectStrict}from"../composables/useInjectStrict.js";import{useMazIconProps}from"../composables/useMazIconProps.js";import{n as mazSidebarKey}from"./MazSidebar.B3qOAYfC.js";import{t as resolveLinkComponent}from"./resolveLinkComponent.yH64gJv0.js";import{computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineAsyncComponent,defineComponent,getCurrentInstance,guardReactiveProps,mergeProps,normalizeClass,normalizeProps,openBlock,renderSlot,resolveDynamicComponent,toDisplayString,unref,withCtx,withDirectives}from"vue";var _hoisted_1={key:0,class:`m-sidebar-menu-btn__icon maz:flex maz:shrink-0 maz:flex-center`};var _hoisted_2=[`aria-hidden`];var _hoisted_3={key:1,class:`m-sidebar-menu-btn__badge maz:ml-auto maz:shrink-0`};var MazSidebarMenuButton_default=defineComponent({__name:`MazSidebarMenuButton`,props:{to:{},href:{},icon:{type:[String,Function,Object]},label:{},badge:{},tooltip:{},tooltipMode:{},active:{type:Boolean},disabled:{type:Boolean},size:{default:`md`}},emits:[`click`],setup(__props){let MazIcon=defineAsyncComponent(()=>import(`../components/MazIcon.js`));let MazBadge=defineAsyncComponent(()=>import(`../components/MazBadge.js`));let sidebar=useInjectStrict(mazSidebarKey,void 0,`[maz-ui](MazSidebarMenuButton) Must be used inside MazSidebar`);let isIconCollapsed=computed(()=>(sidebar.collapsible.value===`icon`||sidebar.collapsible.value===`hover`)&&sidebar.state.value===`collapsed`);let tag=computed(()=>__props.to?resolveLinkComponent():__props.href?`a`:`button`);let linkProps=computed(()=>__props.to?{to:__props.to}:__props.href?{href:__props.href}:{type:`button`});let{iconProps}=useMazIconProps(()=>__props.icon,()=>({size:`sm`}));let badgeText=computed(()=>{let b=__props.badge;if(b!=null)return typeof b==`string`||typeof b==`number`?b:b.text});let badgeBindings=computed(()=>{let b=__props.badge;if(b==null||typeof b==`string`||typeof b==`number`)return{size:`sm`,roundedSize:`full`};let{text:_text,...rest}=b;return{size:`sm`,roundedSize:`full`,...rest}});let effectiveTooltipMode=computed(()=>__props.tooltipMode??sidebar.tooltipMode.value);let tooltipVisible=computed(()=>effectiveTooltipMode.value===`always`||sidebar.state.value===`collapsed`);let tooltipBinding=computed(()=>__props.tooltip?{text:__props.tooltip,position:sidebar.side.value===`start`?`right`:`left`,trigger:tooltipVisible.value?`hover`:`manual`}:!1);let SIZE_CLASS={sm:`maz:text-sm maz:py-1.5`,md:`maz:text-base maz:py-2`,lg:`maz:text-lg maz:py-2.5`};let routerActiveClass=computed(()=>getCurrentInstance()?.appContext.config.globalProperties.$router&&__props.to?`router-link-active`:``);let isActive=computed(()=>__props.active===!0);return(_ctx,_cache)=>withDirectives((openBlock(),createBlock(resolveDynamicComponent(tag.value),mergeProps({class:[`m-sidebar-menu-btn m-reset-css focus-visible:maz:outline-2 focus-visible:maz:outline-offset-2 focus-visible:maz:outline-primary motion-reduce:maz:transition-none maz:relative maz:flex maz:w-full maz:items-center maz:gap-2 maz:rounded-md maz:px-[min(calc((var(--maz-sidebar-icon-width,3rem)-1.25rem)/2),calc((100%-1.25rem)/2))] maz:no-underline maz:transition-colors maz:duration-150 maz:ease-in-out maz:disabled:cursor-not-allowed maz:disabled:opacity-50`,[SIZE_CLASS[__props.size],isActive.value?`maz:cursor-auto maz:bg-primary/10 maz:font-semibold maz:text-primary`:`maz:cursor-pointer maz:bg-transparent maz:font-medium maz:text-foreground maz:hover:not-disabled:bg-surface-600 maz:dark:not-disabled:hover:bg-surface-400`,routerActiveClass.value,{"--active":isActive.value,"--disabled":__props.disabled,"--icon-collapsed":isIconCollapsed.value}]],"aria-label":__props.label,"aria-current":isActive.value?`page`:void 0,"aria-disabled":__props.disabled||void 0,disabled:tag.value===`button`&&__props.disabled?!0:void 0},linkProps.value,{onClick:_cache[0]||=$event=>!__props.disabled&&_ctx.$emit(`click`,$event)}),{default:withCtx(()=>[unref(iconProps)||unref(hasSlotContent)(_ctx.$slots.icon)?(openBlock(),createElementBlock(`span`,_hoisted_1,[renderSlot(_ctx.$slots,`icon`,{},()=>[unref(iconProps)?(openBlock(),createBlock(unref(MazIcon),normalizeProps(mergeProps({key:0},unref(iconProps))),null,16)):createCommentVNode(``,!0)])])):createCommentVNode(``,!0),createElementVNode(`span`,{class:normalizeClass([`m-sidebar-menu-btn__label motion-reduce:maz:transition-none maz:flex-1 maz:truncate maz:text-start maz:transition-opacity maz:duration-150`,isIconCollapsed.value?`maz:opacity-0`:`maz:opacity-100`]),"aria-hidden":isIconCollapsed.value||void 0},[renderSlot(_ctx.$slots,`default`,{},()=>[createTextVNode(toDisplayString(__props.label),1)])],10,_hoisted_2),!isIconCollapsed.value&&badgeText.value!==void 0?(openBlock(),createElementBlock(`span`,_hoisted_3,[createVNode(unref(MazBadge),normalizeProps(guardReactiveProps(badgeBindings.value)),{default:withCtx(()=>[createTextVNode(toDisplayString(badgeText.value),1)]),_:1},16)])):createCommentVNode(``,!0)]),_:3},16,[`class`,`aria-label`,`aria-current`,`aria-disabled`,`disabled`])),[[unref(directive),tooltipBinding.value]])}});export{MazSidebarMenuButton_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useInjectStrict}from"../composables/useInjectStrict.js";import{n as mazSidebarKey}from"./MazSidebar.B3qOAYfC.js";import{createElementBlock,defineComponent,openBlock,renderSlot}from"vue";var _hoisted_1={class:`m-sidebar-menu-item m-reset-css maz:m-0 maz:list-none maz:p-0`,role:`none`};var MazSidebarMenuItem_default=defineComponent({__name:`MazSidebarMenuItem`,setup(__props){return useInjectStrict(mazSidebarKey,void 0,`[maz-ui](MazSidebarMenuItem) Must be used inside MazSidebar`),(_ctx,_cache)=>(openBlock(),createElementBlock(`li`,_hoisted_1,[renderSlot(_ctx.$slots,`default`)]))}});export{MazSidebarMenuItem_default as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useInjectStrict}from"../composables/useInjectStrict.js";import{useMazIconProps}from"../composables/useMazIconProps.js";import{n as mazSidebarKey}from"./MazSidebar.B3qOAYfC.js";import{computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineAsyncComponent,defineComponent,mergeProps,normalizeClass,normalizeProps,openBlock,ref,renderSlot,toDisplayString,unref,useId,withCtx}from"vue";import{MazChevronDown}from"@maz-ui/icons/lazy/MazChevronDown";var _hoisted_1={class:`m-sidebar-menu-sub m-reset-css`};var _hoisted_2=[`aria-expanded`,`aria-label`];var _hoisted_3={class:`m-sidebar-menu-sub__icon maz:flex maz:shrink-0 maz:flex-center`};var _hoisted_4=[`aria-hidden`];var MazSidebarMenuSub_default=defineComponent({__name:`MazSidebarMenuSub`,props:{label:{},icon:{type:[String,Function,Object]},defaultOpen:{type:Boolean,default:!1}},setup(__props){let MazIcon=defineAsyncComponent(()=>import(`../components/MazIcon.js`));let MazExpandAnimation=defineAsyncComponent(()=>import(`../components/MazExpandAnimation.js`));let sidebar=useInjectStrict(mazSidebarKey,void 0,`[maz-ui](MazSidebarMenuSub) Must be used inside MazSidebar`);let isIconCollapsed=computed(()=>(sidebar.collapsible.value===`icon`||sidebar.collapsible.value===`hover`)&&sidebar.state.value===`collapsed`);let isOpen=ref(__props.defaultOpen);let subMenuId=`maz-sidebar-sub-${useId()}`;let{iconProps}=useMazIconProps(()=>__props.icon,()=>({size:`sm`}));function toggle(){isOpen.value=!isOpen.value}function onKeyDown(event){event.key===`ArrowRight`?isOpen.value=!0:event.key===`ArrowLeft`&&(isOpen.value=!1)}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[createElementVNode(`button`,{type:`button`,class:`m-sidebar-menu-sub__trigger focus-visible:maz:outline-2 focus-visible:maz:outline-offset-2 focus-visible:maz:outline-primary motion-reduce:maz:transition-none maz:relative maz:flex maz:w-full maz:cursor-pointer maz:items-center maz:gap-2 maz:rounded-md maz:bg-transparent maz:px-[min(calc((var(--maz-sidebar-icon-width,3rem)-1.25rem)/2),calc((100%-1.25rem)/2))] maz:py-2 maz:font-medium maz:text-foreground maz:transition-colors maz:duration-150 maz:ease-in-out maz:hover:bg-surface-600 maz:dark:hover:bg-surface-800/20`,"aria-expanded":isOpen.value,"aria-controls":subMenuId,"aria-label":__props.label,onClick:toggle,onKeydown:onKeyDown},[createElementVNode(`span`,_hoisted_3,[renderSlot(_ctx.$slots,`icon`,{},()=>[unref(iconProps)?(openBlock(),createBlock(unref(MazIcon),normalizeProps(mergeProps({key:0},unref(iconProps))),null,16)):createCommentVNode(``,!0)])]),createElementVNode(`span`,{class:normalizeClass([`m-sidebar-menu-sub__label motion-reduce:maz:transition-none maz:flex-1 maz:truncate maz:text-start maz:transition-opacity maz:duration-150`,isIconCollapsed.value?`maz:opacity-0`:`maz:opacity-100`]),"aria-hidden":isIconCollapsed.value||void 0},[renderSlot(_ctx.$slots,`label`,{},()=>[createTextVNode(toDisplayString(__props.label),1)])],10,_hoisted_4),isIconCollapsed.value?createCommentVNode(``,!0):(openBlock(),createElementBlock(`span`,{key:0,class:normalizeClass([`m-sidebar-menu-sub__chevron motion-reduce:maz:transition-none maz:shrink-0 maz:transition-transform maz:duration-200`,{"maz:rotate-180":isOpen.value}]),"aria-hidden":`true`},[renderSlot(_ctx.$slots,`chevron`,{},()=>[createVNode(unref(MazChevronDown))])],2))],40,_hoisted_2),createVNode(unref(MazExpandAnimation),{"model-value":isOpen.value&&!isIconCollapsed.value,duration:`200ms`},{default:withCtx(()=>[createElementVNode(`ul`,{id:subMenuId,class:`m-sidebar-menu-sub__list maz:m-0 maz:flex maz:list-none maz:flex-col maz:gap-1 maz:p-0 maz:ps-3`,role:`menu`},[renderSlot(_ctx.$slots,`default`)])]),_:3},8,[`model-value`])]))}});export{MazSidebarMenuSub_default as t};
|