@xsynaptic/sonic-ui 0.4.0 → 0.6.0

package/dist/dev/lib/distribute.js

@@ -0,0 +1,216 @@
+import { clamp, trimFloat } from "./math.js";
+
+//#region src/lib/distribute.ts
+const epsilon = 1e-9;
+function sumOf(values) {
+	return values.reduce((total, value) => total + value, 0);
+}
+function others(members, index) {
+	return members.filter((_member, at) => at !== index);
+}
+function splitLimits(members, index, total) {
+	const member = members[index];
+	if (!member) return [NaN, NaN];
+	const rest = others(members, index);
+	const free = rest.filter((other) => other.isFree);
+	if (free.length === 0) return [member.value, member.value];
+	const room = total - sumOf(rest.filter((other) => !other.isFree).map((other) => other.value));
+	return [Math.max(member.min, room - sumOf(free.map((other) => other.max))), Math.min(member.max, room - sumOf(free.map((other) => other.min)))];
+}
+function spreadWeighted(owed, pool) {
+	const shares = /* @__PURE__ */ new Map();
+	let remaining = owed;
+	let active = [...pool];
+	while (active.length > 0 && Math.abs(remaining) > epsilon) {
+		const weights = sumOf(active.map(({ weight }) => weight));
+		const count = active.length;
+		const shareOf = (entry) => remaining * (weights > 0 ? entry.weight / weights : 1 / count);
+		const full = active.filter((entry) => Math.abs(shareOf(entry)) >= entry.room);
+		if (full.length === 0) {
+			for (const entry of active) shares.set(entry.index, shareOf(entry));
+			break;
+		}
+		const sign = Math.sign(remaining);
+		for (const entry of full) {
+			shares.set(entry.index, sign * entry.room);
+			remaining -= sign * entry.room;
+		}
+		active = active.filter((entry) => !full.includes(entry));
+	}
+	return shares;
+}
+function spreadInOrder(owed, pool) {
+	const shares = /* @__PURE__ */ new Map();
+	let remaining = owed;
+	for (const entry of pool) {
+		if (Math.abs(remaining) <= epsilon) break;
+		const share = Math.sign(remaining) * Math.min(entry.room, Math.abs(remaining));
+		shares.set(entry.index, share);
+		remaining -= share;
+	}
+	return shares;
+}
+function poolOrder(members, index) {
+	const count = members.length;
+	const start = index + 1;
+	return Array.from({ length: count }, (_entry, offset) => (start + offset) % count).filter((at) => at !== index && members[at]?.isFree === true);
+}
+function stepWithin(member, from, owed) {
+	const next = member.stepFrom(from, owed > 0 ? 1 : -1);
+	const change = trimFloat(next - from);
+	const isInside = next >= member.min && next <= member.max;
+	return change !== 0 && isInside && Math.abs(change) <= Math.abs(owed) + epsilon ? next : void 0;
+}
+function stepToward(member, from, owed) {
+	let value = from;
+	let remainder = owed;
+	while (Math.abs(remainder) > epsilon) {
+		const next = stepWithin(member, value, remainder);
+		if (next === void 0) break;
+		remainder = trimFloat(remainder - (next - value));
+		value = next;
+	}
+	return value;
+}
+function byShortfall(values, { exact, order }, direction) {
+	const shortfall = (index) => {
+		const value = values[index] ?? NaN;
+		return trimFloat(direction * ((exact.get(index) ?? value) - value));
+	};
+	return order.toReversed().toSorted((first, second) => shortfall(second) - shortfall(first));
+}
+function stepEach(members, values, pass) {
+	let remainder = pass.owed;
+	for (const index of pass.neediest) {
+		const member = members[index];
+		const value = values[index];
+		const next = member && value !== void 0 ? stepWithin(member, value, remainder) : void 0;
+		if (value === void 0 || next === void 0) continue;
+		values[index] = next;
+		remainder = trimFloat(remainder - (next - value));
+	}
+	return remainder;
+}
+function settle(members, values, settling) {
+	let remainder = trimFloat(settling.total - sumOf(values));
+	let before = NaN;
+	while (remainder !== before && Math.abs(remainder) > epsilon) {
+		before = remainder;
+		remainder = stepEach(members, values, {
+			neediest: byShortfall(values, settling, Math.sign(remainder)),
+			owed: remainder
+		});
+	}
+	return remainder;
+}
+function pooled(members, order, owed) {
+	return order.flatMap((at) => {
+		const member = members[at];
+		if (!member) return [];
+		const room = owed > 0 ? member.max - member.value : member.value - member.min;
+		return [{
+			index: at,
+			room: Math.max(0, room),
+			weight: member.value - member.min
+		}];
+	});
+}
+function shares(pool, owed, mode) {
+	if (mode === "cascade") return spreadInOrder(owed, pool);
+	if (mode === "equal") return spreadWeighted(owed, pool.map((entry) => ({
+		...entry,
+		weight: 1
+	})));
+	return spreadWeighted(owed, pool);
+}
+function landMover(members, values, move) {
+	const { index, target, total } = move;
+	const mover = members[index];
+	if (!mover?.isFree || !Number.isFinite(target)) return void 0;
+	const next = mover.snap(clamp(target, ...splitLimits(members, index, total)));
+	values[index] = next;
+	return mover.value - next;
+}
+function landShares(members, values, spread) {
+	const exact = /* @__PURE__ */ new Map();
+	for (const [at, share] of spread) {
+		const member = members[at];
+		if (!member) continue;
+		exact.set(at, member.value + share);
+		values[at] = clamp(member.snap(member.value + share), member.min, member.max);
+	}
+	return exact;
+}
+function spread(members, rule, move) {
+	const values = members.map(({ value }) => value);
+	const owed = move ? landMover(members, values, {
+		...move,
+		total: rule.total
+	}) : rule.total - sumOf(values);
+	if (owed === void 0) return void 0;
+	const order = poolOrder(members, move?.index ?? -1);
+	return {
+		left: settle(members, values, {
+			exact: landShares(members, values, shares(pooled(members, order, owed), owed, rule.mode)),
+			order,
+			total: rule.total
+		}),
+		order,
+		values
+	};
+}
+function smallestStep(members, { left, order, values }) {
+	return order.flatMap((at) => {
+		const member = members[at];
+		const value = values[at];
+		if (!member || value === void 0) return [];
+		const next = member.stepFrom(value, left > 0 ? 1 : -1);
+		return next >= member.min && next <= member.max && next !== value ? [trimFloat(next - value)] : [];
+	}).toSorted((one, other) => Math.abs(one) - Math.abs(other))[0];
+}
+function moverTargets(members, landing, index) {
+	const mover = members[index];
+	const landed = landing.values[index];
+	if (!mover || landed === void 0) return [];
+	const step = smallestStep(members, landing);
+	const held = stepToward(mover, landed, landing.left);
+	return step === void 0 ? [held] : [held, stepToward(mover, landed, trimFloat(landing.left - step))];
+}
+function nearest(candidates, move, from) {
+	const { direction = 0, index } = move;
+	const moverOf = (candidate) => candidate[index] ?? NaN;
+	const [first, ...rest] = candidates.toSorted((one, other) => Math.abs(moverOf(one) - from.landed) - Math.abs(moverOf(other) - from.landed));
+	if (!first || direction === 0 || moverOf(first) !== from.start) return first;
+	return rest.find((candidate) => Math.sign(moverOf(candidate) - from.start) === direction) ?? first;
+}
+function close(members, rule, held) {
+	const { landing, move, mover } = held;
+	const { index } = move;
+	const landed = landing.values[index] ?? mover.value;
+	const targets = moverTargets(members, landing, index);
+	return nearest(targets.flatMap((target) => {
+		const attempt = spread(members, rule, {
+			index,
+			target
+		});
+		return attempt && Math.abs(attempt.left) <= epsilon ? [attempt.values] : [];
+	}), move, {
+		landed,
+		start: mover.value
+	}) ?? landing.values.with(index, targets[0] ?? landed);
+}
+function distribute(members, rule, move) {
+	const landing = spread(members, rule, move);
+	if (!landing) return members.map(({ value }) => value);
+	const mover = members[move?.index ?? -1];
+	if (!move || !mover || Math.abs(landing.left) <= epsilon) return landing.values;
+	return close(members, rule, {
+		landing,
+		move,
+		mover
+	});
+}
+
+//#endregion
+export { distribute, splitLimits };
+//# sourceMappingURL=distribute.js.map

