@fieldia/designer 0.0.0-stage → 0.12.0

package/src/lib/panel-page.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pageProperties = pageProperties;
+const page_tree_1 = require("./page-tree");
+const panel_controls_1 = require("./panel-controls");
+const panel_look_1 = require("./panel-look");
+const steps_panel_1 = require("./steps-panel");
+/**
+ * Nothing picked: the screen itself — its description and a sheet's title
+ * (Content), whether it is sections or a record sheet and, for a sheet, what
+ * sits around it — the pager and breadcrumbs the app gives, the attachment
+ * and the side panel beside it (Layout) — its look (Look), and what it does
+ * at its moments (Rules).
+ */
+function pageProperties(el, designer) {
+    const focused = (node) => node.ownerDocument.activeElement === node;
+    const w = designer.words.panel;
+    const description = el('textarea', { class: 'fd-input fd-insp-area', 'aria-label': w.description, rows: '2', placeholder: w.wordsUnderTitle });
+    description.addEventListener('input', () => designer.setPageInfo({ description: description.value }));
+    const layout = el('select', { class: 'fd-input fd-select', 'aria-label': w.layout }, el('option', { value: 'sections' }, w.sections), el('option', { value: 'sheet' }, w.recordSheet));
+    layout.addEventListener('change', () => designer.setLayoutKind(layout.value));
+    const title = el('select', { class: 'fd-input fd-select', 'aria-label': w.titleField });
+    title.addEventListener('change', () => designer.setTitleField(title.value === '' ? null : title.value === CURRENT_TITLE ? (designer.getPage().layout.title?.field ?? null) : title.value));
+    const titleRow = (0, panel_controls_1.setting)(el, 'content', 'Title field', title, { hint: w.titleFieldHint, words: w.titleField });
+    const titleLabel = el('input', { class: 'fd-input', 'aria-label': w.titleLabel, placeholder: w.optional });
+    titleLabel.addEventListener('input', () => designer.setTitleLabel(titleLabel.value));
+    const titleLabelRow = (0, panel_controls_1.setting)(el, 'content', 'Words over the title', titleLabel, { hint: w.titleLabelHint, words: w.titleLabel });
+    // Around a record: the pager and the trail the app gives, shown unless the page says no; the attachment and the side panel beside it.
+    const check = (label) => el('input', { type: 'checkbox', class: 'fd-check', 'aria-label': label });
+    const pager = check(w.pagerShown);
+    pager.addEventListener('change', () => designer.setRecordToolbar({ pager: pager.checked }));
+    const crumbs = check(w.breadcrumbsShown);
+    crumbs.addEventListener('change', () => designer.setRecordToolbar({ breadcrumbs: crumbs.checked }));
+    const pagerRow = (0, panel_controls_1.setting)(el, 'layout', 'Pager over the record', pager, { words: w.pagerShown });
+    const crumbsRow = (0, panel_controls_1.setting)(el, 'layout', 'Breadcrumbs over the record', crumbs, { hint: w.aroundHint, words: w.breadcrumbsShown });
+    const preview = el('select', { class: 'fd-input fd-select', 'aria-label': w.attachmentBeside });
+    preview.addEventListener('change', () => designer.setAttachmentPreview(preview.value === NONE ? null : preview.value));
+    const previewRow = (0, panel_controls_1.setting)(el, 'layout', 'Attachment beside the sheet', preview, { hint: w.attachmentHint, words: w.attachmentBeside });
+    const beside = el('select', { class: 'fd-input fd-select', 'aria-label': w.sideBeside }, el('option', { value: 'wide' }, w.sideBesides.wide), el('option', { value: 'always' }, w.sideBesides.always));
+    beside.addEventListener('change', () => designer.setSidePanelBeside(beside.value));
+    const besideRow = (0, panel_controls_1.setting)(el, 'layout', 'Side panel beside the sheet', beside, { words: w.sideBeside });
+    const look = (0, panel_look_1.pageLookSettings)(el, designer);
+    // steps lane: what the form does at its moments — opened, saved or sent, a tab or step shown.
+    const moments = (0, steps_panel_1.formMoments)(el, designer);
+    const element = el('div', { class: 'fd-props' }, (0, panel_controls_1.setting)(el, 'content', 'Description', description, { words: w.description }), titleRow, titleLabelRow, el('p', { class: 'fd-properties-hint' }, w.nothingPicked), (0, panel_controls_1.setting)(el, 'layout', 'Layout', layout, { hint: w.layoutHint, words: w.layout }), pagerRow, crumbsRow, previewRow, besideRow, ...look.rows, moments.element);
+    return {
+        element,
+        update(page) {
+            if (!focused(description))
+                description.value = page.description ?? '';
+            look.update(page);
+            moments.update(page);
+            const root = page.layout;
+            layout.value = root.type === 'sheet' ? 'sheet' : 'sections';
+            titleRow.hidden = root.type !== 'sheet';
+            titleLabelRow.hidden = root.type !== 'sheet' || !root.title;
+            pagerRow.hidden = crumbsRow.hidden = previewRow.hidden = root.type !== 'sheet';
+            besideRow.hidden = root.type !== 'sheet' || !root.sidePanel;
+            if (root.type !== 'sheet')
+                return;
+            pager.checked = root.toolbar?.pager !== false;
+            crumbs.checked = root.toolbar?.breadcrumbs !== false;
+            // The record's attachments from the app, or a file field's file.
+            const files = [...Object.entries(page.fields), ...designer.modelFields().map((m) => [m.name, m.field])].filter(([, f]) => f.type === 'binary' || f.type === 'image');
+            const choices = [[NONE, w.attachmentNone], ['', w.attachmentFromApp], ...files.map(([name, f]) => [name, f.label])];
+            const key = JSON.stringify(choices);
+            if (preview.dataset['choices'] !== key) {
+                preview.dataset['choices'] = key;
+                preview.replaceChildren(...choices.map(([value, words]) => el('option', { value }, words)));
+            }
+            preview.value = root.attachmentPreview ? (root.attachmentPreview.field ?? '') : NONE;
+            beside.value = root.sidePanelBeside ?? 'wide';
+            if (!focused(titleLabel))
+                titleLabel.value = root.title?.label ?? '';
+            // The text fields that could be the title, and the one that is.
+            const texts = (0, page_tree_1.allSections)(page).flatMap((s) => s.children.filter((n) => n.type === 'field' && page.fields[n.field]?.type === 'char'));
+            title.replaceChildren(el('option', { value: '' }, w.noTitle), ...(root.title ? [el('option', { value: CURRENT_TITLE }, page.fields[root.title.field]?.label ?? root.title.field)] : []), ...texts.map((n) => el('option', { value: n.id }, n.label ?? page.fields[n.field].label)));
+            title.value = root.title ? CURRENT_TITLE : '';
+        },
+    };
+}
+/** No attachment beside the sheet, in its list: '' is the app's attachments. */
+const NONE = '#none';
+/** The title's own entry in the list: it has no node, being out of every section. */
+const CURRENT_TITLE = '#title';
+//# sourceMappingURL=panel-page.js.map

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

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

