@benev/tact 0.4.0-0 → 0.4.0-1

package/x/lib/ui/views/controllers/subviews/controller.d.ts

@@ -0,0 +1,3 @@
+import { Context } from "../../deck/types.js";
+import { Controller } from "../../../../input/controller.js";
+export declare const ControllerView: import("@e280/sly").View<[context: Context, controller: Controller<any>]>;

package/x/lib/ui/views/controllers/subviews/controller.js

@@ -0,0 +1,45 @@
+import { html } from "lit";
+import { lightView } from "@e280/sly";
+import gameControllerSvg from "../../../icons/akar/game-controller.svg.js";
+import dragVerticalFillSvg from "../../../icons/akar/drag-vertical-fill.svg.js";
+import { hueify } from "../../../../utils/hueify.js";
+import { ProfileSelectView } from "../../profile-select/view.js";
+export const ControllerView = lightView((context, controller) => {
+    const { deck, dnd } = context;
+    const { controls } = deck;
+    const dragzone = dnd.dragzone(() => ({ controller }));
+    const currentProfileKey = controls.assignments.assignedProfileKeyOf(controller);
+    const meta = controls.meta(controller) ?? {
+        id: 0,
+        icon: gameControllerSvg,
+        handle: "controller",
+        name: "controller",
+        tooltip: "",
+        defaultProfileKey: controls.fallbackProfileKey,
+    };
+    const style = `--hue: ${hueify(meta?.id ?? 0)};`;
+    return html `
+		<div class=controller
+			style="${style}"
+			theme-card
+			?data-dragging="${dnd.dragging?.controller === controller}"
+			draggable="${dragzone.draggable}"
+			@dragstart="${dragzone.dragstart}"
+			@dragend="${dragzone.dragend}">
+
+			<div class=griptape>
+				${dragVerticalFillSvg}
+			</div>
+
+			<h4 class=label title="${meta.tooltip}">
+				<span class=icon>${meta.icon}</span>
+				<span class=name>${meta.name}</span>
+			</h4>
+
+			${ProfileSelectView(deck, currentProfileKey, key => {
+        controls.assignments.assign(controller, key);
+    })}
+		</div>
+	`;
+});
+//# sourceMappingURL=controller.js.map

package/x/lib/ui/views/controllers/subviews/controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controller.js","sourceRoot":"","sources":["../../../../../../s/lib/ui/views/controllers/subviews/controller.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAC,SAAS,EAAC,MAAM,WAAW,CAAA;AAEnC,OAAO,iBAAiB,MAAM,4CAA4C,CAAA;AAC1E,OAAO,mBAAmB,MAAM,+CAA+C,CAAA;AAG/E,OAAO,EAAC,MAAM,EAAC,MAAM,6BAA6B,CAAA;AAElD,OAAO,EAAC,iBAAiB,EAAC,MAAM,8BAA8B,CAAA;AAE9D,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,OAAgB,EAAE,UAAsB,EAAE,EAAE;IACpF,MAAM,EAAC,IAAI,EAAE,GAAG,EAAC,GAAG,OAAO,CAAA;IAC3B,MAAM,EAAC,QAAQ,EAAC,GAAG,IAAI,CAAA;IACvB,MAAM,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,EAAC,UAAU,EAAC,CAAC,CAAC,CAAA;IACnD,MAAM,iBAAiB,GAAG,QAAQ,CAAC,WAAW,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAA;IAC/E,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI;QACzC,EAAE,EAAE,CAAC;QACL,IAAI,EAAE,iBAAiB;QACvB,MAAM,EAAE,YAAY;QACpB,IAAI,EAAE,YAAY;QAClB,OAAO,EAAE,EAAE;QACX,iBAAiB,EAAE,QAAQ,CAAC,kBAAkB;KAC9C,CAAA;IAED,MAAM,KAAK,GAAG,UAAU,MAAM,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC,GAAG,CAAA;IAEhD,OAAO,IAAI,CAAA;;YAEA,KAAK;;qBAEI,GAAG,CAAC,QAAQ,EAAE,UAAU,KAAK,UAAU;gBAC5C,QAAQ,CAAC,SAAS;iBACjB,QAAQ,CAAC,SAAS;eACpB,QAAQ,CAAC,OAAO;;;MAGzB,mBAAmB;;;4BAGG,IAAI,CAAC,OAAO;uBACjB,IAAI,CAAC,IAAI;uBACT,IAAI,CAAC,IAAI;;;KAG3B,iBAAiB,CAAC,IAAI,EAAE,iBAAiB,EAAE,GAAG,CAAC,EAAE;QAClD,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,UAAU,EAAE,GAAG,CAAC,CAAA;IAC7C,CAAC,CAAC;;EAEH,CAAA;AACF,CAAC,CAAC,CAAA"}

