@fieldia/designer 0.0.0-stage → 0.12.0

package/src/lib/panel-inspector.js

@@ -0,0 +1,131 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.settingRows = settingRows;
+exports.inspectorShell = inspectorShell;
+const icons_1 = require("./icons");
+const panel_controls_1 = require("./panel-controls");
+const panel_tabs_1 = require("./panel-tabs");
+const en_1 = require("./locales/en");
+/** The settings on show in part of the panel, all on one tab. */
+function settingRows(scope, tab) {
+    return [...scope.querySelectorAll('[data-setting]')]
+        .filter((row) => (0, panel_controls_1.shownWithin)(row, scope))
+        .map((row) => ({
+        tab,
+        name: row.dataset['setting'],
+        element: row,
+        choices: [...row.querySelectorAll('[data-choice]')]
+            .filter((button) => (0, panel_controls_1.shownWithin)(button, row))
+            .map((button) => ({
+            value: button.dataset['choice'],
+            words: button.textContent?.trim() || button.getAttribute('aria-label') || '',
+            group: button.closest('[role="group"]')?.getAttribute('aria-label') ?? undefined,
+            button,
+        })),
+    }));
+}
+function inspectorShell(el, doc, words = en_1.en) {
+    const icon = el('span', { class: 'fd-insp-icon' });
+    const title = el('span', { class: 'fd-panel-title' });
+    const note = el('span', { class: 'fd-insp-note' });
+    const name = el('div', { class: 'fd-insp-name' });
+    const headBox = el('div', { class: 'fd-insp-head' }, el('div', { class: 'fd-insp-kind' }, icon, title, note), name);
+    const top = el('div', { class: 'fd-insp-top' });
+    const strip = (0, panel_tabs_1.tabStrip)(el, (tab) => choose(tab), words);
+    const panels = el('div', { class: 'fd-insp-panels' });
+    const element = el('aside', { class: 'fd-properties fd-inspector', 'aria-label': words.panel.properties }, headBox, top, strip.element, panels);
+    let kind = 'page';
+    let shown = [];
+    let tab = 'content';
+    const lastTab = new Map();
+    const panelOf = new Map();
+    function draw() {
+        strip.show(shown, tab);
+        for (const [at, panel] of panelOf)
+            panel.hidden = at !== tab;
+    }
+    function choose(next) {
+        if (!shown.includes(next))
+            return;
+        tab = next;
+        lastTab.set(kind, next);
+        draw();
+    }
+    return {
+        element,
+        top,
+        show(nextKind, view, mode = 'advanced') {
+            kind = nextKind;
+            const applies = (0, panel_tabs_1.tabsFor)(kind, mode);
+            panelOf.clear();
+            const make = (at) => {
+                const panel = el('div', { class: 'fd-props fd-insp-panel', role: 'tabpanel', id: strip.panelId(at), 'aria-labelledby': strip.tabId(at), 'data-panel': at });
+                panelOf.set(at, panel);
+                return panel;
+            };
+            for (const at of applies)
+                make(at);
+            // The view's own element is its Content; a row for another tab goes to that tab, and a row for a tab that does not apply is not shown.
+            const content = panelOf.get('content');
+            for (const row of [...view.element.children]) {
+                const at = row.dataset['tab'] ?? 'content';
+                // Simple keeps the Rules tab to when it shows and whether it is required.
+                if (mode === 'simple' && at === 'rules' && !panel_tabs_1.SIMPLE_RULES.has(row.dataset['setting'] ?? '')) {
+                    row.remove();
+                    continue;
+                }
+                if (at === 'content')
+                    continue;
+                const panel = panelOf.get(at);
+                if (panel)
+                    panel.append(row);
+                else
+                    row.remove();
+            }
+            if (content) {
+                if (view.element.children.length)
+                    content.append(view.element);
+                else
+                    panelOf.delete('content');
+            }
+            for (const [at, panel] of [...panelOf])
+                if (at !== 'content' && !panel.children.length)
+                    panelOf.delete(at);
+            shown = applies.filter((at) => panelOf.has(at));
+            const kept = lastTab.get(kind);
+            tab = kept && shown.includes(kept) ? kept : (shown[0] ?? 'content');
+            panels.replaceChildren(...shown.map((at) => panelOf.get(at)));
+            draw();
+        },
+        head(next) {
+            if (icon.dataset['icon'] !== next.icon) {
+                icon.dataset['icon'] = next.icon;
+                icon.replaceChildren((0, icons_1.designerIcon)(doc, next.icon));
+            }
+            title.textContent = next.kind;
+            note.textContent = next.note ? ` · ${next.note}` : '';
+            name.textContent = next.name;
+            name.title = next.name;
+        },
+        current: () => tab,
+        choose,
+        rows: () => shown.flatMap((at) => settingRows(panelOf.get(at), at)),
+        go(row, choice) {
+            choose(row.tab);
+            const target = (choice !== undefined ? row.choices.find((c) => c.value === choice)?.button : undefined) ??
+                row.element.querySelector('[data-choice][aria-pressed="true"]') ??
+                [...row.element.querySelectorAll('input, select, textarea, button')].find((c) => (0, panel_controls_1.shownWithin)(c, row.element));
+            target?.focus();
+            row.element.scrollIntoView?.({ block: 'nearest' });
+            // Pointed out, a moment, so the eye finds it.
+            row.element.classList.remove('fd-set-found');
+            void row.element.offsetWidth;
+            row.element.classList.add('fd-set-found');
+        },
+        setTabsHidden(hidden) {
+            strip.element.hidden = hidden;
+            panels.hidden = hidden;
+        },
+    };
+}
+//# sourceMappingURL=panel-inspector.js.map

