@fieldia/designer 0.0.0-stage → 0.11.0

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

@@ -0,0 +1,51 @@
+import type { Page } from '@fieldia/core';
+import type { Drop } from './layout-ops.mjs';
+/**
+ * Where a part dropped on the Advanced canvas would go, read off the canvas the
+ * way the approved mockup reads it (as Grafloria's split board does), zones
+ * walked outermost first:
+ *
+ *  1. within a few pixels of a whole group's outer edge — that group: a new
+ *     column beside it, or a new row under or above it. A group's own padding
+ *     at either side of its rows is not its edge: a new column inside it,
+ *     beside all its rows (as Grafloria splits a section's content); on a
+ *     row's last part, its far side is the end of that row;
+ *  2. at a boundary between a grid's rows — the gap, or a few pixels into a
+ *     row — a new full-width row there;
+ *  3. otherwise the part under the pointer, by its nearest edge (measured
+ *     against its own size, so a wide, short field still has a top and a
+ *     bottom): beside it, or under or above it.
+ *
+ * In a group's padding or a gap, the nearest part inside answers; an empty
+ * group takes the part. Nothing moves until the drop: the line and the words
+ * are the promise.
+ *
+ * The canvas marks each part `data-node`, and the element holding a group's or
+ * a tab's parts `data-container`; `root` holds the page's own.
+ */
+export interface Rect {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}
+/** A drop, the line that shows where, and — for a whole group — the group tinted. */
+export interface DropMark {
+    drop: Drop;
+    line: Rect;
+    zone: Rect | null;
+}
+export interface DropFinder {
+    /** What holds the page's own parts. */
+    root: HTMLElement;
+    page: Page;
+    /** Right to left: a part's left edge is the side after it. */
+    rtl: boolean;
+    rectOf(element: Element): DOMRect;
+}
+export type Side = 'left' | 'right' | 'top' | 'bottom';
+/** The drop line by one side of a box: just off it, as thick as a drop line is. The outline's drag draws the same line on the canvas. */
+export declare function edgeLine(r: Rect, at: Side): Rect;
+/** The line where a part goes into an empty group: across the top of what holds its parts. */
+export declare const intoLine: (r: Rect) => Rect;
+export declare function findDrop(finder: DropFinder, target: Element | null, x: number, y: number, moving?: string): DropMark | null;

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

@@ -0,0 +1,51 @@
+import type { Page } from '@fieldia/core';
+import type { Drop } from './layout-ops';
+/**
+ * Where a part dropped on the Advanced canvas would go, read off the canvas the
+ * way the approved mockup reads it (as Grafloria's split board does), zones
+ * walked outermost first:
+ *
+ *  1. within a few pixels of a whole group's outer edge — that group: a new
+ *     column beside it, or a new row under or above it. A group's own padding
+ *     at either side of its rows is not its edge: a new column inside it,
+ *     beside all its rows (as Grafloria splits a section's content); on a
+ *     row's last part, its far side is the end of that row;
+ *  2. at a boundary between a grid's rows — the gap, or a few pixels into a
+ *     row — a new full-width row there;
+ *  3. otherwise the part under the pointer, by its nearest edge (measured
+ *     against its own size, so a wide, short field still has a top and a
+ *     bottom): beside it, or under or above it.
+ *
+ * In a group's padding or a gap, the nearest part inside answers; an empty
+ * group takes the part. Nothing moves until the drop: the line and the words
+ * are the promise.
+ *
+ * The canvas marks each part `data-node`, and the element holding a group's or
+ * a tab's parts `data-container`; `root` holds the page's own.
+ */
+export interface Rect {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}
+/** A drop, the line that shows where, and — for a whole group — the group tinted. */
+export interface DropMark {
+    drop: Drop;
+    line: Rect;
+    zone: Rect | null;
+}
+export interface DropFinder {
+    /** What holds the page's own parts. */
+    root: HTMLElement;
+    page: Page;
+    /** Right to left: a part's left edge is the side after it. */
+    rtl: boolean;
+    rectOf(element: Element): DOMRect;
+}
+export type Side = 'left' | 'right' | 'top' | 'bottom';
+/** The drop line by one side of a box: just off it, as thick as a drop line is. The outline's drag draws the same line on the canvas. */
+export declare function edgeLine(r: Rect, at: Side): Rect;
+/** The line where a part goes into an empty group: across the top of what holds its parts. */
+export declare const intoLine: (r: Rect) => Rect;
+export declare function findDrop(finder: DropFinder, target: Element | null, x: number, y: number, moving?: string): DropMark | null;

