@feugene/granularity 0.1.0

package/dist/chunks/DsFileUpload-IwtpKocj.js

@@ -0,0 +1,282 @@
+import { t as e } from "./arrow-up-B4OlmAKz.js";
+import { l as t, u as n } from "./fileValidation-gR8aUBMZ.js";
+import { Comment as r, Fragment as i, Text as a, computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, nextTick as p, normalizeClass as m, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, useSlots as x } from "vue";
+//#region src/components/DsFileUpload/DsFileUpload.vue?vue&type=script&setup=true&lang.ts
+var S = [
+	"role",
+	"tabindex",
+	"aria-disabled"
+], C = [
+	"name",
+	"multiple",
+	"disabled"
+], w = {
+	key: 1,
+	class: "flex items-start gap-4"
+}, ee = {
+	class: "h-12 w-12 shrink-0 rounded-[12px] bg-[var(--muted)] border border-[var(--brd)] flex items-center justify-center",
+	"aria-hidden": "true"
+}, T = { class: "min-w-0" }, E = { class: "text-[14px] font-700" }, D = {
+	key: 0,
+	class: "mt-1 text-[13px] ds-muted"
+}, te = {
+	key: 1,
+	class: "mt-1 text-[13px] ds-muted"
+}, ne = {
+	key: 2,
+	class: "mt-3 space-y-1"
+}, O = { class: "font-600" }, k = { class: "ds-muted" }, A = /* @__PURE__ */ f({
+	__name: "DsFileUpload",
+	props: {
+		action: { default: void 0 },
+		request: {
+			type: Function,
+			default: void 0
+		},
+		name: { default: "file" },
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		limit: { default: void 0 },
+		onExceed: {
+			type: Function,
+			default: void 0
+		},
+		beforeUpload: {
+			type: Function,
+			default: void 0
+		},
+		validators: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		headers: { default: void 0 },
+		withCredentials: {
+			type: Boolean,
+			default: !1
+		},
+		showFileList: {
+			type: Boolean,
+			default: !1
+		},
+		uploadExtraData: {
+			type: Function,
+			default: void 0
+		}
+	},
+	emits: [
+		"success",
+		"error",
+		"progress",
+		"change"
+	],
+	setup(f, { expose: A, emit: j }) {
+		let M = f, N = j, P = x();
+		function F(e) {
+			let t = [];
+			for (let n of e) {
+				if (n.type === i && Array.isArray(n.children)) {
+					t.push(...F(n.children));
+					continue;
+				}
+				t.push(n);
+			}
+			return t;
+		}
+		function I(e) {
+			return e.type === a ? typeof e.children == "string" && e.children.trim().length === 0 : !1;
+		}
+		function L(e) {
+			let t = F(e).filter((e) => e.type !== r && !I(e));
+			if (t.length === 0) return !0;
+			for (let e of t) if (e.type !== a) return !1;
+			return !0;
+		}
+		let R = o(() => P.default ? F(P.default({})) : []), z = o(() => !!P.default && !L(R.value)), B = g(null), V = g(!1), H = 0, U = g([]), W = null, G = o(() => M.disabled ? -1 : 0), K = {
+			position: "fixed",
+			top: "-9999px",
+			left: "-9999px",
+			width: "1px",
+			height: "1px",
+			opacity: "0",
+			overflow: "hidden",
+			pointerEvents: "none"
+		};
+		function q(e) {
+			V.value !== e && (V.value = e);
+		}
+		function J() {
+			M.disabled || B.value?.click();
+		}
+		function Y() {
+			W?.abort(), W = null;
+		}
+		function X(e) {
+			if (typeof e == "number" && Number.isFinite(e) && !(e <= 0)) return Math.floor(e);
+		}
+		function Z(e, t) {
+			if (t) for (let [n, r] of Object.entries(t)) {
+				if (Array.isArray(r)) {
+					for (let t of r) e.append(n, t);
+					continue;
+				}
+				e.append(n, r);
+			}
+		}
+		async function re(e, t, n) {
+			if (!M.action) throw Error("DsFileUpload: either `action` or `request` must be provided");
+			let r = new FormData();
+			for (let t of e) r.append(M.name, t);
+			Z(r, n);
+			let i = await fetch(M.action, {
+				method: "POST",
+				headers: M.headers,
+				body: r,
+				signal: t,
+				credentials: M.withCredentials ? "include" : "same-origin"
+			}), a = i.headers.get("content-type")?.includes("application/json") ? await i.json() : await i.text();
+			if (!i.ok) {
+				let e = /* @__PURE__ */ Error(`Upload failed with status ${i.status}`);
+				throw e.payload = a, e.status = i.status, e;
+			}
+			return a;
+		}
+		async function ie(e) {
+			if (!M.beforeUpload) return "ok";
+			for (let t of e) try {
+				let e = M.beforeUpload(t);
+				if (e === !1) return {
+					aborted: !0,
+					reason: /* @__PURE__ */ Error("Upload aborted by beforeUpload")
+				};
+				e && typeof e.then == "function" && await e;
+			} catch (e) {
+				return {
+					aborted: !0,
+					reason: e
+				};
+			}
+			return "ok";
+		}
+		async function Q(e, r = "input") {
+			if (M.disabled || !e.length) return;
+			let i = X(M.limit);
+			if (M.multiple && i && e.length > i) {
+				M.onExceed?.(e, i), N("error", /* @__PURE__ */ Error(`Too many files selected, limit=${i}`));
+				return;
+			}
+			let { files: a, issues: o } = await t(e, M.validators ?? [], {
+				source: r,
+				multiple: M.multiple
+			});
+			if (o.length > 0) {
+				N("error", new n(o, a));
+				return;
+			}
+			if (!a.length) return;
+			U.value = a;
+			let s = await ie(a);
+			if (s !== "ok") {
+				N("error", s.reason);
+				return;
+			}
+			let c;
+			try {
+				c = M.uploadExtraData?.(a);
+			} catch (e) {
+				N("error", e);
+				return;
+			}
+			Y();
+			let l = new AbortController();
+			W = l, N("progress", 0);
+			try {
+				N("success", M.request ? await M.request(a, {
+					signal: l.signal,
+					extraData: c
+				}) : await re(a, l.signal, c)), N("change", a), N("progress", 100);
+			} catch (e) {
+				N("error", e);
+			} finally {
+				W === l && (W = null);
+			}
+		}
+		function ae(e) {
+			z.value || M.disabled || (e.preventDefault(), H += 1, q(!0));
+		}
+		function oe(e) {
+			z.value || M.disabled || (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"));
+		}
+		function $(e) {
+			z.value || M.disabled || (e.preventDefault(), H = Math.max(0, H - 1), H === 0 && q(!1));
+		}
+		function se(e) {
+			z.value || M.disabled || (e.preventDefault(), H = 0, q(!1), Q(e.dataTransfer?.files ? Array.prototype.slice.call(e.dataTransfer.files) : [], "drop"));
+		}
+		async function ce(e) {
+			if (M.disabled) return;
+			let t = e.target, n = t?.files ? Array.prototype.slice.call(t.files) : [];
+			t && (t.value = ""), await p(), await Q(n, "input");
+		}
+		function le(e) {
+			z.value || M.disabled || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), J());
+		}
+		function ue() {
+			z.value || J();
+		}
+		function de(e) {
+			z.value || le(e);
+		}
+		return A({
+			uploadFiles: Q,
+			abort: Y,
+			openDialog: J
+		}), (t, n) => (h(), c("div", {
+			"data-ds-file-upload": "",
+			role: z.value ? void 0 : "button",
+			tabindex: z.value ? void 0 : G.value,
+			"aria-disabled": z.value ? void 0 : M.disabled ? "true" : "false",
+			class: m(z.value ? "inline-block" : [
+				"relative w-full rounded-[var(--ds-radius-lg)] border border-dashed border-[var(--brd)] bg-[var(--card)] px-5 py-6 outline-none transition",
+				M.disabled ? "opacity-60 cursor-not-allowed" : "cursor-pointer hover:bg-[var(--muted)] focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--bg)]",
+				V.value && !M.disabled ? "border-[var(--ring)] bg-[var(--muted)]" : ""
+			]),
+			onClick: ue,
+			onKeydown: de,
+			onDragenter: ae,
+			onDragover: oe,
+			onDragleave: $,
+			onDrop: se
+		}, [l("input", {
+			ref_key: "inputRef",
+			ref: B,
+			"data-ds-file-upload-input": "",
+			style: K,
+			type: "file",
+			tabindex: "-1",
+			"aria-hidden": "true",
+			name: M.name,
+			multiple: M.multiple,
+			disabled: M.disabled,
+			onChange: ce
+		}, null, 40, C), z.value ? v(t.$slots, "default", {
+			key: 0,
+			openDialog: J,
+			abort: Y,
+			disabled: M.disabled,
+			files: U.value,
+			isOver: V.value
+		}) : (h(), c("div", w, [l("div", ee, [d(b(e), { class: "h-6 w-6 text-[var(--muted-fg)]" })]), l("div", T, [
+			l("div", E, [v(t.$slots, "label", {}, () => [v(t.$slots, "default", {}, () => [n[0] ||= u(" Перетащите файлы сюда или нажмите для выбора ", -1)])])]),
+			t.$slots.tip ? (h(), c("div", D, [v(t.$slots, "tip")])) : (h(), c("div", te)),
+			M.showFileList && U.value.length ? (h(), c("ul", ne, [(h(!0), c(i, null, _(U.value, (e) => (h(), c("li", {
+				key: e.name,
+				class: "text-[13px]"
+			}, [l("span", O, y(e.name), 1), l("span", k, " · " + y(Math.ceil(e.size / 1024)) + " KB", 1)]))), 128))])) : s("", !0)
+		])]))], 42, S));
+	}
+});
+//#endregion
+export { A as t };