package/src/lib/panel-inspector.js.map

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

package/src/lib/panel-inspector.mjs

@@ -0,0 +1,127 @@
+import { designerIcon } from './icons.mjs';
+import { shownWithin } from './panel-controls.mjs';
+import { SIMPLE_RULES, tabStrip, tabsFor } from './panel-tabs.mjs';
+import { en } from './locales/en/index.mjs';
+/** The settings on show in part of the panel, all on one tab. */
+export function settingRows(scope, tab) {
+    return [...scope.querySelectorAll('[data-setting]')]
+        .filter((row) => shownWithin(row, scope))
+        .map((row) => ({
+        tab,
+        name: row.dataset['setting'],
+        element: row,
+        choices: [...row.querySelectorAll('[data-choice]')]
+            .filter((button) => shownWithin(button, row))
+            .map((button) => ({
+            value: button.dataset['choice'],
+            words: button.textContent?.trim() || button.getAttribute('aria-label') || '',
+            group: button.closest('[role="group"]')?.getAttribute('aria-label') ?? undefined,
+            button,
+        })),
+    }));
+}
+export function inspectorShell(el, doc, words = en) {
+    const icon = el('span', { class: 'fd-insp-icon' });
+    const title = el('span', { class: 'fd-panel-title' });
+    const note = el('span', { class: 'fd-insp-note' });
+    const name = el('div', { class: 'fd-insp-name' });
+    const headBox = el('div', { class: 'fd-insp-head' }, el('div', { class: 'fd-insp-kind' }, icon, title, note), name);
+    const top = el('div', { class: 'fd-insp-top' });
+    const strip = tabStrip(el, (tab) => choose(tab), words);
+    const panels = el('div', { class: 'fd-insp-panels' });
+    const element = el('aside', { class: 'fd-properties fd-inspector', 'aria-label': words.panel.properties }, headBox, top, strip.element, panels);
+    let kind = 'page';
+    let shown = [];
+    let tab = 'content';
+    const lastTab = new Map();
+    const panelOf = new Map();
+    function draw() {
+        strip.show(shown, tab);
+        for (const [at, panel] of panelOf)
+            panel.hidden = at !== tab;
+    }
+    function choose(next) {
+        if (!shown.includes(next))
+            return;
+        tab = next;
+        lastTab.set(kind, next);
+        draw();
+    }
+    return {
+        element,
+        top,
+        show(nextKind, view, mode = 'advanced') {
+            kind = nextKind;
+            const applies = tabsFor(kind, mode);
+            panelOf.clear();
+            const make = (at) => {
+                const panel = el('div', { class: 'fd-props fd-insp-panel', role: 'tabpanel', id: strip.panelId(at), 'aria-labelledby': strip.tabId(at), 'data-panel': at });
+                panelOf.set(at, panel);
+                return panel;
+            };
+            for (const at of applies)
+                make(at);
+            // The view's own element is its Content; a row for another tab goes to that tab, and a row for a tab that does not apply is not shown.
+            const content = panelOf.get('content');
+            for (const row of [...view.element.children]) {
+                const at = row.dataset['tab'] ?? 'content';
+                // Simple keeps the Rules tab to when it shows and whether it is required.
+                if (mode === 'simple' && at === 'rules' && !SIMPLE_RULES.has(row.dataset['setting'] ?? '')) {
+                    row.remove();
+                    continue;
+                }
+                if (at === 'content')
+                    continue;
+                const panel = panelOf.get(at);
+                if (panel)
+                    panel.append(row);
+                else
+                    row.remove();
+            }
+            if (content) {
+                if (view.element.children.length)
+                    content.append(view.element);
+                else
+                    panelOf.delete('content');
+            }
+            for (const [at, panel] of [...panelOf])
+                if (at !== 'content' && !panel.children.length)
+                    panelOf.delete(at);
+            shown = applies.filter((at) => panelOf.has(at));
+            const kept = lastTab.get(kind);
+            tab = kept && shown.includes(kept) ? kept : (shown[0] ?? 'content');
+            panels.replaceChildren(...shown.map((at) => panelOf.get(at)));
+            draw();
+        },
+        head(next) {
+            if (icon.dataset['icon'] !== next.icon) {
+                icon.dataset['icon'] = next.icon;
+                icon.replaceChildren(designerIcon(doc, next.icon));
+            }
+            title.textContent = next.kind;
+            note.textContent = next.note ? ` · ${next.note}` : '';
+            name.textContent = next.name;
+            name.title = next.name;
+        },
+        current: () => tab,
+        choose,
+        rows: () => shown.flatMap((at) => settingRows(panelOf.get(at), at)),
+        go(row, choice) {
+            choose(row.tab);
+            const target = (choice !== undefined ? row.choices.find((c) => c.value === choice)?.button : undefined) ??
+                row.element.querySelector('[data-choice][aria-pressed="true"]') ??
+                [...row.element.querySelectorAll('input, select, textarea, button')].find((c) => shownWithin(c, row.element));
+            target?.focus();
+            row.element.scrollIntoView?.({ block: 'nearest' });
+            // Pointed out, a moment, so the eye finds it.
+            row.element.classList.remove('fd-set-found');
+            void row.element.offsetWidth;
+            row.element.classList.add('fd-set-found');
+        },
+        setTabsHidden(hidden) {
+            strip.element.hidden = hidden;
+            panels.hidden = hidden;
+        },
+    };
+}
+//# sourceMappingURL=panel-inspector.mjs.map

