@ixfx/components 0.8.7 → 0.8.9

package/dist/list-native-drag-controller-DxD6Yjci.js

@@ -0,0 +1,567 @@
+//#region src/interaction/list-drag-preview-default.ts
+const CARD_DEFAULT = 72;
+const CARD_MIN = 48;
+const CARD_MAX = 96;
+const LIST_WIDTH = 220;
+const LIST_MAX_ROWS = 5;
+const MAX_CANVAS_DIM = 1024;
+function cssVar(style, name, fallback) {
+	try {
+		return style.getPropertyValue(name)?.trim() || fallback;
+	} catch {
+		return fallback;
+	}
+}
+function fontOf(style) {
+	try {
+		const font = style.font?.trim();
+		if (font) return font;
+	} catch {}
+	return `12px system-ui, sans-serif`;
+}
+/** Caption for a drag entry — element labels win, then string items, then common object fields, then the key. */
+function captionForEntry(entry) {
+	const el = entry.element ?? (entry.item instanceof Element ? entry.item : void 0);
+	if (el) {
+		const labelled = el.getAttribute(`data-label`) ?? el.querySelector(`[data-grid-list-caption]`)?.textContent?.trim() ?? el.getAttribute(`data-search-label`) ?? el.querySelector(`.cell`)?.textContent?.trim();
+		if (labelled) return labelled.slice(0, 80);
+		const text = el.textContent?.trim();
+		if (text) return text.slice(0, 80);
+	}
+	const item = entry.item;
+	if (typeof item === `string` && item.length > 0) return item.slice(0, 80);
+	if (item !== null && typeof item === `object` && !(item instanceof Element)) {
+		const record = item;
+		for (const field of [
+			`label`,
+			`name`,
+			`title`,
+			`text`
+		]) {
+			const value = record[field];
+			if (typeof value === `string` && value.length > 0) return value.slice(0, 80);
+		}
+	}
+	return entry.key;
+}
+function glyphFor(caption) {
+	const first = caption.trim().at(0);
+	return first ? first.toLocaleUpperCase() : `?`;
+}
+/** A decoded `<img>` ready for `drawImage`, if the entry's element has one. */
+function decodedImage(entry) {
+	const scope = entry.element ?? (entry.item instanceof Element ? entry.item : void 0);
+	if (!scope || typeof scope.querySelector !== `function`) return void 0;
+	if (scope instanceof HTMLImageElement) {
+		if (scope.complete && scope.naturalWidth > 0) return scope;
+		return;
+	}
+	try {
+		const img = scope.querySelector(`img`);
+		if (img instanceof HTMLImageElement && img.complete && img.naturalWidth > 0) return img;
+	} catch {}
+}
+function cardSize(metrics) {
+	if (metrics.itemSize !== void 0 && Number.isFinite(metrics.itemSize)) return Math.max(CARD_MIN, Math.min(CARD_MAX, Math.round(metrics.itemSize)));
+	return CARD_DEFAULT;
+}
+function rowHeight(metrics) {
+	const raw = metrics.rowHeight;
+	if (raw !== void 0 && Number.isFinite(raw)) return Math.max(24, Math.min(36, Math.round(raw)));
+	return 28;
+}
+function thumbCell(doc, caption, img, size) {
+	const well = doc.createElement(`div`);
+	well.setAttribute(`data-thumb`, ``);
+	well.style.cssText = `width:${size}px;height:${size}px;border-radius:4px;overflow:hidden;background:var(--surface-5, rgba(128,128,128,0.25));flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:${Math.round(size * .4)}px;font-weight:600;`;
+	if (img) try {
+		const clone = img.cloneNode(true);
+		clone.style.cssText = `width:100%;height:100%;object-fit:cover;`;
+		clone.removeAttribute(`id`);
+		well.appendChild(clone);
+	} catch {
+		well.textContent = glyphFor(caption);
+	}
+	else well.textContent = glyphFor(caption);
+	return well;
+}
+function buildCardsElement(ctx, captions, images) {
+	const doc = document;
+	const size = cardSize(ctx.metrics);
+	const gap = 6;
+	const pad = 8;
+	const root = doc.createElement(`div`);
+	root.setAttribute(`data-preview`, `cards`);
+	root.setAttribute(`part`, `drag-preview`);
+	root.style.cssText = `position:fixed;top:-9999px;left:-9999px;display:flex;flex-direction:row;gap:${gap}px;padding:${pad}px;background:var(--surface-4, #333);color:var(--surface-4-text, #fff);border:1px solid var(--border-subtle, #555);border-radius:var(--radius-m, 8px);box-shadow:0 4px 16px rgba(0,0,0,0.3);font-family:system-ui,sans-serif;font-size:11px;max-width:320px;z-index:999999;pointer-events:none;`;
+	const n = ctx.selected.length;
+	for (let i = 0; i < n; i++) {
+		const card = doc.createElement(`div`);
+		card.setAttribute(`data-card`, ``);
+		card.style.cssText = `display:flex;flex-direction:column;gap:4px;align-items:center;width:${size}px;`;
+		card.appendChild(thumbCell(doc, captions[i], images[i], Math.round(size * .72)));
+		const label = doc.createElement(`span`);
+		label.setAttribute(`data-caption`, ``);
+		label.style.cssText = `max-width:${size}px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:0.9;`;
+		label.textContent = captions[i];
+		card.appendChild(label);
+		root.appendChild(card);
+	}
+	return root;
+}
+function buildListElement(ctx, captions, images) {
+	const doc = document;
+	const rh = rowHeight(ctx.metrics);
+	const thumb = Math.round(rh * .78);
+	const root = doc.createElement(`div`);
+	root.setAttribute(`data-preview`, `list`);
+	root.setAttribute(`part`, `drag-preview`);
+	root.style.cssText = `position:fixed;top:-9999px;left:-9999px;display:flex;flex-direction:column;gap:4px;padding:8px;background:var(--surface-4, #333);color:var(--surface-4-text, #fff);border:1px solid var(--border-subtle, #555);border-radius:var(--radius-m, 8px);box-shadow:0 4px 16px rgba(0,0,0,0.3);font-family:system-ui,sans-serif;font-size:12px;width:${LIST_WIDTH}px;max-width:${LIST_WIDTH}px;z-index:999999;pointer-events:none;`;
+	const header = doc.createElement(`div`);
+	header.setAttribute(`data-header`, ``);
+	header.style.cssText = `font-weight:600;padding-bottom:4px;border-bottom:1px solid var(--border-subtle, #555);margin-bottom:4px;`;
+	header.textContent = `${ctx.selected.length} items`;
+	root.appendChild(header);
+	for (let i = 0; i < Math.min(LIST_MAX_ROWS, captions.length); i++) {
+		const row = doc.createElement(`div`);
+		row.setAttribute(`data-row`, ``);
+		row.style.cssText = `display:flex;align-items:center;gap:6px;height:${rh}px;overflow:hidden;`;
+		row.appendChild(thumbCell(doc, captions[i], images[i], thumb));
+		const label = doc.createElement(`span`);
+		label.setAttribute(`data-caption`, ``);
+		label.style.cssText = `flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`;
+		label.textContent = captions[i];
+		row.appendChild(label);
+		root.appendChild(row);
+	}
+	if (captions.length > LIST_MAX_ROWS) {
+		const more = doc.createElement(`div`);
+		more.setAttribute(`data-more`, ``);
+		more.style.cssText = `opacity:0.6;text-align:center;`;
+		more.textContent = `+${captions.length - LIST_MAX_ROWS} more`;
+		root.appendChild(more);
+	}
+	return root;
+}
+function paletteOf(style) {
+	const bg = cssVar(style, `--surface-4`, `#333333`);
+	const fg = cssVar(style, `--surface-4-text`, `#ffffff`);
+	const subtle = cssVar(style, `--border-subtle`, `#555555`);
+	const accent = cssVar(style, `--accent`, `#4da3ff`);
+	const radiusRaw = cssVar(style, `--radius-m`, `8`);
+	return {
+		bg,
+		fg,
+		subtle,
+		accent,
+		radius: Number.parseFloat(radiusRaw) || 8,
+		font: fontOf(style)
+	};
+}
+function fitCanvas(canvas, cssW, cssH) {
+	let scale = Math.max(1, Math.min(3, typeof devicePixelRatio === `number` && devicePixelRatio > 0 ? devicePixelRatio : 1));
+	const maxScaleW = MAX_CANVAS_DIM / Math.max(1, cssW);
+	const maxScaleH = MAX_CANVAS_DIM / Math.max(1, cssH);
+	scale = Math.min(scale, maxScaleW, maxScaleH);
+	canvas.width = Math.max(1, Math.round(cssW * scale));
+	canvas.height = Math.max(1, Math.round(cssH * scale));
+	canvas.style.width = `${cssW}px`;
+	canvas.style.height = `${cssH}px`;
+	return {
+		scale,
+		dpr: scale
+	};
+}
+function roundRectPath(context, x, y, w, h, r) {
+	const radius = Math.max(0, Math.min(r, w / 2, h / 2));
+	if (typeof context.roundRect === `function`) {
+		context.beginPath();
+		context.roundRect(x, y, w, h, radius);
+		return;
+	}
+	context.beginPath();
+	context.moveTo(x + radius, y);
+	context.arcTo(x + w, y, x + w, y + h, radius);
+	context.arcTo(x + w, y + h, x, y + h, radius);
+	context.arcTo(x, y + h, x, y, radius);
+	context.arcTo(x, y, x + w, y, radius);
+	context.closePath();
+}
+function paintCards(context, scale, palette, captions, images, size, cssW, cssH) {
+	context.save();
+	context.scale(scale, scale);
+	roundRectPath(context, 0, 0, cssW, cssH, palette.radius);
+	context.fillStyle = palette.bg;
+	context.fill();
+	context.strokeStyle = palette.subtle;
+	context.lineWidth = 1;
+	context.stroke();
+	context.clip();
+	const gap = 6;
+	const pad = 8;
+	const wellSize = Math.round(size * .72);
+	context.font = palette.font;
+	context.textBaseline = `middle`;
+	for (let i = 0; i < captions.length; i++) {
+		const x = pad + i * (size + gap);
+		const wellX = x + (size - wellSize) / 2;
+		const wellY = pad;
+		roundRectPath(context, wellX, wellY, wellSize, wellSize, 4);
+		context.fillStyle = palette.subtle;
+		context.globalAlpha = .35;
+		context.fill();
+		context.globalAlpha = 1;
+		const img = images[i];
+		if (img) try {
+			context.save();
+			context.clip();
+			context.drawImage(img, wellX, wellY, wellSize, wellSize);
+			context.restore();
+		} catch {}
+		else {
+			context.fillStyle = palette.fg;
+			context.globalAlpha = .9;
+			context.font = `600 ${Math.round(wellSize * .4)}px system-ui, sans-serif`;
+			context.textAlign = `center`;
+			context.fillText(glyphFor(captions[i]), wellX + wellSize / 2, wellY + wellSize / 2 + 1);
+			context.globalAlpha = 1;
+			context.textAlign = `left`;
+			context.font = palette.font;
+		}
+		context.fillStyle = palette.fg;
+		context.globalAlpha = .9;
+		context.font = palette.font;
+		const label = captions[i].length > 12 ? `${captions[i].slice(0, 11)}…` : captions[i];
+		const textWidth = context.measureText(label).width;
+		context.fillText(label, x + (size - Math.min(size, textWidth)) / 2, wellY + wellSize + 10, size);
+		context.globalAlpha = 1;
+	}
+	context.restore();
+}
+function paintList(context, scale, palette, captions, images, rh, cssW, cssH) {
+	context.save();
+	context.scale(scale, scale);
+	roundRectPath(context, 0, 0, cssW, cssH, palette.radius);
+	context.fillStyle = palette.bg;
+	context.fill();
+	context.strokeStyle = palette.subtle;
+	context.lineWidth = 1;
+	context.stroke();
+	context.clip();
+	const pad = 8;
+	context.fillStyle = palette.fg;
+	context.font = `600 ${palette.font}`;
+	context.textBaseline = `middle`;
+	context.fillText(`${captions.length} items`, pad, 16, cssW - 16);
+	context.strokeStyle = palette.subtle;
+	context.beginPath();
+	context.moveTo(pad, 28);
+	context.lineTo(cssW - pad, 28);
+	context.stroke();
+	const thumb = Math.round(rh * .78);
+	const rows = Math.min(LIST_MAX_ROWS, captions.length);
+	context.font = palette.font;
+	for (let i = 0; i < rows; i++) {
+		const y = 32 + i * rh;
+		roundRectPath(context, pad, y + (rh - thumb) / 2, thumb, thumb, 4);
+		context.fillStyle = palette.subtle;
+		context.globalAlpha = .35;
+		context.fill();
+		context.globalAlpha = 1;
+		const img = images[i];
+		if (img) try {
+			context.save();
+			context.clip();
+			context.drawImage(img, pad, y + (rh - thumb) / 2, thumb, thumb);
+			context.restore();
+		} catch {}
+		else {
+			context.fillStyle = palette.fg;
+			context.font = `600 ${Math.round(thumb * .45)}px system-ui, sans-serif`;
+			context.textAlign = `center`;
+			context.fillText(glyphFor(captions[i]), pad + thumb / 2, y + rh / 2 + 1);
+			context.textAlign = `left`;
+			context.font = palette.font;
+		}
+		context.fillStyle = palette.fg;
+		context.globalAlpha = .92;
+		const maxText = cssW - 16 - thumb - 6;
+		context.fillText(captions[i], pad + thumb + 6, y + rh / 2 + 1, Math.max(8, maxText));
+		context.globalAlpha = 1;
+	}
+	if (captions.length > LIST_MAX_ROWS) {
+		context.fillStyle = palette.fg;
+		context.globalAlpha = .6;
+		context.textAlign = `center`;
+		context.fillText(`+${captions.length - LIST_MAX_ROWS} more`, cssW / 2, cssH - pad - 6, cssW - 16);
+		context.textAlign = `left`;
+		context.globalAlpha = 1;
+	}
+	context.restore();
+}
+/**
+* Uniform built-in HTML+canvas drag preview for all four list components.
+*
+* - ≤5 selected → a row of small cards (thumbnail well + caption).
+* - >5 selected → a compact list (`N items` header, up to 5 rows, `+N more`).
+*
+* Always returns an offscreen `element` for `DataTransfer.setDragImage()` and,
+* when a 2D context is available, a DPR-aware painted `canvas` for native
+* hosts. Colours track the active theme via `ctx.hostStyle` CSS variables.
+*/
+function createDefaultListDragPreview(ctx) {
+	const entries = ctx.selected;
+	const captions = entries.map((entry) => captionForEntry(entry));
+	const images = entries.map((entry) => decodedImage(entry));
+	const isCards = entries.length <= 5;
+	let element;
+	let cssW;
+	let cssH;
+	if (isCards) {
+		const size = cardSize(ctx.metrics);
+		cssW = entries.length * size + Math.max(0, entries.length - 1) * 6 + 16;
+		cssH = Math.round(size * .72) + 22 + 16;
+		element = buildCardsElement(ctx, captions, images);
+	} else {
+		const rh = rowHeight(ctx.metrics);
+		const rows = Math.min(LIST_MAX_ROWS, entries.length);
+		const more = entries.length > LIST_MAX_ROWS ? 18 : 0;
+		cssW = 236;
+		cssH = 40 + rows * rh + more;
+		element = buildListElement(ctx, captions, images);
+	}
+	let canvas;
+	try {
+		const candidate = document.createElement(`canvas`);
+		const paint = candidate.getContext(`2d`);
+		if (paint) {
+			const { scale } = fitCanvas(candidate, cssW, cssH);
+			const palette = paletteOf(ctx.hostStyle);
+			if (isCards) paintCards(paint, scale, palette, captions, images, cardSize(ctx.metrics), cssW, cssH);
+			else paintList(paint, scale, palette, captions, images, rowHeight(ctx.metrics), cssW, cssH);
+			canvas = candidate;
+		}
+	} catch {
+		canvas = void 0;
+	}
+	return {
+		element,
+		hotspot: {
+			x: 16,
+			y: 16
+		},
+		...canvas ? { canvas } : {},
+		dispose: () => {}
+	};
+}
+//#endregion
+//#region src/interaction/list-native-drag-controller.ts
+/**
+* Shared native item/row drag-out for list components.
+*
+* Owns capture-phase `dragstart` / `dragend` listeners on the host and its
+* render root, a `MutationObserver` that keeps light-DOM / slotted item `draggable`
+* attributes in sync, and a single post-dispatch disposal on
+* `requestAnimationFrame`. All DOM / selection knowledge lives in the host
+* config callbacks.
+*/
+var ListNativeDragController = class {
+	#host;
+	#config;
+	#dragging = false;
+	#boundRoot;
+	#boundHost = false;
+	#seenDragStarts = /* @__PURE__ */ new WeakSet();
+	#observer;
+	constructor(host, config) {
+		this.#host = host;
+		this.#config = config;
+		host.addController(this);
+	}
+	get isDragging() {
+		return this.#dragging;
+	}
+	/** `"true"` when enabled, else `"false"` — for shadow-row template bindings. */
+	get draggableAttr() {
+		try {
+			return this.#config.isEnabled() ? `true` : `false`;
+		} catch {
+			return `false`;
+		}
+	}
+	/** Re-run the light-DOM `draggable` sync (e.g. after `itemsDraggable` flips). */
+	refreshDraggable() {
+		try {
+			this.#config.syncLightDomDraggable?.();
+		} catch {}
+	}
+	hostConnected() {
+		this.#bind();
+		this.#observer ??= new MutationObserver(() => this.refreshDraggable());
+		try {
+			this.#observer.observe(this.#host, {
+				childList: true,
+				subtree: true
+			});
+		} catch {}
+		this.refreshDraggable();
+	}
+	/** `renderRoot` does not exist yet at `hostConnected` for a shadow-DOM host — rebind once it does. */
+	hostUpdated() {
+		this.#bind();
+	}
+	hostDisconnected() {
+		this.#unbind();
+		try {
+			this.#observer?.disconnect();
+		} catch {}
+		this.#dragging = false;
+	}
+	#renderRoot() {
+		return this.#host.renderRoot ?? this.#host;
+	}
+	#bind() {
+		const root = this.#renderRoot();
+		if (root !== this.#boundRoot) {
+			this.#unbind();
+			this.#boundRoot = root;
+			root.addEventListener(`dragstart`, this.#onDragStart, { capture: true });
+			root.addEventListener(`dragend`, this.#onDragEnd, { capture: true });
+		}
+		if (!this.#boundHost) {
+			this.#boundHost = true;
+			this.#host.addEventListener(`dragstart`, this.#onDragStart, { capture: true });
+			this.#host.addEventListener(`dragend`, this.#onDragEnd, { capture: true });
+		}
+	}
+	#unbind() {
+		this.#boundRoot?.removeEventListener(`dragstart`, this.#onDragStart, { capture: true });
+		this.#boundRoot?.removeEventListener(`dragend`, this.#onDragEnd, { capture: true });
+		this.#boundRoot = void 0;
+		if (this.#boundHost) {
+			this.#boundHost = false;
+			this.#host.removeEventListener(`dragstart`, this.#onDragStart, { capture: true });
+			this.#host.removeEventListener(`dragend`, this.#onDragEnd, { capture: true });
+		}
+	}
+	#onDragStart = (event) => {
+		if (!(event instanceof DragEvent)) return;
+		if (this.#seenDragStarts.has(event)) return;
+		let enabled = false;
+		try {
+			enabled = this.#config.isEnabled();
+		} catch {
+			return;
+		}
+		if (!enabled) return;
+		let originKey;
+		try {
+			originKey = this.#config.resolveEventToKey(event.target);
+		} catch {
+			return;
+		}
+		if (originKey) this.#seenDragStarts.add(event);
+		if (!originKey) return;
+		let prepared;
+		try {
+			prepared = this.#config.prepareSelection(originKey);
+		} catch {
+			return;
+		}
+		if (!prepared || prepared.selected.length === 0) return;
+		const { origin, selected } = prepared;
+		let hostStyle;
+		try {
+			hostStyle = getComputedStyle(this.#host);
+		} catch {
+			hostStyle = document.createElement(`div`).style;
+		}
+		let metrics = {};
+		try {
+			metrics = this.#config.getMetrics() ?? {};
+		} catch {
+			metrics = {};
+		}
+		const context = {
+			source: this.#config.source,
+			origin,
+			selected,
+			metrics,
+			hostStyle
+		};
+		let renderer;
+		try {
+			renderer = this.#config.getRenderer();
+		} catch {
+			renderer = void 0;
+		}
+		let preview;
+		try {
+			preview = renderer ? renderer(context) : createDefaultListDragPreview(context);
+		} catch {
+			preview = createDefaultListDragPreview(context);
+		}
+		try {
+			document.body.appendChild(preview.element);
+		} catch {}
+		const detail = {
+			key: origin.key,
+			index: origin.index,
+			item: origin.item,
+			selectedKeys: selected.map((entry) => entry.key),
+			selected,
+			preview
+		};
+		let notCancelled = true;
+		try {
+			notCancelled = this.#config.dispatch(detail);
+		} catch {
+			notCancelled = true;
+		}
+		if (notCancelled) {
+			if (event.dataTransfer) {
+				try {
+					if (event.dataTransfer.effectAllowed === `none` || event.dataTransfer.effectAllowed === `uninitialized`) event.dataTransfer.effectAllowed = `copyMove`;
+				} catch {}
+				try {
+					this.#config.writeDataTransfer?.(event.dataTransfer, detail);
+				} catch {}
+			}
+			const hotspot = preview.hotspot ?? {
+				x: 16,
+				y: 16
+			};
+			try {
+				event.dataTransfer?.setDragImage(preview.element, hotspot.x, hotspot.y);
+			} catch {}
+		} else try {
+			event.preventDefault();
+		} catch {}
+		this.#dragging = true;
+		try {
+			this.#config.onActiveChange(true, origin.key);
+		} catch {}
+		requestAnimationFrame(() => {
+			try {
+				preview.element.remove();
+			} catch {}
+			try {
+				preview.dispose?.();
+			} catch {}
+		});
+	};
+	#onDragEnd = () => {
+		if (!this.#dragging) return;
+		this.#dragging = false;
+		try {
+			this.#config.onActiveChange(false);
+		} catch {}
+		try {
+			this.#config.onEnd();
+		} catch {}
+	};
+};
+//#endregion
+export { captionForEntry as n, createDefaultListDragPreview as r, ListNativeDragController as t };
+
+//# sourceMappingURL=list-native-drag-controller-DxD6Yjci.js.map

