@fieldia/designer 0.0.0-stage → 0.11.0

package/src/lib/canvas-header.js

@@ -0,0 +1,206 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.canvasHeader = canvasHeader;
+const widgets_1 = require("@fieldia/widgets");
+const icons_1 = require("./icons");
+const menu_1 = require("./menu");
+const writes_1 = require("./writes");
+const chrome_language_1 = require("./chrome-language");
+function canvasHeader(options) {
+    const { el, doc, designer } = options;
+    const w = designer.words.canvas;
+    const NEW_WORDS = { button: designer.words.defaults.newButton, stat: designer.words.defaults.counter, badge: designer.words.defaults.badge };
+    const ADD_WORDS = { button: w.addButton, statusbar: w.addStatus, stat: w.addCounter, badge: w.addBadge };
+    const adder = (kind) => {
+        const button = el('button', { type: 'button', class: 'fd-canvas-add-part', 'data-add-part': kind }, (0, icons_1.designerIcon)(doc, 'plus'), ADD_WORDS[kind]);
+        button.addEventListener('click', () => (kind === 'statusbar' ? pickStatusField(button) : add(kind)));
+        return button;
+    };
+    const actions = el('div', { class: 'fd-actions fd-canvas-header-actions' });
+    const steps = el('div', { class: 'fd-canvas-header-steps' });
+    const top = el('div', { class: 'fd-header fd-canvas-header', hidden: '' }, actions, steps);
+    const stats = el('div', { class: 'fd-stats fd-canvas-stats' });
+    const badges = el('div', { class: 'fd-badges fd-canvas-badges' });
+    const card = el('div', { class: 'fd-canvas-header-card', hidden: '' }, stats, badges);
+    const adders = { button: adder('button'), statusbar: adder('statusbar'), stat: adder('stat'), badge: adder('badge') };
+    function add(kind) {
+        const created = designer.addHeaderPart(kind, NEW_WORDS[kind]);
+        if (created)
+            focus(created);
+    }
+    function pickStatusField(anchor) {
+        const page = designer.getPage();
+        const own = Object.entries(page.fields).map(([name, field]) => ({ name, field }));
+        const choices = [...own, ...designer.modelFields()].filter(({ field }) => field.type === 'selection' && !field.multiple);
+        (0, menu_1.openMenu)({
+            el,
+            anchor,
+            title: w.statusFrom,
+            items: choices.map(({ name, field }) => ({ id: name, label: field.label })),
+            note: choices.length ? w.statusNote : w.noStatusField,
+            onPick: (name) => {
+                if (designer.setStatusbar(name))
+                    designer.select('#statusbar');
+            },
+        });
+    }
+    const views = new Map();
+    function looks(kind, part) {
+        if (kind === 'button')
+            return `fd-button fd-button-${part.style ?? 'secondary'}`;
+        if (kind === 'stat')
+            return 'fd-stat';
+        return `fd-badge fd-tone-${part.tone ?? 'muted'}`;
+    }
+    function closedPart(kind, part, page) {
+        const tag = kind === 'badge' ? 'span' : 'button';
+        const element = el(tag, { class: `${looks(kind, part)} fd-canvas-part`, 'data-part': part.id, ...(tag === 'button' ? { type: 'button' } : { role: 'button', tabindex: '0' }) });
+        if (kind === 'stat') {
+            const count = part.field;
+            const value = el('span', { class: 'fd-stat-value' }, count ? '12' : '');
+            element.append(el('span', { class: 'fd-stat-words' }, value, el('span', { class: 'fd-stat-label' }, part.label)));
+            if (count)
+                element.title = w.shows(page.fields[count]?.label ?? count);
+        }
+        else
+            element.append(part.label);
+        const pick = () => {
+            designer.select(part.id);
+            focus(part.id, false);
+        };
+        element.addEventListener('click', pick);
+        element.addEventListener('keydown', (event) => {
+            const key = event.key;
+            if (tag === 'span' && (key === 'Enter' || key === ' ')) {
+                event.preventDefault();
+                pick();
+            }
+        });
+        return element;
+    }
+    function openPart(kind, part) {
+        const input = el('input', { class: 'fd-part-input', 'aria-label': w.words, autocomplete: 'off', size: String(Math.max(4, part.label.length + 1)) });
+        input.addEventListener('input', () => {
+            input.size = Math.max(4, input.value.length + 1);
+            designer.updateHeaderPart(part.id, { label: input.value });
+        });
+        input.addEventListener('keydown', (event) => {
+            if (event.key === 'Enter') {
+                event.preventDefault();
+                input.blur();
+            }
+        });
+        const tool = (label, icon, run) => {
+            const button = el('button', { type: 'button', class: 'fd-bar-button', 'aria-label': label, title: label }, (0, icons_1.designerIcon)(doc, icon));
+            button.addEventListener('click', run);
+            return button;
+        };
+        const left = tool(w.moveLeft, 'left', () => designer.moveHeaderPart(part.id, -1));
+        const right = tool(w.moveRight, 'right', () => designer.moveHeaderPart(part.id, 1));
+        const bar = el('div', { class: 'fd-field-bar fd-part-bar', role: 'toolbar', 'aria-label': part.label }, left, right, tool(w.delete, 'delete', () => designer.removeHeaderPart(part.id)));
+        const words = kind === 'stat' ? el('span', { class: 'fd-stat-words' }, el('span', { class: 'fd-stat-value' }, part.field ? '12' : ''), input) : input;
+        const element = el('span', { class: `${looks(kind, part)} fd-canvas-part fd-editing`, 'data-part': part.id }, bar, words);
+        return { element, key: '', input, left, right };
+    }
+    function drawPart(kind, part, index, count, page, selected) {
+        const editing = selected === part.id;
+        const key = `${editing}:${JSON.stringify(part)}`;
+        let view = views.get(part.id);
+        // The part being typed in stays the same box, focused; anything else is drawn again when it changes.
+        const keep = view && (editing ? view.input !== null : view.key === key);
+        if (!keep) {
+            view = editing ? openPart(kind, part) : { element: closedPart(kind, part, page), key, input: null, left: null, right: null };
+            views.set(part.id, view);
+        }
+        const shown = view;
+        shown.key = key;
+        if (shown.input && doc.activeElement !== shown.input)
+            shown.input.value = part.label;
+        if (shown.input)
+            shown.element.className = `${looks(kind, part)} fd-canvas-part fd-editing`;
+        if (shown.left)
+            shown.left.hidden = index === 0;
+        if (shown.right)
+            shown.right.hidden = index === count - 1;
+        return shown.element;
+    }
+    // ---- the status steps ---------------------------------------------------------------
+    let statusWidget = null;
+    let statusKey = '';
+    const statusPart = el('div', { class: 'fd-canvas-part fd-canvas-statusbar', 'data-part': '#statusbar', role: 'button', tabindex: '0', 'aria-label': w.statusSteps });
+    const statusBox = el('div', { class: 'fd-canvas-widget', inert: '' });
+    statusPart.append(statusBox);
+    statusPart.addEventListener('click', () => designer.select('#statusbar'));
+    statusPart.addEventListener('keydown', (event) => {
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            designer.select('#statusbar');
+        }
+    });
+    function drawSteps(root, page, form) {
+        const config = root.statusbar;
+        const def = page.fields[config.field];
+        // The record on the canvas, made up or empty, stands on one of the steps.
+        const said = (0, chrome_language_1.widgetWords)(designer.getPage());
+        const key = JSON.stringify([config, def, form().getState().values[config.field] ?? null, said.locale]);
+        if (key !== statusKey) {
+            statusKey = key;
+            statusWidget?.destroy?.();
+            const f = form();
+            const node = { type: 'field', id: '#statusbar', field: config.field, widget: 'statusbar', options: { clickable: config.clickable === true } };
+            statusWidget = (0, widgets_1.createWidget)({ form: f, name: config.field, field: def, node, id: 'fd-canvas-statusbar', document: doc, ...said });
+            statusWidget.update({ value: f.getState().values[config.field], values: f.getState().values, readonly: false, required: false, invalid: false });
+            statusBox.replaceChildren(statusWidget.element);
+        }
+        return statusPart;
+    }
+    /** Put these children in this order, moving only what is out of place. */
+    function arrange(parent, children) {
+        children.forEach((child, index) => {
+            if (parent.children[index] !== child)
+                parent.insertBefore(child, parent.children[index] ?? null);
+        });
+        while (parent.children.length > children.length)
+            parent.lastElementChild?.remove();
+    }
+    function focus(id, selectAll = true) {
+        const input = views.get(id)?.input;
+        if (!input)
+            return;
+        input.focus();
+        if (selectAll)
+            input.select();
+        else
+            input.setSelectionRange(input.value.length, input.value.length);
+    }
+    return {
+        top,
+        card,
+        focus,
+        update(page, selected, form) {
+            const root = page.layout;
+            (0, writes_1.setHidden)(top, root.type !== 'sheet');
+            (0, writes_1.setHidden)(card, root.type !== 'sheet');
+            if (root.type !== 'sheet')
+                return;
+            const live = new Set();
+            const row = (kind, parts) => (parts ?? []).map((part, i, all) => {
+                live.add(part.id);
+                return drawPart(kind, part, i, all.length, page, selected);
+            });
+            arrange(actions, [...row('button', root.buttons), adders.button]);
+            statusPart.classList.toggle('fd-editing', selected === '#statusbar');
+            arrange(steps, [root.statusbar ? drawSteps(root, page, form) : adders.statusbar]);
+            arrange(stats, [...row('stat', root.statButtons), adders.stat]);
+            arrange(badges, [...row('badge', root.badges), adders.badge]);
+            for (const id of [...views.keys()])
+                if (!live.has(id))
+                    views.delete(id);
+        },
+        destroy() {
+            statusWidget?.destroy?.();
+            views.clear();
+        },
+    };
+}
+//# sourceMappingURL=canvas-header.js.map

