@fieldia/designer 0.0.0-stage → 0.11.0

package/src/lib/branch-map.js

@@ -0,0 +1,110 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.branchMap = branchMap;
+exports.drawBranchMap = drawBranchMap;
+const condition_editor_1 = require("./condition-editor");
+const conditions_1 = require("./conditions");
+const en_1 = require("./locales/en");
+/** A step's rule in words, in full and short. */
+function whenWords(page, step, words) {
+    const w = words.rulesUi;
+    const condition = (0, conditions_1.readCondition)(step.invisible);
+    if (!condition)
+        return undefined;
+    if (condition === 'custom')
+        return { when: w.byHandRule, answer: w.byHandShort };
+    const answerOf = (rule) => (0, condition_editor_1.choicesOf)(page.fields[rule.field], words)?.find((c) => c.value === rule.value)?.label ?? String(rule.value);
+    const tests = condition.rules.map((rule) => words.rules.test(page.fields[rule.field]?.label ?? rule.field, rule.op === 'is' ? words.rules.is : words.rules.isNot, answerOf(rule)));
+    const [only] = condition.rules;
+    return {
+        when: condition.join === 'all' ? words.rules.allOf(tests) : words.rules.anyOf(tests),
+        answer: condition.rules.length === 1 ? (only.op === 'is' ? answerOf(only) : w.notAnswer(answerOf(only))) : w.ruleCount(condition.rules.length),
+    };
+}
+function branchMap(page, words = en_1.en) {
+    const steps = page.layout.type === 'wizard' ? page.layout.children : [];
+    return {
+        nodes: steps.map((step, column) => {
+            const when = whenWords(page, step, words);
+            return { id: step.id, label: step.label || words.rules.untitledPage, column, lane: when ? 1 : 0, ...(when ?? {}) };
+        }),
+    };
+}
+// ---- drawn ---------------------------------------------------------------------------------------
+const W = 148;
+const H = 44;
+const GAP = 44;
+const PAD = 12;
+/** Between the line and a page off it: room for the answers it is for. */
+const BAND = 30;
+const SVG = 'http://www.w3.org/2000/svg';
+const short = (text, max) => (text.length > max ? `${text.slice(0, max - 1)}…` : text);
+/** The map as an SVG, each page a group to pick. */
+function drawBranchMap(doc, map, picked, onPick, words = en_1.en) {
+    const w = words.rulesUi;
+    const make = (tag, attrs = {}, text) => {
+        const node = doc.createElementNS(SVG, tag);
+        for (const [name, value] of Object.entries(attrs))
+            node.setAttribute(name, String(value));
+        if (text !== undefined)
+            node.textContent = text;
+        return node;
+    };
+    const n = map.nodes.length;
+    const branched = map.nodes.some((node) => node.lane === 1);
+    const width = PAD * 2 + n * W + Math.max(0, n - 1) * GAP;
+    const height = PAD * 2 + H + (branched ? BAND + H : 0);
+    const line = PAD + H / 2;
+    const below = PAD + H + BAND + H / 2;
+    const left = (column) => PAD + column * (W + GAP);
+    // A group, not an image: its pages are buttons, and an image's insides are hidden from a screen reader.
+    const svg = make('svg', { viewBox: `0 0 ${width} ${height}`, role: 'group', class: 'fd-branch-svg', 'aria-label': w.mapLabel(n) });
+    // As wide as the card, never wider than drawn; past a quarter smaller it scrolls instead.
+    svg.setAttribute('style', `width: 100%; max-width: ${width}px; min-width: ${Math.round(width * 0.75)}px`);
+    const defs = make('defs');
+    const marker = make('marker', { id: 'fd-branch-arrow', viewBox: '0 0 10 10', refX: 9, refY: 5, markerWidth: 7, markerHeight: 7, orient: 'auto-start-reverse' });
+    marker.append(make('path', { d: 'M0 0L10 5L0 10z', class: 'fd-branch-head' }));
+    defs.append(marker);
+    svg.append(defs);
+    // The line, page to page on it: past the pages off it, for everyone else.
+    const onLine = map.nodes.filter((node) => node.lane === 0);
+    onLine.forEach((node, i) => {
+        if (i === 0)
+            return;
+        const from = onLine[i - 1];
+        svg.append(make('path', { d: `M${left(from.column) + W} ${line} H${left(node.column) - 2}`, class: 'fd-branch-edge', 'marker-end': 'url(#fd-branch-arrow)' }));
+    });
+    // A page off the line: out to it, labelled with the answers it is for, and back.
+    for (const node of map.nodes) {
+        if (node.lane === 0)
+            continue;
+        const x = left(node.column);
+        const out = x - GAP / 2;
+        const back = x + W + GAP / 2;
+        svg.append(make('path', { d: `M${out} ${line} C ${out} ${below}, ${out} ${below}, ${x - 2} ${below}`, class: 'fd-branch-edge fd-branch-off', 'marker-end': 'url(#fd-branch-arrow)' }), make('path', { d: `M${x + W} ${below} C ${back} ${below}, ${back} ${below}, ${back} ${line}`, class: 'fd-branch-edge fd-branch-off' }));
+        // The words in full on hover, the drawing kept short.
+        // Said by the page's own button ("…, only when …"), so hidden here to be heard once.
+        const label = make('g', { class: 'fd-branch-label', 'aria-hidden': 'true' });
+        label.append(make('title', {}, w.onlyWhenTip(node.when ?? '')), make('text', { x: x - GAP / 2 + 6, y: PAD + H + BAND - 9, class: 'fd-branch-when' }, short(node.answer ?? '', 22)));
+        svg.append(label);
+        // The line runs on past it; with nothing on it yet there, drawn all the same.
+        if (!onLine.some((o) => o.column < node.column) || !onLine.some((o) => o.column > node.column))
+            svg.append(make('path', { d: `M${out} ${line} H${back}`, class: 'fd-branch-edge' }));
+    }
+    for (const node of map.nodes) {
+        const x = left(node.column);
+        const y = node.lane === 0 ? PAD : PAD + H + BAND;
+        const group = make('g', { 'data-pick': node.id, class: `fd-branch-page${node.id === picked ? ' fd-picked' : ''}`, tabindex: 0, role: 'button', 'aria-label': node.when ? w.pageOnlyWhen(node.label, node.when) : node.label });
+        group.append(make('rect', { x, y, width: W, height: H, rx: 8, class: 'fd-branch-box' }), make('text', { x: x + W / 2, y: y + H / 2 + 5, 'text-anchor': 'middle', class: 'fd-branch-title' }, short(node.label, 20)));
+        group.addEventListener('click', () => onPick(node.id));
+        group.addEventListener('keydown', (event) => {
+            if (event.key === 'Enter' || event.key === ' ') {
+                event.preventDefault();
+                onPick(node.id);
+            }
+        });
+        svg.append(group);
+    }
+    return svg;
+}
+//# sourceMappingURL=branch-map.js.map

