@fieldia/widgets 0.9.2 → 0.10.0

package/src/lib/files.mjs

@@ -1,70 +1,90 @@
-import { formatBytes } from '@fieldia/core';
-import { WIDGET_LABELS } from './labels.mjs';
-/**
- * File and image fields. A chosen or dropped file is read into the value as
- * base64, the way a backend's binary fields carry it; a stored one may carry
- * a `url` instead. Size and type limits are checked by the field's validation.
- */
-function read(file) {
-    return new Promise((resolve, reject) => {
-        const reader = new FileReader();
-        reader.onload = () => {
-            const url = String(reader.result ?? '');
-            resolve({ name: file.name, type: file.type, size: file.size, data: url.slice(url.indexOf(',') + 1) });
-        };
-        reader.onerror = () => reject(reader.error);
-        reader.readAsDataURL(file);
-    });
+import { describeTypes, fileProblem, fill, formatBytes, MESSAGES } from '@fieldia/core';
+import { keepTabIn } from './focus-trap.mjs';
+import { askFirst, describeState, maker, rightToLeft, setHidden, setText, wordsFor } from './kind-parts.mjs';
+export const readFile = (file) => new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = () => {
+        const url = String(reader.result ?? '');
+        resolve({ name: file.name, type: file.type, size: file.size, data: url.slice(url.indexOf(',') + 1) });
+    };
+    reader.onerror = () => reject(reader.error);
+    reader.readAsDataURL(file);
+});
+const extension = (name) => (/\.(\w{1,5})$/.exec(name)?.[1] ?? '').toUpperCase();
+/** What a file is, for its icon and its preview: by its media type, else its extension. */
+function kindOf(file) {
+    const of = `${file.type} ${extension(file.name)}`.toLowerCase();
+    return /^image\//.test(of) ? 'image' : /pdf/.test(of) ? 'pdf' : /sheet|excel|csv|xlsx?$|ods$/.test(of) ? 'sheet' : /zip|rar|7z|tar|gz/.test(of) ? 'zip' : /word|opendocument|^text|docx?$|odt$|rtf$/.test(of) ? 'doc' : 'file';
 }
