@fieldia/designer 0.0.0-stage → 0.12.0

package/src/lib/screen-editor.mjs

@@ -0,0 +1,374 @@
+import { installStyles } from '@fieldia/widgets';
+import { modeSwitch, readMode, writeMode } from './canvas-mode.mjs';
+import { designerBar, elementFactory, putDownOnClickOutside } from './chrome.mjs';
+import { speakIn } from './chrome-language.mjs';
+import { QUESTION_KINDS, SCREEN_KINDS } from './designer.mjs';
+import { kindName } from './kinds.mjs';
+import { findHeaderPart } from './header-commands.mjs';
+import { listCanvas } from './list-canvas.mjs';
+import { canBeColumn } from './list-commands.mjs';
+import { locate } from './layout-tree.mjs';
+import { allSections, findField, findTab, sectionLabel } from './page-tree.mjs';
+import { screenCanvas } from './screen-canvas.mjs';
+import { screenPanel } from './panel-screen.mjs';
+import { clipboardKeys } from './clipboard-keys.mjs';
+import { shortcutKeys } from './shortcuts-sheet.mjs';
+import { rail } from './rail.mjs';
+import { installDesignerStyles } from './styles.mjs';
+import { toolbox } from './toolbox.mjs';
+import { tryIt } from './try-it.mjs';
+import { translationsView } from './translations-view.mjs';
+import { jsonView } from './json-view.mjs';
+import { rulesOverview } from './rules-overview.mjs';
+import { startHere } from './templates-start.mjs';
+import { dropEcho } from './drop-echo.mjs';
+import { openMenu } from './menu.mjs';
+import { setHidden } from './writes.mjs';
+/** What sits at the top of a screen or a sheet: sections, and a sheet's tabs. */
+const topOf = (page) => page.layout.children;
+export function mountScreenEditor(host, options) {
+    const { designer } = options;
+    const doc = host.ownerDocument;
+    installStyles(doc);
+    installDesignerStyles(doc);
+    const el = elementFactory(doc);
+    const skin = options.skin ?? 'outlined';
+    const root = el('div', { class: 'fd-form fd-designer fd-screen-designer', 'data-fd-skin': skin });
+    const trial = tryIt({ el, doc, designer, skin, dataSource: options.dataSource, widgets: options.widgets, onChange: (trying) => (body.hidden = trying) });
+    /** Every kind of field, then the app's own. */
+    const kinds = [...QUESTION_KINDS, ...SCREEN_KINDS, ...designer.appKinds()];
+    // Simple or Advanced: the person's preference, kept in this browser, never in the page.
+    let mode = readMode(doc.defaultView);
+    const modes = modeSwitch(el, mode, (next) => setMode(next), designer.words);
+    root.dataset['mode'] = mode;
+    function setMode(next) {
+        mode = next;
+        writeMode(doc.defaultView, next);
+        root.dataset['mode'] = next;
+        modes.set(next);
+        canvas.setMode(next);
+        panel.setMode(next);
+        render(designer.getState());
+    }
+    const bar = designerBar(root, designer, {
+        titleLabel: designer.words.bar.screenTitle,
+        placeholder: designer.words.bar.untitledScreen,
+        extra: [modes.element, trial.toggle],
+        find: () => [...start.items(), ...findItems(), ...trial.items(), ...words.items(), ...ruleList.items(), ...panel.findItems(), ...json.items(), ...shortcuts.items()],
+        // A check about a field's words or options: it is open on the canvas by now, the cursor goes there.
+        goTo(id, part) {
+            if (part === 'label')
+                return canvas.focus(id, 'label', true);
+            const option = root.querySelector(`.fd-canvas-field[data-node="${id}"] .fd-q-option input`);
+            option?.focus();
+            option?.select();
+        },
+    });
+    const canvas = screenCanvas({
+        designer,
+        doc,
+        skin,
+        openAdvanced: () => setMode('advanced'),
+        more: (part) => openPanel(part),
+        dropTool: (spec, section, index) => add(spec, { parent: section, index }),
+        widgets: options.widgets,
+    });
+    const list = listCanvas({
+        el,
+        doc,
+        designer,
+        more: (part) => openPanel(part),
+        dropTool: (spec, index) => spec.startsWith('model:') && designer.addColumn(spec.slice('model:'.length), index),
+    });
+    const isList = () => designer.getPage().layout.type === 'list';
+    const tools = toolbox({
+        el,
+        doc,
+        kinds,
+        words: designer.words,
+        layout: true,
+        forms: true,
+        onPick: (spec) => add(spec, null),
+        onPress: (spec, event, tile) => (isList() ? list.drag : canvas.drag).press({ tool: spec }, event, tile),
+    });
+    const side = rail({
+        el,
+        doc,
+        designer,
+        tools,
+        survey: false,
+        several: () => mode === 'advanced',
+        reveal(id) {
+            const column = id.startsWith('column:') ? `.fd-list-table th[data-node="${id.slice('column:'.length)}"]` : null;
+            root.querySelector(column ?? `[data-node="${id}"], [data-part="${id}"]`)?.scrollIntoView?.({ block: 'nearest' });
+        },
+        addModelField: (name) => (isList() ? designer.addColumn(name) : add(`model:${name}`, null)),
+        onSample(index) {
+            canvas.setSample(index);
+            render(designer.getState());
+        },
+    });
+    // A field's answer rules are tried beside them by its own widget, the app's among them; what cannot be tried there, in Try it.
+    const panel = screenPanel({ el, doc, designer, wearer: canvas.element, sampling: { widgets: options.widgets, tryIt: () => trial.start() } });
+    panel.setMode(mode);
+    // A blank screen: templates to start from.
+    const start = startHere({ el, doc, designer, root, survey: false, templates: options.templates, assistant: options.assistant ?? designer.assistant(), blankFocus: () => root.querySelector('.fd-tool-find') });
+    const body = el('div', { class: 'fd-screen-body' }, side.element, el('div', { class: 'fd-canvas-scroll' }, start.element, canvas.element, list.element), panel.element);
+    const json = jsonView({ el, doc, designer, trial, body });
+    root.append(bar.element, bar.issues, body, trial.element, json.element);
+    // The editor in its own language; the screen drawn as the page around it runs, as the form will.
+    const followHost = speakIn(root, host, designer, () => [canvas.element, list.element]);
+    const words = translationsView({ el, doc, designer, root, body, modes: trial.toggle });
+    const ruleList = rulesOverview({ el, doc, designer, root, body, modes: trial.toggle });
+    const clip = clipboardKeys({ root, designer, active: () => !trial.trying && !json.open });
+    const shortcuts = shortcutKeys({ el, root, survey: false, words: designer.words, active: () => !trial.trying && !json.open });
+    // gap lane: a drag in the outline shows where it lands on the canvas, and one on the canvas in the outline.
+    const echoes = dropEcho({
+        editor: root,
+        canvas: canvas.element,
+        parts: canvas.element.querySelector('.fd-canvas-body'),
+        tree: side.element.querySelector('.fd-outline-tree'),
+        designer,
+        rtl: () => doc.defaultView?.getComputedStyle(canvas.element).direction === 'rtl',
+    });
+    // ---- adding ------------------------------------------------------------------
+    /** Where something picked in the toolbox goes: after the field picked, into the section picked or a picked tab's first, or the last on show. */
+    function target(page) {
+        const selected = designer.getState().selected;
+        if (selected && findField(page, selected))
+            return { after: selected };
+        const sections = allSections(page);
+        if (selected && sections.some((s) => s.id === selected))
+            return { parent: selected };
+        const tab = selected ? findTab(page, selected) : null;
+        const inTab = tab?.tab.children.find((n) => n.type === 'section');
+        if (inTab)
+            return { parent: inTab.id };
+        const shown = canvas.visibleSections();
+        const last = shown[shown.length - 1] ?? sections[sections.length - 1]?.id;
+        return last ? { parent: last } : {};
+    }
+    function add(spec, where) {
+        const page = designer.getPage();
+        const [kind, name] = [spec.slice(0, spec.indexOf(':')), spec.slice(spec.indexOf(':') + 1)];
+        // A list takes the model's fields as columns, at the end.
+        if (page.layout.type === 'list') {
+            if (kind === 'model')
+                designer.addColumn(name);
+            return;
+        }
+        if (kind === 'kind') {
+            const created = designer.addQuestion(name, where ?? target(page));
+            // A new field comes with its name selected, to be typed over where it stands.
+            if (created)
+                canvas.focus(created, 'label', true);
+        }
+        else if (kind === 'model')
+            designer.addModelField(name, where ?? target(page));
+        else if (kind === 'block')
+            designer.addBlock(name, where ?? blockWhere(page));
+        else if (kind === 'form')
+            void pickSavedForm(where ?? blockWhere(page));
+        else if (spec === 'layout:section') {
+            const selected = designer.getState().selected;
+            const tab = selected ? findTab(page, selected) : null;
+            const created = designer.addContainer(designer.words.defaults.section(allSections(page).length + 1), tab ? { parent: tab.tab.id } : {});
+            if (!created)
+                return;
+            designer.select(created);
+            canvas.focusTitle(created);
+        }
+        else if (spec === 'layout:tabs') {
+            const created = designer.addTabs();
+            const tabs = created ? topOf(designer.getPage()).find((n) => n.id === created) : null;
+            if (tabs)
+                designer.select(tabs.children[0].id);
+        }
+    }
+    /**
+     * One of the app's saved forms, picked from a menu under the toolbox's tile,
+     * placed where it was dropped or would go. It is loaded first, with what it
+     * places, so one that would hold this page is refused, saying why.
+     */
+    async function pickSavedForm(where) {
+        const anchor = root.querySelector('.fd-toolbox [data-tool="form:saved"]');
+        if (!anchor)
+            return;
+        const found = await designer.savedForms();
+        openMenu({
+            el,
+            anchor,
+            title: designer.words.savedForms.tile,
+            items: found.map((form) => ({ id: form.id, label: form.title, icon: 'saved-form' })),
+            note: designer.words.savedForms.menuNote(found.length > 0),
+            onPick: async (id) => {
+                await designer.loadSavedForm(id);
+                designer.addForm(id, where);
+            },
+        });
+    }
+    /** Where a block clicked in the toolbox goes: right after what is picked, into a picked tab, or where a field would. */
+    function blockWhere(page) {
+        const selected = designer.getState().selected;
+        const at = selected ? locate(page, selected) : null;
+        if (at?.node.type === 'tab')
+            return { parent: at.node.id };
+        if (at)
+            return { after: at.node.id };
+        return target(page);
+    }
+    // ---- find anything -----------------------------------------------------------
+    /** On a screen: a field of the model or a kind to add, a field or a section to go to. On a list: a column to add or go to. */
+    function findItems() {
+        const f = designer.words.canvas.find;
+        const page = designer.getPage();
+        const layout = page.layout;
+        if (layout.type === 'list') {
+            const own = Object.entries(page.fields).filter(([name]) => !layout.columns.includes(name)).map(([name, field]) => ({ name, field }));
+            return [
+                ...[...own, ...designer.modelFields()].filter(({ field }) => canBeColumn(field)).map(({ name, field }) => ({ label: f.addColumn(field.label), hint: f.column, run: () => designer.addColumn(name) })),
+                ...layout.columns.map((name) => ({ label: f.goToColumn(page.fields[name]?.label ?? name), hint: f.column, run: () => designer.select(`column:${name}`) })),
+                { label: f.addListButton, hint: f.list, run: () => root.querySelector('[data-add-part="action"]')?.click() },
+            ];
+        }
+        const fields = allSections(page).flatMap((section) => section.children.filter((n) => n.type === 'field').map((node) => ({ node, section })));
+        return [
+            ...designer.modelFields().map(({ name, field }) => ({ label: f.addModelField(field.label), hint: f.fromModel, run: () => add(`model:${name}`, null) })),
+            ...kinds.map((kind) => ({ label: f.addField(kindName(kind, designer.words)), hint: f.newField, run: () => add(`kind:${kind.id}`, null) })),
+            ...fields.map(({ node, section }) => ({
+                label: f.goTo(node.label ?? page.fields[node.field]?.label ?? node.id),
+                hint: sectionLabel(page, section, designer.words),
+                run: () => {
+                    designer.select(node.id);
+                    canvas.focus(node.id, 'label');
+                },
+            })),
+            ...allSections(page).map((section) => ({ label: f.goToSection(sectionLabel(page, section, designer.words)), hint: f.section, run: () => designer.select(section.id) })),
+            { label: f.addSection, hint: f.layout, run: () => add('layout:section', null) },
+            ...(designer.canPlaceForms() ? [{ label: designer.words.savedForms.add, hint: designer.words.savedForms.hint, run: () => add('form:saved', null) }] : []),
+            ...(layout.type === 'sheet' && !topOf(page).some((n) => n.type === 'tabs') ? [{ label: f.addTabs, hint: f.layout, run: () => add('layout:tabs', null) }] : []),
+        ];
+    }
+    // ---- the panel -------------------------------------------------------------------
+    /** The rest of a field, in the panel: brought forward on its tab, and pointed out. */
+    function openPanel(part) {
+        panel.open(part);
+    }
+    // ---- the keyboard ----------------------------------------------------------------
+    // On the document: a click on the canvas leaves focus on the body, and keys pressed then never reach the editor's own element.
+    const onKey = (event) => {
+        const target = event.target;
+        if (target !== doc.body && !root.contains(target))
+            return;
+        if (trial.trying || json.open || event.defaultPrevented)
+            return;
+        const selected = designer.getState().selected;
+        const typing = target.closest('input, textarea, select, [contenteditable]');
+        const layout = designer.getPage().layout;
+        if (event.key === 'Escape' && selected) {
+            // Escape leaves the box being typed in and puts the field down.
+            if (typing && !target.closest('.fd-canvas'))
+                return;
+            typing?.blur();
+            designer.select(null);
+            return;
+        }
+        // On the Advanced canvas: moves, widths and what is picked, from the keyboard.
+        if (mode === 'advanced' && !typing && layout.type !== 'list' && canvas.keys.handle(event)) {
+            event.preventDefault();
+            return;
+        }
+        // A list's column moves along the row, and goes with Delete; so does a button for the rows chosen.
+        if (!typing && selected && layout.type === 'list') {
+            const column = selected.startsWith('column:') ? selected.slice('column:'.length) : null;
+            const back = event.key === 'ArrowLeft' || event.key === 'ArrowUp';
+            if (column && event.altKey && (back || event.key === 'ArrowRight' || event.key === 'ArrowDown')) {
+                event.preventDefault();
+                designer.moveColumn(column, layout.columns.indexOf(column) + (back ? -1 : 1));
+            }
+            else if (event.key === 'Delete' || event.key === 'Backspace') {
+                event.preventDefault();
+                if (column)
+                    designer.removeColumn(column);
+                else if (layout.actions?.some((a) => a.id === selected))
+                    designer.removeListAction(selected);
+            }
+            return;
+        }
+        // A part of the header moves along its row, and goes with Delete.
+        if (!typing && selected && findHeaderPart(designer.getPage(), selected)) {
+            const back = event.key === 'ArrowLeft' || event.key === 'ArrowUp';
+            if (event.altKey && (back || event.key === 'ArrowRight' || event.key === 'ArrowDown')) {
+                event.preventDefault();
+                designer.moveHeaderPart(selected, back ? -1 : 1);
+            }
+            else if (event.key === 'Delete' || event.key === 'Backspace') {
+                event.preventDefault();
+                designer.removeHeaderPart(selected);
+            }
+            return;
+        }
+        if (typing || !selected || !findField(designer.getPage(), selected))
+            return;
+        if (event.altKey && (event.key === 'ArrowUp' || event.key === 'ArrowDown')) {
+            event.preventDefault();
+            designer.moveNode(selected, event.key === 'ArrowUp' ? -1 : 1);
+        }
+        else if (event.key === 'Delete' || event.key === 'Backspace') {
+            event.preventDefault();
+            designer.removeNode(selected);
+        }
+    };
+    doc.addEventListener('keydown', onKey);
+    // A click on empty room puts the field down; one on a field, a part of the page or a control does not.
+    const stopPuttingDown = putDownOnClickOutside(root, designer, '.fd-canvas-field, .fd-canvas-section-title, .fd-canvas-tabs-head, .fd-canvas-part, .fd-canvas-statusbar, .fd-canvas-title, .fd-field-bar, .fd-list-table th, .fd-list-table td, .fd-canvas-search, .fd-list-selection, .fd-canvas-body [data-node]:not(.fd-canvas-section), .fd-screen-designer[data-mode="advanced"] .fd-canvas-section, .fd-multi, .fd-width-handle, .fd-gutter, .fd-canvas-resize, .fd-simple-lock', () => !trial.trying);
+    // ---- render -----------------------------------------------------------------------
+    function render(state) {
+        followHost();
+        bar.update(state);
+        start.update(state);
+        const listing = state.page.layout.type === 'list';
+        setHidden(canvas.element, listing);
+        setHidden(list.element, !listing);
+        if (listing)
+            list.update(state);
+        else
+            canvas.update(state);
+        tools.update({
+            // A list shows only what the model has, and only what a column can show.
+            modelFields: listing ? designer.modelFields().filter((m) => canBeColumn(m.field)) : designer.modelFields(),
+            tabs: state.page.layout.type === 'sheet' && !topOf(state.page).some((n) => n.type === 'tabs'),
+            kinds: !listing,
+            advanced: mode === 'advanced',
+            forms: designer.canPlaceForms(),
+        });
+        side.update(state);
+        panel.update(state);
+    }
+    host.append(root);
+    canvas.setMode(mode);
+    const leave = designer.subscribe(render);
+    render(designer.getState());
+    return {
+        element: root,
+        destroy() {
+            leave();
+            bar.destroy();
+            doc.removeEventListener('keydown', onKey);
+            stopPuttingDown();
+            canvas.destroy();
+            panel.destroy();
+            side.destroy();
+            clip.destroy();
+            shortcuts.destroy();
+            list.destroy();
+            trial.destroy();
+            words.destroy();
+            json.destroy();
+            ruleList.destroy();
+            echoes.destroy();
+            root.remove();
+        },
+    };
+}
+//# sourceMappingURL=screen-editor.mjs.map