package/src/lib/panel-page.mjs

@@ -0,0 +1,83 @@
+import { allSections } from './page-tree.mjs';
+import { setting } from './panel-controls.mjs';
+import { pageLookSettings } from './panel-look.mjs';
+import { formMoments } from './steps-panel.mjs';
+/**
+ * Nothing picked: the screen itself — its description and a sheet's title
+ * (Content), whether it is sections or a record sheet and, for a sheet, what
+ * sits around it — the pager and breadcrumbs the app gives, the attachment
+ * and the side panel beside it (Layout) — its look (Look), and what it does
+ * at its moments (Rules).
+ */
+export function pageProperties(el, designer) {
+    const focused = (node) => node.ownerDocument.activeElement === node;
+    const w = designer.words.panel;
+    const description = el('textarea', { class: 'fd-input fd-insp-area', 'aria-label': w.description, rows: '2', placeholder: w.wordsUnderTitle });
+    description.addEventListener('input', () => designer.setPageInfo({ description: description.value }));
+    const layout = el('select', { class: 'fd-input fd-select', 'aria-label': w.layout }, el('option', { value: 'sections' }, w.sections), el('option', { value: 'sheet' }, w.recordSheet));
+    layout.addEventListener('change', () => designer.setLayoutKind(layout.value));
+    const title = el('select', { class: 'fd-input fd-select', 'aria-label': w.titleField });
+    title.addEventListener('change', () => designer.setTitleField(title.value === '' ? null : title.value === CURRENT_TITLE ? (designer.getPage().layout.title?.field ?? null) : title.value));
+    const titleRow = setting(el, 'content', 'Title field', title, { hint: w.titleFieldHint, words: w.titleField });
+    const titleLabel = el('input', { class: 'fd-input', 'aria-label': w.titleLabel, placeholder: w.optional });
+    titleLabel.addEventListener('input', () => designer.setTitleLabel(titleLabel.value));
+    const titleLabelRow = setting(el, 'content', 'Words over the title', titleLabel, { hint: w.titleLabelHint, words: w.titleLabel });
+    // Around a record: the pager and the trail the app gives, shown unless the page says no; the attachment and the side panel beside it.
+    const check = (label) => el('input', { type: 'checkbox', class: 'fd-check', 'aria-label': label });
+    const pager = check(w.pagerShown);
+    pager.addEventListener('change', () => designer.setRecordToolbar({ pager: pager.checked }));
+    const crumbs = check(w.breadcrumbsShown);
+    crumbs.addEventListener('change', () => designer.setRecordToolbar({ breadcrumbs: crumbs.checked }));
+    const pagerRow = setting(el, 'layout', 'Pager over the record', pager, { words: w.pagerShown });
+    const crumbsRow = setting(el, 'layout', 'Breadcrumbs over the record', crumbs, { hint: w.aroundHint, words: w.breadcrumbsShown });
+    const preview = el('select', { class: 'fd-input fd-select', 'aria-label': w.attachmentBeside });
+    preview.addEventListener('change', () => designer.setAttachmentPreview(preview.value === NONE ? null : preview.value));
+    const previewRow = setting(el, 'layout', 'Attachment beside the sheet', preview, { hint: w.attachmentHint, words: w.attachmentBeside });
+    const beside = el('select', { class: 'fd-input fd-select', 'aria-label': w.sideBeside }, el('option', { value: 'wide' }, w.sideBesides.wide), el('option', { value: 'always' }, w.sideBesides.always));
+    beside.addEventListener('change', () => designer.setSidePanelBeside(beside.value));
+    const besideRow = setting(el, 'layout', 'Side panel beside the sheet', beside, { words: w.sideBeside });
+    const look = pageLookSettings(el, designer);
+    // steps lane: what the form does at its moments — opened, saved or sent, a tab or step shown.
+    const moments = formMoments(el, designer);
+    const element = el('div', { class: 'fd-props' }, setting(el, 'content', 'Description', description, { words: w.description }), titleRow, titleLabelRow, el('p', { class: 'fd-properties-hint' }, w.nothingPicked), setting(el, 'layout', 'Layout', layout, { hint: w.layoutHint, words: w.layout }), pagerRow, crumbsRow, previewRow, besideRow, ...look.rows, moments.element);
+    return {
+        element,
+        update(page) {
+            if (!focused(description))
+                description.value = page.description ?? '';
+            look.update(page);
+            moments.update(page);
+            const root = page.layout;
+            layout.value = root.type === 'sheet' ? 'sheet' : 'sections';
+            titleRow.hidden = root.type !== 'sheet';
+            titleLabelRow.hidden = root.type !== 'sheet' || !root.title;
+            pagerRow.hidden = crumbsRow.hidden = previewRow.hidden = root.type !== 'sheet';
+            besideRow.hidden = root.type !== 'sheet' || !root.sidePanel;
+            if (root.type !== 'sheet')
+                return;
+            pager.checked = root.toolbar?.pager !== false;
+            crumbs.checked = root.toolbar?.breadcrumbs !== false;
+            // The record's attachments from the app, or a file field's file.
+            const files = [...Object.entries(page.fields), ...designer.modelFields().map((m) => [m.name, m.field])].filter(([, f]) => f.type === 'binary' || f.type === 'image');
+            const choices = [[NONE, w.attachmentNone], ['', w.attachmentFromApp], ...files.map(([name, f]) => [name, f.label])];
+            const key = JSON.stringify(choices);
+            if (preview.dataset['choices'] !== key) {
+                preview.dataset['choices'] = key;
+                preview.replaceChildren(...choices.map(([value, words]) => el('option', { value }, words)));
+            }
+            preview.value = root.attachmentPreview ? (root.attachmentPreview.field ?? '') : NONE;
+            beside.value = root.sidePanelBeside ?? 'wide';
+            if (!focused(titleLabel))
+                titleLabel.value = root.title?.label ?? '';
+            // The text fields that could be the title, and the one that is.
+            const texts = allSections(page).flatMap((s) => s.children.filter((n) => n.type === 'field' && page.fields[n.field]?.type === 'char'));
+            title.replaceChildren(el('option', { value: '' }, w.noTitle), ...(root.title ? [el('option', { value: CURRENT_TITLE }, page.fields[root.title.field]?.label ?? root.title.field)] : []), ...texts.map((n) => el('option', { value: n.id }, n.label ?? page.fields[n.field].label)));
+            title.value = root.title ? CURRENT_TITLE : '';
+        },
+    };
+}
+/** No attachment beside the sheet, in its list: '' is the app's attachments. */
+const NONE = '#none';
+/** The title's own entry in the list: it has no node, being out of every section. */
+const CURRENT_TITLE = '#title';
+//# sourceMappingURL=panel-page.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"panel-page.mjs","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/panel-page.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C;;;;;;GAMG;AACH,MAAM,UAAU,cAAc,CAAC,EAAkB,EAAE,QAAkB;IACnE,MAAM,OAAO,GAAG,CAAC,IAAa,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,aAAa,KAAK,IAAI,CAAC;IAC7E,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAC/B,MAAM,WAAW,GAAG,EAAE,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,YAAY,EAAE,CAAC,CAAC,WAAW,EAAE,IAAI,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC;IAC/I,WAAW,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,WAAW,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IACtG,MAAM,MAAM,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,EAAE,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC;IACvL,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,KAA6B,CAAC,CAAC,CAAC;IACtG,MAAM,KAAK,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC;IACxF,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,KAAK,aAAa,CAAC,CAAC,CAAC,CAAE,QAAQ,CAAC,OAAO,EAAE,CAAC,MAAoB,CAAC,KAAK,EAAE,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1M,MAAM,QAAQ,GAAG,OAAO,CAAC,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC;IAC/G,MAAM,UAAU,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC,CAAC,UAAU,EAAE,WAAW,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAqB,CAAC;IAC/H,UAAU,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;IACrF,MAAM,aAAa,GAAG,OAAO,CAAC,EAAE,EAAE,SAAS,EAAE,sBAAsB,EAAE,UAAU,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC;IAClI,sIAAsI;IACtI,MAAM,KAAK,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,EAAE,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,KAAK,EAAE,CAAqB,CAAC;IAC/H,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IAClC,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;IAC5F,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;IACzC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,WAAW,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;IACpG,MAAM,QAAQ,GAAG,OAAO,CAAC,EAAE,EAAE,QAAQ,EAAE,uBAAuB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC;IAChG,MAAM,SAAS,GAAG,OAAO,CAAC,EAAE,EAAE,QAAQ,EAAE,6BAA6B,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC;IAClI,MAAM,OAAO,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,CAAC,CAAC,gBAAgB,EAAE,CAAsB,CAAC;IACrH,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,oBAAoB,CAAC,OAAO,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IACvH,MAAM,UAAU,GAAG,OAAO,CAAC,EAAE,EAAE,QAAQ,EAAE,6BAA6B,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC;IACxI,MAAM,MAAM,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,CAAC,CAAC,UAAU,EAAE,EAAE,EAAE,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAsB,CAAC;IAC5N,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,kBAAkB,CAAC,MAAM,CAAC,KAA0B,CAAC,CAAC,CAAC;IACxG,MAAM,SAAS,GAAG,OAAO,CAAC,EAAE,EAAE,QAAQ,EAAE,6BAA6B,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC;IACxG,MAAM,IAAI,GAAG,gBAAgB,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;IAC5C,8FAA8F;IAC9F,MAAM,OAAO,GAAG,WAAW,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;IAC1C,MAAM,OAAO,GAAG,EAAE,CAChB,KAAK,EACL,EAAE,KAAK,EAAE,UAAU,EAAE,EACrB,OAAO,CAAC,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC,EAC5E,QAAQ,EACR,aAAa,EACb,EAAE,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,CAAC,CAAC,aAAa,CAAC,EACzD,OAAO,CAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,EAChF,QAAQ,EACR,SAAS,EACT,UAAU,EACV,SAAS,EACT,GAAG,IAAI,CAAC,IAAI,EACZ,OAAO,CAAC,OAAO,CAChB,CAAC;IACF,OAAO;QACL,OAAO;QACP,MAAM,CAAC,IAAI;YACT,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC;gBAAE,WAAW,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC;YACtE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YAClB,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YACrB,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC;YACzB,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC;YAC5D,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC;YACxC,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;YAC5D,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,MAAM,GAAG,UAAU,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC;YAC/E,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;YAC5D,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO;gBAAE,OAAO;YAClC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE,KAAK,KAAK,KAAK,CAAC;YAC9C,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE,WAAW,KAAK,KAAK,CAAC;YACrD,iEAAiE;YACjE,MAAM,KAAK,GAAG,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC;YAC9K,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAAE,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAU,CAAC,CAAC,CAAC;YAC7H,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YACpC,IAAI,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,GAAG,EAAE,CAAC;gBACvC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,GAAG,CAAC;gBACjC,OAAO,CAAC,eAAe,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;YAC9F,CAAC;YACD,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;YACrF,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,IAAI,MAAM,CAAC;YAC9C,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;gBAAE,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,KAAK,IAAI,EAAE,CAAC;YACrE,gEAAgE;YAChE,MAAM,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAkB,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC;YACtJ,KAAK,CAAC,eAAe,CACnB,EAAE,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,EACtC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EACzH,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAC1F,CAAC;YACF,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;QAChD,CAAC;KACF,CAAC;AACJ,CAAC;AAED,gFAAgF;AAChF,MAAM,IAAI,GAAG,OAAO,CAAC;AAErB,qFAAqF;AACrF,MAAM,aAAa,GAAG,QAAQ,CAAC"}

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

