@nubisco/ui 5.25.2 → 5.26.0

package/dist/FileUploader-DwKKUn71.js

@@ -1,162 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
-import { t } from "./Icon-rREAqsu0.js";
-import { useSurfaceLayer as n } from "./composables/useSurfaceLayer.composable.mjs";
-import { t as r } from "./Button-IcCXOoCT.js";
-import { Fragment as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeProps as f, normalizeClass as p, openBlock as m, ref as h, renderList as g, toDisplayString as _, unref as v, withCtx as y, withModifiers as b } from "vue";
-import { regular as x } from "@nubisco/ui/icons/x";
-import { regular as S } from "@nubisco/ui/icons/circle-notch";
-//#region src/types/Variants.d.ts
-var C = /* @__PURE__ */ function(e) {
-	return e.Primary = "primary", e.Secondary = "secondary", e.Ghost = "ghost", e.Danger = "danger", e.Success = "success", e.Warning = "warning", e;
-}(C || {}), w = /* @__PURE__ */ function(e) {
-	return e.Idle = "idle", e.Loading = "loading", e.Success = "success", e;
-}(w || {}), T = {
-	key: 0,
-	class: "nb-file-uploader__heading"
-}, E = {
-	key: 1,
-	class: "nb-file-uploader__description"
-}, D = ["accept", "multiple"], O = {
-	key: 4,
-	class: "nb-file-uploader__list"
-}, k = { class: "nb-file-uploader__name" }, A = { class: "nb-file-uploader__status" }, j = ["aria-label", "onClick"], M = {
-	key: 0,
-	class: "nb-file-uploader__error"
-}, N = /* @__PURE__ */ e(/* @__PURE__ */ d({
-	__name: "FileUploader",
-	props: {
-		heading: {},
-		description: {},
-		buttonLabel: { default: "Add file" },
-		variant: { default: C.Primary },
-		accept: {},
-		multiple: {
-			type: Boolean,
-			default: !1
-		},
-		maxSize: {},
-		disabled: { type: Boolean },
-		id: {}
-	},
-	emits: ["change", "remove"],
-	setup(e, { expose: d, emit: C }) {
-		let N = e, { layerProps: P } = n(), F = C, I = h(null), L = h([]), R = h(!1), z = 0;
-		function B() {
-			I.value?.click();
-		}
-		function V(e) {
-			if (N.maxSize && e.size > N.maxSize) return "File exceeds size limit.";
-			if (N.accept) {
-				let t = N.accept.split(",").map((e) => e.trim().toLowerCase()), n = e.name.toLowerCase();
-				if (!t.some((t) => t.startsWith(".") ? n.endsWith(t) : t.includes("/") ? e.type === t || e.type.startsWith(t.replaceAll("*", "")) : !1)) return "File type not accepted.";
-			}
-		}
-		function H(e) {
-			let t = Array.from(e);
-			N.multiple || (L.value = []);
-			for (let e of t) {
-				let t = V(e);
-				L.value.push({
-					file: e,
-					status: w.Idle,
-					error: t
-				});
-			}
-			F("change", L.value.filter((e) => !e.error).map((e) => e.file));
-		}
-		function U(e) {
-			let t = e.target;
-			t.files?.length && (H(t.files), t.value = "");
-		}
-		function W() {
-			z++, R.value = !0;
-		}
-		function G() {
-			z--, z <= 0 && (z = 0, R.value = !1);
-		}
-		function K(e) {
-			z = 0, R.value = !1;
-			let t = e.dataTransfer?.files;
-			t?.length && H(t);
-		}
-		function q(e) {
-			let t = L.value[e];
-			L.value.splice(e, 1), F("remove", t.file), F("change", L.value.filter((e) => !e.error).map((e) => e.file));
-		}
-		function J(e, t, n) {
-			L.value[e] && (L.value[e].status = t, L.value[e].error = n);
-		}
-		return d({
-			files: L,
-			setFileStatus: J
-		}), (n, d) => (m(), s("div", f({ class: "nb-file-uploader" }, v(P), {
-			onDragenter: b(W, ["prevent"]),
-			onDragover: d[0] ||= b(() => {}, ["prevent"]),
-			onDragleave: b(G, ["prevent"]),
-			onDrop: b(K, ["prevent"])
-		}), [
-			e.heading ? (m(), s("p", T, _(e.heading), 1)) : o("", !0),
-			e.description ? (m(), s("p", E, _(e.description), 1)) : o("", !0),
-			R.value ? (m(), s("div", {
-				key: 2,
-				class: p(["nb-file-uploader__dropzone", `nb-file-uploader__dropzone--${e.variant}`])
-			}, [...d[1] ||= [c("span", { class: "nb-file-uploader__drop-label" }, [
-				l(" Drag and drop files here"),
-				c("br"),
-				l("or click to upload ")
-			], -1)]], 2)) : (m(), a(r, {
-				key: 3,
-				class: "nb-file-uploader__btn",
-				variant: e.variant,
-				onClick: b(B, ["stop"])
-			}, {
-				default: y(() => [l(_(e.buttonLabel), 1)]),
-				_: 1
-			}, 8, ["variant"])),
-			c("input", {
-				ref_key: "inputRef",
-				ref: I,
-				type: "file",
-				class: "nb-file-uploader__input",
-				accept: e.accept,
-				multiple: e.multiple,
-				onChange: U
-			}, null, 40, D),
-			L.value.length ? (m(), s("ul", O, [(m(!0), s(i, null, g(L.value, (e, n) => (m(), s("li", {
-				key: n,
-				class: p(["nb-file-uploader__item", {
-					"nb-file-uploader__item--error": e.error,
-					"nb-file-uploader__item--success": e.status === "success"
-				}])
-			}, [
-				c("span", k, _(e.file.name), 1),
-				c("span", A, [
-					e.status === "loading" ? (m(), a(t, {
-						key: 0,
-						name: v(S),
-						class: "nb-file-uploader__spinner"
-					}, null, 8, ["name"])) : e.status === "success" ? (m(), a(t, {
-						key: 1,
-						name: "check-circle-fill",
-						class: "nb-file-uploader__check"
-					})) : o("", !0),
-					e.error ? (m(), a(t, {
-						key: 2,
-						name: "warning-circle-fill",
-						class: "nb-file-uploader__warn"
-					})) : o("", !0),
-					e.status === "loading" ? o("", !0) : (m(), s("button", {
-						key: 3,
-						class: "nb-file-uploader__remove",
-						type: "button",
-						"aria-label": `Remove ${e.file.name}`,
-						onClick: (e) => q(n)
-					}, [u(t, { name: v(x) }, null, 8, ["name"])], 8, j))
-				]),
-				e.error ? (m(), s("div", M, _(e.error), 1)) : o("", !0)
-			], 2))), 128))])) : o("", !0)
-		], 16));
-	}
-}), [["__scopeId", "data-v-7f391a7f"]]);
-//#endregion
-export { N as t };