package/src/lib/screen-editor.mjs.map

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

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

@@ -0,0 +1,28 @@
+import type { Page } from '@fieldia/core';
+import type { ElementFactory } from './chrome.mjs';
+import type { Designer } from './designer.mjs';
+/**
+ * The screen editor's properties: what a view of a part is, and the views of
+ * a sheet's tabs and of one tab. A field's view is in panel-field.ts, a
+ * group's in panel-group.ts, the screen's own in panel-page.ts; the panel
+ * that shows them, as tabs, in panel-inspector.ts.
+ */
+export interface PropertiesView {
+    /** Its settings as rows, each on the tab its `data-tab` says (Content when it says none). */
+    element: HTMLElement;
+    update(page: Page): void;
+    /** Bring a part of the panel forward: a field's settings, or when it shows. */
+    focus?(part: 'field' | 'when' | 'filters'): void;
+    /** Let go of what it holds besides its elements, once something else is shown: a sample's widgets. */
+    destroy?(): void;
+}
+export declare function prop(el: ElementFactory, text: string, control: HTMLElement): HTMLElement;
+/** Earlier and later among its neighbours; a button that cannot move it is hidden. */
+export declare function movers(el: ElementFactory, designer: Designer, id: string, words: [string, string]): {
+    buttons: HTMLButtonElement[];
+    update(page: Page): void;
+};
+/** A set of tabs: where it sits on the sheet, and taking it away with its tabs. */
+export declare function tabsProperties(el: ElementFactory, designer: Designer, id: string): PropertiesView;
+/** One tab: its label, its place among the others, and taking it away. */
+export declare function tabProperties(el: ElementFactory, designer: Designer, id: string): PropertiesView;

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