@@ -0,0 +1,14 @@
+import type { ElementFactory } from './chrome.mjs';
+import type { Designer } from './designer.mjs';
+import type { PropertiesView } from './screen-properties.mjs';
+/**
+ * The views of a block between fields — words, a heading, a button, an
+ * image, a line or room — and of several parts picked at once.
+ */
+export declare function blockProperties(el: ElementFactory, designer: Designer, id: string): PropertiesView;
+/**
+ * Several parts picked: what they are; how wide each is and where their
+ * labels sit, set on them all as one undo step, offered only when it applies
+ * to every one of them; and grouping them, side by side or as tabs.
+ */
+export declare function severalProperties(el: ElementFactory, designer: Designer, ids: readonly string[]): PropertiesView;

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

@@ -0,0 +1,14 @@
+import type { ElementFactory } from './chrome';
+import type { Designer } from './designer';
+import type { PropertiesView } from './screen-properties';
+/**
+ * The views of a block between fields — words, a heading, a button, an
+ * image, a line or room — and of several parts picked at once.
+ */
+export declare function blockProperties(el: ElementFactory, designer: Designer, id: string): PropertiesView;
+/**
+ * Several parts picked: what they are; how wide each is and where their
+ * labels sit, set on them all as one undo step, offered only when it applies
+ * to every one of them; and grouping them, side by side or as tabs.
+ */
+export declare function severalProperties(el: ElementFactory, designer: Designer, ids: readonly string[]): PropertiesView;