package/src/lib/branch-map.js.map

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

package/src/lib/branch-map.mjs

@@ -0,0 +1,106 @@
+import { choicesOf } from './condition-editor.mjs';
+import { readCondition } from './conditions.mjs';
+import { en } from './locales/en/index.mjs';
+/** A step's rule in words, in full and short. */
+function whenWords(page, step, words) {
+    const w = words.rulesUi;
+    const condition = readCondition(step.invisible);
+    if (!condition)
+        return undefined;
+    if (condition === 'custom')
+        return { when: w.byHandRule, answer: w.byHandShort };
+    const answerOf = (rule) => choicesOf(page.fields[rule.field], words)?.find((c) => c.value === rule.value)?.label ?? String(rule.value);
+    const tests = condition.rules.map((rule) => words.rules.test(page.fields[rule.field]?.label ?? rule.field, rule.op === 'is' ? words.rules.is : words.rules.isNot, answerOf(rule)));
+    const [only] = condition.rules;
+    return {
+        when: condition.join === 'all' ? words.rules.allOf(tests) : words.rules.anyOf(tests),
+        answer: condition.rules.length === 1 ? (only.op === 'is' ? answerOf(only) : w.notAnswer(answerOf(only))) : w.ruleCount(condition.rules.length),
+    };
+}
+export function branchMap(page, words = en) {
+    const steps = page.layout.type === 'wizard' ? page.layout.children : [];
+    return {
+        nodes: steps.map((step, column) => {
+            const when = whenWords(page, step, words);
+            return { id: step.id, label: step.label || words.rules.untitledPage, column, lane: when ? 1 : 0, ...(when ?? {}) };
+        }),
+    };
+}
+// ---- drawn ---------------------------------------------------------------------------------------
+const W = 148;
+const H = 44;
+const GAP = 44;
+const PAD = 12;
+/** Between the line and a page off it: room for the answers it is for. */
+const BAND = 30;
+const SVG = 'http://www.w3.org/2000/svg';
+const short = (text, max) => (text.length > max ? `${text.slice(0, max - 1)}…` : text);
+/** The map as an SVG, each page a group to pick. */
+export function drawBranchMap(doc, map, picked, onPick, words = en) {
+    const w = words.rulesUi;
+    const make = (tag, attrs = {}, text) => {
+        const node = doc.createElementNS(SVG, tag);
+        for (const [name, value] of Object.entries(attrs))
+            node.setAttribute(name, String(value));
+        if (text !== undefined)
+            node.textContent = text;
+        return node;
+    };
+    const n = map.nodes.length;
+    const branched = map.nodes.some((node) => node.lane === 1);
+    const width = PAD * 2 + n * W + Math.max(0, n - 1) * GAP;
+    const height = PAD * 2 + H + (branched ? BAND + H : 0);
+    const line = PAD + H / 2;
+    const below = PAD + H + BAND + H / 2;
+    const left = (column) => PAD + column * (W + GAP);
+    // A group, not an image: its pages are buttons, and an image's insides are hidden from a screen reader.
+    const svg = make('svg', { viewBox: `0 0 ${width} ${height}`, role: 'group', class: 'fd-branch-svg', 'aria-label': w.mapLabel(n) });
+    // As wide as the card, never wider than drawn; past a quarter smaller it scrolls instead.
+    svg.setAttribute('style', `width: 100%; max-width: ${width}px; min-width: ${Math.round(width * 0.75)}px`);
+    const defs = make('defs');
+    const marker = make('marker', { id: 'fd-branch-arrow', viewBox: '0 0 10 10', refX: 9, refY: 5, markerWidth: 7, markerHeight: 7, orient: 'auto-start-reverse' });
+    marker.append(make('path', { d: 'M0 0L10 5L0 10z', class: 'fd-branch-head' }));
+    defs.append(marker);
+    svg.append(defs);
+    // The line, page to page on it: past the pages off it, for everyone else.
+    const onLine = map.nodes.filter((node) => node.lane === 0);
+    onLine.forEach((node, i) => {
+        if (i === 0)
+            return;
+        const from = onLine[i - 1];
+        svg.append(make('path', { d: `M${left(from.column) + W} ${line} H${left(node.column) - 2}`, class: 'fd-branch-edge', 'marker-end': 'url(#fd-branch-arrow)' }));
+    });
+    // A page off the line: out to it, labelled with the answers it is for, and back.
+    for (const node of map.nodes) {
+        if (node.lane === 0)
+            continue;
+        const x = left(node.column);
+        const out = x - GAP / 2;
+        const back = x + W + GAP / 2;
+        svg.append(make('path', { d: `M${out} ${line} C ${out} ${below}, ${out} ${below}, ${x - 2} ${below}`, class: 'fd-branch-edge fd-branch-off', 'marker-end': 'url(#fd-branch-arrow)' }), make('path', { d: `M${x + W} ${below} C ${back} ${below}, ${back} ${below}, ${back} ${line}`, class: 'fd-branch-edge fd-branch-off' }));
+        // The words in full on hover, the drawing kept short.
+        // Said by the page's own button ("…, only when …"), so hidden here to be heard once.
+        const label = make('g', { class: 'fd-branch-label', 'aria-hidden': 'true' });
+        label.append(make('title', {}, w.onlyWhenTip(node.when ?? '')), make('text', { x: x - GAP / 2 + 6, y: PAD + H + BAND - 9, class: 'fd-branch-when' }, short(node.answer ?? '', 22)));
+        svg.append(label);
+        // The line runs on past it; with nothing on it yet there, drawn all the same.
+        if (!onLine.some((o) => o.column < node.column) || !onLine.some((o) => o.column > node.column))
+            svg.append(make('path', { d: `M${out} ${line} H${back}`, class: 'fd-branch-edge' }));
+    }
+    for (const node of map.nodes) {
+        const x = left(node.column);
+        const y = node.lane === 0 ? PAD : PAD + H + BAND;
+        const group = make('g', { 'data-pick': node.id, class: `fd-branch-page${node.id === picked ? ' fd-picked' : ''}`, tabindex: 0, role: 'button', 'aria-label': node.when ? w.pageOnlyWhen(node.label, node.when) : node.label });
+        group.append(make('rect', { x, y, width: W, height: H, rx: 8, class: 'fd-branch-box' }), make('text', { x: x + W / 2, y: y + H / 2 + 5, 'text-anchor': 'middle', class: 'fd-branch-title' }, short(node.label, 20)));
+        group.addEventListener('click', () => onPick(node.id));
+        group.addEventListener('keydown', (event) => {
+            if (event.key === 'Enter' || event.key === ' ') {
+                event.preventDefault();
+                onPick(node.id);
+            }
+        });
+        svg.append(group);
+    }
+    return svg;
+}
+//# sourceMappingURL=branch-map.mjs.map

