@fieldia/designer 0.0.0-stage → 0.11.0

package/src/lib/layout-twelfths.mjs

@@ -0,0 +1,210 @@
+import { wideColumns } from '@fieldia/core';
+import { en } from './locales/en/index.mjs';
+import { across, isSection, isWrapper, locate, nameOf, onTracks, rowsIn, rowsOf, setSpan, sharesOneCell, spanOf } from './layout-tree.mjs';
+/**
+ * Groups in twelfths, as Bootstrap's and Vueform's rows divide, and as
+ * Grafloria's split board fits its panes: each row of a group divides twelve
+ * ways, its own way. A part dropped beside another re-divides only that row;
+ * a part leaving a row closes it up. A group keeps each row full — its parts
+ * sharing the width, a part alone taking all of it — or, saying `rows:
+ * 'gaps'`, lets a part keep its width when a neighbour leaves.
+ *
+ * A group of one to four columns is divided in twelfths the first time an
+ * Advanced gesture needs it (a drop beside one of its parts, a gutter or a
+ * width handle dragged), inside the same edit: each part as wide as it was,
+ * so nothing moves.
+ */
+export const TWELVE = 12;
+/** A group: a section with columns of its own — titled, or drawn — not an arrangement laying parts out. */
+export const isGroup = (node) => isSection(node) && !isWrapper(node);
+/** A group whose rows divide in twelfths. */
+export const inTwelfths = (node) => isGroup(node) && wideColumns(node.columns) === TWELVE;
+/** A group in twelfths, or one of one to four columns that a gesture divides in twelfths. */
+export const twelfthsAhead = (node) => isGroup(node) && (wideColumns(node.columns) <= 4 || inTwelfths(node));
+/** Whether a group keeps each row full, the default, rather than leaving gaps. */
+export const keepsFull = (group) => group.rows !== 'gaps';
+/** Whether a holder lays its parts in twelfths: a group in twelfths, or an arrangement on one's columns. */
+export function laidInTwelfths(page, holder) {
+    if (inTwelfths(holder))
+        return true;
+    return isSection(holder) && onTracks(page, holder) && laidInTwelfths(page, locate(page, holder.id)?.parent);
+}
+/** How many columns a part takes on a grid of `cols`: a divider all of them. */
+const widthOn = (part, cols) => (part.type === 'divider' ? cols : Math.min(spanOf(part), cols));
+/** Widths scaled to add up to `total`, in whole columns: the largest remainders round up, and each keeps one at least. */
+export function shares(spans, total) {
+    const sum = spans.reduce((a, b) => a + b, 0);
+    const exact = spans.map((s) => (s * total) / sum);
+    const out = exact.map((e) => Math.max(1, Math.floor(e)));
+    let left = total - out.reduce((a, b) => a + b, 0);
+    // The largest remainders first; among equals, the earlier.
+    const order = exact.map((_, i) => i).sort((a, b) => (exact[b] % 1) - (exact[a] % 1) || a - b);
+    for (let k = 0; left > 0; k++, left--)
+        out[order[k % out.length]]++;
+    // Each kept one, more than there was room for: the widest give it back.
+    for (; left < 0; left++) {
+        const i = out.indexOf(out.reduce((a, b) => Math.max(a, b)));
+        if (out[i] < 2)
+            break;
+        out[i]--;
+    }
+    return out;
+}
+/** The columns an arrangement lays its parts on, on a grid of `cols`: those it covers there, unless it shares one; else its own. */
+const innerOf = (part, cols) => (cols > 1 && !sharesOneCell(part) ? Math.min(spanOf(part), cols) : wideColumns(part.columns));
+/** A part made `span` wide, from a grid of `from` columns onto one of `to`: an arrangement lays its own parts on its new columns. */
+export function resize(part, span, from = TWELVE, to = TWELVE) {
+    if (!isWrapper(part))
+        return setSpan(part, span);
+    const was = innerOf(part, from);
+    setSpan(part, span);
+    // One twelfth wide with columns of its own, it would share that twelfth: it keeps to it.
+    if (span === 1 && to === TWELVE)
+        part.columns = 1;
+    relay(part.children, was, innerOf(part, to));
+}
+/** Parts laid on `from` columns, laid on `to` instead: each row shared out as it was, as wide as it was. */
+export function relay(list, from, to) {
+    if (from === to)
+        return;
+    for (const row of rowsIn(list, from)) {
+        const spans = row.items.map((p) => widthOn(p, from));
+        const next = shares(spans, Math.max(row.items.length, Math.round((row.used * to) / from)));
+        row.items.forEach((p, i) => resize(p, next[i], from, to));
+    }
+}
+/** Parts of a row widened, or narrowed, to fill `total` of a group in twelfths together, as they shared it. */
+export function fill(row, total = TWELVE) {
+    if (!row.length)
+        return;
+    const next = shares(row.map((p) => widthOn(p, TWELVE)), total);
+    row.forEach((p, i) => resize(p, next[i]));
+}
+/** Columns at each width: the widest `wide`, each narrower one as `each` says (a plain number when only the widest is given). */
+function withWide(columns, wide, each) {
+    if (typeof columns !== 'object' || (!columns.medium && !columns.narrow))
+        return wide;
+    const by = { wide: wide };
+    if (columns.medium)
+        by.medium = each(columns.medium);
+    if (columns.narrow)
+        by.narrow = each(columns.narrow);
+    return by;
+}
+/** A group of one to four columns divided in twelfths: each part, and each arrangement's parts, as wide as it was. */
+export function toTwelfths(group) {
+    const cols = wideColumns(group.columns);
+    if (cols === TWELVE)
+        return;
+    relay(group.children, cols, TWELVE);
+    // A tablet and a phone keep a row's proportions, or stack it.
+    group.columns = withWide(group.columns, TWELVE, (n) => (n > 1 ? TWELVE : n));
+}
+/**
+ * A new column inside a group, beside all its rows, as Grafloria splits a
+ * section's content: the rows go into an arrangement on half the group's
+ * tracks, keeping their shares there, and the part takes the other half.
+ * `from` is the columns the part had where it came from.
+ */
+export function columnInside(group, part, after, id, from = 1) {
+    toTwelfths(group);
+    const half = TWELVE / 2;
+    const rows = { type: 'section', id, style: 'plain', columns: half, children: group.children };
+    relay(rows.children, TWELVE, half);
+    setSpan(rows, half);
+    resize(part, half, from);
+    group.children = (after ? [rows, part] : [part, rows]);
+}
+/** A group in twelfths on one to four columns again: each part as near as wide as it was. */
+export function fromTwelfths(group, cols) {
+    relay(group.children, TWELVE, cols);
+    group.columns = withWide(group.columns, cols, (n) => (n > 1 ? cols : n));
+}
+export function besideIn(page, group, target, moving) {
+    const own = rowsOf(page, group).find((r) => r.items.includes(target));
+    if (moving && own.items.some((p) => p.id === moving))
+        return { how: 'reorder', row: own.items.filter((p) => p.id !== moving) };
+    const full = keepsFull(group);
+    // A part leaving a row that keeps gaps lets the rest move up, as the grid lays them out; a full row closes up and stays a row.
+    const row = full ? own.items : rowsOf(page, group, moving).find((r) => r.items.includes(target)).items;
+    if (row.length >= 4)
+        return { how: 'refused', why: 'rowHoldsFour' };
+    const cols = across(page, group);
+    const used = (row.reduce((n, p) => n + widthOn(p, cols), 0) * TWELVE) / cols;
+    return !full && used < TWELVE ? { how: 'room', row, span: TWELVE - used } : { how: 'divide', row };
+}
+/** A drop beside a part in a group, in the words the chip says: "between “Customer” and “Visit date” — the row in thirds". */
+export function besideWords(page, plan, target, after, words = en) {
+    const w = words.layout;
+    if (plan.how === 'refused')
+        return w[plan.why];
+    const name = (p) => words.parts.quote(nameOf(page, p, words));
+    if (plan.how === 'room')
+        return w.inRoomLeft(name(target));
+    const at = plan.row.indexOf(target) + (after ? 1 : 0);
+    const [before, next] = [plan.row[at - 1], plan.row[at]];
+    const where = before && next ? w.between(name(before), name(next)) : before ? w.atRowEnd(name(before)) : w.atRowStart(name(next));
+    return plan.how === 'divide' ? w.divided(where, plan.row.length + 1) : where;
+}
+/** The width a part takes where it lands: in or out of twelfths, as wide a share of the row as it had; new in twelfths, the whole row; else no wider than there. */
+export function landingSpan(page, part, box, from) {
+    const cols = across(page, box);
+    const here = laidInTwelfths(page, box);
+    if (!from)
+        return here ? cols : Math.min(spanOf(part), cols);
+    if (from.twelfths === here)
+        return Math.min(spanOf(part), cols);
+    return Math.max(1, Math.min(cols, Math.round((Math.min(spanOf(part), from.cols) * cols) / from.cols)));
+}
+/**
+ * Put parts in a list at a place, each as wide as `width` says. In a group
+ * that keeps its rows full, each is a row of its own, and a row they land in
+ * the middle of closes up either side of them.
+ */
+export function putAt(page, holder, index, parts, width, from = () => 1) {
+    const list = holder.children;
+    const full = inTwelfths(holder) && keepsFull(holder);
+    const split = full && index > 0 ? rowsOf(page, holder).find((r) => r.items.includes(list[index - 1]) && r.items.includes(list[index])) : undefined;
+    list.splice(index, 0, ...parts);
+    const cols = across(page, holder);
+    for (const part of parts)
+        resize(part, full ? TWELVE : width(part), from(part) ?? 1, cols);
+    if (!split)
+        return;
+    const cut = split.items.indexOf(list[index + parts.length]);
+    fill(split.items.slice(0, cut));
+    fill(split.items.slice(cut));
+}
+const FRACTIONS = [
+    [12, 'whole'],
+    [9, 'threeQuarters'],
+    [8, 'twoThirds'],
+    [6, 'half'],
+    [4, 'third'],
+    [3, 'quarter'],
+];
+/** The fractions of a row a part in twelfths is offered: in twelfths, as a short word, its label, and its name in a menu. */
+export const ROW_PARTS = rowParts(en);
+/** The same fractions, in the designer's words. */
+export function rowParts(words) {
+    return FRACTIONS.map(([span, key]) => ({ span, ...words.layout.rowParts[key] }));
+}
+/** A part's width as a share of a row of `cols` columns, in words: "half the row", "58% of the row". */
+export function rowShare(span, cols = TWELVE, words = en) {
+    const named = FRACTIONS.find(([n]) => n * cols === span * TWELVE)?.[1];
+    return named ? words.parts.shares[named] : words.parts.percentOfRow(percent(span, cols));
+}
+/** A width as a whole percentage of a row. */
+export const percent = (span, cols = TWELVE) => Math.round((Math.min(span, cols) / cols) * 100);
+/**
+ * The widths a part in a group that keeps its rows full can take: the whole
+ * row (the rest of it then a row of their own), or what leaves the rest of
+ * its row a twelfth each. A part alone in its row takes all of it.
+ */
+export function widthsFor(page, group, part) {
+    if (!keepsFull(group))
+        return () => true;
+    const rest = (rowsOf(page, group).find((r) => r.items.includes(part))?.items.length ?? 1) - 1;
+    return (span) => span === TWELVE || (rest > 0 && TWELVE - span >= rest);
+}
+//# sourceMappingURL=layout-twelfths.mjs.map

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

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

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