package/src/lib/canvas-drop.js

@@ -0,0 +1,171 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.intoLine = void 0;
+exports.edgeLine = edgeLine;
+exports.findDrop = findDrop;
+const layout_tree_1 = require("./layout-tree");
+/** How near a group's border counts as the whole group: its padding is its rows'. Arrangements and tabs, with no padding, count further in. */
+const GROUP_BAND = 4;
+const BAND = 10;
+/** How far in from a group's border its padding means a new column inside it, where the padding is narrower. */
+const INNER = 16;
+/** How far into a row its boundary with the next still counts. */
+const ROW_BAND = 8;
+/** How far a drop line sits off the edge it marks, and how thick it is. */
+const OUT = 5;
+const THICK = 4;
+/** The drop line by one side of a box: just off it, as thick as a drop line is. The outline's drag draws the same line on the canvas. */
+function edgeLine(r, at) {
+    return at === 'left' || at === 'right'
+        ? { left: (at === 'right' ? r.left + r.width + OUT : r.left - OUT) - THICK / 2, top: r.top, width: THICK, height: r.height }
+        : { left: r.left, top: (at === 'bottom' ? r.top + r.height + OUT : r.top - OUT) - THICK / 2, width: r.width, height: THICK };
+}
+/** The line where a part goes into an empty group: across the top of what holds its parts. */
+const intoLine = (r) => ({ left: r.left + 8, top: r.top + 8, width: r.width - 16, height: THICK });
+exports.intoLine = intoLine;
+/** The edge of a box nearest a point, each measured against the box's own size. */
+function nearestSide(r, x, y) {
+    const d = { left: (x - r.left) / r.width, right: (r.right - x) / r.width, top: (y - r.top) / r.height, bottom: (r.bottom - y) / r.height };
+    return Object.keys(d).reduce((a, b) => (d[b] < d[a] ? b : a));
+}
+function findDrop(finder, target, x, y, moving) {
+    const { root, page, rectOf } = finder;
+    if (!target || !root.contains(target))
+        return null;
+    const movingEl = moving ? ([...root.querySelectorAll('[data-node]')].find((e) => e.dataset['node'] === moving) ?? null) : null;
+    const inMoving = (e) => !!movingEl && movingEl.contains(e);
+    const isPart = (e) => !!e.dataset['node'] && !e.matches('[role="tab"]');
+    function side(id, at, whole, r) {
+        const sideways = at === 'left' || at === 'right';
+        const visualAfter = at === 'right' || at === 'bottom';
+        const after = sideways && finder.rtl ? !visualAfter : visualAfter;
+        const line = edgeLine(r, at);
+        const zone = whole ? { left: r.left, top: r.top, width: r.width, height: r.height } : null;
+        return { drop: { how: sideways ? 'beside' : 'under', target: id, after, whole }, line, zone };
+    }
+    /** The parts a grid draws (all but the one moving), grouped into rows by their tops, with each row's first and last place. */
+    function drawnRows(grid) {
+        const items = [...grid.children].filter((c) => isPart(c) && c.dataset['node'] !== moving);
+        const rows = [];
+        items.forEach((element, i) => {
+            const r = rectOf(element);
+            const row = rows.find((w) => Math.abs(w.top - r.top) < 4);
+            if (row) {
+                row.bottom = Math.max(row.bottom, r.bottom);
+                row.last = i;
+            }
+            else
+                rows.push({ top: r.top, bottom: r.bottom, first: i, last: i });
+        });
+        return rows;
+    }
+    /** A boundary between the grid's rows near y: in the gap between two, or a few pixels into one. */
+    function rowBoundary(grid) {
+        const id = grid.dataset['container'];
+        const holder = (0, layout_tree_1.nodeOf)(page, id);
+        if (!holder || (0, layout_tree_1.across)(page, holder) < 2)
+            return null;
+        const g = rectOf(grid);
+        const mark = (index, at) => ({ drop: { how: 'row', container: id, index }, line: { left: g.left, top: at - THICK / 2, width: g.width, height: THICK }, zone: null });
+        const rows = drawnRows(grid);
+        for (let i = 0; i < rows.length; i++) {
+            const row = rows[i];
+            const next = rows[i + 1];
+            if (next && y >= row.bottom - ROW_BAND && y <= next.top + ROW_BAND)
+                return mark(next.first, (row.bottom + next.top) / 2);
+            if (i === 0 && y <= row.top + ROW_BAND && y >= row.top - ROW_BAND * 2)
+                return mark(0, row.top - OUT);
+            if (!next && y >= row.bottom - ROW_BAND && y <= row.bottom + ROW_BAND * 2)
+                return mark(row.last + 1, row.bottom + OUT);
+        }
+        return null;
+    }
+    /** The part in a content box nearest the pointer, and its edge facing it. */
+    function nearestInside(content) {
+        let best = null;
+        for (const element of [...content.children]) {
+            if (!isPart(element) || element.dataset['node'] === moving)
+                continue;
+            const r = rectOf(element);
+            const dx = x < r.left ? r.left - x : x > r.right ? x - r.right : 0;
+            const dy = y < r.top ? r.top - y : y > r.bottom ? y - r.bottom : 0;
+            const d = Math.hypot(dx, dy);
+            if (!best || d < best.d)
+                best = { element, r, d, dy };
+        }
+        if (!best)
+            return null;
+        const { r } = best;
+        const at = best.d === 0 ? nearestSide(r, x, y) : best.dy === 0 ? (x < r.left ? 'left' : 'right') : y < r.top ? 'top' : 'bottom';
+        return side(best.element.dataset['node'], at, false, r);
+    }
+    /**
+     * The padding at a group's side, level with its rows: a new column inside the
+     * group, the line at its rows' edge, as tall as all of them. A group drawn
+     * with no padding still has the last few pixels in from its edge band.
+     */
+    function besideRows(group, content, id) {
+        const g = rectOf(group);
+        const c = rectOf(content);
+        if (y < c.top - ROW_BAND || y > c.bottom + ROW_BAND)
+            return null;
+        const right = x >= Math.min(c.right, g.right - INNER) && x <= g.right - GROUP_BAND;
+        const left = x <= Math.max(c.left, g.left + INNER) && x >= g.left + GROUP_BAND;
+        if (!right && !left)
+            return null;
+        const after = finder.rtl ? left : right;
+        return { drop: { how: 'column', container: id, after }, line: edgeLine(c, right ? 'right' : 'left'), zone: { left: c.left, top: c.top, width: c.width, height: c.height } };
+    }
+    /** The element holding a part's own parts: its grid, or its open tab. */
+    const contentOf = (part) => [...part.querySelectorAll('[data-container]')].find((c) => c.parentElement?.closest('[data-node]') === part) ?? null;
+    // The parts under the pointer, outermost first, leaving out the one moving and what is in it.
+    const chain = [];
+    for (let p = target.closest('[data-node]'); p && root.contains(p); p = p.parentElement?.closest('[data-node]') ?? null) {
+        if (isPart(p) && !inMoving(p))
+            chain.unshift(p);
+    }
+    // 1. A whole group's edge, the outermost first.
+    for (const element of chain) {
+        const node = (0, layout_tree_1.nodeOf)(page, element.dataset['node']);
+        if (node?.type !== 'section' && node?.type !== 'tabs')
+            continue;
+        const r = rectOf(element);
+        const d = { left: x - r.left, right: r.right - x, top: y - r.top, bottom: r.bottom - y };
+        const at = Object.keys(d).reduce((a, b) => (d[b] < d[a] ? b : a));
+        if (d[at] >= 0 && d[at] <= (node.type === 'section' && !(0, layout_tree_1.isWrapper)(node) ? GROUP_BAND : BAND))
+            return side(node.id, at, true, r);
+    }
+    const leaf = chain[chain.length - 1];
+    const leafNode = leaf ? (0, layout_tree_1.nodeOf)(page, leaf.dataset['node']) : null;
+    // In a group (its padding, its title, a gap between its parts) or on the page: what is inside answers.
+    if (!leaf || leafNode?.type === 'section' || leafNode?.type === 'tabs') {
+        const content = leaf ? contentOf(leaf) : root;
+        if (!content)
+            return null;
+        // A group's padding at either side of its rows: a new column inside it, beside them all.
+        if (leaf && leafNode?.type === 'section' && !(0, layout_tree_1.isWrapper)(leafNode)) {
+            const column = besideRows(leaf, content, leafNode.id);
+            if (column)
+                return column;
+        }
+        const row = rowBoundary(content);
+        if (row)
+            return row;
+        const near = nearestInside(content);
+        if (near)
+            return near;
+        const r = rectOf(content);
+        return { drop: { how: 'into', container: content.dataset['container'] }, line: (0, exports.intoLine)(r), zone: leaf ? rectOf(leaf) : r };
+    }
+    // 2. A boundary between the rows of the grid the part sits in.
+    const grid = leaf.parentElement?.closest('[data-container]');
+    if (grid) {
+        const row = rowBoundary(grid);
+        if (row)
+            return row;
+    }
+    // 3. The part itself, by its nearest edge.
+    const r = rectOf(leaf);
+    return side(leaf.dataset['node'], nearestSide(r, x, y), false, r);
+}
+//# sourceMappingURL=canvas-drop.js.map

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

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