package/src/lib/branch-map.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"branch-map.mjs","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/branch-map.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AA0BlC,iDAAiD;AACjD,SAAS,SAAS,CAAC,IAAU,EAAE,IAAc,EAAE,KAAoB;IACjE,MAAM,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC;IACxB,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAChD,IAAI,CAAC,SAAS;QAAE,OAAO,SAAS,CAAC;IACjC,IAAI,SAAS,KAAK,QAAQ;QAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,UAAU,EAAE,MAAM,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;IACjF,MAAM,QAAQ,GAAG,CAAC,IAAsC,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACzK,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACnL,MAAM,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC;IAC/B,OAAO;QACL,IAAI,EAAE,SAAS,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;QACpF,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC;KAC/I,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,IAAU,EAAE,QAAuB,EAAE;IAC7D,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAE,IAAI,CAAC,MAAqB,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IACxF,OAAO;QACL,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE;YAChC,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;YAC1C,OAAO,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC,EAAE,CAAC;QACrH,CAAC,CAAC;KACH,CAAC;AACJ,CAAC;AAED,qGAAqG;AAErG,MAAM,CAAC,GAAG,GAAG,CAAC;AACd,MAAM,CAAC,GAAG,EAAE,CAAC;AACb,MAAM,GAAG,GAAG,EAAE,CAAC;AACf,MAAM,GAAG,GAAG,EAAE,CAAC;AACf,0EAA0E;AAC1E,MAAM,IAAI,GAAG,EAAE,CAAC;AAChB,MAAM,GAAG,GAAG,4BAA4B,CAAC;AAEzC,MAAM,KAAK,GAAG,CAAC,IAAY,EAAE,GAAW,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AAEvG,oDAAoD;AACpD,MAAM,UAAU,aAAa,CAAC,GAAa,EAAE,GAAc,EAAE,MAAqB,EAAE,MAA4B,EAAE,QAAuB,EAAE;IACzI,MAAM,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC;IACxB,MAAM,IAAI,GAAG,CAAuC,GAAM,EAAE,QAAyC,EAAE,EAAE,IAAa,EAAE,EAAE;QACxH,MAAM,IAAI,GAAG,GAAG,CAAC,eAAe,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QAC3C,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;YAAE,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QAC1F,IAAI,IAAI,KAAK,SAAS;YAAE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QAChD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IACF,MAAM,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC;IAC3B,MAAM,QAAQ,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;IACzD,MAAM,MAAM,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACvD,MAAM,IAAI,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;IACzB,MAAM,KAAK,GAAG,GAAG,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC;IACrC,MAAM,IAAI,GAAG,CAAC,MAAc,EAAE,EAAE,CAAC,GAAG,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC;IAE1D,wGAAwG;IACxG,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACnI,0FAA0F;IAC1F,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,2BAA2B,KAAK,kBAAkB,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1G,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;IAC1B,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,iBAAiB,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,oBAAoB,EAAE,CAAC,CAAC;IAChK,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,iBAAiB,EAAE,KAAK,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC;IAC/E,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACpB,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEjB,0EAA0E;IAC1E,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC;IAC3D,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;QACzB,IAAI,CAAC,KAAK,CAAC;YAAE,OAAO;QACpB,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QAC3B,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,uBAAuB,EAAE,CAAC,CAAC,CAAC;IACjK,CAAC,CAAC,CAAC;IACH,iFAAiF;IACjF,KAAK,MAAM,IAAI,IAAI,GAAG,CAAC,KAAK,EAAE,CAAC;QAC7B,IAAI,IAAI,CAAC,IAAI,KAAK,CAAC;YAAE,SAAS;QAC9B,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC5B,MAAM,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;QACxB,MAAM,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;QAC7B,GAAG,CAAC,MAAM,CACR,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,IAAI,MAAM,GAAG,IAAI,KAAK,KAAK,GAAG,IAAI,KAAK,KAAK,CAAC,GAAG,CAAC,IAAI,KAAK,EAAE,EAAE,KAAK,EAAE,8BAA8B,EAAE,YAAY,EAAE,uBAAuB,EAAE,CAAC,EAC1K,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,IAAI,IAAI,IAAI,EAAE,EAAE,KAAK,EAAE,8BAA8B,EAAE,CAAC,CACvI,CAAC;QACF,sDAAsD;QACtD,qFAAqF;QACrF,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAAC;QAC7E,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;QACpL,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAClB,8EAA8E;QAC9E,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;YAAE,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,IAAI,KAAK,IAAI,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC;IACvL,CAAC;IACD,KAAK,MAAM,IAAI,IAAI,GAAG,CAAC,KAAK,EAAE,CAAC;QAC7B,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC5B,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC;QACjD,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,iBAAiB,IAAI,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QAC/N,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;QACrN,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;QACvD,KAAK,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YAC1C,IAAK,KAAuB,CAAC,GAAG,KAAK,OAAO,IAAK,KAAuB,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBACrF,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YAClB,CAAC;QACH,CAAC,CAAC,CAAC;QACH,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}

