@fieldia/designer 0.0.0-stage → 0.12.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"canvas-icons.mjs","sourceRoot":"","sources":["../../../../../libs/designer/src/lib/canvas-icons.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,MAAM,GAA2B;IACrC,KAAK,EAAE,sEAAsE;IAC7E,IAAI,EAAE,uGAAuG;IAC7G,IAAI,EAAE,0EAA0E;IAChF,OAAO,EAAE,qCAAqC;IAC9C,IAAI,EAAE,oCAAoC;IAC1C,OAAO,EAAE,+DAA+D;IACxE,MAAM,EAAE,oDAAoD;IAC5D,KAAK,EAAE,6GAA6G;IACpH,MAAM,EAAE,qEAAqE;IAC7E,IAAI,EAAE,oGAAoG;CAC3G,CAAC;AAEF,MAAM,UAAU,SAAS,CAAC,GAAa,EAAE,IAAY;IACnD,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,4BAA4B,EAAE,KAAK,CAAC,CAAC;IACrE,GAAG,CAAC,YAAY,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IACzC,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IACtC,GAAG,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IACxC,GAAG,CAAC,YAAY,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;IACvC,kEAAkE;IAClE,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC;IAChD,OAAO,GAAG,CAAC;AACb,CAAC"}

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

@@ -0,0 +1,46 @@
+import type { Page } from '@fieldia/core';
+import type { ElementFactory } from './chrome.mjs';
+import type { Designer } from './designer.mjs';
+import type { Drop } from './layout-ops.mjs';
+import type { DesignerWords } from './designer-words.mjs';
+/**
+ * Moving parts on the Advanced canvas from the keyboard, as a drag would:
+ *
+ *  Alt+↑ / Alt+↓       before or after the part next to it, as it is — out of
+ *                      an arrangement at its edge, no further than its group;
+ *  Alt+← / Alt+→       beside the part before or after it (mirrored right to left);
+ *  Alt+Shift+← / →     a column narrower or wider — in twelfths, a twelfth —
+ *                      (mirrored right to left);
+ *
+ * and with what is picked: ⌘G puts it in a group, ⌘⇧G ungroups, ⌘D copies,
+ * Delete takes it off the page, Escape puts it down. Each move is said in a
+ * polite live region, in the words a drop's chip says.
+ */
+export type KeyMove = {
+    drop: Drop;
+} | {
+    span: number;
+} | {
+    said: string;
+} | null;
+/** What a key does to a part: a drop, a width, or words saying why nothing. */
+export declare function keyMove(page: Page, id: string, key: {
+    key: string;
+    altKey: boolean;
+    shiftKey: boolean;
+}, rtl: boolean, words?: DesignerWords): KeyMove;
+export interface CanvasKeys {
+    /** The live region, and the help that lists the keys: for the canvas to hold. */
+    said: HTMLElement;
+    help: HTMLElement;
+    /** Do what a key says, when it says something on the Advanced canvas; whether it did. */
+    handle(event: KeyboardEvent): boolean;
+    say(words: string): void;
+}
+/** The keys of Advanced's canvas, as the sheet of shortcuts lists them (in the designer's words: `words.canvas.keys`). */
+export declare const KEYS: [string, string][];
+export declare function canvasKeys(options: {
+    el: ElementFactory;
+    designer: Designer;
+    rtl(): boolean;
+}): CanvasKeys;

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

