foldkit-mixins-data-grid 0.2.15 → 0.3.0

package/dist/fillDrag.d.ts

@@ -0,0 +1,30 @@
+import { Schema } from "effect";
+export declare const FillDragStarted: Schema.TaggedStruct<"FillDragStarted", {}>;
+export declare const FillDraggedOver: Schema.TaggedStruct<"FillDraggedOver", {
+  /** The DOM id of the gridcell under the pointer. */
+  readonly cell: Schema.String;
+}>;
+export declare const FillDragEnded: Schema.TaggedStruct<"FillDragEnded", {
+  /** `false` when the pointer was cancelled or capture was lost. */
+  readonly completed: Schema.Boolean;
+}>;
+export type FillFact = typeof FillDragStarted.Type | typeof FillDraggedOver.Type | typeof FillDragEnded.Type;
+/** The attribute that marks the fill handle, which the body's listener looks for. */
+export declare const fillHandleAttribute = "data-fill-handle";
+/**
+ * The fill handle dragged with the pointer, from the element that holds the
+ * grid's cells, so the drag outlives the handle's own cell scrolling out of
+ * the window. A press on the handle is kept from the cells (a press there
+ * would select one instead). Once it has moved 4px the pointer is captured,
+ * so the cell under it is found by where it is (`elementFromPoint`), not by
+ * the event's target, which capture makes this element. While the pointer is
+ * within 24px of the grid's edge, or past it, the grid scrolls toward it. The
+ * listeners that follow the pointer, and the scroll, live for one press.
+ *
+ * Returns the cleanup, and whether a click now is the one a drag ended with.
+ */
+export declare const fillDragOn: (element: Element, offer: (fact: FillFact) => void) => {
+  readonly dispose: () => void;
+  readonly owns: (event: Event) => boolean;
+};
+//# sourceMappingURL=fillDrag.d.ts.map

package/dist/fillDrag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fillDrag.d.ts","names":[],"sources":["../src/fillDrag.ts"],"mappings":";qBAEa,iBAAe,OAAA;qBACf,iBAAe,OAAA;;;;qBAIf,eAAa,OAAA;;;;YAId,kBACD,gBAAgB,cAChB,gBAAgB,cAChB,cAAc;;qBAGZ;;;;;;;;;;;;;qBAsCA,aAAU,SACZ,SAAO,QACR,MAAM;WACF;WAA8B,OAAO,OAAO"}

package/dist/fillDrag.js

@@ -0,0 +1,178 @@
+import { Option, Schema } from "effect";
+// src/fillDrag.ts
+const FillDragStarted = Schema.TaggedStruct("FillDragStarted", {});
+const FillDraggedOver = Schema.TaggedStruct("FillDraggedOver", { 
+/** The DOM id of the gridcell under the pointer. */
+cell: Schema.String });
+const FillDragEnded = Schema.TaggedStruct("FillDragEnded", { 
+/** `false` when the pointer was cancelled or capture was lost. */
+completed: Schema.Boolean });
+/** The attribute that marks the fill handle, which the body's listener looks for. */
+const fillHandleAttribute = "data-fill-handle";
+/** How far a press moves before it is a fill, so a stray click fills nothing. */
+const threshold = 4;
+/** How near the grid's edge the pointer brings a scroll, and the fastest step a frame. */
+const edge = 24;
+const fastest = 20;
+/**
+* The fill handle dragged with the pointer, from the element that holds the
+* grid's cells, so the drag outlives the handle's own cell scrolling out of
+* the window. A press on the handle is kept from the cells (a press there
+* would select one instead). Once it has moved 4px the pointer is captured,
+* so the cell under it is found by where it is (`elementFromPoint`), not by
+* the event's target, which capture makes this element. While the pointer is
+* within 24px of the grid's edge, or past it, the grid scrolls toward it. The
+* listeners that follow the pointer, and the scroll, live for one press.
+*
+* Returns the cleanup, and whether a click now is the one a drag ended with.
+*/
+const fillDragOn = (element, offer) => {
+	const page = element.ownerDocument;
+	const view = page.defaultView;
+	let press = Option.none();
+	let dragEnded = false;
+	const pointerOf = (event) => event.pointerId ?? 0;
+	const grid = () => Option.fromNullishOr(element.closest("[role=\"grid\"]"));
+	const probe = ({ x, y }) => Option.match(grid(), {
+		onNone: () => ({
+			x,
+			y,
+			toward: {
+				x,
+				y
+			}
+		}),
+		onSome: (box) => {
+			const rect = box.getBoundingClientRect();
+			const header = box.querySelector("[role=\"row\"][aria-rowindex=\"1\"]");
+			const top = header === null ? rect.top : header.getBoundingClientRect().bottom;
+			const clamp = (at, from, to) => Math.max(from, Math.min(to, at));
+			const right = rect.left + box.clientWidth - 2;
+			const bottom = rect.top + box.clientHeight - 2;
+			return {
+				x: clamp(x, rect.left + 1, right),
+				y: clamp(y, top + 1, bottom),
+				toward: {
+					x: (rect.left + right) / 2,
+					y: (top + bottom) / 2
+				}
+			};
+		}
+	});
+	const cellAt = ({ x, y, toward }) => {
+		const steps = 48;
+		for (let step = 0; step <= steps; step++) {
+			const found = page.elementFromPoint(x + (toward.x - x) * step / steps, y + (toward.y - y) * step / steps)?.closest("[role=\"gridcell\"]");
+			if (found !== null && found !== void 0 && found.id !== "") return Option.some(found.id);
+		}
+		return Option.none();
+	};
+	const report = (current) => {
+		const found = cellAt(probe(current.at));
+		if (Option.isNone(found) || found.value === current.over) return;
+		current.over = found.value;
+		offer(FillDraggedOver.make({ cell: found.value }));
+	};
+	const stepOf = (at, start, end) => {
+		if (at < start + edge) return Math.max(-20, at - (start + edge));
+		if (at > end - edge) return Math.min(fastest, at - (end - edge));
+		return 0;
+	};
+	const scroll = (current) => {
+		current.frame = Option.none();
+		Option.match(grid(), {
+			onNone: () => {},
+			onSome: (box) => {
+				const rect = box.getBoundingClientRect();
+				const down = stepOf(current.at.y, rect.top, rect.bottom);
+				const across = stepOf(current.at.x, rect.left, rect.right);
+				if (down === 0 && across === 0) return;
+				report(current);
+				box.scrollBy(across, down);
+				if (view !== null) current.frame = Option.some(view.requestAnimationFrame(() => scroll(current)));
+			}
+		});
+	};
+	const release = (current) => {
+		page.removeEventListener("pointermove", onMove);
+		page.removeEventListener("pointerup", onUp);
+		page.removeEventListener("pointercancel", onCancel);
+		element.removeEventListener("lostpointercapture", onCancel);
+		if (Option.isSome(current.frame)) view?.cancelAnimationFrame(current.frame.value);
+		current.frame = Option.none();
+		if (!current.dragging) return;
+		try {
+			element.releasePointerCapture(current.pointerId);
+		} catch {}
+	};
+	const finish = (event, completed) => {
+		const found = Option.filter(press, (current) => current.pointerId === pointerOf(event));
+		if (Option.isNone(found)) return;
+		press = Option.none();
+		release(found.value);
+		if (!found.value.dragging) return;
+		dragEnded = true;
+		view?.setTimeout(() => dragEnded = false, 0);
+		offer(FillDragEnded.make({ completed }));
+	};
+	const onUp = (event) => finish(event, true);
+	const onCancel = (event) => finish(event, false);
+	const onMove = (event) => {
+		const found = Option.filter(press, (current) => current.pointerId === pointerOf(event));
+		if (Option.isNone(found)) return;
+		const current = found.value;
+		const pointer = event;
+		current.at = {
+			x: pointer.clientX ?? 0,
+			y: pointer.clientY ?? 0
+		};
+		if (!current.dragging) {
+			if (Math.max(Math.abs(current.at.x - current.x), Math.abs(current.at.y - current.y)) < threshold) return;
+			current.dragging = true;
+			try {
+				element.setPointerCapture(current.pointerId);
+			} catch {}
+			offer(FillDragStarted.make({}));
+		}
+		report(current);
+		if (Option.isNone(current.frame)) scroll(current);
+	};
+	const onDown = (event) => {
+		const pointer = event;
+		const from = event.target;
+		if (!(from instanceof Element) || from.closest(`[data-fill-handle]`) === null) return;
+		event.stopPropagation();
+		if ((pointer.button ?? 0) !== 0 || Option.isSome(press)) return;
+		event.preventDefault();
+		const x = pointer.clientX ?? 0;
+		const y = pointer.clientY ?? 0;
+		press = Option.some({
+			pointerId: pointerOf(event),
+			x,
+			y,
+			at: {
+				x,
+				y
+			},
+			dragging: false,
+			over: "",
+			frame: Option.none()
+		});
+		page.addEventListener("pointermove", onMove);
+		page.addEventListener("pointerup", onUp);
+		page.addEventListener("pointercancel", onCancel);
+		element.addEventListener("lostpointercapture", onCancel);
+	};
+	element.addEventListener("pointerdown", onDown);
+	return {
+		dispose: () => {
+			element.removeEventListener("pointerdown", onDown);
+			if (Option.isSome(press)) release(press.value);
+			press = Option.none();
+		},
+		owns: (event) => dragEnded || event.target instanceof Element && event.target.closest(`[data-fill-handle]`) !== null
+	};
+};
+export { FillDragEnded, FillDragStarted, FillDraggedOver, fillDragOn, fillHandleAttribute };
+
+//# sourceMappingURL=fillDrag.js.map