package/src/lib/panel-inspector.mjs.map

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

package/src/lib/panel-layout.d.mts

@@ -0,0 +1,26 @@
+import { type Page } from '@fieldia/core';
+import type { ElementFactory } from './chrome.mjs';
+import type { Designer } from './designer.mjs';
+import type { DesignerWords } from './designer-words.mjs';
+/**
+ * The Layout tab's settings: a group's columns on a desktop, a tablet and a
+ * phone — one to four, or twelfths, each row divided its own way, and then
+ * whether its rows stay full; how wide a part is where it sits (in twelfths, a
+ * fraction of its row); where labels sit, and how wide they are when they sit
+ * beside their boxes.
+ */
+export interface LayoutSetting {
+    /** Its rows, on the Layout tab. */
+    rows: HTMLElement[];
+    update(page: Page): void;
+}
+/** A group's columns, on each size of screen: a tablet or a phone never more than a desktop, a phone never more than a tablet. */
+export declare function columnsSetting(el: ElementFactory, designer: Designer, id: string, words?: string): LayoutSetting;
+/** In twelfths, whether a group's rows stay full as parts come and go, or may leave gaps. */
+export declare function rowsSetting(el: ElementFactory, designer: Designer, id: string): LayoutSetting;
+/** How many columns a part spans where it sits, or why it takes the whole row. */
+export declare function widthSetting(el: ElementFactory, designer: Designer, id: string): LayoutSetting;
+/** What “as round it” is, in words: as its group says, or as the page does. */
+export declare const aroundWords: (page: Page, id: string, words?: DesignerWords) => string;
+/** Where a group's labels sit, or one field's; and, for a group whose labels sit beside, how wide they are. */
+export declare function labelsSetting(el: ElementFactory, designer: Designer, id: string, what: 'group' | 'field'): LayoutSetting;