package/src/lib/canvas-advanced.d.mts

@@ -0,0 +1,40 @@
+import type { DragSource } from './canvas-drag.mjs';
+import type { Designer } from './designer.mjs';
+import type { NewPart } from './layout-ops.mjs';
+/**
+ * Dragging on the Advanced canvas, as the approved mockup drags: what is
+ * carried stays where it is, dimmed, while a line shows where it would go —
+ * beside a part, under it, into a group, as a new row or a new column (see
+ * canvas-drop.ts) — and a chip by the pointer says so in words, or says why
+ * it cannot go there. Let go, it goes there as one edit (`place`), and is
+ * picked. Escape, or letting go where nothing would take it, changes nothing.
+ * Resting on a closed tab opens it, so a part can go into another tab.
+ *
+ * What it carries: a part on the canvas — a field, a block, a group by its
+ * title or the room round its parts, tabs by their strip — or a toolbox tile.
+ */
+export interface AdvancedDragOptions {
+    /** The canvas: the marks are drawn in it, so they wear its colours. */
+    canvas: HTMLElement;
+    /** What holds the page's own parts. */
+    root: HTMLElement;
+    designer: Designer;
+    rtl(): boolean;
+    rectOf?(element: Element): DOMRect;
+    /** The deepest element at a point; the document's own by default. */
+    elementAt?(x: number, y: number): Element | null;
+    /** A part was dropped and placed: new, from the toolbox, or moved. */
+    placed?(id: string, source: DragSource): void;
+}
+export interface AdvancedDrag {
+    /** A toolbox tile was pressed: carry it if the pointer moves. */
+    press(source: DragSource, event: PointerEvent, element: HTMLElement): void;
+    /** Off in Simple mode: the canvas's own presses are left to it. */
+    setEnabled(on: boolean): void;
+    destroy(): void;
+}
+/** What a toolbox tile adds, as a new part. */
+export declare function newPartOf(spec: string): NewPart | null;
+/** Where a press starts carrying a part: anywhere on one not being typed in, or on the grip of the one that is. */
+export declare function partPressed(target: Element, root: HTMLElement): HTMLElement | null;
+export declare function advancedDrag(options: AdvancedDragOptions): AdvancedDrag;

