morya-ui 0.3.0 → 0.3.2

package/dist/file-upload/index.js

@@ -1,10 +1,10 @@
 import { i as e } from "../useComponentAttrs-e-5QAjdw.js";
-import { t } from "../Icon-lcN1rS87.js";
+import { t } from "../Icon-od9Ob-Ay.js";
 import { n } from "../locale-Bzm2nbEp.js";
 import "./style.js";
-import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as ee, createVNode as c, defineComponent as l, mergeProps as u, normalizeClass as d, normalizeStyle as f, onBeforeUnmount as p, openBlock as m, ref as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, useAttrs as te, watch as ne } from "vue";
+import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as ee, createVNode as c, defineComponent as l, mergeProps as u, normalizeClass as d, normalizeStyle as f, onBeforeUnmount as te, openBlock as p, ref as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, useAttrs as ne, watch as re } from "vue";
 //#region src/components/FileUpload/ajax.ts
-function re(e) {
+function ie(e) {
 	let t = new XMLHttpRequest(), n = new FormData();
 	n.append(e.filename, e.file, e.file.name);
 	for (let [t, r] of Object.entries(e.data)) n.append(t, r);
@@ -25,53 +25,68 @@ function re(e) {
 	return t.send(n), t;
 }
 //#endregion
+//#region src/components/FileUpload/fileUtils.ts
+function ae(e, t) {
+	let n = t?.trim();
+	return !n || n.split(",").some((t) => {
+		let n = t.trim().toLowerCase();
+		return n ? n.startsWith(".") ? e.name.toLowerCase().endsWith(n) : n.endsWith("/*") ? e.type.toLowerCase().startsWith(n.slice(0, -1)) : e.type.toLowerCase() === n : !1;
+	});
+}
+function y(e) {
+	return e.type?.startsWith("image/") ? !0 : /\.(avif|bmp|gif|jpe?g|png|svg|webp)$/i.test(e.name);
+}
+function oe(e = 0) {
+	return e < 1024 ? `${e} B` : e < 1048576 ? `${Math.round(e / 1024)} KB` : `${(e / 1048576).toFixed(1)} MB`;
+}
+//#endregion
 //#region src/components/FileUpload/FileUpload.vue?vue&type=script&setup=true&lang.ts
-var ie = [
+var se = [
 	"multiple",
 	"accept",
 	"disabled",
 	"webkitdirectory"
-], ae = ["aria-disabled", "aria-label"], oe = { class: "m-fileupload__text" }, se = ["disabled"], ce = ["disabled"], le = {
+], ce = ["aria-disabled", "aria-label"], le = { class: "m-fileupload__text" }, ue = ["disabled"], de = ["disabled"], fe = {
 	key: 3,
 	class: "m-fileupload__tip"
-}, ue = {
+}, pe = {
 	key: 4,
 	class: "m-fileupload__list"
-}, de = { class: "m-fileupload__file-body" }, fe = [
+}, me = { class: "m-fileupload__file-body" }, he = [
 	"src",
 	"alt",
 	"onClick"
-], pe = { class: "m-fileupload__name" }, me = {
+], ge = { class: "m-fileupload__name" }, _e = {
 	key: 1,
 	class: "m-fileupload__size"
-}, he = {
+}, ve = {
 	key: 2,
 	class: "m-fileupload__status"
-}, ge = { class: "m-fileupload__actions" }, _e = ["aria-label", "onClick"], ve = ["aria-label", "onClick"], ye = [
+}, ye = { class: "m-fileupload__actions" }, be = ["aria-label", "onClick"], xe = ["aria-label", "onClick"], Se = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], be = ["aria-valuenow"], xe = [
+], Ce = ["aria-valuenow"], we = [
 	"src",
 	"alt",
 	"onClick"
-], Se = {
+], Te = {
 	key: 1,
 	class: "m-fileupload__card-name"
-}, Ce = {
+}, Ee = {
 	key: 2,
 	class: "m-fileupload__card-progress"
-}, we = {
+}, De = {
 	key: 3,
 	class: "m-fileupload__card-mask"
-}, Te = ["aria-label", "onClick"], Ee = ["aria-label", "onClick"], De = [
+}, Oe = ["aria-label", "onClick"], ke = ["aria-label", "onClick"], Ae = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], Oe = ["aria-label"], ke = {
+], je = ["aria-label"], b = {
 	key: 6,
 	class: "m-fileupload__toolbar"
-}, b = /* @__PURE__ */ l({
+}, x = /* @__PURE__ */ l({
 	inheritAttrs: !1,
 	__name: "FileUpload",
 	props: {
@@ -133,49 +148,36 @@ var ie = [
 		"error",
 		"abort"
 	],
-	setup(l, { expose: b, emit: Ae }) {
-		let x = l, S = Ae, C = te(), { rootAttrs: je, controlAttrs: Me } = e(C, () => x.pt, { controlKey: "input" }), w = 0, T = h(null), E = h([]), D = h(!1), O = /* @__PURE__ */ new Map(), k = n(), A = i(() => x.chooseLabel ?? k.value.chooseFile), j = i(() => x.listType === "picture-card"), M = i(() => x.listType === "picture" || j.value), N = i(() => !!(x.action || x.httpRequest)), Ne = i(() => x.autoUpload && N.value), Pe = i(() => x.showFileList && E.value.length > 0 && !j.value), P = i(() => !j.value), F = i(() => !x.disabled && (x.limit == null || E.value.length < x.limit)), Fe = i(() => N.value && !x.autoUpload && E.value.some((e) => e.status === "ready" || e.status === "fail")), Ie = i(() => E.value.length > 0 && x.showFileList), Le = i(() => [
+	setup(l, { expose: x, emit: S }) {
+		let C = l, w = S, Me = ne(), { rootAttrs: Ne, controlAttrs: Pe } = e(Me, () => C.pt, { controlKey: "input" }), T = 0, E = m(null), D = m([]), O = m(!1), k = /* @__PURE__ */ new Map(), A = n(), j = i(() => C.chooseLabel ?? A.value.chooseFile), M = i(() => C.listType === "picture-card"), N = i(() => C.listType === "picture" || M.value), P = i(() => !!(C.action || C.httpRequest)), Fe = i(() => C.autoUpload && P.value), Ie = i(() => C.showFileList && D.value.length > 0 && !M.value), F = i(() => !M.value), I = i(() => !C.disabled && (C.limit == null || D.value.length < C.limit)), Le = i(() => P.value && !C.autoUpload && D.value.some((e) => e.status === "ready" || e.status === "fail")), Re = i(() => D.value.length > 0 && C.showFileList), ze = i(() => [
 			"m-fileupload",
-			`m-fileupload--${x.mode}`,
-			`m-fileupload--${x.listType}`,
+			`m-fileupload--${C.mode}`,
+			`m-fileupload--${C.listType}`,
 			{
-				"m-fileupload--disabled": x.disabled,
-				"m-fileupload--drag": x.drag
+				"m-fileupload--disabled": C.disabled,
+				"m-fileupload--drag": C.drag
 			}
 		]);
-		ne(() => x.fileList, (e) => {
-			e && (E.value = e.map((e) => ({
+		re(() => C.fileList, (e) => {
+			e && (D.value = e.map((e) => ({
 				...e,
 				status: e.status ?? "success",
 				percentage: e.percentage ?? (e.status && e.status !== "success" ? 0 : 100),
-				uid: e.uid || I()
+				uid: e.uid || L()
 			})));
 		}, { immediate: !0 });
-		function I() {
-			return w += 1, `m-upload-${Date.now()}-${w}`;
-		}
-		function L(e) {
-			E.value = e, S("update:fileList", e);
-		}
-		function R(e, t) {
-			S("change", e, t);
-		}
-		function Re(e) {
-			let t = x.accept?.trim();
-			return !t || t.split(",").some((t) => {
-				let n = t.trim().toLowerCase();
-				return n ? n.startsWith(".") ? e.name.toLowerCase().endsWith(n) : n.endsWith("/*") ? e.type.toLowerCase().startsWith(n.slice(0, -1)) : e.type.toLowerCase() === n : !1;
-			});
+		function L() {
+			return T += 1, `m-upload-${Date.now()}-${T}`;
 		}
-		function z(e) {
-			return e.type?.startsWith("image/") ? !0 : /\.(avif|bmp|gif|jpe?g|png|svg|webp)$/i.test(e.name);
+		function R(e) {
+			D.value = e, w("update:fileList", e);
 		}
-		function ze(e = 0) {
-			return e < 1024 ? `${e} B` : e < 1048576 ? `${Math.round(e / 1024)} KB` : `${(e / 1048576).toFixed(1)} MB`;
+		function z(e, t) {
+			w("change", e, t);
 		}
 		function Be(e) {
 			return {
-				uid: I(),
+				uid: L(),
 				name: e.name,
 				size: e.size,
 				type: e.type,
@@ -189,94 +191,94 @@ var ie = [
 			e.url?.startsWith("blob:") && URL.revokeObjectURL(e.url);
 		}
 		async function V(e) {
-			if (x.disabled) return;
+			if (C.disabled) return;
 			let t = [];
-			for (let n of e) if (Re(n)) {
-				if (x.maxSize != null && n.size > x.maxSize) {
-					S("exceed-size", n);
+			for (let n of e) if (ae(n, C.accept)) {
+				if (C.maxSize != null && n.size > C.maxSize) {
+					w("exceed-size", n);
 					continue;
 				}
 				t.push(n);
 			}
-			let n = x.multiple ? t : t.slice(0, 1);
+			let n = C.multiple ? t : t.slice(0, 1);
 			if (!n.length) return;
-			let r = x.multiple ? E.value : [];
-			if (x.limit != null && r.length + n.length > x.limit) {
-				S("exceed", n);
+			let r = C.multiple ? D.value : [];
+			if (C.limit != null && r.length + n.length > C.limit) {
+				w("exceed", n);
 				return;
 			}
-			x.multiple || E.value.forEach(B);
+			C.multiple || D.value.forEach(B);
 			let i = [];
 			for (let e of n) {
 				let t = Be(e);
-				if (x.beforeUpload && await x.beforeUpload(e, t) === !1) {
+				if (C.beforeUpload && await C.beforeUpload(e, t) === !1) {
 					B(t);
 					continue;
 				}
 				i.push(t);
 			}
 			if (!i.length) return;
-			let a = x.multiple ? [...r, ...i] : i;
-			L(a), S("select", i.map((e) => e.raw).filter(Boolean));
-			for (let e of i) R(e, a), Ne.value && J(e);
+			let a = C.multiple ? [...r, ...i] : i;
+			R(a), w("select", i.map((e) => e.raw).filter(Boolean));
+			for (let e of i) z(e, a), Fe.value && J(e);
 		}
 		function H() {
-			F.value && T.value?.click();
+			I.value && E.value?.click();
 		}
 		function Ve(e) {
 			let t = e.target;
 			V(Array.from(t.files ?? [])), t.value = "";
 		}
 		function U(e) {
-			x.disabled || (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"), D.value = !0);
+			C.disabled || (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"), O.value = !0);
 		}
 		function W(e) {
 			let t = e.currentTarget, n = e.relatedTarget;
-			t && n && t.contains(n) || (D.value = !1);
+			t && n && t.contains(n) || (O.value = !1);
 		}
 		function G(e) {
-			x.disabled || (e.preventDefault(), D.value = !1, V(Array.from(e.dataTransfer?.files ?? [])));
+			C.disabled || (e.preventDefault(), O.value = !1, V(Array.from(e.dataTransfer?.files ?? [])));
 		}
 		function K(e) {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), H());
 		}
 		function q(e, t) {
-			let n = E.value.find((t) => t.uid === e), r = E.value.map((n) => n.uid === e ? {
+			let n = D.value.find((t) => t.uid === e), r = D.value.map((n) => n.uid === e ? {
 				...n,
 				...t
 			} : n), i = r.find((t) => t.uid === e);
-			L(r), i && n && t.status != null && t.status !== n.status && R(i, r);
+			R(r), i && n && t.status != null && t.status !== n.status && z(i, r);
 		}
 		function He(e, t) {
-			let n = typeof x.data == "function" ? x.data() : x.data ?? {};
+			let n = typeof C.data == "function" ? C.data() : C.data ?? {};
 			return {
-				action: x.action ?? "",
-				method: x.method ?? "post",
+				action: C.action ?? "",
+				method: C.method ?? "post",
 				file: t,
-				filename: x.name ?? "file",
+				filename: C.name ?? "file",
 				data: n,
-				headers: x.headers ?? {},
-				withCredentials: x.withCredentials,
+				headers: C.headers ?? {},
+				withCredentials: C.withCredentials,
 				onProgress: (t) => {
 					q(e.uid, {
 						percentage: t,
 						status: "uploading"
 					});
-					let n = E.value.find((t) => t.uid === e.uid);
-					n && S("progress", n, t);
+					let n = D.value.find((t) => t.uid === e.uid);
+					n && w("progress", n, t);
 				},
 				onSuccess: (t) => {
-					O.delete(e.uid), q(e.uid, {
+					k.delete(e.uid), q(e.uid, {
 						status: "success",
 						percentage: 100,
 						response: t,
 						error: void 0
 					});
-					let n = E.value.find((t) => t.uid === e.uid);
-					n && S("success", n, t);
+					let n = D.value.find((t) => t.uid === e.uid);
+					n && w("success", n, t);
 				},
 				onError: (t) => {
-					if (O.delete(e.uid), t.message === "aborted") {
+					if (k.delete(e.uid), t.message === "aborted") {
 						q(e.uid, {
 							status: "ready",
 							percentage: 0
@@ -287,24 +289,24 @@ var ie = [
 						status: "fail",
 						error: t.message
 					});
-					let n = E.value.find((t) => t.uid === e.uid);
-					n && S("error", n, t);
+					let n = D.value.find((t) => t.uid === e.uid);
+					n && w("error", n, t);
 				}
 			};
 		}
 		async function J(e) {
 			let t = e.raw;
-			if (!t || x.disabled || !N.value) return;
+			if (!t || C.disabled || !P.value) return;
 			q(e.uid, {
 				status: "uploading",
 				percentage: e.percentage ?? 0,
 				error: void 0
 			});
 			let n = He(e, t);
-			if (x.httpRequest) {
+			if (C.httpRequest) {
 				try {
-					let t = x.httpRequest(n);
-					if (t instanceof XMLHttpRequest) O.set(e.uid, t);
+					let t = C.httpRequest(n);
+					if (t instanceof XMLHttpRequest) k.set(e.uid, t);
 					else if (t && typeof t.then == "function") {
 						let e = await t;
 						n.onSuccess(e);
@@ -314,121 +316,121 @@ var ie = [
 				}
 				return;
 			}
-			O.set(e.uid, re(n));
+			k.set(e.uid, ie(n));
 		}
 		function Y() {
-			for (let e of E.value) (e.status === "ready" || e.status === "fail") && J(e);
+			for (let e of D.value) (e.status === "ready" || e.status === "fail") && J(e);
 		}
 		function X(e) {
-			let t = e ? [e.uid] : [...O.keys()];
-			for (let e of t) O.get(e)?.abort(), O.delete(e);
-			S("abort", e);
+			let t = e ? [e.uid] : [...k.keys()];
+			for (let e of t) k.get(e)?.abort(), k.delete(e);
+			w("abort", e);
 		}
 		async function Z(e) {
-			x.disabled || x.beforeRemove && await x.beforeRemove(e, E.value) === !1 || (X(e), B(e), L(E.value.filter((t) => t.uid !== e.uid)), S("remove", e));
+			C.disabled || C.beforeRemove && await C.beforeRemove(e, D.value) === !1 || (X(e), B(e), R(D.value.filter((t) => t.uid !== e.uid)), w("remove", e));
 		}
 		function Q(e) {
-			S("preview", e);
+			w("preview", e);
 		}
 		function $() {
-			X(), E.value.forEach(B), L([]);
+			X(), D.value.forEach(B), R([]);
 		}
-		return p(() => {
-			X(), E.value.forEach(B);
-		}), b({
+		return te(() => {
+			X(), D.value.forEach(B);
+		}), x({
 			openPicker: H,
 			submit: Y,
 			abort: X,
 			clear: $,
 			clearFiles: $
-		}), (e, n) => (m(), o("div", u(y(je), { class: Le.value }), [
+		}), (e, n) => (p(), o("div", u(v(Ne), { class: ze.value }), [
 			s("input", u({
 				ref_key: "inputRef",
-				ref: T,
+				ref: E,
 				class: "m-fileupload__input",
 				type: "file",
 				multiple: l.multiple || l.directory,
 				accept: l.accept,
 				disabled: l.disabled,
 				webkitdirectory: l.directory || void 0
-			}, y(Me), { onChange: Ve }), null, 16, ie),
-			l.drag && P.value ? (m(), o("div", {
+			}, v(Pe), { onChange: Ve }), null, 16, se),
+			l.drag && F.value ? (p(), o("div", {
 				key: 0,
-				class: d(["m-fileupload__dragger", { "m-fileupload__dragger--over": D.value }]),
+				class: d(["m-fileupload__dragger", { "m-fileupload__dragger--over": O.value }]),
 				role: "button",
 				tabindex: "0",
 				"aria-disabled": l.disabled || void 0,
-				"aria-label": A.value,
+				"aria-label": j.value,
 				onClick: H,
 				onKeydown: K,
 				onDragenter: U,
 				onDragover: U,
 				onDragleave: W,
 				onDrop: G
-			}, [_(e.$slots, "default", {}, () => [c(t, {
+			}, [g(e.$slots, "default", {}, () => [c(t, {
 				class: "m-fileupload__icon",
 				name: "upload"
-			}), s("p", oe, [ee(v(y(k).dropFileHere) + " ", 1), s("em", null, v(y(k).clickToUpload), 1)])])], 42, ae)) : P.value && e.$slots.trigger ? (m(), o("button", {
+			}), s("p", le, [ee(_(v(A).dropFileHere) + " ", 1), s("em", null, _(v(A).clickToUpload), 1)])])], 42, ce)) : F.value && e.$slots.trigger ? (p(), o("button", {
 				key: 1,
 				type: "button",
 				class: "m-fileupload__choose m-fileupload__choose--slot",
-				disabled: l.disabled || !F.value,
+				disabled: l.disabled || !I.value,
 				onClick: H
-			}, [_(e.$slots, "trigger")], 8, se)) : P.value ? (m(), o("button", {
+			}, [g(e.$slots, "trigger")], 8, ue)) : F.value ? (p(), o("button", {
 				key: 2,
 				type: "button",
 				class: "m-fileupload__choose",
-				disabled: l.disabled || !F.value,
+				disabled: l.disabled || !I.value,
 				onClick: H
-			}, v(A.value), 9, ce)) : a("", !0),
-			e.$slots.tip ? (m(), o("div", le, [_(e.$slots, "tip")])) : a("", !0),
-			Pe.value && !j.value ? (m(), o("ul", ue, [(m(!0), o(r, null, g(E.value, (n) => (m(), o("li", {
+			}, _(j.value), 9, de)) : a("", !0),
+			e.$slots.tip ? (p(), o("div", fe, [g(e.$slots, "tip")])) : a("", !0),
+			Ie.value && !M.value ? (p(), o("ul", pe, [(p(!0), o(r, null, h(D.value, (n) => (p(), o("li", {
 				key: n.uid,
-				class: d(["m-fileupload__file", [`m-fileupload__file--${n.status}`, { "m-fileupload__file--picture": M.value }]])
-			}, [_(e.$slots, "file", { file: n }, () => [s("div", de, [
-				M.value && n.url && z(n) ? (m(), o("img", {
+				class: d(["m-fileupload__file", [`m-fileupload__file--${n.status}`, { "m-fileupload__file--picture": N.value }]])
+			}, [g(e.$slots, "file", { file: n }, () => [s("div", me, [
+				N.value && n.url && v(y)(n) ? (p(), o("img", {
 					key: 0,
 					class: "m-fileupload__thumb",
 					src: n.url,
 					alt: n.name,
 					onClick: (e) => Q(n)
-				}, null, 8, fe)) : a("", !0),
-				s("span", pe, v(n.name), 1),
-				n.size == null ? a("", !0) : (m(), o("span", me, v(ze(n.size)), 1)),
-				n.status === "fail" ? (m(), o("span", he, v(n.error || y(k).uploadFailed), 1)) : a("", !0),
-				s("span", ge, [
-					n.url && z(n) ? (m(), o("button", {
+				}, null, 8, he)) : a("", !0),
+				s("span", ge, _(n.name), 1),
+				n.size == null ? a("", !0) : (p(), o("span", _e, _(v(oe)(n.size)), 1)),
+				n.status === "fail" ? (p(), o("span", ve, _(n.error || v(A).uploadFailed), 1)) : a("", !0),
+				s("span", ye, [
+					n.url && v(y)(n) ? (p(), o("button", {
 						key: 0,
 						type: "button",
 						class: "m-fileupload__action",
-						"aria-label": y(k).previewFile,
+						"aria-label": v(A).previewFile,
 						onClick: (e) => Q(n)
 					}, [c(t, {
 						name: "eye",
 						size: "sm"
-					})], 8, _e)) : a("", !0),
-					n.status === "fail" ? (m(), o("button", {
+					})], 8, be)) : a("", !0),
+					n.status === "fail" ? (p(), o("button", {
 						key: 1,
 						type: "button",
 						class: "m-fileupload__action",
-						"aria-label": y(k).retryUpload,
+						"aria-label": v(A).retryUpload,
 						onClick: (e) => J(n)
 					}, [c(t, {
 						name: "refresh",
 						size: "sm"
-					})], 8, ve)) : a("", !0),
+					})], 8, xe)) : a("", !0),
 					s("button", {
 						type: "button",
 						class: "m-fileupload__action",
-						"aria-label": y(k).removeFile,
+						"aria-label": v(A).removeFile,
 						disabled: l.disabled,
 						onClick: (e) => Z(n)
 					}, [c(t, {
 						name: "trash",
 						size: "sm"
-					})], 8, ye)
+					})], 8, Se)
 				])
-			]), n.status === "uploading" ? (m(), o("div", {
+			]), n.status === "uploading" ? (p(), o("div", {
 				key: 0,
 				class: "m-fileupload__progress",
 				role: "progressbar",
@@ -436,73 +438,73 @@ var ie = [
 				"aria-valuemax": 100,
 				"aria-valuenow": Math.round(n.percentage ?? 0),
 				style: f({ width: `${n.percentage ?? 0}%` })
-			}, null, 12, be)) : a("", !0)])], 2))), 128))])) : a("", !0),
-			j.value ? (m(), o("div", {
+			}, null, 12, Ce)) : a("", !0)])], 2))), 128))])) : a("", !0),
+			M.value ? (p(), o("div", {
 				key: 5,
-				class: d(["m-fileupload__cards", { "m-fileupload__cards--over": D.value }]),
+				class: d(["m-fileupload__cards", { "m-fileupload__cards--over": O.value }]),
 				onDragenter: U,
 				onDragover: U,
 				onDragleave: W,
 				onDrop: G
-			}, [(m(!0), o(r, null, g(l.showFileList ? E.value : [], (n) => (m(), o("div", {
+			}, [(p(!0), o(r, null, h(l.showFileList ? D.value : [], (n) => (p(), o("div", {
 				key: n.uid,
 				class: d(["m-fileupload__card", `m-fileupload__card--${n.status}`])
-			}, [_(e.$slots, "file", { file: n }, () => [n.url && z(n) ? (m(), o("img", {
+			}, [g(e.$slots, "file", { file: n }, () => [n.url && v(y)(n) ? (p(), o("img", {
 				key: 0,
 				class: "m-fileupload__card-image",
 				src: n.url,
 				alt: n.name,
 				onClick: (e) => Q(n)
-			}, null, 8, xe)) : (m(), o("span", Se, v(n.name), 1)), n.status === "uploading" ? (m(), o("div", Ce, v(Math.round(n.percentage ?? 0)) + "% ", 1)) : (m(), o("div", we, [
-				n.url && z(n) ? (m(), o("button", {
+			}, null, 8, we)) : (p(), o("span", Te, _(n.name), 1)), n.status === "uploading" ? (p(), o("div", Ee, _(Math.round(n.percentage ?? 0)) + "% ", 1)) : (p(), o("div", De, [
+				n.url && v(y)(n) ? (p(), o("button", {
 					key: 0,
 					type: "button",
 					class: "m-fileupload__action",
-					"aria-label": y(k).previewFile,
+					"aria-label": v(A).previewFile,
 					onClick: (e) => Q(n)
 				}, [c(t, {
 					name: "eye",
 					size: "sm"
-				})], 8, Te)) : a("", !0),
-				n.status === "fail" ? (m(), o("button", {
+				})], 8, Oe)) : a("", !0),
+				n.status === "fail" ? (p(), o("button", {
 					key: 1,
 					type: "button",
 					class: "m-fileupload__action",
-					"aria-label": y(k).retryUpload,
+					"aria-label": v(A).retryUpload,
 					onClick: (e) => J(n)
 				}, [c(t, {
 					name: "refresh",
 					size: "sm"
-				})], 8, Ee)) : a("", !0),
+				})], 8, ke)) : a("", !0),
 				s("button", {
 					type: "button",
 					class: "m-fileupload__action",
-					"aria-label": y(k).removeFile,
+					"aria-label": v(A).removeFile,
 					disabled: l.disabled,
 					onClick: (e) => Z(n)
 				}, [c(t, {
 					name: "trash",
 					size: "sm"
-				})], 8, De)
-			]))])], 2))), 128)), F.value ? (m(), o("button", {
+				})], 8, Ae)
+			]))])], 2))), 128)), I.value ? (p(), o("button", {
 				key: 0,
 				type: "button",
 				class: "m-fileupload__card m-fileupload__card--add",
-				"aria-label": y(k).addFile,
+				"aria-label": v(A).addFile,
 				onClick: H
-			}, [c(t, { name: "plus" })], 8, Oe)) : a("", !0)], 34)) : a("", !0),
-			Ie.value ? (m(), o("div", ke, [Fe.value ? (m(), o("button", {
+			}, [c(t, { name: "plus" })], 8, je)) : a("", !0)], 34)) : a("", !0),
+			Re.value ? (p(), o("div", b, [Le.value ? (p(), o("button", {
 				key: 0,
 				type: "button",
 				class: "m-fileupload__choose",
 				onClick: Y
-			}, v(y(k).uploadFile), 1)) : a("", !0), s("button", {
+			}, _(v(A).uploadFile), 1)) : a("", !0), s("button", {
 				type: "button",
 				class: "m-fileupload__clear",
 				onClick: $
-			}, v(y(k).clear), 1)])) : a("", !0)
+			}, _(v(A).clear), 1)])) : a("", !0)
 		], 16));
 	}
 });
 //#endregion
-export { b as MFileUpload };
+export { x as MFileUpload };