@fieldia/designer 0.0.0-stage → 0.12.0

package/src/lib/translations-grid.mjs

@@ -0,0 +1,195 @@
+import { isRightToLeft } from '@fieldia/core';
+import { languageName, languagesOf, pageLanguage, staleWords, translationProgress, wordsOf } from './translations.mjs';
+/** A language's own name for itself, such as العربية, when the browser knows it and it differs from the English. */
+function ownName(tag, words) {
+    try {
+        const name = new Intl.DisplayNames([tag], { type: 'language' }).of(tag);
+        return name && name !== tag && name !== languageName(tag, words) ? name : null;
+    }
+    catch {
+        return null;
+    }
+}
+const direction = (tag) => (isRightToLeft(tag) ? 'rtl' : 'ltr');
+export function wordsGrid(options) {
+    const { el, designer } = options;
+    const said = designer.words;
+    const w = said.translations;
+    const nameOf = (tag) => languageName(tag, said);
+    /** Words in their language, running its way; the cell around them keeps the grid's direction, so its lines and its place hold. */
+    const inLanguage = (tag, text) => el('div', { class: 'fd-words-text', lang: tag, dir: direction(tag) }, text);
+    const head = el('thead');
+    const rows = el('tbody');
+    const none = el('p', { class: 'fd-words-none', hidden: '' }, w.allTranslated);
+    // A region the keyboard can scroll (WCAG 2.1.1): wide grids scroll sideways, and a grid of the page's words alone has nothing to focus.
+    const element = el('div', { class: 'fd-words-scroll', role: 'region', 'aria-label': w.grid, tabindex: '0' }, el('table', { class: 'fd-words-table fd-words-grid' }, head, rows), none);
+    const staleHead = el('thead');
+    const staleRows = el('tbody');
+    const removeAll = el('button', { type: 'button', class: 'fd-button' }, w.removeAll);
+    removeAll.addEventListener('click', () => designer.forgetWords(staleWords(designer.getPage())));
+    const stale = el('section', { class: 'fd-words-stale', 'aria-labelledby': 'fd-words-stale-title', hidden: '' }, el('div', { class: 'fd-words-stale-head' }, el('h3', { id: 'fd-words-stale-title', class: 'fd-words-stale-title' }, w.staleTitle), el('p', { class: 'fd-words-stale-note' }, w.staleNote), removeAll), el('div', { class: 'fd-words-scroll', role: 'region', 'aria-label': w.staleGrid, tabindex: '0' }, el('table', { class: 'fd-words-table fd-words-stale-grid' }, staleHead, staleRows)));
+    /** Cells by language and word, kept from one drawing to the next so the one typed in keeps its focus. */
+    const cells = new Map();
+    /** What each cell last kept, as typed: a cell being typed in shows its own words, unless they changed elsewhere, by an undo. */
+    const sent = new WeakMap();
+    const progress = new Map();
+    let shape = '';
+    let staleShape = '';
+    let onlyMissing = false;
+    function cellFor(tag, word) {
+        const key = `${tag}\n${word}`;
+        let cell = cells.get(key);
+        if (!cell) {
+            cell = el('textarea', { class: 'fd-words-cell', rows: '1', lang: tag, dir: direction(tag), 'data-lang': tag, 'data-word': word, 'aria-label': w.cell(nameOf(tag), word) });
+            const typed = cell;
+            typed.addEventListener('input', () => {
+                sent.set(typed, typed.value.trim() ? typed.value : '');
+                designer.setTranslation(tag, word, typed.value);
+            });
+            cells.set(key, cell);
+        }
+        return cell;
+    }
+    function drawHead(page, languages) {
+        const own = pageLanguage(page);
+        progress.clear();
+        const columns = languages.map((tag) => {
+            const remove = el('button', { type: 'button', class: 'fd-icon-button fd-icon-danger fd-words-remove', 'aria-label': w.remove(nameOf(tag)), title: w.remove(nameOf(tag)) }, '×');
+            remove.addEventListener('click', () => options.onRemove(tag));
+            const native = ownName(tag, said);
+            const bar = el('span');
+            const count = el('span', { class: 'fd-words-count' });
+            const th = el('th', { scope: 'col' }, el('div', { class: 'fd-words-head' }, el('span', { class: 'fd-words-lang' }, nameOf(tag)), ...(native ? [el('span', { class: 'fd-words-native', lang: tag, dir: direction(tag) }, native)] : []), remove), el('div', { class: 'fd-words-progress' }, el('span', { class: 'fd-words-meter', 'aria-hidden': 'true' }, bar), count));
+            progress.set(tag, { th, bar, count });
+            return th;
+        });
+        const first = el('th', { scope: 'col', 'aria-label': w.ownWordsHead(nameOf(own)) }, el('div', { class: 'fd-words-head' }, el('span', { class: 'fd-words-lang' }, nameOf(own))), el('div', { class: 'fd-words-own' }, w.ownWords));
+        head.replaceChildren(el('tr', {}, first, ...columns));
+    }
+    function drawRows(page, words, languages) {
+        const own = pageLanguage(page);
+        const live = new Set();
+        rows.replaceChildren(...words.map((word) => {
+            const tds = languages.map((tag, col) => {
+                live.add(`${tag}\n${word}`);
+                const cell = cellFor(tag, word);
+                cell.dataset['col'] = String(col);
+                return el('td', {}, cell);
+            });
+            return el('tr', { 'data-word': word }, el('th', { scope: 'row', class: 'fd-words-source' }, inLanguage(own, word)), ...tds);
+        }));
+        for (const key of [...cells.keys()])
+            if (!live.has(key))
+                cells.delete(key);
+    }
+    /** Rows every language has translated, out of sight while only the missing words show. */
+    function filter(page) {
+        const languages = languagesOf(page);
+        let shown = 0;
+        for (const tr of rows.children) {
+            const word = tr.dataset['word'];
+            tr.hidden = onlyMissing && languages.length > 0 && languages.every((tag) => !!page.translations?.[tag]?.[word]);
+            if (!tr.hidden)
+                shown++;
+        }
+        none.hidden = shown > 0 || !rows.children.length;
+    }
+    function drawStale(page) {
+        const words = staleWords(page);
+        const languages = languagesOf(page).filter((tag) => words.some((word) => page.translations?.[tag]?.[word]));
+        const key = JSON.stringify(words.map((word) => [word, ...languages.map((tag) => page.translations?.[tag]?.[word] ?? '')]));
+        stale.hidden = !words.length;
+        if (key === staleShape)
+            return;
+        staleShape = key;
+        staleHead.replaceChildren(el('tr', {}, el('th', { scope: 'col' }, w.words), ...languages.map((tag) => el('th', { scope: 'col' }, nameOf(tag))), el('th', { scope: 'col', class: 'fd-words-gone-remove' }, el('span', { class: 'fd-sr-only' }, w.removeColumn))));
+        staleRows.replaceChildren(...words.map((word) => {
+            const remove = el('button', { type: 'button', class: 'fd-icon-button fd-icon-danger', 'aria-label': w.removeWord(word), title: w.removeItsTranslations }, '×');
+            remove.addEventListener('click', () => designer.forgetWords([word]));
+            return el('tr', {}, el('th', { scope: 'row', class: 'fd-words-source' }, inLanguage(pageLanguage(page), word)), ...languages.map((tag) => el('td', { class: 'fd-words-gone' }, inLanguage(tag, page.translations?.[tag]?.[word] ?? ''))), el('td', { class: 'fd-words-gone-remove' }, remove));
+        }));
+    }
+    // ---- like a sheet: Enter and the arrows move between cells ----------------
+    /** The cell `rowsBy` rows down and `colsBy` columns along, among the rows on show; the caret at the end of its words. */
+    function move(from, rowsBy, colsBy) {
+        const shown = [...rows.children].filter((tr) => !tr.hidden);
+        const at = shown.indexOf(from.closest('tr'));
+        const target = shown[at + rowsBy]?.querySelectorAll('textarea')[Number(from.dataset['col']) + colsBy];
+        if (!target)
+            return false;
+        target.focus();
+        target.setSelectionRange(target.value.length, target.value.length);
+        return true;
+    }
+    rows.addEventListener('keydown', (event) => {
+        const cell = event.target;
+        if (!cell.matches('textarea') || event.isComposing || event.altKey || event.ctrlKey || event.metaKey)
+            return;
+        const { key } = event;
+        const caret = cell.selectionStart === cell.selectionEnd ? cell.selectionStart : -1;
+        const rtl = cell.getAttribute('dir') === 'rtl';
+        // The visual ends of the words: right to left, the end of the words is on the left.
+        const atLeft = caret === (rtl ? cell.value.length : 0);
+        const atRight = caret === (rtl ? 0 : cell.value.length);
+        let by = null;
+        if (key === 'Enter')
+            by = [event.shiftKey ? -1 : 1, 0];
+        else if (event.shiftKey)
+            return;
+        else if (key === 'ArrowDown' || key === 'ArrowUp')
+            by = [key === 'ArrowDown' ? 1 : -1, 0];
+        else if (key === 'ArrowLeft' && atLeft)
+            by = [0, -1];
+        else if (key === 'ArrowRight' && atRight)
+            by = [0, 1];
+        if (!by)
+            return;
+        // Enter never breaks a line, even in the last row.
+        if (move(cell, ...by) || key === 'Enter')
+            event.preventDefault();
+    });
+    return {
+        element,
+        stale,
+        update(page) {
+            const words = wordsOf(page);
+            const languages = languagesOf(page);
+            const next = JSON.stringify([pageLanguage(page), words, languages]);
+            if (next !== shape) {
+                shape = next;
+                drawHead(page, languages);
+                drawRows(page, words, languages);
+                filter(page);
+            }
+            for (const [key, cell] of cells) {
+                const [tag, word] = key.split('\n');
+                const text = page.translations?.[tag]?.[word] ?? '';
+                // Written only when it changes: a grid of every word is brought up to date at each key typed in it.
+                if ((cell.ownerDocument.activeElement !== cell || text !== (sent.get(cell) ?? text)) && cell.value !== text)
+                    cell.value = text;
+                if (cell.hasAttribute('data-empty') !== !text)
+                    cell.toggleAttribute('data-empty', !text);
+            }
+            for (const [tag, { th, bar, count }] of progress) {
+                const { done, total } = translationProgress(page, tag);
+                const label = w.progress(nameOf(tag), done, total);
+                if (th.getAttribute('aria-label') !== label)
+                    th.setAttribute('aria-label', label);
+                const short = w.progressCount(done, total);
+                if (count.textContent !== short)
+                    count.textContent = short;
+                bar.style.width = `${total ? (done / total) * 100 : 0}%`;
+            }
+            drawStale(page);
+        },
+        setOnlyMissing(on) {
+            onlyMissing = on;
+            filter(designer.getPage());
+        },
+        focusLanguage(tag) {
+            const first = rows.querySelector(`tr:not([hidden]) textarea[data-lang="${tag}"]`);
+            first?.focus();
+        },
+    };
+}
+//# sourceMappingURL=translations-grid.mjs.map