package/dist/list-native-drag-controller-DxD6Yjci.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-native-drag-controller-DxD6Yjci.js","names":["#host","#config","#dragging","#bind","#observer","#unbind","#renderRoot","#boundRoot","#onDragStart","#onDragEnd","#boundHost","#seenDragStarts"],"sources":["../src/interaction/list-drag-preview-default.ts","../src/interaction/list-native-drag-controller.ts"],"sourcesContent":["import type { ListDragEntry, ListDragPreview, ListDragPreviewContext } from './list-drag-types.js';\n\nconst CARD_DEFAULT = 72;\nconst CARD_MIN = 48;\nconst CARD_MAX = 96;\nconst LIST_WIDTH = 220;\nconst LIST_MAX_ROWS = 5;\nconst MAX_CANVAS_DIM = 1024;\n\nfunction cssVar(style: CSSStyleDeclaration, name: string, fallback: string): string {\n  try {\n    const value = style.getPropertyValue(name)?.trim();\n    return value || fallback;\n  } catch {\n    return fallback;\n  }\n}\n\nfunction fontOf(style: CSSStyleDeclaration): string {\n  try {\n    const font = style.font?.trim();\n    if (font)\n      return font;\n  } catch {\n    // Ignore.\n  }\n  return `12px system-ui, sans-serif`;\n}\n\n/** Caption for a drag entry — element labels win, then string items, then common object fields, then the key. */\nexport function captionForEntry(entry: ListDragEntry<unknown>): string {\n  const el = entry.element ?? (entry.item instanceof Element ? entry.item : undefined);\n  if (el) {\n    const labelled = el.getAttribute(`data-label`)\n      ?? el.querySelector(`[data-grid-list-caption]`)?.textContent?.trim()\n      ?? el.getAttribute(`data-search-label`)\n      ?? el.querySelector(`.cell`)?.textContent?.trim();\n    if (labelled)\n      return labelled.slice(0, 80);\n    const text = el.textContent?.trim();\n    if (text)\n      return text.slice(0, 80);\n  }\n  const item = entry.item;\n  if (typeof item === `string` && item.length > 0)\n    return item.slice(0, 80);\n  if (item !== null && typeof item === `object` && !(item instanceof Element)) {\n    const record = item as Record<string, unknown>;\n    for (const field of [`label`, `name`, `title`, `text`]) {\n      const value = record[field];\n      if (typeof value === `string` && value.length > 0)\n        return value.slice(0, 80);\n    }\n  }\n  return entry.key;\n}\n\nfunction glyphFor(caption: string): string {\n  const first = caption.trim().at(0);\n  return first ? first.toLocaleUpperCase() : `?`;\n}\n\n/** A decoded `<img>` ready for `drawImage`, if the entry's element has one. */\nfunction decodedImage(entry: ListDragEntry<unknown>): HTMLImageElement | undefined {\n  const scope = entry.element ?? (entry.item instanceof Element ? entry.item : undefined);\n  if (!scope || typeof scope.querySelector !== `function`)\n    return undefined;\n  // The entry element itself may be an <img> (e.g. slotted image content).\n  if (scope instanceof HTMLImageElement) {\n    if (scope.complete && scope.naturalWidth > 0)\n      return scope;\n    return undefined;\n  }\n  try {\n    const img = scope.querySelector(`img`);\n    if (img instanceof HTMLImageElement && img.complete && img.naturalWidth > 0)\n      return img;\n  } catch {\n    // Ignore.\n  }\n  return undefined;\n}\n\nfunction cardSize(metrics: ListDragPreviewContext<unknown>[`metrics`]): number {\n  if (metrics.itemSize !== undefined && Number.isFinite(metrics.itemSize))\n    return Math.max(CARD_MIN, Math.min(CARD_MAX, Math.round(metrics.itemSize)));\n  return CARD_DEFAULT;\n}\n\nfunction rowHeight(metrics: ListDragPreviewContext<unknown>[`metrics`]): number {\n  const raw = metrics.rowHeight;\n  if (raw !== undefined && Number.isFinite(raw))\n    return Math.max(24, Math.min(36, Math.round(raw)));\n  return 28;\n}\n\nfunction thumbCell(doc: Document, caption: string, img: HTMLImageElement | undefined, size: number): HTMLElement {\n  const well = doc.createElement(`div`);\n  well.setAttribute(`data-thumb`, ``);\n  well.style.cssText = `width:${size}px;height:${size}px;border-radius:4px;overflow:hidden;`\n    + `background:var(--surface-5, rgba(128,128,128,0.25));flex-shrink:0;display:flex;`\n    + `align-items:center;justify-content:center;font-size:${Math.round(size * 0.4)}px;font-weight:600;`;\n  if (img) {\n    try {\n      const clone = img.cloneNode(true) as HTMLImageElement;\n      clone.style.cssText = `width:100%;height:100%;object-fit:cover;`;\n      clone.removeAttribute(`id`);\n      well.appendChild(clone);\n    } catch {\n      well.textContent = glyphFor(caption);\n    }\n  } else {\n    well.textContent = glyphFor(caption);\n  }\n  return well;\n}\n\nfunction buildCardsElement(ctx: ListDragPreviewContext<unknown>, captions: string[], images: Array<HTMLImageElement | undefined>): HTMLElement {\n  const doc = document;\n  const size = cardSize(ctx.metrics);\n  const gap = 6;\n  const pad = 8;\n  const root = doc.createElement(`div`);\n  root.setAttribute(`data-preview`, `cards`);\n  root.setAttribute(`part`, `drag-preview`);\n  root.style.cssText = `position:fixed;top:-9999px;left:-9999px;display:flex;flex-direction:row;gap:${gap}px;`\n    + `padding:${pad}px;background:var(--surface-4, #333);color:var(--surface-4-text, #fff);`\n    + `border:1px solid var(--border-subtle, #555);border-radius:var(--radius-m, 8px);`\n    + `box-shadow:0 4px 16px rgba(0,0,0,0.3);font-family:system-ui,sans-serif;font-size:11px;`\n    + `max-width:320px;z-index:999999;pointer-events:none;`;\n  const n = ctx.selected.length;\n  for (let i = 0; i < n; i++) {\n    const card = doc.createElement(`div`);\n    card.setAttribute(`data-card`, ``);\n    card.style.cssText = `display:flex;flex-direction:column;gap:4px;align-items:center;width:${size}px;`;\n    card.appendChild(thumbCell(doc, captions[i], images[i], Math.round(size * 0.72)));\n    const label = doc.createElement(`span`);\n    label.setAttribute(`data-caption`, ``);\n    label.style.cssText = `max-width:${size}px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:0.9;`;\n    label.textContent = captions[i];\n    card.appendChild(label);\n    root.appendChild(card);\n  }\n  return root;\n}\n\nfunction buildListElement(\n  ctx: ListDragPreviewContext<unknown>,\n  captions: string[],\n  images: Array<HTMLImageElement | undefined>,\n): HTMLElement {\n  const doc = document;\n  const rh = rowHeight(ctx.metrics);\n  const thumb = Math.round(rh * 0.78);\n  const root = doc.createElement(`div`);\n  root.setAttribute(`data-preview`, `list`);\n  root.setAttribute(`part`, `drag-preview`);\n  root.style.cssText = `position:fixed;top:-9999px;left:-9999px;display:flex;flex-direction:column;gap:4px;`\n    + `padding:8px;background:var(--surface-4, #333);color:var(--surface-4-text, #fff);`\n    + `border:1px solid var(--border-subtle, #555);border-radius:var(--radius-m, 8px);`\n    + `box-shadow:0 4px 16px rgba(0,0,0,0.3);font-family:system-ui,sans-serif;font-size:12px;`\n    + `width:${LIST_WIDTH}px;max-width:${LIST_WIDTH}px;z-index:999999;pointer-events:none;`;\n  const header = doc.createElement(`div`);\n  header.setAttribute(`data-header`, ``);\n  header.style.cssText = `font-weight:600;padding-bottom:4px;border-bottom:1px solid var(--border-subtle, #555);margin-bottom:4px;`;\n  header.textContent = `${ctx.selected.length} items`;\n  root.appendChild(header);\n  for (let i = 0; i < Math.min(LIST_MAX_ROWS, captions.length); i++) {\n    const row = doc.createElement(`div`);\n    row.setAttribute(`data-row`, ``);\n    row.style.cssText = `display:flex;align-items:center;gap:6px;height:${rh}px;overflow:hidden;`;\n    row.appendChild(thumbCell(doc, captions[i], images[i], thumb));\n    const label = doc.createElement(`span`);\n    label.setAttribute(`data-caption`, ``);\n    label.style.cssText = `flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`;\n    label.textContent = captions[i];\n    row.appendChild(label);\n    root.appendChild(row);\n  }\n  if (captions.length > LIST_MAX_ROWS) {\n    const more = doc.createElement(`div`);\n    more.setAttribute(`data-more`, ``);\n    more.style.cssText = `opacity:0.6;text-align:center;`;\n    more.textContent = `+${captions.length - LIST_MAX_ROWS} more`;\n    root.appendChild(more);\n  }\n  return root;\n}\n\ntype Palette = {\n  bg: string;\n  fg: string;\n  subtle: string;\n  accent: string;\n  radius: number;\n  font: string;\n};\n\nfunction paletteOf(style: CSSStyleDeclaration): Palette {\n  const bg = cssVar(style, `--surface-4`, `#333333`);\n  const fg = cssVar(style, `--surface-4-text`, `#ffffff`);\n  const subtle = cssVar(style, `--border-subtle`, `#555555`);\n  const accent = cssVar(style, `--accent`, `#4da3ff`);\n  const radiusRaw = cssVar(style, `--radius-m`, `8`);\n  const radius = Number.parseFloat(radiusRaw) || 8;\n  return { bg, fg, subtle, accent, radius, font: fontOf(style) };\n}\n\nfunction fitCanvas(canvas: HTMLCanvasElement, cssW: number, cssH: number): { scale: number; dpr: number } {\n  const dpr = Math.max(1, Math.min(3, (typeof devicePixelRatio === `number` && devicePixelRatio > 0) ? devicePixelRatio : 1));\n  let scale = dpr;\n  // Bound the backing store so huge selections cannot allocate unbounded canvases.\n  const maxScaleW = MAX_CANVAS_DIM / Math.max(1, cssW);\n  const maxScaleH = MAX_CANVAS_DIM / Math.max(1, cssH);\n  scale = Math.min(scale, maxScaleW, maxScaleH);\n  canvas.width = Math.max(1, Math.round(cssW * scale));\n  canvas.height = Math.max(1, Math.round(cssH * scale));\n  canvas.style.width = `${cssW}px`;\n  canvas.style.height = `${cssH}px`;\n  return { scale, dpr: scale };\n}\n\nfunction roundRectPath(context: CanvasRenderingContext2D, x: number, y: number, w: number, h: number, r: number): void {\n  const radius = Math.max(0, Math.min(r, w / 2, h / 2));\n  if (typeof context.roundRect === `function`) {\n    context.beginPath();\n    context.roundRect(x, y, w, h, radius);\n    return;\n  }\n  context.beginPath();\n  context.moveTo(x + radius, y);\n  context.arcTo(x + w, y, x + w, y + h, radius);\n  context.arcTo(x + w, y + h, x, y + h, radius);\n  context.arcTo(x, y + h, x, y, radius);\n  context.arcTo(x, y, x + w, y, radius);\n  context.closePath();\n}\n\nfunction paintCards(\n  context: CanvasRenderingContext2D,\n  scale: number,\n  palette: Palette,\n  captions: string[],\n  images: Array<HTMLImageElement | undefined>,\n  size: number,\n  cssW: number,\n  cssH: number,\n): void {\n  context.save();\n  context.scale(scale, scale);\n  roundRectPath(context, 0, 0, cssW, cssH, palette.radius);\n  context.fillStyle = palette.bg;\n  context.fill();\n  context.strokeStyle = palette.subtle;\n  context.lineWidth = 1;\n  context.stroke();\n  context.clip();\n\n  const gap = 6;\n  const pad = 8;\n  const wellSize = Math.round(size * 0.72);\n  context.font = palette.font;\n  context.textBaseline = `middle`;\n  for (let i = 0; i < captions.length; i++) {\n    const x = pad + i * (size + gap);\n    const wellX = x + (size - wellSize) / 2;\n    const wellY = pad;\n    roundRectPath(context, wellX, wellY, wellSize, wellSize, 4);\n    context.fillStyle = palette.subtle;\n    context.globalAlpha = 0.35;\n    context.fill();\n    context.globalAlpha = 1;\n    const img = images[i];\n    if (img) {\n      try {\n        context.save();\n        context.clip();\n        context.drawImage(img, wellX, wellY, wellSize, wellSize);\n        context.restore();\n      } catch {\n        // Placeholder below already painted.\n      }\n    } else {\n      context.fillStyle = palette.fg;\n      context.globalAlpha = 0.9;\n      context.font = `600 ${Math.round(wellSize * 0.4)}px system-ui, sans-serif`;\n      context.textAlign = `center`;\n      context.fillText(glyphFor(captions[i]), wellX + wellSize / 2, wellY + wellSize / 2 + 1);\n      context.globalAlpha = 1;\n      context.textAlign = `left`;\n      context.font = palette.font;\n    }\n    context.fillStyle = palette.fg;\n    context.globalAlpha = 0.9;\n    context.font = palette.font;\n    const label = captions[i].length > 12 ? `${captions[i].slice(0, 11)}…` : captions[i];\n    const textWidth = context.measureText(label).width;\n    context.fillText(label, x + (size - Math.min(size, textWidth)) / 2, wellY + wellSize + 10, size);\n    context.globalAlpha = 1;\n  }\n  context.restore();\n}\n\nfunction paintList(\n  context: CanvasRenderingContext2D,\n  scale: number,\n  palette: Palette,\n  captions: string[],\n  images: Array<HTMLImageElement | undefined>,\n  rh: number,\n  cssW: number,\n  cssH: number,\n): void {\n  context.save();\n  context.scale(scale, scale);\n  roundRectPath(context, 0, 0, cssW, cssH, palette.radius);\n  context.fillStyle = palette.bg;\n  context.fill();\n  context.strokeStyle = palette.subtle;\n  context.lineWidth = 1;\n  context.stroke();\n  context.clip();\n\n  const pad = 8;\n  context.fillStyle = palette.fg;\n  context.font = `600 ${palette.font}`;\n  context.textBaseline = `middle`;\n  context.fillText(`${captions.length} items`, pad, pad + 8, cssW - pad * 2);\n  context.strokeStyle = palette.subtle;\n  context.beginPath();\n  context.moveTo(pad, pad + 20);\n  context.lineTo(cssW - pad, pad + 20);\n  context.stroke();\n\n  const thumb = Math.round(rh * 0.78);\n  const rows = Math.min(LIST_MAX_ROWS, captions.length);\n  context.font = palette.font;\n  for (let i = 0; i < rows; i++) {\n    const y = pad + 24 + i * rh;\n    roundRectPath(context, pad, y + (rh - thumb) / 2, thumb, thumb, 4);\n    context.fillStyle = palette.subtle;\n    context.globalAlpha = 0.35;\n    context.fill();\n    context.globalAlpha = 1;\n    const img = images[i];\n    if (img) {\n      try {\n        context.save();\n        context.clip();\n        context.drawImage(img, pad, y + (rh - thumb) / 2, thumb, thumb);\n        context.restore();\n      } catch {\n        // Placeholder already painted.\n      }\n    } else {\n      context.fillStyle = palette.fg;\n      context.font = `600 ${Math.round(thumb * 0.45)}px system-ui, sans-serif`;\n      context.textAlign = `center`;\n      context.fillText(glyphFor(captions[i]), pad + thumb / 2, y + rh / 2 + 1);\n      context.textAlign = `left`;\n      context.font = palette.font;\n    }\n    context.fillStyle = palette.fg;\n    context.globalAlpha = 0.92;\n    const maxText = cssW - pad * 2 - thumb - 6;\n    context.fillText(captions[i], pad + thumb + 6, y + rh / 2 + 1, Math.max(8, maxText));\n    context.globalAlpha = 1;\n  }\n  if (captions.length > LIST_MAX_ROWS) {\n    context.fillStyle = palette.fg;\n    context.globalAlpha = 0.6;\n    context.textAlign = `center`;\n    context.fillText(`+${captions.length - LIST_MAX_ROWS} more`, cssW / 2, cssH - pad - 6, cssW - pad * 2);\n    context.textAlign = `left`;\n    context.globalAlpha = 1;\n  }\n  context.restore();\n}\n\n/**\n * Uniform built-in HTML+canvas drag preview for all four list components.\n *\n * - ≤5 selected → a row of small cards (thumbnail well + caption).\n * - >5 selected → a compact list (`N items` header, up to 5 rows, `+N more`).\n *\n * Always returns an offscreen `element` for `DataTransfer.setDragImage()` and,\n * when a 2D context is available, a DPR-aware painted `canvas` for native\n * hosts. Colours track the active theme via `ctx.hostStyle` CSS variables.\n */\nexport function createDefaultListDragPreview<T>(ctx: ListDragPreviewContext<T>): ListDragPreview {\n  const entries = ctx.selected as ReadonlyArray<ListDragEntry<unknown>>;\n  const captions = entries.map(entry => captionForEntry(entry));\n  const images = entries.map(entry => decodedImage(entry));\n  const isCards = entries.length <= 5;\n\n  let element: HTMLElement;\n  let cssW: number;\n  let cssH: number;\n  if (isCards) {\n    const size = cardSize(ctx.metrics);\n    const gap = 6;\n    const pad = 8;\n    cssW = entries.length * size + Math.max(0, entries.length - 1) * gap + pad * 2;\n    cssH = Math.round(size * 0.72) + 22 + pad * 2;\n    element = buildCardsElement(ctx, captions, images);\n  } else {\n    const rh = rowHeight(ctx.metrics);\n    const pad = 8;\n    const rows = Math.min(LIST_MAX_ROWS, entries.length);\n    const more = entries.length > LIST_MAX_ROWS ? 18 : 0;\n    cssW = LIST_WIDTH + 16;\n    cssH = pad * 2 + 24 + rows * rh + more;\n    element = buildListElement(ctx, captions, images);\n  }\n\n  let canvas: HTMLCanvasElement | undefined;\n  try {\n    const candidate = document.createElement(`canvas`);\n    const paint = candidate.getContext(`2d`);\n    if (paint) {\n      const { scale } = fitCanvas(candidate, cssW, cssH);\n      const palette = paletteOf(ctx.hostStyle);\n      if (isCards) {\n        paintCards(paint, scale, palette, captions, images, cardSize(ctx.metrics), cssW, cssH);\n      } else {\n        paintList(paint, scale, palette, captions, images, rowHeight(ctx.metrics), cssW, cssH);\n      }\n      canvas = candidate;\n    }\n  } catch {\n    canvas = undefined;\n  }\n\n  return {\n    element,\n    hotspot: { x: 16, y: 16 },\n    ...(canvas ? { canvas } : {}),\n    dispose: () => {},\n  };\n}\n","import type { ReactiveController, ReactiveControllerHost } from 'lit';\nimport type {\n  ListDragEntry,\n  ListDragPreview,\n  ListDragPreviewContext,\n  ListDragPreviewRenderer,\n  ListDragSource,\n  ListNativeDragStartDetail,\n} from './list-drag-types.js';\nimport { createDefaultListDragPreview } from './list-drag-preview-default.js';\n\nexport type ListNativeDragControllerConfig<T> = {\n  readonly source: ListDragSource;\n  /** `itemsDraggable && selection usable` */\n  isEnabled: () => boolean;\n  /** Event target → item key, or `undefined` when the drag did not start on an item. */\n  resolveEventToKey: (target: EventTarget | null) => string | undefined;\n  /**\n   * Apply the origin rule (origin ∉ selection ⇒ replace with origin); return\n   * display-ordered `{ origin, selected }` for both modes, or `undefined` when\n   * the origin is not selectable.\n   */\n  prepareSelection: (originKey: string) => { origin: ListDragEntry<T>; selected: Array<ListDragEntry<T>> } | undefined;\n  getMetrics: () => ListDragPreviewContext<T>[`metrics`];\n  getRenderer: () => ListDragPreviewRenderer<T> | undefined;\n  /** Fire the cancelable `list-native-drag-start`; return `!defaultPrevented`. */\n  dispatch: (detail: ListNativeDragStartDetail<T>) => boolean;\n  /**\n   * Optional: write custom payloads onto the drag's `DataTransfer` (e.g. a\n   * MIME type for same-app drops). Called once, after a non-cancelled dispatch,\n   * inside the synchronous `dragstart` turn.\n   */\n  writeDataTransfer?: (dataTransfer: DataTransfer, detail: ListNativeDragStartDetail<T>) => void;\n  /** Host toggles `data-native-dragging` / `aria-label`, re-renders. */\n  onActiveChange: (active: boolean, originKey?: string) => void;\n  /** Host clears state + starts its post-drag click-suppress timer. */\n  onEnd: () => void;\n  /** Optional: sync `draggable` on light-DOM / slotted children while enabled. */\n  syncLightDomDraggable?: () => void;\n};\n\ntype DragHost = ReactiveControllerHost & HTMLElement;\n\n/**\n * Shared native item/row drag-out for list components.\n *\n * Owns capture-phase `dragstart` / `dragend` listeners on the host and its\n * render root, a `MutationObserver` that keeps light-DOM / slotted item `draggable`\n * attributes in sync, and a single post-dispatch disposal on\n * `requestAnimationFrame`. All DOM / selection knowledge lives in the host\n * config callbacks.\n */\nexport class ListNativeDragController<T> implements ReactiveController {\n  readonly #host: DragHost;\n  readonly #config: ListNativeDragControllerConfig<T>;\n\n  #dragging = false;\n  #boundRoot: EventTarget | undefined;\n  #boundHost = false;\n  #seenDragStarts = new WeakSet<Event>();\n  #observer: MutationObserver | undefined;\n\n  constructor(host: DragHost, config: ListNativeDragControllerConfig<T>) {\n    this.#host = host;\n    this.#config = config;\n    host.addController(this);\n  }\n\n  get isDragging(): boolean {\n    return this.#dragging;\n  }\n\n  /** `\"true\"` when enabled, else `\"false\"` — for shadow-row template bindings. */\n  get draggableAttr(): string {\n    try {\n      return this.#config.isEnabled() ? `true` : `false`;\n    } catch {\n      return `false`;\n    }\n  }\n\n  /** Re-run the light-DOM `draggable` sync (e.g. after `itemsDraggable` flips). */\n  refreshDraggable(): void {\n    try {\n      this.#config.syncLightDomDraggable?.();\n    } catch {\n      // Host sync must never break the controller.\n    }\n  }\n\n  hostConnected(): void {\n    this.#bind();\n    this.#observer ??= new MutationObserver(() => this.refreshDraggable());\n    try {\n      this.#observer.observe(this.#host, { childList: true, subtree: true });\n    } catch {\n      // happy-dom-safe: observing must never throw.\n    }\n    this.refreshDraggable();\n  }\n\n  /** `renderRoot` does not exist yet at `hostConnected` for a shadow-DOM host — rebind once it does. */\n  hostUpdated(): void {\n    this.#bind();\n  }\n\n  hostDisconnected(): void {\n    this.#unbind();\n    try {\n      this.#observer?.disconnect();\n    } catch {\n      // Ignore.\n    }\n    this.#dragging = false;\n  }\n\n  #renderRoot(): EventTarget {\n    const maybe = this.#host as unknown as { renderRoot?: EventTarget };\n    return maybe.renderRoot ?? this.#host;\n  }\n\n  #bind(): void {\n    // Capture on both the host (light-DOM / slotted items, and everything in\n    // happy-dom where slot distribution is not reflected in the event path)\n    // and the render root (shadow cells). A shadow-originated drag reaches\n    // both — `#seenDragStarts` dedups the second call.\n    const root = this.#renderRoot();\n    if (root !== this.#boundRoot) {\n      this.#unbind();\n      this.#boundRoot = root;\n      root.addEventListener(`dragstart`, this.#onDragStart as EventListener, { capture: true });\n      root.addEventListener(`dragend`, this.#onDragEnd as EventListener, { capture: true });\n    }\n    if (!this.#boundHost) {\n      this.#boundHost = true;\n      this.#host.addEventListener(`dragstart`, this.#onDragStart as EventListener, { capture: true });\n      this.#host.addEventListener(`dragend`, this.#onDragEnd as EventListener, { capture: true });\n    }\n  }\n\n  #unbind(): void {\n    this.#boundRoot?.removeEventListener(`dragstart`, this.#onDragStart as EventListener, { capture: true });\n    this.#boundRoot?.removeEventListener(`dragend`, this.#onDragEnd as EventListener, { capture: true });\n    this.#boundRoot = undefined;\n    if (this.#boundHost) {\n      this.#boundHost = false;\n      this.#host.removeEventListener(`dragstart`, this.#onDragStart as EventListener, { capture: true });\n      this.#host.removeEventListener(`dragend`, this.#onDragEnd as EventListener, { capture: true });\n    }\n  }\n\n  #onDragStart = (event: Event): void => {\n    if (!(event instanceof DragEvent))\n      return;\n    if (this.#seenDragStarts.has(event))\n      return;\n    let enabled = false;\n    try {\n      enabled = this.#config.isEnabled();\n    } catch {\n      return;\n    }\n    if (!enabled)\n      return;\n    let originKey: string | undefined;\n    try {\n      originKey = this.#config.resolveEventToKey(event.target);\n    } catch {\n      return;\n    }\n    // Do NOT mark the event seen until we have a key. This handler is bound to\n    // both the host and the render root; on a shadow-DOM host the host-level\n    // invocation sees a retargeted `event.target` and resolves no key — it must\n    // not poison the dedup for the render-root invocation that will succeed.\n    if (originKey)\n      this.#seenDragStarts.add(event);\n    if (!originKey)\n      return;\n    let prepared: { origin: ListDragEntry<T>; selected: Array<ListDragEntry<T>> } | undefined;\n    try {\n      prepared = this.#config.prepareSelection(originKey);\n    } catch {\n      return;\n    }\n    if (!prepared || prepared.selected.length === 0)\n      return;\n    const { origin, selected } = prepared;\n\n    let hostStyle: CSSStyleDeclaration;\n    try {\n      hostStyle = getComputedStyle(this.#host);\n    } catch {\n      hostStyle = document.createElement(`div`).style as unknown as CSSStyleDeclaration;\n    }\n    let metrics: ListDragPreviewContext<T>[`metrics`] = {};\n    try {\n      metrics = this.#config.getMetrics() ?? {};\n    } catch {\n      metrics = {};\n    }\n    const context: ListDragPreviewContext<T> = {\n      source: this.#config.source,\n      origin,\n      selected,\n      metrics,\n      hostStyle,\n    };\n    let renderer: ListDragPreviewRenderer<T> | undefined;\n    try {\n      renderer = this.#config.getRenderer();\n    } catch {\n      renderer = undefined;\n    }\n    let preview: ListDragPreview;\n    try {\n      preview = renderer ? renderer(context) : createDefaultListDragPreview(context);\n    } catch {\n      preview = createDefaultListDragPreview(context);\n    }\n    try {\n      document.body.appendChild(preview.element);\n    } catch {\n      // happy-dom-safe.\n    }\n\n    const detail: ListNativeDragStartDetail<T> = {\n      key: origin.key,\n      index: origin.index,\n      item: origin.item,\n      selectedKeys: selected.map(entry => entry.key),\n      selected,\n      preview,\n    };\n    let notCancelled = true;\n    try {\n      notCancelled = this.#config.dispatch(detail);\n    } catch {\n      notCancelled = true;\n    }\n\n    if (notCancelled) {\n      if (event.dataTransfer) {\n        try {\n          // Let drop targets show a \"move\" / \"copy\" cursor.\n          if (event.dataTransfer.effectAllowed === `none` || event.dataTransfer.effectAllowed === `uninitialized`)\n            event.dataTransfer.effectAllowed = `copyMove`;\n        } catch {\n          // read-only in some contexts — non-fatal.\n        }\n        try {\n          this.#config.writeDataTransfer?.(event.dataTransfer, detail);\n        } catch {\n          // A misbehaving payload writer must not abort the drag.\n        }\n      }\n      const hotspot = preview.hotspot ?? { x: 16, y: 16 };\n      try {\n        event.dataTransfer?.setDragImage(preview.element, hotspot.x, hotspot.y);\n      } catch {\n        // Stubbed dataTransfer in tests may throw — non-fatal.\n      }\n    } else {\n      try {\n        event.preventDefault();\n      } catch {\n        // Ignore.\n      }\n    }\n\n    this.#dragging = true;\n    try {\n      this.#config.onActiveChange(true, origin.key);\n    } catch {\n      // Ignore.\n    }\n    requestAnimationFrame(() => {\n      try {\n        preview.element.remove();\n      } catch {\n        // Ignore.\n      }\n      try {\n        preview.dispose?.();\n      } catch {\n        // Ignore.\n      }\n    });\n  };\n\n  #onDragEnd = (): void => {\n    if (!this.#dragging)\n      return;\n    this.#dragging = false;\n    try {\n      this.#config.onActiveChange(false);\n    } catch {\n      // Ignore.\n    }\n    try {\n      this.#config.onEnd();\n    } catch {\n      // Ignore.\n    }\n  };\n}\n"],"mappings":"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"}

