@fieldia/designer 0.0.0-stage → 0.11.0

package/src/lib/panel-look.mjs

@@ -0,0 +1,163 @@
+import { PART_LOOKS } from '@fieldia/core';
+import { applyLook } from '@fieldia/viewer';
+import { isSection, nodeOf } from './layout-tree.mjs';
+import { lookRow } from './look-row.mjs';
+import { onTab, segmented, setting } from './panel-controls.mjs';
+import { partLookSettings } from './panel-look-parts.mjs';
+/** A few accents to start from; any colour can be picked besides. */
+export const SWATCHES = [
+    ['#1677ff', 'Blue'],
+    ['#002855', 'Navy'],
+    ['#1f7a4d', 'Green'],
+    ['#6941c6', 'Purple'],
+    ['#c4320a', 'Orange'],
+    ['#0e7c86', 'Teal'],
+];
+/** The look's choices of a few, by their key, in the order they stand: their names and words are the designer's. */
+const CHOICES = [
+    { key: 'font', name: 'Font', values: ['system', 'serif', 'rounded'] },
+    { key: 'density', name: 'Spacing', values: ['compact', 'comfortable', 'roomy'] },
+    { key: 'corners', name: 'Corners', values: ['square', 'soft', 'round'] },
+    { key: 'labels', name: 'Labels', values: ['above', 'beside', 'hidden'] },
+    { key: 'scheme', name: 'Colours', values: ['light', 'dark', 'auto'] },
+];
+/** A choice of the look in the designer's words: its name, each value's words, a hint. */
+function lookChoice(w, key, value) {
+    switch (key) {
+        case 'font':
+            return { value, words: w.fonts[value] };
+        case 'density':
+            return { value, words: w.spacings[value] };
+        case 'corners':
+            return { value, words: w.cornerKinds[value] };
+        case 'labels':
+            return value === 'hidden' ? { value, words: w.inTheBox, title: w.inBoxTitle } : { value, words: value === 'above' ? w.above : w.beside };
+        default:
+            return value === 'auto' ? { value, words: w.schemes.auto, title: w.schemeAutoTitle } : { value, words: w.schemes[value] };
+    }
+}
+const lookName = (w, key) => ({ font: w.font, density: w.spacing, corners: w.corners, labels: w.labels, scheme: w.colours })[key];
+const lookHint = (w, key) => (key === 'density' ? w.spacingHint : key === 'labels' ? w.labelsHint : undefined);
+/** The page's look, setting by setting. Pressing what is pressed gives the setting back to the skin. */
+export function pageLookSettings(el, designer) {
+    const w = designer.words.panel;
+    const presets = lookRow(el, designer);
+    // ---- the accent: a swatch, or any colour ----
+    const swatches = segmented(el, w.accentColour, SWATCHES.map(([value, name]) => ({ value, words: '', label: w.swatches[value] ?? name })), (value) => designer.setLook({ accent: value }), { toggle: true, className: 'fd-insp-swatches' });
+    for (const button of swatches.element.querySelectorAll('[data-choice]'))
+        button.style.setProperty('--fd-swatch', button.dataset['choice']);
+    const any = el('input', { type: 'color', class: 'fd-insp-colour', 'aria-label': w.anyAccent, title: w.anyColour });
+    any.addEventListener('input', () => designer.setLook({ accent: any.value }));
+    const skins = el('button', { type: 'button', class: 'fd-button fd-button-link fd-insp-reset', 'aria-label': w.accentAsSkin }, w.asTheSkin);
+    skins.addEventListener('click', () => designer.setLook({ accent: null }));
+    const accent = setting(el, 'look', 'Accent colour', [swatches.element, el('div', { class: 'fd-insp-any' }, el('label', { class: 'fd-insp-any-colour' }, any, el('span', {}, w.anyColour)), skins)], {
+        hint: w.accentHint,
+        words: w.accentColour,
+    });
+    // ---- the choices of a few ----
+    const segs = new Map();
+    const rows = CHOICES.map(({ key, name, values }) => {
+        const seg = segmented(el, lookName(w, key), values.map((value) => lookChoice(w, key, value)), (value) => designer.setLook({ [key]: value }), { toggle: true });
+        segs.set(key, seg);
+        return setting(el, 'look', name, seg.element, { hint: lookHint(w, key), words: lookName(w, key) });
+    });
+    // ---- how wide labels beside their boxes are ----
+    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);
+        if (Number.isInteger(n) && n >= 60 && n <= 320)
+            designer.setLook({ labelWidth: n });
+    };
+    slider.addEventListener('input', () => width(slider.value));
+    number.addEventListener('input', () => width(number.value));
+    const widthRow = setting(el, 'look', 'Label width', [el('div', { class: 'fd-insp-range' }, slider, number, el('span', { class: 'fd-insp-unit' }, w.px))], { words: w.labelWidth });
+    const labelsAt = CHOICES.findIndex((c) => c.key === 'labels');
+    rows.splice(labelsAt + 1, 0, widthRow);
+    const parts = partLookSettings(el, designer);
+    const note = onTab(el('p', { class: 'fd-properties-hint' }, w.tokensNote), 'look');
+    return {
+        rows: [...presets.rows, accent, ...rows, parts.row, note],
+        update(page) {
+            presets.update(page);
+            parts.update(page);
+            const look = page.look ?? {};
+            swatches.set(look.accent?.toLowerCase());
+            skins.hidden = !look.accent;
+            if (any.ownerDocument.activeElement !== any)
+                any.value = look.accent?.toLowerCase() ?? '#1677ff';
+            for (const [key, seg] of segs)
+                seg.set(look[key]);
+            widthRow.hidden = look.labels !== 'beside';
+            const value = String(look.labelWidth ?? 140);
+            if (number.ownerDocument.activeElement !== number)
+                number.value = value;
+            if (number.ownerDocument.activeElement !== slider)
+                slider.value = value;
+        },
+    };
+}
+/** Small drawings of each way a group is drawn. Constant shapes, never words from a page. */
+const STYLES = [
+    ['card', 'Card', '<rect x="4" y="4" width="36" height="22" rx="4" fill="none" stroke="currentColor"/><path d="M9 11h14" stroke="currentColor"/>'],
+    ['plain', 'Plain', '<path d="M9 11h14M9 17h26M9 21h20" stroke="currentColor" opacity=".7"/>'],
+    ['line', 'Line', '<path d="M6 9h16M6 13h32" stroke="currentColor"/><path d="M6 19h26" stroke="currentColor" opacity=".5"/>'],
+    ['framed', 'Framed', '<rect x="4" y="7" width="36" height="19" rx="2" fill="none" stroke="currentColor"/><path d="M8 7h12" stroke="var(--fd-surface)" stroke-width="3"/><path d="M9 7h10" stroke="currentColor"/>'],
+];
+/** How a group is drawn: a card, plain, a line under its title, or a frame with the title on it. */
+export function groupStyleSetting(el, designer, id) {
+    const w = designer.words.panel;
+    const picture = (shape) => {
+        const box = el('span', { class: 'fd-insp-style-picture', 'aria-hidden': 'true' });
+        box.innerHTML = `<svg viewBox="0 0 44 30" focusable="false">${shape}</svg>`;
+        return box;
+    };
+    const style = segmented(el, w.style, STYLES.map(([value, , shape]) => ({ value, words: w.styles[value], picture: picture(shape) })), (value) => {
+        if (value)
+            designer.setSectionLook(id, { style: value });
+    }, { className: 'fd-insp-styles' });
+    const row = setting(el, 'look', 'Style', style.element, { hint: w.styleHint, words: w.style });
+    return {
+        rows: [row],
+        update(page) {
+            const section = nodeOf(page, id);
+            if (isSection(section))
+                style.set(section.style ?? 'card');
+        },
+    };
+}
+const WORN = ['data-font', 'data-density', 'data-corners', 'data-scheme', 'data-accent'];
+/** The tokens of each kind of part's look, as the viewer names them: `--fd-inputs-bg`, … */
+const PART_TOKENS = ['bg', 'border', 'radius', 'size', 'accent', 'accent-text'];
+const WORN_TOKENS = ['--fd-label-width', '--fd-look-accent', '--fd-look-accent-text', '--fd-look-accent-dark', '--fd-look-accent-dark-text'];
+/**
+ * Wear the page's look on part of the editor — the canvas, the survey's
+ * cards — as the viewer wears it on a form: a setting taken back is taken
+ * off too. It wears the skin of the editor round it.
+ */
+export function wearLook(element, look) {
+    const skin = element.parentElement?.closest('[data-fd-skin]')?.getAttribute('data-fd-skin') ?? null;
+    // The same look and skin as last time: worn already. Taken off and put on again, the whole part would be styled anew.
+    const was = worn.get(element);
+    if (was && was.look === look && was.skin === skin)
+        return;
+    worn.set(element, { look, skin });
+    if (!element.classList.contains('fd-form') || !element.classList.contains('fd-look-worn'))
+        element.classList.add('fd-form', 'fd-look-worn');
+    if (skin && element.getAttribute('data-fd-skin') !== skin)
+        element.setAttribute('data-fd-skin', skin);
+    for (const name of WORN)
+        element.removeAttribute(name);
+    for (const token of WORN_TOKENS)
+        element.style.removeProperty(token);
+    // Each kind of part's: its name on the part, and every token of that kind.
+    for (const kind of Object.keys(PART_LOOKS)) {
+        element.removeAttribute(`data-${kind}`);
+        for (const token of PART_TOKENS)
+            element.style.removeProperty(`--fd-${kind}-${token}`);
+    }
+    applyLook(element, look);
+}
+/** The look and skin each part wears now. */
+const worn = new WeakMap();
+//# sourceMappingURL=panel-look.mjs.map

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

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

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

