@fieldia/designer 0.0.0-stage → 0.11.0

package/src/lib/header-commands.mjs

@@ -0,0 +1,170 @@
+import { storedAs } from './kinds.mjs';
+import { allIds, nextName, shownFields } from './page-tree.mjs';
+import { Refusal } from './refusal.mjs';
+/** The lists a header part sits in, by kind, as the sheet names them. */
+const LISTS = { button: 'buttons', stat: 'statButtons', badge: 'badges' };
+/** A part of a sheet's header by its id: what kind, which list, and where in it. */
+export function findHeaderPart(page, id) {
+    const root = page.layout;
+    if (root.type !== 'sheet')
+        return null;
+    for (const kind of Object.keys(LISTS)) {
+        const list = (root[LISTS[kind]] ?? []);
+        const index = list.findIndex((p) => p.id === id);
+        if (index !== -1)
+            return { kind, list, index, part: list[index] };
+    }
+    return null;
+}
+/** Words as an action's name: "Send by email" is `send_by_email`. */
+const actionName = (label) => label
+    .normalize('NFKD')
+    .replace(/[̀-ͯ]/g, '')
+    .toLowerCase()
+    .replace(/[^a-z0-9]+/g, '_')
+    .replace(/^_+|_+$/g, '') || 'action';
+export function headerCommands(context) {
+    const { apply, model } = context;
+    const sheetOf = (draft) => {
+        if (draft.layout.type !== 'sheet')
+            throw new Refusal((w) => w.refusals.onlySheetHeader);
+        return draft.layout;
+    };
+    /** A field the page has, or the model's, put on the page as the model has it. */
+    const fieldFor = (draft, name) => {
+        const own = draft.fields[name] ?? model[name];
+        if (!own)
+            throw new Refusal((w) => w.refusals.noField(name));
+        draft.fields[name] = own;
+        return own;
+    };
+    /** Drop the fields nothing on the page shows any more. */
+    const prune = (draft) => {
+        const shown = shownFields(draft);
+        for (const name of Object.keys(draft.fields))
+            if (!shown.has(name))
+                delete draft.fields[name];
+    };
+    const partOf = (draft, id) => {
+        const found = findHeaderPart(draft, id);
+        if (!found)
+            throw new Refusal((w) => w.refusals.noHeaderPart(id));
+        return found;
+    };
+    return {
+        setStatusbar(field, options = {}) {
+            return apply((draft) => {
+                const root = sheetOf(draft);
+                if (field === null) {
+                    delete root.statusbar;
+                    prune(draft);
+                    return;
+                }
+                const def = fieldFor(draft, field);
+                if (def.type !== 'selection' || def.multiple)
+                    throw new Refusal((w) => w.refusals.statusOneOfList(def.label, storedAs(def, w)));
+                const kept = root.statusbar?.field === field ? root.statusbar : undefined;
+                root.statusbar = { ...kept, field, ...options };
+                if (root.statusbar.clickable === false)
+                    delete root.statusbar.clickable;
+                if (root.statusbar.position === 'header')
+                    delete root.statusbar.position;
+                prune(draft);
+            });
+        },
+        addHeaderPart(kind, label) {
+            let created = '';
+            const words = label.trim();
+            const ok = apply((draft) => {
+                const root = sheetOf(draft);
+                if (!words)
+                    throw new Refusal((w) => w.refusals.headerNeedsWords);
+                const ids = allIds(draft);
+                created = nextName((id) => ids.has(id), kind, '-');
+                if (kind === 'button')
+                    root.buttons = [...(root.buttons ?? []), { type: 'button', id: created, label: words, action: actionName(words) }];
+                else if (kind === 'stat')
+                    root.statButtons = [...(root.statButtons ?? []), { id: created, label: words, action: actionName(words) }];
+                else
+                    root.badges = [...(root.badges ?? []), { id: created, label: words, tone: 'muted' }];
+            });
+            if (!ok)
+                return false;
+            context.select(created);
+            return created;
+        },
+        updateHeaderPart(id, patch) {
+            const typing = Object.keys(patch).length === 1 && ('label' in patch || 'action' in patch || 'confirm' in patch);
+            return apply((draft) => {
+                const { kind, part } = partOf(draft, id);
+                if (patch.label !== undefined)
+                    part.label = patch.label;
+                if (patch.action !== undefined) {
+                    if (kind === 'badge')
+                        throw new Refusal((w) => w.refusals.badgeNoAction);
+                    if (!patch.action.trim())
+                        throw new Refusal((w) => (kind === 'stat' ? w.refusals.counterAction : w.refusals.buttonAction));
+                    part.action = patch.action.trim();
+                }
+                if (patch.style !== undefined) {
+                    if (kind !== 'button')
+                        throw new Refusal((w) => w.refusals.onlyButtonStyle);
+                    part.style = patch.style;
+                }
+                if (patch.confirm !== undefined) {
+                    if (kind !== 'button')
+                        throw new Refusal((w) => w.refusals.onlyButtonAsks);
+                    if (patch.confirm.trim())
+                        part.confirm = patch.confirm;
+                    else
+                        delete part.confirm;
+                }
+                if (patch.tone !== undefined) {
+                    if (kind !== 'badge')
+                        throw new Refusal((w) => w.refusals.onlyBadgeTone);
+                    part.tone = patch.tone;
+                }
+                if (patch.field !== undefined) {
+                    if (kind !== 'stat')
+                        throw new Refusal((w) => w.refusals.onlyCounterField);
+                    if (!patch.field)
+                        delete part.field;
+                    else {
+                        const def = fieldFor(draft, patch.field);
+                        if (!['integer', 'float', 'monetary'].includes(def.type))
+                            throw new Refusal((w) => w.refusals.counterNumber(def.label, storedAs(def, w)));
+                        part.field = patch.field;
+                    }
+                    prune(draft);
+                }
+                if (patch.icon !== undefined) {
+                    if (patch.icon)
+                        part.icon = patch.icon;
+                    else
+                        delete part.icon;
+                }
+            }, typing ? `header:${Object.keys(patch)[0]}:${id}` : null);
+        },
+        moveHeaderPart(id, delta) {
+            return apply((draft) => {
+                const { list, index } = partOf(draft, id);
+                const to = index + delta;
+                if (to < 0 || to >= list.length)
+                    throw new Refusal((w) => w.refusals.cannotMoveFurther);
+                const [moved] = list.splice(index, 1);
+                list.splice(to, 0, moved);
+            });
+        },
+        removeHeaderPart(id) {
+            return apply((draft) => {
+                const { kind, list, index } = partOf(draft, id);
+                list.splice(index, 1);
+                const root = draft.layout;
+                if (!list.length)
+                    delete root[LISTS[kind]];
+                prune(draft);
+            });
+        },
+    };
+}
+//# sourceMappingURL=header-commands.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"header-commands.mjs","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/header-commands.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAoCpC,yEAAyE;AACzE,MAAM,KAAK,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAW,CAAC;AAEnF,oFAAoF;AACpF,MAAM,UAAU,cAAc,CAAC,IAAU,EAAE,EAAU;IACnD,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC;IACzB,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO;QAAE,OAAO,IAAI,CAAC;IACvC,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAqB,EAAE,CAAC;QAC1D,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAwC,CAAC;QAC9E,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;QACjD,IAAI,KAAK,KAAK,CAAC,CAAC;YAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;IACpE,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,qEAAqE;AACrE,MAAM,UAAU,GAAG,CAAC,KAAa,EAAE,EAAE,CACnC,KAAK;KACF,SAAS,CAAC,MAAM,CAAC;KACjB,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC;KACrB,WAAW,EAAE;KACb,OAAO,CAAC,aAAa,EAAE,GAAG,CAAC;KAC3B,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,IAAI,QAAQ,CAAC;AAQzC,MAAM,UAAU,cAAc,CAAC,OAAsB;IACnD,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;IACjC,MAAM,OAAO,GAAG,CAAC,KAAW,EAAa,EAAE;QACzC,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,OAAO;YAAE,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;QACxF,OAAO,KAAK,CAAC,MAAM,CAAC;IACtB,CAAC,CAAC;IACF,iFAAiF;IACjF,MAAM,QAAQ,GAAG,CAAC,KAAW,EAAE,IAAY,EAAS,EAAE;QACpD,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC;QAC9C,IAAI,CAAC,GAAG;YAAE,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7D,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC;QACzB,OAAO,GAAG,CAAC;IACb,CAAC,CAAC;IACF,0DAA0D;IAC1D,MAAM,KAAK,GAAG,CAAC,KAAW,EAAE,EAAE;QAC5B,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;QACjC,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;YAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;gBAAE,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAChG,CAAC,CAAC;IACF,MAAM,MAAM,GAAG,CAAC,KAAW,EAAE,EAAU,EAAE,EAAE;QACzC,MAAM,KAAK,GAAG,cAAc,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACxC,IAAI,CAAC,KAAK;YAAE,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC;QAClE,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,OAAO;QACL,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,EAAE;YAC9B,OAAO,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;gBACrB,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;gBAC5B,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;oBACnB,OAAO,IAAI,CAAC,SAAS,CAAC;oBACtB,KAAK,CAAC,KAAK,CAAC,CAAC;oBACb,OAAO;gBACT,CAAC;gBACD,MAAM,GAAG,GAAG,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;gBACnC,IAAI,GAAG,CAAC,IAAI,KAAK,WAAW,IAAI,GAAG,CAAC,QAAQ;oBAAE,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;gBAChI,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,EAAE,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;gBAC1E,IAAI,CAAC,SAAS,GAAG,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,GAAG,OAAO,EAAE,CAAC;gBAChD,IAAI,IAAI,CAAC,SAAS,CAAC,SAAS,KAAK,KAAK;oBAAE,OAAO,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;gBACxE,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,KAAK,QAAQ;oBAAE,OAAO,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC;gBACzE,KAAK,CAAC,KAAK,CAAC,CAAC;YACf,CAAC,CAAC,CAAC;QACL,CAAC;QAED,aAAa,CAAC,IAAI,EAAE,KAAK;YACvB,IAAI,OAAO,GAAG,EAAE,CAAC;YACjB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;YAC3B,MAAM,EAAE,GAAG,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;gBACzB,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;gBAC5B,IAAI,CAAC,KAAK;oBAAE,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;gBAClE,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;gBAC1B,OAAO,GAAG,QAAQ,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;gBACnD,IAAI,IAAI,KAAK,QAAQ;oBAAE,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;qBACrI,IAAI,IAAI,KAAK,MAAM;oBAAE,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;;oBAChI,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;YAC5F,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,EAAE;gBAAE,OAAO,KAAK,CAAC;YACtB,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YACxB,OAAO,OAAO,CAAC;QACjB,CAAC;QAED,gBAAgB,CAAC,EAAE,EAAE,KAAK;YACxB,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,OAAO,IAAI,KAAK,IAAI,QAAQ,IAAI,KAAK,IAAI,SAAS,IAAI,KAAK,CAAC,CAAC;YAChH,OAAO,KAAK,CACV,CAAC,KAAK,EAAE,EAAE;gBACR,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;gBACzC,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS;oBAAE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;gBACxD,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;oBAC/B,IAAI,IAAI,KAAK,OAAO;wBAAE,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;oBACzE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE;wBAAE,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC;oBAC1H,IAAgC,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;gBACjE,CAAC;gBACD,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;oBAC9B,IAAI,IAAI,KAAK,QAAQ;wBAAE,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;oBAC3E,IAAmB,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;gBAC3C,CAAC;gBACD,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;oBAChC,IAAI,IAAI,KAAK,QAAQ;wBAAE,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;oBAC3E,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE;wBAAG,IAAmB,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;;wBAClE,OAAQ,IAAmB,CAAC,OAAO,CAAC;gBAC3C,CAAC;gBACD,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;oBAC7B,IAAI,IAAI,KAAK,OAAO;wBAAE,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;oBACxE,IAAc,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;gBACpC,CAAC;gBACD,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;oBAC9B,IAAI,IAAI,KAAK,MAAM;wBAAE,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;oBAC3E,IAAI,CAAC,KAAK,CAAC,KAAK;wBAAE,OAAQ,IAAmB,CAAC,KAAK,CAAC;yBAC/C,CAAC;wBACJ,MAAM,GAAG,GAAG,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;wBACzC,IAAI,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;4BAAE,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;wBACzI,IAAmB,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;oBAC3C,CAAC;oBACD,KAAK,CAAC,KAAK,CAAC,CAAC;gBACf,CAAC;gBACD,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;oBAC7B,IAAI,KAAK,CAAC,IAAI;wBAAE,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;;wBAClC,OAAO,IAAI,CAAC,IAAI,CAAC;gBACxB,CAAC;YACH,CAAC,EACD,MAAM,CAAC,CAAC,CAAC,UAAU,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CACxD,CAAC;QACJ,CAAC;QAED,cAAc,CAAC,EAAE,EAAE,KAAK;YACtB,OAAO,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;gBACrB,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;gBAC1C,MAAM,EAAE,GAAG,KAAK,GAAG,KAAK,CAAC;gBACzB,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,MAAM;oBAAE,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC;gBACxF,MAAM,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;gBACtC,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;YAC5B,CAAC,CAAC,CAAC;QACL,CAAC;QAED,gBAAgB,CAAC,EAAE;YACjB,OAAO,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;gBACrB,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;gBAChD,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;gBACtB,MAAM,IAAI,GAAG,KAAK,CAAC,MAAmB,CAAC;gBACvC,IAAI,CAAC,IAAI,CAAC,MAAM;oBAAE,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;gBAC3C,KAAK,CAAC,KAAK,CAAC,CAAC;YACf,CAAC,CAAC,CAAC;QACL,CAAC;KACF,CAAC;AACJ,CAAC"}

