@gjermundgaraba-designs/pixel-paper 0.26.0 → 0.27.0

package/dist/src/media/media.js

@@ -1,6 +1,6 @@
 import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Input as UiInput } from "@foldkit/ui";
-import { Array, Effect, Match, Number, Option, Queue, Schema, Stream } from "effect";
+import { Array, Effect, Match, Number, Option, Queue, Schema, Stream, } from "effect";
 import * as Command from "foldkit/command";
 import * as Dom from "foldkit/dom";
 import { defineMessageUnion } from "foldkit/message";
@@ -9,24 +9,16 @@ import { defineTaggedUnion } from "foldkit/schema";
 import { modifyFields } from "foldkit/struct";
 import * as Button from "../button/button.js";
 import { UNKNOWN_CLOCK, formatClock } from "../format/format.js";
-import * as IconButton from "../iconButton/iconButton.js";
+import * as IconButton from "../icon-button/icon-button.js";
 import { isPlain } from "../keys/keys.js";
 import { slotView } from "../slot/slot.js";
-// NOTE: what ImageFrame, VideoFrame and AudioFrame share: the space a frame keeps, its
-// caption, and a player's state read from the media element's own events. The package
-// exports the player as `Media`, and VideoFrame and AudioFrame are its two views; the parts
-// of a frame's view kept here (the caption, the play and mute buttons, the seek cells, the
-// time, a failed player's retry) are theirs alone.
-// FRAME
 /** The space a frame keeps before its picture arrives, so nothing moves when it does: the
  *  picture's own size in CSS pixels (it prints at that width and shrinks to fit, never grows),
  *  or a ratio of width to height (16 / 9) that fills the width it is given. */
 export const FrameSize = defineTaggedUnion({
-    Pixels: { width: Schema.Number, height: Schema.Number },
-    Ratio: { ratio: Schema.Number },
+    Pixels: { width: Schema.Finite, height: Schema.Finite },
+    Ratio: { ratio: Schema.Finite },
 });