@@ -0,0 +1,9 @@
+import type { ElementFactory } from './chrome.mjs';
+import type { Designer } from './designer.mjs';
+import type { PropertiesView } from './screen-properties.mjs';
+/**
+ * Nothing picked: the screen itself — its description and a sheet's title
+ * (Content), whether it is sections or a record sheet (Layout), its look
+ * (Look), and what it does at its moments (Rules).
+ */
+export declare function pageProperties(el: ElementFactory, designer: Designer): PropertiesView;

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

@@ -0,0 +1,9 @@
+import type { ElementFactory } from './chrome';
+import type { Designer } from './designer';
+import type { PropertiesView } from './screen-properties';
+/**
+ * Nothing picked: the screen itself — its description and a sheet's title
+ * (Content), whether it is sections or a record sheet (Layout), its look
+ * (Look), and what it does at its moments (Rules).
+ */
+export declare function pageProperties(el: ElementFactory, designer: Designer): PropertiesView;

package/src/lib/panel-page.js

@@ -0,0 +1,48 @@
+"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 (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 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, el('p', { class: 'fd-properties-hint' }, w.nothingPicked), (0, panel_controls_1.setting)(el, 'layout', 'Layout', layout, { hint: w.layoutHint, words: w.layout }), ...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';
+            if (root.type !== 'sheet')
+                return;
+            // 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 : '';
+        },
+    };
+}
+/** 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,45 @@
+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 (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 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, el('p', { class: 'fd-properties-hint' }, w.nothingPicked), setting(el, 'layout', 'Layout', layout, { hint: w.layoutHint, words: w.layout }), ...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';
+            if (root.type !== 'sheet')
+                return;
+            // 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 : '';
+        },
+    };
+}
+/** 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;;;;GAIG;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,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,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,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,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO;gBAAE,OAAO;YAClC,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,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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"}