package/src/lib/header-properties.d.mts

@@ -0,0 +1,5 @@
+import type { ElementFactory } from './chrome.mjs';
+import type { Designer } from './designer.mjs';
+import type { PropertiesView } from './screen-properties.mjs';
+export declare function headerPartProperties(el: ElementFactory, designer: Designer, id: string): PropertiesView;
+export declare function statusbarProperties(el: ElementFactory, designer: Designer): PropertiesView;

package/src/lib/header-properties.d.ts

@@ -0,0 +1,5 @@
+import type { ElementFactory } from './chrome';
+import type { Designer } from './designer';
+import type { PropertiesView } from './screen-properties';
+export declare function headerPartProperties(el: ElementFactory, designer: Designer, id: string): PropertiesView;
+export declare function statusbarProperties(el: ElementFactory, designer: Designer): PropertiesView;

package/src/lib/header-properties.js

@@ -0,0 +1,121 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.headerPartProperties = headerPartProperties;
+exports.statusbarProperties = statusbarProperties;
+const condition_editor_1 = require("./condition-editor");
+const header_commands_1 = require("./header-commands");
+const page_tree_1 = require("./page-tree");
+const steps_panel_1 = require("./steps-panel");
+/**
+ * The panel for a part of a record's header: a button, a counter or a badge
+ * — its words, what it does, how it looks and when it shows — and for the
+ * status steps: which field, whether a step can be clicked, and where they sit.
+ */
+const prop = (el, text, control) => el('label', { class: 'fd-prop' }, el('span', { class: 'fd-prop-name' }, text), control);
+const select = (el, label, options) => el('select', { class: 'fd-input fd-select', 'aria-label': label }, ...options.map(([value, text]) => el('option', { value }, text)));
+/** The fields a rule can test: those holding one of a list, or yes or no, on the page or as its status steps. */
+function testable(page) {
+    const nodes = (0, page_tree_1.allSections)(page).flatMap((s) => s.children.filter((n) => n.type === 'field'));
+    const root = page.layout;
+    const steps = root.statusbar ? [{ type: 'field', id: '#statusbar', field: root.statusbar.field }] : [];
+    return [...steps, ...nodes].filter((n) => (0, condition_editor_1.choicesOf)(page.fields[n.field]) !== null);
+}
+function headerPartProperties(el, designer, id) {
+    const focused = (node) => node.ownerDocument.activeElement === node;
+    const w = designer.words.panel;
+    const words = el('input', { class: 'fd-input', 'aria-label': w.words });
+    words.addEventListener('input', () => designer.updateHeaderPart(id, { label: words.value }));
+    // steps lane: what a button or a counter does when clicked, its app action one of the steps.
+    const pressed = (0, header_commands_1.findHeaderPart)(designer.getPage(), id)?.kind !== 'badge' ? (0, steps_panel_1.whenClicked)(el, designer, id) : null;
+    const look = select(el, w.look, [['secondary', w.buttonLooks.secondary], ['primary', w.buttonLooks.primary], ['danger', w.buttonLooks.danger], ['link', w.buttonLooks.link]]);
+    look.addEventListener('change', () => designer.updateHeaderPart(id, { style: look.value }));
+    const lookRow = prop(el, w.look, look);
+    const asks = el('input', { class: 'fd-input', 'aria-label': w.asksFirst, placeholder: w.actsAtOnce });
+    asks.addEventListener('input', () => designer.updateHeaderPart(id, { confirm: asks.value }));
+    const asksRow = prop(el, w.asksFirst, asks);
+    const count = el('select', { class: 'fd-input fd-select', 'aria-label': w.numberFrom });
+    count.addEventListener('change', () => designer.updateHeaderPart(id, { field: count.value }));
+    const countRow = prop(el, w.numberFrom, count);
+    const tone = select(el, w.tone, [['muted', w.tones.muted], ['info', w.tones.info], ['success', w.tones.success], ['warning', w.tones.warning], ['danger', w.tones.danger]]);
+    tone.addEventListener('change', () => designer.updateHeaderPart(id, { tone: tone.value }));
+    const toneRow = prop(el, w.tone, tone);
+    const when = (0, condition_editor_1.conditionEditor)(el, designer, id, 'question');
+    const showWhen = el('button', { type: 'button', class: 'fd-button fd-button-link fd-q-when' }, w.showOnlyWhen);
+    showWhen.addEventListener('click', () => when.start());
+    const left = el('button', { type: 'button', class: 'fd-button' }, w.moveLeft);
+    const right = el('button', { type: 'button', class: 'fd-button' }, w.moveRight);
+    const remove = el('button', { type: 'button', class: 'fd-button fd-button-danger' }, w.delete);
+    left.addEventListener('click', () => designer.moveHeaderPart(id, -1));
+    right.addEventListener('click', () => designer.moveHeaderPart(id, 1));
+    remove.addEventListener('click', () => designer.removeHeaderPart(id));
+    const element = el('div', { class: 'fd-props' }, prop(el, w.words, words), ...(pressed ? [pressed.element] : []), lookRow, asksRow, countRow, toneRow, el('div', { class: 'fd-prop fd-prop-when' }, el('span', { class: 'fd-prop-name' }, w.whenItShows), when.element, showWhen), el('div', { class: 'fd-props-actions' }, left, right, remove));
+    return {
+        element,
+        update(page) {
+            const found = (0, header_commands_1.findHeaderPart)(page, id);
+            if (!found)
+                return;
+            const { kind, part, index, list } = found;
+            if (!focused(words))
+                words.value = part.label;
+            pressed?.update(page);
+            lookRow.hidden = asksRow.hidden = kind !== 'button';
+            if (kind === 'button') {
+                look.value = part.style ?? 'secondary';
+                if (!focused(asks))
+                    asks.value = part.confirm ?? '';
+            }
+            countRow.hidden = kind !== 'stat';
+            if (kind === 'stat') {
+                const numbers = Object.entries(page.fields).filter(([, f]) => ['integer', 'float', 'monetary'].includes(f.type));
+                const offered = [...numbers, ...designer.modelFields().filter((m) => ['integer', 'float', 'monetary'].includes(m.field.type)).map((m) => [m.name, m.field])];
+                count.replaceChildren(el('option', { value: '' }, w.nothing), ...offered.map(([name, f]) => el('option', { value: name }, f.label)));
+                count.value = part.field ?? '';
+            }
+            toneRow.hidden = kind !== 'badge';
+            if (kind === 'badge')
+                tone.value = part.tone ?? 'muted';
+            when.update(page, testable(page), part.invisible);
+            showWhen.hidden = !when.element.hidden || !when.canStart();
+            left.hidden = index === 0;
+            right.hidden = index === list.length - 1;
+        },
+        focus() {
+            words.focus();
+        },
+    };
+}
+function statusbarProperties(el, designer) {
+    const w = designer.words.panel;
+    const which = el('select', { class: 'fd-input fd-select', 'aria-label': w.stepsFrom });
+    const clickable = el('input', { type: 'checkbox', 'aria-label': w.clickStep });
+    const where = select(el, w.where, [['header', w.inHeaderBar], ['title', w.underTitle]]);
+    const current = () => designer.getPage().layout.statusbar;
+    const save = () => {
+        const position = where.value;
+        designer.setStatusbar(which.value, { clickable: clickable.checked, position });
+    };
+    which.addEventListener('change', save);
+    clickable.addEventListener('change', save);
+    where.addEventListener('change', save);
+    const remove = el('button', { type: 'button', class: 'fd-button fd-button-danger' }, w.removeStatus);
+    remove.addEventListener('click', () => {
+        if (designer.setStatusbar(null))
+            designer.select(null);
+    });
+    const element = el('div', { class: 'fd-props' }, prop(el, w.stepsFrom, which), el('label', { class: 'fd-q-required' }, clickable, el('span', {}, w.clickStep)), prop(el, w.where, where), el('p', { class: 'fd-properties-hint' }, w.stepsHint), el('div', { class: 'fd-props-actions' }, remove));
+    return {
+        element,
+        update(page) {
+            const config = current();
+            if (!config)
+                return;
+            const fields = [...Object.entries(page.fields).map(([name, field]) => ({ name, field })), ...designer.modelFields()].filter(({ field }) => field.type === 'selection' && !field.multiple);
+            which.replaceChildren(...fields.map(({ name, field }) => el('option', { value: name }, field.label)));
+            which.value = config.field;
+            clickable.checked = config.clickable === true;
+            where.value = config.position ?? 'header';
+        },
+    };
+}
+//# sourceMappingURL=header-properties.js.map

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

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

