maz-ui 4.7.10-beta.0 → 4.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/MazLink.Djx1cH__.css +1 -0
- package/dist/assets/MazTicker.BsD2uKvQ.css +1 -0
- package/dist/assets/MazTimeline.CoxWcpur.css +1 -0
- package/dist/chunks/{MazAccordion.mCiUv32a.js → MazAccordion.NcTvORgS.js} +1 -1
- package/dist/chunks/{MazAvatar.Cp1uXsKn.js → MazAvatar.DqWXkgFt.js} +1 -1
- package/dist/chunks/{MazBadge.BBZJgHXm.js → MazBadge.DdOkKlwi.js} +1 -1
- package/dist/chunks/{MazBottomSheet.BP6imeoW.js → MazBottomSheet.BV4sf59_.js} +1 -1
- package/dist/chunks/{MazBtn.Cc9C1v2l.js → MazBtn._OvMDbV1.js} +1 -1
- package/dist/chunks/{MazCard.DJPT3P2P.js → MazCard.DmxPKGUX.js} +1 -1
- package/dist/chunks/{MazCheckbox.BY7myUIA.js → MazCheckbox.Cbw92q22.js} +1 -1
- package/dist/chunks/{MazChecklist.BaTDIjTl.js → MazChecklist.DxSqp9en.js} +1 -1
- package/dist/chunks/{MazCircularProgressBar.rATx_hD9.js → MazCircularProgressBar.xp7gmdti.js} +1 -1
- package/dist/chunks/{MazDatePicker.Dg6yulTx.js → MazDatePicker.D9T4maoH.js} +1 -1
- package/dist/chunks/{MazDialog.ebPvRGc_.js → MazDialog.CYYhj4tn.js} +1 -1
- package/dist/chunks/{MazDialogConfirm.DMu0btsN.js → MazDialogConfirm.B0sa2xzr.js} +1 -1
- package/dist/chunks/{MazDrawer.C2-iPeIq.js → MazDrawer.DGy1Nv0r.js} +1 -1
- package/dist/chunks/{MazDropdown.C9J11zJ3.js → MazDropdown.DR8gPCyq.js} +1 -1
- package/dist/chunks/{MazDropzone.CjhXLgw8.js → MazDropzone.DQ6PD3GS.js} +1 -1
- package/dist/chunks/{MazFullscreenLoader.BIVRcZJ8.js → MazFullscreenLoader.b-30GI6G.js} +1 -1
- package/dist/chunks/{MazGallery.8Q8YcKlI.js → MazGallery.CefHn7NG.js} +1 -1
- package/dist/chunks/{MazInput.BlvZ4aiU.js → MazInput.C2gyftm8.js} +1 -1
- package/dist/chunks/{MazInputNumber.BMhBDScY.js → MazInputNumber.DUt4Z4Aq.js} +1 -1
- package/dist/chunks/{MazInputPhoneNumber.CLivThtK.js → MazInputPhoneNumber.CBVaFR3i.js} +1 -1
- package/dist/chunks/{MazInputPrice.B7-Yqxc3.js → MazInputPrice.DjB448fY.js} +1 -1
- package/dist/chunks/{MazInputTags.B_s-NU_a.js → MazInputTags.RtO9Bqru.js} +1 -1
- package/dist/chunks/{MazLazyImg.-EMwandx.js → MazLazyImg.Cs9QQqQF.js} +1 -1
- package/dist/chunks/MazLink.CrOIRELP.js +1 -0
- package/dist/chunks/{MazPagination.YkbtNSlz.js → MazPagination.PRd1T4Gq.js} +1 -1
- package/dist/chunks/{MazPickerCalendarGrid.DrUHBH6-.js → MazPickerCalendarGrid.C_vPyKwU.js} +1 -1
- package/dist/chunks/{MazPopover.DnYkJQ1s.js → MazPopover.CQ2wlHBw.js} +1 -1
- package/dist/chunks/{MazRadio.75ipjTw2.js → MazRadio.Bt-JCE4R.js} +1 -1
- package/dist/chunks/{MazRadioButtons.feOo8xvv.js → MazRadioButtons.C3L4oP3r.js} +1 -1
- package/dist/chunks/{MazReadMore.DGhAapjE.js → MazReadMore.DetmeLAl.js} +1 -1
- package/dist/chunks/{MazSelect.CjDD1Lcr.js → MazSelect.BwcJEABw.js} +1 -1
- package/dist/chunks/{MazSelectCountry.CKNvYDL_.js → MazSelectCountry.3S7qey2j.js} +1 -1
- package/dist/chunks/{MazTableCell.5QbIplIh.js → MazTableCell.CbOqt4eo.js} +1 -1
- package/dist/chunks/{MazTableRow.CiNfddO6.js → MazTableRow.OnPs8b3_.js} +1 -1
- package/dist/chunks/{MazTableTitle.CwvNYUCY.js → MazTableTitle.Csekyzrg.js} +1 -1
- package/dist/chunks/{MazTextarea.B5xc-Nt-.js → MazTextarea.DFKZgGCc.js} +1 -1
- package/dist/chunks/MazTicker.CLv0ebNf.js +1 -0
- package/dist/chunks/MazTimeline.pvtteRl1.js +1 -0
- package/dist/chunks/{dialog.D8ltdMcR.js → dialog.ZWxtPz69.js} +1 -1
- package/dist/chunks/resolveLinkComponent.B8GG706t.js +1 -0
- package/dist/chunks/{vFullscreenImg.xzHmlZpV.js → vFullscreenImg.DID1pEZr.js} +1 -1
- 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/MazContainer.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/MazPickerCalendarMonth.js +1 -1
- package/dist/components/MazDatePicker/MazPickerCalendarSwitcher.js +1 -1
- package/dist/components/MazDatePicker/MazPickerContainer.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.js +1 -1
- package/dist/components/MazDialog.js +1 -1
- package/dist/components/MazDialogConfirm.js +1 -1
- package/dist/components/MazDrawer.js +1 -1
- package/dist/components/MazDropdown.js +1 -1
- package/dist/components/MazDropzone.js +1 -1
- package/dist/components/MazExpandAnimation.js +1 -1
- package/dist/components/MazFullscreenLoader.js +1 -1
- package/dist/components/MazGallery.js +1 -1
- 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/MazInputPrice.js +1 -1
- package/dist/components/MazInputTags.js +1 -1
- package/dist/components/MazLazyImg.js +1 -1
- package/dist/components/MazLink.js +1 -1
- package/dist/components/MazLoadingBar.js +1 -1
- package/dist/components/MazPagination.js +1 -1
- package/dist/components/MazPopover.js +1 -1
- package/dist/components/MazPullToRefresh.js +1 -1
- 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/MazSelect.js +1 -1
- package/dist/components/MazSelectCountry.js +1 -1
- package/dist/components/MazSkeleton.js +1 -1
- package/dist/components/MazSlider.js +1 -1
- package/dist/components/MazSpinner.js +1 -1
- package/dist/components/MazStepper.js +1 -1
- package/dist/components/MazSwitch.js +1 -1
- 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/MazTicker.js +1 -0
- package/dist/components/MazTicker.vue.d.ts +81 -0
- package/dist/components/MazTimeline.js +1 -0
- package/dist/components/MazTimeline.vue.d.ts +157 -0
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.js +1 -1
- package/dist/composables/useFormField.js +1 -1
- package/dist/composables/useFormValidator.js +1 -1
- package/dist/directives/index.js +1 -1
- package/dist/directives/vFullscreenImg.js +1 -1
- package/dist/directives/vLazyImg.js +1 -1
- package/dist/directives/vTooltip.js +1 -1
- package/dist/directives/vZoomImg.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/utils/resolveLinkComponent.d.ts +6 -2
- package/package.json +6 -6
- package/dist/assets/MazLink.B4ItPZ9Q.css +0 -1
- package/dist/chunks/MazLink.BsjurisK.js +0 -1
- package/dist/chunks/resolveLinkComponent.DAc3sqGH.js +0 -1
- /package/dist/chunks/{MazAlert.DL8uAFMy.js → MazAlert.h7IrSU8k.js} +0 -0
- /package/dist/chunks/{MazAnimatedCounter.GLLYbZAz.js → MazAnimatedCounter.CaBoMmfg.js} +0 -0
- /package/dist/chunks/{MazAnimatedElement._8NY8WgC.js → MazAnimatedElement.C-h6YzBA.js} +0 -0
- /package/dist/chunks/{MazAnimatedText.DlCiXHT9.js → MazAnimatedText.B24YNZf-.js} +0 -0
- /package/dist/chunks/{MazBackdrop.CgjnE9up.js → MazBackdrop.B2_glRzR.js} +0 -0
- /package/dist/chunks/{MazBtnGroup.3B1XcqWM.js → MazBtnGroup.CAYb08sG.js} +0 -0
- /package/dist/chunks/{MazCardSpotlight.DHVKl7pc.js → MazCardSpotlight.Bo4Ucmy6.js} +0 -0
- /package/dist/chunks/{MazCarousel.OEdQTm3H.js → MazCarousel.zkUWvXi3.js} +0 -0
- /package/dist/chunks/{MazChart.CDZ2PBTC.js → MazChart.DK9eK8Vm.js} +0 -0
- /package/dist/chunks/{MazContainer.zXcfMOs-.js → MazContainer._5YIP1t7.js} +0 -0
- /package/dist/chunks/{MazExpandAnimation.CMMwtuQA.js → MazExpandAnimation.g4fQdHBT.js} +0 -0
- /package/dist/chunks/{MazIcon.ZWAk25ZX.js → MazIcon.CjRqfhiK.js} +0 -0
- /package/dist/chunks/{MazInputCode.DKnl3i-X.js → MazInputCode.CZcDO8ps.js} +0 -0
- /package/dist/chunks/{MazLoadingBar.C86AX2Tk.js → MazLoadingBar.CrZbpsGG.js} +0 -0
- /package/dist/chunks/{MazPickerCalendarDays.CSZZbk5Z.js → MazPickerCalendarDays.D5Acexwg.js} +0 -0
- /package/dist/chunks/{MazPickerContainer.BZ74M74V.js → MazPickerContainer.DiGs4rUB.js} +0 -0
- /package/dist/chunks/{MazPullToRefresh.DMtb6Oa3.js → MazPullToRefresh.BdUjDSJk.js} +0 -0
- /package/dist/chunks/{MazReadingProgressBar.828Y0mxA.js → MazReadingProgressBar.CQ8sYmRd.js} +0 -0
- /package/dist/chunks/{MazSkeleton.BewTYJC2.js → MazSkeleton.BUlU5xqm.js} +0 -0
- /package/dist/chunks/{MazSlider.BS5QHWK6.js → MazSlider.D7xXoWt3.js} +0 -0
- /package/dist/chunks/{MazSpinner.D3NN2pow.js → MazSpinner.PD7Xh3sG.js} +0 -0
- /package/dist/chunks/{MazStepper.D32yakNR.js → MazStepper.DotkcvGw.js} +0 -0
- /package/dist/chunks/{MazSwitch.Dvmj-rTW.js → MazSwitch.g3gASAjy.js} +0 -0
- /package/dist/chunks/{MazTable.NHFcmFxn.js → MazTable.CbTqc2Lu.js} +0 -0
- /package/dist/chunks/{MazTabs.-0-YP3QQ.js → MazTabs.C2G4iYWL.js} +0 -0
- /package/dist/chunks/{MazTabsBar.D2JVKMS7.js → MazTabsBar.DDKGnocr.js} +0 -0
- /package/dist/chunks/{MazTabsContent.C9omK25X.js → MazTabsContent.DPwDfpNu.js} +0 -0
- /package/dist/chunks/{MazTabsContentItem.mJEAS5R8.js → MazTabsContentItem.B-ayZKwu.js} +0 -0
- /package/dist/chunks/{dom-events.BPrKJiCz.js → dom-events.CyiheUR-.js} +0 -0
- /package/dist/chunks/{toast.D9xr1dJH.js → toast.C5BJk7z2.js} +0 -0
- /package/dist/chunks/{types.DDbvTVqf.js → types.Cz3GY4VA.js} +0 -0
- /package/dist/chunks/{useMazInputPhoneNumber.B_qQ0ldP.js → useMazInputPhoneNumber.D0iOm44I.js} +0 -0
- /package/dist/chunks/{vLazyImg.CXmd3Lp0.js → vLazyImg.DnJQAVAF.js} +0 -0
- /package/dist/chunks/{vZoomImg.CaAHb98S.js → vZoomImg.Bro1AoK9.js} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.m-link[data-v-5e8addd2]{cursor:pointer;align-items:center;gap:.25rem;text-decoration-line:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.m-link.--underline[data-v-5e8addd2],.m-link.--underline-hover[data-v-5e8addd2]:not(:disabled):hover{text-decoration-line:underline}.m-link.--primary[data-v-5e8addd2]:not(:disabled){--maz-tw-text-opacity:1;color:hsl(var(--maz-primary) / var(--maz-tw-text-opacity,1))}.m-link.--primary[data-v-5e8addd2]:not(:disabled):hover{--maz-tw-text-opacity:1;color:hsl(var(--maz-primary-700) / var(--maz-tw-text-opacity,1))}.m-link.--secondary[data-v-5e8addd2]:not(:disabled){--maz-tw-text-opacity:1;color:hsl(var(--maz-secondary) / var(--maz-tw-text-opacity,1))}.m-link.--secondary[data-v-5e8addd2]:not(:disabled):hover{--maz-tw-text-opacity:1;color:hsl(var(--maz-secondary-700) / var(--maz-tw-text-opacity,1))}.m-link.--info[data-v-5e8addd2]:not(:disabled){--maz-tw-text-opacity:1;color:hsl(var(--maz-info) / var(--maz-tw-text-opacity,1))}.m-link.--info[data-v-5e8addd2]:not(:disabled):hover{--maz-tw-text-opacity:1;color:hsl(var(--maz-info-700) / var(--maz-tw-text-opacity,1))}.m-link.--warning[data-v-5e8addd2]:not(:disabled){--maz-tw-text-opacity:1;color:hsl(var(--maz-warning) / var(--maz-tw-text-opacity,1))}.m-link.--warning[data-v-5e8addd2]:not(:disabled):hover{--maz-tw-text-opacity:1;color:hsl(var(--maz-warning-700) / var(--maz-tw-text-opacity,1))}.m-link.--destructive[data-v-5e8addd2]:not(:disabled){--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive) / var(--maz-tw-text-opacity,1))}.m-link.--destructive[data-v-5e8addd2]:not(:disabled):hover{--maz-tw-text-opacity:1;color:hsl(var(--maz-destructive-700) / var(--maz-tw-text-opacity,1))}.m-link.--success[data-v-5e8addd2]:not(:disabled){--maz-tw-text-opacity:1;color:hsl(var(--maz-success) / var(--maz-tw-text-opacity,1))}.m-link.--success[data-v-5e8addd2]:not(:disabled):hover{--maz-tw-text-opacity:1;color:hsl(var(--maz-success-700) / var(--maz-tw-text-opacity,1))}.m-link.--accent[data-v-5e8addd2]:not(:disabled){--maz-tw-text-opacity:1;color:hsl(var(--maz-accent) / var(--maz-tw-text-opacity,1))}.m-link.--accent[data-v-5e8addd2]:not(:disabled):hover{--maz-tw-text-opacity:1;color:hsl(var(--maz-accent-700) / var(--maz-tw-text-opacity,1))}.m-link.--contrast[data-v-5e8addd2]:not(:disabled){--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground) / var(--maz-tw-text-opacity,1))}.m-link.--contrast[data-v-5e8addd2]:not(:disabled):hover{--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground-900) / var(--maz-tw-text-opacity,1))}.m-link.--contrast[data-v-5e8addd2]:not(:disabled):hover:is([class~=dark] *){--maz-tw-text-opacity:1;color:hsl(var(--maz-foreground-100) / var(--maz-tw-text-opacity,1))}.m-link.--muted[data-v-5e8addd2]:not(:disabled){--maz-tw-text-opacity:1;color:hsl(var(--maz-muted) / var(--maz-tw-text-opacity,1))}.m-link.--muted[data-v-5e8addd2]:not(:disabled):hover{--maz-tw-text-opacity:1;color:hsl(var(--maz-muted-700) / var(--maz-tw-text-opacity,1))}.m-link.--surface[data-v-5e8addd2]:not(:disabled){--maz-tw-text-opacity:1;color:hsl(var(--maz-background) / var(--maz-tw-text-opacity,1))}.m-link.--surface[data-v-5e8addd2]:not(:disabled):hover{--maz-tw-text-opacity:1;color:hsl(var(--maz-background-700) / var(--maz-tw-text-opacity,1))}.m-link[data-v-5e8addd2]:disabled{cursor:not-allowed;--maz-tw-text-opacity:1;color:hsl(var(--maz-muted) / var(--maz-tw-text-opacity,1));opacity:.5}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.m-ticker[data-v-f1501cb5]{flex-direction:column;max-width:100%;max-height:100%;display:flex}.m-ticker.--horizontal[data-v-f1501cb5]{flex-direction:row}.m-ticker.--horizontal .m-ticker-wrapper[data-v-f1501cb5]{display:flex;overflow:hidden}.m-ticker.--horizontal .m-ticker-content[data-v-f1501cb5]{animation:m-ticker-scroll-x-f1501cb5 var(--m-ticker-duration) var(--m-ticker-timing) infinite;align-items:center;gap:var(--m-ticker-gap);flex-shrink:0;padding-inline-end:var(--m-ticker-gap);display:flex}.m-ticker.--horizontal .m-ticker-overlay[data-v-f1501cb5]{width:var(--m-ticker-overlay-size);top:0;bottom:0}.m-ticker.--horizontal .m-ticker-overlay.--start[data-v-f1501cb5]{background:linear-gradient(to right, hsl(var(--maz-background)), transparent);left:0}.m-ticker.--horizontal .m-ticker-overlay.--end[data-v-f1501cb5]{background:linear-gradient(to left, hsl(var(--maz-background)), transparent);right:0}.m-ticker.--vertical .m-ticker-wrapper[data-v-f1501cb5]{flex-direction:column;display:flex;overflow:hidden}.m-ticker.--vertical .m-ticker-content[data-v-f1501cb5]{animation:m-ticker-scroll-y-f1501cb5 var(--m-ticker-duration) var(--m-ticker-timing) infinite;gap:var(--m-ticker-gap);flex-direction:column;flex-shrink:0;padding-block-end:var(--m-ticker-gap);display:flex}.m-ticker.--vertical .m-ticker-overlay[data-v-f1501cb5]{height:var(--m-ticker-overlay-size);left:0;right:0}.m-ticker.--vertical .m-ticker-overlay.--start[data-v-f1501cb5]{background:linear-gradient(to bottom, hsl(var(--maz-background)), transparent);top:0}.m-ticker.--vertical .m-ticker-overlay.--end[data-v-f1501cb5]{background:linear-gradient(to top, hsl(var(--maz-background)), transparent);bottom:0}.m-ticker.--reverse .m-ticker-content[data-v-f1501cb5]{animation-direction:reverse}.m-ticker.--paused .m-ticker-content[data-v-f1501cb5],.m-ticker.--pause-on-hover .m-ticker-wrapper:hover .m-ticker-content[data-v-f1501cb5],.m-ticker.--pause-on-focus .m-ticker-wrapper:focus-within .m-ticker-content[data-v-f1501cb5]{animation-play-state:paused}.m-ticker-wrapper[data-v-f1501cb5]{position:relative}.m-ticker-overlay[data-v-f1501cb5]{pointer-events:none;z-index:10;position:absolute}@keyframes m-ticker-scroll-x-f1501cb5{0%{transform:translate(0)}to{transform:translateX(calc(-100% - var(--m-ticker-gap)))}}@keyframes m-ticker-scroll-y-f1501cb5{0%{transform:translateY(0)}to{transform:translateY(calc(-100% - var(--m-ticker-gap)))}}@media (prefers-reduced-motion:reduce){.m-ticker-content[data-v-f1501cb5]{animation-play-state:paused}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.m-timeline[data-v-da789376]{align-items:stretch;display:flex}.m-timeline.--horizontal[data-v-da789376]{flex-direction:row;align-items:flex-start}.m-timeline.--horizontal .m-timeline-item[data-v-da789376]{flex:1;align-items:flex-start;display:flex}.m-timeline.--horizontal .m-timeline-item.--last[data-v-da789376]{flex:none}.m-timeline.--horizontal .m-timeline-step[data-v-da789376]{flex-direction:column;align-items:center;gap:.5rem;min-width:3.5rem;display:flex}.m-timeline.--horizontal .m-timeline-content[data-v-da789376]{text-align:center}.m-timeline.--horizontal .m-timeline-connector[data-v-da789376]{padding-top:var(--m-timeline-indicator-half);flex:1;align-items:center;display:flex}.m-timeline.--horizontal .m-timeline-connector-track[data-v-da789376]{width:100%;height:.125rem}.m-timeline.--horizontal .m-timeline-connector-fill[data-v-da789376]{width:0;height:100%}.m-timeline.--horizontal .m-timeline-connector.--completed .m-timeline-connector-fill[data-v-da789376]{width:100%}.m-timeline.--vertical[data-v-da789376]{flex-direction:column}.m-timeline.--vertical .m-timeline-item[data-v-da789376]{flex-direction:column;display:flex}.m-timeline.--vertical .m-timeline-step[data-v-da789376]{flex-direction:row;align-items:center;gap:.75rem;display:flex}.m-timeline.--vertical .m-timeline-content[data-v-da789376]{text-align:left}.m-timeline.--vertical .m-timeline-connector[data-v-da789376]{padding-top:.25rem;padding-bottom:.25rem;padding-left:var(--m-timeline-indicator-half);align-items:stretch;display:flex}.m-timeline.--vertical .m-timeline-connector-track[data-v-da789376]{--maz-tw-translate-x:1px;width:.125rem;height:100%;min-height:1.5rem;transform:translate(var(--maz-tw-translate-x), var(--maz-tw-translate-y)) rotate(var(--maz-tw-rotate)) skewX(var(--maz-tw-skew-x)) skewY(var(--maz-tw-skew-y)) scaleX(var(--maz-tw-scale-x)) scaleY(var(--maz-tw-scale-y))}.m-timeline.--vertical .m-timeline-connector-fill[data-v-da789376]{width:100%;height:0}.m-timeline.--vertical .m-timeline-connector.--completed .m-timeline-connector-fill[data-v-da789376]{height:100%}.m-timeline .m-timeline-indicator[data-v-da789376]{width:var(--m-timeline-indicator-size);height:var(--m-timeline-indicator-size);background-color:hsl(var(--maz-muted)/30%);color:hsl(var(--maz-muted));flex-shrink:0;justify-content:center;align-items:center;display:flex}.m-timeline .m-timeline-step.--active .m-timeline-indicator[data-v-da789376]{background-color:hsl(var(--m-timeline-bg));color:hsl(var(--m-timeline-fg))}.m-timeline .m-timeline-step.--completed .m-timeline-indicator[data-v-da789376]{background-color:hsl(var(--m-timeline-state-bg,var(--m-timeline-bg)));color:hsl(var(--m-timeline-state-fg,var(--m-timeline-fg)))}.m-timeline .m-timeline-step.--error .m-timeline-indicator[data-v-da789376],.m-timeline .m-timeline-step.--warning .m-timeline-indicator[data-v-da789376]{background-color:hsl(var(--m-timeline-state-bg));color:hsl(var(--m-timeline-state-fg))}.m-timeline .m-timeline-step.--disabled[data-v-da789376]{pointer-events:none;opacity:.4}.m-timeline .m-timeline-connector-track[data-v-da789376]{background-color:hsl(var(--maz-muted)/20%)}.m-timeline .m-timeline-connector-fill[data-v-da789376]{background-color:hsl(var(--m-timeline-bg))}.m-timeline .m-timeline-content[data-v-da789376]{flex-direction:column;gap:.125rem;display:flex}.m-timeline .m-timeline-title[data-v-da789376]{color:hsl(var(--maz-foreground));margin:0;font-weight:600;line-height:1.25}.m-timeline .m-timeline-subtitle[data-v-da789376]{color:hsl(var(--maz-muted));margin:0;line-height:1.375}.m-timeline .m-timeline-step-number[data-v-da789376]{font-weight:700;line-height:1;font-size:var(--m-timeline-number-size)}.m-timeline .m-timeline-step-icon[data-v-da789376],.m-timeline .m-timeline-check-icon[data-v-da789376]{width:var(--m-timeline-icon-size);height:var(--m-timeline-icon-size)}.m-timeline.--clickable .m-timeline-step[data-v-da789376]:not(.--disabled){cursor:pointer}.m-timeline.--clickable .m-timeline-step:not(.--disabled):hover .m-timeline-indicator[data-v-da789376]{--maz-tw-ring-offset-shadow:var(--maz-tw-ring-inset) 0 0 0 var(--maz-tw-ring-offset-width) var(--maz-tw-ring-offset-color);--maz-tw-ring-shadow:var(--maz-tw-ring-inset) 0 0 0 calc(2px + var(--maz-tw-ring-offset-width)) var(--maz-tw-ring-color);box-shadow:var(--maz-tw-ring-offset-shadow), var(--maz-tw-ring-shadow), var(--maz-tw-shadow,0 0 #0000);--maz-tw-ring-color:hsl(var(--m-timeline-color)/30%)}.m-timeline.--clickable .m-timeline-step:not(.--disabled):focus-visible .m-timeline-indicator[data-v-da789376]{outline-offset:2px;--maz-tw-ring-offset-shadow:var(--maz-tw-ring-inset) 0 0 0 var(--maz-tw-ring-offset-width) var(--maz-tw-ring-offset-color);--maz-tw-ring-shadow:var(--maz-tw-ring-inset) 0 0 0 calc(2px + var(--maz-tw-ring-offset-width)) var(--maz-tw-ring-color);box-shadow:var(--maz-tw-ring-offset-shadow), var(--maz-tw-ring-shadow), var(--maz-tw-shadow,0 0 #0000);--maz-tw-ring-color:hsl(var(--m-timeline-color));--maz-tw-ring-offset-width:2px;outline:2px solid #0000}.m-timeline.--animated .m-timeline-indicator[data-v-da789376]{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-timeline.--animated .m-timeline-connector-fill[data-v-da789376]{transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-timeline.--animated .m-timeline-step.--active .m-timeline-indicator[data-v-da789376]{animation:2s cubic-bezier(.4,0,.6,1) infinite m-timeline-pulse-da789376}.m-timeline.--mini[data-v-da789376]{--m-timeline-indicator-size:1.25rem;--m-timeline-indicator-half:.625rem;--m-timeline-icon-size:.625rem;--m-timeline-font-size:.625rem;--m-timeline-number-size:.5rem}.m-timeline.--mini .m-timeline-title[data-v-da789376]{font-size:.625rem}.m-timeline.--mini .m-timeline-subtitle[data-v-da789376]{font-size:.5rem}.m-timeline.--xs[data-v-da789376]{--m-timeline-indicator-size:1.5rem;--m-timeline-indicator-half:.75rem;--m-timeline-icon-size:.75rem;--m-timeline-font-size:.75rem;--m-timeline-number-size:.625rem}.m-timeline.--xs .m-timeline-title[data-v-da789376]{font-size:.75rem;line-height:1rem}.m-timeline.--xs .m-timeline-subtitle[data-v-da789376]{font-size:.625rem}.m-timeline.--sm[data-v-da789376]{--m-timeline-indicator-size:1.75rem;--m-timeline-indicator-half:.875rem;--m-timeline-icon-size:.875rem;--m-timeline-font-size:.75rem;--m-timeline-number-size:.625rem}.m-timeline.--sm .m-timeline-title[data-v-da789376]{font-size:.75rem;line-height:1rem}.m-timeline.--sm .m-timeline-subtitle[data-v-da789376]{font-size:.65rem}.m-timeline.--md[data-v-da789376]{--m-timeline-indicator-size:2rem;--m-timeline-indicator-half:1rem;--m-timeline-icon-size:1rem;--m-timeline-font-size:.875rem;--m-timeline-number-size:.75rem}.m-timeline.--md .m-timeline-title[data-v-da789376]{font-size:.875rem;line-height:1.25rem}.m-timeline.--md .m-timeline-subtitle[data-v-da789376]{font-size:.75rem;line-height:1rem}.m-timeline.--lg[data-v-da789376]{--m-timeline-indicator-size:2.5rem;--m-timeline-indicator-half:1.25rem;--m-timeline-icon-size:1.25rem;--m-timeline-font-size:1rem;--m-timeline-number-size:.875rem}.m-timeline.--lg .m-timeline-title[data-v-da789376]{font-size:1rem;line-height:1.5rem}.m-timeline.--lg .m-timeline-subtitle[data-v-da789376]{font-size:.875rem;line-height:1.25rem}.m-timeline.--xl[data-v-da789376]{--m-timeline-indicator-size:3rem;--m-timeline-indicator-half:1.5rem;--m-timeline-icon-size:1.5rem;--m-timeline-font-size:1.125rem;--m-timeline-number-size:1rem}.m-timeline.--xl .m-timeline-title[data-v-da789376]{font-size:1.125rem;line-height:1.75rem}.m-timeline.--xl .m-timeline-subtitle[data-v-da789376]{font-size:1rem;line-height:1.5rem}.m-timeline.--rounded-none .m-timeline-indicator[data-v-da789376]{border-radius:0}.m-timeline.--rounded-sm .m-timeline-indicator[data-v-da789376]{border-radius:calc(var(--maz-radius) - 8px)}.m-timeline.--rounded-md .m-timeline-indicator[data-v-da789376]{border-radius:calc(var(--maz-radius) - 4px)}.m-timeline.--rounded-base .m-timeline-indicator[data-v-da789376]{border-radius:var(--maz-radius)}.m-timeline.--rounded-lg .m-timeline-indicator[data-v-da789376]{border-radius:calc(var(--maz-radius) + 4px)}.m-timeline.--rounded-xl .m-timeline-indicator[data-v-da789376]{border-radius:calc(var(--maz-radius) + 8px)}.m-timeline.--rounded-2xl .m-timeline-indicator[data-v-da789376]{border-radius:1rem}.m-timeline.--rounded-3xl .m-timeline-indicator[data-v-da789376]{border-radius:1.5rem}.m-timeline.--rounded-full .m-timeline-indicator[data-v-da789376]{border-radius:9999px}@keyframes m-timeline-pulse-da789376{0%,to{box-shadow:0 0 0 0 hsl(var(--m-timeline-bg) / 40%)}50%{box-shadow:0 0 0 6px hsl(var(--m-timeline-bg) / 0%)}}@media (prefers-reduced-motion:reduce){.m-timeline.--animated .m-timeline-indicator[data-v-da789376],.m-timeline.--animated .m-timeline-connector-fill[data-v-da789376]{transition-property:none!important;animation:none!important}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as MazExpandAnimation_default}from"./MazExpandAnimation.g4fQdHBT.js";import{t as MazCardSpotlight_default}from"./MazCardSpotlight.Bo4Ucmy6.js";import{Fragment,computed,createBlock,createElementBlock,createElementVNode,createVNode,defineComponent,normalizeClass,openBlock,ref,renderList,renderSlot,unref,useSlots,withCtx}from"vue";import{MazPlus}from"@maz-ui/icons/static/MazPlus";import '../assets/MazAccordion.DiiFPlOg.css';var _hoisted_1={class:`m-accordion m-reset-css`,role:`presentation`};var _hoisted_2=[`id`,`aria-controls`,`aria-expanded`,`onClick`];var MazAccordion_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazAccordion`,props:{id:{default:()=>void 0},modelValue:{default:0},contentClass:{type:[Boolean,null,String,Object,Array],default:()=>void 0}},emits:[`update:model-value`],setup(__props,{emit:__emit}){let emits=__emit;let instanceId=useInstanceUniqId({componentName:`MazAccordion`,providedId:__props.id});let slots=useSlots();let stepCount=computed(()=>Object.keys(slots).filter(slot=>slot.startsWith(`title-`)).length);let localModelValue=ref(__props.modelValue);let currentStep=computed({get:()=>__props.modelValue||localModelValue.value,set:value=>{localModelValue.value=value,emits(`update:model-value`,value)}});function isStepOpen(index){return currentStep.value===index}function selectStep(index){currentStep.value===index?(localModelValue.value=0,emits(`update:model-value`,0)):(localModelValue.value=index,emits(`update:model-value`,index))}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[(openBlock(!0),createElementBlock(Fragment,null,renderList(stepCount.value,step=>(openBlock(),createBlock(MazCardSpotlight_default,{key:step,class:`m-accordion__spotlight`,padding:!1},{default:withCtx(()=>[createElementVNode(`button`,{id:`step-${step}-${unref(instanceId)}`,class:`m-accordion__header`,"aria-controls":`step-${step}-${unref(instanceId)}`,"aria-expanded":isStepOpen(step),onClick:$event=>selectStep(step)},[renderSlot(_ctx.$slots,`title-${step}`,{isOpen:isStepOpen(step)},void 0,!0),createVNode(unref(MazPlus),{class:normalizeClass([`header-icon`,{"--rotate":isStepOpen(step)}])},null,8,[`class`])],8,_hoisted_2),createVNode(MazExpandAnimation_default,{"animation-duration":`300ms`,"model-value":isStepOpen(step),"aria-labelledby":`step-${step}-${unref(instanceId)}`},{default:withCtx(()=>[createElementVNode(`div`,{class:normalizeClass([`m-accordion__content`,__props.contentClass])},[renderSlot(_ctx.$slots,`content`,{isOpen:isStepOpen(step)},void 0,!0),renderSlot(_ctx.$slots,`content-${step}`,{isOpen:isStepOpen(step)},void 0,!0)],2)]),_:2},1032,[`model-value`,`aria-labelledby`])]),_:2},1024))),128))]))}}),[[`__scopeId`,`data-v-437af55b`]]);export{MazAccordion_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as resolveLinkComponent}from"./resolveLinkComponent.
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as resolveLinkComponent}from"./resolveLinkComponent.B8GG706t.js";import{Fragment,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createVNode,defineAsyncComponent,defineComponent,mergeProps,normalizeClass,normalizeStyle,openBlock,renderSlot,resolveDynamicComponent,toDisplayString,unref,withCtx}from"vue";import{MazPencil}from"@maz-ui/icons/lazy/MazPencil";import '../assets/MazAvatar.wvU3pMTo.css';var _hoisted_1=[`tabindex`];var _hoisted_2=[`src`,`alt`,`loading`];var _hoisted_3={class:`m-avatar__initial`};var _hoisted_4={key:0,class:`m-avatar__caption`};var MazAvatar_default=_plugin_vue_export_helper_default(defineComponent({inheritAttrs:!1,__name:`MazAvatar`,props:{style:{type:[Boolean,null,String,Object,Array]},class:{type:[Boolean,null,String,Object,Array]},src:{default:void 0},caption:{default:void 0},href:{default:void 0},to:{default:void 0},alt:{default:`avatar image`},target:{default:`_self`},size:{default:void 0},bordered:{type:Boolean},clickable:{type:Boolean},square:{type:Boolean},noElevation:{type:Boolean},showCaption:{type:Boolean},imageHeightFull:{type:Boolean},hideLoader:{type:Boolean},buttonColor:{default:`info`},hideClickableIcon:{type:Boolean},letterCount:{default:void 0},roundedSize:{default:`full`},fallbackSrc:{default:void 0},loading:{default:`intersecting`}},emits:[`click`,`intersecting`,`loading`,`loaded`,`error`],setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let MazLazyImg=defineAsyncComponent(()=>import(`../components/MazLazyImg.js`));let routerLinkComponent=resolveLinkComponent();let componentType=computed(()=>props.to?routerLinkComponent:props.href?`a`:`div`);let isLink=computed(()=>!!props.to||!!props.href);function getInitials(name,lettersCount=props.letterCount){return name.split(` `).map(word=>word[0]).join(``).slice(0,lettersCount)}let shouldDisplayImg=computed(()=>props.src||!props.src&&!props.caption);function handleImageError(event){if(emits(`error`,event.target),props.fallbackSrc&&event.target instanceof HTMLImageElement){let currentSrc=new URL(event.target.src);let fallbackSrc=new URL(props.fallbackSrc);if(currentSrc.href===fallbackSrc.href)return;event.target.src=props.fallbackSrc}}return(_ctx,_cache)=>(openBlock(),createBlock(resolveDynamicComponent(componentType.value),{style:normalizeStyle([{fontSize:__props.size},__props.style]),class:normalizeClass([`m-avatar m-reset-css`,[{"--has-link":isLink.value},props.class]]),href:__props.href,to:__props.to,target:isLink.value?__props.target:void 0},{default:withCtx(()=>[createElementVNode(`div`,{class:normalizeClass([`m-avatar__wrapper`,[{"--has-shadow":!__props.noElevation,"--bordered":__props.bordered,"--clickable":__props.clickable,"--has-initial":!__props.src&&__props.caption},`--rounded-${__props.square?`none`:__props.roundedSize}`]]),tabindex:__props.clickable?0:-1},[shouldDisplayImg.value?(openBlock(),createElementBlock(Fragment,{key:0},[__props.loading===`intersecting`?(openBlock(),createBlock(unref(MazLazyImg),mergeProps({key:0},_ctx.$attrs,{class:`m-avatar__picture maz-w-full maz-max-w-full`,src:__props.src,alt:__props.alt,"image-height-full":``,"hide-loader":__props.hideLoader,"fallback-src":__props.fallbackSrc,onClick:_cache[0]||=$event=>__props.clickable?_ctx.$emit(`click`,$event):null,onError:_cache[1]||=$event=>_ctx.$emit(`error`,$event),onLoaded:_cache[2]||=$event=>_ctx.$emit(`loaded`,$event),onLoading:_cache[3]||=$event=>_ctx.$emit(`loading`,$event),onIntersecting:_cache[4]||=$event=>_ctx.$emit(`intersecting`,$event)}),null,16,[`src`,`alt`,`hide-loader`,`fallback-src`])):(openBlock(),createElementBlock(`img`,{key:1,class:`m-avatar__picture maz-w-full maz-max-w-full`,src:__props.src??__props.fallbackSrc,alt:__props.alt,loading:__props.loading,onError:handleImageError},null,40,_hoisted_2))],64)):createCommentVNode(``,!0),__props.caption&&!__props.src?renderSlot(_ctx.$slots,`round-text`,{key:1},()=>[createElementVNode(`span`,_hoisted_3,toDisplayString(getInitials(__props.caption)),1)],!0):createCommentVNode(``,!0),__props.clickable?(openBlock(),createElementBlock(`button`,{key:2,type:`button`,tabindex:`-1`,class:`m-avatar__button`,style:normalizeStyle({backgroundColor:__props.src?`hsl(var(--maz-${__props.buttonColor}) / 60%)`:`hsl(var(--maz-${__props.buttonColor}))`}),onClick:_cache[5]||=$event=>_ctx.$emit(`click`,$event)},[__props.hideClickableIcon?createCommentVNode(``,!0):renderSlot(_ctx.$slots,`icon`,{key:0},()=>[createVNode(unref(MazPencil),{class:`m-avatar__button__icon`})],!0)],4)):createCommentVNode(``,!0)],10,_hoisted_1),renderSlot(_ctx.$slots,`caption`,{},()=>[__props.showCaption&&__props.caption?(openBlock(),createElementBlock(`p`,_hoisted_4,toDisplayString(__props.caption),1)):createCommentVNode(``,!0)],!0)]),_:3},8,[`style`,`class`,`href`,`to`,`target`]))}}),[[`__scopeId`,`data-v-12d5166a`]]);export{MazAvatar_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as getColor}from"./types.
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as getColor}from"./types.Cz3GY4VA.js";import{createElementBlock,defineComponent,normalizeClass,normalizeStyle,openBlock,renderSlot,unref}from"vue";import '../assets/MazBadge.CA4y_6jd.css';var MazBadge_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazBadge`,props:{color:{default:`primary`},size:{default:`0.8em`},nowrap:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},roundedSize:{default:`md`}},setup(__props){return(_ctx,_cache)=>(openBlock(),createElementBlock(`span`,{class:normalizeClass([`m-badge m-reset-css`,[`--${unref(getColor)(__props.color)}`,{"--outlined":__props.outlined,"--pastel":__props.pastel,"--nowrap":__props.nowrap},`--rounded-${__props.roundedSize}`]]),style:normalizeStyle({fontSize:__props.size})},[renderSlot(_ctx.$slots,`default`,{},void 0,!0)],6))}}),[[`__scopeId`,`data-v-e23f6c4f`]]);export{MazBadge_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as MazBtn_default}from"./MazBtn.
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as MazBtn_default}from"./MazBtn._OvMDbV1.js";import{t as MazBackdrop_default}from"./MazBackdrop.B2_glRzR.js";import{createBlock,createCommentVNode,createElementVNode,createVNode,defineComponent,normalizeClass,openBlock,renderSlot,unref,withCtx}from"vue";import{MazXMark}from"@maz-ui/icons/static/MazXMark";import '../assets/MazBottomSheet.BL-rpYBb.css';var MazBottomSheet_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazBottomSheet`,props:{modelValue:{type:Boolean},hideCloseButton:{type:Boolean,default:!1},padding:{type:Boolean,default:!0}},emits:[`update:model-value`,`open`,`close`],setup(__props,{emit:__emit}){let emits=__emit;return(_ctx,_cache)=>(openBlock(),createBlock(MazBackdrop_default,{"model-value":__props.modelValue,"transition-name":`bottom-sheet-anim`,"backdrop-class":`--bottom-sheet`,"content-padding":!1,align:`end`,justify:`none`,variant:`bottom-sheet`,onClose:_cache[0]||=$event=>_ctx.$emit(`close`,$event),onOpen:_cache[1]||=$event=>_ctx.$emit(`open`,$event),"onUpdate:modelValue":_cache[2]||=$event=>emits(`update:model-value`,$event)},{default:withCtx(({close})=>[createElementVNode(`div`,{class:normalizeClass([`m-bottom-sheet__container`,{"--padding":__props.padding}])},[renderSlot(_ctx.$slots,`default`,{close},void 0,!0),__props.hideCloseButton?createCommentVNode(``,!0):(openBlock(),createBlock(MazBtn_default,{key:0,size:`sm`,class:`m-bottom-sheet__close`,color:`transparent`,onClick:close},{default:withCtx(()=>[createVNode(unref(MazXMark),{class:`maz-text-lg`})]),_:1},8,[`onClick`]))],2)]),_:3},8,[`model-value`]))}}),[[`__scopeId`,`data-v-f5c86046`]]);export{MazBottomSheet_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as getColor}from"./types.
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as getColor}from"./types.Cz3GY4VA.js";import{t as resolveLinkComponent}from"./resolveLinkComponent.B8GG706t.js";import{computed,createBlock,createCommentVNode,createElementBlock,createTextVNode,createVNode,defineAsyncComponent,defineComponent,normalizeClass,normalizeStyle,openBlock,renderSlot,resolveDynamicComponent,toDisplayString,unref,useAttrs,withCtx}from"vue";import '../assets/MazBtn.CQJyxziA.css';var _hoisted_1={key:0,class:`m-btn-loader-container`};var MazBtn_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazBtn`,props:{text:{},size:{default:`md`},color:{default:`primary`},type:{default:`button`},roundedSize:{default:`lg`},outlined:{type:Boolean},pastel:{type:Boolean},block:{type:Boolean},loading:{type:Boolean},disabled:{type:Boolean},fab:{type:Boolean},icon:{type:[String,Function,Object]},leftIcon:{type:[String,Function,Object]},rightIcon:{type:[String,Function,Object]},padding:{type:Boolean,default:!0},justify:{default:`center`},active:{type:Boolean}},setup(__props){let MazIcon=defineAsyncComponent(()=>import(`../components/MazIcon.js`));let MazSpinner=defineAsyncComponent(()=>import(`../components/MazSpinner.js`));let{href,to}=useAttrs();let routerLinkComponent=resolveLinkComponent();let component=computed(()=>href?`a`:to?routerLinkComponent:`button`);let btnColorClass=computed(()=>__props.pastel?`--${getColor(__props.color)}-pastel`:__props.outlined?`--${getColor(__props.color)}-outlined`:`--${getColor(__props.color)}`);let isDisabled=computed(()=>(__props.loading||__props.disabled)&&component.value===`button`);let cursorClass=computed(()=>isDisabled.value?`--cursor-default`:`--cursor-pointer`);let btnType=computed(()=>component.value===`button`?__props.type:void 0);let iconSize=computed(()=>({xl:`lg`,lg:`md`,md:`md`,sm:`sm`,xs:`xs`,mini:`1em`})[__props.size]||`lg`);return(_ctx,_cache)=>(openBlock(),createBlock(resolveDynamicComponent(component.value),{disabled:isDisabled.value,class:normalizeClass([`m-btn m-reset-css`,[`--${__props.size}`,...[!__props.fab&&__props.roundedSize&&`--rounded-${__props.roundedSize}`],btnColorClass.value,cursorClass.value,{"--block":__props.block,"--fab":__props.fab,"--loading":__props.loading,"--active":__props.active,"--no-padding":!__props.padding,"--has-left-icon":!!__props.leftIcon||!!_ctx.$slots[`left-icon`],"--has-right-icon":!!__props.rightIcon||!!_ctx.$slots[`right-icon`]}]]),style:normalizeStyle([`--justify: ${__props.justify}`,`--bg-color: var(--maz-${__props.color})`]),type:btnType.value},{default:withCtx(()=>[renderSlot(_ctx.$slots,`left-icon`,{},()=>[typeof __props.leftIcon==`string`?(openBlock(),createBlock(unref(MazIcon),{key:0,name:__props.leftIcon,size:iconSize.value},null,8,[`name`,`size`])):__props.leftIcon?(openBlock(),createBlock(unref(MazIcon),{key:1,icon:__props.leftIcon,size:iconSize.value},null,8,[`icon`,`size`])):createCommentVNode(``,!0)],!0),renderSlot(_ctx.$slots,`icon`,{},()=>[typeof __props.icon==`string`?(openBlock(),createBlock(unref(MazIcon),{key:0,name:__props.icon,size:iconSize.value},null,8,[`name`,`size`])):__props.icon?(openBlock(),createBlock(unref(MazIcon),{key:1,icon:__props.icon,size:iconSize.value},null,8,[`icon`,`size`])):createCommentVNode(``,!0)],!0),renderSlot(_ctx.$slots,`default`,{},()=>[createTextVNode(toDisplayString(__props.text),1)],!0),renderSlot(_ctx.$slots,`right-icon`,{},()=>[typeof __props.rightIcon==`string`?(openBlock(),createBlock(unref(MazIcon),{key:0,name:__props.rightIcon,size:iconSize.value},null,8,[`name`,`size`])):__props.rightIcon?(openBlock(),createBlock(unref(MazIcon),{key:1,icon:__props.rightIcon,size:iconSize.value},null,8,[`icon`,`size`])):createCommentVNode(``,!0)],!0),__props.loading?(openBlock(),createElementBlock(`div`,_hoisted_1,[renderSlot(_ctx.$slots,`loader`,{},()=>[createVNode(unref(MazSpinner),{size:`2em`})],!0)])):createCommentVNode(``,!0)]),_:3},8,[`disabled`,`class`,`style`,`type`]))}}),[[`__scopeId`,`data-v-6235965c`]]);export{MazBtn_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as resolveLinkComponent}from"./resolveLinkComponent.
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as resolveLinkComponent}from"./resolveLinkComponent.B8GG706t.js";import{computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineAsyncComponent,defineComponent,mergeModels,mergeProps,normalizeClass,openBlock,renderSlot,resolveDynamicComponent,toDisplayString,unref,useModel,useSlots,withCtx,withModifiers}from"vue";import{MazChevronDown}from"@maz-ui/icons/lazy/MazChevronDown";import '../assets/MazCard.DA_B-nf5.css';var _hoisted_1={key:0,class:`m-card__gallery__wrapper`};var _hoisted_2={class:`maz-min-w-0 maz-flex-1`};var _hoisted_3={key:0,class:`m-card__title`};var _hoisted_4={key:1,class:`m-card__subtitle`};var _hoisted_5={key:2,class:`m-card__content`};var _hoisted_6={key:2,class:`m-card__actions maz-flex maz-p-2`};var MazCard_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazCard`,props:mergeModels({orientation:{default:`column`},href:{default:()=>void 0},to:{default:()=>void 0},hrefTarget:{default:`_self`},footerAlign:{default:`right`},gallery:{default:()=>void 0},scale:{type:Boolean,default:!0},elevation:{type:Boolean,default:!1},radius:{type:Boolean,default:!0},bordered:{type:Boolean,default:!0},wrapperClass:{type:[Boolean,null,String,Object,Array],default:()=>void 0},padding:{type:Boolean,default:!0},overflowHidden:{type:Boolean},collapsible:{type:Boolean,default:!1},collapseOpen:{type:Boolean,default:!1},title:{default:()=>void 0},block:{type:Boolean}},{collapseOpen:{type:Boolean,default:!1},collapseOpenModifiers:{}}),emits:mergeModels([`update:collapseOpen`],[`update:collapseOpen`]),setup(__props){let isLinked=computed(()=>!!__props.href||!!__props.to);let DEFAULT_GALLERY_OPTIONS={displayedCount:3,remaining:!1,zoom:!isLinked.value,width:200,height:150};let MazBtn=defineAsyncComponent(()=>import(`../components/MazBtn.js`));let MazGallery=defineAsyncComponent(()=>import(`../components/MazGallery.js`));let MazExpandAnimation=defineAsyncComponent(()=>import(`../components/MazExpandAnimation.js`));let slots=useSlots();let collapseOpenModel=useModel(__props,`collapseOpen`);collapseOpenModel.value=__props.collapsible?__props.collapseOpen:!0;let isColumnVariant=computed(()=>[`column`,`column-reverse`].includes(__props.orientation));let haveSomeContent=computed(()=>{let supportedSlots=new Set([`default`,`content-title`,`content-subtitle`,`content-body`]);return Object.keys(slots).some(val=>supportedSlots.has(val))});let galleryHeightComputed=computed(()=>haveSomeContent.value?__props.gallery?.height??DEFAULT_GALLERY_OPTIONS.height:`100%`);let galleryWidthComputed=computed(()=>haveSomeContent.value?__props.gallery?.width??DEFAULT_GALLERY_OPTIONS.width:`100%`);let galleryOptions=computed(()=>({...DEFAULT_GALLERY_OPTIONS,radius:__props.radius,width:isColumnVariant.value?!1:galleryWidthComputed.value,height:!isColumnVariant.value&&haveSomeContent.value?!1:galleryHeightComputed.value,...__props.gallery}));let routerLinkComponent=resolveLinkComponent();let wrapperData=computed(()=>{let componentType=`div`;return __props.href?componentType=`a`:__props.to&&(componentType=routerLinkComponent),{is:componentType,...__props.href&&{href:__props.href},...__props.to&&{to:__props.to},target:__props.hrefTarget}});let footerAlignClass=computed(()=>__props.footerAlign===`right`?`maz-text-end`:`maz-text-start`);function toggleCollapse(){__props.collapsible&&(collapseOpenModel.value=!collapseOpenModel.value)}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-card m-reset-css`,[{"m-card--linked":isLinked.value,"m-card--no-scale":!__props.scale,"maz-shadow-elevation maz-drop-shadow-md":__props.elevation,"--block":__props.block,"maz-overflow-hidden":__props.overflowHidden||!collapseOpenModel.value,"maz-rounded":__props.radius,"maz-border maz-border-solid maz-border-divider":__props.bordered}]])},[_ctx.$slots.title||__props.title||__props.collapsible?(openBlock(),createBlock(resolveDynamicComponent(__props.collapsible?`button`:`div`),{key:0,class:normalizeClass([`m-card__header maz-border-b maz-border-solid`,[collapseOpenModel.value?`maz-rounded-t maz-border-divider`:`maz-border-transparent`,{"--is-collapsible":__props.collapsible},{"maz-justify-end":(!_ctx.$slots.title||!__props.title)&&__props.collapsible},{"maz-justify-between":_ctx.$slots.title||__props.title}]]),tabindex:`-1`,onClick:_cache[0]||=withModifiers($event=>__props.collapsible?toggleCollapse():void 0,[`stop`])},{default:withCtx(()=>[_ctx.$slots.title||__props.title?renderSlot(_ctx.$slots,`title`,{key:0},()=>[createTextVNode(toDisplayString(__props.title),1)],!0):createCommentVNode(``,!0),__props.collapsible?(openBlock(),createBlock(unref(MazBtn),{key:1,color:`transparent`,class:`maz-ms-2 maz-text-sm`,size:`xs`,onClick:withModifiers(toggleCollapse,[`stop`])},{default:withCtx(()=>[createVNode(unref(MazChevronDown),{class:normalizeClass([{"--is-open":collapseOpenModel.value},`m-card__collapse-icon maz-text-xl`])},null,8,[`class`])]),_:1})):createCommentVNode(``,!0)]),_:3},8,[`class`])):createCommentVNode(``,!0),(openBlock(),createBlock(resolveDynamicComponent(wrapperData.value.is),mergeProps(wrapperData.value,{class:[`m-card__wrapper`,[`m-card__wrapper--${__props.orientation}`,{"m-card__link":isLinked.value}]]}),{default:withCtx(()=>[galleryOptions.value.images?(openBlock(),createElementBlock(`div`,_hoisted_1,[createVNode(unref(MazGallery),mergeProps({...galleryOptions.value,zoom:!isLinked.value},{class:`m-card__gallery`}),null,16)])):createCommentVNode(``,!0),createElementVNode(`div`,_hoisted_2,[(openBlock(),createBlock(resolveDynamicComponent(__props.collapsible?unref(MazExpandAnimation):`div`),{modelValue:collapseOpenModel.value,"onUpdate:modelValue":_cache[1]||=$event=>collapseOpenModel.value=$event,class:`maz-h-full`},{default:withCtx(()=>[createElementVNode(`div`,{class:normalizeClass([[__props.wrapperClass,{"maz-p-4":__props.padding}],`m-card__content__wrapper`])},[_ctx.$slots[`content-title`]?(openBlock(),createElementBlock(`div`,_hoisted_3,[renderSlot(_ctx.$slots,`content-title`,{collapseOpen:collapseOpenModel.value},void 0,!0)])):createCommentVNode(``,!0),_ctx.$slots[`content-subtitle`]?(openBlock(),createElementBlock(`div`,_hoisted_4,[renderSlot(_ctx.$slots,`content-subtitle`,{},void 0,!0)])):createCommentVNode(``,!0),_ctx.$slots[`content-body`]?(openBlock(),createElementBlock(`div`,_hoisted_5,[renderSlot(_ctx.$slots,`content-body`,{},void 0,!0)])):createCommentVNode(``,!0),renderSlot(_ctx.$slots,`default`,{collapseOpen:collapseOpenModel.value},void 0,!0)],2)]),_:3},8,[`modelValue`]))])]),_:3},16,[`class`])),_ctx.$slots.footer?(openBlock(),createElementBlock(`div`,{key:1,class:normalizeClass([`m-card__footer maz-overflow-x-auto maz-p-3`,[{"maz-border-t maz-border-divider":isColumnVariant.value&&haveSomeContent.value},footerAlignClass.value]])},[renderSlot(_ctx.$slots,`footer`,{},void 0,!0)],2)):createCommentVNode(``,!0),_ctx.$slots.actions&&galleryOptions.value.images?(openBlock(),createElementBlock(`div`,_hoisted_6,[renderSlot(_ctx.$slots,`actions`,{},void 0,!0)])):createCommentVNode(``,!0)],2))}}),[[`__scopeId`,`data-v-235bd5ff`]]);export{MazCard_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{computed,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineComponent,mergeProps,normalizeClass,normalizeStyle,openBlock,ref,renderSlot,toDisplayString,unref}from"vue";import{MazCheck}from"@maz-ui/icons/static/MazCheck";import '../assets/MazCheckbox.D2c3wMhN.css';var _hoisted_1=[`for`,`aria-checked`];var _hoisted_2=[`id`,`checked`,`disabled`,`name`];var _hoisted_3={key:0,class:`m-checkbox__text`};var MazCheckbox_default=_plugin_vue_export_helper_default(defineComponent({inheritAttrs:!1,__name:`MazCheckbox`,props:{style:{type:[Boolean,null,String,Object,Array],default:void 0},class:{type:[Boolean,null,String,Object,Array],default:void 0},modelValue:{default:void 0},id:{default:void 0},color:{default:`primary`},value:{type:[String,Number,Boolean],default:void 0},name:{default:`m-checkbox`},size:{default:`md`},label:{default:void 0},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 props=__props;let emits=__emit;let instanceId=useInstanceUniqId({componentName:`MazCheckbox`,providedId:props.id});let inputRef=ref();let isFocused=ref(!1);let isChecked=computed(()=>typeof props.value!=`boolean`&&Array.isArray(props.modelValue)?props.modelValue.includes(props.value):typeof props.modelValue==`boolean`?props.modelValue:!1);let checkboxSize=computed(()=>{switch(props.size){case`xl`:return`2rem`;case`lg`:return`1.75rem`;case`sm`:return`1.25rem`;case`xs`:return`1rem`;case`mini`:return`0.75rem`;default:return`1.5rem`}});let checkIconSize=computed(()=>{switch(props.size){case`xl`:return`maz-text-2xl`;case`lg`:return`maz-text-xl`;case`sm`:return`maz-text-base`;case`xs`:return`maz-text-sm`;case`mini`:return`maz-text-xs`;default:return`maz-text-lg`}});let checkIconColor=computed(()=>props.color===`contrast`?`hsl(var(--maz-background))`:`hsl(var(--maz-${props.color}-foreground))`);let checkboxSelectedColor=computed(()=>props.color===`contrast`?`hsl(var(--maz-contrast))`:`hsl(var(--maz-${props.color}))`);let checkboxBoxShadow=computed(()=>props.error&&!isFocused.value?`hsl(var(--maz-destructive))`:props.warning&&!isFocused.value?`hsl(var(--maz-warning))`:props.success&&!isFocused.value?`hsl(var(--maz-success))`:[`transparent`,`contrast`].includes(props.color)?`hsl(var(--maz-muted))`:`hsl(var(--maz-${props.color}) / 60%)`);function keyboardHandler(event){[`Space`].includes(event.code)&&(event.preventDefault(),emitValue(props.value??!props.modelValue))}function getNewValue(value){return typeof value==`boolean`&&(typeof props.modelValue==`boolean`||props.modelValue===void 0||props.modelValue===null)?!props.modelValue:Array.isArray(props.modelValue)&&typeof value!=`boolean`?props.modelValue.includes(value)?props.modelValue.filter(v=>v!==value):[...props.modelValue,value]:[value]}function emitValue(value){let newValue=getNewValue(value);emits(`update:model-value`,newValue),emits(`change`,newValue)}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-checkbox m-reset-css`,[{"--error":__props.error,"--warning":__props.warning,"--success":__props.success},props.class]]),style:normalizeStyle([__props.style,{"--checkbox-selected-color":checkboxSelectedColor.value,"--checkbox-box-shadow-color":checkboxBoxShadow.value}]),role:`checkbox`,"aria-checked":isChecked.value,tabindex:`0`,onKeydown:keyboardHandler,onBlur,onFocus},[createElementVNode(`input`,mergeProps({id:unref(instanceId),ref_key:`inputRef`,ref:inputRef,checked:isChecked.value},_ctx.$attrs,{tabindex:`-1`,disabled:__props.disabled,name:__props.name,type:`checkbox`,onChange:_cache[0]||=$event=>emitValue(__props.value??$event?.target?.checked)}),null,16,_hoisted_2),createElementVNode(`span`,{style:normalizeStyle({width:checkboxSize.value,height:checkboxSize.value})},[createVNode(unref(MazCheck),{class:normalizeClass([`check-icon`,checkIconSize.value]),style:normalizeStyle({color:checkIconColor.value})},null,8,[`class`,`style`])],4),__props.label||_ctx.$slots.default||__props.hint?(openBlock(),createElementBlock(`div`,_hoisted_3,[renderSlot(_ctx.$slots,`default`,{value:__props.value},()=>[createTextVNode(toDisplayString(__props.label),1)],!0),__props.hint?(openBlock(),createElementBlock(`span`,{key:0,class:normalizeClass([`m-checkbox__hint`,{"--error":__props.error,"--success":__props.success,"--warning":__props.warning}])},toDisplayString(__props.hint),3)):createCommentVNode(``,!0)])):createCommentVNode(``,!0)],46,_hoisted_1))}}),[[`__scopeId`,`data-v-54ce2696`]]);export{MazCheckbox_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{useStringMatching}from"../composables/useStringMatching.js";import{t as MazCardSpotlight_default}from"./MazCardSpotlight.Bo4Ucmy6.js";import{t as MazCheckbox_default}from"./MazCheckbox.Cbw92q22.js";import{Fragment,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineAsyncComponent,defineComponent,mergeProps,openBlock,ref,renderList,renderSlot,toDisplayString,unref,watch,withCtx}from"vue";import{MazMagnifyingGlass}from"@maz-ui/icons/lazy/MazMagnifyingGlass";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{MazNoSymbol}from"@maz-ui/icons/lazy/MazNoSymbol";import{normalizeString}from"@maz-ui/utils/helpers/normalizeString";import '../assets/MazChecklist.BFSEaK_L.css';var _hoisted_1={class:`m-checklist m-reset-css`};var _hoisted_2=[`for`];var _hoisted_3={key:0,class:`title`};var _hoisted_4={key:0,class:`no-results`};var _hoisted_5={class:`no-results-content`};var _hoisted_6={class:`no-results-text`};var _hoisted_7=[`for`];var _hoisted_8={class:`item-label`};var MazChecklist_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazChecklist`,props:{modelValue:{},query:{},items:{},title:{},elevation:{type:Boolean,default:!1},search:{type:[Boolean,Object]},searchOptions:{},searchFunction:{type:Function},color:{default:`primary`},translations:{}},emits:[`update:query`,`update:model-value`],setup(__props,{emit:__emit}){let emits=__emit;let id=useInstanceUniqId({componentName:`MazChecklist`});let MazInput=defineAsyncComponent(()=>import(`../components/MazInput.js`));let internalQuery=ref(__props.query);watch(()=>__props.query,value=>{internalQuery.value=value});let{t}=useTranslations();let messages=computed(()=>({noResultsFound:__props.translations?.noResultsFound??t(`checklist.noResultsFound`),searchInput:{placeholder:__props.translations?.searchInput?.placeholder??t(`checklist.searchInput.placeholder`)}}));let filteredItems=computed(()=>{if(!internalQuery.value||!__props.search)return __props.items;let normalizedQuery=normalizeString(internalQuery.value,__props.searchOptions);return __props.searchFunction?__props.searchFunction(normalizedQuery,__props.items??[]):getFilteredOptionWithQuery(normalizedQuery)});function searchInValue(value,query){return query&&value&&normalizeString(value).includes(normalizeString(query))}function getFilteredOptionWithQuery(query){return __props.items?.filter(({label,value})=>{let threshold=__props.searchOptions?.threshold;let normalizedQuery=normalizeString(query,__props.searchOptions);let searchLabel=normalizeString(label,__props.searchOptions);let searchValue=normalizeString(value,__props.searchOptions);return searchInValue(searchLabel,normalizedQuery)||searchInValue(searchValue,normalizedQuery)||typeof searchLabel==`string`&&useStringMatching(searchLabel,normalizedQuery,threshold).isMatching.value||typeof searchValue==`string`&&useStringMatching(searchValue,normalizedQuery,threshold).isMatching.value})}function updateQuery(value){internalQuery.value=value,emits(`update:query`,value)}return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,_hoisted_1,[createElementVNode(`label`,{for:__props.search?`${unref(id)}-query`:void 0,class:`search-label`},[_ctx.$slots.title||__props.title?(openBlock(),createElementBlock(`span`,_hoisted_3,[renderSlot(_ctx.$slots,`title`,{},()=>[createTextVNode(toDisplayString(__props.title),1)],!0)])):createCommentVNode(``,!0),__props.search?(openBlock(),createBlock(unref(MazInput),mergeProps({key:1,id:`${unref(id)}-query`,"model-value":internalQuery.value},typeof __props.search==`object`?__props.search:{},{color:typeof __props.search==`object`&&__props.search.color?__props.search.color:__props.color,"left-icon":typeof __props.search==`object`?__props.search.leftIcon??unref(MazMagnifyingGlass):void 0,debounce:typeof __props.search==`object`?__props.search.debounce??300:void 0,name:typeof __props.search==`object`?__props.search.name??`search`:void 0,placeholder:typeof __props.search==`object`&&__props.search.placeholder?__props.search.placeholder:messages.value.searchInput.placeholder,"onUpdate:modelValue":_cache[0]||=event=>updateQuery(event)}),null,16,[`id`,`model-value`,`color`,`left-icon`,`debounce`,`name`,`placeholder`])):createCommentVNode(``,!0)],8,_hoisted_2),createVNode(MazCardSpotlight_default,{color:__props.color,elevation:__props.elevation,padding:!1,"content-class":`card-content`},{default:withCtx(()=>[filteredItems.value?.length===0?(openBlock(),createElementBlock(`div`,_hoisted_4,[renderSlot(_ctx.$slots,`no-results`,{},()=>[createElementVNode(`div`,_hoisted_5,[createVNode(unref(MazNoSymbol),{class:`no-results-icon`}),createElementVNode(`span`,_hoisted_6,[renderSlot(_ctx.$slots,`no-results-text`,{},()=>[createTextVNode(toDisplayString(messages.value.noResultsFound),1)],!0)])])],!0)])):createCommentVNode(``,!0),(openBlock(!0),createElementBlock(Fragment,null,renderList(filteredItems.value,item=>(openBlock(),createElementBlock(`label`,{key:item.value,for:`${unref(id)}-checklist-item-${item.value}`,class:`m-checklist-item m-reset-css`},[createVNode(MazCheckbox_default,{id:`${unref(id)}-checklist-item-${item.value}`,"model-value":__props.modelValue,value:item.value,color:__props.color,"onUpdate:modelValue":_cache[1]||=event=>emits(`update:model-value`,event)},null,8,[`id`,`model-value`,`value`,`color`]),renderSlot(_ctx.$slots,`item`,{selectedValues:__props.modelValue,item},()=>[createElementVNode(`span`,_hoisted_8,toDisplayString(item.label),1)],!0)],8,_hoisted_7))),128))]),_:3},8,[`color`,`elevation`])]))}}),[[`__scopeId`,`data-v-a3099090`]]);export{MazChecklist_default as t};
|
package/dist/chunks/{MazCircularProgressBar.rATx_hD9.js → MazCircularProgressBar.xp7gmdti.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{computed,createBlock,createElementBlock,createElementVNode,createSlots,createTextVNode,defineAsyncComponent,defineComponent,normalizeClass,normalizeStyle,onBeforeUnmount,onMounted,openBlock,ref,renderSlot,toDisplayString,unref,useSlots,withCtx}from"vue";import '../assets/MazCircularProgressBar.B5iS2mNo.css';var _hoisted_1={class:`outer`};var _hoisted_2={class:`inner`};var _hoisted_3={key:0};var _hoisted_4=[`id`];var _hoisted_5=[`stop-color`];var _hoisted_6=[`stop-color`];var _hoisted_7=[`stroke-width`,`stroke-dashoffset`,`stroke`,`stroke-linecap`];var MazCircularProgressBar_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazCircularProgressBar`,props:{percentage:{},size:{default:`10em`},duration:{default:1e3},delay:{default:100},color:{},autoColor:{type:Boolean,default:!1},prefix:{},suffix:{},strokeLinecap:{default:`round`},strokeWidth:{default:6},stroke:{},successPercentage:{default:100},warningPercentage:{default:75},dangerPercentage:{default:50},once:{type:Boolean,default:!0}},setup(__props){let MazAnimatedCounter=defineAsyncComponent(()=>import(`../components/MazAnimatedCounter.js`));let slots=useSlots();let hasPrefix=computed(()=>!!__props.prefix||!!slots.prefix);let hasSuffix=computed(()=>!!__props.suffix||!!slots.suffix);let id=useInstanceUniqId({componentName:`MazCircularProgressBar`});let adjustedPercentage=computed(()=>__props.percentage>100?100:__props.percentage<=0?.5:__props.percentage);let currentColor=computed(()=>__props.autoColor?getStatusColor(adjustedPercentage.value):__props.color);function getStatusColor(percent){return percent<__props.dangerPercentage||percent>100?`destructive`:percent<__props.warningPercentage?`warning`:percent>=__props.successPercentage?`success`:`primary`}let animationDuration=computed(()=>`${__props.duration}ms`);let dashoffset=computed(()=>Math.round(290-adjustedPercentage.value/100*290));let isVisible=ref(!1);let circleRef=ref(null);let hasBeenAnimated=ref(!1);let observer=null;return onMounted(()=>{observer=new IntersectionObserver(([entry])=>{(!isVisible.value||!__props.once)&&(isVisible.value=entry.isIntersecting),__props.once&&circleRef.value&&(observer?.unobserve(circleRef.value),circleRef.value?.addEventListener(`animationend`,()=>{hasBeenAnimated.value=!0}))}),circleRef.value&&observer.observe(circleRef.value)}),onBeforeUnmount(()=>observer?.disconnect()),(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:`m-circular-progress-bar m-reset-css`,style:normalizeStyle([{"--animation-duration":animationDuration.value,"--dashoffset":dashoffset.value,"--delay":`${__props.delay}ms`},{fontSize:__props.size}])},[createElementVNode(`div`,_hoisted_1,[createElementVNode(`div`,_hoisted_2,[unref(slots).default?(openBlock(),createElementBlock(`span`,_hoisted_3,[renderSlot(_ctx.$slots,`default`,{},void 0,!0)])):(openBlock(),createBlock(unref(MazAnimatedCounter),{key:1,count:__props.percentage,duration:__props.duration,delay:__props.delay,once:__props.once},createSlots({_:2},[hasPrefix.value?{name:`prefix`,fn:withCtx(()=>[renderSlot(_ctx.$slots,`prefix`,{},()=>[createTextVNode(toDisplayString(__props.prefix),1)],!0)]),key:`0`}:void 0,hasSuffix.value?{name:`suffix`,fn:withCtx(()=>[renderSlot(_ctx.$slots,`suffix`,{},()=>[createTextVNode(toDisplayString(__props.suffix),1)],!0)]),key:`1`}:void 0]),1032,[`count`,`duration`,`delay`,`once`]))])]),(openBlock(),createElementBlock(`svg`,{ref_key:`circleRef`,ref:circleRef,xmlns:`http://www.w3.org/2000/svg`,height:`1em`,width:`1em`,class:normalizeClass({animate:isVisible.value}),viewBox:`0 0 100 100`},[createElementVNode(`defs`,null,[createElementVNode(`linearGradient`,{id:`${unref(id)}-gradient`,x1:`0`,x2:`0`,y1:`1`,y2:`0`},[createElementVNode(`stop`,{offset:`0%`,"stop-color":currentColor.value?`hsl(var(--maz-${currentColor.value}-400))`:`hsl(var(--maz-primary))`},null,8,_hoisted_5),createElementVNode(`stop`,{offset:`100%`,"stop-color":currentColor.value?`hsl(var(--maz-${currentColor.value}-700))`:`hsl(var(--maz-secondary))`},null,8,_hoisted_6)],8,_hoisted_4)]),createElementVNode(`circle`,{cx:`50`,cy:`50`,r:`46`,"stroke-width":__props.strokeWidth,"stroke-dasharray":`290`,"stroke-dashoffset":hasBeenAnimated.value?dashoffset.value:290,stroke:__props.stroke?__props.stroke:`url(#${unref(id)}-gradient)`,fill:`none`,"stroke-linecap":__props.strokeLinecap},null,8,_hoisted_7)],2))],4))}}),[[`__scopeId`,`data-v-bfa690b0`]]);export{MazCircularProgressBar_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as getDefaultsShortcuts,c as getISODate,d as isRangeValue,g as isValueDisabledWeekly,h as isValueDisabledDate,l as getRangeFormattedDate,s as getFormattedDate,t as checkValueWithMinMaxDates,u as getRangeISODate,v as __commonJSMin,y as __toESM}from"./utils.B8bfGQxN.js";import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as MazPopover_default}from"./MazPopover.DnYkJQ1s.js";import{t as MazPickerContainer_default}from"./MazPickerContainer.BZ74M74V.js";import{computed,createBlock,createCommentVNode,createVNode,defineAsyncComponent,defineComponent,mergeModels,mergeProps,normalizeClass,normalizeStyle,onBeforeMount,openBlock,ref,renderSlot,unref,useModel,useTemplateRef,vShow,watch,withCtx,withDirectives}from"vue";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{MazChevronDown}from"@maz-ui/icons/static/MazChevronDown";import{MazCalendar}from"@maz-ui/icons/lazy/MazCalendar";import{MazClock}from"@maz-ui/icons/lazy/MazClock";import{formatDate}from"@maz-ui/utils/helpers/formatDate";import dayjs from"dayjs";import '../assets/MazDatePicker.C4xZKtSy.css';var require_customParseFormat=__commonJSMin(((exports,module)=>{(function(e,t){typeof exports==`object`&&module!==void 0?module.exports=t():typeof define==`function`&&define.amd?define(t):(e=typeof globalThis<`u`?globalThis:e||self).dayjs_plugin_customParseFormat=t()})(exports,(function(){var e={LTS:`h:mm:ss A`,LT:`h:mm A`,L:`MM/DD/YYYY`,LL:`MMMM D, YYYY`,LLL:`MMMM D, YYYY h:mm A`,LLLL:`dddd, MMMM D, YYYY h:mm A`},t=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,n=/\d/,r=/\d\d/,i=/\d\d?/,o=/\d*[^-_:/,()\s\d]+/,s={},a=function(e){return(e=+e)+(e>68?1900:2e3)};var f=function(e){return function(t){this[e]=+t}},h=[/[+-]\d\d:?(\d\d)?|Z/,function(e){(this.zone||={}).offset=function(e){if(!e||e===`Z`)return 0;var t=e.match(/([+-]|\d\d)/g),n=60*t[1]+(+t[2]||0);return n===0?0:t[0]===`+`?-n:n}(e)}],u=function(e){var t=s[e];return t&&(t.indexOf?t:t.s.concat(t.f))},d=function(e,t){var n,r=s.meridiem;if(r){for(var i=1;i<=24;i+=1)if(e.indexOf(r(i,0,t))>-1){n=i>12;break}}else n=e===(t?`pm`:`PM`);return n},c={A:[o,function(e){this.afternoon=d(e,!1)}],a:[o,function(e){this.afternoon=d(e,!0)}],Q:[n,function(e){this.month=3*(e-1)+1}],S:[n,function(e){this.milliseconds=100*e}],SS:[r,function(e){this.milliseconds=10*e}],SSS:[/\d{3}/,function(e){this.milliseconds=+e}],s:[i,f(`seconds`)],ss:[i,f(`seconds`)],m:[i,f(`minutes`)],mm:[i,f(`minutes`)],H:[i,f(`hours`)],h:[i,f(`hours`)],HH:[i,f(`hours`)],hh:[i,f(`hours`)],D:[i,f(`day`)],DD:[r,f(`day`)],Do:[o,function(e){var t=s.ordinal;if(this.day=e.match(/\d+/)[0],t)for(var r=1;r<=31;r+=1)t(r).replace(/\[|\]/g,``)===e&&(this.day=r)}],w:[i,f(`week`)],ww:[r,f(`week`)],M:[i,f(`month`)],MM:[r,f(`month`)],MMM:[o,function(e){var t=u(`months`),n=(u(`monthsShort`)||t.map((function(e){return e.slice(0,3)}))).indexOf(e)+1;if(n<1)throw Error();this.month=n%12||n}],MMMM:[o,function(e){var t=u(`months`).indexOf(e)+1;if(t<1)throw Error();this.month=t%12||t}],Y:[/[+-]?\d+/,f(`year`)],YY:[r,function(e){this.year=a(e)}],YYYY:[/\d{4}/,f(`year`)],Z:h,ZZ:h};function l(n){for(var r=n,i=s&&s.formats,o=(n=r.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,n,r){var o=r&&r.toUpperCase();return n||i[r]||e[r]||i[o].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(e,t,n){return t||n.slice(1)}))}))).match(t),a=o.length,f=0;f<a;f+=1){var h=o[f],u=c[h],d=u&&u[0],l=u&&u[1];o[f]=l?{regex:d,parser:l}:h.replace(/^\[|\]$/g,``)}return function(e){for(var t={},n=0,r=0;n<a;n+=1){var i=o[n];if(typeof i==`string`)r+=i.length;else{var s=i.regex,f=i.parser,h=e.slice(r),u=s.exec(h)[0];f.call(t,u),e=e.replace(u,``)}}return function(e){var t=e.afternoon;if(t!==void 0){var n=e.hours;t?n<12&&(e.hours+=12):n===12&&(e.hours=0),delete e.afternoon}}(t),t}}return function(e,t,n){n.p.customParseFormat=!0,e&&e.parseTwoDigitYear&&(a=e.parseTwoDigitYear);var r=t.prototype,i=r.parse;r.parse=function(e){var t=e.date,r=e.utc,o=e.args;this.$u=r;var a=o[1];if(typeof a==`string`){var f=!0===o[2],h=!0===o[3],u=f||h,d=o[2];h&&(d=o[2]),s=this.$locale(),!f&&d&&(s=n.Ls[d]),this.$d=function(e,t,n,r){try{if([`x`,`X`].indexOf(t)>-1)return new Date((t===`X`?1e3:1)*e);var i=l(t)(e),o=i.year,s=i.month,a=i.day,f=i.hours,h=i.minutes,u=i.seconds,d=i.milliseconds,c=i.zone,m=i.week,M=new Date,Y=a||(o||s?1:M.getDate()),p=o||M.getFullYear(),v=0;o&&!s||(v=s>0?s-1:M.getMonth());var D,w=f||0,g=h||0,y=u||0,L=d||0;return c?new Date(Date.UTC(p,v,Y,w,g,y,L+60*c.offset*1e3)):n?new Date(Date.UTC(p,v,Y,w,g,y,L)):(D=new Date(p,v,Y,w,g,y,L),m&&(D=r(D).week(m).toDate()),D)}catch{return new Date(``)}}(t,a,r,n),this.init(),d&&!0!==d&&(this.$L=this.locale(d).$L),u&&t!=this.format(a)&&(this.$d=new Date(``)),s={}}else if(a instanceof Array)for(var c=a.length,m=1;m<=c;m+=1){o[1]=a[m-1];var M=n.apply(this,o);if(M.isValid()){this.$d=M.$d,this.$L=M.$L,this.init();break}m===c&&(this.$d=new Date(``))}else i.call(this,e)}}}))}));var require_isBetween=__commonJSMin(((exports,module)=>{(function(e,i){typeof exports==`object`&&module!==void 0?module.exports=i():typeof define==`function`&&define.amd?define(i):(e=typeof globalThis<`u`?globalThis:e||self).dayjs_plugin_isBetween=i()})(exports,(function(){return function(e,i,t){i.prototype.isBetween=function(e,i,s,f){var n=t(e),o=t(i),r=(f||=`()`)[0]===`(`,u=f[1]===`)`;return(r?this.isAfter(n,s):!this.isBefore(n,s))&&(u?this.isBefore(o,s):!this.isAfter(o,s))||(r?this.isBefore(n,s):!this.isAfter(n,s))&&(u?this.isAfter(o,s):!this.isBefore(o,s))}}}))}));var import_customParseFormat=__toESM(require_customParseFormat(),1);var import_isBetween=__toESM(require_isBetween(),1);var MazDatePicker_default=_plugin_vue_export_helper_default(defineComponent({inheritAttrs:!1,__name:`MazDatePicker`,props:mergeModels({id:{},style:{type:[Boolean,null,String,Object,Array]},class:{type:[Boolean,null,String,Object,Array]},inputProps:{},modelValue:{},format:{default:`YYYY-MM-DD`},open:{type:Boolean,default:!1},label:{},placeholder:{},inputDateFormat:{default:()=>({dateStyle:`medium`,timeStyle:`short`})},inputDateTransformer:{},locale:{},hideHeader:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},firstDayOfWeek:{default:0},autoClose:{type:Boolean,default:!1},customElementSelector:{},double:{type:Boolean,default:!1},inline:{type:Boolean,default:!1},color:{default:`primary`},pickerPosition:{default:`auto`},pickerPreferPosition:{default:`bottom-start`},pickerFallbackPosition:{default:`top-start`},time:{type:Boolean,default:!1},onlyTime:{type:Boolean,default:!1},minuteInterval:{default:5},useBrowserLocale:{type:Boolean,default:!0},fetchLocal:{type:Boolean,default:!0},shortcuts:{type:[Array,Boolean],default:!0},shortcut:{},minDate:{default:void 0},maxDate:{default:void 0},minMaxAuto:{type:Boolean,default:!0},disabledWeekly:{default:()=>[]},disabledDates:{default:()=>[]},disabledHours:{default:()=>[]},block:{type:Boolean},range:{type:Boolean,default:!1},transition:{default:`scale-fade`}},{locale:{default:void 0},localeModifiers:{},open:{default:!1},openModifiers:{}}),emits:mergeModels([`update:model-value`,`close`],[`update:locale`,`update:open`]),setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let{t,locale}=useTranslations();dayjs.extend(import_customParseFormat.default),dayjs.extend(import_isBetween.default);let MazInput=defineAsyncComponent(()=>import(`../components/MazInput.js`));let instanceId=useInstanceUniqId({componentName:`MazDatePicker`,providedId:props.id});function isRangeModelValue(value){return typeof value==`object`&&!!value}let currentValue=computed({get:()=>isRangeModelValue(props.modelValue)||props.range?{start:isRangeModelValue(props.modelValue)&&props.modelValue.start?dayjs(props.modelValue.start,props.format).format():void 0,end:isRangeModelValue(props.modelValue)&&props.modelValue.end?dayjs(props.modelValue.end,props.format).format():void 0}:typeof props.modelValue==`string`&&props.modelValue?dayjs(props.modelValue,props.format).format():void 0,set:value=>{if(props.disabled)return;emitValue(props.range&&!isRangeValue(value)?{start:value,end:void 0}:value);let isRangeMode=isRangeModelValue(value)||props.range;props.autoClose&&(!isRangeMode||isRangeMode&&isRangeModelValue(value)&&value.end)&&closeCalendar()}});let hasTime=computed(()=>props.time||props.onlyTime);let hasDouble=computed(()=>props.double&&!props.onlyTime);let hasDate=computed(()=>!props.onlyTime);let isRangeMode=computed(()=>isRangeModelValue(currentValue.value)||props.range);let internalShortcuts=computed(()=>!isRangeMode.value||props.shortcuts===!1?!1:props.shortcuts&&Array.isArray(props.shortcuts)?props.shortcuts:getDefaultsShortcuts({lastSevenDays:t(`datePicker.shortcuts.lastSevenDays`),lastThirtyDays:t(`datePicker.shortcuts.lastThirtyDays`),thisWeek:t(`datePicker.shortcuts.thisWeek`),lastWeek:t(`datePicker.shortcuts.lastWeek`),thisMonth:t(`datePicker.shortcuts.thisMonth`),thisYear:t(`datePicker.shortcuts.thisYear`),lastYear:t(`datePicker.shortcuts.lastYear`)}));let localeModel=useModel(__props,`locale`);localeModel.value=props.locale??locale.value;let containerUniqueId=computed(()=>`MazDatePickerContainer-${instanceId.value}`);let popoverRef=useTemplateRef(`popover`);onBeforeMount(()=>{isRangeMode.value&&hasTime.value&&console.error(`[maz-ui](MazDatePicker) You can't use time picker with range picker`),hasTime.value&&!(props.format.includes(`h`)||props.format.includes(`H`))&&console.error(`[maz-ui](MazDatePicker) When you use the time picker, you must provided a format with time - Ex: "YYYY-MM-DD HH:mm"`),props.format.includes(`h`)&&!(props.format.includes(`a`)||props.format.includes(`A`))&&console.error(`[maz-ui](MazDatePicker) if you use the 12 format "h" or "hh", you must add "a" or "A" at the end of the format - Ex: "YYYY-MM-DD hh:mm a"`)});function getCalendarDate(value){let baseDate=(isRangeModelValue(value)?value.start:value)??dayjs().format();return props.minDate&&dayjs(baseDate).isBefore(props.minDate)?props.minDate:props.maxDate&&dayjs(baseDate).isAfter(props.maxDate)?props.minDate??props.maxDate:baseDate}let calendarDate=ref(getCalendarDate(currentValue.value));let isHour12=computed(()=>props.format.includes(`a`)||props.format.includes(`A`)||props.format.includes(`h`));let formatterOptions=computed(()=>({...props.inputDateFormat,timeStyle:hasTime.value?props.inputDateFormat.timeStyle??`short`:void 0,hour12:hasTime.value?props.inputDateFormat.hour12??isHour12.value:void 0}));let inputValue=computed(()=>{if(!currentValue.value)return;let formattedDate;return props.onlyTime&&typeof currentValue.value==`string`&¤tValue.value?formattedDate=currentValue.value?formatDate(dayjs(currentValue.value).format(),localeModel.value,{timeStyle:formatterOptions.value.timeStyle,hour12:formatterOptions.value.hour12}):void 0:isRangeMode.value&&isRangeValue(currentValue.value)?formattedDate=getRangeFormattedDate({value:currentValue.value,locale:localeModel.value,options:formatterOptions.value}):typeof currentValue.value==`string`&¤tValue.value&&(formattedDate=getFormattedDate({value:dayjs(currentValue.value).format(),locale:localeModel.value,options:formatterOptions.value})),props.inputDateTransformer&&formattedDate?props.inputDateTransformer({formattedDate,value:props.modelValue,locale:localeModel.value}):formattedDate});let hasPickerOpen=useModel(__props,`open`);function closeCalendar(){popoverRef.value?.close(),emits(`close`)}function checkMinMaxValues(value){if(!(!props.minDate&&!props.maxDate)){if(!isRangeMode.value&&(typeof value==`string`&&value||!value)){let{newValue,newCurrentDate}=checkValueWithMinMaxDates({value,minDate:props.minDate,maxDate:props.maxDate,format:props.format,minMaxAuto:props.minMaxAuto});newValue&&emitValue(newValue),newCurrentDate&&setCalendarDate(newCurrentDate)}else if(isRangeMode.value&&isRangeValue(value)){let newStartValue=value.start;let newEndValue=value.end;if(value.start){let{newValue,newCurrentDate}=checkValueWithMinMaxDates({value:value.start,minDate:props.minDate,maxDate:props.maxDate,format:props.format,minMaxAuto:props.minMaxAuto});newValue&&(newStartValue=newValue),newCurrentDate&&setCalendarDate(newCurrentDate)}if(value.end){let{newValue}=checkValueWithMinMaxDates({value:value.end,minDate:props.minDate,maxDate:props.maxDate,format:props.format,minMaxAuto:props.minMaxAuto});newValue&&(newEndValue=newValue)}emitValue({start:newStartValue,end:newEndValue})}}}function setCalendarDate(value){value&&!dayjs(calendarDate.value).isSame(value,`month`)&&(calendarDate.value=value)}function emitValue(value){if(isRangeMode.value&&(isRangeModelValue(value)||value===void 0)){let newValue=getRangeISODate(value,props.format)??{start:void 0,end:void 0};emits(`update:model-value`,newValue),newValue.start&&setCalendarDate(newValue.start)}else (typeof value==`string`&&value||value===void 0)&&emits(`update:model-value`,getISODate(value,props.format))}return watch(()=>[currentValue.value,props.minDate,props.maxDate],(values,oldValues)=>{let value=values[0];let oldValue=oldValues?.[0];isRangeModelValue(value)&&(value.start||value.end)?(!oldValue||isRangeModelValue(oldValue)&&(oldValue.start!==value.start||oldValue.end!==value.end))&&(emitValue(value),checkMinMaxValues(value)):typeof value==`string`&&value&&value!==oldValue&&(emitValue(value),checkMinMaxValues(value))},{immediate:!0}),watch(()=>[currentValue.value,props.disabledWeekly,props.disabledDates],values=>{let value=values[0];let disabledWeekly=values[1];let disabledDates=values[2];isRangeModelValue(value)&&(value.start||value.end)?((value.start&&isValueDisabledWeekly({value:value.start,disabledWeekly})||value.start&&isValueDisabledDate({value:value.start,disabledDates})||value.end&&isValueDisabledWeekly({value:value.end,disabledWeekly})||value.end&&isValueDisabledDate({value:value.end,disabledDates}))&&(currentValue.value={start:void 0,end:void 0}),(value.end&&isValueDisabledWeekly({value:value.end,disabledWeekly})||value.end&&isValueDisabledDate({value:value.end,disabledDates}))&&(currentValue.value={start:value.start,end:void 0})):typeof value==`string`&&value&&(isValueDisabledWeekly({value,disabledWeekly})||isValueDisabledDate({value,disabledDates}))&&(currentValue.value=void 0)},{immediate:!0}),(_ctx,_cache)=>__props.inline?(openBlock(),createBlock(MazPickerContainer_default,{key:1,id:containerUniqueId.value,modelValue:currentValue.value,"onUpdate:modelValue":_cache[3]||=$event=>currentValue.value=$event,"calendar-date":calendarDate.value,"onUpdate:calendarDate":_cache[4]||=$event=>calendarDate.value=$event,color:__props.color,locale:localeModel.value,"has-date":hasDate.value,double:hasDouble.value,"has-time":hasTime.value,"formatter-options":formatterOptions.value,"hide-header":__props.hideHeader,"min-date":__props.minDate,format:__props.format,"is-hour12":isHour12.value,"max-date":__props.maxDate,"disabled-weekly":__props.disabledWeekly,inline:__props.inline,"first-day-of-week":__props.firstDayOfWeek,shortcuts:internalShortcuts.value,shortcut:__props.shortcut,disabled:__props.disabled,"disabled-hours":__props.disabledHours,"disabled-dates":__props.disabledDates,"minute-interval":__props.minuteInterval,range:isRangeMode.value,onClose:closeCalendar},null,8,[`id`,`modelValue`,`calendar-date`,`color`,`locale`,`has-date`,`double`,`has-time`,`formatter-options`,`hide-header`,`min-date`,`format`,`is-hour12`,`max-date`,`disabled-weekly`,`inline`,`first-day-of-week`,`shortcuts`,`shortcut`,`disabled`,`disabled-hours`,`disabled-dates`,`minute-interval`,`range`])):(openBlock(),createBlock(MazPopover_default,{key:0,id:`${unref(instanceId)}-popover`,ref:`popover`,modelValue:hasPickerOpen.value,"onUpdate:modelValue":_cache[2]||=$event=>hasPickerOpen.value=$event,class:normalizeClass([`m-date-picker m-reset-css`,[`m-date-picker--${__props.color}`,{"--is-open":hasPickerOpen.value,"--is-disabled":__props.disabled},props.class]]),style:normalizeStyle(__props.style),offset:0,trigger:`click`,transition:__props.transition,disabled:__props.disabled,block:__props.block,position:__props.pickerPosition,"prefer-position":__props.pickerPreferPosition,"fallback-position":__props.pickerFallbackPosition,"position-reference":`#${unref(instanceId)}-popover .m-input-wrapper`},{trigger:withCtx(({isOpen,close,open:openPicker,toggle:togglePicker})=>[renderSlot(_ctx.$slots,`trigger`,{isOpen,close,open:openPicker,toggle:togglePicker},()=>[withDirectives(createVNode(unref(MazInput),mergeProps({id:unref(instanceId),"model-value":inputValue.value,readonly:``},{...__props.inputProps,..._ctx.$attrs},{block:``,autocomplete:`off`,class:`m-date-picker__input`,label:__props.label,disabled:__props.disabled,placeholder:__props.placeholder,color:__props.color}),{"left-icon":withCtx(()=>[hasDate.value?(openBlock(),createBlock(unref(MazCalendar),{key:0,class:`maz-text-xl`})):hasTime.value?(openBlock(),createBlock(unref(MazClock),{key:1,class:`maz-text-xl`})):createCommentVNode(``,!0)]),"right-icon":withCtx(()=>[createVNode(unref(MazChevronDown),{class:`m-date-picker__button__chevron maz-text-lg`})]),_:1},16,[`id`,`model-value`,`label`,`disabled`,`placeholder`,`color`]),[[vShow,!__props.customElementSelector&&!__props.inline]])],!0)]),default:withCtx(()=>[createVNode(MazPickerContainer_default,{id:containerUniqueId.value,modelValue:currentValue.value,"onUpdate:modelValue":_cache[0]||=$event=>currentValue.value=$event,"calendar-date":calendarDate.value,"onUpdate:calendarDate":_cache[1]||=$event=>calendarDate.value=$event,color:__props.color,locale:localeModel.value,"has-date":hasDate.value,double:hasDouble.value,"has-time":hasTime.value,"formatter-options":formatterOptions.value,"hide-header":__props.hideHeader,"min-date":__props.minDate,format:__props.format,"is-hour12":isHour12.value,"max-date":__props.maxDate,"disabled-weekly":__props.disabledWeekly,inline:__props.inline,"first-day-of-week":__props.firstDayOfWeek,shortcuts:internalShortcuts.value,shortcut:__props.shortcut,disabled:__props.disabled,"disabled-hours":__props.disabledHours,"disabled-dates":__props.disabledDates,"minute-interval":__props.minuteInterval,range:isRangeMode.value,onClose:closeCalendar},null,8,[`id`,`modelValue`,`calendar-date`,`color`,`locale`,`has-date`,`double`,`has-time`,`formatter-options`,`hide-header`,`min-date`,`format`,`is-hour12`,`max-date`,`disabled-weekly`,`inline`,`first-day-of-week`,`shortcuts`,`shortcut`,`disabled`,`disabled-hours`,`disabled-dates`,`minute-interval`,`range`])]),_:3},8,[`id`,`modelValue`,`style`,`class`,`transition`,`disabled`,`block`,`position`,`prefer-position`,`fallback-position`,`position-reference`]))}}),[[`__scopeId`,`data-v-1dc4bd2f`]]);export{MazDatePicker_default as t};
|
|
1
|
+
import{a as getDefaultsShortcuts,c as getISODate,d as isRangeValue,g as isValueDisabledWeekly,h as isValueDisabledDate,l as getRangeFormattedDate,s as getFormattedDate,t as checkValueWithMinMaxDates,u as getRangeISODate,v as __commonJSMin,y as __toESM}from"./utils.B8bfGQxN.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as MazPopover_default}from"./MazPopover.CQ2wlHBw.js";import{t as MazPickerContainer_default}from"./MazPickerContainer.DiGs4rUB.js";import{computed,createBlock,createCommentVNode,createVNode,defineAsyncComponent,defineComponent,mergeModels,mergeProps,normalizeClass,normalizeStyle,onBeforeMount,openBlock,ref,renderSlot,unref,useModel,useTemplateRef,vShow,watch,withCtx,withDirectives}from"vue";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{MazChevronDown}from"@maz-ui/icons/static/MazChevronDown";import{MazCalendar}from"@maz-ui/icons/lazy/MazCalendar";import{MazClock}from"@maz-ui/icons/lazy/MazClock";import{formatDate}from"@maz-ui/utils/helpers/formatDate";import dayjs from"dayjs";import '../assets/MazDatePicker.C4xZKtSy.css';var require_customParseFormat=__commonJSMin(((exports,module)=>{(function(e,t){typeof exports==`object`&&module!==void 0?module.exports=t():typeof define==`function`&&define.amd?define(t):(e=typeof globalThis<`u`?globalThis:e||self).dayjs_plugin_customParseFormat=t()})(exports,(function(){var e={LTS:`h:mm:ss A`,LT:`h:mm A`,L:`MM/DD/YYYY`,LL:`MMMM D, YYYY`,LLL:`MMMM D, YYYY h:mm A`,LLLL:`dddd, MMMM D, YYYY h:mm A`},t=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,n=/\d/,r=/\d\d/,i=/\d\d?/,o=/\d*[^-_:/,()\s\d]+/,s={},a=function(e){return(e=+e)+(e>68?1900:2e3)};var f=function(e){return function(t){this[e]=+t}},h=[/[+-]\d\d:?(\d\d)?|Z/,function(e){(this.zone||={}).offset=function(e){if(!e||e===`Z`)return 0;var t=e.match(/([+-]|\d\d)/g),n=60*t[1]+(+t[2]||0);return n===0?0:t[0]===`+`?-n:n}(e)}],u=function(e){var t=s[e];return t&&(t.indexOf?t:t.s.concat(t.f))},d=function(e,t){var n,r=s.meridiem;if(r){for(var i=1;i<=24;i+=1)if(e.indexOf(r(i,0,t))>-1){n=i>12;break}}else n=e===(t?`pm`:`PM`);return n},c={A:[o,function(e){this.afternoon=d(e,!1)}],a:[o,function(e){this.afternoon=d(e,!0)}],Q:[n,function(e){this.month=3*(e-1)+1}],S:[n,function(e){this.milliseconds=100*e}],SS:[r,function(e){this.milliseconds=10*e}],SSS:[/\d{3}/,function(e){this.milliseconds=+e}],s:[i,f(`seconds`)],ss:[i,f(`seconds`)],m:[i,f(`minutes`)],mm:[i,f(`minutes`)],H:[i,f(`hours`)],h:[i,f(`hours`)],HH:[i,f(`hours`)],hh:[i,f(`hours`)],D:[i,f(`day`)],DD:[r,f(`day`)],Do:[o,function(e){var t=s.ordinal;if(this.day=e.match(/\d+/)[0],t)for(var r=1;r<=31;r+=1)t(r).replace(/\[|\]/g,``)===e&&(this.day=r)}],w:[i,f(`week`)],ww:[r,f(`week`)],M:[i,f(`month`)],MM:[r,f(`month`)],MMM:[o,function(e){var t=u(`months`),n=(u(`monthsShort`)||t.map((function(e){return e.slice(0,3)}))).indexOf(e)+1;if(n<1)throw Error();this.month=n%12||n}],MMMM:[o,function(e){var t=u(`months`).indexOf(e)+1;if(t<1)throw Error();this.month=t%12||t}],Y:[/[+-]?\d+/,f(`year`)],YY:[r,function(e){this.year=a(e)}],YYYY:[/\d{4}/,f(`year`)],Z:h,ZZ:h};function l(n){for(var r=n,i=s&&s.formats,o=(n=r.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,n,r){var o=r&&r.toUpperCase();return n||i[r]||e[r]||i[o].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(e,t,n){return t||n.slice(1)}))}))).match(t),a=o.length,f=0;f<a;f+=1){var h=o[f],u=c[h],d=u&&u[0],l=u&&u[1];o[f]=l?{regex:d,parser:l}:h.replace(/^\[|\]$/g,``)}return function(e){for(var t={},n=0,r=0;n<a;n+=1){var i=o[n];if(typeof i==`string`)r+=i.length;else{var s=i.regex,f=i.parser,h=e.slice(r),u=s.exec(h)[0];f.call(t,u),e=e.replace(u,``)}}return function(e){var t=e.afternoon;if(t!==void 0){var n=e.hours;t?n<12&&(e.hours+=12):n===12&&(e.hours=0),delete e.afternoon}}(t),t}}return function(e,t,n){n.p.customParseFormat=!0,e&&e.parseTwoDigitYear&&(a=e.parseTwoDigitYear);var r=t.prototype,i=r.parse;r.parse=function(e){var t=e.date,r=e.utc,o=e.args;this.$u=r;var a=o[1];if(typeof a==`string`){var f=!0===o[2],h=!0===o[3],u=f||h,d=o[2];h&&(d=o[2]),s=this.$locale(),!f&&d&&(s=n.Ls[d]),this.$d=function(e,t,n,r){try{if([`x`,`X`].indexOf(t)>-1)return new Date((t===`X`?1e3:1)*e);var i=l(t)(e),o=i.year,s=i.month,a=i.day,f=i.hours,h=i.minutes,u=i.seconds,d=i.milliseconds,c=i.zone,m=i.week,M=new Date,Y=a||(o||s?1:M.getDate()),p=o||M.getFullYear(),v=0;o&&!s||(v=s>0?s-1:M.getMonth());var D,w=f||0,g=h||0,y=u||0,L=d||0;return c?new Date(Date.UTC(p,v,Y,w,g,y,L+60*c.offset*1e3)):n?new Date(Date.UTC(p,v,Y,w,g,y,L)):(D=new Date(p,v,Y,w,g,y,L),m&&(D=r(D).week(m).toDate()),D)}catch{return new Date(``)}}(t,a,r,n),this.init(),d&&!0!==d&&(this.$L=this.locale(d).$L),u&&t!=this.format(a)&&(this.$d=new Date(``)),s={}}else if(a instanceof Array)for(var c=a.length,m=1;m<=c;m+=1){o[1]=a[m-1];var M=n.apply(this,o);if(M.isValid()){this.$d=M.$d,this.$L=M.$L,this.init();break}m===c&&(this.$d=new Date(``))}else i.call(this,e)}}}))}));var require_isBetween=__commonJSMin(((exports,module)=>{(function(e,i){typeof exports==`object`&&module!==void 0?module.exports=i():typeof define==`function`&&define.amd?define(i):(e=typeof globalThis<`u`?globalThis:e||self).dayjs_plugin_isBetween=i()})(exports,(function(){return function(e,i,t){i.prototype.isBetween=function(e,i,s,f){var n=t(e),o=t(i),r=(f||=`()`)[0]===`(`,u=f[1]===`)`;return(r?this.isAfter(n,s):!this.isBefore(n,s))&&(u?this.isBefore(o,s):!this.isAfter(o,s))||(r?this.isBefore(n,s):!this.isAfter(n,s))&&(u?this.isAfter(o,s):!this.isBefore(o,s))}}}))}));var import_customParseFormat=__toESM(require_customParseFormat(),1);var import_isBetween=__toESM(require_isBetween(),1);var MazDatePicker_default=_plugin_vue_export_helper_default(defineComponent({inheritAttrs:!1,__name:`MazDatePicker`,props:mergeModels({id:{},style:{type:[Boolean,null,String,Object,Array]},class:{type:[Boolean,null,String,Object,Array]},inputProps:{},modelValue:{},format:{default:`YYYY-MM-DD`},open:{type:Boolean,default:!1},label:{},placeholder:{},inputDateFormat:{default:()=>({dateStyle:`medium`,timeStyle:`short`})},inputDateTransformer:{},locale:{},hideHeader:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},firstDayOfWeek:{default:0},autoClose:{type:Boolean,default:!1},customElementSelector:{},double:{type:Boolean,default:!1},inline:{type:Boolean,default:!1},color:{default:`primary`},pickerPosition:{default:`auto`},pickerPreferPosition:{default:`bottom-start`},pickerFallbackPosition:{default:`top-start`},time:{type:Boolean,default:!1},onlyTime:{type:Boolean,default:!1},minuteInterval:{default:5},useBrowserLocale:{type:Boolean,default:!0},fetchLocal:{type:Boolean,default:!0},shortcuts:{type:[Array,Boolean],default:!0},shortcut:{},minDate:{default:void 0},maxDate:{default:void 0},minMaxAuto:{type:Boolean,default:!0},disabledWeekly:{default:()=>[]},disabledDates:{default:()=>[]},disabledHours:{default:()=>[]},block:{type:Boolean},range:{type:Boolean,default:!1},transition:{default:`scale-fade`}},{locale:{default:void 0},localeModifiers:{},open:{default:!1},openModifiers:{}}),emits:mergeModels([`update:model-value`,`close`],[`update:locale`,`update:open`]),setup(__props,{emit:__emit}){let props=__props;let emits=__emit;let{t,locale}=useTranslations();dayjs.extend(import_customParseFormat.default),dayjs.extend(import_isBetween.default);let MazInput=defineAsyncComponent(()=>import(`../components/MazInput.js`));let instanceId=useInstanceUniqId({componentName:`MazDatePicker`,providedId:props.id});function isRangeModelValue(value){return typeof value==`object`&&!!value}let currentValue=computed({get:()=>isRangeModelValue(props.modelValue)||props.range?{start:isRangeModelValue(props.modelValue)&&props.modelValue.start?dayjs(props.modelValue.start,props.format).format():void 0,end:isRangeModelValue(props.modelValue)&&props.modelValue.end?dayjs(props.modelValue.end,props.format).format():void 0}:typeof props.modelValue==`string`&&props.modelValue?dayjs(props.modelValue,props.format).format():void 0,set:value=>{if(props.disabled)return;emitValue(props.range&&!isRangeValue(value)?{start:value,end:void 0}:value);let isRangeMode=isRangeModelValue(value)||props.range;props.autoClose&&(!isRangeMode||isRangeMode&&isRangeModelValue(value)&&value.end)&&closeCalendar()}});let hasTime=computed(()=>props.time||props.onlyTime);let hasDouble=computed(()=>props.double&&!props.onlyTime);let hasDate=computed(()=>!props.onlyTime);let isRangeMode=computed(()=>isRangeModelValue(currentValue.value)||props.range);let internalShortcuts=computed(()=>!isRangeMode.value||props.shortcuts===!1?!1:props.shortcuts&&Array.isArray(props.shortcuts)?props.shortcuts:getDefaultsShortcuts({lastSevenDays:t(`datePicker.shortcuts.lastSevenDays`),lastThirtyDays:t(`datePicker.shortcuts.lastThirtyDays`),thisWeek:t(`datePicker.shortcuts.thisWeek`),lastWeek:t(`datePicker.shortcuts.lastWeek`),thisMonth:t(`datePicker.shortcuts.thisMonth`),thisYear:t(`datePicker.shortcuts.thisYear`),lastYear:t(`datePicker.shortcuts.lastYear`)}));let localeModel=useModel(__props,`locale`);localeModel.value=props.locale??locale.value;let containerUniqueId=computed(()=>`MazDatePickerContainer-${instanceId.value}`);let popoverRef=useTemplateRef(`popover`);onBeforeMount(()=>{isRangeMode.value&&hasTime.value&&console.error(`[maz-ui](MazDatePicker) You can't use time picker with range picker`),hasTime.value&&!(props.format.includes(`h`)||props.format.includes(`H`))&&console.error(`[maz-ui](MazDatePicker) When you use the time picker, you must provided a format with time - Ex: "YYYY-MM-DD HH:mm"`),props.format.includes(`h`)&&!(props.format.includes(`a`)||props.format.includes(`A`))&&console.error(`[maz-ui](MazDatePicker) if you use the 12 format "h" or "hh", you must add "a" or "A" at the end of the format - Ex: "YYYY-MM-DD hh:mm a"`)});function getCalendarDate(value){let baseDate=(isRangeModelValue(value)?value.start:value)??dayjs().format();return props.minDate&&dayjs(baseDate).isBefore(props.minDate)?props.minDate:props.maxDate&&dayjs(baseDate).isAfter(props.maxDate)?props.minDate??props.maxDate:baseDate}let calendarDate=ref(getCalendarDate(currentValue.value));let isHour12=computed(()=>props.format.includes(`a`)||props.format.includes(`A`)||props.format.includes(`h`));let formatterOptions=computed(()=>({...props.inputDateFormat,timeStyle:hasTime.value?props.inputDateFormat.timeStyle??`short`:void 0,hour12:hasTime.value?props.inputDateFormat.hour12??isHour12.value:void 0}));let inputValue=computed(()=>{if(!currentValue.value)return;let formattedDate;return props.onlyTime&&typeof currentValue.value==`string`&¤tValue.value?formattedDate=currentValue.value?formatDate(dayjs(currentValue.value).format(),localeModel.value,{timeStyle:formatterOptions.value.timeStyle,hour12:formatterOptions.value.hour12}):void 0:isRangeMode.value&&isRangeValue(currentValue.value)?formattedDate=getRangeFormattedDate({value:currentValue.value,locale:localeModel.value,options:formatterOptions.value}):typeof currentValue.value==`string`&¤tValue.value&&(formattedDate=getFormattedDate({value:dayjs(currentValue.value).format(),locale:localeModel.value,options:formatterOptions.value})),props.inputDateTransformer&&formattedDate?props.inputDateTransformer({formattedDate,value:props.modelValue,locale:localeModel.value}):formattedDate});let hasPickerOpen=useModel(__props,`open`);function closeCalendar(){popoverRef.value?.close(),emits(`close`)}function checkMinMaxValues(value){if(!(!props.minDate&&!props.maxDate)){if(!isRangeMode.value&&(typeof value==`string`&&value||!value)){let{newValue,newCurrentDate}=checkValueWithMinMaxDates({value,minDate:props.minDate,maxDate:props.maxDate,format:props.format,minMaxAuto:props.minMaxAuto});newValue&&emitValue(newValue),newCurrentDate&&setCalendarDate(newCurrentDate)}else if(isRangeMode.value&&isRangeValue(value)){let newStartValue=value.start;let newEndValue=value.end;if(value.start){let{newValue,newCurrentDate}=checkValueWithMinMaxDates({value:value.start,minDate:props.minDate,maxDate:props.maxDate,format:props.format,minMaxAuto:props.minMaxAuto});newValue&&(newStartValue=newValue),newCurrentDate&&setCalendarDate(newCurrentDate)}if(value.end){let{newValue}=checkValueWithMinMaxDates({value:value.end,minDate:props.minDate,maxDate:props.maxDate,format:props.format,minMaxAuto:props.minMaxAuto});newValue&&(newEndValue=newValue)}emitValue({start:newStartValue,end:newEndValue})}}}function setCalendarDate(value){value&&!dayjs(calendarDate.value).isSame(value,`month`)&&(calendarDate.value=value)}function emitValue(value){if(isRangeMode.value&&(isRangeModelValue(value)||value===void 0)){let newValue=getRangeISODate(value,props.format)??{start:void 0,end:void 0};emits(`update:model-value`,newValue),newValue.start&&setCalendarDate(newValue.start)}else (typeof value==`string`&&value||value===void 0)&&emits(`update:model-value`,getISODate(value,props.format))}return watch(()=>[currentValue.value,props.minDate,props.maxDate],(values,oldValues)=>{let value=values[0];let oldValue=oldValues?.[0];isRangeModelValue(value)&&(value.start||value.end)?(!oldValue||isRangeModelValue(oldValue)&&(oldValue.start!==value.start||oldValue.end!==value.end))&&(emitValue(value),checkMinMaxValues(value)):typeof value==`string`&&value&&value!==oldValue&&(emitValue(value),checkMinMaxValues(value))},{immediate:!0}),watch(()=>[currentValue.value,props.disabledWeekly,props.disabledDates],values=>{let value=values[0];let disabledWeekly=values[1];let disabledDates=values[2];isRangeModelValue(value)&&(value.start||value.end)?((value.start&&isValueDisabledWeekly({value:value.start,disabledWeekly})||value.start&&isValueDisabledDate({value:value.start,disabledDates})||value.end&&isValueDisabledWeekly({value:value.end,disabledWeekly})||value.end&&isValueDisabledDate({value:value.end,disabledDates}))&&(currentValue.value={start:void 0,end:void 0}),(value.end&&isValueDisabledWeekly({value:value.end,disabledWeekly})||value.end&&isValueDisabledDate({value:value.end,disabledDates}))&&(currentValue.value={start:value.start,end:void 0})):typeof value==`string`&&value&&(isValueDisabledWeekly({value,disabledWeekly})||isValueDisabledDate({value,disabledDates}))&&(currentValue.value=void 0)},{immediate:!0}),(_ctx,_cache)=>__props.inline?(openBlock(),createBlock(MazPickerContainer_default,{key:1,id:containerUniqueId.value,modelValue:currentValue.value,"onUpdate:modelValue":_cache[3]||=$event=>currentValue.value=$event,"calendar-date":calendarDate.value,"onUpdate:calendarDate":_cache[4]||=$event=>calendarDate.value=$event,color:__props.color,locale:localeModel.value,"has-date":hasDate.value,double:hasDouble.value,"has-time":hasTime.value,"formatter-options":formatterOptions.value,"hide-header":__props.hideHeader,"min-date":__props.minDate,format:__props.format,"is-hour12":isHour12.value,"max-date":__props.maxDate,"disabled-weekly":__props.disabledWeekly,inline:__props.inline,"first-day-of-week":__props.firstDayOfWeek,shortcuts:internalShortcuts.value,shortcut:__props.shortcut,disabled:__props.disabled,"disabled-hours":__props.disabledHours,"disabled-dates":__props.disabledDates,"minute-interval":__props.minuteInterval,range:isRangeMode.value,onClose:closeCalendar},null,8,[`id`,`modelValue`,`calendar-date`,`color`,`locale`,`has-date`,`double`,`has-time`,`formatter-options`,`hide-header`,`min-date`,`format`,`is-hour12`,`max-date`,`disabled-weekly`,`inline`,`first-day-of-week`,`shortcuts`,`shortcut`,`disabled`,`disabled-hours`,`disabled-dates`,`minute-interval`,`range`])):(openBlock(),createBlock(MazPopover_default,{key:0,id:`${unref(instanceId)}-popover`,ref:`popover`,modelValue:hasPickerOpen.value,"onUpdate:modelValue":_cache[2]||=$event=>hasPickerOpen.value=$event,class:normalizeClass([`m-date-picker m-reset-css`,[`m-date-picker--${__props.color}`,{"--is-open":hasPickerOpen.value,"--is-disabled":__props.disabled},props.class]]),style:normalizeStyle(__props.style),offset:0,trigger:`click`,transition:__props.transition,disabled:__props.disabled,block:__props.block,position:__props.pickerPosition,"prefer-position":__props.pickerPreferPosition,"fallback-position":__props.pickerFallbackPosition,"position-reference":`#${unref(instanceId)}-popover .m-input-wrapper`},{trigger:withCtx(({isOpen,close,open:openPicker,toggle:togglePicker})=>[renderSlot(_ctx.$slots,`trigger`,{isOpen,close,open:openPicker,toggle:togglePicker},()=>[withDirectives(createVNode(unref(MazInput),mergeProps({id:unref(instanceId),"model-value":inputValue.value,readonly:``},{...__props.inputProps,..._ctx.$attrs},{block:``,autocomplete:`off`,class:`m-date-picker__input`,label:__props.label,disabled:__props.disabled,placeholder:__props.placeholder,color:__props.color}),{"left-icon":withCtx(()=>[hasDate.value?(openBlock(),createBlock(unref(MazCalendar),{key:0,class:`maz-text-xl`})):hasTime.value?(openBlock(),createBlock(unref(MazClock),{key:1,class:`maz-text-xl`})):createCommentVNode(``,!0)]),"right-icon":withCtx(()=>[createVNode(unref(MazChevronDown),{class:`m-date-picker__button__chevron maz-text-lg`})]),_:1},16,[`id`,`model-value`,`label`,`disabled`,`placeholder`,`color`]),[[vShow,!__props.customElementSelector&&!__props.inline]])],!0)]),default:withCtx(()=>[createVNode(MazPickerContainer_default,{id:containerUniqueId.value,modelValue:currentValue.value,"onUpdate:modelValue":_cache[0]||=$event=>currentValue.value=$event,"calendar-date":calendarDate.value,"onUpdate:calendarDate":_cache[1]||=$event=>calendarDate.value=$event,color:__props.color,locale:localeModel.value,"has-date":hasDate.value,double:hasDouble.value,"has-time":hasTime.value,"formatter-options":formatterOptions.value,"hide-header":__props.hideHeader,"min-date":__props.minDate,format:__props.format,"is-hour12":isHour12.value,"max-date":__props.maxDate,"disabled-weekly":__props.disabledWeekly,inline:__props.inline,"first-day-of-week":__props.firstDayOfWeek,shortcuts:internalShortcuts.value,shortcut:__props.shortcut,disabled:__props.disabled,"disabled-hours":__props.disabledHours,"disabled-dates":__props.disabledDates,"minute-interval":__props.minuteInterval,range:isRangeMode.value,onClose:closeCalendar},null,8,[`id`,`modelValue`,`calendar-date`,`color`,`locale`,`has-date`,`double`,`has-time`,`formatter-options`,`hide-header`,`min-date`,`format`,`is-hour12`,`max-date`,`disabled-weekly`,`inline`,`first-day-of-week`,`shortcuts`,`shortcut`,`disabled`,`disabled-hours`,`disabled-dates`,`minute-interval`,`range`])]),_:3},8,[`id`,`modelValue`,`style`,`class`,`transition`,`disabled`,`block`,`position`,`prefer-position`,`fallback-position`,`position-reference`]))}}),[[`__scopeId`,`data-v-1dc4bd2f`]]);export{MazDatePicker_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as MazBackdrop_default}from"./MazBackdrop.
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as MazBackdrop_default}from"./MazBackdrop.B2_glRzR.js";import{computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createPropsRestProxy,createTextVNode,defineAsyncComponent,defineComponent,mergeProps,nextTick,normalizeClass,openBlock,ref,renderSlot,toDisplayString,unref,useAttrs,useSlots,watch,withCtx}from"vue";import{MazXMark}from"@maz-ui/icons/static/MazXMark";import '../assets/MazDialog.C-ko5AzT.css';var _hoisted_1={key:0,id:`dialogTitle`,class:`m-dialog-title`};var _hoisted_2={key:0,class:`m-dialog-footer`};var MazDialog_default=_plugin_vue_export_helper_default(defineComponent({name:`MazDialog`,inheritAttrs:!1,__name:`MazDialog`,props:{modelValue:{type:Boolean},title:{},hideCloseButton:{type:Boolean},maxWidth:{default:`100%`},minWidth:{default:`32rem`},scrollable:{type:Boolean},persistent:{type:Boolean},teleportSelector:{},beforeClose:{type:Function},closeOnEscape:{type:Boolean,default:!0},transitionName:{},backdropClass:{type:[Boolean,null,String,Object,Array]},backdropContentClass:{type:[Boolean,null,String,Object,Array]},contentPadding:{type:Boolean},justify:{},align:{},variant:{},ariaLabelledby:{},ariaDescribedby:{}},emits:[`open`,`close`,`update:model-value`],setup(__props,{expose:__expose}){let backdropProps=createPropsRestProxy(__props,[`modelValue`,`maxWidth`,`minWidth`,`scrollable`,`closeOnEscape`]);let MazBtn=defineAsyncComponent(()=>import(`../components/MazBtn.js`));let attrs=useAttrs();let backdrop=ref();__expose({close:()=>backdrop.value?.close?.()});let wrapperAttrs=computed(()=>({class:attrs.class,style:attrs.style}));let dialogContent=ref();let slots=useSlots();let hasFooter=computed(()=>!!slots.footer);return __props.scrollable&&watch(()=>__props.modelValue,async newVal=>{await nextTick(),newVal&&dialogContent.value&&setTimeout(()=>{dialogContent.value?.scrollTo({top:0,behavior:`instant`})},0)}),(_ctx,_cache)=>(openBlock(),createBlock(MazBackdrop_default,mergeProps(backdropProps,{ref_key:`backdrop`,ref:backdrop,"model-value":__props.modelValue,"transition-name":`modal-anim`,"aria-labelledby":`dialogTitle`,"aria-describedby":`dialogDesc`,"close-on-escape":__props.closeOnEscape,"content-padding":``,persistent:__props.persistent,justify:`center`,variant:`dialog`,onClose:_cache[0]||=$event=>_ctx.$emit(`close`,$event),onOpen:_cache[1]||=$event=>_ctx.$emit(`open`,$event),"onUpdate:modelValue":_cache[2]||=$event=>_ctx.$emit(`update:model-value`,$event)}),{default:withCtx(({close})=>[createElementVNode(`div`,mergeProps({class:[`m-dialog`,{"--scrollable":__props.scrollable}],role:`dialog`,"aria-modal":`true`,style:[{"--max-width":__props.maxWidth,"--min-width":__props.minWidth}]},wrapperAttrs.value),[renderSlot(_ctx.$slots,`header`,{close},()=>[createElementVNode(`div`,{class:normalizeClass([`m-dialog-header`,{"--has-title":_ctx.$slots.title||__props.title}])},[_ctx.$slots.title||__props.title?(openBlock(),createElementBlock(`h2`,_hoisted_1,[renderSlot(_ctx.$slots,`title`,{},()=>[createTextVNode(toDisplayString(__props.title),1)],!0)])):createCommentVNode(``,!0),!__props.hideCloseButton&&!__props.persistent?(openBlock(),createBlock(unref(MazBtn),{key:1,color:`transparent`,size:`sm`,icon:unref(MazXMark),onClick:close},null,8,[`icon`,`onClick`])):createCommentVNode(``,!0)],2)],!0),createElementVNode(`div`,{id:`dialogDesc`,ref_key:`dialogContent`,ref:dialogContent,class:normalizeClass([`m-dialog-content`,{"--bottom-padding":!hasFooter.value}])},[renderSlot(_ctx.$slots,`default`,{close},void 0,!0)],2),hasFooter.value?(openBlock(),createElementBlock(`div`,_hoisted_2,[renderSlot(_ctx.$slots,`footer`,{close},void 0,!0)])):createCommentVNode(``,!0)],16)]),_:3},16,[`model-value`,`close-on-escape`,`persistent`]))}}),[[`__scopeId`,`data-v-3eaff788`]]);export{MazDialog_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as MazDialog_default}from"./MazDialog.
|
|
1
|
+
import{t as MazDialog_default}from"./MazDialog.CYYhj4tn.js";import{Fragment,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createPropsRestProxy,createTextVNode,defineAsyncComponent,defineComponent,mergeProps,openBlock,ref,renderList,renderSlot,toDisplayString,unref,withCtx}from"vue";var defaultData={buttons:void 0,acceptText:`Confirm`,hideAcceptButton:!1,acceptProps:{color:`success`,type:`accept`,response:`accept`},rejectText:`Cancel`,hideRejectButton:!1,rejectProps:{color:`destructive`,type:`reject`,response:`reject`}};var data=ref(defaultData);var dialogState=ref([]);function showDialogAndWaitChoice(identifier,callback){return new Promise((resolve,reject)=>{dialogState.value=[...dialogState.value,{id:identifier,isActive:!0,accept:async response=>{resolve(response),await callback?.()},reject:async response=>{reject(response),await callback?.()}}]})}function removeDialogFromState(identifier){return dialogState.value=dialogState.value.filter(({id})=>id!==identifier),dialogState.value}function responseDialog(type,currentDialog,response){if(currentDialog)return currentDialog[type]?.(response),currentDialog.isActive=!1,setTimeout(()=>{removeDialogFromState(currentDialog.id)},500),response}function useMazDialogConfirm(){return{data,dialogState,showDialogAndWaitChoice,removeDialogFromState,reject:async(currentDialog,response=`reject`,onClick)=>(await onClick?.(),responseDialog(`reject`,currentDialog,response)),accept:async(currentDialog,response=`accept`,onClick)=>(await onClick?.(),responseDialog(`accept`,currentDialog,response))}}var _hoisted_1={class:`maz-flex maz-items-center maz-gap-2`};var MazDialogConfirm_default=defineComponent({__name:`MazDialogConfirm`,props:{identifier:{},title:{},message:{},rejectText:{},rejectProps:{},hideRejectButton:{type:Boolean},acceptText:{},acceptProps:{},hideAcceptButton:{type:Boolean},buttons:{},modelValue:{type:Boolean},hideCloseButton:{type:Boolean},maxWidth:{},minWidth:{},scrollable:{type:Boolean},persistent:{type:Boolean},teleportSelector:{},beforeClose:{type:Function},closeOnEscape:{type:Boolean,default:!0},transitionName:{},backdropClass:{type:[Boolean,null,String,Object,Array]},backdropContentClass:{type:[Boolean,null,String,Object,Array]},contentPadding:{type:Boolean},justify:{},align:{},variant:{},ariaLabelledby:{},ariaDescribedby:{}},emits:[`open`,`close`],setup(__props,{expose:__expose}){let dialogProps=createPropsRestProxy(__props,[`identifier`,`message`,`buttons`,`title`,`modelValue`,`closeOnEscape`,`rejectText`,`acceptText`,`rejectProps`,`acceptProps`,`hideRejectButton`,`hideAcceptButton`]);let MazBtn=defineAsyncComponent(()=>import(`../components/MazBtn.js`));let{dialogState,reject,accept,data}=useMazDialogConfirm();let currentData=computed(()=>{let baseData={...defaultData,...data.value,hideAcceptButton:data.value.hideAcceptButton??defaultData.hideAcceptButton,hideRejectButton:data.value.hideRejectButton??defaultData.hideRejectButton,acceptProps:{...defaultData.acceptProps,...data.value.acceptProps,text:__props.acceptText??data.value.acceptText??data.value.acceptProps?.text??defaultData.acceptText,type:data.value.acceptProps?.type??defaultData.acceptProps.type},rejectProps:{...defaultData.rejectProps,...data.value.rejectProps,text:__props.rejectText??data.value.rejectText??data.value.rejectProps?.text??defaultData.rejectText,type:data.value.rejectProps?.type??defaultData.rejectProps.type}};return{...baseData,acceptText:__props.acceptText??baseData.acceptText,rejectText:__props.rejectText??baseData.rejectText,hideAcceptButton:__props.hideAcceptButton??baseData.hideAcceptButton,hideRejectButton:__props.hideRejectButton??baseData.hideRejectButton,acceptProps:{...baseData.acceptProps,...__props.acceptProps,text:__props.acceptText??__props.acceptProps?.text??baseData.acceptText??baseData.acceptProps.text},rejectProps:{...baseData.rejectProps,...__props.rejectProps,text:__props.rejectText??__props.rejectProps?.text??baseData.rejectText??baseData.rejectProps?.text}}});let currentButtons=computed(()=>__props.buttons??currentData.value.buttons);let currentModal=computed(()=>dialogState.value.find(({id})=>id===__props.identifier));let dialog=ref();__expose({close:()=>dialog.value?.close?.(),isActive:computed(()=>currentModal.value?.isActive??__props.modelValue??!1)});function isPromiseButton(button){return button?`type`in button&&(button.type===`accept`||button.type===`reject`):!1}function buttonClick(currentModal,button){return isPromiseButton(button)?button.type===`accept`?accept(currentModal,button.response):reject(currentModal,button.response):accept(currentModal,void 0,button.onClick)}return(_ctx,_cache)=>(openBlock(),createBlock(MazDialog_default,mergeProps({ref_key:`dialog`,ref:dialog},{..._ctx.$attrs,...dialogProps},{"close-on-escape":__props.closeOnEscape,"model-value":currentModal.value?.isActive??__props.modelValue??!1,onClose:_cache[2]||=$event=>_ctx.$emit(`close`,$event),onOpen:_cache[3]||=$event=>_ctx.$emit(`open`,$event),"onUpdate:modelValue":_cache[4]||=$event=>unref(reject)(currentModal.value)}),{title:withCtx(()=>[renderSlot(_ctx.$slots,`title`,{},()=>[createTextVNode(toDisplayString(__props.title||currentData.value?.title),1)])]),default:withCtx(()=>[renderSlot(_ctx.$slots,`default`,{accept:reason=>unref(accept)(currentModal.value,reason),reject:reason=>unref(reject)(currentModal.value,reason)},()=>[createTextVNode(toDisplayString(__props.message||currentData.value?.message),1)])]),footer:withCtx(()=>[renderSlot(_ctx.$slots,`footer-button`,{accept:reason=>unref(accept)(currentModal.value,reason),reject:reason=>unref(reject)(currentModal.value,reason)},()=>[createElementVNode(`div`,_hoisted_1,[currentButtons.value?(openBlock(!0),createElementBlock(Fragment,{key:0},renderList(currentButtons.value,(button,i)=>(openBlock(),createBlock(unref(MazBtn),mergeProps({key:i},{ref_for:!0},{...button,onClick:void 0,type:`button`},{onClick:$event=>buttonClick(currentModal.value,button)}),{default:withCtx(()=>[createTextVNode(toDisplayString(button.text),1)]),_:2},1040,[`onClick`]))),128)):(openBlock(),createElementBlock(Fragment,{key:1},[currentData.value.hideAcceptButton?createCommentVNode(``,!0):(openBlock(),createBlock(unref(MazBtn),mergeProps({key:0},{...currentData.value.acceptProps,type:`button`,text:currentData.value.acceptText??currentData.value.acceptProps?.text},{onClick:_cache[0]||=$event=>isPromiseButton(currentData.value.acceptProps)?unref(accept)(currentModal.value,currentData.value.acceptProps.response):currentData.value.acceptProps?.onClick?.()}),null,16)),currentData.value.hideRejectButton?createCommentVNode(``,!0):(openBlock(),createBlock(unref(MazBtn),mergeProps({key:1},{...currentData.value.rejectProps,type:`button`,onClick:void 0,text:currentData.value.rejectText??currentData.value.rejectProps?.text},{onClick:_cache[1]||=$event=>isPromiseButton(currentData.value.rejectProps)?unref(reject)(currentModal.value,currentData.value.rejectProps.response):currentData.value.rejectProps?.onClick?.()}),null,16))],64))])])]),_:3},16,[`close-on-escape`,`model-value`]))}});export{useMazDialogConfirm as n,MazDialogConfirm_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as MazBackdrop_default}from"./MazBackdrop.
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as MazBackdrop_default}from"./MazBackdrop.B2_glRzR.js";import{computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineAsyncComponent,defineComponent,normalizeClass,normalizeStyle,openBlock,renderSlot,toDisplayString,unref,useSlots,withCtx}from"vue";import{MazXMark}from"@maz-ui/icons/static/MazXMark";import '../assets/MazDrawer.DqFQWaPi.css';var _hoisted_1={class:`m-drawer-header__title`};var _hoisted_2={key:0,class:`m-drawer-header__close`};var _hoisted_3={class:`m-drawer-body`};var MazDrawer_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazDrawer`,props:{title:{default:void 0},variant:{default:`right`},size:{default:`30rem`},backdropClass:{default:void 0},hideCloseButton:{type:Boolean}},emits:[`before-close`,`open`,`close`,`update:model-value`],setup(__props){let props=__props;let MazBtn=defineAsyncComponent(()=>import(`../components/MazBtn.js`));let justify=computed(()=>props.variant===`left`?`start`:props.variant===`right`?`end`:`none`);let align=computed(()=>props.variant===`top`?`start`:props.variant===`bottom`?`end`:`none`);let slots=useSlots();let hasTitle=computed(()=>!!(props.title||slots.title));return(_ctx,_cache)=>(openBlock(),createBlock(MazBackdrop_default,{"backdrop-class":[`m-drawer`,__props.backdropClass],justify:justify.value,align:align.value,variant:`drawer`,"transition-name":`drawer-anim-${__props.variant}`,onClose:_cache[0]||=$event=>_ctx.$emit(`close`),onOpen:_cache[1]||=$event=>_ctx.$emit(`open`),onBeforeClose:_cache[2]||=$event=>_ctx.$emit(`before-close`),"onUpdate:modelValue":_cache[3]||=$event=>_ctx.$emit(`update:model-value`,$event)},{default:withCtx(({close})=>[createElementVNode(`div`,{class:normalizeClass([`m-drawer-content-wrap`,[`--${__props.variant}`]]),style:normalizeStyle({"--maz-drawer-size":__props.size})},[createElementVNode(`header`,{class:normalizeClass([`m-drawer-header`,[hasTitle.value?`--justify-between`:`--justify-end`]])},[createElementVNode(`h4`,_hoisted_1,[renderSlot(_ctx.$slots,`title`,{close},()=>[createTextVNode(toDisplayString(__props.title),1)],!0)]),__props.hideCloseButton?createCommentVNode(``,!0):(openBlock(),createElementBlock(`div`,_hoisted_2,[createVNode(unref(MazBtn),{size:`sm`,color:`transparent`,onClick:close},{default:withCtx(()=>[createVNode(unref(MazXMark),{class:`icon maz-text-lg`})]),_:1},8,[`onClick`])]))],2),createElementVNode(`div`,_hoisted_3,[renderSlot(_ctx.$slots,`default`,{close},void 0,!0)])],6)]),_:3},8,[`backdrop-class`,`justify`,`align`,`transition-name`]))}}),[[`__scopeId`,`data-v-7fe4cde1`]]);export{MazDrawer_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as MazPopover_default}from"./MazPopover.CQ2wlHBw.js";import{Fragment,computed,createBlock,createElementBlock,createElementVNode,createSlots,createTextVNode,createVNode,defineAsyncComponent,defineComponent,mergeModels,mergeProps,normalizeClass,normalizeStyle,openBlock,renderList,renderSlot,resolveDynamicComponent,toDisplayString,unref,useModel,useTemplateRef,watch,withCtx,withKeys,withModifiers}from"vue";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{MazChevronDown}from"@maz-ui/icons/static/MazChevronDown";import{isClient}from"@maz-ui/utils/helpers/isClient";import '../assets/MazDropdown.DuOeFxbn.css';var _hoisted_1=[`id`];var _hoisted_2=[`id`];var _hoisted_3=[`id`];var _hoisted_4=[`onClick`,`onKeypress`];var MazDropdown_default=_plugin_vue_export_helper_default(defineComponent({inheritAttrs:!1,__name:`MazDropdown`,props:mergeModels({modelValue:{type:Boolean},style:{type:[Boolean,null,String,Object,Array]},class:{type:[Boolean,null,String,Object,Array]},items:{default:()=>[]},id:{},trigger:{default:`adaptive`},color:{default:`transparent`},position:{default:`auto`},closeOnClick:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},chevron:{type:Boolean,default:!0},screenReaderDescription:{},menuPanelClass:{type:[Boolean,null,String,Object,Array]},menuPanelStyle:{type:[Boolean,null,String,Object,Array]},block:{type:Boolean},dropdownIcon:{type:[String,Function,Object]},dropdownIconAnimation:{type:Boolean,default:!0},size:{default:`md`},transition:{default:`scale-pop`},preferPosition:{default:`bottom-start`},fallbackPosition:{},ariaLabel:{},announceChanges:{type:Boolean},offset:{},delay:{},hoverDelay:{},teleportTo:{},overlayClass:{type:[Boolean,null,String,Object,Array]},panelClass:{type:[Boolean,null,String,Object,Array]},panelStyle:{type:[Boolean,null,String,Object,Array]},closeOnClickOutside:{type:Boolean},closeOnEscape:{type:Boolean},persistent:{type:Boolean},ariaLabelledby:{},ariaDescribedby:{},trapFocus:{type:Boolean},keepOpenOnHover:{type:Boolean},positionReference:{}},{modelValue:{default:!1},modelModifiers:{}}),emits:mergeModels([`menuitem-clicked`,`update:model-value`],[`update:modelValue`]),setup(__props,{emit:__emit}){let emits=__emit;let MazBtn=defineAsyncComponent(()=>import(`../components/MazBtn.js`));let MazIcon=defineAsyncComponent(()=>import(`../components/MazIcon.js`));let MazLink=defineAsyncComponent(()=>import(`../components/MazLink.js`));let instanceId=useInstanceUniqId({componentName:`MazDropdown`,providedId:__props.id});let{t}=useTranslations();let isOpen=useModel(__props,`modelValue`);let iconClassSize=computed(()=>__props.size===`xl`?`maz-text-lg`:__props.size===`lg`||__props.size===`md`||__props.size===`sm`?`maz-text-base`:__props.size===`xs`||__props.size===`mini`?`maz-text-sm`:`maz-text-lg`);function setDropdown(value){__props.disabled||(isOpen.value=value)}function isLinkItem(item){return`href`in item||`to`in item}async function runAction(item,event){emits(`menuitem-clicked`,event),await item.onClick?.(),closeDropdown()}function closeDropdown(){__props.closeOnClick&&setDropdown(!1)}function keydownHandler(event){[`ArrowDown`,`ArrowUp`].includes(event.key)?arrowHandler(event):event.key===`Enter`&&(event.preventDefault(),document.activeElement?.click(),closeDropdown())}function arrowHandler(event){event.preventDefault();let code=event.key;let itemLength=__props.items?.length;if(!itemLength)return;let currentElement=document.activeElement;let itemsElements=document.querySelectorAll(`#${instanceId.value}-menu .menuitem`);let currentIndex=[...itemsElements].indexOf(currentElement);if(currentIndex===-1){itemsElements[0]?.focus();return}itemsElements[code===`ArrowDown`?(currentIndex+1)%itemLength:(currentIndex-1+itemLength)%itemLength]?.focus()}let mazPopoverElement=useTemplateRef(`mazPopoverRef`);function onBlurTrigger(event){event.preventDefault(),!(mazPopoverElement.value?.panelRef)?.contains(event.relatedTarget)&&setDropdown(!1)}return watch(isOpen,value=>{isClient()&&(value?document.addEventListener(`keydown`,keydownHandler):document.removeEventListener(`keydown`,keydownHandler))}),(_ctx,_cache)=>(openBlock(),createBlock(MazPopover_default,{ref:`mazPopoverRef`,trigger:__props.trigger,"model-value":isOpen.value,class:normalizeClass([`m-dropdown m-reset-css`,[__props.class]]),role:`menu`,style:normalizeStyle(__props.style),"prefer-position":__props.preferPosition,color:`background`,position:__props.position,transition:__props.transition,disabled:__props.disabled,offset:__props.offset,delay:__props.delay,"fallback-position":__props.fallbackPosition,persistent:__props.persistent,"hover-delay":__props.hoverDelay,"panel-class":__props.panelClass,"panel-style":__props.panelStyle,"close-on-escape":__props.closeOnEscape,"close-on-click":__props.closeOnClick,"teleport-to":__props.teleportTo,"trap-focus":__props.trapFocus,"overlay-class":__props.overlayClass,"close-on-click-outside":__props.closeOnClickOutside,"aria-describedby":__props.ariaDescribedby,"announce-changes":__props.announceChanges,"aria-label":__props.ariaLabel,"aria-labelledby":__props.ariaLabelledby,"position-reference":__props.positionReference,"keep-open-on-hover":__props.trigger===`hover`||__props.trigger===`adaptive`,block:__props.block,"onUpdate:modelValue":setDropdown},{trigger:withCtx(({toggle,close,open})=>[createElementVNode(`div`,{id:unref(instanceId),tabindex:`-1`,class:`m-dropdown__wrapper`},[createElementVNode(`span`,{id:`${unref(instanceId)}-labelspan`,class:`maz-sr-only`},[renderSlot(_ctx.$slots,`screen-reader-description`,{},()=>[createTextVNode(toDisplayString(__props.screenReaderDescription||unref(t)(`dropdown.screenReaderDescription`)),1)],!0)],8,_hoisted_2),renderSlot(_ctx.$slots,`trigger`,{isOpen:isOpen.value,toggle,close,open},()=>[createVNode(unref(MazBtn),mergeProps({"aria-labelledby":`${unref(instanceId)}-labelspan`,color:__props.color,disabled:__props.disabled},_ctx.$attrs,{block:__props.block,size:__props.size,onKeydown:[withKeys(withModifiers(toggle,[`stop`,`prevent`]),[`enter`]),withKeys(withModifiers(toggle,[`stop`,`prevent`]),[`space`]),withKeys(withModifiers(close,[`stop`,`prevent`]),[`escape`])],onBlur:withModifiers(onBlurTrigger,[`stop`,`prevent`])}),createSlots({default:withCtx(()=>[renderSlot(_ctx.$slots,`default`,{},void 0,!0)]),_:2},[__props.chevron||_ctx.$slots[`dropdown-icon`]?{name:`right-icon`,fn:withCtx(()=>[renderSlot(_ctx.$slots,`dropdown-icon`,{isOpen:isOpen.value,toggle,close,open},()=>[typeof __props.dropdownIcon==`string`?(openBlock(),createBlock(unref(MazIcon),{key:0,name:__props.dropdownIcon,class:normalizeClass([{"--open":isOpen.value&&__props.dropdownIconAnimation},iconClassSize.value])},null,8,[`name`,`class`])):__props.dropdownIcon?(openBlock(),createBlock(resolveDynamicComponent(__props.dropdownIcon),{key:1,class:normalizeClass([[{"--open":isOpen.value&&__props.dropdownIconAnimation},iconClassSize.value],`m-dropdown__icon`])},null,8,[`class`])):(openBlock(),createBlock(unref(MazChevronDown),{key:2,class:normalizeClass([[{"--open":isOpen.value&&__props.dropdownIconAnimation},iconClassSize.value],`m-dropdown__icon`])},null,8,[`class`]))],!0)]),key:`0`}:void 0]),1040,[`aria-labelledby`,`color`,`disabled`,`block`,`size`,`onKeydown`])],!0)],8,_hoisted_1)]),default:withCtx(({open,close,toggle})=>[createElementVNode(`div`,{id:`${unref(instanceId)}-menu`,role:`menu`,"aria-label":`Menu`,class:normalizeClass([`m-dropdown__menu`,__props.menuPanelClass]),tabindex:`-1`,style:normalizeStyle(__props.menuPanelStyle)},[renderSlot(_ctx.$slots,`dropdown`,{items:__props.items,open,close,isOpen:isOpen.value,toggle},()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(__props.items,(item,index)=>renderSlot(_ctx.$slots,`menuitem`,{key:index,item,open,close,isOpen:isOpen.value,toggle},()=>[isLinkItem(item)?(openBlock(),createBlock(unref(MazLink),mergeProps({key:0,target:item.href?item.target??`_self`:void 0,to:item.to,href:item.href,color:item.color??`contrast`},{ref_for:!0},item,{"underline-only-hover":item.underlineOnlyHover??!1,class:[`menuitem`,[item.class]],onClick:withModifiers(closeDropdown,[`stop`])}),{default:withCtx(()=>[renderSlot(_ctx.$slots,`menuitem-label`,{item,open,close,isOpen:isOpen.value,toggle},()=>[createTextVNode(toDisplayString(item.label),1)],!0)]),_:2},1040,[`target`,`to`,`href`,`color`,`underline-only-hover`,`class`])):(openBlock(),createElementBlock(`button`,mergeProps({key:1,type:`button`},{ref_for:!0},{...item,onClick:void 0},{class:[`menuitem menuitem__button`,[item.class,item.color?`--${item.color}`:``]],onClick:withModifiers($event=>runAction(item,$event),[`stop`]),onKeypress:withKeys(withModifiers($event=>runAction(item,$event),[`stop`,`prevent`]),[`enter`])}),[renderSlot(_ctx.$slots,`menuitem-label`,{item,open,close,isOpen:isOpen.value,toggle},()=>[createTextVNode(toDisplayString(item.label),1)],!0)],16,_hoisted_4))],!0)),128))],!0)],14,_hoisted_3)]),_:3},8,`trigger.model-value.style.prefer-position.position.transition.disabled.offset.delay.fallback-position.persistent.hover-delay.panel-class.panel-style.close-on-escape.close-on-click.teleport-to.trap-focus.overlay-class.close-on-click-outside.aria-describedby.announce-changes.aria-label.aria-labelledby.position-reference.keep-open-on-hover.class.block`.split(`.`)))}}),[[`__scopeId`,`data-v-cd6fdafd`]]);export{MazDropdown_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useDropzone}from"../composables/useDropzone.js";import{t as MazLink_default}from"./MazLink.BsjurisK.js";import{t as MazBtn_default}from"./MazBtn.Cc9C1v2l.js";import{t as MazIcon_default}from"./MazIcon.ZWAk25ZX.js";import{Fragment,Transition,TransitionGroup,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineAsyncComponent,defineComponent,mergeModels,mergeProps,normalizeClass,normalizeStyle,onBeforeMount,openBlock,ref,renderList,renderSlot,toDisplayString,unref,useModel,withCtx,withModifiers}from"vue";import{sleep}from"@maz-ui/utils/helpers/sleep";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{MazCheckCircle}from"@maz-ui/icons/lazy/MazCheckCircle";import{MazTrash}from"@maz-ui/icons/lazy/MazTrash";import{MazArchiveBox}from"@maz-ui/icons/lazy/MazArchiveBox";import{MazArrowUpOnSquare}from"@maz-ui/icons/lazy/MazArrowUpOnSquare";import{MazCodeBracket}from"@maz-ui/icons/lazy/MazCodeBracket";import{MazCog}from"@maz-ui/icons/lazy/MazCog";import{MazCommandLine}from"@maz-ui/icons/lazy/MazCommandLine";import{MazDocumentIcon}from"@maz-ui/icons/lazy/MazDocumentIcon";import{MazDocumentText}from"@maz-ui/icons/lazy/MazDocumentText";import{MazFilm}from"@maz-ui/icons/lazy/MazFilm";import{MazLogoAndroid}from"@maz-ui/icons/lazy/MazLogoAndroid";import{MazLogoApple}from"@maz-ui/icons/lazy/MazLogoApple";import{MazLogoCsv}from"@maz-ui/icons/lazy/MazLogoCsv";import{MazLogoHtml}from"@maz-ui/icons/lazy/MazLogoHtml";import{MazLogoJs}from"@maz-ui/icons/lazy/MazLogoJs";import{MazLogoJson}from"@maz-ui/icons/lazy/MazLogoJson";import{MazLogoMarkdown}from"@maz-ui/icons/lazy/MazLogoMarkdown";import{MazLogoProperties}from"@maz-ui/icons/lazy/MazLogoProperties";import{MazLogoReact}from"@maz-ui/icons/lazy/MazLogoReact";import{MazLogoTxt}from"@maz-ui/icons/lazy/MazLogoTxt";import{MazLogoTypescript}from"@maz-ui/icons/lazy/MazLogoTypescript";import{MazLogoVue}from"@maz-ui/icons/lazy/MazLogoVue";import{MazLogoXliff}from"@maz-ui/icons/lazy/MazLogoXliff";import{MazLogoXls}from"@maz-ui/icons/lazy/MazLogoXls";import{MazLogoXml}from"@maz-ui/icons/lazy/MazLogoXml";import{MazPaintBrush}from"@maz-ui/icons/lazy/MazPaintBrush";import{MazPencilSquare}from"@maz-ui/icons/lazy/MazPencilSquare";import{MazPhoto}from"@maz-ui/icons/lazy/MazPhoto";import{MazPresentationChartBar}from"@maz-ui/icons/lazy/MazPresentationChartBar";import{MazSpeakerWave}from"@maz-ui/icons/lazy/MazSpeakerWave";import{MazXCircle}from"@maz-ui/icons/lazy/MazXCircle";import '../assets/MazDropzone.DRD0eN8E.css';var _hoisted_1=[`for`];var _hoisted_2={class:`m-dropzone__icon-container`};var _hoisted_3={key:3,class:`m-dropzone__file-icon-wrapper`};var _hoisted_4={class:`m-dropzone__description`};var _hoisted_5={class:`m-dropzone__file-info`};var _hoisted_6={class:`m-dropzone__file-name`};var _hoisted_7={class:`m-dropzone__file-size`};var _hoisted_8={class:`m-dropzone__content`};var _hoisted_9={class:`m-dropzone__upload-text`};var _hoisted_10={key:0,class:`m-dropzone__info-text`};var _hoisted_11={key:0};var _hoisted_12={key:1};var _hoisted_13={key:2};var _hoisted_14=[`id`,`multiple`,`accept`,`disabled`];var MazDropzone_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazDropzone`,props:mergeModels({id:{},multiple:{type:Boolean,default:!1},dataTypes:{},preventDefaultForUnhandled:{type:Boolean,default:!0},maxFileSize:{},maxFiles:{},disabled:{type:Boolean,default:!1},preview:{type:Boolean,default:!0},minFileSize:{},allowDuplicates:{type:Boolean,default:!1},translations:{},color:{default:`primary`},removeFileBtnProps:{default:()=>({})},spinnerProps:{default:()=>({})},autoUpload:{type:[String,Boolean],default:!1},url:{},requestOptions:{},transformBody:{type:Function},maxConcurrentUploads:{default:5}},{modelValue:{default:()=>[]},modelModifiers:{}}),emits:mergeModels([`drop`,`enter`,`leave`,`over`,`add`,`remove`,`error`,`upload-error`,`upload-error-multiple`,`upload-success`,`upload-success-multiple`],[`update:modelValue`]),setup(__props,{expose:__expose,emit:__emit}){let emits=__emit;let MazSpinner=defineAsyncComponent(()=>import(`../components/MazSpinner.js`));let filesData=useModel(__props,`modelValue`);onBeforeMount(async()=>{filesData.value.length&&(filesData.value=await Promise.all(filesData.value.map(fileData=>getFileData(fileData.file))))});let dropZoneRef=ref();let isUploading=ref(!1);let hasMultiple=computed(()=>__props.multiple||(__props.maxFiles?__props.maxFiles>1:!1)||__props.autoUpload===`multiple`);let instanceId=useInstanceUniqId({componentName:`MazDropzone`,providedId:__props.id});function uploadFile(formData){if(!__props.url)throw emits(`error`,{files:null,event:null,code:`NO_URL`}),Error(`NO_URL`);try{let body=__props.transformBody?.(formData)??formData;return fetch(__props.url,{method:`POST`,body,...__props.requestOptions})}catch{emits(`error`,{files:null,event:null,code:`FILE_UPLOAD_ERROR`})}}function getFormData(file){let formData=new FormData;return formData.append(`file`,file),formData}function getFormDataMultiple(){let formData=new FormData;return filesData.value.forEach(fileData=>formData.append(`files`,fileData.file)),formData}async function uploadFilesMultiple(){if(!filesData.value.length){emits(`error`,{files:filesData.value.map(f=>f.file),event:null,code:`NO_FILES_TO_UPLOAD`});return}try{isUploading.value=!0,filesData.value=filesData.value.map(f=>({...f,uploading:!0,success:!1,error:!1}));let response=await uploadFile(getFormDataMultiple());filesData.value=filesData.value.map(f=>({...f,uploading:!1,success:!0,error:!1})),emits(`upload-success-multiple`,{files:filesData.value.map(f=>f.file),response})}catch(error){filesData.value=filesData.value.map(f=>({...f,uploading:!1,success:!1,error:!0})),emits(`upload-error-multiple`,{files:filesData.value.map(f=>f.file),code:`FILE_UPLOAD_ERROR_MULTIPLE`,error})}finally{isUploading.value=!1,await sleep(1e3),filesData.value=filesData.value.filter(f=>f.error)}}async function uploadFiles(){if(!filesData.value.length)throw emits(`error`,{files:filesData.value.map(f=>f.file),event:null,code:`NO_FILES_TO_UPLOAD`}),Error(`NO_FILES_TO_UPLOAD`);try{isUploading.value=!0;let queue=[...filesData.value];let activeUploads=[];async function uploadFileData(fileData){let formData=getFormData(fileData.file);try{fileData.error=!1,fileData.uploading=!0;let response=await uploadFile(formData);emits(`upload-success`,{file:fileData.file,response}),fileData.success=!0}catch(error){fileData.error=!0,emits(`upload-error`,{file:fileData.file,code:`FILE_UPLOAD_ERROR`,error})}finally{fileData.uploading=!1}}async function processQueue(){for(;queue.length>0;){let fileData=queue.shift();fileData&&await uploadFileData(fileData)}}for(let i=0;i<Math.min(__props.maxConcurrentUploads,filesData.value.length);i++)activeUploads.push(processQueue());await Promise.allSettled(activeUploads)}finally{isUploading.value=!1,await sleep(1e3),filesData.value=filesData.value.filter(f=>f.error)}}async function getFileData(file){let fileData={file,name:file.name,size:file.size,type:file.type,lastModified:file.lastModified,sizeInMb:(file.size/1024/1024).toFixed(2),lastModifiedDate:new Date(file.lastModified),url:URL.createObjectURL(file),thumbnail:void 0,uploading:!1,success:!1,error:!1};return file.type.startsWith(`image/`)&&await new Promise(resolve=>{let reader=new FileReader;reader.onload=event=>{fileData.thumbnail=event.target?.result||void 0,resolve(null)},reader.readAsDataURL(file)}),__props.maxFileSize&&file.size>__props.maxFileSize*1024*1024&&emits(`error`,{files:[file],event:null,code:`FILE_SIZE_EXCEEDED`}),__props.minFileSize&&file.size<__props.minFileSize*1024*1024&&emits(`error`,{files:[file],event:null,code:`FILE_SIZE_TOO_SMALL`}),fileData}async function handleFiles(files){if(__props.disabled||!files)return null;for await(let file of files){if(!isFileTypeAllowed(file)){emits(`error`,{files:[file],event:null,code:`FILE_TYPE_NOT_ALLOWED`});continue}if(!hasMultiple.value&&filesData.value.length>=1){emits(`error`,{files:[file],event:null,code:`MAX_FILES_EXCEEDED`});continue}if(__props.maxFiles&&filesData.value.length>=__props.maxFiles){emits(`error`,{files:[file],event:null,code:`MAX_FILES_EXCEEDED`});continue}if(__props.maxFileSize&&file.size>__props.maxFileSize*1024*1024){emits(`error`,{files:[file],event:null,code:`FILE_SIZE_EXCEEDED`});continue}if(__props.minFileSize&&file.size<__props.minFileSize*1024*1024){emits(`error`,{files:[file],event:null,code:`FILE_SIZE_TOO_SMALL`});continue}if(!__props.allowDuplicates&&filesData.value.some(f=>f.name===file.name&&f.size===file.size&&f.type===file.type)){emits(`error`,{files:[file],event:null,code:`FILE_DUPLICATED`});continue}let fileData=await getFileData(file);filesData.value=[...filesData.value,fileData],emits(`add`,fileData.file)}return __props.autoUpload===`single`?uploadFiles():__props.autoUpload===`multiple`&&uploadFilesMultiple(),filesData.value}async function onDrop(files,event){await handleFiles(files),emits(`drop`,{files,event})}function onError(files,event){emits(`error`,{files,event,code:`FILE_TYPE_NOT_ALLOWED`})}function onEnter(files,event){emits(`enter`,{files,event})}function onLeave(files,event){emits(`leave`,{files,event})}function onOver(files,event){emits(`over`,{files,event})}let{isOverDropZone,isOverError}=useDropzone(dropZoneRef,{dataTypes:__props.dataTypes,onDrop,preventDefaultForUnhandled:__props.preventDefaultForUnhandled,multiple:hasMultiple.value,onError,onEnter,onLeave,onOver});let fileInput=ref();function handleFileUpload(event){let input=event.target;let files=input?.files;files&&handleFiles(files),setTimeout(()=>{input.value=``},3e3)}let extensionIconMap=(()=>{let map=new Map;let groups=[[MazLogoJs,[`js`,`mjs`,`cjs`]],[MazLogoTypescript,[`ts`,`tsx`,`mts`,`cts`]],[MazLogoVue,[`vue`]],[MazLogoReact,[`jsx`]],[MazLogoJson,[`json`,`jsonc`,`json5`]],[MazLogoXml,[`xml`]],[MazLogoHtml,[`html`,`htm`]],[MazLogoMarkdown,[`md`,`markdown`,`mdx`]],[MazLogoProperties,[`properties`]],[MazLogoTxt,[`txt`]],[MazLogoCsv,[`csv`]],[MazLogoXls,[`xls`,`xlsx`]],[MazLogoXliff,[`xliff`,`xlf`]],[MazLogoApple,[`strings`,`stringsdict`,`xcstrings`]],[MazLogoAndroid,[`apk`]],[MazPhoto,[`jpeg`,`jpg`,`png`,`tiff`,`bmp`,`webp`,`svg`,`ico`,`gif`,`heic`,`heif`,`avif`]],[MazFilm,[`mp4`,`webm`,`avi`,`mov`,`mkv`,`flv`,`wmv`,`m4v`,`mpeg`,`mpg`,`3gp`,`ogv`]],[MazSpeakerWave,[`mp3`,`wav`,`m4a`,`aac`,`flac`,`ogg`,`oga`,`opus`,`wma`,`alac`,`aiff`]],[MazArchiveBox,[`zip`,`rar`,`tar`,`gz`,`7z`,`bz2`,`xz`]],[MazCommandLine,[`exe`,`dll`,`so`,`dylib`,`dmg`,`deb`,`rpm`,`app`,`bat`,`cmd`]],[MazCodeBracket,`css.scss.sass.less.py.java.cpp.c.h.hpp.go.rs.rust.php.rb.swift.kt.kotlin.sql.sh.bash.zsh.yaml.yml.toml.ini`.split(`.`)],[MazCog,[`conf`,`config`,`env`,`cfg`]],[MazPresentationChartBar,[`ppt`,`pptx`,`key`,`odp`]],[MazDocumentText,[`rtf`,`odt`]],[MazPencilSquare,[`ttf`,`otf`,`woff`,`woff2`,`eot`]],[MazPaintBrush,[`ai`,`psd`,`sketch`,`fig`,`xd`,`eps`]],[MazDocumentIcon,[`pdf`,`doc`,`docx`,`tsv`,`document`]]];for(let[icon,extensions]of groups)for(let ext of extensions)map.set(ext,icon);return map})();function getIconComponent(fileData){let type=fileData.file.type.split(`/`)?.[1]?.split(`+`)?.[0]?.toLowerCase();let extension=fileData.file.name.split(`.`).pop()?.toLowerCase();return extensionIconMap.get(type)||extension&&extensionIconMap.get(extension)||extensionIconMap.get(`document`)}function handleFileInputClick(){fileInput.value&&fileInput.value.click()}function handleFileRemove(fileData){fileData.url&&URL.revokeObjectURL(fileData.url),filesData.value=filesData.value.filter(f=>f.file!==fileData.file),emits(`remove`,fileData.file)}let selectAreaCanBeDisplayed=ref(!0);let dataTypesString=computed(()=>__props.dataTypes?.map(formatReadable).join(`, `));let allFileIsAccepted=computed(()=>__props.dataTypes?.length===1&&__props.dataTypes[0]===`*/*`);let{t}=useTranslations();let messages=computed(()=>{let customTranslations=__props.translations||{};return{dragAndDrop:customTranslations.dragAndDrop??t(`dropzone.dragAndDrop`),fileMaxCount:__props.maxFiles?customTranslations.fileMaxCount??t(`dropzone.fileMaxCount`,{count:__props.maxFiles}):void 0,fileMaxSize:__props.maxFileSize?customTranslations.fileMaxSize??t(`dropzone.fileMaxSize`,{size:__props.maxFileSize}):void 0,fileTypes:dataTypesString.value?customTranslations.fileTypes??t(`dropzone.fileTypes`,{types:dataTypesString.value}):void 0,selectFile:customTranslations.selectFile??t(`dropzone.selectFile`),divider:customTranslations.divider??t(`dropzone.divider`)}});function formatReadable(fmt){if(fmt.startsWith(`.`))return fmt;if(fmt.includes(`/`)){let[type,subtype]=fmt.split(`/`);if(subtype===`*`){let customTypes=__props.translations?.types||{};switch(type){case`image`:return customTypes.image??t(`dropzone.types.image`);case`video`:return customTypes.video??t(`dropzone.types.video`);case`audio`:return customTypes.audio??t(`dropzone.types.audio`);case`text`:return customTypes.text??t(`dropzone.types.text`);default:return fmt}}return subtype}return fmt}function reset(){filesData.value.forEach(fileData=>{fileData.url&&URL.revokeObjectURL(fileData.url)}),filesData.value=[]}function addFile(file){handleFiles([file])}function removeFile(file){filesData.value=filesData.value.filter(f=>f.file!==file)}function isFileTypeAllowed(file){return!__props.dataTypes||__props.dataTypes.includes(`*/*`)?!0:__props.dataTypes.some(type=>type.startsWith(`.`)?file.name.toLowerCase().endsWith(type.toLowerCase()):type.endsWith(`/*`)?file.type.startsWith(type.slice(0,-1)):file.type===type)}return __expose({uploadFiles,uploadFilesMultiple,getFormData,getFormDataMultiple,reset,isUploading,addFile,removeFile}),(_ctx,_cache)=>(openBlock(),createElementBlock(`label`,{ref_key:`dropZoneRef`,ref:dropZoneRef,role:`button`,tabindex:`0`,for:`input-file-uploader-${unref(instanceId)}`,class:normalizeClass([`m-dropzone m-reset-css`,{"m-dropzone--disabled":__props.disabled,"m-dropzone--is-over-drop-zone":unref(isOverDropZone)&&!unref(isOverError),"m-dropzone--is-over-error":unref(isOverError)}]),style:normalizeStyle({"--active-color":`hsl(var(--maz-${__props.color}))`})},[renderSlot(_ctx.$slots,`files-area`,{filesData:filesData.value},()=>[createVNode(TransitionGroup,{name:`file-scale`,tag:`div`,class:`m-dropzone__files-container`,onBeforeEnter:_cache[1]||=$event=>selectAreaCanBeDisplayed.value=!1,onAfterLeave:_cache[2]||=$event=>selectAreaCanBeDisplayed.value=filesData.value.length===0},{default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(filesData.value,file=>(openBlock(),createElementBlock(`div`,{key:`${file.name}-${file.size}-${file}`,class:`m-dropzone__file-item group`,onClick:_cache[0]||=withModifiers(()=>{},[`prevent`])},[renderSlot(_ctx.$slots,`file-item`,{file},()=>[file.thumbnail&&__props.preview?(openBlock(),createElementBlock(Fragment,{key:0},[createElementVNode(`div`,{style:normalizeStyle({backgroundImage:`url(${file.thumbnail})`,backgroundSize:`cover`,backgroundPosition:`center`}),class:`m-dropzone__thumbnail`},null,4),_cache[4]||=createElementVNode(`div`,{class:`m-dropzone__overlay`},null,-1)],64)):createCommentVNode(``,!0),createElementVNode(`div`,_hoisted_2,[createVNode(Transition,{name:`icon-scale`},{default:withCtx(()=>[file.uploading?(openBlock(),createBlock(unref(MazSpinner),mergeProps({key:0,color:__props.color,class:`m-dropzone__spinner`},{ref_for:!0},__props.spinnerProps),null,16,[`color`])):file.success?(openBlock(),createBlock(unref(MazCheckCircle),{key:1,class:`m-dropzone__success-icon`})):file.error?(openBlock(),createBlock(unref(MazXCircle),{key:2,class:`m-dropzone__error-icon`})):(openBlock(),createElementBlock(`div`,_hoisted_3,[createVNode(MazIcon_default,{icon:getIconComponent(file),size:`lg`,class:`m-dropzone__file-icon`},null,8,[`icon`])]))]),_:2},1024)]),createElementVNode(`div`,_hoisted_4,[createElementVNode(`div`,_hoisted_5,[createElementVNode(`span`,_hoisted_6,toDisplayString(file.name),1),createElementVNode(`span`,_hoisted_7,toDisplayString(file.sizeInMb)+` MB`,1)]),!file.uploading&&!file.success?(openBlock(),createBlock(MazBtn_default,mergeProps({key:0,size:`xs`,icon:unref(MazTrash),disabled:__props.disabled,color:`destructive`,pastel:``},{ref_for:!0},__props.removeFileBtnProps,{onClick:withModifiers($event=>handleFileRemove(file),[`prevent`])}),null,16,[`icon`,`disabled`,`onClick`])):createCommentVNode(``,!0)])],!0)]))),128))]),_:3})],!0),filesData.value.length===0&&selectAreaCanBeDisplayed.value?renderSlot(_ctx.$slots,`no-files-area`,{key:0,selectFile:handleFileInputClick},()=>[createElementVNode(`div`,_hoisted_8,[renderSlot(_ctx.$slots,`upload-icon`,{},()=>[createVNode(unref(MazArrowUpOnSquare),{class:`m-dropzone__upload-icon`})],!0),createElementVNode(`span`,_hoisted_9,[createTextVNode(toDisplayString(messages.value.dragAndDrop)+` `+toDisplayString(messages.value.divider)+` `,1),createVNode(MazLink_default,{color:`inherit`,underline:``,onClick:_cache[3]||=withModifiers($event=>!__props.disabled&&handleFileInputClick(),[`prevent`])},{default:withCtx(()=>[createTextVNode(toDisplayString(messages.value.selectFile),1)]),_:1})])]),!allFileIsAccepted.value&&(messages.value.fileMaxCount||messages.value.fileMaxSize||messages.value.fileTypes)?(openBlock(),createElementBlock(`p`,_hoisted_10,[messages.value.fileMaxCount?(openBlock(),createElementBlock(`span`,_hoisted_11,toDisplayString(messages.value.fileMaxCount),1)):createCommentVNode(``,!0),messages.value.fileMaxSize?(openBlock(),createElementBlock(`span`,_hoisted_12,toDisplayString(messages.value.fileMaxSize),1)):createCommentVNode(``,!0),messages.value.fileTypes?(openBlock(),createElementBlock(`span`,_hoisted_13,toDisplayString(messages.value.fileTypes),1)):createCommentVNode(``,!0)])):createCommentVNode(``,!0)],!0):createCommentVNode(``,!0),createElementVNode(`input`,{id:`input-file-uploader-${unref(instanceId)}`,ref_key:`fileInput`,ref:fileInput,multiple:hasMultiple.value,type:`file`,accept:__props.dataTypes?.join(`,`),tabindex:`-1`,disabled:__props.disabled,class:`m-dropzone__file-input`,onChange:handleFileUpload},null,40,_hoisted_14)],14,_hoisted_1))}}),[[`__scopeId`,`data-v-7a36205a`]]);export{MazDropzone_default as t};
|
|
1
|
+
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{useInstanceUniqId}from"../composables/useInstanceUniqId.js";import{useDropzone}from"../composables/useDropzone.js";import{t as MazLink_default}from"./MazLink.CrOIRELP.js";import{t as MazBtn_default}from"./MazBtn._OvMDbV1.js";import{t as MazIcon_default}from"./MazIcon.CjRqfhiK.js";import{Fragment,Transition,TransitionGroup,computed,createBlock,createCommentVNode,createElementBlock,createElementVNode,createTextVNode,createVNode,defineAsyncComponent,defineComponent,mergeModels,mergeProps,normalizeClass,normalizeStyle,onBeforeMount,openBlock,ref,renderList,renderSlot,toDisplayString,unref,useModel,withCtx,withModifiers}from"vue";import{sleep}from"@maz-ui/utils/helpers/sleep";import{useTranslations}from"@maz-ui/translations/composables/useTranslations";import{MazCheckCircle}from"@maz-ui/icons/lazy/MazCheckCircle";import{MazTrash}from"@maz-ui/icons/lazy/MazTrash";import{MazArchiveBox}from"@maz-ui/icons/lazy/MazArchiveBox";import{MazArrowUpOnSquare}from"@maz-ui/icons/lazy/MazArrowUpOnSquare";import{MazCodeBracket}from"@maz-ui/icons/lazy/MazCodeBracket";import{MazCog}from"@maz-ui/icons/lazy/MazCog";import{MazCommandLine}from"@maz-ui/icons/lazy/MazCommandLine";import{MazDocumentIcon}from"@maz-ui/icons/lazy/MazDocumentIcon";import{MazDocumentText}from"@maz-ui/icons/lazy/MazDocumentText";import{MazFilm}from"@maz-ui/icons/lazy/MazFilm";import{MazLogoAndroid}from"@maz-ui/icons/lazy/MazLogoAndroid";import{MazLogoApple}from"@maz-ui/icons/lazy/MazLogoApple";import{MazLogoCsv}from"@maz-ui/icons/lazy/MazLogoCsv";import{MazLogoHtml}from"@maz-ui/icons/lazy/MazLogoHtml";import{MazLogoJs}from"@maz-ui/icons/lazy/MazLogoJs";import{MazLogoJson}from"@maz-ui/icons/lazy/MazLogoJson";import{MazLogoMarkdown}from"@maz-ui/icons/lazy/MazLogoMarkdown";import{MazLogoProperties}from"@maz-ui/icons/lazy/MazLogoProperties";import{MazLogoReact}from"@maz-ui/icons/lazy/MazLogoReact";import{MazLogoTxt}from"@maz-ui/icons/lazy/MazLogoTxt";import{MazLogoTypescript}from"@maz-ui/icons/lazy/MazLogoTypescript";import{MazLogoVue}from"@maz-ui/icons/lazy/MazLogoVue";import{MazLogoXliff}from"@maz-ui/icons/lazy/MazLogoXliff";import{MazLogoXls}from"@maz-ui/icons/lazy/MazLogoXls";import{MazLogoXml}from"@maz-ui/icons/lazy/MazLogoXml";import{MazPaintBrush}from"@maz-ui/icons/lazy/MazPaintBrush";import{MazPencilSquare}from"@maz-ui/icons/lazy/MazPencilSquare";import{MazPhoto}from"@maz-ui/icons/lazy/MazPhoto";import{MazPresentationChartBar}from"@maz-ui/icons/lazy/MazPresentationChartBar";import{MazSpeakerWave}from"@maz-ui/icons/lazy/MazSpeakerWave";import{MazXCircle}from"@maz-ui/icons/lazy/MazXCircle";import '../assets/MazDropzone.DRD0eN8E.css';var _hoisted_1=[`for`];var _hoisted_2={class:`m-dropzone__icon-container`};var _hoisted_3={key:3,class:`m-dropzone__file-icon-wrapper`};var _hoisted_4={class:`m-dropzone__description`};var _hoisted_5={class:`m-dropzone__file-info`};var _hoisted_6={class:`m-dropzone__file-name`};var _hoisted_7={class:`m-dropzone__file-size`};var _hoisted_8={class:`m-dropzone__content`};var _hoisted_9={class:`m-dropzone__upload-text`};var _hoisted_10={key:0,class:`m-dropzone__info-text`};var _hoisted_11={key:0};var _hoisted_12={key:1};var _hoisted_13={key:2};var _hoisted_14=[`id`,`multiple`,`accept`,`disabled`];var MazDropzone_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazDropzone`,props:mergeModels({id:{},multiple:{type:Boolean,default:!1},dataTypes:{},preventDefaultForUnhandled:{type:Boolean,default:!0},maxFileSize:{},maxFiles:{},disabled:{type:Boolean,default:!1},preview:{type:Boolean,default:!0},minFileSize:{},allowDuplicates:{type:Boolean,default:!1},translations:{},color:{default:`primary`},removeFileBtnProps:{default:()=>({})},spinnerProps:{default:()=>({})},autoUpload:{type:[String,Boolean],default:!1},url:{},requestOptions:{},transformBody:{type:Function},maxConcurrentUploads:{default:5}},{modelValue:{default:()=>[]},modelModifiers:{}}),emits:mergeModels([`drop`,`enter`,`leave`,`over`,`add`,`remove`,`error`,`upload-error`,`upload-error-multiple`,`upload-success`,`upload-success-multiple`],[`update:modelValue`]),setup(__props,{expose:__expose,emit:__emit}){let emits=__emit;let MazSpinner=defineAsyncComponent(()=>import(`../components/MazSpinner.js`));let filesData=useModel(__props,`modelValue`);onBeforeMount(async()=>{filesData.value.length&&(filesData.value=await Promise.all(filesData.value.map(fileData=>getFileData(fileData.file))))});let dropZoneRef=ref();let isUploading=ref(!1);let hasMultiple=computed(()=>__props.multiple||(__props.maxFiles?__props.maxFiles>1:!1)||__props.autoUpload===`multiple`);let instanceId=useInstanceUniqId({componentName:`MazDropzone`,providedId:__props.id});function uploadFile(formData){if(!__props.url)throw emits(`error`,{files:null,event:null,code:`NO_URL`}),Error(`NO_URL`);try{let body=__props.transformBody?.(formData)??formData;return fetch(__props.url,{method:`POST`,body,...__props.requestOptions})}catch{emits(`error`,{files:null,event:null,code:`FILE_UPLOAD_ERROR`})}}function getFormData(file){let formData=new FormData;return formData.append(`file`,file),formData}function getFormDataMultiple(){let formData=new FormData;return filesData.value.forEach(fileData=>formData.append(`files`,fileData.file)),formData}async function uploadFilesMultiple(){if(!filesData.value.length){emits(`error`,{files:filesData.value.map(f=>f.file),event:null,code:`NO_FILES_TO_UPLOAD`});return}try{isUploading.value=!0,filesData.value=filesData.value.map(f=>({...f,uploading:!0,success:!1,error:!1}));let response=await uploadFile(getFormDataMultiple());filesData.value=filesData.value.map(f=>({...f,uploading:!1,success:!0,error:!1})),emits(`upload-success-multiple`,{files:filesData.value.map(f=>f.file),response})}catch(error){filesData.value=filesData.value.map(f=>({...f,uploading:!1,success:!1,error:!0})),emits(`upload-error-multiple`,{files:filesData.value.map(f=>f.file),code:`FILE_UPLOAD_ERROR_MULTIPLE`,error})}finally{isUploading.value=!1,await sleep(1e3),filesData.value=filesData.value.filter(f=>f.error)}}async function uploadFiles(){if(!filesData.value.length)throw emits(`error`,{files:filesData.value.map(f=>f.file),event:null,code:`NO_FILES_TO_UPLOAD`}),Error(`NO_FILES_TO_UPLOAD`);try{isUploading.value=!0;let queue=[...filesData.value];let activeUploads=[];async function uploadFileData(fileData){let formData=getFormData(fileData.file);try{fileData.error=!1,fileData.uploading=!0;let response=await uploadFile(formData);emits(`upload-success`,{file:fileData.file,response}),fileData.success=!0}catch(error){fileData.error=!0,emits(`upload-error`,{file:fileData.file,code:`FILE_UPLOAD_ERROR`,error})}finally{fileData.uploading=!1}}async function processQueue(){for(;queue.length>0;){let fileData=queue.shift();fileData&&await uploadFileData(fileData)}}for(let i=0;i<Math.min(__props.maxConcurrentUploads,filesData.value.length);i++)activeUploads.push(processQueue());await Promise.allSettled(activeUploads)}finally{isUploading.value=!1,await sleep(1e3),filesData.value=filesData.value.filter(f=>f.error)}}async function getFileData(file){let fileData={file,name:file.name,size:file.size,type:file.type,lastModified:file.lastModified,sizeInMb:(file.size/1024/1024).toFixed(2),lastModifiedDate:new Date(file.lastModified),url:URL.createObjectURL(file),thumbnail:void 0,uploading:!1,success:!1,error:!1};return file.type.startsWith(`image/`)&&await new Promise(resolve=>{let reader=new FileReader;reader.onload=event=>{fileData.thumbnail=event.target?.result||void 0,resolve(null)},reader.readAsDataURL(file)}),__props.maxFileSize&&file.size>__props.maxFileSize*1024*1024&&emits(`error`,{files:[file],event:null,code:`FILE_SIZE_EXCEEDED`}),__props.minFileSize&&file.size<__props.minFileSize*1024*1024&&emits(`error`,{files:[file],event:null,code:`FILE_SIZE_TOO_SMALL`}),fileData}async function handleFiles(files){if(__props.disabled||!files)return null;for await(let file of files){if(!isFileTypeAllowed(file)){emits(`error`,{files:[file],event:null,code:`FILE_TYPE_NOT_ALLOWED`});continue}if(!hasMultiple.value&&filesData.value.length>=1){emits(`error`,{files:[file],event:null,code:`MAX_FILES_EXCEEDED`});continue}if(__props.maxFiles&&filesData.value.length>=__props.maxFiles){emits(`error`,{files:[file],event:null,code:`MAX_FILES_EXCEEDED`});continue}if(__props.maxFileSize&&file.size>__props.maxFileSize*1024*1024){emits(`error`,{files:[file],event:null,code:`FILE_SIZE_EXCEEDED`});continue}if(__props.minFileSize&&file.size<__props.minFileSize*1024*1024){emits(`error`,{files:[file],event:null,code:`FILE_SIZE_TOO_SMALL`});continue}if(!__props.allowDuplicates&&filesData.value.some(f=>f.name===file.name&&f.size===file.size&&f.type===file.type)){emits(`error`,{files:[file],event:null,code:`FILE_DUPLICATED`});continue}let fileData=await getFileData(file);filesData.value=[...filesData.value,fileData],emits(`add`,fileData.file)}return __props.autoUpload===`single`?uploadFiles():__props.autoUpload===`multiple`&&uploadFilesMultiple(),filesData.value}async function onDrop(files,event){await handleFiles(files),emits(`drop`,{files,event})}function onError(files,event){emits(`error`,{files,event,code:`FILE_TYPE_NOT_ALLOWED`})}function onEnter(files,event){emits(`enter`,{files,event})}function onLeave(files,event){emits(`leave`,{files,event})}function onOver(files,event){emits(`over`,{files,event})}let{isOverDropZone,isOverError}=useDropzone(dropZoneRef,{dataTypes:__props.dataTypes,onDrop,preventDefaultForUnhandled:__props.preventDefaultForUnhandled,multiple:hasMultiple.value,onError,onEnter,onLeave,onOver});let fileInput=ref();function handleFileUpload(event){let input=event.target;let files=input?.files;files&&handleFiles(files),setTimeout(()=>{input.value=``},3e3)}let extensionIconMap=(()=>{let map=new Map;let groups=[[MazLogoJs,[`js`,`mjs`,`cjs`]],[MazLogoTypescript,[`ts`,`tsx`,`mts`,`cts`]],[MazLogoVue,[`vue`]],[MazLogoReact,[`jsx`]],[MazLogoJson,[`json`,`jsonc`,`json5`]],[MazLogoXml,[`xml`]],[MazLogoHtml,[`html`,`htm`]],[MazLogoMarkdown,[`md`,`markdown`,`mdx`]],[MazLogoProperties,[`properties`]],[MazLogoTxt,[`txt`]],[MazLogoCsv,[`csv`]],[MazLogoXls,[`xls`,`xlsx`]],[MazLogoXliff,[`xliff`,`xlf`]],[MazLogoApple,[`strings`,`stringsdict`,`xcstrings`]],[MazLogoAndroid,[`apk`]],[MazPhoto,[`jpeg`,`jpg`,`png`,`tiff`,`bmp`,`webp`,`svg`,`ico`,`gif`,`heic`,`heif`,`avif`]],[MazFilm,[`mp4`,`webm`,`avi`,`mov`,`mkv`,`flv`,`wmv`,`m4v`,`mpeg`,`mpg`,`3gp`,`ogv`]],[MazSpeakerWave,[`mp3`,`wav`,`m4a`,`aac`,`flac`,`ogg`,`oga`,`opus`,`wma`,`alac`,`aiff`]],[MazArchiveBox,[`zip`,`rar`,`tar`,`gz`,`7z`,`bz2`,`xz`]],[MazCommandLine,[`exe`,`dll`,`so`,`dylib`,`dmg`,`deb`,`rpm`,`app`,`bat`,`cmd`]],[MazCodeBracket,`css.scss.sass.less.py.java.cpp.c.h.hpp.go.rs.rust.php.rb.swift.kt.kotlin.sql.sh.bash.zsh.yaml.yml.toml.ini`.split(`.`)],[MazCog,[`conf`,`config`,`env`,`cfg`]],[MazPresentationChartBar,[`ppt`,`pptx`,`key`,`odp`]],[MazDocumentText,[`rtf`,`odt`]],[MazPencilSquare,[`ttf`,`otf`,`woff`,`woff2`,`eot`]],[MazPaintBrush,[`ai`,`psd`,`sketch`,`fig`,`xd`,`eps`]],[MazDocumentIcon,[`pdf`,`doc`,`docx`,`tsv`,`document`]]];for(let[icon,extensions]of groups)for(let ext of extensions)map.set(ext,icon);return map})();function getIconComponent(fileData){let type=fileData.file.type.split(`/`)?.[1]?.split(`+`)?.[0]?.toLowerCase();let extension=fileData.file.name.split(`.`).pop()?.toLowerCase();return extensionIconMap.get(type)||extension&&extensionIconMap.get(extension)||extensionIconMap.get(`document`)}function handleFileInputClick(){fileInput.value&&fileInput.value.click()}function handleFileRemove(fileData){fileData.url&&URL.revokeObjectURL(fileData.url),filesData.value=filesData.value.filter(f=>f.file!==fileData.file),emits(`remove`,fileData.file)}let selectAreaCanBeDisplayed=ref(!0);let dataTypesString=computed(()=>__props.dataTypes?.map(formatReadable).join(`, `));let allFileIsAccepted=computed(()=>__props.dataTypes?.length===1&&__props.dataTypes[0]===`*/*`);let{t}=useTranslations();let messages=computed(()=>{let customTranslations=__props.translations||{};return{dragAndDrop:customTranslations.dragAndDrop??t(`dropzone.dragAndDrop`),fileMaxCount:__props.maxFiles?customTranslations.fileMaxCount??t(`dropzone.fileMaxCount`,{count:__props.maxFiles}):void 0,fileMaxSize:__props.maxFileSize?customTranslations.fileMaxSize??t(`dropzone.fileMaxSize`,{size:__props.maxFileSize}):void 0,fileTypes:dataTypesString.value?customTranslations.fileTypes??t(`dropzone.fileTypes`,{types:dataTypesString.value}):void 0,selectFile:customTranslations.selectFile??t(`dropzone.selectFile`),divider:customTranslations.divider??t(`dropzone.divider`)}});function formatReadable(fmt){if(fmt.startsWith(`.`))return fmt;if(fmt.includes(`/`)){let[type,subtype]=fmt.split(`/`);if(subtype===`*`){let customTypes=__props.translations?.types||{};switch(type){case`image`:return customTypes.image??t(`dropzone.types.image`);case`video`:return customTypes.video??t(`dropzone.types.video`);case`audio`:return customTypes.audio??t(`dropzone.types.audio`);case`text`:return customTypes.text??t(`dropzone.types.text`);default:return fmt}}return subtype}return fmt}function reset(){filesData.value.forEach(fileData=>{fileData.url&&URL.revokeObjectURL(fileData.url)}),filesData.value=[]}function addFile(file){handleFiles([file])}function removeFile(file){filesData.value=filesData.value.filter(f=>f.file!==file)}function isFileTypeAllowed(file){return!__props.dataTypes||__props.dataTypes.includes(`*/*`)?!0:__props.dataTypes.some(type=>type.startsWith(`.`)?file.name.toLowerCase().endsWith(type.toLowerCase()):type.endsWith(`/*`)?file.type.startsWith(type.slice(0,-1)):file.type===type)}return __expose({uploadFiles,uploadFilesMultiple,getFormData,getFormDataMultiple,reset,isUploading,addFile,removeFile}),(_ctx,_cache)=>(openBlock(),createElementBlock(`label`,{ref_key:`dropZoneRef`,ref:dropZoneRef,role:`button`,tabindex:`0`,for:`input-file-uploader-${unref(instanceId)}`,class:normalizeClass([`m-dropzone m-reset-css`,{"m-dropzone--disabled":__props.disabled,"m-dropzone--is-over-drop-zone":unref(isOverDropZone)&&!unref(isOverError),"m-dropzone--is-over-error":unref(isOverError)}]),style:normalizeStyle({"--active-color":`hsl(var(--maz-${__props.color}))`})},[renderSlot(_ctx.$slots,`files-area`,{filesData:filesData.value},()=>[createVNode(TransitionGroup,{name:`file-scale`,tag:`div`,class:`m-dropzone__files-container`,onBeforeEnter:_cache[1]||=$event=>selectAreaCanBeDisplayed.value=!1,onAfterLeave:_cache[2]||=$event=>selectAreaCanBeDisplayed.value=filesData.value.length===0},{default:withCtx(()=>[(openBlock(!0),createElementBlock(Fragment,null,renderList(filesData.value,file=>(openBlock(),createElementBlock(`div`,{key:`${file.name}-${file.size}-${file}`,class:`m-dropzone__file-item group`,onClick:_cache[0]||=withModifiers(()=>{},[`prevent`])},[renderSlot(_ctx.$slots,`file-item`,{file},()=>[file.thumbnail&&__props.preview?(openBlock(),createElementBlock(Fragment,{key:0},[createElementVNode(`div`,{style:normalizeStyle({backgroundImage:`url(${file.thumbnail})`,backgroundSize:`cover`,backgroundPosition:`center`}),class:`m-dropzone__thumbnail`},null,4),_cache[4]||=createElementVNode(`div`,{class:`m-dropzone__overlay`},null,-1)],64)):createCommentVNode(``,!0),createElementVNode(`div`,_hoisted_2,[createVNode(Transition,{name:`icon-scale`},{default:withCtx(()=>[file.uploading?(openBlock(),createBlock(unref(MazSpinner),mergeProps({key:0,color:__props.color,class:`m-dropzone__spinner`},{ref_for:!0},__props.spinnerProps),null,16,[`color`])):file.success?(openBlock(),createBlock(unref(MazCheckCircle),{key:1,class:`m-dropzone__success-icon`})):file.error?(openBlock(),createBlock(unref(MazXCircle),{key:2,class:`m-dropzone__error-icon`})):(openBlock(),createElementBlock(`div`,_hoisted_3,[createVNode(MazIcon_default,{icon:getIconComponent(file),size:`lg`,class:`m-dropzone__file-icon`},null,8,[`icon`])]))]),_:2},1024)]),createElementVNode(`div`,_hoisted_4,[createElementVNode(`div`,_hoisted_5,[createElementVNode(`span`,_hoisted_6,toDisplayString(file.name),1),createElementVNode(`span`,_hoisted_7,toDisplayString(file.sizeInMb)+` MB`,1)]),!file.uploading&&!file.success?(openBlock(),createBlock(MazBtn_default,mergeProps({key:0,size:`xs`,icon:unref(MazTrash),disabled:__props.disabled,color:`destructive`,pastel:``},{ref_for:!0},__props.removeFileBtnProps,{onClick:withModifiers($event=>handleFileRemove(file),[`prevent`])}),null,16,[`icon`,`disabled`,`onClick`])):createCommentVNode(``,!0)])],!0)]))),128))]),_:3})],!0),filesData.value.length===0&&selectAreaCanBeDisplayed.value?renderSlot(_ctx.$slots,`no-files-area`,{key:0,selectFile:handleFileInputClick},()=>[createElementVNode(`div`,_hoisted_8,[renderSlot(_ctx.$slots,`upload-icon`,{},()=>[createVNode(unref(MazArrowUpOnSquare),{class:`m-dropzone__upload-icon`})],!0),createElementVNode(`span`,_hoisted_9,[createTextVNode(toDisplayString(messages.value.dragAndDrop)+` `+toDisplayString(messages.value.divider)+` `,1),createVNode(MazLink_default,{color:`inherit`,underline:``,onClick:_cache[3]||=withModifiers($event=>!__props.disabled&&handleFileInputClick(),[`prevent`])},{default:withCtx(()=>[createTextVNode(toDisplayString(messages.value.selectFile),1)]),_:1})])]),!allFileIsAccepted.value&&(messages.value.fileMaxCount||messages.value.fileMaxSize||messages.value.fileTypes)?(openBlock(),createElementBlock(`p`,_hoisted_10,[messages.value.fileMaxCount?(openBlock(),createElementBlock(`span`,_hoisted_11,toDisplayString(messages.value.fileMaxCount),1)):createCommentVNode(``,!0),messages.value.fileMaxSize?(openBlock(),createElementBlock(`span`,_hoisted_12,toDisplayString(messages.value.fileMaxSize),1)):createCommentVNode(``,!0),messages.value.fileTypes?(openBlock(),createElementBlock(`span`,_hoisted_13,toDisplayString(messages.value.fileTypes),1)):createCommentVNode(``,!0)])):createCommentVNode(``,!0)],!0):createCommentVNode(``,!0),createElementVNode(`input`,{id:`input-file-uploader-${unref(instanceId)}`,ref_key:`fileInput`,ref:fileInput,multiple:hasMultiple.value,type:`file`,accept:__props.dataTypes?.join(`,`),tabindex:`-1`,disabled:__props.disabled,class:`m-dropzone__file-input`,onChange:handleFileUpload},null,40,_hoisted_14)],14,_hoisted_1))}}),[[`__scopeId`,`data-v-7a36205a`]]);export{MazDropzone_default as t};
|