package/dist/fillDrag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fillDrag.js","names":[],"sources":["../src/fillDrag.ts"],"sourcesContent":["import { Option, Schema } from 'effect'\n\nexport const FillDragStarted = Schema.TaggedStruct('FillDragStarted', {})\nexport const FillDraggedOver = Schema.TaggedStruct('FillDraggedOver', {\n  /** The DOM id of the gridcell under the pointer. */\n  cell: Schema.String,\n})\nexport const FillDragEnded = Schema.TaggedStruct('FillDragEnded', {\n  /** `false` when the pointer was cancelled or capture was lost. */\n  completed: Schema.Boolean,\n})\nexport type FillFact =\n  | typeof FillDragStarted.Type\n  | typeof FillDraggedOver.Type\n  | typeof FillDragEnded.Type\n\n/** The attribute that marks the fill handle, which the body's listener looks for. */\nexport const fillHandleAttribute = 'data-fill-handle'\n\n/** How far a press moves before it is a fill, so a stray click fills nothing. */\nconst threshold = 4\n/** How near the grid's edge the pointer brings a scroll, and the fastest step a frame. */\nconst edge = 24\nconst fastest = 20\n\ntype PointerLike = Event & {\n  readonly pointerId?: number\n  readonly button?: number\n  readonly clientX?: number\n  readonly clientY?: number\n}\n\ninterface Press {\n  readonly pointerId: number\n  readonly x: number\n  readonly y: number\n  /** Where the pointer is now, for the scroll that runs while it stays near an edge. */\n  at: { x: number; y: number }\n  dragging: boolean\n  over: string\n  frame: Option.Option<number>\n}\n\n/**\n * The fill handle dragged with the pointer, from the element that holds the\n * grid's cells, so the drag outlives the handle's own cell scrolling out of\n * the window. A press on the handle is kept from the cells (a press there\n * would select one instead). Once it has moved 4px the pointer is captured,\n * so the cell under it is found by where it is (`elementFromPoint`), not by\n * the event's target, which capture makes this element. While the pointer is\n * within 24px of the grid's edge, or past it, the grid scrolls toward it. The\n * listeners that follow the pointer, and the scroll, live for one press.\n *\n * Returns the cleanup, and whether a click now is the one a drag ended with.\n */\nexport const fillDragOn = (\n  element: Element,\n  offer: (fact: FillFact) => void,\n): { readonly dispose: () => void; readonly owns: (event: Event) => boolean } => {\n  const page = element.ownerDocument\n  const view = page.defaultView\n  let press: Option.Option<Press> = Option.none()\n  // A drag ends with a click on the captured element, which is no click on a cell.\n  let dragEnded = false\n  const pointerOf = (event: Event) => (event as PointerLike).pointerId ?? 0\n  const grid = () => Option.fromNullishOr(element.closest<HTMLElement>('[role=\"grid\"]'))\n\n  // Where to look for the cell: the pointer, held inside the grid's cells, so a\n  // pointer past an edge (scrolling it) is over the cell at that edge. Below the\n  // header row, which the rows scroll under, and inside any scrollbar.\n  const probe = ({ x, y }: { readonly x: number; readonly y: number }) =>\n    Option.match(grid(), {\n      onNone: () => ({ x, y, toward: { x, y } }),\n      onSome: box => {\n        const rect = box.getBoundingClientRect()\n        const header = box.querySelector('[role=\"row\"][aria-rowindex=\"1\"]')\n        const top = header === null ? rect.top : header.getBoundingClientRect().bottom\n        const clamp = (at: number, from: number, to: number) => Math.max(from, Math.min(to, at))\n        const right = rect.left + box.clientWidth - 2\n        const bottom = rect.top + box.clientHeight - 2\n        return {\n          x: clamp(x, rect.left + 1, right),\n          y: clamp(y, top + 1, bottom),\n          toward: { x: (rect.left + right) / 2, y: (top + bottom) / 2 },\n        }\n      },\n    })\n  // A scroll can reach past the rows drawn for the frame before, leaving a strip\n  // at the edge with no cells: step toward the middle to the nearest drawn one.\n  const cellAt = ({ x, y, toward }: ReturnType<typeof probe>) => {\n    const steps = 48\n    for (let step = 0; step <= steps; step++) {\n      const found = page\n        .elementFromPoint(x + ((toward.x - x) * step) / steps, y + ((toward.y - y) * step) / steps)\n        ?.closest('[role=\"gridcell\"]')\n      if (found !== null && found !== undefined && found.id !== '') return Option.some(found.id)\n    }\n    return Option.none()\n  }\n  const report = (current: Press) => {\n    const found = cellAt(probe(current.at))\n    if (Option.isNone(found) || found.value === current.over) return\n    current.over = found.value\n    offer(FillDraggedOver.make({ cell: found.value }))\n  }\n  // How far to scroll this frame along one axis: toward an edge the pointer is near or past.\n  const stepOf = (at: number, start: number, end: number) => {\n    if (at < start + edge) return Math.max(-fastest, at - (start + edge))\n    if (at > end - edge) return Math.min(fastest, at - (end - edge))\n    return 0\n  }\n  const scroll = (current: Press) => {\n    current.frame = Option.none()\n    Option.match(grid(), {\n      onNone: () => {},\n      onSome: box => {\n        const rect = box.getBoundingClientRect()\n        const down = stepOf(current.at.y, rect.top, rect.bottom)\n        const across = stepOf(current.at.x, rect.left, rect.right)\n        if (down === 0 && across === 0) return\n        // The cell under the pointer as the last scroll drew it: a scroll draws\n        // its rows on the next frame, so what it brings in is read on that one.\n        report(current)\n        box.scrollBy(across, down)\n        if (view !== null) {\n          current.frame = Option.some(view.requestAnimationFrame(() => scroll(current)))\n        }\n      },\n    })\n  }\n\n  const release = (current: Press) => {\n    page.removeEventListener('pointermove', onMove)\n    page.removeEventListener('pointerup', onUp)\n    page.removeEventListener('pointercancel', onCancel)\n    element.removeEventListener('lostpointercapture', onCancel)\n    if (Option.isSome(current.frame)) view?.cancelAnimationFrame(current.frame.value)\n    current.frame = Option.none()\n    if (!current.dragging) return\n    try {\n      element.releasePointerCapture(current.pointerId)\n    } catch {\n      // Capture may already be gone.\n    }\n  }\n  const finish = (event: Event, completed: boolean) => {\n    const found = Option.filter(press, current => current.pointerId === pointerOf(event))\n    if (Option.isNone(found)) return\n    press = Option.none()\n    release(found.value)\n    if (!found.value.dragging) return\n    dragEnded = true\n    view?.setTimeout(() => (dragEnded = false), 0)\n    offer(FillDragEnded.make({ completed }))\n  }\n  const onUp = (event: Event) => finish(event, true)\n  const onCancel = (event: Event) => finish(event, false)\n  const onMove = (event: Event) => {\n    const found = Option.filter(press, current => current.pointerId === pointerOf(event))\n    if (Option.isNone(found)) return\n    const current = found.value\n    const pointer = event as PointerLike\n    current.at = { x: pointer.clientX ?? 0, y: pointer.clientY ?? 0 }\n    if (!current.dragging) {\n      const moved = Math.max(Math.abs(current.at.x - current.x), Math.abs(current.at.y - current.y))\n      if (moved < threshold) return\n      current.dragging = true\n      try {\n        element.setPointerCapture(current.pointerId)\n      } catch {\n        // Without capture the drag still follows the pointer on the page.\n      }\n      offer(FillDragStarted.make({}))\n    }\n    report(current)\n    if (Option.isNone(current.frame)) scroll(current)\n  }\n  const onDown = (event: Event) => {\n    const pointer = event as PointerLike\n    const from = event.target\n    if (!(from instanceof Element) || from.closest(`[${fillHandleAttribute}]`) === null) return\n    event.stopPropagation()\n    if ((pointer.button ?? 0) !== 0 || Option.isSome(press)) return\n    // No text selection, and no focus taken from the grid.\n    event.preventDefault()\n    const x = pointer.clientX ?? 0\n    const y = pointer.clientY ?? 0\n    press = Option.some({\n      pointerId: pointerOf(event),\n      x,\n      y,\n      at: { x, y },\n      dragging: false,\n      over: '',\n      frame: Option.none(),\n    })\n    page.addEventListener('pointermove', onMove)\n    page.addEventListener('pointerup', onUp)\n    page.addEventListener('pointercancel', onCancel)\n    element.addEventListener('lostpointercapture', onCancel)\n  }\n  element.addEventListener('pointerdown', onDown)\n  return {\n    dispose: () => {\n      element.removeEventListener('pointerdown', onDown)\n      if (Option.isSome(press)) release(press.value)\n      press = Option.none()\n    },\n    owns: event =>\n      dragEnded ||\n      (event.target instanceof Element &&\n        event.target.closest(`[${fillHandleAttribute}]`) !== null),\n  }\n}\n"],"mappings":"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"}

package/dist/headerDrag.d.ts

@@ -0,0 +1,34 @@
+import { Schema } from "effect";
+import * as Mount from "foldkit/mount";
+export declare const HeaderDragStarted: Schema.TaggedStruct<"HeaderDragStarted", {
+  /** The dragged columnheader's DOM id. */
+  readonly header: Schema.String;
+}>;
+export declare const HeaderDragged: Schema.TaggedStruct<"HeaderDragged", {
+  /** From where the pointer went down, in CSS pixels. */
+  readonly deltaX: Schema.Number;
+}>;
+export declare const HeaderDragEnded: Schema.TaggedStruct<"HeaderDragEnded", {
+  /** `false` when the pointer was cancelled or capture was lost. */
+  readonly completed: Schema.Boolean;
+}>;
+/**
+ * Column headers dragged with the pointer, from one listener on the row that
+ * holds them. A press on a header becomes a drag once it has moved 4px, and
+ * only then is the pointer captured, so a click (on a sort button, say) stays
+ * a click. A press on a resize handle, or in a column's open menu, is not a
+ * drag. The listeners that
+ * follow the pointer are attached for the length of a press. Where a drag
+ * lands is the grid's update.
+ */
+export declare const HeaderDrag: Mount.MountDefinitionNoArgs<"DataGridHeaderDrag", {
+  readonly _tag: "HeaderDragStarted";
+  readonly header: string;
+} | {
+  readonly _tag: "HeaderDragged";
+  readonly deltaX: number;
+} | {
+  readonly _tag: "HeaderDragEnded";
+  readonly completed: boolean;
+}>;
+//# sourceMappingURL=headerDrag.d.ts.map

package/dist/headerDrag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"headerDrag.d.ts","names":[],"sources":["../src/headerDrag.ts"],"mappings":";;qBAGa,mBAAiB,OAAA;;;;qBAIjB,eAAa,OAAA;;;;qBAIb,iBAAe,OAAA;;;;;;;;;;;;;qBA+Bf,YAAU,MAAA"}