package/src/lib/canvas-header.js.map

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

package/src/lib/canvas-header.mjs

@@ -0,0 +1,203 @@
+import { createWidget } from '@fieldia/widgets';
+import { designerIcon } from './icons.mjs';
+import { openMenu } from './menu.mjs';
+import { setHidden } from './writes.mjs';
+import { widgetWords } from './chrome-language.mjs';
+export function canvasHeader(options) {
+    const { el, doc, designer } = options;
+    const w = designer.words.canvas;
+    const NEW_WORDS = { button: designer.words.defaults.newButton, stat: designer.words.defaults.counter, badge: designer.words.defaults.badge };
+    const ADD_WORDS = { button: w.addButton, statusbar: w.addStatus, stat: w.addCounter, badge: w.addBadge };
+    const adder = (kind) => {
+        const button = el('button', { type: 'button', class: 'fd-canvas-add-part', 'data-add-part': kind }, designerIcon(doc, 'plus'), ADD_WORDS[kind]);
+        button.addEventListener('click', () => (kind === 'statusbar' ? pickStatusField(button) : add(kind)));
+        return button;
+    };
+    const actions = el('div', { class: 'fd-actions fd-canvas-header-actions' });
+    const steps = el('div', { class: 'fd-canvas-header-steps' });
+    const top = el('div', { class: 'fd-header fd-canvas-header', hidden: '' }, actions, steps);
+    const stats = el('div', { class: 'fd-stats fd-canvas-stats' });
+    const badges = el('div', { class: 'fd-badges fd-canvas-badges' });
+    const card = el('div', { class: 'fd-canvas-header-card', hidden: '' }, stats, badges);
+    const adders = { button: adder('button'), statusbar: adder('statusbar'), stat: adder('stat'), badge: adder('badge') };
+    function add(kind) {
+        const created = designer.addHeaderPart(kind, NEW_WORDS[kind]);
+        if (created)
+            focus(created);
+    }
+    function pickStatusField(anchor) {
+        const page = designer.getPage();
+        const own = Object.entries(page.fields).map(([name, field]) => ({ name, field }));
+        const choices = [...own, ...designer.modelFields()].filter(({ field }) => field.type === 'selection' && !field.multiple);
+        openMenu({
+            el,
+            anchor,
+            title: w.statusFrom,
+            items: choices.map(({ name, field }) => ({ id: name, label: field.label })),
+            note: choices.length ? w.statusNote : w.noStatusField,
+            onPick: (name) => {
+                if (designer.setStatusbar(name))
+                    designer.select('#statusbar');
+            },
+        });
+    }
+    const views = new Map();
+    function looks(kind, part) {
+        if (kind === 'button')
+            return `fd-button fd-button-${part.style ?? 'secondary'}`;
+        if (kind === 'stat')
+            return 'fd-stat';
+        return `fd-badge fd-tone-${part.tone ?? 'muted'}`;
+    }
+    function closedPart(kind, part, page) {
+        const tag = kind === 'badge' ? 'span' : 'button';
+        const element = el(tag, { class: `${looks(kind, part)} fd-canvas-part`, 'data-part': part.id, ...(tag === 'button' ? { type: 'button' } : { role: 'button', tabindex: '0' }) });
+        if (kind === 'stat') {
+            const count = part.field;
+            const value = el('span', { class: 'fd-stat-value' }, count ? '12' : '');
+            element.append(el('span', { class: 'fd-stat-words' }, value, el('span', { class: 'fd-stat-label' }, part.label)));
+            if (count)
+                element.title = w.shows(page.fields[count]?.label ?? count);
+        }
+        else
+            element.append(part.label);
+        const pick = () => {
+            designer.select(part.id);
+            focus(part.id, false);
+        };
+        element.addEventListener('click', pick);
+        element.addEventListener('keydown', (event) => {
+            const key = event.key;
+            if (tag === 'span' && (key === 'Enter' || key === ' ')) {
+                event.preventDefault();
+                pick();
+            }
+        });
+        return element;
+    }
+    function openPart(kind, part) {
+        const input = el('input', { class: 'fd-part-input', 'aria-label': w.words, autocomplete: 'off', size: String(Math.max(4, part.label.length + 1)) });
+        input.addEventListener('input', () => {
+            input.size = Math.max(4, input.value.length + 1);
+            designer.updateHeaderPart(part.id, { label: input.value });
+        });
+        input.addEventListener('keydown', (event) => {
+            if (event.key === 'Enter') {
+                event.preventDefault();
+                input.blur();
+            }
+        });
+        const tool = (label, icon, run) => {
+            const button = el('button', { type: 'button', class: 'fd-bar-button', 'aria-label': label, title: label }, designerIcon(doc, icon));
+            button.addEventListener('click', run);
+            return button;
+        };
+        const left = tool(w.moveLeft, 'left', () => designer.moveHeaderPart(part.id, -1));
+        const right = tool(w.moveRight, 'right', () => designer.moveHeaderPart(part.id, 1));
+        const bar = el('div', { class: 'fd-field-bar fd-part-bar', role: 'toolbar', 'aria-label': part.label }, left, right, tool(w.delete, 'delete', () => designer.removeHeaderPart(part.id)));
+        const words = kind === 'stat' ? el('span', { class: 'fd-stat-words' }, el('span', { class: 'fd-stat-value' }, part.field ? '12' : ''), input) : input;
+        const element = el('span', { class: `${looks(kind, part)} fd-canvas-part fd-editing`, 'data-part': part.id }, bar, words);
+        return { element, key: '', input, left, right };
+    }
+    function drawPart(kind, part, index, count, page, selected) {
+        const editing = selected === part.id;
+        const key = `${editing}:${JSON.stringify(part)}`;
+        let view = views.get(part.id);
+        // The part being typed in stays the same box, focused; anything else is drawn again when it changes.
+        const keep = view && (editing ? view.input !== null : view.key === key);
+        if (!keep) {
+            view = editing ? openPart(kind, part) : { element: closedPart(kind, part, page), key, input: null, left: null, right: null };
+            views.set(part.id, view);
+        }
+        const shown = view;
+        shown.key = key;
+        if (shown.input && doc.activeElement !== shown.input)
+            shown.input.value = part.label;
+        if (shown.input)
+            shown.element.className = `${looks(kind, part)} fd-canvas-part fd-editing`;
+        if (shown.left)
+            shown.left.hidden = index === 0;
+        if (shown.right)
+            shown.right.hidden = index === count - 1;
+        return shown.element;
+    }
+    // ---- the status steps ---------------------------------------------------------------
+    let statusWidget = null;
+    let statusKey = '';
+    const statusPart = el('div', { class: 'fd-canvas-part fd-canvas-statusbar', 'data-part': '#statusbar', role: 'button', tabindex: '0', 'aria-label': w.statusSteps });
+    const statusBox = el('div', { class: 'fd-canvas-widget', inert: '' });
+    statusPart.append(statusBox);
+    statusPart.addEventListener('click', () => designer.select('#statusbar'));
+    statusPart.addEventListener('keydown', (event) => {
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            designer.select('#statusbar');
+        }
+    });
+    function drawSteps(root, page, form) {
+        const config = root.statusbar;
+        const def = page.fields[config.field];
+        // The record on the canvas, made up or empty, stands on one of the steps.
+        const said = widgetWords(designer.getPage());
+        const key = JSON.stringify([config, def, form().getState().values[config.field] ?? null, said.locale]);
+        if (key !== statusKey) {
+            statusKey = key;
+            statusWidget?.destroy?.();
+            const f = form();
+            const node = { type: 'field', id: '#statusbar', field: config.field, widget: 'statusbar', options: { clickable: config.clickable === true } };
+            statusWidget = createWidget({ form: f, name: config.field, field: def, node, id: 'fd-canvas-statusbar', document: doc, ...said });
+            statusWidget.update({ value: f.getState().values[config.field], values: f.getState().values, readonly: false, required: false, invalid: false });
+            statusBox.replaceChildren(statusWidget.element);
+        }
+        return statusPart;
+    }
+    /** Put these children in this order, moving only what is out of place. */
+    function arrange(parent, children) {
+        children.forEach((child, index) => {
+            if (parent.children[index] !== child)
+                parent.insertBefore(child, parent.children[index] ?? null);
+        });
+        while (parent.children.length > children.length)
+            parent.lastElementChild?.remove();
+    }
+    function focus(id, selectAll = true) {
+        const input = views.get(id)?.input;
+        if (!input)
+            return;
+        input.focus();
+        if (selectAll)
+            input.select();
+        else
+            input.setSelectionRange(input.value.length, input.value.length);
+    }
+    return {
+        top,
+        card,
+        focus,
+        update(page, selected, form) {
+            const root = page.layout;
+            setHidden(top, root.type !== 'sheet');
+            setHidden(card, root.type !== 'sheet');
+            if (root.type !== 'sheet')
+                return;
+            const live = new Set();
+            const row = (kind, parts) => (parts ?? []).map((part, i, all) => {
+                live.add(part.id);
+                return drawPart(kind, part, i, all.length, page, selected);
+            });
+            arrange(actions, [...row('button', root.buttons), adders.button]);
+            statusPart.classList.toggle('fd-editing', selected === '#statusbar');
+            arrange(steps, [root.statusbar ? drawSteps(root, page, form) : adders.statusbar]);
+            arrange(stats, [...row('stat', root.statButtons), adders.stat]);
+            arrange(badges, [...row('badge', root.badges), adders.badge]);
+            for (const id of [...views.keys()])
+                if (!live.has(id))
+                    views.delete(id);
+        },
+        destroy() {
+            statusWidget?.destroy?.();
+            views.clear();
+        },
+    };
+}
+//# sourceMappingURL=canvas-header.mjs.map