-/** A frame's ratio as the `--ratio` its CSS reads, and its width when it has one: the
- *  picture's, inside the 2px border, so a pixel drawing prints cell for cell. */
 export const frameStyle = (size) => __foldkitBrandViewResult((FrameSize.match(size, {
     Pixels: ({ width, height }) => (__foldkitBrandViewResult(({
         "--ratio": `${width} / ${height}`,
@@ -34,7 +26,6 @@ export const frameStyle = (size) => __foldkitBrandViewResult((FrameSize.match(si
     }), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#Pixels")),
     Ratio: ({ ratio }) => (__foldkitBrandViewResult(({ "--ratio": `${ratio}` }), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#Ratio")),
 })), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#frameStyle");
-/** A frame's width and height attributes, when it has a size in pixels. */
 export const sizeAttributes = (size, h) => __foldkitBrandViewResult((FrameSize.match(size, {
     Pixels: ({ width, height }) => __foldkitBrandViewResult(([h.Width(`${width}`), h.Height(`${height}`)]), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#Pixels~2"),
     Ratio: () => __foldkitBrandViewResult(([]), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#Ratio~2"),
@@ -42,35 +33,34 @@ export const sizeAttributes = (size, h) => __foldkitBrandViewResult((FrameSize.m
 /** What a frame holds whatever its source does: a specimen, or a source the product already
  *  knows is gone. */
 export const Held = Schema.Literals(["Loading", "Broken"]);
-/** A figure's caption in the sans, its credit in the meta register at the right. */
 export const captionView = (caption, credit, h) => __foldkitBrandViewResult((Array.match([
-    ...Array.match(caption, { onEmpty: () => __foldkitBrandViewResult(([]), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#onEmpty"), onNonEmpty: (words) => __foldkitBrandViewResult(([h.span([], words)]), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#onNonEmpty") }),
+    ...Array.match(caption, {
+        onEmpty: () => __foldkitBrandViewResult(([]), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#onEmpty"),
+        onNonEmpty: (words) => __foldkitBrandViewResult(([h.span([], words)]), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#onNonEmpty"),
+    }),
     ...slotView("span", "meta", credit, h),
 ], {
     onEmpty: () => __foldkitBrandViewResult(([]), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#onEmpty~2"),
     onNonEmpty: (lines) => __foldkitBrandViewResult(([h.figcaption([h.Class("media-caption")], lines)]), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#onNonEmpty~2"),
 })), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#captionView");
-// MODEL
 /** Schema for a player: the element's state as its events last said it. */
 export const Model = Schema.Struct({
     id: Schema.String,
     isPlaying: Schema.Boolean,
-    time: Schema.Number,
-    maybeDuration: Schema.Option(Schema.Number),
+    time: Schema.Finite,
+    maybeDuration: Schema.Option(Schema.Finite),
     isMuted: Schema.Boolean,
     isWaiting: Schema.Boolean,
-    maybeErrorCode: Schema.Option(Schema.Number),
+    maybeErrorCode: Schema.Option(Schema.Finite),
     isShowingCaptions: Schema.Boolean,
 });
-/** The media element's state at one moment, as `ReadMedia` reads it. */
 export const Reading = Schema.Struct({
     isPlaying: Schema.Boolean,
-    time: Schema.Number,
-    maybeDuration: Schema.Option(Schema.Number),
+    time: Schema.Finite,
+    maybeDuration: Schema.Option(Schema.Finite),
     isMuted: Schema.Boolean,
-    maybeErrorCode: Schema.Option(Schema.Number),
+    maybeErrorCode: Schema.Option(Schema.Finite),
 });
-// MESSAGE
 /** Union of all Messages a player can produce. */
 export const Message = defineMessageUnion({
     ClickedPlay: {},
@@ -78,9 +68,9 @@ export const Message = defineMessageUnion({
     ClickedMute: {},
     ClickedCaptions: {},
     ClickedRetry: {},
-    UpdatedSeek: { to: Schema.Number },
+    UpdatedSeek: { to: Schema.Finite },
     PressedPlaybackKey: {},
-    PressedSeekKey: { by: Schema.Number },
+    PressedSeekKey: { by: Schema.Finite },
     UpdatedMediaState: { reading: Reading },
     UpdatedWaiting: { isWaiting: Schema.Boolean },
     CompletedPlayMedia: {},
@@ -89,7 +79,6 @@ export const Message = defineMessageUnion({
     CompletedReloadMedia: {},
     CompletedShowCaptions: {},
 });
-// OUT MESSAGE
 /** Union of OutMessages a player reports to its parent: the reader asked to load the source
  *  again, and it is loading. */
 export const OutMessage = defineMessageUnion({
@@ -106,12 +95,10 @@ export const init = (config) => (__foldkitBrandViewResult(({
     maybeErrorCode: Option.none(),
     isShowingCaptions: false,
 }), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#init"));
-// ACCESSORS
 /** The media element's id, unique in the document. */
 export const id = (model) => __foldkitBrandViewResult((model.id), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#id");
-// COMMAND
 const withMedia = (mediaId, act) => __foldkitBrandViewResult((Effect.sync(() => {
-    const element = document.getElementById(mediaId);
+    const element = document.querySelector(`#${CSS.escape(mediaId)}`);
     if (element instanceof HTMLMediaElement) {
         act(element);
     }
@@ -121,9 +108,11 @@ export const PlayMedia = Command.define("PlayMedia", {
     args: { mediaId: Schema.String },
     messages: [Message.CompletedPlayMedia],
     execute: ({ mediaId }) => __foldkitBrandViewResult((Effect.suspend(() => {
-        const element = document.getElementById(mediaId);
+        const element = document.querySelector(`#${CSS.escape(mediaId)}`);
         return __foldkitBrandViewResult((element instanceof HTMLMediaElement
-            ? Effect.tryPromise(() => __foldkitBrandViewResult((element.play()), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~3"))
+            ? Effect.tryPromise(async () => {
+                await element.play();
+            })
             : Effect.void), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~2");
     }).pipe(Effect.ignore, Effect.as(Message.CompletedPlayMedia()))), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#execute"),
 });
@@ -131,11 +120,13 @@ export const PlayMedia = Command.define("PlayMedia", {
 export const PauseMedia = Command.define("PauseMedia", {
     args: { mediaId: Schema.String },
     messages: [Message.CompletedPauseMedia],
-    execute: ({ mediaId }) => __foldkitBrandViewResult((withMedia(mediaId, (media) => __foldkitBrandViewResult((media.pause()), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~4")).pipe(Effect.as(Message.CompletedPauseMedia()))), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#execute~2"),
+    execute: ({ mediaId }) => __foldkitBrandViewResult((withMedia(mediaId, (media) => {
+        media.pause();
+    }).pipe(Effect.as(Message.CompletedPauseMedia()))), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#execute~2"),
 });
 /** Moves the media element to a place, in seconds. */
 export const SeekMedia = Command.define("SeekMedia", {
-    args: { mediaId: Schema.String, to: Schema.Number },
+    args: { mediaId: Schema.String, to: Schema.Finite },
     messages: [Message.CompletedSeekMedia],
     execute: ({ mediaId, to }) => __foldkitBrandViewResult((withMedia(mediaId, (media) => {
         media.currentTime = to;
@@ -145,19 +136,21 @@ export const SeekMedia = Command.define("SeekMedia", {
 export const ReloadMedia = Command.define("ReloadMedia", {
     args: { mediaId: Schema.String },
     messages: [Message.CompletedReloadMedia],
-    execute: ({ mediaId }) => __foldkitBrandViewResult((withMedia(mediaId, (media) => __foldkitBrandViewResult((media.load()), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~6")).pipe(Effect.as(Message.CompletedReloadMedia()))), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#execute~4"),
+    execute: ({ mediaId }) => __foldkitBrandViewResult((withMedia(mediaId, (media) => {
+        media.load();
+    }).pipe(Effect.as(Message.CompletedReloadMedia()))), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#execute~4"),
 });
-const captionsMode = (isShowing) => (__foldkitBrandViewResult((isShowing ? "showing" : "hidden"), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#captionsMode"));
+const captionsMode = (isShowing) => __foldkitBrandViewResult((isShowing ? "showing" : "hidden"), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#captionsMode");
 /** Shows or hides the media element's caption tracks. */
 export const ShowCaptions = Command.define("ShowCaptions", {
     args: { mediaId: Schema.String, isShowing: Schema.Boolean },
     messages: [Message.CompletedShowCaptions],
-    execute: ({ mediaId, isShowing }) => __foldkitBrandViewResult((withMedia(mediaId, (media) => __foldkitBrandViewResult((Array.forEach(Array.fromIterable(media.textTracks), (track) => {
-        track.mode = captionsMode(isShowing);
-    })), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~7")).pipe(Effect.as(Message.CompletedShowCaptions()))), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#execute~5"),
+    execute: ({ mediaId, isShowing }) => __foldkitBrandViewResult((withMedia(mediaId, (media) => {
+        for (const track of media.textTracks) {
+            track.mode = captionsMode(isShowing);
+        }
+    }).pipe(Effect.as(Message.CompletedShowCaptions()))), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#execute~5"),
 });
-// UPDATE
-/** How far a seek key moves, in seconds. */
 export const SEEK_STEP = 5;
 const play = (model) => (__foldkitBrandViewResult(({
     model,
@@ -177,17 +170,25 @@ const seek = (model, to) => __foldkitBrandViewResult((Option.match(model.maybeDu
         }), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#onSome");
     },
 })), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#seek");
-const playOrPause = (model) => (__foldkitBrandViewResult((model.isPlaying ? pause(model) : play(model)), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#playOrPause"));
-// NOTE: a failed element takes no keys: its frame prints broken, its controls held.
+const playOrPause = (model) => __foldkitBrandViewResult((model.isPlaying ? pause(model) : play(model)), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#playOrPause");
 const isFailed = (model) => __foldkitBrandViewResult((Option.isSome(model.maybeErrorCode)), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#isFailed");
 /** Processes a player Message and returns the next Model, Commands and OutMessage. */
 export const update = (model, message) => __foldkitBrandViewResult((Message.match(message, {
     ClickedPlay: () => __foldkitBrandViewResult((play(model)), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#ClickedPlay"),
     ClickedPause: () => __foldkitBrandViewResult((pause(model)), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#ClickedPause"),
-    ClickedMute: () => (__foldkitBrandViewResult(({ model: modifyFields(model, { isMuted: (isMuted) => __foldkitBrandViewResult((!isMuted), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#isMuted") }) }), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#ClickedMute")),
+    ClickedMute: () => (__foldkitBrandViewResult(({
+        model: modifyFields(model, { isMuted: (isMuted) => __foldkitBrandViewResult((!isMuted), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#isMuted") }),
+    }), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#ClickedMute")),
     ClickedCaptions: () => (__foldkitBrandViewResult(({
-        model: modifyFields(model, { isShowingCaptions: (isShowing) => __foldkitBrandViewResult((!isShowing), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#isShowingCaptions") }),
-        commands: [ShowCaptions({ mediaId: model.id, isShowing: !model.isShowingCaptions })],
+        model: modifyFields(model, {
+            isShowingCaptions: (isShowing) => __foldkitBrandViewResult((!isShowing), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#isShowingCaptions"),
+        }),
+        commands: [
+            ShowCaptions({
+                mediaId: model.id,
+                isShowing: !model.isShowingCaptions,
+            }),
+        ],
     }), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#ClickedCaptions")),
     ClickedRetry: () => (__foldkitBrandViewResult(({
         model: modifyFields(model, { maybeErrorCode: () => __foldkitBrandViewResult((Option.none()), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#maybeErrorCode") }),
@@ -195,8 +196,8 @@ export const update = (model, message) => __foldkitBrandViewResult((Message.matc
         outMessage: OutMessage.Retried(),
     }), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#ClickedRetry")),
     UpdatedSeek: ({ to }) => __foldkitBrandViewResult((seek(model, to)), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#UpdatedSeek"),
-    PressedPlaybackKey: () => (__foldkitBrandViewResult((isFailed(model) ? { model } : playOrPause(model)), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#PressedPlaybackKey")),
-    PressedSeekKey: ({ by }) => (__foldkitBrandViewResult((isFailed(model) ? { model } : seek(model, model.time + by)), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#PressedSeekKey")),
+    PressedPlaybackKey: () => __foldkitBrandViewResult((isFailed(model) ? { model } : playOrPause(model)), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#PressedPlaybackKey"),
+    PressedSeekKey: ({ by }) => __foldkitBrandViewResult((isFailed(model) ? { model } : seek(model, model.time + by)), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#PressedSeekKey"),
     UpdatedMediaState: ({ reading }) => (__foldkitBrandViewResult(({
         model: modifyFields(model, {
             isPlaying: () => __foldkitBrandViewResult((reading.isPlaying), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#isPlaying"),
@@ -215,13 +216,12 @@ export const update = (model, message) => __foldkitBrandViewResult((Message.matc
     CompletedReloadMedia: () => (__foldkitBrandViewResult(({ model }), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#CompletedReloadMedia")),
     CompletedShowCaptions: () => (__foldkitBrandViewResult(({ model }), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#CompletedShowCaptions")),
 })), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#update");
-// READING THE ELEMENT
 const readMedia = (media) => (__foldkitBrandViewResult(({
     isPlaying: !media.paused,
     time: media.currentTime,
     maybeDuration: Option.liftPredicate(media.duration, globalThis.Number.isFinite),
     isMuted: media.muted,
-    maybeErrorCode: Option.map(Option.fromNullishOr(media.error), ({ code }) => __foldkitBrandViewResult((code), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~9")),
+    maybeErrorCode: Option.map(Option.fromNullishOr(media.error), ({ code }) => __foldkitBrandViewResult((code), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~8")),
 }), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#readMedia"));
 const MediaEvent = Schema.Literals(["Read", "Wait", "Settle"]);
 const MEDIA_EVENTS = [
@@ -239,10 +239,12 @@ const MEDIA_EVENTS = [
     ["error", "Settle"],
     ["emptied", "Settle"],
 ];
-const toMessages = (media, event) => __foldkitBrandViewResult((Match.value(event).pipe(Match.withReturnType(), Match.when("Read", () => __foldkitBrandViewResult(([Message.UpdatedMediaState({ reading: readMedia(media) })]), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~10")), Match.when("Wait", () => __foldkitBrandViewResult(([Message.UpdatedWaiting({ isWaiting: true })]), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~11")), Match.when("Settle", () => __foldkitBrandViewResult(([
+const toMessages = (media, event) => __foldkitBrandViewResult((Match.value(event).pipe(Match.withReturnType(), Match.when("Read", () => __foldkitBrandViewResult(([
+    Message.UpdatedMediaState({ reading: readMedia(media) }),
+]), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~9")), Match.when("Wait", () => __foldkitBrandViewResult(([Message.UpdatedWaiting({ isWaiting: true })]), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~10")), Match.when("Settle", () => __foldkitBrandViewResult(([
     Message.UpdatedWaiting({ isWaiting: false }),
     Message.UpdatedMediaState({ reading: readMedia(media) }),
-]), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~12")), Match.exhaustive)), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#toMessages");
+]), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~11")), Match.exhaustive)), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#toMessages");
 /** Reads a media element's state from its own events, and once when it mounts, for whatever
  *  happened before the page's script ran (the metadata read, or the source already failed).
  *  It also starts every caption track hidden, not disabled, so its cues load before they are
@@ -251,37 +253,38 @@ export const ReadMedia = Mount.defineStream("ReadMedia", {
     messages: [Message.UpdatedMediaState, Message.UpdatedWaiting],
     execute: ({ element }) => __foldkitBrandViewResult((Stream.callback((queue) => __foldkitBrandViewResult((Effect.gen(function* () {
         if (!(element instanceof HTMLMediaElement)) {
-            return __foldkitBrandViewResult((yield* Effect.never), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~14");
+            return __foldkitBrandViewResult((yield* Effect.never), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~13");
         }
-        const offer = (event) => __foldkitBrandViewResult((() => __foldkitBrandViewResult((Array.forEach(toMessages(element, event), (message) => {
-            Queue.offerUnsafe(queue, message);
-        })), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~15")), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#offer");
+        const offer = (event) => __foldkitBrandViewResult((() => {
+            for (const message of toMessages(element, event)) {
+                Queue.offerUnsafe(queue, message);
+            }
+        }), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#offer");
         yield* Effect.acquireRelease(Effect.sync(() => {
             const listeners = Array.map(MEDIA_EVENTS, ([type, event]) => {
                 const listener = offer(event);
                 element.addEventListener(type, listener);
-                return __foldkitBrandViewResult(([type, listener]), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~18");
+                return __foldkitBrandViewResult(([type, listener]), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~16");
             });
-            Array.forEach(Array.fromIterable(element.textTracks), (track) => {
+            for (const track of element.textTracks) {
                 track.mode = captionsMode(false);
-            });
+            }
             offer("Read")();
-            return __foldkitBrandViewResult((listeners), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~17");
-        }), (listeners) => __foldkitBrandViewResult((Effect.sync(() => __foldkitBrandViewResult((Array.forEach(listeners, ([type, listener]) => __foldkitBrandViewResult((element.removeEventListener(type, listener)), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~22"))), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~21"))), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~20"));
-        return __foldkitBrandViewResult((yield* Effect.never), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~14");
-    })), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~13"))), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#execute~6"),
+            return __foldkitBrandViewResult((listeners), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~15");
+        }), (listeners) => __foldkitBrandViewResult((Effect.sync(() => {
+            for (const [type, listener] of listeners) {
+                element.removeEventListener(type, listener);
+            }
+        })), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~17"));
+        return __foldkitBrandViewResult((yield* Effect.never), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~13");
+    })), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~12"))), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#execute~6"),
 });
 const toKeyMessage = (event) => {
-    const target = Option.liftPredicate(event.target, (target) => __foldkitBrandViewResult((target instanceof Element), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~23"));
-    const isOnSeek = Option.exists(target, (element) => __foldkitBrandViewResult((element.matches("input[type=range]")), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~24"));
-    const isOnButton = Option.exists(target, (element) => __foldkitBrandViewResult((element.tagName === "BUTTON"), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~25"));
-    return __foldkitBrandViewResult((Match.value(event.key).pipe(Match.withReturnType(), Match.when("k", () => __foldkitBrandViewResult((Option.some(Message.PressedPlaybackKey())), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~26")), Match.when(" ", () => __foldkitBrandViewResult((Option.liftPredicate(Message.PressedPlaybackKey(), () => __foldkitBrandViewResult((!isOnButton), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~28"))), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~27")), Match.when("ArrowLeft", () => __foldkitBrandViewResult((Option.some(Message.PressedSeekKey({ by: -SEEK_STEP }))), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~29")), Match.when("ArrowRight", () => __foldkitBrandViewResult((Option.some(Message.PressedSeekKey({ by: SEEK_STEP }))), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~30")), Match.when("ArrowDown", () => __foldkitBrandViewResult((Option.liftPredicate(Message.PressedSeekKey({ by: -SEEK_STEP }), () => __foldkitBrandViewResult((isOnSeek), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~32"))), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~31")), Match.when("ArrowUp", () => __foldkitBrandViewResult((Option.liftPredicate(Message.PressedSeekKey({ by: SEEK_STEP }), () => __foldkitBrandViewResult((isOnSeek), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~34"))), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~33")), Match.orElse(() => __foldkitBrandViewResult((Option.none()), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~35")))), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#toKeyMessage");
+    const target = Option.liftPredicate(event.target, (eventTarget) => __foldkitBrandViewResult((eventTarget instanceof Element), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~19"));
+    const isOnSeek = Option.exists(target, (element) => __foldkitBrandViewResult((element.matches("input[type=range]")), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~20"));
+    const isOnButton = Option.exists(target, (element) => __foldkitBrandViewResult((element.tagName === "BUTTON"), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~21"));
+    return __foldkitBrandViewResult((Match.value(event.key).pipe(Match.withReturnType(), Match.when("k", () => __foldkitBrandViewResult((Option.some(Message.PressedPlaybackKey())), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~22")), Match.when(" ", () => __foldkitBrandViewResult((Option.liftPredicate(Message.PressedPlaybackKey(), () => __foldkitBrandViewResult((!isOnButton), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~24"))), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~23")), Match.when("ArrowLeft", () => __foldkitBrandViewResult((Option.some(Message.PressedSeekKey({ by: -SEEK_STEP }))), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~25")), Match.when("ArrowRight", () => __foldkitBrandViewResult((Option.some(Message.PressedSeekKey({ by: SEEK_STEP }))), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~26")), Match.when("ArrowDown", () => __foldkitBrandViewResult((Option.liftPredicate(Message.PressedSeekKey({ by: -SEEK_STEP }), () => __foldkitBrandViewResult((isOnSeek), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~28"))), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~27")), Match.when("ArrowUp", () => __foldkitBrandViewResult((Option.liftPredicate(Message.PressedSeekKey({ by: SEEK_STEP }), () => __foldkitBrandViewResult((isOnSeek), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~30"))), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~29")), Match.orElse(() => __foldkitBrandViewResult((Option.none()), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~31")))), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#toKeyMessage");
 };
-/** The player's key for one keydown inside its frame: Space or k plays and pauses, the arrows
- *  seek five seconds. A button keeps its own Space, and the seek bar its Home and End. A key
- *  an IME is composing, one someone already handled and one with a modifier are left alone;
- *  `BindPlayerKeys` prevents the default only for a key the player takes. A failed player's
- *  update ignores the keys. */
 export const playerKey = (event) => __foldkitBrandViewResult((event.isComposing || event.defaultPrevented || !isPlain(event)
     ? Option.none()
     : toKeyMessage(event)), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#playerKey");
@@ -295,24 +298,28 @@ export const BindPlayerKeys = Mount.defineStream("BindPlayerKeys", {
         filterMapEvent: playerKey,
     })), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#execute~7"),
 });
-// SHARED VIEWS
-// NOTE: `MediaError`'s codes, written out because the view renders on the server too, where
-// there is no `MediaError` to read them from.
 const MEDIA_ERR_ABORTED = 1;
 const MEDIA_ERR_NETWORK = 2;
 const MEDIA_ERR_DECODE = 3;
-/** Why it cannot play, by `MediaError` code, in the reader's words. */
-export const failureReason = (maybeErrorCode) => __foldkitBrandViewResult((Match.value(maybeErrorCode).pipe(Match.withReturnType(), Match.when(Option.contains(MEDIA_ERR_ABORTED), () => __foldkitBrandViewResult(("Loading was stopped before it could play."), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~36")), Match.when(Option.contains(MEDIA_ERR_NETWORK), () => __foldkitBrandViewResult(("The connection dropped while it loaded."), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~37")), Match.when(Option.contains(MEDIA_ERR_DECODE), () => __foldkitBrandViewResult(("The file is damaged or cut short."), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~38")), Match.orElse(() => __foldkitBrandViewResult(("The source is missing, or in a format this browser cannot play."), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~39")))), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#failureReason");
-/** Whether the player prints broken: held so, or failed while not held loading. */
+export const failureReason = (maybeErrorCode) => __foldkitBrandViewResult((Match.value(maybeErrorCode).pipe(Match.withReturnType(), Match.when(Option.contains(MEDIA_ERR_ABORTED), () => __foldkitBrandViewResult(("Loading was stopped before it could play."), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~32")), Match.when(Option.contains(MEDIA_ERR_NETWORK), () => __foldkitBrandViewResult(("The connection dropped while it loaded."), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~33")), Match.when(Option.contains(MEDIA_ERR_DECODE), () => __foldkitBrandViewResult(("The file is damaged or cut short."), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~34")), Match.orElse(() => __foldkitBrandViewResult(("The source is missing, or in a format this browser cannot play."), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~35")))), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#failureReason");
 export const isBroken = (model, maybeHeld) => __foldkitBrandViewResult((Option.contains(maybeHeld, "Broken") ||
-    (!Option.contains(maybeHeld, "Loading") && Option.isSome(model.maybeErrorCode))), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#isBroken");
-/** Whether the player prints waiting: held loading, or waiting for data while not broken. */
-export const isWaiting = (model, maybeHeld) => __foldkitBrandViewResult((Option.contains(maybeHeld, "Loading") || (!isBroken(model, maybeHeld) && model.isWaiting)), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#isWaiting~2");
-/** The play button, which pauses while it plays. */
+    (!Option.contains(maybeHeld, "Loading") &&
+        Option.isSome(model.maybeErrorCode))), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#isBroken");
+export const isWaiting = (model, maybeHeld) => __foldkitBrandViewResult((Option.contains(maybeHeld, "Loading") ||
+    (!isBroken(model, maybeHeld) && model.isWaiting)), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#isWaiting~2");
 export const playButtonView = (model, isDisabled, h) => __foldkitBrandViewResult((IconButton.view(model.isPlaying
-    ? { glyph: "pause", label: "Pause", onClick: Message.ClickedPause(), isDisabled }
-    : { glyph: "play", label: "Play", onClick: Message.ClickedPlay(), isDisabled }, h)), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#playButtonView");
-/** The mute toggle, which says whether it is pressed. */
+    ? {
+        glyph: "pause",
+        label: "Pause",
+        onClick: Message.ClickedPause(),
+        isDisabled,
+    }
+    : {
+        glyph: "play",
+        label: "Play",
+        onClick: Message.ClickedPlay(),
+        isDisabled,
+    }, h)), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#playButtonView");
 export const muteButtonView = (model, isDisabled, h) => __foldkitBrandViewResult((IconButton.view({
     glyph: model.isMuted ? "volume-off" : "volume",
     label: "Mute",
@@ -320,59 +327,54 @@ export const muteButtonView = (model, isDisabled, h) => __foldkitBrandViewResult
     isDisabled,
     attributes: [Button.pressedAttribute(model.isMuted, h)],
 }, h)), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#muteButtonView");
-/** A failed player's actions: its retry button, when it has one. */
 export const retryActions = (hasRetry, h) => __foldkitBrandViewResult((hasRetry
-    ? [Button.view({ label: "retry", isSmall: true, onClick: Message.ClickedRetry() }, h)]
+    ? [
+        Button.view({ label: "retry", isSmall: true, onClick: Message.ClickedRetry() }, h),
+    ]
     : []), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#retryActions");
 const SEEK_CELLS = 24;
-/** Where it is, as a row of cells lit up to the place: the cells are what shows, and a native
- *  range over them (unseen) is what the pointer, the keyboard and a screen reader use. The
- *  range is natively disabled only while the source is broken (`isNativeDisabled`); while the
- *  length is unknown (before the metadata, and always for a stream) it is held, aria-disabled
- *  with no handler, and stays in the keyboard. */
 export const seekView = (model, isNativeDisabled, h) => {
-    const maybeKnown = Option.filter(model.maybeDuration, (duration) => __foldkitBrandViewResult((duration > 0), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~40"));
-    const place = Option.match(maybeKnown, {
+    const maybeKnownLength = Option.filter(model.maybeDuration, (duration) => __foldkitBrandViewResult((duration > 0), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~36"));
+    const place = Option.match(maybeKnownLength, {
         onNone: () => __foldkitBrandViewResult((0), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#onNone~2"),
         onSome: (duration) => __foldkitBrandViewResult((Math.min(model.time, duration)), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#onSome~2"),
     });
-    const lit = Option.match(maybeKnown, {
+    const lit = Option.match(maybeKnownLength, {
         onNone: () => __foldkitBrandViewResult((0), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#onNone~3"),
         onSome: (duration) => __foldkitBrandViewResult((Math.floor((place / duration) * SEEK_CELLS)), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#onSome~3"),
     });
-    const isHeld = !isNativeDisabled && Option.isNone(maybeKnown);
+    const isHeldUntilLengthKnown = !isNativeDisabled && Option.isNone(maybeKnownLength);
     return __foldkitBrandViewResult((h.span([h.Class("media-seek")], [
-        h.span([h.Class("cells"), h.AriaHidden(true)], Array.makeBy(SEEK_CELLS, (index) => __foldkitBrandViewResult((h.span([h.Class(index < lit ? "cell on" : "cell")])), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~41"))),
+        h.span([h.Class("cells"), h.AriaHidden(true)], Array.makeBy(SEEK_CELLS, (index) => __foldkitBrandViewResult((h.span([h.Class(index < lit ? "cell on" : "cell")])), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~37"))),
         UiInput.view({
             id: `${model.id}-seek`,
             type: "range",
             value: `${place}`,
             isDisabled: isNativeDisabled,
-            ...(isHeld
+            ...(isHeldUntilLengthKnown
                 ? {}
                 : {
                     onInput: (value) => __foldkitBrandViewResult((Message.UpdatedSeek({ to: globalThis.Number(value) })), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#onInput"),
                 }),
             toView: (groups) => __foldkitBrandViewResult((h.input([
                 ...groups.input,
-                ...(isHeld ? [h.AriaDisabled(true)] : []),
+                ...(isHeldUntilLengthKnown ? [h.AriaDisabled(true)] : []),
                 h.AriaLabel("Seek"),
                 h.AriaValuetext(Option.match(model.maybeDuration, {
                     onNone: () => __foldkitBrandViewResult((`${formatClock(model.time)}, length unknown`), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#onNone~4"),
                     onSome: (duration) => __foldkitBrandViewResult((`${formatClock(model.time)} of ${formatClock(duration)}`), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#onSome~4"),
                 })),
                 h.Min("0"),
-                h.Max(`${Option.getOrElse(maybeKnown, () => __foldkitBrandViewResult((0), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~42"))}`),
+                h.Max(`${Option.getOrElse(maybeKnownLength, () => __foldkitBrandViewResult((0), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#anonymous~38"))}`),
                 h.Step("any"),
             ])), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#toView"),
         }, h),
     ])), "@gjermundgaraba-designs/pixel-paper/src/media/media.js#seekView");
 };
-/** The time, as the place and the length in tabular pixel figures; while the element waits
- *  for data (where nothing else says so), the word and the working cursor instead. The word
- *  is said by a status that stays in place, its words swapped, so a screen reader hears it. */
 export const timeView = (model, isTimeWaiting, h) => __foldkitBrandViewResult((h.span([h.Class(isTimeWaiting ? "media-time waiting" : "media-time")], [
-    h.span([h.Role("status")], isTimeWaiting ? ["loading", h.span([h.Class("cursor"), h.AriaHidden(true)])] : []),
+    h.span([h.Role("status")], isTimeWaiting
+        ? ["loading", h.span([h.Class("cursor"), h.AriaHidden(true)])]
+        : []),
     ...(isTimeWaiting
         ? []
         : [

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,cAAc,EACd,SAAS,EACT,OAAO,EACP,KAAK,EACL,UAAU,EACV,EAAE,EACF,IAAI,EACJ,MAAM,EACN,MAAM,EACN,IAAI,GACL,MAAM,WAAW,CAAC;AACnB,YAAY,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AACpE,YAAY,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,cAAc,EACd,SAAS,EACT,OAAO,EACP,KAAK,EACL,UAAU,EACV,EAAE,EACF,IAAI,EACJ,MAAM,EACN,MAAM,EACN,IAAI,GACL,MAAM,WAAW,CAAC;AAEnB,YAAY,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE/D,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAEpE,YAAY,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/src/menu/item.d.ts

@@ -54,7 +54,7 @@ export type Item = Data.TaggedEnum<{
      *  the group's identity in its slip: two groups there do not share one. */
     Group: {
         readonly label: string;
-        readonly items: ReadonlyArray<Entry>;
+        readonly items: readonly Entry[];
     };
 }>;
 /** One row of a menu or of a group: any item but a group. */
@@ -82,7 +82,7 @@ export declare const Item: {
     }> | Extract<{
         readonly _tag: "Group";
         readonly label: string;
-        readonly items: ReadonlyArray<Entry>;
+        readonly items: readonly Entry[];
     }, {
         readonly _tag: Tag;
     }> | Extract<{
@@ -124,7 +124,7 @@ export declare const Item: {
         } | {
             readonly _tag: "Group";
             readonly label: string;
-            readonly items: ReadonlyArray<Entry>;
+            readonly items: readonly Entry[];
         } | {
             readonly _tag: "Link";
             readonly id: string;
@@ -158,7 +158,7 @@ export declare const Item: {
         } | {
             readonly _tag: "Group";
             readonly label: string;
-            readonly items: ReadonlyArray<Entry>;
+            readonly items: readonly Entry[];
         } | {
             readonly _tag: "Link";
             readonly id: string;
@@ -191,7 +191,7 @@ export declare const Item: {
         } | {
             readonly _tag: "Group";
             readonly label: string;
-            readonly items: ReadonlyArray<Entry>;
+            readonly items: readonly Entry[];
         } | {
             readonly _tag: "Link";
             readonly id: string;
@@ -225,7 +225,7 @@ export declare const Item: {
         } | {
             readonly _tag: "Group";
             readonly label: string;
-            readonly items: ReadonlyArray<Entry>;
+            readonly items: readonly Entry[];
         } | {
             readonly _tag: "Link";
             readonly id: string;
@@ -261,7 +261,7 @@ export declare const Item: {
     readonly Group: Data.TaggedEnum.ConstructorFrom<{
         readonly _tag: "Group";
         readonly label: string;
-        readonly items: ReadonlyArray<Entry>;
+        readonly items: readonly Entry[];
     }, "_tag">;
     readonly Link: Data.TaggedEnum.ConstructorFrom<{
         readonly _tag: "Link";
@@ -294,5 +294,5 @@ export declare const link: (config: Data.TaggedEnum.Args<Item, "Link">) => Entry
 /** A note; see `Item`'s `Note`. */
 export declare const note: (text: string) => Entry;
 /** A group of items under a heading; see `Item`'s `Group`. */
-export declare const group: (label: string, items: ReadonlyArray<Entry>) => Item;
+export declare const group: (label: string, items: readonly Entry[]) => Item;
 //# sourceMappingURL=item.d.ts.map

package/dist/src/menu/item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/menu/item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAOpD;eACe;AACf,MAAM,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC;IACjC;gBACY;IACZ,MAAM,EAAE;QACN,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;QACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;QAC3B,wDAAwD;QACxD,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;QACjC;8FACsF;QACtF,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;KAC/B,CAAC;IACF;;uFAEmF;IACnF,KAAK,EAAE;QACL,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;QACvB,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;QAC5B;wDACgD;QAChD,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;KAC/B,CAAC;IACF;kFAC8E;IAC9E,KAAK,EAAE;QACL,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;QACvB,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;KAC7B,CAAC;IACF;;iEAE6D;IAC7D,IAAI,EAAE;QACJ,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;QACvB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;QACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;QAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;KAC5B,CAAC;IACF;uFACmF;IACnF,IAAI,EAAE;QAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAChC;;+EAE2E;IAC3E,KAAK,EAAE;QAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAA;KAAE,CAAC;CACzE,CAAC,CAAC;AAEH,6DAA6D;AAC7D,MAAM,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,EAAE;IAAE,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAE9D,yEAAyE;AACzE,eAAO,MAAM,IAAI;;;qBAlDA,MAAM;wBACH,MAAM;yBACL,SAAS;2BAEP,aAAa;8BAGV,OAAO;;;;;qBAgBhB,MAAM;wBACH,MAAM;4BACF,OAAO;;;;;wBAkBJ,MAAM;wBAAkB,aAAa,CAAC,KAAK,CAAC;;;;;qBAZtD,MAAM;wBACH,MAAM;uBACP,MAAM;6BACA,OAAO;yBACX,SAAS;;;;;uBAIL,MAAM;;;;;qBA1Bd,MAAM;wBACH,MAAM;4BACF,OAAO;8BAGL,OAAO;;;;;;;yBAlBhB,MAAM;4BACH,MAAM;6BACL,SAAS;+BAEP,aAAa;kCAGV,OAAO;;;yBAgBhB,MAAM;4BACH,MAAM;gCACF,OAAO;;;4BAkBJ,MAAM;4BAAkB,aAAa,CAAC,KAAK,CAAC;;;yBAZtD,MAAM;4BACH,MAAM;2BACP,MAAM;iCACA,OAAO;6BACX,SAAS;;;2BAIL,MAAM;;;yBA1Bd,MAAM;4BACH,MAAM;gCACF,OAAO;kCAGL,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAlBhB,MAAM;4BACH,MAAM;6BACL,SAAS;+BAEP,aAAa;kCAGV,OAAO;;;yBAgBhB,MAAM;4BACH,MAAM;gCACF,OAAO;;;4BAkBJ,MAAM;4BAAkB,aAAa,CAAC,KAAK,CAAC;;;yBAZtD,MAAM;4BACH,MAAM;2BACP,MAAM;iCACA,OAAO;6BACX,SAAS;;;2BAIL,MAAM;;;yBA1Bd,MAAM;4BACH,MAAM;gCACF,OAAO;kCAGL,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAlBhB,MAAM;wBACH,MAAM;yBACL,SAAS;2BAEP,aAAa;8BAGV,OAAO;;;;qBAgBhB,MAAM;wBACH,MAAM;4BACF,OAAO;;;;wBAkBJ,MAAM;wBAAkB,aAAa,CAAC,KAAK,CAAC;;;;qBAZtD,MAAM;wBACH,MAAM;uBACP,MAAM;6BACA,OAAO;yBACX,SAAS;;;;uBAIL,MAAM;;;;qBA1Bd,MAAM;wBACH,MAAM;4BACF,OAAO;8BAGL,OAAO;;CAgCU,CAAC;AAE5C,6CAA6C;AAC7C,eAAO,MAAM,MAAM,WAAY,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAG,KAA4B,CAAC;AAEnG,0CAA0C;AAC1C,eAAO,MAAM,KAAK,WAAY,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,KAAG,KAA2B,CAAC;AAEhG,0CAA0C;AAC1C,eAAO,MAAM,KAAK,WAAY,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,KAAG,KAA2B,CAAC;AAEhG,wCAAwC;AACxC,eAAO,MAAM,IAAI,WAAY,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,KAAG,KAA0B,CAAC;AAE7F,mCAAmC;AACnC,eAAO,MAAM,IAAI,SAAU,MAAM,KAAG,KAA4B,CAAC;AAEjE,8DAA8D;AAC9D,eAAO,MAAM,KAAK,UAAW,MAAM,SAAS,aAAa,CAAC,KAAK,CAAC,KAAG,IACrC,CAAC"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/menu/item.ts"],"names":[],"mappings":"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"}

package/dist/src/menu/menu.d.ts

@@ -106,9 +106,6 @@ export declare const update: (model: Model, message: Message) => Readonly<{
         readonly id: string;
     };
 }>;
-/** What one keydown on the toggle does: ↓ and ↑ open the slip on its first or last row. A
- *  key an IME is composing, a modified key, a key someone already handled and any other key
- *  are left alone. */
 export declare const toggleKey: (event: KeyboardEvent) => Option.Option<typeof Message.PressedToggleArrow.Type>;
 /** ↓ and ↑ on the toggle open the slip on its first or last row (Enter and Space click it),
  *  their default prevented (see `toggleKey`). In a Scene, resolve it with
@@ -142,7 +139,7 @@ export type ViewInputs = Readonly<{
      *  `glyph` or `toggleContent` replaces them; then it is the toggle's `aria-label` and tip,
      *  so start it with any words the content shows. */
     label: string;
-    items: ReadonlyArray<Item>;
+    items: readonly Item[];
     /** A glyph toggle (`iconbtn`): the glyph alone, `label` its name and tip. */
     glyph?: GlyphName;
     /** A glyph toggle muted until hovered: a row's `more` menu. */
@@ -201,7 +198,7 @@ export declare const view: import("foldkit/submodel").View<{
      *  `glyph` or `toggleContent` replaces them; then it is the toggle's `aria-label` and tip,
      *  so start it with any words the content shows. */
     label: string;
-    items: ReadonlyArray<Item>;
+    items: readonly Item[];
     /** A glyph toggle (`iconbtn`): the glyph alone, `label` its name and tip. */
     glyph?: GlyphName;
     /** A glyph toggle muted until hovered: a row's `more` menu. */

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

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