package/dist/dev/lib/distribute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"distribute.js","names":[],"sources":["../../../src/lib/distribute.ts"],"sourcesContent":["import { clamp, trimFloat } from '#lib/math.ts';\n\nexport interface SplitMember {\n\tisFree: boolean;\n\tmax: number;\n\tmin: number;\n\tsnap: (value: number) => number;\n\tstepFrom: (value: number, direction: -1 | 1) => number;\n\tvalue: number;\n}\n\nexport type SplitMode = 'cascade' | 'equal' | 'proportional';\n\ninterface SplitMove {\n\tdirection?: -1 | 0 | 1;\n\tindex: number;\n\ttarget: number;\n}\n\ninterface SplitRule {\n\tmode: SplitMode;\n\ttotal: number;\n}\n\ninterface Pooled {\n\tindex: number;\n\troom: number;\n\tweight: number;\n}\n\nconst epsilon = 1e-9;\n\nfunction sumOf(values: ReadonlyArray<number>): number {\n\treturn values.reduce((total, value) => total + value, 0);\n}\n\nfunction others(members: ReadonlyArray<SplitMember>, index: number): Array<SplitMember> {\n\treturn members.filter((_member, at) => at !== index);\n}\n\nexport function splitLimits(\n\tmembers: ReadonlyArray<SplitMember>,\n\tindex: number,\n\ttotal: number,\n): [number, number] {\n\tconst member = members[index];\n\tif (!member) return [NaN, NaN];\n\n\tconst rest = others(members, index);\n\tconst free = rest.filter((other) => other.isFree);\n\tif (free.length === 0) return [member.value, member.value];\n\n\tconst fixed = sumOf(rest.filter((other) => !other.isFree).map((other) => other.value));\n\tconst room = total - fixed;\n\n\treturn [\n\t\tMath.max(member.min, room - sumOf(free.map((other) => other.max))),\n\t\tMath.min(member.max, room - sumOf(free.map((other) => other.min))),\n\t];\n}\n\nfunction spreadWeighted(owed: number, pool: ReadonlyArray<Pooled>): Map<number, number> {\n\tconst shares = new Map<number, number>();\n\tlet remaining = owed;\n\tlet active = [...pool];\n\n\twhile (active.length > 0 && Math.abs(remaining) > epsilon) {\n\t\tconst weights = sumOf(active.map(({ weight }) => weight));\n\t\tconst count = active.length;\n\t\tconst shareOf = (entry: Pooled): number =>\n\t\t\tremaining * (weights > 0 ? entry.weight / weights : 1 / count);\n\t\tconst full = active.filter((entry) => Math.abs(shareOf(entry)) >= entry.room);\n\n\t\tif (full.length === 0) {\n\t\t\tfor (const entry of active) shares.set(entry.index, shareOf(entry));\n\t\t\tbreak;\n\t\t}\n\n\t\tconst sign = Math.sign(remaining);\n\n\t\tfor (const entry of full) {\n\t\t\tshares.set(entry.index, sign * entry.room);\n\t\t\tremaining -= sign * entry.room;\n\t\t}\n\t\tactive = active.filter((entry) => !full.includes(entry));\n\t}\n\n\treturn shares;\n}\n\nfunction spreadInOrder(owed: number, pool: ReadonlyArray<Pooled>): Map<number, number> {\n\tconst shares = new Map<number, number>();\n\tlet remaining = owed;\n\n\tfor (const entry of pool) {\n\t\tif (Math.abs(remaining) <= epsilon) break;\n\n\t\tconst share = Math.sign(remaining) * Math.min(entry.room, Math.abs(remaining));\n\n\t\tshares.set(entry.index, share);\n\t\tremaining -= share;\n\t}\n\n\treturn shares;\n}\n\nfunction poolOrder(members: ReadonlyArray<SplitMember>, index: number): Array<number> {\n\tconst count = members.length;\n\tconst start = index + 1;\n\n\treturn Array.from({ length: count }, (_entry, offset) => (start + offset) % count).filter(\n\t\t(at) => at !== index && members[at]?.isFree === true,\n\t);\n}\n\nfunction stepWithin(member: SplitMember, from: number, owed: number): number | undefined {\n\tconst next = member.stepFrom(from, owed > 0 ? 1 : -1);\n\tconst change = trimFloat(next - from);\n\tconst isInside = next >= member.min && next <= member.max;\n\n\treturn change !== 0 && isInside && Math.abs(change) <= Math.abs(owed) + epsilon\n\t\t? next\n\t\t: undefined;\n}\n\nfunction stepToward(member: SplitMember, from: number, owed: number): number {\n\tlet value = from;\n\tlet remainder = owed;\n\n\twhile (Math.abs(remainder) > epsilon) {\n\t\tconst next = stepWithin(member, value, remainder);\n\t\tif (next === undefined) break;\n\n\t\tremainder = trimFloat(remainder - (next - value));\n\t\tvalue = next;\n\t}\n\n\treturn value;\n}\n\ninterface Settling {\n\texact: ReadonlyMap<number, number>;\n\torder: ReadonlyArray<number>;\n\ttotal: number;\n}\n\n// Furthest from its exact share first; a tie goes to the last in pool order\nfunction byShortfall(\n\tvalues: ReadonlyArray<number>,\n\t{ exact, order }: Settling,\n\tdirection: number,\n): Array<number> {\n\tconst shortfall = (index: number): number => {\n\t\tconst value = values[index] ?? NaN;\n\n\t\treturn trimFloat(direction * ((exact.get(index) ?? value) - value));\n\t};\n\n\treturn order.toReversed().toSorted((first, second) => shortfall(second) - shortfall(first));\n}\n\nfunction stepEach(\n\tmembers: ReadonlyArray<SplitMember>,\n\tvalues: Array<number>,\n\tpass: { neediest: ReadonlyArray<number>; owed: number },\n): number {\n\tlet remainder = pass.owed;\n\n\tfor (const index of pass.neediest) {\n\t\tconst member = members[index];\n\t\tconst value = values[index];\n\t\tconst next = member && value !== undefined ? stepWithin(member, value, remainder) : undefined;\n\t\tif (value === undefined || next === undefined) continue;\n\n\t\tvalues[index] = next;\n\t\tremainder = trimFloat(remainder - (next - value));\n\t}\n\n\treturn remainder;\n}\n\nfunction settle(\n\tmembers: ReadonlyArray<SplitMember>,\n\tvalues: Array<number>,\n\tsettling: Settling,\n): number {\n\tlet remainder = trimFloat(settling.total - sumOf(values));\n\tlet before = NaN;\n\n\twhile (remainder !== before && Math.abs(remainder) > epsilon) {\n\t\tbefore = remainder;\n\t\tremainder = stepEach(members, values, {\n\t\t\tneediest: byShortfall(values, settling, Math.sign(remainder)),\n\t\t\towed: remainder,\n\t\t});\n\t}\n\n\treturn remainder;\n}\n\nfunction pooled(\n\tmembers: ReadonlyArray<SplitMember>,\n\torder: ReadonlyArray<number>,\n\towed: number,\n): Array<Pooled> {\n\treturn order.flatMap((at): Array<Pooled> => {\n\t\tconst member = members[at];\n\t\tif (!member) return [];\n\n\t\tconst room = owed > 0 ? member.max - member.value : member.value - member.min;\n\n\t\treturn [{ index: at, room: Math.max(0, room), weight: member.value - member.min }];\n\t});\n}\n\nfunction shares(pool: Array<Pooled>, owed: number, mode: SplitMode): Map<number, number> {\n\tif (mode === 'cascade') return spreadInOrder(owed, pool);\n\tif (mode === 'equal')\n\t\treturn spreadWeighted(\n\t\t\towed,\n\t\t\tpool.map((entry) => ({ ...entry, weight: 1 })),\n\t\t);\n\n\treturn spreadWeighted(owed, pool);\n}\n\nfunction landMover(\n\tmembers: ReadonlyArray<SplitMember>,\n\tvalues: Array<number>,\n\tmove: SplitMove & { total: number },\n): number | undefined {\n\tconst { index, target, total } = move;\n\tconst mover = members[index];\n\tif (!mover?.isFree || !Number.isFinite(target)) return undefined;\n\n\tconst next = mover.snap(clamp(target, ...splitLimits(members, index, total)));\n\n\tvalues[index] = next;\n\n\treturn mover.value - next;\n}\n\nfunction landShares(\n\tmembers: ReadonlyArray<SplitMember>,\n\tvalues: Array<number>,\n\tspread: ReadonlyMap<number, number>,\n): Map<number, number> {\n\tconst exact = new Map<number, number>();\n\n\tfor (const [at, share] of spread) {\n\t\tconst member = members[at];\n\t\tif (!member) continue;\n\n\t\texact.set(at, member.value + share);\n\t\tvalues[at] = clamp(member.snap(member.value + share), member.min, member.max);\n\t}\n\n\treturn exact;\n}\n\ninterface Spread {\n\tleft: number;\n\torder: ReadonlyArray<number>;\n\tvalues: Array<number>;\n}\n\nfunction spread(\n\tmembers: ReadonlyArray<SplitMember>,\n\trule: SplitRule,\n\tmove?: SplitMove,\n): Spread | undefined {\n\tconst values = members.map(({ value }) => value);\n\tconst owed = move\n\t\t? landMover(members, values, { ...move, total: rule.total })\n\t\t: rule.total - sumOf(values);\n\tif (owed === undefined) return undefined;\n\n\tconst order = poolOrder(members, move?.index ?? -1);\n\tconst exact = landShares(members, values, shares(pooled(members, order, owed), owed, rule.mode));\n\n\treturn { left: settle(members, values, { exact, order, total: rule.total }), order, values };\n}\n\nfunction smallestStep(\n\tmembers: ReadonlyArray<SplitMember>,\n\t{ left, order, values }: Spread,\n): number | undefined {\n\tconst steps = order.flatMap((at) => {\n\t\tconst member = members[at];\n\t\tconst value = values[at];\n\t\tif (!member || value === undefined) return [];\n\n\t\tconst next = member.stepFrom(value, left > 0 ? 1 : -1);\n\t\tconst isInside = next >= member.min && next <= member.max;\n\n\t\treturn isInside && next !== value ? [trimFloat(next - value)] : [];\n\t});\n\n\treturn steps.toSorted((one, other) => Math.abs(one) - Math.abs(other))[0];\n}\n\n// The mover takes what is left on its own grid, or a sibling steps past the total and the mover gives the difference back\nfunction moverTargets(\n\tmembers: ReadonlyArray<SplitMember>,\n\tlanding: Spread,\n\tindex: number,\n): Array<number> {\n\tconst mover = members[index];\n\tconst landed = landing.values[index];\n\tif (!mover || landed === undefined) return [];\n\n\tconst step = smallestStep(members, landing);\n\tconst held = stepToward(mover, landed, landing.left);\n\n\treturn step === undefined\n\t\t? [held]\n\t\t: [held, stepToward(mover, landed, trimFloat(landing.left - step))];\n}\n\nfunction nearest(\n\tcandidates: Array<Array<number>>,\n\tmove: SplitMove,\n\tfrom: { landed: number; start: number },\n): Array<number> | undefined {\n\tconst { direction = 0, index } = move;\n\tconst moverOf = (candidate: Array<number>): number => candidate[index] ?? NaN;\n\tconst [first, ...rest] = candidates.toSorted(\n\t\t(one, other) => Math.abs(moverOf(one) - from.landed) - Math.abs(moverOf(other) - from.landed),\n\t);\n\tif (!first || direction === 0 || moverOf(first) !== from.start) return first;\n\n\treturn (\n\t\trest.find((candidate) => Math.sign(moverOf(candidate) - from.start) === direction) ?? first\n\t);\n}\n\nfunction close(\n\tmembers: ReadonlyArray<SplitMember>,\n\trule: SplitRule,\n\theld: { landing: Spread; move: SplitMove; mover: SplitMember },\n): Array<number> {\n\tconst { landing, move, mover } = held;\n\tconst { index } = move;\n\tconst landed = landing.values[index] ?? mover.value;\n\tconst targets = moverTargets(members, landing, index);\n\tconst closed = targets.flatMap((target) => {\n\t\tconst attempt = spread(members, rule, { index, target });\n\n\t\treturn attempt && Math.abs(attempt.left) <= epsilon ? [attempt.values] : [];\n\t});\n\n\treturn (\n\t\tnearest(closed, move, { landed, start: mover.value }) ??\n\t\tlanding.values.with(index, targets[0] ?? landed)\n\t);\n}\n\nexport function distribute(\n\tmembers: ReadonlyArray<SplitMember>,\n\trule: SplitRule,\n\tmove?: SplitMove,\n): Array<number> {\n\tconst landing = spread(members, rule, move);\n\tif (!landing) return members.map(({ value }) => value);\n\n\tconst mover = members[move?.index ?? -1];\n\tif (!move || !mover || Math.abs(landing.left) <= epsilon) return landing.values;\n\n\treturn close(members, rule, { landing, move, mover });\n}\n"],"mappings":"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"}

