@fieldia/designer 0.0.0-stage → 0.11.0

package/src/lib/publish-ui.mjs

@@ -0,0 +1,193 @@
+import { designerIcon } from './icons.mjs';
+import { openMenu } from './menu.mjs';
+import { pageChanges } from './page-checks.mjs';
+import { DATE_TAGS } from './designer-words.mjs';
+import { speakLike } from './chrome-language.mjs';
+const FOCUSABLE = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
+/** A box words are typed in; and how long a pause in typing is. */
+const TYPED = 'input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="file"]), textarea, [contenteditable="true"]';
+const TYPING_PAUSE = 350;
+function runFix(designer, check, goTo) {
+    const action = check.fix?.action;
+    if (!action)
+        return;
+    if (action.kind === 'go') {
+        designer.select(action.id);
+        goTo(action.id, action.part);
+    }
+    else
+        designer.fixCheck(check);
+}
+/** A check as a row: how much it matters, what it is, and its fix. */
+function checkRow(el, check, onFix, words) {
+    const severity = check.severity === 'must' ? words.bar.mustFix : words.bar.shouldFix;
+    const row = el('div', { class: 'fd-check', 'data-severity': check.severity }, el('span', { class: 'fd-check-severity' }, severity), el('p', { class: 'fd-check-text' }, check.text));
+    if (check.fix) {
+        const fix = el('button', { type: 'button', class: 'fd-button fd-check-fix' }, check.fix.label);
+        fix.addEventListener('click', onFix);
+        row.append(fix);
+    }
+    return row;
+}
+export function checksButton(el, doc, designer, goTo) {
+    const w = designer.words.bar;
+    const count = el('span', { class: 'fd-checks-count' });
+    const element = el('button', { type: 'button', class: 'fd-button fd-checks-button', 'data-checks': '', 'aria-haspopup': 'dialog', 'aria-expanded': 'false' }, designerIcon(doc, 'check'), el('span', { class: 'fd-checks-word' }, w.checks), count);
+    let open = null;
+    function show() {
+        const checks = designer.checks();
+        const panel = el('div', 
+        // It takes focus when it opens; with nothing to fix it has no button to take it, so it takes it itself.
+        { class: 'fd-checks', role: 'dialog', 'aria-label': w.checksDialog, tabindex: '-1' }, el('div', { class: 'fd-menu-title' }, checks.length ? w.toLookAt(checks.length) : w.allClear), ...(checks.length
+            ? checks.map((check) => checkRow(el, check, () => {
+                close();
+                runFix(designer, check, goTo);
+            }, designer.words))
+            : [el('p', { class: 'fd-check-text' }, w.nothingToFix)]));
+        const onOutside = (event) => {
+            if (!panel.contains(event.target) && !element.contains(event.target))
+                close();
+        };
+        const onKey = (event) => {
+            if (event.key !== 'Escape')
+                return;
+            event.preventDefault();
+            close();
+            element.focus();
+        };
+        // Not modal: Tab on past it closes it, rather than leaving it open over the page with no one in it.
+        const onLeave = (event) => {
+            const next = event.relatedTarget;
+            if (next && !panel.contains(next) && next !== element)
+                close();
+        };
+        function close() {
+            panel.remove();
+            doc.removeEventListener('pointerdown', onOutside, true);
+            panel.removeEventListener('keydown', onKey);
+            panel.removeEventListener('focusout', onLeave);
+            element.setAttribute('aria-expanded', 'false');
+            open = null;
+        }
+        (element.closest('.fd-form') ?? doc.body).append(speakLike(panel, element));
+        const r = element.getBoundingClientRect();
+        const width = panel.offsetWidth || 360;
+        Object.assign(panel.style, { top: `${r.bottom + 6}px`, left: `${Math.max(8, Math.min(r.right - width, (doc.defaultView?.innerWidth ?? 1024) - width - 8))}px` });
+        doc.addEventListener('pointerdown', onOutside, true);
+        panel.addEventListener('keydown', onKey);
+        panel.addEventListener('focusout', onLeave);
+        element.setAttribute('aria-expanded', 'true');
+        (panel.querySelector('button') ?? panel).focus();
+        open = close;
+    }
+    element.addEventListener('click', () => (open ? open() : show()));
+    function recount() {
+        waiting = undefined;
+        const checks = designer.checks();
+        count.textContent = checks.length ? String(checks.length) : '✓';
+        element.setAttribute('aria-label', checks.length ? w.checksCount(checks.length) : w.checksClear);
+        element.dataset['state'] = checks.some((c) => c.severity === 'must') ? 'must' : checks.length ? 'should' : 'clear';
+    }
+    /** A count put off while someone types. */
+    let waiting;
+    return {
+        element,
+        update() {
+            clearTimeout(waiting);
+            // While someone types, the count waits for a pause: checking the whole page at each key would slow typing on a big one.
+            if (doc.activeElement?.matches(TYPED))
+                waiting = setTimeout(recount, TYPING_PAUSE);
+            else
+                recount();
+        },
+        destroy() {
+            clearTimeout(waiting);
+            open?.();
+        },
+    };
+}
+/** Publish, asked first: what changed since the last version, and what must be fixed before it can go. */
+export function openPublishDialog(el, designer, root, goTo) {
+    const doc = root.ownerDocument;
+    const w = designer.words.bar;
+    const opener = doc.activeElement;
+    const state = designer.getState();
+    const last = state.versions[state.versions.length - 1];
+    const next = (last?.version ?? 0) + 1;
+    const changes = pageChanges(last?.page ?? null, state.page, designer.words);
+    const must = designer.checks().filter((c) => c.severity === 'must');
+    const id = `fd-publish-${next}-${Date.now()}`;
+    const shown = changes.slice(0, 8);
+    const list = el('ul', { class: 'fd-publish-changes' }, ...shown.map((c) => el('li', {}, c)), ...(changes.length > shown.length ? [el('li', { class: 'fd-publish-more' }, w.andMore(changes.length - shown.length))] : []));
+    const close = () => {
+        backdrop.remove();
+        opener?.focus?.();
+    };
+    const blocked = must.length
+        ? el('div', { class: 'fd-publish-blocked', role: 'alert' }, el('p', { class: 'fd-publish-blocked-head' }, w.mustFixFirst), ...must.map((check) => checkRow(el, check, () => {
+            close();
+            runFix(designer, check, goTo);
+        }, designer.words)))
+        : null;
+    const failed = el('p', { class: 'fd-publish-failed', role: 'alert', hidden: '' });
+    const keep = el('button', { type: 'button', class: 'fd-button' }, w.keepEditing);
+    const publish = el('button', { type: 'button', class: 'fd-button fd-button-primary' }, w.publishVersion(next));
+    keep.addEventListener('click', close);
+    publish.addEventListener('click', async () => {
+        publish.disabled = true;
+        try {
+            await designer.publish();
+            close();
+        }
+        catch (error) {
+            failed.hidden = false;
+            failed.textContent = error instanceof Error ? error.message : w.publishFailed;
+            publish.disabled = false;
+        }
+    });
+    const closeX = el('button', { type: 'button', class: 'fd-dialog-close', 'aria-label': w.close }, '×');
+    closeX.addEventListener('click', close);
+    const box = el('div', { class: 'fd-form-dialog fd-size-small fd-publish-dialog', role: 'dialog', 'aria-modal': 'true', 'aria-labelledby': `${id}-title`, tabindex: '-1' }, el('div', { class: 'fd-form-dialog-head' }, el('h2', { class: 'fd-form-dialog-title', id: `${id}-title` }, w.publishQuestion(next)), closeX), el('div', { class: 'fd-publish-body' }, el('p', { class: 'fd-publish-lead' }, last ? w.changesSince(changes.length, last.version) : w.firstVersion), list, ...(blocked ? [blocked] : []), el('p', { class: 'fd-properties-hint' }, last ? w.keepTheirs(last.version) : w.keepTheirsFirst), failed), 
+    // Held back, not greyed out: the reason is right above.
+    el('div', { class: 'fd-actions fd-actions-end fd-form-dialog-foot' }, keep, ...(must.length ? [] : [publish])));
+    const backdrop = el('div', { class: 'fd-dialog-backdrop fd-publish-backdrop' }, box);
+    backdrop.addEventListener('pointerdown', (event) => event.target === backdrop && close());
+    box.addEventListener('keydown', (event) => {
+        if (event.key === 'Escape') {
+            event.preventDefault();
+            event.stopPropagation();
+            close();
+        }
+        else if (event.key === 'Tab') {
+            // The keyboard stays in the dialog.
+            const items = [...box.querySelectorAll(FOCUSABLE)].filter((e) => !e.closest('[hidden]'));
+            const at = items.indexOf(doc.activeElement);
+            const to = event.shiftKey ? (at <= 0 ? items.length - 1 : at - 1) : at === items.length - 1 ? 0 : at + 1;
+            event.preventDefault();
+            items[to]?.focus();
+        }
+    });
+    root.append(backdrop);
+    (must.length ? (blocked?.querySelector('button') ?? keep) : publish).focus();
+}
+/** The status, which opens the versions published: any of them made the draft again. */
+export function versionsMenu(el, designer, anchor) {
+    const { versions } = designer.getState();
+    const w = designer.words.bar;
+    const when = (iso) => new Intl.DateTimeFormat(DATE_TAGS[designer.locale ?? 'en'], { day: 'numeric', month: 'short', hour: '2-digit', minute: '2-digit' }).format(new Date(iso));
+    const newest = [...versions].reverse();
+    openMenu({
+        el,
+        anchor,
+        title: w.versions,
+        actions: true,
+        items: newest.map((v, i) => ({ id: String(v.version), label: w.version(v.version, i === 0, when(v.publishedAt)) })),
+        note: versions.length ? w.versionsNote : w.noVersions,
+        onPick: (version) => designer.revertTo(Number(version)),
+    });
+}
+export function statusWords(state, words) {
+    const last = state.versions[state.versions.length - 1];
+    return !last ? words.bar.draft : state.unpublished ? words.bar.unpublished : words.bar.published(last.version);
+}
+//# sourceMappingURL=publish-ui.mjs.map