package/src/lib/panel-parts.js

@@ -0,0 +1,113 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.blockProperties = blockProperties;
+exports.severalProperties = severalProperties;
+const layout_ops_1 = require("./layout-ops");
+const layout_tree_1 = require("./layout-tree");
+const panel_controls_1 = require("./panel-controls");
+const panel_block_1 = require("./panel-block");
+const panel_layout_1 = require("./panel-layout");
+const panel_several_required_1 = require("./panel-several-required");
+/**
+ * The views of a block between fields — words, a heading, a button, an
+ * image, a line or room — and of several parts picked at once.
+ */
+function blockProperties(el, designer, id) {
+    const w = designer.words.panel;
+    const about = el('p', { class: 'fd-properties-hint' });
+    const duplicate = el('button', { type: 'button', class: 'fd-button' }, w.duplicate);
+    duplicate.addEventListener('click', () => designer.duplicate([id]));
+    const remove = el('button', { type: 'button', class: 'fd-button fd-button-danger' }, w.delete);
+    remove.addEventListener('click', () => designer.remove([id]));
+    // A divider runs across the whole row: it has no width to set.
+    const width = (0, layout_tree_1.locate)(designer.getPage(), id)?.node.type === 'divider' ? null : (0, panel_layout_1.widthSetting)(el, designer, id);
+    // Its own settings: a picture's address and description, how words read, a button's words.
+    const own = (0, panel_block_1.blockContent)(el, designer, id);
+    const element = el('div', { class: 'fd-props' }, about, ...(own?.rows ?? []), (0, panel_controls_1.onTab)(el('div', { class: 'fd-props-actions' }, duplicate, remove), 'content', 'Duplicate or delete'), ...(width?.rows ?? []));
+    return {
+        element,
+        update(page) {
+            const node = (0, layout_tree_1.locate)(page, id)?.node;
+            if (!node)
+                return;
+            width?.update(page);
+            own?.update(page);
+            const said = w.about;
+            about.textContent = node.type === 'text' && node.style === 'heading' ? w.about.heading : (said[node.type] ?? '');
+        },
+    };
+}
+/** The one value they all have, or none when they differ. */
+const shared = (values) => (values.length && values.every((v) => v === values[0]) ? values[0] : null);
+/**
+ * Several parts picked: what they are; how wide each is and where their
+ * labels sit, set on them all as one undo step, offered only when it applies
+ * to every one of them; and grouping them, side by side or as tabs.
+ */
+function severalProperties(el, designer, ids) {
+    const words = designer.words;
+    const w = words.panel;
+    const names = el('p', { class: 'fd-properties-hint' });
+    // ---- how wide each is: no wider than the narrowest place among them ----
+    let drawn = 0;
+    let width = null;
+    const widthBox = el('div', { class: 'fd-insp-width' });
+    const widthHint = el('p', { class: 'fd-properties-hint fd-set-hint' });
+    const widthRow = (0, panel_controls_1.setting)(el, 'layout', 'Width', widthBox, { hint: widthHint, words: w.width });
+    // ---- where their labels sit ----
+    const AROUND = 'around';
+    const labels = (0, panel_controls_1.segmented)(el, w.labels, [
+        { value: AROUND, words: w.notSet, title: w.notSetTitle },
+        { value: 'above', words: w.above },
+        { value: 'beside', words: w.beside },
+        { value: 'hidden', words: w.inBox, title: w.inBoxTitle },
+    ], (value) => designer.setEach([...ids], { labels: value === AROUND || value === null ? null : value }));
+    const labelsRow = (0, panel_controls_1.setting)(el, 'layout', 'Labels', labels.element, { words: w.labels });
+    const notSet = labels.element.querySelector(`[data-choice="${AROUND}"] .fd-seg-words`);
+    // ---- together ----
+    const act = (words, run, danger = false) => {
+        const button = el('button', { type: 'button', class: `fd-button${danger ? ' fd-button-danger' : ''}` }, words);
+        button.addEventListener('click', run);
+        return button;
+    };
+    const together = el('div', { class: 'fd-props-actions' }, act(w.groupThese, () => designer.wrap([...ids], 'group')), act(w.sideBySide, () => designer.wrap([...ids], 'side')), act(w.makeTabs, () => designer.wrap([...ids], 'tabs')));
+    const apart = el('p', { class: 'fd-properties-hint', hidden: '' }, w.apart);
+    // gap lane: fields picked together, required together.
+    const required = (0, panel_several_required_1.severalRequired)(el, designer, ids);
+    const element = el('div', { class: 'fd-props' }, (0, panel_controls_1.onTab)(el('div', { class: 'fd-prop' }, names), 'layout'), widthRow, labelsRow, (0, panel_controls_1.onTab)(el('div', { class: 'fd-prop' }, el('span', { class: 'fd-prop-name' }, w.together), together, apart), 'layout', 'Group these'), (0, panel_controls_1.onTab)(el('div', { class: 'fd-props-actions' }, act(w.duplicate, () => designer.duplicate([...ids])), act(w.delete, () => designer.remove([...ids]), true)), 'layout', 'Duplicate or delete'), ...required.rows);
+    return {
+        element,
+        update(page) {
+            const spots = ids.map((id) => (0, layout_tree_1.locate)(page, id));
+            if (spots.some((at) => !at))
+                return;
+            const parts = spots.map((at) => at);
+            required.update(page);
+            names.textContent = words.parts.and(parts.map((at) => words.parts.quote((0, layout_tree_1.nameOf)(page, at.node, words))));
+            const cols = parts.every((at) => layout_ops_1.SPANNED.has(at.node.type)) ? Math.min(...parts.map((at) => (0, layout_tree_1.across)(page, at.parent))) : 0;
+            if (cols !== drawn) {
+                drawn = cols;
+                width =
+                    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) => {
+                            if (n !== null)
+                                designer.setEach([...ids], { span: n });
+                        })
+                        : null;
+                widthBox.replaceChildren(...(width ? [width.element] : []));
+            }
+            width?.set(shared(parts.map((at) => Math.min((0, layout_tree_1.spanOf)(at.node), cols))));
+            widthHint.textContent = cols > 1 ? w.eachPicked(parts.length) : w.widthNeedsGroup;
+            labelsRow.hidden = !parts.every((at) => at.node.type === 'field' || (0, layout_tree_1.isSection)(at.node));
+            // Where labels sit when none is set: as their groups say, or the page, alike for them all; or not set.
+            const around = new Set(parts.map((at) => (0, panel_layout_1.aroundWords)(page, at.node.id, words)));
+            notSet.textContent = around.size === 1 ? [...around][0] : w.notSet;
+            labels.set(shared(parts.map((at) => at.node.labels ?? AROUND)));
+            // Only parts side by side in one list can be grouped where they are.
+            const same = new Set(parts.map((at) => at.parent.id)).size === 1 && parts.every((at) => at.node.type !== 'tab');
+            together.hidden = !same;
+            apart.hidden = same;
+        },
+    };
+}
+//# sourceMappingURL=panel-parts.js.map

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

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