@@ -0,0 +1,46 @@
+import type { Page } from '@fieldia/core';
+import type { ElementFactory } from './chrome';
+import type { Designer } from './designer';
+import type { Drop } from './layout-ops';
+import type { DesignerWords } from './designer-words';
+/**
+ * Moving parts on the Advanced canvas from the keyboard, as a drag would:
+ *
+ *  Alt+↑ / Alt+↓       before or after the part next to it, as it is — out of
+ *                      an arrangement at its edge, no further than its group;
+ *  Alt+← / Alt+→       beside the part before or after it (mirrored right to left);
+ *  Alt+Shift+← / →     a column narrower or wider — in twelfths, a twelfth —
+ *                      (mirrored right to left);
+ *
+ * and with what is picked: ⌘G puts it in a group, ⌘⇧G ungroups, ⌘D copies,
+ * Delete takes it off the page, Escape puts it down. Each move is said in a
+ * polite live region, in the words a drop's chip says.
+ */
+export type KeyMove = {
+    drop: Drop;
+} | {
+    span: number;
+} | {
+    said: string;
+} | null;
+/** What a key does to a part: a drop, a width, or words saying why nothing. */
+export declare function keyMove(page: Page, id: string, key: {
+    key: string;
+    altKey: boolean;
+    shiftKey: boolean;
+}, rtl: boolean, words?: DesignerWords): KeyMove;
+export interface CanvasKeys {
+    /** The live region, and the help that lists the keys: for the canvas to hold. */
+    said: HTMLElement;
+    help: HTMLElement;
+    /** Do what a key says, when it says something on the Advanced canvas; whether it did. */
+    handle(event: KeyboardEvent): boolean;
+    say(words: string): void;
+}
+/** The keys of Advanced's canvas, as the sheet of shortcuts lists them (in the designer's words: `words.canvas.keys`). */
+export declare const KEYS: [string, string][];
+export declare function canvasKeys(options: {
+    el: ElementFactory;
+    designer: Designer;
+    rtl(): boolean;
+}): CanvasKeys;

package/src/lib/canvas-keys.js

@@ -0,0 +1,114 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KEYS = void 0;
+exports.keyMove = keyMove;
+exports.canvasKeys = canvasKeys;
+const layout_tree_1 = require("./layout-tree");
+const layout_twelfths_1 = require("./layout-twelfths");
+const en_1 = require("./locales/en");
+/** What a key does to a part: a drop, a width, or words saying why nothing. */
+function keyMove(page, id, key, rtl, words = en_1.en) {
+    if (!key.altKey)
+        return null;
+    const at = (0, layout_tree_1.locate)(page, id);
+    if (!at || at.node.type === 'tab')
+        return null;
+    const { list, index, parent } = at;
+    if (key.key === 'ArrowUp' || key.key === 'ArrowDown') {
+        if (key.shiftKey)
+            return null;
+        const down = key.key === 'ArrowDown';
+        if (down ? index < list.length - 1 : index > 0)
+            return { drop: { how: 'at', container: parent.id, index: index + (down ? 1 : -1) } };
+        // At the edge of an arrangement — there only to lay parts out — it steps out of it.
+        const outer = (0, layout_tree_1.isWrapper)(parent) ? (0, layout_tree_1.locate)(page, parent.id) : null;
+        if (outer)
+            return { drop: { how: 'at', container: outer.parent.id, index: outer.index + (down ? 1 : 0) } };
+        return { said: words.refusals.cannotMoveFurther };
+    }
+    if (key.key !== 'ArrowLeft' && key.key !== 'ArrowRight')
+        return null;
+    const forward = (key.key === 'ArrowRight') !== rtl;
+    if (key.shiftKey) {
+        const span = (0, layout_tree_1.spanOf)(at.node) + (forward ? 1 : -1);
+        return span < 1 ? { said: (0, layout_twelfths_1.laidInTwelfths)(page, parent) ? words.canvas.twelfthAlready : words.canvas.oneColumnAlready } : { span };
+    }
+    const beside = list[index + (forward ? 1 : -1)];
+    if (!beside)
+        return { said: words.canvas.nothingThatWay };
+    return { drop: { how: 'beside', target: beside.id, after: forward } };
+}
+/** A width said aloud: a fraction of the row in twelfths, else so many columns. */
+function widthWords(page, id, span, words) {
+    const parent = (0, layout_tree_1.locate)(page, id)?.parent;
+    return parent && (0, layout_twelfths_1.laidInTwelfths)(page, parent) ? (0, layout_twelfths_1.rowShare)(span, (0, layout_tree_1.across)(page, parent), words) : words.canvas.columnsWide(span);
+}
+/** The keys of Advanced's canvas, as the sheet of shortcuts lists them (in the designer's words: `words.canvas.keys`). */
+exports.KEYS = en_1.en.canvas.keys;
+function canvasKeys(options) {
+    const { el, designer } = options;
+    const w = designer.words.canvas;
+    const said = el('div', { class: 'fd-canvas-said', role: 'status', 'aria-live': 'polite' });
+    const list = el('dl', { class: 'fd-canvas-keys', id: 'fd-canvas-keys', hidden: '' }, ...w.keys.flatMap(([key, what]) => [el('dt', {}, key), el('dd', {}, what)]));
+    const toggle = el('button', { type: 'button', class: 'fd-canvas-help-button', 'aria-label': w.keysTitle, title: w.keysTitle, 'aria-expanded': 'false', 'aria-controls': 'fd-canvas-keys' }, '?');
+    const open = (on) => {
+        list.hidden = !on;
+        toggle.setAttribute('aria-expanded', String(on));
+    };
+    toggle.addEventListener('click', () => open(list.hidden));
+    const help = el('div', { class: 'fd-canvas-help' }, toggle, list);
+    const say = (words) => {
+        said.textContent = words;
+    };
+    function handle(event) {
+        const state = designer.getState();
+        const mod = event.metaKey || event.ctrlKey;
+        const key = event.key.toLowerCase();
+        if (event.key === '?' && !mod) {
+            open(list.hidden);
+            return true;
+        }
+        if (!state.picked.length)
+            return false;
+        // Only the layout's parts are the canvas's to move: a header's buttons, a list's columns have keys of their own.
+        if (!state.picked.every((id) => (0, layout_tree_1.locate)(state.page, id)))
+            return false;
+        if (mod && key === 'g') {
+            if (event.shiftKey)
+                designer.ungroup(state.selected);
+            else
+                designer.wrap(state.picked, 'group');
+            say(designer.getState().issues[0] ?? (event.shiftKey ? w.ungrouped : w.grouped(state.picked.length)));
+            return true;
+        }
+        if (mod && key === 'd') {
+            designer.duplicate(state.picked);
+            say(w.copied(state.picked.length));
+            return true;
+        }
+        if (event.key === 'Delete' || event.key === 'Backspace') {
+            designer.remove(state.picked);
+            say(designer.getState().issues[0] ?? w.tookOff(state.picked.length));
+            return true;
+        }
+        if (state.picked.length !== 1 || !state.selected)
+            return false;
+        const id = state.selected;
+        const page = state.page;
+        const move = keyMove(page, id, event, options.rtl(), designer.words);
+        if (!move)
+            return false;
+        const name = (0, layout_tree_1.nameOf)(page, (0, layout_tree_1.locate)(page, id)?.node ?? null, designer.words);
+        if ('said' in move)
+            say(move.said);
+        else if ('span' in move)
+            say(designer.setColspan(id, move.span) ? w.named(name, widthWords(page, id, move.span, designer.words)) : designer.getState().issues[0]);
+        else {
+            const words = designer.describeDrop(move.drop, id);
+            say(designer.place(id, move.drop) ? w.named(name, words) : designer.getState().issues[0]);
+        }
+        return true;
+    }
+    return { said, help, handle, say };
+}
+//# sourceMappingURL=canvas-keys.js.map

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

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

