maz-ui 3.22.4 → 3.23.1

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 (249) hide show
  1. package/components/MazAvatar.mjs +2 -2
  2. package/components/MazBackdrop.mjs +67 -107
  3. package/components/MazBadge.mjs +41 -50
  4. package/components/MazBottomSheet.mjs +2 -2
  5. package/components/MazBtn.mjs +2 -2
  6. package/components/MazCard.mjs +2 -2
  7. package/components/MazCarousel.mjs +2 -2
  8. package/components/MazChart.mjs +53 -63
  9. package/components/MazCheckbox.mjs +84 -128
  10. package/components/MazDialog.mjs +2 -2
  11. package/components/MazDialogPromise.mjs +3 -3
  12. package/components/MazDrawer.mjs +2 -2
  13. package/components/MazDropdown.mjs +2 -2
  14. package/components/MazDropzone.mjs +2 -2
  15. package/components/MazFullscreenLoader.mjs +14 -18
  16. package/components/MazGallery.mjs +352 -558
  17. package/components/MazIcon.mjs +76 -140
  18. package/components/MazInput.mjs +2 -2
  19. package/components/MazInputNumber.mjs +72 -99
  20. package/components/MazInputPrice.mjs +2 -2
  21. package/components/MazInputTags.mjs +2 -2
  22. package/components/MazLazyImg.mjs +2 -2
  23. package/components/MazPhoneNumberInput.mjs +2 -2
  24. package/components/MazPicker.mjs +2 -2
  25. package/components/MazRadio.mjs +65 -94
  26. package/components/MazRadioButtons.mjs +64 -78
  27. package/components/MazSelect.mjs +2 -2
  28. package/components/MazSlider.mjs +213 -325
  29. package/components/MazSpinner.mjs +25 -34
  30. package/components/MazStepper.mjs +2 -2
  31. package/components/MazSwitch.mjs +43 -60
  32. package/components/MazTabs.mjs +16 -25
  33. package/components/MazTabsBar.mjs +2 -2
  34. package/components/MazTabsContent.mjs +34 -43
  35. package/components/MazTabsContentItem.mjs +49 -63
  36. package/components/MazTextarea.mjs +124 -169
  37. package/components/MazTransitionExpand.mjs +36 -54
  38. package/components/assets/MazBackdrop.css +1 -1
  39. package/components/assets/MazBottomSheet.css +1 -1
  40. package/components/assets/MazDialog.css +1 -1
  41. package/components/assets/MazDialogPromise.css +1 -1
  42. package/components/assets/MazDrawer.css +1 -1
  43. package/components/assets/MazPhoneNumberInput.css +1 -1
  44. package/components/assets/MazSelect.css +1 -1
  45. package/components/chunks/MazAvatar-1636f58b.mjs +126 -0
  46. package/components/chunks/MazBottomSheet-c24f92f8.mjs +217 -0
  47. package/components/chunks/MazBtn-124f3700.mjs +153 -0
  48. package/components/chunks/MazBtn-1e61862b.mjs +153 -0
  49. package/components/chunks/MazBtn-2d1d1ba5.mjs +153 -0
  50. package/components/chunks/MazBtn-3d74f737.mjs +153 -0
  51. package/components/chunks/MazBtn-4a447126.mjs +153 -0
  52. package/components/chunks/MazBtn-555928ed.mjs +153 -0
  53. package/components/chunks/MazBtn-571454f6.mjs +153 -0
  54. package/components/chunks/MazBtn-5e426592.mjs +153 -0
  55. package/components/chunks/MazBtn-683effc1.mjs +153 -0
  56. package/components/chunks/MazBtn-6905cc39.mjs +153 -0
  57. package/components/chunks/MazBtn-6ce4cfd3.mjs +153 -0
  58. package/components/chunks/MazBtn-74656d5b.mjs +153 -0
  59. package/components/chunks/MazBtn-7706b2da.mjs +158 -0
  60. package/components/chunks/MazBtn-a7a913dd.mjs +153 -0
  61. package/components/chunks/MazBtn-fb3c7af8.mjs +153 -0
  62. package/components/chunks/MazCard-bcc36489.mjs +214 -0
  63. package/components/chunks/MazCarousel-6da75122.mjs +107 -0
  64. package/components/chunks/MazCheckbox-040dc2c4.mjs +117 -0
  65. package/components/chunks/MazCheckbox-3a2b48b4.mjs +117 -0
  66. package/components/chunks/MazDialog-44eda544.mjs +250 -0
  67. package/components/chunks/MazDialogPromise-eec5acde.mjs +419 -0
  68. package/components/chunks/MazDrawer-b628b37e.mjs +206 -0
  69. package/components/chunks/MazDropdown-6f2248b0.mjs +345 -0
  70. package/components/chunks/MazDropzone-8cac10a6.mjs +242 -0
  71. package/components/chunks/MazGallery-6b8ecedf.mjs +617 -0
  72. package/components/chunks/MazIcon-52a76873.mjs +101 -0
  73. package/components/chunks/MazIcon-95e31ff8.mjs +96 -0
  74. package/components/chunks/MazInput-1ed4f946.mjs +283 -0
  75. package/components/chunks/MazInput-8a217995.mjs +271 -0
  76. package/components/chunks/MazInput-c51881ea.mjs +278 -0
  77. package/components/chunks/MazInputPrice-cd348d46.mjs +392 -0
  78. package/components/chunks/MazInputTags-aa95fae7.mjs +446 -0
  79. package/components/chunks/MazLazyImg-0412ab38.mjs +259 -0
  80. package/components/chunks/MazLazyImg-47d3449a.mjs +254 -0
  81. package/components/chunks/MazPhoneNumberInput-e1bf46f9.mjs +1216 -0
  82. package/components/chunks/MazPicker-e4620d8b.mjs +1140 -0
  83. package/components/chunks/MazPickerCalendar-da62262c.mjs +535 -0
  84. package/components/chunks/MazPickerHeader-a2e041eb.mjs +186 -0
  85. package/components/chunks/MazPickerMonthSwitcher-5bf8bd08.mjs +97 -0
  86. package/components/chunks/MazPickerShortcuts-7f95430e.mjs +74 -0
  87. package/components/chunks/MazPickerTime-717402ae.mjs +219 -0
  88. package/components/chunks/MazPickerYearSwitcher-85f97b6d.mjs +106 -0
  89. package/components/chunks/MazSelect-6ff6bb96.mjs +652 -0
  90. package/components/chunks/MazSpinner-054f948c.mjs +39 -0
  91. package/components/chunks/MazSpinner-059ee1d2.mjs +39 -0
  92. package/components/chunks/MazSpinner-08ee440b.mjs +39 -0
  93. package/components/chunks/MazSpinner-13403729.mjs +39 -0
  94. package/components/chunks/MazSpinner-44011019.mjs +39 -0
  95. package/components/chunks/MazSpinner-452a1534.mjs +39 -0
  96. package/components/chunks/MazSpinner-4c02cfd2.mjs +39 -0
  97. package/components/chunks/MazSpinner-51aa73ca.mjs +39 -0
  98. package/components/chunks/MazSpinner-6d1d24d5.mjs +39 -0
  99. package/components/chunks/MazSpinner-6e7c4705.mjs +39 -0
  100. package/components/chunks/MazSpinner-7895f54f.mjs +39 -0
  101. package/components/chunks/MazSpinner-7eee202e.mjs +39 -0
  102. package/components/chunks/MazSpinner-805e14a6.mjs +39 -0
  103. package/components/chunks/MazSpinner-85080b43.mjs +39 -0
  104. package/components/chunks/MazSpinner-a13a50c9.mjs +39 -0
  105. package/components/chunks/MazSpinner-a6d61cee.mjs +43 -0
  106. package/components/chunks/MazSpinner-c67b05bb.mjs +39 -0
  107. package/components/chunks/MazSpinner-caa33afc.mjs +39 -0
  108. package/components/chunks/MazSpinner-cb8fbe9a.mjs +39 -0
  109. package/components/chunks/MazSpinner-d9ef329f.mjs +39 -0
  110. package/components/chunks/MazStepper-39f018f3.mjs +191 -0
  111. package/components/chunks/MazTabsBar-27965f16.mjs +132 -0
  112. package/components/chunks/MazTransitionExpand-55cfbecb.mjs +41 -0
  113. package/components/chunks/MazTransitionExpand-cd24498f.mjs +41 -0
  114. package/components/chunks/_plugin-vue_export-helper-dad06003.mjs +9 -0
  115. package/components/chunks/check-31d7ba2f.mjs +30 -0
  116. package/components/chunks/check-c9b483c0.mjs +30 -0
  117. package/components/chunks/{check-circle-7acfa4c4.mjs → check-circle-59c383ed.mjs} +10 -12
  118. package/components/chunks/chevron-down-2b60111a.mjs +30 -0
  119. package/components/chunks/chevron-left-39b4621e.mjs +30 -0
  120. package/components/chunks/chevron-right-949a60fa.mjs +30 -0
  121. package/components/chunks/debounce-19c516b6.mjs +11 -0
  122. package/components/chunks/examples.mobile.json-f63d22fb.mjs +4 -0
  123. package/components/chunks/{exclamation-circle-2e115536.mjs → exclamation-circle-e2620aab.mjs} +10 -12
  124. package/components/chunks/{exclamation-triangle-10eb48dc.mjs → exclamation-triangle-21bf116a.mjs} +10 -12
  125. package/components/chunks/{eye-fbb13657.mjs → eye-dc12ce09.mjs} +12 -15
  126. package/components/chunks/{eye-slash-342420ff.mjs → eye-slash-fa42a017.mjs} +10 -12
  127. package/components/chunks/{magnifying-glass-5dffa35e.mjs → magnifying-glass-908981c0.mjs} +10 -12
  128. package/components/chunks/minus-e71140e1.mjs +30 -0
  129. package/components/chunks/no-photography-4c6c77cf.mjs +4 -0
  130. package/components/chunks/{no-photography-b0d08d6f.mjs → no-photography-be94ddda.mjs} +12 -15
  131. package/components/chunks/{no-symbol-975ce547.mjs → no-symbol-87477ad0.mjs} +10 -12
  132. package/components/chunks/{pencil-2f766dc8.mjs → pencil-4c35b4e7.mjs} +10 -12
  133. package/components/chunks/plus-c20544c3.mjs +30 -0
  134. package/components/chunks/x-mark-35f2f1e7.mjs +30 -0
  135. package/components/chunks/x-mark-7761acf4.mjs +29 -0
  136. package/modules/chunks/MazBtn-2f302422.cjs +1 -0
  137. package/modules/chunks/MazBtn-760c3b29.mjs +153 -0
  138. package/modules/chunks/MazIcon-0bd6b78e.mjs +96 -0
  139. package/modules/chunks/MazIcon-599a907f.cjs +1 -0
  140. package/modules/chunks/MazSpinner-03bd76bd.mjs +39 -0
  141. package/modules/chunks/MazSpinner-6ffa8db1.cjs +1 -0
  142. package/modules/chunks/{arrow-top-right-on-square-32bbe5a1.mjs → arrow-top-right-on-square-15191934.mjs} +10 -12
  143. package/modules/chunks/arrow-top-right-on-square-8e4ea6e2.cjs +1 -0
  144. package/modules/chunks/chevron-left-36731110.cjs +1 -0
  145. package/modules/chunks/chevron-left-39b4621e.mjs +30 -0
  146. package/modules/chunks/index-6a90ef88.mjs +1618 -0
  147. package/modules/chunks/index-794680d2.cjs +124 -0
  148. package/modules/chunks/{link-4eb05848.mjs → link-bb14441d.mjs} +10 -12
  149. package/modules/chunks/link-c7791a2a.cjs +1 -0
  150. package/modules/chunks/no-photography-0f6fcaf4.cjs +1 -0
  151. package/modules/chunks/no-photography-4c6c77cf.mjs +4 -0
  152. package/modules/chunks/x-mark-35f2f1e7.mjs +30 -0
  153. package/modules/chunks/x-mark-a28deca5.cjs +1 -0
  154. package/modules/index.cjs +1 -0
  155. package/modules/index.mjs +42 -42
  156. package/nuxt/index.json +1 -1
  157. package/package.json +14 -4
  158. package/types/resolvers/index.d.ts +1 -0
  159. package/types/resolvers/unplugin-vue-components-resolver.d.ts +8 -0
  160. package/types/utils/index.d.ts +3 -0
  161. package/components/chunks/MazAvatar-358d78d4.mjs +0 -138
  162. package/components/chunks/MazBottomSheet-61090f4a.mjs +0 -267
  163. package/components/chunks/MazBtn-0e02f0da.mjs +0 -184
  164. package/components/chunks/MazBtn-1daf9063.mjs +0 -184
  165. package/components/chunks/MazBtn-2f4fa942.mjs +0 -184
  166. package/components/chunks/MazBtn-31c6b731.mjs +0 -184
  167. package/components/chunks/MazBtn-48382169.mjs +0 -184
  168. package/components/chunks/MazBtn-4e1e116e.mjs +0 -184
  169. package/components/chunks/MazBtn-50abc4c5.mjs +0 -184
  170. package/components/chunks/MazBtn-84e12b6a.mjs +0 -184
  171. package/components/chunks/MazBtn-b42e3575.mjs +0 -184
  172. package/components/chunks/MazBtn-b56a7278.mjs +0 -184
  173. package/components/chunks/MazBtn-bbd6e9c8.mjs +0 -184
  174. package/components/chunks/MazBtn-cf0c8fcb.mjs +0 -184
  175. package/components/chunks/MazBtn-d92908b2.mjs +0 -191
  176. package/components/chunks/MazBtn-f48da79c.mjs +0 -184
  177. package/components/chunks/MazBtn-fec4c3b7.mjs +0 -184
  178. package/components/chunks/MazCard-4331dca0.mjs +0 -237
  179. package/components/chunks/MazCarousel-7825c7c9.mjs +0 -133
  180. package/components/chunks/MazCheckbox-ab5ddda2.mjs +0 -153
  181. package/components/chunks/MazCheckbox-e0bbe6ec.mjs +0 -153
  182. package/components/chunks/MazDialog-83e54b8c.mjs +0 -290
  183. package/components/chunks/MazDialogPromise-6967e821.mjs +0 -474
  184. package/components/chunks/MazDrawer-d778b3d2.mjs +0 -256
  185. package/components/chunks/MazDropdown-6f4482d7.mjs +0 -426
  186. package/components/chunks/MazDropzone-d1bb62dc.mjs +0 -325
  187. package/components/chunks/MazGallery-b2dc4286.mjs +0 -821
  188. package/components/chunks/MazIcon-b779da0a.mjs +0 -159
  189. package/components/chunks/MazIcon-bda198b4.mjs +0 -165
  190. package/components/chunks/MazInput-713b00d0.mjs +0 -326
  191. package/components/chunks/MazInput-b9386887.mjs +0 -341
  192. package/components/chunks/MazInput-c33627dd.mjs +0 -334
  193. package/components/chunks/MazInputPrice-452297f5.mjs +0 -481
  194. package/components/chunks/MazInputTags-7a463b81.mjs +0 -526
  195. package/components/chunks/MazLazyImg-6e395356.mjs +0 -336
  196. package/components/chunks/MazLazyImg-e0d8b6d0.mjs +0 -329
  197. package/components/chunks/MazPhoneNumberInput-48fe2445.mjs +0 -1536
  198. package/components/chunks/MazPicker-50fc11d1.mjs +0 -1352
  199. package/components/chunks/MazPickerCalendar-cacb361c.mjs +0 -689
  200. package/components/chunks/MazPickerHeader-63d45179.mjs +0 -216
  201. package/components/chunks/MazPickerMonthSwitcher-913c6e2c.mjs +0 -110
  202. package/components/chunks/MazPickerShortcuts-c6fabfc6.mjs +0 -88
  203. package/components/chunks/MazPickerTime-5e4475da.mjs +0 -301
  204. package/components/chunks/MazPickerYearSwitcher-dd4fa89c.mjs +0 -125
  205. package/components/chunks/MazSelect-2e5cd411.mjs +0 -850
  206. package/components/chunks/MazSpinner-022d7bee.mjs +0 -46
  207. package/components/chunks/MazSpinner-100c99b8.mjs +0 -46
  208. package/components/chunks/MazSpinner-191ad23b.mjs +0 -46
  209. package/components/chunks/MazSpinner-3155378b.mjs +0 -46
  210. package/components/chunks/MazSpinner-339a9006.mjs +0 -46
  211. package/components/chunks/MazSpinner-53979e96.mjs +0 -46
  212. package/components/chunks/MazSpinner-68d2f2ac.mjs +0 -46
  213. package/components/chunks/MazSpinner-6b563b22.mjs +0 -46
  214. package/components/chunks/MazSpinner-7cdc13e7.mjs +0 -46
  215. package/components/chunks/MazSpinner-8859d658.mjs +0 -46
  216. package/components/chunks/MazSpinner-8e180605.mjs +0 -52
  217. package/components/chunks/MazSpinner-9950424b.mjs +0 -46
  218. package/components/chunks/MazSpinner-c8270a93.mjs +0 -46
  219. package/components/chunks/MazSpinner-cb491238.mjs +0 -46
  220. package/components/chunks/MazSpinner-cb6f99f3.mjs +0 -46
  221. package/components/chunks/MazSpinner-ce4be8f1.mjs +0 -46
  222. package/components/chunks/MazSpinner-e5a9f319.mjs +0 -46
  223. package/components/chunks/MazSpinner-e92bd359.mjs +0 -46
  224. package/components/chunks/MazSpinner-eea9056d.mjs +0 -46
  225. package/components/chunks/MazSpinner-f1e69f29.mjs +0 -46
  226. package/components/chunks/MazStepper-4c19dbfc.mjs +0 -255
  227. package/components/chunks/MazTabsBar-3c2e2d69.mjs +0 -157
  228. package/components/chunks/MazTransitionExpand-474b00d4.mjs +0 -57
  229. package/components/chunks/MazTransitionExpand-f9e5a2d6.mjs +0 -57
  230. package/components/chunks/_plugin-vue_export-helper-cc2b3d55.mjs +0 -10
  231. package/components/chunks/check-8da249b1.mjs +0 -32
  232. package/components/chunks/check-f2fcce10.mjs +0 -32
  233. package/components/chunks/chevron-down-a78b9604.mjs +0 -32
  234. package/components/chunks/chevron-left-3365d59b.mjs +0 -32
  235. package/components/chunks/chevron-right-02f9e837.mjs +0 -32
  236. package/components/chunks/debounce-7d66ffa9.mjs +0 -12
  237. package/components/chunks/examples.mobile.json-618ba782.mjs +0 -4
  238. package/components/chunks/minus-c9cdee90.mjs +0 -32
  239. package/components/chunks/no-photography-7f2be516.mjs +0 -4
  240. package/components/chunks/plus-b1b0a5a8.mjs +0 -32
  241. package/components/chunks/x-mark-3b05101b.mjs +0 -31
  242. package/components/chunks/x-mark-c6ff45dd.mjs +0 -32
  243. package/modules/chunks/MazBtn-90ffd148.mjs +0 -184
  244. package/modules/chunks/MazIcon-988edef7.mjs +0 -159
  245. package/modules/chunks/MazSpinner-a16a3d8f.mjs +0 -46
  246. package/modules/chunks/chevron-left-3365d59b.mjs +0 -32
  247. package/modules/chunks/index-b1625fc2.mjs +0 -2315
  248. package/modules/chunks/no-photography-7f2be516.mjs +0 -4
  249. package/modules/chunks/x-mark-c6ff45dd.mjs +0 -32
