@feugene/granularity 0.2.0 → 0.3.0

package/dist/chunks/directives-K8Vo0VhP.js

@@ -0,0 +1,530 @@
+import { l as e, u as t } from "./fileValidation-LFD-vwil.js";
+import { t as n } from "../components/DsLoading/chunks/DsLoading-uYpDF-nK.js";
+import { createVNode as r, nextTick as i, render as a } from "vue";
+//#region src/directives/autofocus.ts
+function o(e) {
+	return e === !1 ? {
+		enabled: !1,
+		selector: "",
+		preventScroll: !0
+	} : typeof e == "string" ? {
+		enabled: !0,
+		selector: e,
+		preventScroll: !0
+	} : e && typeof e == "object" ? {
+		enabled: e.disabled !== !0,
+		selector: e.selector,
+		preventScroll: e.preventScroll ?? !0
+	} : {
+		enabled: !0,
+		selector: void 0,
+		preventScroll: !0
+	};
+}
+function s(e, t) {
+	if (!e) return;
+	let n = e;
+	if (typeof n.focus == "function") try {
+		n.focus({ preventScroll: t });
+	} catch {
+		n.focus();
+	}
+}
+var c = { mounted(e, t) {
+	let { enabled: n, selector: r, preventScroll: a } = o(t.value);
+	n && i().then(() => {
+		requestAnimationFrame(() => {
+			let t = r || "input, textarea, select, button, [tabindex]:not([tabindex=\"-1\"])";
+			if (e.matches?.(t)) {
+				s(e, a);
+				return;
+			}
+			let n = e.querySelector?.(t);
+			s(n, a);
+		});
+	});
+} }, l = /* @__PURE__ */ new WeakMap();
+function u(e) {
+	return e === !1 ? { enabled: !1 } : e && typeof e == "object" ? { enabled: e.enabled ?? !0 } : { enabled: !0 };
+}
+function d(e) {
+	return e instanceof HTMLTextAreaElement ? e : e.querySelector("textarea");
+}
+function f(e) {
+	let t = Number.parseFloat(e);
+	return Number.isFinite(t) ? t : 0;
+}
+function p(e) {
+	e.style.height = "auto";
+	let t = getComputedStyle(e), n = f(t.borderTopWidth) + f(t.borderBottomWidth), r = t.boxSizing === "border-box" ? e.scrollHeight + n : e.scrollHeight;
+	e.style.height = `${r}px`;
+}
+function m(e) {
+	i().then(() => {
+		requestAnimationFrame(() => p(e));
+	});
+}
+var h = {
+	mounted(e, t) {
+		let { enabled: n } = u(t.value), r = d(e), i = {
+			textarea: r,
+			onInput: null,
+			prevOverflowY: r ? r.style.overflowY : null
+		};
+		if (l.set(e, i), !n || !r) return;
+		r.style.overflowY = "hidden", p(r), m(r);
+		let a = () => {
+			let t = l.get(e);
+			t?.textarea && p(t.textarea);
+		};
+		i.onInput = a, r.addEventListener("input", a);
+	},
+	updated(e, t) {
+		let { enabled: n } = u(t.value), r = l.get(e);
+		if (!r) return;
+		let i = d(e);
+		if (r.textarea !== i) {
+			if (r.textarea && r.onInput && r.textarea.removeEventListener("input", r.onInput), r.textarea = i, r.prevOverflowY = i ? i.style.overflowY : null, r.onInput = null, n && i) {
+				i.style.overflowY = "hidden", p(i), m(i);
+				let t = () => {
+					let t = l.get(e);
+					t?.textarea && p(t.textarea);
+				};
+				r.onInput = t, i.addEventListener("input", t);
+			}
+			return;
+		}
+		if (r.textarea) {
+			if (!n) {
+				r.onInput &&= (r.textarea.removeEventListener("input", r.onInput), null), r.prevOverflowY !== null && (r.textarea.style.overflowY = r.prevOverflowY);
+				return;
+			}
+			if (!r.onInput) {
+				r.prevOverflowY = r.textarea.style.overflowY, r.textarea.style.overflowY = "hidden";
+				let t = () => {
+					let t = l.get(e);
+					t?.textarea && p(t.textarea);
+				};
+				r.onInput = t, r.textarea.addEventListener("input", t);
+			}
+			p(r.textarea), m(r.textarea);
+		}
+	},
+	unmounted(e) {
+		let t = l.get(e);
+		t && (t.textarea && t.onInput && (t.textarea.removeEventListener("input", t.onInput), t.prevOverflowY !== null && (t.textarea.style.overflowY = t.prevOverflowY)), l.delete(e));
+	}
+};
+//#endregion
+//#region src/directives/clickOutside.ts
+function g(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 _(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 v(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 y = /* @__PURE__ */ new WeakMap();
+function b(e) {
+	let t = y.get(e);
+	if (t) {
+		for (let e of t.options.events) t.doc.removeEventListener(e, t.listener, t.options.capture);
+		y.delete(e);
+	}
+}
+function x(e, t) {
+	let n = g(t), r = e.ownerDocument, i = (t) => {
+		let n = y.get(e);
+		if (!n) return;
+		let { enabled: r, handler: i, exclude: a } = n.options;
+		if (!r || !i || "button" in t && typeof t.button == "number" && t.button !== 0 || !e.isConnected || _(e, t)) return;
+		let o = v(n.doc, a);
+		for (let e of o) if (_(e, t)) return;
+		i(t);
+	}, a = {
+		options: n,
+		doc: r,
+		listener: i
+	};
+	if (y.set(e, a), !(!n.enabled || !n.handler)) for (let e of n.events) r.addEventListener(e, i, n.capture);
+}
+var S = {
+	mounted(e, t) {
+		x(e, t.value);
+	},
+	updated(e, t) {
+		b(e), x(e, t.value);
+	},
+	unmounted(e) {
+		b(e);
+	}
+};
+//#endregion
+//#region src/directives/dropzone.ts
+function C(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 w = /* @__PURE__ */ new WeakMap();
+function T(e, t) {
+	let n = w.get(e);
+	if (!n) return;
+	let r = e.dataset.dsDropzoneOver === "true", i = 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), (i !== t || r !== t) && n.options.onStateChange?.({ isOver: t });
+}
+function E(e) {
+	let t = w.get(e);
+	t && (t.overCounter = 0, T(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), w.delete(e));
+}
+function D(n, r) {
+	let i = {
+		options: C(r),
+		overCounter: 0,
+		isOver: !1,
+		onDragEnter(e) {
+			let t = w.get(n);
+			t?.options.enabled && (t.options.preventDefault && e.preventDefault(), t.options.stopPropagation && e.stopPropagation(), t.overCounter += 1, T(n, !0));
+		},
+		onDragOver(e) {
+			let t = w.get(n);
+			t?.options.enabled && (t.options.preventDefault && e.preventDefault(), t.options.stopPropagation && e.stopPropagation(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"));
+		},
+		onDragLeave(e) {
+			let t = w.get(n);
+			t?.options.enabled && (t.options.preventDefault && e.preventDefault(), t.options.stopPropagation && e.stopPropagation(), t.overCounter = Math.max(0, t.overCounter - 1), t.overCounter === 0 && T(n, !1));
+		},
+		onDrop(r) {
+			let i = w.get(n);
+			if (!i?.options.enabled) return;
+			i.options.preventDefault && r.preventDefault(), i.options.stopPropagation && r.stopPropagation(), i.overCounter = 0, T(n, !1);
+			let a = r.dataTransfer, o = a?.files ? Array.prototype.slice.call(a.files) : [];
+			o.length && (async () => {
+				try {
+					let { files: n, issues: a } = await e(o, i.options.validators ?? [], {
+						source: "drop",
+						multiple: i.options.multiple
+					});
+					if (a.length > 0) {
+						i.options.onError?.(new t(a, n));
+						return;
+					}
+					if (!n.length) return;
+					await i.options.onFiles?.(n, r);
+				} catch (e) {
+					i.options.onError?.(e);
+				}
+			})();
+		}
+	};
+	w.set(n, i), n.dataset.dsDropzone = "true", n.addEventListener("dragenter", i.onDragEnter), n.addEventListener("dragover", i.onDragOver), n.addEventListener("dragleave", i.onDragLeave), n.addEventListener("drop", i.onDrop);
+}
+function O(e, t) {
+	let n = w.get(e);
+	if (!n) {
+		D(e, t);
+		return;
+	}
+	let r = n.options.overClass, i = C(t);
+	n.options = i, r !== i.overClass && (e.classList.remove(r), n.isOver && e.classList.add(i.overClass)), i.enabled || (n.overCounter = 0, T(e, !1));
+}
+var k = {
+	mounted(e, t) {
+		D(e, t.value);
+	},
+	updated(e, t) {
+		O(e, t.value);
+	},
+	unmounted(e) {
+		E(e);
+	}
+}, A = /* @__PURE__ */ new WeakMap();
+function j(e) {
+	if (!(e instanceof HTMLElement)) return !1;
+	if (e.isContentEditable) return !0;
+	let t = e.tagName;
+	return t === "INPUT" || t === "TEXTAREA" || t === "SELECT";
+}
+function M(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 N(e) {
+	let t = e.trim().toLowerCase();
+	return t === "esc" || t === "escape" ? "Escape" : t === "space" ? " " : t.length === 1 ? t : e.trim();
+}
+function P(e) {
+	let t = [];
+	for (let [n, r] of Object.entries(e)) {
+		let e = n.split("+").map((e) => e.trim()).filter(Boolean);
+		if (!e.length) continue;
+		let i = !1, a = !1, o = !1, s = !1, c = e.at(-1);
+		if (!c) continue;
+		for (let t of e.slice(0, -1)) {
+			let e = t.toLowerCase();
+			e === "ctrl" || e === "control" ? i = !0 : e === "meta" || e === "cmd" || e === "command" || e === "⌘" ? a = !0 : e === "alt" || e === "option" ? o = !0 : e === "shift" && (s = !0);
+		}
+		let l = N(c);
+		t.push({
+			original: n,
+			key: l,
+			ctrl: i,
+			meta: a,
+			alt: o,
+			shift: s,
+			entry: r
+		});
+	}
+	return t;
+}
+function F(e, t) {
+	return e === " " ? t === " " || t === "Spacebar" : e.length === 1 ? e.toLowerCase() === t.toLowerCase() : e === t;
+}
+function I(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 L = {
+	mounted(e, t) {
+		if (typeof window > "u") return;
+		let { enabled: n, handlers: r } = M(t.value), i = {
+			enabled: n,
+			hotkeys: P(r),
+			listener: (t) => {
+				let n = A.get(e);
+				if (!n?.enabled || !e.isConnected) return;
+				let r = j(t.target);
+				for (let e of n.hotkeys) {
+					if (e.ctrl !== t.ctrlKey || e.meta !== t.metaKey || e.alt !== t.altKey || e.shift !== t.shiftKey || !F(e.key, t.key)) continue;
+					let n = I(e.entry), i = e.ctrl || e.meta || e.alt || e.shift;
+					if (!(r && !n.allowInEditable && !i && e.key !== "Escape")) {
+						(n.preventDefault ?? (e.ctrl || e.meta || e.alt)) && t.preventDefault(), n.stopPropagation && t.stopPropagation(), n.handler(t);
+						return;
+					}
+				}
+			}
+		};
+		A.set(e, i), window.addEventListener("keydown", i.listener);
+	},
+	updated(e, t) {
+		let n = A.get(e);
+		if (!n) return;
+		let r = M(t.value);
+		n.enabled = r.enabled, n.hotkeys = P(r.handlers);
+	},
+	unmounted(e) {
+		let t = A.get(e);
+		t && (window.removeEventListener("keydown", t.listener), A.delete(e));
+	}
+};
+//#endregion
+//#region src/directives/loading.ts
+function R(e) {
+	return typeof e == "object" && !!e && e.nodeType === 1;
+}
+function z(e, t) {
+	if (!e) return t;
+	if (typeof e == "string") {
+		let n = t.getRootNode?.() ?? document, r = typeof n.querySelector == "function" ? n.querySelector(e) : null;
+		if (R(r)) return r;
+		let i = document.querySelector(e);
+		return R(i) ? i : t;
+	}
+	return R(e) ? e : t;
+}
+function B(e, t) {
+	return e.fullscreen == null ? t === document.body : e.fullscreen;
+}
+function V(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 H(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 U = Symbol("dsLoadingState");
+function W(e) {
+	return e[U] ??= {};
+}
+function G(e = {}, t) {
+	let i = z(e.target, t ?? document.body), o = B(e, i), s = o ? document.body : i, c = e.appContext, l = V(s, o), u = document.createElement("div");
+	u.setAttribute("data-ds-loading-host", ""), s.appendChild(u), s.setAttribute("aria-busy", "true");
+	let d = { ...e }, f = !1;
+	function p() {
+		if (f) return;
+		let e = r(n, {
+			text: d.text,
+			spinner: d.spinner,
+			spinnerClass: d.spinnerClass,
+			animated: d.animated,
+			background: d.background,
+			customClass: d.customClass,
+			zIndex: d.zIndex,
+			fullscreen: o
+		});
+		c && (e.appContext = c), a(e, u);
+	}
+	function m() {
+		f || (f = !0, a(null, u), u.remove(), l(), s.removeAttribute("aria-busy"));
+	}
+	function h(e) {
+		d = {
+			...d,
+			...e
+		}, p();
+	}
+	function g(e) {
+		h({ text: e });
+	}
+	return p(), {
+		close: m,
+		setOptions: h,
+		setText: g,
+		get target() {
+			return s;
+		}
+	};
+}
+function K(e, t, n) {
+	let { loading: r, options: i } = H(t), a = W(e);
+	if (!r) {
+		a.controller?.close(), a.controller = void 0, a.target = void 0, a.fullscreen = void 0;
+		return;
+	}
+	let o = z(i.target, e), s = B(i, o), c = s ? document.body : o;
+	if (!a.controller || a.target !== c || a.fullscreen !== s) {
+		a.controller?.close(), a.controller = G({
+			...i,
+			fullscreen: s,
+			target: c,
+			appContext: n
+		}, e), a.target = c, a.fullscreen = s;
+		return;
+	}
+	let l = a.controller;
+	l && l.setOptions({
+		...i,
+		fullscreen: s,
+		target: c
+	});
+}
+var q = {
+	mounted(e, t) {
+		let n = t.instance?.$?.appContext;
+		K(e, t.value, n);
+	},
+	updated(e, t) {
+		let n = t.instance?.$?.appContext;
+		K(e, t.value, n);
+	},
+	unmounted(e) {
+		let t = W(e);
+		t.controller?.close(), t.controller = void 0, t.target = void 0, t.fullscreen = void 0;
+	}
+};
+//#endregion
+export { S as a, k as i, q as n, h as o, L as r, c as s, G as t };

package/dist/chunks/{dsBadgeStyles-yLd1GFUa.js → dsBadgeStyles-2fcy07ls.js}

@@ -1,14 +1,13 @@
-import { t as e } from "./classTokens-CT1tqF2j.js";
 //#region src/components/DsBadge/dsBadgeStyles.ts
-var t = {
+var e = {
 	sm: "px-2 py-0.4 text-[11px]",
 	md: "px-2.5 py-0.5 text-[12px]",
 	lg: "px-3 py-1 text-[13px]"
-}, n = {
+}, t = {
 	sm: "rounded-[3px]",
 	md: "rounded-[3px]",
 	lg: "rounded-[5px]"
-}, r = {
+}, n = {
 	neutral: "bg-[var(--muted)] text-[var(--fg)] border-[var(--brd)]",
 	primary: "bg-[var(--accent)] text-[var(--accent-fg)] border-[color-mix(in_srgb,var(--primary)_30%,var(--accent))]",
 	success: "bg-[var(--ds-success-light)] text-[var(--ds-success)] border-[color-mix(in_srgb,var(--ds-success)_30%,var(--ds-success-light))]",
@@ -17,7 +16,7 @@ var t = {
 	info: "bg-[var(--ds-info-light)] text-[var(--ds-info)] border-[color-mix(in_srgb,var(--ds-info)_30%,var(--ds-info-light))]",
 	slate: "bg-[var(--ds-slate-light)] text-[var(--ds-slate-text)] border-[color-mix(in_srgb,var(--ds-slate)_30%,var(--ds-slate-light))]",
 	azure: "bg-[var(--ds-azure-light)] text-[var(--ds-azure-text)] border-[color-mix(in_srgb,var(--ds-azure)_30%,var(--ds-azure-light))]"
-}, i = {
+}, r = {
 	neutral: "bg-[var(--fg)] text-[var(--bg)] border-[color-mix(in_srgb,var(--fg)_35%,var(--brd))]",
 	primary: "bg-[var(--primary)] text-[var(--primary-fg)] border-[var(--primary)]",
 	success: "bg-[var(--ds-success)] text-white border-[var(--ds-success)]",
@@ -27,26 +26,18 @@ var t = {
 	slate: "bg-[var(--ds-slate)] text-[var(--ds-slate-fg)] border-[var(--ds-slate)]",
 	azure: "bg-[var(--ds-azure)] text-[var(--ds-azure-fg)] border-[var(--ds-azure)]"
 };
-function a(e, t) {
-	return e === "square" ? "rounded-[var(--ds-radius-none)]" : e === "semi" ? n[t] : "rounded-full";
+function i(e, n) {
+	return e === "square" ? "rounded-[var(--ds-radius-none)]" : e === "semi" ? t[n] : "rounded-full";
 }
-function o(e, t) {
-	return t ? i[e] : r[e];
+function a(e, t) {
+	return t ? r[e] : n[e];
 }
-function s(e) {
+function o(t) {
 	return [
-		a(e.radius, e.size),
-		t[e.size],
-		o(e.tone, e.dark)
+		i(t.radius, t.size),
+		e[t.size],
+		a(t.tone, t.dark)
 	].join(" ");
 }
-var c = [...new Set([
-	...Object.values(t).flatMap(e),
-	...Object.values(n).flatMap(e),
-	"rounded-[var(--ds-radius-none)]",
-	"rounded-full",
-	...Object.values(r).flatMap(e),
-	...Object.values(i).flatMap(e)
-])];
 //#endregion
-export { c as n, s as t };
+export { e as a, t as i, o as n, n as r, r as t };