package/src/lib/publish-ui.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"publish-ui.mjs","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/publish-ui.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,WAAW,EAAkB,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAsB,MAAM,kBAAkB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAa9C,MAAM,SAAS,GAAG,0EAA0E,CAAC;AAC7F,mEAAmE;AACnE,MAAM,KAAK,GAAG,8HAA8H,CAAC;AAC7I,MAAM,YAAY,GAAG,GAAG,CAAC;AAEzB,SAAS,MAAM,CAAC,QAAkB,EAAE,KAAgB,EAAE,IAAU;IAC9D,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,EAAE,MAAM,CAAC;IACjC,IAAI,CAAC,MAAM;QAAE,OAAO;IACpB,IAAI,MAAM,CAAC,IAAI,KAAK,IAAI,EAAE,CAAC;QACzB,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QAC3B,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;;QAAM,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AAClC,CAAC;AAED,sEAAsE;AACtE,SAAS,QAAQ,CAAC,EAAkB,EAAE,KAAgB,EAAE,KAAiB,EAAE,KAAoB;IAC7F,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC;IACrF,MAAM,GAAG,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IACrL,IAAI,KAAK,CAAC,GAAG,EAAE,CAAC;QACd,MAAM,GAAG,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAC/F,GAAG,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QACrC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAClB,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAAkB,EAAE,GAAa,EAAE,QAAkB,EAAE,IAAU;IAC5F,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC;IAC7B,MAAM,KAAK,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,4BAA4B,EAAE,aAAa,EAAE,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,EAAE,YAAY,CAAC,GAAG,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,CAAsB,CAAC;IACzQ,IAAI,IAAI,GAAwB,IAAI,CAAC;IAErC,SAAS,IAAI;QACX,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC;QACjC,MAAM,KAAK,GAAG,EAAE,CACd,KAAK;QACL,wGAAwG;QACxG,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC,CAAC,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE,EACpF,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAC7F,GAAG,CAAC,MAAM,CAAC,MAAM;YACf,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACnB,QAAQ,CACN,EAAE,EACF,KAAK,EACL,GAAG,EAAE;gBACH,KAAK,EAAE,CAAC;gBACR,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;YAChC,CAAC,EACD,QAAQ,CAAC,KAAK,CACf,CACF;YACH,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAC3D,CAAC;QACF,MAAM,SAAS,GAAG,CAAC,KAAY,EAAE,EAAE;YACjC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC;gBAAE,KAAK,EAAE,CAAC;QAChG,CAAC,CAAC;QACF,MAAM,KAAK,GAAG,CAAC,KAAoB,EAAE,EAAE;YACrC,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ;gBAAE,OAAO;YACnC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,EAAE,CAAC;YACR,OAAO,CAAC,KAAK,EAAE,CAAC;QAClB,CAAC,CAAC;QACF,oGAAoG;QACpG,MAAM,OAAO,GAAG,CAAC,KAAiB,EAAE,EAAE;YACpC,MAAM,IAAI,GAAG,KAAK,CAAC,aAA4B,CAAC;YAChD,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,OAAO;gBAAE,KAAK,EAAE,CAAC;QACjE,CAAC,CAAC;QACF,SAAS,KAAK;YACZ,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,GAAG,CAAC,mBAAmB,CAAC,aAAa,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;YACxD,KAAK,CAAC,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;YAC5C,KAAK,CAAC,mBAAmB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;YAC/C,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;YAC/C,IAAI,GAAG,IAAI,CAAC;QACd,CAAC;QACD,CAAC,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;QAC5E,MAAM,CAAC,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAC1C,MAAM,KAAK,GAAG,KAAK,CAAC,WAAW,IAAI,GAAG,CAAC;QACvC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,EAAE,CAAC,GAAG,CAAC,WAAW,EAAE,UAAU,IAAI,IAAI,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;QACjK,GAAG,CAAC,gBAAgB,CAAC,aAAa,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;QACrD,KAAK,CAAC,gBAAgB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QACzC,KAAK,CAAC,gBAAgB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;QAC5C,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;QAC9C,CAAC,KAAK,CAAC,aAAa,CAAc,QAAQ,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC;QAC9D,IAAI,GAAG,KAAK,CAAC;IACf,CAAC;IACD,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAElE,SAAS,OAAO;QACd,OAAO,GAAG,SAAS,CAAC;QACpB,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC;QACjC,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;QAChE,OAAO,CAAC,YAAY,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;QACjG,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;IACrH,CAAC;IACD,2CAA2C;IAC3C,IAAI,OAAkD,CAAC;IAEvD,OAAO;QACL,OAAO;QACP,MAAM;YACJ,YAAY,CAAC,OAAO,CAAC,CAAC;YACtB,wHAAwH;YACxH,IAAI,GAAG,CAAC,aAAa,EAAE,OAAO,CAAC,KAAK,CAAC;gBAAE,OAAO,GAAG,UAAU,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;;gBAC9E,OAAO,EAAE,CAAC;QACjB,CAAC;QACD,OAAO;YACL,YAAY,CAAC,OAAO,CAAC,CAAC;YACtB,IAAI,EAAE,EAAE,CAAC;QACX,CAAC;KACF,CAAC;AACJ,CAAC;AAED,0GAA0G;AAC1G,MAAM,UAAU,iBAAiB,CAAC,EAAkB,EAAE,QAAkB,EAAE,IAAiB,EAAE,IAAU;IACrG,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC;IAC/B,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC;IAC7B,MAAM,MAAM,GAAG,GAAG,CAAC,aAAmC,CAAC;IACvD,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,EAAE,CAAC;IAClC,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACvD,MAAM,IAAI,GAAG,CAAC,IAAI,EAAE,OAAO,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IACtC,MAAM,OAAO,GAAG,WAAW,CAAC,IAAI,EAAE,IAAI,IAAI,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5E,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC;IACpE,MAAM,EAAE,GAAG,cAAc,IAAI,IAAI,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC;IAE9C,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAClC,MAAM,IAAI,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3N,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,QAAQ,CAAC,MAAM,EAAE,CAAC;QAClB,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC;IACpB,CAAC,CAAC;IACF,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM;QACzB,CAAC,CAAC,EAAE,CACA,KAAK,EACL,EAAE,KAAK,EAAE,oBAAoB,EAAE,IAAI,EAAE,OAAO,EAAE,EAC9C,EAAE,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,EAC7D,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACpB,QAAQ,CACN,EAAE,EACF,KAAK,EACL,GAAG,EAAE;YACH,KAAK,EAAE,CAAC;YACR,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;QAChC,CAAC,EACD,QAAQ,CAAC,KAAK,CACf,CACF,CACF;QACH,CAAC,CAAC,IAAI,CAAC;IACT,MAAM,MAAM,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAClF,MAAM,IAAI,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC;IACjF,MAAM,OAAO,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,6BAA6B,EAAE,EAAE,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;IAC/G,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACtC,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,IAAI,EAAE;QAC3C,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC;QACxB,IAAI,CAAC;YACH,MAAM,QAAQ,CAAC,OAAO,EAAE,CAAC;YACzB,KAAK,EAAE,CAAC;QACV,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC;YACtB,MAAM,CAAC,WAAW,GAAG,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;YAC9E,OAAO,CAAC,QAAQ,GAAG,KAAK,CAAC;QAC3B,CAAC;IACH,CAAC,CAAC,CAAC;IACH,MAAM,MAAM,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,CAAC,CAAC;IACtG,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACxC,MAAM,GAAG,GAAG,EAAE,CACZ,KAAK,EACL,EAAE,KAAK,EAAE,gDAAgD,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,iBAAiB,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,EACnJ,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAAE,EAAE,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,EAC5I,EAAE,CACA,KAAK,EACL,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAC5B,EAAE,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,EAC3G,IAAI,EACJ,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAC7B,EAAE,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,EAC/F,MAAM,CACP;IACD,wDAAwD;IACxD,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,+CAA+C,EAAE,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAC/G,CAAC;IACF,MAAM,QAAQ,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,wCAAwC,EAAE,EAAE,GAAG,CAAC,CAAC;IACrF,QAAQ,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,KAAK,QAAQ,IAAI,KAAK,EAAE,CAAC,CAAC;IAC1F,GAAG,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;QACxC,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YAC3B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,KAAK,EAAE,CAAC;QACV,CAAC;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;YAC/B,oCAAoC;YACpC,MAAM,KAAK,GAAG,CAAC,GAAG,GAAG,CAAC,gBAAgB,CAAc,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;YACtG,MAAM,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,aAA4B,CAAC,CAAC;YAC3D,MAAM,EAAE,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;YACzG,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC;QACrB,CAAC;IACH,CAAC,CAAC,CAAC;IACH,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IACtB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,aAAa,CAAc,QAAQ,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC;AAC5F,CAAC;AAED,wFAAwF;AACxF,MAAM,UAAU,YAAY,CAAC,EAAkB,EAAE,QAAkB,EAAE,MAAmB;IACtF,MAAM,EAAE,QAAQ,EAAE,GAAG,QAAQ,CAAC,QAAQ,EAAE,CAAC;IACzC,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC;IAC7B,MAAM,IAAI,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,IAAI,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;IACxL,MAAM,MAAM,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC,OAAO,EAAE,CAAC;IACvC,QAAQ,CAAC;QACP,EAAE;QACF,MAAM;QACN,KAAK,EAAE,CAAC,CAAC,QAAQ;QACjB,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC;QACnH,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU;QACrD,MAAM,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;KACxD,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAoB,EAAE,KAAoB;IACpE,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACvD,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AACjH,CAAC"}