package/src/lib/panel-parts.mjs

@@ -0,0 +1,109 @@
+import { SPANNED } from './layout-ops.mjs';
+import { across, isSection, locate, nameOf, spanOf } from './layout-tree.mjs';
+import { onTab, segmented, setting } from './panel-controls.mjs';
+import { blockContent } from './panel-block.mjs';
+import { aroundWords, widthSetting } from './panel-layout.mjs';
+import { severalRequired } from './panel-several-required.mjs';
+/**
+ * The views of a block between fields — words, a heading, a button, an
+ * image, a line or room — and of several parts picked at once.
+ */
+export function blockProperties(el, designer, id) {
+    const w = designer.words.panel;
+    const about = el('p', { class: 'fd-properties-hint' });
+    const duplicate = el('button', { type: 'button', class: 'fd-button' }, w.duplicate);
+    duplicate.addEventListener('click', () => designer.duplicate([id]));
+    const remove = el('button', { type: 'button', class: 'fd-button fd-button-danger' }, w.delete);
+    remove.addEventListener('click', () => designer.remove([id]));
+    // A divider runs across the whole row: it has no width to set.
+    const width = locate(designer.getPage(), id)?.node.type === 'divider' ? null : widthSetting(el, designer, id);
+    // Its own settings: a picture's address and description, how words read, a button's words.
+    const own = blockContent(el, designer, id);
+    const element = el('div', { class: 'fd-props' }, about, ...(own?.rows ?? []), onTab(el('div', { class: 'fd-props-actions' }, duplicate, remove), 'content', 'Duplicate or delete'), ...(width?.rows ?? []));
+    return {
+        element,
+        update(page) {
+            const node = locate(page, id)?.node;
+            if (!node)
+                return;
+            width?.update(page);
+            own?.update(page);
+            const said = w.about;
+            about.textContent = node.type === 'text' && node.style === 'heading' ? w.about.heading : (said[node.type] ?? '');
+        },
+    };
+}
+/** The one value they all have, or none when they differ. */
+const shared = (values) => (values.length && values.every((v) => v === values[0]) ? values[0] : null);
+/**
+ * Several parts picked: what they are; how wide each is and where their
+ * labels sit, set on them all as one undo step, offered only when it applies
+ * to every one of them; and grouping them, side by side or as tabs.
+ */
+export function severalProperties(el, designer, ids) {
+    const words = designer.words;
+    const w = words.panel;
+    const names = el('p', { class: 'fd-properties-hint' });
+    // ---- how wide each is: no wider than the narrowest place among them ----
+    let drawn = 0;
+    let width = null;
+    const widthBox = el('div', { class: 'fd-insp-width' });
+    const widthHint = el('p', { class: 'fd-properties-hint fd-set-hint' });
+    const widthRow = setting(el, 'layout', 'Width', widthBox, { hint: widthHint, words: w.width });
+    // ---- where their labels sit ----
+    const AROUND = 'around';
+    const labels = segmented(el, w.labels, [
+        { value: AROUND, words: w.notSet, title: w.notSetTitle },
+        { value: 'above', words: w.above },
+        { value: 'beside', words: w.beside },
+        { value: 'hidden', words: w.inBox, title: w.inBoxTitle },
+    ], (value) => designer.setEach([...ids], { labels: value === AROUND || value === null ? null : value }));
+    const labelsRow = setting(el, 'layout', 'Labels', labels.element, { words: w.labels });
+    const notSet = labels.element.querySelector(`[data-choice="${AROUND}"] .fd-seg-words`);
+    // ---- together ----
+    const act = (words, run, danger = false) => {
+        const button = el('button', { type: 'button', class: `fd-button${danger ? ' fd-button-danger' : ''}` }, words);
+        button.addEventListener('click', run);
+        return button;
+    };
+    const together = el('div', { class: 'fd-props-actions' }, act(w.groupThese, () => designer.wrap([...ids], 'group')), act(w.sideBySide, () => designer.wrap([...ids], 'side')), act(w.makeTabs, () => designer.wrap([...ids], 'tabs')));
+    const apart = el('p', { class: 'fd-properties-hint', hidden: '' }, w.apart);
+    // gap lane: fields picked together, required together.
+    const required = severalRequired(el, designer, ids);
+    const element = el('div', { class: 'fd-props' }, onTab(el('div', { class: 'fd-prop' }, names), 'layout'), widthRow, labelsRow, onTab(el('div', { class: 'fd-prop' }, el('span', { class: 'fd-prop-name' }, w.together), together, apart), 'layout', 'Group these'), onTab(el('div', { class: 'fd-props-actions' }, act(w.duplicate, () => designer.duplicate([...ids])), act(w.delete, () => designer.remove([...ids]), true)), 'layout', 'Duplicate or delete'), ...required.rows);
+    return {
+        element,
+        update(page) {
+            const spots = ids.map((id) => locate(page, id));
+            if (spots.some((at) => !at))
+                return;
+            const parts = spots.map((at) => at);
+            required.update(page);
+            names.textContent = words.parts.and(parts.map((at) => words.parts.quote(nameOf(page, at.node, words))));
+            const cols = parts.every((at) => SPANNED.has(at.node.type)) ? Math.min(...parts.map((at) => across(page, at.parent))) : 0;
+            if (cols !== drawn) {
+                drawn = cols;
+                width =
+                    cols > 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) => {
+                            if (n !== null)
+                                designer.setEach([...ids], { span: n });
+                        })
+                        : null;
+                widthBox.replaceChildren(...(width ? [width.element] : []));
+            }
+            width?.set(shared(parts.map((at) => Math.min(spanOf(at.node), cols))));
+            widthHint.textContent = cols > 1 ? w.eachPicked(parts.length) : w.widthNeedsGroup;
+            labelsRow.hidden = !parts.every((at) => at.node.type === 'field' || isSection(at.node));
+            // Where labels sit when none is set: as their groups say, or the page, alike for them all; or not set.
+            const around = new Set(parts.map((at) => aroundWords(page, at.node.id, words)));
+            notSet.textContent = around.size === 1 ? [...around][0] : w.notSet;
+            labels.set(shared(parts.map((at) => at.node.labels ?? AROUND)));
+            // Only parts side by side in one list can be grouped where they are.
+            const same = new Set(parts.map((at) => at.parent.id)).size === 1 && parts.every((at) => at.node.type !== 'tab');
+            together.hidden = !same;
+            apart.hidden = same;
+        },
+    };
+}
+//# sourceMappingURL=panel-parts.mjs.map

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

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

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

