@ac-design/design-system 0.0.0-stage → 1.0.1

package/dist/lib/components/AcFileEditor.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,556 @@
+import e from "./AcButton.js";
+import t from "./AcSkeleton.js";
+import n from "./AcSearchBar.js";
+import r from "./AcEmptyState.js";
+import i from "./AcSelect.js";
+import a from "./AcSegmentedControl.js";
+import o from "./AcCodeEditor.js";
+import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, mergeModels as g, nextTick as _, normalizeClass as v, normalizeStyle as ee, onBeforeUnmount as te, openBlock as y, ref as b, renderList as ne, renderSlot as re, resolveDynamicComponent as ie, shallowRef as ae, toDisplayString as x, unref as S, useId as oe, useModel as C, watch as w, withCtx as T } from "vue";
+import { CircleAlert as se, Download as ce, Eye as le, EyeOff as ue, FileBraces as de, FileCode as fe, FileLock as pe, FileTerminal as me, FileText as he, Lock as ge, TriangleAlert as _e } from "@lucide/vue";
+import { Text as ve } from "@codemirror/state";
+//#region src/lib/components/AcFileEditor.vue?vue&type=script&setup=true&lang.ts
+var ye = ["aria-busy"], be = {
+	key: 0,
+	class: "flex h-full flex-col @2xl:flex-row"
+}, xe = {
+	class: "hidden w-60 shrink-0 flex-col gap-1 border-r border-border-light bg-surface-muted p-2 @2xl:flex @4xl:w-72",
+	"aria-hidden": "true"
+}, Se = { class: "flex min-w-0 flex-1 flex-col gap-1.5" }, Ce = {
+	class: "border-b border-border-light p-2 @2xl:hidden",
+	"aria-hidden": "true"
+}, we = {
+	key: 1,
+	class: "flex h-full items-center justify-center overflow-auto"
+}, Te = {
+	key: 2,
+	class: "flex h-full flex-col @2xl:flex-row"
+}, Ee = { class: "hidden w-60 shrink-0 flex-col border-r border-border-light bg-surface-muted @2xl:flex @4xl:w-72" }, De = ["aria-label"], Oe = [
+	"aria-selected",
+	"tabindex",
+	"title",
+	"onClick",
+	"onKeydown"
+], ke = { class: "flex min-w-0 flex-1 flex-col" }, Ae = { class: "truncate text-base leading-5 font-medium" }, je = {
+	key: 0,
+	class: "truncate text-xs leading-4 text-muted"
+}, Me = {
+	key: 1,
+	class: "size-2 shrink-0 rounded-full bg-primary",
+	"aria-hidden": "true"
+}, Ne = {
+	key: 2,
+	class: "sr-only"
+}, Pe = {
+	key: 2,
+	class: "min-h-0 flex-1 overflow-auto"
+}, Fe = { class: "border-t border-border-light px-3 py-2 text-xs text-muted" }, Ie = { class: "text-red-40" }, Le = { class: "border-b border-border-light bg-surface-muted p-2 @2xl:hidden" }, Re = ["aria-label"], ze = {
+	key: 0,
+	class: "border-b border-yellow-90 bg-yellow-97 px-3 py-2 text-xs text-yellow-10"
+}, Be = { class: "flex min-h-11 flex-wrap items-center gap-x-3 gap-y-1.5 border-b border-border-light px-3 py-2" }, Ve = { class: "min-w-0 truncate font-mono text-xs font-medium text-heading" }, He = { class: "inline-flex items-center gap-1 rounded-4 bg-surface-sunken px-1.5 text-sm leading-5 font-medium text-muted" }, Ue = { class: "ml-auto flex min-w-0 flex-wrap items-center justify-end gap-2" }, We = { class: "flex min-h-0 flex-1 items-center justify-center overflow-auto bg-surface-muted" }, Ge = ["aria-label"], Ke = /*@__PURE__*/ h({
+	__name: "AcFileEditor",
+	props: /*@__PURE__*/ g({
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		height: { default: "480px" },
+		searchable: {
+			type: [Boolean, String],
+			default: "auto"
+		},
+		formatSwitch: {
+			type: Boolean,
+			default: !1
+		},
+		validate: {
+			type: Boolean,
+			default: !0
+		},
+		copyable: {
+			type: Boolean,
+			default: !0
+		},
+		downloadable: {
+			type: Boolean,
+			default: !1
+		},
+		wrap: {
+			type: Boolean,
+			default: !0
+		},
+		label: { default: "Files" },
+		emptyText: { default: "No files to show" }
+	}, {
+		files: { default: () => [] },
+		filesModifiers: {},
+		active: { default: "" },
+		activeModifiers: {},
+		search: { default: "" },
+		searchModifiers: {},
+		format: { default: "yaml" },
+		formatModifiers: {},
+		view: { default: "edit" },
+		viewModifiers: {}
+	}),
+	emits: /*@__PURE__*/ g(["validate", "download"], [
+		"update:files",
+		"update:active",
+		"update:search",
+		"update:format",
+		"update:view"
+	]),
+	setup(h, { expose: g, emit: Ke }) {
+		let E = h, D = C(h, "files"), O = C(h, "active"), k = C(h, "search"), qe = C(h, "format"), Je = C(h, "view"), Ye = Ke, Xe = [
+			"70%",
+			"55%",
+			"80%",
+			"45%",
+			"65%",
+			"50%",
+			"75%"
+		], Ze = {
+			yaml: fe,
+			json: de,
+			shell: me,
+			text: he
+		}, Qe = {
+			yaml: "yaml",
+			yml: "yaml",
+			json: "json",
+			sh: "shell",
+			bash: "shell"
+		}, $e, et = () => $e ??= import("../editor/validate.js"), tt = `${oe()}-pane`, nt = b(), A = b(), j = b(), M = /* @__PURE__ */ new Map(), N = ae(), P = b(!1), F = b(null), I = b(null), L = b(null), R = c(() => D.value.find((e) => e.name === O.value)), rt = c(() => E.searchable === "auto" ? D.value.length > 8 : E.searchable), z = c(() => {
+			let e = k.value.trim().toLowerCase();
+			return e ? D.value.filter((t) => [
+				t.name,
+				t.kind,
+				t.description,
+				t.secret ? "" : t.content
+			].some((t) => t?.toLowerCase().includes(e))) : D.value;
+		}), B = c(() => z.value.some((e) => e.name === O.value) ? O.value : z.value[0]?.name), V = c(() => {
+			let e = R.value;
+			if (!e) return null;
+			let t = W(e), n = G(e, e.content), r = n === null, i = n ?? e.content, a = e.original === void 0 ? void 0 : G(e, e.original) ?? e.original, o = E.formatSwitch && !r && (t === "yaml" || t === "json"), s = t === "json" ? "yaml" : "json", c = o ? K(i, t, s) : null, l = o && qe.value !== t && c !== null;
+			return {
+				file: e,
+				native: t,
+				switchable: o,
+				convertible: c !== null,
+				language: l ? s : t,
+				text: l ? c : i,
+				original: l && a !== void 0 ? K(a, t, s) ?? void 0 : a,
+				undecodable: r,
+				readonly: E.readonly || !!e.readonly || r
+			};
+		}), H = c(() => {
+			let e = V.value;
+			if (!e) return "";
+			let t = F.value;
+			return t && t.name === e.file.name && t.language === e.language && t.basis === e.file.content ? t.text : e.text;
+		}), U = c(() => !!R.value?.secret && !P.value), it = c(() => !!F.value?.broken && H.value === F.value.text), at = c(() => {
+			let e = V.value;
+			return ["yaml", "json"].map((t) => ({
+				value: t,
+				label: t.toUpperCase(),
+				disabled: !!e && t !== e.language && (it.value || t !== e.native && !e.convertible)
+			}));
+		}), ot = c(() => {
+			if (!L.value) return null;
+			let e = V.value, t = I.value;
+			return e && e.language !== e.native && t?.name === e.file.name ? {
+				...L.value,
+				[e.file.name]: t.problems
+			} : L.value;
+		}), st = c(() => D.value.filter(q).length), ct = c(() => D.value.filter((e) => J(e).length).length), lt = c(() => D.value.map((e) => ({
+			value: e.name,
+			label: e.name,
+			description: [Y(e), X(e)].filter(Boolean).join(" · ") || void 0
+		})));
+		function W(e) {
+			if (e.language) return e.language;
+			let t = e.name.includes(".") ? e.name.split(".").pop().toLowerCase() : "";
+			return Qe[t] ?? "text";
+		}
+		function G(e, t) {
+			if (e.encoding !== "base64") return t;
+			try {
+				let e = Uint8Array.from(atob(t.replace(/\s/g, "")), (e) => e.charCodeAt(0));
+				return new TextDecoder("utf-8", { fatal: !0 }).decode(e);
+			} catch {
+				return null;
+			}
+		}
+		function ut(e, t) {
+			if (e.encoding !== "base64") return t;
+			let n = "";
+			for (let e of new TextEncoder().encode(t)) n += String.fromCharCode(e);
+			return btoa(n);
+		}
+		function K(e, t, n) {
+			let r = N.value;
+			if (!r) return null;
+			if (!e.trim()) return "";
+			try {
+				let i = t === "json" ? JSON.parse(e) : r.parse(e);
+				return n === "json" ? JSON.stringify(i, null, 2) + "\n" : r.stringify(i, { lineWidth: 0 });
+			} catch {
+				return null;
+			}
+		}
+		function q(e) {
+			return e.original !== void 0 && e.content !== e.original;
+		}
+		function J(e) {
+			return ot.value?.[e.name] ?? [];
+		}
+		function dt(e) {
+			return J(e).some((e) => e.severity === "error");
+		}
+		function Y(e) {
+			return [e.kind, e.description].filter(Boolean).join(" · ");
+		}
+		function X(e) {
+			let t = J(e).length;
+			return [q(e) && "Changed", t && `${t} ${t === 1 ? "problem" : "problems"}`].filter(Boolean).join(", ");
+		}
+		function ft(e) {
+			return e.secret ? pe : Ze[W(e)];
+		}
+		function pt(e, t) {
+			D.value = D.value.map((n) => n.name === e ? {
+				...n,
+				content: t
+			} : n);
+		}
+		function mt(e) {
+			let t = V.value;
+			if (!t || e === H.value) return;
+			if (t.language === t.native) return pt(t.file.name, ut(t.file, e));
+			let n = K(e, t.language, t.native), r = n === null ? t.file.content : ut(t.file, n);
+			F.value = {
+				name: t.file.name,
+				language: t.language,
+				text: e,
+				basis: r,
+				broken: n === null
+			}, r !== t.file.content && pt(t.file.name, r);
+		}
+		function ht(e) {
+			V.value && (I.value = {
+				name: V.value.file.name,
+				problems: e
+			});
+		}
+		function gt(e) {
+			e && (F.value = null, qe.value = e);
+		}
+		function _t(e, t) {
+			t instanceof HTMLElement ? M.set(e, t) : M.delete(e);
+		}
+		function Z(e, t = !1) {
+			O.value = e, t && M.get(e)?.focus();
+		}
+		let Q = "", $;
+		function vt(e, t) {
+			clearTimeout($), Q += e.toLowerCase(), $ = setTimeout(() => Q = "", 500);
+			let n = z.value;
+			for (let e = 1; e <= n.length; e++) {
+				let r = n[(t + (Q.length === 1 ? e : e - 1)) % n.length];
+				if (r.name.toLowerCase().startsWith(Q)) return Z(r.name, !0);
+			}
+		}
+		function yt(e, t) {
+			let n = z.value, r = {
+				ArrowDown: t + 1,
+				ArrowUp: t - 1,
+				Home: 0,
+				End: n.length - 1
+			};
+			if (e.key in r) {
+				if (e.preventDefault(), e.key === "ArrowUp" && t === 0 && rt.value) return nt.value?.querySelector("input")?.focus();
+				let i = n[Math.min(Math.max(r[e.key], 0), n.length - 1)];
+				i && Z(i.name, !0);
+			} else e.key === "Enter" || e.key === " " ? (e.preventDefault(), Z(n[t].name), e.key === "Enter" && _(At)) : e.key.length === 1 && e.key !== " " && !e.ctrlKey && !e.metaKey && !e.altKey && vt(e.key, t);
+		}
+		function bt(e) {
+			e.key === "ArrowDown" && B.value && (e.preventDefault(), Z(B.value, !0));
+		}
+		let xt = {
+			yaml: "yaml",
+			json: "json",
+			shell: "sh"
+		};
+		function St(e, t) {
+			return /\.[A-Za-z0-9]+$/.test(e) ? e : `${e}.${xt[t] ?? "txt"}`;
+		}
+		function Ct() {
+			let e = V.value;
+			if (!e) return;
+			let t = URL.createObjectURL(new Blob([H.value], { type: "text/plain;charset=utf-8" })), n = document.createElement("a");
+			n.href = t, n.download = St(e.file.name, e.language), n.click(), URL.revokeObjectURL(t), Ye("download", e.file);
+		}
+		function wt(e) {
+			P.value = e, _(() => e ? A.value?.focus() : (j.value?.$el)?.focus());
+		}
+		let Tt, Et = 0, Dt = /* @__PURE__ */ new Map();
+		async function Ot() {
+			let e = ++Et, t = {}, n = E.validate && D.value.some((e) => ["yaml", "json"].includes(W(e))) ? await et() : void 0;
+			for (let r of D.value) {
+				let i = W(r), a = G(r, r.content);
+				if (!n || a === null || i !== "yaml" && i !== "json") {
+					t[r.name] = [];
+					continue;
+				}
+				let o = Dt.get(r.name);
+				if (o && o.text === a && o.language === i && o.schema === r.schema) {
+					t[r.name] = o.problems;
+					continue;
+				}
+				let s = await n.checkDocument(a, i, r.schema);
+				if (e !== Et) return;
+				let c = n.toProblems(s, ve.of(a.split("\n")));
+				Dt.set(r.name, {
+					text: a,
+					language: i,
+					schema: r.schema,
+					problems: c
+				}), t[r.name] = c;
+			}
+			e === Et && (L.value = t);
+		}
+		function kt() {
+			clearTimeout(Tt), Tt = setTimeout(Ot, L.value ? 300 : 0);
+		}
+		function At() {
+			U.value ? (j.value?.$el)?.focus() : A.value?.focus();
+		}
+		w([() => D.value.map((e) => e.name).join("\n"), O], () => {
+			D.value.length && !R.value && (O.value = D.value[0].name);
+		}, { immediate: !0 }), w(O, (e) => {
+			P.value = !1, F.value = null, I.value = null, _(() => M.get(e)?.scrollIntoView({ block: "nearest" }));
+		}), w(() => E.formatSwitch, async (e) => {
+			e && !N.value && (N.value = await import("yaml"));
+		}, { immediate: !0 }), w([D, () => E.validate], kt, {
+			deep: !0,
+			immediate: !0
+		});
+		let jt = "";
+		return w(ot, (e) => {
+			if (!e) return;
+			let t = JSON.stringify(e);
+			t !== jt && (jt = t, Ye("validate", e));
+		}), te(() => {
+			clearTimeout(Tt), clearTimeout($);
+		}), g({ focus: At }), (c, g) => (y(), d("div", {
+			class: "@container min-w-0 overflow-hidden rounded-10 border border-border bg-surface shadow-xs",
+			style: ee({ height: h.height }),
+			"aria-busy": h.loading || void 0,
+			"data-ac-ds": "",
+			"data-testid": "ac-file-editor"
+		}, [h.loading ? (y(), d("div", be, [
+			f("div", xe, [(y(), d(s, null, ne(Xe, (e, n) => f("div", {
+				key: n,
+				class: "flex h-11 items-center gap-2.5 px-2.5"
+			}, [m(t, {
+				shape: "rect",
+				width: "16px",
+				height: "16px",
+				label: ""
+			}), f("div", Se, [m(t, {
+				width: e,
+				height: "10px",
+				label: ""
+			}, null, 8, ["width"]), m(t, {
+				width: "35%",
+				height: "8px",
+				label: ""
+			})])])), 64))]),
+			f("div", Ce, [m(t, {
+				shape: "rect",
+				height: "36px",
+				label: ""
+			})]),
+			m(t, {
+				shape: "editor",
+				height: "100%",
+				label: "Loading files",
+				class: "min-h-0 min-w-0 flex-1 [&>div]:rounded-none [&>div]:border-0 [&>div]:shadow-none"
+			})
+		])) : D.value.length ? (y(), d("div", Te, [
+			f("div", Ee, [
+				rt.value ? (y(), d("div", {
+					key: 0,
+					ref_key: "searchWrap",
+					ref: nt,
+					class: "border-b border-border-light p-2",
+					onKeydown: bt
+				}, [m(n, {
+					modelValue: k.value,
+					"onUpdate:modelValue": g[0] ||= (e) => k.value = e,
+					placeholder: "Search files",
+					debounce: 0
+				}, null, 8, ["modelValue"])], 544)) : u("", !0),
+				z.value.length ? (y(), d("ul", {
+					key: 1,
+					role: "listbox",
+					"aria-label": h.label,
+					"aria-controls": tt,
+					class: "ac-scrollbar flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto p-1.5"
+				}, [(y(!0), d(s, null, ne(z.value, (e, t) => (y(), d("li", {
+					key: e.name,
+					ref_for: !0,
+					ref: (t) => _t(e.name, t),
+					role: "option",
+					"aria-selected": e.name === O.value,
+					tabindex: e.name === B.value ? 0 : -1,
+					title: e.name,
+					class: v(["flex min-h-9 shrink-0 cursor-pointer items-center gap-2.5 rounded-6 px-2.5 py-1.5 transition-[background-color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring", e.name === O.value ? "bg-surface text-heading shadow-xs ring-1 ring-border" : "text-body hover:bg-surface-sunken"]),
+					onClick: (t) => Z(e.name, !0),
+					onKeydown: (e) => yt(e, t)
+				}, [
+					(y(), l(ie(ft(e)), {
+						class: v(["size-4 shrink-0", e.name === O.value ? "text-primary" : "text-muted"]),
+						"aria-hidden": "true"
+					}, null, 8, ["class"])),
+					f("span", ke, [f("span", Ae, x(e.name), 1), Y(e) ? (y(), d("span", je, x(Y(e)), 1)) : u("", !0)]),
+					J(e).length ? (y(), d("span", {
+						key: 0,
+						class: v(["inline-flex shrink-0 items-center gap-1 text-xs font-medium tabular-nums", dt(e) ? "text-red-40" : "text-yellow-30"])
+					}, [(y(), l(ie(dt(e) ? S(se) : S(_e)), {
+						class: "size-3.5",
+						"aria-hidden": "true"
+					})), p(" " + x(J(e).length), 1)], 2)) : u("", !0),
+					q(e) ? (y(), d("span", Me)) : u("", !0),
+					X(e) ? (y(), d("span", Ne, ", " + x(X(e)), 1)) : u("", !0)
+				], 42, Oe))), 128))], 8, De)) : (y(), d("div", Pe, [m(r, {
+					variant: "search",
+					size: "small",
+					query: k.value.trim(),
+					description: "Try a file name, kind or a word in the file."
+				}, null, 8, ["query"])])),
+				f("p", Fe, [
+					p(x(D.value.length) + " " + x(D.value.length === 1 ? "file" : "files"), 1),
+					st.value ? (y(), d(s, { key: 0 }, [p(" · " + x(st.value) + " changed", 1)], 64)) : u("", !0),
+					ct.value ? (y(), d(s, { key: 1 }, [g[5] ||= p(" · ", -1), f("span", Ie, x(ct.value) + " with problems", 1)], 64)) : u("", !0)
+				])
+			]),
+			f("div", Le, [m(i, {
+				"model-value": O.value,
+				options: lt.value,
+				searchable: D.value.length > 8,
+				placeholder: h.label,
+				size: "compact",
+				"onUpdate:modelValue": g[1] ||= (e) => typeof e == "string" && Z(e)
+			}, null, 8, [
+				"model-value",
+				"options",
+				"searchable",
+				"placeholder"
+			])]),
+			V.value ? (y(), d("section", {
+				key: 0,
+				id: tt,
+				"aria-label": V.value.file.name,
+				class: "flex min-h-0 min-w-0 flex-1 flex-col"
+			}, [V.value.undecodable ? (y(), d("p", ze, " This value isn't base64-encoded text, so it's shown as stored and can't be edited here. ")) : u("", !0), U.value ? (y(), d(s, { key: 1 }, [f("div", Be, [
+				f("span", Ve, x(V.value.file.name), 1),
+				f("span", He, [m(S(ge), {
+					class: "size-3",
+					"aria-hidden": "true"
+				}), g[6] ||= p("Secret ", -1)]),
+				f("div", Ue, [re(c.$slots, "actions", { file: V.value.file })])
+			]), f("div", We, [m(r, {
+				icon: S(ge),
+				title: "Value hidden",
+				description: "Secret values stay hidden until you show them.",
+				size: "small"
+			}, {
+				actions: T(() => [m(e, {
+					ref_key: "revealButton",
+					ref: j,
+					title: "Show value",
+					color: "white",
+					size: "small",
+					onClick: g[2] ||= (e) => wt(!0)
+				}, {
+					icon: T(() => [m(S(le))]),
+					_: 1
+				}, 512)]),
+				_: 1
+			}, 8, ["icon"])])], 64)) : (y(), l(o, {
+				ref_key: "editorRef",
+				ref: A,
+				key: `${V.value.file.name}:${V.value.language}`,
+				view: Je.value,
+				"onUpdate:view": g[4] ||= (e) => Je.value = e,
+				"model-value": H.value,
+				language: V.value.language,
+				original: V.value.original,
+				schema: V.value.file.schema,
+				readonly: V.value.readonly,
+				validate: h.validate,
+				wrap: h.wrap,
+				copyable: h.copyable,
+				title: V.value.file.name,
+				bordered: !1,
+				height: "100%",
+				class: "h-full min-h-0 flex-1",
+				"onUpdate:modelValue": mt,
+				onValidate: ht
+			}, {
+				actions: T(() => [
+					re(c.$slots, "actions", { file: V.value.file }),
+					V.value.switchable ? (y(), l(a, {
+						key: 0,
+						"model-value": V.value.language,
+						options: at.value,
+						size: "small",
+						label: "Format",
+						"onUpdate:modelValue": gt
+					}, null, 8, ["model-value", "options"])) : u("", !0),
+					h.downloadable && !U.value ? (y(), d("button", {
+						key: 1,
+						type: "button",
+						class: "inline-flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-6 text-muted transition hover:bg-surface-sunken hover:text-heading focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring",
+						"aria-label": `Download ${V.value.file.name}`,
+						title: "Download",
+						"data-testid": "ac-file-editor-download",
+						onClick: Ct
+					}, [m(S(ce), {
+						class: "size-3.5",
+						"aria-hidden": "true"
+					})], 8, Ge)) : u("", !0),
+					V.value.file.secret ? (y(), d("button", {
+						key: 2,
+						type: "button",
+						class: "inline-flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-6 text-muted transition hover:bg-surface-sunken hover:text-heading focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring",
+						"aria-label": "Hide value",
+						title: "Hide value",
+						onClick: g[3] ||= (e) => wt(!1)
+					}, [m(S(ue), {
+						class: "size-3.5",
+						"aria-hidden": "true"
+					})])) : u("", !0)
+				]),
+				_: 3
+			}, 8, [
+				"view",
+				"model-value",
+				"language",
+				"original",
+				"schema",
+				"readonly",
+				"validate",
+				"wrap",
+				"copyable",
+				"title"
+			]))], 8, Re)) : u("", !0)
+		])) : (y(), d("div", we, [re(c.$slots, "empty", {}, () => [m(r, { title: h.emptyText }, null, 8, ["title"])])]))], 12, ye));
+	}
+});
+//#endregion
+export { Ke as default };