package/src/lib/canvas-header.mjs.map

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

package/src/lib/canvas-icons.d.mts

@@ -0,0 +1,6 @@
+/**
+ * Pictures for the Advanced toolbox's layout tiles — a group, two side by
+ * side, tabs, a heading, words, a line, room, a picture, a button — drawn as
+ * the approved mockup draws them, as line icons in the text's colour.
+ */
+export declare function blockIcon(doc: Document, name: string): SVGSVGElement;

package/src/lib/canvas-icons.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Pictures for the Advanced toolbox's layout tiles — a group, two side by
+ * side, tabs, a heading, words, a line, room, a picture, a button — drawn as
+ * the approved mockup draws them, as line icons in the text's colour.
+ */
+export declare function blockIcon(doc: Document, name: string): SVGSVGElement;

package/src/lib/canvas-icons.js

@@ -0,0 +1,31 @@
+"use strict";
+/**
+ * Pictures for the Advanced toolbox's layout tiles — a group, two side by
+ * side, tabs, a heading, words, a line, room, a picture, a button — drawn as
+ * the approved mockup draws them, as line icons in the text's colour.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.blockIcon = blockIcon;
+const SHAPES = {
+    group: '<rect x="3" y="4" width="18" height="16" rx="2"/><path d="M3 9h18"/>',
+    side: '<rect x="3" y="5" width="8" height="14" rx="1.5"/><rect x="13" y="5" width="8" height="14" rx="1.5"/>',
+    tabs: '<path d="M3 9h18v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zM3 9V5h7v4M10 5h5v4"/>',
+    heading: '<path d="M6 5v14M18 5v14M6 12h12"/>',
+    text: '<path d="M5 7h14M5 12h14M5 17h9"/>',
+    divider: '<path d="M3 12h18"/><path d="M7 7h10M7 17h10" opacity=".35"/>',
+    spacer: '<path d="M12 4v5m0 6v5M9 7l3-3 3 3M9 17l3 3 3-3"/>',
+    image: '<rect x="3" y="5" width="18" height="14" rx="2"/><circle cx="9" cy="10" r="1.5"/><path d="m21 16-5-5-8 8"/>',
+    button: '<rect x="3" y="8" width="18" height="8" rx="4"/><path d="M9 12h6"/>',
+    form: '<rect x="3" y="3" width="13" height="16" rx="2"/><path d="M7 8h5M7 12h5M20 7v12a2 2 0 0 1-2 2H8"/>',
+};
+function blockIcon(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, never text from a page.
+    svg.innerHTML = SHAPES[name] ?? SHAPES['group'];
+    return svg;
+}
+//# sourceMappingURL=canvas-icons.js.map

package/src/lib/canvas-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas-icons.js","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/canvas-icons.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;AAeH,8BASC;AAtBD,MAAM,MAAM,GAA2B;IACrC,KAAK,EAAE,sEAAsE;IAC7E,IAAI,EAAE,uGAAuG;IAC7G,IAAI,EAAE,0EAA0E;IAChF,OAAO,EAAE,qCAAqC;IAC9C,IAAI,EAAE,oCAAoC;IAC1C,OAAO,EAAE,+DAA+D;IACxE,MAAM,EAAE,oDAAoD;IAC5D,KAAK,EAAE,6GAA6G;IACpH,MAAM,EAAE,qEAAqE;IAC7E,IAAI,EAAE,oGAAoG;CAC3G,CAAC;AAEF,SAAgB,SAAS,CAAC,GAAa,EAAE,IAAY;IACnD,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,4BAA4B,EAAE,KAAK,CAAC,CAAC;IACrE,GAAG,CAAC,YAAY,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IACzC,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IACtC,GAAG,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IACxC,GAAG,CAAC,YAAY,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;IACvC,kEAAkE;IAClE,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC;IAChD,OAAO,GAAG,CAAC;AACb,CAAC"}

package/src/lib/canvas-icons.mjs

@@ -0,0 +1,28 @@
+/**
+ * Pictures for the Advanced toolbox's layout tiles — a group, two side by
+ * side, tabs, a heading, words, a line, room, a picture, a button — drawn as
+ * the approved mockup draws them, as line icons in the text's colour.
+ */
+const SHAPES = {
+    group: '<rect x="3" y="4" width="18" height="16" rx="2"/><path d="M3 9h18"/>',
+    side: '<rect x="3" y="5" width="8" height="14" rx="1.5"/><rect x="13" y="5" width="8" height="14" rx="1.5"/>',
+    tabs: '<path d="M3 9h18v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zM3 9V5h7v4M10 5h5v4"/>',
+    heading: '<path d="M6 5v14M18 5v14M6 12h12"/>',
+    text: '<path d="M5 7h14M5 12h14M5 17h9"/>',
+    divider: '<path d="M3 12h18"/><path d="M7 7h10M7 17h10" opacity=".35"/>',
+    spacer: '<path d="M12 4v5m0 6v5M9 7l3-3 3 3M9 17l3 3 3-3"/>',
+    image: '<rect x="3" y="5" width="18" height="14" rx="2"/><circle cx="9" cy="10" r="1.5"/><path d="m21 16-5-5-8 8"/>',
+    button: '<rect x="3" y="8" width="18" height="8" rx="4"/><path d="M9 12h6"/>',
+    form: '<rect x="3" y="3" width="13" height="16" rx="2"/><path d="M7 8h5M7 12h5M20 7v12a2 2 0 0 1-2 2H8"/>',
+};
+export function blockIcon(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, never text from a page.
+    svg.innerHTML = SHAPES[name] ?? SHAPES['group'];
+    return svg;
+}
+//# sourceMappingURL=canvas-icons.mjs.map

