@fieldia/designer 0.0.0-stage → 0.11.0

package/src/lib/find-anything.js

@@ -0,0 +1,109 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.openFind = openFind;
+exports.settingItems = settingItems;
+const icons_1 = require("./icons");
+let count = 0;
+function openFind(el, root, items, words) {
+    const doc = root.ownerDocument;
+    const w = words.bar;
+    const opener = doc.activeElement;
+    const id = `fd-find-${++count}`;
+    const input = el('input', {
+        class: 'fd-find-input',
+        role: 'combobox',
+        'aria-label': w.findAnything,
+        'aria-expanded': 'true',
+        'aria-controls': `${id}-list`,
+        'aria-autocomplete': 'list',
+        autocomplete: 'off',
+        spellcheck: 'false',
+        placeholder: w.findPlaceholder,
+    });
+    const list = el('div', { class: 'fd-find-list', role: 'listbox', id: `${id}-list`, 'aria-label': w.found });
+    const none = el('p', { class: 'fd-find-none', hidden: '' }, w.nothingFound);
+    const box = el('div', { class: 'fd-find', role: 'dialog', 'aria-modal': 'true', 'aria-label': w.findAnything }, input, list, none);
+    const backdrop = el('div', { class: 'fd-dialog-backdrop fd-find-backdrop' }, box);
+    let found = items;
+    let at = 0;
+    function draw() {
+        const words = input.value.toLowerCase().split(/\s+/).filter(Boolean);
+        found = items.filter((item) => words.every((word) => item.label.toLowerCase().includes(word)));
+        at = Math.min(at, Math.max(0, found.length - 1));
+        const iconed = found.some((item) => item.icon);
+        list.replaceChildren(...found.map((item, i) => {
+            const option = el('div', { class: 'fd-find-option', role: 'option', id: `${id}-${i}`, 'aria-selected': String(i === at) }, ...(item.icon ? [(0, icons_1.designerIcon)(doc, item.icon)] : iconed ? [el('span', { class: 'fd-find-icon-room', 'aria-hidden': 'true' })] : []), el('span', { class: 'fd-find-label' }, item.label), ...(item.hint ? [el('span', { class: 'fd-find-hint' }, item.hint)] : []));
+            option.addEventListener('pointerdown', (event) => event.preventDefault());
+            option.addEventListener('click', () => run(item));
+            return option;
+        }));
+        none.hidden = found.length > 0;
+        if (found.length)
+            input.setAttribute('aria-activedescendant', `${id}-${at}`);
+        else
+            input.removeAttribute('aria-activedescendant');
+        list.querySelector('[aria-selected="true"]')?.scrollIntoView?.({ block: 'nearest' });
+    }
+    function close(refocus = true) {
+        backdrop.remove();
+        if (refocus)
+            opener?.focus?.();
+    }
+    function run(item) {
+        // Closed first, focus back where it was: what it runs may put the cursor somewhere else,
+        // and a dialog it opens gives focus back there when it closes.
+        close();
+        item.run();
+    }
+    input.addEventListener('input', () => {
+        at = 0;
+        draw();
+    });
+    input.addEventListener('keydown', (event) => {
+        if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
+            event.preventDefault();
+            if (!found.length)
+                return;
+            at = (at + (event.key === 'ArrowDown' ? 1 : -1) + found.length) % found.length;
+            draw();
+        }
+        else if (event.key === 'Enter') {
+            event.preventDefault();
+            if (found[at])
+                run(found[at]);
+        }
+        else if (event.key === 'Escape') {
+            event.preventDefault();
+            event.stopPropagation();
+            close();
+        }
+        else if (event.key === 'Tab')
+            event.preventDefault();
+    });
+    backdrop.addEventListener('pointerdown', (event) => event.target === backdrop && close());
+    draw();
+    root.append(backdrop);
+    // Focused now, not a frame later: what is typed straight after ⌘K lands in the box.
+    input.focus();
+    return { close };
+}
+/**
+ * The panel's settings as things to find: each by its name, and each of its
+ * choices as "Labels: beside" — by the choices' own group where a setting
+ * has several, as Columns has one for each size of screen.
+ */
+function settingItems(entries, open, words, kind = words.bar.setting) {
+    return entries.flatMap((entry) => {
+        const hint = words.bar.settingHint(kind, entry.tab);
+        const groups = new Set(entry.choices.map((c) => c.group));
+        return [
+            { label: entry.name, hint, run: () => open(entry) },
+            ...entry.choices.map((choice) => ({
+                label: words.bar.settingChoice(groups.size > 1 && choice.group ? choice.group : entry.name, choice.words),
+                hint,
+                run: () => open(entry, choice.value),
+            })),
+        ];
+    });
+}
+//# sourceMappingURL=find-anything.js.map

