@gjermundgaraba-designs/pixel-paper 0.26.0 → 0.27.0

package/dist/src/dialog/dialog.js

@@ -1,6 +1,7 @@
 import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Dialog as UiDialog } from "@foldkit/ui";
 import { Array, Match, Option, Schema, pipe } from "effect";
+import { constUndefined } from "effect/Function";
 import * as Dom from "foldkit/dom";
 import { childAttributes } from "foldkit/html";
 import { defineMessageUnion } from "foldkit/message";
@@ -9,23 +10,19 @@ import { modifyFields } from "foldkit/struct";
 import { defineView } from "foldkit/submodel";
 import { isPlain } from "../keys/keys.js";
 import { foldDialog } from "./fold.js";
-// MODEL
 /** Schema for a pixel-paper dialog: the `@foldkit/ui` Dialog it is built on. */
 export const Model = Schema.Struct({
     dialog: UiDialog.Model,
 });
-/** Which way h, l and the side arrows move focus in a dialog's action bar. */
 const ActionDirection = Schema.Literals(["Previous", "Next"]);
 /** Where the card hangs: `Center`, or `Top`, 18% down, for a command palette. */
 export const Placement = Schema.Literals(["Center", "Top"]);
-// MESSAGE
 /** Union of all Messages a dialog can produce. `PressedActionKey` is a key in the action bar
  *  that moved focus there (the Mount already moved it); nothing in the Model follows it. */
 export const Message = defineMessageUnion({
     GotDialogMessage: { message: UiDialog.Message },
     PressedActionKey: { direction: ActionDirection },
 });