package/x/lib/ui/views/controllers/subviews/dropcard.d.ts

@@ -0,0 +1,9 @@
+import { Content } from "@e280/sly";
+import { Context, DroppyPort } from "../../deck/types.js";
+export declare const DropcardView: import("@e280/sly").View<[o: {
+    class: string;
+    themeCard?: string;
+    context: Context;
+    playerId: DroppyPort["playerId"];
+    content: Content;
+}]>;

package/x/lib/ui/views/controllers/subviews/dropcard.js

@@ -0,0 +1,20 @@
+import { html } from "lit";
+import { lightView } from "@e280/sly";
+export const DropcardView = lightView((o) => {
+    const { dnd } = o.context;
+    const dropzone = dnd.dropzone(() => ({ playerId: o.playerId }));
+    return html `
+		<div class="${o.class}"
+			theme-card="${o.themeCard ?? ""}"
+			data-drop-candidate
+			?data-dropping="${dnd.hovering?.playerId === o.playerId}"
+			@dragenter="${dropzone.dragenter}"
+			@dragleave="${dropzone.dragleave}"
+			@dragover="${dropzone.dragover}"
+			@drop="${dropzone.drop}">
+
+			${o.content}
+		</div>
+	`;
+});
+//# sourceMappingURL=dropcard.js.map

package/x/lib/ui/views/controllers/subviews/dropcard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropcard.js","sourceRoot":"","sources":["../../../../../../s/lib/ui/views/controllers/subviews/dropcard.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAU,SAAS,EAAC,MAAM,WAAW,CAAA;AAG5C,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC,CAAC,CAMrC,EAAE,EAAE;IAEL,MAAM,EAAC,GAAG,EAAC,GAAG,CAAC,CAAC,OAAO,CAAA;IACvB,MAAM,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,EAAC,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAC,CAAC,CAAC,CAAA;IAE7D,OAAO,IAAI,CAAA;gBACI,CAAC,CAAC,KAAK;iBACN,CAAC,CAAC,SAAS,IAAI,EAAE;;qBAEb,GAAG,CAAC,QAAQ,EAAE,QAAQ,KAAK,CAAC,CAAC,QAAQ;iBACzC,QAAQ,CAAC,SAAS;iBAClB,QAAQ,CAAC,SAAS;gBACnB,QAAQ,CAAC,QAAQ;YACrB,QAAQ,CAAC,IAAI;;KAEpB,CAAC,CAAC,OAAO;;EAEZ,CAAA;AACF,CAAC,CAAC,CAAA"}

package/x/lib/ui/views/controllers/subviews/player.d.ts

@@ -0,0 +1,2 @@
+import { Context } from "../../deck/types.js";
+export declare const PlayerView: import("@e280/sly").View<[context: Context, playerId: number, index: number]>;

package/x/lib/ui/views/controllers/subviews/player.js

@@ -0,0 +1,32 @@
+import { html } from "lit";
+import { when } from "@e280/stz";
+import { lightView } from "@e280/sly";
+import xSmallSvg from "../../../icons/akar/x-small.svg.js";
+import { DropcardView } from "./dropcard.js";
+import { ControllerView } from "./controller.js";
+export const PlayerView = lightView((context, playerId, index) => {
+    const { hub } = context.deck;
+    const deletePlayer = () => hub.deletePlayer(playerId);
+    const controllers = hub.controllers.assigned.get(playerId) ?? [];
+    return DropcardView({
+        class: "player",
+        playerId: playerId,
+        context,
+        content: html `
+			<h3>
+				<span>player ${index + 1}</span>
+
+				${when(hub.playerIds.length > 1, () => html `
+					<button theme-button="naked angry" @click=${deletePlayer}>
+						${xSmallSvg}
+					</button>
+				`)}
+			</h3>
+
+			<div class=controllerlist>
+				${controllers.map(c => ControllerView(context, c))}
+			</div>
+		`,
+    });
+});
+//# sourceMappingURL=player.js.map