@@ -0,0 +1,34 @@
+import type { Page } from '@fieldia/core';
+import type { ElementFactory } from './chrome.mjs';
+import { type FindItem } from './find-anything.mjs';
+import type { Designer, DesignerState } from './designer.mjs';
+import type { DesignerWords } from './designer-words.mjs';
+import { type InspectorHead } from './panel-inspector.mjs';
+import type { SampleOptions } from './rules-sample.mjs';
+import { type PartKind } from './panel-tabs.mjs';
+/**
+ * The screen editor's panel: the view of what is picked — a field, a group,
+ * parts side by side, tabs, a block, several parts, a header's part, a list's
+ * column, or the screen itself — in the panel's tabs, headed by its kind and
+ * its name.
+ */
+export interface ScreenPanel {
+    element: HTMLElement;
+    update(state: DesignerState): void;
+    /** Bring part of what is picked forward, on its tab: its settings, when it shows, a list's filters. */
+    open(part: 'field' | 'when' | 'filters'): void;
+    /** For Find anything: the settings of what is picked, and the page's look. */
+    findItems(): FindItem[];
+    /** Simple or Advanced: the tabs and settings on show follow it. */
+    setMode(mode: 'simple' | 'advanced'): void;
+    destroy(): void;
+}
+/** What is picked, as the head says it: its kind, with an icon, and its name. */
+export declare function headOf(page: Page, kind: PartKind, picked: readonly string[], fromModel: (id: string) => boolean, words?: DesignerWords, savedTitle?: (pageId: string) => string | undefined): InspectorHead;
+export declare function screenPanel(options: {
+    el: ElementFactory;
+    doc: Document;
+    designer: Designer;
+    wearer?: HTMLElement;
+    sampling?: SampleOptions;
+}): ScreenPanel;

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