package/src/lib/find-anything.js.map

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

package/src/lib/find-anything.mjs

@@ -0,0 +1,105 @@
+import { designerIcon } from './icons.mjs';
+let count = 0;
+export function openFind(el, root, items, words) {
+    const doc = root.ownerDocument;
+    const w = words.bar;
+    const opener = doc.activeElement;
+    const id = `fd-find-${++count}`;
+    const input = el('input', {
+        class: 'fd-find-input',
+        role: 'combobox',
+        'aria-label': w.findAnything,
+        'aria-expanded': 'true',
+        'aria-controls': `${id}-list`,
+        'aria-autocomplete': 'list',
+        autocomplete: 'off',
+        spellcheck: 'false',
+        placeholder: w.findPlaceholder,
+    });
+    const list = el('div', { class: 'fd-find-list', role: 'listbox', id: `${id}-list`, 'aria-label': w.found });
+    const none = el('p', { class: 'fd-find-none', hidden: '' }, w.nothingFound);
+    const box = el('div', { class: 'fd-find', role: 'dialog', 'aria-modal': 'true', 'aria-label': w.findAnything }, input, list, none);
+    const backdrop = el('div', { class: 'fd-dialog-backdrop fd-find-backdrop' }, box);
+    let found = items;
+    let at = 0;
+    function draw() {
+        const words = input.value.toLowerCase().split(/\s+/).filter(Boolean);
+        found = items.filter((item) => words.every((word) => item.label.toLowerCase().includes(word)));
+        at = Math.min(at, Math.max(0, found.length - 1));
+        const iconed = found.some((item) => item.icon);
+        list.replaceChildren(...found.map((item, i) => {
+            const option = el('div', { class: 'fd-find-option', role: 'option', id: `${id}-${i}`, 'aria-selected': String(i === at) }, ...(item.icon ? [designerIcon(doc, item.icon)] : iconed ? [el('span', { class: 'fd-find-icon-room', 'aria-hidden': 'true' })] : []), el('span', { class: 'fd-find-label' }, item.label), ...(item.hint ? [el('span', { class: 'fd-find-hint' }, item.hint)] : []));
+            option.addEventListener('pointerdown', (event) => event.preventDefault());
+            option.addEventListener('click', () => run(item));
+            return option;
+        }));
+        none.hidden = found.length > 0;
+        if (found.length)
+            input.setAttribute('aria-activedescendant', `${id}-${at}`);
+        else
+            input.removeAttribute('aria-activedescendant');
+        list.querySelector('[aria-selected="true"]')?.scrollIntoView?.({ block: 'nearest' });
+    }
+    function close(refocus = true) {
+        backdrop.remove();
+        if (refocus)
+            opener?.focus?.();
+    }
+    function run(item) {
+        // Closed first, focus back where it was: what it runs may put the cursor somewhere else,
+        // and a dialog it opens gives focus back there when it closes.
+        close();
+        item.run();
+    }
+    input.addEventListener('input', () => {
+        at = 0;
+        draw();
+    });
+    input.addEventListener('keydown', (event) => {
+        if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
+            event.preventDefault();
+            if (!found.length)
+                return;
+            at = (at + (event.key === 'ArrowDown' ? 1 : -1) + found.length) % found.length;
+            draw();
+        }
+        else if (event.key === 'Enter') {
+            event.preventDefault();
+            if (found[at])
+                run(found[at]);
+        }
+        else if (event.key === 'Escape') {
+            event.preventDefault();
+            event.stopPropagation();
+            close();
+        }
+        else if (event.key === 'Tab')
+            event.preventDefault();
+    });
+    backdrop.addEventListener('pointerdown', (event) => event.target === backdrop && close());
+    draw();
+    root.append(backdrop);
+    // Focused now, not a frame later: what is typed straight after ⌘K lands in the box.
+    input.focus();
+    return { close };
+}
+/**
+ * The panel's settings as things to find: each by its name, and each of its
+ * choices as "Labels: beside" — by the choices' own group where a setting
+ * has several, as Columns has one for each size of screen.
+ */
+export function settingItems(entries, open, words, kind = words.bar.setting) {
+    return entries.flatMap((entry) => {
+        const hint = words.bar.settingHint(kind, entry.tab);
+        const groups = new Set(entry.choices.map((c) => c.group));
+        return [
+            { label: entry.name, hint, run: () => open(entry) },
+            ...entry.choices.map((choice) => ({
+                label: words.bar.settingChoice(groups.size > 1 && choice.group ? choice.group : entry.name, choice.words),
+                hint,
+                run: () => open(entry, choice.value),
+            })),
+        ];
+    });
+}
+//# sourceMappingURL=find-anything.mjs.map

