@fieldia/designer 0.0.0-stage → 0.12.0

package/src/lib/layout-twelfths.js

@@ -0,0 +1,233 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.percent = exports.ROW_PARTS = exports.keepsFull = exports.twelfthsAhead = exports.inTwelfths = exports.isGroup = exports.TWELVE = void 0;
+exports.laidInTwelfths = laidInTwelfths;
+exports.shares = shares;
+exports.resize = resize;
+exports.relay = relay;
+exports.fill = fill;
+exports.toTwelfths = toTwelfths;
+exports.columnInside = columnInside;
+exports.fromTwelfths = fromTwelfths;
+exports.besideIn = besideIn;
+exports.besideWords = besideWords;
+exports.landingSpan = landingSpan;
+exports.putAt = putAt;
+exports.rowParts = rowParts;
+exports.rowShare = rowShare;
+exports.widthsFor = widthsFor;
+const core_1 = require("@fieldia/core");
+const en_1 = require("./locales/en");
+const layout_tree_1 = require("./layout-tree");
+/**
+ * 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.
+ */
+exports.TWELVE = 12;
+/** A group: a section with columns of its own — titled, or drawn — not an arrangement laying parts out. */
+const isGroup = (node) => (0, layout_tree_1.isSection)(node) && !(0, layout_tree_1.isWrapper)(node);
+exports.isGroup = isGroup;
+/** A group whose rows divide in twelfths. */
+const inTwelfths = (node) => (0, exports.isGroup)(node) && (0, core_1.wideColumns)(node.columns) === exports.TWELVE;
+exports.inTwelfths = inTwelfths;
+/** A group in twelfths, or one of one to four columns that a gesture divides in twelfths. */
+const twelfthsAhead = (node) => (0, exports.isGroup)(node) && ((0, core_1.wideColumns)(node.columns) <= 4 || (0, exports.inTwelfths)(node));
+exports.twelfthsAhead = twelfthsAhead;
+/** Whether a group keeps each row full, the default, rather than leaving gaps. */
+const keepsFull = (group) => group.rows !== 'gaps';
+exports.keepsFull = keepsFull;
+/** Whether a holder lays its parts in twelfths: a group in twelfths, or an arrangement on one's columns. */
+function laidInTwelfths(page, holder) {
+    if ((0, exports.inTwelfths)(holder))
+        return true;
+    return (0, layout_tree_1.isSection)(holder) && (0, layout_tree_1.onTracks)(page, holder) && laidInTwelfths(page, (0, layout_tree_1.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((0, layout_tree_1.spanOf)(part), cols));
+/** Widths scaled to add up to `total`, in whole columns: the largest remainders round up, and each keeps one at least. */
+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 && !(0, layout_tree_1.sharesOneCell)(part) ? Math.min((0, layout_tree_1.spanOf)(part), cols) : (0, core_1.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. */
+function resize(part, span, from = exports.TWELVE, to = exports.TWELVE) {
+    if (!(0, layout_tree_1.isWrapper)(part))
+        return (0, layout_tree_1.setSpan)(part, span);
+    const was = innerOf(part, from);
+    (0, layout_tree_1.setSpan)(part, span);
+    // One twelfth wide with columns of its own, it would share that twelfth: it keeps to it.
+    if (span === 1 && to === exports.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. */
+function relay(list, from, to) {
+    if (from === to)
+        return;
+    for (const row of (0, layout_tree_1.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. */
+function fill(row, total = exports.TWELVE) {
+    if (!row.length)
+        return;
+    const next = shares(row.map((p) => widthOn(p, exports.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. */
+function toTwelfths(group) {
+    const cols = (0, core_1.wideColumns)(group.columns);
+    if (cols === exports.TWELVE)
+        return;
+    relay(group.children, cols, exports.TWELVE);
+    // A tablet and a phone keep a row's proportions, or stack it.
+    group.columns = withWide(group.columns, exports.TWELVE, (n) => (n > 1 ? exports.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.
+ */
+function columnInside(group, part, after, id, from = 1) {
+    toTwelfths(group);
+    const half = exports.TWELVE / 2;
+    const rows = { type: 'section', id, style: 'plain', columns: half, children: group.children };
+    relay(rows.children, exports.TWELVE, half);
+    (0, layout_tree_1.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. */
+function fromTwelfths(group, cols) {
+    relay(group.children, exports.TWELVE, cols);
+    group.columns = withWide(group.columns, cols, (n) => (n > 1 ? cols : n));
+}
+function besideIn(page, group, target, moving) {
+    const own = (0, layout_tree_1.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 = (0, exports.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 : (0, layout_tree_1.rowsOf)(page, group, moving).find((r) => r.items.includes(target)).items;
+    if (row.length >= 4)
+        return { how: 'refused', why: 'rowHoldsFour' };
+    const cols = (0, layout_tree_1.across)(page, group);
+    const used = (row.reduce((n, p) => n + widthOn(p, cols), 0) * exports.TWELVE) / cols;
+    return !full && used < exports.TWELVE ? { how: 'room', row, span: exports.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". */
+function besideWords(page, plan, target, after, words = en_1.en) {
+    const w = words.layout;
+    if (plan.how === 'refused')
+        return w[plan.why];
+    const name = (p) => words.parts.quote((0, layout_tree_1.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. */
+function landingSpan(page, part, box, from) {
+    const cols = (0, layout_tree_1.across)(page, box);
+    const here = laidInTwelfths(page, box);
+    if (!from)
+        return here ? cols : Math.min((0, layout_tree_1.spanOf)(part), cols);
+    if (from.twelfths === here)
+        return Math.min((0, layout_tree_1.spanOf)(part), cols);
+    return Math.max(1, Math.min(cols, Math.round((Math.min((0, layout_tree_1.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.
+ */
+function putAt(page, holder, index, parts, width, from = () => 1) {
+    const list = holder.children;
+    const full = (0, exports.inTwelfths)(holder) && (0, exports.keepsFull)(holder);
+    const split = full && index > 0 ? (0, layout_tree_1.rowsOf)(page, holder).find((r) => r.items.includes(list[index - 1]) && r.items.includes(list[index])) : undefined;
+    list.splice(index, 0, ...parts);
+    const cols = (0, layout_tree_1.across)(page, holder);
+    for (const part of parts)
+        resize(part, full ? exports.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. */
+exports.ROW_PARTS = rowParts(en_1.en);
+/** The same fractions, in the designer's words. */
+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". */
+function rowShare(span, cols = exports.TWELVE, words = en_1.en) {
+    const named = FRACTIONS.find(([n]) => n * cols === span * exports.TWELVE)?.[1];
+    return named ? words.parts.shares[named] : words.parts.percentOfRow((0, exports.percent)(span, cols));
+}
+/** A width as a whole percentage of a row. */
+const percent = (span, cols = exports.TWELVE) => Math.round((Math.min(span, cols) / cols) * 100);
+exports.percent = percent;
+/**
+ * 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.
+ */
+function widthsFor(page, group, part) {
+    if (!(0, exports.keepsFull)(group))
+        return () => true;
+    const rest = ((0, layout_tree_1.rowsOf)(page, group).find((r) => r.items.includes(part))?.items.length ?? 1) - 1;
+    return (span) => span === exports.TWELVE || (rest > 0 && exports.TWELVE - span >= rest);
+}
+//# sourceMappingURL=layout-twelfths.js.map

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

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

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":"AAAA,OAAO,EAAE,WAAW,EAAsE,MAAM,eAAe,CAAC;AAEhH,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,EAAoC,MAAM,eAAe,CAAC;AAEzK;;;;;;;;;;;;GAYG;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG,EAAE,CAAC;AAEzB,2GAA2G;AAC3G,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,IAAa,EAAuB,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;AACnG,6CAA6C;AAC7C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,IAAa,EAAuB,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,MAAM,CAAC;AACxH,6FAA6F;AAC7F,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAa,EAAuB,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;AAC3I,kFAAkF;AAClF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAkB,EAAW,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC;AAEhF,4GAA4G;AAC5G,MAAM,UAAU,cAAc,CAAC,IAAU,EAAE,MAAwC;IACjF,IAAI,UAAU,CAAC,MAAM,CAAC;QAAE,OAAO,IAAI,CAAC;IACpC,OAAO,SAAS,CAAC,MAAM,CAAC,IAAI,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,cAAc,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;AAC9G,CAAC;AAED,gFAAgF;AAChF,MAAM,OAAO,GAAG,CAAC,IAAU,EAAE,IAAY,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;AAE9G,0HAA0H;AAC1H,MAAM,UAAU,MAAM,CAAC,KAAe,EAAE,KAAa;IACnD,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAC7C,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC;IAClD,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACzD,IAAI,IAAI,GAAG,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAClD,2DAA2D;IAC3D,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;IAC9F,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE;QAAE,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;IACpE,wEAAwE;IACxE,OAAO,IAAI,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC;QACxB,MAAM,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5D,IAAI,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;YAAE,MAAM;QACtB,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IACX,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED,oIAAoI;AACpI,MAAM,OAAO,GAAG,CAAC,IAAiB,EAAE,IAAY,EAAE,EAAE,CAAC,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;AAEnJ,qIAAqI;AACrI,MAAM,UAAU,MAAM,CAAC,IAAU,EAAE,IAAY,EAAE,IAAI,GAAG,MAAM,EAAE,EAAE,GAAG,MAAM;IACzE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;QAAE,OAAO,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACjD,MAAM,GAAG,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAChC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACpB,yFAAyF;IACzF,IAAI,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,MAAM;QAAE,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC;IAClD,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;AAC/C,CAAC;AAED,4GAA4G;AAC5G,MAAM,UAAU,KAAK,CAAC,IAAY,EAAE,IAAY,EAAE,EAAU;IAC1D,IAAI,IAAI,KAAK,EAAE;QAAE,OAAO;IACxB,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;QACrC,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;QACrD,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QAC3F,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;IAC5D,CAAC;AACH,CAAC;AAED,+GAA+G;AAC/G,MAAM,UAAU,IAAI,CAAC,GAAW,EAAE,KAAK,GAAG,MAAM;IAC9C,IAAI,CAAC,GAAG,CAAC,MAAM;QAAE,OAAO;IACxB,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IAC/D,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAC5C,CAAC;AAED,iIAAiI;AACjI,SAAS,QAAQ,CAAC,OAA+B,EAAE,IAAY,EAAE,IAA2B;IAC1F,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;QAAE,OAAO,IAAmB,CAAC;IACpG,MAAM,EAAE,GAAmB,EAAE,IAAI,EAAE,IAAmB,EAAE,CAAC;IACzD,IAAI,OAAO,CAAC,MAAM;QAAE,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAgB,CAAC;IACpE,IAAI,OAAO,CAAC,MAAM;QAAE,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAgB,CAAC;IACpE,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,sHAAsH;AACtH,MAAM,UAAU,UAAU,CAAC,KAAkB;IAC3C,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACxC,IAAI,IAAI,KAAK,MAAM;QAAE,OAAO;IAC5B,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;IACpC,8DAA8D;IAC9D,KAAK,CAAC,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAC/E,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,KAAkB,EAAE,IAAU,EAAE,KAAc,EAAE,EAAU,EAAE,IAAI,GAAG,CAAC;IAC/F,UAAU,CAAC,KAAK,CAAC,CAAC;IAClB,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,CAAC;IACxB,MAAM,IAAI,GAAgB,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,IAAmB,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC;IAC1H,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;IACnC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACpB,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IACzB,KAAK,CAAC,QAAQ,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAA4B,CAAC;AACpF,CAAC;AAED,6FAA6F;AAC7F,MAAM,UAAU,YAAY,CAAC,KAAkB,EAAE,IAAY;IAC3D,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;IACpC,KAAK,CAAC,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAC3E,CAAC;AAUD,MAAM,UAAU,QAAQ,CAAC,IAAU,EAAE,KAAkB,EAAE,MAAY,EAAE,MAAe;IACpF,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAQ,CAAC;IAC7E,IAAI,MAAM,IAAI,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC;QAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,CAAC;IAC/H,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAC9B,+HAA+H;IAC/H,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAE,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAS,CAAC,KAAK,CAAC;IAChH,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC;QAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,cAAc,EAAE,CAAC;IACpE,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACjC,MAAM,IAAI,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG,IAAI,CAAC;IAC7E,OAAO,CAAC,IAAI,IAAI,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC;AACrG,CAAC;AAGD,8HAA8H;AAC9H,MAAM,UAAU,WAAW,CAAC,IAAU,EAAE,IAAY,EAAE,MAAY,EAAE,KAAc,EAAE,QAAuB,EAAE;IAC3G,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC;IACvB,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS;QAAE,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC/C,MAAM,IAAI,GAAG,CAAC,CAAO,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;IACpE,IAAI,IAAI,CAAC,GAAG,KAAK,MAAM;QAAE,OAAO,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3D,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IACxD,MAAM,KAAK,GAAG,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAClI,OAAO,IAAI,CAAC,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;AAC/E,CAAC;AAED,oKAAoK;AACpK,MAAM,UAAU,WAAW,CAAC,IAAU,EAAE,IAAU,EAAE,GAAW,EAAE,IAA0C;IACzG,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAC/B,MAAM,IAAI,GAAG,cAAc,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IACvC,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;IAC7D,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;IAChE,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AACzG,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,KAAK,CAAC,IAAU,EAAE,MAAc,EAAE,KAAa,EAAE,KAAa,EAAE,KAA6B,EAAE,OAA2C,GAAG,EAAE,CAAC,CAAC;IAC/J,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC;IAC7B,MAAM,IAAI,GAAG,UAAU,CAAC,MAAM,CAAC,IAAI,SAAS,CAAC,MAAM,CAAC,CAAC;IACrD,MAAM,KAAK,GAAG,IAAI,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACnJ,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC,CAAC;IAChC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAClC,KAAK,MAAM,IAAI,IAAI,KAAK;QAAE,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;IAC3F,IAAI,CAAC,KAAK;QAAE,OAAO;IACnB,MAAM,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAC5D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;IAChC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;AAC/B,CAAC;AAED,MAAM,SAAS,GAAuD;IACpE,CAAC,EAAE,EAAE,OAAO,CAAC;IACb,CAAC,CAAC,EAAE,eAAe,CAAC;IACpB,CAAC,CAAC,EAAE,WAAW,CAAC;IAChB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,OAAO,CAAC;IACZ,CAAC,CAAC,EAAE,SAAS,CAAC;CACf,CAAC;AAEF,6HAA6H;AAC7H,MAAM,CAAC,MAAM,SAAS,GAAmE,QAAQ,CAAC,EAAE,CAAC,CAAC;AAEtG,mDAAmD;AACnD,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;AACnF,CAAC;AAED,wGAAwG;AACxG,MAAM,UAAU,QAAQ,CAAC,IAAY,EAAE,IAAI,GAAG,MAAM,EAAE,QAAuB,EAAE;IAC7E,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,KAAK,IAAI,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACvE,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;AAC3F,CAAC;AAED,8CAA8C;AAC9C,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,IAAY,EAAE,IAAI,GAAG,MAAM,EAAU,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC;AAEhH;;;;GAIG;AACH,MAAM,UAAU,SAAS,CAAC,IAAU,EAAE,KAAkB,EAAE,IAAU;IAClE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;QAAE,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC;IACzC,MAAM,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IAC9F,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,MAAM,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,MAAM,GAAG,IAAI,IAAI,IAAI,CAAC,CAAC;AAC1E,CAAC"}

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;