package/src/lib/canvas-advanced.d.ts

@@ -0,0 +1,40 @@
+import type { DragSource } from './canvas-drag';
+import type { Designer } from './designer';
+import type { NewPart } from './layout-ops';
+/**
+ * Dragging on the Advanced canvas, as the approved mockup drags: what is
+ * carried stays where it is, dimmed, while a line shows where it would go —
+ * beside a part, under it, into a group, as a new row or a new column (see
+ * canvas-drop.ts) — and a chip by the pointer says so in words, or says why
+ * it cannot go there. Let go, it goes there as one edit (`place`), and is
+ * picked. Escape, or letting go where nothing would take it, changes nothing.
+ * Resting on a closed tab opens it, so a part can go into another tab.
+ *
+ * What it carries: a part on the canvas — a field, a block, a group by its
+ * title or the room round its parts, tabs by their strip — or a toolbox tile.
+ */
+export interface AdvancedDragOptions {
+    /** The canvas: the marks are drawn in it, so they wear its colours. */
+    canvas: HTMLElement;
+    /** What holds the page's own parts. */
+    root: HTMLElement;
+    designer: Designer;
+    rtl(): boolean;
+    rectOf?(element: Element): DOMRect;
+    /** The deepest element at a point; the document's own by default. */
+    elementAt?(x: number, y: number): Element | null;
+    /** A part was dropped and placed: new, from the toolbox, or moved. */
+    placed?(id: string, source: DragSource): void;
+}
+export interface AdvancedDrag {
+    /** A toolbox tile was pressed: carry it if the pointer moves. */
+    press(source: DragSource, event: PointerEvent, element: HTMLElement): void;
+    /** Off in Simple mode: the canvas's own presses are left to it. */
+    setEnabled(on: boolean): void;
+    destroy(): void;
+}
+/** What a toolbox tile adds, as a new part. */
+export declare function newPartOf(spec: string): NewPart | null;
+/** Where a press starts carrying a part: anywhere on one not being typed in, or on the grip of the one that is. */
+export declare function partPressed(target: Element, root: HTMLElement): HTMLElement | null;
+export declare function advancedDrag(options: AdvancedDragOptions): AdvancedDrag;

