@fieldia/designer 0.0.0-stage → 0.11.0

package/src/lib/look-row.js

@@ -0,0 +1,282 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NAME_MOST = void 0;
+exports.nameRefusal = nameRefusal;
+exports.lookRow = lookRow;
+const viewer_1 = require("@fieldia/viewer");
+const icons_1 = require("./icons");
+const look_hub_1 = require("./look-hub");
+const look_presets_1 = require("./look-presets");
+const menu_1 = require("./menu");
+const panel_controls_1 = require("./panel-controls");
+const en_1 = require("./locales/en");
+/**
+ * Looks to start from, a tile each — Fieldia's presets, then “Your looks”:
+ * its words in its font and accent, on its scheme's surface. The ones the
+ * page wears are pressed; a look that is none of them is "Your own", and one
+ * with none of their settings is the skin's. A look of one's own is saved by
+ * a name typed on the page, put on as a preset is, and renamed or removed
+ * from a small menu on its tile — removed with Undo at hand, not asked
+ * about first, as an answer rule is: it is put back as easily as it went.
+ */
+/** A look's name is this long at most: it is shown on a tile a third of the panel wide. */
+exports.NAME_MOST = 40;
+/** Why a name cannot be a look's, or null when it can: trimmed, it is not empty, not too long, and no other look's, in any case. */
+function nameRefusal(name, kept, self, words = en_1.en) {
+    const w = words.looks;
+    const trimmed = name.trim();
+    if (!trimmed)
+        return w.needsName;
+    if ([...trimmed].length > exports.NAME_MOST)
+        return w.tooLong(exports.NAME_MOST);
+    const same = (other) => other.toLocaleLowerCase() === trimmed.toLocaleLowerCase();
+    // A preset's name in English, or as the designer says it, is taken.
+    const preset = look_presets_1.LOOK_PRESETS.find((p) => same(p.name) || same(presetName(p.id, p.name, words)));
+    const taken = preset ? presetName(preset.id, preset.name, words) : kept.find((look) => look.id !== self && same(look.name))?.name;
+    return taken ? w.taken(taken) : null;
+}
+/** A preset's name in the designer's words. */
+const presetName = (id, name, words) => words.looks.presets[id] ?? name;
+let made = 0;
+const newId = () => `look-${Date.now().toString(36)}-${(++made).toString(36)}${Math.random().toString(36).slice(2, 6)}`;
+const anySet = (look) => look_presets_1.LOOK_KEYS.some((key) => look?.[key] !== undefined);
+function lookRow(el, designer) {
+    const words = designer.words;
+    const w = words.looks;
+    const hub = (0, look_hub_1.looksHub)(designer.looks());
+    const base = `fd-look-${++made}`;
+    /** A tile: “Aa” in the look's font and accent, on its scheme's surface, and its name. */
+    const tile = (look, name, attrs) => {
+        const sample = el('span', { class: 'fd-look-preset-sample', 'aria-hidden': 'true', 'data-font': look.font, 'data-scheme': look.scheme }, w.sample);
+        if (look.accent) {
+            const shades = (0, viewer_1.accentShades)(look.accent);
+            sample.style.setProperty('--fd-preset-accent', look.scheme === 'dark' ? shades.dark : shades.accent);
+        }
+        return el('button', { type: 'button', class: 'fd-look-preset', 'aria-pressed': 'false', ...attrs }, sample, el('span', { class: 'fd-look-preset-name' }, name));
+    };
+    // ---- Fieldia's -------------------------------------------------------------
+    const own = el('span', { class: 'fd-look-own' });
+    const presets = look_presets_1.LOOK_PRESETS.map((preset) => {
+        const button = tile(preset.look, presetName(preset.id, preset.name, words), { 'data-preset': preset.id });
+        button.addEventListener('click', () => designer.setLookPreset(preset.id));
+        return { look: preset.look, button };
+    });
+    // ---- yours -----------------------------------------------------------------
+    const yoursList = el('div', { class: 'fd-look-presets fd-look-saved', role: 'group', 'aria-label': w.yourLooks });
+    const yours = el('div', { class: 'fd-look-yours' }, el('p', { class: 'fd-look-saved-head' }, w.yourLooks), yoursList);
+    /** Where “Your looks” goes: on the page only once there is one. */
+    const yoursAt = el('div', { class: 'fd-look-yours-at' });
+    let tiles = [];
+    /** The looks as last drawn, so they are drawn again only when they change. */
+    let drawn = '';
+    // ---- naming one: a box on the page, never a prompt -------------------------
+    // Words in their own direction: English keeps its order, and its “…”, on a page right to left.
+    const save = el('button', { type: 'button', class: 'fd-button fd-button-link fd-look-save' }, el('bdi', {}, w.saveThisLook));
+    const label = el('label', { class: 'fd-look-name-label', for: `${base}-name` });
+    const input = el('input', { id: `${base}-name`, class: 'fd-input', type: 'text', autocomplete: 'off', spellcheck: 'false' });
+    const problem = el('p', { id: `${base}-problem`, class: 'fd-look-name-problem', role: 'alert', hidden: '' });
+    const submit = el('button', { type: 'submit', class: 'fd-button fd-button-primary' });
+    const cancel = el('button', { type: 'button', class: 'fd-button' }, w.cancel);
+    const box = el('form', { class: 'fd-look-name', novalidate: '', hidden: '' }, label, input, problem, el('div', { class: 'fd-look-name-buttons' }, submit, cancel));
+    /** The look being renamed; null while a new one is named. */
+    let renaming = null;
+    let busy = false;
+    // ---- what was done, and what failed ----------------------------------------
+    const statusWords = el('span', { id: `${base}-status` });
+    const undo = el('button', { type: 'button', class: 'fd-button fd-button-link', 'aria-describedby': `${base}-status` }, w.undo);
+    const status = el('p', { class: 'fd-look-status', role: 'status', hidden: '' }, statusWords, undo);
+    /** The look just removed: Undo brings it back. */
+    let removed = null;
+    const troubleWords = el('span', {});
+    const retry = el('button', { type: 'button', class: 'fd-button fd-button-link' }, w.tryAgain);
+    const trouble = el('p', { class: 'fd-look-problem', role: 'alert', hidden: '' }, troubleWords, retry);
+    /** What failed here, and how to try it again; a failure to list them is the store's, shown wherever they are. */
+    let failed = null;
+    const row = (0, panel_controls_1.setting)(el, 'look', 'Look presets', [el('div', { class: 'fd-look-presets', role: 'group', 'aria-label': w.lookPresets }, ...presets.map((p) => p.button), own), save, box, yoursAt, status, trouble], {
+        words: w.startFrom,
+        hint: w.presetsHint,
+    });
+    /** What failed, and why in the store's words, or plainly when it gave none. */
+    const said = (what, reason) => w.failed(what, reason);
+    const focusTile = (id) => tiles.find((t) => t.saved.id === id)?.button.focus();
+    function savedTile(saved) {
+        const button = tile(saved.look, saved.name, { title: saved.name });
+        button.addEventListener('click', () => designer.useLook(saved.look));
+        const more = el('button', { type: 'button', class: 'fd-look-saved-more', 'aria-label': w.renameOrRemoveNamed(saved.name), title: w.renameOrRemove, 'aria-haspopup': 'menu', 'aria-expanded': 'false' }, (0, icons_1.designerIcon)(row.ownerDocument, 'more'));
+        more.addEventListener('click', () => (0, menu_1.openMenu)({
+            el,
+            anchor: more,
+            title: saved.name,
+            actions: true,
+            items: [
+                { id: 'rename', label: w.rename },
+                { id: 'remove', label: w.remove },
+            ],
+            onPick: (id) => (id === 'rename' ? openBox(saved) : void remove(saved)),
+        }));
+        tiles.push({ saved, button, more });
+        return el('div', { class: 'fd-look-saved-tile', 'data-look': saved.id }, button, more);
+    }
+    function openBox(look) {
+        renaming = look;
+        const asked = look ? w.newNameFor(look.name) : w.nameThisLook;
+        label.replaceChildren(el('bdi', {}, asked));
+        input.setAttribute('aria-label', asked);
+        submit.textContent = look ? w.renameButton : w.save;
+        input.value = look?.name ?? '';
+        clearProblem();
+        hideStatus();
+        box.hidden = false;
+        draw();
+        input.focus();
+        input.select();
+    }
+    function closeBox(focusBack) {
+        const was = renaming;
+        box.hidden = true;
+        renaming = null;
+        input.value = '';
+        clearProblem();
+        draw();
+        if (!focusBack)
+            return;
+        if (was)
+            focusTile(was.id);
+        else
+            (save.hidden ? (presets[0]?.button ?? null) : save)?.focus();
+    }
+    function refuse(words) {
+        problem.replaceChildren(el('bdi', {}, words));
+        problem.hidden = false;
+        input.setAttribute('aria-invalid', 'true');
+        input.setAttribute('aria-describedby', problem.id);
+        input.focus();
+    }
+    function clearProblem() {
+        problem.hidden = true;
+        problem.replaceChildren();
+        input.removeAttribute('aria-invalid');
+        input.removeAttribute('aria-describedby');
+    }
+    const hideStatus = () => {
+        removed = null;
+        status.hidden = true;
+        failed = null;
+    };
+    async function keep() {
+        if (busy)
+            return;
+        const refusal = nameRefusal(input.value, hub.looks ?? [], renaming?.id, words);
+        if (refusal)
+            return refuse(refusal);
+        const name = input.value.trim();
+        const look = renaming ? { ...renaming, name } : { id: newId(), name, look: (0, look_presets_1.lookValuesOf)(designer.getPage().look) };
+        busy = true;
+        box.setAttribute('aria-busy', 'true');
+        try {
+            await hub.save(look);
+        }
+        catch (error) {
+            refuse(said(renaming ? w.couldNotRename(renaming.name) : w.couldNotSave(name), (0, look_hub_1.reasonOf)(error)));
+            return;
+        }
+        finally {
+            busy = false;
+            box.removeAttribute('aria-busy');
+        }
+        closeBox(false);
+        focusTile(look.id);
+    }
+    async function remove(saved) {
+        hideStatus();
+        try {
+            await hub.remove(saved.id);
+        }
+        catch (error) {
+            failed = { words: said(w.couldNotRemove(saved.name), (0, look_hub_1.reasonOf)(error)), retry: () => void remove(saved) };
+            draw();
+            return;
+        }
+        removed = saved;
+        statusWords.replaceChildren(el('bdi', {}, w.removed(saved.name)), ' ');
+        status.hidden = false;
+        draw();
+        undo.focus();
+    }
+    async function bringBack() {
+        const look = removed;
+        if (!look)
+            return;
+        failed = null;
+        try {
+            await hub.save(look);
+        }
+        catch (error) {
+            failed = { words: said(w.couldNotBringBack(look.name), (0, look_hub_1.reasonOf)(error)), retry: () => void bringBack() };
+            draw();
+            return;
+        }
+        hideStatus();
+        draw();
+        focusTile(look.id);
+    }
+    save.addEventListener('click', () => openBox(null));
+    box.addEventListener('submit', (event) => {
+        event.preventDefault();
+        void keep();
+    });
+    input.addEventListener('input', clearProblem);
+    cancel.addEventListener('click', () => closeBox(true));
+    // Escape puts the box away, and only the box: not the sheet round it, nor what is picked.
+    box.addEventListener('keydown', (event) => {
+        if (event.key !== 'Escape')
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        closeBox(true);
+    });
+    undo.addEventListener('click', () => void bringBack());
+    retry.addEventListener('click', () => {
+        const again = failed?.retry ?? (() => hub.reload());
+        failed = null;
+        trouble.hidden = true;
+        again();
+    });
+    /** Told of each change to the looks while on the page: listening starts once it is drawn there. */
+    const listener = { element: row, draw: () => draw() };
+    function draw(page = designer.getPage()) {
+        if (row.isConnected)
+            hub.listen(listener);
+        const kept = hub.looks ?? [];
+        const now = JSON.stringify(kept);
+        if (now !== drawn) {
+            drawn = now;
+            // The tile with the cursor keeps it, drawn anew.
+            const active = row.ownerDocument.activeElement;
+            const had = tiles.find((t) => t.button === active || t.more === active);
+            tiles = [];
+            yoursList.replaceChildren(...kept.map(savedTile));
+            yoursAt.replaceChildren(...(kept.length ? [yours] : []));
+            const again = had && tiles.find((t) => t.saved.id === had.saved.id);
+            if (again)
+                (had.more === active ? again.more : again.button).focus();
+        }
+        let worn = false;
+        for (const { look, button } of [...presets, ...tiles.map((t) => ({ look: t.saved.look, button: t.button }))]) {
+            const on = (0, look_presets_1.sameLook)(page.look, look);
+            worn ||= on;
+            button.setAttribute('aria-pressed', String(on));
+        }
+        const mine = anySet(page.look);
+        own.hidden = worn;
+        own.textContent = mine ? w.yourOwn : w.asTheSkin;
+        // Only a look of one's own is offered to save: a preset, or a look kept already, is one click away as it is.
+        save.hidden = worn || !mine || !box.hidden;
+        const shown = failed ?? (hub.problem === null ? null : { words: said(w.couldNotLoad, hub.problem) });
+        trouble.hidden = !shown;
+        troubleWords.replaceChildren(...(shown ? [el('bdi', {}, shown.words), ' '] : []));
+    }
+    hub.ensure();
+    return { rows: [row], update: (page) => draw(page) };
+}
+//# sourceMappingURL=look-row.js.map