package/src/lib/rail.d.mts

@@ -0,0 +1,31 @@
+import type { ElementFactory } from './chrome.mjs';
+import type { Designer, DesignerState } from './designer.mjs';
+import type { ToolboxHandle } from './toolbox.mjs';
+/**
+ * The editor's left side, in three tabs: Add — the toolbox; Outline — the
+ * page as a tree to pick from and move parts about in (outline-view.ts);
+ * and Data — where the page's records live, the model's fields on the page
+ * or not, and a made-up record to fill the canvas with.
+ */
+export interface RailOptions {
+    el: ElementFactory;
+    doc: Document;
+    designer: Designer;
+    tools: ToolboxHandle;
+    /** A survey keeps answers, not records: no model, no made-up record. */
+    survey: boolean;
+    /** Bring a part picked in the outline into view on the canvas. */
+    reveal(id: string): void;
+    /** Whether several parts may be picked at once in the outline: always, unless said. */
+    several?(): boolean;
+    /** Add a field of the model to the page, or as a column. */
+    addModelField?(name: string): void;
+    /** Fill the canvas with the made-up record at `index`, or with nothing. */
+    onSample?(index: number | null): void;
+}
+export interface Rail {
+    element: HTMLElement;
+    update(state: DesignerState): void;
+    destroy(): void;
+}
+export declare function rail(options: RailOptions): Rail;