package/dist/dev/lib/drag-step.js

@@ -0,0 +1,100 @@
+import { clampProportion, wrapProportion } from "./math.js";
+
+//#region src/lib/drag-step.ts
+const fineFactor = .1;
+const mouseDragThresholdPx = 3;
+const touchDragThresholdPx = 7;
+function dragThresholdPx(pointerType) {
+	return pointerType === "touch" ? touchDragThresholdPx : mouseDragThresholdPx;
+}
+function isAcross(from, to, proportion) {
+	return from !== proportion && (from - proportion) * (to - proportion) <= 0;
+}
+function passDetent(hold, [from, to], pace) {
+	if (hold.slack === void 0 && !isAcross(from, to, hold.proportion)) return {
+		proportion: to,
+		slack: void 0
+	};
+	const slack = (hold.slack ?? 0) + (to - hold.proportion) / pace;
+	if (Math.abs(slack) <= hold.zone) return {
+		proportion: void 0,
+		slack
+	};
+	return {
+		proportion: hold.proportion + (slack - Math.sign(slack) * hold.zone) * pace,
+		slack: void 0
+	};
+}
+function nearestTurn(hold, from) {
+	return {
+		...hold,
+		proportion: hold.proportion + Math.round(from - hold.proportion)
+	};
+}
+function land(mapping, state, proportion) {
+	const rawProportion = mapping.isWrapping ? wrapProportion(proportion) : clampProportion(proportion);
+	return {
+		state: {
+			...state,
+			rawProportion
+		},
+		value: mapping.snap(mapping.valueAt(rawProportion))
+	};
+}
+function startDrag(mapping, start) {
+	const { detent: wanted, from, position, proportion, ...fixed } = start;
+	const state = {
+		...fixed,
+		isEngaged: false,
+		lastPosition: position,
+		rawProportion: proportion,
+		startPosition: position
+	};
+	if (!wanted) return state;
+	const value = mapping.snap(wanted.value);
+	const detent = {
+		proportion: mapping.proportionOf(value),
+		slack: value === from ? 0 : void 0,
+		value,
+		zone: wanted.zone
+	};
+	return {
+		...state,
+		detent
+	};
+}
+function stepDrag(mapping, state, move) {
+	if (!(state.isEngaged || move.isOutside || Math.abs(move.position - state.startPosition) >= state.thresholdPx)) return {
+		state,
+		value: void 0
+	};
+	const pace = move.isFine ? fineFactor : 1;
+	const to = state.rawProportion + (move.position - state.lastPosition) / state.travelPx * pace;
+	const moved = {
+		...state,
+		isEngaged: true,
+		lastPosition: move.position
+	};
+	const { detent } = state;
+	if (!detent) return land(mapping, moved, to);
+	const passed = passDetent(mapping.isWrapping ? nearestTurn(detent, state.rawProportion) : detent, [state.rawProportion, to], pace);
+	const held = {
+		...moved,
+		detent: {
+			...detent,
+			slack: passed.slack
+		}
+	};
+	if (passed.proportion === void 0) return {
+		state: {
+			...held,
+			rawProportion: detent.proportion
+		},
+		value: detent.value
+	};
+	return land(mapping, held, passed.proportion);
+}
+
+//#endregion
+export { dragThresholdPx, startDrag, stepDrag };
+//# sourceMappingURL=drag-step.js.map

