@gjermundgaraba/pixel-paper 0.0.0-stage → 0.1.0

package/dist/reel/layout.js

@@ -0,0 +1,378 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { LOCALE } from "../locale/locale.js";
+import { Array, Equal, Match, Number, Option, Predicate, Record, Schema, pipe } from "effect";
+import { defineMessageUnion } from "foldkit/message";
+import { defineTaggedUnion } from "foldkit/schema";
+// src/reel/layout.ts
+/** Schema for one pane as the reel knows it: its id, unique in the reel and the application's
+*  to keep, its name in words (its grip, its splitter and what screen readers hear), and its
+*  share of its column's height, a weight against its neighbours'. */
+const Pane = Schema.Struct({
+	id: Schema.String,
+	label: Schema.String,
+	weight: Schema.Finite
+});
+const Column = Schema.Struct({
+	id: Schema.String,
+	width: Schema.Finite,
+	panes: Schema.NonEmptyArray(Pane)
+});
+/** Schema for a reel's layout: its columns, left to right. The application's to keep. */
+const Layout = Schema.Array(Column);
+const Subject = defineTaggedUnion({
+	Pane: { paneId: Schema.String },
+	Column: { columnId: Schema.String }
+});
+const Target = defineTaggedUnion({
+	Into: {
+		columnId: Schema.String,
+		index: Schema.Finite
+	},
+	Gap: { maybeBeforeColumnId: Schema.Option(Schema.String) }
+});
+/** Union of what a reel asks the application to do to its layout, which the application
+*  applies (`apply` does it) or not, by id, so a request still means what it meant after the
+*  layout changed under it. `MovedPane`: a pane into a column, at `toIndex` among that
+*  column's other panes. `PulledOutPane`: a pane into a column of its own, before a column
+*  (none: after the last). `MovedColumn`: a column to before another (none: last).
+*  `ResizedColumn`: a column's width. `ResizedPanes`: a column's panes' weights, by pane id. */
+const OutMessage = defineMessageUnion({
+	MovedPane: {
+		paneId: Schema.String,
+		toColumnId: Schema.String,
+		toIndex: Schema.Finite
+	},
+	PulledOutPane: {
+		paneId: Schema.String,
+		maybeBeforeColumnId: Schema.Option(Schema.String)
+	},
+	MovedColumn: {
+		columnId: Schema.String,
+		maybeBeforeColumnId: Schema.Option(Schema.String)
+	},
+	ResizedColumn: {
+		columnId: Schema.String,
+		width: Schema.Finite
+	},
+	ResizedPanes: {
+		columnId: Schema.String,
+		weights: Schema.Record(Schema.String, Schema.Finite)
+	}
+});
+const Splitter = defineTaggedUnion({
+	Width: { columnId: Schema.String },
+	Split: { abovePaneId: Schema.String }
+});
+const Resize = Schema.Union([OutMessage.ResizedColumn, OutMessage.ResizedPanes]);
+const placesOf = (layout) => __foldkitBrandViewResult((Array.flatMap(layout, (column, columnIndex) => __foldkitBrandViewResult((Array.map(column.panes, (pane, row) => (__foldkitBrandViewResult(({
+	column,
+	columnIndex,
+	row,
+	pane
+}), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~2")))), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous"))), "@gjermundgaraba/pixel-paper/reel/layout.js#placesOf");
+const placeOf = (layout, paneId) => __foldkitBrandViewResult((Array.findFirst(placesOf(layout), (place) => __foldkitBrandViewResult((place.pane.id === paneId), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~3"))), "@gjermundgaraba/pixel-paper/reel/layout.js#placeOf");
+const placeAt = (layout, columnIndex, row) => __foldkitBrandViewResult((Option.flatMap(Array.get(layout, columnIndex), (column) => __foldkitBrandViewResult((Option.map(Array.get(column.panes, row), (pane) => (__foldkitBrandViewResult(({
+	column,
+	columnIndex,
+	row,
+	pane
+}), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~5")))), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~4"))), "@gjermundgaraba/pixel-paper/reel/layout.js#placeAt");
+const firstPlace = (layout) => __foldkitBrandViewResult((placeAt(layout, 0, 0)), "@gjermundgaraba/pixel-paper/reel/layout.js#firstPlace");
+const columnIndexOf = (layout, columnId) => __foldkitBrandViewResult((Array.findFirstIndex(layout, (column) => __foldkitBrandViewResult((column.id === columnId), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~6"))), "@gjermundgaraba/pixel-paper/reel/layout.js#columnIndexOf");
+const columnOf = (layout, columnId) => __foldkitBrandViewResult((Array.findFirst(layout, (column) => __foldkitBrandViewResult((column.id === columnId), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~7"))), "@gjermundgaraba/pixel-paper/reel/layout.js#columnOf");
+const nextColumnId = (layout, columnIndex) => __foldkitBrandViewResult((Option.map(Array.get(layout, columnIndex + 1), (column) => __foldkitBrandViewResult((column.id), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~8"))), "@gjermundgaraba/pixel-paper/reel/layout.js#nextColumnId");
+const meanWeight = (panes) => __foldkitBrandViewResult((Array.match(panes, {
+	onEmpty: () => __foldkitBrandViewResult((1), "@gjermundgaraba/pixel-paper/reel/layout.js#onEmpty"),
+	onNonEmpty: (some) => __foldkitBrandViewResult((Array.reduce(some, 0, (mean, pane, index) => __foldkitBrandViewResult((mean + (pane.weight - mean) / (index + 1)), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~9"))), "@gjermundgaraba/pixel-paper/reel/layout.js#onNonEmpty")
+})), "@gjermundgaraba/pixel-paper/reel/layout.js#meanWeight");
+const othersIn = (column, paneId) => __foldkitBrandViewResult((Array.filter(column.panes, (pane) => __foldkitBrandViewResult((pane.id !== paneId), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~10"))), "@gjermundgaraba/pixel-paper/reel/layout.js#othersIn");
+const insertAt = (items, index, item) => {
+	const [before, after] = Array.splitAt(items, Number.clamp(index, {
+		minimum: 0,
+		maximum: items.length
+	}));
+	return __foldkitBrandViewResult((Array.appendAll(Array.append(before, item), after)), "@gjermundgaraba/pixel-paper/reel/layout.js#insertAt");
+};
+const without = (layout, paneId) => __foldkitBrandViewResult((Array.flatMap(layout, (column) => {
+	const others = othersIn(column, paneId);
+	return __foldkitBrandViewResult((Array.isReadonlyArrayNonEmpty(others) ? [{
+		...column,
+		panes: others
+	}] : []), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~11");
+})), "@gjermundgaraba/pixel-paper/reel/layout.js#without");
+const gapIndex = (layout, maybeBeforeColumnId) => __foldkitBrandViewResult((Option.match(maybeBeforeColumnId, {
+	onNone: () => __foldkitBrandViewResult((Option.some(layout.length)), "@gjermundgaraba/pixel-paper/reel/layout.js#onNone"),
+	onSome: (columnId) => __foldkitBrandViewResult((columnIndexOf(layout, columnId)), "@gjermundgaraba/pixel-paper/reel/layout.js#onSome")
+})), "@gjermundgaraba/pixel-paper/reel/layout.js#gapIndex");
+const freshColumnId = (layout, paneId, suffix = 1) => {
+	const candidate = suffix === 1 ? paneId : `${paneId}/${suffix}`;
+	return __foldkitBrandViewResult((Array.some(layout, (column) => __foldkitBrandViewResult((column.id === candidate), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~12")) ? freshColumnId(layout, paneId, suffix + 1) : candidate), "@gjermundgaraba/pixel-paper/reel/layout.js#freshColumnId");
+};
+const movePane = (layout, paneId, toColumnId, toIndex) => __foldkitBrandViewResult((Option.match(Option.all({
+	from: placeOf(layout, paneId),
+	to: columnOf(layout, toColumnId)
+}), {
+	onNone: () => __foldkitBrandViewResult((layout), "@gjermundgaraba/pixel-paper/reel/layout.js#onNone~2"),
+	onSome: ({ from, to }) => {
+		const others = othersIn(to, paneId);
+		const weight = to.id === from.column.id ? from.pane.weight : meanWeight(others);
+		const panes = insertAt(others, toIndex, {
+			...from.pane,
+			weight
+		});
+		return __foldkitBrandViewResult((Array.flatMap(layout, (column) => __foldkitBrandViewResult((column.id === toColumnId ? [{
+			...column,
+			panes
+		}] : without([column], paneId)), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~13"))), "@gjermundgaraba/pixel-paper/reel/layout.js#onSome~2");
+	}
+})), "@gjermundgaraba/pixel-paper/reel/layout.js#movePane");
+const pullOutPane = (layout, paneId, maybeBeforeColumnId) => __foldkitBrandViewResult((Option.match(placeOf(layout, paneId), {
+	onNone: () => __foldkitBrandViewResult((layout), "@gjermundgaraba/pixel-paper/reel/layout.js#onNone~3"),
+	onSome: (from) => {
+		const isAlone = from.column.panes.length === 1;
+		const isWhereItIs = Equal.equals(maybeBeforeColumnId, Option.some(from.column.id)) || Equal.equals(maybeBeforeColumnId, nextColumnId(layout, from.columnIndex));
+		const rest = without(layout, paneId);
+		if (isAlone && isWhereItIs) return __foldkitBrandViewResult((layout), "@gjermundgaraba/pixel-paper/reel/layout.js#onSome~3");
+		return __foldkitBrandViewResult((Option.match(gapIndex(rest, maybeBeforeColumnId), {
+			onNone: () => __foldkitBrandViewResult((layout), "@gjermundgaraba/pixel-paper/reel/layout.js#onNone~4"),
+			onSome: (gap) => __foldkitBrandViewResult((insertAt(rest, gap, {
+				id: freshColumnId(rest, paneId),
+				width: from.column.width,
+				panes: [{
+					...from.pane,
+					weight: 1
+				}]
+			})), "@gjermundgaraba/pixel-paper/reel/layout.js#onSome~4")
+		})), "@gjermundgaraba/pixel-paper/reel/layout.js#onSome~3");
+	}
+})), "@gjermundgaraba/pixel-paper/reel/layout.js#pullOutPane");
+const moveColumn = (layout, columnId, maybeBeforeColumnId) => {
+	const rest = Array.filter(layout, (column) => __foldkitBrandViewResult((column.id !== columnId), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~14"));
+	return __foldkitBrandViewResult((Option.match(Option.all({
+		column: columnOf(layout, columnId),
+		gap: gapIndex(rest, maybeBeforeColumnId)
+	}), {
+		onNone: () => __foldkitBrandViewResult((layout), "@gjermundgaraba/pixel-paper/reel/layout.js#onNone~5"),
+		onSome: ({ column, gap }) => __foldkitBrandViewResult((insertAt(rest, gap, column)), "@gjermundgaraba/pixel-paper/reel/layout.js#onSome~5")
+	})), "@gjermundgaraba/pixel-paper/reel/layout.js#moveColumn");
+};
+const modifyColumn = (layout, columnId, f) => __foldkitBrandViewResult((Array.map(layout, (column) => __foldkitBrandViewResult((column.id === columnId ? f(column) : column), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~15"))), "@gjermundgaraba/pixel-paper/reel/layout.js#modifyColumn");
+/**
+* The layout once `request` is applied: what the reel asked, done the way every client does
+* it. A pane that leaves its column takes the mean weight of the column it joins; a column
+* left without panes goes; a pane pulled out keeps its old column's width, in a column named
+* for it. A request naming a pane or column the layout no longer has changes nothing.
+*/
+const apply = (layout, request) => __foldkitBrandViewResult((OutMessage.match(request, {
+	MovedPane: ({ paneId, toColumnId, toIndex }) => __foldkitBrandViewResult((movePane(layout, paneId, toColumnId, toIndex)), "@gjermundgaraba/pixel-paper/reel/layout.js#MovedPane"),
+	PulledOutPane: ({ paneId, maybeBeforeColumnId }) => __foldkitBrandViewResult((pullOutPane(layout, paneId, maybeBeforeColumnId)), "@gjermundgaraba/pixel-paper/reel/layout.js#PulledOutPane"),
+	MovedColumn: ({ columnId, maybeBeforeColumnId }) => __foldkitBrandViewResult((moveColumn(layout, columnId, maybeBeforeColumnId)), "@gjermundgaraba/pixel-paper/reel/layout.js#MovedColumn"),
+	ResizedColumn: ({ columnId, width }) => __foldkitBrandViewResult((modifyColumn(layout, columnId, (column) => (__foldkitBrandViewResult(({
+		...column,
+		width
+	}), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~16")))), "@gjermundgaraba/pixel-paper/reel/layout.js#ResizedColumn"),
+	ResizedPanes: ({ columnId, weights }) => __foldkitBrandViewResult((modifyColumn(layout, columnId, (column) => (__foldkitBrandViewResult(({
+		...column,
+		panes: Array.map(column.panes, (pane) => (__foldkitBrandViewResult(({
+			...pane,
+			weight: Option.getOrElse(Record.get(weights, pane.id), () => __foldkitBrandViewResult((pane.weight), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~19"))
+		}), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~18")))
+	}), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~17")))), "@gjermundgaraba/pixel-paper/reel/layout.js#ResizedPanes")
+})), "@gjermundgaraba/pixel-paper/reel/layout.js#apply");
+const isChange = (layout, request) => __foldkitBrandViewResult((!Equal.equals(apply(layout, request), layout)), "@gjermundgaraba/pixel-paper/reel/layout.js#isChange");
+const PRESET_TOLERANCE = .01;
+const PRESETS = [
+	{
+		width: 1 / 3,
+		words: "a third of the width"
+	},
+	{
+		width: 1 / 2,
+		words: "half the width"
+	},
+	{
+		width: 2 / 3,
+		words: "two thirds of the width"
+	},
+	{
+		width: 1,
+		words: "the full width"
+	}
+];
+const presetOf = (width) => __foldkitBrandViewResult((Array.findFirst(PRESETS, (preset) => __foldkitBrandViewResult((Math.abs(preset.width - width) < PRESET_TOLERANCE), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~20"))), "@gjermundgaraba/pixel-paper/reel/layout.js#presetOf");
+const percent = (width) => __foldkitBrandViewResult((Math.round(width * 100).toLocaleString(LOCALE)), "@gjermundgaraba/pixel-paper/reel/layout.js#percent");
+const widthWords = (width) => __foldkitBrandViewResult((Option.match(presetOf(width), {
+	onNone: () => __foldkitBrandViewResult((`${percent(width)}% of the width`), "@gjermundgaraba/pixel-paper/reel/layout.js#onNone~6"),
+	onSome: ({ words }) => __foldkitBrandViewResult((words), "@gjermundgaraba/pixel-paper/reel/layout.js#onSome~6")
+})), "@gjermundgaraba/pixel-paper/reel/layout.js#widthWords");
+const nextPreset = (width) => __foldkitBrandViewResult((Option.getOrElse(Array.findFirst(PRESETS, (preset) => __foldkitBrandViewResult((preset.width > width + PRESET_TOLERANCE), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~21")), () => __foldkitBrandViewResult((Array.headNonEmpty(PRESETS)), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~22")).width), "@gjermundgaraba/pixel-paper/reel/layout.js#nextPreset");
+const WORDS = {
+	columnSubject: "column with {pane}",
+	place: "column {column} of {columns}",
+	stackedPlace: "{row} of {rows} in column {column} of {columns}"
+};
+const WHERE_IT_WAS = "where it was";
+const fill = (template, fields) => __foldkitBrandViewResult((Array.reduce(Object.entries(fields), template, (text, [key, value]) => __foldkitBrandViewResult((text.replaceAll(`{${key}}`, Predicate.isNumber(value) ? value.toLocaleString(LOCALE) : value)), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~23"))), "@gjermundgaraba/pixel-paper/reel/layout.js#fill");
+const subjectWords = (layout, subject) => __foldkitBrandViewResult((Subject.match(subject, {
+	Pane: ({ paneId }) => __foldkitBrandViewResult((Option.map(placeOf(layout, paneId), ({ pane }) => __foldkitBrandViewResult((pane.label), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~24"))), "@gjermundgaraba/pixel-paper/reel/layout.js#Pane"),
+	Column: ({ columnId }) => __foldkitBrandViewResult((Option.map(columnOf(layout, columnId), (column) => __foldkitBrandViewResult((fill(WORDS.columnSubject, { pane: Array.headNonEmpty(column.panes).label })), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~25"))), "@gjermundgaraba/pixel-paper/reel/layout.js#Column")
+})), "@gjermundgaraba/pixel-paper/reel/layout.js#subjectWords");
+const placeWords = (layout, place) => {
+	const rows = place.column.panes.length;
+	const fields = {
+		column: place.columnIndex + 1,
+		columns: layout.length,
+		row: place.row + 1,
+		rows
+	};
+	return __foldkitBrandViewResult((rows > 1 ? fill(WORDS.stackedPlace, fields) : fill(WORDS.place, fields)), "@gjermundgaraba/pixel-paper/reel/layout.js#placeWords");
+};
+const whereWords = (layout, subject) => __foldkitBrandViewResult((Subject.match(subject, {
+	Pane: ({ paneId }) => __foldkitBrandViewResult((Option.map(placeOf(layout, paneId), (place) => __foldkitBrandViewResult((placeWords(layout, place)), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~26"))), "@gjermundgaraba/pixel-paper/reel/layout.js#Pane~2"),
+	Column: ({ columnId }) => __foldkitBrandViewResult((Option.map(columnIndexOf(layout, columnId), (column) => __foldkitBrandViewResult((fill(WORDS.place, {
+		column: column + 1,
+		columns: layout.length
+	})), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~27"))), "@gjermundgaraba/pixel-paper/reel/layout.js#Column~2")
+})), "@gjermundgaraba/pixel-paper/reel/layout.js#whereWords");
+const originOf = (layout, paneId) => __foldkitBrandViewResult((Option.map(placeOf(layout, paneId), ({ column, row }) => __foldkitBrandViewResult((Target.Into({
+	columnId: column.id,
+	index: row
+})), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~28"))), "@gjermundgaraba/pixel-paper/reel/layout.js#originOf");
+const requestOf = (layout, paneId, target) => __foldkitBrandViewResult((Option.liftPredicate(Target.match(target, {
+	Into: ({ columnId, index }) => __foldkitBrandViewResult((OutMessage.MovedPane({
+		paneId,
+		toColumnId: columnId,
+		toIndex: index
+	})), "@gjermundgaraba/pixel-paper/reel/layout.js#Into"),
+	Gap: ({ maybeBeforeColumnId }) => __foldkitBrandViewResult((OutMessage.PulledOutPane({
+		paneId,
+		maybeBeforeColumnId
+	})), "@gjermundgaraba/pixel-paper/reel/layout.js#Gap")
+}), (request) => __foldkitBrandViewResult((isChange(layout, request)), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~29"))), "@gjermundgaraba/pixel-paper/reel/layout.js#requestOf");
+const landingWords = (layout, paneId, target) => __foldkitBrandViewResult((Option.match(requestOf(layout, paneId, target), {
+	onNone: () => __foldkitBrandViewResult((WHERE_IT_WAS), "@gjermundgaraba/pixel-paper/reel/layout.js#onNone~7"),
+	onSome: (request) => __foldkitBrandViewResult((Option.getOrElse(whereWords(apply(layout, request), Subject.Pane({ paneId })), () => __foldkitBrandViewResult((WHERE_IT_WAS), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~30"))), "@gjermundgaraba/pixel-paper/reel/layout.js#onSome~7")
+})), "@gjermundgaraba/pixel-paper/reel/layout.js#landingWords");
+const columnOfTarget = (layout, target) => __foldkitBrandViewResult((Target.match(target, {
+	Into: ({ columnId }) => __foldkitBrandViewResult((Option.some(columnId)), "@gjermundgaraba/pixel-paper/reel/layout.js#Into~2"),
+	Gap: ({ maybeBeforeColumnId }) => __foldkitBrandViewResult((Option.orElse(maybeBeforeColumnId, () => __foldkitBrandViewResult((Option.map(Array.last(layout), ({ id }) => __foldkitBrandViewResult((id), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~32"))), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~31"))), "@gjermundgaraba/pixel-paper/reel/layout.js#Gap~2")
+})), "@gjermundgaraba/pixel-paper/reel/layout.js#columnOfTarget");
+const Step = Schema.Literals([
+	"Up",
+	"Down",
+	"Left",
+	"Right"
+]);
+const stopOf = (layout, target) => __foldkitBrandViewResult((Target.match(target, {
+	Into: ({ columnId }) => __foldkitBrandViewResult((Option.map(columnIndexOf(layout, columnId), (column) => __foldkitBrandViewResult((column * 2 + 1), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~33"))), "@gjermundgaraba/pixel-paper/reel/layout.js#Into~3"),
+	Gap: ({ maybeBeforeColumnId }) => __foldkitBrandViewResult((Option.map(gapIndex(layout, maybeBeforeColumnId), (gap) => __foldkitBrandViewResult((gap * 2), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~34"))), "@gjermundgaraba/pixel-paper/reel/layout.js#Gap~3")
+})), "@gjermundgaraba/pixel-paper/reel/layout.js#stopOf");
+const isTargetPresent = (layout, target) => __foldkitBrandViewResult((Option.isSome(stopOf(layout, target))), "@gjermundgaraba/pixel-paper/reel/layout.js#isTargetPresent");
+const roomIn = (column, paneId) => __foldkitBrandViewResult((othersIn(column, paneId).length), "@gjermundgaraba/pixel-paper/reel/layout.js#roomIn");
+const targetAtStop = (layout, paneId, stop, row) => __foldkitBrandViewResult((stop % 2 === 0 ? Target.Gap({ maybeBeforeColumnId: Option.map(Array.get(layout, stop / 2), ({ id }) => __foldkitBrandViewResult((id), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~35")) }) : Option.match(Array.get(layout, (stop - 1) / 2), {
+	onNone: () => __foldkitBrandViewResult((Target.Gap({ maybeBeforeColumnId: Option.none() })), "@gjermundgaraba/pixel-paper/reel/layout.js#onNone~8"),
+	onSome: (column) => __foldkitBrandViewResult((Target.Into({
+		columnId: column.id,
+		index: Math.min(row, roomIn(column, paneId))
+	})), "@gjermundgaraba/pixel-paper/reel/layout.js#onSome~8")
+})), "@gjermundgaraba/pixel-paper/reel/layout.js#targetAtStop");
+const stepOnce = (layout, paneId, target, step) => {
+	const row = Target.match(target, {
+		Into: ({ index }) => __foldkitBrandViewResult((index), "@gjermundgaraba/pixel-paper/reel/layout.js#Into~4"),
+		Gap: () => __foldkitBrandViewResult((0), "@gjermundgaraba/pixel-paper/reel/layout.js#Gap~4")
+	});
+	return __foldkitBrandViewResult((Option.match(stopOf(layout, target), {
+		onNone: () => __foldkitBrandViewResult((target), "@gjermundgaraba/pixel-paper/reel/layout.js#onNone~9"),
+		onSome: (stop) => __foldkitBrandViewResult((Match.value(step).pipe(Match.withReturnType(), Match.when("Left", () => __foldkitBrandViewResult((targetAtStop(layout, paneId, Math.max(stop - 1, 0), row)), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~36")), Match.when("Right", () => __foldkitBrandViewResult((targetAtStop(layout, paneId, Math.min(stop + 1, layout.length * 2), row)), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~37")), Match.whenOr("Up", "Down", () => __foldkitBrandViewResult((Target.match(target, {
+			Gap: () => __foldkitBrandViewResult((target), "@gjermundgaraba/pixel-paper/reel/layout.js#Gap~5"),
+			Into: ({ columnId }) => __foldkitBrandViewResult((Option.match(columnOf(layout, columnId), {
+				onNone: () => __foldkitBrandViewResult((target), "@gjermundgaraba/pixel-paper/reel/layout.js#onNone~10"),
+				onSome: (column) => __foldkitBrandViewResult((Target.Into({
+					columnId,
+					index: Number.clamp(step === "Up" ? row - 1 : row + 1, {
+						minimum: 0,
+						maximum: roomIn(column, paneId)
+					})
+				})), "@gjermundgaraba/pixel-paper/reel/layout.js#onSome~10")
+			})), "@gjermundgaraba/pixel-paper/reel/layout.js#Into~5")
+		})), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~38")), Match.exhaustive)), "@gjermundgaraba/pixel-paper/reel/layout.js#onSome~9")
+	})), "@gjermundgaraba/pixel-paper/reel/layout.js#stepOnce");
+};
+const presentOrOrigin = (layout, target, origin) => __foldkitBrandViewResult((isTargetPresent(layout, target) ? target : Option.getOrElse(origin, () => __foldkitBrandViewResult((target), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~39"))), "@gjermundgaraba/pixel-paper/reel/layout.js#presentOrOrigin");
+const isChangingDropOrOrigin = (layout, paneId, origin, candidate) => __foldkitBrandViewResult((Option.isSome(requestOf(layout, paneId, candidate)) || Option.exists(origin, (place) => __foldkitBrandViewResult((Equal.equals(place, candidate)), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~40"))), "@gjermundgaraba/pixel-paper/reel/layout.js#isChangingDropOrOrigin");
+const stopAndRowCount = (layout) => __foldkitBrandViewResult((layout.length * 2 + Array.length(placesOf(layout))), "@gjermundgaraba/pixel-paper/reel/layout.js#stopAndRowCount");
+const steppedTarget = (layout, paneId, target, step) => {
+	const origin = originOf(layout, paneId);
+	const start = presentOrOrigin(layout, target, origin);
+	const walkPastUnchangingStops = (from, left) => {
+		const next = stepOnce(layout, paneId, from, step);
+		if (Equal.equals(next, from) || left === 0) return __foldkitBrandViewResult((start), "@gjermundgaraba/pixel-paper/reel/layout.js#walkPastUnchangingStops");
+		return __foldkitBrandViewResult((isChangingDropOrOrigin(layout, paneId, origin, next) ? next : walkPastUnchangingStops(next, left - 1)), "@gjermundgaraba/pixel-paper/reel/layout.js#walkPastUnchangingStops");
+	};
+	return __foldkitBrandViewResult((walkPastUnchangingStops(start, stopAndRowCount(layout))), "@gjermundgaraba/pixel-paper/reel/layout.js#steppedTarget");
+};
+const GAP_BAND_SHARE = .2;
+const GAP_BAND_MAX = 48;
+const gapBefore = (columns, gap) => __foldkitBrandViewResult((Target.Gap({ maybeBeforeColumnId: Option.map(Array.get(columns, gap), ({ id }) => __foldkitBrandViewResult((id), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~41")) })), "@gjermundgaraba/pixel-paper/reel/layout.js#gapBefore");
+const gapBandOf = ({ left, right }) => __foldkitBrandViewResult((Math.min((right - left) * GAP_BAND_SHARE, GAP_BAND_MAX)), "@gjermundgaraba/pixel-paper/reel/layout.js#gapBandOf");
+const columnUnderOrRightOf = (columns, clientX) => __foldkitBrandViewResult((pipe(Array.findFirstIndex(columns, ({ right }) => __foldkitBrandViewResult((clientX <= right), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~42")), Option.flatMap((index) => __foldkitBrandViewResult((Option.map(Array.get(columns, index), (box) => (__foldkitBrandViewResult(({
+	index,
+	box
+}), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~44")))), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~43")))), "@gjermundgaraba/pixel-paper/reel/layout.js#columnUnderOrRightOf");
+const slotsAbove = (slotMiddles, clientY) => __foldkitBrandViewResult((Array.filter(slotMiddles, (middle) => __foldkitBrandViewResult((middle < clientY), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~45")).length), "@gjermundgaraba/pixel-paper/reel/layout.js#slotsAbove");
+const targetAtPoint = (columns, clientX, clientY, slotMiddlesOf) => __foldkitBrandViewResult((Option.match(columnUnderOrRightOf(columns, clientX), {
+	onNone: () => __foldkitBrandViewResult((gapBefore(columns, columns.length)), "@gjermundgaraba/pixel-paper/reel/layout.js#onNone~11"),
+	onSome: ({ index, box }) => {
+		const band = gapBandOf(box);
+		if (clientX < box.left + band) return __foldkitBrandViewResult((gapBefore(columns, index)), "@gjermundgaraba/pixel-paper/reel/layout.js#onSome~11");
+		else if (clientX > box.right - band) return __foldkitBrandViewResult((gapBefore(columns, index + 1)), "@gjermundgaraba/pixel-paper/reel/layout.js#onSome~11");
+		return __foldkitBrandViewResult((Target.Into({
+			columnId: box.id,
+			index: slotsAbove(slotMiddlesOf(index), clientY)
+		})), "@gjermundgaraba/pixel-paper/reel/layout.js#onSome~11");
+	}
+})), "@gjermundgaraba/pixel-paper/reel/layout.js#targetAtPoint");
+const COLUMN_WIDTH_FLOOR = .1;
+const PANE_SHARE_FLOOR = .05;
+const PRECISION = 1e4;
+const rounded = (value) => __foldkitBrandViewResult((Math.round(value * PRECISION) / PRECISION), "@gjermundgaraba/pixel-paper/reel/layout.js#rounded");
+const precisionFinerThan = (floor) => __foldkitBrandViewResult((Math.max(PRECISION, 10 ** Math.ceil(-Math.log10(floor)))), "@gjermundgaraba/pixel-paper/reel/layout.js#precisionFinerThan");
+const roundedOver = (weight, floor) => {
+	const precision = precisionFinerThan(floor);
+	const scaled = weight * precision;
+	return __foldkitBrandViewResult((globalThis.Number.isFinite(scaled) ? Math.round(scaled) / precision : weight), "@gjermundgaraba/pixel-paper/reel/layout.js#roundedOver");
+};
+const resizedColumn = (layout, columnId, share) => __foldkitBrandViewResult((Option.map(columnOf(layout, columnId), (column) => __foldkitBrandViewResult((OutMessage.ResizedColumn({
+	columnId,
+	width: rounded(Number.clamp(column.width + share, {
+		minimum: COLUMN_WIDTH_FLOOR,
+		maximum: 1
+	}))
+})), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~46"))), "@gjermundgaraba/pixel-paper/reel/layout.js#resizedColumn");
+const paneWeightFloor = (total, pair) => __foldkitBrandViewResult((Math.max(Math.min(total * PANE_SHARE_FLOOR, pair / 2), globalThis.Number.MIN_VALUE)), "@gjermundgaraba/pixel-paper/reel/layout.js#paneWeightFloor");
+const sharedPair = (column, above, below, share) => {
+	const total = Number.sumAll(Array.map(column.panes, ({ weight }) => __foldkitBrandViewResult((weight), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~47")));
+	const pair = above.weight + below.weight;
+	const floor = paneWeightFloor(total, pair);
+	const nextAbove = Number.clamp(above.weight + share * total, {
+		minimum: floor,
+		maximum: pair - floor
+	});
+	const isShareMovable = globalThis.Number.isFinite(total);
+	return __foldkitBrandViewResult((OutMessage.ResizedPanes({
+		columnId: column.id,
+		weights: isShareMovable ? {
+			[above.id]: roundedOver(nextAbove, floor),
+			[below.id]: roundedOver(pair - nextAbove, floor)
+		} : {
+			[above.id]: above.weight,
+			[below.id]: below.weight
+		}
+	})), "@gjermundgaraba/pixel-paper/reel/layout.js#sharedPair");
+};
+const resizeOf = (layout, splitter, share) => __foldkitBrandViewResult((Splitter.match(splitter, {
+	Width: ({ columnId }) => __foldkitBrandViewResult((resizedColumn(layout, columnId, share)), "@gjermundgaraba/pixel-paper/reel/layout.js#Width"),
+	Split: ({ abovePaneId }) => __foldkitBrandViewResult((Option.flatMap(placeOf(layout, abovePaneId), ({ column, row, pane: above }) => __foldkitBrandViewResult((Option.map(Array.get(column.panes, row + 1), (below) => __foldkitBrandViewResult((sharedPair(column, above, below, share)), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~49"))), "@gjermundgaraba/pixel-paper/reel/layout.js#anonymous~48"))), "@gjermundgaraba/pixel-paper/reel/layout.js#Split")
+})), "@gjermundgaraba/pixel-paper/reel/layout.js#resizeOf");
+const isSplitterPresent = (layout, splitter) => __foldkitBrandViewResult((Option.isSome(resizeOf(layout, splitter, 0))), "@gjermundgaraba/pixel-paper/reel/layout.js#isSplitterPresent");
+export { Column, Layout, OutMessage, Pane, Resize, Splitter, Step, Subject, Target, WHERE_IT_WAS, apply, columnOfTarget, fill, firstPlace, isChange, isSplitterPresent, isTargetPresent, landingWords, nextPreset, originOf, placeAt, placeOf, placeWords, requestOf, resizeOf, steppedTarget, subjectWords, targetAtPoint, whereWords, widthWords };