package/x/lib/ui/views/controllers/subviews/player.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"player.js","sourceRoot":"","sources":["../../../../../../s/lib/ui/views/controllers/subviews/player.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAC,SAAS,EAAC,MAAM,WAAW,CAAA;AAEnC,OAAO,SAAS,MAAM,oCAAoC,CAAA;AAE1D,OAAO,EAAC,YAAY,EAAC,MAAM,eAAe,CAAA;AAE1C,OAAO,EAAC,cAAc,EAAC,MAAM,iBAAiB,CAAA;AAE9C,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,OAAgB,EAAE,QAAgB,EAAE,KAAa,EAAE,EAAE;IACzF,MAAM,EAAC,GAAG,EAAC,GAAG,OAAO,CAAC,IAAI,CAAA;IAC1B,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAA;IACrD,MAAM,WAAW,GAAG,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAA;IAEhE,OAAO,YAAY,CAAC;QACnB,KAAK,EAAE,QAAQ;QACf,QAAQ,EAAE,QAAQ;QAClB,OAAO;QACP,OAAO,EAAE,IAAI,CAAA;;mBAEI,KAAK,GAAG,CAAC;;MAEtB,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;iDACE,YAAY;QACrD,SAAS;;KAEZ,CAAC;;;;MAIA,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;;GAEnD;KACD,CAAC,CAAA;AACH,CAAC,CAAC,CAAA"}

package/x/lib/ui/views/controllers/view.d.ts

@@ -0,0 +1,2 @@
+import { Deck } from "../../deck/types.js";
+export declare const ControllersView: import("@e280/sly").ShadowView<[deck: Deck]>, makeControllersElement: (deck: Deck) => new () => HTMLElement;

package/x/lib/ui/views/controllers/view.js

@@ -0,0 +1,64 @@
+import { html } from "lit";
+import { isHappy, when } from "@e280/stz";
+import { loot, shadowDuplex, useCss, useOnce } from "@e280/sly";
+import styleCss from "./style.css.js";
+import themeCss from "../theme.css.js";
+import personAddSvg from "../../icons/akar/person-add.svg.js";
+import { PlayerView } from "./subviews/player.js";
+import { DropcardView } from "./subviews/dropcard.js";
+import { ControllerView } from "./subviews/controller.js";
+import { droppyNewPlayer } from "../deck/types.js";
+export const [ControllersView, makeControllersElement] = shadowDuplex((deck) => {
+    useCss(themeCss, styleCss);
+    const { hub } = deck;
+    const controllers = hub.controllers;
+    const clickCreatePlayer = () => deck.hub.createPlayer();
+    const renderPlayer = (p, i) => PlayerView(context, p, i);
+    const context = useOnce(() => ({
+        deck,
+        dnd: new loot.DragAndDrops({
+            acceptDrop(_event, draggy, droppy) {
+                if (droppy.playerId === droppyNewPlayer)
+                    hub.plug(draggy.controller, hub.createPlayer());
+                else if (isHappy(droppy.playerId))
+                    hub.plug(draggy.controller, droppy.playerId);
+                else
+                    hub.unplug(draggy.controller);
+            },
+        }),
+    }));
+    return html `
+		<div class=plate ?data-drag-and-drop="${!!context.dnd.dragging}">
+			<div class=playerlist>
+				${hub.playerIds.map(renderPlayer)}
+
+				${when(hub.playerIds.length < deck.maxPlayers, () => DropcardView({
+        class: "player new",
+        themeCard: "dull",
+        playerId: droppyNewPlayer,
+        context,
+        content: html `
+						<button theme-button=naked @click="${clickCreatePlayer}">
+							${personAddSvg}
+							<span>add player</span>
+						</button>
+					`,
+    }))}
+
+				${DropcardView({
+        class: "player unassigned",
+        themeCard: "dull",
+        playerId: null,
+        context,
+        content: html `
+						<h3>unassigned</h3>
+						<div class=controllerlist>
+							${controllers.unassigned.map(c => ControllerView(context, c))}
+						</div>
+					`,
+    })}
+			</div>
+		</div>
+	`;
+});
+//# sourceMappingURL=view.js.map