package/dist/dev/lib/drag-step.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-step.js","names":[],"sources":["../../../src/lib/drag-step.ts"],"sourcesContent":["import type { ValueMapping } from '#lib/value-mapping.ts';\n\nimport { clampProportion, wrapProportion } from '#lib/math.ts';\n\ninterface DetentHold {\n\tproportion: number;\n\tslack: number | undefined;\n\tvalue: number;\n\tzone: number;\n}\n\nexport interface DragState {\n\tdetent?: DetentHold;\n\tisEngaged: boolean;\n\tlastPosition: number;\n\trawProportion: number;\n\tstartPosition: number;\n\tthresholdPx: number;\n\ttravelPx: number;\n}\n\nexport interface DragMove {\n\tisFine: boolean;\n\tisOutside: boolean;\n\tposition: number;\n}\n\ninterface DragStart {\n\tdetent?: { value: number; zone: number };\n\tfrom: number;\n\tposition: number;\n\tproportion: number;\n\tthresholdPx: number;\n\ttravelPx: number;\n}\n\ninterface DragStep {\n\tstate: DragState;\n\tvalue: number | undefined;\n}\n\nconst fineFactor = 0.1;\nconst mouseDragThresholdPx = 3;\nconst touchDragThresholdPx = 7;\n\nexport function dragThresholdPx(pointerType: string): number {\n\treturn pointerType === 'touch' ? touchDragThresholdPx : mouseDragThresholdPx;\n}\n\nfunction isAcross(from: number, to: number, proportion: number): boolean {\n\treturn from !== proportion && (from - proportion) * (to - proportion) <= 0;\n}\n\nfunction passDetent(\n\thold: DetentHold,\n\t[from, to]: [number, number],\n\tpace: number,\n): { proportion: number | undefined; slack: number | undefined } {\n\tif (hold.slack === undefined && !isAcross(from, to, hold.proportion)) {\n\t\treturn { proportion: to, slack: undefined };\n\t}\n\n\tconst slack = (hold.slack ?? 0) + (to - hold.proportion) / pace;\n\n\tif (Math.abs(slack) <= hold.zone) return { proportion: undefined, slack };\n\n\treturn {\n\t\tproportion: hold.proportion + (slack - Math.sign(slack) * hold.zone) * pace,\n\t\tslack: undefined,\n\t};\n}\n\nfunction nearestTurn(hold: DetentHold, from: number): DetentHold {\n\treturn { ...hold, proportion: hold.proportion + Math.round(from - hold.proportion) };\n}\n\nfunction land(mapping: ValueMapping, state: DragState, proportion: number): DragStep {\n\tconst rawProportion = mapping.isWrapping\n\t\t? wrapProportion(proportion)\n\t\t: clampProportion(proportion);\n\n\treturn {\n\t\tstate: { ...state, rawProportion },\n\t\tvalue: mapping.snap(mapping.valueAt(rawProportion)),\n\t};\n}\n\nexport function startDrag(mapping: ValueMapping, start: DragStart): DragState {\n\tconst { detent: wanted, from, position, proportion, ...fixed } = start;\n\tconst state = {\n\t\t...fixed,\n\t\tisEngaged: false,\n\t\tlastPosition: position,\n\t\trawProportion: proportion,\n\t\tstartPosition: position,\n\t};\n\tif (!wanted) return state;\n\n\tconst value = mapping.snap(wanted.value);\n\tconst detent = {\n\t\tproportion: mapping.proportionOf(value),\n\t\tslack: value === from ? 0 : undefined,\n\t\tvalue,\n\t\tzone: wanted.zone,\n\t};\n\n\treturn { ...state, detent };\n}\n\nexport function stepDrag(mapping: ValueMapping, state: DragState, move: DragMove): DragStep {\n\tconst isEngaged =\n\t\tstate.isEngaged ||\n\t\tmove.isOutside ||\n\t\tMath.abs(move.position - state.startPosition) >= state.thresholdPx;\n\n\tif (!isEngaged) return { state, value: undefined };\n\n\tconst pace = move.isFine ? fineFactor : 1;\n\tconst to = state.rawProportion + ((move.position - state.lastPosition) / state.travelPx) * pace;\n\tconst moved = { ...state, isEngaged: true, lastPosition: move.position };\n\tconst { detent } = state;\n\tif (!detent) return land(mapping, moved, to);\n\n\tconst near = mapping.isWrapping ? nearestTurn(detent, state.rawProportion) : detent;\n\tconst passed = passDetent(near, [state.rawProportion, to], pace);\n\tconst held = { ...moved, detent: { ...detent, slack: passed.slack } };\n\tif (passed.proportion === undefined) {\n\t\treturn { state: { ...held, rawProportion: detent.proportion }, value: detent.value };\n\t}\n\n\treturn land(mapping, held, passed.proportion);\n}\n"],"mappings":";;;AAyCA,MAAM,aAAa;AACnB,MAAM,uBAAuB;AAC7B,MAAM,uBAAuB;AAE7B,SAAgB,gBAAgB,aAA6B;CAC5D,OAAO,gBAAgB,UAAU,uBAAuB;AACzD;AAEA,SAAS,SAAS,MAAc,IAAY,YAA6B;CACxE,OAAO,SAAS,eAAe,OAAO,eAAe,KAAK,eAAe;AAC1E;AAEA,SAAS,WACR,MACA,CAAC,MAAM,KACP,MACgE;CAChE,IAAI,KAAK,UAAU,UAAa,CAAC,SAAS,MAAM,IAAI,KAAK,UAAU,GAClE,OAAO;EAAE,YAAY;EAAI,OAAO;CAAU;CAG3C,MAAM,SAAS,KAAK,SAAS,MAAM,KAAK,KAAK,cAAc;CAE3D,IAAI,KAAK,IAAI,KAAK,KAAK,KAAK,MAAM,OAAO;EAAE,YAAY;EAAW;CAAM;CAExE,OAAO;EACN,YAAY,KAAK,cAAc,QAAQ,KAAK,KAAK,KAAK,IAAI,KAAK,QAAQ;EACvE,OAAO;CACR;AACD;AAEA,SAAS,YAAY,MAAkB,MAA0B;CAChE,OAAO;EAAE,GAAG;EAAM,YAAY,KAAK,aAAa,KAAK,MAAM,OAAO,KAAK,UAAU;CAAE;AACpF;AAEA,SAAS,KAAK,SAAuB,OAAkB,YAA8B;CACpF,MAAM,gBAAgB,QAAQ,aAC3B,eAAe,UAAU,IACzB,gBAAgB,UAAU;CAE7B,OAAO;EACN,OAAO;GAAE,GAAG;GAAO;EAAc;EACjC,OAAO,QAAQ,KAAK,QAAQ,QAAQ,aAAa,CAAC;CACnD;AACD;AAEA,SAAgB,UAAU,SAAuB,OAA6B;CAC7E,MAAM,EAAE,QAAQ,QAAQ,MAAM,UAAU,YAAY,GAAG,UAAU;CACjE,MAAM,QAAQ;EACb,GAAG;EACH,WAAW;EACX,cAAc;EACd,eAAe;EACf,eAAe;CAChB;CACA,IAAI,CAAC,QAAQ,OAAO;CAEpB,MAAM,QAAQ,QAAQ,KAAK,OAAO,KAAK;CACvC,MAAM,SAAS;EACd,YAAY,QAAQ,aAAa,KAAK;EACtC,OAAO,UAAU,OAAO,IAAI;EAC5B;EACA,MAAM,OAAO;CACd;CAEA,OAAO;EAAE,GAAG;EAAO;CAAO;AAC3B;AAEA,SAAgB,SAAS,SAAuB,OAAkB,MAA0B;CAM3F,IAAI,EAJH,MAAM,aACN,KAAK,aACL,KAAK,IAAI,KAAK,WAAW,MAAM,aAAa,KAAK,MAAM,cAExC,OAAO;EAAE;EAAO,OAAO;CAAU;CAEjD,MAAM,OAAO,KAAK,SAAS,aAAa;CACxC,MAAM,KAAK,MAAM,iBAAkB,KAAK,WAAW,MAAM,gBAAgB,MAAM,WAAY;CAC3F,MAAM,QAAQ;EAAE,GAAG;EAAO,WAAW;EAAM,cAAc,KAAK;CAAS;CACvE,MAAM,EAAE,WAAW;CACnB,IAAI,CAAC,QAAQ,OAAO,KAAK,SAAS,OAAO,EAAE;CAG3C,MAAM,SAAS,WADF,QAAQ,aAAa,YAAY,QAAQ,MAAM,aAAa,IAAI,QAC7C,CAAC,MAAM,eAAe,EAAE,GAAG,IAAI;CAC/D,MAAM,OAAO;EAAE,GAAG;EAAO,QAAQ;GAAE,GAAG;GAAQ,OAAO,OAAO;EAAM;CAAE;CACpE,IAAI,OAAO,eAAe,QACzB,OAAO;EAAE,OAAO;GAAE,GAAG;GAAM,eAAe,OAAO;EAAW;EAAG,OAAO,OAAO;CAAM;CAGpF,OAAO,KAAK,SAAS,MAAM,OAAO,UAAU;AAC7C"}