package/src/lib/rail.d.ts

@@ -0,0 +1,31 @@
+import type { ElementFactory } from './chrome';
+import type { Designer, DesignerState } from './designer';
+import type { ToolboxHandle } from './toolbox';
+/**
+ * The editor's left side, in three tabs: Add — the toolbox; Outline — the
+ * page as a tree to pick from and move parts about in (outline-view.ts);
+ * and Data — where the page's records live, the model's fields on the page
+ * or not, and a made-up record to fill the canvas with.
+ */
+export interface RailOptions {
+    el: ElementFactory;
+    doc: Document;
+    designer: Designer;
+    tools: ToolboxHandle;
+    /** A survey keeps answers, not records: no model, no made-up record. */
+    survey: boolean;
+    /** Bring a part picked in the outline into view on the canvas. */
+    reveal(id: string): void;
+    /** Whether several parts may be picked at once in the outline: always, unless said. */
+    several?(): boolean;
+    /** Add a field of the model to the page, or as a column. */
+    addModelField?(name: string): void;
+    /** Fill the canvas with the made-up record at `index`, or with nothing. */
+    onSample?(index: number | null): void;
+}
+export interface Rail {
+    element: HTMLElement;
+    update(state: DesignerState): void;
+    destroy(): void;
+}
+export declare function rail(options: RailOptions): Rail;