package/src/lib/canvas-drop.mjs

@@ -0,0 +1,165 @@
+import { across, isWrapper, nodeOf } from './layout-tree.mjs';
+/** How near a group's border counts as the whole group: its padding is its rows'. Arrangements and tabs, with no padding, count further in. */
+const GROUP_BAND = 4;
+const BAND = 10;
+/** How far in from a group's border its padding means a new column inside it, where the padding is narrower. */
+const INNER = 16;
+/** How far into a row its boundary with the next still counts. */
+const ROW_BAND = 8;
+/** How far a drop line sits off the edge it marks, and how thick it is. */
+const OUT = 5;
+const THICK = 4;
+/** The drop line by one side of a box: just off it, as thick as a drop line is. The outline's drag draws the same line on the canvas. */
+export function edgeLine(r, at) {
+    return at === 'left' || at === 'right'
+        ? { left: (at === 'right' ? r.left + r.width + OUT : r.left - OUT) - THICK / 2, top: r.top, width: THICK, height: r.height }
+        : { left: r.left, top: (at === 'bottom' ? r.top + r.height + OUT : r.top - OUT) - THICK / 2, width: r.width, height: THICK };
+}
+/** The line where a part goes into an empty group: across the top of what holds its parts. */
+export const intoLine = (r) => ({ left: r.left + 8, top: r.top + 8, width: r.width - 16, height: THICK });
+/** The edge of a box nearest a point, each measured against the box's own size. */
+function nearestSide(r, x, y) {
+    const d = { left: (x - r.left) / r.width, right: (r.right - x) / r.width, top: (y - r.top) / r.height, bottom: (r.bottom - y) / r.height };
+    return Object.keys(d).reduce((a, b) => (d[b] < d[a] ? b : a));
+}
+export function findDrop(finder, target, x, y, moving) {
+    const { root, page, rectOf } = finder;
+    if (!target || !root.contains(target))
+        return null;
+    const movingEl = moving ? ([...root.querySelectorAll('[data-node]')].find((e) => e.dataset['node'] === moving) ?? null) : null;
+    const inMoving = (e) => !!movingEl && movingEl.contains(e);
+    const isPart = (e) => !!e.dataset['node'] && !e.matches('[role="tab"]');
+    function side(id, at, whole, r) {
+        const sideways = at === 'left' || at === 'right';
+        const visualAfter = at === 'right' || at === 'bottom';
+        const after = sideways && finder.rtl ? !visualAfter : visualAfter;
+        const line = edgeLine(r, at);
+        const zone = whole ? { left: r.left, top: r.top, width: r.width, height: r.height } : null;
+        return { drop: { how: sideways ? 'beside' : 'under', target: id, after, whole }, line, zone };
+    }
+    /** The parts a grid draws (all but the one moving), grouped into rows by their tops, with each row's first and last place. */
+    function drawnRows(grid) {
+        const items = [...grid.children].filter((c) => isPart(c) && c.dataset['node'] !== moving);
+        const rows = [];
+        items.forEach((element, i) => {
+            const r = rectOf(element);
+            const row = rows.find((w) => Math.abs(w.top - r.top) < 4);
+            if (row) {
+                row.bottom = Math.max(row.bottom, r.bottom);
+                row.last = i;
+            }
+            else
+                rows.push({ top: r.top, bottom: r.bottom, first: i, last: i });
+        });
+        return rows;
+    }
+    /** A boundary between the grid's rows near y: in the gap between two, or a few pixels into one. */
+    function rowBoundary(grid) {
+        const id = grid.dataset['container'];
+        const holder = nodeOf(page, id);
+        if (!holder || across(page, holder) < 2)
+            return null;
+        const g = rectOf(grid);
+        const mark = (index, at) => ({ drop: { how: 'row', container: id, index }, line: { left: g.left, top: at - THICK / 2, width: g.width, height: THICK }, zone: null });
+        const rows = drawnRows(grid);
+        for (let i = 0; i < rows.length; i++) {
+            const row = rows[i];
+            const next = rows[i + 1];
+            if (next && y >= row.bottom - ROW_BAND && y <= next.top + ROW_BAND)
+                return mark(next.first, (row.bottom + next.top) / 2);
+            if (i === 0 && y <= row.top + ROW_BAND && y >= row.top - ROW_BAND * 2)
+                return mark(0, row.top - OUT);
+            if (!next && y >= row.bottom - ROW_BAND && y <= row.bottom + ROW_BAND * 2)
+                return mark(row.last + 1, row.bottom + OUT);
+        }
+        return null;
+    }
+    /** The part in a content box nearest the pointer, and its edge facing it. */
+    function nearestInside(content) {
+        let best = null;
+        for (const element of [...content.children]) {
+            if (!isPart(element) || element.dataset['node'] === moving)
+                continue;
+            const r = rectOf(element);
+            const dx = x < r.left ? r.left - x : x > r.right ? x - r.right : 0;
+            const dy = y < r.top ? r.top - y : y > r.bottom ? y - r.bottom : 0;
+            const d = Math.hypot(dx, dy);
+            if (!best || d < best.d)
+                best = { element, r, d, dy };
+        }
+        if (!best)
+            return null;
+        const { r } = best;
+        const at = best.d === 0 ? nearestSide(r, x, y) : best.dy === 0 ? (x < r.left ? 'left' : 'right') : y < r.top ? 'top' : 'bottom';
+        return side(best.element.dataset['node'], at, false, r);
+    }
+    /**
+     * The padding at a group's side, level with its rows: a new column inside the
+     * group, the line at its rows' edge, as tall as all of them. A group drawn
+     * with no padding still has the last few pixels in from its edge band.
+     */
+    function besideRows(group, content, id) {
+        const g = rectOf(group);
+        const c = rectOf(content);
+        if (y < c.top - ROW_BAND || y > c.bottom + ROW_BAND)
+            return null;
+        const right = x >= Math.min(c.right, g.right - INNER) && x <= g.right - GROUP_BAND;
+        const left = x <= Math.max(c.left, g.left + INNER) && x >= g.left + GROUP_BAND;
+        if (!right && !left)
+            return null;
+        const after = finder.rtl ? left : right;
+        return { drop: { how: 'column', container: id, after }, line: edgeLine(c, right ? 'right' : 'left'), zone: { left: c.left, top: c.top, width: c.width, height: c.height } };
+    }
+    /** The element holding a part's own parts: its grid, or its open tab. */
+    const contentOf = (part) => [...part.querySelectorAll('[data-container]')].find((c) => c.parentElement?.closest('[data-node]') === part) ?? null;
+    // The parts under the pointer, outermost first, leaving out the one moving and what is in it.
+    const chain = [];
+    for (let p = target.closest('[data-node]'); p && root.contains(p); p = p.parentElement?.closest('[data-node]') ?? null) {
+        if (isPart(p) && !inMoving(p))
+            chain.unshift(p);
+    }
+    // 1. A whole group's edge, the outermost first.
+    for (const element of chain) {
+        const node = nodeOf(page, element.dataset['node']);
+        if (node?.type !== 'section' && node?.type !== 'tabs')
+            continue;
+        const r = rectOf(element);
+        const d = { left: x - r.left, right: r.right - x, top: y - r.top, bottom: r.bottom - y };
+        const at = Object.keys(d).reduce((a, b) => (d[b] < d[a] ? b : a));
+        if (d[at] >= 0 && d[at] <= (node.type === 'section' && !isWrapper(node) ? GROUP_BAND : BAND))
+            return side(node.id, at, true, r);
+    }
+    const leaf = chain[chain.length - 1];
+    const leafNode = leaf ? nodeOf(page, leaf.dataset['node']) : null;
+    // In a group (its padding, its title, a gap between its parts) or on the page: what is inside answers.
+    if (!leaf || leafNode?.type === 'section' || leafNode?.type === 'tabs') {
+        const content = leaf ? contentOf(leaf) : root;
+        if (!content)
+            return null;
+        // A group's padding at either side of its rows: a new column inside it, beside them all.
+        if (leaf && leafNode?.type === 'section' && !isWrapper(leafNode)) {
+            const column = besideRows(leaf, content, leafNode.id);
+            if (column)
+                return column;
+        }
+        const row = rowBoundary(content);
+        if (row)
+            return row;
+        const near = nearestInside(content);
+        if (near)
+            return near;
+        const r = rectOf(content);
+        return { drop: { how: 'into', container: content.dataset['container'] }, line: intoLine(r), zone: leaf ? rectOf(leaf) : r };
+    }
+    // 2. A boundary between the rows of the grid the part sits in.
+    const grid = leaf.parentElement?.closest('[data-container]');
+    if (grid) {
+        const row = rowBoundary(grid);
+        if (row)
+            return row;
+    }
+    // 3. The part itself, by its nearest edge.
+    const r = rectOf(leaf);
+    return side(leaf.dataset['node'], nearestSide(r, x, y), false, r);
+}
+//# sourceMappingURL=canvas-drop.mjs.map