package/dist/dev/lib/envelope-curve.d.ts

@@ -0,0 +1,4 @@
+//#region src/lib/envelope-curve.d.ts
+export declare function envelopeCurve(position: number, curve: number): number;
+//#endregion
+//# sourceMappingURL=envelope-curve.d.ts.map

package/dist/dev/lib/envelope-curve.js

@@ -0,0 +1,10 @@
+//#region src/lib/envelope-curve.ts
+const flatCurve = .001;
+function envelopeCurve(position, curve) {
+	if (Math.abs(curve) < flatCurve) return position;
+	return Math.expm1(curve * position) / Math.expm1(curve);
+}
+
+//#endregion
+export { envelopeCurve };
+//# sourceMappingURL=envelope-curve.js.map

package/dist/dev/lib/envelope-curve.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"envelope-curve.js","names":[],"sources":["../../../src/lib/envelope-curve.ts"],"sourcesContent":["const flatCurve = 0.001;\n\nexport function envelopeCurve(position: number, curve: number): number {\n\tif (Math.abs(curve) < flatCurve) return position;\n\n\treturn Math.expm1(curve * position) / Math.expm1(curve);\n}\n"],"mappings":";AAAA,MAAM,YAAY;AAElB,SAAgB,cAAc,UAAkB,OAAuB;CACtE,IAAI,KAAK,IAAI,KAAK,IAAI,WAAW,OAAO;CAExC,OAAO,KAAK,MAAM,QAAQ,QAAQ,IAAI,KAAK,MAAM,KAAK;AACvD"}

package/dist/dev/lib/field.d.ts

@@ -0,0 +1,4 @@
+//#region src/lib/field.d.ts
+export type FieldAxis = 'x' | 'y';
+//#endregion
+//# sourceMappingURL=field.d.ts.map

package/dist/dev/lib/field.js

@@ -0,0 +1,95 @@
+import { startDrag, stepDrag } from "./drag-step.js";
+
+//#region src/lib/field.ts
+function startAxis(start, position) {
+	if (!start) return void 0;
+	const { mapping, ...rest } = start;
+	return startDrag(mapping, {
+		...rest,
+		position,
+		thresholdPx: 0
+	});
+}
+function startFieldDrag(start) {
+	const { position, thresholdPx } = start;
+	return {
+		isEngaged: false,
+		lock: void 0,
+		startPosition: position,
+		thresholdPx,
+		x: startAxis(start.x, position.x),
+		y: startAxis(start.y, position.y)
+	};
+}
+function dominantAxis(state, move) {
+	if (!state.x) return "y";
+	if (!state.y) return "x";
+	const { startPosition } = state;
+	return Math.abs(move.x - startPosition.x) >= Math.abs(move.y - startPosition.y) ? "x" : "y";
+}
+function stepAxis(mapping, drag, move) {
+	if (!mapping || !drag) return {
+		state: drag,
+		value: void 0
+	};
+	if (move.isHeld) return {
+		state: {
+			...drag,
+			lastPosition: move.position
+		},
+		value: void 0
+	};
+	return stepDrag(mapping, drag, {
+		isFine: move.isFine,
+		isOutside: false,
+		position: move.position
+	});
+}
+function stepFieldDrag(mappings, state, move) {
+	const { startPosition } = state;
+	if (!(state.isEngaged || Math.hypot(move.x - startPosition.x, move.y - startPosition.y) >= state.thresholdPx)) return {
+		state,
+		x: void 0,
+		y: void 0
+	};
+	const lock = move.isLocked ? state.lock ?? dominantAxis(state, move) : void 0;
+	const { isFine } = move;
+	const x = stepAxis(mappings.x, state.x, {
+		isFine,
+		isHeld: lock === "y",
+		position: move.x
+	});
+	const y = stepAxis(mappings.y, state.y, {
+		isFine,
+		isHeld: lock === "x",
+		position: move.y
+	});
+	return {
+		state: {
+			...state,
+			isEngaged: true,
+			lock,
+			x: x.state,
+			y: y.state
+		},
+		x: x.value,
+		y: y.value
+	};
+}
+function pointerPosition(event) {
+	return {
+		x: event.clientX,
+		y: -event.clientY
+	};
+}
+function pointerMove(event) {
+	return {
+		...pointerPosition(event),
+		isFine: event.shiftKey,
+		isLocked: event.altKey
+	};
+}
+
+//#endregion
+export { pointerMove, pointerPosition, startFieldDrag, stepFieldDrag };
+//# sourceMappingURL=field.js.map