package/x/lib/ui/views/controllers/view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../../../s/lib/ui/views/controllers/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAC,OAAO,EAAE,IAAI,EAAC,MAAM,WAAW,CAAA;AACvC,OAAO,EAAC,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,EAAC,MAAM,WAAW,CAAA;AAE7D,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,QAAQ,MAAM,iBAAiB,CAAA;AACtC,OAAO,YAAY,MAAM,oCAAoC,CAAA;AAG7D,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAC,YAAY,EAAC,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAC,cAAc,EAAC,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAU,eAAe,EAAC,MAAM,kBAAkB,CAAA;AAEzD,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE,sBAAsB,CAAC,GAAG,YAAY,CAAC,CAAC,IAAU,EAAE,EAAE;IACpF,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAE1B,MAAM,EAAC,GAAG,EAAC,GAAG,IAAI,CAAA;IAClB,MAAM,WAAW,GAAG,GAAG,CAAC,WAAW,CAAA;IACnC,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAA;IACvD,MAAM,YAAY,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAExE,MAAM,OAAO,GAAY,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QACvC,IAAI;QACJ,GAAG,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC;YAC1B,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM;gBAChC,IAAI,MAAM,CAAC,QAAQ,KAAK,eAAe;oBACtC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,GAAG,CAAC,YAAY,EAAE,CAAC,CAAA;qBAC3C,IAAI,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC;oBAChC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAA;;oBAE5C,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;YAC/B,CAAC;SACD,CAAC;KACF,CAAC,CAAC,CAAA;IAEH,OAAO,IAAI,CAAA;0CAC8B,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ;;MAE1D,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC;;MAE/B,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC;QACjE,KAAK,EAAE,YAAY;QACnB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,eAAe;QACzB,OAAO;QACP,OAAO,EAAE,IAAI,CAAA;2CACyB,iBAAiB;SACnD,YAAY;;;MAGf;KACD,CAAC,CAAC;;MAED,YAAY,CAAC;QACd,KAAK,EAAE,mBAAmB;QAC1B,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,IAAI;QACd,OAAO;QACP,OAAO,EAAE,IAAI,CAAA;;;SAGT,WAAW,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;;MAE9D;KACD,CAAC;;;EAGJ,CAAA;AACF,CAAC,CAAC,CAAA"}

package/x/lib/ui/views/customize/parts/capture-gamepad-chord.d.ts

@@ -0,0 +1,2 @@
+import { Expression } from "../../../../input/expression.js";
+export declare function captureGamepadChord(update: (code: Expression) => void, onDone: () => void): () => void;

package/x/lib/ui/views/customize/parts/capture-gamepad-chord.js

@@ -0,0 +1,46 @@
+import { cycle, disposer, ev, nap } from "@e280/stz";
+import { onPad } from "../../../../input/utils/pad/on-pad.js";
+import { GamepadSource } from "../../../../input/sources/gamepad.js";
+export function captureGamepadChord(update, onDone) {
+    const { dispose, schedule } = disposer();
+    schedule(onDone);
+    const sourceSet = new Set();
+    const held = new Set();
+    const seen = new Set();
+    schedule(ev(window, { blur: () => dispose() }));
+    schedule(onPad(pad => {
+        const source = new GamepadSource(pad);
+        sourceSet.add(source);
+        source.onSample(sample => {
+            if (sample.code === "gamepad.any")
+                return undefined;
+            if (sample.value > 0.9) {
+                held.add(sample.code);
+                seen.add(sample.code);
+            }
+            else {
+                if (!held.delete(sample.code))
+                    return;
+                if (held.size === 0) {
+                    if (seen.size === 1)
+                        update([...seen][0]);
+                    else if (seen.size > 1)
+                        update(["*", ...seen]);
+                    dispose();
+                }
+            }
+        });
+        return () => {
+            source.dispose();
+            sourceSet.delete(source);
+        };
+    }));
+    schedule(cycle(async () => {
+        for (const source of sourceSet) {
+            source.poll();
+        }
+        await nap(16.67);
+    }));
+    return dispose;
+}
+//# sourceMappingURL=capture-gamepad-chord.js.map