package/src/lib/translations-grid.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"translations-grid.mjs","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/translations-grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAa,MAAM,eAAe,CAAC;AAIzD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AA+BnH,oHAAoH;AACpH,SAAS,OAAO,CAAC,GAAW,EAAE,KAAoB;IAChD,IAAI,CAAC;QACH,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;QACxE,OAAO,IAAI,IAAI,IAAI,KAAK,GAAG,IAAI,IAAI,KAAK,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACjF,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AAED,MAAM,SAAS,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAExE,MAAM,UAAU,SAAS,CAAC,OAAyB;IACjD,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;IACjC,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC;IAC5B,MAAM,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC;IAC5B,MAAM,MAAM,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;IACxD,kIAAkI;IAClI,MAAM,UAAU,GAAG,CAAC,GAAW,EAAE,IAAY,EAAE,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;IAC9H,MAAM,IAAI,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC;IACzB,MAAM,IAAI,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC;IACzB,MAAM,IAAI,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC;IAC9E,wIAAwI;IACxI,MAAM,OAAO,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,8BAA8B,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;IAEvL,MAAM,SAAS,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC;IAC9B,MAAM,SAAS,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC;IAC9B,MAAM,SAAS,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC;IACpF,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IAChG,MAAM,KAAK,GAAG,EAAE,CACd,SAAS,EACT,EAAE,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,EAAE,EAAE,EAAE,EAClF,EAAE,CACA,KAAK,EACL,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAChC,EAAE,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,sBAAsB,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,EACrF,EAAE,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,EACtD,SAAS,CACV,EACD,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC,CAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,oCAAoC,EAAE,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CACtL,CAAC;IAEF,yGAAyG;IACzG,MAAM,KAAK,GAAG,IAAI,GAAG,EAA+B,CAAC;IACrD,gIAAgI;IAChI,MAAM,IAAI,GAAG,IAAI,OAAO,EAA+B,CAAC;IACxD,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAqE,CAAC;IAC9F,IAAI,KAAK,GAAG,EAAE,CAAC;IACf,IAAI,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,WAAW,GAAG,KAAK,CAAC;IAExB,SAAS,OAAO,CAAC,GAAW,EAAE,IAAY;QACxC,MAAM,GAAG,GAAG,GAAG,GAAG,KAAK,IAAI,EAAE,CAAC;QAC9B,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAC1B,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,IAAI,GAAG,EAAE,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,EAAE,WAAW,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;YAC3K,MAAM,KAAK,GAAG,IAAI,CAAC;YACnB,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;gBACnC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;gBACvD,QAAQ,CAAC,cAAc,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;YAClD,CAAC,CAAC,CAAC;YACH,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QACvB,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,SAAS,QAAQ,CAAC,IAAU,EAAE,SAAmB;QAC/C,MAAM,GAAG,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;QAC/B,QAAQ,CAAC,KAAK,EAAE,CAAC;QACjB,MAAM,OAAO,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACpC,MAAM,MAAM,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,+CAA+C,EAAE,YAAY,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;YAChL,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;YAC9D,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;YAClC,MAAM,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC;YACvB,MAAM,KAAK,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,CAAC,CAAC;YACtD,MAAM,EAAE,GAAG,EAAE,CACX,IAAI,EACJ,EAAE,KAAK,EAAE,KAAK,EAAE,EAChB,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,EACzM,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAAE,EAAE,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,CACtH,CAAC;YACF,QAAQ,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC;YACtC,OAAO,EAAE,CAAC;QACZ,CAAC,CAAC,CAAC;QACH,MAAM,KAAK,GAAG,EAAE,CACd,IAAI,EACJ,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,EAC3D,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAC1F,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CACjD,CAAC;QACF,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC;IACxD,CAAC;IAED,SAAS,QAAQ,CAAC,IAAU,EAAE,KAAwB,EAAE,SAAmB;QACzE,MAAM,GAAG,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;QAC/B,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU,CAAC;QAC/B,IAAI,CAAC,eAAe,CAClB,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACpB,MAAM,GAAG,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;gBACrC,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,KAAK,IAAI,EAAE,CAAC,CAAC;gBAC5B,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;gBAChC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;gBAClC,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC;YAC5B,CAAC,CAAC,CAAC;YACH,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,UAAU,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC;QAC9H,CAAC,CAAC,CACH,CAAC;QACF,KAAK,MAAM,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;YAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;gBAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAC7E,CAAC;IAED,0FAA0F;IAC1F,SAAS,MAAM,CAAC,IAAU;QACxB,MAAM,SAAS,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;QACpC,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,KAAK,MAAM,EAAE,IAAI,IAAI,CAAC,QAAiD,EAAE,CAAC;YACxE,MAAM,IAAI,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAW,CAAC;YAC1C,EAAE,CAAC,MAAM,GAAG,WAAW,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,SAAS,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;YAChH,IAAI,CAAC,EAAE,CAAC,MAAM;gBAAE,KAAK,EAAE,CAAC;QAC1B,CAAC;QACD,IAAI,CAAC,MAAM,GAAG,KAAK,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;IACnD,CAAC;IAED,SAAS,SAAS,CAAC,IAAU;QAC3B,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;QAC/B,MAAM,SAAS,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC5G,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3H,KAAK,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC;QAC7B,IAAI,GAAG,KAAK,UAAU;YAAE,OAAO;QAC/B,UAAU,GAAG,GAAG,CAAC;QACjB,SAAS,CAAC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,EAAE,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;QACjQ,SAAS,CAAC,eAAe,CACvB,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACpB,MAAM,MAAM,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,+BAA+B,EAAE,YAAY,EAAE,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,qBAAqB,EAAE,EAAE,GAAG,CAAC,CAAC;YAC/J,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YACrE,OAAO,EAAE,CACP,IAAI,EACJ,EAAE,EACF,EAAE,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,EAC1F,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,UAAU,CAAC,GAAG,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EACxH,EAAE,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,MAAM,CAAC,CACpD,CAAC;QACJ,CAAC,CAAC,CACH,CAAC;IACJ,CAAC;IAED,8EAA8E;IAC9E,yHAAyH;IACzH,SAAS,IAAI,CAAC,IAAyB,EAAE,MAAc,EAAE,MAAc;QACrE,MAAM,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAE,EAAkB,CAAC,MAAM,CAAC,CAAC;QAC7E,MAAM,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAgB,CAAC,CAAC;QAC5D,MAAM,MAAM,GAAG,KAAK,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC;QACtG,IAAI,CAAC,MAAM;YAAE,OAAO,KAAK,CAAC;QAC1B,MAAM,CAAC,KAAK,EAAE,CAAC;QACf,MAAM,CAAC,iBAAiB,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACnE,OAAO,IAAI,CAAC;IACd,CAAC;IACD,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;QACzC,MAAM,IAAI,GAAG,KAAK,CAAC,MAA6B,CAAC;QACjD,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO;YAAE,OAAO;QAC7G,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;QACtB,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,KAAK,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACnF,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC;QAC/C,oFAAoF;QACpF,MAAM,MAAM,GAAG,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACvD,MAAM,OAAO,GAAG,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACxD,IAAI,EAAE,GAA4B,IAAI,CAAC;QACvC,IAAI,GAAG,KAAK,OAAO;YAAE,EAAE,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;aAClD,IAAI,KAAK,CAAC,QAAQ;YAAE,OAAO;aAC3B,IAAI,GAAG,KAAK,WAAW,IAAI,GAAG,KAAK,SAAS;YAAE,EAAE,GAAG,CAAC,GAAG,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;aACrF,IAAI,GAAG,KAAK,WAAW,IAAI,MAAM;YAAE,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;aAChD,IAAI,GAAG,KAAK,YAAY,IAAI,OAAO;YAAE,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACtD,IAAI,CAAC,EAAE;YAAE,OAAO;QAChB,mDAAmD;QACnD,IAAI,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,GAAG,KAAK,OAAO;YAAE,KAAK,CAAC,cAAc,EAAE,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,OAAO;QACL,OAAO;QACP,KAAK;QACL,MAAM,CAAC,IAAI;YACT,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;YAC5B,MAAM,SAAS,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;YACpC,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;YACpE,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;gBACnB,KAAK,GAAG,IAAI,CAAC;gBACb,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;gBAC1B,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;gBACjC,MAAM,CAAC,IAAI,CAAC,CAAC;YACf,CAAC;YACD,KAAK,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,KAAK,EAAE,CAAC;gBAChC,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;gBACpC,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;gBACpD,oGAAoG;gBACpG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,aAAa,KAAK,IAAI,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI;oBAAE,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;gBAC/H,IAAI,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI;oBAAE,IAAI,CAAC,eAAe,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;YAC3F,CAAC;YACD,KAAK,MAAM,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,IAAI,QAAQ,EAAE,CAAC;gBACjD,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,mBAAmB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;gBACvD,MAAM,KAAK,GAAG,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;gBACnD,IAAI,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,KAAK,KAAK;oBAAE,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;gBAClF,MAAM,KAAK,GAAG,CAAC,CAAC,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;gBAC3C,IAAI,KAAK,CAAC,WAAW,KAAK,KAAK;oBAAE,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC;gBAC3D,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;YAC3D,CAAC;YACD,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;QACD,cAAc,CAAC,EAAE;YACf,WAAW,GAAG,EAAE,CAAC;YACjB,MAAM,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;QAC7B,CAAC;QACD,aAAa,CAAC,GAAG;YACf,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAsB,wCAAwC,GAAG,IAAI,CAAC,CAAC;YACvG,KAAK,EAAE,KAAK,EAAE,CAAC;QACjB,CAAC;KACF,CAAC;AACJ,CAAC"}