package/src/lib/canvas-icons.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas-icons.mjs","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/canvas-icons.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,MAAM,GAA2B;IACrC,KAAK,EAAE,sEAAsE;IAC7E,IAAI,EAAE,uGAAuG;IAC7G,IAAI,EAAE,0EAA0E;IAChF,OAAO,EAAE,qCAAqC;IAC9C,IAAI,EAAE,oCAAoC;IAC1C,OAAO,EAAE,+DAA+D;IACxE,MAAM,EAAE,oDAAoD;IAC5D,KAAK,EAAE,6GAA6G;IACpH,MAAM,EAAE,qEAAqE;IAC7E,IAAI,EAAE,oGAAoG;CAC3G,CAAC;AAEF,MAAM,UAAU,SAAS,CAAC,GAAa,EAAE,IAAY;IACnD,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,4BAA4B,EAAE,KAAK,CAAC,CAAC;IACrE,GAAG,CAAC,YAAY,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IACzC,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IACtC,GAAG,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IACxC,GAAG,CAAC,YAAY,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;IACvC,kEAAkE;IAClE,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC;IAChD,OAAO,GAAG,CAAC;AACb,CAAC"}

package/src/lib/canvas-keys.d.mts

@@ -0,0 +1,46 @@
+import type { Page } from '@fieldia/core';
+import type { ElementFactory } from './chrome.mjs';
+import type { Designer } from './designer.mjs';
+import type { Drop } from './layout-ops.mjs';
+import type { DesignerWords } from './designer-words.mjs';
+/**
+ * Moving parts on the Advanced canvas from the keyboard, as a drag would:
+ *
+ *  Alt+↑ / Alt+↓       before or after the part next to it, as it is — out of
+ *                      an arrangement at its edge, no further than its group;
+ *  Alt+← / Alt+→       beside the part before or after it (mirrored right to left);
+ *  Alt+Shift+← / →     a column narrower or wider — in twelfths, a twelfth —
+ *                      (mirrored right to left);
+ *
+ * and with what is picked: ⌘G puts it in a group, ⌘⇧G ungroups, ⌘D copies,
+ * Delete takes it off the page, Escape puts it down. Each move is said in a
+ * polite live region, in the words a drop's chip says.
+ */
+export type KeyMove = {
+    drop: Drop;
+} | {
+    span: number;
+} | {
+    said: string;
+} | null;
+/** What a key does to a part: a drop, a width, or words saying why nothing. */
+export declare function keyMove(page: Page, id: string, key: {
+    key: string;
+    altKey: boolean;
+    shiftKey: boolean;
+}, rtl: boolean, words?: DesignerWords): KeyMove;
+export interface CanvasKeys {
+    /** The live region, and the help that lists the keys: for the canvas to hold. */
+    said: HTMLElement;
+    help: HTMLElement;
+    /** Do what a key says, when it says something on the Advanced canvas; whether it did. */
+    handle(event: KeyboardEvent): boolean;
+    say(words: string): void;
+}
+/** The keys of Advanced's canvas, as the sheet of shortcuts lists them (in the designer's words: `words.canvas.keys`). */
+export declare const KEYS: [string, string][];
+export declare function canvasKeys(options: {
+    el: ElementFactory;
+    designer: Designer;
+    rtl(): boolean;
+}): CanvasKeys;