package/dist/headerDrag.js

@@ -0,0 +1,112 @@
+import { Effect, Option, Queue, Schema, Stream } from "effect";
+import * as Mount from "foldkit/mount";
+// src/headerDrag.ts
+const HeaderDragStarted = Schema.TaggedStruct("HeaderDragStarted", { 
+/** The dragged columnheader's DOM id. */
+header: Schema.String });
+const HeaderDragged = Schema.TaggedStruct("HeaderDragged", { 
+/** From where the pointer went down, in CSS pixels. */
+deltaX: Schema.Number });
+const HeaderDragEnded = Schema.TaggedStruct("HeaderDragEnded", { 
+/** `false` when the pointer was cancelled or capture was lost. */
+completed: Schema.Boolean });
+/** How far a press moves before it is a drag, so a click on a header stays a click. */
+const threshold = 4;
+/**
+* Column headers dragged with the pointer, from one listener on the row that
+* holds them. A press on a header becomes a drag once it has moved 4px, and
+* only then is the pointer captured, so a click (on a sort button, say) stays
+* a click. A press on a resize handle, or in a column's open menu, is not a
+* drag. The listeners that
+* follow the pointer are attached for the length of a press. Where a drag
+* lands is the grid's update.
+*/
+const HeaderDrag = Mount.defineStream("DataGridHeaderDrag", {
+	messages: [
+		HeaderDragStarted,
+		HeaderDragged,
+		HeaderDragEnded
+	],
+	execute: ({ element }) => Stream.callback((queue) => Effect.acquireRelease(Effect.sync(() => {
+		const page = element.ownerDocument;
+		let press = Option.none();
+		const offer = (fact) => Queue.offerUnsafe(queue, fact);
+		const swallow = (event) => {
+			event.stopPropagation();
+			event.preventDefault();
+		};
+		const release = (current) => {
+			page.removeEventListener("pointermove", onMove);
+			page.removeEventListener("pointerup", onUp);
+			page.removeEventListener("pointercancel", onCancel);
+			element.removeEventListener("lostpointercapture", onCancel);
+			if (!current.dragging) return;
+			try {
+				element.releasePointerCapture(current.pointerId);
+			} catch {}
+		};
+		const pressOf = (event) => Option.filter(press, (current) => current.pointerId === (event.pointerId ?? 0));
+		const finish = (event, completed) => {
+			const found = pressOf(event);
+			if (Option.isNone(found)) return;
+			const current = found.value;
+			press = Option.none();
+			release(current);
+			if (!current.dragging) return;
+			offer(HeaderDragEnded.make({ completed }));
+			element.addEventListener("click", swallow, {
+				capture: true,
+				once: true
+			});
+			setTimeout(() => element.removeEventListener("click", swallow, true), 0);
+		};
+		const onUp = (event) => finish(event, true);
+		const onCancel = (event) => finish(event, false);
+		const onMove = (event) => {
+			const found = pressOf(event);
+			if (Option.isNone(found)) return;
+			const current = found.value;
+			const deltaX = (event.clientX ?? 0) - current.x;
+			if (!current.dragging) {
+				if (Math.abs(deltaX) < threshold) return;
+				current.dragging = true;
+				try {
+					element.setPointerCapture(current.pointerId);
+				} catch {}
+				offer(HeaderDragStarted.make({ header: current.header }));
+			}
+			offer(HeaderDragged.make({ deltaX }));
+		};
+		const onDown = (event) => {
+			const pointer = event;
+			const from = event.target;
+			if ((pointer.button ?? 0) !== 0 || Option.isSome(press)) return;
+			if (!(from instanceof Element) || from.closest("[role=\"separator\"], [role=\"menu\"]")) return;
+			const header = from.closest("[role=\"columnheader\"]");
+			if (header === null || !element.contains(header) || header.id === "") return;
+			press = Option.some({
+				pointerId: pointer.pointerId ?? 0,
+				x: pointer.clientX ?? 0,
+				header: header.id,
+				dragging: false
+			});
+			page.addEventListener("pointermove", onMove);
+			page.addEventListener("pointerup", onUp);
+			page.addEventListener("pointercancel", onCancel);
+			element.addEventListener("lostpointercapture", onCancel);
+		};
+		element.addEventListener("pointerdown", onDown);
+		return {
+			onDown,
+			current: () => press,
+			release
+		};
+	}), ({ onDown, current, release }) => Effect.sync(() => {
+		element.removeEventListener("pointerdown", onDown);
+		const left = current();
+		if (Option.isSome(left)) release(left.value);
+	})))
+});
+export { HeaderDrag, HeaderDragEnded, HeaderDragStarted, HeaderDragged };
+
+//# sourceMappingURL=headerDrag.js.map