package/src/lib/translations-view.d.mts

@@ -0,0 +1,29 @@
+import type { ElementFactory } from './chrome.mjs';
+import type { Designer } from './designer.mjs';
+import type { FindItem } from './find-anything.mjs';
+/**
+ * Translations: the page's words in other languages, in place of the editor,
+ * beside Design and Try it. A grid of every word, a column per language;
+ * only the words not translated yet, at a switch; a language added by its
+ * name or tag, and removed after asking in the page; the words copied as
+ * CSV for a translator and their CSV pasted back to fill the grid.
+ */
+export interface TranslationsViewOptions {
+    el: ElementFactory;
+    doc: Document;
+    designer: Designer;
+    /** The editor: the view goes at its end. */
+    root: HTMLElement;
+    /** What the editor shows when designing: hidden while the view shows. */
+    body: HTMLElement;
+    /** Design and Try it: Translations goes beside them. */
+    modes: HTMLElement;
+}
+export interface TranslationsView {
+    element: HTMLElement;
+    readonly open: boolean;
+    /** For Find anything: open it, add a language, and what it does once open. */
+    items(): FindItem[];
+    destroy(): void;
+}
+export declare function translationsView(options: TranslationsViewOptions): TranslationsView;

package/src/lib/translations-view.d.ts