package/x/lib/ui/views/customize/parts/capture-gamepad-chord.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"capture-gamepad-chord.js","sourceRoot":"","sources":["../../../../../../s/lib/ui/views/customize/parts/capture-gamepad-chord.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,EAAC,MAAM,WAAW,CAAA;AAElD,OAAO,EAAC,KAAK,EAAC,MAAM,uCAAuC,CAAA;AAC3D,OAAO,EAAC,aAAa,EAAC,MAAM,sCAAsC,CAAA;AAElE,MAAM,UAAU,mBAAmB,CACjC,MAAkC,EAClC,MAAkB;IAGnB,MAAM,EAAC,OAAO,EAAE,QAAQ,EAAC,GAAG,QAAQ,EAAE,CAAA;IACtC,QAAQ,CAAC,MAAM,CAAC,CAAA;IAEhB,MAAM,SAAS,GAAG,IAAI,GAAG,EAAiB,CAAA;IAC1C,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU,CAAA;IAC9B,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU,CAAA;IAE9B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,EAAC,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAC,CAAC,CAAC,CAAA;IAE7C,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;QACpB,MAAM,MAAM,GAAG,IAAI,aAAa,CAAC,GAAG,CAAC,CAAA;QACrC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QAErB,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;YACxB,IAAI,MAAM,CAAC,IAAI,KAAK,aAAa;gBAChC,OAAO,SAAS,CAAA;YAEjB,IAAI,MAAM,CAAC,KAAK,GAAG,GAAG,EAAE,CAAC;gBACxB,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;gBACrB,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;YACtB,CAAC;iBACI,CAAC;gBACL,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;oBAC5B,OAAM;gBACP,IAAI,IAAI,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;oBACrB,IAAI,IAAI,CAAC,IAAI,KAAK,CAAC;wBAAE,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;yBACpC,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC;wBAAE,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAA;oBAC9C,OAAO,EAAE,CAAA;gBACV,CAAC;YACF,CAAC;QACF,CAAC,CAAC,CAAA;QAEF,OAAO,GAAG,EAAE;YACX,MAAM,CAAC,OAAO,EAAE,CAAA;YAChB,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;QACzB,CAAC,CAAA;IACF,CAAC,CAAC,CAAC,CAAA;IAEH,QAAQ,CAAC,KAAK,CAAC,KAAK,IAAG,EAAE;QACxB,KAAK,MAAM,MAAM,IAAI,SAAS,EAAE,CAAC;YAChC,MAAM,CAAC,IAAI,EAAE,CAAA;QACd,CAAC;QACD,MAAM,GAAG,CAAC,KAAK,CAAC,CAAA;IACjB,CAAC,CAAC,CAAC,CAAA;IAEH,OAAO,OAAO,CAAA;AACf,CAAC"}

package/x/lib/ui/views/customize/parts/capture-key-chord.d.ts

@@ -0,0 +1,2 @@
+import { Expression } from "../../../../input/expression.js";
+export declare function captureKeyChord(update: (code: Expression) => void, onDone: () => void): () => void;

package/x/lib/ui/views/customize/parts/capture-key-chord.js

@@ -0,0 +1,58 @@
+import { ev } from "@e280/stz";
+export function captureKeyChord(update, onDone) {
+    const held = new Set();
+    const seen = new Set();
+    function mod(code) {
+        if (code === "ShiftLeft" || code === "ShiftRight")
+            return "shift";
+        if (code === "ControlLeft" || code === "ControlRight")
+            return "ctrl";
+        if (code === "MetaLeft" || code === "MetaRight")
+            return "meta";
+        if (code === "AltLeft" || code === "AltRight")
+            return "alt";
+        return undefined;
+    }
+    const stop = ev(window, {
+        blur: () => halt(),
+        keydown: (event) => {
+            event.preventDefault();
+            if (event.code === "Escape")
+                return halt();
+            held.add(event.code);
+            seen.add(event.code);
+        },
+        keyup: (event) => {
+            event.preventDefault();
+            held.delete(event.code);
+            if (held.size === 0) {
+                const codes = new Set();
+                const mods = new Set();
+                for (const code of seen) {
+                    const m = mod(code);
+                    if (m)
+                        mods.add(m);
+                    else
+                        codes.add(code);
+                }
+                if (seen.size === 0)
+                    void 0;
+                else if (codes.size === 0)
+                    update(["*", ...seen]);
+                else if (mods.size > 0)
+                    update(["*", ["mod", ...mods], ...codes]);
+                else if (seen.size > 1)
+                    update(["*", ...seen]);
+                else
+                    update([...seen][0]);
+                halt();
+            }
+        },
+    });
+    const halt = () => {
+        stop();
+        onDone();
+    };
+    return halt;
+}
+//# sourceMappingURL=capture-key-chord.js.map