@@ -1,341 +0,0 @@
1
- import "../assets/MazInput.css";
2
- import { computed, defineComponent, defineAsyncComponent, ref, getCurrentInstance, onMounted, useSlots, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createVNode, unref, createCommentVNode, withDirectives, mergeProps, toHandlers, vModelDynamic, createTextVNode, toDisplayString, createBlock, withModifiers, withCtx } from "vue";
3
- function debounce(fn, delay) {
4
- let timeout;
5
- return function(...args) {
6
- clearTimeout(timeout);
7
- timeout = setTimeout(() => {
8
- fn.apply(this, args);
9
- }, delay);
10
- };
11
- }
12
- const useInstanceUniqId = ({
13
- componentName,
14
- instance,
15
- providedId
16
- }) => {
17
- return computed(() => providedId ?? `${componentName}-${instance == null ? void 0 : instance.uid}`);
18
- };
19
- const _hoisted_1 = {
20
- key: 0,
21
- class: "m-input-wrapper-left"
22
- };
23
- const _hoisted_2 = { class: "m-input-wrapper-input" };
24
- const _hoisted_3 = ["id", "type", "name", "placeholder", "aria-label", "disabled", "readonly", "required"];
25
- const _hoisted_4 = { key: 0 };
26
- const _hoisted_5 = {
27
- key: 1,
28
- class: "m-input-wrapper-right"
29
- };
30
- const _sfc_main = /* @__PURE__ */ defineComponent({
31
- ...{
32
- inheritAttrs: false
33
- },
34
- __name: "MazInput",
35
- props: {
36
- style: { type: [String, Array, Object], default: void 0 },
37
- class: { type: String, default: void 0 },
38
- modelValue: {
39
- type: [String, Number, Boolean],
40
- default: void 0
41
- },
42
- placeholder: { type: String, default: void 0 },
43
- color: {
44
- type: String,
45
- default: "primary"
46
- },
47
- label: { type: String, default: void 0 },
48
- name: { type: String, default: "input" },
49
- type: {
50
- type: String,
51
- default: "text",
52
- validator: (value) => {
53
- return [
54
- "text",
55
- "date",
56
- "number",
57
- "tel",
58
- "search",
59
- "url",
60
- "password",
61
- "month",
62
- "time",
63
- "week",
64
- "email"
65
- ].includes(value);
66
- }
67
- },
68
- required: { type: Boolean, default: false },
69
- disabled: { type: Boolean, default: false },
70
- readonly: { type: Boolean, default: false },
71
- id: { type: String, default: void 0 },
72
- error: { type: Boolean, default: false },
73
- success: { type: Boolean, default: false },
74
- warning: { type: Boolean, default: false },
75
- hint: { type: String, default: void 0 },
76
- inputClasses: { type: String, default: void 0 },
77
- noBorder: { type: Boolean, default: false },
78
- noRadius: { type: Boolean, default: false },
79
- size: {
80
- type: String,
81
- default: "md",
82
- validator: (value) => {
83
- return ["mini", "xs", "sm", "md", "lg", "xl"].includes(value);
84
- }
85
- },
86
- debounce: { type: Boolean, default: false },
87
- debounceDelay: { type: Number, default: 500 },
88
- validButton: { type: Boolean, default: false },
89
- validButtonLoading: { type: Boolean, default: false },
90
- autoFocus: { type: Boolean, default: false },
91
- borderActive: { type: Boolean, default: false },
92
- leftIcon: { type: String, default: void 0 },
93
- rightIcon: { type: String, default: void 0 }
94
- },
95
- emits: ["focus", "blur", "update:model-value", "click", "change", "update"],
96
- setup(__props, { emit: __emit }) {
97
- const MazBtn = defineAsyncComponent(() => import("./MazBtn-f48da79c.mjs"));
98
- const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
99
- const EyeOffIcon = defineAsyncComponent(() => import("./eye-slash-342420ff.mjs"));
100
- const EyeIcon = defineAsyncComponent(() => import("./eye-fbb13657.mjs"));
101
- const CheckIcon = defineAsyncComponent(() => import("./check-f2fcce10.mjs"));
102
- const props = __props;
103
- const emits = __emit;
104
- const hasPasswordVisible = ref(false);
105
- const isFocused = ref(false);
106
- const input = ref();
107
- const instance = getCurrentInstance();
108
- const instanceId = useInstanceUniqId({
109
- componentName: "MazInput",
110
- instance,
111
- providedId: props.id
112
- });
113
- onMounted(() => {
114
- var _a;
115
- if (props.autoFocus) {
116
- (_a = input.value) == null ? void 0 : _a.focus();
117
- }
118
- });
119
- const inheritClasses = computed(() => props.class);
120
- const isPasswordType = computed(() => props.type === "password");
121
- const inputType = computed(() => hasPasswordVisible.value ? "text" : props.type);
122
- const borderStyle = computed(() => {
123
- if (props.noBorder)
124
- return void 0;
125
- if (props.error)
126
- return "maz-border-danger";
127
- if (props.success)
128
- return "maz-border-success";
129
- if (props.warning)
130
- return "maz-border-warning";
131
- if (isFocused.value || props.borderActive) {
132
- if (props.color === "black")
133
- return "maz-border-black";
134
- if (props.color === "danger")
135
- return "maz-border-danger";
136
- if (props.color === "info")
137
- return "maz-border-info";
138
- if (props.color === "primary")
139
- return "maz-border-primary";
140
- if (props.color === "secondary")
141
- return "maz-border-secondary";
142
- if (props.color === "success")
143
- return "maz-border-success";
144
- if (props.color === "warning")
145
- return "maz-border-warning";
146
- if (props.color === "white")
147
- return "maz-border-white";
148
- }
149
- return "--default-border";
150
- });
151
- const slots = useSlots();
152
- const computedPlaceholder = computed(() => {
153
- const { required, placeholder } = props;
154
- if (!placeholder)
155
- return void 0;
156
- return required ? `${placeholder} *` : placeholder;
157
- });
158
- const hasValue = computed(() => props.modelValue !== void 0 && props.modelValue !== "");
159
- const inputValue = computed({
160
- get: () => props.modelValue,
161
- set: (value) => emitValue(value)
162
- });
163
- const shouldUp = computed(() => {
164
- return (!!props.label || !!props.hint) && (isFocused.value || !!hasValue.value || !!props.placeholder || ["date", "month", "week"].includes(props.type));
165
- });
166
- const hasLabel = computed(() => !!props.label || !!props.hint);
167
- const hasRightPart = () => {
168
- return !!slots["right-icon"] || isPasswordType.value || !!slots["valid-button"] || props.validButton || !!props.rightIcon;
169
- };
170
- const hasLeftPart = () => {
171
- return !!slots["left-icon"] || !!props.leftIcon;
172
- };
173
- const focus = (event) => {
174
- emits("focus", event);
175
- isFocused.value = true;
176
- };
177
- const blur = (event) => {
178
- emits("blur", event);
179
- isFocused.value = false;
180
- };
181
- const change = (event) => emits("change", event);
182
- const debounceEmitValue = debounce((value) => {
183
- emits("update:model-value", value);
184
- }, props.debounceDelay);
185
- const emitValue = (value) => {
186
- if (props.debounce)
187
- return debounceEmitValue(value);
188
- emits("update:model-value", value);
189
- };
190
- return (_ctx, _cache) => {
191
- return openBlock(), createElementBlock(
192
- "div",
193
- {
194
- class: normalizeClass(["m-input", [
195
- {
196
- "--is-focused": isFocused.value || __props.borderActive,
197
- "--should-up": shouldUp.value,
198
- "--has-label": hasLabel.value,
199
- "--is-disabled": __props.disabled,
200
- "--is-readonly": __props.readonly,
201
- "--has-z-2": __props.error || __props.warning || __props.success,
202
- "--has-state": __props.error || __props.warning || __props.success
203
- },
204
- inheritClasses.value,
205
- `--${__props.color}`,
206
- `--${__props.size}`
207
- ]]),
208
- style: normalizeStyle(__props.style)
209
- },
210
- [
211
- createElementVNode(
212
- "div",
213
- {
214
- class: normalizeClass(["m-input-wrapper", [__props.inputClasses, borderStyle.value, { "maz-rounded": !__props.noRadius }]])
215
- },
216
- [
217
- hasLeftPart() ? (openBlock(), createElementBlock("div", _hoisted_1, [
218
- _ctx.$slots["left-icon"] || __props.leftIcon ? renderSlot(_ctx.$slots, "left-icon", { key: 0 }, () => [
219
- createVNode(unref(MazIcon), {
220
- name: __props.leftIcon,
221
- class: "maz-text-xl maz-text-muted"
222
- }, null, 8, ["name"])
223
- ], true) : createCommentVNode("v-if", true)
224
- ])) : createCommentVNode("v-if", true),
225
- createElementVNode("div", _hoisted_2, [
226
- withDirectives(createElementVNode("input", mergeProps({
227
- id: unref(instanceId),
228
- ref_key: "input",
229
- ref: input,
230
- "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
231
- type: inputType.value,
232
- name: __props.name
233
- }, _ctx.$attrs, {
234
- placeholder: computedPlaceholder.value,
235
- "aria-label": __props.label || __props.placeholder,
236
- disabled: __props.disabled,
237
- readonly: __props.readonly,
238
- required: __props.required,
239
- class: "m-input-input"
240
- }, toHandlers({
241
- blur,
242
- focus,
243
- change
244
- }, true), {
245
- onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("click", $event))
246
- }), null, 16, _hoisted_3), [
247
- [vModelDynamic, inputValue.value]
248
- ]),
249
- __props.label || __props.hint ? (openBlock(), createElementBlock(
250
- "span",
251
- {
252
- key: 0,
253
- ref: "label",
254
- class: normalizeClass(["m-input-label", [
255
- {
256
- "maz-text-danger-600": __props.error,
257
- "maz-text-success-600": __props.success,
258
- "maz-text-warning-600": __props.warning
259
- }
260
- ]])
261
- },
262
- [
263
- createTextVNode(
264
- toDisplayString(__props.hint || __props.label) + " ",
265
- 1
266
- /* TEXT */
267
- ),
268
- __props.required ? (openBlock(), createElementBlock("sup", _hoisted_4, "*")) : createCommentVNode("v-if", true)
269
- ],
270
- 2
271
- /* CLASS */
272
- )) : createCommentVNode("v-if", true)
273
- ]),
274
- hasRightPart() ? (openBlock(), createElementBlock("div", _hoisted_5, [
275
- _ctx.$slots["right-icon"] || __props.rightIcon ? renderSlot(_ctx.$slots, "right-icon", { key: 0 }, () => [
276
- createVNode(unref(MazIcon), {
277
- name: __props.rightIcon,
278
- class: "maz-text-xl maz-text-muted"
279
- }, null, 8, ["name"])
280
- ], true) : createCommentVNode("v-if", true),
281
- isPasswordType.value ? (openBlock(), createBlock(unref(MazBtn), {
282
- key: 1,
283
- color: "transparent",
284
- tabindex: "-1",
285
- size: "mini",
286
- onClick: _cache[2] || (_cache[2] = withModifiers(($event) => hasPasswordVisible.value = !hasPasswordVisible.value, ["stop"]))
287
- }, {
288
- default: withCtx(() => [
289
- hasPasswordVisible.value ? (openBlock(), createBlock(unref(EyeOffIcon), {
290
- key: 0,
291
- class: "maz-text-xl maz-text-muted"
292
- })) : (openBlock(), createBlock(unref(EyeIcon), {
293
- key: 1,
294
- class: "maz-text-xl maz-text-muted"
295
- }))
296
- ]),
297
- _: 1
298
- /* STABLE */
299
- })) : createCommentVNode("v-if", true),
300
- _ctx.$slots["valid-button"] || __props.validButton ? renderSlot(_ctx.$slots, "valid-button", { key: 2 }, () => [
301
- createVNode(unref(MazBtn), {
302
- color: "transparent",
303
- disabled: __props.disabled,
304
- tabindex: "-1",
305
- loading: __props.validButtonLoading,
306
- class: "m-input-valid-button",
307
- size: "mini",
308
- type: "submit"
309
- }, {
310
- default: withCtx(() => [
311
- createVNode(unref(CheckIcon), { class: "maz-text-2xl maz-text-normal" })
312
- ]),
313
- _: 1
314
- /* STABLE */
315
- }, 8, ["disabled", "loading"])
316
- ], true) : createCommentVNode("v-if", true)
317
- ])) : createCommentVNode("v-if", true)
318
- ],
319
- 2
320
- /* CLASS */
321
- )
322
- ],
323
- 6
324
- /* CLASS, STYLE */
325
- );
326
- };
327
- }
328
- });
329
- const MazInput_vue_vue_type_style_index_0_scoped_32fa5093_lang = "";
330
- const _export_sfc = (sfc, props) => {
331
- const target = sfc.__vccOpts || sfc;
332
- for (const [key, val] of props) {
333
- target[key] = val;
334
- }
335
- return target;
336
- };
337
- const MazInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-32fa5093"]]);
338
- export {
339
- MazInput as M,
340
- _export_sfc as _
341
- };
@@ -1,334 +0,0 @@
1
- import "../assets/MazInput.css";
2
- import { computed, defineComponent, defineAsyncComponent, ref, getCurrentInstance, onMounted, useSlots, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createVNode, unref, createCommentVNode, withDirectives, mergeProps, toHandlers, vModelDynamic, createTextVNode, toDisplayString, createBlock, withModifiers, withCtx } from "vue";
3
- import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.mjs";
4
- function debounce(fn, delay) {
5
- let timeout;
6
- return function(...args) {
7
- clearTimeout(timeout);
8
- timeout = setTimeout(() => {
9
- fn.apply(this, args);
10
- }, delay);
11
- };
12
- }
13
- const useInstanceUniqId = ({
14
- componentName,
15
- instance,
16
- providedId
17
- }) => {
18
- return computed(() => providedId ?? `${componentName}-${instance == null ? void 0 : instance.uid}`);
19
- };
20
- const _hoisted_1 = {
21
- key: 0,
22
- class: "m-input-wrapper-left"
23
- };
24
- const _hoisted_2 = { class: "m-input-wrapper-input" };
25
- const _hoisted_3 = ["id", "type", "name", "placeholder", "aria-label", "disabled", "readonly", "required"];
26
- const _hoisted_4 = { key: 0 };
27
- const _hoisted_5 = {
28
- key: 1,
29
- class: "m-input-wrapper-right"
30
- };
31
- const _sfc_main = /* @__PURE__ */ defineComponent({
32
- ...{
33
- inheritAttrs: false
34
- },
35
- __name: "MazInput",
36
- props: {
37
- style: { type: [String, Array, Object], default: void 0 },
38
- class: { type: String, default: void 0 },
39
- modelValue: {
40
- type: [String, Number, Boolean],
41
- default: void 0
42
- },
43
- placeholder: { type: String, default: void 0 },
44
- color: {
45
- type: String,
46
- default: "primary"
47
- },
48
- label: { type: String, default: void 0 },
49
- name: { type: String, default: "input" },
50
- type: {
51
- type: String,
52
- default: "text",
53
- validator: (value) => {
54
- return [
55
- "text",
56
- "date",
57
- "number",
58
- "tel",
59
- "search",
60
- "url",
61
- "password",
62
- "month",
63
- "time",
64
- "week",
65
- "email"
66
- ].includes(value);
67
- }
68
- },
69
- required: { type: Boolean, default: false },
70
- disabled: { type: Boolean, default: false },
71
- readonly: { type: Boolean, default: false },
72
- id: { type: String, default: void 0 },
73
- error: { type: Boolean, default: false },
74
- success: { type: Boolean, default: false },
75
- warning: { type: Boolean, default: false },
76
- hint: { type: String, default: void 0 },
77
- inputClasses: { type: String, default: void 0 },
78
- noBorder: { type: Boolean, default: false },
79
- noRadius: { type: Boolean, default: false },
80
- size: {
81
- type: String,
82
- default: "md",
83
- validator: (value) => {
84
- return ["mini", "xs", "sm", "md", "lg", "xl"].includes(value);
85
- }
86
- },
87
- debounce: { type: Boolean, default: false },
88
- debounceDelay: { type: Number, default: 500 },
89
- validButton: { type: Boolean, default: false },
90
- validButtonLoading: { type: Boolean, default: false },
91
- autoFocus: { type: Boolean, default: false },
92
- borderActive: { type: Boolean, default: false },
93
- leftIcon: { type: String, default: void 0 },
94
- rightIcon: { type: String, default: void 0 }
95
- },
96
- emits: ["focus", "blur", "update:model-value", "click", "change", "update"],
97
- setup(__props, { emit: __emit }) {
98
- const MazBtn = defineAsyncComponent(() => import("./MazBtn-cf0c8fcb.mjs"));
99
- const MazIcon = defineAsyncComponent(() => import("./MazIcon-bda198b4.mjs"));
100
- const EyeOffIcon = defineAsyncComponent(() => import("./eye-slash-342420ff.mjs"));
101
- const EyeIcon = defineAsyncComponent(() => import("./eye-fbb13657.mjs"));
102
- const CheckIcon = defineAsyncComponent(() => import("./check-f2fcce10.mjs"));
103
- const props = __props;
104
- const emits = __emit;
105
- const hasPasswordVisible = ref(false);
106
- const isFocused = ref(false);
107
- const input = ref();
108
- const instance = getCurrentInstance();
109
- const instanceId = useInstanceUniqId({
110
- componentName: "MazInput",
111
- instance,
112
- providedId: props.id
113
- });
114
- onMounted(() => {
115
- var _a;
116
- if (props.autoFocus) {
117
- (_a = input.value) == null ? void 0 : _a.focus();
118
- }
119
- });
120
- const inheritClasses = computed(() => props.class);
121
- const isPasswordType = computed(() => props.type === "password");
122
- const inputType = computed(() => hasPasswordVisible.value ? "text" : props.type);
123
- const borderStyle = computed(() => {
124
- if (props.noBorder)
125
- return void 0;
126
- if (props.error)
127
- return "maz-border-danger";
128
- if (props.success)
129
- return "maz-border-success";
130
- if (props.warning)
131
- return "maz-border-warning";
132
- if (isFocused.value || props.borderActive) {
133
- if (props.color === "black")
134
- return "maz-border-black";
135
- if (props.color === "danger")
136
- return "maz-border-danger";
137
- if (props.color === "info")
138
- return "maz-border-info";
139
- if (props.color === "primary")
140
- return "maz-border-primary";
141
- if (props.color === "secondary")
142
- return "maz-border-secondary";
143
- if (props.color === "success")
144
- return "maz-border-success";
145
- if (props.color === "warning")
146
- return "maz-border-warning";
147
- if (props.color === "white")
148
- return "maz-border-white";
149
- }
150
- return "--default-border";
151
- });
152
- const slots = useSlots();
153
- const computedPlaceholder = computed(() => {
154
- const { required, placeholder } = props;
155
- if (!placeholder)
156
- return void 0;
157
- return required ? `${placeholder} *` : placeholder;
158
- });
159
- const hasValue = computed(() => props.modelValue !== void 0 && props.modelValue !== "");
160
- const inputValue = computed({
161
- get: () => props.modelValue,
162
- set: (value) => emitValue(value)
163
- });
164
- const shouldUp = computed(() => {
165
- return (!!props.label || !!props.hint) && (isFocused.value || !!hasValue.value || !!props.placeholder || ["date", "month", "week"].includes(props.type));
166
- });
167
- const hasLabel = computed(() => !!props.label || !!props.hint);
168
- const hasRightPart = () => {
169
- return !!slots["right-icon"] || isPasswordType.value || !!slots["valid-button"] || props.validButton || !!props.rightIcon;
170
- };
171
- const hasLeftPart = () => {
172
- return !!slots["left-icon"] || !!props.leftIcon;
173
- };
174
- const focus = (event) => {
175
- emits("focus", event);
176
- isFocused.value = true;
177
- };
178
- const blur = (event) => {
179
- emits("blur", event);
180
- isFocused.value = false;
181
- };
182
- const change = (event) => emits("change", event);
183
- const debounceEmitValue = debounce((value) => {
184
- emits("update:model-value", value);
185
- }, props.debounceDelay);
186
- const emitValue = (value) => {
187
- if (props.debounce)
188
- return debounceEmitValue(value);
189
- emits("update:model-value", value);
190
- };
191
- return (_ctx, _cache) => {
192
- return openBlock(), createElementBlock(
193
- "div",
194
- {
195
- class: normalizeClass(["m-input", [
196
- {
197
- "--is-focused": isFocused.value || __props.borderActive,
198
- "--should-up": shouldUp.value,
199
- "--has-label": hasLabel.value,
200
- "--is-disabled": __props.disabled,
201
- "--is-readonly": __props.readonly,
202
- "--has-z-2": __props.error || __props.warning || __props.success,
203
- "--has-state": __props.error || __props.warning || __props.success
204
- },
205
- inheritClasses.value,
206
- `--${__props.color}`,
207
- `--${__props.size}`
208
- ]]),
209
- style: normalizeStyle(__props.style)
210
- },
211
- [
212
- createElementVNode(
213
- "div",
214
- {
215
- class: normalizeClass(["m-input-wrapper", [__props.inputClasses, borderStyle.value, { "maz-rounded": !__props.noRadius }]])
216
- },
217
- [
218
- hasLeftPart() ? (openBlock(), createElementBlock("div", _hoisted_1, [
219
- _ctx.$slots["left-icon"] || __props.leftIcon ? renderSlot(_ctx.$slots, "left-icon", { key: 0 }, () => [
220
- createVNode(unref(MazIcon), {
221
- name: __props.leftIcon,
222
- class: "maz-text-xl maz-text-muted"
223
- }, null, 8, ["name"])
224
- ], true) : createCommentVNode("v-if", true)
225
- ])) : createCommentVNode("v-if", true),
226
- createElementVNode("div", _hoisted_2, [
227
- withDirectives(createElementVNode("input", mergeProps({
228
- id: unref(instanceId),
229
- ref_key: "input",
230
- ref: input,
231
- "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
232
- type: inputType.value,
233
- name: __props.name
234
- }, _ctx.$attrs, {
235
- placeholder: computedPlaceholder.value,
236
- "aria-label": __props.label || __props.placeholder,
237
- disabled: __props.disabled,
238
- readonly: __props.readonly,
239
- required: __props.required,
240
- class: "m-input-input"
241
- }, toHandlers({
242
- blur,
243
- focus,
244
- change
245
- }, true), {
246
- onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("click", $event))
247
- }), null, 16, _hoisted_3), [
248
- [vModelDynamic, inputValue.value]
249
- ]),
250
- __props.label || __props.hint ? (openBlock(), createElementBlock(
251
- "span",
252
- {
253
- key: 0,
254
- ref: "label",
255
- class: normalizeClass(["m-input-label", [
256
- {
257
- "maz-text-danger-600": __props.error,
258
- "maz-text-success-600": __props.success,
259
- "maz-text-warning-600": __props.warning
260
- }
261
- ]])
262
- },
263
- [
264
- createTextVNode(
265
- toDisplayString(__props.hint || __props.label) + " ",
266
- 1
267
- /* TEXT */
268
- ),
269
- __props.required ? (openBlock(), createElementBlock("sup", _hoisted_4, "*")) : createCommentVNode("v-if", true)
270
- ],
271
- 2
272
- /* CLASS */
273
- )) : createCommentVNode("v-if", true)
274
- ]),
275
- hasRightPart() ? (openBlock(), createElementBlock("div", _hoisted_5, [
276
- _ctx.$slots["right-icon"] || __props.rightIcon ? renderSlot(_ctx.$slots, "right-icon", { key: 0 }, () => [
277
- createVNode(unref(MazIcon), {
278
- name: __props.rightIcon,
279
- class: "maz-text-xl maz-text-muted"
280
- }, null, 8, ["name"])
281
- ], true) : createCommentVNode("v-if", true),
282
- isPasswordType.value ? (openBlock(), createBlock(unref(MazBtn), {
283
- key: 1,
284
- color: "transparent",
285
- tabindex: "-1",
286
- size: "mini",
287
- onClick: _cache[2] || (_cache[2] = withModifiers(($event) => hasPasswordVisible.value = !hasPasswordVisible.value, ["stop"]))
288
- }, {
289
- default: withCtx(() => [
290
- hasPasswordVisible.value ? (openBlock(), createBlock(unref(EyeOffIcon), {
291
- key: 0,
292
- class: "maz-text-xl maz-text-muted"
293
- })) : (openBlock(), createBlock(unref(EyeIcon), {
294
- key: 1,
295
- class: "maz-text-xl maz-text-muted"
296
- }))
297
- ]),
298
- _: 1
299
- /* STABLE */
300
- })) : createCommentVNode("v-if", true),
301
- _ctx.$slots["valid-button"] || __props.validButton ? renderSlot(_ctx.$slots, "valid-button", { key: 2 }, () => [
302
- createVNode(unref(MazBtn), {
303
- color: "transparent",
304
- disabled: __props.disabled,
305
- tabindex: "-1",
306
- loading: __props.validButtonLoading,
307
- class: "m-input-valid-button",
308
- size: "mini",
309
- type: "submit"
310
- }, {
311
- default: withCtx(() => [
312
- createVNode(unref(CheckIcon), { class: "maz-text-2xl maz-text-normal" })
313
- ]),
314
- _: 1
315
- /* STABLE */
316
- }, 8, ["disabled", "loading"])
317
- ], true) : createCommentVNode("v-if", true)
318
- ])) : createCommentVNode("v-if", true)
319
- ],
320
- 2
321
- /* CLASS */
322
- )
323
- ],
324
- 6
325
- /* CLASS, STYLE */
326
- );
327
- };
328
- }
329
- });
330
- const MazInput_vue_vue_type_style_index_0_scoped_32fa5093_lang = "";
331
- const MazInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-32fa5093"]]);
332
- export {
333
- MazInput as default
334
- };