@feugene/granularity 0.1.0 → 0.3.0

package/dist/chunks/DsFileUpload-IwtpKocj.js

@@ -1,282 +0,0 @@
-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/DsFormFile-C5ldcCAs.js

@@ -1,219 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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

@@ -1,25 +0,0 @@
-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 };