package/src/lib/canvas-keys.mjs

@@ -0,0 +1,109 @@
+import { across, isWrapper, locate, nameOf, spanOf } from './layout-tree.mjs';
+import { laidInTwelfths, rowShare } from './layout-twelfths.mjs';
+import { en } from './locales/en/index.mjs';
+/** What a key does to a part: a drop, a width, or words saying why nothing. */
+export function keyMove(page, id, key, rtl, words = en) {
+    if (!key.altKey)
+        return null;
+    const at = locate(page, id);
+    if (!at || at.node.type === 'tab')
+        return null;
+    const { list, index, parent } = at;
+    if (key.key === 'ArrowUp' || key.key === 'ArrowDown') {
+        if (key.shiftKey)
+            return null;
+        const down = key.key === 'ArrowDown';
+        if (down ? index < list.length - 1 : index > 0)
+            return { drop: { how: 'at', container: parent.id, index: index + (down ? 1 : -1) } };
+        // At the edge of an arrangement — there only to lay parts out — it steps out of it.
+        const outer = isWrapper(parent) ? locate(page, parent.id) : null;
+        if (outer)
+            return { drop: { how: 'at', container: outer.parent.id, index: outer.index + (down ? 1 : 0) } };
+        return { said: words.refusals.cannotMoveFurther };
+    }
+    if (key.key !== 'ArrowLeft' && key.key !== 'ArrowRight')
+        return null;
+    const forward = (key.key === 'ArrowRight') !== rtl;
+    if (key.shiftKey) {
+        const span = spanOf(at.node) + (forward ? 1 : -1);
+        return span < 1 ? { said: laidInTwelfths(page, parent) ? words.canvas.twelfthAlready : words.canvas.oneColumnAlready } : { span };
+    }
+    const beside = list[index + (forward ? 1 : -1)];
+    if (!beside)
+        return { said: words.canvas.nothingThatWay };
+    return { drop: { how: 'beside', target: beside.id, after: forward } };
+}
+/** A width said aloud: a fraction of the row in twelfths, else so many columns. */
+function widthWords(page, id, span, words) {
+    const parent = locate(page, id)?.parent;
+    return parent && laidInTwelfths(page, parent) ? rowShare(span, across(page, parent), words) : words.canvas.columnsWide(span);
+}
+/** The keys of Advanced's canvas, as the sheet of shortcuts lists them (in the designer's words: `words.canvas.keys`). */
+export const KEYS = en.canvas.keys;
+export function canvasKeys(options) {
+    const { el, designer } = options;
+    const w = designer.words.canvas;
+    const said = el('div', { class: 'fd-canvas-said', role: 'status', 'aria-live': 'polite' });
+    const list = el('dl', { class: 'fd-canvas-keys', id: 'fd-canvas-keys', hidden: '' }, ...w.keys.flatMap(([key, what]) => [el('dt', {}, key), el('dd', {}, what)]));
+    const toggle = el('button', { type: 'button', class: 'fd-canvas-help-button', 'aria-label': w.keysTitle, title: w.keysTitle, 'aria-expanded': 'false', 'aria-controls': 'fd-canvas-keys' }, '?');
+    const open = (on) => {
+        list.hidden = !on;
+        toggle.setAttribute('aria-expanded', String(on));
+    };
+    toggle.addEventListener('click', () => open(list.hidden));
+    const help = el('div', { class: 'fd-canvas-help' }, toggle, list);
+    const say = (words) => {
+        said.textContent = words;
+    };
+    function handle(event) {
+        const state = designer.getState();
+        const mod = event.metaKey || event.ctrlKey;
+        const key = event.key.toLowerCase();
+        if (event.key === '?' && !mod) {
+            open(list.hidden);
+            return true;
+        }
+        if (!state.picked.length)
+            return false;
+        // Only the layout's parts are the canvas's to move: a header's buttons, a list's columns have keys of their own.
+        if (!state.picked.every((id) => locate(state.page, id)))
+            return false;
+        if (mod && key === 'g') {
+            if (event.shiftKey)
+                designer.ungroup(state.selected);
+            else
+                designer.wrap(state.picked, 'group');
+            say(designer.getState().issues[0] ?? (event.shiftKey ? w.ungrouped : w.grouped(state.picked.length)));
+            return true;
+        }
+        if (mod && key === 'd') {
+            designer.duplicate(state.picked);
+            say(w.copied(state.picked.length));
+            return true;
+        }
+        if (event.key === 'Delete' || event.key === 'Backspace') {
+            designer.remove(state.picked);
+            say(designer.getState().issues[0] ?? w.tookOff(state.picked.length));
+            return true;
+        }
+        if (state.picked.length !== 1 || !state.selected)
+            return false;
+        const id = state.selected;
+        const page = state.page;
+        const move = keyMove(page, id, event, options.rtl(), designer.words);
+        if (!move)
+            return false;
+        const name = nameOf(page, locate(page, id)?.node ?? null, designer.words);
+        if ('said' in move)
+            say(move.said);
+        else if ('span' in move)
+            say(designer.setColspan(id, move.span) ? w.named(name, widthWords(page, id, move.span, designer.words)) : designer.getState().issues[0]);
+        else {
+            const words = designer.describeDrop(move.drop, id);
+            say(designer.place(id, move.drop) ? w.named(name, words) : designer.getState().issues[0]);
+        }
+        return true;
+    }
+    return { said, help, handle, say };
+}
+//# sourceMappingURL=canvas-keys.mjs.map

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

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

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

