@nubisco/ui 5.25.2 → 5.26.1

package/dist/DataTable-DwLWLUUt.js

@@ -0,0 +1,500 @@
+import { t as e } from "./_plugin-vue_export-helper-O4QQSku4.js";
+import { r as t } from "./Size.d-Bah6vMl3.js";
+import { t as n } from "./Icon-rREAqsu0.js";
+import { useSurfaceLayer as r } from "./composables/useSurfaceLayer.composable.mjs";
+import { usePhoneLayout as i } from "./composables/usePhoneLayout.composable.mjs";
+import { t as a } from "./Button-Cq9dEeHz.js";
+import { t as o } from "./Grid-XtnH-vr_.js";
+import { t as s } from "./Checkbox-B3gBM6xy.js";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, getCurrentInstance as ee, mergeProps as te, normalizeClass as _, normalizeStyle as ne, onBeforeUnmount as re, openBlock as v, ref as y, renderList as b, renderSlot as x, toDisplayString as S, unref as ie, useId as C, useSlots as ae, watch as w, withCtx as oe, withModifiers as T } from "vue";
+import * as se from "@nubisco/ui/icons/arrow-up";
+import * as ce from "@nubisco/ui/icons/caret-right";
+import * as le from "@nubisco/ui/icons/arrows-down-up";
+import * as ue from "@nubisco/ui/icons/arrow-down";
+//#region src/components/DataTable.vue?vue&type=script&setup=true&lang.ts
+var de = ["inert", "aria-hidden"], fe = { key: 0 }, pe = {
+	key: 0,
+	class: "nb-data-table__title"
+}, me = {
+	key: 1,
+	class: "nb-data-table__description"
+}, he = ["inert", "aria-hidden"], ge = {
+	key: 1,
+	class: "nb-data-table__batch",
+	role: "region",
+	"aria-label": "Table batch actions"
+}, _e = { class: "nb-data-table__batch-count" }, ve = { class: "nb-data-table__batch-actions" }, ye = { class: "nb-data-table__scroll" }, be = [
+	"role",
+	"aria-label",
+	"aria-busy"
+], xe = {
+	key: 0,
+	class: "nb-data-table__col-expand"
+}, Se = {
+	key: 1,
+	class: "nb-data-table__col-select"
+}, Ce = {
+	key: 2,
+	class: "nb-data-table__col-actions"
+}, we = ["role"], Te = ["role"], Ee = {
+	key: 0,
+	scope: "col",
+	class: "nb-data-table__th nb-data-table__expand-cell"
+}, De = {
+	key: 1,
+	scope: "col",
+	class: "nb-data-table__th nb-data-table__select-cell"
+}, Oe = ["aria-sort"], ke = ["onClick"], Ae = { class: "nb-data-table__th-label" }, je = {
+	key: 1,
+	class: "nb-data-table__th-label"
+}, Me = {
+	key: 2,
+	scope: "col",
+	class: "nb-data-table__th nb-data-table__actions-cell"
+}, Ne = ["role"], Pe = {
+	key: 0,
+	class: "nb-data-table__td"
+}, Fe = {
+	key: 1,
+	class: "nb-data-table__td"
+}, Ie = {
+	key: 2,
+	class: "nb-data-table__td"
+}, Le = {
+	key: 1,
+	class: "nb-data-table__state-row"
+}, Re = ["colspan"], ze = {
+	key: 2,
+	class: "nb-data-table__state-row"
+}, Be = ["colspan"], Ve = [
+	"role",
+	"aria-selected",
+	"tabindex",
+	"onClick",
+	"onKeydown",
+	"onKeyup"
+], He = ["role"], Ue = [
+	"aria-expanded",
+	"aria-controls",
+	"aria-label",
+	"onClick"
+], We = [
+	"checked",
+	"aria-label",
+	"onChange"
+], Ge = ["role", "data-label"], Ke = ["role"], qe = ["colspan", "role"], Je = ["id", "aria-label"], Ye = {
+	key: 1,
+	class: "nb-data-table__footer"
+}, E = /* @__PURE__ */ e(/* @__PURE__ */ g({
+	__name: "DataTable",
+	props: {
+		columns: {},
+		rows: {},
+		rowKey: {},
+		size: { default: t.Medium },
+		sortState: { default: null },
+		selectable: { default: "none" },
+		selected: { default: () => [] },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		skeletonRows: { default: 5 },
+		error: { default: void 0 },
+		emptyMessage: { default: void 0 },
+		stickyHeader: {
+			type: Boolean,
+			default: !0
+		},
+		zebra: {
+			type: Boolean,
+			default: !1
+		},
+		fill: {
+			type: Boolean,
+			default: !1
+		},
+		title: { default: void 0 },
+		description: { default: void 0 },
+		ariaLabel: { default: void 0 },
+		stackOnPhone: {
+			type: Boolean,
+			default: !1
+		},
+		expanded: { default: () => [] }
+	},
+	emits: [
+		"sort",
+		"update:selected",
+		"row-click",
+		"update:expanded"
+	],
+	setup(e, { emit: t }) {
+		let g = e, { layerProps: E } = r(), D = t, O = ae(), Xe = `nb-data-table-select-${C()}`, Ze = l(() => g.size), k = l(() => g.columns.filter((e) => !e.hidden)), A = l(() => g.selectable !== "none"), j = l(() => !!O["row-actions"]), M = l(() => !!O["row-detail"]), N = l(() => k.value.length + (M.value ? 1 : 0) + (A.value ? 1 : 0) + (j.value ? 1 : 0)), { phone: Qe } = i(), P = l(() => g.stackOnPhone && Qe.value), $e = l(() => (k.value.find((e) => e.primary) ?? k.value.find((e) => !e.phoneHidden && !e.phoneMeta))?.key);
+		function et(e) {
+			return e.phoneHidden ? "nb-data-table__td--phone-hidden" : e.key === $e.value ? "nb-data-table__td--primary" : e.phoneMeta ? "nb-data-table__td--meta" : "nb-data-table__td--field";
+		}
+		let tt = l(() => !g.loading && !g.error && g.rows.length > 0 && (g.selectable === "multiple" || k.value.some((e) => e.sortable && !e.phoneHidden)));
+		function nt(e) {
+			if (e.width != null) return { width: typeof e.width == "number" ? `${e.width}px` : e.width };
+		}
+		function F(e, t) {
+			return t[e.key];
+		}
+		function rt(e) {
+			return e == null ? "" : String(e);
+		}
+		let it = (e) => e.column.render?.(e.row, F(e.column, e.row), e.rowIndex) ?? null;
+		it.props = [
+			"column",
+			"row",
+			"rowIndex"
+		];
+		function I(e) {
+			let t = g.rowKey;
+			return typeof t == "function" ? t(e) : e[t];
+		}
+		let L = l(() => new Set(g.selected)), at = l(() => g.selected), R = l(() => g.selected.length);
+		function z(e) {
+			return L.value.has(I(e));
+		}
+		let B = l(() => g.rows.map((e) => I(e))), V = l(() => B.value.length > 0 && B.value.every((e) => L.value.has(e))), ot = l(() => !V.value && B.value.some((e) => L.value.has(e))), H = y(null), U = !1;
+		function st(e) {
+			U = e.shiftKey;
+		}
+		w(B, () => {
+			H.value = null;
+		});
+		function ct(e, t) {
+			let n = I(e), r = new Set(g.selected), i = !r.has(n), a = H.value, o = (e) => {
+				i ? r.add(e) : r.delete(e);
+			};
+			if (U && a !== null && a !== t) {
+				let e = Math.min(a, t), n = Math.max(a, t);
+				for (let t = e; t <= n; t++) {
+					let e = g.rows[t];
+					e && o(I(e));
+				}
+			} else o(n), H.value = t;
+			U = !1, D("update:selected", [...r]);
+		}
+		function lt(e) {
+			D("update:selected", [I(e)]);
+		}
+		function ut() {
+			let e = new Set(g.selected);
+			V.value ? B.value.forEach((t) => e.delete(t)) : B.value.forEach((t) => e.add(t)), D("update:selected", [...e]);
+		}
+		function dt() {
+			D("update:selected", []);
+		}
+		let ft = l(() => g.selectable !== "none" && !!O["batch-actions"]), W = l(() => ft.value && R.value > 0), pt = `nb-data-table-detail-${C()}`, mt = l(() => new Set(g.expanded));
+		function G(e) {
+			return M.value && mt.value.has(I(e));
+		}
+		function ht(e) {
+			let t = I(e), n = g.expanded.filter((e) => e !== t);
+			n.length === g.expanded.length && n.push(t), D("update:expanded", n);
+		}
+		function gt(e) {
+			return `${pt}-${e}`;
+		}
+		function _t(e, t) {
+			let n = k.value.find((e) => e.key === $e.value);
+			return `Details for ${(n ? rt(F(n, e)).trim() : "") || `row ${t + 1}`}`;
+		}
+		let vt = l(() => !!g.title || !!g.description || !!O.toolbar || !!O.search || !!O["toolbar-actions"]), yt = l(() => vt.value || ft.value), bt = y(null), K = y(null), q = y(null), J = y(!1);
+		function xt() {
+			let e = K.value, t = q.value;
+			J.value = !!e && !!t && t.offsetTop >= e.offsetTop + e.offsetHeight - 1;
+		}
+		let Y = null;
+		w([
+			bt,
+			K,
+			q
+		], (e) => {
+			if (Y?.disconnect(), xt(), !(typeof ResizeObserver > "u")) {
+				Y ??= new ResizeObserver(xt);
+				for (let t of e) t && Y.observe(t);
+			}
+		}, { flush: "post" }), re(() => {
+			Y?.disconnect(), Y = null;
+		});
+		function X(e) {
+			return !!g.sortState && g.sortState.key === e.key && g.sortState.direction !== "none";
+		}
+		function St(e) {
+			return X(e) ? g.sortState.direction === "asc" ? "ascending" : "descending" : "none";
+		}
+		function Ct(e) {
+			return X(e) ? g.sortState.direction === "asc" ? se : ue : le;
+		}
+		function wt(e) {
+			return e === "asc" ? "desc" : e === "desc" ? "none" : "asc";
+		}
+		function Tt(e) {
+			let t = g.sortState && g.sortState.key === e.key ? g.sortState.direction : "none";
+			D("sort", {
+				key: e.key,
+				direction: wt(t)
+			});
+		}
+		let Et = ee(), Z = l(() => !!Et?.vnode.props?.onRowClick);
+		function Q(e, t) {
+			D("row-click", e, t);
+		}
+		function $(e) {
+			return Z.value && e.target === e.currentTarget && !e.altKey && !e.ctrlKey && !e.metaKey;
+		}
+		function Dt(e, t, n) {
+			$(e) && (e.key === "Enter" ? (e.preventDefault(), e.repeat || Q(t, n)) : e.key === " " && e.preventDefault());
+		}
+		function Ot(e, t, n) {
+			!$(e) || e.key !== " " || (e.preventDefault(), Q(t, n));
+		}
+		return (t, r) => (v(), f("div", te({ class: [
+			"nb-data-table",
+			`nb-data-table--${e.size}`,
+			{ "nb-data-table--zebra": e.zebra },
+			{ "nb-data-table--sticky": e.stickyHeader },
+			{ "nb-data-table--fill": e.fill },
+			{ "nb-data-table--stacked": P.value },
+			{ "nb-data-table--stacked-headless": P.value && !tt.value },
+			{ "nb-data-table--expandable": M.value }
+		] }, ie(E)), [
+			yt.value ? (v(), f("div", {
+				key: 0,
+				ref_key: "toolbarRef",
+				ref: bt,
+				class: _(["nb-data-table__toolbar", { "nb-data-table__toolbar--wrapped": J.value }])
+			}, [
+				p("div", {
+					ref_key: "toolbarHeadingRef",
+					ref: K,
+					class: "nb-data-table__toolbar-heading",
+					inert: W.value || void 0,
+					"aria-hidden": W.value || void 0
+				}, [x(t.$slots, "toolbar", { selectedCount: R.value }, () => [e.title || e.description ? (v(), f("div", fe, [e.title ? (v(), f("h2", pe, S(e.title), 1)) : d("", !0), e.description ? (v(), f("p", me, S(e.description), 1)) : d("", !0)])) : d("", !0)], !0)], 8, de),
+				t.$slots.search || t.$slots["toolbar-actions"] ? (v(), f("div", {
+					key: 0,
+					ref_key: "toolbarToolsRef",
+					ref: q,
+					class: _(["nb-data-table__toolbar-tools", { "nb-data-table__toolbar-tools--grow-search": J.value && !!t.$slots.search }]),
+					inert: W.value || void 0,
+					"aria-hidden": W.value || void 0
+				}, [x(t.$slots, "search", {}, void 0, !0), x(t.$slots, "toolbar-actions", {}, void 0, !0)], 10, he)) : d("", !0),
+				W.value ? (v(), f("div", ge, [
+					p("span", _e, S(R.value) + " selected ", 1),
+					p("div", ve, [x(t.$slots, "batch-actions", {
+						selectedKeys: at.value,
+						clear: dt
+					}, void 0, !0)]),
+					h(a, {
+						class: "nb-data-table__batch-cancel",
+						variant: "ghost",
+						size: Ze.value,
+						onClick: dt
+					}, {
+						default: oe(() => [...r[3] ||= [m(" Cancel ", -1)]]),
+						_: 1
+					}, 8, ["size"])
+				])) : d("", !0)
+			], 2)) : d("", !0),
+			p("div", ye, [p("table", {
+				class: "nb-data-table__table",
+				role: P.value ? "table" : void 0,
+				"aria-label": e.ariaLabel || e.title || void 0,
+				"aria-busy": e.loading || void 0
+			}, [
+				p("colgroup", null, [
+					M.value ? (v(), f("col", xe)) : d("", !0),
+					A.value ? (v(), f("col", Se)) : d("", !0),
+					(v(!0), f(c, null, b(k.value, (e) => (v(), f("col", {
+						key: `col-${e.key}`,
+						style: ne(nt(e))
+					}, null, 4))), 128)),
+					j.value ? (v(), f("col", Ce)) : d("", !0)
+				]),
+				p("thead", {
+					class: "nb-data-table__head",
+					role: P.value ? "rowgroup" : void 0
+				}, [p("tr", { role: P.value ? "row" : void 0 }, [
+					M.value ? (v(), f("th", Ee, [...r[4] ||= [p("span", { class: "nb-sr-only" }, "Row details", -1)]])) : d("", !0),
+					A.value ? (v(), f("th", De, [e.selectable === "multiple" ? (v(), u(s, {
+						key: 0,
+						"model-value": V.value,
+						indeterminate: ot.value,
+						"aria-label": "Select all rows",
+						"onUpdate:modelValue": ut
+					}, null, 8, ["model-value", "indeterminate"])) : d("", !0)])) : d("", !0),
+					(v(!0), f(c, null, b(k.value, (e) => (v(), f("th", {
+						key: `th-${e.key}`,
+						scope: "col",
+						class: _([
+							"nb-data-table__th",
+							`nb-data-table__th--${e.align || "left"}`,
+							{ "nb-data-table__th--sortable": e.sortable },
+							{ "nb-data-table__th--sorted": X(e) },
+							P.value && e.phoneHidden && "nb-data-table__th--phone-hidden"
+						]),
+						"aria-sort": e.sortable ? St(e) : void 0
+					}, [e.sortable ? (v(), f("button", {
+						key: 0,
+						type: "button",
+						class: "nb-data-table__sort",
+						onClick: (t) => Tt(e)
+					}, [p("span", Ae, [x(t.$slots, `header-${e.key}`, { column: e }, () => [m(S(e.header), 1)], !0)]), h(n, {
+						name: Ct(e),
+						class: "nb-data-table__sort-icon",
+						"aria-hidden": "true"
+					}, null, 8, ["name"])], 8, ke)) : (v(), f("span", je, [x(t.$slots, `header-${e.key}`, { column: e }, () => [m(S(e.header), 1)], !0)]))], 10, Oe))), 128)),
+					j.value ? (v(), f("th", Me, [...r[5] ||= [p("span", { class: "nb-sr-only" }, "Row actions", -1)]])) : d("", !0)
+				], 8, Te)], 8, we),
+				p("tbody", {
+					class: "nb-data-table__body",
+					role: P.value ? "rowgroup" : void 0
+				}, [e.loading ? (v(!0), f(c, { key: 0 }, b(e.skeletonRows, (e) => (v(), f("tr", {
+					key: `skeleton-${e}`,
+					class: "nb-data-table__row nb-data-table__row--skeleton"
+				}, [
+					M.value ? (v(), f("td", Pe)) : d("", !0),
+					A.value ? (v(), f("td", Fe, [...r[6] ||= [p("span", { class: "nb-data-table__skeleton nb-data-table__skeleton--box" }, null, -1)]])) : d("", !0),
+					(v(!0), f(c, null, b(k.value, (t) => (v(), f("td", {
+						key: `sk-${e}-${t.key}`,
+						class: "nb-data-table__td"
+					}, [...r[7] ||= [p("span", { class: "nb-data-table__skeleton" }, null, -1)]]))), 128)),
+					j.value ? (v(), f("td", Ie, [...r[8] ||= [p("span", { class: "nb-data-table__skeleton nb-data-table__skeleton--box" }, null, -1)]])) : d("", !0)
+				]))), 128)) : e.error ? (v(), f("tr", Le, [p("td", {
+					colspan: N.value,
+					class: "nb-data-table__state nb-data-table__state--error"
+				}, [x(t.$slots, "error", { error: e.error }, () => [h(o, {
+					is: "span",
+					align: "center",
+					justify: "center",
+					gap: "xs",
+					class: "nb-data-table__state-inner"
+				}, {
+					default: oe(() => [h(n, {
+						name: "warning-circle-fill",
+						"aria-hidden": "true"
+					}), p("span", null, S(e.error), 1)]),
+					_: 1
+				})], !0)], 8, Re)])) : e.rows.length ? (v(!0), f(c, { key: 3 }, b(e.rows, (i, a) => (v(), f(c, { key: I(i) }, [p("tr", {
+					class: _([
+						"nb-data-table__row",
+						{ "nb-data-table__row--selected": z(i) },
+						{ "nb-data-table__row--clickable": Z.value },
+						M.value && {
+							"nb-data-table__row--expanded": G(i),
+							"nb-data-table__row--even": a % 2 == 1
+						}
+					]),
+					role: P.value ? "row" : void 0,
+					"aria-selected": e.selectable === "none" ? void 0 : z(i),
+					tabindex: Z.value ? 0 : void 0,
+					onClick: (e) => Q(i, a),
+					onKeydown: (e) => Dt(e, i, a),
+					onKeyup: (e) => Ot(e, i, a)
+				}, [
+					M.value ? (v(), f("td", {
+						key: 0,
+						class: "nb-data-table__td nb-data-table__expand-cell",
+						role: P.value ? "cell" : void 0,
+						onClick: r[0] ||= T(() => {}, ["stop"])
+					}, [p("button", {
+						type: "button",
+						class: "nb-data-table__expand",
+						"aria-expanded": G(i),
+						"aria-controls": G(i) ? gt(a) : void 0,
+						"aria-label": _t(i, a),
+						onClick: (e) => ht(i)
+					}, [h(n, {
+						name: ce,
+						class: "nb-data-table__expand-icon",
+						"aria-hidden": "true"
+					})], 8, Ue)], 8, He)) : d("", !0),
+					A.value ? (v(), f("td", {
+						key: 1,
+						class: "nb-data-table__td nb-data-table__select-cell",
+						onClick: r[1] ||= T(() => {}, ["stop"]),
+						onMousedown: st,
+						onKeydown: st
+					}, [e.selectable === "multiple" ? (v(), u(s, {
+						key: 0,
+						"model-value": z(i),
+						"aria-label": `Select row ${a + 1}`,
+						"onUpdate:modelValue": (e) => ct(i, a)
+					}, null, 8, [
+						"model-value",
+						"aria-label",
+						"onUpdate:modelValue"
+					])) : (v(), f("input", {
+						key: 1,
+						type: "radio",
+						class: "nb-data-table__radio",
+						name: Xe,
+						checked: z(i),
+						"aria-label": `Select row ${a + 1}`,
+						onChange: (e) => lt(i)
+					}, null, 40, We))], 32)) : d("", !0),
+					(v(!0), f(c, null, b(k.value, (n) => (v(), f("td", {
+						key: `td-${I(i)}-${n.key}`,
+						class: _([
+							"nb-data-table__td",
+							`nb-data-table__td--${n.align || "left"}`,
+							n.cellClass,
+							P.value && et(n)
+						]),
+						role: P.value ? "cell" : void 0,
+						"data-label": e.stackOnPhone ? n.header : void 0
+					}, [x(t.$slots, `cell-${n.key}`, {
+						row: i,
+						value: F(n, i),
+						column: n,
+						rowIndex: a
+					}, () => [n.render ? (v(), u(it, {
+						key: 0,
+						column: n,
+						row: i,
+						"row-index": a
+					}, null, 8, [
+						"column",
+						"row",
+						"row-index"
+					])) : (v(), f(c, { key: 1 }, [m(S(rt(F(n, i))), 1)], 64))], !0)], 10, Ge))), 128)),
+					j.value ? (v(), f("td", {
+						key: 2,
+						class: "nb-data-table__td nb-data-table__actions-cell",
+						onClick: r[2] ||= T(() => {}, ["stop"])
+					}, [x(t.$slots, "row-actions", {
+						row: i,
+						rowIndex: a
+					}, void 0, !0)])) : d("", !0)
+				], 42, Ve), G(i) ? (v(), f("tr", {
+					key: 0,
+					class: "nb-data-table__detail-row",
+					role: P.value ? "row" : void 0
+				}, [p("td", {
+					colspan: N.value,
+					class: "nb-data-table__detail-cell",
+					role: P.value ? "cell" : void 0
+				}, [p("div", {
+					id: gt(a),
+					class: "nb-data-table__detail",
+					role: "region",
+					"aria-label": _t(i, a)
+				}, [x(t.$slots, "row-detail", {
+					row: i,
+					rowIndex: a
+				}, void 0, !0)], 8, Je)], 8, qe)], 8, Ke)) : d("", !0)], 64))), 128)) : (v(), f("tr", ze, [p("td", {
+					colspan: N.value,
+					class: "nb-data-table__state nb-data-table__state--empty"
+				}, [x(t.$slots, "empty", {}, () => [p("span", null, S(e.emptyMessage || "No data to display"), 1)], !0)], 8, Be)]))], 8, Ne)
+			], 8, be)]),
+			t.$slots.footer ? (v(), f("div", Ye, [x(t.$slots, "footer", {}, void 0, !0)])) : d("", !0)
+		], 16));
+	}
+}), [["__scopeId", "data-v-129b9c3a"]]);
+//#endregion
+export { E as t };