@@ -0,0 +1,28 @@
+import type { Page } from '@fieldia/core';
+import type { ElementFactory } from './chrome';
+import type { Designer } from './designer';
+/**
+ * The screen editor's properties: what a view of a part is, and the views of
+ * a sheet's tabs and of one tab. A field's view is in panel-field.ts, a
+ * group's in panel-group.ts, the screen's own in panel-page.ts; the panel
+ * that shows them, as tabs, in panel-inspector.ts.
+ */
+export interface PropertiesView {
+    /** Its settings as rows, each on the tab its `data-tab` says (Content when it says none). */
+    element: HTMLElement;
+    update(page: Page): void;
+    /** Bring a part of the panel forward: a field's settings, or when it shows. */
+    focus?(part: 'field' | 'when' | 'filters'): void;
+    /** Let go of what it holds besides its elements, once something else is shown: a sample's widgets. */
+    destroy?(): void;
+}
+export declare function prop(el: ElementFactory, text: string, control: HTMLElement): HTMLElement;
+/** Earlier and later among its neighbours; a button that cannot move it is hidden. */
+export declare function movers(el: ElementFactory, designer: Designer, id: string, words: [string, string]): {
+    buttons: HTMLButtonElement[];
+    update(page: Page): void;
+};
+/** A set of tabs: where it sits on the sheet, and taking it away with its tabs. */
+export declare function tabsProperties(el: ElementFactory, designer: Designer, id: string): PropertiesView;
+/** One tab: its label, its place among the others, and taking it away. */
+export declare function tabProperties(el: ElementFactory, designer: Designer, id: string): PropertiesView;

