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,163 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
|
|
3
|
-
import '../assets/MazBackdrop.CNkHZg2a.css';const _hoisted_1 = ["aria-labelledby", "aria-describedby"], _hoisted_2 = {
|
|
4
|
-
role: "dialog",
|
|
5
|
-
class: "m-backdrop-container",
|
|
6
|
-
"aria-modal": "true"
|
|
7
|
-
}, _hoisted_3 = { class: "m-backdrop-wrapper" }, MODAL_OPENED_CLASS = "--backdrop-present", _sfc_main = /* @__PURE__ */ defineComponent({
|
|
8
|
-
inheritAttrs: !1,
|
|
9
|
-
__name: "MazBackdrop",
|
|
10
|
-
props: {
|
|
11
|
-
modelValue: { type: Boolean, default: !1 },
|
|
12
|
-
teleportSelector: { default: "body" },
|
|
13
|
-
beforeClose: { type: Function },
|
|
14
|
-
persistent: { type: Boolean, default: !1 },
|
|
15
|
-
closeOnEscape: { type: Boolean, default: !0 },
|
|
16
|
-
transitionName: { default: "backdrop-anim" },
|
|
17
|
-
backdropClass: { type: [Boolean, null, String, Object, Array] },
|
|
18
|
-
backdropContentClass: { type: [Boolean, null, String, Object, Array] },
|
|
19
|
-
contentPadding: { type: Boolean, default: !1 },
|
|
20
|
-
justify: { default: "none" },
|
|
21
|
-
align: { default: "none" },
|
|
22
|
-
variant: {},
|
|
23
|
-
ariaLabelledby: {},
|
|
24
|
-
ariaDescribedby: {}
|
|
25
|
-
},
|
|
26
|
-
emits: ["open", "close", "update:model-value", "before-close"],
|
|
27
|
-
setup(__props, { expose: __expose, emit: __emit }) {
|
|
28
|
-
const emits = __emit;
|
|
29
|
-
function getScrollbarWidth() {
|
|
30
|
-
return window.innerWidth - document.documentElement.clientWidth;
|
|
31
|
-
}
|
|
32
|
-
function addClassToDocument() {
|
|
33
|
-
const scrollbarWidth = getScrollbarWidth();
|
|
34
|
-
scrollbarWidth > 0 && (document.documentElement.style.setProperty("--scrollbar-width", `${scrollbarWidth}px`), document.documentElement.classList.add("--has-scrollbar")), document.documentElement.classList.add(MODAL_OPENED_CLASS);
|
|
35
|
-
}
|
|
36
|
-
function removeClassFromDocument() {
|
|
37
|
-
document.querySelector(".m-backdrop.--present") || (document.documentElement.classList.remove(MODAL_OPENED_CLASS), document.documentElement.classList.remove("--has-scrollbar"), document.documentElement.style.removeProperty("--scrollbar-width"));
|
|
38
|
-
}
|
|
39
|
-
const present = ref(__props.modelValue);
|
|
40
|
-
function close() {
|
|
41
|
-
__props.persistent || toggleModal(!1);
|
|
42
|
-
}
|
|
43
|
-
async function toggleModal(value) {
|
|
44
|
-
const newValue = value ?? !present.value;
|
|
45
|
-
newValue || (emits("before-close"), await __props.beforeClose?.()), present.value = newValue;
|
|
46
|
-
}
|
|
47
|
-
function onBackdropAnimationEnter() {
|
|
48
|
-
emits("open");
|
|
49
|
-
}
|
|
50
|
-
function onBackdropAnimationLeave() {
|
|
51
|
-
emits("update:model-value", !1), emits("close"), removeClassAndEventToDocument();
|
|
52
|
-
}
|
|
53
|
-
function onKeyPress(event) {
|
|
54
|
-
__props.closeOnEscape && event.key === "Escape" && close();
|
|
55
|
-
}
|
|
56
|
-
function addClassAndEventToDocument() {
|
|
57
|
-
addClassToDocument(), document.addEventListener("keyup", onKeyPress, !1), document.addEventListener("keydown", trapFocus, !1);
|
|
58
|
-
}
|
|
59
|
-
function removeClassAndEventToDocument() {
|
|
60
|
-
try {
|
|
61
|
-
document.removeEventListener("keyup", onKeyPress), document.removeEventListener("keydown", trapFocus);
|
|
62
|
-
} catch (error) {
|
|
63
|
-
console.warn("Error removing event listeners:", error);
|
|
64
|
-
}
|
|
65
|
-
removeClassFromDocument();
|
|
66
|
-
}
|
|
67
|
-
onMounted(() => {
|
|
68
|
-
__props.modelValue ? addClassAndEventToDocument() : removeClassAndEventToDocument();
|
|
69
|
-
});
|
|
70
|
-
let initialFocusableElement = null;
|
|
71
|
-
function getAllFocusableElements(selector) {
|
|
72
|
-
const modal = document.querySelector(selector);
|
|
73
|
-
return (modal && [...modal.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], input[type="email"], input[type="password"], input[type="url"], input[type="tel"], input[type="number"], input[type="search"], input[type="date"], input[type="time"], select, [tabindex]:not([tabindex="-1"]), [contenteditable="true"]')])?.filter((el) => {
|
|
74
|
-
const style = globalThis.getComputedStyle(el), isDisabled = "disabled" in el ? el.disabled : !1;
|
|
75
|
-
return style.display !== "none" && style.visibility !== "hidden" && !isDisabled && el.tabIndex !== -1;
|
|
76
|
-
}) || [];
|
|
77
|
-
}
|
|
78
|
-
function findFirstFocusableElement(selector) {
|
|
79
|
-
const focusableElements = getAllFocusableElements(selector);
|
|
80
|
-
return focusableElements.length > 0 ? focusableElements[0] : null;
|
|
81
|
-
}
|
|
82
|
-
function trapFocus(event) {
|
|
83
|
-
if (event.key !== "Tab")
|
|
84
|
-
return;
|
|
85
|
-
const focusableElements = getAllFocusableElements(".m-backdrop-content");
|
|
86
|
-
if (focusableElements.length === 0)
|
|
87
|
-
return;
|
|
88
|
-
const firstFocusable = focusableElements[0], lastFocusable = focusableElements.at(-1);
|
|
89
|
-
event.shiftKey ? document.activeElement === firstFocusable && (event.preventDefault(), lastFocusable?.focus()) : document.activeElement === lastFocusable && (event.preventDefault(), firstFocusable?.focus());
|
|
90
|
-
}
|
|
91
|
-
return watch(
|
|
92
|
-
() => __props.modelValue,
|
|
93
|
-
async (value) => {
|
|
94
|
-
present.value = value, value ? (addClassAndEventToDocument(), initialFocusableElement = document.activeElement, await nextTick(), findFirstFocusableElement(".m-backdrop-content")?.focus()) : (removeClassAndEventToDocument(), await nextTick(), initialFocusableElement?.focus());
|
|
95
|
-
}
|
|
96
|
-
), __expose({
|
|
97
|
-
/**
|
|
98
|
-
* Animation leave event
|
|
99
|
-
* @description This is used to handle animation leave events
|
|
100
|
-
*/
|
|
101
|
-
onBackdropAnimationLeave,
|
|
102
|
-
/**
|
|
103
|
-
* Close the backdrop
|
|
104
|
-
* @description This is used to close the backdrop
|
|
105
|
-
*/
|
|
106
|
-
close,
|
|
107
|
-
/**
|
|
108
|
-
* The present state of the backdrop
|
|
109
|
-
* @description This is used to check if the backdrop is present (open)
|
|
110
|
-
*/
|
|
111
|
-
present,
|
|
112
|
-
/**
|
|
113
|
-
* Toggle the backdrop
|
|
114
|
-
* @description This is used to toggle the backdrop
|
|
115
|
-
* @param {boolean} value - The value to toggle the backdrop (optional)
|
|
116
|
-
*/
|
|
117
|
-
toggleModal,
|
|
118
|
-
/**
|
|
119
|
-
* Key press event
|
|
120
|
-
* @description This is used to handle key press events
|
|
121
|
-
*/
|
|
122
|
-
onKeyPress
|
|
123
|
-
}), (_ctx, _cache) => (openBlock(), createBlock(Teleport, {
|
|
124
|
-
to: __props.teleportSelector,
|
|
125
|
-
disabled: !present.value
|
|
126
|
-
}, [
|
|
127
|
-
createVNode(Transition, {
|
|
128
|
-
appear: "",
|
|
129
|
-
name: __props.transitionName,
|
|
130
|
-
onAfterEnter: onBackdropAnimationEnter,
|
|
131
|
-
onAfterLeave: onBackdropAnimationLeave
|
|
132
|
-
}, {
|
|
133
|
-
default: withCtx(() => [
|
|
134
|
-
present.value ? (openBlock(), createElementBlock("div", mergeProps({
|
|
135
|
-
key: 0,
|
|
136
|
-
class: "m-backdrop --present m-reset-css"
|
|
137
|
-
}, _ctx.$attrs, {
|
|
138
|
-
class: [__props.backdropClass, __props.variant && `--variant-${__props.variant}`, { "--persistent": __props.persistent }],
|
|
139
|
-
"aria-labelledby": __props.ariaLabelledby,
|
|
140
|
-
"aria-describedby": __props.ariaDescribedby
|
|
141
|
-
}), [
|
|
142
|
-
createElementVNode("div", _hoisted_2, [
|
|
143
|
-
createElementVNode("div", _hoisted_3, [
|
|
144
|
-
createElementVNode("div", {
|
|
145
|
-
class: normalizeClass(["m-backdrop-content", [__props.backdropContentClass, `--justify-${__props.justify}`, `--align-${__props.align}`, { "--padding": __props.contentPadding }]]),
|
|
146
|
-
role: "button",
|
|
147
|
-
tabindex: "-1",
|
|
148
|
-
onPointerdown: withModifiers(close, ["self"])
|
|
149
|
-
}, [
|
|
150
|
-
renderSlot(_ctx.$slots, "default", { close }, void 0, !0)
|
|
151
|
-
], 34)
|
|
152
|
-
])
|
|
153
|
-
])
|
|
154
|
-
], 16, _hoisted_1)) : createCommentVNode("", !0)
|
|
155
|
-
]),
|
|
156
|
-
_: 3
|
|
157
|
-
}, 8, ["name"])
|
|
158
|
-
], 8, ["to", "disabled"]));
|
|
159
|
-
}
|
|
160
|
-
}), MazBackdrop = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-779670d7"]]);
|
|
161
|
-
export {
|
|
162
|
-
MazBackdrop as default
|
|
163
|
-
};
|
|
1
|
+
import{t as MazBackdrop_default}from"../chunks/MazBackdrop.Cjbwi8-V.js";export{MazBackdrop_default as default};
|
|
@@ -1,29 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { g as getColor } from "../chunks/types.D0Bp_UhS.js";
|
|
3
|
-
import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
|
|
4
|
-
import '../assets/MazBadge.CA4y_6jd.css';const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
5
|
-
__name: "MazBadge",
|
|
6
|
-
props: {
|
|
7
|
-
color: { default: "primary" },
|
|
8
|
-
size: { default: "0.8em" },
|
|
9
|
-
nowrap: { type: Boolean, default: !1 },
|
|
10
|
-
outlined: { type: Boolean, default: !1 },
|
|
11
|
-
pastel: { type: Boolean, default: !1 },
|
|
12
|
-
roundedSize: { default: "md" }
|
|
13
|
-
},
|
|
14
|
-
setup(__props) {
|
|
15
|
-
return (_ctx, _cache) => (openBlock(), createElementBlock("span", {
|
|
16
|
-
class: normalizeClass(["m-badge m-reset-css", [
|
|
17
|
-
`--${unref(getColor)(__props.color)}`,
|
|
18
|
-
{ "--outlined": __props.outlined, "--pastel": __props.pastel, "--nowrap": __props.nowrap },
|
|
19
|
-
`--rounded-${__props.roundedSize}`
|
|
20
|
-
]]),
|
|
21
|
-
style: normalizeStyle({ fontSize: __props.size })
|
|
22
|
-
}, [
|
|
23
|
-
renderSlot(_ctx.$slots, "default", {}, void 0, !0)
|
|
24
|
-
], 6));
|
|
25
|
-
}
|
|
26
|
-
}), MazBadge = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e23f6c4f"]]);
|
|
27
|
-
export {
|
|
28
|
-
MazBadge as default
|
|
29
|
-
};
|
|
1
|
+
import{t as MazBadge_default}from"../chunks/MazBadge.BBZJgHXm.js";export{MazBadge_default as default};
|
|
@@ -1,55 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { MazXMark } from "@maz-ui/icons/static";
|
|
3
|
-
import MazBackdrop from "./MazBackdrop.js";
|
|
4
|
-
import MazBtn from "./MazBtn.js";
|
|
5
|
-
import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
|
|
6
|
-
import '../assets/MazBottomSheet.DINpJPlZ.css';const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
|
-
__name: "MazBottomSheet",
|
|
8
|
-
props: {
|
|
9
|
-
modelValue: { type: Boolean },
|
|
10
|
-
hideCloseButton: { type: Boolean, default: !1 },
|
|
11
|
-
padding: { type: Boolean, default: !0 }
|
|
12
|
-
},
|
|
13
|
-
emits: ["update:model-value", "open", "close"],
|
|
14
|
-
setup(__props, { emit: __emit }) {
|
|
15
|
-
const emits = __emit;
|
|
16
|
-
return (_ctx, _cache) => (openBlock(), createBlock(MazBackdrop, {
|
|
17
|
-
"model-value": __props.modelValue,
|
|
18
|
-
"transition-name": "bottom-sheet-anim",
|
|
19
|
-
"backdrop-class": "--bottom-sheet",
|
|
20
|
-
"content-padding": !1,
|
|
21
|
-
align: "end",
|
|
22
|
-
justify: "none",
|
|
23
|
-
variant: "bottom-sheet",
|
|
24
|
-
onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close", $event)),
|
|
25
|
-
onOpen: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("open", $event)),
|
|
26
|
-
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => emits("update:model-value", $event))
|
|
27
|
-
}, {
|
|
28
|
-
default: withCtx(({ close }) => [
|
|
29
|
-
createElementVNode("div", {
|
|
30
|
-
class: normalizeClass(["m-bottom-sheet__container", {
|
|
31
|
-
"--padding": __props.padding
|
|
32
|
-
}])
|
|
33
|
-
}, [
|
|
34
|
-
renderSlot(_ctx.$slots, "default", { close }, void 0, !0),
|
|
35
|
-
__props.hideCloseButton ? createCommentVNode("", !0) : (openBlock(), createBlock(MazBtn, {
|
|
36
|
-
key: 0,
|
|
37
|
-
size: "sm",
|
|
38
|
-
class: "m-bottom-sheet__close",
|
|
39
|
-
color: "transparent",
|
|
40
|
-
onClick: close
|
|
41
|
-
}, {
|
|
42
|
-
default: withCtx(() => [
|
|
43
|
-
createVNode(unref(MazXMark), { class: "maz-text-lg" })
|
|
44
|
-
]),
|
|
45
|
-
_: 1
|
|
46
|
-
}, 8, ["onClick"]))
|
|
47
|
-
], 2)
|
|
48
|
-
]),
|
|
49
|
-
_: 3
|
|
50
|
-
}, 8, ["model-value"]));
|
|
51
|
-
}
|
|
52
|
-
}), MazBottomSheet = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9b241cda"]]);
|
|
53
|
-
export {
|
|
54
|
-
MazBottomSheet as default
|
|
55
|
-
};
|
|
1
|
+
import"../chunks/MazBtn.Cc9C1v2l.js";import"../chunks/MazBackdrop.Cjbwi8-V.js";import{t as MazBottomSheet_default}from"../chunks/MazBottomSheet.WgZ6qobx.js";export{MazBottomSheet_default as default};
|
|
@@ -1,109 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { r as resolveLinkComponent } from "../chunks/resolveLinkComponent.CKR2McYy.js";
|
|
3
|
-
import { g as getColor } from "../chunks/types.D0Bp_UhS.js";
|
|
4
|
-
import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
|
|
5
|
-
import '../assets/MazBtn.CQJyxziA.css';const _hoisted_1 = {
|
|
6
|
-
key: 0,
|
|
7
|
-
class: "m-btn-loader-container"
|
|
8
|
-
}, _sfc_main = /* @__PURE__ */ defineComponent({
|
|
9
|
-
__name: "MazBtn",
|
|
10
|
-
props: {
|
|
11
|
-
text: {},
|
|
12
|
-
size: { default: "md" },
|
|
13
|
-
color: { default: "primary" },
|
|
14
|
-
type: { default: "button" },
|
|
15
|
-
roundedSize: { default: "lg" },
|
|
16
|
-
outlined: { type: Boolean },
|
|
17
|
-
pastel: { type: Boolean },
|
|
18
|
-
block: { type: Boolean },
|
|
19
|
-
loading: { type: Boolean },
|
|
20
|
-
disabled: { type: Boolean },
|
|
21
|
-
fab: { type: Boolean },
|
|
22
|
-
icon: { type: [String, Function, Object] },
|
|
23
|
-
leftIcon: { type: [String, Function, Object] },
|
|
24
|
-
rightIcon: { type: [String, Function, Object] },
|
|
25
|
-
padding: { type: Boolean, default: !0 },
|
|
26
|
-
justify: { default: "center" },
|
|
27
|
-
active: { type: Boolean }
|
|
28
|
-
},
|
|
29
|
-
setup(__props) {
|
|
30
|
-
const MazIcon = defineAsyncComponent(() => import("./MazIcon.js")), MazSpinner = defineAsyncComponent(() => import("./MazSpinner.js")), { href, to } = useAttrs(), routerLinkComponent = resolveLinkComponent(), component = computed(() => href ? "a" : to ? routerLinkComponent : "button"), btnColorClass = computed(() => __props.pastel ? `--${getColor(__props.color)}-pastel` : __props.outlined ? `--${getColor(__props.color)}-outlined` : `--${getColor(__props.color)}`), isDisabled = computed(
|
|
31
|
-
() => (__props.loading || __props.disabled) && component.value === "button"
|
|
32
|
-
), cursorClass = computed(() => isDisabled.value ? "--cursor-default" : "--cursor-pointer"), btnType = computed(() => component.value === "button" ? __props.type : void 0), iconSize = computed(() => ({
|
|
33
|
-
xl: "lg",
|
|
34
|
-
lg: "md",
|
|
35
|
-
md: "md",
|
|
36
|
-
sm: "sm",
|
|
37
|
-
xs: "xs",
|
|
38
|
-
mini: "1em"
|
|
39
|
-
})[__props.size] || "lg");
|
|
40
|
-
return (_ctx, _cache) => (openBlock(), createBlock(resolveDynamicComponent(component.value), {
|
|
41
|
-
disabled: isDisabled.value,
|
|
42
|
-
class: normalizeClass(["m-btn m-reset-css", [
|
|
43
|
-
`--${__props.size}`,
|
|
44
|
-
!__props.fab && __props.roundedSize && `--rounded-${__props.roundedSize}`,
|
|
45
|
-
btnColorClass.value,
|
|
46
|
-
cursorClass.value,
|
|
47
|
-
{
|
|
48
|
-
"--block": __props.block,
|
|
49
|
-
"--fab": __props.fab,
|
|
50
|
-
"--loading": __props.loading,
|
|
51
|
-
"--active": __props.active,
|
|
52
|
-
"--no-padding": !__props.padding,
|
|
53
|
-
"--has-left-icon": !!__props.leftIcon || !!_ctx.$slots["left-icon"],
|
|
54
|
-
"--has-right-icon": !!__props.rightIcon || !!_ctx.$slots["right-icon"]
|
|
55
|
-
}
|
|
56
|
-
]]),
|
|
57
|
-
style: normalizeStyle([`--justify: ${__props.justify}`, `--bg-color: var(--maz-${__props.color})`]),
|
|
58
|
-
type: btnType.value
|
|
59
|
-
}, {
|
|
60
|
-
default: withCtx(() => [
|
|
61
|
-
renderSlot(_ctx.$slots, "left-icon", {}, () => [
|
|
62
|
-
typeof __props.leftIcon == "string" ? (openBlock(), createBlock(unref(MazIcon), {
|
|
63
|
-
key: 0,
|
|
64
|
-
name: __props.leftIcon,
|
|
65
|
-
size: iconSize.value
|
|
66
|
-
}, null, 8, ["name", "size"])) : __props.leftIcon ? (openBlock(), createBlock(unref(MazIcon), {
|
|
67
|
-
key: 1,
|
|
68
|
-
icon: __props.leftIcon,
|
|
69
|
-
size: iconSize.value
|
|
70
|
-
}, null, 8, ["icon", "size"])) : createCommentVNode("", !0)
|
|
71
|
-
], !0),
|
|
72
|
-
renderSlot(_ctx.$slots, "icon", {}, () => [
|
|
73
|
-
typeof __props.icon == "string" ? (openBlock(), createBlock(unref(MazIcon), {
|
|
74
|
-
key: 0,
|
|
75
|
-
name: __props.icon,
|
|
76
|
-
size: iconSize.value
|
|
77
|
-
}, null, 8, ["name", "size"])) : __props.icon ? (openBlock(), createBlock(unref(MazIcon), {
|
|
78
|
-
key: 1,
|
|
79
|
-
icon: __props.icon,
|
|
80
|
-
size: iconSize.value
|
|
81
|
-
}, null, 8, ["icon", "size"])) : createCommentVNode("", !0)
|
|
82
|
-
], !0),
|
|
83
|
-
renderSlot(_ctx.$slots, "default", {}, () => [
|
|
84
|
-
createTextVNode(toDisplayString(__props.text), 1)
|
|
85
|
-
], !0),
|
|
86
|
-
renderSlot(_ctx.$slots, "right-icon", {}, () => [
|
|
87
|
-
typeof __props.rightIcon == "string" ? (openBlock(), createBlock(unref(MazIcon), {
|
|
88
|
-
key: 0,
|
|
89
|
-
name: __props.rightIcon,
|
|
90
|
-
size: iconSize.value
|
|
91
|
-
}, null, 8, ["name", "size"])) : __props.rightIcon ? (openBlock(), createBlock(unref(MazIcon), {
|
|
92
|
-
key: 1,
|
|
93
|
-
icon: __props.rightIcon,
|
|
94
|
-
size: iconSize.value
|
|
95
|
-
}, null, 8, ["icon", "size"])) : createCommentVNode("", !0)
|
|
96
|
-
], !0),
|
|
97
|
-
__props.loading ? (openBlock(), createElementBlock("div", _hoisted_1, [
|
|
98
|
-
renderSlot(_ctx.$slots, "loader", {}, () => [
|
|
99
|
-
createVNode(unref(MazSpinner), { size: "2em" })
|
|
100
|
-
], !0)
|
|
101
|
-
])) : createCommentVNode("", !0)
|
|
102
|
-
]),
|
|
103
|
-
_: 3
|
|
104
|
-
}, 8, ["disabled", "class", "style", "type"]));
|
|
105
|
-
}
|
|
106
|
-
}), MazBtn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6235965c"]]);
|
|
107
|
-
export {
|
|
108
|
-
MazBtn as default
|
|
109
|
-
};
|
|
1
|
+
import{t as MazBtn_default}from"../chunks/MazBtn.Cc9C1v2l.js";export{MazBtn_default as default};
|
|
@@ -1,44 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
|
|
3
|
-
import '../assets/MazBtnGroup.D97zgfFF.css';const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
4
|
-
__name: "MazBtnGroup",
|
|
5
|
-
props: {
|
|
6
|
-
items: {},
|
|
7
|
-
orientation: { default: "row" },
|
|
8
|
-
size: { default: "md" },
|
|
9
|
-
color: { default: "primary" },
|
|
10
|
-
roundedSize: {},
|
|
11
|
-
outlined: { type: Boolean },
|
|
12
|
-
pastel: { type: Boolean },
|
|
13
|
-
loading: { type: Boolean },
|
|
14
|
-
disabled: { type: Boolean }
|
|
15
|
-
},
|
|
16
|
-
setup(__props) {
|
|
17
|
-
const MazBtn = defineAsyncComponent(() => import("./MazBtn.js"));
|
|
18
|
-
return (_ctx, _cache) => (openBlock(), createElementBlock("div", {
|
|
19
|
-
class: normalizeClass(["m-button-group", [`--${__props.orientation}`]]),
|
|
20
|
-
role: "group"
|
|
21
|
-
}, [
|
|
22
|
-
(openBlock(!0), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => (openBlock(), createBlock(unref(MazBtn), mergeProps({ key: index }, { ref_for: !0 }, item, {
|
|
23
|
-
size: item.size ?? __props.size,
|
|
24
|
-
color: item.color ?? __props.color,
|
|
25
|
-
class: "m-button-group__button",
|
|
26
|
-
onClick: item.onClick
|
|
27
|
-
}), {
|
|
28
|
-
default: withCtx(() => [
|
|
29
|
-
renderSlot(_ctx.$slots, `button-${index}`, {
|
|
30
|
-
item,
|
|
31
|
-
index
|
|
32
|
-
}, () => [
|
|
33
|
-
createTextVNode(toDisplayString(item.text), 1)
|
|
34
|
-
], !0)
|
|
35
|
-
]),
|
|
36
|
-
_: 2
|
|
37
|
-
}, 1040, ["size", "color", "onClick"]))), 128)),
|
|
38
|
-
renderSlot(_ctx.$slots, "default", {}, void 0, !0)
|
|
39
|
-
], 2));
|
|
40
|
-
}
|
|
41
|
-
}), MazBtnGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c3f04a48"]]);
|
|
42
|
-
export {
|
|
43
|
-
MazBtnGroup as default
|
|
44
|
-
};
|
|
1
|
+
import{t as MazBtnGroup_default}from"../chunks/MazBtnGroup.3B1XcqWM.js";export{MazBtnGroup_default as default};
|
|
@@ -1,184 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { MazChevronDown } from "@maz-ui/icons/lazy";
|
|
3
|
-
import { r as resolveLinkComponent } from "../chunks/resolveLinkComponent.CKR2McYy.js";
|
|
4
|
-
import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
|
|
5
|
-
import '../assets/MazCard.DFxtXDsj.css';const _hoisted_1 = {
|
|
6
|
-
key: 0,
|
|
7
|
-
class: "m-card__gallery__wrapper"
|
|
8
|
-
}, _hoisted_2 = { class: "maz-min-w-0 maz-flex-1" }, _hoisted_3 = {
|
|
9
|
-
key: 0,
|
|
10
|
-
class: "m-card__title"
|
|
11
|
-
}, _hoisted_4 = {
|
|
12
|
-
key: 1,
|
|
13
|
-
class: "m-card__subtitle"
|
|
14
|
-
}, _hoisted_5 = {
|
|
15
|
-
key: 2,
|
|
16
|
-
class: "m-card__content"
|
|
17
|
-
}, _hoisted_6 = {
|
|
18
|
-
key: 2,
|
|
19
|
-
class: "m-card__actions maz-flex maz-p-2"
|
|
20
|
-
}, _sfc_main = /* @__PURE__ */ defineComponent({
|
|
21
|
-
__name: "MazCard",
|
|
22
|
-
props: /* @__PURE__ */ mergeModels({
|
|
23
|
-
orientation: { default: "column" },
|
|
24
|
-
href: { default: () => {
|
|
25
|
-
} },
|
|
26
|
-
to: { default: () => {
|
|
27
|
-
} },
|
|
28
|
-
hrefTarget: { default: "_self" },
|
|
29
|
-
footerAlign: { default: "right" },
|
|
30
|
-
gallery: { default: () => {
|
|
31
|
-
} },
|
|
32
|
-
scale: { type: Boolean, default: !0 },
|
|
33
|
-
elevation: { type: Boolean, default: !1 },
|
|
34
|
-
radius: { type: Boolean, default: !0 },
|
|
35
|
-
bordered: { type: Boolean, default: !0 },
|
|
36
|
-
wrapperClass: { type: [Boolean, null, String, Object, Array], default: () => {
|
|
37
|
-
} },
|
|
38
|
-
padding: { type: Boolean, default: !0 },
|
|
39
|
-
overflowHidden: { type: Boolean },
|
|
40
|
-
collapsible: { type: Boolean, default: !1 },
|
|
41
|
-
collapseOpen: { type: Boolean, default: !1 },
|
|
42
|
-
title: { default: () => {
|
|
43
|
-
} },
|
|
44
|
-
block: { type: Boolean }
|
|
45
|
-
}, {
|
|
46
|
-
collapseOpen: { type: Boolean, default: !1 },
|
|
47
|
-
collapseOpenModifiers: {}
|
|
48
|
-
}),
|
|
49
|
-
emits: /* @__PURE__ */ mergeModels(["update:collapseOpen"], ["update:collapseOpen"]),
|
|
50
|
-
setup(__props) {
|
|
51
|
-
const isLinked = computed(() => !!__props.href || !!__props.to), DEFAULT_GALLERY_OPTIONS = {
|
|
52
|
-
displayedCount: 3,
|
|
53
|
-
remaining: !1,
|
|
54
|
-
zoom: !isLinked.value,
|
|
55
|
-
width: 200,
|
|
56
|
-
height: 150
|
|
57
|
-
}, MazBtn = defineAsyncComponent(() => import("./MazBtn.js")), MazGallery = defineAsyncComponent(() => import("./MazGallery.js")), MazExpandAnimation = defineAsyncComponent(() => import("./MazExpandAnimation.js")), slots = useSlots(), collapseOpenModel = useModel(__props, "collapseOpen");
|
|
58
|
-
collapseOpenModel.value = __props.collapsible ? __props.collapseOpen : !0;
|
|
59
|
-
const isColumnVariant = computed(() => ["column", "column-reverse"].includes(__props.orientation)), haveSomeContent = computed(() => {
|
|
60
|
-
const supportedSlots = /* @__PURE__ */ new Set(["default", "content-title", "content-subtitle", "content-body"]);
|
|
61
|
-
return Object.keys(slots).some((val) => supportedSlots.has(val));
|
|
62
|
-
}), galleryHeightComputed = computed(() => haveSomeContent.value ? __props.gallery?.height ?? DEFAULT_GALLERY_OPTIONS.height : "100%"), galleryWidthComputed = computed(() => haveSomeContent.value ? __props.gallery?.width ?? DEFAULT_GALLERY_OPTIONS.width : "100%"), galleryOptions = computed(() => ({
|
|
63
|
-
...DEFAULT_GALLERY_OPTIONS,
|
|
64
|
-
radius: __props.radius,
|
|
65
|
-
width: isColumnVariant.value ? !1 : galleryWidthComputed.value,
|
|
66
|
-
height: !isColumnVariant.value && haveSomeContent.value ? !1 : galleryHeightComputed.value,
|
|
67
|
-
...__props.gallery
|
|
68
|
-
})), routerLinkComponent = resolveLinkComponent(), wrapperData = computed(() => {
|
|
69
|
-
let componentType = "div";
|
|
70
|
-
return __props.href ? componentType = "a" : __props.to && (componentType = routerLinkComponent), {
|
|
71
|
-
is: componentType,
|
|
72
|
-
...__props.href && { href: __props.href },
|
|
73
|
-
...__props.to && { to: __props.to },
|
|
74
|
-
target: __props.hrefTarget
|
|
75
|
-
};
|
|
76
|
-
}), footerAlignClass = computed(
|
|
77
|
-
() => __props.footerAlign === "right" ? "maz-text-end" : "maz-text-start"
|
|
78
|
-
);
|
|
79
|
-
function toggleCollapse() {
|
|
80
|
-
__props.collapsible && (collapseOpenModel.value = !collapseOpenModel.value);
|
|
81
|
-
}
|
|
82
|
-
return (_ctx, _cache) => (openBlock(), createElementBlock("div", {
|
|
83
|
-
class: normalizeClass(["m-card m-reset-css", [
|
|
84
|
-
{
|
|
85
|
-
"m-card--linked": isLinked.value,
|
|
86
|
-
"m-card--no-scale": !__props.scale,
|
|
87
|
-
"maz-shadow-elevation maz-drop-shadow-md": __props.elevation,
|
|
88
|
-
"--block": __props.block,
|
|
89
|
-
"maz-overflow-hidden": __props.overflowHidden || !collapseOpenModel.value,
|
|
90
|
-
"maz-rounded": __props.radius,
|
|
91
|
-
"maz-border maz-border-solid maz-border-divider": __props.bordered
|
|
92
|
-
}
|
|
93
|
-
]])
|
|
94
|
-
}, [
|
|
95
|
-
_ctx.$slots.title || __props.title || __props.collapsible ? (openBlock(), createBlock(resolveDynamicComponent(__props.collapsible ? "button" : "div"), {
|
|
96
|
-
key: 0,
|
|
97
|
-
class: normalizeClass(["m-card__header maz-border-b maz-border-solid", [
|
|
98
|
-
collapseOpenModel.value ? "maz-rounded-t maz-border-divider" : "maz-border-transparent",
|
|
99
|
-
{ "--is-collapsible": __props.collapsible },
|
|
100
|
-
{ "maz-justify-end": (!_ctx.$slots.title || !__props.title) && __props.collapsible },
|
|
101
|
-
{ "maz-justify-between": _ctx.$slots.title || __props.title }
|
|
102
|
-
]]),
|
|
103
|
-
tabindex: "-1",
|
|
104
|
-
onClick: _cache[0] || (_cache[0] = withModifiers(($event) => __props.collapsible ? toggleCollapse() : void 0, ["stop"]))
|
|
105
|
-
}, {
|
|
106
|
-
default: withCtx(() => [
|
|
107
|
-
_ctx.$slots.title || __props.title ? renderSlot(_ctx.$slots, "title", { key: 0 }, () => [
|
|
108
|
-
createTextVNode(toDisplayString(__props.title), 1)
|
|
109
|
-
], !0) : createCommentVNode("", !0),
|
|
110
|
-
__props.collapsible ? (openBlock(), createBlock(unref(MazBtn), {
|
|
111
|
-
key: 1,
|
|
112
|
-
color: "transparent",
|
|
113
|
-
class: "maz-ms-2 maz-text-sm",
|
|
114
|
-
size: "xs",
|
|
115
|
-
onClick: withModifiers(toggleCollapse, ["stop"])
|
|
116
|
-
}, {
|
|
117
|
-
default: withCtx(() => [
|
|
118
|
-
createVNode(unref(MazChevronDown), {
|
|
119
|
-
class: normalizeClass([{ "--is-open": collapseOpenModel.value }, "m-card__collapse-icon maz-text-xl"])
|
|
120
|
-
}, null, 8, ["class"])
|
|
121
|
-
]),
|
|
122
|
-
_: 1
|
|
123
|
-
})) : createCommentVNode("", !0)
|
|
124
|
-
]),
|
|
125
|
-
_: 3
|
|
126
|
-
}, 8, ["class"])) : createCommentVNode("", !0),
|
|
127
|
-
(openBlock(), createBlock(resolveDynamicComponent(wrapperData.value.is), mergeProps(wrapperData.value, {
|
|
128
|
-
class: ["m-card__wrapper", [`m-card__wrapper--${__props.orientation}`, { "m-card__link": isLinked.value }]]
|
|
129
|
-
}), {
|
|
130
|
-
default: withCtx(() => [
|
|
131
|
-
galleryOptions.value.images ? (openBlock(), createElementBlock("div", _hoisted_1, [
|
|
132
|
-
createVNode(unref(MazGallery), mergeProps({
|
|
133
|
-
...galleryOptions.value,
|
|
134
|
-
zoom: !isLinked.value
|
|
135
|
-
}, { class: "m-card__gallery" }), null, 16)
|
|
136
|
-
])) : createCommentVNode("", !0),
|
|
137
|
-
createElementVNode("div", _hoisted_2, [
|
|
138
|
-
(openBlock(), createBlock(resolveDynamicComponent(__props.collapsible ? unref(MazExpandAnimation) : "div"), {
|
|
139
|
-
modelValue: collapseOpenModel.value,
|
|
140
|
-
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => collapseOpenModel.value = $event),
|
|
141
|
-
class: "maz-h-full"
|
|
142
|
-
}, {
|
|
143
|
-
default: withCtx(() => [
|
|
144
|
-
createElementVNode("div", {
|
|
145
|
-
class: normalizeClass([[__props.wrapperClass, { "maz-p-4": __props.padding }], "m-card__content__wrapper"])
|
|
146
|
-
}, [
|
|
147
|
-
_ctx.$slots["content-title"] ? (openBlock(), createElementBlock("div", _hoisted_3, [
|
|
148
|
-
renderSlot(_ctx.$slots, "content-title", { collapseOpen: collapseOpenModel.value }, void 0, !0)
|
|
149
|
-
])) : createCommentVNode("", !0),
|
|
150
|
-
_ctx.$slots["content-subtitle"] ? (openBlock(), createElementBlock("div", _hoisted_4, [
|
|
151
|
-
renderSlot(_ctx.$slots, "content-subtitle", {}, void 0, !0)
|
|
152
|
-
])) : createCommentVNode("", !0),
|
|
153
|
-
_ctx.$slots["content-body"] ? (openBlock(), createElementBlock("div", _hoisted_5, [
|
|
154
|
-
renderSlot(_ctx.$slots, "content-body", {}, void 0, !0)
|
|
155
|
-
])) : createCommentVNode("", !0),
|
|
156
|
-
renderSlot(_ctx.$slots, "default", { collapseOpen: collapseOpenModel.value }, void 0, !0)
|
|
157
|
-
], 2)
|
|
158
|
-
]),
|
|
159
|
-
_: 3
|
|
160
|
-
}, 8, ["modelValue"]))
|
|
161
|
-
])
|
|
162
|
-
]),
|
|
163
|
-
_: 3
|
|
164
|
-
}, 16, ["class"])),
|
|
165
|
-
_ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
|
|
166
|
-
key: 1,
|
|
167
|
-
class: normalizeClass(["m-card__footer maz-overflow-x-auto maz-p-3", [
|
|
168
|
-
{
|
|
169
|
-
"maz-border-t maz-border-divider": isColumnVariant.value && haveSomeContent.value
|
|
170
|
-
},
|
|
171
|
-
footerAlignClass.value
|
|
172
|
-
]])
|
|
173
|
-
}, [
|
|
174
|
-
renderSlot(_ctx.$slots, "footer", {}, void 0, !0)
|
|
175
|
-
], 2)) : createCommentVNode("", !0),
|
|
176
|
-
_ctx.$slots.actions && galleryOptions.value.images ? (openBlock(), createElementBlock("div", _hoisted_6, [
|
|
177
|
-
renderSlot(_ctx.$slots, "actions", {}, void 0, !0)
|
|
178
|
-
])) : createCommentVNode("", !0)
|
|
179
|
-
], 2));
|
|
180
|
-
}
|
|
181
|
-
}), MazCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-10085500"]]);
|
|
182
|
-
export {
|
|
183
|
-
MazCard as default
|
|
184
|
-
};
|
|
1
|
+
import{t as MazCard_default}from"../chunks/MazCard.YYC0LaHY.js";export{MazCard_default as default};
|