package/src/lib/canvas-drop.mjs.map

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

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

@@ -0,0 +1,14 @@
+import type { SectionNode } from '@fieldia/core';
+import type { ElementFactory } from './chrome.mjs';
+import type { DesignerWords } from './designer-words.mjs';
+/**
+ * The small mark before a group's title on the canvas when the group folds
+ * by it, where the form draws its arrow: pointing down while it starts open,
+ * along the line while it starts folded. The canvas draws the group open, so
+ * it can be edited.
+ */
+export interface FoldMark {
+    element: HTMLElement;
+    update(section: SectionNode): void;
+}
+export declare function foldMark(el: ElementFactory, doc: Document, words?: DesignerWords): FoldMark;

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

@@ -0,0 +1,14 @@
+import type { SectionNode } from '@fieldia/core';
+import type { ElementFactory } from './chrome';
+import type { DesignerWords } from './designer-words';
+/**
+ * The small mark before a group's title on the canvas when the group folds
+ * by it, where the form draws its arrow: pointing down while it starts open,
+ * along the line while it starts folded. The canvas draws the group open, so
+ * it can be edited.
+ */
+export interface FoldMark {
+    element: HTMLElement;
+    update(section: SectionNode): void;
+}
+export declare function foldMark(el: ElementFactory, doc: Document, words?: DesignerWords): FoldMark;