package/dist/FileUploader-DAbs5fWp.cjs

@@ -0,0 +1 @@
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./_plugin-vue_export-helper-tagjRzOz.cjs`),t=require(`./Icon-C8R_r_In.cjs`),n=require(`./composables/useSurfaceLayer.composable.cjs`),r=require(`./Button-CbQyG-jg.cjs`);let i=require(`vue`),a=require(`@nubisco/ui/icons/x`),o=require(`@nubisco/ui/icons/circle-notch`);var s=function(e){return e.Primary=`primary`,e.Secondary=`secondary`,e.Ghost=`ghost`,e.Danger=`danger`,e.Success=`success`,e.Warning=`warning`,e}(s||{}),c=function(e){return e.Idle=`idle`,e.Loading=`loading`,e.Success=`success`,e}(c||{}),l={key:0,class:`nb-file-uploader__heading`},u={key:1,class:`nb-file-uploader__description`},d=[`accept`,`multiple`,`disabled`],f={key:4,class:`nb-file-uploader__list`},p={class:`nb-file-uploader__name`},m={class:`nb-file-uploader__status`},h=[`aria-label`,`disabled`,`onClick`],g={key:0,class:`nb-file-uploader__error`},_=(0,i.defineComponent)({__name:`FileUploader`,props:{heading:{},description:{},buttonLabel:{default:`Add file`},variant:{default:s.Primary},accept:{},multiple:{type:Boolean,default:!1},maxSize:{},disabled:{type:Boolean,default:!1},id:{}},emits:[`change`,`remove`],setup(e,{expose:s,emit:_}){let v=e,{layerProps:y}=n.useSurfaceLayer(),b=_,x=(0,i.ref)(null),S=(0,i.ref)([]),C=(0,i.ref)(!1),w=0;(0,i.watch)(()=>v.disabled,e=>{e&&(w=0,C.value=!1)});function T(){v.disabled||x.value?.click()}function E(e){if(v.maxSize&&e.size>v.maxSize)return`File exceeds size limit.`;if(v.accept){let t=v.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 D(e){let t=Array.from(e);v.multiple||(S.value=[]);for(let e of t){let t=E(e);S.value.push({file:e,status:c.Idle,error:t})}b(`change`,S.value.filter(e=>!e.error).map(e=>e.file))}function O(e){let t=e.target;if(v.disabled){t.value=``;return}t.files?.length&&(D(t.files),t.value=``)}function k(){v.disabled||(w++,C.value=!0)}function A(){w--,w<=0&&(w=0,C.value=!1)}function j(e){v.disabled&&e.dataTransfer&&(e.dataTransfer.dropEffect=`none`)}function M(e){if(w=0,C.value=!1,v.disabled)return;let t=e.dataTransfer?.files;t?.length&&D(t)}function N(e){if(v.disabled)return;let t=S.value[e];S.value.splice(e,1),b(`remove`,t.file),b(`change`,S.value.filter(e=>!e.error).map(e=>e.file))}function P(e,t,n){S.value[e]&&(S.value[e].status=t,S.value[e].error=n)}return s({files:S,setFileStatus:P}),(n,s)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,(0,i.mergeProps)({class:[`nb-file-uploader`,{"nb-file-uploader--disabled":e.disabled}]},(0,i.unref)(y),{onDragenter:(0,i.withModifiers)(k,[`prevent`]),onDragover:(0,i.withModifiers)(j,[`prevent`]),onDragleave:(0,i.withModifiers)(A,[`prevent`]),onDrop:(0,i.withModifiers)(M,[`prevent`])}),[e.heading?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,l,(0,i.toDisplayString)(e.heading),1)):(0,i.createCommentVNode)(``,!0),e.description?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,u,(0,i.toDisplayString)(e.description),1)):(0,i.createCommentVNode)(``,!0),C.value?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:2,class:(0,i.normalizeClass)([`nb-file-uploader__dropzone`,`nb-file-uploader__dropzone--${e.variant}`])},[...s[0]||=[(0,i.createElementVNode)(`span`,{class:`nb-file-uploader__drop-label`},[(0,i.createTextVNode)(` Drag and drop files here`),(0,i.createElementVNode)(`br`),(0,i.createTextVNode)(`or click to upload `)],-1)]],2)):((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:3,class:`nb-file-uploader__btn`,variant:e.variant,disabled:e.disabled,onClick:(0,i.withModifiers)(T,[`stop`])},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.buttonLabel),1)]),_:1},8,[`variant`,`disabled`])),(0,i.createElementVNode)(`input`,{ref_key:`inputRef`,ref:x,type:`file`,class:`nb-file-uploader__input`,accept:e.accept,multiple:e.multiple,disabled:e.disabled,onChange:O},null,40,d),S.value.length?((0,i.openBlock)(),(0,i.createElementBlock)(`ul`,f,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(S.value,(n,r)=>((0,i.openBlock)(),(0,i.createElementBlock)(`li`,{key:r,class:(0,i.normalizeClass)([`nb-file-uploader__item`,{"nb-file-uploader__item--error":n.error,"nb-file-uploader__item--success":n.status===`success`}])},[(0,i.createElementVNode)(`span`,p,(0,i.toDisplayString)(n.file.name),1),(0,i.createElementVNode)(`span`,m,[n.status===`loading`?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:0,name:(0,i.unref)(o.regular),class:`nb-file-uploader__spinner`},null,8,[`name`])):n.status===`success`?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:1,name:`check-circle-fill`,class:`nb-file-uploader__check`})):(0,i.createCommentVNode)(``,!0),n.error?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:2,name:`warning-circle-fill`,class:`nb-file-uploader__warn`})):(0,i.createCommentVNode)(``,!0),n.status===`loading`?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createElementBlock)(`button`,{key:3,class:`nb-file-uploader__remove`,type:`button`,"aria-label":`Remove ${n.file.name}`,disabled:e.disabled,onClick:e=>N(r)},[(0,i.createVNode)(t.t,{name:(0,i.unref)(a.regular)},null,8,[`name`])],8,h))]),n.error?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,g,(0,i.toDisplayString)(n.error),1)):(0,i.createCommentVNode)(``,!0)],2))),128))])):(0,i.createCommentVNode)(``,!0)],16))}}),v=e.t(_,[[`__scopeId`,`data-v-9bd5f6ba`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return v}});