maz-ui 4.7.5 → 4.7.6
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/chunks/MazAccordion.CKnz73h4.js +1 -0
- package/dist/chunks/MazAlert.B8hE7wet.js +1 -0
- package/dist/chunks/MazAnimatedCounter.GLLYbZAz.js +1 -0
- package/dist/chunks/MazAnimatedElement._8NY8WgC.js +1 -0
- package/dist/chunks/MazAnimatedText.BSZ8FNf-.js +1 -0
- package/dist/chunks/MazAvatar.vO5VNPi8.js +1 -0
- package/dist/chunks/MazBackdrop.Cjbwi8-V.js +1 -0
- package/dist/chunks/MazBadge.BBZJgHXm.js +1 -0
- package/dist/chunks/MazBottomSheet.WgZ6qobx.js +1 -0
- package/dist/chunks/MazBtn.Cc9C1v2l.js +1 -0
- package/dist/chunks/MazBtnGroup.3B1XcqWM.js +1 -0
- package/dist/chunks/MazCard.YYC0LaHY.js +1 -0
- package/dist/chunks/MazCardSpotlight.SpZF61hl.js +1 -0
- package/dist/chunks/MazCarousel.1NT4jcvR.js +1 -0
- package/dist/chunks/MazChart.CDZ2PBTC.js +1 -0
- package/dist/chunks/MazCheckbox.DurIbKdf.js +1 -0
- package/dist/chunks/MazChecklist.D9ezwGpQ.js +1 -0
- package/dist/chunks/MazCircularProgressBar.rATx_hD9.js +1 -0
- package/dist/chunks/MazContainer.zXcfMOs-.js +1 -0
- package/dist/chunks/MazDatePicker.KUP34cbV.js +1 -0
- package/dist/chunks/MazDialog.CtKF3Xzo.js +1 -0
- package/dist/chunks/MazDialogConfirm.CAAHeBPE.js +1 -0
- package/dist/chunks/MazDrawer.Dc_RGG8a.js +1 -0
- package/dist/chunks/MazDropdown.2DUcivzO.js +1 -0
- package/dist/chunks/MazDropzone.CiWiPcFM.js +1 -0
- package/dist/chunks/MazExpandAnimation.CMMwtuQA.js +1 -0
- package/dist/chunks/MazFullscreenLoader.BIVRcZJ8.js +1 -0
- package/dist/chunks/MazGallery.CEmGy0K9.js +1 -0
- package/dist/chunks/MazIcon.ZWAk25ZX.js +1 -0
- package/dist/chunks/MazInput.DJjWLaKg.js +1 -0
- package/dist/chunks/MazInputCode.DKnl3i-X.js +1 -0
- package/dist/chunks/MazInputNumber.B42Mn-9h.js +1 -0
- package/dist/chunks/MazInputPhoneNumber.CLivThtK.js +1 -0
- package/dist/chunks/MazInputPrice.BeL-M944.js +1 -0
- package/dist/chunks/MazInputTags.CIVT9F6Q.js +1 -0
- package/dist/chunks/MazLazyImg.-EMwandx.js +1 -0
- package/dist/chunks/MazLink.BOpxMATj.js +1 -0
- package/dist/chunks/MazLoadingBar.C86AX2Tk.js +1 -0
- package/dist/chunks/MazPagination.CNNKXBsg.js +1 -0
- package/dist/chunks/MazPickerCalendarDays.CSZZbk5Z.js +1 -0
- package/dist/chunks/MazPickerCalendarGrid.DrUHBH6-.js +1 -0
- package/dist/chunks/MazPickerContainer.BZ74M74V.js +1 -0
- package/dist/chunks/MazPopover.Co8BEopX.js +1 -0
- package/dist/chunks/MazPullToRefresh.DMtb6Oa3.js +1 -0
- package/dist/chunks/MazRadio.75ipjTw2.js +1 -0
- package/dist/chunks/MazRadioButtons.DenHCgB3.js +1 -0
- package/dist/chunks/MazReadMore.CDXacQIw.js +1 -0
- package/dist/chunks/MazReadingProgressBar.828Y0mxA.js +1 -0
- package/dist/chunks/MazSelect.yYFAbBb5.js +1 -0
- package/dist/chunks/MazSelectCountry.DvVgk2es.js +1 -0
- package/dist/chunks/MazSkeleton.BewTYJC2.js +1 -0
- package/dist/chunks/MazSlider.BS5QHWK6.js +1 -0
- package/dist/chunks/MazSpinner.D3NN2pow.js +1 -0
- package/dist/chunks/MazStepper.DTu8HG9T.js +1 -0
- package/dist/chunks/MazSwitch.Dvmj-rTW.js +1 -0
- package/dist/chunks/MazTable.DnOehvN6.js +1 -0
- package/dist/chunks/MazTableCell.xbm2NGWL.js +1 -0
- package/dist/chunks/MazTableRow.B5dJiXk1.js +1 -0
- package/dist/chunks/MazTableTitle.DNA_1mCy.js +1 -0
- package/dist/chunks/MazTabs.-0-YP3QQ.js +1 -0
- package/dist/chunks/MazTabsBar.D2JVKMS7.js +1 -0
- package/dist/chunks/MazTabsContent.C9omK25X.js +1 -0
- package/dist/chunks/MazTabsContentItem.mJEAS5R8.js +1 -0
- package/dist/chunks/MazTextarea.BliEP5G5.js +1 -0
- package/dist/chunks/MazUiProvider.BgN8V0lD.js +1 -0
- package/dist/chunks/_plugin-vue_export-helper.ChmETRGw.js +1 -0
- package/dist/chunks/dialog.DexeIC3K.js +1 -0
- package/dist/chunks/dom-events.BPrKJiCz.js +1 -0
- package/dist/chunks/resolveLinkComponent.DAc3sqGH.js +1 -0
- package/dist/chunks/toast.UQ8RRuT9.js +1 -0
- package/dist/chunks/types.DDbvTVqf.js +1 -0
- package/dist/chunks/useMazInputPhoneNumber.B_qQ0ldP.js +1 -0
- package/dist/chunks/utils.B8bfGQxN.js +1 -0
- package/dist/chunks/vFullscreenImg.CZeRh3mw.js +1 -0
- package/dist/chunks/vLazyImg.CXmd3Lp0.js +1 -0
- package/dist/chunks/vZoomImg.CaAHb98S.js +124 -0
- package/dist/components/MazAccordion.js +1 -86
- package/dist/components/MazAlert.js +1 -85
- package/dist/components/MazAnimatedCounter.js +1 -73
- package/dist/components/MazAnimatedElement.js +1 -44
- package/dist/components/MazAnimatedText.js +1 -103
- package/dist/components/MazAvatar.js +1 -125
- package/dist/components/MazBackdrop.js +1 -163
- package/dist/components/MazBadge.js +1 -29
- package/dist/components/MazBottomSheet.js +1 -55
- package/dist/components/MazBtn.js +1 -109
- package/dist/components/MazBtnGroup.js +1 -44
- package/dist/components/MazCard.js +1 -184
- package/dist/components/MazCardSpotlight.js +1 -81
- package/dist/components/MazCarousel.js +1 -104
- package/dist/components/MazChart.js +1 -4
- package/dist/components/MazCheckbox.js +1 -128
- package/dist/components/MazChecklist.js +1 -133
- package/dist/components/MazCircularProgressBar.js +1 -131
- package/dist/components/MazContainer.js +1 -71
- package/dist/components/MazDatePicker/MazPickerCalendar.js +1 -113
- package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarDays.js +1 -19
- package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarGrid.js +1 -181
- package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarMonth.js +1 -75
- package/dist/components/MazDatePicker/MazPickerCalendarSwitcher.js +1 -90
- package/dist/components/MazDatePicker/MazPickerContainer.js +1 -116
- package/dist/components/MazDatePicker/MazPickerHeader.js +1 -126
- package/dist/components/MazDatePicker/MazPickerMonthSwitcher.js +1 -82
- package/dist/components/MazDatePicker/MazPickerShortcuts.js +1 -55
- package/dist/components/MazDatePicker/MazPickerTime.js +1 -178
- package/dist/components/MazDatePicker/MazPickerYearSwitcher.js +1 -95
- package/dist/components/MazDatePicker.js +1 -466
- package/dist/components/MazDatePicker.vue.d.ts +2 -6
- package/dist/components/MazDialog.js +1 -115
- package/dist/components/MazDialog.vue.d.ts +2 -6
- package/dist/components/MazDialogConfirm.js +1 -6
- package/dist/components/MazDialogConfirm.vue.d.ts +2 -6
- package/dist/components/MazDrawer.js +1 -70
- package/dist/components/MazDropdown.js +1 -277
- package/dist/components/MazDropdown.vue.d.ts +2 -6
- package/dist/components/MazDropzone.js +1 -533
- package/dist/components/MazExpandAnimation.js +1 -46
- package/dist/components/MazFullscreenLoader.js +1 -38
- package/dist/components/MazGallery.js +1 -105
- package/dist/components/MazIcon.js +1 -114
- package/dist/components/MazInput.js +1 -256
- package/dist/components/MazInputCode.js +1 -152
- package/dist/components/MazInputNumber.js +1 -152
- package/dist/components/MazInputPhoneNumber/PhoneInput.js +1 -114
- package/dist/components/MazInputPhoneNumber.js +1 -253
- package/dist/components/MazInputPrice.js +1 -4
- package/dist/components/MazInputTags.js +1 -145
- package/dist/components/MazLazyImg.js +1 -62
- package/dist/components/MazLink.js +1 -80
- package/dist/components/MazLoadingBar.js +1 -24
- package/dist/components/MazPagination.js +1 -184
- package/dist/components/MazPopover.js +1 -326
- package/dist/components/MazPullToRefresh.js +1 -145
- package/dist/components/MazRadio.js +1 -103
- package/dist/components/MazRadioButtons.js +1 -135
- package/dist/components/MazReadMore.js +1 -110
- package/dist/components/MazReadingProgressBar.js +1 -68
- package/dist/components/MazSelect.js +1 -413
- package/dist/components/MazSelectCountry.js +1 -192
- package/dist/components/MazSkeleton.js +1 -50
- package/dist/components/MazSlider.js +1 -205
- package/dist/components/MazSpinner.js +1 -27
- package/dist/components/MazStepper.js +1 -170
- package/dist/components/MazSwitch.js +1 -4
- package/dist/components/MazTable.js +1 -8
- package/dist/components/MazTableCell.js +1 -18
- package/dist/components/MazTableRow.js +1 -26
- package/dist/components/MazTableTitle.js +1 -18
- package/dist/components/MazTabs.js +1 -4
- package/dist/components/MazTabsBar.js +1 -138
- package/dist/components/MazTabsContent.js +1 -4
- package/dist/components/MazTabsContentItem.js +1 -37
- package/dist/components/MazTextarea.js +1 -147
- package/dist/components/MazUiProvider.js +1 -4
- package/dist/components/index.js +1 -127
- package/dist/composables/index.js +1 -44
- package/dist/composables/useAos.js +1 -7
- package/dist/composables/useBreakpoints.js +1 -34
- package/dist/composables/useDialog.js +1 -7
- package/dist/composables/useDisplayNames.js +1 -111
- package/dist/composables/useDropzone.js +1 -66
- package/dist/composables/useFormField.js +1 -101
- package/dist/composables/useFormValidator.js +1 -163
- package/dist/composables/useFreezeValue.js +1 -8
- package/dist/composables/useIdleTimeout.js +1 -10
- package/dist/composables/useInjectStrict.js +1 -10
- package/dist/composables/useInstanceUniqId.js +1 -12
- package/dist/composables/useMountComponent.js +1 -16
- package/dist/composables/useMutationObserver.js +1 -37
- package/dist/composables/useReadingTime.js +1 -33
- package/dist/composables/useStringMatching.js +1 -42
- package/dist/composables/useSwipe.js +1 -26
- package/dist/composables/useTimer.js +1 -36
- package/dist/composables/useToast.js +1 -14
- package/dist/composables/useUserVisibility.js +1 -10
- package/dist/composables/useWait.js +1 -7
- package/dist/composables/useWindowSize.js +1 -21
- package/dist/directives/index.js +1 -19
- package/dist/directives/vClickOutside.js +1 -104
- package/dist/directives/vFullscreenImg.js +1 -10
- package/dist/directives/vLazyImg.js +1 -23
- package/dist/directives/vTooltip.js +1 -161
- package/dist/directives/vZoomImg.js +1 -286
- package/dist/index.js +1 -1
- package/dist/plugins/aos.js +1 -89
- package/dist/plugins/dialog.js +1 -61
- package/dist/plugins/index.js +1 -17
- package/dist/plugins/maz-ui.js +1 -11
- package/dist/plugins/toast.js +1 -261
- package/dist/plugins/wait.js +1 -43
- package/dist/resolvers/MazComponentsResolver.js +1 -18
- package/dist/resolvers/MazDirectivesResolver.js +1 -14
- package/dist/resolvers/MazModulesResolver.js +1 -76
- package/dist/resolvers/index.js +1 -8
- package/dist/tailwindcss/index.js +1 -20
- package/dist/tailwindcss/tailwind.config.js +1 -35
- package/dist/tailwindcss/utils/colors.js +1 -25
- package/dist/tailwindcss/variables/breakpoints.js +1 -29
- package/dist/tailwindcss/variables/colors.js +1 -33
- package/dist/tailwindcss/variables/design-tokens.js +1 -42
- package/dist/tailwindcss/variables/utilities.js +1 -20
- package/dist/tailwindcss/variables/z-indexes.js +1 -17
- package/package.json +12 -13
- package/dist/chunks/MazChart.vue_vue_type_script_setup_true_lang.DpG9UYdm.js +0 -50
- package/dist/chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.BB2rYkwY.js +0 -215
- package/dist/chunks/MazInputPrice.vue_vue_type_script_setup_true_lang.DcNkyw1C.js +0 -77
- package/dist/chunks/MazSwitch.vue_vue_type_style_index_0_lang.lYfYsI0R.js +0 -84
- package/dist/chunks/MazTable.vue_vue_type_script_setup_true_lang.ycpSYFvJ.js +0 -517
- package/dist/chunks/MazTabs.vue_vue_type_script_setup_true_lang.CiIFxs7J.js +0 -28
- package/dist/chunks/MazTabsContent.vue_vue_type_script_setup_true_lang.MO7zA8LZ.js +0 -26
- package/dist/chunks/MazUiProvider.vue_vue_type_script_setup_true_lang.DtnM1DOn.js +0 -34
- package/dist/chunks/_plugin-vue_export-helper.B--vMWp3.js +0 -9
- package/dist/chunks/dom-events.DTx6Kblx.js +0 -368
- package/dist/chunks/fullscreen-img.directive.BJieSSIt.js +0 -321
- package/dist/chunks/lazy-img.directive.GRfYbidn.js +0 -174
- package/dist/chunks/resolveLinkComponent.CKR2McYy.js +0 -8
- package/dist/chunks/types.D0Bp_UhS.js +0 -6
- package/dist/chunks/useMazInputPhoneNumber.Os-2y9bz.js +0 -157
- package/dist/chunks/utils.D89Q5cCP.js +0 -207
- /package/dist/assets/{fullscreen-img.DFp1SMPU.css → vFullscreenImg.DFp1SMPU.css} +0 -0
|
@@ -1,81 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { isServer } from "@maz-ui/utils";
|
|
3
|
-
import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
|
|
4
|
-
import '../assets/MazCardSpotlight.BO_zxErd.css';const _hoisted_1 = { class: "inner" }, _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
-
__name: "MazCardSpotlight",
|
|
6
|
-
props: {
|
|
7
|
-
color: { default: "primary" },
|
|
8
|
-
elevation: { type: Boolean, default: !1 },
|
|
9
|
-
padding: { type: Boolean, default: !0 },
|
|
10
|
-
contentClass: { type: [Boolean, null, String, Object, Array], default: () => {
|
|
11
|
-
} },
|
|
12
|
-
contentStyle: { type: [Boolean, null, String, Object, Array], default: () => {
|
|
13
|
-
} },
|
|
14
|
-
innerOpacity: { default: 0.95 }
|
|
15
|
-
},
|
|
16
|
-
setup(__props) {
|
|
17
|
-
const containerElement = ref(), blobElement = ref(), blobVisible = ref(!1);
|
|
18
|
-
let rafId = null, isIntersecting = !1, cachedRect = null;
|
|
19
|
-
const alphaColor = computed(() => `hsl(var(--maz-${__props.color}) / 60%)`), alphaColor20 = computed(() => `hsl(var(--maz-${__props.color}) / 20%)`);
|
|
20
|
-
function updateCachedRect() {
|
|
21
|
-
containerElement.value && (cachedRect = containerElement.value.getBoundingClientRect());
|
|
22
|
-
}
|
|
23
|
-
function updateBlobPosition(x, y) {
|
|
24
|
-
if (!blobElement.value || !cachedRect)
|
|
25
|
-
return;
|
|
26
|
-
const blobWidth = 208, blobHeight = 208, translateX = x - cachedRect.left - blobWidth / 2, translateY = y - cachedRect.top - blobHeight / 2;
|
|
27
|
-
blobElement.value.style.transform = `translate(${translateX}px, ${translateY}px)`;
|
|
28
|
-
}
|
|
29
|
-
function handleMouseMove(event) {
|
|
30
|
-
!isIntersecting || rafId !== null || (blobVisible.value = !0, rafId = requestAnimationFrame(() => {
|
|
31
|
-
updateBlobPosition(event.clientX, event.clientY), rafId = null;
|
|
32
|
-
}));
|
|
33
|
-
}
|
|
34
|
-
function stopBlobAnimation() {
|
|
35
|
-
blobVisible.value = !1, rafId !== null && (cancelAnimationFrame(rafId), rafId = null);
|
|
36
|
-
}
|
|
37
|
-
return onMounted(() => {
|
|
38
|
-
if (isServer() || !containerElement.value)
|
|
39
|
-
return;
|
|
40
|
-
updateCachedRect();
|
|
41
|
-
const observer = new IntersectionObserver(
|
|
42
|
-
(entries) => {
|
|
43
|
-
isIntersecting = entries[0].isIntersecting, isIntersecting || stopBlobAnimation();
|
|
44
|
-
},
|
|
45
|
-
{ threshold: 0 }
|
|
46
|
-
);
|
|
47
|
-
observer.observe(containerElement.value);
|
|
48
|
-
const handleScrollResize = () => {
|
|
49
|
-
updateCachedRect();
|
|
50
|
-
};
|
|
51
|
-
globalThis.addEventListener("mousemove", handleMouseMove, { passive: !0 }), globalThis.addEventListener("scroll", handleScrollResize, { passive: !0 }), globalThis.addEventListener("resize", handleScrollResize, { passive: !0 }), onBeforeUnmount(() => {
|
|
52
|
-
rafId !== null && cancelAnimationFrame(rafId), observer.disconnect(), globalThis.removeEventListener("mousemove", handleMouseMove), globalThis.removeEventListener("scroll", handleScrollResize), globalThis.removeEventListener("resize", handleScrollResize);
|
|
53
|
-
});
|
|
54
|
-
}), (_ctx, _cache) => (openBlock(), createElementBlock("div", {
|
|
55
|
-
ref_key: "containerElement",
|
|
56
|
-
ref: containerElement,
|
|
57
|
-
class: normalizeClass(["m-card-spotlight m-reset-css", { "maz-shadow-elevation maz-drop-shadow-md": __props.elevation }]),
|
|
58
|
-
style: normalizeStyle({ backgroundColor: alphaColor20.value, "--inner-opacity": __props.innerOpacity })
|
|
59
|
-
}, [
|
|
60
|
-
createElementVNode("div", _hoisted_1, [
|
|
61
|
-
createElementVNode("div", {
|
|
62
|
-
class: normalizeClass(["content", [{ "maz-p-4": __props.padding }, __props.contentClass]]),
|
|
63
|
-
style: normalizeStyle(__props.contentStyle)
|
|
64
|
-
}, [
|
|
65
|
-
renderSlot(_ctx.$slots, "default", {}, void 0, !0)
|
|
66
|
-
], 6)
|
|
67
|
-
]),
|
|
68
|
-
withDirectives(createElementVNode("div", {
|
|
69
|
-
ref_key: "blobElement",
|
|
70
|
-
ref: blobElement,
|
|
71
|
-
class: "blob",
|
|
72
|
-
style: normalizeStyle({ backgroundColor: alphaColor.value })
|
|
73
|
-
}, null, 4), [
|
|
74
|
-
[vShow, blobVisible.value]
|
|
75
|
-
])
|
|
76
|
-
], 6));
|
|
77
|
-
}
|
|
78
|
-
}), MazCardSpotlight = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cdc7c952"]]);
|
|
79
|
-
export {
|
|
80
|
-
MazCardSpotlight as default
|
|
81
|
-
};
|
|
1
|
+
import{t as MazCardSpotlight_default}from"../chunks/MazCardSpotlight.SpZF61hl.js";export{MazCardSpotlight_default as default};
|
|
@@ -1,104 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { MazChevronLeft, MazChevronRight } from "@maz-ui/icons/static";
|
|
3
|
-
import { useTranslations } from "@maz-ui/translations/composables/useTranslations";
|
|
4
|
-
import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
|
|
5
|
-
import '../assets/MazCarousel.Cv238VJ_.css';const _hoisted_1 = { key: 0 }, _hoisted_2 = { class: "maz-text-xl maz-font-semibold" }, _hoisted_3 = {
|
|
6
|
-
key: 1,
|
|
7
|
-
class: "m-carousel__header__actions"
|
|
8
|
-
}, _sfc_main = /* @__PURE__ */ defineComponent({
|
|
9
|
-
__name: "MazCarousel",
|
|
10
|
-
props: {
|
|
11
|
-
hideScrollButtons: { type: Boolean, default: !1 },
|
|
12
|
-
translations: {},
|
|
13
|
-
hideScrollbar: { type: Boolean, default: !1 },
|
|
14
|
-
title: {}
|
|
15
|
-
},
|
|
16
|
-
setup(__props) {
|
|
17
|
-
const MazBtn = defineAsyncComponent(() => import("./MazBtn.js")), slots = useSlots(), isScrolled = ref(!1), isScrolledMax = ref(!1), MazCarouselItems = ref(), { t } = useTranslations(), messages = computed(() => ({
|
|
18
|
-
ariaLabel: {
|
|
19
|
-
previousButton: __props.translations?.ariaLabel?.previousButton ?? t("carousel.ariaLabel.previousButton"),
|
|
20
|
-
nextButton: __props.translations?.ariaLabel?.nextButton ?? t("carousel.ariaLabel.nextButton")
|
|
21
|
-
}
|
|
22
|
-
}));
|
|
23
|
-
function hasHeader() {
|
|
24
|
-
return !__props.hideScrollButtons || slots.title || __props.title;
|
|
25
|
-
}
|
|
26
|
-
function hasTitle() {
|
|
27
|
-
return !!slots.title || !!__props.title;
|
|
28
|
-
}
|
|
29
|
-
function next() {
|
|
30
|
-
const items = MazCarouselItems.value;
|
|
31
|
-
items?.scrollTo(items.scrollLeft + items.clientWidth, 0);
|
|
32
|
-
}
|
|
33
|
-
function previous() {
|
|
34
|
-
const items = MazCarouselItems.value;
|
|
35
|
-
items?.scrollTo(items.scrollLeft - items.clientWidth, 0);
|
|
36
|
-
}
|
|
37
|
-
function setScrollState(event) {
|
|
38
|
-
const target = event.target;
|
|
39
|
-
if (!target)
|
|
40
|
-
return;
|
|
41
|
-
isScrolled.value = target.scrollLeft >= 20;
|
|
42
|
-
const itemsScrollWidth = target.scrollWidth - target.clientWidth;
|
|
43
|
-
isScrolledMax.value = target.scrollLeft >= itemsScrollWidth - 20;
|
|
44
|
-
}
|
|
45
|
-
return (_ctx, _cache) => (openBlock(), createElementBlock("div", {
|
|
46
|
-
class: normalizeClass(["m-carousel m-reset-css", {
|
|
47
|
-
"--hide-scrollbar": __props.hideScrollbar
|
|
48
|
-
}])
|
|
49
|
-
}, [
|
|
50
|
-
hasHeader() ? (openBlock(), createElementBlock("div", {
|
|
51
|
-
key: 0,
|
|
52
|
-
class: normalizeClass(["m-carousel__header", { "--has-title": hasTitle() }])
|
|
53
|
-
}, [
|
|
54
|
-
hasTitle() ? (openBlock(), createElementBlock("div", _hoisted_1, [
|
|
55
|
-
renderSlot(_ctx.$slots, "title", {}, () => [
|
|
56
|
-
createElementVNode("h4", _hoisted_2, toDisplayString(__props.title), 1)
|
|
57
|
-
], !0)
|
|
58
|
-
])) : createCommentVNode("", !0),
|
|
59
|
-
__props.hideScrollButtons ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_3, [
|
|
60
|
-
createVNode(unref(MazBtn), {
|
|
61
|
-
color: "transparent",
|
|
62
|
-
class: normalizeClass(["m-carousel__btn", { "--muted": !isScrolled.value }]),
|
|
63
|
-
fab: "",
|
|
64
|
-
"aria-label": messages.value.ariaLabel.previousButton,
|
|
65
|
-
onClick: previous
|
|
66
|
-
}, {
|
|
67
|
-
default: withCtx(() => [
|
|
68
|
-
renderSlot(_ctx.$slots, "previous-icon", {}, () => [
|
|
69
|
-
createVNode(unref(MazChevronLeft), { class: "maz-text-lg" })
|
|
70
|
-
], !0)
|
|
71
|
-
]),
|
|
72
|
-
_: 3
|
|
73
|
-
}, 8, ["class", "aria-label"]),
|
|
74
|
-
createVNode(unref(MazBtn), {
|
|
75
|
-
color: "transparent",
|
|
76
|
-
class: normalizeClass(["m-carousel__btn", { "--muted": isScrolledMax.value }]),
|
|
77
|
-
fab: "",
|
|
78
|
-
"aria-label": messages.value.ariaLabel.nextButton,
|
|
79
|
-
onClick: next
|
|
80
|
-
}, {
|
|
81
|
-
default: withCtx(() => [
|
|
82
|
-
renderSlot(_ctx.$slots, "next-icon", {}, () => [
|
|
83
|
-
createVNode(unref(MazChevronRight), { class: "maz-text-lg" })
|
|
84
|
-
], !0)
|
|
85
|
-
]),
|
|
86
|
-
_: 3
|
|
87
|
-
}, 8, ["class", "aria-label"])
|
|
88
|
-
]))
|
|
89
|
-
], 2)) : createCommentVNode("", !0),
|
|
90
|
-
createElementVNode("div", {
|
|
91
|
-
ref_key: "MazCarouselItems",
|
|
92
|
-
ref: MazCarouselItems,
|
|
93
|
-
class: "m-carousel__items",
|
|
94
|
-
onScroll: setScrollState
|
|
95
|
-
}, [
|
|
96
|
-
renderSlot(_ctx.$slots, "default", {}, void 0, !0),
|
|
97
|
-
_cache[0] || (_cache[0] = createElementVNode("div", { class: "m-carousel__items__spacer" }, null, -1))
|
|
98
|
-
], 544)
|
|
99
|
-
], 2));
|
|
100
|
-
}
|
|
101
|
-
}), MazCarousel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a50d0cbc"]]);
|
|
102
|
-
export {
|
|
103
|
-
MazCarousel as default
|
|
104
|
-
};
|
|
1
|
+
import{t as MazCarousel_default}from"../chunks/MazCarousel.1NT4jcvR.js";export{MazCarousel_default as default};
|
|
@@ -1,128 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { MazCheck } from "@maz-ui/icons/static";
|
|
3
|
-
import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
|
|
4
|
-
import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
|
|
5
|
-
import '../assets/MazCheckbox.D8ZvoKLE.css';const _hoisted_1 = ["for", "aria-checked"], _hoisted_2 = ["id", "checked", "disabled", "name"], _hoisted_3 = {
|
|
6
|
-
key: 0,
|
|
7
|
-
class: "m-checkbox__text"
|
|
8
|
-
}, _sfc_main = /* @__PURE__ */ defineComponent({
|
|
9
|
-
inheritAttrs: !1,
|
|
10
|
-
__name: "MazCheckbox",
|
|
11
|
-
props: {
|
|
12
|
-
style: { type: [Boolean, null, String, Object, Array], default: void 0 },
|
|
13
|
-
class: { type: [Boolean, null, String, Object, Array], default: void 0 },
|
|
14
|
-
modelValue: { default: void 0 },
|
|
15
|
-
id: { default: void 0 },
|
|
16
|
-
color: { default: "primary" },
|
|
17
|
-
value: { type: [String, Number, Boolean], default: void 0 },
|
|
18
|
-
name: { default: "m-checkbox" },
|
|
19
|
-
size: { default: "md" },
|
|
20
|
-
label: { default: void 0 },
|
|
21
|
-
disabled: { type: Boolean, default: !1 },
|
|
22
|
-
error: { type: Boolean },
|
|
23
|
-
success: { type: Boolean },
|
|
24
|
-
warning: { type: Boolean },
|
|
25
|
-
hint: {}
|
|
26
|
-
},
|
|
27
|
-
emits: ["update:model-value", "change", "blur", "focus"],
|
|
28
|
-
setup(__props, { emit: __emit }) {
|
|
29
|
-
const props = __props, emits = __emit, instanceId = useInstanceUniqId({
|
|
30
|
-
componentName: "MazCheckbox",
|
|
31
|
-
providedId: props.id
|
|
32
|
-
}), inputRef = ref(), isFocused = ref(!1), isChecked = computed(() => typeof props.value != "boolean" && Array.isArray(props.modelValue) ? props.modelValue.includes(props.value) : typeof props.modelValue == "boolean" ? props.modelValue : !1), checkboxSize = computed(() => {
|
|
33
|
-
switch (props.size) {
|
|
34
|
-
case "xl":
|
|
35
|
-
return "2rem";
|
|
36
|
-
case "lg":
|
|
37
|
-
return "1.75rem";
|
|
38
|
-
case "sm":
|
|
39
|
-
return "1.25rem";
|
|
40
|
-
case "xs":
|
|
41
|
-
return "1rem";
|
|
42
|
-
case "mini":
|
|
43
|
-
return "0.75rem";
|
|
44
|
-
default:
|
|
45
|
-
return "1.5rem";
|
|
46
|
-
}
|
|
47
|
-
}), checkIconSize = computed(() => {
|
|
48
|
-
switch (props.size) {
|
|
49
|
-
case "xl":
|
|
50
|
-
return "maz-text-2xl";
|
|
51
|
-
case "lg":
|
|
52
|
-
return "maz-text-xl";
|
|
53
|
-
case "sm":
|
|
54
|
-
return "maz-text-base";
|
|
55
|
-
case "xs":
|
|
56
|
-
return "maz-text-sm";
|
|
57
|
-
case "mini":
|
|
58
|
-
return "maz-text-xs";
|
|
59
|
-
default:
|
|
60
|
-
return "maz-text-lg";
|
|
61
|
-
}
|
|
62
|
-
}), checkIconColor = computed(() => props.color === "contrast" ? "hsl(var(--maz-background))" : `hsl(var(--maz-${props.color}-foreground))`), checkboxSelectedColor = computed(() => props.color === "contrast" ? "hsl(var(--maz-contrast))" : `hsl(var(--maz-${props.color}))`), 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%)`);
|
|
63
|
-
function keyboardHandler(event) {
|
|
64
|
-
["Space"].includes(event.code) && (event.preventDefault(), emitValue(props.value ?? !props.modelValue));
|
|
65
|
-
}
|
|
66
|
-
function getNewValue(value) {
|
|
67
|
-
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];
|
|
68
|
-
}
|
|
69
|
-
function emitValue(value) {
|
|
70
|
-
const newValue = getNewValue(value);
|
|
71
|
-
emits("update:model-value", newValue), emits("change", newValue);
|
|
72
|
-
}
|
|
73
|
-
function onBlur(event) {
|
|
74
|
-
isFocused.value = !1, inputRef.value?.dispatchEvent(new Event("blur")), emits("blur", event);
|
|
75
|
-
}
|
|
76
|
-
function onFocus(event) {
|
|
77
|
-
isFocused.value = !0, inputRef.value?.dispatchEvent(new Event("focus")), emits("focus", event);
|
|
78
|
-
}
|
|
79
|
-
return (_ctx, _cache) => (openBlock(), createElementBlock("label", {
|
|
80
|
-
for: unref(instanceId),
|
|
81
|
-
class: normalizeClass(["m-checkbox m-reset-css", [{ "--error": __props.error, "--warning": __props.warning, "--success": __props.success }, props.class]]),
|
|
82
|
-
style: normalizeStyle([__props.style, { "--checkbox-selected-color": checkboxSelectedColor.value, "--checkbox-box-shadow-color": checkboxBoxShadow.value }]),
|
|
83
|
-
role: "checkbox",
|
|
84
|
-
"aria-checked": isChecked.value,
|
|
85
|
-
tabindex: "0",
|
|
86
|
-
onKeydown: keyboardHandler,
|
|
87
|
-
onBlur,
|
|
88
|
-
onFocus
|
|
89
|
-
}, [
|
|
90
|
-
createElementVNode("input", mergeProps({
|
|
91
|
-
id: unref(instanceId),
|
|
92
|
-
ref_key: "inputRef",
|
|
93
|
-
ref: inputRef,
|
|
94
|
-
checked: isChecked.value
|
|
95
|
-
}, _ctx.$attrs, {
|
|
96
|
-
tabindex: "-1",
|
|
97
|
-
disabled: __props.disabled,
|
|
98
|
-
name: __props.name,
|
|
99
|
-
type: "checkbox",
|
|
100
|
-
onChange: _cache[0] || (_cache[0] = ($event) => emitValue(__props.value ?? $event?.target?.checked))
|
|
101
|
-
}), null, 16, _hoisted_2),
|
|
102
|
-
createElementVNode("span", {
|
|
103
|
-
style: normalizeStyle({ width: checkboxSize.value, height: checkboxSize.value })
|
|
104
|
-
}, [
|
|
105
|
-
createVNode(unref(MazCheck), {
|
|
106
|
-
class: normalizeClass(["check-icon", checkIconSize.value]),
|
|
107
|
-
style: normalizeStyle({ color: checkIconColor.value })
|
|
108
|
-
}, null, 8, ["class", "style"])
|
|
109
|
-
], 4),
|
|
110
|
-
__props.label || _ctx.$slots.default || __props.hint ? (openBlock(), createElementBlock("div", _hoisted_3, [
|
|
111
|
-
renderSlot(_ctx.$slots, "default", { value: __props.value }, () => [
|
|
112
|
-
createTextVNode(toDisplayString(__props.label), 1)
|
|
113
|
-
], !0),
|
|
114
|
-
__props.hint ? (openBlock(), createElementBlock("span", {
|
|
115
|
-
key: 0,
|
|
116
|
-
class: normalizeClass(["m-checkbox__hint", {
|
|
117
|
-
"--error": __props.error,
|
|
118
|
-
"--success": __props.success,
|
|
119
|
-
"--warning": __props.warning
|
|
120
|
-
}])
|
|
121
|
-
}, toDisplayString(__props.hint), 3)) : createCommentVNode("", !0)
|
|
122
|
-
])) : createCommentVNode("", !0)
|
|
123
|
-
], 46, _hoisted_1));
|
|
124
|
-
}
|
|
125
|
-
}), MazCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c6f15c31"]]);
|
|
126
|
-
export {
|
|
127
|
-
MazCheckbox as default
|
|
128
|
-
};
|
|
1
|
+
import{t as MazCheckbox_default}from"../chunks/MazCheckbox.DurIbKdf.js";export{MazCheckbox_default as default};
|
|
@@ -1,133 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { MazMagnifyingGlass, MazNoSymbol } from "@maz-ui/icons/lazy";
|
|
3
|
-
import { useTranslations } from "@maz-ui/translations/composables/useTranslations";
|
|
4
|
-
import { normalizeString } from "@maz-ui/utils/helpers/normalizeString";
|
|
5
|
-
import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
|
|
6
|
-
import { useStringMatching } from "../composables/useStringMatching.js";
|
|
7
|
-
import MazCardSpotlight from "./MazCardSpotlight.js";
|
|
8
|
-
import MazCheckbox from "./MazCheckbox.js";
|
|
9
|
-
import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
|
|
10
|
-
import '../assets/MazChecklist.rxUzujHO.css';const _hoisted_1 = { class: "m-checklist m-reset-css" }, _hoisted_2 = ["for"], _hoisted_3 = {
|
|
11
|
-
key: 0,
|
|
12
|
-
class: "title"
|
|
13
|
-
}, _hoisted_4 = {
|
|
14
|
-
key: 0,
|
|
15
|
-
class: "no-results"
|
|
16
|
-
}, _hoisted_5 = { class: "no-results-content" }, _hoisted_6 = { class: "no-results-text" }, _hoisted_7 = ["for"], _hoisted_8 = { class: "item-label" }, _sfc_main = /* @__PURE__ */ defineComponent({
|
|
17
|
-
__name: "MazChecklist",
|
|
18
|
-
props: {
|
|
19
|
-
modelValue: {},
|
|
20
|
-
query: {},
|
|
21
|
-
items: {},
|
|
22
|
-
title: {},
|
|
23
|
-
elevation: { type: Boolean, default: !1 },
|
|
24
|
-
search: { type: [Boolean, Object] },
|
|
25
|
-
searchOptions: {},
|
|
26
|
-
searchFunction: { type: Function },
|
|
27
|
-
color: { default: "primary" },
|
|
28
|
-
translations: {}
|
|
29
|
-
},
|
|
30
|
-
emits: ["update:query", "update:model-value"],
|
|
31
|
-
setup(__props, { emit: __emit }) {
|
|
32
|
-
const emits = __emit, id = useInstanceUniqId({
|
|
33
|
-
componentName: "MazChecklist"
|
|
34
|
-
}), MazInput = defineAsyncComponent(() => import("./MazInput.js")), internalQuery = ref(__props.query);
|
|
35
|
-
watch(
|
|
36
|
-
() => __props.query,
|
|
37
|
-
(value) => {
|
|
38
|
-
internalQuery.value = value;
|
|
39
|
-
}
|
|
40
|
-
);
|
|
41
|
-
const { t } = useTranslations(), messages = computed(() => ({
|
|
42
|
-
noResultsFound: __props.translations?.noResultsFound ?? t("checklist.noResultsFound"),
|
|
43
|
-
searchInput: {
|
|
44
|
-
placeholder: __props.translations?.searchInput?.placeholder ?? t("checklist.searchInput.placeholder")
|
|
45
|
-
}
|
|
46
|
-
})), filteredItems = computed(() => {
|
|
47
|
-
if (!internalQuery.value || !__props.search)
|
|
48
|
-
return __props.items;
|
|
49
|
-
const normalizedQuery = normalizeString(internalQuery.value, __props.searchOptions);
|
|
50
|
-
return __props.searchFunction ? __props.searchFunction(normalizedQuery, __props.items ?? []) : getFilteredOptionWithQuery(normalizedQuery);
|
|
51
|
-
});
|
|
52
|
-
function searchInValue(value, query) {
|
|
53
|
-
return query && value && normalizeString(value).includes(normalizeString(query));
|
|
54
|
-
}
|
|
55
|
-
function getFilteredOptionWithQuery(query) {
|
|
56
|
-
return __props.items?.filter(({ label, value }) => {
|
|
57
|
-
const threshold = __props.searchOptions?.threshold, normalizedQuery = normalizeString(query, __props.searchOptions), searchLabel = normalizeString(label, __props.searchOptions), searchValue = normalizeString(value, __props.searchOptions);
|
|
58
|
-
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;
|
|
59
|
-
});
|
|
60
|
-
}
|
|
61
|
-
function updateQuery(value) {
|
|
62
|
-
internalQuery.value = value, emits("update:query", value);
|
|
63
|
-
}
|
|
64
|
-
return (_ctx, _cache) => (openBlock(), createElementBlock("div", _hoisted_1, [
|
|
65
|
-
createElementVNode("label", {
|
|
66
|
-
for: __props.search ? `${unref(id)}-query` : void 0,
|
|
67
|
-
class: "search-label"
|
|
68
|
-
}, [
|
|
69
|
-
_ctx.$slots.title || __props.title ? (openBlock(), createElementBlock("span", _hoisted_3, [
|
|
70
|
-
renderSlot(_ctx.$slots, "title", {}, () => [
|
|
71
|
-
createTextVNode(toDisplayString(__props.title), 1)
|
|
72
|
-
], !0)
|
|
73
|
-
])) : createCommentVNode("", !0),
|
|
74
|
-
__props.search ? (openBlock(), createBlock(unref(MazInput), mergeProps({
|
|
75
|
-
key: 1,
|
|
76
|
-
id: `${unref(id)}-query`,
|
|
77
|
-
"model-value": internalQuery.value
|
|
78
|
-
}, typeof __props.search == "object" ? __props.search : {}, {
|
|
79
|
-
color: typeof __props.search == "object" && __props.search.color ? __props.search.color : __props.color,
|
|
80
|
-
"left-icon": typeof __props.search == "object" ? __props.search.leftIcon ?? unref(MazMagnifyingGlass) : void 0,
|
|
81
|
-
debounce: typeof __props.search == "object" ? __props.search.debounce ?? 300 : void 0,
|
|
82
|
-
name: typeof __props.search == "object" ? __props.search.name ?? "search" : void 0,
|
|
83
|
-
placeholder: typeof __props.search == "object" && __props.search.placeholder ? __props.search.placeholder : messages.value.searchInput.placeholder,
|
|
84
|
-
"onUpdate:modelValue": _cache[0] || (_cache[0] = (event) => updateQuery(event))
|
|
85
|
-
}), null, 16, ["id", "model-value", "color", "left-icon", "debounce", "name", "placeholder"])) : createCommentVNode("", !0)
|
|
86
|
-
], 8, _hoisted_2),
|
|
87
|
-
createVNode(MazCardSpotlight, {
|
|
88
|
-
color: __props.color,
|
|
89
|
-
elevation: __props.elevation,
|
|
90
|
-
padding: !1,
|
|
91
|
-
"content-class": "card-content"
|
|
92
|
-
}, {
|
|
93
|
-
default: withCtx(() => [
|
|
94
|
-
filteredItems.value?.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [
|
|
95
|
-
renderSlot(_ctx.$slots, "no-results", {}, () => [
|
|
96
|
-
createElementVNode("div", _hoisted_5, [
|
|
97
|
-
createVNode(unref(MazNoSymbol), { class: "no-results-icon" }),
|
|
98
|
-
createElementVNode("span", _hoisted_6, [
|
|
99
|
-
renderSlot(_ctx.$slots, "no-results-text", {}, () => [
|
|
100
|
-
createTextVNode(toDisplayString(messages.value.noResultsFound), 1)
|
|
101
|
-
], !0)
|
|
102
|
-
])
|
|
103
|
-
])
|
|
104
|
-
], !0)
|
|
105
|
-
])) : createCommentVNode("", !0),
|
|
106
|
-
(openBlock(!0), createElementBlock(Fragment, null, renderList(filteredItems.value, (item) => (openBlock(), createElementBlock("label", {
|
|
107
|
-
key: item.value,
|
|
108
|
-
for: `${unref(id)}-checklist-item-${item.value}`,
|
|
109
|
-
class: "m-checklist-item m-reset-css"
|
|
110
|
-
}, [
|
|
111
|
-
createVNode(MazCheckbox, {
|
|
112
|
-
id: `${unref(id)}-checklist-item-${item.value}`,
|
|
113
|
-
"model-value": __props.modelValue,
|
|
114
|
-
value: item.value,
|
|
115
|
-
color: __props.color,
|
|
116
|
-
"onUpdate:modelValue": _cache[1] || (_cache[1] = (event) => emits("update:model-value", event))
|
|
117
|
-
}, null, 8, ["id", "model-value", "value", "color"]),
|
|
118
|
-
renderSlot(_ctx.$slots, "item", {
|
|
119
|
-
selectedValues: __props.modelValue,
|
|
120
|
-
item
|
|
121
|
-
}, () => [
|
|
122
|
-
createElementVNode("span", _hoisted_8, toDisplayString(item.label), 1)
|
|
123
|
-
], !0)
|
|
124
|
-
], 8, _hoisted_7))), 128))
|
|
125
|
-
]),
|
|
126
|
-
_: 3
|
|
127
|
-
}, 8, ["color", "elevation"])
|
|
128
|
-
]));
|
|
129
|
-
}
|
|
130
|
-
}), MazChecklist = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fe0618be"]]);
|
|
131
|
-
export {
|
|
132
|
-
MazChecklist as default
|
|
133
|
-
};
|
|
1
|
+
import"../chunks/MazCardSpotlight.SpZF61hl.js";import"../chunks/MazCheckbox.DurIbKdf.js";import{t as MazChecklist_default}from"../chunks/MazChecklist.D9ezwGpQ.js";export{MazChecklist_default as default};
|
|
@@ -1,131 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { useInstanceUniqId } from "../composables/useInstanceUniqId.js";
|
|
3
|
-
import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
|
|
4
|
-
import '../assets/MazCircularProgressBar.B5iS2mNo.css';const _hoisted_1 = { class: "outer" }, _hoisted_2 = { class: "inner" }, _hoisted_3 = { key: 0 }, _hoisted_4 = ["id"], _hoisted_5 = ["stop-color"], _hoisted_6 = ["stop-color"], _hoisted_7 = ["stroke-width", "stroke-dashoffset", "stroke", "stroke-linecap"], _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
-
__name: "MazCircularProgressBar",
|
|
6
|
-
props: {
|
|
7
|
-
percentage: {},
|
|
8
|
-
size: { default: "10em" },
|
|
9
|
-
duration: { default: 1e3 },
|
|
10
|
-
delay: { default: 100 },
|
|
11
|
-
color: {},
|
|
12
|
-
autoColor: { type: Boolean, default: !1 },
|
|
13
|
-
prefix: {},
|
|
14
|
-
suffix: {},
|
|
15
|
-
strokeLinecap: { default: "round" },
|
|
16
|
-
strokeWidth: { default: 6 },
|
|
17
|
-
stroke: {},
|
|
18
|
-
successPercentage: { default: 100 },
|
|
19
|
-
warningPercentage: { default: 75 },
|
|
20
|
-
dangerPercentage: { default: 50 },
|
|
21
|
-
once: { type: Boolean, default: !0 }
|
|
22
|
-
},
|
|
23
|
-
setup(__props) {
|
|
24
|
-
const MazAnimatedCounter = defineAsyncComponent(() => import("./MazAnimatedCounter.js")), slots = useSlots(), hasPrefix = computed(() => !!__props.prefix || !!slots.prefix), hasSuffix = computed(() => !!__props.suffix || !!slots.suffix), id = useInstanceUniqId({
|
|
25
|
-
componentName: "MazCircularProgressBar"
|
|
26
|
-
}), adjustedPercentage = computed(() => __props.percentage > 100 ? 100 : __props.percentage <= 0 ? 0.5 : __props.percentage), currentColor = computed(
|
|
27
|
-
() => __props.autoColor ? getStatusColor(adjustedPercentage.value) : __props.color
|
|
28
|
-
);
|
|
29
|
-
function getStatusColor(percent) {
|
|
30
|
-
return percent < __props.dangerPercentage || percent > 100 ? "destructive" : percent < __props.warningPercentage ? "warning" : percent >= __props.successPercentage ? "success" : "primary";
|
|
31
|
-
}
|
|
32
|
-
const animationDuration = computed(() => `${__props.duration}ms`), dashoffset = computed(() => Math.round(290 - 290 * (adjustedPercentage.value / 100))), isVisible = ref(!1), circleRef = ref(null), hasBeenAnimated = ref(!1);
|
|
33
|
-
let observer = null;
|
|
34
|
-
return onMounted(() => {
|
|
35
|
-
observer = new IntersectionObserver(([entry]) => {
|
|
36
|
-
(!isVisible.value || !__props.once) && (isVisible.value = entry.isIntersecting), __props.once && circleRef.value && (observer?.unobserve(circleRef.value), circleRef.value?.addEventListener("animationend", () => {
|
|
37
|
-
hasBeenAnimated.value = !0;
|
|
38
|
-
}));
|
|
39
|
-
}), circleRef.value && observer.observe(circleRef.value);
|
|
40
|
-
}), onBeforeUnmount(() => observer?.disconnect()), (_ctx, _cache) => (openBlock(), createElementBlock("div", {
|
|
41
|
-
class: "m-circular-progress-bar m-reset-css",
|
|
42
|
-
style: normalizeStyle([
|
|
43
|
-
{
|
|
44
|
-
"--animation-duration": animationDuration.value,
|
|
45
|
-
"--dashoffset": dashoffset.value,
|
|
46
|
-
"--delay": `${__props.delay}ms`
|
|
47
|
-
},
|
|
48
|
-
{
|
|
49
|
-
fontSize: __props.size
|
|
50
|
-
}
|
|
51
|
-
])
|
|
52
|
-
}, [
|
|
53
|
-
createElementVNode("div", _hoisted_1, [
|
|
54
|
-
createElementVNode("div", _hoisted_2, [
|
|
55
|
-
unref(slots).default ? (openBlock(), createElementBlock("span", _hoisted_3, [
|
|
56
|
-
renderSlot(_ctx.$slots, "default", {}, void 0, !0)
|
|
57
|
-
])) : (openBlock(), createBlock(unref(MazAnimatedCounter), {
|
|
58
|
-
key: 1,
|
|
59
|
-
count: __props.percentage,
|
|
60
|
-
duration: __props.duration,
|
|
61
|
-
delay: __props.delay,
|
|
62
|
-
once: __props.once
|
|
63
|
-
}, createSlots({ _: 2 }, [
|
|
64
|
-
hasPrefix.value ? {
|
|
65
|
-
name: "prefix",
|
|
66
|
-
fn: withCtx(() => [
|
|
67
|
-
renderSlot(_ctx.$slots, "prefix", {}, () => [
|
|
68
|
-
createTextVNode(toDisplayString(__props.prefix), 1)
|
|
69
|
-
], !0)
|
|
70
|
-
]),
|
|
71
|
-
key: "0"
|
|
72
|
-
} : void 0,
|
|
73
|
-
hasSuffix.value ? {
|
|
74
|
-
name: "suffix",
|
|
75
|
-
fn: withCtx(() => [
|
|
76
|
-
renderSlot(_ctx.$slots, "suffix", {}, () => [
|
|
77
|
-
createTextVNode(toDisplayString(__props.suffix), 1)
|
|
78
|
-
], !0)
|
|
79
|
-
]),
|
|
80
|
-
key: "1"
|
|
81
|
-
} : void 0
|
|
82
|
-
]), 1032, ["count", "duration", "delay", "once"]))
|
|
83
|
-
])
|
|
84
|
-
]),
|
|
85
|
-
(openBlock(), createElementBlock("svg", {
|
|
86
|
-
ref_key: "circleRef",
|
|
87
|
-
ref: circleRef,
|
|
88
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
89
|
-
height: "1em",
|
|
90
|
-
width: "1em",
|
|
91
|
-
class: normalizeClass({
|
|
92
|
-
animate: isVisible.value
|
|
93
|
-
}),
|
|
94
|
-
viewBox: "0 0 100 100"
|
|
95
|
-
}, [
|
|
96
|
-
createElementVNode("defs", null, [
|
|
97
|
-
createElementVNode("linearGradient", {
|
|
98
|
-
id: `${unref(id)}-gradient`,
|
|
99
|
-
x1: "0",
|
|
100
|
-
x2: "0",
|
|
101
|
-
y1: "1",
|
|
102
|
-
y2: "0"
|
|
103
|
-
}, [
|
|
104
|
-
createElementVNode("stop", {
|
|
105
|
-
offset: "0%",
|
|
106
|
-
"stop-color": currentColor.value ? `hsl(var(--maz-${currentColor.value}-400))` : "hsl(var(--maz-primary))"
|
|
107
|
-
}, null, 8, _hoisted_5),
|
|
108
|
-
createElementVNode("stop", {
|
|
109
|
-
offset: "100%",
|
|
110
|
-
"stop-color": currentColor.value ? `hsl(var(--maz-${currentColor.value}-700))` : "hsl(var(--maz-secondary))"
|
|
111
|
-
}, null, 8, _hoisted_6)
|
|
112
|
-
], 8, _hoisted_4)
|
|
113
|
-
]),
|
|
114
|
-
createElementVNode("circle", {
|
|
115
|
-
cx: "50",
|
|
116
|
-
cy: "50",
|
|
117
|
-
r: "46",
|
|
118
|
-
"stroke-width": __props.strokeWidth,
|
|
119
|
-
"stroke-dasharray": "290",
|
|
120
|
-
"stroke-dashoffset": hasBeenAnimated.value ? dashoffset.value : 290,
|
|
121
|
-
stroke: __props.stroke ? __props.stroke : `url(#${unref(id)}-gradient)`,
|
|
122
|
-
fill: "none",
|
|
123
|
-
"stroke-linecap": __props.strokeLinecap
|
|
124
|
-
}, null, 8, _hoisted_7)
|
|
125
|
-
], 2))
|
|
126
|
-
], 4));
|
|
127
|
-
}
|
|
128
|
-
}), MazCircularProgressBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bfa690b0"]]);
|
|
129
|
-
export {
|
|
130
|
-
MazCircularProgressBar as default
|
|
131
|
-
};
|
|
1
|
+
import{t as MazCircularProgressBar_default}from"../chunks/MazCircularProgressBar.rATx_hD9.js";export{MazCircularProgressBar_default as default};
|
|
@@ -1,71 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
|
|
3
|
-
import '../assets/MazContainer.C6peNsA0.css';const _hoisted_1 = {
|
|
4
|
-
key: 0,
|
|
5
|
-
class: "m-container__header"
|
|
6
|
-
}, _hoisted_2 = { class: "m-container__content" }, _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
|
-
__name: "MazContainer",
|
|
8
|
-
props: {
|
|
9
|
-
title: { default: () => {
|
|
10
|
-
} },
|
|
11
|
-
elevation: { type: Boolean, default: !1 },
|
|
12
|
-
padding: { type: Boolean, default: !0 },
|
|
13
|
-
bordered: { type: Boolean, default: !0 },
|
|
14
|
-
roundedSize: { default: "lg" },
|
|
15
|
-
transparent: { type: Boolean, default: !1 },
|
|
16
|
-
overflowHidden: { type: Boolean, default: !0 },
|
|
17
|
-
leftIcon: { type: [Function, Object, String] },
|
|
18
|
-
rightIcon: { type: [Function, Object, String] },
|
|
19
|
-
iconSize: { default: "md" },
|
|
20
|
-
block: { type: Boolean, default: !1 }
|
|
21
|
-
},
|
|
22
|
-
setup(__props) {
|
|
23
|
-
const MazIcon = defineAsyncComponent(() => import("./MazIcon.js"));
|
|
24
|
-
return (_ctx, _cache) => (openBlock(), createElementBlock("div", {
|
|
25
|
-
class: normalizeClass(["m-container m-reset-css", [{
|
|
26
|
-
"--elevation": __props.elevation,
|
|
27
|
-
"--padding": __props.padding,
|
|
28
|
-
"--bordered": __props.bordered,
|
|
29
|
-
"--transparent": __props.transparent,
|
|
30
|
-
"--overflow-hidden": __props.overflowHidden,
|
|
31
|
-
"--block": __props.block
|
|
32
|
-
}, __props.roundedSize && `--rounded-${__props.roundedSize}`]])
|
|
33
|
-
}, [
|
|
34
|
-
renderSlot(_ctx.$slots, "header", {}, () => [
|
|
35
|
-
__props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_1, [
|
|
36
|
-
renderSlot(_ctx.$slots, "icon-left", {}, () => [
|
|
37
|
-
typeof __props.leftIcon == "string" ? (openBlock(), createBlock(unref(MazIcon), {
|
|
38
|
-
key: 0,
|
|
39
|
-
name: __props.leftIcon,
|
|
40
|
-
size: __props.iconSize
|
|
41
|
-
}, null, 8, ["name", "size"])) : __props.leftIcon ? (openBlock(), createBlock(unref(MazIcon), {
|
|
42
|
-
key: 1,
|
|
43
|
-
icon: __props.leftIcon,
|
|
44
|
-
size: __props.iconSize
|
|
45
|
-
}, null, 8, ["icon", "size"])) : createCommentVNode("", !0)
|
|
46
|
-
], !0),
|
|
47
|
-
renderSlot(_ctx.$slots, "title", {}, () => [
|
|
48
|
-
createTextVNode(toDisplayString(__props.title), 1)
|
|
49
|
-
], !0),
|
|
50
|
-
renderSlot(_ctx.$slots, "icon-right", {}, () => [
|
|
51
|
-
typeof __props.rightIcon == "string" ? (openBlock(), createBlock(unref(MazIcon), {
|
|
52
|
-
key: 0,
|
|
53
|
-
name: __props.rightIcon,
|
|
54
|
-
size: __props.iconSize
|
|
55
|
-
}, null, 8, ["name", "size"])) : __props.rightIcon ? (openBlock(), createBlock(unref(MazIcon), {
|
|
56
|
-
key: 1,
|
|
57
|
-
icon: __props.rightIcon,
|
|
58
|
-
size: __props.iconSize
|
|
59
|
-
}, null, 8, ["icon", "size"])) : createCommentVNode("", !0)
|
|
60
|
-
], !0)
|
|
61
|
-
])) : createCommentVNode("", !0)
|
|
62
|
-
], !0),
|
|
63
|
-
createElementVNode("div", _hoisted_2, [
|
|
64
|
-
renderSlot(_ctx.$slots, "default", {}, void 0, !0)
|
|
65
|
-
])
|
|
66
|
-
], 2));
|
|
67
|
-
}
|
|
68
|
-
}), MazContainer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-99e22269"]]);
|
|
69
|
-
export {
|
|
70
|
-
MazContainer as default
|
|
71
|
-
};
|
|
1
|
+
import{t as MazContainer_default}from"../chunks/MazContainer.zXcfMOs-.js";export{MazContainer_default as default};
|