package/dist/dev/lib/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","names":[],"sources":["../../../src/lib/field.ts"],"sourcesContent":["import type { DragState } from '#lib/drag-step.ts';\nimport type { ValueMapping } from '#lib/value-mapping.ts';\n\nimport { startDrag, stepDrag } from '#lib/drag-step.ts';\n\nexport type FieldAxis = 'x' | 'y';\n\nexport interface FieldPoint {\n\tx: number;\n\ty: number;\n}\n\ninterface FieldAxisStart {\n\tfrom: number;\n\tmapping: ValueMapping;\n\tproportion: number;\n\ttravelPx: number;\n}\n\ninterface FieldStart {\n\tposition: FieldPoint;\n\tthresholdPx: number;\n\tx?: FieldAxisStart | undefined;\n\ty?: FieldAxisStart | undefined;\n}\n\nexport interface FieldDragState {\n\tisEngaged: boolean;\n\tlock: FieldAxis | undefined;\n\tstartPosition: FieldPoint;\n\tthresholdPx: number;\n\tx: DragState | undefined;\n\ty: DragState | undefined;\n}\n\nexport interface FieldMove extends FieldPoint {\n\tisFine: boolean;\n\tisLocked: boolean;\n}\n\nexport interface FieldMappings {\n\tx?: undefined | ValueMapping;\n\ty?: undefined | ValueMapping;\n}\n\ninterface FieldStep {\n\tstate: FieldDragState;\n\tx: number | undefined;\n\ty: number | undefined;\n}\n\ninterface AxisMove {\n\tisFine: boolean;\n\tisHeld: boolean;\n\tposition: number;\n}\n\nfunction startAxis(start: FieldAxisStart | undefined, position: number): DragState | undefined {\n\tif (!start) return undefined;\n\n\tconst { mapping, ...rest } = start;\n\n\treturn startDrag(mapping, { ...rest, position, thresholdPx: 0 });\n}\n\nexport function startFieldDrag(start: FieldStart): FieldDragState {\n\tconst { position, thresholdPx } = start;\n\n\treturn {\n\t\tisEngaged: false,\n\t\tlock: undefined,\n\t\tstartPosition: position,\n\t\tthresholdPx,\n\t\tx: startAxis(start.x, position.x),\n\t\ty: startAxis(start.y, position.y),\n\t};\n}\n\nfunction dominantAxis(state: FieldDragState, move: FieldPoint): FieldAxis {\n\tif (!state.x) return 'y';\n\tif (!state.y) return 'x';\n\n\tconst { startPosition } = state;\n\n\treturn Math.abs(move.x - startPosition.x) >= Math.abs(move.y - startPosition.y) ? 'x' : 'y';\n}\n\nfunction stepAxis(\n\tmapping: undefined | ValueMapping,\n\tdrag: DragState | undefined,\n\tmove: AxisMove,\n): { state: DragState | undefined; value: number | undefined } {\n\tif (!mapping || !drag) return { state: drag, value: undefined };\n\tif (move.isHeld) return { state: { ...drag, lastPosition: move.position }, value: undefined };\n\n\treturn stepDrag(mapping, drag, {\n\t\tisFine: move.isFine,\n\t\tisOutside: false,\n\t\tposition: move.position,\n\t});\n}\n\nexport function stepFieldDrag(\n\tmappings: FieldMappings,\n\tstate: FieldDragState,\n\tmove: FieldMove,\n): FieldStep {\n\tconst { startPosition } = state;\n\tconst isEngaged =\n\t\tstate.isEngaged ||\n\t\tMath.hypot(move.x - startPosition.x, move.y - startPosition.y) >= state.thresholdPx;\n\n\tif (!isEngaged) return { state, x: undefined, y: undefined };\n\n\tconst lock = move.isLocked ? (state.lock ?? dominantAxis(state, move)) : undefined;\n\tconst { isFine } = move;\n\tconst x = stepAxis(mappings.x, state.x, { isFine, isHeld: lock === 'y', position: move.x });\n\tconst y = stepAxis(mappings.y, state.y, { isFine, isHeld: lock === 'x', position: move.y });\n\n\treturn {\n\t\tstate: { ...state, isEngaged: true, lock, x: x.state, y: y.state },\n\t\tx: x.value,\n\t\ty: y.value,\n\t};\n}\n\nexport function pointerPosition(event: PointerEvent): FieldPoint {\n\treturn { x: event.clientX, y: -event.clientY };\n}\n\nexport function pointerMove(event: PointerEvent): FieldMove {\n\treturn { ...pointerPosition(event), isFine: event.shiftKey, isLocked: event.altKey };\n}\n"],"mappings":";;;AAyDA,SAAS,UAAU,OAAmC,UAAyC;CAC9F,IAAI,CAAC,OAAO,OAAO;CAEnB,MAAM,EAAE,SAAS,GAAG,SAAS;CAE7B,OAAO,UAAU,SAAS;EAAE,GAAG;EAAM;EAAU,aAAa;CAAE,CAAC;AAChE;AAEA,SAAgB,eAAe,OAAmC;CACjE,MAAM,EAAE,UAAU,gBAAgB;CAElC,OAAO;EACN,WAAW;EACX,MAAM;EACN,eAAe;EACf;EACA,GAAG,UAAU,MAAM,GAAG,SAAS,CAAC;EAChC,GAAG,UAAU,MAAM,GAAG,SAAS,CAAC;CACjC;AACD;AAEA,SAAS,aAAa,OAAuB,MAA6B;CACzE,IAAI,CAAC,MAAM,GAAG,OAAO;CACrB,IAAI,CAAC,MAAM,GAAG,OAAO;CAErB,MAAM,EAAE,kBAAkB;CAE1B,OAAO,KAAK,IAAI,KAAK,IAAI,cAAc,CAAC,KAAK,KAAK,IAAI,KAAK,IAAI,cAAc,CAAC,IAAI,MAAM;AACzF;AAEA,SAAS,SACR,SACA,MACA,MAC8D;CAC9D,IAAI,CAAC,WAAW,CAAC,MAAM,OAAO;EAAE,OAAO;EAAM,OAAO;CAAU;CAC9D,IAAI,KAAK,QAAQ,OAAO;EAAE,OAAO;GAAE,GAAG;GAAM,cAAc,KAAK;EAAS;EAAG,OAAO;CAAU;CAE5F,OAAO,SAAS,SAAS,MAAM;EAC9B,QAAQ,KAAK;EACb,WAAW;EACX,UAAU,KAAK;CAChB,CAAC;AACF;AAEA,SAAgB,cACf,UACA,OACA,MACY;CACZ,MAAM,EAAE,kBAAkB;CAK1B,IAAI,EAHH,MAAM,aACN,KAAK,MAAM,KAAK,IAAI,cAAc,GAAG,KAAK,IAAI,cAAc,CAAC,KAAK,MAAM,cAEzD,OAAO;EAAE;EAAO,GAAG;EAAW,GAAG;CAAU;CAE3D,MAAM,OAAO,KAAK,WAAY,MAAM,QAAQ,aAAa,OAAO,IAAI,IAAK;CACzE,MAAM,EAAE,WAAW;CACnB,MAAM,IAAI,SAAS,SAAS,GAAG,MAAM,GAAG;EAAE;EAAQ,QAAQ,SAAS;EAAK,UAAU,KAAK;CAAE,CAAC;CAC1F,MAAM,IAAI,SAAS,SAAS,GAAG,MAAM,GAAG;EAAE;EAAQ,QAAQ,SAAS;EAAK,UAAU,KAAK;CAAE,CAAC;CAE1F,OAAO;EACN,OAAO;GAAE,GAAG;GAAO,WAAW;GAAM;GAAM,GAAG,EAAE;GAAO,GAAG,EAAE;EAAM;EACjE,GAAG,EAAE;EACL,GAAG,EAAE;CACN;AACD;AAEA,SAAgB,gBAAgB,OAAiC;CAChE,OAAO;EAAE,GAAG,MAAM;EAAS,GAAG,CAAC,MAAM;CAAQ;AAC9C;AAEA,SAAgB,YAAY,OAAgC;CAC3D,OAAO;EAAE,GAAG,gBAAgB,KAAK;EAAG,QAAQ,MAAM;EAAU,UAAU,MAAM;CAAO;AACpF"}

package/dist/dev/lib/focus-by-pointer.js

@@ -0,0 +1,29 @@
+//#region src/lib/focus-by-pointer.ts
+const modifierKeys = /* @__PURE__ */ new Set([
+	"Alt",
+	"Control",
+	"Meta",
+	"Shift"
+]);
+function focusByPointer(target) {
+	const isMarked = "sonicPointerFocus" in target.dataset;
+	target.dataset.sonicPointerFocus = "";
+	target.focus();
+	if (isMarked) return;
+	const marking = new AbortController();
+	const clear = () => {
+		delete target.dataset.sonicPointerFocus;
+		marking.abort();
+	};
+	target.addEventListener("blur", () => {
+		if (target.ownerDocument.activeElement !== target) clear();
+	}, { signal: marking.signal });
+	target.addEventListener("keydown", (event) => {
+		if (event.metaKey || event.ctrlKey || event.altKey || modifierKeys.has(event.key)) return;
+		clear();
+	}, { signal: marking.signal });
+}
+
+//#endregion
+export { focusByPointer };
+//# sourceMappingURL=focus-by-pointer.js.map

package/dist/dev/lib/focus-by-pointer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-by-pointer.js","names":[],"sources":["../../../src/lib/focus-by-pointer.ts"],"sourcesContent":["const modifierKeys = new Set(['Alt', 'Control', 'Meta', 'Shift']);\n\n// A script focus during a mouse press still matches `:focus-visible`\nexport function focusByPointer(target: HTMLElement): void {\n\tconst isMarked = 'sonicPointerFocus' in target.dataset;\n\n\ttarget.dataset.sonicPointerFocus = '';\n\ttarget.focus();\n\tif (isMarked) return;\n\n\tconst marking = new AbortController();\n\tconst clear = (): void => {\n\t\tdelete target.dataset.sonicPointerFocus;\n\t\tmarking.abort();\n\t};\n\n\ttarget.addEventListener(\n\t\t'blur',\n\t\t() => {\n\t\t\t// A window or tab switch blurs the target and leaves it the active element\n\t\t\tif (target.ownerDocument.activeElement !== target) clear();\n\t\t},\n\t\t{ signal: marking.signal },\n\t);\n\ttarget.addEventListener(\n\t\t'keydown',\n\t\t(event) => {\n\t\t\tif (event.metaKey || event.ctrlKey || event.altKey || modifierKeys.has(event.key)) return;\n\n\t\t\tclear();\n\t\t},\n\t\t{ signal: marking.signal },\n\t);\n}\n"],"mappings":";AAAA,MAAM,+BAAe,IAAI,IAAI;CAAC;CAAO;CAAW;CAAQ;AAAO,CAAC;AAGhE,SAAgB,eAAe,QAA2B;CACzD,MAAM,WAAW,uBAAuB,OAAO;CAE/C,OAAO,QAAQ,oBAAoB;CACnC,OAAO,MAAM;CACb,IAAI,UAAU;CAEd,MAAM,UAAU,IAAI,gBAAgB;CACpC,MAAM,cAAoB;EACzB,OAAO,OAAO,QAAQ;EACtB,QAAQ,MAAM;CACf;CAEA,OAAO,iBACN,cACM;EAEL,IAAI,OAAO,cAAc,kBAAkB,QAAQ,MAAM;CAC1D,GACA,EAAE,QAAQ,QAAQ,OAAO,CAC1B;CACA,OAAO,iBACN,YACC,UAAU;EACV,IAAI,MAAM,WAAW,MAAM,WAAW,MAAM,UAAU,aAAa,IAAI,MAAM,GAAG,GAAG;EAEnF,MAAM;CACP,GACA,EAAE,QAAQ,QAAQ,OAAO,CAC1B;AACD"}