package/src/lib/canvas-fold.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.foldMark = foldMark;
+const group_fold_1 = require("./group-fold");
+const icons_1 = require("./icons");
+const writes_1 = require("./writes");
+const en_1 = require("./locales/en");
+function foldMark(el, doc, words = en_1.en) {
+    const element = el('span', { class: 'fd-canvas-fold', role: 'img', hidden: '' }, (0, icons_1.designerIcon)(doc, 'chevron'));
+    return {
+        element,
+        // Written only where it changed: a big page's every redraw would otherwise touch each group's mark.
+        update(section) {
+            const fold = (0, group_fold_1.foldOf)(section);
+            (0, writes_1.setHidden)(element, fold === 'no' || !section.title);
+            (0, writes_1.setData)(element, 'fold', fold);
+            const said = fold === 'folded' ? words.canvas.foldsFolded : words.canvas.foldsOpen;
+            (0, writes_1.setAttr)(element, 'aria-label', said);
+            (0, writes_1.setAttr)(element, 'title', said);
+        },
+    };
+}
+//# sourceMappingURL=canvas-fold.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"canvas-fold.js","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/canvas-fold.ts"],"names":[],"mappings":";;AAmBA,4BAcC;AA/BD,6CAAsC;AACtC,mCAAuC;AACvC,qCAAuD;AAEvD,qCAAkC;AAalC,SAAgB,QAAQ,CAAC,EAAkB,EAAE,GAAa,EAAE,QAAuB,OAAE;IACnF,MAAM,OAAO,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,IAAA,oBAAY,EAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC;IAC/G,OAAO;QACL,OAAO;QACP,oGAAoG;QACpG,MAAM,CAAC,OAAO;YACZ,MAAM,IAAI,GAAG,IAAA,mBAAM,EAAC,OAAO,CAAC,CAAC;YAC7B,IAAA,kBAAS,EAAC,OAAO,EAAE,IAAI,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACpD,IAAA,gBAAO,EAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;YAC/B,MAAM,IAAI,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;YACnF,IAAA,gBAAO,EAAC,OAAO,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC;YACrC,IAAA,gBAAO,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;QAClC,CAAC;KACF,CAAC;AACJ,CAAC"}