package/src/lib/find-anything.mjs.map

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

package/src/lib/group-fold.d.mts

@@ -0,0 +1,11 @@
+import type { Page, SectionNode } from '@fieldia/core';
+/**
+ * A group that folds by its title, as the format's `collapsible` and
+ * `collapsed` say it: not at all, starting open, or starting folded. A group
+ * with no title has nothing to fold by, so it is refused one, and a group
+ * that folds keeps its title.
+ */
+export type Fold = 'no' | 'open' | 'folded';
+/** How a group folds now. */
+export declare const foldOf: (section: SectionNode) => Fold;
+export declare function setFold(page: Page, id: string, fold: Fold): void;

package/src/lib/group-fold.d.ts

@@ -0,0 +1,11 @@
+import type { Page, SectionNode } from '@fieldia/core';
+/**
+ * A group that folds by its title, as the format's `collapsible` and
+ * `collapsed` say it: not at all, starting open, or starting folded. A group
+ * with no title has nothing to fold by, so it is refused one, and a group
+ * that folds keeps its title.
+ */
+export type Fold = 'no' | 'open' | 'folded';
+/** How a group folds now. */
+export declare const foldOf: (section: SectionNode) => Fold;
+export declare function setFold(page: Page, id: string, fold: Fold): void;

package/src/lib/group-fold.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.foldOf = void 0;
+exports.setFold = setFold;
+const layout_tree_1 = require("./layout-tree");
+const refusal_1 = require("./refusal");
+/** How a group folds now. */
+const foldOf = (section) => (!section.collapsible ? 'no' : section.collapsed ? 'folded' : 'open');
+exports.foldOf = foldOf;
+function setFold(page, id, fold) {
+    const section = (0, layout_tree_1.nodeOf)(page, id);
+    if (!(0, layout_tree_1.isSection)(section))
+        throw new refusal_1.Refusal((w) => w.layout.onlyGroupFolds);
+    delete section.collapsed;
+    if (fold === 'no') {
+        delete section.collapsible;
+        return;
+    }
+    if (!section.title?.trim())
+        throw new refusal_1.Refusal((w) => w.layout.foldsByTitle);
+    section.collapsible = true;
+    if (fold === 'folded')
+        section.collapsed = true;
+}
+//# sourceMappingURL=group-fold.js.map

