ajo-ui 0.1.0

package/dist/chunks/collection-DtRB63U4.js

@@ -0,0 +1,111 @@
+//#region packages/ajo-ui/src/collection.ts
+var enabledOf = (item) => item.dataset.disabled !== "true" && !item.disabled;
+/**
+* One item protocol for list-like families (menus, select, combobox, command):
+* items are marked `data-item="<kind>"` and carry `data-value`, `data-label`,
+* and `data-disabled`; the kind keeps nested families from cross-matching.
+* Discovery is by DOM query (house pattern), highlight is `data-highlighted`.
+*/
+var collection = (kind, defaults = {}) => {
+	const selector = `[data-item="${kind}"]`;
+	const sweepDefaults = {
+		empty: `[data-slot="${kind}-empty"]`,
+		group: `[data-slot="${kind}-group"]`,
+		separator: `[data-slot="${kind}-separator"]`
+	};
+	const all = (root) => root ? Array.from(root.querySelectorAll(selector)) : [];
+	const items = (root, opts = {}) => {
+		const enabled = opts.enabled ?? defaults.enabled ?? true;
+		const rendered = opts.rendered ?? defaults.rendered ?? true;
+		const shown = opts.shown ?? defaults.shown ?? true;
+		return all(root).filter((item) => (!shown || !item.hidden) && (!rendered || item.offsetParent !== null) && (!enabled || enabledOf(item)));
+	};
+	const clearHighlight = (root) => {
+		for (const item of all(root)) delete item.dataset.highlighted;
+	};
+	/** Marks one item highlighted and clears the rest; does not move focus. */
+	const highlight = (root, target) => {
+		if (!target) return;
+		target.dataset.highlighted = "true";
+		for (const item of all(root)) if (item !== target) delete item.dataset.highlighted;
+	};
+	/** Focus strategy: moves real focus and mirrors it in data-highlighted. */
+	const focusItem = (root, target) => {
+		if (!target || !(root instanceof Node) || !root.contains(target)) return;
+		target.focus();
+		highlight(root, target);
+	};
+	/** Focuses the first or last matching item. */
+	const edge = (root, which, opts) => {
+		const list = items(root, opts);
+		focusItem(root, which === "first" ? list[0] : list[list.length - 1]);
+	};
+	/** Resolves the item containing an event target. */
+	const item = (event) => event.target?.closest(selector);
+	/** Marker attrs for one item, meant for JSX spread. */
+	const attrs = (opts = {}) => ({
+		"data-item": kind,
+		"data-disabled": opts.disabled ? "true" : void 0,
+		"data-label": opts.label,
+		"data-value": opts.value
+	});
+	/**
+	* Hides empty groups (respecting data-force-mount) and toggles empty
+	* states against the current visible set; returns the visible items.
+	* Separators survive only between visible items: leading, trailing,
+	* and stacked separators hide as filtering empties their groups.
+	*/
+	const sweep = (root, opts) => {
+		const empty = opts?.empty ?? sweepDefaults.empty;
+		const group = opts?.group ?? sweepDefaults.group;
+		const separator = opts?.separator ?? sweepDefaults.separator;
+		if (group) for (const element of root.querySelectorAll(group)) {
+			if (element.dataset.forceMount === "true") {
+				element.hidden = false;
+				continue;
+			}
+			element.hidden = !element.querySelector(`${selector}:not([hidden])`);
+		}
+		const visible = items(root);
+		if (separator) {
+			const separators = new Set(root.querySelectorAll(separator));
+			const order = [...visible, ...separators].sort((a, b) => a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1);
+			const keep = /* @__PURE__ */ new Set();
+			let afterItem = false;
+			for (const element of order) {
+				if (!separators.has(element)) {
+					afterItem = true;
+					continue;
+				}
+				if (afterItem) keep.add(element);
+				afterItem = false;
+			}
+			let beforeItem = false;
+			for (let index = order.length - 1; index >= 0; index--) {
+				const element = order[index];
+				if (!separators.has(element)) {
+					beforeItem = true;
+					continue;
+				}
+				if (!beforeItem) keep.delete(element);
+			}
+			for (const separator of separators) separator.hidden = !keep.has(separator);
+		}
+		if (empty) for (const element of root.querySelectorAll(empty)) element.hidden = visible.length > 0;
+		return visible;
+	};
+	return {
+		all,
+		attrs,
+		clearHighlight,
+		edge,
+		focusItem,
+		highlight,
+		item,
+		items,
+		selector,
+		sweep
+	};
+};
+//#endregion
+export { collection as t };