@@ -0,0 +1,21 @@
+import type { Page, SectionNode } from '@fieldia/core';
+import type { ElementFactory } from './chrome.mjs';
+import type { DesignerWords } from './designer-words.mjs';
+/**
+ * Simple and Advanced. Simple draws the page exactly as Advanced laid it out
+ * and leaves its marks off: no drop lines between parts, no width handles, one
+ * part picked at a time. Advanced adds them. Which one is a preference of the
+ * person designing, kept in this browser — never part of the page.
+ */
+export type DesignerMode = 'simple' | 'advanced';
+/** The mode last used in this browser; Simple when there is none, or the browser keeps nothing. */
+export declare function readMode(view: Window | null): DesignerMode;
+export declare function writeMode(view: Window | null, mode: DesignerMode): void;
+export interface ModeSwitch {
+    element: HTMLElement;
+    set(mode: DesignerMode): void;
+}
+/** Two buttons side by side in the editor's bar; the one on is pressed. */
+export declare function modeSwitch(el: ElementFactory, mode: DesignerMode, change: (mode: DesignerMode) => void, words: DesignerWords): ModeSwitch;
+/** What Simple mode says of an arrangement: how Advanced laid it out, and that it stays so. */
+export declare function lockWords(page: Page, section: SectionNode, words?: DesignerWords): string;

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