package/src/lib/screen-properties.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.prop = prop;
+exports.movers = movers;
+exports.tabsProperties = tabsProperties;
+exports.tabProperties = tabProperties;
+const page_tree_1 = require("./page-tree");
+const panel_controls_1 = require("./panel-controls");
+const panel_layout_1 = require("./panel-layout");
+function prop(el, text, control) {
+    return el('label', { class: 'fd-prop' }, el('span', { class: 'fd-prop-name' }, text), control);
+}
+/** Earlier and later among its neighbours; a button that cannot move it is hidden. */
+function movers(el, designer, id, words) {
+    const earlier = el('button', { type: 'button', class: 'fd-button' }, words[0]);
+    const later = el('button', { type: 'button', class: 'fd-button' }, words[1]);
+    earlier.addEventListener('click', () => designer.moveNode(id, -1));
+    later.addEventListener('click', () => designer.moveNode(id, 1));
+    return {
+        buttons: [earlier, later],
+        update(page) {
+            const found = (0, page_tree_1.findNode)(page, id);
+            const tab = found ? null : (0, page_tree_1.findTab)(page, id);
+            const list = (found?.parent.children ?? tab?.tabs.children ?? []);
+            const index = list.findIndex((n) => n.id === id);
+            earlier.hidden = index <= 0;
+            later.hidden = index === -1 || index === list.length - 1;
+        },
+    };
+}
+/** A set of tabs: where it sits on the sheet, and taking it away with its tabs. */
+function tabsProperties(el, designer, id) {
+    const w = designer.words.panel;
+    const moves = movers(el, designer, id, [w.moveUp, w.moveDown]);
+    const remove = el('button', { type: 'button', class: 'fd-button fd-button-danger' }, w.deleteTabs);
+    remove.addEventListener('click', () => designer.removeNode(id));
+    const width = (0, panel_layout_1.widthSetting)(el, designer, id);
+    const element = el('div', { class: 'fd-props' }, el('p', { class: 'fd-properties-hint' }, w.tabsHint), (0, panel_controls_1.onTab)(el('div', { class: 'fd-props-actions' }, ...moves.buttons, remove), 'content', 'Move or delete'), ...width.rows);
+    return {
+        element,
+        update(page) {
+            moves.update(page);
+            width.update(page);
+        },
+    };
+}
+/** One tab: its label, its place among the others, and taking it away. */
+function tabProperties(el, designer, id) {
+    const focused = (node) => node.ownerDocument.activeElement === node;
+    const w = designer.words.panel;
+    const label = el('input', { class: 'fd-input', 'aria-label': w.tabLabel });
+    label.addEventListener('input', () => designer.renameContainer(id, label.value));
+    const moves = movers(el, designer, id, [w.moveLeft, w.moveRight]);
+    const remove = el('button', { type: 'button', class: 'fd-button fd-button-danger' }, w.deleteTab);
+    remove.addEventListener('click', () => designer.removeNode(id));
+    const element = el('div', { class: 'fd-props' }, (0, panel_controls_1.setting)(el, 'content', 'Label', label, { words: w.label }), (0, panel_controls_1.onTab)(el('div', { class: 'fd-props-actions' }, ...moves.buttons, remove), 'content', 'Move or delete'));
+    return {
+        element,
+        update(page) {
+            const found = (0, page_tree_1.findTab)(page, id);
+            if (!found)
+                return;
+            if (!focused(label))
+                label.value = found.tab.label;
+            moves.update(page);
+        },
+    };
+}
+//# sourceMappingURL=screen-properties.js.map

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

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