package/dist/dev/lib/frame-timeline.js

@@ -0,0 +1,64 @@
+import { trimFloat } from "./math.js";
+
+//#region src/lib/frame-timeline.ts
+const placeholderPeriodMs = 2500;
+const lookAheadSeconds = 30;
+function windowStart(input, seconds, windowSeconds) {
+	if (!input.isPaged) return seconds - windowSeconds / 2;
+	if (input.held) return input.held.grabbed.startSeconds + seconds - input.held.grabbed.seconds;
+	return Math.floor(trimFloat(seconds / windowSeconds)) * windowSeconds;
+}
+function overlap([from, to], [low, high]) {
+	const start = Math.max(from, low);
+	const end = Math.min(to, high);
+	return end > start ? [start, end] : void 0;
+}
+function pendingIn({ pending, range }, window) {
+	return pending.flatMap((region) => {
+		const inRange = overlap(region, range);
+		const shown = inRange && overlap(inRange, window);
+		return shown ? [shown] : [];
+	});
+}
+function placeholderPhase({ frameMs, isPaged }, pending) {
+	return !isPaged && pending.length > 0 ? frameMs / placeholderPeriodMs : void 0;
+}
+function frameTimeline(input) {
+	const { clockSeconds, held, range, size } = input;
+	const seconds = held?.seconds ?? clockSeconds;
+	const pixelsPerSecond = input.zoom * size.dpr;
+	const windowSeconds = size.width / pixelsPerSecond;
+	const startSeconds = windowStart(input, seconds, windowSeconds);
+	const pending = pendingIn(input, [startSeconds, startSeconds + windowSeconds]);
+	const placeholder = placeholderPhase(input, pending);
+	const phase = placeholder ?? 0;
+	const wanted = overlap([startSeconds - windowSeconds, startSeconds + windowSeconds + Math.max(windowSeconds, lookAheadSeconds)], range);
+	const at = (time) => (time - startSeconds) / windowSeconds;
+	return {
+		...held ? { ghostAt: at(clockSeconds) } : {},
+		isMoving: held !== void 0 || placeholder !== void 0 || input.isPlaying,
+		paintKey: [
+			startSeconds,
+			windowSeconds,
+			...range,
+			phase,
+			pending.join(",")
+		].join(":"),
+		playheadAt: at(seconds),
+		seconds,
+		view: {
+			dpr: size.dpr,
+			height: size.height,
+			pending,
+			phase,
+			pixelsPerSecond,
+			startSeconds,
+			width: size.width
+		},
+		...wanted ? { wanted } : {}
+	};
+}
+
+//#endregion
+export { frameTimeline };
+//# sourceMappingURL=frame-timeline.js.map

package/dist/dev/lib/frame-timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"frame-timeline.js","names":[],"sources":["../../../src/lib/frame-timeline.ts"],"sourcesContent":["import type { SurfaceSize } from '#lib/canvas-surface.ts';\n\nimport { trimFloat } from '#lib/math.ts';\n\nexport interface View {\n\tdpr: number;\n\theight: number;\n\tpending: Array<[number, number]>;\n\tphase: number;\n\tpixelsPerSecond: number;\n\tstartSeconds: number;\n\twidth: number;\n}\n\nexport interface Drawn {\n\tseconds: number;\n\tstartSeconds: number;\n}\n\ninterface TimelineInput {\n\tclockSeconds: number;\n\tframeMs: number;\n\theld?: { grabbed: Drawn; seconds: number };\n\tisPaged: boolean;\n\tisPlaying: boolean;\n\tpending: ReadonlyArray<[number, number]>;\n\trange: [number, number];\n\tsize: SurfaceSize;\n\tzoom: number;\n}\n\ninterface Timeline {\n\tghostAt?: number;\n\tisMoving: boolean;\n\tpaintKey: string;\n\tplayheadAt: number;\n\tseconds: number;\n\tview: View;\n\twanted?: [number, number];\n}\n\nconst placeholderPeriodMs = 2500;\n\nconst lookAheadSeconds = 30;\n\nfunction windowStart(input: TimelineInput, seconds: number, windowSeconds: number): number {\n\tif (!input.isPaged) return seconds - windowSeconds / 2;\n\tif (input.held) return input.held.grabbed.startSeconds + seconds - input.held.grabbed.seconds;\n\n\t// 0.3 / 0.1 is 2.9999999999999996, a page short\n\treturn Math.floor(trimFloat(seconds / windowSeconds)) * windowSeconds;\n}\n\nfunction overlap(\n\t[from, to]: readonly [number, number],\n\t[low, high]: readonly [number, number],\n): [number, number] | undefined {\n\tconst start = Math.max(from, low);\n\tconst end = Math.min(to, high);\n\n\treturn end > start ? [start, end] : undefined;\n}\n\nfunction pendingIn(\n\t{ pending, range }: TimelineInput,\n\twindow: [number, number],\n): Array<[number, number]> {\n\treturn pending.flatMap((region) => {\n\t\tconst inRange = overlap(region, range);\n\t\tconst shown = inRange && overlap(inRange, window);\n\n\t\treturn shown ? [shown] : [];\n\t});\n}\n\nfunction placeholderPhase(\n\t{ frameMs, isPaged }: TimelineInput,\n\tpending: ReadonlyArray<unknown>,\n): number | undefined {\n\treturn !isPaged && pending.length > 0 ? frameMs / placeholderPeriodMs : undefined;\n}\n\nexport function frameTimeline(input: TimelineInput): Timeline {\n\tconst { clockSeconds, held, range, size } = input;\n\tconst seconds = held?.seconds ?? clockSeconds;\n\tconst pixelsPerSecond = input.zoom * size.dpr;\n\tconst windowSeconds = size.width / pixelsPerSecond;\n\tconst startSeconds = windowStart(input, seconds, windowSeconds);\n\tconst pending = pendingIn(input, [startSeconds, startSeconds + windowSeconds]);\n\tconst placeholder = placeholderPhase(input, pending);\n\tconst phase = placeholder ?? 0;\n\tconst wanted = overlap(\n\t\t[\n\t\t\tstartSeconds - windowSeconds,\n\t\t\tstartSeconds + windowSeconds + Math.max(windowSeconds, lookAheadSeconds),\n\t\t],\n\t\trange,\n\t);\n\tconst at = (time: number): number => (time - startSeconds) / windowSeconds;\n\n\treturn {\n\t\t...(held ? { ghostAt: at(clockSeconds) } : {}),\n\t\tisMoving: held !== undefined || placeholder !== undefined || input.isPlaying,\n\t\tpaintKey: [startSeconds, windowSeconds, ...range, phase, pending.join(',')].join(':'),\n\t\tplayheadAt: at(seconds),\n\t\tseconds,\n\t\tview: {\n\t\t\tdpr: size.dpr,\n\t\t\theight: size.height,\n\t\t\tpending,\n\t\t\tphase,\n\t\t\tpixelsPerSecond,\n\t\t\tstartSeconds,\n\t\t\twidth: size.width,\n\t\t},\n\t\t...(wanted ? { wanted } : {}),\n\t};\n}\n"],"mappings":";;;AAyCA,MAAM,sBAAsB;AAE5B,MAAM,mBAAmB;AAEzB,SAAS,YAAY,OAAsB,SAAiB,eAA+B;CAC1F,IAAI,CAAC,MAAM,SAAS,OAAO,UAAU,gBAAgB;CACrD,IAAI,MAAM,MAAM,OAAO,MAAM,KAAK,QAAQ,eAAe,UAAU,MAAM,KAAK,QAAQ;CAGtF,OAAO,KAAK,MAAM,UAAU,UAAU,aAAa,CAAC,IAAI;AACzD;AAEA,SAAS,QACR,CAAC,MAAM,KACP,CAAC,KAAK,OACyB;CAC/B,MAAM,QAAQ,KAAK,IAAI,MAAM,GAAG;CAChC,MAAM,MAAM,KAAK,IAAI,IAAI,IAAI;CAE7B,OAAO,MAAM,QAAQ,CAAC,OAAO,GAAG,IAAI;AACrC;AAEA,SAAS,UACR,EAAE,SAAS,SACX,QAC0B;CAC1B,OAAO,QAAQ,SAAS,WAAW;EAClC,MAAM,UAAU,QAAQ,QAAQ,KAAK;EACrC,MAAM,QAAQ,WAAW,QAAQ,SAAS,MAAM;EAEhD,OAAO,QAAQ,CAAC,KAAK,IAAI,CAAC;CAC3B,CAAC;AACF;AAEA,SAAS,iBACR,EAAE,SAAS,WACX,SACqB;CACrB,OAAO,CAAC,WAAW,QAAQ,SAAS,IAAI,UAAU,sBAAsB;AACzE;AAEA,SAAgB,cAAc,OAAgC;CAC7D,MAAM,EAAE,cAAc,MAAM,OAAO,SAAS;CAC5C,MAAM,UAAU,MAAM,WAAW;CACjC,MAAM,kBAAkB,MAAM,OAAO,KAAK;CAC1C,MAAM,gBAAgB,KAAK,QAAQ;CACnC,MAAM,eAAe,YAAY,OAAO,SAAS,aAAa;CAC9D,MAAM,UAAU,UAAU,OAAO,CAAC,cAAc,eAAe,aAAa,CAAC;CAC7E,MAAM,cAAc,iBAAiB,OAAO,OAAO;CACnD,MAAM,QAAQ,eAAe;CAC7B,MAAM,SAAS,QACd,CACC,eAAe,eACf,eAAe,gBAAgB,KAAK,IAAI,eAAe,gBAAgB,CACxE,GACA,KACD;CACA,MAAM,MAAM,UAA0B,OAAO,gBAAgB;CAE7D,OAAO;EACN,GAAI,OAAO,EAAE,SAAS,GAAG,YAAY,EAAE,IAAI,CAAC;EAC5C,UAAU,SAAS,UAAa,gBAAgB,UAAa,MAAM;EACnE,UAAU;GAAC;GAAc;GAAe,GAAG;GAAO;GAAO,QAAQ,KAAK,GAAG;EAAC,CAAC,CAAC,KAAK,GAAG;EACpF,YAAY,GAAG,OAAO;EACtB;EACA,MAAM;GACL,KAAK,KAAK;GACV,QAAQ,KAAK;GACb;GACA;GACA;GACA;GACA,OAAO,KAAK;EACb;EACA,GAAI,SAAS,EAAE,OAAO,IAAI,CAAC;CAC5B;AACD"}

