@gjermundgaraba-designs/pixel-paper 0.20.1 → 0.22.0

package/dist/src/reel/layout.d.ts

@@ -33,7 +33,7 @@ export declare const Layout: Schema.$Array<Schema.Struct<{
     }>>;
 }>>;
 export type Layout = typeof Layout.Type;
-/** What is held: a pane or a column, by its id. */
+/** What a move is said of: a pane, or a column (a key moves one), by its id. */
 export declare const Subject: import("foldkit/schema").TaggedUnion<{
     readonly Pane: {
         paneId: Schema.String;
@@ -43,8 +43,8 @@ export declare const Subject: import("foldkit/schema").TaggedUnion<{
     };
 }>;
 export type Subject = typeof Subject.Type;
-/** Where a held pane or column would land: into a column, at a place among its other panes,
- *  or in the gap before a column (none: after the last), as a column of its own. */
+/** Where a held pane would land: into a column, at a place among its other panes, or in the
+ *  gap before a column (none: after the last), as a column of its own. */
 export declare const Target: import("foldkit/schema").TaggedUnion<{
     readonly Into: {
         columnId: Schema.String;
@@ -115,8 +115,6 @@ export type Place = Readonly<{
 export declare const placeOf: (layout: Layout, paneId: string) => Option.Option<Place>;
 export declare const placeAt: (layout: Layout, columnIndex: number, row: number) => Option.Option<Place>;
 export declare const firstPlace: (layout: Layout) => Option.Option<Place>;
-export declare const columnIndexOf: (layout: Layout, columnId: string) => Option.Option<number>;
-export declare const columnOf: (layout: Layout, columnId: string) => Option.Option<Column>;
 /**
  * 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
@@ -125,25 +123,22 @@ export declare const columnOf: (layout: Layout, columnId: string) => Option.Opti
  */
 export declare const apply: (layout: Layout, request: OutMessage) => Layout;
 export declare const widthWords: (width: number) => string;
-export declare const widthMark: (width: number) => string;
 /** The next preset wider than `width`, or the narrowest past the widest. */
 export declare const nextPreset: (width: number) => number;
-/** What a place is called when a drop would leave the pane or column where it is. */
+/** What a place is called when a drop or a move would leave the pane or column where it is. */
 export declare const WHERE_IT_WAS = "where it was";
 export declare const fill: (template: string, fields: Readonly<Record<string, string | number>>) => string;
 export declare const subjectWords: (layout: Layout, subject: Subject) => Option.Option<string>;
 export declare const placeWords: (layout: Layout, place: Place) => string;
 /** Where `subject` sits in `layout`, in words. */
 export declare const whereWords: (layout: Layout, subject: Subject) => Option.Option<string>;
-/** Where `subject` is now, as a target: a pane at its place, a column in the gap before
- *  itself. */
-export declare const originOf: (layout: Layout, subject: Subject) => Option.Option<Target>;
-export declare const isPresent: (layout: Layout, subject: Subject) => boolean;
-/** What dropping `subject` at `target` asks of the layout: none where it would change
- *  nothing (where it is, or a target whose column is gone). */
-export declare const requestOf: (layout: Layout, subject: Subject, target: Target) => Option.Option<OutMessage>;
-/** Where `subject` would be once dropped at `target`, in words. */
-export declare const landingWords: (layout: Layout, subject: Subject, target: Target) => string;
+/** Where the pane `paneId` is now, as a target. */
+export declare const originOf: (layout: Layout, paneId: string) => Option.Option<Target>;
+/** What dropping the pane `paneId` at `target` asks of the layout: none where it would
+ *  change nothing (where it is, or a target whose column is gone). */
+export declare const requestOf: (layout: Layout, paneId: string, target: Target) => Option.Option<OutMessage>;
+/** Where the pane `paneId` would be once dropped at `target`, in words. */
+export declare const landingWords: (layout: Layout, paneId: string, target: Target) => string;
 /** The column a target sits in or before (the last, for the gap after it), which a keyboard
  *  step scrolls to. */
 export declare const columnOfTarget: (layout: Layout, target: Target) => Option.Option<string>;
@@ -151,11 +146,12 @@ export declare const Step: Schema.Literals<readonly ["Up", "Down", "Left", "Righ
 export type Step = typeof Step.Type;
 /** Whether the column `target` names (into it, or the gap before it) is still in `layout`. */
 export declare const isTargetPresent: (layout: Layout, target: Target) => boolean;
-/** A keyboard step from `target`: left and right cross from a column to the gap beside it and
- *  on to the next column, up and down move among a column's panes. A stop where the drop would
- *  change nothing is passed over, but for where `subject` started; with nothing further that
- *  way, it stays (where `subject` started, if the target's column has gone). */
-export declare const steppedTarget: (layout: Layout, subject: Subject, target: Target, step: Step) => Target;
+/** A keyboard step of the pane `paneId` from `target`: left and right cross from a column to
+ *  the gap beside it and on to the next column, up and down move among a column's panes. A
+ *  stop where the drop would change nothing is passed over, but for where the pane started;
+ *  with nothing further that way, it stays (where the pane started, if the target's column has
+ *  gone). */
+export declare const steppedTarget: (layout: Layout, paneId: string, target: Target, step: Step) => Target;
 /** A column as a pointer reads it: its id, its left and right edges, and the vertical middles
  *  of its slots, the held pane's left out. */
 export type ColumnBox = Readonly<{
@@ -165,11 +161,10 @@ export type ColumnBox = Readonly<{
     slotMiddles: ReadonlyArray<number>;
 }>;
 /** Where a pointer at (`clientX`, `clientY`) over a reel whose columns sit at `columns`, left
- *  to right, would drop `subject`. A column lands in the gap nearest the pointer, counted by
- *  the columns whose middle it has passed. A pane over a column's edge band (or over a gap, or
- *  past the last column) lands in that gap, as a column of its own; over the rest of a column
- *  it lands among that column's other panes, after each whose middle is above the pointer. */
-export declare const targetAtPoint: (subject: Subject, columns: ReadonlyArray<ColumnBox>, clientX: number, clientY: number) => Target;
+ *  to right, would drop a pane. Over a column's edge band (or over a gap, or past the last
+ *  column) it lands in that gap, as a column of its own; over the rest of a column it lands
+ *  among that column's other panes, after each whose middle is above the pointer. */
+export declare const targetAtPoint: (columns: ReadonlyArray<ColumnBox>, clientX: number, clientY: number) => Target;
 /** What moving `splitter` by `share` asks of the layout, from the sizes the layout holds (not
  *  the sizes printed, which the stylesheet may hold at a minimum): a width splitter adds
  *  `share` to its column's width; a pane splitter moves `share` of its column's height from

package/dist/src/reel/layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/reel/layout.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/reel/layout.ts"],"names":[],"mappings":"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"}

package/dist/src/reel/layout.js

@@ -1,6 +1,6 @@
 import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 // The reel's layout, apart from its Model: the panes, columns and requests the application
-// holds and applies, where a held pane or column may land, and how places are said.
+// holds and applies, where a held pane may land, and how places are said.
 import { Array, Equal, Match, Number, Option, Predicate, Record, Schema, pipe } from "effect";
 import { defineMessageUnion } from "foldkit/message";
 import { defineTaggedUnion } from "foldkit/schema";
@@ -25,13 +25,13 @@ export const Column = Schema.Struct({
 });
 /** Schema for a reel's layout: its columns, left to right. The application's to keep. */
 export const Layout = Schema.Array(Column);
-/** What is held: a pane or a column, by its id. */
+/** What a move is said of: a pane, or a column (a key moves one), by its id. */
 export const Subject = defineTaggedUnion({
     Pane: { paneId: Schema.String },
     Column: { columnId: Schema.String },
 });
-/** Where a held pane or column would land: into a column, at a place among its other panes,
- *  or in the gap before a column (none: after the last), as a column of its own. */
+/** Where a held pane would land: into a column, at a place among its other panes, or in the
+ *  gap before a column (none: after the last), as a column of its own. */
 export const Target = defineTaggedUnion({
     Into: { columnId: Schema.String, index: Schema.Number },
     Gap: { maybeBeforeColumnId: Schema.Option(Schema.String) },
@@ -65,8 +65,8 @@ const placesOf = (layout) => __foldkitBrandViewResult((Array.flatMap(layout, (co
 export const placeOf = (layout, paneId) => __foldkitBrandViewResult((Array.findFirst(placesOf(layout), (place) => __foldkitBrandViewResult((place.pane.id === paneId), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~3"))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#placeOf");
 export 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-designs/pixel-paper/src/reel/layout.js#anonymous~5")))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~4"))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#placeAt");
 export const firstPlace = (layout) => __foldkitBrandViewResult((placeAt(layout, 0, 0)), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#firstPlace");
-export const columnIndexOf = (layout, columnId) => __foldkitBrandViewResult((Array.findFirstIndex(layout, (column) => __foldkitBrandViewResult((column.id === columnId), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~6"))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#columnIndexOf");
-export const columnOf = (layout, columnId) => __foldkitBrandViewResult((Array.findFirst(layout, (column) => __foldkitBrandViewResult((column.id === columnId), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~7"))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#columnOf");
+const columnIndexOf = (layout, columnId) => __foldkitBrandViewResult((Array.findFirstIndex(layout, (column) => __foldkitBrandViewResult((column.id === columnId), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~6"))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#columnIndexOf");
+const columnOf = (layout, columnId) => __foldkitBrandViewResult((Array.findFirst(layout, (column) => __foldkitBrandViewResult((column.id === columnId), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~7"))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#columnOf");
 /** The id of the column after the one at `columnIndex`: none after the last. */
 const nextColumnId = (layout, columnIndex) => __foldkitBrandViewResult((Option.map(Array.get(layout, columnIndex + 1), (column) => __foldkitBrandViewResult((column.id), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~8"))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#nextColumnId");
 // a running mean, which never passes the largest weight, where the weights' sum may overflow
@@ -162,13 +162,13 @@ export const apply = (layout, request) => __foldkitBrandViewResult((OutMessage.m
 /** How close a width is to a preset to count as it. */
 const PRESET_TOLERANCE = 0.01;
 /** The widths a column cycles through, as fractions of the reel's visible width, with the
- *  words they are said in and the mark a column's head prints. They live here, not in the
- *  tokens, because they are words as much as sizes. */
+ *  words they are said in. They live here, not in the tokens, because they are words as much
+ *  as sizes. */
 const PRESETS = [
-    { width: 1 / 3, words: "a third of the width", mark: "1/3" },
-    { width: 1 / 2, words: "half the width", mark: "1/2" },
-    { width: 2 / 3, words: "two thirds of the width", mark: "2/3" },
-    { width: 1, words: "the full width", mark: "full" },
+    { 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-designs/pixel-paper/src/reel/layout.js#anonymous~20"))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#presetOf");
 const percent = (width) => __foldkitBrandViewResult((Math.round(width * 100).toLocaleString(LOCALE)), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#percent");
@@ -176,10 +176,6 @@ export const widthWords = (width) => __foldkitBrandViewResult((Option.match(pres
     onNone: () => __foldkitBrandViewResult((`${percent(width)}% of the width`), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#onNone~6"),
     onSome: ({ words }) => __foldkitBrandViewResult((words), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#onSome~6"),
 })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#widthWords");
-export const widthMark = (width) => __foldkitBrandViewResult((Option.match(presetOf(width), {
-    onNone: () => __foldkitBrandViewResult((`${percent(width)}%`), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#onNone~7"),
-    onSome: ({ mark }) => __foldkitBrandViewResult((mark), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#onSome~7"),
-})), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#widthMark");
 /** The next preset wider than `width`, or the narrowest past the widest. */
 export const nextPreset = (width) => __foldkitBrandViewResult((Option.getOrElse(Array.findFirst(PRESETS, (preset) => __foldkitBrandViewResult((preset.width > width + PRESET_TOLERANCE), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~21")), () => __foldkitBrandViewResult((Array.headNonEmpty(PRESETS)), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~22")).width), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#nextPreset");
 // WORDS
@@ -190,7 +186,7 @@ const WORDS = {
     place: "column {column} of {columns}",
     stackedPlace: "{row} of {rows} in column {column} of {columns}",
 };
-/** What a place is called when a drop would leave the pane or column where it is. */
+/** What a place is called when a drop or a move would leave the pane or column where it is. */
 export const WHERE_IT_WAS = "where it was";
 export 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-designs/pixel-paper/src/reel/layout.js#anonymous~23"))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#fill");
 export const subjectWords = (layout, subject) => __foldkitBrandViewResult((Subject.match(subject, {
@@ -213,90 +209,76 @@ export const whereWords = (layout, subject) => __foldkitBrandViewResult((Subject
     Column: ({ columnId }) => __foldkitBrandViewResult((Option.map(columnIndexOf(layout, columnId), (column) => __foldkitBrandViewResult((fill(WORDS.place, { column: column + 1, columns: layout.length })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~27"))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Column~2"),
 })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#whereWords");
 // TARGETS
-/** Where `subject` is now, as a target: a pane at its place, a column in the gap before
- *  itself. */
-export const originOf = (layout, subject) => __foldkitBrandViewResult((Subject.match(subject, {
-    Pane: ({ paneId }) => __foldkitBrandViewResult((Option.map(placeOf(layout, paneId), ({ column, row }) => __foldkitBrandViewResult((Target.Into({ columnId: column.id, index: row })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~28"))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Pane~3"),
-    Column: ({ columnId }) => __foldkitBrandViewResult((Option.map(columnIndexOf(layout, columnId), () => __foldkitBrandViewResult((Target.Gap({ maybeBeforeColumnId: Option.some(columnId) })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~29"))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Column~3"),
-})), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#originOf");
-export const isPresent = (layout, subject) => __foldkitBrandViewResult((Option.isSome(originOf(layout, subject))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#isPresent");
-/** What dropping `subject` at `target` asks of the layout: none where it would change
- *  nothing (where it is, or a target whose column is gone). */
-export const requestOf = (layout, subject, target) => __foldkitBrandViewResult((Option.filter(Subject.match(subject, {
-    Pane: ({ paneId }) => __foldkitBrandViewResult((Option.some(Target.match(target, {
-        Into: ({ columnId, index }) => __foldkitBrandViewResult((OutMessage.MovedPane({ paneId, toColumnId: columnId, toIndex: index })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Into"),
-        Gap: ({ maybeBeforeColumnId }) => __foldkitBrandViewResult((OutMessage.PulledOutPane({ paneId, maybeBeforeColumnId })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Gap"),
-    }))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Pane~4"),
-    Column: ({ columnId }) => __foldkitBrandViewResult((Target.match(target, {
-        Into: () => __foldkitBrandViewResult((Option.none()), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Into~2"),
-        Gap: ({ maybeBeforeColumnId }) => __foldkitBrandViewResult((Option.some(OutMessage.MovedColumn({ columnId, maybeBeforeColumnId }))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Gap~2"),
-    })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Column~4"),
-}), (request) => __foldkitBrandViewResult((!Equal.equals(apply(layout, request), layout)), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~30"))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#requestOf");
-/** Where `subject` would be once dropped at `target`, in words. */
-export const landingWords = (layout, subject, target) => __foldkitBrandViewResult((Option.match(requestOf(layout, subject, target), {
-    onNone: () => __foldkitBrandViewResult((WHERE_IT_WAS), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#onNone~8"),
-    onSome: (request) => __foldkitBrandViewResult((Option.getOrElse(whereWords(apply(layout, request), subject), () => __foldkitBrandViewResult((WHERE_IT_WAS), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~31"))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#onSome~8"),
+/** Where the pane `paneId` is now, as a target. */
+export const originOf = (layout, paneId) => __foldkitBrandViewResult((Option.map(placeOf(layout, paneId), ({ column, row }) => __foldkitBrandViewResult((Target.Into({ columnId: column.id, index: row })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~28"))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#originOf");
+/** What dropping the pane `paneId` at `target` asks of the layout: none where it would
+ *  change nothing (where it is, or a target whose column is gone). */
+export const requestOf = (layout, paneId, target) => __foldkitBrandViewResult((Option.filter(Option.some(Target.match(target, {
+    Into: ({ columnId, index }) => __foldkitBrandViewResult((OutMessage.MovedPane({ paneId, toColumnId: columnId, toIndex: index })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Into"),
+    Gap: ({ maybeBeforeColumnId }) => __foldkitBrandViewResult((OutMessage.PulledOutPane({ paneId, maybeBeforeColumnId })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Gap"),
+})), (request) => __foldkitBrandViewResult((!Equal.equals(apply(layout, request), layout)), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~29"))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#requestOf");
+/** Where the pane `paneId` would be once dropped at `target`, in words. */
+export const landingWords = (layout, paneId, target) => __foldkitBrandViewResult((Option.match(requestOf(layout, paneId, target), {
+    onNone: () => __foldkitBrandViewResult((WHERE_IT_WAS), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#onNone~7"),
+    onSome: (request) => __foldkitBrandViewResult((Option.getOrElse(whereWords(apply(layout, request), Subject.Pane({ paneId })), () => __foldkitBrandViewResult((WHERE_IT_WAS), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~30"))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#onSome~7"),
 })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#landingWords");
 /** The column a target sits in or before (the last, for the gap after it), which a keyboard
  *  step scrolls to. */
 export const columnOfTarget = (layout, target) => __foldkitBrandViewResult((Target.match(target, {
-    Into: ({ columnId }) => __foldkitBrandViewResult((Option.some(columnId)), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Into~3"),
-    Gap: ({ maybeBeforeColumnId }) => __foldkitBrandViewResult((Option.orElse(maybeBeforeColumnId, () => __foldkitBrandViewResult((Option.map(Array.last(layout), ({ id }) => __foldkitBrandViewResult((id), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~33"))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~32"))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Gap~3"),
+    Into: ({ columnId }) => __foldkitBrandViewResult((Option.some(columnId)), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Into~2"),
+    Gap: ({ maybeBeforeColumnId }) => __foldkitBrandViewResult((Option.orElse(maybeBeforeColumnId, () => __foldkitBrandViewResult((Option.map(Array.last(layout), ({ id }) => __foldkitBrandViewResult((id), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~32"))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~31"))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Gap~2"),
 })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#columnOfTarget");
 export const Step = Schema.Literals(["Up", "Down", "Left", "Right"]);
 // A keyboard step reads the layout as a row of stops: the gap before each column (even), then
-// the column itself (odd), and the gap after the last. A column steps from gap to gap.
+// the column itself (odd), and the gap after the last.
 const stopOf = (layout, target) => __foldkitBrandViewResult((Target.match(target, {
-    Into: ({ columnId }) => __foldkitBrandViewResult((Option.map(columnIndexOf(layout, columnId), (column) => __foldkitBrandViewResult((column * 2 + 1), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~34"))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Into~4"),
-    Gap: ({ maybeBeforeColumnId }) => __foldkitBrandViewResult((Option.map(gapIndex(layout, maybeBeforeColumnId), (gap) => __foldkitBrandViewResult((gap * 2), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~35"))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Gap~4"),
+    Into: ({ columnId }) => __foldkitBrandViewResult((Option.map(columnIndexOf(layout, columnId), (column) => __foldkitBrandViewResult((column * 2 + 1), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~33"))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Into~3"),
+    Gap: ({ maybeBeforeColumnId }) => __foldkitBrandViewResult((Option.map(gapIndex(layout, maybeBeforeColumnId), (gap) => __foldkitBrandViewResult((gap * 2), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~34"))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Gap~3"),
 })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#stopOf");
 /** Whether the column `target` names (into it, or the gap before it) is still in `layout`. */
 export const isTargetPresent = (layout, target) => __foldkitBrandViewResult((Option.isSome(stopOf(layout, target))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#isTargetPresent");
-const targetAtStop = (layout, subject, stop, row) => __foldkitBrandViewResult((stop % 2 === 0
+const targetAtStop = (layout, paneId, stop, row) => __foldkitBrandViewResult((stop % 2 === 0
     ? Target.Gap({
-        maybeBeforeColumnId: Option.map(Array.get(layout, stop / 2), ({ id }) => __foldkitBrandViewResult((id), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~36")),
+        maybeBeforeColumnId: Option.map(Array.get(layout, stop / 2), ({ id }) => __foldkitBrandViewResult((id), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~35")),
     })
     : Option.match(Array.get(layout, (stop - 1) / 2), {
-        onNone: () => __foldkitBrandViewResult((Target.Gap({ maybeBeforeColumnId: Option.none() })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#onNone~9"),
-        onSome: (column) => __foldkitBrandViewResult((Target.Into({ columnId: column.id, index: Math.min(row, roomIn(column, subject)) })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#onSome~9"),
+        onNone: () => __foldkitBrandViewResult((Target.Gap({ maybeBeforeColumnId: Option.none() })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#onNone~8"),
+        onSome: (column) => __foldkitBrandViewResult((Target.Into({ columnId: column.id, index: Math.min(row, roomIn(column, paneId)) })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#onSome~8"),
     })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#targetAtStop");
-/** The last index `subject` may take among a column's panes. */
-const roomIn = (column, subject) => __foldkitBrandViewResult((Subject.match(subject, {
-    Pane: ({ paneId }) => __foldkitBrandViewResult((othersIn(column, paneId).length), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Pane~5"),
-    Column: () => __foldkitBrandViewResult((0), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Column~5"),
-})), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#roomIn");
-const stepOnce = (layout, subject, target, step) => {
-    const row = Target.match(target, { Into: ({ index }) => __foldkitBrandViewResult((index), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Into~5"), Gap: () => __foldkitBrandViewResult((0), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Gap~5") });
-    const stride = subject._tag === "Column" ? 2 : 1;
+/** The last index the pane `paneId` may take among a column's panes. */
+const roomIn = (column, paneId) => __foldkitBrandViewResult((othersIn(column, paneId).length), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#roomIn");
+const stepOnce = (layout, paneId, target, step) => {
+    const row = Target.match(target, { Into: ({ index }) => __foldkitBrandViewResult((index), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Into~4"), Gap: () => __foldkitBrandViewResult((0), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Gap~4") });
     return __foldkitBrandViewResult((Option.match(stopOf(layout, target), {
-        onNone: () => __foldkitBrandViewResult((target), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#onNone~10"),
-        onSome: (stop) => __foldkitBrandViewResult((Match.value(step).pipe(Match.withReturnType(), Match.when("Left", () => __foldkitBrandViewResult((targetAtStop(layout, subject, Math.max(stop - stride, 0), row)), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~37")), Match.when("Right", () => __foldkitBrandViewResult((targetAtStop(layout, subject, Math.min(stop + stride, layout.length * 2), row)), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~38")), Match.whenOr("Up", "Down", () => __foldkitBrandViewResult((Target.match(target, {
-            Gap: () => __foldkitBrandViewResult((target), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Gap~6"),
+        onNone: () => __foldkitBrandViewResult((target), "@gjermundgaraba-designs/pixel-paper/src/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-designs/pixel-paper/src/reel/layout.js#anonymous~36")), Match.when("Right", () => __foldkitBrandViewResult((targetAtStop(layout, paneId, Math.min(stop + 1, layout.length * 2), row)), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~37")), Match.whenOr("Up", "Down", () => __foldkitBrandViewResult((Target.match(target, {
+            Gap: () => __foldkitBrandViewResult((target), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Gap~5"),
             Into: ({ columnId }) => __foldkitBrandViewResult((Option.match(columnOf(layout, columnId), {
-                onNone: () => __foldkitBrandViewResult((target), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#onNone~11"),
+                onNone: () => __foldkitBrandViewResult((target), "@gjermundgaraba-designs/pixel-paper/src/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, subject),
+                        maximum: roomIn(column, paneId),
                     }),
-                })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#onSome~11"),
-            })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Into~6"),
-        })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~39")), Match.exhaustive)), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#onSome~10"),
+                })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#onSome~10"),
+            })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Into~5"),
+        })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~38")), Match.exhaustive)), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#onSome~9"),
     })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#stepOnce");
 };
-/** A keyboard step from `target`: left and right cross from a column to the gap beside it and
- *  on to the next column, up and down move among a column's panes. A stop where the drop would
- *  change nothing is passed over, but for where `subject` started; with nothing further that
- *  way, it stays (where `subject` started, if the target's column has gone). */
-export const steppedTarget = (layout, subject, target, step) => {
-    const origin = originOf(layout, subject);
-    // a target whose column has gone steps from where `subject` started instead
-    const start = isTargetPresent(layout, target) ? target : Option.getOrElse(origin, () => __foldkitBrandViewResult((target), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~40"));
-    const isStop = (candidate) => __foldkitBrandViewResult((Option.isSome(requestOf(layout, subject, candidate)) ||
-        Option.exists(origin, (place) => __foldkitBrandViewResult((Equal.equals(place, candidate)), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~41"))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#isStop");
+/** A keyboard step of the pane `paneId` from `target`: left and right cross from a column to
+ *  the gap beside it and on to the next column, up and down move among a column's panes. A
+ *  stop where the drop would change nothing is passed over, but for where the pane started;
+ *  with nothing further that way, it stays (where the pane started, if the target's column has
+ *  gone). */
+export const steppedTarget = (layout, paneId, target, step) => {
+    const origin = originOf(layout, paneId);
+    // a target whose column has gone steps from where the pane started instead
+    const start = isTargetPresent(layout, target) ? target : Option.getOrElse(origin, () => __foldkitBrandViewResult((target), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~39"));
+    const isStop = (candidate) => __foldkitBrandViewResult((Option.isSome(requestOf(layout, paneId, candidate)) ||
+        Option.exists(origin, (place) => __foldkitBrandViewResult((Equal.equals(place, candidate)), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~40"))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#isStop");
     const walk = (from, left) => {
-        const next = stepOnce(layout, subject, from, step);
+        const next = stepOnce(layout, paneId, from, step);
         if (Equal.equals(next, from) || left === 0) {
             return __foldkitBrandViewResult((start), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#walk");
         }
@@ -309,33 +291,29 @@ export const steppedTarget = (layout, subject, target, step) => {
  *  pixels. */
 const EDGE_SHARE = 0.2;
 const EDGE_MAX = 48;
-const gapBefore = (columns, gap) => __foldkitBrandViewResult((Target.Gap({ maybeBeforeColumnId: Option.map(Array.get(columns, gap), ({ id }) => __foldkitBrandViewResult((id), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~42")) })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#gapBefore");
+const gapBefore = (columns, gap) => __foldkitBrandViewResult((Target.Gap({ maybeBeforeColumnId: Option.map(Array.get(columns, gap), ({ id }) => __foldkitBrandViewResult((id), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~41")) })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#gapBefore");
 /** Where a pointer at (`clientX`, `clientY`) over a reel whose columns sit at `columns`, left
- *  to right, would drop `subject`. A column lands in the gap nearest the pointer, counted by
- *  the columns whose middle it has passed. A pane over a column's edge band (or over a gap, or
- *  past the last column) lands in that gap, as a column of its own; over the rest of a column
- *  it lands among that column's other panes, after each whose middle is above the pointer. */
-export const targetAtPoint = (subject, columns, clientX, clientY) => __foldkitBrandViewResult((Subject.match(subject, {
-    Column: () => __foldkitBrandViewResult((gapBefore(columns, Array.filter(columns, ({ left, right }) => __foldkitBrandViewResult(((left + right) / 2 < clientX), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~43")).length)), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Column~6"),
-    Pane: () => __foldkitBrandViewResult((pipe(Array.findFirstIndex(columns, ({ right }) => __foldkitBrandViewResult((clientX <= right), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~44")), Option.flatMap((index) => __foldkitBrandViewResult((Option.map(Array.get(columns, index), (box) => (__foldkitBrandViewResult(({ index, box }), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~46")))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~45")), Option.match({
-        onNone: () => __foldkitBrandViewResult((gapBefore(columns, columns.length)), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#onNone~12"),
-        onSome: ({ index, box: { id, left, right, slotMiddles } }) => {
-            const band = Math.min((right - left) * EDGE_SHARE, EDGE_MAX);
-            if (clientX < left + band) {
-                return __foldkitBrandViewResult((gapBefore(columns, index)), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#onSome~12");
-            }
-            else if (clientX > right - band) {
-                return __foldkitBrandViewResult((gapBefore(columns, index + 1)), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#onSome~12");
-            }
-            else {
-                return __foldkitBrandViewResult((Target.Into({
-                    columnId: id,
-                    index: Array.filter(slotMiddles, (middle) => __foldkitBrandViewResult((middle < clientY), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~47")).length,
-                })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#onSome~12");
-            }
-        },
-    }))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Pane~6"),
-})), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#targetAtPoint");
+ *  to right, would drop a pane. Over a column's edge band (or over a gap, or past the last
+ *  column) it lands in that gap, as a column of its own; over the rest of a column it lands
+ *  among that column's other panes, after each whose middle is above the pointer. */
+export const targetAtPoint = (columns, clientX, clientY) => __foldkitBrandViewResult((pipe(Array.findFirstIndex(columns, ({ right }) => __foldkitBrandViewResult((clientX <= right), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~42")), Option.flatMap((index) => __foldkitBrandViewResult((Option.map(Array.get(columns, index), (box) => (__foldkitBrandViewResult(({ index, box }), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~44")))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~43")), Option.match({
+    onNone: () => __foldkitBrandViewResult((gapBefore(columns, columns.length)), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#onNone~11"),
+    onSome: ({ index, box: { id, left, right, slotMiddles } }) => {
+        const band = Math.min((right - left) * EDGE_SHARE, EDGE_MAX);
+        if (clientX < left + band) {
+            return __foldkitBrandViewResult((gapBefore(columns, index)), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#onSome~11");
+        }
+        else if (clientX > right - band) {
+            return __foldkitBrandViewResult((gapBefore(columns, index + 1)), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#onSome~11");
+        }
+        else {
+            return __foldkitBrandViewResult((Target.Into({
+                columnId: id,
+                index: Array.filter(slotMiddles, (middle) => __foldkitBrandViewResult((middle < clientY), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~45")).length,
+            })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#onSome~11");
+        }
+    },
+}))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#targetAtPoint");
 // RESIZE
 /** The narrowest a column's width goes by a splitter, and the least share of its column a pane
  *  keeps: the stylesheet keeps both on screen at their minimums, so these only keep a stored
@@ -362,9 +340,9 @@ export const resizeOf = (layout, splitter, share) => __foldkitBrandViewResult((S
     Width: ({ columnId }) => __foldkitBrandViewResult((Option.map(columnOf(layout, columnId), (column) => __foldkitBrandViewResult((OutMessage.ResizedColumn({
         columnId,
         width: rounded(Number.clamp(column.width + share, { minimum: WIDTH_FLOOR, maximum: 1 })),
-    })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~48"))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Width"),
+    })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~46"))), "@gjermundgaraba-designs/pixel-paper/src/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) => {
-        const total = Number.sumAll(Array.map(column.panes, ({ weight }) => __foldkitBrandViewResult((weight), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~51")));
+        const total = Number.sumAll(Array.map(column.panes, ({ weight }) => __foldkitBrandViewResult((weight), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~49")));
         const pair = above.weight + below.weight;
         // a column so small that a twentieth of it is no number keeps the least there is
         const floor = Math.max(Math.min(total * SHARE_FLOOR, pair / 2), globalThis.Number.MIN_VALUE);
@@ -381,8 +359,8 @@ export const resizeOf = (layout, splitter, share) => __foldkitBrandViewResult((S
                 }
                 : // weights that total past the largest number have no share to move: they stay
                     { [above.id]: above.weight, [below.id]: below.weight },
-        })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~50");
-    })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~49"))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Split"),
+        })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~48");
+    })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#anonymous~47"))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#Split"),
 })), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#resizeOf");
 /** Whether what `splitter` sizes is still in `layout`. */
 export const isSplitterPresent = (layout, splitter) => __foldkitBrandViewResult((Option.isSome(resizeOf(layout, splitter, 0))), "@gjermundgaraba-designs/pixel-paper/src/reel/layout.js#isSplitterPresent");