@@ -0,0 +1,29 @@
+import type { ElementFactory } from './chrome';
+import type { Designer } from './designer';
+import type { FindItem } from './find-anything';
+/**
+ * Translations: the page's words in other languages, in place of the editor,
+ * beside Design and Try it. A grid of every word, a column per language;
+ * only the words not translated yet, at a switch; a language added by its
+ * name or tag, and removed after asking in the page; the words copied as
+ * CSV for a translator and their CSV pasted back to fill the grid.
+ */
+export interface TranslationsViewOptions {
+    el: ElementFactory;
+    doc: Document;
+    designer: Designer;
+    /** The editor: the view goes at its end. */
+    root: HTMLElement;
+    /** What the editor shows when designing: hidden while the view shows. */
+    body: HTMLElement;
+    /** Design and Try it: Translations goes beside them. */
+    modes: HTMLElement;
+}
+export interface TranslationsView {
+    element: HTMLElement;
+    readonly open: boolean;
+    /** For Find anything: open it, add a language, and what it does once open. */
+    items(): FindItem[];
+    destroy(): void;
+}
+export declare function translationsView(options: TranslationsViewOptions): TranslationsView;

package/src/lib/translations-view.js

@@ -0,0 +1,248 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.translationsView = translationsView;
+const icons_1 = require("./icons");
+const translations_1 = require("./translations");
+const translations_csv_1 = require("./translations-csv");
+const translations_grid_1 = require("./translations-grid");
+let views = 0;
+function translationsView(options) {
+    const { el, doc, designer, root, body, modes } = options;
+    const id = `fd-words-${++views}`;
+    const said = designer.words;
+    const w = said.translations;
+    const nameOf = (tag) => (0, translations_1.languageName)(tag, said);
+    const toggle = el('button', { type: 'button', class: 'fd-mode-button', 'data-mode': 'translations', 'aria-pressed': 'false' }, (0, icons_1.designerIcon)(doc, 'website'), w.title);
+    modes.append(toggle);
+    modes.setAttribute('aria-label', w.modes);
+    // ---- the bar --------------------------------------------------------------
+    // How many words, and the language they are written in: a picker, to say another.
+    const count = el('span');
+    const own = el('select', { class: 'fd-words-own-language', 'aria-label': w.ownLanguage });
+    const after = el('span');
+    const note = el('p', { class: 'fd-words-note' }, count, own, after);
+    own.addEventListener('change', () => designer.setPageLanguage(own.value));
+    const onlySwitch = el('button', { type: 'button', class: 'fd-switch', role: 'switch', 'aria-checked': 'false', 'aria-labelledby': `${id}-only` });
+    const only = el('div', { class: 'fd-words-filter' }, onlySwitch, el('span', { id: `${id}-only` }, w.onlyMissing));
+    const addInput = el('input', { class: 'fd-input', list: `${id}-languages`, 'aria-label': w.addLanguage, placeholder: w.addExample, autocomplete: 'off', spellcheck: 'false' });
+    const known = el('datalist', { id: `${id}-languages` }, ...Object.keys(translations_1.COMMON_LANGUAGES).map((tag) => el('option', { value: nameOf(tag), label: tag })));
+    const add = el('form', { class: 'fd-words-add' }, addInput, known, el('button', { type: 'submit', class: 'fd-button' }, w.add));
+    const copy = el('button', { type: 'button', class: 'fd-button' }, w.copyCsv);
+    const paste = el('button', { type: 'button', class: 'fd-button' }, w.pasteCsv);
+    const bar = el('div', { class: 'fd-words-bar' }, el('div', { class: 'fd-words-heading' }, el('h2', { class: 'fd-words-title' }, w.title), note), only, add, el('div', { class: 'fd-words-actions' }, copy, paste));
+    // ---- asking before a language goes, in the page ----------------------------
+    const askText = el('p', { class: 'fd-words-ask' });
+    const removeIt = el('button', { type: 'button', class: 'fd-button fd-button-danger' });
+    const keepIt = el('button', { type: 'button', class: 'fd-button' }, w.keepIt);
+    const confirm = el('div', { class: 'fd-words-confirm', role: 'group', 'aria-label': w.removeALanguage, hidden: '' }, askText, el('div', { class: 'fd-words-buttons' }, removeIt, keepIt));
+    let removing = null;
+    // ---- CSV in and out ------------------------------------------------------------
+    const csvLabel = el('label', { for: `${id}-csv`, class: 'fd-words-csv-label' });
+    const csvBox = el('textarea', { id: `${id}-csv`, class: 'fd-input fd-words-csv', rows: '6', spellcheck: 'false' });
+    const csvProblem = el('p', { class: 'fd-words-problem', role: 'alert', hidden: '' });
+    const fill = el('button', { type: 'button', class: 'fd-button fd-button-primary' }, w.fill);
+    const csvDone = el('button', { type: 'button', class: 'fd-button' }, w.cancel);
+    const csvPanel = el('div', { class: 'fd-words-paste', hidden: '' }, csvLabel, csvBox, csvProblem, el('div', { class: 'fd-words-buttons' }, fill, csvDone));
+    const status = el('p', { class: 'fd-words-status', role: 'status' });
+    const grid = (0, translations_grid_1.wordsGrid)({ el, doc, designer, onRemove: askRemove });
+    const element = el('section', { class: 'fd-words', 'aria-label': w.title, hidden: '' }, bar, confirm, csvPanel, status, grid.element, grid.stale);
+    root.append(element);
+    const say = (words) => (status.textContent = words);
+    function askRemove(tag) {
+        const count = Object.keys(designer.getPage().translations?.[tag] ?? {}).length;
+        const name = nameOf(tag);
+        // Nothing translated yet: nothing to lose, nothing to ask.
+        if (!count) {
+            if (designer.removeLanguage(tag))
+                say(w.removed(name));
+            return;
+        }
+        removing = tag;
+        say('');
+        askText.textContent = w.askRemove(name, count);
+        removeIt.textContent = w.remove(name);
+        confirm.hidden = false;
+        keepIt.focus();
+    }
+    function stopAsking(focus) {
+        removing = null;
+        confirm.hidden = true;
+        if (focus)
+            addInput.focus();
+    }
+    removeIt.addEventListener('click', () => {
+        if (removing && designer.removeLanguage(removing))
+            say(w.removedUndo(nameOf(removing)));
+        stopAsking(true);
+    });
+    keepIt.addEventListener('click', () => stopAsking(true));
+    confirm.addEventListener('keydown', (event) => {
+        if (event.key !== 'Escape')
+            return;
+        event.preventDefault();
+        stopAsking(true);
+    });
+    add.addEventListener('submit', (event) => {
+        event.preventDefault();
+        const typed = addInput.value;
+        // A name it does not know goes to the designer as typed, which says why it cannot be added.
+        const tag = (0, translations_1.languageTag)(typed, said) ?? typed;
+        if (!designer.addLanguage(tag))
+            return;
+        addInput.value = '';
+        say(w.added(nameOf(tag)));
+        grid.focusLanguage((0, translations_1.languagesOf)(designer.getPage()).slice(-1)[0]);
+    });
+    onlySwitch.addEventListener('click', () => {
+        const on = onlySwitch.getAttribute('aria-checked') !== 'true';
+        onlySwitch.setAttribute('aria-checked', String(on));
+        grid.setOnlyMissing(on);
+    });
+    /** The panel for CSV: to paste one in, or — with no clipboard to write to — to copy one out by hand. */
+    function showCsv(mode, text = '') {
+        csvPanel.dataset['mode'] = mode;
+        csvLabel.textContent =
+            mode === 'paste' ? w.pasteLabel : w.copyLabel;
+        csvBox.value = text;
+        csvBox.readOnly = mode === 'copy';
+        fill.hidden = mode === 'copy';
+        csvDone.textContent = mode === 'copy' ? w.done : w.cancel;
+        csvProblem.hidden = true;
+        csvPanel.hidden = false;
+        csvBox.focus();
+        if (mode === 'copy')
+            csvBox.select();
+    }
+    const hideCsv = () => {
+        csvPanel.hidden = true;
+        paste.focus();
+    };
+    csvDone.addEventListener('click', hideCsv);
+    paste.addEventListener('click', () => showCsv('paste'));
+    copy.addEventListener('click', () => {
+        const page = designer.getPage();
+        const text = (0, translations_csv_1.translationsCsv)(page);
+        const languages = (0, translations_1.languagesOf)(page).length;
+        const copied = w.copied((0, translations_1.wordsOf)(page).length, languages);
+        const clipboard = doc.defaultView?.navigator.clipboard;
+        if (!clipboard)
+            return showCsv('copy', text);
+        clipboard.writeText(text).then(() => say(copied), () => showCsv('copy', text));
+    });
+    fill.addEventListener('click', () => {
+        const read = (0, translations_csv_1.readTranslationsCsv)(csvBox.value, designer.getPage(), said);
+        const problem = (text) => {
+            csvProblem.textContent = text;
+            csvProblem.hidden = false;
+        };
+        if ('problem' in read)
+            return problem(read.problem);
+        const filled = designer.fillTranslations(read.words);
+        if (filled === false)
+            return problem(designer.getState().issues[0] ?? w.nothingFilled);
+        hideCsv();
+        say(w.filled(filled, read.notOnPage));
+    });
+    // ---- in place of the editor -----------------------------------------------------
+    let open = false;
+    const trying = () => !!root.querySelector('.fd-try:not([hidden])');
+    const modeButton = (name) => modes.querySelector(`[data-mode="${name}"]`);
+    function show(next) {
+        // From Try it: back to designing first, then here.
+        if (next && trying())
+            modeButton('design')?.click();
+        open = next;
+        element.hidden = !open;
+        body.hidden = open || trying();
+        toggle.setAttribute('aria-pressed', String(open));
+        if (open)
+            modeButton('design')?.setAttribute('aria-pressed', 'false');
+        else if (!trying())
+            modeButton('design')?.setAttribute('aria-pressed', 'true');
+        if (!open)
+            return;
+        say('');
+        stopAsking(false);
+        // Nothing on the page is picked here: keys meant for a picked field must not reach it.
+        designer.select(null);
+        render();
+    }
+    toggle.addEventListener('click', () => show(true));
+    // Design or Try it: the view gives way, and the editor comes back. Another view in its place (the JSON): it only steps aside.
+    const onMode = (event) => {
+        const button = event.target.closest('[data-mode]');
+        if (!open || !button || button === toggle)
+            return;
+        if (button.dataset['mode'] === 'design' || button.dataset['mode'] === 'try')
+            return show(false);
+        open = false;
+        element.hidden = true;
+        toggle.setAttribute('aria-pressed', 'false');
+    };
+    modes.addEventListener('click', onMode);
+    function render() {
+        const page = designer.getPage();
+        const words = (0, translations_1.wordsOf)(page).length;
+        const languages = (0, translations_1.languagesOf)(page).length;
+        const language = (0, translations_1.pageLanguage)(page);
+        // The sentence as the words have it, the page's language picked where it names it.
+        const [before, rest = ''] = w.note(words, languages).split('{language}');
+        count.textContent = before;
+        // The common languages by name, and the page's own when it is not one of them.
+        const offered = [...new Set([language, ...Object.keys(translations_1.COMMON_LANGUAGES)])].sort((a, b) => nameOf(a).localeCompare(nameOf(b), designer.locale ?? undefined));
+        if ([...own.options].map((o) => o.value).join() !== offered.join())
+            own.replaceChildren(...offered.map((tag) => el('option', { value: tag }, nameOf(tag))));
+        own.value = language;
+        after.textContent = rest;
+        only.hidden = !languages;
+        grid.update(page);
+    }
+    const leave = designer.subscribe((state) => {
+        if (!open)
+            return;
+        // Something picked on the page: back to the editor, where it is.
+        if (state.selected !== null)
+            return show(false);
+        render();
+    });
+    return {
+        element,
+        get open() {
+            return open;
+        },
+        items() {
+            const addOne = { label: w.addLanguage, hint: w.title, run: () => (show(true), addInput.focus()) };
+            // Try it in each language the page keeps: Try it, then the language picked there.
+            const tries = (0, translations_1.languagesOf)(designer.getPage()).map((tag) => ({
+                label: w.tryIn(nameOf(tag)),
+                hint: said.tryIt.tryIt,
+                run() {
+                    modeButton('try')?.click();
+                    const picker = root.querySelector('.fd-try-language select');
+                    if (!picker)
+                        return;
+                    picker.value = tag;
+                    picker.dispatchEvent(new Event('change', { bubbles: true }));
+                },
+            }));
+            if (!open)
+                return [{ label: w.title, hint: w.pageWordsElsewhere, run: () => show(true) }, addOne, ...tries];
+            return [
+                { label: said.tryIt.backToDesigning, hint: said.tryIt.design, run: () => show(false) },
+                addOne,
+                { label: w.onlyMissing, hint: w.title, run: () => onlySwitch.click() },
+                { label: w.copyCsv, hint: w.title, run: () => copy.click() },
+                { label: w.pasteCsv, hint: w.title, run: () => paste.click() },
+                ...(0, translations_1.languagesOf)(designer.getPage()).map((tag) => ({ label: w.remove(nameOf(tag)), hint: w.title, run: () => askRemove(tag) })),
+                ...tries,
+            ];
+        },
+        destroy() {
+            leave();
+            modes.removeEventListener('click', onMode);
+            toggle.remove();
+            element.remove();
+        },
+    };
+}
+//# sourceMappingURL=translations-view.js.map

package/src/lib/translations-view.js.map

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