package/src/lib/canvas-fold.mjs

@@ -0,0 +1,20 @@
+import { foldOf } from './group-fold.mjs';
+import { designerIcon } from './icons.mjs';
+import { setAttr, setData, setHidden } from './writes.mjs';
+import { en } from './locales/en/index.mjs';
+export function foldMark(el, doc, words = en) {
+    const element = el('span', { class: 'fd-canvas-fold', role: 'img', hidden: '' }, designerIcon(doc, 'chevron'));
+    return {
+        element,
+        // Written only where it changed: a big page's every redraw would otherwise touch each group's mark.
+        update(section) {
+            const fold = foldOf(section);
+            setHidden(element, fold === 'no' || !section.title);
+            setData(element, 'fold', fold);
+            const said = fold === 'folded' ? words.canvas.foldsFolded : words.canvas.foldsOpen;
+            setAttr(element, 'aria-label', said);
+            setAttr(element, 'title', said);
+        },
+    };
+}
+//# sourceMappingURL=canvas-fold.mjs.map

package/src/lib/canvas-fold.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas-fold.mjs","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/canvas-fold.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAEvD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAalC,MAAM,UAAU,QAAQ,CAAC,EAAkB,EAAE,GAAa,EAAE,QAAuB,EAAE;IACnF,MAAM,OAAO,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,YAAY,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC;IAC/G,OAAO;QACL,OAAO;QACP,oGAAoG;QACpG,MAAM,CAAC,OAAO;YACZ,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;YAC7B,SAAS,CAAC,OAAO,EAAE,IAAI,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACpD,OAAO,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;YAC/B,MAAM,IAAI,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;YACnF,OAAO,CAAC,OAAO,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC;YACrC,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;QAClC,CAAC;KACF,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,28 @@
+import type { FormNode } from '@fieldia/core';
+import type { WidgetFactory } from '@fieldia/widgets';
+import type { ElementFactory } from './chrome.mjs';
+import type { Designer } from './designer.mjs';
+/**
+ * A saved form placed in the page, on the canvas: drawn as the form will draw
+ * it — by the viewer itself, placing it as the form does, its title over it —
+ * inside a frame that names the saved form and the version it shows, with
+ * “Open it”, the app's way to edit it on its own page. Nothing in it can be
+ * typed in or picked here: it is changed on its own page. Picked, moved and
+ * widened as any part is. While it loads, a quiet line; when it cannot be
+ * shown — not found, a version gone, holding this page — what the Checks list
+ * says of it.
+ */
+export interface FormViews {
+    /** The saved form's frame, made or brought up to date. */
+    draw(node: FormNode, picked: boolean): HTMLElement;
+    /** Let go of the frames of saved forms no longer drawn. */
+    keep(ids: Set<string>): void;
+    destroy(): void;
+}
+export declare function formViews(options: {
+    el: ElementFactory;
+    doc: Document;
+    designer: Designer;
+    skin?: string;
+    widgets?: Record<string, WidgetFactory>;
+}): FormViews;

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

@@ -0,0 +1,28 @@
+import type { FormNode } from '@fieldia/core';
+import type { WidgetFactory } from '@fieldia/widgets';
+import type { ElementFactory } from './chrome';
+import type { Designer } from './designer';
+/**
+ * A saved form placed in the page, on the canvas: drawn as the form will draw
+ * it — by the viewer itself, placing it as the form does, its title over it —
+ * inside a frame that names the saved form and the version it shows, with
+ * “Open it”, the app's way to edit it on its own page. Nothing in it can be
+ * typed in or picked here: it is changed on its own page. Picked, moved and
+ * widened as any part is. While it loads, a quiet line; when it cannot be
+ * shown — not found, a version gone, holding this page — what the Checks list
+ * says of it.
+ */
+export interface FormViews {
+    /** The saved form's frame, made or brought up to date. */
+    draw(node: FormNode, picked: boolean): HTMLElement;
+    /** Let go of the frames of saved forms no longer drawn. */
+    keep(ids: Set<string>): void;
+    destroy(): void;
+}
+export declare function formViews(options: {
+    el: ElementFactory;
+    doc: Document;
+    designer: Designer;
+    skin?: string;
+    widgets?: Record<string, WidgetFactory>;
+}): FormViews;