@fieldia/designer 0.0.0-stage → 0.11.0

package/src/lib/icons.mjs

@@ -0,0 +1,87 @@
+import { appKindIcon } from './kinds.mjs';
+/**
+ * The designer's icons: one for each kind of field, as the toolbox shows
+ * them, and the few its bars use. Line drawings on a 24-unit grid, drawn in
+ * the text's colour, so they follow the skin and the theme. An app's kind
+ * brings its own.
+ */
+const SHAPES = {
+    // Kinds of field.
+    'short-answer': '<rect x="3" y="7" width="18" height="10" rx="2"/><path d="M7 10v4"/>',
+    paragraph: '<path d="M4 6h16M4 10h16M4 14h16M4 18h10"/>',
+    email: '<rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 7l9 6 9-6"/>',
+    phone: '<path d="M6 3h3l2 5-2.5 1.5a11 11 0 0 0 6 6L16 13l5 2v3a2 2 0 0 1-2 2A16 16 0 0 1 4 5a2 2 0 0 1 2-2z"/>',
+    website: '<circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18"/>',
+    keywords: '<path d="M3 12V4h8l10 10-8 8z"/><circle cx="7.5" cy="8.5" r="1.2"/>',
+    number: '<path d="M9 4L7 20M17 4l-2 16M4 9h16M3 15h16"/>',
+    amount: '<rect x="3" y="6" width="18" height="12" rx="2"/><circle cx="12" cy="12" r="2.5"/><path d="M6.5 9.5h.01M17.5 14.5h.01"/>',
+    rating: '<path d="M12 3l2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.9 1-6.1L3.2 9.5l6.1-.9z"/>',
+    scale: '<path d="M3 15h18"/><circle cx="5" cy="15" r="1.6"/><circle cx="12" cy="15" r="1.6"/><circle cx="19" cy="15" r="1.6"/><path d="M5 9v2M12 7v4M19 9v2"/>',
+    progress: '<rect x="3" y="9" width="18" height="6" rx="3"/><path d="M6 12h7" stroke-width="3"/>',
+    date: '<rect x="4" y="5" width="16" height="15" rx="2"/><path d="M4 10h16M9 3v4M15 3v4"/>',
+    'date-time': '<rect x="3" y="5" width="13" height="13" rx="2"/><path d="M3 9.5h13M7 3v4M12 3v4"/><circle cx="17.5" cy="17.5" r="4"/><path d="M17.5 15.8v1.9l1.2 1"/>',
+    time: '<circle cx="12" cy="12" r="8.5"/><path d="M12 7v5l3.5 2"/>',
+    dropdown: '<rect x="3" y="6" width="18" height="12" rx="2"/><path d="M14 11l2 2 2-2"/>',
+    'multiple-choice': '<circle cx="12" cy="12" r="8"/><circle cx="12" cy="12" r="3.2" fill="currentColor"/>',
+    checkboxes: '<rect x="3.5" y="4" width="7" height="7" rx="1.5"/><path d="M5.3 7.5l1.4 1.4 2.4-2.6"/><rect x="3.5" y="13" width="7" height="7" rx="1.5"/><path d="M14 7.5h6.5M14 16.5h6.5"/>',
+    status: '<path d="M2 7h6l3 5-3 5H2l3-5zM12 7h6l3 5-3 5h-6l3-5z"/>',
+    'yes-no': '<rect x="2" y="7" width="20" height="10" rx="5"/><circle cx="16" cy="12" r="3" fill="currentColor"/>',
+    tick: '<rect x="4" y="4" width="16" height="16" rx="3"/><path d="m8 12 3 3 5-6"/>',
+    link: '<path d="M10 14a4 4 0 0 0 5.7 0l3-3a4 4 0 0 0-5.7-5.7l-1 1M14 10a4 4 0 0 0-5.7 0l-3 3a4 4 0 0 0 5.7 5.7l1-1"/>',
+    links: '<path d="M2 11V4h7l9 9-7 7z"/><path d="M12 4h2.5l7 7-6.5 6.5"/><circle cx="6" cy="8" r="1"/>',
+    lines: '<rect x="3" y="4" width="18" height="16" rx="2"/><path d="M3 9h18M3 14.5h18M9 9v11"/>',
+    'rich-text': '<path d="M4 16l4-10 4 10M5.6 12.5h4.8M15 8h6M15 12h6M4 20h17"/>',
+    image: '<rect x="3" y="4" width="18" height="16" rx="2"/><circle cx="9" cy="10" r="2"/><path d="M21 16l-5-5-9 9"/>',
+    file: '<path d="M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z"/><path d="M14 3v5h5M9 13h6M9 17h4"/>',
+    signature: '<path d="M3 16c2.5-5 4.6-8.5 5.8-7.2 1.2 1.3-2.3 7.2-.6 7.2 1.6 0 3.2-4.4 4.8-4.4 1.4 0 .6 3.4 2.2 3.4 1.2 0 2-1.6 3.8-1.6"/><path d="M3 20.5h18"/>',
+    slider: '<path d="M3 12h6M15 12h6"/><circle cx="12" cy="12" r="3"/><path d="M3 18v-1.5M21 18v-1.5"/>',
+    tags: '<rect x="2.5" y="5" width="9" height="5.5" rx="2.75"/><rect x="13.5" y="5" width="8" height="5.5" rx="2.75"/><rect x="2.5" y="13.5" width="12" height="5.5" rx="2.75"/>',
+    'image-choice': '<rect x="2.5" y="3.5" width="8.5" height="11" rx="1.5"/><rect x="13" y="3.5" width="8.5" height="11" rx="1.5"/><path d="M2.5 11.5l3-3 5.5 5.5M13 11.5l3-3 5.5 5.5"/><circle cx="6.75" cy="19" r="1.6"/><circle cx="17.25" cy="19" r="1.6" fill="currentColor"/>',
+    ranking: '<path d="M10 6h11M10 12h11M10 18h11"/><path d="M5 3.5v17M2.5 6L5 3.5 7.5 6M2.5 18L5 20.5 7.5 18"/>',
+    matrix: '<rect x="3" y="4" width="18" height="16" rx="2"/><path d="M8.5 4v16M3 12h18"/><circle cx="12.5" cy="8" r="1.5"/><circle cx="17" cy="8" r="1.5" fill="currentColor"/><circle cx="12.5" cy="16" r="1.5" fill="currentColor"/><circle cx="17" cy="16" r="1.5"/>',
+    address: '<path d="M12 21s-6.5-5.8-6.5-11.2a6.5 6.5 0 0 1 13 0C18.5 15.2 12 21 12 21z"/><circle cx="12" cy="9.8" r="2.3"/>',
+    repeating: '<rect x="3" y="3.5" width="13" height="7" rx="1.5"/><rect x="3" y="13.5" width="13" height="7" rx="1.5"/><path d="M20 14v6M17 17h6"/>',
+    // Layout.
+    'saved-form': '<rect x="3" y="3" width="13" height="16" rx="2"/><path d="M7 8h5M7 12h5M20 7v12a2 2 0 0 1-2 2H8"/>',
+    section: '<rect x="3" y="4" width="18" height="16" rx="2"/><path d="M3 9h18M7 13h4M13 13h4M7 16h4"/>',
+    tabs: '<path d="M3 20V9h18v11zM3 9V5h7v4M10 7h6V5h-6"/>',
+    // The bars.
+    grip: '<circle cx="9" cy="6" r="1.1" fill="currentColor"/><circle cx="15" cy="6" r="1.1" fill="currentColor"/><circle cx="9" cy="12" r="1.1" fill="currentColor"/><circle cx="15" cy="12" r="1.1" fill="currentColor"/><circle cx="9" cy="18" r="1.1" fill="currentColor"/><circle cx="15" cy="18" r="1.1" fill="currentColor"/>',
+    chevron: '<path d="M6 9l6 6 6-6"/>',
+    required: '<path d="M12 4v16M5.1 8l13.8 8M18.9 8L5.1 16"/>',
+    width: '<path d="M3 12h18M7 8l-4 4 4 4M17 8l4 4-4 4"/>',
+    when: '<path d="M3 3l18 18M10.6 6.1A9.9 9.9 0 0 1 12 6c5 0 9 6 9 6a16 16 0 0 1-3.2 3.7M6.2 7.6A16 16 0 0 0 3 12s4 6 9 6a9 9 0 0 0 3.9-.9"/>',
+    // The Rules view: a branching mark, as answers lead one way or another.
+    rules: '<circle cx="6" cy="5" r="2"/><circle cx="6" cy="19" r="2"/><circle cx="18" cy="8" r="2"/><path d="M6 7v10M18 10c0 4-3 5-6 5s-6 .5-6 2"/>',
+    duplicate: '<rect x="8" y="8" width="12" height="12" rx="2"/><path d="M16 8V5a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h3"/>',
+    delete: '<path d="M4 7h16M10 11v6M14 11v6M6 7l1 13h10l1-13M9 7V4h6v3"/>',
+    more: '<circle cx="5" cy="12" r="1.3" fill="currentColor"/><circle cx="12" cy="12" r="1.3" fill="currentColor"/><circle cx="19" cy="12" r="1.3" fill="currentColor"/>',
+    plus: '<path d="M12 5v14M5 12h14"/>',
+    kebab: '<circle cx="12" cy="5" r="1.4" fill="currentColor"/><circle cx="12" cy="12" r="1.4" fill="currentColor"/><circle cx="12" cy="19" r="1.4" fill="currentColor"/>',
+    left: '<path d="M15 6l-6 6 6 6"/>',
+    right: '<path d="M9 6l6 6-6 6"/>',
+    search: '<circle cx="11" cy="11" r="6.5"/><path d="M16 16l5 5"/>',
+    check: '<path d="M5 12.5l4.5 4.5L19 7.5"/>',
+    edit: '<path d="M4 20h4L19 9l-4-4L4 16z"/>',
+    play: '<path d="M7 5l12 7-12 7z"/>',
+    // steps lane: a part that does something.
+    bolt: '<path d="M13 3L5 13.5h6.5L10.5 21 19 10.5h-6.5z"/>',
+    desktop: '<rect x="3" y="4" width="18" height="12" rx="1.5"/><path d="M8 20h8M12 16v4"/>',
+    tablet: '<rect x="5" y="3" width="14" height="18" rx="2"/><path d="M11 18h2"/>',
+    device: '<rect x="7" y="3" width="10" height="18" rx="2"/><path d="M11 18h2"/>',
+    model: '<ellipse cx="12" cy="6" rx="7" ry="3"/><path d="M5 6v12c0 1.7 3.1 3 7 3s7-1.3 7-3V6M5 12c0 1.7 3.1 3 7 3s7-1.3 7-3"/>',
+};
+/** The names the designer has an icon for. */
+export const ICON_NAMES = Object.keys(SHAPES);
+/** An icon as an SVG element, hidden from assistive technology: the button or tile around it carries the words. */
+export function designerIcon(doc, name) {
+    const svg = doc.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    svg.setAttribute('viewBox', '0 0 24 24');
+    svg.setAttribute('class', 'fd-dicon');
+    svg.setAttribute('aria-hidden', 'true');
+    svg.setAttribute('focusable', 'false');
+    // Constant drawings from the table above, or the app's own code — never text from a page.
+    svg.innerHTML = SHAPES[name] ?? appKindIcon(name) ?? SHAPES['short-answer'];
+    return svg;
+}
+//# sourceMappingURL=icons.mjs.map