package/src/lib/panel-layout.d.ts

@@ -0,0 +1,26 @@
+import { type Page } from '@fieldia/core';
+import type { ElementFactory } from './chrome';
+import type { Designer } from './designer';
+import type { DesignerWords } from './designer-words';
+/**
+ * The Layout tab's settings: a group's columns on a desktop, a tablet and a
+ * phone — one to four, or twelfths, each row divided its own way, and then
+ * whether its rows stay full; how wide a part is where it sits (in twelfths, a
+ * fraction of its row); where labels sit, and how wide they are when they sit
+ * beside their boxes.
+ */
+export interface LayoutSetting {
+    /** Its rows, on the Layout tab. */
+    rows: HTMLElement[];
+    update(page: Page): void;
+}
+/** A group's columns, on each size of screen: a tablet or a phone never more than a desktop, a phone never more than a tablet. */
+export declare function columnsSetting(el: ElementFactory, designer: Designer, id: string, words?: string): LayoutSetting;
+/** In twelfths, whether a group's rows stay full as parts come and go, or may leave gaps. */
+export declare function rowsSetting(el: ElementFactory, designer: Designer, id: string): LayoutSetting;
+/** How many columns a part spans where it sits, or why it takes the whole row. */
+export declare function widthSetting(el: ElementFactory, designer: Designer, id: string): LayoutSetting;
+/** What “as round it” is, in words: as its group says, or as the page does. */
+export declare const aroundWords: (page: Page, id: string, words?: DesignerWords) => string;
+/** Where a group's labels sit, or one field's; and, for a group whose labels sit beside, how wide they are. */
+export declare function labelsSetting(el: ElementFactory, designer: Designer, id: string, what: 'group' | 'field'): LayoutSetting;

package/src/lib/panel-layout.js