package/x/lib/ui/views/customize/parts/capture-key-chord.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"capture-key-chord.js","sourceRoot":"","sources":["../../../../../../s/lib/ui/views/customize/parts/capture-key-chord.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,EAAE,EAAC,MAAM,WAAW,CAAA;AAG5B,MAAM,UAAU,eAAe,CAC7B,MAAkC,EAClC,MAAkB;IAGnB,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU,CAAA;IAC9B,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU,CAAA;IAE9B,SAAS,GAAG,CAAC,IAAY;QACxB,IAAI,IAAI,KAAK,WAAW,IAAI,IAAI,KAAK,YAAY;YAAE,OAAO,OAAO,CAAA;QACjE,IAAI,IAAI,KAAK,aAAa,IAAI,IAAI,KAAK,cAAc;YAAE,OAAO,MAAM,CAAA;QACpE,IAAI,IAAI,KAAK,UAAU,IAAI,IAAI,KAAK,WAAW;YAAE,OAAO,MAAM,CAAA;QAC9D,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,UAAU;YAAE,OAAO,KAAK,CAAA;QAC3D,OAAO,SAAS,CAAA;IACjB,CAAC;IAED,MAAM,IAAI,GAAG,EAAE,CAAC,MAAM,EAAE;QACvB,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE;QAClB,OAAO,EAAE,CAAC,KAAoB,EAAE,EAAE;YACjC,KAAK,CAAC,cAAc,EAAE,CAAA;YAEtB,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ;gBAC1B,OAAO,IAAI,EAAE,CAAA;YAEd,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;YACpB,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QACrB,CAAC;QACD,KAAK,EAAE,CAAC,KAAoB,EAAE,EAAE;YAC/B,KAAK,CAAC,cAAc,EAAE,CAAA;YAEtB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;YAEvB,IAAI,IAAI,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;gBACrB,MAAM,KAAK,GAAG,IAAI,GAAG,EAAU,CAAA;gBAC/B,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU,CAAA;gBAE9B,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE,CAAC;oBACzB,MAAM,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,CAAA;oBACnB,IAAI,CAAC;wBAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;;wBACb,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;gBACrB,CAAC;gBAED,IAAI,IAAI,CAAC,IAAI,KAAK,CAAC;oBAClB,KAAK,CAAC,CAAA;qBACF,IAAI,KAAK,CAAC,IAAI,KAAK,CAAC;oBACxB,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAA;qBAClB,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC;oBACrB,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,GAAG,IAAW,CAAC,EAAE,GAAG,KAAK,CAAC,CAAC,CAAA;qBAC5C,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC;oBACrB,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAA;;oBAEtB,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAE,CAAC,CAAA;gBAEtB,IAAI,EAAE,CAAA;YACP,CAAC;QACF,CAAC;KACD,CAAC,CAAA;IAEF,MAAM,IAAI,GAAG,GAAG,EAAE;QACjB,IAAI,EAAE,CAAA;QACN,MAAM,EAAE,CAAA;IACT,CAAC,CAAA;IAED,OAAO,IAAI,CAAA;AACZ,CAAC"}

package/x/lib/ui/views/customize/parts/capture-pointer-chord.d.ts

@@ -0,0 +1,2 @@
+import { Expression } from "../../../../input/expression.js";
+export declare function capturePointerChord(update: (code: Expression) => void, onDone: () => void): () => void;

package/x/lib/ui/views/customize/parts/capture-pointer-chord.js

@@ -0,0 +1,42 @@
+import { disposer, ev } from "@e280/stz";
+import { mouseButton } from "../../../../input/utils/mouse-button.js";
+export function capturePointerChord(update, onDone) {
+    const { dispose, schedule } = disposer();
+    schedule(onDone);
+    const held = new Set();
+    const seen = new Set();
+    const isControl = (event) => {
+        return event.composedPath().some(target => target instanceof Element &&
+            target.matches("button.record"));
+    };
+    schedule(ev(window, {
+        blur: () => dispose(),
+        auxclick: (event) => event.preventDefault(),
+        mousedown: (event) => {
+            if (isControl(event))
+                return;
+            event.preventDefault();
+            const code = mouseButton(event.button);
+            held.add(code);
+            seen.add(code);
+        },
+        mouseup: (event) => {
+            const code = mouseButton(event.button);
+            if (!held.delete(code))
+                return;
+            event.preventDefault();
+            if (held.size === 0) {
+                if (seen.size === 1)
+                    update([...seen][0]);
+                else if (seen.size > 1)
+                    update(["*", ...seen]);
+                dispose();
+            }
+        },
+        contextmenu: (event) => {
+            event.preventDefault();
+        },
+    }));
+    return dispose;
+}
+//# sourceMappingURL=capture-pointer-chord.js.map