package/src/lib/icons.mjs.map

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

package/src/lib/inline-settings.d.mts

@@ -0,0 +1,17 @@
+import type { FieldNode, Page } from '@fieldia/core';
+import type { ElementFactory } from './chrome.mjs';
+import type { Designer } from './designer.mjs';
+/**
+ * What a kind of field has beyond its words, set in the picked field itself,
+ * where it is seen: a rating's levels, where a scale starts and ends, an
+ * amount's currency, what a link points to, a table's columns — and the
+ * newer kinds' own, from `kind-settings`, and the structures', from
+ * `kind-settings-structures`. A field of the model keeps the
+ * model's, so it has none here. The panel has the same.
+ */
+export interface InlineSettings {
+    element: HTMLElement;
+    /** Draw for the field as it is now; true when the settings stand in for its widget, as a table's columns do. */
+    update(page: Page, node: FieldNode): boolean;
+}
+export declare function inlineSettings(el: ElementFactory, designer: Designer, id: string): InlineSettings;

package/src/lib/inline-settings.d.ts

@@ -0,0 +1,17 @@
+import type { FieldNode, Page } from '@fieldia/core';
+import type { ElementFactory } from './chrome';
+import type { Designer } from './designer';
+/**
+ * What a kind of field has beyond its words, set in the picked field itself,
+ * where it is seen: a rating's levels, where a scale starts and ends, an
+ * amount's currency, what a link points to, a table's columns — and the
+ * newer kinds' own, from `kind-settings`, and the structures', from
+ * `kind-settings-structures`. A field of the model keeps the
+ * model's, so it has none here. The panel has the same.
+ */
+export interface InlineSettings {
+    element: HTMLElement;
+    /** Draw for the field as it is now; true when the settings stand in for its widget, as a table's columns do. */
+    update(page: Page, node: FieldNode): boolean;
+}
+export declare function inlineSettings(el: ElementFactory, designer: Designer, id: string): InlineSettings;