package/src/lib/header-properties.mjs

@@ -0,0 +1,117 @@
+import { choicesOf, conditionEditor } from './condition-editor.mjs';
+import { findHeaderPart } from './header-commands.mjs';
+import { allSections } from './page-tree.mjs';
+import { whenClicked } from './steps-panel.mjs';
+/**
+ * The panel for a part of a record's header: a button, a counter or a badge
+ * — its words, what it does, how it looks and when it shows — and for the
+ * status steps: which field, whether a step can be clicked, and where they sit.
+ */
+const prop = (el, text, control) => el('label', { class: 'fd-prop' }, el('span', { class: 'fd-prop-name' }, text), control);
+const select = (el, label, options) => el('select', { class: 'fd-input fd-select', 'aria-label': label }, ...options.map(([value, text]) => el('option', { value }, text)));
+/** The fields a rule can test: those holding one of a list, or yes or no, on the page or as its status steps. */
+function testable(page) {
+    const nodes = allSections(page).flatMap((s) => s.children.filter((n) => n.type === 'field'));
+    const root = page.layout;
+    const steps = root.statusbar ? [{ type: 'field', id: '#statusbar', field: root.statusbar.field }] : [];
+    return [...steps, ...nodes].filter((n) => choicesOf(page.fields[n.field]) !== null);
+}
+export function headerPartProperties(el, designer, id) {
+    const focused = (node) => node.ownerDocument.activeElement === node;
+    const w = designer.words.panel;
+    const words = el('input', { class: 'fd-input', 'aria-label': w.words });
+    words.addEventListener('input', () => designer.updateHeaderPart(id, { label: words.value }));
+    // steps lane: what a button or a counter does when clicked, its app action one of the steps.
+    const pressed = findHeaderPart(designer.getPage(), id)?.kind !== 'badge' ? whenClicked(el, designer, id) : null;
+    const look = select(el, w.look, [['secondary', w.buttonLooks.secondary], ['primary', w.buttonLooks.primary], ['danger', w.buttonLooks.danger], ['link', w.buttonLooks.link]]);
+    look.addEventListener('change', () => designer.updateHeaderPart(id, { style: look.value }));
+    const lookRow = prop(el, w.look, look);
+    const asks = el('input', { class: 'fd-input', 'aria-label': w.asksFirst, placeholder: w.actsAtOnce });
+    asks.addEventListener('input', () => designer.updateHeaderPart(id, { confirm: asks.value }));
+    const asksRow = prop(el, w.asksFirst, asks);
+    const count = el('select', { class: 'fd-input fd-select', 'aria-label': w.numberFrom });
+    count.addEventListener('change', () => designer.updateHeaderPart(id, { field: count.value }));
+    const countRow = prop(el, w.numberFrom, count);
+    const tone = select(el, w.tone, [['muted', w.tones.muted], ['info', w.tones.info], ['success', w.tones.success], ['warning', w.tones.warning], ['danger', w.tones.danger]]);
+    tone.addEventListener('change', () => designer.updateHeaderPart(id, { tone: tone.value }));
+    const toneRow = prop(el, w.tone, tone);
+    const when = conditionEditor(el, designer, id, 'question');
+    const showWhen = el('button', { type: 'button', class: 'fd-button fd-button-link fd-q-when' }, w.showOnlyWhen);
+    showWhen.addEventListener('click', () => when.start());
+    const left = el('button', { type: 'button', class: 'fd-button' }, w.moveLeft);
+    const right = el('button', { type: 'button', class: 'fd-button' }, w.moveRight);
+    const remove = el('button', { type: 'button', class: 'fd-button fd-button-danger' }, w.delete);
+    left.addEventListener('click', () => designer.moveHeaderPart(id, -1));
+    right.addEventListener('click', () => designer.moveHeaderPart(id, 1));
+    remove.addEventListener('click', () => designer.removeHeaderPart(id));
+    const element = el('div', { class: 'fd-props' }, prop(el, w.words, words), ...(pressed ? [pressed.element] : []), lookRow, asksRow, countRow, toneRow, el('div', { class: 'fd-prop fd-prop-when' }, el('span', { class: 'fd-prop-name' }, w.whenItShows), when.element, showWhen), el('div', { class: 'fd-props-actions' }, left, right, remove));
+    return {
+        element,
+        update(page) {
+            const found = findHeaderPart(page, id);
+            if (!found)
+                return;
+            const { kind, part, index, list } = found;
+            if (!focused(words))
+                words.value = part.label;
+            pressed?.update(page);
+            lookRow.hidden = asksRow.hidden = kind !== 'button';
+            if (kind === 'button') {
+                look.value = part.style ?? 'secondary';
+                if (!focused(asks))
+                    asks.value = part.confirm ?? '';
+            }
+            countRow.hidden = kind !== 'stat';
+            if (kind === 'stat') {
+                const numbers = Object.entries(page.fields).filter(([, f]) => ['integer', 'float', 'monetary'].includes(f.type));
+                const offered = [...numbers, ...designer.modelFields().filter((m) => ['integer', 'float', 'monetary'].includes(m.field.type)).map((m) => [m.name, m.field])];
+                count.replaceChildren(el('option', { value: '' }, w.nothing), ...offered.map(([name, f]) => el('option', { value: name }, f.label)));
+                count.value = part.field ?? '';
+            }
+            toneRow.hidden = kind !== 'badge';
+            if (kind === 'badge')
+                tone.value = part.tone ?? 'muted';
+            when.update(page, testable(page), part.invisible);
+            showWhen.hidden = !when.element.hidden || !when.canStart();
+            left.hidden = index === 0;
+            right.hidden = index === list.length - 1;
+        },
+        focus() {
+            words.focus();
+        },
+    };
+}
+export function statusbarProperties(el, designer) {
+    const w = designer.words.panel;
+    const which = el('select', { class: 'fd-input fd-select', 'aria-label': w.stepsFrom });
+    const clickable = el('input', { type: 'checkbox', 'aria-label': w.clickStep });
+    const where = select(el, w.where, [['header', w.inHeaderBar], ['title', w.underTitle]]);
+    const current = () => designer.getPage().layout.statusbar;
+    const save = () => {
+        const position = where.value;
+        designer.setStatusbar(which.value, { clickable: clickable.checked, position });
+    };
+    which.addEventListener('change', save);
+    clickable.addEventListener('change', save);
+    where.addEventListener('change', save);
+    const remove = el('button', { type: 'button', class: 'fd-button fd-button-danger' }, w.removeStatus);
+    remove.addEventListener('click', () => {
+        if (designer.setStatusbar(null))
+            designer.select(null);
+    });
+    const element = el('div', { class: 'fd-props' }, prop(el, w.stepsFrom, which), el('label', { class: 'fd-q-required' }, clickable, el('span', {}, w.clickStep)), prop(el, w.where, where), el('p', { class: 'fd-properties-hint' }, w.stepsHint), el('div', { class: 'fd-props-actions' }, remove));
+    return {
+        element,
+        update(page) {
+            const config = current();
+            if (!config)
+                return;
+            const fields = [...Object.entries(page.fields).map(([name, field]) => ({ name, field })), ...designer.modelFields()].filter(({ field }) => field.type === 'selection' && !field.multiple);
+            which.replaceChildren(...fields.map(({ name, field }) => el('option', { value: name }, field.label)));
+            which.value = config.field;
+            clickable.checked = config.clickable === true;
+            where.value = config.position ?? 'header';
+        },
+    };
+}
+//# sourceMappingURL=header-properties.mjs.map

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

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

package/src/lib/icons.d.mts

@@ -0,0 +1,4 @@
+/** The names the designer has an icon for. */
+export declare const ICON_NAMES: string[];
+/** An icon as an SVG element, hidden from assistive technology: the button or tile around it carries the words. */
+export declare function designerIcon(doc: Document, name: string): SVGSVGElement;

package/src/lib/icons.d.ts

@@ -0,0 +1,4 @@
+/** The names the designer has an icon for. */
+export declare const ICON_NAMES: string[];
+/** An icon as an SVG element, hidden from assistive technology: the button or tile around it carries the words. */
+export declare function designerIcon(doc: Document, name: string): SVGSVGElement;

package/src/lib/icons.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ICON_NAMES = void 0;
+exports.designerIcon = designerIcon;
+const kinds_1 = require("./kinds");
+/**
+ * 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. */
+exports.ICON_NAMES = Object.keys(SHAPES);
+/** An icon as an SVG element, hidden from assistive technology: the button or tile around it carries the words. */
+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] ?? (0, kinds_1.appKindIcon)(name) ?? SHAPES['short-answer'];
+    return svg;
+}
+//# sourceMappingURL=icons.js.map

package/src/lib/icons.js.map

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