package/src/lib/canvas-advanced.js

@@ -0,0 +1,247 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.newPartOf = newPartOf;
+exports.partPressed = partPressed;
+exports.advancedDrag = advancedDrag;
+const canvas_drop_1 = require("./canvas-drop");
+const drop_echo_1 = require("./drop-echo");
+const layout_tree_1 = require("./layout-tree");
+const chrome_language_1 = require("./chrome-language");
+/** How far the pointer moves before a press becomes a drag. */
+const SLOP = 5;
+/** How long the pointer rests on a closed tab before it opens. */
+const TAB_DELAY = 450;
+/** How near the window's top or bottom something carried scrolls the page, faster the nearer; and how long it rests there first. */
+const EDGE = 48;
+const EDGE_DELAY = 250;
+/** What a toolbox tile adds, as a new part. */
+function newPartOf(spec) {
+    const at = spec.indexOf(':');
+    const [kind, name] = [spec.slice(0, at), spec.slice(at + 1)];
+    if (kind === 'kind')
+        return { kind: name };
+    if (kind === 'model')
+        return { field: name };
+    if (kind === 'block')
+        return { block: name };
+    if (spec === 'layout:section')
+        return { block: 'group' };
+    if (spec === 'layout:tabs')
+        return { block: 'tabs' };
+    return null;
+}
+/** Where a press starts carrying a part: anywhere on one not being typed in, or on the grip of the one that is. */
+function partPressed(target, root) {
+    if (target.closest('.fd-field-bar, .fd-simple-lock, .fd-q-option-box, input, textarea, select, [contenteditable="plaintext-only"], [contenteditable="true"]'))
+        return null;
+    const control = target.closest('button, a');
+    if (control && !control.matches('[data-grip]'))
+        return null;
+    const part = target.closest('[data-node]');
+    if (!part || !root.contains(part) || part.getAttribute('role') === 'tab')
+        return null;
+    // The field being edited moves only by its grip: pressing on it otherwise is for its words.
+    if (part.classList.contains('fd-editing') && !target.closest('[data-grip]'))
+        return null;
+    return part;
+}
+function advancedDrag(options) {
+    const { canvas, root, designer } = options;
+    const doc = canvas.ownerDocument;
+    const rectOf = options.rectOf ?? ((element) => element.getBoundingClientRect());
+    const elementAt = options.elementAt ?? ((x, y) => doc.elementFromPoint(x, y));
+    let enabled = true;
+    let drag = null;
+    let tabTimer;
+    let tabUnder = null;
+    let edgeTimer;
+    let pointer = { x: 0, y: 0 };
+    /** Held near the window's top or bottom, the page scrolls under what is carried, so it can go to a place out of view. */
+    function edgeScroll() {
+        clearTimeout(edgeTimer);
+        edgeTimer = undefined;
+        const view = doc.defaultView;
+        if (!drag?.started || !view)
+            return;
+        const { x, y } = pointer;
+        const speed = y < EDGE ? -(EDGE - y) : y > view.innerHeight - EDGE ? EDGE - (view.innerHeight - y) : 0;
+        if (!speed)
+            return;
+        view.scrollBy(0, Math.round(speed / 2) || Math.sign(speed));
+        follow(drag, x, y);
+        edgeTimer = setTimeout(edgeScroll, 16);
+    }
+    const moving = (d) => ('node' in d.source ? d.source.node : undefined);
+    function begin(source, element, x, y) {
+        drag = { source, element, start: { x, y }, started: false, chip: null, where: null, bar: null, zone: null, drop: null };
+    }
+    function onDown(event) {
+        if (!enabled || event.button !== 0 || drag)
+            return;
+        const part = partPressed(event.target, root);
+        if (part)
+            begin({ node: part.dataset['node'] }, part, event.clientX, event.clientY);
+    }
+    /** Where a box in the window is, in the canvas: the marks are drawn in it. */
+    function inCanvas(box, element) {
+        const c = rectOf(canvas);
+        Object.assign(element.style, { left: `${box.left - c.left}px`, top: `${box.top - c.top}px`, width: `${box.width}px`, height: `${box.height}px` });
+    }
+    function lift(current) {
+        current.started = true;
+        canvas.classList.add('fd-dragging');
+        doc.getSelection()?.removeAllRanges();
+        const name = 'node' in current.source ? (0, layout_tree_1.nameOf)(designer.getPage(), (0, layout_tree_1.nodeOf)(designer.getPage(), current.source.node), designer.words) : (current.element.querySelector('.fd-tool-name')?.textContent ?? current.element.textContent ?? '').trim();
+        const chip = doc.createElement('div');
+        chip.className = 'fd-drop-chip';
+        chip.setAttribute('aria-hidden', 'true');
+        const label = doc.createElement('span');
+        label.className = 'fd-drop-name';
+        label.textContent = name || designer.words.canvas.part;
+        const where = doc.createElement('span');
+        where.className = 'fd-drop-where';
+        chip.append(label, where);
+        const bar = doc.createElement('div');
+        bar.className = 'fd-drop-bar';
+        bar.hidden = true;
+        const zone = doc.createElement('div');
+        zone.className = 'fd-drop-zone';
+        zone.hidden = true;
+        canvas.append(zone, bar, (0, chrome_language_1.speakLike)(chip, canvas));
+        Object.assign(current, { chip, where, bar, zone });
+        if ('node' in current.source)
+            current.element.classList.add('fd-drag-carried');
+    }
+    function follow(current, x, y) {
+        const chip = current.chip;
+        const c = rectOf(canvas);
+        // Beside the pointer, out of the way of the line; on its other side where it would run past the canvas's end.
+        const width = rectOf(chip).width;
+        const after = x - c.left + 16;
+        chip.style.left = `${after + width > c.width ? Math.max(0, x - c.left - 16 - width) : after}px`;
+        chip.style.top = `${y - c.top + 18}px`;
+        const page = designer.getPage();
+        const mark = (0, canvas_drop_1.findDrop)({ root, page, rtl: options.rtl(), rectOf }, elementAt(x, y), x, y, moving(current));
+        const bar = current.bar;
+        const zone = current.zone;
+        const refused = mark ? designer.dropRefusal(mark.drop, moving(current)) : null;
+        current.drop = mark && !refused ? mark.drop : null;
+        chip.classList.toggle('fd-drop-refused', !current.drop);
+        current.where.textContent = !mark ? designer.words.canvas.notHere : (refused ?? designer.describeDrop(mark.drop, moving(current)));
+        bar.hidden = !current.drop;
+        zone.hidden = !current.drop || !mark?.zone;
+        // gap lane: the outline draws where it lands too.
+        (0, drop_echo_1.echo)(canvas, { source: 'canvas', drop: current.drop, moving: moving(current) });
+        if (mark && current.drop) {
+            inCanvas(mark.line, bar);
+            if (mark.zone)
+                inCanvas(mark.zone, zone);
+        }
+    }
+    /** Resting on a closed tab opens it, so a part can go into another tab. */
+    function restOnTab(x, y) {
+        const tab = elementAt(x, y)?.closest('[role="tab"]:not([aria-selected="true"])') ?? null;
+        if (tab === tabUnder)
+            return;
+        clearTimeout(tabTimer);
+        tabUnder = tab;
+        if (tab)
+            tabTimer = setTimeout(() => tab.click(), TAB_DELAY);
+    }
+    function onMove(event) {
+        if (!drag)
+            return;
+        const { clientX: x, clientY: y } = event;
+        if (!drag.started) {
+            if (Math.hypot(x - drag.start.x, y - drag.start.y) < SLOP)
+                return;
+            lift(drag);
+        }
+        event.preventDefault();
+        follow(drag, x, y);
+        restOnTab(x, y);
+        pointer = { x, y };
+        const view = doc.defaultView;
+        const nearEdge = !!view && (y < EDGE || y > view.innerHeight - EDGE);
+        if (!nearEdge) {
+            clearTimeout(edgeTimer);
+            edgeTimer = undefined;
+        }
+        else if (!edgeTimer)
+            edgeTimer = setTimeout(edgeScroll, EDGE_DELAY);
+    }
+    /** The click a real drag ends with is not a click on what was under it. */
+    function swallowNextClick() {
+        const swallow = (event) => {
+            event.stopPropagation();
+            event.preventDefault();
+            stop();
+        };
+        const stop = () => {
+            doc.removeEventListener('click', swallow, true);
+            doc.removeEventListener('pointerdown', stop, true);
+        };
+        doc.addEventListener('click', swallow, true);
+        doc.addEventListener('pointerdown', stop, true);
+        setTimeout(stop, 0);
+    }
+    function end(commit) {
+        const current = drag;
+        drag = null;
+        clearTimeout(tabTimer);
+        tabUnder = null;
+        clearTimeout(edgeTimer);
+        edgeTimer = undefined;
+        if (!current?.started)
+            return;
+        for (const mark of [current.chip, current.bar, current.zone])
+            mark?.remove();
+        (0, drop_echo_1.echo)(canvas, { source: 'canvas', drop: null });
+        current.element.classList.remove('fd-drag-carried');
+        canvas.classList.remove('fd-dragging');
+        swallowNextClick();
+        if (!commit || !current.drop)
+            return;
+        const part = 'node' in current.source ? current.source.node : newPartOf(current.source.tool);
+        if (!part)
+            return;
+        const id = designer.place(part, current.drop);
+        if (id)
+            options.placed?.(id, current.source);
+    }
+    const onUp = () => end(true);
+    const onCancel = () => end(false);
+    const onKey = (event) => {
+        if (event.key === 'Escape' && drag?.started) {
+            event.preventDefault();
+            event.stopPropagation();
+            end(false);
+        }
+    };
+    canvas.addEventListener('pointerdown', onDown);
+    doc.addEventListener('pointermove', onMove);
+    doc.addEventListener('pointerup', onUp);
+    doc.addEventListener('pointercancel', onCancel);
+    doc.addEventListener('keydown', onKey, true);
+    return {
+        press(source, event, element) {
+            if (!enabled || event.button !== 0 || drag)
+                return;
+            begin(source, element, event.clientX, event.clientY);
+        },
+        setEnabled(on) {
+            enabled = on;
+            if (!on)
+                end(false);
+        },
+        destroy() {
+            end(false);
+            canvas.removeEventListener('pointerdown', onDown);
+            doc.removeEventListener('pointermove', onMove);
+            doc.removeEventListener('pointerup', onUp);
+            doc.removeEventListener('pointercancel', onCancel);
+            doc.removeEventListener('keydown', onKey, true);
+        },
+    };
+}
+//# sourceMappingURL=canvas-advanced.js.map

package/src/lib/canvas-advanced.js.map

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