+const asText = (file) => /^text\/|json|xml|csv/.test(file.type);
+/** Where a file's picture is: its data, or where it is stored. */
+const source = (file) => (file.data ? `data:${file.type};base64,${file.data}` : (file.url ?? ''));
+const bytes = (data) => Uint8Array.from(atob(data), (c) => c.charCodeAt(0));
+const icon = (make, file) => make('span', { class: 'fd-file-icon', 'data-kind': kindOf(file), 'aria-hidden': 'true' }, extension(file.name) || '?');
+/** A name cut in the middle where it must be: its start may end in an ellipsis, its last characters — the extension — stay. */
+const named = (make, name) => make('span', { class: 'fd-file-name', dir: 'auto', title: name }, make('span', {}, name.slice(0, -9)), name.slice(-9));
 function fileWidget(kind) {
-    return ({ form, name, field, id, document, labels = WIDGET_LABELS.en }) => {
-        const element = document.createElement('div');
-        element.className = `fd-file fd-file-${kind}`;
-        const input = document.createElement('input');
-        input.type = 'file';
-        input.id = id;
-        input.className = 'fd-sr-only';
-        const accept = field.type === 'binary' ? field.accept : kind === 'image' ? ['image/*'] : undefined;
-        if (accept)
-            input.accept = accept.join(',');
-        const preview = document.createElement('img');
-        preview.className = 'fd-image-preview';
-        preview.alt = field.label;
-        preview.hidden = true;
-        const pick = document.createElement('label');
-        pick.className = kind === 'image' ? 'fd-file-pick fd-image-pick' : 'fd-file-pick';
-        pick.htmlFor = id;
-        const pickText = document.createElement('span');
-        pickText.className = 'fd-button';
-        pickText.textContent = kind === 'image' ? labels.uploadImage : labels.upload;
-        const hint = document.createElement('span');
-        hint.className = 'fd-help';
-        hint.textContent = labels.dropHere;
-        pick.append(pickText, hint);
-        const chosen = document.createElement('div');
-        chosen.className = 'fd-file-chosen';
-        const fileName = document.createElement('span');
-        fileName.className = 'fd-file-name';
-        const replace = document.createElement('button');
-        replace.type = 'button';
-        replace.className = 'fd-button fd-button-link';
-        replace.textContent = labels.replace;
+    return ({ form, name, field: def, node, id, document: doc, labels, locale = 'en' }) => {
+        const field = def;
+        const words = wordsFor(labels, locale);
+        const messages = MESSAGES[locale] ?? MESSAGES.en;
+        const make = maker(doc);
+        const several = field.multiple === true;
+        const most = several ? (field.maxFiles ?? Infinity) : 1;
+        const image = kind === 'image';
+        const thumbs = (node.options?.['files'] ?? (image ? 'thumbnails' : 'list')) === 'thumbnails';
+        const camera = node.options?.['camera'];
+        const accept = field.type === 'binary' ? field.accept : ['image/*'];
+        const element = make('div', { class: `fd-file fd-file-${kind} fd-files-${thumbs ? 'thumbs' : 'list'}` });
+        const input = make('input', { type: 'file', id, class: 'fd-sr-only', accept: accept?.join(','), capture: camera ? (camera === 'user' ? 'user' : 'environment') : undefined });
+        input.multiple = several;
+        // The limits, said before anyone tries.
+        const limits = [
+            !image && accept ? describeTypes(accept, messages.or) : '',
+            field.maxSize ? fill(several ? words.upToEach : words.upToSize, { size: formatBytes(field.maxSize) }) : '',
+            several && field.maxFiles ? fill(words.upToFiles, { max: field.maxFiles }) : '',
+        ].filter(Boolean);
+        // A tile among the thumbnails, a drop zone over the list.
+        const pick = make('label', { class: `fd-file-pick${thumbs ? ' fd-image-pick' : ''}`, for: id }, make('span', { class: 'fd-button' }, several ? (image ? words.addPhotos : words.addFiles) : image ? words.uploadImage : words.upload), make('span', { class: 'fd-help' }, several ? words.dropThem : words.dropHere));
+        const limited = make('span', { class: 'fd-help fd-file-limits' }, limits.join(' · '));
+        const count = several ? make('span', { class: 'fd-help fd-file-count' }) : null;
+        const list = make('ul', { class: 'fd-files', role: 'list' });
+        const replace = make('button', { type: 'button', class: 'fd-button fd-button-link' }, words.replace);
         replace.addEventListener('click', () => input.click());
-        const remove = document.createElement('button');
-        remove.type = 'button';
-        remove.className = 'fd-button fd-button-link';
-        remove.textContent = labels.removeFile;
-        remove.addEventListener('click', () => form.setValue(name, null));
-        chosen.append(fileName, replace, remove);
-        element.append(input, ...(kind === 'image' ? [preview] : []), pick, chosen);
+        // Removing asks first, in place: "Remove report.pdf?  Remove · Keep".
+        const confirm = askFirst(make, words);
+        // Why files were not added, and one removed: said politely, and shown.
+        const note = make('div', { class: 'fd-help fd-file-note', role: 'status' });
+        element.append(input, pick, ...(limits.length ? [limited] : []), ...(count ? [count] : []), list, replace, confirm.element, note);
         let readonly = false;
-        const take = async (file) => {
-            if (!file || readonly)
+        let files = [];
+        let shown;
+        const say = (lines) => note.replaceChildren(...lines.map((line) => make('div', {}, line)));
+        const take = async (chosen) => {
+            if (readonly || !chosen.length)
                 return;
-            form.setValue(name, await read(file));
+            const kept = [];
+            const lines = [];
+            let over = 0;
+            for (const file of chosen) {
+                const problem = fileProblem(field, file, messages) ?? (several && [...files, ...kept].some((f) => f.name === file.name) ? fill(words.alreadyAdded, { name: file.name }) : undefined);
+                if (problem)
+                    lines.push(problem);
+                else if ((several ? files.length : 0) + kept.length < most)
+                    kept.push(file);
+                else
+                    over++;
+            }
+            if (over && several)
+                lines.push(fill(words.tooMany, { max: most, n: over }));
+            say(lines);
+            if (!kept.length)
+                return;
+            const added = await Promise.all(kept.map(readFile));
+            form.setValue(name, several ? [...files, ...added] : added[0]);
         };
         input.addEventListener('change', () => {
-            void take(input.files?.[0]);
+            void take([...(input.files ?? [])]);
             input.value = '';
         });
         element.addEventListener('dragover', (event) => {
@@ -77,32 +97,111 @@ function fileWidget(kind) {
         element.addEventListener('drop', (event) => {
             event.preventDefault();
             element.classList.remove('fd-dragging');
-            void take(event.dataTransfer?.files?.[0]);
+            void take([...(event.dataTransfer?.files ?? [])]);
         });
+        list.addEventListener('click', (event) => {
+            const button = event.target.closest('button');
+            const at = Number(button?.dataset['at']);
+            if (!button)
+                return;
+            if (button.classList.contains('fd-file-open'))
+                return view(at, button);
+            confirm.ask(fill(words.removeAsk, { name: files[at].name }), (remove) => {
+                const gone = files[at];
+                if (remove) {
+                    form.setValue(name, several ? files.filter((_, i) => i !== at) : null);
+                    say([fill(words.removed, { name: gone.name })]);
+                }
+                (list.querySelectorAll('.fd-file-remove')[remove ? Math.min(at, files.length - 1) : at] ?? (pick.hidden ? replace : input)).focus();
+            });
+        });
+        /** A file open in a dialog, the arrows and Previous and Next going through them all. */
+        function view(at, opener) {
+            const all = files;
+            let url = '';
+            const title = make('h2', { id: `${id}-view`, class: 'fd-form-dialog-title' });
+            const meta = make('span', { class: 'fd-help' });
+            const step = (by, words, arrow) => {
+                const button = make('button', { type: 'button', class: 'fd-button fd-file-step', 'aria-label': words }, arrow);
+                button.hidden = all.length < 2;
+                button.addEventListener('click', () => show(at + by));
+                return button;
+            };
+            const download = make('a', { class: 'fd-button' }, words.download);
+            const close = make('button', { type: 'button', class: 'fd-dialog-close', 'aria-label': words.close }, '×');
+            const body = make('div', { class: 'fd-file-viewer-body' });
+            const box = make('div', 
+            // A page's dialog, as the viewer's are.
+            { class: 'fd-form-dialog fd-file-viewer', role: 'dialog', 'aria-modal': 'true', 'aria-labelledby': title.id, tabindex: '-1' }, make('div', { class: 'fd-form-dialog-head' }, title, meta, step(-1, words.previous, '‹'), step(1, words.next, '›'), download, close), body);
+            const backdrop = make('div', { class: 'fd-dialog-backdrop' }, box);
+            const free = () => url.startsWith('blob:') && URL.revokeObjectURL(url);
+            const none = (file) => make('div', { class: 'fd-file-none' }, icon(make, file), make('strong', {}, file.name), formatBytes(file.size), make('p', {}, words.noPreview));
+            function show(to) {
+                at = (to + all.length) % all.length;
+                const file = all[at];
+                free();
+                const data = file.data ? bytes(file.data) : null;
+                url = data ? URL.createObjectURL(new Blob([data], { type: file.type })) : (file.url ?? '');
+                title.textContent = file.name;
+                meta.replaceChildren(make('span', { class: 'fd-file-size' }, formatBytes(file.size)), all.length > 1 ? ` · ${fill(words.fileAt, { n: at + 1, total: all.length })}` : '');
+                download.href = url;
+                download.download = file.name;
+                const kind = kindOf(file);
+                if (kind === 'image')
+                    return body.replaceChildren(make('img', { src: url, alt: file.name }));
+                if (kind === 'pdf')
+                    return body.replaceChildren(make('iframe', { src: url, title: file.name }));
+                if (!asText(file))
+                    return body.replaceChildren(none(file));
+                const pre = make('pre', { tabindex: '0' });
+                body.replaceChildren(pre);
+                // The first 200 KB: enough to see what it is.
+                (data ? Promise.resolve(new TextDecoder().decode(data.subarray(0, 2e5))) : fetch(url).then((r) => r.text())).then((words) => (pre.textContent = words.slice(0, 2e5)), () => pre.replaceWith(none(file)));
+            }
+            const done = () => {
+                free();
+                backdrop.remove();
+                (opener.isConnected ? opener : list.querySelectorAll('.fd-file-open')[at])?.focus();
+            };
+            close.addEventListener('click', done);
+            backdrop.addEventListener('click', (event) => event.target === backdrop && done());
+            box.addEventListener('keydown', (event) => {
+                const by = { ArrowLeft: -1, ArrowRight: 1 }[event.key];
+                if (event.key === 'Escape')
+                    done();
+                else if (by && all.length > 1 && event.target.tagName !== 'PRE')
+                    show(at + (rightToLeft(element) ? -by : by));
+                else
+                    keepTabIn(box, event);
+            });
+            show(at);
+            // Over the page, wearing the form's skin, scheme and direction.
+            (element.closest('.fd-form') ?? doc.body).append(backdrop);
+            box.focus();
+        }
         return {
             element,
-            focus: () => (pick.hidden ? replace : input).focus(),
+            focus: () => (list.querySelector('button') ?? (pick.hidden ? replace : input)).focus(),
             update(state) {
                 readonly = state.readonly;
-                const file = state.value;
-                pick.hidden = !!file || readonly;
-                chosen.hidden = !file;
-                replace.hidden = remove.hidden = readonly;
+                const value = state.value;
+                files = Array.isArray(value) ? value : value ? [value] : [];
+                const full = files.length >= most;
+                setHidden(pick, full || readonly);
+                setHidden(limited, readonly);
                 input.disabled = readonly;
-                input.setAttribute('aria-invalid', String(state.invalid));
-                if (state.describedBy)
-                    input.setAttribute('aria-describedby', state.describedBy);
-                fileName.textContent = file ? `${file.name} · ${formatBytes(file.size)}` : '';
-                if (kind === 'image') {
-                    const src = file ? (file.data ? `data:${file.type};base64,${file.data}` : file.url ?? '') : '';
-                    preview.hidden = !src;
-                    if (preview.getAttribute('src') !== src) {
-                        if (src)
-                            preview.src = src;
-                        else
-                            preview.removeAttribute('src');
-                    }
-                }
+                input.hidden = pick.hidden;
+                setHidden(replace, several || !files.length || readonly);
+                if (count)
+                    setText(count, !files.length ? '' : several && field.maxFiles ? fill(words.fileCountOf, { n: files.length, max: field.maxFiles }) : files.length === 1 ? words.oneFile : fill(words.fileCount, { n: files.length }));
+                describeState(input, state);
+                if (shown === value && list.dataset['readonly'] === String(readonly))
+                    return;
+                shown = value;
+                list.dataset['readonly'] = String(readonly);
+                list.replaceChildren(...files.map((file, at) => make('li', { class: 'fd-file-item' }, make('button', 
+                // Named whole: the name's two parts would be read as two words.
+                { type: 'button', class: 'fd-file-open', 'data-at': String(at), 'aria-haspopup': 'dialog', 'aria-label': `${file.name}, ${formatBytes(file.size)}` }, kindOf(file) === 'image' && source(file) ? make('img', { class: 'fd-file-thumb', src: source(file), alt: '' }) : icon(make, file), named(make, file.name), make('span', { class: 'fd-file-size' }, formatBytes(file.size))), ...(readonly ? [] : [make('button', { type: 'button', class: 'fd-file-remove', 'data-at': String(at), 'aria-label': fill(words.remove, { name: file.name }) }, '×')]))));
             },
         };
     };

package/src/lib/files.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"files.mjs","sourceRoot":"","sources":["../../../../../libs/widgets/src/lib/files.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAkB,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAGzC;;;;GAIG;AAEH,SAAS,IAAI,CAAC,IAAU;IACtB,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACrC,MAAM,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;QAChC,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE;YACnB,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC;YACxC,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;QACxG,CAAC,CAAC;QACF,MAAM,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC5C,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAS,UAAU,CAAC,IAAwB;IAC1C,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,GAAG,aAAa,CAAC,EAAE,EAAE,EAAE,EAAE;QACxE,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CAAC,SAAS,GAAG,mBAAmB,IAAI,EAAE,CAAC;QAC9C,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC9C,KAAK,CAAC,IAAI,GAAG,MAAM,CAAC;QACpB,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;QACd,KAAK,CAAC,SAAS,GAAG,YAAY,CAAC;QAC/B,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACnG,IAAI,MAAM;YAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAE5C,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CAAC,SAAS,GAAG,kBAAkB,CAAC;QACvC,OAAO,CAAC,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC;QAC1B,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;QAEtB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC7C,IAAI,CAAC,SAAS,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,cAAc,CAAC;QAClF,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAChD,QAAQ,CAAC,SAAS,GAAG,WAAW,CAAC;QACjC,QAAQ,CAAC,WAAW,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;QAC7E,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC5C,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC;QACnC,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;QAE5B,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC7C,MAAM,CAAC,SAAS,GAAG,gBAAgB,CAAC;QACpC,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAChD,QAAQ,CAAC,SAAS,GAAG,cAAc,CAAC;QACpC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACjD,OAAO,CAAC,IAAI,GAAG,QAAQ,CAAC;QACxB,OAAO,CAAC,SAAS,GAAG,0BAA0B,CAAC;QAC/C,OAAO,CAAC,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC;QACrC,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;QACvD,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;QACvB,MAAM,CAAC,SAAS,GAAG,0BAA0B,CAAC;QAC9C,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;QACvC,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;QAClE,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;QAEzC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;QAE5E,IAAI,QAAQ,GAAG,KAAK,CAAC;QACrB,MAAM,IAAI,GAAG,KAAK,EAAE,IAAsB,EAAE,EAAE;YAC5C,IAAI,CAAC,IAAI,IAAI,QAAQ;gBAAE,OAAO;YAC9B,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACxC,CAAC,CAAC;QACF,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;YACpC,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YAC5B,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;QACnB,CAAC,CAAC,CAAC;QACH,OAAO,CAAC,gBAAgB,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE;YAC7C,IAAI,QAAQ;gBAAE,OAAO;YACrB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QACvC,CAAC,CAAC,CAAC;QACH,OAAO,CAAC,gBAAgB,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC;QACrF,OAAO,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;YACzC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;YACxC,KAAK,IAAI,CAAE,KAAmB,CAAC,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,OAAO;YACL,OAAO;YACP,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE;YACpD,MAAM,CAAC,KAAK;gBACV,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;gBAC1B,MAAM,IAAI,GAAG,KAAK,CAAC,KAAqC,CAAC;gBACzD,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,IAAI,QAAQ,CAAC;gBACjC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC;gBACtB,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,GAAG,QAAQ,CAAC;gBAC1C,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;gBAC1B,KAAK,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC1D,IAAI,KAAK,CAAC,WAAW;oBAAE,KAAK,CAAC,YAAY,CAAC,kBAAkB,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;gBACjF,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,MAAM,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;gBAC9E,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;oBACrB,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,IAAI,WAAW,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;oBAC/F,OAAO,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC;oBACtB,IAAI,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;wBACxC,IAAI,GAAG;4BAAE,OAAO,CAAC,GAAG,GAAG,GAAG,CAAC;;4BACtB,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;oBACtC,CAAC;gBACH,CAAC;YACH,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;AACjD,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC"}
+{"version":3,"file":"files.mjs","sourceRoot":"","sources":["../../../../../libs/widgets/src/lib/files.ts"],"names":[],"mappings":"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"}

package/src/lib/focus-trap.d.mts

@@ -0,0 +1,7 @@
+/**
+ * Keep Tab inside a modal dialog (WCAG 2.4.3, and what aria-modal promises):
+ * past its last stop Tab goes round to the first, and Shift+Tab before the
+ * first goes to the last. Call it from the dialog's keydown; it does nothing
+ * for any other key.
+ */
+export declare function keepTabIn(box: HTMLElement, event: KeyboardEvent): void;

package/src/lib/focus-trap.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Keep Tab inside a modal dialog (WCAG 2.4.3, and what aria-modal promises):
+ * past its last stop Tab goes round to the first, and Shift+Tab before the
+ * first goes to the last. Call it from the dialog's keydown; it does nothing
+ * for any other key.
+ */
+export declare function keepTabIn(box: HTMLElement, event: KeyboardEvent): void;

package/src/lib/focus-trap.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.keepTabIn = keepTabIn;
+/** What Tab can reach in a box. */
+const FOCUSABLE = 'a[href], button, input:not([type="hidden"]), select, textarea, [tabindex]:not([tabindex="-1"]), [contenteditable="true"]';
+/**
+ * Keep Tab inside a modal dialog (WCAG 2.4.3, and what aria-modal promises):
+ * past its last stop Tab goes round to the first, and Shift+Tab before the
+ * first goes to the last. Call it from the dialog's keydown; it does nothing
+ * for any other key.
+ */
+function keepTabIn(box, event) {
+    if (event.key !== 'Tab')
+        return;
+    const all = [...box.querySelectorAll(FOCUSABLE)].filter((e) => !e.closest('[hidden], [inert]') && !e.disabled);
+    if (!all.length)
+        return;
+    const first = all[0];
+    const last = all[all.length - 1];
+    const at = box.ownerDocument.activeElement;
+    if (event.shiftKey ? at === first || !box.contains(at) : at === last) {
+        event.preventDefault();
+        (event.shiftKey ? last : first).focus();
+    }
+}
+//# sourceMappingURL=focus-trap.js.map

package/src/lib/focus-trap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-trap.js","sourceRoot":"","sources":["../../../../../libs/widgets/src/lib/focus-trap.ts"],"names":[],"mappings":";;AASA,8BAWC;AApBD,mCAAmC;AACnC,MAAM,SAAS,GAAG,0HAA0H,CAAC;AAE7I;;;;;GAKG;AACH,SAAgB,SAAS,CAAC,GAAgB,EAAE,KAAoB;IAC9D,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK;QAAE,OAAO;IAChC,MAAM,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,gBAAgB,CAAc,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAC,IAAI,CAAE,CAAuB,CAAC,QAAQ,CAAC,CAAC;IACnJ,IAAI,CAAC,GAAG,CAAC,MAAM;QAAE,OAAO;IACxB,MAAM,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;IACrB,MAAM,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACjC,MAAM,EAAE,GAAG,GAAG,CAAC,aAAa,CAAC,aAAa,CAAC;IAC3C,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC;QACrE,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC;IAC1C,CAAC;AACH,CAAC"}

package/src/lib/focus-trap.mjs

@@ -0,0 +1,23 @@
+/** What Tab can reach in a box. */
+const FOCUSABLE = 'a[href], button, input:not([type="hidden"]), select, textarea, [tabindex]:not([tabindex="-1"]), [contenteditable="true"]';
+/**
+ * Keep Tab inside a modal dialog (WCAG 2.4.3, and what aria-modal promises):
+ * past its last stop Tab goes round to the first, and Shift+Tab before the
+ * first goes to the last. Call it from the dialog's keydown; it does nothing
+ * for any other key.
+ */
+export function keepTabIn(box, event) {
+    if (event.key !== 'Tab')
+        return;
+    const all = [...box.querySelectorAll(FOCUSABLE)].filter((e) => !e.closest('[hidden], [inert]') && !e.disabled);
+    if (!all.length)
+        return;
+    const first = all[0];
+    const last = all[all.length - 1];
+    const at = box.ownerDocument.activeElement;
+    if (event.shiftKey ? at === first || !box.contains(at) : at === last) {
+        event.preventDefault();
+        (event.shiftKey ? last : first).focus();
+    }
+}
+//# sourceMappingURL=focus-trap.mjs.map

package/src/lib/focus-trap.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-trap.mjs","sourceRoot":"","sources":["../../../../../libs/widgets/src/lib/focus-trap.ts"],"names":[],"mappings":"AAAA,mCAAmC;AACnC,MAAM,SAAS,GAAG,0HAA0H,CAAC;AAE7I;;;;;GAKG;AACH,MAAM,UAAU,SAAS,CAAC,GAAgB,EAAE,KAAoB;IAC9D,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK;QAAE,OAAO;IAChC,MAAM,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,gBAAgB,CAAc,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAC,IAAI,CAAE,CAAuB,CAAC,QAAQ,CAAC,CAAC;IACnJ,IAAI,CAAC,GAAG,CAAC,MAAM;QAAE,OAAO;IACxB,MAAM,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;IACrB,MAAM,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACjC,MAAM,EAAE,GAAG,GAAG,CAAC,aAAa,CAAC,aAAa,CAAC;IAC3C,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC;QACrE,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC;IAC1C,CAAC;AACH,CAAC"}

package/src/lib/icons.js

@@ -35,6 +35,7 @@ exports.ICONS = {
     search: '<circle cx="11" cy="11" r="6.5"/><path d="M16 16l5 5"/>',
     filter: '<path d="M3 5h18l-7 8.5V20l-4-2v-4.5z"/>',
     layers: '<path d="M12 3l9 5-9 5-9-5z"/><path d="M3 13l9 5 9-5"/>',
+    thumb: '<path d="M7 21V10l4-8c1.6 0 2.6 1.3 2.2 3L12.5 9H19a2 2 0 0 1 2 2.3l-1.3 7.6a2.5 2.5 0 0 1-2.5 2.1H7zM7 10H3v11h4"/>',
 };
 /** An icon by name, the app's own first and then Fieldia's; null for a name neither has. */
 function drawIcon(doc, name, own) {

package/src/lib/icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../../libs/widgets/src/lib/icons.ts"],"names":[],"mappings":";;;AA6CA,4BAoBC;AAzDD,MAAM,GAAG,GAAG,4BAA4B,CAAC;AAE5B,QAAA,KAAK,GAAY;IAC5B,IAAI,EAAE,uEAAuE;IAC7E,KAAK,EAAE,wJAAwJ;IAC/J,QAAQ,EAAE,uGAAuG;IACjH,IAAI,EAAE,8EAA8E;IACpF,KAAK,EAAE,uEAAuE;IAC9E,IAAI,EAAE,2EAA2E;IACjF,GAAG,EAAE,gGAAgG;IACrG,KAAK,EAAE,oGAAoG;IAC3G,QAAQ,EAAE,oFAAoF;IAC9F,KAAK,EAAE,wDAAwD;IAC/D,KAAK,EAAE,gHAAgH;IACvH,IAAI,EAAE,4GAA4G;IAClH,GAAG,EAAE,kFAAkF;IACvF,KAAK,EAAE,qHAAqH;IAC5H,OAAO,EAAE,mEAAmE;IAC5E,IAAI,EAAE,iEAAiE;IACvE,IAAI,EAAE,8DAA8D;IACpE,GAAG,EAAE,mEAAmE;IACxE,IAAI,EAAE,mFAAmF;IACzF,IAAI,EAAE,uFAAuF;IAC7F,KAAK,EAAE,oCAAoC;IAC3C,IAAI,EAAE,8DAA8D;IACpE,OAAO,EAAE,wDAAwD;IACjE,QAAQ,EAAE,qJAAqJ;IAC/J,KAAK,EAAE,+CAA+C;IACtD,IAAI,EAAE,4HAA4H;IAClI,IAAI,EAAE,yDAAyD;IAC/D,IAAI,EAAE,gCAAgC;IACtC,MAAM,EAAE,yDAAyD;IACjE,MAAM,EAAE,0CAA0C;IAClD,MAAM,EAAE,yDAAyD;CAClE,CAAC;AAEF,4FAA4F;AAC5F,SAAgB,QAAQ,CAAC,GAAa,EAAE,IAAwB,EAAE,GAAa;IAC7E,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,aAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC7D,IAAI,MAAM,KAAK,SAAS;QAAE,OAAO,IAAI,CAAC;IACtC,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAC5C,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC;QACxC,OAAO,EAAE,WAAW;QACpB,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,cAAc;QACtB,cAAc,EAAE,KAAK;QACrB,gBAAgB,EAAE,OAAO;QACzB,iBAAiB,EAAE,OAAO;QAC1B,aAAa,EAAE,MAAM;QACrB,SAAS,EAAE,OAAO;QAClB,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,IAAc;KAC5B,CAAC,EAAE,CAAC;QACH,GAAG,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAC/B,CAAC;IACD,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC;IACvB,OAAO,GAAG,CAAC;AACb,CAAC"}
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../../libs/widgets/src/lib/icons.ts"],"names":[],"mappings":";;;AA8CA,4BAoBC;AA1DD,MAAM,GAAG,GAAG,4BAA4B,CAAC;AAE5B,QAAA,KAAK,GAAY;IAC5B,IAAI,EAAE,uEAAuE;IAC7E,KAAK,EAAE,wJAAwJ;IAC/J,QAAQ,EAAE,uGAAuG;IACjH,IAAI,EAAE,8EAA8E;IACpF,KAAK,EAAE,uEAAuE;IAC9E,IAAI,EAAE,2EAA2E;IACjF,GAAG,EAAE,gGAAgG;IACrG,KAAK,EAAE,oGAAoG;IAC3G,QAAQ,EAAE,oFAAoF;IAC9F,KAAK,EAAE,wDAAwD;IAC/D,KAAK,EAAE,gHAAgH;IACvH,IAAI,EAAE,4GAA4G;IAClH,GAAG,EAAE,kFAAkF;IACvF,KAAK,EAAE,qHAAqH;IAC5H,OAAO,EAAE,mEAAmE;IAC5E,IAAI,EAAE,iEAAiE;IACvE,IAAI,EAAE,8DAA8D;IACpE,GAAG,EAAE,mEAAmE;IACxE,IAAI,EAAE,mFAAmF;IACzF,IAAI,EAAE,uFAAuF;IAC7F,KAAK,EAAE,oCAAoC;IAC3C,IAAI,EAAE,8DAA8D;IACpE,OAAO,EAAE,wDAAwD;IACjE,QAAQ,EAAE,qJAAqJ;IAC/J,KAAK,EAAE,+CAA+C;IACtD,IAAI,EAAE,4HAA4H;IAClI,IAAI,EAAE,yDAAyD;IAC/D,IAAI,EAAE,gCAAgC;IACtC,MAAM,EAAE,yDAAyD;IACjE,MAAM,EAAE,0CAA0C;IAClD,MAAM,EAAE,yDAAyD;IACjE,KAAK,EAAE,sHAAsH;CAC9H,CAAC;AAEF,4FAA4F;AAC5F,SAAgB,QAAQ,CAAC,GAAa,EAAE,IAAwB,EAAE,GAAa;IAC7E,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,aAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC7D,IAAI,MAAM,KAAK,SAAS;QAAE,OAAO,IAAI,CAAC;IACtC,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAC5C,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC;QACxC,OAAO,EAAE,WAAW;QACpB,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,cAAc;QACtB,cAAc,EAAE,KAAK;QACrB,gBAAgB,EAAE,OAAO;QACzB,iBAAiB,EAAE,OAAO;QAC1B,aAAa,EAAE,MAAM;QACrB,SAAS,EAAE,OAAO;QAClB,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,IAAc;KAC5B,CAAC,EAAE,CAAC;QACH,GAAG,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAC/B,CAAC;IACD,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC;IACvB,OAAO,GAAG,CAAC;AACb,CAAC"}

package/src/lib/icons.mjs

@@ -31,6 +31,7 @@ export const ICONS = {
     search: '<circle cx="11" cy="11" r="6.5"/><path d="M16 16l5 5"/>',
     filter: '<path d="M3 5h18l-7 8.5V20l-4-2v-4.5z"/>',
     layers: '<path d="M12 3l9 5-9 5-9-5z"/><path d="M3 13l9 5 9-5"/>',
+    thumb: '<path d="M7 21V10l4-8c1.6 0 2.6 1.3 2.2 3L12.5 9H19a2 2 0 0 1 2 2.3l-1.3 7.6a2.5 2.5 0 0 1-2.5 2.1H7zM7 10H3v11h4"/>',
 };
 /** An icon by name, the app's own first and then Fieldia's; null for a name neither has. */
 export function drawIcon(doc, name, own) {

package/src/lib/icons.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"icons.mjs","sourceRoot":"","sources":["../../../../../libs/widgets/src/lib/icons.ts"],"names":[],"mappings":"AAQA,MAAM,GAAG,GAAG,4BAA4B,CAAC;AAEzC,MAAM,CAAC,MAAM,KAAK,GAAY;IAC5B,IAAI,EAAE,uEAAuE;IAC7E,KAAK,EAAE,wJAAwJ;IAC/J,QAAQ,EAAE,uGAAuG;IACjH,IAAI,EAAE,8EAA8E;IACpF,KAAK,EAAE,uEAAuE;IAC9E,IAAI,EAAE,2EAA2E;IACjF,GAAG,EAAE,gGAAgG;IACrG,KAAK,EAAE,oGAAoG;IAC3G,QAAQ,EAAE,oFAAoF;IAC9F,KAAK,EAAE,wDAAwD;IAC/D,KAAK,EAAE,gHAAgH;IACvH,IAAI,EAAE,4GAA4G;IAClH,GAAG,EAAE,kFAAkF;IACvF,KAAK,EAAE,qHAAqH;IAC5H,OAAO,EAAE,mEAAmE;IAC5E,IAAI,EAAE,iEAAiE;IACvE,IAAI,EAAE,8DAA8D;IACpE,GAAG,EAAE,mEAAmE;IACxE,IAAI,EAAE,mFAAmF;IACzF,IAAI,EAAE,uFAAuF;IAC7F,KAAK,EAAE,oCAAoC;IAC3C,IAAI,EAAE,8DAA8D;IACpE,OAAO,EAAE,wDAAwD;IACjE,QAAQ,EAAE,qJAAqJ;IAC/J,KAAK,EAAE,+CAA+C;IACtD,IAAI,EAAE,4HAA4H;IAClI,IAAI,EAAE,yDAAyD;IAC/D,IAAI,EAAE,gCAAgC;IACtC,MAAM,EAAE,yDAAyD;IACjE,MAAM,EAAE,0CAA0C;IAClD,MAAM,EAAE,yDAAyD;CAClE,CAAC;AAEF,4FAA4F;AAC5F,MAAM,UAAU,QAAQ,CAAC,GAAa,EAAE,IAAwB,EAAE,GAAa;IAC7E,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC7D,IAAI,MAAM,KAAK,SAAS;QAAE,OAAO,IAAI,CAAC;IACtC,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAC5C,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC;QACxC,OAAO,EAAE,WAAW;QACpB,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,cAAc;QACtB,cAAc,EAAE,KAAK;QACrB,gBAAgB,EAAE,OAAO;QACzB,iBAAiB,EAAE,OAAO;QAC1B,aAAa,EAAE,MAAM;QACrB,SAAS,EAAE,OAAO;QAClB,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,IAAc;KAC5B,CAAC,EAAE,CAAC;QACH,GAAG,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAC/B,CAAC;IACD,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC;IACvB,OAAO,GAAG,CAAC;AACb,CAAC"}
+{"version":3,"file":"icons.mjs","sourceRoot":"","sources":["../../../../../libs/widgets/src/lib/icons.ts"],"names":[],"mappings":"AAQA,MAAM,GAAG,GAAG,4BAA4B,CAAC;AAEzC,MAAM,CAAC,MAAM,KAAK,GAAY;IAC5B,IAAI,EAAE,uEAAuE;IAC7E,KAAK,EAAE,wJAAwJ;IAC/J,QAAQ,EAAE,uGAAuG;IACjH,IAAI,EAAE,8EAA8E;IACpF,KAAK,EAAE,uEAAuE;IAC9E,IAAI,EAAE,2EAA2E;IACjF,GAAG,EAAE,gGAAgG;IACrG,KAAK,EAAE,oGAAoG;IAC3G,QAAQ,EAAE,oFAAoF;IAC9F,KAAK,EAAE,wDAAwD;IAC/D,KAAK,EAAE,gHAAgH;IACvH,IAAI,EAAE,4GAA4G;IAClH,GAAG,EAAE,kFAAkF;IACvF,KAAK,EAAE,qHAAqH;IAC5H,OAAO,EAAE,mEAAmE;IAC5E,IAAI,EAAE,iEAAiE;IACvE,IAAI,EAAE,8DAA8D;IACpE,GAAG,EAAE,mEAAmE;IACxE,IAAI,EAAE,mFAAmF;IACzF,IAAI,EAAE,uFAAuF;IAC7F,KAAK,EAAE,oCAAoC;IAC3C,IAAI,EAAE,8DAA8D;IACpE,OAAO,EAAE,wDAAwD;IACjE,QAAQ,EAAE,qJAAqJ;IAC/J,KAAK,EAAE,+CAA+C;IACtD,IAAI,EAAE,4HAA4H;IAClI,IAAI,EAAE,yDAAyD;IAC/D,IAAI,EAAE,gCAAgC;IACtC,MAAM,EAAE,yDAAyD;IACjE,MAAM,EAAE,0CAA0C;IAClD,MAAM,EAAE,yDAAyD;IACjE,KAAK,EAAE,sHAAsH;CAC9H,CAAC;AAEF,4FAA4F;AAC5F,MAAM,UAAU,QAAQ,CAAC,GAAa,EAAE,IAAwB,EAAE,GAAa;IAC7E,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC7D,IAAI,MAAM,KAAK,SAAS;QAAE,OAAO,IAAI,CAAC;IACtC,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAC5C,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC;QACxC,OAAO,EAAE,WAAW;QACpB,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,cAAc;QACtB,cAAc,EAAE,KAAK;QACrB,gBAAgB,EAAE,OAAO;QACzB,iBAAiB,EAAE,OAAO;QAC1B,aAAa,EAAE,MAAM;QACrB,SAAS,EAAE,OAAO;QAClB,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,IAAc;KAC5B,CAAC,EAAE,CAAC;QACH,GAAG,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAC/B,CAAC;IACD,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC;IACvB,OAAO,GAAG,CAAC;AACb,CAAC"}

package/src/lib/kind-parts.d.mts

@@ -0,0 +1,56 @@
+import type { Locale } from '@fieldia/core';
+import { type WidgetLabels } from './labels.mjs';
+import type { WidgetState } from './widgets.mjs';
+/**
+ * Small parts the question kinds share: making elements, their words, saying
+ * what is wrong with them, and a polite voice for screen readers.
+ */
+export type Make = <K extends keyof HTMLElementTagNameMap>(tag: K, attrs?: Record<string, string | undefined>, ...children: (Node | string)[]) => HTMLElementTagNameMap[K];
+/** An element with its attributes and children, in one call. */
+export declare function maker(document: Document): Make;
+/** The words a widget shows: the page's, its language's, or English (a language the one-tag script was not given). */
+export declare const wordsFor: (labels: WidgetLabels | undefined, locale: Locale | undefined) => WidgetLabels;
+/** `{name}` and the like filled in. */
+export declare const fillIn: (template: string, values: Record<string, string | number>) => string;
+/**
+ * An attribute set, or taken away with null, only when that changes it.
+ * Every field is brought up to date at each change of a form; writing what is
+ * there already still has the browser look at the page anew, which on a big
+ * page is most of the time a key takes.
+ */
+export declare function setAttr(element: Element, name: string, value: string | null): void;
+/** Shown or hidden, written only when that changes. */
+export declare function setHidden(element: HTMLElement, hidden: boolean): void;
+/** Words written only when they change: written again, they would be new words to lay out. */
+export declare function setText(element: Node, text: string): void;
+/** Whether the answer is wrong, and the help and error that describe it, on the element assistive technology reads. */
+export declare function describeState(element: HTMLElement, state: {
+    invalid: boolean;
+    describedBy?: string;
+}): void;
+/** Words said to screen readers when something moves or goes, without taking the focus. */
+export declare function announcer(make: Make): {
+    element: HTMLDivElement;
+    say(text: string): void;
+};
+/** Whether the element sits in a right-to-left page, where left is forward. */
+export declare const rightToLeft: (element: Element) => boolean;
+/**
+ * "Clear selection", as Google Forms has it: under a single choice that need not be answered, once something is
+ * picked — a radio, once picked, cannot be unpicked; nor can a slider, once slid.
+ */
+export declare function clearSelection(document: Document, words: WidgetLabels, clear: () => void): {
+    button: HTMLButtonElement;
+    /** Whether the answer may be left out: not required, and not read-only. */
+    allow(state: WidgetState): void;
+    show(picked: boolean): void;
+};
+/**
+ * Removing asks first, in place: "Remove report.pdf?  Remove · Keep", the
+ * focus on Keep, Escape keeping it. `ask` shows the question; `then` hears
+ * the answer, true to remove.
+ */
+export declare function askFirst(make: Make, words: WidgetLabels): {
+    element: HTMLDivElement;
+    ask(text: string, answer: (remove: boolean) => void): void;
+};

package/src/lib/kind-parts.d.ts

@@ -0,0 +1,56 @@
+import type { Locale } from '@fieldia/core';
+import { type WidgetLabels } from './labels';
+import type { WidgetState } from './widgets';
+/**
+ * Small parts the question kinds share: making elements, their words, saying
+ * what is wrong with them, and a polite voice for screen readers.
+ */
+export type Make = <K extends keyof HTMLElementTagNameMap>(tag: K, attrs?: Record<string, string | undefined>, ...children: (Node | string)[]) => HTMLElementTagNameMap[K];
+/** An element with its attributes and children, in one call. */
+export declare function maker(document: Document): Make;
+/** The words a widget shows: the page's, its language's, or English (a language the one-tag script was not given). */
+export declare const wordsFor: (labels: WidgetLabels | undefined, locale: Locale | undefined) => WidgetLabels;
+/** `{name}` and the like filled in. */
+export declare const fillIn: (template: string, values: Record<string, string | number>) => string;
+/**
+ * An attribute set, or taken away with null, only when that changes it.
+ * Every field is brought up to date at each change of a form; writing what is
+ * there already still has the browser look at the page anew, which on a big
+ * page is most of the time a key takes.
+ */
+export declare function setAttr(element: Element, name: string, value: string | null): void;
+/** Shown or hidden, written only when that changes. */
+export declare function setHidden(element: HTMLElement, hidden: boolean): void;
+/** Words written only when they change: written again, they would be new words to lay out. */
+export declare function setText(element: Node, text: string): void;
+/** Whether the answer is wrong, and the help and error that describe it, on the element assistive technology reads. */
+export declare function describeState(element: HTMLElement, state: {
+    invalid: boolean;
+    describedBy?: string;
+}): void;
+/** Words said to screen readers when something moves or goes, without taking the focus. */
+export declare function announcer(make: Make): {
+    element: HTMLDivElement;
+    say(text: string): void;
+};
+/** Whether the element sits in a right-to-left page, where left is forward. */
+export declare const rightToLeft: (element: Element) => boolean;
+/**
+ * "Clear selection", as Google Forms has it: under a single choice that need not be answered, once something is
+ * picked — a radio, once picked, cannot be unpicked; nor can a slider, once slid.
+ */
+export declare function clearSelection(document: Document, words: WidgetLabels, clear: () => void): {
+    button: HTMLButtonElement;
+    /** Whether the answer may be left out: not required, and not read-only. */
+    allow(state: WidgetState): void;
+    show(picked: boolean): void;
+};
+/**
+ * Removing asks first, in place: "Remove report.pdf?  Remove · Keep", the
+ * focus on Keep, Escape keeping it. `ask` shows the question; `then` hears
+ * the answer, true to remove.
+ */
+export declare function askFirst(make: Make, words: WidgetLabels): {
+    element: HTMLDivElement;
+    ask(text: string, answer: (remove: boolean) => void): void;
+};