@@ -0,0 +1,30 @@
+import { type CanvasDrag } from './canvas-drag.mjs';
+import type { ElementFactory } from './chrome.mjs';
+import type { Designer, DesignerState } from './designer.mjs';
+/**
+ * A list page on the canvas, drawn the way the viewer draws it: the search
+ * bar with the filters that are on when it opens, the buttons for the rows
+ * chosen, and the table, filled with made-up records of the right kinds. A
+ * column is picked by a click — a bar on it moves it or takes it away — and
+ * dragged along the row to another place; a field from the toolbox is
+ * dropped between two columns, or added from the table's own "Column". A
+ * button's words are typed where it stands.
+ */
+export interface ListCanvas {
+    element: HTMLElement;
+    drag: CanvasDrag;
+    update(state: DesignerState): void;
+    /** Put the cursor in a button's words, every word selected. */
+    focusAction(id: string): void;
+    destroy(): void;
+}
+export interface ListCanvasOptions {
+    el: ElementFactory;
+    doc: Document;
+    designer: Designer;
+    /** Open the list's panel at its search and filters. */
+    more(part: 'filters'): void;
+    /** A tile from the toolbox was let go between two columns. */
+    dropTool(spec: string, index: number): void;
+}
+export declare function listCanvas(options: ListCanvasOptions): ListCanvas;

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