package/dist/chunks/DsFormField-XVZK7YVU.js

@@ -0,0 +1,28 @@
+import { createCommentVNode as e, createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a, toDisplayString as o } from "vue";
+//#region src/components/DsFormField/DsFormField.vue?vue&type=script&setup=true&lang.ts
+var s = { class: "flex flex-col gap-2" }, c = ["for"], l = {
+	key: 1,
+	class: "text-sm text-[var(--ds-danger)]"
+}, u = /* @__PURE__ */ n({
+	__name: "DsFormField",
+	props: {
+		label: { default: void 0 },
+		forId: { default: void 0 },
+		error: { default: void 0 },
+		labelClass: { default: void 0 }
+	},
+	setup(n) {
+		let u = n;
+		return (n, d) => (i(), t("div", s, [
+			u.label ? (i(), t("label", {
+				key: 0,
+				for: u.forId,
+				class: r(["text-sm text-[var(--muted-fg)]", u.labelClass])
+			}, o(u.label), 11, c)) : e("", !0),
+			a(n.$slots, "default"),
+			u.error ? (i(), t("div", l, o(u.error), 1)) : e("", !0)
+		]));
+	}
+});
+//#endregion
+export { u as t };

package/dist/chunks/DsFormFile-C5ldcCAs.js

@@ -0,0 +1,219 @@
+import { t as e } from "./DsButton-CA18Fha-.js";
+import { t } from "./_plugin-vue_export-helper-DOgycIVc.js";
+import { l as n, o as r, u as i } from "./fileValidation-gR8aUBMZ.js";
+import { vDropzone as a } from "../directives/dropzone.js";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, nextTick as m, normalizeClass as h, openBlock as g, ref as _, renderList as v, renderSlot as y, toDisplayString as b, unref as x, watch as S, withCtx as C, withDirectives as w, withModifiers as T } from "vue";
+//#region src/components/DsFormFile/DsFormFile.vue?vue&type=script&setup=true&lang.ts
+var E = [
+	"multiple",
+	"accept",
+	"disabled"
+], D = { class: "flex flex-col gap-2" }, O = { class: "flex flex-wrap items-center gap-3" }, k = { class: "ml-2" }, A = { class: "ml-2" }, j = { class: "ml-2" }, M = ["title"], N = {
+	key: 3,
+	class: "text-sm text-[var(--muted-fg)]",
+	"data-ds-form-file-placeholder": ""
+}, P = {
+	key: 0,
+	class: "flex flex-col gap-2"
+}, F = ["title"], I = ["disabled", "onClick"], L = {
+	key: 0,
+	class: "text-sm text-[var(--ds-danger)]",
+	"data-ds-form-file-errors": ""
+}, R = /* @__PURE__ */ t(/* @__PURE__ */ p({
+	name: "DsFormFile",
+	__name: "DsFormFile",
+	props: {
+		modelValue: {},
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		accept: { default: void 0 },
+		validators: { default: void 0 },
+		uploadText: { default: "Upload file" },
+		changeText: { default: "Change file" },
+		removeText: { default: "Remove" },
+		clearAllText: { default: "Clear all" },
+		placeholder: { default: "No files selected" },
+		validate: {
+			type: Function,
+			default: void 0
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"clear",
+		"validation",
+		"update:errors"
+	],
+	setup(t, { emit: p }) {
+		let R = t, z = p, B = _(null), V = _([]), H = s(() => R.multiple ? Array.isArray(R.modelValue) ? R.modelValue : [] : R.modelValue instanceof File ? [R.modelValue] : []), U = s(() => H.value.length > 0);
+		function W() {
+			B.value && (B.value.value = "");
+		}
+		function G(e) {
+			V.value = e, z("validation", e), z("update:errors", e);
+		}
+		function K() {
+			V.value.length !== 0 && G([]);
+		}
+		function q() {
+			R.disabled || B.value?.click();
+		}
+		function J(e) {
+			let t = R.multiple ? e : e[0] ?? null;
+			z("update:modelValue", t), z("change", t);
+		}
+		async function Y(e) {
+			let t = (e) => !!e && typeof e.then == "function", i = R.validate ? async ({ files: e }) => await R.validate?.(e) ?? [] : void 0, a = n(e, [
+				r(R.accept),
+				...R.validators ?? [],
+				...i ? [i] : []
+			], {
+				source: "input",
+				multiple: R.multiple
+			}), { files: o, issues: s } = t(a) ? await a : a;
+			if (s.length > 0) {
+				G(s), W(), await m();
+				return;
+			}
+			K(), J(o), W(), await m();
+		}
+		async function X(e) {
+			if (R.disabled) return;
+			let t = e.target, n = t?.files ? Array.prototype.slice.call(t.files) : [];
+			t && (t.value = ""), await m(), await Y(n);
+		}
+		function Z() {
+			R.disabled || (K(), W(), z("clear"), z("update:modelValue", R.multiple ? [] : null), z("change", R.multiple ? [] : null));
+		}
+		function Q(e) {
+			if (R.disabled) return;
+			if (!R.multiple) {
+				Z();
+				return;
+			}
+			let t = H.value.slice();
+			t.splice(e, 1), z("update:modelValue", t), z("change", t);
+		}
+		function $(e) {
+			return e.fileName ? `${e.fileName}: ${e.message}` : e.message;
+		}
+		let ee = s(() => {
+			let e = R.validate ? async ({ files: e }) => await R.validate?.(e) ?? [] : void 0, t = [
+				r(R.accept),
+				...R.validators ?? [],
+				...e ? [e] : []
+			];
+			return {
+				enabled: !R.disabled,
+				multiple: R.multiple,
+				validators: t,
+				onFiles: async (e) => {
+					K(), J(e), W(), await m();
+				},
+				onError: (e) => {
+					e instanceof i ? G(e.issues) : G([{
+						code: "accept",
+						message: "Failed to validate dropped files"
+					}]);
+				}
+			};
+		});
+		return S(() => R.modelValue, (e) => {
+			B.value && (!e || Array.isArray(e) && e.length === 0) && (B.value.value = "");
+		}), (t, n) => w((g(), u("div", {
+			"data-ds-form-file": "",
+			class: h(["rounded-[var(--ds-radius-md)]", R.disabled ? "opacity-60 cursor-not-allowed" : ""])
+		}, [d("input", {
+			ref_key: "inputRef",
+			ref: B,
+			"data-ds-form-file-input": "",
+			type: "file",
+			tabindex: "-1",
+			"aria-hidden": "true",
+			class: "absolute opacity-0 w-px h-px pointer-events-none",
+			multiple: R.multiple,
+			accept: R.accept,
+			disabled: R.disabled,
+			onChange: X
+		}, null, 40, E), d("div", D, [
+			d("div", O, [
+				f(e, {
+					variant: "secondary",
+					size: "sm",
+					"data-ds-form-file-upload-btn": "",
+					disabled: R.disabled,
+					onClick: T(q, ["prevent"])
+				}, {
+					default: C(() => [n[0] ||= d("span", {
+						class: "i-lucide-upload",
+						"aria-hidden": "true"
+					}, null, -1), d("span", k, b(U.value ? R.changeText : R.uploadText), 1)]),
+					_: 1
+				}, 8, ["disabled"]),
+				U.value && !R.multiple ? (g(), c(e, {
+					key: 0,
+					variant: "secondary",
+					size: "sm",
+					"data-ds-form-file-clear-btn": "",
+					disabled: R.disabled,
+					onClick: T(Z, ["prevent"])
+				}, {
+					default: C(() => [n[1] ||= d("span", {
+						class: "i-lucide-x",
+						"aria-hidden": "true"
+					}, null, -1), d("span", A, b(R.removeText), 1)]),
+					_: 1
+				}, 8, ["disabled"])) : l("", !0),
+				R.multiple && U.value ? (g(), c(e, {
+					key: 1,
+					variant: "secondary",
+					size: "sm",
+					"data-ds-form-file-clear-all-btn": "",
+					disabled: R.disabled,
+					onClick: T(Z, ["prevent"])
+				}, {
+					default: C(() => [n[2] ||= d("span", {
+						class: "i-lucide-x",
+						"aria-hidden": "true"
+					}, null, -1), d("span", j, b(R.clearAllText), 1)]),
+					_: 1
+				}, 8, ["disabled"])) : l("", !0),
+				!R.multiple && U.value ? (g(), u("span", {
+					key: 2,
+					class: "text-sm text-[var(--muted-fg)] truncate max-w-[240px]",
+					"data-ds-form-file-single-name": "",
+					title: H.value[0]?.name
+				}, b(H.value[0]?.name), 9, M)) : l("", !0),
+				U.value ? l("", !0) : (g(), u("span", N, b(R.placeholder), 1))
+			]),
+			R.multiple && U.value ? (g(), u("div", P, [(g(!0), u(o, null, v(H.value, (e, t) => (g(), u("div", {
+				key: `${e.name}-${e.size}-${t}`,
+				class: "flex items-center gap-2",
+				"data-ds-form-file-item": ""
+			}, [d("span", {
+				class: "text-sm text-[var(--muted-fg)] truncate max-w-[240px]",
+				title: e.name,
+				"data-ds-form-file-item-name": ""
+			}, b(e.name), 9, F), d("button", {
+				type: "button",
+				class: "text-xs text-[var(--muted-fg)] hover:text-[var(--fg)]",
+				"data-ds-form-file-item-remove": "",
+				disabled: R.disabled,
+				onClick: T((e) => Q(t), ["prevent"])
+			}, b(R.removeText), 9, I)]))), 128))])) : l("", !0),
+			y(t.$slots, "errors", { errors: V.value }, () => [V.value.length ? (g(), u("div", L, [(g(!0), u(o, null, v(V.value, (e, t) => (g(), u("div", {
+				key: t,
+				"data-ds-form-file-error": ""
+			}, b($(e)), 1))), 128))])) : l("", !0)], !0)
+		])], 2)), [[x(a), ee.value]]);
+	}
+}), [["__scopeId", "data-v-27690289"]]);
+//#endregion
+export { R as t };

package/dist/chunks/DsFormSection-DmIDIQg7.js

@@ -0,0 +1,18 @@
+import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, defineComponent as r, openBlock as i, renderSlot as a, toDisplayString as o } from "vue";
+//#region src/components/DsFormSection/DsFormSection.vue?vue&type=script&setup=true&lang.ts
+var s = { class: "grid gap-4" }, c = { class: "text-[14px] font-700" }, l = {
+	key: 0,
+	class: "mt-1 text-[13px] ds-muted"
+}, u = /* @__PURE__ */ r({
+	__name: "DsFormSection",
+	props: {
+		title: {},
+		description: { default: void 0 }
+	},
+	setup(r) {
+		let u = r;
+		return (r, d) => (i(), t("section", s, [n("div", null, [n("div", c, o(u.title), 1), u.description ? (i(), t("div", l, o(u.description), 1)) : e("", !0)]), a(r.$slots, "default")]));
+	}
+});
+//#endregion
+export { u as t };

package/dist/chunks/DsIcon-Q-KQGAQU.js

@@ -0,0 +1,25 @@
+import { computed as e, createElementBlock as t, defineComponent as n, mergeProps as r, openBlock as i, renderSlot as a } from "vue";
+//#region src/components/DsIcon/dsIconStyles.ts
+function o(e) {
+	return typeof e == "number" ? e : {
+		sm: 16,
+		md: 18,
+		lg: 20
+	}[e];
+}
+//#endregion
+//#region src/components/DsIcon/DsIcon.vue
+var s = /* @__PURE__ */ n({
+	__name: "DsIcon",
+	props: { size: {} },
+	setup(n) {
+		let s = n, c = e(() => s.size ?? "md"), l = e(() => ({ "--ds-icon-size": `${o(c.value)}px` }));
+		return (e, n) => (i(), t("span", r({
+			"data-ds-icon": "",
+			class: "ds-icon inline-flex items-center justify-center align-middle",
+			style: l.value
+		}, e.$attrs), [a(e.$slots, "default")], 16));
+	}
+});
+//#endregion
+export { o as n, s as t };