@@ -0,0 +1,21 @@
+import type { Page, SectionNode } from '@fieldia/core';
+import type { ElementFactory } from './chrome';
+import type { DesignerWords } from './designer-words';
+/**
+ * Simple and Advanced. Simple draws the page exactly as Advanced laid it out
+ * and leaves its marks off: no drop lines between parts, no width handles, one
+ * part picked at a time. Advanced adds them. Which one is a preference of the
+ * person designing, kept in this browser — never part of the page.
+ */
+export type DesignerMode = 'simple' | 'advanced';
+/** The mode last used in this browser; Simple when there is none, or the browser keeps nothing. */
+export declare function readMode(view: Window | null): DesignerMode;
+export declare function writeMode(view: Window | null, mode: DesignerMode): void;
+export interface ModeSwitch {
+    element: HTMLElement;
+    set(mode: DesignerMode): void;
+}
+/** Two buttons side by side in the editor's bar; the one on is pressed. */
+export declare function modeSwitch(el: ElementFactory, mode: DesignerMode, change: (mode: DesignerMode) => void, words: DesignerWords): ModeSwitch;
+/** What Simple mode says of an arrangement: how Advanced laid it out, and that it stays so. */
+export declare function lockWords(page: Page, section: SectionNode, words?: DesignerWords): string;

package/src/lib/canvas-mode.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.readMode = readMode;
+exports.writeMode = writeMode;
+exports.modeSwitch = modeSwitch;
+exports.lockWords = lockWords;
+const layout_tree_1 = require("./layout-tree");
+const en_1 = require("./locales/en");
+const KEY = 'fieldia.designer.mode';
+/** The mode last used in this browser; Simple when there is none, or the browser keeps nothing. */
+function readMode(view) {
+    try {
+        return view?.localStorage.getItem(KEY) === 'advanced' ? 'advanced' : 'simple';
+    }
+    catch {
+        return 'simple';
+    }
+}
+function writeMode(view, mode) {
+    try {
+        view?.localStorage.setItem(KEY, mode);
+    }
+    catch {
+        // A browser that keeps nothing: the mode lasts as long as the page.
+    }
+}
+/** Two buttons side by side in the editor's bar; the one on is pressed. */
+function modeSwitch(el, mode, change, words) {
+    const w = words.bar;
+    const button = (name, words, title) => {
+        const b = el('button', { type: 'button', class: 'fd-mode-button', 'data-mode': name, title }, words);
+        b.addEventListener('click', () => change(name));
+        return b;
+    };
+    const simple = button('simple', w.simple, w.simpleTitle);
+    const advanced = button('advanced', w.advanced, w.advancedTitle);
+    // Drawn as the bar's other switch, Design or Try it, is.
+    const element = el('div', { class: 'fd-mode fd-mode-switch', role: 'group', 'aria-label': w.editingMode }, simple, advanced);
+    const set = (now) => {
+        simple.setAttribute('aria-pressed', String(now === 'simple'));
+        advanced.setAttribute('aria-pressed', String(now === 'advanced'));
+    };
+    set(mode);
+    return { element, set };
+}
+/** What Simple mode says of an arrangement: how Advanced laid it out, and that it stays so. */
+function lockWords(page, section, words = en_1.en) {
+    const desktop = (0, layout_tree_1.colsOf)(page, section);
+    // A width left out stacks as the skin does by itself: one column on a phone.
+    const phone = Math.min(desktop, typeof section.columns === 'object' ? (section.columns.narrow ?? 1) : 1);
+    return words.canvas.lock(section.children.length, desktop > 1, desktop, phone);
+}
+//# sourceMappingURL=canvas-mode.js.map

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

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

