@feugene/granularity 0.1.0

package/dist/directives/clickOutside.js

@@ -0,0 +1,82 @@
+//#region src/directives/clickOutside.ts
+function e(e) {
+	return typeof e == "function" ? {
+		enabled: !0,
+		capture: !0,
+		events: ["click"],
+		handler: e,
+		exclude: []
+	} : e && typeof e == "object" ? {
+		enabled: e.enabled ?? !0,
+		capture: e.capture ?? !0,
+		events: e.events?.length ? e.events : ["click"],
+		handler: e.handler,
+		exclude: e.exclude ?? []
+	} : {
+		enabled: !1,
+		capture: !0,
+		events: ["click"],
+		handler: void 0,
+		exclude: []
+	};
+}
+function t(e, t) {
+	let n = t.target;
+	if (!n) return !1;
+	let r = t.composedPath?.();
+	return Array.isArray(r) ? r.includes(e) : e.contains(n);
+}
+function n(e, t) {
+	let n = [];
+	for (let r of t) {
+		if (typeof r == "string") {
+			let t = e.querySelector(r);
+			t instanceof HTMLElement && n.push(t);
+			continue;
+		}
+		if (typeof r == "function") {
+			let e = r();
+			e instanceof HTMLElement && n.push(e);
+			continue;
+		}
+		r instanceof HTMLElement && n.push(r);
+	}
+	return n;
+}
+var r = /* @__PURE__ */ new WeakMap();
+function i(e) {
+	let t = r.get(e);
+	if (t) {
+		for (let e of t.options.events) t.doc.removeEventListener(e, t.listener, t.options.capture);
+		r.delete(e);
+	}
+}
+function a(i, a) {
+	let o = e(a), s = i.ownerDocument, c = (e) => {
+		let a = r.get(i);
+		if (!a) return;
+		let { enabled: o, handler: s, exclude: c } = a.options;
+		if (!o || !s || "button" in e && typeof e.button == "number" && e.button !== 0 || !i.isConnected || t(i, e)) return;
+		let l = n(a.doc, c);
+		for (let n of l) if (t(n, e)) return;
+		s(e);
+	}, l = {
+		options: o,
+		doc: s,
+		listener: c
+	};
+	if (r.set(i, l), !(!o.enabled || !o.handler)) for (let e of o.events) s.addEventListener(e, c, o.capture);
+}
+var o = {
+	mounted(e, t) {
+		a(e, t.value);
+	},
+	updated(e, t) {
+		i(e), a(e, t.value);
+	},
+	unmounted(e) {
+		i(e);
+	}
+};
+//#endregion
+export { o as vClickOutside };

package/dist/directives/dropzone.js