@@ -0,0 +1,30 @@
+import { type CanvasDrag } from './canvas-drag';
+import type { ElementFactory } from './chrome';
+import type { Designer, DesignerState } from './designer';
+/**
+ * A list page on the canvas, drawn the way the viewer draws it: the search
+ * bar with the filters that are on when it opens, the buttons for the rows
+ * chosen, and the table, filled with made-up records of the right kinds. A
+ * column is picked by a click — a bar on it moves it or takes it away — and
+ * dragged along the row to another place; a field from the toolbox is
+ * dropped between two columns, or added from the table's own "Column". A
+ * button's words are typed where it stands.
+ */
+export interface ListCanvas {
+    element: HTMLElement;
+    drag: CanvasDrag;
+    update(state: DesignerState): void;
+    /** Put the cursor in a button's words, every word selected. */
+    focusAction(id: string): void;
+    destroy(): void;
+}
+export interface ListCanvasOptions {
+    el: ElementFactory;
+    doc: Document;
+    designer: Designer;
+    /** Open the list's panel at its search and filters. */
+    more(part: 'filters'): void;
+    /** A tile from the toolbox was let go between two columns. */
+    dropTool(spec: string, index: number): void;
+}
+export declare function listCanvas(options: ListCanvasOptions): ListCanvas;

