@fieldia/designer 0.0.0-stage → 0.12.0

package/src/lib/canvas-header.js

@@ -0,0 +1,245 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.canvasHeader = canvasHeader;
+const widgets_1 = require("@fieldia/widgets");
+const header_commands_1 = require("./header-commands");
+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 d = designer.words.defaults;
+    const NEW_WORDS = { button: d.newButton, stat: d.counter, badge: d.badge, ribbon: d.ribbon, alert: d.alert, menu: d.newMenuAction };
+    const ADD_WORDS = { button: w.addButton, statusbar: w.addStatus, stat: w.addCounter, badge: w.addBadge, ribbon: w.addRibbon, alert: w.addAlert, menu: w.addMenuItem };
+    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) : kind === 'menu' ? pickMenuItem(button) : add(kind)));
+        return button;
+    };
+    /** An item of the gear menu's words: its own, or the built-in's in the designer's language. */
+    const itemWords = (part) => (0, header_commands_1.wordsOf)(part) || (part.builtin ? w.menuKinds[part.builtin] : '');
+    const actions = el('div', { class: 'fd-actions fd-canvas-header-actions' });
+    const steps = el('div', { class: 'fd-canvas-header-steps' });
+    // The gear menu over the record, its items in a row after its gear.
+    const menuItems = el('div', { class: 'fd-canvas-menu-items' });
+    const menuRow = el('div', { class: 'fd-canvas-menu', role: 'group', 'aria-label': w.gearMenu }, el('span', { class: 'fd-canvas-menu-gear', 'aria-hidden': 'true' }, (0, icons_1.designerIcon)(doc, 'more')), menuItems);
+    const top = el('div', { class: 'fd-header fd-canvas-header', hidden: '' }, menuRow, actions, steps);
+    const stats = el('div', { class: 'fd-stats fd-canvas-stats' });
+    const badges = el('div', { class: 'fd-badges fd-canvas-badges' });
+    // The ribbons, each a chip in its colour beside the badges (the viewer shows the first whose condition holds, in the card's corner),
+    // and the alerts as the viewer draws them: a row of their own only once there is one, so a sheet without keeps its height.
+    const alerts = el('div', { class: 'fd-canvas-alerts' });
+    const card = el('div', { class: 'fd-canvas-header-card', hidden: '' }, stats, alerts, badges);
+    const adders = { button: adder('button'), statusbar: adder('statusbar'), stat: adder('stat'), badge: adder('badge'), ribbon: adder('ribbon'), alert: adder('alert'), menu: adder('menu') };
+    function add(kind) {
+        const created = designer.addHeaderPart(kind, NEW_WORDS[kind]);
+        if (created)
+            focus(created);
+    }
+    function pickMenuItem(anchor) {
+        const kinds = ['archive', 'unarchive', 'duplicate', 'delete', 'action', 'print'];
+        (0, menu_1.openMenu)({
+            el,
+            anchor,
+            title: w.addMenuItem,
+            actions: true,
+            items: kinds.map((kind) => ({ id: kind, label: w.menuKinds[kind], divider: kind === 'action' })),
+            note: w.menuNote,
+            onPick: (kind) => {
+                const made = designer.addMenuItem(kind, kind === 'action' ? d.newMenuAction : kind === 'print' ? d.newReport : undefined);
+                if (made)
+                    focus(made);
+            },
+        });
+    }
+    function pickStatusField(anchor) {
+        const page = designer.getPage();
+        const own = Object.entries(page.fields).map(([name, field]) => ({ name, field }));
+        // A choice's options, or the stages a link points to.
+        const choices = [...own, ...designer.modelFields()].filter(({ field }) => (field.type === 'selection' && !field.multiple) || field.type === 'many2one');
+        (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';
+        if (kind === 'ribbon')
+            return `fd-badge fd-canvas-ribbon fd-tone-${part.tone ?? 'muted'}`;
+        if (kind === 'alert')
+            return `fd-alert fd-tone-${part.tone ?? 'info'}`;
+        if (kind === 'menu')
+            return `fd-badge fd-canvas-menu-item${part.group === 'print' ? ' fd-canvas-menu-print' : ''}`;
+        return `fd-badge fd-tone-${part.tone ?? 'muted'}`;
+    }
+    function closedPart(kind, part, page) {
+        const tag = kind === 'badge' || kind === 'ribbon' ? 'span' : kind === 'alert' ? 'div' : '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 { field: count, unit } = part;
+            const value = el('span', { class: 'fd-stat-value' }, [count ? '12' : '', unit ?? ''].filter(Boolean).join(' '));
+            element.append(el('span', { class: 'fd-stat-words' }, value, el('span', { class: 'fd-stat-label' }, (0, header_commands_1.wordsOf)(part))));
+            if (count)
+                element.title = w.shows(page.fields[count]?.label ?? count);
+        }
+        else
+            element.append(kind === 'menu' ? itemWords(part) : (0, header_commands_1.wordsOf)(part));
+        const pick = () => {
+            designer.select(part.id);
+            focus(part.id, false);
+        };
+        element.addEventListener('click', pick);
+        element.addEventListener('keydown', (event) => {
+            const key = event.key;
+            if (tag !== 'button' && (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, itemWords(part).length + 1)), placeholder: kind === 'menu' ? itemWords(part) : undefined });
+        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': itemWords(part) }, 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 = (0, header_commands_1.wordsOf)(part);
+        // A built-in item's own words stand in while it has none, as the record's own it now is.
+        if (shown.input && kind === 'menu')
+            shown.input.placeholder = itemWords(part);
+        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(menuItems, [...row('menu', root.toolbar?.menu), adders.menu]);
+            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, ...row('ribbon', [...(root.ribbon ? [root.ribbon] : []), ...(root.ribbons ?? [])]), adders.ribbon, adders.alert]);
+            arrange(alerts, row('alert', root.alerts));
+            (0, writes_1.setHidden)(alerts, !root.alerts?.length);
+            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,242 @@
+import { createWidget } from '@fieldia/widgets';
+import { wordsOf } from './header-commands.mjs';
+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 d = designer.words.defaults;
+    const NEW_WORDS = { button: d.newButton, stat: d.counter, badge: d.badge, ribbon: d.ribbon, alert: d.alert, menu: d.newMenuAction };
+    const ADD_WORDS = { button: w.addButton, statusbar: w.addStatus, stat: w.addCounter, badge: w.addBadge, ribbon: w.addRibbon, alert: w.addAlert, menu: w.addMenuItem };
+    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) : kind === 'menu' ? pickMenuItem(button) : add(kind)));
+        return button;
+    };
+    /** An item of the gear menu's words: its own, or the built-in's in the designer's language. */
+    const itemWords = (part) => wordsOf(part) || (part.builtin ? w.menuKinds[part.builtin] : '');
+    const actions = el('div', { class: 'fd-actions fd-canvas-header-actions' });
+    const steps = el('div', { class: 'fd-canvas-header-steps' });
+    // The gear menu over the record, its items in a row after its gear.
+    const menuItems = el('div', { class: 'fd-canvas-menu-items' });
+    const menuRow = el('div', { class: 'fd-canvas-menu', role: 'group', 'aria-label': w.gearMenu }, el('span', { class: 'fd-canvas-menu-gear', 'aria-hidden': 'true' }, designerIcon(doc, 'more')), menuItems);
+    const top = el('div', { class: 'fd-header fd-canvas-header', hidden: '' }, menuRow, actions, steps);
+    const stats = el('div', { class: 'fd-stats fd-canvas-stats' });
+    const badges = el('div', { class: 'fd-badges fd-canvas-badges' });
+    // The ribbons, each a chip in its colour beside the badges (the viewer shows the first whose condition holds, in the card's corner),
+    // and the alerts as the viewer draws them: a row of their own only once there is one, so a sheet without keeps its height.
+    const alerts = el('div', { class: 'fd-canvas-alerts' });
+    const card = el('div', { class: 'fd-canvas-header-card', hidden: '' }, stats, alerts, badges);
+    const adders = { button: adder('button'), statusbar: adder('statusbar'), stat: adder('stat'), badge: adder('badge'), ribbon: adder('ribbon'), alert: adder('alert'), menu: adder('menu') };
+    function add(kind) {
+        const created = designer.addHeaderPart(kind, NEW_WORDS[kind]);
+        if (created)
+            focus(created);
+    }
+    function pickMenuItem(anchor) {
+        const kinds = ['archive', 'unarchive', 'duplicate', 'delete', 'action', 'print'];
+        openMenu({
+            el,
+            anchor,
+            title: w.addMenuItem,
+            actions: true,
+            items: kinds.map((kind) => ({ id: kind, label: w.menuKinds[kind], divider: kind === 'action' })),
+            note: w.menuNote,
+            onPick: (kind) => {
+                const made = designer.addMenuItem(kind, kind === 'action' ? d.newMenuAction : kind === 'print' ? d.newReport : undefined);
+                if (made)
+                    focus(made);
+            },
+        });
+    }
+    function pickStatusField(anchor) {
+        const page = designer.getPage();
+        const own = Object.entries(page.fields).map(([name, field]) => ({ name, field }));
+        // A choice's options, or the stages a link points to.
+        const choices = [...own, ...designer.modelFields()].filter(({ field }) => (field.type === 'selection' && !field.multiple) || field.type === 'many2one');
+        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';
+        if (kind === 'ribbon')
+            return `fd-badge fd-canvas-ribbon fd-tone-${part.tone ?? 'muted'}`;
+        if (kind === 'alert')
+            return `fd-alert fd-tone-${part.tone ?? 'info'}`;
+        if (kind === 'menu')
+            return `fd-badge fd-canvas-menu-item${part.group === 'print' ? ' fd-canvas-menu-print' : ''}`;
+        return `fd-badge fd-tone-${part.tone ?? 'muted'}`;
+    }
+    function closedPart(kind, part, page) {
+        const tag = kind === 'badge' || kind === 'ribbon' ? 'span' : kind === 'alert' ? 'div' : '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 { field: count, unit } = part;
+            const value = el('span', { class: 'fd-stat-value' }, [count ? '12' : '', unit ?? ''].filter(Boolean).join(' '));
+            element.append(el('span', { class: 'fd-stat-words' }, value, el('span', { class: 'fd-stat-label' }, wordsOf(part))));
+            if (count)
+                element.title = w.shows(page.fields[count]?.label ?? count);
+        }
+        else
+            element.append(kind === 'menu' ? itemWords(part) : wordsOf(part));
+        const pick = () => {
+            designer.select(part.id);
+            focus(part.id, false);
+        };
+        element.addEventListener('click', pick);
+        element.addEventListener('keydown', (event) => {
+            const key = event.key;
+            if (tag !== 'button' && (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, itemWords(part).length + 1)), placeholder: kind === 'menu' ? itemWords(part) : undefined });
+        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': itemWords(part) }, 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 = wordsOf(part);
+        // A built-in item's own words stand in while it has none, as the record's own it now is.
+        if (shown.input && kind === 'menu')
+            shown.input.placeholder = itemWords(part);
+        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(menuItems, [...row('menu', root.toolbar?.menu), adders.menu]);
+            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, ...row('ribbon', [...(root.ribbon ? [root.ribbon] : []), ...(root.ribbons ?? [])]), adders.ribbon, adders.alert]);
+            arrange(alerts, row('alert', root.alerts));
+            setHidden(alerts, !root.alerts?.length);
+            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