@@ -0,0 +1,110 @@
+import { l as e, u as t } from "../chunks/fileValidation-gR8aUBMZ.js";
+//#region src/directives/dropzone.ts
+function n(e) {
+	return typeof e == "function" ? {
+		enabled: !0,
+		multiple: !0,
+		validators: void 0,
+		preventDefault: !0,
+		stopPropagation: !1,
+		onFiles: e,
+		onError: void 0,
+		onStateChange: void 0,
+		overClass: "ds-dropzone--over"
+	} : e && typeof e == "object" ? {
+		enabled: e.enabled ?? !0,
+		multiple: e.multiple ?? !0,
+		validators: e.validators,
+		preventDefault: e.preventDefault ?? !0,
+		stopPropagation: e.stopPropagation ?? !1,
+		onFiles: e.onFiles,
+		onError: e.onError,
+		onStateChange: e.onStateChange,
+		overClass: e.overClass ?? "ds-dropzone--over"
+	} : {
+		enabled: !1,
+		multiple: !0,
+		validators: void 0,
+		preventDefault: !0,
+		stopPropagation: !1,
+		onFiles: void 0,
+		onError: void 0,
+		onStateChange: void 0,
+		overClass: "ds-dropzone--over"
+	};
+}
+var r = /* @__PURE__ */ new WeakMap();
+function i(e, t) {
+	let n = r.get(e);
+	if (!n) return;
+	let i = e.dataset.dsDropzoneOver === "true", a = n.isOver;
+	n.isOver = t, t ? (e.classList.add(n.options.overClass), e.dataset.dsDropzoneOver = "true") : (e.classList.remove(n.options.overClass), delete e.dataset.dsDropzoneOver), (a !== t || i !== t) && n.options.onStateChange?.({ isOver: t });
+}
+function a(e) {
+	let t = r.get(e);
+	t && (t.overCounter = 0, i(e, !1), delete e.dataset.dsDropzone, e.removeEventListener("dragenter", t.onDragEnter), e.removeEventListener("dragover", t.onDragOver), e.removeEventListener("dragleave", t.onDragLeave), e.removeEventListener("drop", t.onDrop), r.delete(e));
+}
+function o(a, o) {
+	let s = {
+		options: n(o),
+		overCounter: 0,
+		isOver: !1,
+		onDragEnter(e) {
+			let t = r.get(a);
+			t?.options.enabled && (t.options.preventDefault && e.preventDefault(), t.options.stopPropagation && e.stopPropagation(), t.overCounter += 1, i(a, !0));
+		},
+		onDragOver(e) {
+			let t = r.get(a);
+			t?.options.enabled && (t.options.preventDefault && e.preventDefault(), t.options.stopPropagation && e.stopPropagation(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"));
+		},
+		onDragLeave(e) {
+			let t = r.get(a);
+			t?.options.enabled && (t.options.preventDefault && e.preventDefault(), t.options.stopPropagation && e.stopPropagation(), t.overCounter = Math.max(0, t.overCounter - 1), t.overCounter === 0 && i(a, !1));
+		},
+		onDrop(n) {
+			let o = r.get(a);
+			if (!o?.options.enabled) return;
+			o.options.preventDefault && n.preventDefault(), o.options.stopPropagation && n.stopPropagation(), o.overCounter = 0, i(a, !1);
+			let s = n.dataTransfer, c = s?.files ? Array.prototype.slice.call(s.files) : [];
+			c.length && (async () => {
+				try {
+					let { files: r, issues: i } = await e(c, o.options.validators ?? [], {
+						source: "drop",
+						multiple: o.options.multiple
+					});
+					if (i.length > 0) {
+						o.options.onError?.(new t(i, r));
+						return;
+					}
+					if (!r.length) return;
+					await o.options.onFiles?.(r, n);
+				} catch (e) {
+					o.options.onError?.(e);
+				}
+			})();
+		}
+	};
+	r.set(a, s), a.dataset.dsDropzone = "true", a.addEventListener("dragenter", s.onDragEnter), a.addEventListener("dragover", s.onDragOver), a.addEventListener("dragleave", s.onDragLeave), a.addEventListener("drop", s.onDrop);
+}
+function s(e, t) {
+	let a = r.get(e);
+	if (!a) {
+		o(e, t);
+		return;
+	}
+	let s = a.options.overClass, c = n(t);
+	a.options = c, s !== c.overClass && (e.classList.remove(s), a.isOver && e.classList.add(c.overClass)), c.enabled || (a.overCounter = 0, i(e, !1));
+}
+var c = {
+	mounted(e, t) {
+		o(e, t.value);
+	},
+	updated(e, t) {
+		s(e, t.value);
+	},
+	unmounted(e) {
+		a(e);
+	}
+};
+//#endregion
+export { c as vDropzone };

package/dist/directives/hotkey.js

@@ -0,0 +1,104 @@
+//#region src/directives/hotkey.ts
+var e = /* @__PURE__ */ new WeakMap();
+function t(e) {
+	if (!(e instanceof HTMLElement)) return !1;
+	if (e.isContentEditable) return !0;
+	let t = e.tagName;
+	return t === "INPUT" || t === "TEXTAREA" || t === "SELECT";
+}
+function n(e) {
+	if (!e) return {
+		enabled: !1,
+		handlers: {}
+	};
+	if ("handlers" in e) {
+		let t = e;
+		return {
+			enabled: t.enabled ?? !0,
+			handlers: t.handlers ?? {}
+		};
+	}
+	return {
+		enabled: !0,
+		handlers: e
+	};
+}
+function r(e) {
+	let t = e.trim().toLowerCase();
+	return t === "esc" || t === "escape" ? "Escape" : t === "space" ? " " : t.length === 1 ? t : e.trim();
+}
+function i(e) {
+	let t = [];
+	for (let [n, i] of Object.entries(e)) {
+		let e = n.split("+").map((e) => e.trim()).filter(Boolean);
+		if (!e.length) continue;
+		let a = !1, o = !1, s = !1, c = !1, l = e.at(-1);
+		if (!l) continue;
+		for (let t of e.slice(0, -1)) {
+			let e = t.toLowerCase();
+			e === "ctrl" || e === "control" ? a = !0 : e === "meta" || e === "cmd" || e === "command" || e === "⌘" ? o = !0 : e === "alt" || e === "option" ? s = !0 : e === "shift" && (c = !0);
+		}
+		let u = r(l);
+		t.push({
+			original: n,
+			key: u,
+			ctrl: a,
+			meta: o,
+			alt: s,
+			shift: c,
+			entry: i
+		});
+	}
+	return t;
+}
+function a(e, t) {
+	return e === " " ? t === " " || t === "Spacebar" : e.length === 1 ? e.toLowerCase() === t.toLowerCase() : e === t;
+}
+function o(e) {
+	return typeof e == "function" ? {
+		handler: e,
+		preventDefault: void 0,
+		stopPropagation: !1,
+		allowInEditable: !1
+	} : {
+		handler: e.handler,
+		preventDefault: e.preventDefault,
+		stopPropagation: e.stopPropagation ?? !1,
+		allowInEditable: e.allowInEditable ?? !1
+	};
+}
+var s = {
+	mounted(r, s) {
+		if (typeof window > "u") return;
+		let { enabled: c, handlers: l } = n(s.value), u = {
+			enabled: c,
+			hotkeys: i(l),
+			listener: (n) => {
+				let i = e.get(r);
+				if (!i?.enabled || !r.isConnected) return;
+				let s = t(n.target);
+				for (let e of i.hotkeys) {
+					if (e.ctrl !== n.ctrlKey || e.meta !== n.metaKey || e.alt !== n.altKey || e.shift !== n.shiftKey || !a(e.key, n.key)) continue;
+					let t = o(e.entry), r = e.ctrl || e.meta || e.alt || e.shift;
+					if (!(s && !t.allowInEditable && !r && e.key !== "Escape")) {
+						(t.preventDefault ?? (e.ctrl || e.meta || e.alt)) && n.preventDefault(), t.stopPropagation && n.stopPropagation(), t.handler(n);
+						return;
+					}
+				}
+			}
+		};
+		e.set(r, u), window.addEventListener("keydown", u.listener);
+	},
+	updated(t, r) {
+		let a = e.get(t);
+		if (!a) return;
+		let o = n(r.value);
+		a.enabled = o.enabled, a.hotkeys = i(o.handlers);
+	},
+	unmounted(t) {
+		let n = e.get(t);
+		n && (window.removeEventListener("keydown", n.listener), e.delete(t));
+	}
+};
+//#endregion
+export { s as vHotkey };

package/dist/directives/loading.js

@@ -0,0 +1,125 @@
+import { t as e } from "../chunks/DsLoading-ogfmbPE4.js";
+import { createVNode as t, render as n } from "vue";
+//#region src/directives/loading.ts
+function r(e) {
+	return typeof e == "object" && !!e && e.nodeType === 1;
+}
+function i(e, t) {
+	if (!e) return t;
+	if (typeof e == "string") {
+		let n = t.getRootNode?.() ?? document, i = typeof n.querySelector == "function" ? n.querySelector(e) : null;
+		if (r(i)) return i;
+		let a = document.querySelector(e);
+		return r(a) ? a : t;
+	}
+	return r(e) ? e : t;
+}
+function a(e, t) {
+	return e.fullscreen == null ? t === document.body : e.fullscreen;
+}
+function o(e, t) {
+	if (t) return () => {};
+	let n = e.style.position, r = window.getComputedStyle(e);
+	return r.position === "static" || !r.position ? (e.style.position = "relative", () => {
+		e.style.position = n;
+	}) : () => {};
+}
+function s(e) {
+	if (e === !0 || e === !1) return {
+		loading: e,
+		options: {}
+	};
+	if (e && typeof e == "object") {
+		let { loading: t, ...n } = e;
+		return {
+			loading: t ?? !0,
+			options: n
+		};
+	}
+	return {
+		loading: !1,
+		options: {}
+	};
+}
+var c = Symbol("dsLoadingState");
+function l(e) {
+	return e[c] ??= {};
+}
+function u(r = {}, s) {
+	let c = i(r.target, s ?? document.body), l = a(r, c), u = l ? document.body : c, d = r.appContext, f = o(u, l), p = document.createElement("div");
+	p.setAttribute("data-ds-loading-host", ""), u.appendChild(p), u.setAttribute("aria-busy", "true");
+	let m = { ...r }, h = !1;
+	function g() {
+		if (h) return;
+		let r = t(e, {
+			text: m.text,
+			spinner: m.spinner,
+			spinnerClass: m.spinnerClass,
+			animated: m.animated,
+			background: m.background,
+			customClass: m.customClass,
+			zIndex: m.zIndex,
+			fullscreen: l
+		});
+		d && (r.appContext = d), n(r, p);
+	}
+	function _() {
+		h || (h = !0, n(null, p), p.remove(), f(), u.removeAttribute("aria-busy"));
+	}
+	function v(e) {
+		m = {
+			...m,
+			...e
+		}, g();
+	}
+	function y(e) {
+		v({ text: e });
+	}
+	return g(), {
+		close: _,
+		setOptions: v,
+		setText: y,
+		get target() {
+			return u;
+		}
+	};
+}
+function d(e, t, n) {
+	let { loading: r, options: o } = s(t), c = l(e);
+	if (!r) {
+		c.controller?.close(), c.controller = void 0, c.target = void 0, c.fullscreen = void 0;
+		return;
+	}
+	let d = i(o.target, e), f = a(o, d), p = f ? document.body : d;
+	if (!c.controller || c.target !== p || c.fullscreen !== f) {
+		c.controller?.close(), c.controller = u({
+			...o,
+			fullscreen: f,
+			target: p,
+			appContext: n
+		}, e), c.target = p, c.fullscreen = f;
+		return;
+	}
+	let m = c.controller;
+	m && m.setOptions({
+		...o,
+		fullscreen: f,
+		target: p
+	});
+}
+var f = {
+	mounted(e, t) {
+		let n = t.instance?.$?.appContext;
+		d(e, t.value, n);
+	},
+	updated(e, t) {
+		let n = t.instance?.$?.appContext;
+		d(e, t.value, n);
+	},
+	unmounted(e) {
+		let t = l(e);
+		t.controller?.close(), t.controller = void 0, t.target = void 0, t.fullscreen = void 0;
+	}
+};
+//#endregion
+export { u as createLoading, f as vLoading };

package/dist/directives.js

@@ -0,0 +1,7 @@
+import { vAutofocus as e } from "./directives/autofocus.js";
+import { vAutosize as t } from "./directives/autosize.js";
+import { vClickOutside as n } from "./directives/clickOutside.js";
+import { vDropzone as r } from "./directives/dropzone.js";
+import { vHotkey as i } from "./directives/hotkey.js";
+import { createLoading as a, vLoading as o } from "./directives/loading.js";
+export { a as createLoading, e as vAutofocus, t as vAutosize, n as vClickOutside, r as vDropzone, i as vHotkey, o as vLoading };

package/dist/fileValidation.js

@@ -0,0 +1,2 @@
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "./chunks/fileValidation-gR8aUBMZ.js";
+export { l as FileValidationError, a as acceptValidator, e as allowedExtensionsValidator, n as allowedMimeTypesValidator, s as matchAccept, o as maxFileSizeBytesValidator, i as maxSizeMbValidator, c as maxTotalSizeBytesValidator, t as normalizeFiles, r as runFileValidators };