package/src/lib/rail.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rail = rail;
+const kinds_1 = require("./kinds");
+const outline_view_1 = require("./outline-view");
+const writes_1 = require("./writes");
+let count = 0;
+function rail(options) {
+    const { el, doc, designer } = options;
+    const w = designer.words.toolbox;
+    let pane = 'add';
+    let sample = null;
+    // Said aloud, politely: what a move in the outline did. Outside the panes, so it is heard whichever is on show.
+    const said = el('div', { class: 'fd-outline-said', role: 'status', 'aria-live': 'polite' });
+    const tree = (0, outline_view_1.outlineView)({ el, doc, designer, survey: options.survey, reveal: options.reveal, several: () => options.several?.() ?? true, say: (words) => (said.textContent = words) });
+    const outline = tree.element;
+    const data = el('div', { class: 'fd-data', hidden: '' });
+    const panes = { add: options.tools.element, outline, data };
+    const id = `fd-rail-${++count}`;
+    for (const [name, p] of Object.entries(panes))
+        p.id ||= `${id}-${name}`;
+    const tabs = ['add', 'outline', 'data'].map((name) => {
+        const button = el('button', { type: 'button', role: 'tab', class: 'fd-rail-tab', 'data-rail': name, 'aria-selected': String(name === pane), 'aria-controls': panes[name].id, tabindex: name === pane ? '0' : '-1' }, { add: w.add, outline: w.outline, data: w.data }[name]);
+        button.addEventListener('click', () => open(name));
+        return button;
+    });
+    function open(name) {
+        pane = name;
+        draw(designer.getState());
+    }
+    // A row of tabs as a keyboard knows one: the tab open takes Tab; the arrows (mirrored right to left), Home and End open another.
+    const tablist = el('div', { class: 'fd-rail-tabs', role: 'tablist', 'aria-label': w.besideThePage }, ...tabs);
+    tablist.addEventListener('keydown', (event) => {
+        const at = tabs.indexOf(event.target);
+        if (at === -1)
+            return;
+        const rtl = doc.defaultView?.getComputedStyle(tablist).direction === 'rtl';
+        const step = { ArrowRight: rtl ? -1 : 1, ArrowLeft: rtl ? 1 : -1 }[event.key];
+        const to = step !== undefined ? (at + step + tabs.length) % tabs.length : event.key === 'Home' ? 0 : event.key === 'End' ? tabs.length - 1 : -1;
+        if (to === -1)
+            return;
+        event.preventDefault();
+        open(tabs[to].dataset['rail']);
+        tabs[to].focus();
+    });
+    const element = el('aside', { class: 'fd-rail', 'aria-label': w.railLabel }, tablist, options.tools.element, outline, data, said);
+    // The toolbox is its own aside; inside the rail it is a pane.
+    options.tools.element.classList.add('fd-rail-pane');
+    function drawData(state) {
+        const page = state.page;
+        if (page.data.kind !== 'record') {
+            data.replaceChildren(el('div', { class: 'fd-data-card' }, el('span', {}, w.responses), el('b', { class: 'fd-data-model' }, w.responsesModel)), el('p', { class: 'fd-properties-hint' }, w.surveyFields));
+            return;
+        }
+        const unused = designer.modelFields();
+        const onPage = Object.entries(page.fields);
+        const list = page.layout.type === 'list';
+        const row = (name, label, type, used, stored) => {
+            const add = !used && options.addModelField ? el('button', { type: 'button', class: 'fd-button fd-button-link' }, list ? w.addAsColumn : w.addField) : null;
+            add?.addEventListener('click', () => options.addModelField?.(name));
+            return el('div', { class: 'fd-data-row', 'data-field': name, title: w.storedTitle(label, stored) }, el('span', { class: 'fd-data-label' }, label), el('span', { class: `fd-data-used${used ? ' fd-data-on' : ''}` }, used ? w.onThePage : w.notUsed), el('code', {}, `${name} · ${type}`), ...(add ? [add] : []));
+        };
+        const samples = list
+            ? []
+            : [
+                el('div', { class: 'fd-prop' }, el('span', { class: 'fd-prop-name' }, w.recordOnCanvas), el('div', { class: 'fd-seg', role: 'group', 'aria-label': w.recordOnCanvas }, ...[['none', w.empty, w.empty], ['0', '1', w.record(1)], ['1', '2', w.record(2)], ['2', '3', w.record(3)]].map(([key, words, name]) => {
+                    const button = el('button', { type: 'button', class: 'fd-seg-button', 'data-sample': key, 'aria-label': name, title: name, 'aria-pressed': String((sample === null ? 'none' : String(sample)) === key) }, words);
+                    button.addEventListener('click', () => {
+                        sample = key === 'none' ? null : Number(key);
+                        options.onSample?.(sample);
+                        drawData(designer.getState());
+                    });
+                    return button;
+                })), el('p', { class: 'fd-properties-hint' }, w.madeUp)),
+            ];
+        data.replaceChildren(el('div', { class: 'fd-data-card' }, el('span', {}, list ? w.listShows : w.pageShows), el('b', { class: 'fd-data-model' }, page.data.model), el('span', { class: 'fd-data-count' }, w.fieldCount(onPage.length + unused.length, onPage.length))), ...samples, el('div', { class: 'fd-data-rows' }, ...onPage.map(([name, field]) => row(name, field.label, field.type, true, (0, kinds_1.storedAs)(field, designer.words))), ...unused.map(({ name, field }) => row(name, field.label, field.type, false, (0, kinds_1.storedAs)(field, designer.words)))));
+    }
+    function draw(state) {
+        for (const t of tabs) {
+            (0, writes_1.setAttr)(t, 'aria-selected', String(t.dataset['rail'] === pane));
+            (0, writes_1.setAttr)(t, 'tabindex', t.dataset['rail'] === pane ? '0' : '-1');
+        }
+        for (const [name, p] of Object.entries(panes))
+            (0, writes_1.setHidden)(p, name !== pane);
+        tree.update(state, pane === 'outline');
+        if (pane === 'data')
+            drawData(state);
+    }
+    return { element, update: draw, destroy: () => tree.destroy() };
+}
+//# sourceMappingURL=rail.js.map