@@ -0,0 +1,250 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.aroundWords = void 0;
+exports.columnsSetting = columnsSetting;
+exports.rowsSetting = rowsSetting;
+exports.widthSetting = widthSetting;
+exports.labelsSetting = labelsSetting;
+const core_1 = require("@fieldia/core");
+const layout_tree_1 = require("./layout-tree");
+const layout_twelfths_1 = require("./layout-twelfths");
+const panel_controls_1 = require("./panel-controls");
+const en_1 = require("./locales/en");
+const SCREENS = ['wide', 'medium', 'narrow'];
+const COUNTS = [1, 2, 3, 4, layout_twelfths_1.TWELVE];
+/** “Auto”: a count left out, which the skin stacks as it does by itself. */
+const AUTO = 0;
+/** A group's columns, on each size of screen: a tablet or a phone never more than a desktop, a phone never more than a tablet. */
+function columnsSetting(el, designer, id, words = designer.words.panel.columnsInside) {
+    const w = designer.words.panel;
+    const read = () => {
+        const section = (0, layout_tree_1.nodeOf)(designer.getPage(), id);
+        const columns = section?.columns;
+        return typeof columns === 'object' ? { ...columns } : { wide: (0, core_1.wideColumns)(columns) };
+    };
+    const choose = (screen, count) => {
+        const now = read();
+        const n = (count || undefined);
+        if (screen === 'wide') {
+            if (n)
+                designer.setColumns(id, n);
+            return;
+        }
+        if (screen === 'medium') {
+            // A tablet's fewer columns take the phone's down with them.
+            const narrow = now.narrow && n ? Math.min(now.narrow, n) : now.narrow;
+            designer.setColumns(id, { wide: now.wide, medium: n, narrow });
+        }
+        else
+            designer.setColumns(id, { wide: now.wide, medium: now.medium, narrow: n });
+    };
+    const segs = SCREENS.map((screen) => {
+        const choices = [
+            ...(screen === 'wide' ? [] : [{ value: AUTO, words: w.auto, title: w.autoTitle }]),
+            ...COUNTS.map((n) => (n === layout_twelfths_1.TWELVE ? { value: n, words: w.twelfths, title: w.twelfthsTitle } : { value: n, words: String(n), label: w.columnCount(n) })),
+        ];
+        return (0, panel_controls_1.segmented)(el, w.columnsOn[screen], choices, (value) => value !== null && choose(screen, value));
+    });
+    const screens = el('div', { class: 'fd-insp-screens' }, ...SCREENS.map((screen, i) => el('div', { class: 'fd-insp-screen' }, el('span', { class: 'fd-insp-screen-name' }, w.screens[screen]), segs[i].element)));
+    const hint = el('p', { class: 'fd-properties-hint fd-set-hint' });
+    const row = (0, panel_controls_1.setting)(el, 'layout', 'Columns', screens, { hint, words });
+    return {
+        rows: [row],
+        update(page) {
+            const section = (0, layout_tree_1.nodeOf)(page, id);
+            if (!(0, layout_tree_1.isSection)(section))
+                return;
+            // On the columns of the group round it, or sharing one of them: it has no columns of its own to set.
+            const around = (0, layout_tree_1.locate)(page, id)?.parent;
+            const aroundName = around ? (0, layout_tree_1.nameOf)(page, around, designer.words) : '';
+            const tracks = (0, layout_tree_1.onTracks)(page, section);
+            const shared = !tracks && (0, layout_tree_1.isWrapper)(section) && (0, layout_tree_1.sharesOneCell)(section) && (0, layout_tree_1.isSection)(around) && (0, layout_tree_1.colsOf)(page, around) > 1;
+            screens.hidden = tracks || shared;
+            if (tracks)
+                hint.textContent = w.onTracks((0, layout_tree_1.colsOf)(page, section), aroundName);
+            else if (shared)
+                hint.textContent = w.sharedColumn(section.children.length, aroundName);
+            else if ((0, layout_twelfths_1.inTwelfths)(section))
+                hint.textContent = w.twelfthsHint;
+            else
+                hint.textContent = w.columnsHint;
+            const columns = section.columns;
+            const counts = typeof columns === 'object' ? columns : { wide: (0, core_1.wideColumns)(columns), medium: undefined, narrow: undefined };
+            segs[0].set(counts.wide);
+            segs[1].set(counts.medium ?? AUTO);
+            segs[2].set(counts.narrow ?? AUTO);
+            // Twelfths for a group only; in twelfths, a smaller screen keeps them, or stacks.
+            const twelfths = counts.wide === layout_twelfths_1.TWELVE;
+            segs[0].only((n) => n !== layout_twelfths_1.TWELVE || (0, layout_twelfths_1.isGroup)(section));
+            segs[1].only((n) => (twelfths ? n <= 1 || n === layout_twelfths_1.TWELVE : n <= counts.wide && n !== layout_twelfths_1.TWELVE));
+            segs[2].only((n) => (twelfths ? n <= 1 || n === layout_twelfths_1.TWELVE : n <= counts.wide && n !== layout_twelfths_1.TWELVE) && n <= (counts.medium ?? counts.wide));
+        },
+    };
+}
+/** In twelfths, whether a group's rows stay full as parts come and go, or may leave gaps. */
+function rowsSetting(el, designer, id) {
+    const w = designer.words.panel;
+    const seg = (0, panel_controls_1.segmented)(el, w.rows, [
+        { value: 'full', words: w.keepRowsFull },
+        { value: 'gaps', words: w.allowGaps },
+    ], (value) => value && designer.setSectionLook(id, { rows: value }));
+    const hint = el('p', { class: 'fd-properties-hint fd-set-hint' });
+    const row = (0, panel_controls_1.setting)(el, 'layout', 'Rows', seg.element, { hint, words: w.rows });
+    return {
+        rows: [row],
+        update(page) {
+            const section = (0, layout_tree_1.nodeOf)(page, id);
+            row.hidden = !(0, layout_twelfths_1.inTwelfths)(section);
+            if (!(0, layout_tree_1.isSection)(section))
+                return;
+            seg.set(section.rows ?? 'full');
+            hint.textContent = (0, layout_twelfths_1.keepsFull)(section) ? w.rowsFullHint : w.gapsHint;
+        },
+    };
+}
+/** The parts beside one, in words: by name when one or two, else how many. */
+function othersOf(page, list, id, words) {
+    const others = list.filter((p) => p.id !== id);
+    return words.panel.others(others.map((p) => words.parts.quote((0, layout_tree_1.nameOf)(page, p, words))), others.length);
+}
+/** How many columns a part spans where it sits, or why it takes the whole row. */
+function widthSetting(el, designer, id) {
+    const words = designer.words;
+    const w = words.panel;
+    /** What the choices are drawn for: a grid's columns, or twelfths and a width none of the fractions is. */
+    let drawn = '';
+    const box = el('div', { class: 'fd-insp-width' });
+    const hint = el('p', { class: 'fd-properties-hint fd-set-hint' });
+    const row = (0, panel_controls_1.setting)(el, 'layout', 'Width', box, { hint, words: w.width });
+    let seg = null;
+    return {
+        rows: [row],
+        update(page) {
+            const at = (0, layout_tree_1.locate)(page, id);
+            if (!at)
+                return;
+            const parent = at.parent;
+            if ((0, layout_twelfths_1.inTwelfths)(parent))
+                return twelfths(page, parent, at.node);
+            const cols = (0, layout_tree_1.across)(page, at.parent);
+            if (String(cols) !== drawn) {
+                drawn = String(cols);
+                seg = cols > 1 ? (0, panel_controls_1.segmented)(el, w.width, Array.from({ length: cols }, (_, i) => ({ value: i + 1, words: i + 1 === cols ? w.all(cols) : String(i + 1), label: i + 1 === cols ? w.allColumns(cols) : w.columnCount(i + 1) })), (n) => n !== null && designer.setColspan(id, n)) : null;
+                box.replaceChildren(...(seg ? [seg.element] : []));
+            }
+            const span = Math.min(at.node.colspan ?? 1, cols);
+            seg?.set(span);
+            if (cols > 1)
+                hint.textContent = (0, layout_tree_1.isWrapper)(parent) ? w.sharesWith(span, cols, othersOf(page, parent.children, id, words)) : w.ofColumnsOf(span, cols, (0, layout_tree_1.nameOf)(page, parent, words));
+            else if ((0, layout_tree_1.isSection)(parent))
+                hint.textContent = w.oneColumnFull((0, layout_tree_1.nameOf)(page, parent, words));
+            else
+                hint.textContent = w.fullWidthOn(parent.type === 'tab');
+        },
+    };
+    /** In twelfths: fractions of its row — those that leave the rest of it room where the row stays full — and its own width when none of them. */
+    function twelfths(page, group, part) {
+        const span = Math.min((0, layout_tree_1.spanOf)(part), layout_twelfths_1.TWELVE);
+        const odd = (0, layout_twelfths_1.rowParts)(words).some((p) => p.span === span) ? 0 : span;
+        if (`t${odd}` !== drawn) {
+            drawn = `t${odd}`;
+            const choices = (0, layout_twelfths_1.rowParts)(words).map((p) => ({ value: p.span, words: p.words, label: p.label }));
+            if (odd)
+                choices.push({ value: odd, words: w.percent((0, layout_twelfths_1.percent)(odd)), label: w.percentOfRow((0, layout_twelfths_1.percent)(odd)) });
+            seg = (0, panel_controls_1.segmented)(el, w.width, choices, (n) => n !== null && designer.setColspan(id, n));
+            box.replaceChildren(seg.element);
+        }
+        const fits = (0, layout_twelfths_1.widthsFor)(page, group, part);
+        seg?.set(span);
+        seg?.only((n) => n === span || fits(n));
+        const name = words.parts.quote((0, layout_tree_1.nameOf)(page, group, words));
+        // Nothing narrower fits beside the rest of its row: it is alone in it.
+        const alone = (0, layout_twelfths_1.keepsFull)(group) && !fits(1);
+        hint.textContent = alone ? w.aloneFills(name) : w.shareIn((0, layout_twelfths_1.rowShare)(span, layout_twelfths_1.TWELVE, words), name, (0, layout_twelfths_1.keepsFull)(group));
+    }
+}
+/** Where the labels round a part sit, as a group or the page says: the nearest that says. */
+function labelsAround(page, id) {
+    let group = false;
+    let place;
+    let width;
+    for (let at = (0, layout_tree_1.locate)(page, id)?.parent; at && at.id !== page.layout.id; at = (0, layout_tree_1.locate)(page, at.id)?.parent) {
+        if (!(0, layout_tree_1.isSection)(at))
+            continue;
+        group ||= !(0, layout_tree_1.isWrapper)(at);
+        place ??= at.labels;
+        width ??= at.labelWidth;
+    }
+    return { place: place ?? page.look?.labels, width: width ?? page.look?.labelWidth, group };
+}
+/** What “as round it” is, in words: as its group says, or as the page does. */
+const aroundWords = (page, id, words = en_1.en) => (labelsAround(page, id).group ? words.panel.asGroup : words.panel.asPage);
+exports.aroundWords = aroundWords;
+/** Where labels may sit, in the designer's words. */
+const placesIn = (w) => [
+    { value: 'above', words: w.above, title: w.aboveTitle },
+    { value: 'beside', words: w.beside, title: w.besideTitle },
+    { value: 'hidden', words: w.inBox, title: w.inBoxTitle },
+];
+/** Where the labels round it say: no setting of its own. */
+const AROUND = 'around';
+/** Where a group's labels sit, or one field's; and, for a group whose labels sit beside, how wide they are. */
+function labelsSetting(el, designer, id, what) {
+    const w = designer.words.panel;
+    const place = (0, panel_controls_1.segmented)(el, w.labels, [{ value: AROUND, words: w.asGroup }, ...placesIn(w)], (value) => {
+        const chosen = value === AROUND || value === null ? null : value;
+        if (what === 'field')
+            designer.setFieldLabels(id, chosen);
+        else
+            designer.setSectionLook(id, { labels: chosen });
+    });
+    const notSet = place.element.querySelector('[data-choice="around"] .fd-seg-words');
+    const rows = [(0, panel_controls_1.setting)(el, 'layout', 'Labels', place.element, what === 'field' ? { words: w.label, hint: w.labelInBox } : { words: w.labelsInside })];
+    if (what === 'field') {
+        // Where its help shows: as the page has it, or its own way.
+        const help = (0, panel_controls_1.segmented)(el, w.help, [{ value: AROUND, words: w.asPage }, ...['below', 'tooltip', 'both'].map((value) => ({ value, words: w.helpWays[value] }))], (value) => designer.setFieldHelpShown(id, value === AROUND || value === null ? null : value));
+        const helpRow = (0, panel_controls_1.setting)(el, 'layout', 'Help', help.element, { words: w.help });
+        return {
+            rows: [...rows, helpRow],
+            update(page) {
+                const node = (0, layout_tree_1.locate)(page, id)?.node;
+                if (!node)
+                    return;
+                notSet.textContent = (0, exports.aroundWords)(page, id, designer.words);
+                place.set(node.labels ?? AROUND);
+                // Only a field with help has anywhere to show it.
+                helpRow.hidden = !(node.help || (node.field && page.fields[node.field]?.help));
+                help.set(node.helpShown ?? AROUND);
+            },
+        };
+    }
+    const slider = el('input', { type: 'range', class: 'fd-insp-slider', min: '60', max: '320', step: '10', 'aria-label': w.labelWidth });
+    const number = el('input', { type: 'number', class: 'fd-input fd-insp-number', min: '60', max: '320', step: '1', 'aria-label': w.labelWidth });
+    const width = (value) => {
+        const n = Number(value);
+        // Only a width it can keep: one being typed on its way to one is left alone.
+        if (Number.isInteger(n) && n >= 60 && n <= 320)
+            designer.setSectionLook(id, { labelWidth: n });
+    };
+    slider.addEventListener('input', () => width(slider.value));
+    number.addEventListener('input', () => width(number.value));
+    const widthRow = (0, panel_controls_1.setting)(el, 'layout', 'Label width', [el('div', { class: 'fd-insp-range' }, slider, number, el('span', { class: 'fd-insp-unit' }, w.px))], { words: w.labelWidth });
+    return {
+        rows: [...rows, widthRow],
+        update(page) {
+            const section = (0, layout_tree_1.nodeOf)(page, id);
+            if (!(0, layout_tree_1.isSection)(section))
+                return;
+            const around = labelsAround(page, id);
+            notSet.textContent = around.group ? w.asGroup : w.asPage;
+            place.set(section.labels ?? AROUND);
+            widthRow.hidden = (section.labels ?? around.place) !== 'beside';
+            const value = String(section.labelWidth ?? around.width ?? 140);
+            if (number.ownerDocument.activeElement !== number)
+                number.value = value;
+            if (number.ownerDocument.activeElement !== slider)
+                slider.value = value;
+        },
+    };
+}
+//# sourceMappingURL=panel-layout.js.map

package/src/lib/panel-layout.js.map

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