package/src/lib/canvas-mode.mjs

@@ -0,0 +1,47 @@
+import { colsOf } from './layout-tree.mjs';
+import { en } from './locales/en/index.mjs';
+const KEY = 'fieldia.designer.mode';
+/** The mode last used in this browser; Simple when there is none, or the browser keeps nothing. */
+export function readMode(view) {
+    try {
+        return view?.localStorage.getItem(KEY) === 'advanced' ? 'advanced' : 'simple';
+    }
+    catch {
+        return 'simple';
+    }
+}
+export function writeMode(view, mode) {
+    try {
+        view?.localStorage.setItem(KEY, mode);
+    }
+    catch {
+        // A browser that keeps nothing: the mode lasts as long as the page.
+    }
+}
+/** Two buttons side by side in the editor's bar; the one on is pressed. */
+export function modeSwitch(el, mode, change, words) {
+    const w = words.bar;
+    const button = (name, words, title) => {
+        const b = el('button', { type: 'button', class: 'fd-mode-button', 'data-mode': name, title }, words);
+        b.addEventListener('click', () => change(name));
+        return b;
+    };
+    const simple = button('simple', w.simple, w.simpleTitle);
+    const advanced = button('advanced', w.advanced, w.advancedTitle);
+    // Drawn as the bar's other switch, Design or Try it, is.
+    const element = el('div', { class: 'fd-mode fd-mode-switch', role: 'group', 'aria-label': w.editingMode }, simple, advanced);
+    const set = (now) => {
+        simple.setAttribute('aria-pressed', String(now === 'simple'));
+        advanced.setAttribute('aria-pressed', String(now === 'advanced'));
+    };
+    set(mode);
+    return { element, set };
+}
+/** What Simple mode says of an arrangement: how Advanced laid it out, and that it stays so. */
+export function lockWords(page, section, words = en) {
+    const desktop = colsOf(page, section);
+    // A width left out stacks as the skin does by itself: one column on a phone.
+    const phone = Math.min(desktop, typeof section.columns === 'object' ? (section.columns.narrow ?? 1) : 1);
+    return words.canvas.lock(section.children.length, desktop > 1, desktop, phone);
+}
+//# sourceMappingURL=canvas-mode.mjs.map

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

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

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

@@ -0,0 +1,20 @@
+import type { ElementFactory } from './chrome.mjs';
+import type { Designer, DesignerState } from './designer.mjs';
+/**
+ * The bar for several picked, on the Advanced canvas: how many, and what can
+ * be done with them together — put them in a group, side by side, or a tab
+ * each; copy them; take them off the page; put them down. Grouping needs parts
+ * that sit together, so for parts from different groups it is not offered,
+ * and a line says why. A group, an arrangement or tabs picked on its own can
+ * be ungrouped. The bar stays at the top of the canvas as it scrolls.
+ */
+export interface MultiBar {
+    /** Sticks at the top of the canvas, taking no room. */
+    element: HTMLElement;
+    update(state: DesignerState, advanced: boolean): void;
+}
+export declare function multiBar(options: {
+    el: ElementFactory;
+    doc: Document;
+    designer: Designer;
+}): MultiBar;

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

