@ixfx/components 0.8.2 → 0.8.4

package/dist/list-selection-controller-SA4piSBi.js

@@ -0,0 +1,589 @@
+//#region src/interaction/list-drag-select-controller.ts
+const DEFAULT_POINTER_TYPES = [`mouse`, `pen`];
+const DEFAULT_THRESHOLD = 4;
+/** Pointer distance (px) from an edge that triggers auto-scroll. */
+const EDGE_ZONE = 28;
+/** Max auto-scroll speed in px per frame. */
+const MAX_SCROLL_SPEED = 16;
+/**
+* Shared pointer-drag (marquee / rubber-band) selection for list components.
+*
+* Owns all pointer plumbing and rectangle state; knows nothing about DOM
+* geometry or the selection model — those are host callbacks. Mirrors the
+* `TickledController` attach pattern (`new ListDragSelectController(this, …)`).
+*
+* Behaviour: `pointerdown` on the surface records a start point; once the
+* pointer moves past `threshold`, the surface captures the pointer and every
+* move recomputes the rect, hit-tests, and calls `onPreview`. On release the
+* final set is delivered once via `onCommit`. A press that never crosses the
+* threshold does nothing (the normal `@click` path runs).
+*/
+var ListDragSelectController = class {
+	#host;
+	#config;
+	#boundSurface;
+	#pointerId;
+	#startClientX = 0;
+	#startClientY = 0;
+	#startX = 0;
+	#startY = 0;
+	#currentClientX = 0;
+	#currentClientY = 0;
+	#lastModifiers = {
+		shiftKey: false,
+		ctrlKey: false,
+		metaKey: false
+	};
+	#dragging = false;
+	#suppressClick = false;
+	/** Selection as it was when the drag started — the combine baseline. */
+	#base = /* @__PURE__ */ new Set();
+	/** Combine mode of the most recent preview (drives the commit flag). */
+	#lastMode = `replace`;
+	#preview = /* @__PURE__ */ new Set();
+	#raf = 0;
+	constructor(host, config) {
+		this.#host = host;
+		this.#config = config;
+		host.addController(this);
+	}
+	/** `true` while a drag is in progress or its trailing click is still pending. */
+	get isDragging() {
+		return this.#dragging || this.#suppressClick;
+	}
+	/** `true` once the press has crossed the threshold and a rect is live. */
+	get isActive() {
+		return this.#dragging;
+	}
+	hostConnected() {
+		this.#bindSurface();
+		window.addEventListener(`pointermove`, this.#onPointerMove);
+		window.addEventListener(`pointerup`, this.#onPointerUp);
+		window.addEventListener(`pointercancel`, this.#onPointerCancel);
+	}
+	hostDisconnected() {
+		this.#unbindSurface();
+		window.removeEventListener(`pointermove`, this.#onPointerMove);
+		window.removeEventListener(`pointerup`, this.#onPointerUp);
+		window.removeEventListener(`pointercancel`, this.#onPointerCancel);
+		this.#stopAutoScroll();
+		this.#reset();
+	}
+	/** Re-bind when the surface element appears/changes (e.g. first render). */
+	hostUpdated() {
+		if ((this.#safeSurface() ?? this.#host) !== this.#boundSurface) this.#bindSurface();
+	}
+	#safeSurface() {
+		try {
+			return this.#config.getSurface();
+		} catch {
+			return;
+		}
+	}
+	#bindSurface() {
+		const next = this.#safeSurface() ?? this.#host;
+		if (next === this.#boundSurface) return;
+		this.#unbindSurface();
+		this.#boundSurface = next;
+		next.addEventListener(`pointerdown`, this.#onPointerDown);
+	}
+	#unbindSurface() {
+		this.#boundSurface?.removeEventListener(`pointerdown`, this.#onPointerDown);
+		this.#boundSurface = void 0;
+	}
+	#enabledTypes() {
+		return this.#config.pointerTypes ?? DEFAULT_POINTER_TYPES;
+	}
+	#threshold() {
+		return this.#config.threshold ?? DEFAULT_THRESHOLD;
+	}
+	#onPointerDown = (event) => {
+		if (event.button !== 0) return;
+		if (!this.#enabledTypes().includes(event.pointerType)) return;
+		let enabled = false;
+		try {
+			enabled = this.#config.isEnabled();
+		} catch {
+			return;
+		}
+		if (!enabled) return;
+		const target = event.target;
+		if (target instanceof Element && typeof target.closest === `function`) {
+			if (target.closest(`input,button,a,select,textarea,[contenteditable]`)) return;
+		}
+		if (this.#config.shouldStart) try {
+			if (!this.#config.shouldStart(event)) return;
+		} catch {
+			return;
+		}
+		const box = (this.#safeSurface() ?? this.#host).getBoundingClientRect();
+		this.#pointerId = event.pointerId;
+		this.#startClientX = event.clientX;
+		this.#startClientY = event.clientY;
+		this.#currentClientX = event.clientX;
+		this.#currentClientY = event.clientY;
+		this.#startX = Math.min(Math.max(event.clientX - box.left, 0), Math.max(0, box.width));
+		this.#startY = Math.min(Math.max(event.clientY - box.top, 0), Math.max(0, box.height));
+		this.#dragging = false;
+		this.#suppressClick = false;
+		this.#base = /* @__PURE__ */ new Set();
+		this.#lastMode = `replace`;
+		this.#lastModifiers = {
+			shiftKey: event.shiftKey,
+			ctrlKey: event.ctrlKey,
+			metaKey: event.metaKey
+		};
+	};
+	/** Combine mode for the current modifiers: Shift adds, Cmd/Ctrl inverts. */
+	#modeFor(modifiers) {
+		if (modifiers.metaKey || modifiers.ctrlKey) return `invert`;
+		if (modifiers.shiftKey) return `add`;
+		return `replace`;
+	}
+	#onPointerMove = (event) => {
+		if (this.#pointerId === void 0 || event.pointerId !== this.#pointerId) return;
+		this.#currentClientX = event.clientX;
+		this.#currentClientY = event.clientY;
+		this.#lastModifiers = {
+			shiftKey: event.shiftKey,
+			ctrlKey: event.ctrlKey,
+			metaKey: event.metaKey
+		};
+		const moved = Math.hypot(event.clientX - this.#startClientX, event.clientY - this.#startClientY);
+		if (!this.#dragging) {
+			if (moved < this.#threshold()) return;
+			this.#dragging = true;
+			try {
+				this.#base = new Set(this.#config.getBaseSelection());
+			} catch {
+				this.#base = /* @__PURE__ */ new Set();
+			}
+			const surface = this.#safeSurface() ?? this.#host;
+			try {
+				if (typeof surface.setPointerCapture === `function`) surface.setPointerCapture(event.pointerId);
+			} catch {}
+		}
+		try {
+			event.preventDefault?.();
+		} catch {}
+		this.#updatePreview();
+		this.#kickAutoScroll();
+	};
+	#surfaceBox() {
+		const surface = this.#safeSurface() ?? this.#host;
+		try {
+			return surface.getBoundingClientRect();
+		} catch {
+			return;
+		}
+	}
+	#currentRect() {
+		const box = this.#surfaceBox();
+		if (!box) return void 0;
+		const cx = Math.min(Math.max(this.#currentClientX - box.left, 0), Math.max(0, box.width));
+		const cy = Math.min(Math.max(this.#currentClientY - box.top, 0), Math.max(0, box.height));
+		return {
+			x: Math.min(this.#startX, cx),
+			y: Math.min(this.#startY, cy),
+			width: Math.abs(cx - this.#startX),
+			height: Math.abs(cy - this.#startY)
+		};
+	}
+	#updatePreview() {
+		const rect = this.#currentRect();
+		if (!rect) return;
+		let hit = [];
+		try {
+			hit = this.#config.hitTest(rect);
+		} catch {
+			hit = [];
+		}
+		const mode = this.#modeFor(this.#lastModifiers);
+		this.#lastMode = mode;
+		const hitSet = new Set(hit);
+		let preview;
+		if (mode === `add`) preview = /* @__PURE__ */ new Set([...this.#base, ...hitSet]);
+		else if (mode === `invert`) {
+			const toggled = new Set(this.#base);
+			for (const item of hitSet) if (toggled.has(item)) toggled.delete(item);
+			else toggled.add(item);
+			preview = toggled;
+		} else preview = hitSet;
+		this.#preview = preview;
+		try {
+			this.#config.onPreview(preview, rect);
+		} catch {}
+	}
+	#onPointerUp = (event) => {
+		if (this.#pointerId === void 0 || event.pointerId !== this.#pointerId) return;
+		this.#lastModifiers = {
+			shiftKey: event.shiftKey,
+			ctrlKey: event.ctrlKey,
+			metaKey: event.metaKey
+		};
+		const wasDragging = this.#dragging;
+		const surface = this.#safeSurface() ?? this.#host;
+		try {
+			if (typeof surface.hasPointerCapture === `function` && typeof surface.releasePointerCapture === `function` && surface.hasPointerCapture(event.pointerId)) surface.releasePointerCapture(event.pointerId);
+		} catch {}
+		this.#stopAutoScroll();
+		this.#pointerId = void 0;
+		if (!wasDragging) {
+			this.#reset();
+			return;
+		}
+		this.#dragging = false;
+		const final = this.#preview;
+		try {
+			this.#config.onCommit(final, { additive: this.#lastMode !== `replace` });
+		} catch {}
+		try {
+			this.#config.onPreview(/* @__PURE__ */ new Set(), void 0);
+		} catch {}
+		this.#preview = /* @__PURE__ */ new Set();
+		this.#suppressClick = true;
+		window.setTimeout(() => {
+			this.#suppressClick = false;
+		}, 0);
+	};
+	#onPointerCancel = (event) => {
+		if (this.#pointerId === void 0 || event.pointerId !== this.#pointerId) return;
+		this.#stopAutoScroll();
+		this.#pointerId = void 0;
+		this.#dragging = false;
+		this.#preview = /* @__PURE__ */ new Set();
+		try {
+			this.#config.onPreview(/* @__PURE__ */ new Set(), void 0);
+		} catch {}
+		this.#suppressClick = false;
+	};
+	#kickAutoScroll() {
+		if (!this.#config.autoScroll || this.#raf !== 0) return;
+		this.#raf = requestAnimationFrame(this.#autoScrollTick);
+	}
+	#autoScrollTick = () => {
+		this.#raf = 0;
+		if (!this.#dragging || this.#pointerId === void 0) return;
+		const box = this.#surfaceBox();
+		if (!box) return;
+		const px = this.#currentClientX - box.left;
+		const py = this.#currentClientY - box.top;
+		let dx = 0;
+		let dy = 0;
+		if (px < EDGE_ZONE) dx = -Math.ceil(MAX_SCROLL_SPEED * (1 - Math.max(0, px) / EDGE_ZONE));
+		else if (px > box.width - EDGE_ZONE) dx = Math.ceil(MAX_SCROLL_SPEED * (1 - Math.max(0, box.width - px) / EDGE_ZONE));
+		if (py < EDGE_ZONE) dy = -Math.ceil(MAX_SCROLL_SPEED * (1 - Math.max(0, py) / EDGE_ZONE));
+		else if (py > box.height - EDGE_ZONE) dy = Math.ceil(MAX_SCROLL_SPEED * (1 - Math.max(0, box.height - py) / EDGE_ZONE));
+		if (dx === 0 && dy === 0) return;
+		const autoScroll = this.#config.autoScroll;
+		if (!autoScroll) return;
+		try {
+			autoScroll(dx, dy);
+		} catch {}
+		this.#updatePreview();
+		this.#raf = requestAnimationFrame(this.#autoScrollTick);
+	};
+	#stopAutoScroll() {
+		if (this.#raf !== 0) {
+			cancelAnimationFrame(this.#raf);
+			this.#raf = 0;
+		}
+	}
+	#reset() {
+		this.#dragging = false;
+		this.#suppressClick = false;
+		this.#base = /* @__PURE__ */ new Set();
+		this.#lastMode = `replace`;
+		this.#preview = /* @__PURE__ */ new Set();
+	}
+};
+//#endregion
+//#region src/interaction/list-selection-controller.ts
+/** Whether the interaction mode allows building a multi-item selection. */
+function isMultiMode(mode) {
+	return mode === `checked` || mode === `sticky` || mode === `vscode` || mode === `standard`;
+}
+/**
+* Generic selection state machine shared by list components.
+*
+* Owns the selected set plus the range-selection anchor, the selection
+* primitives (`replace` / `toggle` / `rangeTo` / `clear` / `selectAll` /
+* `selectMany` / `deselect`) and the per-interactionMode gesture routers
+* (`handleClick` / `handleSpace`).
+*
+* Identity is generic: both `ixfx-vertical-list` and `ixfx-detail-list` use
+* `ListSelectionController<Element>`.
+*
+* @example
+* ```ts
+* const selection = new ListSelectionController<Element>({
+*   getOrderedItems: () => this.getVisibleItems(),
+*   isSelectable: el => !el.hasAttribute(`not-checked`),
+*   getModes: () => ({ selectionMode: this.selectionMode, interactionMode: this.interactionMode }),
+*   onChange: (selected, previous) => {
+*     this.syncItemStates();
+*     this.dispatchEvent(new CustomEvent(`list-select`, { detail: { selected, previous } }));
+*   },
+* });
+* ```
+*/
+var ListSelectionController = class {
+	#config;
+	#selected = /* @__PURE__ */ new Set();
+	#anchor;
+	constructor(config) {
+		this.#config = config;
+	}
+	/** The current selection set (read-only). */
+	get selected() {
+		return this.#selected;
+	}
+	/**
+	* The current selection as stable string keys (read-only). Empty unless a
+	* `getKey` was supplied in config. Items whose `getKey` returns `undefined`
+	* are omitted.
+	*/
+	get selectedKeys() {
+		const getKey = this.#config.getKey;
+		const out = /* @__PURE__ */ new Set();
+		if (getKey) for (const item of this.#selected) {
+			const key = getKey(item);
+			if (key !== void 0) out.add(key);
+		}
+		return out;
+	}
+	/** Anchor for range (shift) selection — the last plainly-selected item. */
+	get anchor() {
+		return this.#anchor;
+	}
+	/** Whether "select all" (Cmd/Ctrl+A) is currently permitted. */
+	canSelectAll() {
+		return this.canSelectMultiple() && this.#config.getModes().selectionMode !== `none`;
+	}
+	/** Whether a multi-item selection can be built in the current modes. */
+	canSelectMultiple() {
+		const { selectionMode, interactionMode } = this.#config.getModes();
+		return selectionMode === `multiple` || isMultiMode(interactionMode);
+	}
+	/** Replace the entire selection with a single item; updates the anchor. */
+	replace(item) {
+		if (this.#config.getModes().selectionMode === `none`) return;
+		if (!this.#config.isSelectable(item)) return;
+		this.#anchor = item;
+		this.#apply(/* @__PURE__ */ new Set([item]));
+	}
+	/** Toggle a single item in/out of the selection without replacing it. Anchor unchanged. */
+	toggle(item) {
+		const { selectionMode, interactionMode } = this.#config.getModes();
+		if (!this.#config.isSelectable(item)) return;
+		if (selectionMode === `none` && interactionMode !== `checked` && interactionMode !== `sticky`) return;
+		const next = new Set(this.#selected);
+		if (next.has(item)) next.delete(item);
+		else {
+			if (!this.canSelectMultiple()) next.clear();
+			next.add(item);
+		}
+		this.#apply(next);
+	}
+	/** Select the contiguous ordered range from the anchor to `item`. Anchor unchanged. */
+	rangeTo(item) {
+		if (this.#config.getModes().selectionMode === `none`) return;
+		if (this.#anchor === void 0) {
+			this.replace(item);
+			return;
+		}
+		const ordered = this.#config.getOrderedItems();
+		const anchorIdx = ordered.indexOf(this.#anchor);
+		const targetIdx = ordered.indexOf(item);
+		if (anchorIdx === -1 || targetIdx === -1) {
+			this.replace(item);
+			return;
+		}
+		const start = Math.min(anchorIdx, targetIdx);
+		const end = Math.max(anchorIdx, targetIdx);
+		this.#apply(new Set(ordered.slice(start, end + 1).filter((t) => this.#config.isSelectable(t))));
+	}
+	/** Clear the selection. No change event when the selection is already empty. */
+	clear() {
+		if (this.#selected.size === 0) return;
+		this.#apply(/* @__PURE__ */ new Set());
+	}
+	/** Select every ordered item that passes `isSelectable`. */
+	selectAll() {
+		const ordered = this.#config.getOrderedItems();
+		if (ordered.length === 0) return;
+		const next = new Set(ordered.filter((t) => this.#config.isSelectable(t)));
+		if (next.size === 0) return;
+		this.#apply(next);
+	}
+	/**
+	* Replace the selection with many items at once. Requires
+	* `selectionMode="multiple"`, throws otherwise. Updates the anchor.
+	*/
+	selectMany(items) {
+		const { selectionMode } = this.#config.getModes();
+		if (selectionMode !== `multiple`) throw new Error(`selectMany requires selectionMode="multiple" (current: "${selectionMode}")`);
+		const next = new Set([...items].filter((t) => this.#config.isSelectable(t)));
+		if (next.size === 0) return;
+		this.#anchor = [...next].at(-1);
+		this.#apply(next);
+	}
+	/**
+	* Whether a drag / marquee gesture may build a selection in the current
+	* modes: `selectionMode="multiple"`, or a multi interaction mode
+	* (`checked` / `sticky` / `vscode`) outside `selectionMode="none"`.
+	* Stricter than `canSelectMultiple()` — `single` + `standard` does not
+	* qualify (a drag there would be a surprising multi-select).
+	*/
+	canDragSelect() {
+		return this.#config.getModes().selectionMode !== `none` && this.#effectiveMulti();
+	}
+	/**
+	* Replace the selection with `items` from a drag / marquee gesture. Like
+	* `selectMany` but gated on `canDragSelect()` instead of throwing, and a
+	* no-op in single/none modes. Non-selectable items are dropped; the anchor
+	* moves to the last item. Fires `onChange` once. An empty result clears a
+	* non-empty selection (e.g. a Cmd-drag that toggles everything off) but is
+	* a no-op when nothing is selected.
+	*/
+	applyDragSelection(items) {
+		if (!this.canDragSelect()) return;
+		const next = new Set([...items].filter((t) => this.#config.isSelectable(t)));
+		if (next.size === 0 && this.#selected.size === 0) return;
+		this.#anchor = [...next].at(-1);
+		this.#apply(next);
+	}
+	/** Remove a single item from the selection. */
+	deselect(item) {
+		if (!this.#selected.has(item)) return;
+		const next = new Set(this.#selected);
+		next.delete(item);
+		this.#apply(next);
+	}
+	/**
+	* Whether the current modes permit a selection of more than one item.
+	* Stricter than `canSelectMultiple()`: `standard` / `implicit` only count
+	* as multi when `selectionMode="multiple"`.
+	*/
+	#effectiveMulti() {
+		const { selectionMode, interactionMode } = this.#config.getModes();
+		return selectionMode === `multiple` || interactionMode === `checked` || interactionMode === `sticky` || interactionMode === `vscode`;
+	}
+	/**
+	* Replace the selection with the items resolved from `keys`. Keys that
+	* `resolve` cannot map, or that resolve to a non-selectable item, are
+	* ignored. `selectionMode="none"` is a no-op. When multi-select is not
+	* available, only the last resolvable key is kept. `onChange` fires once.
+	*/
+	selectKeys(keys, resolve) {
+		if (this.#config.getModes().selectionMode === `none`) return;
+		let next = /* @__PURE__ */ new Set();
+		for (const key of new Set(keys)) {
+			const item = resolve(key);
+			if (item !== void 0 && this.#config.isSelectable(item)) next.add(item);
+		}
+		if (!this.#effectiveMulti() && next.size > 1) {
+			const last = [...next].at(-1);
+			next = last === void 0 ? /* @__PURE__ */ new Set() : /* @__PURE__ */ new Set([last]);
+		}
+		this.#anchor = [...next].at(-1);
+		this.#apply(next);
+	}
+	/**
+	* Add the items resolved from `keys` to the selection (multi-select only;
+	* a no-op otherwise). `onChange` fires once if anything changed.
+	*/
+	addKeys(keys, resolve) {
+		if (!this.#effectiveMulti()) return;
+		const next = new Set(this.#selected);
+		let changed = false;
+		for (const key of new Set(keys)) {
+			const item = resolve(key);
+			if (item !== void 0 && !next.has(item) && this.#config.isSelectable(item)) {
+				next.add(item);
+				changed = true;
+			}
+		}
+		if (changed) this.#apply(next);
+	}
+	/**
+	* Remove the items resolved from `keys` from the selection. `onChange`
+	* fires once if anything changed.
+	*/
+	removeKeys(keys, resolve) {
+		if (this.#selected.size === 0) return;
+		const next = new Set(this.#selected);
+		let changed = false;
+		for (const key of new Set(keys)) {
+			const item = resolve(key);
+			if (item !== void 0 && next.delete(item)) changed = true;
+		}
+		if (changed) this.#apply(next);
+	}
+	/** Route a click on `item` according to the current interaction mode. */
+	handleClick(item, gesture) {
+		const { selectionMode, interactionMode: mode } = this.#config.getModes();
+		if (mode === `manual`) return;
+		if (selectionMode === `none` && mode !== `checked` && mode !== `sticky`) return;
+		switch (mode) {
+			case `implicit`:
+				this.replace(item);
+				break;
+			case `standard`:
+			case `vscode`:
+				if (gesture.ctrlKey || gesture.metaKey) {
+					if (selectionMode === `multiple` || mode === `vscode`) this.toggle(item);
+				} else if (gesture.shiftKey && (selectionMode === `multiple` || mode === `vscode`)) this.rangeTo(item);
+				else this.replace(item);
+				break;
+			case `checked`: break;
+			case `sticky`: this.toggle(item);
+		}
+	}
+	/** Route a Space keypress on `item` according to the current interaction mode. */
+	handleSpace(item) {
+		const mode = this.#config.getModes().interactionMode;
+		if (mode === `manual`) return;
+		if (mode === `implicit`) this.replace(item);
+		else this.toggle(item);
+	}
+	/** Drop the range-selection anchor (e.g. when the interaction mode changes). */
+	clearAnchor() {
+		this.#anchor = void 0;
+	}
+	/**
+	* Re-key the selection across an identity boundary — e.g. when items are
+	* wrapped/unwrapped and the selected Element references change. Silent:
+	* no `onChange` is fired.
+	*/
+	remap(fn) {
+		if (this.#selected.size === 0) return;
+		this.#selected = new Set([...this.#selected].map(fn));
+	}
+	/**
+	* Hard reset: empty the selection and clear the anchor without firing
+	* `onChange` (e.g. when all items are removed).
+	*/
+	reset() {
+		this.#selected = /* @__PURE__ */ new Set();
+		this.#anchor = void 0;
+	}
+	/**
+	* Replace the selection and anchor silently (no `onChange`). Used to
+	* re-key the selection when items are rebuilt from data — e.g. matching
+	* new elements to previously selected keys.
+	*/
+	seed(items, anchor) {
+		this.#selected = new Set(items);
+		this.#anchor = anchor;
+	}
+	#apply(next) {
+		const previous = this.#selected;
+		this.#selected = next;
+		this.#config.onChange(next, previous);
+	}
+};
+//#endregion
+export { isMultiMode as n, ListDragSelectController as r, ListSelectionController as t };
+
+//# sourceMappingURL=list-selection-controller-SA4piSBi.js.map

package/dist/list-selection-controller-SA4piSBi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-selection-controller-SA4piSBi.js","names":["#host","#config","#dragging","#suppressClick","#bindSurface","#onPointerMove","#onPointerUp","#onPointerCancel","#unbindSurface","#stopAutoScroll","#reset","#safeSurface","#boundSurface","#onPointerDown","#enabledTypes","#pointerId","#startClientX","#startClientY","#currentClientX","#currentClientY","#startX","#startY","#base","#lastMode","#lastModifiers","#threshold","#updatePreview","#kickAutoScroll","#surfaceBox","#currentRect","#modeFor","#preview","#raf","#autoScrollTick","#config","#selected","#anchor","#apply","#effectiveMulti"],"sources":["../src/interaction/list-drag-select-controller.ts","../src/interaction/list-selection-controller.ts"],"sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\n\n/** Surface-relative rectangle: origin at the scroll container's top-left. */\nexport type DragSelectRect = {\n  readonly x: number;\n  readonly y: number;\n  readonly width: number;\n  readonly height: number;\n};\n\nexport type ListDragSelectControllerConfig<T> = {\n  /** Element the marquee is drawn in and pointer geometry is measured against. */\n  getSurface: () => HTMLElement | undefined;\n  /** Is drag-select currently allowed? (multi-capable, has items, not disabled) */\n  isEnabled: () => boolean;\n  /** Pointer types that may start a drag. Default ['mouse', 'pen'] — touch still scrolls. */\n  pointerTypes?: readonly string[];\n  /** Movement in px before a press becomes a drag. Default 4. */\n  threshold?: number;\n  /** Map a surface-relative rect to covered items. */\n  hitTest: (rect: DragSelectRect) => Iterable<T>;\n  /**\n   * Selection snapshotted when the drag starts, combined with the hit set\n   * while modifiers are held: Shift adds (`base + hit`), Cmd / Ctrl inverts\n   * (covered items toggle, the rest is untouched).\n   */\n  getBaseSelection: () => ReadonlySet<T>;\n  /** Continuous visual feedback: the preview set + current rect (undefined when idle). */\n  onPreview: (preview: ReadonlySet<T>, rect: DragSelectRect | undefined) => void;\n  /**\n   * Fired once on release with the final set. Host applies it to its\n   * selection. `additive` is `true` when the drag ran with Shift (add) or\n   * Cmd / Ctrl (invert) held.\n   */\n  onCommit: (finalSet: ReadonlySet<T>, info: { additive: boolean }) => void;\n  /** Optional: scroll the surface when the pointer nears an edge during a drag. */\n  autoScroll?: (dx: number, dy: number) => void;\n  /**\n   * Optional predicate called on pointerdown before the controller records its\n   * pointer id or later calls setPointerCapture/preventDefault. Return false\n   * to yield to another gesture (e.g. native item drag).\n   */\n  shouldStart?: (event: PointerEvent) => boolean;\n};\n\ntype DragHost = ReactiveControllerHost & HTMLElement;\n\nconst DEFAULT_POINTER_TYPES = [`mouse`, `pen`] as const;\nconst DEFAULT_THRESHOLD = 4;\n/** Pointer distance (px) from an edge that triggers auto-scroll. */\nconst EDGE_ZONE = 28;\n/** Max auto-scroll speed in px per frame. */\nconst MAX_SCROLL_SPEED = 16;\n\n/**\n * Shared pointer-drag (marquee / rubber-band) selection for list components.\n *\n * Owns all pointer plumbing and rectangle state; knows nothing about DOM\n * geometry or the selection model — those are host callbacks. Mirrors the\n * `TickledController` attach pattern (`new ListDragSelectController(this, …)`).\n *\n * Behaviour: `pointerdown` on the surface records a start point; once the\n * pointer moves past `threshold`, the surface captures the pointer and every\n * move recomputes the rect, hit-tests, and calls `onPreview`. On release the\n * final set is delivered once via `onCommit`. A press that never crosses the\n * threshold does nothing (the normal `@click` path runs).\n */\nexport class ListDragSelectController<T> implements ReactiveController {\n  readonly #host: DragHost;\n  readonly #config: ListDragSelectControllerConfig<T>;\n\n  #boundSurface: EventTarget | undefined;\n\n  #pointerId: number | undefined;\n  #startClientX = 0;\n  #startClientY = 0;\n  #startX = 0;\n  #startY = 0;\n  #currentClientX = 0;\n  #currentClientY = 0;\n  #lastModifiers = { shiftKey: false, ctrlKey: false, metaKey: false };\n  #dragging = false;\n  #suppressClick = false;\n  /** Selection as it was when the drag started — the combine baseline. */\n  #base: ReadonlySet<T> = new Set();\n  /** Combine mode of the most recent preview (drives the commit flag). */\n  #lastMode: `replace` | `add` | `invert` = `replace`;\n  #preview: ReadonlySet<T> = new Set();\n  #raf = 0;\n\n  constructor(host: DragHost, config: ListDragSelectControllerConfig<T>) {\n    this.#host = host;\n    this.#config = config;\n    host.addController(this);\n  }\n\n  /** `true` while a drag is in progress or its trailing click is still pending. */\n  get isDragging(): boolean {\n    return this.#dragging || this.#suppressClick;\n  }\n\n  /** `true` once the press has crossed the threshold and a rect is live. */\n  get isActive(): boolean {\n    return this.#dragging;\n  }\n\n  hostConnected(): void {\n    this.#bindSurface();\n    window.addEventListener(`pointermove`, this.#onPointerMove);\n    window.addEventListener(`pointerup`, this.#onPointerUp);\n    window.addEventListener(`pointercancel`, this.#onPointerCancel);\n  }\n\n  hostDisconnected(): void {\n    this.#unbindSurface();\n    window.removeEventListener(`pointermove`, this.#onPointerMove);\n    window.removeEventListener(`pointerup`, this.#onPointerUp);\n    window.removeEventListener(`pointercancel`, this.#onPointerCancel);\n    this.#stopAutoScroll();\n    this.#reset();\n  }\n\n  /** Re-bind when the surface element appears/changes (e.g. first render). */\n  hostUpdated(): void {\n    const next = this.#safeSurface() ?? this.#host;\n    if (next !== this.#boundSurface) {\n      this.#bindSurface();\n    }\n  }\n\n  #safeSurface(): HTMLElement | undefined {\n    try {\n      return this.#config.getSurface();\n    } catch {\n      return undefined;\n    }\n  }\n\n  #bindSurface(): void {\n    const next = this.#safeSurface() ?? this.#host;\n    if (next === this.#boundSurface)\n      return;\n    this.#unbindSurface();\n    this.#boundSurface = next;\n    next.addEventListener(`pointerdown`, this.#onPointerDown as EventListener);\n  }\n\n  #unbindSurface(): void {\n    this.#boundSurface?.removeEventListener(`pointerdown`, this.#onPointerDown as EventListener);\n    this.#boundSurface = undefined;\n  }\n\n  #enabledTypes(): readonly string[] {\n    return this.#config.pointerTypes ?? DEFAULT_POINTER_TYPES;\n  }\n\n  #threshold(): number {\n    return this.#config.threshold ?? DEFAULT_THRESHOLD;\n  }\n\n  #onPointerDown = (event: PointerEvent): void => {\n    if (event.button !== 0)\n      return;\n    if (!this.#enabledTypes().includes(event.pointerType))\n      return;\n    let enabled = false;\n    try {\n      enabled = this.#config.isEnabled();\n    } catch {\n      return;\n    }\n    if (!enabled)\n      return;\n    const target = event.target as Element | null;\n    if (target instanceof Element && typeof target.closest === `function`) {\n      if (target.closest(`input,button,a,select,textarea,[contenteditable]`))\n        return;\n    }\n    if (this.#config.shouldStart) {\n      try {\n        if (!this.#config.shouldStart(event))\n          return;\n      } catch {\n        return;\n      }\n    }\n    const surface = this.#safeSurface() ?? this.#host;\n    const box = surface.getBoundingClientRect();\n    this.#pointerId = event.pointerId;\n    this.#startClientX = event.clientX;\n    this.#startClientY = event.clientY;\n    this.#currentClientX = event.clientX;\n    this.#currentClientY = event.clientY;\n    this.#startX = Math.min(Math.max(event.clientX - box.left, 0), Math.max(0, box.width));\n    this.#startY = Math.min(Math.max(event.clientY - box.top, 0), Math.max(0, box.height));\n    this.#dragging = false;\n    this.#suppressClick = false;\n    this.#base = new Set();\n    this.#lastMode = `replace`;\n    this.#lastModifiers = { shiftKey: event.shiftKey, ctrlKey: event.ctrlKey, metaKey: event.metaKey };\n    // Do not capture yet — a sub-threshold press is a plain click.\n  };\n\n  /** Combine mode for the current modifiers: Shift adds, Cmd/Ctrl inverts. */\n  #modeFor(modifiers: { shiftKey: boolean; ctrlKey: boolean; metaKey: boolean }): `replace` | `add` | `invert` {\n    if (modifiers.metaKey || modifiers.ctrlKey)\n      return `invert`;\n    if (modifiers.shiftKey)\n      return `add`;\n    return `replace`;\n  }\n\n  #onPointerMove = (event: PointerEvent): void => {\n    if (this.#pointerId === undefined || event.pointerId !== this.#pointerId)\n      return;\n    this.#currentClientX = event.clientX;\n    this.#currentClientY = event.clientY;\n    this.#lastModifiers = { shiftKey: event.shiftKey, ctrlKey: event.ctrlKey, metaKey: event.metaKey };\n    const moved = Math.hypot(event.clientX - this.#startClientX, event.clientY - this.#startClientY);\n    if (!this.#dragging) {\n      if (moved < this.#threshold())\n        return;\n      this.#dragging = true;\n      try {\n        this.#base = new Set(this.#config.getBaseSelection());\n      } catch {\n        this.#base = new Set();\n      }\n      const surface = this.#safeSurface() ?? this.#host;\n      try {\n        if (typeof surface.setPointerCapture === `function`)\n          surface.setPointerCapture(event.pointerId);\n      } catch {\n        // happy-dom and some environments lack setPointerCapture — non-fatal.\n      }\n    }\n    try {\n      event.preventDefault?.();\n    } catch {\n      // Ignore — prevents native image drag where supported.\n    }\n    this.#updatePreview();\n    this.#kickAutoScroll();\n  };\n\n  #surfaceBox(): DOMRect | undefined {\n    const surface = this.#safeSurface() ?? this.#host;\n    try {\n      return surface.getBoundingClientRect();\n    } catch {\n      return undefined;\n    }\n  }\n\n  #currentRect(): DragSelectRect | undefined {\n    const box = this.#surfaceBox();\n    if (!box)\n      return undefined;\n    const cx = Math.min(Math.max(this.#currentClientX - box.left, 0), Math.max(0, box.width));\n    const cy = Math.min(Math.max(this.#currentClientY - box.top, 0), Math.max(0, box.height));\n    return {\n      x: Math.min(this.#startX, cx),\n      y: Math.min(this.#startY, cy),\n      width: Math.abs(cx - this.#startX),\n      height: Math.abs(cy - this.#startY),\n    };\n  }\n\n  #updatePreview(): void {\n    const rect = this.#currentRect();\n    if (!rect)\n      return;\n    let hit: Iterable<T> = [];\n    try {\n      hit = this.#config.hitTest(rect);\n    } catch {\n      hit = [];\n    }\n    const mode = this.#modeFor(this.#lastModifiers);\n    this.#lastMode = mode;\n    const hitSet = new Set(hit);\n    let preview: ReadonlySet<T>;\n    if (mode === `add`) {\n      preview = new Set([...this.#base, ...hitSet]);\n    } else if (mode === `invert`) {\n      const toggled = new Set(this.#base);\n      for (const item of hitSet) {\n        if (toggled.has(item))\n          toggled.delete(item);\n        else\n          toggled.add(item);\n      }\n      preview = toggled;\n    } else {\n      preview = hitSet;\n    }\n    this.#preview = preview;\n    try {\n      this.#config.onPreview(preview, rect);\n    } catch {\n      // Host preview must never break the gesture.\n    }\n  }\n\n  #onPointerUp = (event: PointerEvent): void => {\n    if (this.#pointerId === undefined || event.pointerId !== this.#pointerId)\n      return;\n    this.#lastModifiers = { shiftKey: event.shiftKey, ctrlKey: event.ctrlKey, metaKey: event.metaKey };\n    const wasDragging = this.#dragging;\n    const surface = this.#safeSurface() ?? this.#host;\n    try {\n      if (typeof surface.hasPointerCapture === `function`\n        && typeof surface.releasePointerCapture === `function`\n        && surface.hasPointerCapture(event.pointerId)) {\n        surface.releasePointerCapture(event.pointerId);\n      }\n    } catch {\n      // Non-fatal (see pointermove).\n    }\n    this.#stopAutoScroll();\n    this.#pointerId = undefined;\n    if (!wasDragging) {\n      this.#reset();\n      return;\n    }\n    this.#dragging = false;\n    const final = this.#preview;\n    try {\n      this.#config.onCommit(final, { additive: this.#lastMode !== `replace` });\n    } catch {\n      // Host commit must never break state reset.\n    }\n    try {\n      this.#config.onPreview(new Set(), undefined);\n    } catch {\n      // Ignore.\n    }\n    this.#preview = new Set();\n    // Keep `isDragging` true until the trailing synthetic `click` has been\n    // dispatched so hosts can swallow it; clicks dispatch before timers fire.\n    this.#suppressClick = true;\n    window.setTimeout(() => {\n      this.#suppressClick = false;\n    }, 0);\n  };\n\n  #onPointerCancel = (event: PointerEvent): void => {\n    if (this.#pointerId === undefined || event.pointerId !== this.#pointerId)\n      return;\n    this.#stopAutoScroll();\n    this.#pointerId = undefined;\n    this.#dragging = false;\n    this.#preview = new Set();\n    try {\n      this.#config.onPreview(new Set(), undefined);\n    } catch {\n      // Ignore.\n    }\n    this.#suppressClick = false;\n  };\n\n  #kickAutoScroll(): void {\n    if (!this.#config.autoScroll || this.#raf !== 0)\n      return;\n    this.#raf = requestAnimationFrame(this.#autoScrollTick);\n  }\n\n  #autoScrollTick = (): void => {\n    this.#raf = 0;\n    if (!this.#dragging || this.#pointerId === undefined)\n      return;\n    const box = this.#surfaceBox();\n    if (!box)\n      return;\n    const px = this.#currentClientX - box.left;\n    const py = this.#currentClientY - box.top;\n    let dx = 0;\n    let dy = 0;\n    if (px < EDGE_ZONE)\n      dx = -Math.ceil(MAX_SCROLL_SPEED * (1 - Math.max(0, px) / EDGE_ZONE));\n    else if (px > box.width - EDGE_ZONE)\n      dx = Math.ceil(MAX_SCROLL_SPEED * (1 - Math.max(0, box.width - px) / EDGE_ZONE));\n    if (py < EDGE_ZONE)\n      dy = -Math.ceil(MAX_SCROLL_SPEED * (1 - Math.max(0, py) / EDGE_ZONE));\n    else if (py > box.height - EDGE_ZONE)\n      dy = Math.ceil(MAX_SCROLL_SPEED * (1 - Math.max(0, box.height - py) / EDGE_ZONE));\n    if (dx === 0 && dy === 0)\n      return;\n    const autoScroll = this.#config.autoScroll;\n    if (!autoScroll)\n      return;\n    try {\n      autoScroll(dx, dy);\n    } catch {\n      // Ignore.\n    }\n    // Scrolling changes which items a fixed surface-relative rect covers\n    // (hosts add the scroll offset in hitTest), so re-run the preview.\n    this.#updatePreview();\n    this.#raf = requestAnimationFrame(this.#autoScrollTick);\n  };\n\n  #stopAutoScroll(): void {\n    if (this.#raf !== 0) {\n      cancelAnimationFrame(this.#raf);\n      this.#raf = 0;\n    }\n  }\n\n  #reset(): void {\n    this.#dragging = false;\n    this.#suppressClick = false;\n    this.#base = new Set();\n    this.#lastMode = `replace`;\n    this.#preview = new Set();\n  }\n}\n","import type { ListInteractionMode, ListSelectionMode } from './list-selection-types.js';\n\n/** Modifier state needed to route a click gesture per interaction mode. */\nexport type ListSelectionGesture = {\n  readonly ctrlKey: boolean;\n  readonly metaKey: boolean;\n  readonly shiftKey: boolean;\n};\n\nexport type ListSelectionModes = {\n  readonly selectionMode: ListSelectionMode;\n  readonly interactionMode: ListInteractionMode;\n};\n\n/**\n * Configuration supplied by the host component.\n *\n * The controller owns selection *state* only — everything DOM- or\n * component-specific is expressed through these callbacks.\n */\nexport type ListSelectionControllerConfig<T> = {\n  /** Visible items in navigation order — used for range selection and select-all. */\n  readonly getOrderedItems: () => readonly T[];\n  /** Whether an item may join the selection (e.g. reject `not-checked` rows). */\n  readonly isSelectable: (item: T) => boolean;\n  /** Current modes; read on every gesture so property changes apply immediately. */\n  readonly getModes: () => ListSelectionModes;\n  /**\n   * Fired after every selection change. The host syncs DOM state\n   * (`data-selected` / `data-checked`), dispatches `list-select`, and\n   * requests an update.\n   */\n  readonly onChange: (selected: ReadonlySet<T>, previous: ReadonlySet<T>) => void;\n  /**\n   * Optional: derive a stable string key for an item. Enables `selectedKeys`\n   * and `selectKeys()`. When omitted, `selectedKeys` is always empty.\n   */\n  readonly getKey?: (item: T) => string | undefined;\n};\n\n/** Whether the interaction mode allows building a multi-item selection. */\nexport function isMultiMode(mode: ListInteractionMode): boolean {\n  return mode === `checked` || mode === `sticky` || mode === `vscode` || mode === `standard`;\n}\n\n/**\n * Generic selection state machine shared by list components.\n *\n * Owns the selected set plus the range-selection anchor, the selection\n * primitives (`replace` / `toggle` / `rangeTo` / `clear` / `selectAll` /\n * `selectMany` / `deselect`) and the per-interactionMode gesture routers\n * (`handleClick` / `handleSpace`).\n *\n * Identity is generic: both `ixfx-vertical-list` and `ixfx-detail-list` use\n * `ListSelectionController<Element>`.\n *\n * @example\n * ```ts\n * const selection = new ListSelectionController<Element>({\n *   getOrderedItems: () => this.getVisibleItems(),\n *   isSelectable: el => !el.hasAttribute(`not-checked`),\n *   getModes: () => ({ selectionMode: this.selectionMode, interactionMode: this.interactionMode }),\n *   onChange: (selected, previous) => {\n *     this.syncItemStates();\n *     this.dispatchEvent(new CustomEvent(`list-select`, { detail: { selected, previous } }));\n *   },\n * });\n * ```\n */\nexport class ListSelectionController<T> {\n  readonly #config: ListSelectionControllerConfig<T>;\n  #selected: ReadonlySet<T> = new Set();\n  #anchor: T | undefined;\n\n  constructor(config: ListSelectionControllerConfig<T>) {\n    this.#config = config;\n  }\n\n  /** The current selection set (read-only). */\n  get selected(): ReadonlySet<T> {\n    return this.#selected;\n  }\n\n  /**\n   * The current selection as stable string keys (read-only). Empty unless a\n   * `getKey` was supplied in config. Items whose `getKey` returns `undefined`\n   * are omitted.\n   */\n  get selectedKeys(): ReadonlySet<string> {\n    const getKey = this.#config.getKey;\n    const out = new Set<string>();\n    if (getKey) {\n      for (const item of this.#selected) {\n        const key = getKey(item);\n        if (key !== undefined) {\n          out.add(key);\n        }\n      }\n    }\n    return out;\n  }\n\n  /** Anchor for range (shift) selection — the last plainly-selected item. */\n  get anchor(): T | undefined {\n    return this.#anchor;\n  }\n\n  /** Whether \"select all\" (Cmd/Ctrl+A) is currently permitted. */\n  canSelectAll(): boolean {\n    return this.canSelectMultiple() && this.#config.getModes().selectionMode !== `none`;\n  }\n\n  /** Whether a multi-item selection can be built in the current modes. */\n  canSelectMultiple(): boolean {\n    const { selectionMode, interactionMode } = this.#config.getModes();\n    return selectionMode === `multiple` || isMultiMode(interactionMode);\n  }\n\n  // --- Selection primitives ---\n\n  /** Replace the entire selection with a single item; updates the anchor. */\n  replace(item: T): void {\n    if (this.#config.getModes().selectionMode === `none`)\n      return;\n    if (!this.#config.isSelectable(item))\n      return;\n    this.#anchor = item;\n    this.#apply(new Set([item]));\n  }\n\n  /** Toggle a single item in/out of the selection without replacing it. Anchor unchanged. */\n  toggle(item: T): void {\n    const { selectionMode, interactionMode } = this.#config.getModes();\n    if (!this.#config.isSelectable(item))\n      return;\n    // checked/vscode/sticky modes imply multiple selection capacity\n    if (selectionMode === `none` && interactionMode !== `checked` && interactionMode !== `sticky`)\n      return;\n\n    const next = new Set(this.#selected);\n    if (next.has(item)) {\n      next.delete(item);\n    } else {\n      if (!this.canSelectMultiple())\n        next.clear();\n      next.add(item);\n    }\n    this.#apply(next);\n  }\n\n  /** Select the contiguous ordered range from the anchor to `item`. Anchor unchanged. */\n  rangeTo(item: T): void {\n    if (this.#config.getModes().selectionMode === `none`)\n      return;\n    if (this.#anchor === undefined) {\n      this.replace(item);\n      return;\n    }\n    const ordered = this.#config.getOrderedItems();\n    const anchorIdx = ordered.indexOf(this.#anchor);\n    const targetIdx = ordered.indexOf(item);\n    if (anchorIdx === -1 || targetIdx === -1) {\n      this.replace(item);\n      return;\n    }\n    const start = Math.min(anchorIdx, targetIdx);\n    const end = Math.max(anchorIdx, targetIdx);\n    this.#apply(new Set(ordered.slice(start, end + 1).filter(t => this.#config.isSelectable(t))));\n  }\n\n  /** Clear the selection. No change event when the selection is already empty. */\n  clear(): void {\n    if (this.#selected.size === 0)\n      return;\n    this.#apply(new Set());\n  }\n\n  /** Select every ordered item that passes `isSelectable`. */\n  selectAll(): void {\n    const ordered = this.#config.getOrderedItems();\n    if (ordered.length === 0)\n      return;\n    const next = new Set(ordered.filter(t => this.#config.isSelectable(t)));\n    if (next.size === 0)\n      return;\n    this.#apply(next);\n  }\n\n  /**\n   * Replace the selection with many items at once. Requires\n   * `selectionMode=\"multiple\"`, throws otherwise. Updates the anchor.\n   */\n  selectMany(items: Iterable<T>): void {\n    const { selectionMode } = this.#config.getModes();\n    if (selectionMode !== `multiple`) {\n      throw new Error(`selectMany requires selectionMode=\"multiple\" (current: \"${selectionMode}\")`);\n    }\n    const next = new Set([...items].filter(t => this.#config.isSelectable(t)));\n    if (next.size === 0)\n      return;\n    this.#anchor = [...next].at(-1);\n    this.#apply(next);\n  }\n\n  /**\n   * Whether a drag / marquee gesture may build a selection in the current\n   * modes: `selectionMode=\"multiple\"`, or a multi interaction mode\n   * (`checked` / `sticky` / `vscode`) outside `selectionMode=\"none\"`.\n   * Stricter than `canSelectMultiple()` — `single` + `standard` does not\n   * qualify (a drag there would be a surprising multi-select).\n   */\n  canDragSelect(): boolean {\n    return this.#config.getModes().selectionMode !== `none` && this.#effectiveMulti();\n  }\n\n  /**\n   * Replace the selection with `items` from a drag / marquee gesture. Like\n   * `selectMany` but gated on `canDragSelect()` instead of throwing, and a\n   * no-op in single/none modes. Non-selectable items are dropped; the anchor\n   * moves to the last item. Fires `onChange` once. An empty result clears a\n   * non-empty selection (e.g. a Cmd-drag that toggles everything off) but is\n   * a no-op when nothing is selected.\n   */\n  applyDragSelection(items: Iterable<T>): void {\n    if (!this.canDragSelect())\n      return;\n    const next = new Set([...items].filter(t => this.#config.isSelectable(t)));\n    if (next.size === 0 && this.#selected.size === 0)\n      return;\n    this.#anchor = [...next].at(-1);\n    this.#apply(next);\n  }\n\n  /** Remove a single item from the selection. */\n  deselect(item: T): void {\n    if (!this.#selected.has(item))\n      return;\n    const next = new Set(this.#selected);\n    next.delete(item);\n    this.#apply(next);\n  }\n\n  // --- Key-based selection ---\n\n  /**\n   * Whether the current modes permit a selection of more than one item.\n   * Stricter than `canSelectMultiple()`: `standard` / `implicit` only count\n   * as multi when `selectionMode=\"multiple\"`.\n   */\n  #effectiveMulti(): boolean {\n    const { selectionMode, interactionMode } = this.#config.getModes();\n    return selectionMode === `multiple`\n      || interactionMode === `checked`\n      || interactionMode === `sticky`\n      || interactionMode === `vscode`;\n  }\n\n  /**\n   * Replace the selection with the items resolved from `keys`. Keys that\n   * `resolve` cannot map, or that resolve to a non-selectable item, are\n   * ignored. `selectionMode=\"none\"` is a no-op. When multi-select is not\n   * available, only the last resolvable key is kept. `onChange` fires once.\n   */\n  selectKeys(keys: Iterable<string>, resolve: (key: string) => T | undefined): void {\n    if (this.#config.getModes().selectionMode === `none`)\n      return;\n    let next = new Set<T>();\n    for (const key of new Set(keys)) {\n      const item = resolve(key);\n      if (item !== undefined && this.#config.isSelectable(item)) {\n        next.add(item);\n      }\n    }\n    if (!this.#effectiveMulti() && next.size > 1) {\n      const last = [...next].at(-1);\n      next = last === undefined ? new Set() : new Set([last]);\n    }\n    this.#anchor = [...next].at(-1);\n    this.#apply(next);\n  }\n\n  /**\n   * Add the items resolved from `keys` to the selection (multi-select only;\n   * a no-op otherwise). `onChange` fires once if anything changed.\n   */\n  addKeys(keys: Iterable<string>, resolve: (key: string) => T | undefined): void {\n    if (!this.#effectiveMulti())\n      return;\n    const next = new Set(this.#selected);\n    let changed = false;\n    for (const key of new Set(keys)) {\n      const item = resolve(key);\n      if (item !== undefined && !next.has(item) && this.#config.isSelectable(item)) {\n        next.add(item);\n        changed = true;\n      }\n    }\n    if (changed) {\n      this.#apply(next);\n    }\n  }\n\n  /**\n   * Remove the items resolved from `keys` from the selection. `onChange`\n   * fires once if anything changed.\n   */\n  removeKeys(keys: Iterable<string>, resolve: (key: string) => T | undefined): void {\n    if (this.#selected.size === 0)\n      return;\n    const next = new Set(this.#selected);\n    let changed = false;\n    for (const key of new Set(keys)) {\n      const item = resolve(key);\n      if (item !== undefined && next.delete(item)) {\n        changed = true;\n      }\n    }\n    if (changed) {\n      this.#apply(next);\n    }\n  }\n\n  // --- Gesture routers ---\n\n  /** Route a click on `item` according to the current interaction mode. */\n  handleClick(item: T, gesture: ListSelectionGesture): void {\n    const { selectionMode, interactionMode: mode } = this.#config.getModes();\n    if (mode === `manual`)\n      return;\n    if (selectionMode === `none` && mode !== `checked` && mode !== `sticky`)\n      return;\n\n    switch (mode) {\n      case `implicit`:\n        // Single-select only; modifier keys have no effect\n        this.replace(item);\n        break;\n\n      case `standard`:\n      case `vscode`:\n        if (gesture.ctrlKey || gesture.metaKey) {\n          // Ctrl/Cmd+click: toggle item; requires effective multi-select\n          if (selectionMode === `multiple` || mode === `vscode`) {\n            this.toggle(item);\n          }\n        } else if (gesture.shiftKey && (selectionMode === `multiple` || mode === `vscode`)) {\n          // Shift+click: range-select from anchor\n          this.rangeTo(item);\n        } else {\n          // Plain click: replace selection, update anchor\n          this.replace(item);\n        }\n        break;\n\n      case `checked`:\n        // Body clicks do nothing — only the checkbox column toggles.\n        break;\n\n      case `sticky`:\n        // Every tap/click toggles — multi-select without modifier keys (touchscreens).\n        this.toggle(item);\n        break;\n    }\n  }\n\n  /** Route a Space keypress on `item` according to the current interaction mode. */\n  handleSpace(item: T): void {\n    const mode = this.#config.getModes().interactionMode;\n    if (mode === `manual`)\n      return;\n    if (mode === `implicit`) {\n      // Space selects (same as click) in implicit mode\n      this.replace(item);\n    } else {\n      // standard / vscode / checked / sticky: Space toggles\n      this.toggle(item);\n    }\n  }\n\n  // --- Maintenance ---\n\n  /** Drop the range-selection anchor (e.g. when the interaction mode changes). */\n  clearAnchor(): void {\n    this.#anchor = undefined;\n  }\n\n  /**\n   * Re-key the selection across an identity boundary — e.g. when items are\n   * wrapped/unwrapped and the selected Element references change. Silent:\n   * no `onChange` is fired.\n   */\n  remap(fn: (item: T) => T): void {\n    if (this.#selected.size === 0)\n      return;\n    this.#selected = new Set([...this.#selected].map(fn));\n  }\n\n  /**\n   * Hard reset: empty the selection and clear the anchor without firing\n   * `onChange` (e.g. when all items are removed).\n   */\n  reset(): void {\n    this.#selected = new Set();\n    this.#anchor = undefined;\n  }\n\n  /**\n   * Replace the selection and anchor silently (no `onChange`). Used to\n   * re-key the selection when items are rebuilt from data — e.g. matching\n   * new elements to previously selected keys.\n   */\n  seed(items: Iterable<T>, anchor?: T): void {\n    this.#selected = new Set(items);\n    this.#anchor = anchor;\n  }\n\n  #apply(next: ReadonlySet<T>): void {\n    const previous = this.#selected;\n    this.#selected = next;\n    this.#config.onChange(next, previous);\n  }\n}\n"],"mappings":"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"}