package/src/lib/rail.js.map

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

package/src/lib/rail.mjs

@@ -0,0 +1,88 @@
+import { storedAs } from './kinds.mjs';
+import { outlineView } from './outline-view.mjs';
+import { setAttr, setHidden } from './writes.mjs';
+let count = 0;
+export function rail(options) {
+    const { el, doc, designer } = options;
+    const w = designer.words.toolbox;
+    let pane = 'add';
+    let sample = null;
+    // Said aloud, politely: what a move in the outline did. Outside the panes, so it is heard whichever is on show.
+    const said = el('div', { class: 'fd-outline-said', role: 'status', 'aria-live': 'polite' });
+    const tree = outlineView({ el, doc, designer, survey: options.survey, reveal: options.reveal, several: () => options.several?.() ?? true, say: (words) => (said.textContent = words) });
+    const outline = tree.element;
+    const data = el('div', { class: 'fd-data', hidden: '' });
+    const panes = { add: options.tools.element, outline, data };
+    const id = `fd-rail-${++count}`;
+    for (const [name, p] of Object.entries(panes))
+        p.id ||= `${id}-${name}`;
+    const tabs = ['add', 'outline', 'data'].map((name) => {
+        const button = el('button', { type: 'button', role: 'tab', class: 'fd-rail-tab', 'data-rail': name, 'aria-selected': String(name === pane), 'aria-controls': panes[name].id, tabindex: name === pane ? '0' : '-1' }, { add: w.add, outline: w.outline, data: w.data }[name]);
+        button.addEventListener('click', () => open(name));
+        return button;
+    });
+    function open(name) {
+        pane = name;
+        draw(designer.getState());
+    }
+    // A row of tabs as a keyboard knows one: the tab open takes Tab; the arrows (mirrored right to left), Home and End open another.
+    const tablist = el('div', { class: 'fd-rail-tabs', role: 'tablist', 'aria-label': w.besideThePage }, ...tabs);
+    tablist.addEventListener('keydown', (event) => {
+        const at = tabs.indexOf(event.target);
+        if (at === -1)
+            return;
+        const rtl = doc.defaultView?.getComputedStyle(tablist).direction === 'rtl';
+        const step = { ArrowRight: rtl ? -1 : 1, ArrowLeft: rtl ? 1 : -1 }[event.key];
+        const to = step !== undefined ? (at + step + tabs.length) % tabs.length : event.key === 'Home' ? 0 : event.key === 'End' ? tabs.length - 1 : -1;
+        if (to === -1)
+            return;
+        event.preventDefault();
+        open(tabs[to].dataset['rail']);
+        tabs[to].focus();
+    });
+    const element = el('aside', { class: 'fd-rail', 'aria-label': w.railLabel }, tablist, options.tools.element, outline, data, said);
+    // The toolbox is its own aside; inside the rail it is a pane.
+    options.tools.element.classList.add('fd-rail-pane');
+    function drawData(state) {
+        const page = state.page;
+        if (page.data.kind !== 'record') {
+            data.replaceChildren(el('div', { class: 'fd-data-card' }, el('span', {}, w.responses), el('b', { class: 'fd-data-model' }, w.responsesModel)), el('p', { class: 'fd-properties-hint' }, w.surveyFields));
+            return;
+        }
+        const unused = designer.modelFields();
+        const onPage = Object.entries(page.fields);
+        const list = page.layout.type === 'list';
+        const row = (name, label, type, used, stored) => {
+            const add = !used && options.addModelField ? el('button', { type: 'button', class: 'fd-button fd-button-link' }, list ? w.addAsColumn : w.addField) : null;
+            add?.addEventListener('click', () => options.addModelField?.(name));
+            return el('div', { class: 'fd-data-row', 'data-field': name, title: w.storedTitle(label, stored) }, el('span', { class: 'fd-data-label' }, label), el('span', { class: `fd-data-used${used ? ' fd-data-on' : ''}` }, used ? w.onThePage : w.notUsed), el('code', {}, `${name} · ${type}`), ...(add ? [add] : []));
+        };
+        const samples = list
+            ? []
+            : [
+                el('div', { class: 'fd-prop' }, el('span', { class: 'fd-prop-name' }, w.recordOnCanvas), el('div', { class: 'fd-seg', role: 'group', 'aria-label': w.recordOnCanvas }, ...[['none', w.empty, w.empty], ['0', '1', w.record(1)], ['1', '2', w.record(2)], ['2', '3', w.record(3)]].map(([key, words, name]) => {
+                    const button = el('button', { type: 'button', class: 'fd-seg-button', 'data-sample': key, 'aria-label': name, title: name, 'aria-pressed': String((sample === null ? 'none' : String(sample)) === key) }, words);
+                    button.addEventListener('click', () => {
+                        sample = key === 'none' ? null : Number(key);
+                        options.onSample?.(sample);
+                        drawData(designer.getState());
+                    });
+                    return button;
+                })), el('p', { class: 'fd-properties-hint' }, w.madeUp)),
+            ];
+        data.replaceChildren(el('div', { class: 'fd-data-card' }, el('span', {}, list ? w.listShows : w.pageShows), el('b', { class: 'fd-data-model' }, page.data.model), el('span', { class: 'fd-data-count' }, w.fieldCount(onPage.length + unused.length, onPage.length))), ...samples, el('div', { class: 'fd-data-rows' }, ...onPage.map(([name, field]) => row(name, field.label, field.type, true, storedAs(field, designer.words))), ...unused.map(({ name, field }) => row(name, field.label, field.type, false, storedAs(field, designer.words)))));
+    }
+    function draw(state) {
+        for (const t of tabs) {
+            setAttr(t, 'aria-selected', String(t.dataset['rail'] === pane));
+            setAttr(t, 'tabindex', t.dataset['rail'] === pane ? '0' : '-1');
+        }
+        for (const [name, p] of Object.entries(panes))
+            setHidden(p, name !== pane);
+        tree.update(state, pane === 'outline');
+        if (pane === 'data')
+            drawData(state);
+    }
+    return { element, update: draw, destroy: () => tree.destroy() };
+}
+//# sourceMappingURL=rail.mjs.map