package/src/lib/screen-properties.mjs

@@ -0,0 +1,63 @@
+import { findNode, findTab } from './page-tree.mjs';
+import { onTab, setting } from './panel-controls.mjs';
+import { widthSetting } from './panel-layout.mjs';
+export function prop(el, text, control) {
+    return el('label', { class: 'fd-prop' }, el('span', { class: 'fd-prop-name' }, text), control);
+}
+/** Earlier and later among its neighbours; a button that cannot move it is hidden. */
+export function movers(el, designer, id, words) {
+    const earlier = el('button', { type: 'button', class: 'fd-button' }, words[0]);
+    const later = el('button', { type: 'button', class: 'fd-button' }, words[1]);
+    earlier.addEventListener('click', () => designer.moveNode(id, -1));
+    later.addEventListener('click', () => designer.moveNode(id, 1));
+    return {
+        buttons: [earlier, later],
+        update(page) {
+            const found = findNode(page, id);
+            const tab = found ? null : findTab(page, id);
+            const list = (found?.parent.children ?? tab?.tabs.children ?? []);
+            const index = list.findIndex((n) => n.id === id);
+            earlier.hidden = index <= 0;
+            later.hidden = index === -1 || index === list.length - 1;
+        },
+    };
+}
+/** A set of tabs: where it sits on the sheet, and taking it away with its tabs. */
+export function tabsProperties(el, designer, id) {
+    const w = designer.words.panel;
+    const moves = movers(el, designer, id, [w.moveUp, w.moveDown]);
+    const remove = el('button', { type: 'button', class: 'fd-button fd-button-danger' }, w.deleteTabs);
+    remove.addEventListener('click', () => designer.removeNode(id));
+    const width = widthSetting(el, designer, id);
+    const element = el('div', { class: 'fd-props' }, el('p', { class: 'fd-properties-hint' }, w.tabsHint), onTab(el('div', { class: 'fd-props-actions' }, ...moves.buttons, remove), 'content', 'Move or delete'), ...width.rows);
+    return {
+        element,
+        update(page) {
+            moves.update(page);
+            width.update(page);
+        },
+    };
+}
+/** One tab: its label, its place among the others, and taking it away. */
+export function tabProperties(el, designer, id) {
+    const focused = (node) => node.ownerDocument.activeElement === node;
+    const w = designer.words.panel;
+    const label = el('input', { class: 'fd-input', 'aria-label': w.tabLabel });
+    label.addEventListener('input', () => designer.renameContainer(id, label.value));
+    const moves = movers(el, designer, id, [w.moveLeft, w.moveRight]);
+    const remove = el('button', { type: 'button', class: 'fd-button fd-button-danger' }, w.deleteTab);
+    remove.addEventListener('click', () => designer.removeNode(id));
+    const element = el('div', { class: 'fd-props' }, setting(el, 'content', 'Label', label, { words: w.label }), onTab(el('div', { class: 'fd-props-actions' }, ...moves.buttons, remove), 'content', 'Move or delete'));
+    return {
+        element,
+        update(page) {
+            const found = findTab(page, id);
+            if (!found)
+                return;
+            if (!focused(label))
+                label.value = found.tab.label;
+            moves.update(page);
+        },
+    };
+}
+//# sourceMappingURL=screen-properties.mjs.map

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

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