package/src/lib/group-fold.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-fold.js","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/group-fold.ts"],"names":[],"mappings":";;;AAgBA,0BAWC;AA1BD,+CAAkD;AAClD,uCAAoC;AAWpC,6BAA6B;AACtB,MAAM,MAAM,GAAG,CAAC,OAAoB,EAAQ,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;AAA/G,QAAA,MAAM,UAAyG;AAE5H,SAAgB,OAAO,CAAC,IAAU,EAAE,EAAU,EAAE,IAAU;IACxD,MAAM,OAAO,GAAG,IAAA,oBAAM,EAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IACjC,IAAI,CAAC,IAAA,uBAAS,EAAC,OAAO,CAAC;QAAE,MAAM,IAAI,iBAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;IAC3E,OAAO,OAAO,CAAC,SAAS,CAAC;IACzB,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;QAClB,OAAO,OAAO,CAAC,WAAW,CAAC;QAC3B,OAAO;IACT,CAAC;IACD,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,EAAE;QAAE,MAAM,IAAI,iBAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAC5E,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC;IAC3B,IAAI,IAAI,KAAK,QAAQ;QAAE,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC;AAClD,CAAC"}

package/src/lib/group-fold.mjs

@@ -0,0 +1,20 @@
+import { isSection, nodeOf } from './layout-tree.mjs';
+import { Refusal } from './refusal.mjs';
+/** How a group folds now. */
+export const foldOf = (section) => (!section.collapsible ? 'no' : section.collapsed ? 'folded' : 'open');
+export function setFold(page, id, fold) {
+    const section = nodeOf(page, id);
+    if (!isSection(section))
+        throw new Refusal((w) => w.layout.onlyGroupFolds);
+    delete section.collapsed;
+    if (fold === 'no') {
+        delete section.collapsible;
+        return;
+    }
+    if (!section.title?.trim())
+        throw new Refusal((w) => w.layout.foldsByTitle);
+    section.collapsible = true;
+    if (fold === 'folded')
+        section.collapsed = true;
+}
+//# sourceMappingURL=group-fold.mjs.map

package/src/lib/group-fold.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-fold.mjs","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/group-fold.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAWpC,6BAA6B;AAC7B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,OAAoB,EAAQ,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5H,MAAM,UAAU,OAAO,CAAC,IAAU,EAAE,EAAU,EAAE,IAAU;IACxD,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IACjC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;QAAE,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;IAC3E,OAAO,OAAO,CAAC,SAAS,CAAC;IACzB,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;QAClB,OAAO,OAAO,CAAC,WAAW,CAAC;QAC3B,OAAO;IACT,CAAC;IACD,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,EAAE;QAAE,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAC5E,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC;IAC3B,IAAI,IAAI,KAAK,QAAQ;QAAE,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC;AAClD,CAAC"}

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

@@ -0,0 +1,47 @@
+import type { Badge, ButtonNode, Field, Page, StatButton, Tone } from '@fieldia/core';
+/**
+ * A record's header, as the designer edits it: the status steps, the
+ * header's buttons, the counters that open related records, and the badges
+ * by the title. Each part has an id like any element, so it can be picked on
+ * the canvas, moved among its kind, and shown only for some records.
+ */
+export type HeaderPartKind = 'button' | 'stat' | 'badge';
+export interface HeaderPartPatch {
+    label?: string;
+    /** The action's name, for a button or a counter. The app decides what it does. */
+    action?: string;
+    /** A button's look. */
+    style?: ButtonNode['style'];
+    /** A button's question before it acts; empty asks nothing. */
+    confirm?: string;
+    /** A badge's colour. */
+    tone?: Tone;
+    /** The number a counter shows, from a field; empty shows none. */
+    field?: string;
+    icon?: string;
+}
+export interface HeaderCommands {
+    /** Status steps from a field that holds one of a list, or `null` for none. */
+    setStatusbar(field: string | null, options?: {
+        clickable?: boolean;
+        position?: 'header' | 'title';
+    }): boolean;
+    /** A button, a counter or a badge, at the end of its kind. Returns its id, picked. */
+    addHeaderPart(kind: HeaderPartKind, label: string): string | false;
+    updateHeaderPart(id: string, patch: HeaderPartPatch): boolean;
+    moveHeaderPart(id: string, delta: number): boolean;
+    removeHeaderPart(id: string): boolean;
+}
+/** A part of a sheet's header by its id: what kind, which list, and where in it. */
+export declare function findHeaderPart(page: Page, id: string): {
+    kind: HeaderPartKind;
+    list: (ButtonNode | StatButton | Badge)[];
+    index: number;
+    part: ButtonNode | StatButton | Badge;
+} | null;
+export interface HeaderContext {
+    apply(edit: (draft: Page) => void, merge?: string | null): boolean;
+    select(id: string): void;
+    model: Record<string, Field>;
+}
+export declare function headerCommands(context: HeaderContext): HeaderCommands;

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