@@ -0,0 +1,34 @@
+import type { Page } from '@fieldia/core';
+import type { ElementFactory } from './chrome';
+import { type FindItem } from './find-anything';
+import type { Designer, DesignerState } from './designer';
+import type { DesignerWords } from './designer-words';
+import { type InspectorHead } from './panel-inspector';
+import type { SampleOptions } from './rules-sample';
+import { type PartKind } from './panel-tabs';
+/**
+ * The screen editor's panel: the view of what is picked — a field, a group,
+ * parts side by side, tabs, a block, several parts, a header's part, a list's
+ * column, or the screen itself — in the panel's tabs, headed by its kind and
+ * its name.
+ */
+export interface ScreenPanel {
+    element: HTMLElement;
+    update(state: DesignerState): void;
+    /** Bring part of what is picked forward, on its tab: its settings, when it shows, a list's filters. */
+    open(part: 'field' | 'when' | 'filters'): void;
+    /** For Find anything: the settings of what is picked, and the page's look. */
+    findItems(): FindItem[];
+    /** Simple or Advanced: the tabs and settings on show follow it. */
+    setMode(mode: 'simple' | 'advanced'): void;
+    destroy(): void;
+}
+/** What is picked, as the head says it: its kind, with an icon, and its name. */
+export declare function headOf(page: Page, kind: PartKind, picked: readonly string[], fromModel: (id: string) => boolean, words?: DesignerWords, savedTitle?: (pageId: string) => string | undefined): InspectorHead;
+export declare function screenPanel(options: {
+    el: ElementFactory;
+    doc: Document;
+    designer: Designer;
+    wearer?: HTMLElement;
+    sampling?: SampleOptions;
+}): ScreenPanel;