package/src/lib/inline-settings.js

@@ -0,0 +1,213 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.inlineSettings = inlineSettings;
+const columns_editor_1 = require("./columns-editor");
+const kinds_1 = require("./kinds");
+const kind_settings_1 = require("./kind-settings");
+const kind_settings_inputs_1 = require("./kind-settings-inputs");
+const kind_settings_structures_1 = require("./kind-settings-structures");
+const range = (from, to) => Array.from({ length: to - from + 1 }, (_, i) => String(from + i));
+/** Kinds of file, as people name them, and the media types each takes. */
+const FILE_TYPES = [
+    ['images', ['image/*']],
+    ['pdf', ['application/pdf']],
+    ['documents', ['application/msword', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document', 'application/vnd.oasis.opendocument.text', 'text/plain']],
+    ['spreadsheets', ['application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'application/vnd.oasis.opendocument.spreadsheet', 'text/csv']],
+    ['presentations', ['application/vnd.ms-powerpoint', 'application/vnd.openxmlformats-officedocument.presentationml.presentation', 'application/vnd.oasis.opendocument.presentation']],
+    ['video', ['video/*']],
+    ['audio', ['audio/*']],
+];
+/** The largest file, in bytes, and in words. */
+const FILE_SIZES = [1024 * 1024, 10 * 1024 * 1024, 100 * 1024 * 1024, 1024 * 1024 * 1024];
+function inlineSettings(el, designer, id) {
+    const w = designer.words.questions;
+    const element = el('div', { class: 'fd-inline-settings', hidden: '' });
+    const focused = (node) => node.ownerDocument.activeElement === node;
+    const select = (label, values) => el('select', { class: 'fd-inline-select', 'aria-label': label }, ...values.map((v) => el('option', { value: v }, v)));
+    const word = (text, control) => el('label', { class: 'fd-inline-setting' }, el('span', {}, text), control);
+    let drawn = '';
+    let refresh = () => undefined;
+    let standsIn = false;
+    function build(kind) {
+        standsIn = false;
+        refresh = () => undefined;
+        if (kind === 'rating') {
+            const levels = select(w.levels, range(3, 10));
+            levels.addEventListener('change', () => designer.setRange(id, { min: 1, max: Number(levels.value) }));
+            element.replaceChildren(word(w.levels, levels));
+            refresh = (page, node) => {
+                const def = page.fields[node.field];
+                levels.value = String('max' in def && def.max !== undefined ? def.max : 5);
+            };
+        }
+        else if (kind === 'scale') {
+            const from = select(w.from, ['0', '1']);
+            const to = select(w.toLabel, range(2, 10));
+            const save = () => designer.setRange(id, { min: Number(from.value), max: Number(to.value) });
+            from.addEventListener('change', save);
+            to.addEventListener('change', save);
+            // Words at either end, each typed beside its number, as Google Forms has them.
+            const end = (which) => {
+                const number = el('span', { class: 'fd-inline-end-number' });
+                const words = el('input', { class: 'fd-inline-input fd-inline-end-words', 'aria-label': w.wordsAt(which), placeholder: w.labelOptional, autocomplete: 'off' });
+                words.addEventListener('input', () => designer.setWidgetOptions(id, { [`${which}Label`]: words.value }));
+                return { element: el('label', { class: 'fd-inline-end' }, number, words), number, words };
+            };
+            const start = end('start');
+            const finish = end('end');
+            element.replaceChildren(el('div', { class: 'fd-inline-row' }, word(w.from, from), word(w.to, to)), start.element, finish.element);
+            refresh = (page, node) => {
+                const def = page.fields[node.field];
+                const min = 'min' in def && def.min !== undefined ? def.min : 0;
+                const max = 'max' in def && def.max !== undefined ? def.max : 10;
+                from.value = String(min);
+                to.value = String(max);
+                start.number.textContent = String(min);
+                finish.number.textContent = String(max);
+                if (!focused(start.words))
+                    start.words.value = String(node.options?.['startLabel'] ?? '');
+                if (!focused(finish.words))
+                    finish.words.value = String(node.options?.['endLabel'] ?? '');
+            };
+        }
+        else if (kind === 'amount') {
+            const currency = el('input', { class: 'fd-inline-input fd-inline-currency', 'aria-label': w.currency, maxlength: '3', autocomplete: 'off', spellcheck: 'false' });
+            // Three letters make a currency; until then nothing is saved.
+            currency.addEventListener('input', () => /^[A-Za-z]{3}$/.test(currency.value.trim()) && designer.setCurrency(id, currency.value));
+            element.replaceChildren(word(w.currency, currency));
+            refresh = (page, node) => {
+                const def = page.fields[node.field];
+                if (!focused(currency))
+                    currency.value = def.type === 'monetary' ? (def.currency ?? '') : '';
+            };
+        }
+        else if (kind === 'link' || kind === 'links') {
+            const target = el('input', { class: 'fd-inline-input', 'aria-label': w.linksTo, placeholder: 'contact', autocomplete: 'off', spellcheck: 'false' });
+            target.addEventListener('input', () => target.value.trim() && designer.setRelation(id, target.value));
+            element.replaceChildren(word(w.linksTo, target));
+            refresh = (page, node) => {
+                const def = page.fields[node.field];
+                if (!focused(target))
+                    target.value = 'relation' in def ? def.relation : '';
+            };
+        }
+        else if (kind === 'file' || kind === 'image') {
+            // Which kinds of file it takes — none picked, any; an image takes images — and the largest.
+            const types = FILE_TYPES.map(([label, accept]) => {
+                const button = el('button', { type: 'button', class: 'fd-inline-chip', 'aria-pressed': 'false' }, w.fileTypes[label]);
+                button.addEventListener('click', () => {
+                    const on = new Set(current());
+                    const all = accept.every((a) => on.has(a));
+                    for (const a of accept) {
+                        if (all)
+                            on.delete(a);
+                        else
+                            on.add(a);
+                    }
+                    designer.setFileRules(id, { accept: FILE_TYPES.flatMap(([, list]) => list).filter((a) => on.has(a)) });
+                });
+                return { button, accept };
+            });
+            let current = () => [];
+            const largest = select(w.largestFile, ['', ...FILE_SIZES.map(String)]);
+            [w.anySize, ...FILE_SIZES.map(w.size)].forEach((words, i) => (largest.options[i].textContent = words));
+            // A size the page set that is none of these is shown as it is.
+            const own = el('option', { hidden: '' });
+            largest.append(own);
+            largest.addEventListener('change', () => designer.setFileRules(id, { maxSize: largest.value ? Number(largest.value) : null }));
+            // Several files, as few and as many as it takes: a box left empty is no limit. Saved once typed and left.
+            const several = el('button', { type: 'button', class: 'fd-switch', role: 'switch', 'aria-checked': 'false', 'aria-label': w.severalFiles });
+            several.addEventListener('click', () => designer.setFileRules(id, { multiple: several.getAttribute('aria-checked') !== 'true' }));
+            const count = (label, key) => {
+                const box = el('input', { type: 'number', class: 'fd-inline-input fd-inline-number', 'aria-label': label, min: key === 'minFiles' ? '0' : '1', step: '1', inputmode: 'numeric', placeholder: w.any });
+                box.addEventListener('change', () => designer.setFileRules(id, { [key]: box.value.trim() === '' ? null : Number(box.value) }));
+                return box;
+            };
+            const least = count(w.atLeast, 'minFiles');
+            const most = count(w.atMost, 'maxFiles');
+            // Each box with its word for what it counts, so the two never part on a narrow card.
+            const files = (text, box) => el('label', { class: 'fd-inline-setting' }, el('span', {}, text), box, el('span', {}, w.files));
+            const counts = el('div', { class: 'fd-inline-row' }, files(w.atLeast, least), files(w.atMost, most));
+            // How the chosen files show: as a list, as thumbnails or as cards; what the kind shows anyway is kept as nothing.
+            // And whether the person filling the form can switch them between a list and the pictures.
+            let shownAs = 'list';
+            let usual = 'list';
+            const asChip = (value, words) => {
+                const chip = el('button', { type: 'button', class: 'fd-inline-chip', 'aria-pressed': 'false', 'data-choice': value }, words);
+                chip.addEventListener('click', () => value !== shownAs && designer.setWidgetOptions(id, { files: value === usual ? null : value }));
+                return chip;
+            };
+            const asChips = [asChip('list', w.list), asChip('thumbnails', w.thumbnails), asChip('cards', w.cards)];
+            const switchable = el('button', { type: 'button', class: 'fd-switch', role: 'switch', 'aria-checked': 'false', 'aria-label': w.peopleCanSwitch });
+            switchable.addEventListener('click', () => designer.setWidgetOptions(id, { filesSwitch: switchable.getAttribute('aria-checked') === 'true' ? null : true }));
+            // A phone's camera, for an image: the rear one, or the front.
+            const camera = select(w.cameraOnPhones, ['', 'environment', 'user']);
+            [w.no, w.rearCamera, w.frontCamera].forEach((words, i) => (camera.options[i].textContent = words));
+            camera.addEventListener('change', () => designer.setWidgetOptions(id, { camera: camera.value === 'user' ? 'user' : camera.value ? true : null }));
+            element.replaceChildren(...(kind === 'file' ? [el('div', { class: 'fd-inline-row' }, el('span', {}, w.takesOnly), el('div', { class: 'fd-inline-chips', role: 'group', 'aria-label': w.kindsOfFile }, ...types.map((t) => t.button)))] : []), el('div', { class: 'fd-inline-row' }, word(w.largestFile, largest), el('span', { class: 'fd-inline-setting fd-inline-toggle' }, several, el('span', { 'aria-hidden': 'true' }, w.severalFiles))), counts, el('div', { class: 'fd-inline-row' }, el('span', {}, w.showFilesAs), el('div', { class: 'fd-inline-chips', role: 'group', 'aria-label': w.showFilesAs }, ...asChips)), el('span', { class: 'fd-inline-setting fd-inline-toggle' }, switchable, el('span', { 'aria-hidden': 'true' }, w.peopleCanSwitch)), ...(kind === 'image' ? [word(w.cameraOnPhones, camera)] : []));
+            refresh = (page, node) => {
+                const def = page.fields[node.field];
+                if (def.type !== 'binary' && def.type !== 'image')
+                    return;
+                const accept = def.type === 'binary' ? (def.accept ?? []) : [];
+                current = () => accept;
+                for (const t of types)
+                    t.button.setAttribute('aria-pressed', String(t.accept.every((a) => accept.includes(a))));
+                own.hidden = !def.maxSize || FILE_SIZES.includes(def.maxSize);
+                own.value = String(def.maxSize ?? '');
+                own.textContent = def.maxSize ? w.size(def.maxSize) : '';
+                largest.value = String(def.maxSize ?? '');
+                several.setAttribute('aria-checked', String(def.multiple === true));
+                counts.hidden = def.multiple !== true;
+                if (!focused(least))
+                    least.value = def.minFiles === undefined ? '' : String(def.minFiles);
+                if (!focused(most))
+                    most.value = def.maxFiles === undefined ? '' : String(def.maxFiles);
+                usual = def.type === 'image' ? 'thumbnails' : 'list';
+                shownAs = String(node.options?.['files'] ?? usual);
+                for (const chip of asChips)
+                    chip.setAttribute('aria-pressed', String(chip.dataset['choice'] === shownAs));
+                switchable.setAttribute('aria-checked', String(node.options?.['filesSwitch'] === true));
+                const facing = node.options?.['camera'];
+                camera.value = facing ? (facing === 'user' ? 'user' : 'environment') : '';
+            };
+        }
+        else if (kind === 'lines') {
+            const columns = (0, columns_editor_1.columnsEditor)(el, designer, id);
+            element.replaceChildren(columns.element);
+            standsIn = true;
+            refresh = (page, node) => columns.update(page.fields[node.field]);
+        }
+        else {
+            // The newer kinds, and the choices' Shuffle and points.
+            const more = (0, kind_settings_1.kindSettings)(el, designer, id, kind);
+            element.replaceChildren(...(more?.elements ?? []));
+            standsIn = more?.standsIn ?? false;
+            if (more)
+                refresh = more.refresh;
+        }
+        // The text, number and date kinds' own, then the structures', after the rest of their kind's.
+        const inputs = (0, kind_settings_inputs_1.inputSettings)(el, designer, id, kind);
+        const structures = (0, kind_settings_structures_1.structureSettings)(el, designer, id, kind);
+        if (!inputs && !structures.length)
+            return;
+        element.append(...(inputs?.elements ?? []), ...structures.map((p) => p.element));
+        const before = refresh;
+        refresh = (page, node) => (before(page, node), inputs?.refresh(page, node), structures.forEach((p) => p.refresh(page, node)));
+    }
+    return {
+        element,
+        update(page, node) {
+            const def = page.fields[node.field];
+            const kind = designer.isFromModel(id) ? null : (0, kinds_1.kindOfField)(def, node);
+            if ((kind ?? '') !== drawn) {
+                drawn = kind ?? '';
+                build(kind);
+            }
+            element.hidden = !element.childElementCount;
+            refresh(page, node);
+            return standsIn && !element.hidden;
+        },
+    };
+}
+//# sourceMappingURL=inline-settings.js.map

package/src/lib/inline-settings.js.map

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

package/src/lib/inline-settings.mjs

@@ -0,0 +1,210 @@
+import { columnsEditor } from './columns-editor.mjs';
+import { kindOfField } from './kinds.mjs';
+import { kindSettings } from './kind-settings.mjs';
+import { inputSettings } from './kind-settings-inputs.mjs';
+import { structureSettings } from './kind-settings-structures.mjs';
+const range = (from, to) => Array.from({ length: to - from + 1 }, (_, i) => String(from + i));
+/** Kinds of file, as people name them, and the media types each takes. */
+const FILE_TYPES = [
+    ['images', ['image/*']],
+    ['pdf', ['application/pdf']],
+    ['documents', ['application/msword', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document', 'application/vnd.oasis.opendocument.text', 'text/plain']],
+    ['spreadsheets', ['application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'application/vnd.oasis.opendocument.spreadsheet', 'text/csv']],
+    ['presentations', ['application/vnd.ms-powerpoint', 'application/vnd.openxmlformats-officedocument.presentationml.presentation', 'application/vnd.oasis.opendocument.presentation']],
+    ['video', ['video/*']],
+    ['audio', ['audio/*']],
+];
+/** The largest file, in bytes, and in words. */
+const FILE_SIZES = [1024 * 1024, 10 * 1024 * 1024, 100 * 1024 * 1024, 1024 * 1024 * 1024];
+export function inlineSettings(el, designer, id) {
+    const w = designer.words.questions;
+    const element = el('div', { class: 'fd-inline-settings', hidden: '' });
+    const focused = (node) => node.ownerDocument.activeElement === node;
+    const select = (label, values) => el('select', { class: 'fd-inline-select', 'aria-label': label }, ...values.map((v) => el('option', { value: v }, v)));
+    const word = (text, control) => el('label', { class: 'fd-inline-setting' }, el('span', {}, text), control);
+    let drawn = '';
+    let refresh = () => undefined;
+    let standsIn = false;
+    function build(kind) {
+        standsIn = false;
+        refresh = () => undefined;
+        if (kind === 'rating') {
+            const levels = select(w.levels, range(3, 10));
+            levels.addEventListener('change', () => designer.setRange(id, { min: 1, max: Number(levels.value) }));
+            element.replaceChildren(word(w.levels, levels));
+            refresh = (page, node) => {
+                const def = page.fields[node.field];
+                levels.value = String('max' in def && def.max !== undefined ? def.max : 5);
+            };
+        }
+        else if (kind === 'scale') {
+            const from = select(w.from, ['0', '1']);
+            const to = select(w.toLabel, range(2, 10));
+            const save = () => designer.setRange(id, { min: Number(from.value), max: Number(to.value) });
+            from.addEventListener('change', save);
+            to.addEventListener('change', save);
+            // Words at either end, each typed beside its number, as Google Forms has them.
+            const end = (which) => {
+                const number = el('span', { class: 'fd-inline-end-number' });
+                const words = el('input', { class: 'fd-inline-input fd-inline-end-words', 'aria-label': w.wordsAt(which), placeholder: w.labelOptional, autocomplete: 'off' });
+                words.addEventListener('input', () => designer.setWidgetOptions(id, { [`${which}Label`]: words.value }));
+                return { element: el('label', { class: 'fd-inline-end' }, number, words), number, words };
+            };
+            const start = end('start');
+            const finish = end('end');
+            element.replaceChildren(el('div', { class: 'fd-inline-row' }, word(w.from, from), word(w.to, to)), start.element, finish.element);
+            refresh = (page, node) => {
+                const def = page.fields[node.field];
+                const min = 'min' in def && def.min !== undefined ? def.min : 0;
+                const max = 'max' in def && def.max !== undefined ? def.max : 10;
+                from.value = String(min);
+                to.value = String(max);
+                start.number.textContent = String(min);
+                finish.number.textContent = String(max);
+                if (!focused(start.words))
+                    start.words.value = String(node.options?.['startLabel'] ?? '');
+                if (!focused(finish.words))
+                    finish.words.value = String(node.options?.['endLabel'] ?? '');
+            };
+        }
+        else if (kind === 'amount') {
+            const currency = el('input', { class: 'fd-inline-input fd-inline-currency', 'aria-label': w.currency, maxlength: '3', autocomplete: 'off', spellcheck: 'false' });
+            // Three letters make a currency; until then nothing is saved.
+            currency.addEventListener('input', () => /^[A-Za-z]{3}$/.test(currency.value.trim()) && designer.setCurrency(id, currency.value));
+            element.replaceChildren(word(w.currency, currency));
+            refresh = (page, node) => {
+                const def = page.fields[node.field];
+                if (!focused(currency))
+                    currency.value = def.type === 'monetary' ? (def.currency ?? '') : '';
+            };
+        }
+        else if (kind === 'link' || kind === 'links') {
+            const target = el('input', { class: 'fd-inline-input', 'aria-label': w.linksTo, placeholder: 'contact', autocomplete: 'off', spellcheck: 'false' });
+            target.addEventListener('input', () => target.value.trim() && designer.setRelation(id, target.value));
+            element.replaceChildren(word(w.linksTo, target));
+            refresh = (page, node) => {
+                const def = page.fields[node.field];
+                if (!focused(target))
+                    target.value = 'relation' in def ? def.relation : '';
+            };
+        }
+        else if (kind === 'file' || kind === 'image') {
+            // Which kinds of file it takes — none picked, any; an image takes images — and the largest.
+            const types = FILE_TYPES.map(([label, accept]) => {
+                const button = el('button', { type: 'button', class: 'fd-inline-chip', 'aria-pressed': 'false' }, w.fileTypes[label]);
+                button.addEventListener('click', () => {
+                    const on = new Set(current());
+                    const all = accept.every((a) => on.has(a));
+                    for (const a of accept) {
+                        if (all)
+                            on.delete(a);
+                        else
+                            on.add(a);
+                    }
+                    designer.setFileRules(id, { accept: FILE_TYPES.flatMap(([, list]) => list).filter((a) => on.has(a)) });
+                });
+                return { button, accept };
+            });
+            let current = () => [];
+            const largest = select(w.largestFile, ['', ...FILE_SIZES.map(String)]);
+            [w.anySize, ...FILE_SIZES.map(w.size)].forEach((words, i) => (largest.options[i].textContent = words));
+            // A size the page set that is none of these is shown as it is.
+            const own = el('option', { hidden: '' });
+            largest.append(own);
+            largest.addEventListener('change', () => designer.setFileRules(id, { maxSize: largest.value ? Number(largest.value) : null }));
+            // Several files, as few and as many as it takes: a box left empty is no limit. Saved once typed and left.
+            const several = el('button', { type: 'button', class: 'fd-switch', role: 'switch', 'aria-checked': 'false', 'aria-label': w.severalFiles });
+            several.addEventListener('click', () => designer.setFileRules(id, { multiple: several.getAttribute('aria-checked') !== 'true' }));
+            const count = (label, key) => {
+                const box = el('input', { type: 'number', class: 'fd-inline-input fd-inline-number', 'aria-label': label, min: key === 'minFiles' ? '0' : '1', step: '1', inputmode: 'numeric', placeholder: w.any });
+                box.addEventListener('change', () => designer.setFileRules(id, { [key]: box.value.trim() === '' ? null : Number(box.value) }));
+                return box;
+            };
+            const least = count(w.atLeast, 'minFiles');
+            const most = count(w.atMost, 'maxFiles');
+            // Each box with its word for what it counts, so the two never part on a narrow card.
+            const files = (text, box) => el('label', { class: 'fd-inline-setting' }, el('span', {}, text), box, el('span', {}, w.files));
+            const counts = el('div', { class: 'fd-inline-row' }, files(w.atLeast, least), files(w.atMost, most));
+            // How the chosen files show: as a list, as thumbnails or as cards; what the kind shows anyway is kept as nothing.
+            // And whether the person filling the form can switch them between a list and the pictures.
+            let shownAs = 'list';
+            let usual = 'list';
+            const asChip = (value, words) => {
+                const chip = el('button', { type: 'button', class: 'fd-inline-chip', 'aria-pressed': 'false', 'data-choice': value }, words);
+                chip.addEventListener('click', () => value !== shownAs && designer.setWidgetOptions(id, { files: value === usual ? null : value }));
+                return chip;
+            };
+            const asChips = [asChip('list', w.list), asChip('thumbnails', w.thumbnails), asChip('cards', w.cards)];
+            const switchable = el('button', { type: 'button', class: 'fd-switch', role: 'switch', 'aria-checked': 'false', 'aria-label': w.peopleCanSwitch });
+            switchable.addEventListener('click', () => designer.setWidgetOptions(id, { filesSwitch: switchable.getAttribute('aria-checked') === 'true' ? null : true }));
+            // A phone's camera, for an image: the rear one, or the front.
+            const camera = select(w.cameraOnPhones, ['', 'environment', 'user']);
+            [w.no, w.rearCamera, w.frontCamera].forEach((words, i) => (camera.options[i].textContent = words));
+            camera.addEventListener('change', () => designer.setWidgetOptions(id, { camera: camera.value === 'user' ? 'user' : camera.value ? true : null }));
+            element.replaceChildren(...(kind === 'file' ? [el('div', { class: 'fd-inline-row' }, el('span', {}, w.takesOnly), el('div', { class: 'fd-inline-chips', role: 'group', 'aria-label': w.kindsOfFile }, ...types.map((t) => t.button)))] : []), el('div', { class: 'fd-inline-row' }, word(w.largestFile, largest), el('span', { class: 'fd-inline-setting fd-inline-toggle' }, several, el('span', { 'aria-hidden': 'true' }, w.severalFiles))), counts, el('div', { class: 'fd-inline-row' }, el('span', {}, w.showFilesAs), el('div', { class: 'fd-inline-chips', role: 'group', 'aria-label': w.showFilesAs }, ...asChips)), el('span', { class: 'fd-inline-setting fd-inline-toggle' }, switchable, el('span', { 'aria-hidden': 'true' }, w.peopleCanSwitch)), ...(kind === 'image' ? [word(w.cameraOnPhones, camera)] : []));
+            refresh = (page, node) => {
+                const def = page.fields[node.field];
+                if (def.type !== 'binary' && def.type !== 'image')
+                    return;
+                const accept = def.type === 'binary' ? (def.accept ?? []) : [];
+                current = () => accept;
+                for (const t of types)
+                    t.button.setAttribute('aria-pressed', String(t.accept.every((a) => accept.includes(a))));
+                own.hidden = !def.maxSize || FILE_SIZES.includes(def.maxSize);
+                own.value = String(def.maxSize ?? '');
+                own.textContent = def.maxSize ? w.size(def.maxSize) : '';
+                largest.value = String(def.maxSize ?? '');
+                several.setAttribute('aria-checked', String(def.multiple === true));
+                counts.hidden = def.multiple !== true;
+                if (!focused(least))
+                    least.value = def.minFiles === undefined ? '' : String(def.minFiles);
+                if (!focused(most))
+                    most.value = def.maxFiles === undefined ? '' : String(def.maxFiles);
+                usual = def.type === 'image' ? 'thumbnails' : 'list';
+                shownAs = String(node.options?.['files'] ?? usual);
+                for (const chip of asChips)
+                    chip.setAttribute('aria-pressed', String(chip.dataset['choice'] === shownAs));
+                switchable.setAttribute('aria-checked', String(node.options?.['filesSwitch'] === true));
+                const facing = node.options?.['camera'];
+                camera.value = facing ? (facing === 'user' ? 'user' : 'environment') : '';
+            };
+        }
+        else if (kind === 'lines') {
+            const columns = columnsEditor(el, designer, id);
+            element.replaceChildren(columns.element);
+            standsIn = true;
+            refresh = (page, node) => columns.update(page.fields[node.field]);
+        }
+        else {
+            // The newer kinds, and the choices' Shuffle and points.
+            const more = kindSettings(el, designer, id, kind);
+            element.replaceChildren(...(more?.elements ?? []));
+            standsIn = more?.standsIn ?? false;
+            if (more)
+                refresh = more.refresh;
+        }
+        // The text, number and date kinds' own, then the structures', after the rest of their kind's.
+        const inputs = inputSettings(el, designer, id, kind);
+        const structures = structureSettings(el, designer, id, kind);
+        if (!inputs && !structures.length)
+            return;
+        element.append(...(inputs?.elements ?? []), ...structures.map((p) => p.element));
+        const before = refresh;
+        refresh = (page, node) => (before(page, node), inputs?.refresh(page, node), structures.forEach((p) => p.refresh(page, node)));
+    }
+    return {
+        element,
+        update(page, node) {
+            const def = page.fields[node.field];
+            const kind = designer.isFromModel(id) ? null : kindOfField(def, node);
+            if ((kind ?? '') !== drawn) {
+                drawn = kind ?? '';
+                build(kind);
+            }
+            element.hidden = !element.childElementCount;
+            refresh(page, node);
+            return standsIn && !element.hidden;
+        },
+    };
+}
+//# sourceMappingURL=inline-settings.mjs.map