@@ -0,0 +1,47 @@
+import type { Badge, ButtonNode, Field, Page, StatButton, Tone } from '@fieldia/core';
+/**
+ * A record's header, as the designer edits it: the status steps, the
+ * header's buttons, the counters that open related records, and the badges
+ * by the title. Each part has an id like any element, so it can be picked on
+ * the canvas, moved among its kind, and shown only for some records.
+ */
+export type HeaderPartKind = 'button' | 'stat' | 'badge';
+export interface HeaderPartPatch {
+    label?: string;
+    /** The action's name, for a button or a counter. The app decides what it does. */
+    action?: string;
+    /** A button's look. */
+    style?: ButtonNode['style'];
+    /** A button's question before it acts; empty asks nothing. */
+    confirm?: string;
+    /** A badge's colour. */
+    tone?: Tone;
+    /** The number a counter shows, from a field; empty shows none. */
+    field?: string;
+    icon?: string;
+}
+export interface HeaderCommands {
+    /** Status steps from a field that holds one of a list, or `null` for none. */
+    setStatusbar(field: string | null, options?: {
+        clickable?: boolean;
+        position?: 'header' | 'title';
+    }): boolean;
+    /** A button, a counter or a badge, at the end of its kind. Returns its id, picked. */
+    addHeaderPart(kind: HeaderPartKind, label: string): string | false;
+    updateHeaderPart(id: string, patch: HeaderPartPatch): boolean;
+    moveHeaderPart(id: string, delta: number): boolean;
+    removeHeaderPart(id: string): boolean;
+}
+/** A part of a sheet's header by its id: what kind, which list, and where in it. */
+export declare function findHeaderPart(page: Page, id: string): {
+    kind: HeaderPartKind;
+    list: (ButtonNode | StatButton | Badge)[];
+    index: number;
+    part: ButtonNode | StatButton | Badge;
+} | null;
+export interface HeaderContext {
+    apply(edit: (draft: Page) => void, merge?: string | null): boolean;
+    select(id: string): void;
+    model: Record<string, Field>;
+}
+export declare function headerCommands(context: HeaderContext): HeaderCommands;

package/src/lib/header-commands.js

@@ -0,0 +1,174 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.findHeaderPart = findHeaderPart;
+exports.headerCommands = headerCommands;
+const kinds_1 = require("./kinds");
+const page_tree_1 = require("./page-tree");
+const refusal_1 = require("./refusal");
+/** 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. */
+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';
+function headerCommands(context) {
+    const { apply, model } = context;
+    const sheetOf = (draft) => {
+        if (draft.layout.type !== 'sheet')
+            throw new refusal_1.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_1.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 = (0, page_tree_1.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_1.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_1.Refusal((w) => w.refusals.statusOneOfList(def.label, (0, kinds_1.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_1.Refusal((w) => w.refusals.headerNeedsWords);
+                const ids = (0, page_tree_1.allIds)(draft);
+                created = (0, page_tree_1.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_1.Refusal((w) => w.refusals.badgeNoAction);
+                    if (!patch.action.trim())
+                        throw new refusal_1.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_1.Refusal((w) => w.refusals.onlyButtonStyle);
+                    part.style = patch.style;
+                }
+                if (patch.confirm !== undefined) {
+                    if (kind !== 'button')
+                        throw new refusal_1.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_1.Refusal((w) => w.refusals.onlyBadgeTone);
+                    part.tone = patch.tone;
+                }
+                if (patch.field !== undefined) {
+                    if (kind !== 'stat')
+                        throw new refusal_1.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_1.Refusal((w) => w.refusals.counterNumber(def.label, (0, kinds_1.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_1.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.js.map

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

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