package/src/lib/look-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"look-row.js","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/look-row.ts"],"names":[],"mappings":"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"}

package/src/lib/look-row.mjs

@@ -0,0 +1,277 @@
+import { accentShades } from '@fieldia/viewer';
+import { designerIcon } from './icons.mjs';
+import { looksHub, reasonOf } from './look-hub.mjs';
+import { LOOK_KEYS, LOOK_PRESETS, lookValuesOf, sameLook } from './look-presets.mjs';
+import { openMenu } from './menu.mjs';
+import { setting } from './panel-controls.mjs';
+import { en } from './locales/en/index.mjs';
+/**
+ * Looks to start from, a tile each — Fieldia's presets, then “Your looks”:
+ * its words in its font and accent, on its scheme's surface. The ones the
+ * page wears are pressed; a look that is none of them is "Your own", and one
+ * with none of their settings is the skin's. A look of one's own is saved by
+ * a name typed on the page, put on as a preset is, and renamed or removed
+ * from a small menu on its tile — removed with Undo at hand, not asked
+ * about first, as an answer rule is: it is put back as easily as it went.
+ */
+/** A look's name is this long at most: it is shown on a tile a third of the panel wide. */
+export const NAME_MOST = 40;
+/** Why a name cannot be a look's, or null when it can: trimmed, it is not empty, not too long, and no other look's, in any case. */
+export function nameRefusal(name, kept, self, words = en) {
+    const w = words.looks;
+    const trimmed = name.trim();
+    if (!trimmed)
+        return w.needsName;
+    if ([...trimmed].length > NAME_MOST)
+        return w.tooLong(NAME_MOST);
+    const same = (other) => other.toLocaleLowerCase() === trimmed.toLocaleLowerCase();
+    // A preset's name in English, or as the designer says it, is taken.
+    const preset = LOOK_PRESETS.find((p) => same(p.name) || same(presetName(p.id, p.name, words)));
+    const taken = preset ? presetName(preset.id, preset.name, words) : kept.find((look) => look.id !== self && same(look.name))?.name;
+    return taken ? w.taken(taken) : null;
+}
+/** A preset's name in the designer's words. */
+const presetName = (id, name, words) => words.looks.presets[id] ?? name;
+let made = 0;
+const newId = () => `look-${Date.now().toString(36)}-${(++made).toString(36)}${Math.random().toString(36).slice(2, 6)}`;
+const anySet = (look) => LOOK_KEYS.some((key) => look?.[key] !== undefined);
+export function lookRow(el, designer) {
+    const words = designer.words;
+    const w = words.looks;
+    const hub = looksHub(designer.looks());
+    const base = `fd-look-${++made}`;
+    /** A tile: “Aa” in the look's font and accent, on its scheme's surface, and its name. */
+    const tile = (look, name, attrs) => {
+        const sample = el('span', { class: 'fd-look-preset-sample', 'aria-hidden': 'true', 'data-font': look.font, 'data-scheme': look.scheme }, w.sample);
+        if (look.accent) {
+            const shades = accentShades(look.accent);
+            sample.style.setProperty('--fd-preset-accent', look.scheme === 'dark' ? shades.dark : shades.accent);
+        }
+        return el('button', { type: 'button', class: 'fd-look-preset', 'aria-pressed': 'false', ...attrs }, sample, el('span', { class: 'fd-look-preset-name' }, name));
+    };
+    // ---- Fieldia's -------------------------------------------------------------
+    const own = el('span', { class: 'fd-look-own' });
+    const presets = LOOK_PRESETS.map((preset) => {
+        const button = tile(preset.look, presetName(preset.id, preset.name, words), { 'data-preset': preset.id });
+        button.addEventListener('click', () => designer.setLookPreset(preset.id));
+        return { look: preset.look, button };
+    });
+    // ---- yours -----------------------------------------------------------------
+    const yoursList = el('div', { class: 'fd-look-presets fd-look-saved', role: 'group', 'aria-label': w.yourLooks });
+    const yours = el('div', { class: 'fd-look-yours' }, el('p', { class: 'fd-look-saved-head' }, w.yourLooks), yoursList);
+    /** Where “Your looks” goes: on the page only once there is one. */
+    const yoursAt = el('div', { class: 'fd-look-yours-at' });
+    let tiles = [];
+    /** The looks as last drawn, so they are drawn again only when they change. */
+    let drawn = '';
+    // ---- naming one: a box on the page, never a prompt -------------------------
+    // Words in their own direction: English keeps its order, and its “…”, on a page right to left.
+    const save = el('button', { type: 'button', class: 'fd-button fd-button-link fd-look-save' }, el('bdi', {}, w.saveThisLook));
+    const label = el('label', { class: 'fd-look-name-label', for: `${base}-name` });
+    const input = el('input', { id: `${base}-name`, class: 'fd-input', type: 'text', autocomplete: 'off', spellcheck: 'false' });
+    const problem = el('p', { id: `${base}-problem`, class: 'fd-look-name-problem', role: 'alert', hidden: '' });
+    const submit = el('button', { type: 'submit', class: 'fd-button fd-button-primary' });
+    const cancel = el('button', { type: 'button', class: 'fd-button' }, w.cancel);
+    const box = el('form', { class: 'fd-look-name', novalidate: '', hidden: '' }, label, input, problem, el('div', { class: 'fd-look-name-buttons' }, submit, cancel));
+    /** The look being renamed; null while a new one is named. */
+    let renaming = null;
+    let busy = false;
+    // ---- what was done, and what failed ----------------------------------------
+    const statusWords = el('span', { id: `${base}-status` });
+    const undo = el('button', { type: 'button', class: 'fd-button fd-button-link', 'aria-describedby': `${base}-status` }, w.undo);
+    const status = el('p', { class: 'fd-look-status', role: 'status', hidden: '' }, statusWords, undo);
+    /** The look just removed: Undo brings it back. */
+    let removed = null;
+    const troubleWords = el('span', {});
+    const retry = el('button', { type: 'button', class: 'fd-button fd-button-link' }, w.tryAgain);
+    const trouble = el('p', { class: 'fd-look-problem', role: 'alert', hidden: '' }, troubleWords, retry);
+    /** What failed here, and how to try it again; a failure to list them is the store's, shown wherever they are. */
+    let failed = null;
+    const row = setting(el, 'look', 'Look presets', [el('div', { class: 'fd-look-presets', role: 'group', 'aria-label': w.lookPresets }, ...presets.map((p) => p.button), own), save, box, yoursAt, status, trouble], {
+        words: w.startFrom,
+        hint: w.presetsHint,
+    });
+    /** What failed, and why in the store's words, or plainly when it gave none. */
+    const said = (what, reason) => w.failed(what, reason);
+    const focusTile = (id) => tiles.find((t) => t.saved.id === id)?.button.focus();
+    function savedTile(saved) {
+        const button = tile(saved.look, saved.name, { title: saved.name });
+        button.addEventListener('click', () => designer.useLook(saved.look));
+        const more = el('button', { type: 'button', class: 'fd-look-saved-more', 'aria-label': w.renameOrRemoveNamed(saved.name), title: w.renameOrRemove, 'aria-haspopup': 'menu', 'aria-expanded': 'false' }, designerIcon(row.ownerDocument, 'more'));
+        more.addEventListener('click', () => openMenu({
+            el,
+            anchor: more,
+            title: saved.name,
+            actions: true,
+            items: [
+                { id: 'rename', label: w.rename },
+                { id: 'remove', label: w.remove },
+            ],
+            onPick: (id) => (id === 'rename' ? openBox(saved) : void remove(saved)),
+        }));
+        tiles.push({ saved, button, more });
+        return el('div', { class: 'fd-look-saved-tile', 'data-look': saved.id }, button, more);
+    }
+    function openBox(look) {
+        renaming = look;
+        const asked = look ? w.newNameFor(look.name) : w.nameThisLook;
+        label.replaceChildren(el('bdi', {}, asked));
+        input.setAttribute('aria-label', asked);
+        submit.textContent = look ? w.renameButton : w.save;
+        input.value = look?.name ?? '';
+        clearProblem();
+        hideStatus();
+        box.hidden = false;
+        draw();
+        input.focus();
+        input.select();
+    }
+    function closeBox(focusBack) {
+        const was = renaming;
+        box.hidden = true;
+        renaming = null;
+        input.value = '';
+        clearProblem();
+        draw();
+        if (!focusBack)
+            return;
+        if (was)
+            focusTile(was.id);
+        else
+            (save.hidden ? (presets[0]?.button ?? null) : save)?.focus();
+    }
+    function refuse(words) {
+        problem.replaceChildren(el('bdi', {}, words));
+        problem.hidden = false;
+        input.setAttribute('aria-invalid', 'true');
+        input.setAttribute('aria-describedby', problem.id);
+        input.focus();
+    }
+    function clearProblem() {
+        problem.hidden = true;
+        problem.replaceChildren();
+        input.removeAttribute('aria-invalid');
+        input.removeAttribute('aria-describedby');
+    }
+    const hideStatus = () => {
+        removed = null;
+        status.hidden = true;
+        failed = null;
+    };
+    async function keep() {
+        if (busy)
+            return;
+        const refusal = nameRefusal(input.value, hub.looks ?? [], renaming?.id, words);
+        if (refusal)
+            return refuse(refusal);
+        const name = input.value.trim();
+        const look = renaming ? { ...renaming, name } : { id: newId(), name, look: lookValuesOf(designer.getPage().look) };
+        busy = true;
+        box.setAttribute('aria-busy', 'true');
+        try {
+            await hub.save(look);
+        }
+        catch (error) {
+            refuse(said(renaming ? w.couldNotRename(renaming.name) : w.couldNotSave(name), reasonOf(error)));
+            return;
+        }
+        finally {
+            busy = false;
+            box.removeAttribute('aria-busy');
+        }
+        closeBox(false);
+        focusTile(look.id);
+    }
+    async function remove(saved) {
+        hideStatus();
+        try {
+            await hub.remove(saved.id);
+        }
+        catch (error) {
+            failed = { words: said(w.couldNotRemove(saved.name), reasonOf(error)), retry: () => void remove(saved) };
+            draw();
+            return;
+        }
+        removed = saved;
+        statusWords.replaceChildren(el('bdi', {}, w.removed(saved.name)), ' ');
+        status.hidden = false;
+        draw();
+        undo.focus();
+    }
+    async function bringBack() {
+        const look = removed;
+        if (!look)
+            return;
+        failed = null;
+        try {
+            await hub.save(look);
+        }
+        catch (error) {
+            failed = { words: said(w.couldNotBringBack(look.name), reasonOf(error)), retry: () => void bringBack() };
+            draw();
+            return;
+        }
+        hideStatus();
+        draw();
+        focusTile(look.id);
+    }
+    save.addEventListener('click', () => openBox(null));
+    box.addEventListener('submit', (event) => {
+        event.preventDefault();
+        void keep();
+    });
+    input.addEventListener('input', clearProblem);
+    cancel.addEventListener('click', () => closeBox(true));
+    // Escape puts the box away, and only the box: not the sheet round it, nor what is picked.
+    box.addEventListener('keydown', (event) => {
+        if (event.key !== 'Escape')
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        closeBox(true);
+    });
+    undo.addEventListener('click', () => void bringBack());
+    retry.addEventListener('click', () => {
+        const again = failed?.retry ?? (() => hub.reload());
+        failed = null;
+        trouble.hidden = true;
+        again();
+    });
+    /** Told of each change to the looks while on the page: listening starts once it is drawn there. */
+    const listener = { element: row, draw: () => draw() };
+    function draw(page = designer.getPage()) {
+        if (row.isConnected)
+            hub.listen(listener);
+        const kept = hub.looks ?? [];
+        const now = JSON.stringify(kept);
+        if (now !== drawn) {
+            drawn = now;
+            // The tile with the cursor keeps it, drawn anew.
+            const active = row.ownerDocument.activeElement;
+            const had = tiles.find((t) => t.button === active || t.more === active);
+            tiles = [];
+            yoursList.replaceChildren(...kept.map(savedTile));
+            yoursAt.replaceChildren(...(kept.length ? [yours] : []));
+            const again = had && tiles.find((t) => t.saved.id === had.saved.id);
+            if (again)
+                (had.more === active ? again.more : again.button).focus();
+        }
+        let worn = false;
+        for (const { look, button } of [...presets, ...tiles.map((t) => ({ look: t.saved.look, button: t.button }))]) {
+            const on = sameLook(page.look, look);
+            worn ||= on;
+            button.setAttribute('aria-pressed', String(on));
+        }
+        const mine = anySet(page.look);
+        own.hidden = worn;
+        own.textContent = mine ? w.yourOwn : w.asTheSkin;
+        // Only a look of one's own is offered to save: a preset, or a look kept already, is one click away as it is.
+        save.hidden = worn || !mine || !box.hidden;
+        const shown = failed ?? (hub.problem === null ? null : { words: said(w.couldNotLoad, hub.problem) });
+        trouble.hidden = !shown;
+        troubleWords.replaceChildren(...(shown ? [el('bdi', {}, shown.words), ' '] : []));
+    }
+    hub.ensure();
+    return { rows: [row], update: (page) => draw(page) };
+}
+//# sourceMappingURL=look-row.mjs.map

package/src/lib/look-row.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"look-row.mjs","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/look-row.ts"],"names":[],"mappings":"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"}

package/src/lib/look-store.d.mts

@@ -0,0 +1,16 @@
+import type { LookStore, SavedLook } from './designer.mjs';
+/** The looks in what was read back, each well made: an id and a name, and only the values a look may hold. */
+export declare function wellMadeLooks(value: unknown): SavedLook[];
+/** Looks kept in memory, for as long as the page is open. `looks` is what it holds, to look at in a test. */
+export declare function createMemoryLookStore(initial?: readonly SavedLook[]): LookStore & {
+    looks: Map<string, SavedLook>;
+};
+/**
+ * Looks kept in this browser, under `key`, so they are offered again after a
+ * reload and on every page of the site. A browser that keeps nothing (a
+ * private window, storage turned off or full) keeps them in memory for the
+ * visit instead: every reading and writing is tried, never trusted.
+ */
+export declare function createBrowserLookStore(key?: string): LookStore;
+/** The looks every designer on the page keeps when the app gives no store: this browser's, one store for all of them. */
+export declare function browserLooks(): LookStore;