package/dist/lib/components/AcFileUpload.js

@@ -0,0 +1,5 @@
+import e from "./AcFileUpload.vue_vue_type_script_setup_true_lang.js";
+//#region src/lib/components/AcFileUpload.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/lib/components/AcFileUpload.vue.d.ts

@@ -0,0 +1,67 @@
+export interface FileRejection {
+    /** The file that was turned away. */
+    file: File;
+    /** `type` when it doesn't match `accept`, `size` when it's bigger than `maxSize`. */
+    reason: "type" | "size";
+    /** A sentence you can show as is. */
+    message: string;
+}
+export interface Props {
+    /** Label above the field, e.g. "Kubeconfig". Also names the picker button for screen readers. */
+    label?: string;
+    /** File types to allow, as for the native input: `.yaml,.yml`, `image/*`, `application/json`. */
+    accept?: string;
+    /** Allow several files. Without it, a new file replaces the current one. */
+    multiple?: boolean;
+    /** Largest allowed file in bytes, e.g. `1024 * 1024` for 1 MB. `0` means no limit. */
+    maxSize?: number;
+    /** Single-line field with a "Choose file" button instead of the drop zone. For tight forms. */
+    small?: boolean;
+    /** Line under the prompt. Defaults to the allowed types and size, e.g. ".yaml, .yml · up to 1 MB". */
+    description?: string;
+    /** Native `name` attribute of the file input. */
+    name?: string;
+    /** Marks the field required and adds a red asterisk to the label. */
+    required?: boolean;
+    /** Disables picking, dropping and removing. */
+    disabled?: boolean;
+    /** Error text under the field, e.g. from server-side validation. Type and size errors are shown automatically. */
+    errorMsg?: string;
+    /** Helper text under the field (hidden while there's an error). */
+    hint?: string;
+}
+type __VLS_Props = Props;
+declare function openPicker(): void;
+type __VLS_ModelProps = {
+    /** The chosen files. Always an array, even without `multiple`. */
+    modelValue?: File[];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
+    /** Opens the native file picker. */
+    open: typeof openPicker;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: File[]) => any;
+    add: (files: File[]) => any;
+    remove: (file: File) => any;
+    reject: (rejections: FileRejection[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: File[]) => any) | undefined;
+    onAdd?: ((files: File[]) => any) | undefined;
+    onRemove?: ((file: File) => any) | undefined;
+    onReject?: ((rejections: FileRejection[]) => any) | undefined;
+}>, {
+    multiple: boolean;
+    required: boolean;
+    small: boolean;
+    label: string;
+    description: string;
+    disabled: boolean;
+    name: string;
+    hint: string;
+    errorMsg: string;
+    accept: string;
+    maxSize: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;