-// OUT MESSAGE
 /** Union of OutMessages a dialog reports to its parent: the reader closed it (Escape, a click
  *  on the veil, a close button). `open` and `close`, which the parent calls, report nothing. */
 export const OutMessage = defineMessageUnion({
@@ -35,14 +32,12 @@ export const OutMessage = defineMessageUnion({
 export const init = (config) => (__foldkitBrandViewResult(({
     dialog: UiDialog.init({ id: config.id }),
 }), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#init"));
-// ACCESSORS
 /** The dialog's id, unique in the document. */
 export const id = (model) => __foldkitBrandViewResult((model.dialog.id), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#id");
 /** Whether the dialog is open. */
 export const isOpen = (model) => __foldkitBrandViewResult((model.dialog.isOpen), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#isOpen");
-// UPDATE
 const toOutMessage = UiDialog.OutMessage.match({
-    Opened: () => __foldkitBrandViewResult((undefined), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#Opened"),
+    Opened: constUndefined,
     Closed: () => __foldkitBrandViewResult((OutMessage.Closed()), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#Closed"),
 });
 const dialogFold = foldDialog(UiDialog, {
@@ -51,15 +46,13 @@ const dialogFold = foldDialog(UiDialog, {
     toParentMessage: (message) => __foldkitBrandViewResult((Message.GotDialogMessage({ message })), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#toParentMessage"),
     toParentOutMessage: toOutMessage,
 });
-/** The context of a dialog whose close is not held, the default. */
 export const FREE = { isCloseHeld: false };
-// NOTE: @foldkit/ui gap: Dialog has no way to hold a close. Escape, a press on the veil and a
-// control given the `closeButton` group all send `RequestedClose`, so a held dialog reads it
-// by its tag and leaves it out.
 const isHeldClose = (context, message) => __foldkitBrandViewResult((context.isCloseHeld && message._tag === "RequestedClose"), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#isHeldClose");
 /** Processes a dialog Message and returns the next Model, Commands and OutMessage. */
 export const update = (model, message, context = FREE) => __foldkitBrandViewResult((Message.match(message, {
-    GotDialogMessage: ({ message: dialogMessage }) => __foldkitBrandViewResult((isHeldClose(context, dialogMessage) ? { model } : dialogFold.update(model, dialogMessage)), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#GotDialogMessage"),
+    GotDialogMessage: ({ message: dialogMessage }) => __foldkitBrandViewResult((isHeldClose(context, dialogMessage)
+        ? { model }
+        : dialogFold.update(model, dialogMessage)), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#GotDialogMessage"),
     PressedActionKey: () => (__foldkitBrandViewResult(({ model }), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#PressedActionKey")),
 })), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#update");
 /** Opens the dialog: focus moves to the element given the `initialFocus` group, else to the
@@ -67,31 +60,26 @@ export const update = (model, message, context = FREE) => __foldkitBrandViewResu
 export const open = (model) => __foldkitBrandViewResult((dialogFold.open(model)), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#open");
 /** Closes the dialog without reporting `Closed`. */
 export const close = (model) => __foldkitBrandViewResult((dialogFold.close(model)), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#close");
-// ACTION BAR KEYS
 const ACTION_BAR_ATTRIBUTE = "data-pixel-paper-action-bar";
 const ACTION_SELECTOR = "button:not(:disabled), a[href]";
-const ownedActions = (bar) => __foldkitBrandViewResult((Array.filter(Array.fromIterable(bar.querySelectorAll(ACTION_SELECTOR)), (action) => __foldkitBrandViewResult((action.closest(`[${ACTION_BAR_ATTRIBUTE}]`) === bar &&
-    action.closest("dialog") === bar.closest("dialog") &&
-    action.closest("[popover]") === null), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#anonymous"))), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#ownedActions");
-const toActionDirection = (key) => __foldkitBrandViewResult((Match.value(key).pipe(Match.withReturnType(), Match.whenOr("h", "ArrowLeft", () => __foldkitBrandViewResult((Option.some("Previous")), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#anonymous~2")), Match.whenOr("l", "ArrowRight", () => __foldkitBrandViewResult((Option.some("Next")), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#anonymous~3")), Match.orElse(() => __foldkitBrandViewResult((Option.none()), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#anonymous~4")))), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#toActionDirection");
-/** Moves focus for one keydown in an action bar, and says which way it moved. It moves only
- *  when the key's target is one of the bar's own actions and there is an action that way:
- *  a key typed in a field, a menu's item or a nested dialog inside the bar, a key an IME is
- *  composing, a key someone already handled and a key at the end of the bar are all left
- *  alone, default and all. A disabled action is passed over; an `aria-disabled` one is a
- *  stop, as it is for Tab. */
+const isInBarItself = (bar, action) => __foldkitBrandViewResult((action.closest(`[${ACTION_BAR_ATTRIBUTE}]`) === bar), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#isInBarItself");
+const isInBarsDialog = (bar, action) => __foldkitBrandViewResult((action.closest("dialog") === bar.closest("dialog")), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#isInBarsDialog");
+const isOutsidePopover = (action) => __foldkitBrandViewResult((action.closest("[popover]") === null), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#isOutsidePopover");
+const ownedActions = (bar) => __foldkitBrandViewResult((Array.filter(Array.fromIterable(bar.querySelectorAll(ACTION_SELECTOR)), (action) => __foldkitBrandViewResult((isInBarItself(bar, action) &&
+    isInBarsDialog(bar, action) &&
+    isOutsidePopover(action)), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#anonymous"))), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#ownedActions");
+const isUnhandledPlainKey = (event) => __foldkitBrandViewResult((!event.isComposing && !event.defaultPrevented && isPlain(event)), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#isUnhandledPlainKey");
+const actionBeside = (actions, target, direction) => __foldkitBrandViewResult((Option.flatMap(Array.findFirstIndex(actions, (action) => __foldkitBrandViewResult((action === target), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#anonymous~2")), (index) => __foldkitBrandViewResult((Array.get(actions, index + (direction === "Previous" ? -1 : 1))), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#anonymous~3"))), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#actionBeside");
+const toActionDirection = (key) => __foldkitBrandViewResult((Match.value(key).pipe(Match.withReturnType(), Match.whenOr("h", "ArrowLeft", () => __foldkitBrandViewResult((Option.some("Previous")), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#anonymous~4")), Match.whenOr("l", "ArrowRight", () => __foldkitBrandViewResult((Option.some("Next")), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#anonymous~5")), Match.orElse(() => __foldkitBrandViewResult((Option.none()), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#anonymous~6")))), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#toActionDirection");
 export const moveActionFocus = (bar, event) => {
-    if (event.isComposing || event.defaultPrevented || !isPlain(event)) {
+    if (!isUnhandledPlainKey(event)) {
         return __foldkitBrandViewResult((Option.none()), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#moveActionFocus");
     }
-    return __foldkitBrandViewResult((pipe(toActionDirection(event.key), Option.flatMap((direction) => {
-        const actions = ownedActions(bar);
-        return __foldkitBrandViewResult((pipe(Array.findFirstIndex(actions, (action) => __foldkitBrandViewResult((action === event.target), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#anonymous~6")), Option.flatMap((index) => __foldkitBrandViewResult((Array.get(actions, index + (direction === "Previous" ? -1 : 1))), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#anonymous~7")), Option.map((next) => {
-            event.preventDefault();
-            next.focus();
-            return __foldkitBrandViewResult((direction), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#anonymous~8");
-        }))), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#anonymous~5");
-    }))), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#moveActionFocus");
+    return __foldkitBrandViewResult((pipe(toActionDirection(event.key), Option.flatMap((direction) => __foldkitBrandViewResult((Option.map(actionBeside(ownedActions(bar), event.target, direction), (next) => {
+        event.preventDefault();
+        next.focus();
+        return __foldkitBrandViewResult((direction), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#anonymous~8");
+    })), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#anonymous~7")))), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#moveActionFocus");
 };
 /** The action bar's keys: h or ←, and l or →, move focus between its actions (see
  *  `moveActionFocus`). Attached by the `actionBar` group. In a Scene, resolve it with
@@ -109,8 +97,6 @@ export const BindActionKeys = Mount.defineStream("BindActionKeys", {
  *  `Scene.Mount.resolveAll(...Dialog.sceneMounts)`. It serves every dialog built on this one
  *  (ConfirmDialog, KeyHelp, CommandPalette), since a Scene lifts the Messages for it. */
 export const sceneMounts = [
-    // NOTE: @foldkit/ui gap: its Dialog ships no Scene resolution for its resources Mount, so
-    // this test helper builds the child Message the Mount would report
     // oxlint-disable-next-line foldkit/no-child-message-construction-in-root
     [UiDialog.AcquireResources, UiDialog.Message.SucceededAcquireResources()],
     [BindActionKeys, Message.PressedActionKey({ direction: "Next" })],
@@ -129,13 +115,20 @@ export const view = defineView((model, viewInputs, h) => {
         h.Attribute(ACTION_BAR_ATTRIBUTE, ""),
         h.OnMount(BindActionKeys()),
     ]);
-    const veilView = (render) => __foldkitBrandViewResult((h.dialog([...render.dialog, ...(isAlert ? [h.Role("alertdialog")] : []), h.Class("veil")], render.isVisible
+    const veilView = (render) => __foldkitBrandViewResult((h.dialog([
+        ...render.dialog,
+        ...(isAlert ? [h.Role("alertdialog")] : []),
+        h.Class("veil"),
+    ], render.isVisible
         ? [
             h.div([...render.backdrop, h.Class("veil-backdrop")]),
             ...(label === undefined
                 ? []
                 : [h.span([...render.title, h.Class("sr-only")], [label])]),
-            h.div([...render.panel, h.Class(placement === "Top" ? "veil-pad top" : "veil-pad")], [
+            h.div([
+                ...render.panel,
+                h.Class(placement === "Top" ? "veil-pad top" : "veil-pad"),
+            ], [
                 toView({
                     title: render.title,
                     description: render.description,

package/dist/src/dialog/fold.d.ts

@@ -3,13 +3,13 @@ import type { UpdateContext } from "./dialog.ts";
 type ChildReturn<ChildModel, ChildMessage, ChildOutMessage> = Update.ReturnWithOutMessage<ChildModel, ChildMessage, ChildOutMessage>;
 /** A dialog a parent holds: its update, and the steps that open and close it (`@foldkit/ui`'s
  *  Dialog, or pixel-paper's). */
-type DialogChild<ChildModel, ChildMessage, ChildOutMessage> = Readonly<{
+export type DialogChild<ChildModel, ChildMessage, ChildOutMessage> = Readonly<{
     update: (model: ChildModel, message: ChildMessage, context: UpdateContext) => ChildReturn<ChildModel, ChildMessage, ChildOutMessage>;
     open: (model: ChildModel) => ChildReturn<ChildModel, ChildMessage, ChildOutMessage>;
     close: (model: ChildModel) => ChildReturn<ChildModel, ChildMessage, ChildOutMessage>;
 }>;
 /** Where the parent keeps its dialog, and what the dialog's Messages and OutMessages become. */
-type DialogFoldConfig<ParentModel, ParentMessage, ParentOutMessage, ChildModel, ChildMessage, ChildOutMessage> = Readonly<{
+export type DialogFoldConfig<ParentModel, ParentMessage, ParentOutMessage, ChildModel, ChildMessage, ChildOutMessage> = Readonly<{
     read: (model: ParentModel) => ChildModel;
     write: (model: ParentModel, nextDialog: ChildModel) => ParentModel;
     toParentMessage: (message: ChildMessage) => ParentMessage;
@@ -23,7 +23,7 @@ type DialogFoldConfig<ParentModel, ParentMessage, ParentOutMessage, ChildModel,
     isCloseHeld?: (model: ParentModel) => boolean;
 }>;
 /** The dialog folded into its parent: a dialog Message, and opening and closing it. */
-type DialogFold<ParentModel, ParentMessage, ParentOutMessage, ChildMessage> = Readonly<{
+export type DialogFold<ParentModel, ParentMessage, ParentOutMessage, ChildMessage> = Readonly<{
     update: (model: ParentModel, message: ChildMessage) => Update.ReturnWithOutMessage<ParentModel, ParentMessage, ParentOutMessage>;
     /** The update a parent that is itself a dialog (ConfirmDialog) runs with the hold its own
      *  parent gave it. */

package/dist/src/dialog/fold.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fold.d.ts","sourceRoot":"","sources":["../../../src/dialog/fold.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAC;AAEzC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,KAAK,WAAW,CAAC,UAAU,EAAE,YAAY,EAAE,eAAe,IAAI,MAAM,CAAC,oBAAoB,CACvF,UAAU,EACV,YAAY,EACZ,eAAe,CAChB,CAAC;AAEF;iCACiC;AACjC,KAAK,WAAW,CAAC,UAAU,EAAE,YAAY,EAAE,eAAe,IAAI,QAAQ,CAAC;IACrE,MAAM,EAAE,CACN,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,YAAY,EACrB,OAAO,EAAE,aAAa,KACnB,WAAW,CAAC,UAAU,EAAE,YAAY,EAAE,eAAe,CAAC,CAAC;IAC5D,IAAI,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,WAAW,CAAC,UAAU,EAAE,YAAY,EAAE,eAAe,CAAC,CAAC;IACpF,KAAK,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,WAAW,CAAC,UAAU,EAAE,YAAY,EAAE,eAAe,CAAC,CAAC;CACtF,CAAC,CAAC;AAEH,gGAAgG;AAChG,KAAK,gBAAgB,CACnB,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,eAAe,IACb,QAAQ,CAAC;IACX,IAAI,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,UAAU,CAAC;IACzC,KAAK,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,KAAK,WAAW,CAAC;IACnE,eAAe,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,aAAa,CAAC;IAC1D;;gDAE4C;IAC5C,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,eAAe,KAAK,gBAAgB,GAAG,SAAS,CAAC;IACnF;;kCAE8B;IAC9B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,OAAO,CAAC;CAC/C,CAAC,CAAC;AAEH,uFAAuF;AACvF,KAAK,UAAU,CAAC,WAAW,EAAE,aAAa,EAAE,gBAAgB,EAAE,YAAY,IAAI,QAAQ,CAAC;IACrF,MAAM,EAAE,CACN,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,YAAY,KAClB,MAAM,CAAC,oBAAoB,CAAC,WAAW,EAAE,aAAa,EAAE,gBAAgB,CAAC,CAAC;IAC/E;0BACsB;IACtB,UAAU,EAAE,CACV,OAAO,EAAE,aAAa,KACnB,CACH,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,YAAY,KAClB,MAAM,CAAC,oBAAoB,CAAC,WAAW,EAAE,aAAa,EAAE,gBAAgB,CAAC,CAAC;IAC/E,IAAI,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;IACxE,KAAK,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;CAC1E,CAAC,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;uFAsBuF;AACvF,eAAO,MAAM,UAAU,GACrB,WAAW,EACX,aAAa,EACb,UAAU,EACV,YAAY,EACZ,eAAe,EACf,gBAAgB,GAAG,KAAK,SAEjB,WAAW,CAAC,UAAU,EAAE,YAAY,EAAE,eAAe,CAAC,UACrD,gBAAgB,CACtB,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,eAAe,CAChB,KACA,UAAU,CAAC,WAAW,EAAE,aAAa,EAAE,gBAAgB,EAAE,YAAY,CAyBvE,CAAC"}
+{"version":3,"file":"fold.d.ts","sourceRoot":"","sources":["../../../src/dialog/fold.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAC;AAEzC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,KAAK,WAAW,CAAC,UAAU,EAAE,YAAY,EAAE,eAAe,IACxD,MAAM,CAAC,oBAAoB,CAAC,UAAU,EAAE,YAAY,EAAE,eAAe,CAAC,CAAC;AAEzE;iCACiC;AACjC,MAAM,MAAM,WAAW,CAAC,UAAU,EAAE,YAAY,EAAE,eAAe,IAAI,QAAQ,CAAC;IAC5E,MAAM,EAAE,CACN,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,YAAY,EACrB,OAAO,EAAE,aAAa,KACnB,WAAW,CAAC,UAAU,EAAE,YAAY,EAAE,eAAe,CAAC,CAAC;IAC5D,IAAI,EAAE,CACJ,KAAK,EAAE,UAAU,KACd,WAAW,CAAC,UAAU,EAAE,YAAY,EAAE,eAAe,CAAC,CAAC;IAC5D,KAAK,EAAE,CACL,KAAK,EAAE,UAAU,KACd,WAAW,CAAC,UAAU,EAAE,YAAY,EAAE,eAAe,CAAC,CAAC;CAC7D,CAAC,CAAC;AAEH,gGAAgG;AAChG,MAAM,MAAM,gBAAgB,CAC1B,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,eAAe,IACb,QAAQ,CAAC;IACX,IAAI,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,UAAU,CAAC;IACzC,KAAK,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,KAAK,WAAW,CAAC;IACnE,eAAe,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,aAAa,CAAC;IAC1D;;gDAE4C;IAC5C,kBAAkB,CAAC,EAAE,CACnB,UAAU,EAAE,eAAe,KACxB,gBAAgB,GAAG,SAAS,CAAC;IAClC;;kCAE8B;IAC9B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,OAAO,CAAC;CAC/C,CAAC,CAAC;AAEH,uFAAuF;AACvF,MAAM,MAAM,UAAU,CACpB,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,YAAY,IACV,QAAQ,CAAC;IACX,MAAM,EAAE,CACN,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,YAAY,KAClB,MAAM,CAAC,oBAAoB,CAC9B,WAAW,EACX,aAAa,EACb,gBAAgB,CACjB,CAAC;IACF;0BACsB;IACtB,UAAU,EAAE,CACV,OAAO,EAAE,aAAa,KACnB,CACH,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,YAAY,KAClB,MAAM,CAAC,oBAAoB,CAC9B,WAAW,EACX,aAAa,EACb,gBAAgB,CACjB,CAAC;IACF,IAAI,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;IACxE,KAAK,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;CAC1E,CAAC,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;uFAsBuF;AACvF,eAAO,MAAM,UAAU,GACrB,WAAW,EACX,aAAa,EACb,UAAU,EACV,YAAY,EACZ,eAAe,EACf,gBAAgB,GAAG,KAAK,SAEjB,WAAW,CAAC,UAAU,EAAE,YAAY,EAAE,eAAe,CAAC,UACrD,gBAAgB,CACtB,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,eAAe,CAChB,KACA,UAAU,CAAC,WAAW,EAAE,aAAa,EAAE,gBAAgB,EAAE,YAAY,CA8BvE,CAAC"}

package/dist/src/dialog/fold.js

@@ -30,9 +30,6 @@ export const foldDialog = (child, config) => {
         write: config.write,
         toParentMessage: config.toParentMessage,
     };
-    // The child's steps can report (`@foldkit/ui`'s Dialog's `open` is its update on
-    // `RequestedOpen`, which reports `Opened`), and so can its update, so each fold needs a
-    // step for an OutMessage. This one keeps the parent's Model: a step reports nothing.
     const foldOutMessage = () => __foldkitBrandViewResult(((model) => (__foldkitBrandViewResult(({ model }), "@gjermundgaraba-designs/pixel-paper/src/dialog/fold.js#anonymous"))), "@gjermundgaraba-designs/pixel-paper/src/dialog/fold.js#foldOutMessage");
     const { toParentOutMessage, isCloseHeld = () => __foldkitBrandViewResult((false), "@gjermundgaraba-designs/pixel-paper/src/dialog/fold.js#anonymous~2") } = config;
     const updateWith = (context) => {
@@ -45,6 +42,10 @@ export const foldDialog = (child, config) => {
         update: (model, message) => __foldkitBrandViewResult((updateWith({ isCloseHeld: isCloseHeld(model) })(model, message)), "@gjermundgaraba-designs/pixel-paper/src/dialog/fold.js#update"),
         updateWith,
         open: Update.foldChildStep({ update: child.open, ...lift, foldOutMessage }),
-        close: Update.foldChildStep({ update: child.close, ...lift, foldOutMessage }),
+        close: Update.foldChildStep({
+            update: child.close,
+            ...lift,
+            foldOutMessage,
+        }),
     }), "@gjermundgaraba-designs/pixel-paper/src/dialog/fold.js#foldDialog");
 };

package/dist/src/dialog/index.d.ts

@@ -1,4 +1,4 @@
 export { BindActionKeys, Message, Model, OutMessage, close, id, init, isOpen, open, sceneMounts, update, view, } from "./dialog.ts";
-export type { InitConfig, Placement, RenderInfo, UpdateContext, ViewInputs } from "./dialog.ts";
+export type { InitConfig, Placement, RenderInfo, UpdateContext, ViewInputs, } from "./dialog.ts";
 export { foldDialog } from "./fold.ts";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/dialog/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,OAAO,EACP,KAAK,EACL,UAAU,EACV,KAAK,EACL,EAAE,EACF,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,WAAW,EACX,MAAM,EACN,IAAI,GACL,MAAM,aAAa,CAAC;AACrB,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAChG,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,OAAO,EACP,KAAK,EACL,UAAU,EACV,KAAK,EACL,EAAE,EACF,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,WAAW,EACX,MAAM,EACN,IAAI,GACL,MAAM,aAAa,CAAC;AAErB,YAAY,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,aAAa,EACb,UAAU,GACX,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC"}

package/dist/src/disclosure/disclosure.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"disclosure.d.ts","sourceRoot":"","sources":["../../../src/disclosure/disclosure.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAMtD,4DAA4D;AAC5D,MAAM,MAAM,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC;IACzC,8EAA8E;IAC9E,EAAE,EAAE,MAAM,CAAC;IACX,uFAAuF;IACvF,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,MAAM,EAAE,OAAO,CAAC;IAChB;wDACoD;IACpD,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC;IACvC;iDAC6C;IAC7C,IAAI,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;CACpC,CAAC,CAAC;AAEH;;;;;;GAMG;AACH,eAAO,MAAM,IAAI,GAAI,OAAO,UAAU,UAAU,CAAC,OAAO,CAAC,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IA0BpF,CAAC"}
+{"version":3,"file":"disclosure.d.ts","sourceRoot":"","sources":["../../../src/disclosure/disclosure.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAItD,4DAA4D;AAC5D,MAAM,MAAM,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC;IACzC,8EAA8E;IAC9E,EAAE,EAAE,MAAM,CAAC;IACX,uFAAuF;IACvF,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,MAAM,EAAE,OAAO,CAAC;IAChB;wDACoD;IACpD,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC;IACvC;iDAC6C;IAC7C,IAAI,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;CACpC,CAAC,CAAC;AAEH;;;;;;GAMG;AACH,eAAO,MAAM,IAAI,GAAI,OAAO,UAClB,UAAU,CAAC,OAAO,CAAC,KACxB,WAAW,CAAC,OAAO,CAAC,KACtB,IA+BF,CAAC"}

package/dist/src/disclosure/disclosure.js

@@ -18,7 +18,9 @@ export const view = (config, h) => {
             h.button([...groups.button, h.Class("disclosure-summary")], [
                 Glyph.view({ name: "caret-right" }, h),
                 h.span([h.Class("disclosure-label")], [label]),
-                ...(meta === undefined ? [] : [" ", h.span([h.Class("meta")], [meta])]),
+                ...(meta === undefined
+                    ? []
+                    : [" ", h.span([h.Class("meta")], [meta])]),
             ]),
             h.div([...groups.panel, h.Hidden(!isOpen), h.Class("disclosure-body")], body),
         ])), "@gjermundgaraba-designs/pixel-paper/src/disclosure/disclosure.js#toView"),

package/dist/src/disclosure/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/disclosure/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,YAAY,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/disclosure/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,YAAY,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/src/dom/html-element.d.ts

@@ -0,0 +1,3 @@
+import { Option } from "effect";
+export declare const htmlElement: (selector: string, root?: ParentNode) => Option.Option<HTMLElement>;
+//# sourceMappingURL=html-element.d.ts.map

package/dist/src/dom/html-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-element.d.ts","sourceRoot":"","sources":["../../../src/dom/html-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAEhC,eAAO,MAAM,WAAW,aACZ,MAAM,SACV,UAAU,KACf,MAAM,CAAC,MAAM,CAAC,WAAW,CAI3B,CAAC"}

package/dist/src/dom/html-element.js

@@ -0,0 +1,6 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { Option } from "effect";
+export const htmlElement = (selector, root = document) => {
+    const element = root.querySelector(selector);
+    return __foldkitBrandViewResult((element instanceof HTMLElement ? Option.some(element) : Option.none()), "@gjermundgaraba-designs/pixel-paper/src/dom/html-element.js#htmlElement");
+};

package/dist/src/drag/drag.d.ts

@@ -4,14 +4,9 @@ import type * as Command from "foldkit/command";
 import type { Attribute, HtmlBuilder } from "foldkit/html";
 import * as Subscription from "foldkit/subscription";
 import * as Update from "foldkit/update";
-/** Where a drag is: nothing pressed, pressed but not yet moved, carried by a pointer, or
- *  carried by the keyboard. */
 type Phase = "Idle" | "Pressed" | "PointerDragging" | "KeyboardDragging";
 export declare const phaseOf: (dragAndDrop: UiDragAndDrop.Model) => Phase;
-/** Whether an item is carried, by a pointer or the keyboard. */
 export declare const isCarrying: (phase: Phase) => boolean;
-/** What a Board's and a Sortable's Model share: the DragAndDrop, whether items may move, and
- *  what the list keeps while an item is pressed or held. */
 type Holder = Readonly<{
     dragAndDrop: UiDragAndDrop.Model;
     isMovable: boolean;
@@ -21,28 +16,17 @@ type Holder = Readonly<{
  *  the list: pause the page's own bindings for them. The list takes Escape before anything
  *  else sees it. */
 export declare const isHolding: (model: Holder) => boolean;
-/** Whether a press may lift an item now: items may move and none is pressed or held. */
 export declare const canLift: (model: Holder) => boolean;
-/** Settles a DragAndDrop step: forgets the held item once it is down, and runs what the step
- *  says (`maybeAnnouncement`) after the step's own Commands. */
 export declare const settle: <Model extends Holder, Message, OutMessage>(step: Update.ReturnWithOutMessage<Model, Message, OutMessage>, maybeAnnouncement: Option.Option<Command.Command<Message>>) => Update.ReturnWithOutMessage<Model, Message, OutMessage>;
 export declare const pressedDraggable: (fields: Parameters<typeof UiDragAndDrop.Message.PressedDraggable>[0]) => UiDragAndDrop.Message;
 export declare const activatedKeyboardDrag: (fields: Parameters<typeof UiDragAndDrop.Message.ActivatedKeyboardDrag>[0]) => UiDragAndDrop.Message;
 export declare const movedPointer: (fields: Parameters<typeof UiDragAndDrop.Message.MovedPointer>[0]) => UiDragAndDrop.Message;
 export declare const releasedPointer: () => UiDragAndDrop.Message;
 export declare const cancelledDrag: () => UiDragAndDrop.Message;
-/** The main mouse button, the only one that lifts. */
 export declare const LEFT_BUTTON = 0;
-/** What a press inside an item may land on without lifting it: its controls, but for the
- *  buttons `liftingButtons` (a selector list) names, and anything marked `data-no-lift`. */
 export declare const innerControls: (liftingButtons: string) => string;
-/** Takes a plain Escape for `message` and stops it there, so a dialog around the list or the
- *  page's own key bindings never see it. */
 export declare const takeEscape: <Message>(event: KeyboardEvent, message: Message) => Option.Option<Message>;
-/** Escape on the window, in the capture phase, as `message`. */
 export declare const escapeKeys: <Message>(message: Message) => Stream.Stream<Message>;
-/** A list's `escape` Subscription: `escapeKeys` as `message` while an item is pressed or
- *  held. */
 export declare const escapeSubscriptions: <Model extends Holder, Message>(message: Message) => {
     readonly escape: Subscription.EntryWithoutKeepAlive<Model, Message, {
         readonly isHolding: boolean;
@@ -50,37 +34,19 @@ export declare const escapeSubscriptions: <Model extends Holder, Message>(messag
         readonly __subscription: never;
     };
 };
-/** What the pressing pointer `pointerId` does, as Messages: each move, the release and the
- *  browser's cancel. */
 export declare const pointerMessages: <Message>(pointerId: number, toMessage: Readonly<{
     moved: (event: PointerEvent) => Message;
     released: (event: PointerEvent) => Message;
     cancelled: () => Message;
 }>) => Stream.Stream<Message>;
-/** A splitter's handlers. The main button of a pointer presses it (`onPress`, while
- *  `isIdle`), and its arrows, unmodified, step it (`onStep`, one way or the other): the side
- *  arrows across a `"vertical"` splitter (it sizes a width), up and down along a
- *  `"horizontal"` one (a height). A modified arrow is the application's. */
 export declare const splitterAttributes: <Message>(config: Readonly<{
     orientation: "vertical" | "horizontal";
     isIdle: boolean;
     onPress: (pointerId: number, clientX: number, clientY: number) => Message;
     onStep: (direction: -1 | 1) => Message;
 }>, h: HtmlBuilder<Message>) => ReadonlyArray<Attribute<Message>>;
-/** Sizes the copy that follows the pointer to the element `sourceSelector` finds, and keeps the
- *  pointer where it pressed that element. */
 export declare const measureLift: (element: Element, sourceSelector: string, pressX: number, pressY: number) => void;
-/**
- * Where a pointer at (`clientX`, `clientY`) would put the held item among the others in
- * `container` (its `[data-sortable-id]` items, the held one, `heldId`, left out): before or
- * after the item whose centre is closest. Where items sit side by side (two share a top, a
- * wrapping grid, the held one counted) the pointer's side of that centre is read across, and
- * in a column of rows it is read down, so one reading serves a list and a grid.
- */
 export declare const insertionIndex: (container: Element, heldId: string, clientX: number, clientY: number) => number;
-/** While a pointer presses or carries an item, the page is marked
- *  (`data-pixel-paper-dragging` on the root), so the stylesheet prints the grabbing cursor and
- *  holds text selection, with no style element of its own. */
 export declare const markDragging: Stream.Stream<never>;
 export {};
 //# sourceMappingURL=drag.d.ts.map

package/dist/src/drag/drag.d.ts.map

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

package/dist/src/drag/drag.js

@@ -1,18 +1,10 @@
 import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
-// Shared by Board and Sortable, the two users of @foldkit/ui's DragAndDrop, and Reel, which
-// holds its own: the phase a drag is in, what a hold keeps and how a step settles it, the
-// DragAndDrop Messages both build, what a press lifts, Escape taken before anything else, the
-// pressing pointer's events, the lifted copy's measure, and the closest-centre drop target a
-// sortable resolves for a pointer. A splitter's handlers are the Reel's and the Rail's.
 import { DragAndDrop as UiDragAndDrop } from "@foldkit/ui";
 import { Array, Effect, Option, Order, Schema, Stream, pipe } from "effect";
 import * as Dom from "foldkit/dom";
 import * as Subscription from "foldkit/subscription";
 import * as Update from "foldkit/update";
 import { isPlain } from "../keys/keys.js";
-// NOTE: @foldkit/ui gap: DragAndDrop has no accessor for which input holds an item.
-// `ghostStyle` is Some only while a pointer drags, so it tells a pointer drag from a keyboard
-// one.
 export const phaseOf = (dragAndDrop) => {
     if (Option.isNone(UiDragAndDrop.maybeDraggedItemId(dragAndDrop))) {
         return __foldkitBrandViewResult(("Idle"), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#phaseOf");
@@ -23,29 +15,23 @@ export const phaseOf = (dragAndDrop) => {
     else if (Option.isSome(UiDragAndDrop.ghostStyle(dragAndDrop))) {
         return __foldkitBrandViewResult(("PointerDragging"), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#phaseOf");
     }
-    else {
-        return __foldkitBrandViewResult(("KeyboardDragging"), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#phaseOf");
-    }
+    return __foldkitBrandViewResult(("KeyboardDragging"), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#phaseOf");
 };
-/** Whether an item is carried, by a pointer or the keyboard. */
 export const isCarrying = (phase) => __foldkitBrandViewResult((phase === "PointerDragging" || phase === "KeyboardDragging"), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#isCarrying");
 /** Whether an item is pressed or held. While it is, the arrow keys, Space and Escape belong to
  *  the list: pause the page's own bindings for them. The list takes Escape before anything
  *  else sees it. */
 export const isHolding = (model) => __foldkitBrandViewResult((phaseOf(model.dragAndDrop) !== "Idle"), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#isHolding");
-/** Whether a press may lift an item now: items may move and none is pressed or held. */
 export const canLift = (model) => __foldkitBrandViewResult((model.isMovable && !isHolding(model)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#canLift");
-/** Settles a DragAndDrop step: forgets the held item once it is down, and runs what the step
- *  says (`maybeAnnouncement`) after the step's own Commands. */
 export const settle = (step, maybeAnnouncement) => __foldkitBrandViewResult((Update.withOutMessage({
-    model: isHolding(step.model) ? step.model : { ...step.model, maybeHeld: Option.none() },
-    commands: [...(step.commands ?? []), ...Array.fromOption(maybeAnnouncement)],
+    model: isHolding(step.model)
+        ? step.model
+        : { ...step.model, maybeHeld: Option.none() },
+    commands: [
+        ...(step.commands ?? []),
+        ...Array.fromOption(maybeAnnouncement),
+    ],
 }, step.outMessage)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#settle");
-// CHILD MESSAGES
-// NOTE: @foldkit/ui gap: DragAndDrop exposes no update capability for a press, a keyboard
-// pick-up, a pointer's move and release, or a cancel, and its `draggable` bundle
-// (`role="option"`, `tabindex`) cannot sit on a grip's button. So Board and Sortable build
-// these child Messages themselves.
 export const pressedDraggable = (fields) => 
 // oxlint-disable-next-line foldkit/no-child-message-construction-in-root
 __foldkitBrandViewResult((UiDragAndDrop.Message.PressedDraggable(fields)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#pressedDraggable");
@@ -61,11 +47,7 @@ __foldkitBrandViewResult((UiDragAndDrop.Message.ReleasedPointer()), "@gjermundga
 export const cancelledDrag = () => 
 // oxlint-disable-next-line foldkit/no-child-message-construction-in-root
 __foldkitBrandViewResult((UiDragAndDrop.Message.CancelledDrag()), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#cancelledDrag");
-// PRESS
-/** The main mouse button, the only one that lifts. */
 export const LEFT_BUTTON = 0;
-/** What a press inside an item may land on without lifting it: its controls, but for the
- *  buttons `liftingButtons` (a selector list) names, and anything marked `data-no-lift`. */
 export const innerControls = (liftingButtons) => __foldkitBrandViewResult(([
     "input",
     "textarea",
@@ -75,11 +57,6 @@ export const innerControls = (liftingButtons) => __foldkitBrandViewResult(([
     `button:not(${liftingButtons})`,
     "[data-no-lift]",
 ].join(", ")), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#innerControls");
-// ESCAPE
-// NOTE: @foldkit/ui gap: DragAndDrop's own Escape cancels the move and lets the key travel
-// on, to a dialog around the list. Board and Sortable take the key first and stop it.
-/** Takes a plain Escape for `message` and stops it there, so a dialog around the list or the
- *  page's own key bindings never see it. */
 export const takeEscape = (event, message) => {
     if (event.key !== "Escape" || event.isComposing) {
         return __foldkitBrandViewResult((Option.none()), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#takeEscape");
@@ -88,27 +65,19 @@ export const takeEscape = (event, message) => {
     event.stopPropagation();
     return __foldkitBrandViewResult((Option.some(message)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#takeEscape");
 };
-/** Escape on the window, in the capture phase, as `message`. */
 export const escapeKeys = (message) => __foldkitBrandViewResult((Dom.streamFromEventFilterMap({
     target: () => __foldkitBrandViewResult((window), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#target"),
     type: "keydown",
     filterMapEvent: (event) => __foldkitBrandViewResult((takeEscape(event, message)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#filterMapEvent"),
     options: { capture: true },
 })), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#escapeKeys");
-/** A list's `escape` Subscription: `escapeKeys` as `message` while an item is pressed or
- *  held. */
 export const escapeSubscriptions = (message) => __foldkitBrandViewResult((Subscription.make()((entry) => (__foldkitBrandViewResult(({
     escape: entry({ isHolding: Schema.Boolean }, {
         modelToDependencies: (model) => (__foldkitBrandViewResult(({ isHolding: isHolding(model) }), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#modelToDependencies")),
         dependenciesToStream: ({ isHolding: isHoldingNow }) => __foldkitBrandViewResult((isHoldingNow ? escapeKeys(message) : Stream.empty), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#dependenciesToStream"),
     }),
 }), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous")))), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#escapeSubscriptions");
-// POINTER
-/** The moves, release and cancel of the pointer `pointerId`, on the document; another
- *  pointer's are not the drag's. */
 const pressingPointer = (pointerId) => __foldkitBrandViewResult((Stream.filter(Stream.mergeAll(Array.map(["pointermove", "pointerup", "pointercancel"], (type) => __foldkitBrandViewResult((Stream.fromEventListener(document, type)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~2")), { concurrency: "unbounded" }), (event) => __foldkitBrandViewResult((event.pointerId === pointerId), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~3"))), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#pressingPointer");
-/** What the pressing pointer `pointerId` does, as Messages: each move, the release and the
- *  browser's cancel. */
 export const pointerMessages = (pointerId, toMessage) => __foldkitBrandViewResult((Stream.map(pressingPointer(pointerId), (event) => {
     if (event.type === "pointermove") {
         return __foldkitBrandViewResult((toMessage.moved(event)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~4");
@@ -116,26 +85,18 @@ export const pointerMessages = (pointerId, toMessage) => __foldkitBrandViewResul
     else if (event.type === "pointerup") {
         return __foldkitBrandViewResult((toMessage.released(event)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~4");
     }
-    else {
-        return __foldkitBrandViewResult((toMessage.cancelled()), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~4");
-    }
+    return __foldkitBrandViewResult((toMessage.cancelled()), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~4");
 })), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#pointerMessages");
-// SPLITTER
-/** A splitter's handlers. The main button of a pointer presses it (`onPress`, while
- *  `isIdle`), and its arrows, unmodified, step it (`onStep`, one way or the other): the side
- *  arrows across a `"vertical"` splitter (it sizes a width), up and down along a
- *  `"horizontal"` one (a height). A modified arrow is the application's. */
 export const splitterAttributes = (config, h) => {
-    const [less, more] = config.orientation === "vertical" ? ["ArrowLeft", "ArrowRight"] : ["ArrowUp", "ArrowDown"];
+    const [less, more] = config.orientation === "vertical"
+        ? ["ArrowLeft", "ArrowRight"]
+        : ["ArrowUp", "ArrowDown"];
     return __foldkitBrandViewResult(([
         h.AriaOrientation(config.orientation),
         h.OnPointerDown((_pointerType, button, _screenX, _screenY, _time, clientX, clientY, pointerId) => __foldkitBrandViewResult((Option.liftPredicate(config.onPress(pointerId, clientX, clientY), () => __foldkitBrandViewResult((button === LEFT_BUTTON && config.isIdle), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~6"))), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~5")),
         h.OnKeyDownPreventDefault((key, modifiers) => __foldkitBrandViewResult((Option.liftPredicate(config.onStep(key === more ? 1 : -1), () => __foldkitBrandViewResult((isPlain(modifiers) && (key === less || key === more)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~8"))), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~7")),
     ]), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#splitterAttributes");
 };
-// LIFTED COPY
-/** Sizes the copy that follows the pointer to the element `sourceSelector` finds, and keeps the
- *  pointer where it pressed that element. */
 export const measureLift = (element, sourceSelector, pressX, pressY) => {
     const maybeSource = Option.fromNullishOr(document.querySelector(sourceSelector));
     if (Option.isSome(maybeSource) && element instanceof HTMLElement) {
@@ -145,7 +106,6 @@ export const measureLift = (element, sourceSelector, pressX, pressY) => {
         element.style.setProperty("--lift-y", `${rect.top - pressY}px`);
     }
 };
-// POINTER TARGET
 const ROW_TOLERANCE = 1;
 const boxOf = (element) => {
     const rect = element.getBoundingClientRect();
@@ -156,33 +116,27 @@ const boxOf = (element) => {
     }), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#boxOf");
 };
 const isOnSameRow = (box, other) => __foldkitBrandViewResult((Math.abs(other.top - box.top) < ROW_TOLERANCE), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#isOnSameRow");
-/**
- * Where a pointer at (`clientX`, `clientY`) would put the held item among the others in
- * `container` (its `[data-sortable-id]` items, the held one, `heldId`, left out): before or
- * after the item whose centre is closest. Where items sit side by side (two share a top, a
- * wrapping grid, the held one counted) the pointer's side of that centre is read across, and
- * in a column of rows it is read down, so one reading serves a list and a grid.
- */
+const readAxis = (boxesWithHeld) => __foldkitBrandViewResult((Array.some(boxesWithHeld, (box, index) => __foldkitBrandViewResult((Option.exists(Array.get(boxesWithHeld, index + 1), (next) => __foldkitBrandViewResult((isOnSameRow(box, next)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~10"))), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~9"))
+    ? "Across"
+    : "Down"), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#readAxis");
+const isPastCentre = (axis, box, clientX, clientY) => __foldkitBrandViewResult((axis === "Across" ? clientX > box.centreX : clientY > box.centreY), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#isPastCentre");
 export const insertionIndex = (container, heldId, clientX, clientY) => {
-    const items = Array.map(Array.fromIterable(container.querySelectorAll("[data-sortable-id]")), (item) => (__foldkitBrandViewResult(({ id: item.dataset["sortableId"], box: boxOf(item) }), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~9")));
-    // read with the held item in its place: two tiles side by side are a row even while one of
-    // them is held
-    const isTiled = Array.some(items, ({ box }, index) => __foldkitBrandViewResult((Option.exists(Array.get(items, index + 1), (next) => __foldkitBrandViewResult((isOnSameRow(box, next.box)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~11"))), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~10"));
-    const boxes = pipe(Array.filter(items, (item) => __foldkitBrandViewResult((item.id !== heldId), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~12")), Array.map(({ box }) => __foldkitBrandViewResult((box), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~13")));
+    const items = Array.map(Array.fromIterable(container.querySelectorAll("[data-sortable-id]")), (item) => (__foldkitBrandViewResult(({ id: item.dataset["sortableId"], box: boxOf(item) }), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~11")));
+    const axis = readAxis(Array.map(items, ({ box }) => __foldkitBrandViewResult((box), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~12")));
+    const boxes = pipe(Array.filter(items, (item) => __foldkitBrandViewResult((item.id !== heldId), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~13")), Array.map(({ box }) => __foldkitBrandViewResult((box), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~14")));
     const distance = (box) => __foldkitBrandViewResult((Math.hypot(box.centreX - clientX, box.centreY - clientY)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#distance");
-    const byDistance = Order.mapInput(Order.Number, ({ box }) => __foldkitBrandViewResult((distance(box)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~14"));
-    return __foldkitBrandViewResult((Array.match(Array.map(boxes, (box, index) => (__foldkitBrandViewResult(({ box, index }), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~15"))), {
+    const byDistance = Order.mapInput(Order.Number, ({ box }) => __foldkitBrandViewResult((distance(box)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~15"));
+    return __foldkitBrandViewResult((Array.match(Array.map(boxes, (box, index) => (__foldkitBrandViewResult(({ box, index }), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~16"))), {
         onEmpty: () => __foldkitBrandViewResult((0), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#onEmpty"),
         onNonEmpty: (candidates) => {
             const { box, index } = Array.min(candidates, byDistance);
-            const isAfter = isTiled ? clientX > box.centreX : clientY > box.centreY;
-            return __foldkitBrandViewResult((isAfter ? index + 1 : index), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#onNonEmpty");
+            return __foldkitBrandViewResult((isPastCentre(axis, box, clientX, clientY) ? index + 1 : index), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#onNonEmpty");
         },
     })), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#insertionIndex");
 };
-// DRAG STYLES
 const DRAGGING_ATTRIBUTE = "data-pixel-paper-dragging";
-/** While a pointer presses or carries an item, the page is marked
- *  (`data-pixel-paper-dragging` on the root), so the stylesheet prints the grabbing cursor and
- *  holds text selection, with no style element of its own. */
-export const markDragging = Stream.callback(() => __foldkitBrandViewResult((Effect.acquireRelease(Effect.sync(() => __foldkitBrandViewResult((document.documentElement.setAttribute(DRAGGING_ATTRIBUTE, "")), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~17")), () => __foldkitBrandViewResult((Effect.sync(() => __foldkitBrandViewResult((document.documentElement.removeAttribute(DRAGGING_ATTRIBUTE)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~19"))), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~18")).pipe(Effect.flatMap(() => __foldkitBrandViewResult((Effect.never), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~20")))), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~16"));
+export const markDragging = Stream.callback(() => __foldkitBrandViewResult((Effect.acquireRelease(Effect.sync(() => {
+    document.documentElement.setAttribute(DRAGGING_ATTRIBUTE, "");
+}), () => __foldkitBrandViewResult((Effect.sync(() => {
+    document.documentElement.removeAttribute(DRAGGING_ATTRIBUTE);
+})), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~19")).pipe(Effect.flatMap(() => __foldkitBrandViewResult((Effect.never), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~21")))), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~17"));

package/dist/src/{dropZone/dropZone.d.ts → drop-zone/drop-zone.d.ts}

@@ -80,7 +80,7 @@ export type ViewInputs = Readonly<{
     /** Under the sentence: a word that says what the last drop did. A function because a
      *  Submodel's viewInputs may hold functions only at the top level, and Foldkit runs this one
      *  in the parent's boundary, so a handler in it (an undo) dispatches the parent's Message. */
-    toStatusView?: () => ReadonlyArray<Html>;
+    toStatusView?: () => readonly Html[];
 }>;
 /**
  * A dashed box that goes solid and tinted while a file hovers it, with a button to choose
@@ -115,6 +115,6 @@ export declare const view: import("foldkit/submodel").View<{
     /** Under the sentence: a word that says what the last drop did. A function because a
      *  Submodel's viewInputs may hold functions only at the top level, and Foldkit runs this one
      *  in the parent's boundary, so a handler in it (an undo) dispatches the parent's Message. */
-    toStatusView?: () => ReadonlyArray<Html>;
+    toStatusView?: () => readonly Html[];
 }>>;
-//# sourceMappingURL=dropZone.d.ts.map
+//# sourceMappingURL=drop-zone.d.ts.map

package/dist/src/drop-zone/drop-zone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop-zone.d.ts","sourceRoot":"","sources":["../../../src/drop-zone/drop-zone.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,MAAM,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIzC,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAC;AAIzC;sBACsB;AACtB,eAAO,MAAM,KAAK;;;;;EAEhB,CAAC;AAEH,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAC;AAEtC,qDAAqD;AACrD,eAAO,MAAM,OAAO;;QACI,OAAO;;;;;;;;;EAC7B,CAAC;AAEH,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAC;AAE1C;mDACmD;AACnD,eAAO,MAAM,UAAU;;QACJ,KAAK;;;EAEtB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC,IAAI,CAAC;AAEhD;2CAC2C;AAC3C,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAElD,gDAAgD;AAChD,eAAO,MAAM,IAAI,WAAY,UAAU,KAAG,KAExC,CAAC;AAEH,uEAAuE;AACvE,eAAO,MAAM,EAAE,UAAW,KAAK,KAAG,MAA2B,CAAC;AAe9D,yFAAyF;AACzF,eAAO,MAAM,MAAM,UAAW,KAAK,WAAW,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;EAOlD,CAAC;AAEJ,8EAA8E;AAC9E,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd;0EACsE;IACtE,IAAI,CAAC,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACpC;;kGAE8F;IAC9F,YAAY,CAAC,EAAE,MAAM,SAAS,IAAI,EAAE,CAAC;CACtC,CAAC,CAAC;AAEH;;;;;;GAMG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;IAlBf,uCAAuC;WAChC,MAAM;IACb;0EACsE;WAC/D,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC;IACnC;;kGAE8F;mBAC/E,MAAM,SAAS,IAAI,EAAE;GAuCrC,CAAC"}