package/src/lib/rail.mjs.map

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

package/src/lib/refusal.d.mts

@@ -0,0 +1,13 @@
+import type { DesignerWords } from './designer-words.mjs';
+/** Why an edit was refused: words, or the words in the designer's language. */
+export type RefusalWords = string | ((words: DesignerWords) => string);
+/**
+ * Thrown by an edit that cannot be made; the designer turns it into an issue,
+ * the edit not applied, said in its own language. Its `message` is the English.
+ */
+export declare class Refusal extends Error {
+    readonly words: RefusalWords;
+    constructor(words: RefusalWords);
+    /** Why, in a language's words. */
+    in(words: DesignerWords): string;
+}

package/src/lib/refusal.d.ts

@@ -0,0 +1,13 @@
+import type { DesignerWords } from './designer-words';
+/** Why an edit was refused: words, or the words in the designer's language. */
+export type RefusalWords = string | ((words: DesignerWords) => string);
+/**
+ * Thrown by an edit that cannot be made; the designer turns it into an issue,
+ * the edit not applied, said in its own language. Its `message` is the English.
+ */
+export declare class Refusal extends Error {
+    readonly words: RefusalWords;
+    constructor(words: RefusalWords);
+    /** Why, in a language's words. */
+    in(words: DesignerWords): string;
+}