package/src/lib/canvas-keys.d.ts

@@ -0,0 +1,46 @@
+import type { Page } from '@fieldia/core';
+import type { ElementFactory } from './chrome';
+import type { Designer } from './designer';
+import type { Drop } from './layout-ops';
+import type { DesignerWords } from './designer-words';
+/**
+ * Moving parts on the Advanced canvas from the keyboard, as a drag would:
+ *
+ *  Alt+↑ / Alt+↓       before or after the part next to it, as it is — out of
+ *                      an arrangement at its edge, no further than its group;
+ *  Alt+← / Alt+→       beside the part before or after it (mirrored right to left);
+ *  Alt+Shift+← / →     a column narrower or wider — in twelfths, a twelfth —
+ *                      (mirrored right to left);
+ *
+ * and with what is picked: ⌘G puts it in a group, ⌘⇧G ungroups, ⌘D copies,
+ * Delete takes it off the page, Escape puts it down. Each move is said in a
+ * polite live region, in the words a drop's chip says.
+ */
+export type KeyMove = {
+    drop: Drop;
+} | {
+    span: number;
+} | {
+    said: string;
+} | null;
+/** What a key does to a part: a drop, a width, or words saying why nothing. */
+export declare function keyMove(page: Page, id: string, key: {
+    key: string;
+    altKey: boolean;
+    shiftKey: boolean;
+}, rtl: boolean, words?: DesignerWords): KeyMove;
+export interface CanvasKeys {
+    /** The live region, and the help that lists the keys: for the canvas to hold. */
+    said: HTMLElement;
+    help: HTMLElement;
+    /** Do what a key says, when it says something on the Advanced canvas; whether it did. */
+    handle(event: KeyboardEvent): boolean;
+    say(words: string): void;
+}
+/** The keys of Advanced's canvas, as the sheet of shortcuts lists them (in the designer's words: `words.canvas.keys`). */
+export declare const KEYS: [string, string][];
+export declare function canvasKeys(options: {
+    el: ElementFactory;
+    designer: Designer;
+    rtl(): boolean;
+}): CanvasKeys;