package/x/lib/ui/views/customize/parts/capture-pointer-chord.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"capture-pointer-chord.js","sourceRoot":"","sources":["../../../../../../s/lib/ui/views/customize/parts/capture-pointer-chord.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAE,EAAE,EAAC,MAAM,WAAW,CAAA;AAEtC,OAAO,EAAC,WAAW,EAAC,MAAM,yCAAyC,CAAA;AAEnE,MAAM,UAAU,mBAAmB,CACjC,MAAkC,EAClC,MAAkB;IAGnB,MAAM,EAAC,OAAO,EAAE,QAAQ,EAAC,GAAG,QAAQ,EAAE,CAAA;IACtC,QAAQ,CAAC,MAAM,CAAC,CAAA;IAEhB,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU,CAAA;IAC9B,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU,CAAA;IAE9B,MAAM,SAAS,GAAG,CAAC,KAAiB,EAAE,EAAE;QACvC,OAAO,KAAK,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CACzC,MAAM,YAAY,OAAO;YACzB,MAAM,CAAC,OAAO,CAAC,eAAe,CAAC,CAC/B,CAAA;IACF,CAAC,CAAA;IAED,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE;QACnB,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE;QACrB,QAAQ,EAAE,CAAC,KAAiB,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE;QAEvD,SAAS,EAAE,CAAC,KAAiB,EAAE,EAAE;YAChC,IAAI,SAAS,CAAC,KAAK,CAAC;gBAAE,OAAM;YAC5B,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;YACtC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;YACd,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;QACf,CAAC;QAED,OAAO,EAAE,CAAC,KAAiB,EAAE,EAAE;YAC9B,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;YACtC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;gBAAE,OAAM;YAC9B,KAAK,CAAC,cAAc,EAAE,CAAA;YAEtB,IAAI,IAAI,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;gBACrB,IAAI,IAAI,CAAC,IAAI,KAAK,CAAC;oBAAE,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAE,CAAC,CAAA;qBACrC,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC;oBAAE,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAA;gBAC9C,OAAO,EAAE,CAAA;YACV,CAAC;QACF,CAAC;QAED,WAAW,EAAE,CAAC,KAAiB,EAAE,EAAE;YAClC,KAAK,CAAC,cAAc,EAAE,CAAA;QACvB,CAAC;KACD,CAAC,CAAC,CAAA;IAEH,OAAO,OAAO,CAAA;AACf,CAAC"}

package/x/lib/ui/views/customize/parts/render-bindings.d.ts

@@ -0,0 +1,3 @@
+import { Content } from "@e280/sly";
+import { Bindings } from "../../../../input/types.js";
+export declare function renderBindings(isReadonly: boolean, bindings: Bindings, original: Bindings, update: (b: Bindings) => void): Content;

package/x/lib/ui/views/customize/parts/render-bindings.js

@@ -0,0 +1,32 @@
+import { html } from "lit";
+import { RecorderView } from "../subviews/recorder.js";
+import { ExpressionView } from "../subviews/expression.js";
+import { isExpression } from "../../../../input/investigate/is-expression.js";
+export function renderBindings(isReadonly, bindings, original, update) {
+    if (isExpression(bindings))
+        return ExpressionView(isReadonly, bindings, update);
+    return Object.entries(bindings).map(([key, child]) => (isExpression(child)
+        ? renderExpression(isReadonly, bindings, original, update, key)
+        : renderGroup(isReadonly, bindings, original, update, key)));
+}
+function renderGroup(isReadonly, bindings, original, update, key) {
+    return html `
+		<details class=group open>
+			<summary>${key}</summary>
+			<div class=children>
+				${renderBindings(isReadonly, bindings[key], original[key], fresh => update({ ...bindings, [key]: fresh }))}
+			</div>
+		</details>
+	`;
+}
+function renderExpression(isReadonly, bindings, original, update, key) {
+    const up = (fresh) => update({ ...bindings, [key]: fresh });
+    const reset = () => up(original[key]);
+    return html `
+		<div class=expression>
+			<strong>${key}</strong>
+			${RecorderView(isReadonly, up, reset, renderBindings(isReadonly, bindings[key], original[key], up))}
+		</div>
+	`;
+}
+//# sourceMappingURL=render-bindings.js.map

package/x/lib/ui/views/customize/parts/render-bindings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-bindings.js","sourceRoot":"","sources":["../../../../../../s/lib/ui/views/customize/parts/render-bindings.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AAGxB,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAC,cAAc,EAAC,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAC,YAAY,EAAC,MAAM,gDAAgD,CAAA;AAE3E,MAAM,UAAU,cAAc,CAC5B,UAAmB,EACnB,QAAkB,EAClB,QAAkB,EAClB,MAA6B;IAG9B,IAAI,YAAY,CAAC,QAAQ,CAAC;QACzB,OAAO,cAAc,CAAC,UAAU,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAA;IAEpD,OAAO,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CACrD,YAAY,CAAC,KAAK,CAAC;QAClB,CAAC,CAAC,gBAAgB,CAAC,UAAU,EAAE,QAAQ,EAAE,QAAe,EAAE,MAAM,EAAE,GAAG,CAAC;QACtE,CAAC,CAAC,WAAW,CAAC,UAAU,EAAE,QAAQ,EAAE,QAAe,EAAE,MAAM,EAAE,GAAG,CAAC,CAClE,CAAC,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAClB,UAAmB,EACnB,QAAkC,EAClC,QAAkC,EAClC,MAA6B,EAC7B,GAAW;IAGZ,OAAO,IAAI,CAAA;;cAEE,GAAG;;MAEX,cAAc,CACf,UAAU,EACV,QAAQ,CAAC,GAAG,CAAC,EACb,QAAQ,CAAC,GAAG,CAAC,EACb,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,EAAC,GAAG,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAC,CAAC,CAC5C;;;EAGH,CAAA;AACF,CAAC;AAED,SAAS,gBAAgB,CACvB,UAAmB,EACnB,QAAkC,EAClC,QAAkC,EAClC,MAA6B,EAC7B,GAAW;IAGZ,MAAM,EAAE,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,MAAM,CAAC,EAAC,GAAG,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAC,CAAC,CAAA;IACnE,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAA;IAErC,OAAO,IAAI,CAAA;;aAEC,GAAG;KACX,YAAY,CAAC,UAAU,EAAE,EAAE,EAAE,KAAK,EAAE,cAAc,CAAC,UAAU,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC;;EAEpG,CAAA;AACF,CAAC"}