package/dist/dev/lib/hold.js

@@ -0,0 +1,39 @@
+//#region src/lib/hold.ts
+function bindHold(target, options, signal) {
+	let holder;
+	const hold = {
+		hold(by) {
+			if (holder !== void 0 || !options.canHold()) return false;
+			holder = by;
+			options.onHold();
+			return true;
+		},
+		release() {
+			if (holder === void 0) return;
+			holder = void 0;
+			options.onRelease();
+		}
+	};
+	const releasePointer = (event) => {
+		if (event.pointerId === holder) hold.release();
+	};
+	target.addEventListener("lostpointercapture", releasePointer, { signal });
+	target.addEventListener("pointercancel", releasePointer, { signal });
+	target.addEventListener("pointerup", releasePointer, { signal });
+	target.addEventListener("keyup", (event) => {
+		if (event.key === "Meta" && typeof holder === "string" || event.key === holder) hold.release();
+	}, { signal });
+	target.addEventListener(options.leave, (event) => {
+		const next = event.relatedTarget;
+		const isInside = next instanceof Node && target.contains(next);
+		if (typeof holder === "string" && !isInside) hold.release();
+	}, { signal });
+	signal.addEventListener("abort", () => {
+		hold.release();
+	}, { once: true });
+	return hold;
+}
+
+//#endregion
+export { bindHold };
+//# sourceMappingURL=hold.js.map

package/dist/dev/lib/hold.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hold.js","names":[],"sources":["../../../src/lib/hold.ts"],"sourcesContent":["export interface Hold {\n\thold(by: number | string): boolean;\n\trelease(): void;\n}\n\ninterface HoldOptions {\n\tcanHold: () => boolean;\n\tleave: 'blur' | 'focusout';\n\tonHold: () => void;\n\tonRelease: () => void;\n}\n\nexport function bindHold(target: HTMLElement, options: HoldOptions, signal: AbortSignal): Hold {\n\tlet holder: number | string | undefined;\n\tconst hold: Hold = {\n\t\thold(by) {\n\t\t\tif (holder !== undefined || !options.canHold()) return false;\n\n\t\t\tholder = by;\n\t\t\toptions.onHold();\n\n\t\t\treturn true;\n\t\t},\n\t\trelease() {\n\t\t\tif (holder === undefined) return;\n\n\t\t\tholder = undefined;\n\t\t\toptions.onRelease();\n\t\t},\n\t};\n\tconst releasePointer = (event: PointerEvent): void => {\n\t\tif (event.pointerId === holder) hold.release();\n\t};\n\n\ttarget.addEventListener('lostpointercapture', releasePointer, { signal });\n\ttarget.addEventListener('pointercancel', releasePointer, { signal });\n\ttarget.addEventListener('pointerup', releasePointer, { signal });\n\ttarget.addEventListener(\n\t\t'keyup',\n\t\t(event) => {\n\t\t\t// macOS sends no `keyup` for a key let go while Cmd is down\n\t\t\tconst isMetaLift = event.key === 'Meta' && typeof holder === 'string';\n\n\t\t\tif (isMetaLift || event.key === holder) hold.release();\n\t\t},\n\t\t{ signal },\n\t);\n\ttarget.addEventListener(\n\t\toptions.leave,\n\t\t(event) => {\n\t\t\tconst next = event.relatedTarget;\n\t\t\tconst isInside = next instanceof Node && target.contains(next);\n\n\t\t\tif (typeof holder === 'string' && !isInside) hold.release();\n\t\t},\n\t\t{ signal },\n\t);\n\tsignal.addEventListener(\n\t\t'abort',\n\t\t() => {\n\t\t\thold.release();\n\t\t},\n\t\t{ once: true },\n\t);\n\n\treturn hold;\n}\n"],"mappings":";AAYA,SAAgB,SAAS,QAAqB,SAAsB,QAA2B;CAC9F,IAAI;CACJ,MAAM,OAAa;EAClB,KAAK,IAAI;GACR,IAAI,WAAW,UAAa,CAAC,QAAQ,QAAQ,GAAG,OAAO;GAEvD,SAAS;GACT,QAAQ,OAAO;GAEf,OAAO;EACR;EACA,UAAU;GACT,IAAI,WAAW,QAAW;GAE1B,SAAS;GACT,QAAQ,UAAU;EACnB;CACD;CACA,MAAM,kBAAkB,UAA8B;EACrD,IAAI,MAAM,cAAc,QAAQ,KAAK,QAAQ;CAC9C;CAEA,OAAO,iBAAiB,sBAAsB,gBAAgB,EAAE,OAAO,CAAC;CACxE,OAAO,iBAAiB,iBAAiB,gBAAgB,EAAE,OAAO,CAAC;CACnE,OAAO,iBAAiB,aAAa,gBAAgB,EAAE,OAAO,CAAC;CAC/D,OAAO,iBACN,UACC,UAAU;EAIV,IAFmB,MAAM,QAAQ,UAAU,OAAO,WAAW,YAE3C,MAAM,QAAQ,QAAQ,KAAK,QAAQ;CACtD,GACA,EAAE,OAAO,CACV;CACA,OAAO,iBACN,QAAQ,QACP,UAAU;EACV,MAAM,OAAO,MAAM;EACnB,MAAM,WAAW,gBAAgB,QAAQ,OAAO,SAAS,IAAI;EAE7D,IAAI,OAAO,WAAW,YAAY,CAAC,UAAU,KAAK,QAAQ;CAC3D,GACA,EAAE,OAAO,CACV;CACA,OAAO,iBACN,eACM;EACL,KAAK,QAAQ;CACd,GACA,EAAE,MAAM,KAAK,CACd;CAEA,OAAO;AACR"}