package/src/lib/list-canvas.js

@@ -0,0 +1,224 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.listCanvas = listCanvas;
+const viewer_1 = require("@fieldia/viewer");
+const widgets_1 = require("@fieldia/widgets");
+const canvas_drag_1 = require("./canvas-drag");
+const chrome_language_1 = require("./chrome-language");
+const icons_1 = require("./icons");
+const kinds_1 = require("./kinds");
+const list_commands_1 = require("./list-commands");
+const menu_1 = require("./menu");
+const samples_1 = require("./samples");
+const steps_marks_1 = require("./steps-marks");
+/** Numbers line up on the end of their column, as the viewer lines them up. */
+const NUMBERS = new Set(['integer', 'float', 'monetary']);
+/** Rows of made-up records drawn, and how many the made-up list holds. */
+const ROWS = 5;
+const TOTAL = 128;
+function listCanvas(options) {
+    const { el, doc, designer } = options;
+    const w = designer.words.list;
+    (0, viewer_1.installListStyles)(doc);
+    /** What the viewer itself says on the list — its search box, its pager, the rows chosen — in the page's language, as the form will. */
+    const viewerWords = (page) => viewer_1.VIEWER_LABELS[(0, chrome_language_1.pageLocale)(page)];
+    // ---- the search bar and the pager ----------------------------------------------------
+    const facets = el('span', { class: 'fd-facets' });
+    const searchWords = el('span', { class: 'fd-search-placeholder' });
+    const search = el('div', { class: 'fd-search fd-canvas-search', role: 'button', tabindex: '0', 'aria-label': w.searchAndFilters, title: w.searchTitle }, el('div', { class: 'fd-search-field' }, (0, icons_1.designerIcon)(doc, 'search'), facets, searchWords));
+    const openFilters = () => {
+        designer.select(null);
+        options.more('filters');
+    };
+    search.addEventListener('click', openFilters);
+    search.addEventListener('keydown', (event) => {
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            openFilters();
+        }
+    });
+    const pagerText = el('span', { class: 'fd-pager-text' });
+    const step = (text) => el('button', { type: 'button', class: 'fd-button fd-pager-button', tabindex: '-1', 'aria-hidden': 'true', disabled: '' }, text);
+    const bar = el('div', { class: 'fd-list-bar' }, search, el('div', { class: 'fd-pager' }, pagerText, step('‹'), step('›')));
+    // ---- the buttons for the rows chosen -----------------------------------------------------
+    const actions = el('div', { class: 'fd-canvas-list-actions' });
+    const chosen = el('span', { class: 'fd-list-count' });
+    const addAction = el('button', { type: 'button', class: 'fd-canvas-add-part', 'data-add-part': 'action' }, (0, icons_1.designerIcon)(doc, 'plus'), w.addButton);
+    addAction.addEventListener('click', () => {
+        const created = designer.addListAction(designer.words.defaults.newButton);
+        if (created)
+            focusAction(created);
+    });
+    const selection = el('div', { class: 'fd-list-selection fd-canvas-selection' }, chosen, el('span', { class: 'fd-canvas-selection-hint' }, w.showsWhenChosen), actions, addAction);
+    const views = new Map();
+    function closedAction(action) {
+        const button = el('button', { type: 'button', class: `fd-button fd-button-${action.style ?? 'secondary'} fd-canvas-part`, 'data-part': action.id }, action.label);
+        button.addEventListener('click', () => {
+            designer.select(action.id);
+            focusAction(action.id, false);
+        });
+        return button;
+    }
+    function openAction(action) {
+        const input = el('input', { class: 'fd-part-input', 'aria-label': w.words, autocomplete: 'off', size: String(Math.max(4, action.label.length + 1)) });
+        input.addEventListener('input', () => {
+            input.size = Math.max(4, input.value.length + 1);
+            designer.updateListAction(action.id, { label: input.value });
+        });
+        input.addEventListener('keydown', (event) => {
+            if (event.key === 'Enter') {
+                event.preventDefault();
+                input.blur();
+            }
+        });
+        const remove = el('button', { type: 'button', class: 'fd-bar-button', 'aria-label': w.delete, title: w.delete }, (0, icons_1.designerIcon)(doc, 'delete'));
+        remove.addEventListener('click', () => designer.removeListAction(action.id));
+        const tools = el('div', { class: 'fd-field-bar fd-part-bar', role: 'toolbar', 'aria-label': action.label }, remove);
+        const element = el('span', { class: `fd-button fd-button-${action.style ?? 'secondary'} fd-canvas-part fd-editing`, 'data-part': action.id }, tools, input);
+        return { element, key: '', input };
+    }
+    function drawActions(list, selected) {
+        const live = new Set();
+        const drawn = (list.actions ?? []).map((action) => {
+            live.add(action.id);
+            const editing = selected === action.id;
+            const key = `${editing}:${JSON.stringify(action)}`;
+            let view = views.get(action.id);
+            // The button being typed in stays the same box, focused.
+            if (!(view && (editing ? view.input !== null : view.key === key))) {
+                view = editing ? openAction(action) : { element: closedAction(action), key, input: null };
+                views.set(action.id, view);
+            }
+            view.key = key;
+            if (view.input && doc.activeElement !== view.input)
+                view.input.value = action.label;
+            if (view.input)
+                view.element.className = `fd-button fd-button-${action.style ?? 'secondary'} fd-canvas-part fd-editing`;
+            return view.element;
+        });
+        drawn.forEach((child, index) => {
+            if (actions.children[index] !== child)
+                actions.insertBefore(child, actions.children[index] ?? null);
+        });
+        while (actions.children.length > drawn.length)
+            actions.lastElementChild?.remove();
+        for (const id of [...views.keys()])
+            if (!live.has(id))
+                views.delete(id);
+    }
+    function focusAction(id, selectAll = true) {
+        const input = views.get(id)?.input;
+        if (!input)
+            return;
+        input.focus();
+        if (selectAll)
+            input.select();
+        else
+            input.setSelectionRange(input.value.length, input.value.length);
+    }
+    // ---- the table ------------------------------------------------------------------------------
+    const table = el('table', { class: 'fd-list-table' });
+    const scroll = el('div', { class: 'fd-list-scroll fd-canvas-list-scroll', 'data-drop-section': 'columns', 'data-drop-flow': 'row' }, table);
+    let tableKey = '';
+    function addColumnMenu(anchor) {
+        const page = designer.getPage();
+        const columns = page.layout.columns;
+        const own = Object.entries(page.fields)
+            .filter(([name]) => !columns.includes(name))
+            .map(([name, field]) => ({ name, field }));
+        const choices = [...own, ...designer.modelFields()].filter(({ field }) => (0, list_commands_1.canBeColumn)(field));
+        (0, menu_1.openMenu)({
+            el,
+            anchor,
+            title: w.addColumn,
+            items: choices.map(({ name, field }) => ({ id: name, label: field.label, icon: (0, kinds_1.kindOfField)(field, { type: 'field', id: name, field: name }) ?? 'short-answer' })),
+            note: w.addColumnNote(choices.length > 0),
+            onPick: (name) => designer.addColumn(name),
+        });
+    }
+    function columnBar(name, index, count) {
+        const tool = (label, icon, run) => {
+            const button = el('button', { type: 'button', class: 'fd-bar-button', 'aria-label': label, title: label }, (0, icons_1.designerIcon)(doc, icon));
+            button.addEventListener('click', (event) => {
+                event.stopPropagation();
+                run();
+            });
+            return button;
+        };
+        return el('div', { class: 'fd-field-bar fd-column-bar', role: 'toolbar', 'aria-label': w.column }, ...(index > 0 ? [tool(w.moveLeft, 'left', () => designer.moveColumn(name, index - 1))] : []), ...(index < count - 1 ? [tool(w.moveRight, 'right', () => designer.moveColumn(name, index + 1))] : []), tool(w.removeColumn, 'delete', () => designer.removeColumn(name)));
+    }
+    function drawTable(page, list, selected) {
+        const key = JSON.stringify([list.columns, list.sort?.[0], list.columns.map((name) => page.fields[name]), selected]);
+        if (key === tableKey)
+            return;
+        tableKey = key;
+        const box = () => el('input', { type: 'checkbox', class: 'fd-list-checkbox', tabindex: '-1', 'aria-hidden': 'true', disabled: '' });
+        const order = list.sort?.[0];
+        const heads = list.columns.map((name, index) => {
+            const def = page.fields[name];
+            const picked = selected === (0, list_commands_1.columnId)(name);
+            const th = el('th', { scope: 'col', 'data-node': name, tabindex: '0', class: ['fd-canvas-column', NUMBERS.has(def.type) ? 'fd-num' : '', picked ? 'fd-picked' : ''].filter(Boolean).join(' ') }, el('span', { class: 'fd-list-sort' }, def.label));
+            if (order?.field === name)
+                th.setAttribute('aria-sort', order.desc ? 'descending' : 'ascending');
+            if (picked)
+                th.append(columnBar(name, index, list.columns.length));
+            const pick = () => designer.select((0, list_commands_1.columnId)(name));
+            th.addEventListener('click', pick);
+            th.addEventListener('keydown', (event) => {
+                if (event.target === th && (event.key === 'Enter' || event.key === ' ')) {
+                    event.preventDefault();
+                    pick();
+                }
+            });
+            return th;
+        });
+        const add = el('button', { type: 'button', class: 'fd-canvas-add-part', 'aria-label': w.addColumn, title: w.addColumn }, (0, icons_1.designerIcon)(doc, 'plus'), w.column);
+        add.addEventListener('click', () => addColumnMenu(add));
+        const rows = (0, samples_1.sampleRows)(page.fields, list.columns, ROWS).map((values) => el('tr', { class: 'fd-list-row' }, el('td', { class: 'fd-list-check' }, box()), ...list.columns.map((name) => {
+            const td = el('td', { 'data-node': name, class: [NUMBERS.has(page.fields[name].type) ? 'fd-num' : '', selected === (0, list_commands_1.columnId)(name) ? 'fd-picked' : ''].filter(Boolean).join(' ') || undefined });
+            td.textContent = (0, widgets_1.displayValue)(page.fields[name], values[name], values);
+            td.addEventListener('click', () => designer.select((0, list_commands_1.columnId)(name)));
+            return td;
+        }), el('td', { class: 'fd-canvas-add-column' })));
+        table.replaceChildren(el('thead', {}, el('tr', {}, el('th', { class: 'fd-list-check', scope: 'col' }, box()), ...heads, el('th', { class: 'fd-canvas-add-column' }, add))), el('tbody', {}, ...rows));
+    }
+    const element = el('div', { class: 'fd-canvas fd-list-canvas' }, el('div', { class: 'fd-list' }, bar, selection, scroll));
+    const drag = (0, canvas_drag_1.canvasDrag)({
+        words: designer.words,
+        canvas: element,
+        cards: '.fd-list-table th[data-node]',
+        drop(source, _section, index) {
+            if ('node' in source)
+                designer.moveColumn(source.node, index);
+            else
+                options.dropTool(source.tool, index);
+        },
+    });
+    return {
+        element,
+        drag,
+        focusAction,
+        update(state) {
+            const { page, selected } = state;
+            if (page.layout.type !== 'list')
+                return;
+            const list = page.layout;
+            const on = new Set(list.defaultFilters ?? []);
+            facets.replaceChildren(...(list.filters ?? []).filter((f) => on.has(f.id)).map((f) => el('span', { class: 'fd-facet' }, el('span', { class: 'fd-facet-text' }, f.label))));
+            const size = list.pageSize ?? 40;
+            const said = viewerWords(page);
+            searchWords.textContent = said.search;
+            chosen.textContent = said.selected.replace('{n}', '2');
+            pagerText.textContent = said.range.replace('{from}', '1').replace('{to}', String(Math.min(size, TOTAL))).replace('{total}', String(TOTAL));
+            drawActions(list, selected);
+            // steps lane: a button that does something wears a mark.
+            (0, steps_marks_1.pressMarks)(actions, page, designer);
+            drawTable(page, list, selected);
+        },
+        destroy() {
+            drag.destroy();
+            views.clear();
+        },
+    };
+}
+//# sourceMappingURL=list-canvas.js.map

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

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