@fieldia/designer 0.0.0-stage → 0.12.0

package/src/lib/panel-layout.mjs

@@ -0,0 +1,242 @@
+import { wideColumns } from '@fieldia/core';
+import { across, colsOf, isSection, isWrapper, locate, nameOf, nodeOf, onTracks, sharesOneCell, spanOf } from './layout-tree.mjs';
+import { inTwelfths, isGroup, keepsFull, percent, rowParts, rowShare, TWELVE, widthsFor } from './layout-twelfths.mjs';
+import { segmented, setting } from './panel-controls.mjs';
+import { en } from './locales/en/index.mjs';
+const SCREENS = ['wide', 'medium', 'narrow'];
+const COUNTS = [1, 2, 3, 4, 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. */
+export function columnsSetting(el, designer, id, words = designer.words.panel.columnsInside) {
+    const w = designer.words.panel;
+    const read = () => {
+        const section = nodeOf(designer.getPage(), id);
+        const columns = section?.columns;
+        return typeof columns === 'object' ? { ...columns } : { wide: 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 === TWELVE ? { value: n, words: w.twelfths, title: w.twelfthsTitle } : { value: n, words: String(n), label: w.columnCount(n) })),
+        ];
+        return 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 = setting(el, 'layout', 'Columns', screens, { hint, words });
+    return {
+        rows: [row],
+        update(page) {
+            const section = nodeOf(page, id);
+            if (!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 = locate(page, id)?.parent;
+            const aroundName = around ? nameOf(page, around, designer.words) : '';
+            const tracks = onTracks(page, section);
+            const shared = !tracks && isWrapper(section) && sharesOneCell(section) && isSection(around) && colsOf(page, around) > 1;
+            screens.hidden = tracks || shared;
+            if (tracks)
+                hint.textContent = w.onTracks(colsOf(page, section), aroundName);
+            else if (shared)
+                hint.textContent = w.sharedColumn(section.children.length, aroundName);
+            else if (inTwelfths(section))
+                hint.textContent = w.twelfthsHint;
+            else
+                hint.textContent = w.columnsHint;
+            const columns = section.columns;
+            const counts = typeof columns === 'object' ? columns : { wide: 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 === TWELVE;
+            segs[0].only((n) => n !== TWELVE || isGroup(section));
+            segs[1].only((n) => (twelfths ? n <= 1 || n === TWELVE : n <= counts.wide && n !== TWELVE));
+            segs[2].only((n) => (twelfths ? n <= 1 || n === TWELVE : n <= counts.wide && n !== TWELVE) && n <= (counts.medium ?? counts.wide));
+        },
+    };
+}
+/** In twelfths, whether a group's rows stay full as parts come and go, or may leave gaps. */
+export function rowsSetting(el, designer, id) {
+    const w = designer.words.panel;
+    const seg = 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 = setting(el, 'layout', 'Rows', seg.element, { hint, words: w.rows });
+    return {
+        rows: [row],
+        update(page) {
+            const section = nodeOf(page, id);
+            row.hidden = !inTwelfths(section);
+            if (!isSection(section))
+                return;
+            seg.set(section.rows ?? 'full');
+            hint.textContent = 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(nameOf(page, p, words))), others.length);
+}
+/** How many columns a part spans where it sits, or why it takes the whole row. */
+export 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 = setting(el, 'layout', 'Width', box, { hint, words: w.width });
+    let seg = null;
+    return {
+        rows: [row],
+        update(page) {
+            const at = locate(page, id);
+            if (!at)
+                return;
+            const parent = at.parent;
+            if (inTwelfths(parent))
+                return twelfths(page, parent, at.node);
+            const cols = across(page, at.parent);
+            if (String(cols) !== drawn) {
+                drawn = String(cols);
+                seg = 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) => 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 = isWrapper(parent) ? w.sharesWith(span, cols, othersOf(page, parent.children, id, words)) : w.ofColumnsOf(span, cols, nameOf(page, parent, words));
+            else if (isSection(parent))
+                hint.textContent = w.oneColumnFull(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(spanOf(part), TWELVE);
+        const odd = rowParts(words).some((p) => p.span === span) ? 0 : span;
+        if (`t${odd}` !== drawn) {
+            drawn = `t${odd}`;
+            const choices = rowParts(words).map((p) => ({ value: p.span, words: p.words, label: p.label }));
+            if (odd)
+                choices.push({ value: odd, words: w.percent(percent(odd)), label: w.percentOfRow(percent(odd)) });
+            seg = segmented(el, w.width, choices, (n) => n !== null && designer.setColspan(id, n));
+            box.replaceChildren(seg.element);
+        }
+        const fits = widthsFor(page, group, part);
+        seg?.set(span);
+        seg?.only((n) => n === span || fits(n));
+        const name = words.parts.quote(nameOf(page, group, words));
+        // Nothing narrower fits beside the rest of its row: it is alone in it.
+        const alone = keepsFull(group) && !fits(1);
+        hint.textContent = alone ? w.aloneFills(name) : w.shareIn(rowShare(span, TWELVE, words), name, 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 = locate(page, id)?.parent; at && at.id !== page.layout.id; at = locate(page, at.id)?.parent) {
+        if (!isSection(at))
+            continue;
+        group ||= !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. */
+export const aroundWords = (page, id, words = en) => (labelsAround(page, id).group ? words.panel.asGroup : words.panel.asPage);
+/** 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. */
+export function labelsSetting(el, designer, id, what) {
+    const w = designer.words.panel;
+    const place = 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 = [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 = 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 = setting(el, 'layout', 'Help', help.element, { words: w.help });
+        return {
+            rows: [...rows, helpRow],
+            update(page) {
+                const node = locate(page, id)?.node;
+                if (!node)
+                    return;
+                notSet.textContent = 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 = 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 = nodeOf(page, id);
+            if (!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.mjs.map

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

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

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

@@ -0,0 +1,16 @@
+import { type Page } from '@fieldia/core';
+import type { ElementFactory } from './chrome.mjs';
+import type { Designer } from './designer.mjs';
+/**
+ * “Each kind of part” on the Look tab (the survey's Look sheet): pick a kind —
+ * text boxes, choices, groups, buttons, tables — and set the few things the
+ * skins draw on it, over the page's look. A colour is picked from the
+ * browser's own colour picker, a choice of a few pressed; pressed again, or
+ * its colour's ×, a setting goes back to the page's; “As the page” gives the
+ * whole kind back. The canvas wears each as it is set (see `wearLook`).
+ */
+export interface PartLookSetting {
+    row: HTMLElement;
+    update(page: Page): void;
+}
+export declare function partLookSettings(el: ElementFactory, designer: Designer): PartLookSetting;

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

@@ -0,0 +1,16 @@
+import { type Page } from '@fieldia/core';
+import type { ElementFactory } from './chrome';
+import type { Designer } from './designer';
+/**
+ * “Each kind of part” on the Look tab (the survey's Look sheet): pick a kind —
+ * text boxes, choices, groups, buttons, tables — and set the few things the
+ * skins draw on it, over the page's look. A colour is picked from the
+ * browser's own colour picker, a choice of a few pressed; pressed again, or
+ * its colour's ×, a setting goes back to the page's; “As the page” gives the
+ * whole kind back. The canvas wears each as it is set (see `wearLook`).
+ */
+export interface PartLookSetting {
+    row: HTMLElement;
+    update(page: Page): void;
+}
+export declare function partLookSettings(el: ElementFactory, designer: Designer): PartLookSetting;

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

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.partLookSettings = partLookSettings;
+const core_1 = require("@fieldia/core");
+const look_parts_words_1 = require("./look-parts-words");
+const panel_controls_1 = require("./panel-controls");
+const KINDS = Object.keys(core_1.PART_LOOKS);
+const CHOICES = { corners: ['square', 'soft', 'round'], textSize: ['small', 'large'] };
+/** What a colour box shows while the page's look draws it: about what the skin does. */
+const SHOWN_UNSET = { background: '#ffffff', border: '#cfd4da', accent: '#1365d9' };
+function partLookSettings(el, designer) {
+    const w = designer.words.partLooks;
+    let picked = 'inputs';
+    const kinds = (0, panel_controls_1.segmented)(el, w.kindOfPart, KINDS.map((kind) => ({ value: kind, words: w.kinds[kind] })), (kind) => {
+        if (kind)
+            show(kind);
+    }, { className: 'fd-insp-kinds' });
+    /** Each kind's settings, in a group of its own; only the picked kind's shows. */
+    const blocks = KINDS.map((kind) => {
+        const draws = [];
+        const rows = core_1.PART_LOOKS[kind].map((name) => {
+            // Kept by its English name, as the panel keeps every setting; said in the designer's words.
+            const key = (0, look_parts_words_1.settingWords)(kind, name);
+            const words = (0, look_parts_words_1.settingWords)(kind, name, designer.words);
+            // Its name in full, the kind's with it: every kind has corners, and the page has too.
+            const named = w.named(w.kinds[kind], words);
+            const choices = CHOICES[name];
+            if (choices) {
+                const seg = (0, panel_controls_1.segmented)(el, named, choices.map((value) => ({ value, words: w.values[value] })), (value) => designer.setPartLook(kind, { [name]: value }), { toggle: true });
+                draws.push((part) => seg.set(part[name]));
+                return el('div', { class: 'fd-part-setting', 'data-part-setting': key }, el('span', { class: 'fd-part-setting-name' }, words), seg.element);
+            }
+            const colour = el('input', { type: 'color', class: 'fd-insp-colour', 'aria-label': named });
+            colour.addEventListener('input', () => designer.setPartLook(kind, { [name]: colour.value }));
+            const value = el('span', { class: 'fd-part-colour-value' });
+            const clear = el('button', { type: 'button', class: 'fd-part-colour-clear', 'aria-label': w.namedAsThePage(named), title: w.asThePage }, '×');
+            clear.addEventListener('click', () => {
+                designer.setPartLook(kind, { [name]: null });
+                colour.focus();
+            });
+            draws.push((part) => {
+                const set = part[name];
+                if (colour.ownerDocument.activeElement !== colour)
+                    colour.value = (set ?? SHOWN_UNSET[name] ?? '#ffffff').toLowerCase();
+                value.textContent = set ? set.toLowerCase() : w.asThePage;
+                value.classList.toggle('fd-part-colour-unset', !set);
+                clear.hidden = !set;
+            });
+            return el('div', { class: 'fd-part-setting', 'data-part-setting': key }, el('label', { class: 'fd-part-colour' }, el('span', { class: 'fd-part-setting-name' }, words), colour), value, clear);
+        });
+        const reset = el('button', { type: 'button', class: 'fd-button fd-button-link fd-insp-reset', 'aria-label': w.namedAsThePage(w.kinds[kind]) }, w.asThePage);
+        reset.addEventListener('click', () => {
+            designer.setPartLook(kind, null);
+            kinds.element.querySelector(`[data-choice="${kind}"]`)?.focus();
+        });
+        const element = el('div', { class: 'fd-part-look', role: 'group', 'aria-label': w.kinds[kind], hidden: '' }, ...rows, reset, el('p', { class: 'fd-properties-hint fd-set-hint' }, w.hints[kind]));
+        return { kind, element, reset, draw: (part) => draws.forEach((draw) => draw(part)) };
+    });
+    const row = (0, panel_controls_1.setting)(el, 'look', 'Each kind of part', [kinds.element, ...blocks.map((b) => b.element)], { hint: w.hint, words: w.setting });
+    function show(kind) {
+        picked = kind;
+        kinds.set(kind);
+        for (const block of blocks)
+            block.element.hidden = block.kind !== kind;
+    }
+    show(picked);
+    return {
+        row,
+        update(page) {
+            const parts = (page.look?.parts ?? {});
+            for (const block of blocks) {
+                const part = parts[block.kind] ?? {};
+                block.draw(part);
+                const own = Object.keys(part).length > 0;
+                block.reset.hidden = !own;
+                const chip = kinds.element.querySelector(`[data-choice="${block.kind}"]`);
+                if (own)
+                    chip?.setAttribute('data-own', '');
+                else
+                    chip?.removeAttribute('data-own');
+                chip?.setAttribute('title', own ? w.ownLook(w.kinds[block.kind]) : w.pageLook(w.kinds[block.kind]));
+            }
+        },
+    };
+}
+//# sourceMappingURL=panel-look-parts.js.map

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

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

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

@@ -0,0 +1,83 @@
+import { PART_LOOKS } from '@fieldia/core';
+import { settingWords } from './look-parts-words.mjs';
+import { segmented, setting } from './panel-controls.mjs';
+const KINDS = Object.keys(PART_LOOKS);
+const CHOICES = { corners: ['square', 'soft', 'round'], textSize: ['small', 'large'] };
+/** What a colour box shows while the page's look draws it: about what the skin does. */
+const SHOWN_UNSET = { background: '#ffffff', border: '#cfd4da', accent: '#1365d9' };
+export function partLookSettings(el, designer) {
+    const w = designer.words.partLooks;
+    let picked = 'inputs';
+    const kinds = segmented(el, w.kindOfPart, KINDS.map((kind) => ({ value: kind, words: w.kinds[kind] })), (kind) => {
+        if (kind)
+            show(kind);
+    }, { className: 'fd-insp-kinds' });
+    /** Each kind's settings, in a group of its own; only the picked kind's shows. */
+    const blocks = KINDS.map((kind) => {
+        const draws = [];
+        const rows = PART_LOOKS[kind].map((name) => {
+            // Kept by its English name, as the panel keeps every setting; said in the designer's words.
+            const key = settingWords(kind, name);
+            const words = settingWords(kind, name, designer.words);
+            // Its name in full, the kind's with it: every kind has corners, and the page has too.
+            const named = w.named(w.kinds[kind], words);
+            const choices = CHOICES[name];
+            if (choices) {
+                const seg = segmented(el, named, choices.map((value) => ({ value, words: w.values[value] })), (value) => designer.setPartLook(kind, { [name]: value }), { toggle: true });
+                draws.push((part) => seg.set(part[name]));
+                return el('div', { class: 'fd-part-setting', 'data-part-setting': key }, el('span', { class: 'fd-part-setting-name' }, words), seg.element);
+            }
+            const colour = el('input', { type: 'color', class: 'fd-insp-colour', 'aria-label': named });
+            colour.addEventListener('input', () => designer.setPartLook(kind, { [name]: colour.value }));
+            const value = el('span', { class: 'fd-part-colour-value' });
+            const clear = el('button', { type: 'button', class: 'fd-part-colour-clear', 'aria-label': w.namedAsThePage(named), title: w.asThePage }, '×');
+            clear.addEventListener('click', () => {
+                designer.setPartLook(kind, { [name]: null });
+                colour.focus();
+            });
+            draws.push((part) => {
+                const set = part[name];
+                if (colour.ownerDocument.activeElement !== colour)
+                    colour.value = (set ?? SHOWN_UNSET[name] ?? '#ffffff').toLowerCase();
+                value.textContent = set ? set.toLowerCase() : w.asThePage;
+                value.classList.toggle('fd-part-colour-unset', !set);
+                clear.hidden = !set;
+            });
+            return el('div', { class: 'fd-part-setting', 'data-part-setting': key }, el('label', { class: 'fd-part-colour' }, el('span', { class: 'fd-part-setting-name' }, words), colour), value, clear);
+        });
+        const reset = el('button', { type: 'button', class: 'fd-button fd-button-link fd-insp-reset', 'aria-label': w.namedAsThePage(w.kinds[kind]) }, w.asThePage);
+        reset.addEventListener('click', () => {
+            designer.setPartLook(kind, null);
+            kinds.element.querySelector(`[data-choice="${kind}"]`)?.focus();
+        });
+        const element = el('div', { class: 'fd-part-look', role: 'group', 'aria-label': w.kinds[kind], hidden: '' }, ...rows, reset, el('p', { class: 'fd-properties-hint fd-set-hint' }, w.hints[kind]));
+        return { kind, element, reset, draw: (part) => draws.forEach((draw) => draw(part)) };
+    });
+    const row = setting(el, 'look', 'Each kind of part', [kinds.element, ...blocks.map((b) => b.element)], { hint: w.hint, words: w.setting });
+    function show(kind) {
+        picked = kind;
+        kinds.set(kind);
+        for (const block of blocks)
+            block.element.hidden = block.kind !== kind;
+    }
+    show(picked);
+    return {
+        row,
+        update(page) {
+            const parts = (page.look?.parts ?? {});
+            for (const block of blocks) {
+                const part = parts[block.kind] ?? {};
+                block.draw(part);
+                const own = Object.keys(part).length > 0;
+                block.reset.hidden = !own;
+                const chip = kinds.element.querySelector(`[data-choice="${block.kind}"]`);
+                if (own)
+                    chip?.setAttribute('data-own', '');
+                else
+                    chip?.removeAttribute('data-own');
+                chip?.setAttribute('title', own ? w.ownLook(w.kinds[block.kind]) : w.pageLook(w.kinds[block.kind]));
+            }
+        },
+    };
+}
+//# sourceMappingURL=panel-look-parts.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"panel-look-parts.mjs","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/panel-look-parts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA+C,MAAM,eAAe,CAAC;AAGxF,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,OAAO,EAAkB,MAAM,kBAAkB,CAAC;AAgBtE,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,UAAU,CAAmB,CAAC;AACxD,MAAM,OAAO,GAA8C,EAAE,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,EAAE,CAAC;AAClI,wFAAwF;AACxF,MAAM,WAAW,GAA4C,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;AAE7H,MAAM,UAAU,gBAAgB,CAAC,EAAkB,EAAE,QAAkB;IACrE,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC;IACnC,IAAI,MAAM,GAAiB,QAAQ,CAAC;IACpC,MAAM,KAAK,GAAG,SAAS,CACrB,EAAE,EACF,CAAC,CAAC,UAAU,EACZ,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAC5D,CAAC,IAAI,EAAE,EAAE;QACP,IAAI,IAAI;YAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EACD,EAAE,SAAS,EAAE,eAAe,EAAE,CAC/B,CAAC;IAEF,iFAAiF;IACjF,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QAChC,MAAM,KAAK,GAAiC,EAAE,CAAC;QAC/C,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAoB,EAAE,EAAE;YACzD,4FAA4F;YAC5F,MAAM,GAAG,GAAG,YAAY,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YACrC,MAAM,KAAK,GAAG,YAAY,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;YACvD,sFAAsF;YACtF,MAAM,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC;YAC5C,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;YAC9B,IAAI,OAAO,EAAE,CAAC;gBACZ,MAAM,GAAG,GAAsB,SAAS,CACtC,EAAE,EACF,KAAK,EACL,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAC3D,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,EACxD,EAAE,MAAM,EAAE,IAAI,EAAE,CACjB,CAAC;gBACF,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBAC1C,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;YAC9I,CAAC;YACD,MAAM,MAAM,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC;YAC5F,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YAC7F,MAAM,KAAK,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,CAAC,CAAC;YAC5D,MAAM,KAAK,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,SAAS,EAAE,EAAE,GAAG,CAAC,CAAC;YAC9I,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;gBACnC,QAAQ,CAAC,WAAW,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;gBAC7C,MAAM,CAAC,KAAK,EAAE,CAAC;YACjB,CAAC,CAAC,CAAC;YACH,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;gBAClB,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAuB,CAAC;gBAC7C,IAAI,MAAM,CAAC,aAAa,CAAC,aAAa,KAAK,MAAM;oBAAE,MAAM,CAAC,KAAK,GAAG,CAAC,GAAG,IAAI,WAAW,CAAC,IAAI,CAAC,IAAI,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;gBACxH,KAAK,CAAC,WAAW,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;gBAC1D,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,sBAAsB,EAAE,CAAC,GAAG,CAAC,CAAC;gBACrD,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC;YACtB,CAAC,CAAC,CAAC;YACH,OAAO,EAAE,CACP,KAAK,EACL,EAAE,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,GAAG,EAAE,EACtD,EAAE,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,EACtG,KAAK,EACL,KAAK,CACN,CAAC;QACJ,CAAC,CAAC,CAAC;QACH,MAAM,KAAK,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,wCAAwC,EAAE,YAAY,EAAE,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC;QAC5J,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YACnC,QAAQ,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YACjC,KAAK,CAAC,OAAO,CAAC,aAAa,CAAc,iBAAiB,IAAI,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC;QAC/E,CAAC,CAAC,CAAC;QACH,MAAM,OAAO,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,gCAAgC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAClM,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,IAAc,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;IACjG,CAAC,CAAC,CAAC;IAEH,MAAM,GAAG,GAAG,OAAO,CAAC,EAAE,EAAE,MAAM,EAAE,mBAAmB,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;IAE3I,SAAS,IAAI,CAAC,IAAkB;QAC9B,MAAM,GAAG,IAAI,CAAC;QACd,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAChB,KAAK,MAAM,KAAK,IAAI,MAAM;YAAE,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC;IACzE,CAAC;IACD,IAAI,CAAC,MAAM,CAAC,CAAC;IAEb,OAAO;QACL,GAAG;QACH,MAAM,CAAC,IAAI;YACT,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE,CAA4C,CAAC;YAClF,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;gBAC3B,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;gBACrC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBACjB,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;gBACzC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC;gBAC1B,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,aAAa,CAAc,iBAAiB,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC;gBACvF,IAAI,GAAG;oBAAE,IAAI,EAAE,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;;oBACvC,IAAI,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;gBACvC,IAAI,EAAE,YAAY,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YACtG,CAAC;QACH,CAAC;KACF,CAAC;AACJ,CAAC"}

package/src/lib/panel-look-sheet.d.mts

@@ -0,0 +1,20 @@
+import type { ElementFactory } from './chrome.mjs';
+import type { Designer } from './designer.mjs';
+/**
+ * The page's look where there is no panel to hold it, as in the survey
+ * designer: a Look button in the bar opens the same settings as the screen
+ * editor's Look tab, in a sheet at the side, and the cards wear each setting
+ * as it is set. Escape or its close button puts it away.
+ */
+export interface LookSheet {
+    button: HTMLButtonElement;
+    sheet: HTMLElement;
+    destroy(): void;
+}
+export declare function lookSheet(options: {
+    el: ElementFactory;
+    designer: Designer;
+    root: HTMLElement;
+    bar: HTMLElement;
+    wearer: HTMLElement;
+}): LookSheet;

package/src/lib/panel-look-sheet.d.ts

@@ -0,0 +1,20 @@
+import type { ElementFactory } from './chrome';
+import type { Designer } from './designer';
+/**
+ * The page's look where there is no panel to hold it, as in the survey
+ * designer: a Look button in the bar opens the same settings as the screen
+ * editor's Look tab, in a sheet at the side, and the cards wear each setting
+ * as it is set. Escape or its close button puts it away.
+ */
+export interface LookSheet {
+    button: HTMLButtonElement;
+    sheet: HTMLElement;
+    destroy(): void;
+}
+export declare function lookSheet(options: {
+    el: ElementFactory;
+    designer: Designer;
+    root: HTMLElement;
+    bar: HTMLElement;
+    wearer: HTMLElement;
+}): LookSheet;

package/src/lib/panel-look-sheet.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.lookSheet = lookSheet;
+const panel_look_1 = require("./panel-look");
+function lookSheet(options) {
+    const { el, designer, root, bar, wearer } = options;
+    const w = designer.words.panel;
+    const look = (0, panel_look_1.pageLookSettings)(el, designer);
+    const button = el('button', { type: 'button', class: 'fd-button fd-look-button', 'aria-label': w.look, 'aria-haspopup': 'dialog', 'aria-expanded': 'false', title: w.lookTitle }, w.look);
+    const close = el('button', { type: 'button', class: 'fd-icon-button', 'aria-label': w.close, title: w.close }, '×');
+    const sheet = el('aside', { class: 'fd-look-sheet fd-properties', role: 'dialog', 'aria-label': w.look }, el('div', { class: 'fd-look-sheet-head' }, el('div', {}, el('div', { class: 'fd-insp-kind' }, el('span', { class: 'fd-panel-title' }, w.look)), el('div', { class: 'fd-insp-name' }, w.formsLook)), close), el('div', { class: 'fd-props fd-insp-panel fd-look-sheet-body' }, ...look.rows));
+    // On the page only while it is open.
+    const show = (open) => {
+        if (open)
+            root.append(sheet);
+        else
+            sheet.remove();
+        // Drawn as it opens: what changed while it was away — a look saved in another editor — is shown.
+        if (open)
+            draw();
+        button.setAttribute('aria-expanded', String(open));
+        // Under the bar, so the bar's buttons stay in reach.
+        if (open)
+            sheet.style.setProperty('--fd-sheet-top', `${Math.max(8, Math.round(bar.getBoundingClientRect().bottom + 8))}px`);
+        if (open)
+            sheet.querySelector('[aria-pressed="true"], button, input')?.focus();
+    };
+    button.addEventListener('click', () => show(!sheet.isConnected));
+    close.addEventListener('click', () => {
+        show(false);
+        button.focus();
+    });
+    sheet.addEventListener('keydown', (event) => {
+        if (event.key !== 'Escape')
+            return;
+        event.preventDefault();
+        // The editor's own Escape puts a card down; this one only puts the sheet away.
+        event.stopPropagation();
+        show(false);
+        button.focus();
+    });
+    const draw = () => {
+        const page = designer.getPage();
+        look.update(page);
+        (0, panel_look_1.wearLook)(wearer, page.look);
+    };
+    const leave = designer.subscribe(draw);
+    bar.insertBefore(button, bar.querySelector('[data-checks]'));
+    draw();
+    return {
+        button,
+        sheet,
+        destroy() {
+            leave();
+            button.remove();
+            sheet.remove();
+        },
+    };
+}
+//# sourceMappingURL=panel-look-sheet.js.map

package/src/lib/panel-look-sheet.js.map

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