package/x/lib/ui/views/customize/style.css.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/x/lib/ui/views/customize/style.css.js

@@ -0,0 +1,143 @@
+import { css } from "lit";
+export default css `@layer view {
+
+.plate {
+	display: flex;
+	flex-direction: column;
+}
+
+.topbar {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	padding: var(--pad) var(--space);
+
+	[view="profile-select"] {
+		font-size: 1.2em;
+	}
+
+	.corner {
+		display: flex;
+		flex-wrap: wrap;
+		align-items: center;
+		gap: var(--pad);
+
+		small {
+			user-select: none;
+			opacity: 0.5;
+			font-style: italic;
+			border: 1px solid;
+			border-radius: var(--round);
+			padding: var(--nib) var(--pad);
+		}
+	}
+
+	.tools {
+		display: flex;
+		flex-wrap: wrap;
+		gap: var(--pad);
+		flex: 1 1 auto;
+		justify-content: end;
+
+		input[type="text"] {
+			width: 12em;
+		}
+	}
+}
+
+.bindings, .group {
+	display: flex;
+	flex-direction: column;
+	gap: var(--nib);
+}
+
+.bindings {
+	user-select: none;
+	cursor: default;
+	padding: var(--space);
+
+	summary {
+		color: var(--prime);
+		width: max-content;
+		font-weight: bold;
+		font-size: 1.2em;
+		&:is(:hover, :focus-visible) { filter: brightness(120%); }
+		&:active { filter: brightness(90%); }
+	}
+
+	.expression {
+		display: flex;
+		align-items: end;
+		margin-left: 0.5em;
+		border-bottom: 1px dashed oklch(from var(--prime) l c h / 30%);
+		flex-wrap: wrap;
+		gap: 0 var(--pad);
+		padding: var(--nib);
+
+		min-height: 3em;
+
+		&:last-of-type {
+			margin-bottom: calc(var(--space) * 2);
+		}
+
+		> strong {
+			font-weight: normal;
+		}
+
+		> div {
+			margin-left: auto;
+
+			input {
+				font: inherit;
+				color: inherit;
+				width: 8em;
+
+				&[type="number"] {
+					width: 5em;
+				}
+			}
+		}
+
+		div {
+			display: flex;
+			flex-wrap: wrap;
+			align-items: stretch;
+			gap: var(--nib);
+		}
+
+		.bracket {
+			align-items: center;
+			gap: var(--nib);
+			padding: 2px var(--nib);
+			background: color-mix(in oklch, #aaa2, var(--slate) 80%);
+			box-shadow: 0.1em 0.2em 0.5em #0002;
+			border: 1px solid #fff4;
+			border-radius: 0.2em;
+
+			&.mod {
+				gap: var(--nib);
+			}
+		}
+	}
+
+	.children {
+		display: flex;
+		flex-direction: column;
+
+		margin-left: 0.3em;
+		padding-left: 0.5em;
+		border-left: 1px solid oklch(from var(--prime) l c h / 20%);
+	}
+
+	.expression .recorder {
+		display: flex;
+		gap: var(--pad);
+
+		&[data-recording] {
+			color: var(--recording);
+		}
+	}
+}
+
+}`;
+//# sourceMappingURL=style.css.js.map

package/x/lib/ui/views/customize/style.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../../../s/lib/ui/views/customize/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4IhB,CAAA"}

package/x/lib/ui/views/customize/subviews/expression.d.ts

@@ -0,0 +1,2 @@
+import { Expression } from "../../../../input/expression.js";
+export declare const ExpressionView: import("@e280/sly").View<[isReadonly: boolean, expression: Expression, update: (expression: Expression) => void]>;