package/dist/headerDrag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headerDrag.js","names":[],"sources":["../src/headerDrag.ts"],"sourcesContent":["import { Effect, Option, Queue, Schema, Stream } from 'effect'\nimport * as Mount from 'foldkit/mount'\n\nexport const HeaderDragStarted = Schema.TaggedStruct('HeaderDragStarted', {\n  /** The dragged columnheader's DOM id. */\n  header: Schema.String,\n})\nexport const HeaderDragged = Schema.TaggedStruct('HeaderDragged', {\n  /** From where the pointer went down, in CSS pixels. */\n  deltaX: Schema.Number,\n})\nexport const HeaderDragEnded = Schema.TaggedStruct('HeaderDragEnded', {\n  /** `false` when the pointer was cancelled or capture was lost. */\n  completed: Schema.Boolean,\n})\ntype Fact = typeof HeaderDragStarted.Type | typeof HeaderDragged.Type | typeof HeaderDragEnded.Type\n\n/** How far a press moves before it is a drag, so a click on a header stays a click. */\nconst threshold = 4\n\ntype PointerLike = Event & {\n  readonly pointerId?: number\n  readonly button?: number\n  readonly clientX?: number\n}\n\ninterface Press {\n  readonly pointerId: number\n  readonly x: number\n  readonly header: string\n  dragging: boolean\n}\n\n/**\n * Column headers dragged with the pointer, from one listener on the row that\n * holds them. A press on a header becomes a drag once it has moved 4px, and\n * only then is the pointer captured, so a click (on a sort button, say) stays\n * a click. A press on a resize handle, or in a column's open menu, is not a\n * drag. The listeners that\n * follow the pointer are attached for the length of a press. Where a drag\n * lands is the grid's update.\n */\nexport const HeaderDrag = Mount.defineStream('DataGridHeaderDrag', {\n  messages: [HeaderDragStarted, HeaderDragged, HeaderDragEnded],\n  execute: ({ element }) =>\n    Stream.callback<Fact>(queue =>\n      Effect.acquireRelease(\n        Effect.sync(() => {\n          const page = element.ownerDocument\n          let press: Option.Option<Press> = Option.none()\n          const offer = (fact: Fact) => Queue.offerUnsafe(queue, fact)\n          // Without capture the browser may click the button the drag began\n          // on; a click straight after a drag is the drag's, not the button's.\n          const swallow = (event: Event) => {\n            event.stopPropagation()\n            event.preventDefault()\n          }\n          const release = (current: Press) => {\n            page.removeEventListener('pointermove', onMove)\n            page.removeEventListener('pointerup', onUp)\n            page.removeEventListener('pointercancel', onCancel)\n            element.removeEventListener('lostpointercapture', onCancel)\n            if (!current.dragging) return\n            try {\n              element.releasePointerCapture(current.pointerId)\n            } catch {\n              // Capture may already be gone.\n            }\n          }\n          // The press this event's pointer made, if one is under way.\n          const pressOf = (event: Event): Option.Option<Press> =>\n            Option.filter(\n              press,\n              current => current.pointerId === ((event as PointerLike).pointerId ?? 0),\n            )\n          const finish = (event: Event, completed: boolean) => {\n            const found = pressOf(event)\n            if (Option.isNone(found)) return\n            const current = found.value\n            press = Option.none()\n            release(current)\n            if (!current.dragging) return\n            offer(HeaderDragEnded.make({ completed }))\n            element.addEventListener('click', swallow, { capture: true, once: true })\n            setTimeout(() => element.removeEventListener('click', swallow, true), 0)\n          }\n          const onUp = (event: Event) => finish(event, true)\n          const onCancel = (event: Event) => finish(event, false)\n          const onMove = (event: Event) => {\n            const found = pressOf(event)\n            if (Option.isNone(found)) return\n            const current = found.value\n            const deltaX = ((event as PointerLike).clientX ?? 0) - current.x\n            if (!current.dragging) {\n              if (Math.abs(deltaX) < threshold) return\n              current.dragging = true\n              try {\n                element.setPointerCapture(current.pointerId)\n              } catch {\n                // Without capture the drag still follows the pointer on the page.\n              }\n              offer(HeaderDragStarted.make({ header: current.header }))\n            }\n            offer(HeaderDragged.make({ deltaX }))\n          }\n          const onDown = (event: Event) => {\n            const pointer = event as PointerLike\n            const from = event.target\n            if ((pointer.button ?? 0) !== 0 || Option.isSome(press)) return\n            // A resize handle's press is the handle's, and an open menu's its own.\n            if (!(from instanceof Element) || from.closest('[role=\"separator\"], [role=\"menu\"]')) {\n              return\n            }\n            const header = from.closest('[role=\"columnheader\"]')\n            if (header === null || !element.contains(header) || header.id === '') return\n            press = Option.some({\n              pointerId: pointer.pointerId ?? 0,\n              x: pointer.clientX ?? 0,\n              header: header.id,\n              dragging: false,\n            })\n            page.addEventListener('pointermove', onMove)\n            page.addEventListener('pointerup', onUp)\n            page.addEventListener('pointercancel', onCancel)\n            element.addEventListener('lostpointercapture', onCancel)\n          }\n          element.addEventListener('pointerdown', onDown)\n          return { onDown, current: () => press, release }\n        }),\n        ({ onDown, current, release }) =>\n          Effect.sync(() => {\n            element.removeEventListener('pointerdown', onDown)\n            const left = current()\n            if (Option.isSome(left)) release(left.value)\n          }),\n      ),\n    ),\n})\n"],"mappings":"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"}

package/dist/holdFocus.d.ts

@@ -0,0 +1,11 @@
+import * as Mount from "foldkit/mount";
+/**
+ * Focuses what the grid draws over itself while it is open (a cell's editor,
+ * with the caret after its text, or a column's menu) and hands focus back to
+ * the grid when it goes, so closing it leaves the keyboard on the grid rather
+ * than on the page's body. Focus the user moved elsewhere stays there. A
+ * choice's `select` also opens its list, so a double-click on the cell shows
+ * the choices at once rather than asking for another click.
+ */
+export declare const HoldFocus: Mount.MountDefinitionNoArgs<"DataGridHoldFocus", never>;
+//# sourceMappingURL=holdFocus.d.ts.map

package/dist/holdFocus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"holdFocus.d.ts","names":[],"sources":["../src/holdFocus.ts"],"mappings":";;;;;;;;;qBAkBa,WAAS,MAAA"}

package/dist/holdFocus.js

@@ -0,0 +1,31 @@
+import { Effect, Schema, Stream } from "effect";
+import * as Mount from "foldkit/mount";
+// src/holdFocus.ts
+/**
+* Focuses what the grid draws over itself while it is open (a cell's editor,
+* with the caret after its text, or a column's menu) and hands focus back to
+* the grid when it goes, so closing it leaves the keyboard on the grid rather
+* than on the page's body. Focus the user moved elsewhere stays there. A
+* choice's `select` also opens its list, so a double-click on the cell shows
+* the choices at once rather than asking for another click.
+*/
+const HoldFocus = Mount.defineStream("DataGridHoldFocus", {
+	messages: [Schema.Never],
+	execute: ({ element }) => Stream.callback(() => Effect.acquireRelease(Effect.sync(() => {
+		const editor = element;
+		const grid = element.closest("[role=\"grid\"]");
+		editor.focus?.();
+		const end = editor.value?.length ?? 0;
+		editor.setSelectionRange?.(end, end);
+		if (element.tagName === "SELECT") try {
+			editor.showPicker?.();
+		} catch {}
+		return grid;
+	}), (grid) => Effect.sync(() => {
+		const active = typeof document === "undefined" ? null : document.activeElement;
+		if (active === null || active === element || active === document.body) grid?.focus?.();
+	})))
+});
+export { HoldFocus };
+
+//# sourceMappingURL=holdFocus.js.map

package/dist/holdFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"holdFocus.js","names":[],"sources":["../src/holdFocus.ts"],"sourcesContent":["import { Effect, Schema, Stream } from 'effect'\nimport * as Mount from 'foldkit/mount'\n\ntype Editable = Element & {\n  readonly value?: string\n  readonly focus?: () => void\n  readonly setSelectionRange?: (start: number, end: number) => void\n  readonly showPicker?: () => void\n}\n\n/**\n * Focuses what the grid draws over itself while it is open (a cell's editor,\n * with the caret after its text, or a column's menu) and hands focus back to\n * the grid when it goes, so closing it leaves the keyboard on the grid rather\n * than on the page's body. Focus the user moved elsewhere stays there. A\n * choice's `select` also opens its list, so a double-click on the cell shows\n * the choices at once rather than asking for another click.\n */\nexport const HoldFocus = Mount.defineStream('DataGridHoldFocus', {\n  messages: [Schema.Never],\n  execute: ({ element }) =>\n    Stream.callback<never>(() =>\n      Effect.acquireRelease(\n        Effect.sync(() => {\n          const editor = element as Editable\n          const grid = element.closest('[role=\"grid\"]') as (Element & { focus?: () => void }) | null\n          editor.focus?.()\n          const end = editor.value?.length ?? 0\n          editor.setSelectionRange?.(end, end)\n          if (element.tagName === 'SELECT') {\n            try {\n              editor.showPicker?.()\n            } catch {\n              // Refused without a user's gesture to answer: the select is focused,\n              // and its list opens with a click or Alt+ArrowDown.\n            }\n          }\n          return grid\n        }),\n        grid =>\n          Effect.sync(() => {\n            const active = typeof document === 'undefined' ? null : document.activeElement\n            if (active === null || active === element || active === document.body) grid?.focus?.()\n          }),\n      ),\n    ),\n})\n"],"mappings":";;;;;;;;;;;AAkBA,MAAa,YAAY,MAAM,aAAa,qBAAqB;CAC/D,UAAU,CAAC,OAAO,KAAK;CACvB,UAAU,EAAE,cACV,OAAO,eACL,OAAO,eACL,OAAO,WAAW;EAChB,MAAM,SAAS;EACf,MAAM,OAAO,QAAQ,QAAQ,iBAAe;EAC5C,OAAO,QAAQ;EACf,MAAM,MAAM,OAAO,OAAO,UAAU;EACpC,OAAO,oBAAoB,KAAK,GAAG;EACnC,IAAI,QAAQ,YAAY,UACtB,IAAI;GACF,OAAO,aAAa;EACtB,QAAQ,CAGR;EAEF,OAAO;CACT,CAAC,IACD,SACE,OAAO,WAAW;EAChB,MAAM,SAAS,OAAO,aAAa,cAAc,OAAO,SAAS;EACjE,IAAI,WAAW,QAAQ,WAAW,WAAW,WAAW,SAAS,MAAM,MAAM,QAAQ;CACvF,CAAC,CACL,CACF;AACJ,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import { GridSlots } from "./slots.js";
+import { GridStyle } from "./style.js";
+import { MoreOnScroll } from "./moreOnScroll.js";
+import { GridLegend, GridLegendInput, GridLegendSlots, GridLegendStyle, GridLegendWords, GridMark, GridMarkStyle, GridMarks } from "./marks.js";
+import { CellMark, ColumnSort, DataGridView, GridInput, GridWords } from "./view.js";
+export { type CellMark, type ColumnSort, DataGridView, type GridInput, GridLegend, type GridLegendInput, GridLegendSlots, GridLegendStyle, type GridLegendWords, type GridMark, GridMarkStyle, GridMarks, GridSlots, GridStyle, type GridWords, MoreOnScroll };

package/dist/index.js

@@ -0,0 +1,6 @@
+import { GridSlots } from "./slots.js";
+import { GridStyle } from "./style.js";
+import { MoreOnScroll } from "./moreOnScroll.js";
+import { GridLegend, GridLegendSlots, GridLegendStyle, GridMarkStyle, GridMarks } from "./marks.js";
+import { DataGridView } from "./view.js";
+export { DataGridView, GridLegend, GridLegendSlots, GridLegendStyle, GridMarkStyle, GridMarks, GridSlots, GridStyle, MoreOnScroll };

package/dist/keepFocus.d.ts

@@ -0,0 +1,9 @@
+import * as Mount from "foldkit/mount";
+/**
+ * Keeps focus where it is when a press lands on the element: a choice's list
+ * sits beside its combobox, so a press on an option would otherwise blur the
+ * combobox, which commits the old draft before the option's click arrives.
+ * Attached only while the list is open.
+ */
+export declare const KeepFocus: Mount.MountDefinitionNoArgs<"DataGridKeepFocus", never>;
+//# sourceMappingURL=keepFocus.d.ts.map

package/dist/keepFocus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keepFocus.d.ts","names":[],"sources":["../src/keepFocus.ts"],"mappings":";;;;;;;qBASa,WAAS,MAAA"}

package/dist/keepFocus.js

@@ -0,0 +1,20 @@
+import { Effect, Schema, Stream } from "effect";
+import * as Mount from "foldkit/mount";
+// src/keepFocus.ts
+/**
+* Keeps focus where it is when a press lands on the element: a choice's list
+* sits beside its combobox, so a press on an option would otherwise blur the
+* combobox, which commits the old draft before the option's click arrives.
+* Attached only while the list is open.
+*/
+const KeepFocus = Mount.defineStream("DataGridKeepFocus", {
+	messages: [Schema.Never],
+	execute: ({ element }) => Stream.callback(() => Effect.acquireRelease(Effect.sync(() => {
+		const keep = (event) => event.preventDefault();
+		element.addEventListener("mousedown", keep);
+		return keep;
+	}), (keep) => Effect.sync(() => element.removeEventListener("mousedown", keep))))
+});
+export { KeepFocus };
+
+//# sourceMappingURL=keepFocus.js.map

package/dist/keepFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keepFocus.js","names":[],"sources":["../src/keepFocus.ts"],"sourcesContent":["import { Effect, Schema, Stream } from 'effect'\nimport * as Mount from 'foldkit/mount'\n\n/**\n * Keeps focus where it is when a press lands on the element: a choice's list\n * sits beside its combobox, so a press on an option would otherwise blur the\n * combobox, which commits the old draft before the option's click arrives.\n * Attached only while the list is open.\n */\nexport const KeepFocus = Mount.defineStream('DataGridKeepFocus', {\n  messages: [Schema.Never],\n  execute: ({ element }) =>\n    Stream.callback<never>(() =>\n      Effect.acquireRelease(\n        Effect.sync(() => {\n          const keep = (event: Event) => event.preventDefault()\n          element.addEventListener('mousedown', keep)\n          return keep\n        }),\n        keep => Effect.sync(() => element.removeEventListener('mousedown', keep)),\n      ),\n    ),\n})\n"],"mappings":";;;;;;;;;AASA,MAAa,YAAY,MAAM,aAAa,qBAAqB;CAC/D,UAAU,CAAC,OAAO,KAAK;CACvB,UAAU,EAAE,cACV,OAAO,eACL,OAAO,eACL,OAAO,WAAW;EAChB,MAAM,QAAQ,UAAiB,MAAM,eAAe;EACpD,QAAQ,iBAAiB,aAAa,IAAI;EAC1C,OAAO;CACT,CAAC,IACD,SAAQ,OAAO,WAAW,QAAQ,oBAAoB,aAAa,IAAI,CAAC,CAC1E,CACF;AACJ,CAAC"}

package/dist/marks.d.ts

@@ -0,0 +1,69 @@
+import { Attr, Slot, SlotView, Slots } from "foldkit-mixins";
+export declare const GridMarks: readonly ['pending', 'saved', 'refused', 'replaced', 'peer'];
+export type GridMark = (typeof GridMarks)[number];
+export declare const GridLegendSlots: Slots.Contract<{
+  /** The list: labelled, so a screen reader names what the marks are. */
+  readonly legend: Slot.UnnamedSlot<Slot.SlotCapability, readonly Slot.EventName[], readonly [Attr.AttrToken<"aria-label">], readonly Slot.RequirementName[], boolean>;
+  /** One mark and its words. */
+  readonly legendItem: Slot.UnnamedSlot<Slot.SlotCapability, readonly Slot.EventName[], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>;
+  /** The mark drawn small, as the cells draw it (`data-mark`), hidden from screen readers. */
+  readonly legendSwatch: Slot.UnnamedSlot<Slot.SlotCapability, readonly Slot.EventName[], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>;
+}>;
+/** The words for each mark, and the legend's own label. */
+export interface GridLegendWords {
+  readonly label: string;
+  readonly marks: Readonly<Record<GridMark, string>>;
+}
+export interface GridLegendInput {
+  /** The marks to explain, in order; all five when omitted. */
+  readonly marks?: ReadonlyArray<GridMark>;
+  readonly words?: GridLegendWords;
+}
+/**
+ * A legend of the marks, each beside a swatch drawn by the same rules as the
+ * cells (`GridMarkStyle` styles both), so the two cannot drift apart.
+ */
+export declare const GridLegend: <Message>() => SlotView.SlotView<Slots.Contract<{
+  /** The list: labelled, so a screen reader names what the marks are. */
+  readonly legend: Slot.UnnamedSlot<Slot.SlotCapability, readonly Slot.EventName[], readonly [Attr.AttrToken<"aria-label">], readonly Slot.RequirementName[], boolean>;
+  /** One mark and its words. */
+  readonly legendItem: Slot.UnnamedSlot<Slot.SlotCapability, readonly Slot.EventName[], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>;
+  /** The mark drawn small, as the cells draw it (`data-mark`), hidden from screen readers. */
+  readonly legendSwatch: Slot.UnnamedSlot<Slot.SlotCapability, readonly Slot.EventName[], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>;
+}>, GridLegendInput, Message>;
+/** The marks on the grid's cells. Attach after `GridStyle`, whose plain dot it replaces by name. */
+export declare const GridMarkStyle: import("foldkit-mixins").NamedStyle<Slots.Contract<{
+  readonly root: Slot.UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Focusable", readonly [import("foldkit-mixins").CapabilityShape<"Interactive", readonly [import("foldkit-mixins").CapabilityShape<"Base", readonly []>]>]>, readonly [import("foldkit-mixins").EventToken<"keydown">], readonly [Attr.AttrToken<"role">, Attr.AttrToken<"aria-label">, Attr.AttrToken<"aria-rowcount">, Attr.AttrToken<"aria-colcount">, Attr.AttrToken<"aria-activedescendant">], readonly Slot.RequirementName[], boolean>;
+  readonly header: Slot.UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Container", readonly [import("foldkit-mixins").CapabilityShape<"Interactive", readonly [import("foldkit-mixins").CapabilityShape<"Base", readonly []>]>]>, readonly Slot.EventName[], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>;
+  readonly headerRow: Slot.UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Container", readonly [import("foldkit-mixins").CapabilityShape<"Interactive", readonly [import("foldkit-mixins").CapabilityShape<"Base", readonly []>]>]>, readonly Slot.EventName[], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>;
+  readonly headerCell: Slot.UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Base", readonly []>, readonly Slot.EventName[], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>;
+  readonly resizeHandle: Slot.UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Focusable", readonly [import("foldkit-mixins").CapabilityShape<"Interactive", readonly [import("foldkit-mixins").CapabilityShape<"Base", readonly []>]>]>, readonly [import("foldkit-mixins").EventToken<"keydown">], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>;
+  readonly body: Slot.UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Container", readonly [import("foldkit-mixins").CapabilityShape<"Interactive", readonly [import("foldkit-mixins").CapabilityShape<"Base", readonly []>]>]>, readonly Slot.EventName[], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>;
+  readonly row: Slot.UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Container", readonly [import("foldkit-mixins").CapabilityShape<"Interactive", readonly [import("foldkit-mixins").CapabilityShape<"Base", readonly []>]>]>, readonly Slot.EventName[], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>;
+  readonly cell: Slot.UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Base", readonly []>, readonly [import("foldkit-mixins").EventToken<"mousedown">], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>;
+  readonly placeholder: Slot.UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Base", readonly []>, readonly Slot.EventName[], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>;
+  readonly editor: Slot.UnnamedSlot<import("foldkit-mixins").CapabilityShape<"TextInput", readonly [import("foldkit-mixins").CapabilityShape<"Focusable", readonly [import("foldkit-mixins").CapabilityShape<"Interactive", readonly [import("foldkit-mixins").CapabilityShape<"Base", readonly []>]>]>]>, readonly [import("foldkit-mixins").EventToken<"input">, import("foldkit-mixins").EventToken<"keydown">, import("foldkit-mixins").EventToken<"blur">], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>;
+  readonly editorError: Slot.UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Base", readonly []>, readonly Slot.EventName[], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>;
+  readonly choice: Slot.UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Focusable", readonly [import("foldkit-mixins").CapabilityShape<"Interactive", readonly [import("foldkit-mixins").CapabilityShape<"Base", readonly []>]>]>, readonly [import("foldkit-mixins").EventToken<"change">, import("foldkit-mixins").EventToken<"keydown">, import("foldkit-mixins").EventToken<"blur">], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>;
+  readonly choiceList: Slot.UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Base", readonly []>, readonly Slot.EventName[], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>;
+  readonly choiceOption: Slot.UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Base", readonly []>, readonly [import("foldkit-mixins").EventToken<"click">], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>;
+  readonly status: Slot.UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Base", readonly []>, readonly Slot.EventName[], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>;
+  readonly menuButton: Slot.UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Interactive", readonly [import("foldkit-mixins").CapabilityShape<"Base", readonly []>]>, readonly [import("foldkit-mixins").EventToken<"click">], readonly [Attr.AttrToken<"aria-label">], readonly Slot.RequirementName[], boolean>;
+  readonly menu: Slot.UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Focusable", readonly [import("foldkit-mixins").CapabilityShape<"Interactive", readonly [import("foldkit-mixins").CapabilityShape<"Base", readonly []>]>]>, readonly [import("foldkit-mixins").EventToken<"keydown">], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>;
+  readonly menuItem: Slot.UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Base", readonly []>, readonly [import("foldkit-mixins").EventToken<"click">], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>;
+  readonly sort: Slot.UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Interactive", readonly [import("foldkit-mixins").CapabilityShape<"Base", readonly []>]>, readonly [import("foldkit-mixins").EventToken<"click">], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>;
+  readonly fillHandle: Slot.UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Base", readonly []>, readonly Slot.EventName[], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>;
+  readonly footer: Slot.UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Container", readonly [import("foldkit-mixins").CapabilityShape<"Interactive", readonly [import("foldkit-mixins").CapabilityShape<"Base", readonly []>]>]>, readonly Slot.EventName[], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>;
+  readonly retry: Slot.UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Interactive", readonly [import("foldkit-mixins").CapabilityShape<"Base", readonly []>]>, readonly [import("foldkit-mixins").EventToken<"click">], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>;
+  readonly more: Slot.UnnamedSlot<import("foldkit-mixins").CapabilityShape<"Interactive", readonly [import("foldkit-mixins").CapabilityShape<"Base", readonly []>]>, readonly [import("foldkit-mixins").EventToken<"click">], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>;
+}>>;
+/** The legend's look, its swatches drawn by the cells' own rules. */
+export declare const GridLegendStyle: import("foldkit-mixins").NamedStyle<Slots.Contract<{
+  /** The list: labelled, so a screen reader names what the marks are. */
+  readonly legend: Slot.UnnamedSlot<Slot.SlotCapability, readonly Slot.EventName[], readonly [Attr.AttrToken<"aria-label">], readonly Slot.RequirementName[], boolean>;
+  /** One mark and its words. */
+  readonly legendItem: Slot.UnnamedSlot<Slot.SlotCapability, readonly Slot.EventName[], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>;
+  /** The mark drawn small, as the cells draw it (`data-mark`), hidden from screen readers. */
+  readonly legendSwatch: Slot.UnnamedSlot<Slot.SlotCapability, readonly Slot.EventName[], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>;
+}>>;
+//# sourceMappingURL=marks.d.ts.map

package/dist/marks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"marks.d.ts","names":[],"sources":["../src/marks.ts"],"mappings":";qBAYa;YACD,mBAAmB;qBAmClB,iBAAe,MAAA;;;;;;;;;iBAUX;WACN;WACA,OAAO,SAAS,OAAO;;iBAcjB;;WAEN,QAAQ,cAAc;WACtB,QAAQ;;;;;;qBAON,aAAc,cAAO,SAAA,SAAA,MAAA;;;;;;;IAkB/B,iBAAA;;qBAGU,wCAAa,WAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;qBAMb,0CAAe,WAAA,MAAA"}