@@ -0,0 +1,20 @@
+import type { ElementFactory } from './chrome';
+import type { Designer, DesignerState } from './designer';
+/**
+ * The bar for several picked, on the Advanced canvas: how many, and what can
+ * be done with them together — put them in a group, side by side, or a tab
+ * each; copy them; take them off the page; put them down. Grouping needs parts
+ * that sit together, so for parts from different groups it is not offered,
+ * and a line says why. A group, an arrangement or tabs picked on its own can
+ * be ungrouped. The bar stays at the top of the canvas as it scrolls.
+ */
+export interface MultiBar {
+    /** Sticks at the top of the canvas, taking no room. */
+    element: HTMLElement;
+    update(state: DesignerState, advanced: boolean): void;
+}
+export declare function multiBar(options: {
+    el: ElementFactory;
+    doc: Document;
+    designer: Designer;
+}): MultiBar;

package/src/lib/canvas-multi.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.multiBar = multiBar;
+const canvas_icons_1 = require("./canvas-icons");
+const icons_1 = require("./icons");
+const layout_tree_1 = require("./layout-tree");
+const writes_1 = require("./writes");
+const chrome_language_1 = require("./chrome-language");
+function multiBar(options) {
+    const { el, doc, designer } = options;
+    const button = (words, icon, act, label) => {
+        const b = el('button', { type: 'button', class: 'fd-multi-button', ...(label ? { 'aria-label': label, title: label } : {}) }, icon, ...(label ? [] : [words]));
+        b.addEventListener('click', act);
+        return b;
+    };
+    const w = designer.words.canvas;
+    const picks = () => designer.getState().picked;
+    const group = button(w.group, (0, canvas_icons_1.blockIcon)(doc, 'group'), () => designer.wrap(picks(), 'group'));
+    const side = button(w.sideBySide, (0, canvas_icons_1.blockIcon)(doc, 'side'), () => designer.wrap(picks(), 'side'));
+    const tabs = button(w.tabs, (0, canvas_icons_1.blockIcon)(doc, 'tabs'), () => designer.wrap(picks(), 'tabs'));
+    const copy = button('', (0, icons_1.designerIcon)(doc, 'duplicate'), () => designer.duplicate(picks()), w.duplicate);
+    const remove = button('', (0, icons_1.designerIcon)(doc, 'delete'), () => designer.remove(picks()), w.remove);
+    const down = button('', (0, icons_1.designerIcon)(doc, 'plus'), () => designer.select(null), w.putDown);
+    down.classList.add('fd-multi-down');
+    const ungroup = button(w.ungroup, (0, canvas_icons_1.blockIcon)(doc, 'group'), () => {
+        const id = designer.getState().selected;
+        if (id)
+            designer.ungroup(id);
+    });
+    const count = el('b', { class: 'fd-multi-count' });
+    const why = el('span', { class: 'fd-multi-why' }, w.sameGroupToGroup);
+    const bar = el('div', { class: 'fd-multi', role: 'toolbar', 'aria-label': w.whatIsPicked, hidden: '', ...(0, chrome_language_1.chromeLanguage)(designer) }, count, group, side, tabs, why, copy, remove, down, ungroup);
+    const element = el('div', { class: 'fd-multi-dock' }, bar);
+    return {
+        element,
+        update(state, advanced) {
+            const page = state.page;
+            const spots = state.picked.map((id) => (0, layout_tree_1.locate)(page, id));
+            const several = advanced && state.picked.length > 1;
+            const one = advanced && state.picked.length === 1 ? spots[0]?.node : null;
+            const ungroupable = !!one && (one.type === 'section' || one.type === 'tabs');
+            (0, writes_1.setHidden)(bar, !several && !ungroupable);
+            // Parts that sit together, in one list (not tabs among their tabs), can be put in a group of their own.
+            const together = several && spots.every((s) => s && s.list === spots[0]?.list) && spots[0]?.parent.type !== 'tabs';
+            (0, writes_1.setHidden)(count, !several);
+            (0, writes_1.setText)(count, w.picked(state.picked.length));
+            for (const b of [group, side, tabs])
+                (0, writes_1.setHidden)(b, !together);
+            (0, writes_1.setHidden)(why, !several || together);
+            for (const b of [copy, remove, down])
+                (0, writes_1.setHidden)(b, !several);
+            (0, writes_1.setHidden)(ungroup, several || !ungroupable);
+        },
+    };
+}
+//# sourceMappingURL=canvas-multi.js.map

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

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