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.
Files changed (220) hide show
  1. package/dist/chunks/MazAccordion.CKnz73h4.js +1 -0
  2. package/dist/chunks/MazAlert.B8hE7wet.js +1 -0
  3. package/dist/chunks/MazAnimatedCounter.GLLYbZAz.js +1 -0
  4. package/dist/chunks/MazAnimatedElement._8NY8WgC.js +1 -0
  5. package/dist/chunks/MazAnimatedText.BSZ8FNf-.js +1 -0
  6. package/dist/chunks/MazAvatar.vO5VNPi8.js +1 -0
  7. package/dist/chunks/MazBackdrop.Cjbwi8-V.js +1 -0
  8. package/dist/chunks/MazBadge.BBZJgHXm.js +1 -0
  9. package/dist/chunks/MazBottomSheet.WgZ6qobx.js +1 -0
  10. package/dist/chunks/MazBtn.Cc9C1v2l.js +1 -0
  11. package/dist/chunks/MazBtnGroup.3B1XcqWM.js +1 -0
  12. package/dist/chunks/MazCard.YYC0LaHY.js +1 -0
  13. package/dist/chunks/MazCardSpotlight.SpZF61hl.js +1 -0
  14. package/dist/chunks/MazCarousel.1NT4jcvR.js +1 -0
  15. package/dist/chunks/MazChart.CDZ2PBTC.js +1 -0
  16. package/dist/chunks/MazCheckbox.DurIbKdf.js +1 -0
  17. package/dist/chunks/MazChecklist.D9ezwGpQ.js +1 -0
  18. package/dist/chunks/MazCircularProgressBar.rATx_hD9.js +1 -0
  19. package/dist/chunks/MazContainer.zXcfMOs-.js +1 -0
  20. package/dist/chunks/MazDatePicker.KUP34cbV.js +1 -0
  21. package/dist/chunks/MazDialog.CtKF3Xzo.js +1 -0
  22. package/dist/chunks/MazDialogConfirm.CAAHeBPE.js +1 -0
  23. package/dist/chunks/MazDrawer.Dc_RGG8a.js +1 -0
  24. package/dist/chunks/MazDropdown.2DUcivzO.js +1 -0
  25. package/dist/chunks/MazDropzone.CiWiPcFM.js +1 -0
  26. package/dist/chunks/MazExpandAnimation.CMMwtuQA.js +1 -0
  27. package/dist/chunks/MazFullscreenLoader.BIVRcZJ8.js +1 -0
  28. package/dist/chunks/MazGallery.CEmGy0K9.js +1 -0
  29. package/dist/chunks/MazIcon.ZWAk25ZX.js +1 -0
  30. package/dist/chunks/MazInput.DJjWLaKg.js +1 -0
  31. package/dist/chunks/MazInputCode.DKnl3i-X.js +1 -0
  32. package/dist/chunks/MazInputNumber.B42Mn-9h.js +1 -0
  33. package/dist/chunks/MazInputPhoneNumber.CLivThtK.js +1 -0
  34. package/dist/chunks/MazInputPrice.BeL-M944.js +1 -0
  35. package/dist/chunks/MazInputTags.CIVT9F6Q.js +1 -0
  36. package/dist/chunks/MazLazyImg.-EMwandx.js +1 -0
  37. package/dist/chunks/MazLink.BOpxMATj.js +1 -0
  38. package/dist/chunks/MazLoadingBar.C86AX2Tk.js +1 -0
  39. package/dist/chunks/MazPagination.CNNKXBsg.js +1 -0
  40. package/dist/chunks/MazPickerCalendarDays.CSZZbk5Z.js +1 -0
  41. package/dist/chunks/MazPickerCalendarGrid.DrUHBH6-.js +1 -0
  42. package/dist/chunks/MazPickerContainer.BZ74M74V.js +1 -0
  43. package/dist/chunks/MazPopover.Co8BEopX.js +1 -0
  44. package/dist/chunks/MazPullToRefresh.DMtb6Oa3.js +1 -0
  45. package/dist/chunks/MazRadio.75ipjTw2.js +1 -0
  46. package/dist/chunks/MazRadioButtons.DenHCgB3.js +1 -0
  47. package/dist/chunks/MazReadMore.CDXacQIw.js +1 -0
  48. package/dist/chunks/MazReadingProgressBar.828Y0mxA.js +1 -0
  49. package/dist/chunks/MazSelect.yYFAbBb5.js +1 -0
  50. package/dist/chunks/MazSelectCountry.DvVgk2es.js +1 -0
  51. package/dist/chunks/MazSkeleton.BewTYJC2.js +1 -0
  52. package/dist/chunks/MazSlider.BS5QHWK6.js +1 -0
  53. package/dist/chunks/MazSpinner.D3NN2pow.js +1 -0
  54. package/dist/chunks/MazStepper.DTu8HG9T.js +1 -0
  55. package/dist/chunks/MazSwitch.Dvmj-rTW.js +1 -0
  56. package/dist/chunks/MazTable.DnOehvN6.js +1 -0
  57. package/dist/chunks/MazTableCell.xbm2NGWL.js +1 -0
  58. package/dist/chunks/MazTableRow.B5dJiXk1.js +1 -0
  59. package/dist/chunks/MazTableTitle.DNA_1mCy.js +1 -0
  60. package/dist/chunks/MazTabs.-0-YP3QQ.js +1 -0
  61. package/dist/chunks/MazTabsBar.D2JVKMS7.js +1 -0
  62. package/dist/chunks/MazTabsContent.C9omK25X.js +1 -0
  63. package/dist/chunks/MazTabsContentItem.mJEAS5R8.js +1 -0
  64. package/dist/chunks/MazTextarea.BliEP5G5.js +1 -0
  65. package/dist/chunks/MazUiProvider.BgN8V0lD.js +1 -0
  66. package/dist/chunks/_plugin-vue_export-helper.ChmETRGw.js +1 -0
  67. package/dist/chunks/dialog.DexeIC3K.js +1 -0
  68. package/dist/chunks/dom-events.BPrKJiCz.js +1 -0
  69. package/dist/chunks/resolveLinkComponent.DAc3sqGH.js +1 -0
  70. package/dist/chunks/toast.UQ8RRuT9.js +1 -0
  71. package/dist/chunks/types.DDbvTVqf.js +1 -0
  72. package/dist/chunks/useMazInputPhoneNumber.B_qQ0ldP.js +1 -0
  73. package/dist/chunks/utils.B8bfGQxN.js +1 -0
  74. package/dist/chunks/vFullscreenImg.CZeRh3mw.js +1 -0
  75. package/dist/chunks/vLazyImg.CXmd3Lp0.js +1 -0
  76. package/dist/chunks/vZoomImg.CaAHb98S.js +124 -0
  77. package/dist/components/MazAccordion.js +1 -86
  78. package/dist/components/MazAlert.js +1 -85
  79. package/dist/components/MazAnimatedCounter.js +1 -73
  80. package/dist/components/MazAnimatedElement.js +1 -44
  81. package/dist/components/MazAnimatedText.js +1 -103
  82. package/dist/components/MazAvatar.js +1 -125
  83. package/dist/components/MazBackdrop.js +1 -163
  84. package/dist/components/MazBadge.js +1 -29
  85. package/dist/components/MazBottomSheet.js +1 -55
  86. package/dist/components/MazBtn.js +1 -109
  87. package/dist/components/MazBtnGroup.js +1 -44
  88. package/dist/components/MazCard.js +1 -184
  89. package/dist/components/MazCardSpotlight.js +1 -81
  90. package/dist/components/MazCarousel.js +1 -104
  91. package/dist/components/MazChart.js +1 -4
  92. package/dist/components/MazCheckbox.js +1 -128
  93. package/dist/components/MazChecklist.js +1 -133
  94. package/dist/components/MazCircularProgressBar.js +1 -131
  95. package/dist/components/MazContainer.js +1 -71
  96. package/dist/components/MazDatePicker/MazPickerCalendar.js +1 -113
  97. package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarDays.js +1 -19
  98. package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarGrid.js +1 -181
  99. package/dist/components/MazDatePicker/MazPickerCalendarMonth/MazPickerCalendarMonth.js +1 -75
  100. package/dist/components/MazDatePicker/MazPickerCalendarSwitcher.js +1 -90
  101. package/dist/components/MazDatePicker/MazPickerContainer.js +1 -116
  102. package/dist/components/MazDatePicker/MazPickerHeader.js +1 -126
  103. package/dist/components/MazDatePicker/MazPickerMonthSwitcher.js +1 -82
  104. package/dist/components/MazDatePicker/MazPickerShortcuts.js +1 -55
  105. package/dist/components/MazDatePicker/MazPickerTime.js +1 -178
  106. package/dist/components/MazDatePicker/MazPickerYearSwitcher.js +1 -95
  107. package/dist/components/MazDatePicker.js +1 -466
  108. package/dist/components/MazDatePicker.vue.d.ts +2 -6
  109. package/dist/components/MazDialog.js +1 -115
  110. package/dist/components/MazDialog.vue.d.ts +2 -6
  111. package/dist/components/MazDialogConfirm.js +1 -6
  112. package/dist/components/MazDialogConfirm.vue.d.ts +2 -6
  113. package/dist/components/MazDrawer.js +1 -70
  114. package/dist/components/MazDropdown.js +1 -277
  115. package/dist/components/MazDropdown.vue.d.ts +2 -6
  116. package/dist/components/MazDropzone.js +1 -533
  117. package/dist/components/MazExpandAnimation.js +1 -46
  118. package/dist/components/MazFullscreenLoader.js +1 -38
  119. package/dist/components/MazGallery.js +1 -105
  120. package/dist/components/MazIcon.js +1 -114
  121. package/dist/components/MazInput.js +1 -256
  122. package/dist/components/MazInputCode.js +1 -152
  123. package/dist/components/MazInputNumber.js +1 -152
  124. package/dist/components/MazInputPhoneNumber/PhoneInput.js +1 -114
  125. package/dist/components/MazInputPhoneNumber.js +1 -253
  126. package/dist/components/MazInputPrice.js +1 -4
  127. package/dist/components/MazInputTags.js +1 -145
  128. package/dist/components/MazLazyImg.js +1 -62
  129. package/dist/components/MazLink.js +1 -80
  130. package/dist/components/MazLoadingBar.js +1 -24
  131. package/dist/components/MazPagination.js +1 -184
  132. package/dist/components/MazPopover.js +1 -326
  133. package/dist/components/MazPullToRefresh.js +1 -145
  134. package/dist/components/MazRadio.js +1 -103
  135. package/dist/components/MazRadioButtons.js +1 -135
  136. package/dist/components/MazReadMore.js +1 -110
  137. package/dist/components/MazReadingProgressBar.js +1 -68
  138. package/dist/components/MazSelect.js +1 -413
  139. package/dist/components/MazSelectCountry.js +1 -192
  140. package/dist/components/MazSkeleton.js +1 -50
  141. package/dist/components/MazSlider.js +1 -205
  142. package/dist/components/MazSpinner.js +1 -27
  143. package/dist/components/MazStepper.js +1 -170
  144. package/dist/components/MazSwitch.js +1 -4
  145. package/dist/components/MazTable.js +1 -8
  146. package/dist/components/MazTableCell.js +1 -18
  147. package/dist/components/MazTableRow.js +1 -26
  148. package/dist/components/MazTableTitle.js +1 -18
  149. package/dist/components/MazTabs.js +1 -4
  150. package/dist/components/MazTabsBar.js +1 -138
  151. package/dist/components/MazTabsContent.js +1 -4
  152. package/dist/components/MazTabsContentItem.js +1 -37
  153. package/dist/components/MazTextarea.js +1 -147
  154. package/dist/components/MazUiProvider.js +1 -4
  155. package/dist/components/index.js +1 -127
  156. package/dist/composables/index.js +1 -44
  157. package/dist/composables/useAos.js +1 -7
  158. package/dist/composables/useBreakpoints.js +1 -34
  159. package/dist/composables/useDialog.js +1 -7
  160. package/dist/composables/useDisplayNames.js +1 -111
  161. package/dist/composables/useDropzone.js +1 -66
  162. package/dist/composables/useFormField.js +1 -101
  163. package/dist/composables/useFormValidator.js +1 -163
  164. package/dist/composables/useFreezeValue.js +1 -8
  165. package/dist/composables/useIdleTimeout.js +1 -10
  166. package/dist/composables/useInjectStrict.js +1 -10
  167. package/dist/composables/useInstanceUniqId.js +1 -12
  168. package/dist/composables/useMountComponent.js +1 -16
  169. package/dist/composables/useMutationObserver.js +1 -37
  170. package/dist/composables/useReadingTime.js +1 -33
  171. package/dist/composables/useStringMatching.js +1 -42
  172. package/dist/composables/useSwipe.js +1 -26
  173. package/dist/composables/useTimer.js +1 -36
  174. package/dist/composables/useToast.js +1 -14
  175. package/dist/composables/useUserVisibility.js +1 -10
  176. package/dist/composables/useWait.js +1 -7
  177. package/dist/composables/useWindowSize.js +1 -21
  178. package/dist/directives/index.js +1 -19
  179. package/dist/directives/vClickOutside.js +1 -104
  180. package/dist/directives/vFullscreenImg.js +1 -10
  181. package/dist/directives/vLazyImg.js +1 -23
  182. package/dist/directives/vTooltip.js +1 -161
  183. package/dist/directives/vZoomImg.js +1 -286
  184. package/dist/index.js +1 -1
  185. package/dist/plugins/aos.js +1 -89
  186. package/dist/plugins/dialog.js +1 -61
  187. package/dist/plugins/index.js +1 -17
  188. package/dist/plugins/maz-ui.js +1 -11
  189. package/dist/plugins/toast.js +1 -261
  190. package/dist/plugins/wait.js +1 -43
  191. package/dist/resolvers/MazComponentsResolver.js +1 -18
  192. package/dist/resolvers/MazDirectivesResolver.js +1 -14
  193. package/dist/resolvers/MazModulesResolver.js +1 -76
  194. package/dist/resolvers/index.js +1 -8
  195. package/dist/tailwindcss/index.js +1 -20
  196. package/dist/tailwindcss/tailwind.config.js +1 -35
  197. package/dist/tailwindcss/utils/colors.js +1 -25
  198. package/dist/tailwindcss/variables/breakpoints.js +1 -29
  199. package/dist/tailwindcss/variables/colors.js +1 -33
  200. package/dist/tailwindcss/variables/design-tokens.js +1 -42
  201. package/dist/tailwindcss/variables/utilities.js +1 -20
  202. package/dist/tailwindcss/variables/z-indexes.js +1 -17
  203. package/package.json +12 -13
  204. package/dist/chunks/MazChart.vue_vue_type_script_setup_true_lang.DpG9UYdm.js +0 -50
  205. package/dist/chunks/MazDialogConfirm.vue_vue_type_script_setup_true_lang.BB2rYkwY.js +0 -215
  206. package/dist/chunks/MazInputPrice.vue_vue_type_script_setup_true_lang.DcNkyw1C.js +0 -77
  207. package/dist/chunks/MazSwitch.vue_vue_type_style_index_0_lang.lYfYsI0R.js +0 -84
  208. package/dist/chunks/MazTable.vue_vue_type_script_setup_true_lang.ycpSYFvJ.js +0 -517
  209. package/dist/chunks/MazTabs.vue_vue_type_script_setup_true_lang.CiIFxs7J.js +0 -28
  210. package/dist/chunks/MazTabsContent.vue_vue_type_script_setup_true_lang.MO7zA8LZ.js +0 -26
  211. package/dist/chunks/MazUiProvider.vue_vue_type_script_setup_true_lang.DtnM1DOn.js +0 -34
  212. package/dist/chunks/_plugin-vue_export-helper.B--vMWp3.js +0 -9
  213. package/dist/chunks/dom-events.DTx6Kblx.js +0 -368
  214. package/dist/chunks/fullscreen-img.directive.BJieSSIt.js +0 -321
  215. package/dist/chunks/lazy-img.directive.GRfYbidn.js +0 -174
  216. package/dist/chunks/resolveLinkComponent.CKR2McYy.js +0 -8
  217. package/dist/chunks/types.D0Bp_UhS.js +0 -6
  218. package/dist/chunks/useMazInputPhoneNumber.Os-2y9bz.js +0 -157
  219. package/dist/chunks/utils.D89Q5cCP.js +0 -207
  220. /package/dist/assets/{fullscreen-img.DFp1SMPU.css → vFullscreenImg.DFp1SMPU.css} +0 -0
@@ -1,163 +1 @@
1
- import { defineComponent, ref, onMounted, watch, nextTick, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, mergeProps, createElementVNode, withModifiers, normalizeClass, renderSlot, createCommentVNode } from "vue";
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 { defineComponent, openBlock, createElementBlock, normalizeStyle, normalizeClass, unref, renderSlot } from "vue";
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 { defineComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, renderSlot, createVNode, unref, createCommentVNode } from "vue";
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 { defineComponent, defineAsyncComponent, useAttrs, computed, openBlock, createBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, withCtx, renderSlot, unref, createCommentVNode, createTextVNode, toDisplayString, createElementBlock, createVNode } from "vue";
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 { defineComponent, defineAsyncComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, unref, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
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 { defineComponent, computed, defineAsyncComponent, useSlots, useModel, openBlock, createElementBlock, normalizeClass, createBlock, resolveDynamicComponent, withModifiers, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, unref, createVNode, mergeProps, createElementVNode, mergeModels } from "vue";
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};