package/src/lib/refusal.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Refusal = void 0;
+const en_1 = require("./locales/en");
+/**
+ * Thrown by an edit that cannot be made; the designer turns it into an issue,
+ * the edit not applied, said in its own language. Its `message` is the English.
+ */
+class Refusal extends Error {
+    words;
+    constructor(words) {
+        super(typeof words === 'string' ? words : words(en_1.en));
+        this.words = words;
+    }
+    /** Why, in a language's words. */
+    in(words) {
+        return typeof this.words === 'string' ? this.words : this.words(words);
+    }
+}
+exports.Refusal = Refusal;
+//# sourceMappingURL=refusal.js.map

package/src/lib/refusal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"refusal.js","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/refusal.ts"],"names":[],"mappings":";;;AACA,qCAAkC;AAKlC;;;GAGG;AACH,MAAa,OAAQ,SAAQ,KAAK;IACX;IAArB,YAAqB,KAAmB;QACtC,KAAK,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAE,CAAC,CAAC,CAAC;QADlC,UAAK,GAAL,KAAK,CAAc;IAExC,CAAC;IAED,kCAAkC;IAClC,EAAE,CAAC,KAAoB;QACrB,OAAO,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACzE,CAAC;CACF;AATD,0BASC"}

package/src/lib/refusal.mjs

@@ -0,0 +1,17 @@
+import { en } from './locales/en/index.mjs';
+/**
+ * Thrown by an edit that cannot be made; the designer turns it into an issue,
+ * the edit not applied, said in its own language. Its `message` is the English.
+ */
+export class Refusal extends Error {
+    words;
+    constructor(words) {
+        super(typeof words === 'string' ? words : words(en));
+        this.words = words;
+    }
+    /** Why, in a language's words. */
+    in(words) {
+        return typeof this.words === 'string' ? this.words : this.words(words);
+    }
+}
+//# sourceMappingURL=refusal.mjs.map

package/src/lib/refusal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"refusal.mjs","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/refusal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAKlC;;;GAGG;AACH,MAAM,OAAO,OAAQ,SAAQ,KAAK;IACX;IAArB,YAAqB,KAAmB;QACtC,KAAK,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;QADlC,UAAK,GAAL,KAAK,CAAc;IAExC,CAAC;IAED,kCAAkC;IAClC,EAAE,CAAC,KAAoB;QACrB,OAAO,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACzE,CAAC;CACF"}

package/src/lib/rules-answers.d.mts

@@ -0,0 +1,25 @@
+import type { Page } from '@fieldia/core';
+import type { ElementFactory } from './chrome.mjs';
+import type { Designer } from './designer.mjs';
+import { type SampleOptions } from './rules-sample.mjs';
+/**
+ * The rules an answer must keep, as a list of sentences — "At least 2
+ * letters", "Ends with @acme.com — only warns" — each opening in place to
+ * its settings: what it asks, the message when it does not fit, whether it
+ * stops sending or only warns, and only when. "Add a rule" offers only the
+ * kinds that fit what the field holds; a rule removed leaves Undo at hand.
+ * What is typed is checked here first, and kept only when it reads, so a
+ * half-typed rule says what is wrong under it and the page keeps the last
+ * good one. A rule across fields begins as an empty formula, kept on the
+ * page once what is typed reads. Under the rules, Try a value: the field by
+ * its own widget, and what the form says of what is typed there.
+ */
+export interface AnswerRulesEditor {
+    element: HTMLElement;
+    update(page: Page): void;
+    /** Put the cursor on the first rule, or on Add a rule. */
+    focus(): void;
+    /** Let go of the sample's widgets. */
+    destroy(): void;
+}
+export declare function answerRulesEditor(el: ElementFactory, designer: Designer, id: string, sampling?: SampleOptions): AnswerRulesEditor;