package/dist/{menu-HMoxCPY2.js → menu-CMXhIaNZ.js}

@@ -3,8 +3,8 @@ import { t as tickledItemStyles } from "./tickled-styles-BrAHEj1q.js";
 import { t as themeFallbacks } from "./fallbacks-BcKGq-2F.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
 import "./icon-Dy33gu4Z.js";
-import "./interaction-B9AAlsFO.js";
-import { n as MenuTrigger, r as MenuContainer, t as MenuItem } from "./menu-item-BQDYxk5A.js";
+import "./interaction-BskmlA9t.js";
+import { n as MenuTrigger, r as MenuContainer, t as MenuItem } from "./menu-item-BYGQzyCe.js";
 import { LitElement, css, html, nothing } from "lit";
 import { property, query, state } from "lit/decorators.js";
 //#region src/menu/menu-bar.ts
@@ -822,4 +822,4 @@ var menu_exports = /* @__PURE__ */ __exportAll({
 //#endregion
 export { menuFromTreeToElements as a, MenuSubTrigger as c, MenuBar as d, menuFromTree as i, MenuCommandController as l, MenuRadioGroup as n, MenuHeader as o, MenuRadioItem as r, MenuSeparator as s, menu_exports as t, MenuCheckItem as u };
 
-//# sourceMappingURL=menu-HMoxCPY2.js.map
+//# sourceMappingURL=menu-CMXhIaNZ.js.map