@fieldia/designer 0.27.0 → 0.29.0

package/README.md

@@ -120,6 +120,29 @@ close before the open, or limits on a record's screen, are refused in words),
 `designer.setContinueLater(on)` and `designer.setOptionDetails(id, index, {
 seats })` the rest; Publish lists each change.
 
+## Approvals on a record's screen
+
+With nothing picked, a record's screen's Rules tab offers **Approvals** — its
+records wait for approval as the app's data source says — and once it is on,
+**Locked while it waits** and **Open while it waits**: a tick for each field
+that stays open while a record waits for a decision, every other one locked.
+`designer.setApproval({ on, open, lock })` sets them (`on: false` takes the
+setting away; `lock: false` leaves none open to name; a form of responses or a
+list is refused in words); a field taken away goes from those left open, and
+Publish lists each change.
+
+## A text typed in several languages
+
+A short answer's, a paragraph's or formatted text's own settings offer *Typed in
+several languages*: on, it is typed in the page's language and English (or Arabic,
+on an English page), its languages as chips — one added from the common ones, one
+taken away while three or more are kept — and, while it is required, *Required in*,
+the languages a required answer is typed in (none refused). `setLanguages(id,
+["ar", "en"] | null)` and `setRequiredIn(id, ["en"] | null)` are the commands; a
+model's field keeps the model's, and a field made a paragraph or formatted text
+keeps its languages. Publish says what changed: "“Title”: typed in Arabic and
+English".
+
 ## Trying a field's rules
 
 Under a field's answer rules — on the panel's Rules tab, and in a survey

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fieldia/designer",
-  "version": "0.27.0",
+  "version": "0.29.0",
   "description": "Build Fieldia pages without writing JSON: an editing model with undo and versions, a survey editor, and a canvas.",
   "license": "MIT",
   "homepage": "https://fieldia.dev",
@@ -44,9 +44,9 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@fieldia/core": "0.27.0",
-    "@fieldia/viewer": "0.27.0",
-    "@fieldia/widgets": "0.27.0",
+    "@fieldia/core": "0.29.0",
+    "@fieldia/viewer": "0.29.0",
+    "@fieldia/widgets": "0.29.0",
     "tslib": "^2.8.1"
   },
   "peerDependencies": {

package/src/lib/approval-settings.d.mts

@@ -0,0 +1,13 @@
+import type { Page } from '@fieldia/core';
+import type { ElementFactory } from './chrome.mjs';
+import type { Designer } from './designer.mjs';
+/**
+ * Approvals on a record's screen (`approval`), on the screen's panel (panel-page.ts) beside its possible duplicates:
+ * whether its records wait for approval — who is asked, and in what order, is the app's data source's to say — whether
+ * a record is locked while it waits, and a tick for each field left open meanwhile, in the page's order. A form of
+ * responses, or a list, has no record to approve: no rows there.
+ */
+export declare function approvalSettings(el: ElementFactory, designer: Designer): {
+    rows: HTMLElement[];
+    update(page: Page): void;
+};

package/src/lib/approval-settings.d.ts

@@ -0,0 +1,13 @@
+import type { Page } from '@fieldia/core';
+import type { ElementFactory } from './chrome';
+import type { Designer } from './designer';
+/**
+ * Approvals on a record's screen (`approval`), on the screen's panel (panel-page.ts) beside its possible duplicates:
+ * whether its records wait for approval — who is asked, and in what order, is the app's data source's to say — whether
+ * a record is locked while it waits, and a tick for each field left open meanwhile, in the page's order. A form of
+ * responses, or a list, has no record to approve: no rows there.
+ */
+export declare function approvalSettings(el: ElementFactory, designer: Designer): {
+    rows: HTMLElement[];
+    update(page: Page): void;
+};

package/src/lib/approval-settings.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.approvalSettings = approvalSettings;
+const panel_controls_1 = require("./panel-controls");
+/**
+ * Approvals on a record's screen (`approval`), on the screen's panel (panel-page.ts) beside its possible duplicates:
+ * whether its records wait for approval — who is asked, and in what order, is the app's data source's to say — whether
+ * a record is locked while it waits, and a tick for each field left open meanwhile, in the page's order. A form of
+ * responses, or a list, has no record to approve: no rows there.
+ */
+function approvalSettings(el, designer) {
+    const w = designer.words.panel;
+    const check = (label) => el('input', { type: 'checkbox', class: 'fd-check', 'aria-label': label });
+    const on = check(w.approvalOn);
+    on.addEventListener('change', () => designer.setApproval({ on: on.checked }));
+    const lock = check(w.approvalLockOn);
+    lock.addEventListener('change', () => designer.setApproval({ lock: lock.checked }));
+    const open = el('div', { class: 'fd-q-required-row', role: 'group', 'aria-label': w.approvalOpen });
+    const onRow = (0, panel_controls_1.setting)(el, 'rules', 'Approvals', on, { hint: w.approvalHint, words: w.approval });
+    const lockRow = (0, panel_controls_1.setting)(el, 'rules', 'Locked while it waits', lock, { hint: w.approvalLockHint, words: w.approvalLock });
+    const openRow = (0, panel_controls_1.setting)(el, 'rules', 'Open while it waits', open, { hint: w.approvalOpenHint, words: w.approvalOpen });
+    return {
+        rows: [onRow, lockRow, openRow],
+        update(page) {
+            onRow.hidden = page.data.kind !== 'record' || page.layout.type === 'list';
+            on.checked = !!page.approval;
+            lockRow.hidden = onRow.hidden || !page.approval;
+            lock.checked = page.approval?.lock !== false;
+            openRow.hidden = lockRow.hidden || page.approval?.lock === false;
+            // A tick for each field a person types in, in the page's order: one worked out from others is never typed in.
+            const fields = Object.entries(page.fields).filter(([, def]) => !def.compute && def.readonly !== true);
+            const key = JSON.stringify(fields.map(([name, def]) => [name, def.label]));
+            if (open.dataset['choices'] !== key) {
+                open.dataset['choices'] = key;
+                open.replaceChildren(...fields.map(([name, def]) => {
+                    const tick = el('input', { type: 'checkbox', 'data-field': name });
+                    tick.addEventListener('change', () => {
+                        const ticked = new Set([...open.querySelectorAll('input:checked')].map((box) => box.dataset['field']));
+                        designer.setApproval({ open: Object.keys(designer.getPage().fields).filter((field) => ticked.has(field)) });
+                    });
+                    return el('label', { class: 'fd-q-required' }, tick, el('span', {}, def.label));
+                }));
+            }
+            for (const tick of open.querySelectorAll('input'))
+                tick.checked = !!page.approval?.open?.includes(tick.dataset['field']);
+        },
+    };
+}
+//# sourceMappingURL=approval-settings.js.map

package/src/lib/approval-settings.js.map

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

package/src/lib/approval-settings.mjs

@@ -0,0 +1,46 @@
+import { setting } from './panel-controls.mjs';
+/**
+ * Approvals on a record's screen (`approval`), on the screen's panel (panel-page.ts) beside its possible duplicates:
+ * whether its records wait for approval — who is asked, and in what order, is the app's data source's to say — whether
+ * a record is locked while it waits, and a tick for each field left open meanwhile, in the page's order. A form of
+ * responses, or a list, has no record to approve: no rows there.
+ */
+export function approvalSettings(el, designer) {
+    const w = designer.words.panel;
+    const check = (label) => el('input', { type: 'checkbox', class: 'fd-check', 'aria-label': label });
+    const on = check(w.approvalOn);
+    on.addEventListener('change', () => designer.setApproval({ on: on.checked }));
+    const lock = check(w.approvalLockOn);
+    lock.addEventListener('change', () => designer.setApproval({ lock: lock.checked }));
+    const open = el('div', { class: 'fd-q-required-row', role: 'group', 'aria-label': w.approvalOpen });
+    const onRow = setting(el, 'rules', 'Approvals', on, { hint: w.approvalHint, words: w.approval });
+    const lockRow = setting(el, 'rules', 'Locked while it waits', lock, { hint: w.approvalLockHint, words: w.approvalLock });
+    const openRow = setting(el, 'rules', 'Open while it waits', open, { hint: w.approvalOpenHint, words: w.approvalOpen });
+    return {
+        rows: [onRow, lockRow, openRow],
+        update(page) {
+            onRow.hidden = page.data.kind !== 'record' || page.layout.type === 'list';
+            on.checked = !!page.approval;
+            lockRow.hidden = onRow.hidden || !page.approval;
+            lock.checked = page.approval?.lock !== false;
+            openRow.hidden = lockRow.hidden || page.approval?.lock === false;
+            // A tick for each field a person types in, in the page's order: one worked out from others is never typed in.
+            const fields = Object.entries(page.fields).filter(([, def]) => !def.compute && def.readonly !== true);
+            const key = JSON.stringify(fields.map(([name, def]) => [name, def.label]));
+            if (open.dataset['choices'] !== key) {
+                open.dataset['choices'] = key;
+                open.replaceChildren(...fields.map(([name, def]) => {
+                    const tick = el('input', { type: 'checkbox', 'data-field': name });
+                    tick.addEventListener('change', () => {
+                        const ticked = new Set([...open.querySelectorAll('input:checked')].map((box) => box.dataset['field']));
+                        designer.setApproval({ open: Object.keys(designer.getPage().fields).filter((field) => ticked.has(field)) });
+                    });
+                    return el('label', { class: 'fd-q-required' }, tick, el('span', {}, def.label));
+                }));
+            }
+            for (const tick of open.querySelectorAll('input'))
+                tick.checked = !!page.approval?.open?.includes(tick.dataset['field']);
+        },
+    };
+}
+//# sourceMappingURL=approval-settings.mjs.map

package/src/lib/approval-settings.mjs.map

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

package/src/lib/assist-settings.d.mts

@@ -0,0 +1,12 @@
+import type { Page } from '@fieldia/core';
+import type { ElementFactory } from './chrome.mjs';
+import type { Designer } from './designer.mjs';
+/**
+ * AI help's Fill from text (`suggest`) on the screen's panel (panel-page.ts), beside the rest of its rules: offered or
+ * not, its button's words, what it reads — words pasted or files, or a text field's own words — and the fields it may
+ * fill, a tick each (none ticked: every one shown that a person can set). A form's alone: a list fills nothing.
+ */
+export declare function assistSettings(el: ElementFactory, designer: Designer): {
+    rows: HTMLElement[];
+    update(page: Page): void;
+};

package/src/lib/assist-settings.d.ts

@@ -0,0 +1,12 @@
+import type { Page } from '@fieldia/core';
+import type { ElementFactory } from './chrome';
+import type { Designer } from './designer';
+/**
+ * AI help's Fill from text (`suggest`) on the screen's panel (panel-page.ts), beside the rest of its rules: offered or
+ * not, its button's words, what it reads — words pasted or files, or a text field's own words — and the fields it may
+ * fill, a tick each (none ticked: every one shown that a person can set). A form's alone: a list fills nothing.
+ */
+export declare function assistSettings(el: ElementFactory, designer: Designer): {
+    rows: HTMLElement[];
+    update(page: Page): void;
+};

package/src/lib/assist-settings.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.assistSettings = assistSettings;
+const panel_controls_1 = require("./panel-controls");
+/** The kinds Fill from text fills, and those whose words it reads. */
+const FILLED = new Set(['char', 'text', 'html', 'integer', 'float', 'monetary', 'boolean', 'selection', 'date', 'datetime', 'many2one', 'many2many', 'one2many']);
+const TEXTS = new Set(['char', 'text', 'html']);
+/**
+ * AI help's Fill from text (`suggest`) on the screen's panel (panel-page.ts), beside the rest of its rules: offered or
+ * not, its button's words, what it reads — words pasted or files, or a text field's own words — and the fields it may
+ * fill, a tick each (none ticked: every one shown that a person can set). A form's alone: a list fills nothing.
+ */
+function assistSettings(el, designer) {
+    const w = designer.words.panel;
+    const focused = (node) => node.ownerDocument.activeElement === node;
+    const on = el('input', { type: 'checkbox', class: 'fd-check', 'aria-label': w.suggestOn });
+    on.addEventListener('change', () => designer.setSuggest(on.checked ? {} : null));
+    const label = el('input', { class: 'fd-input', 'aria-label': w.suggestLabel, placeholder: w.suggestLabelExample });
+    label.addEventListener('change', () => designer.setSuggest({ label: label.value.trim() || null }));
+    const from = el('select', { class: 'fd-input fd-select', 'aria-label': w.suggestFrom });
+    from.addEventListener('change', () => designer.setSuggest({ fromField: from.value || null }));
+    const fields = el('div', { class: 'fd-q-required-row', role: 'group', 'aria-label': w.suggestFields });
+    const onRow = (0, panel_controls_1.setting)(el, 'rules', 'Fill from text', on, { hint: w.suggestHint, words: w.suggest });
+    const labelRow = (0, panel_controls_1.setting)(el, 'rules', 'Its button’s words', label, { words: w.suggestLabel });
+    const fromRow = (0, panel_controls_1.setting)(el, 'rules', 'Fills from', from, { hint: w.suggestFromHint, words: w.suggestFrom });
+    const fieldsRow = (0, panel_controls_1.setting)(el, 'rules', 'Fields it may fill', fields, { hint: w.suggestFieldsHint, words: w.suggestFields });
+    return {
+        rows: [onRow, labelRow, fromRow, fieldsRow],
+        update(page) {
+            const suggest = page.suggest;
+            onRow.hidden = page.layout.type === 'list';
+            on.checked = !!suggest;
+            labelRow.hidden = fromRow.hidden = fieldsRow.hidden = onRow.hidden || !suggest;
+            if (!suggest)
+                return;
+            if (!focused(label))
+                label.value = suggest.label ?? '';
+            const texts = Object.entries(page.fields).filter(([, def]) => TEXTS.has(def.type));
+            const choices = [['', w.suggestPasted], ...texts.map(([name, def]) => [name, def.label])];
+            const key = JSON.stringify(choices);
+            if (from.dataset['choices'] !== key) {
+                from.dataset['choices'] = key;
+                from.replaceChildren(...choices.map(([value, words]) => el('option', { value }, words)));
+            }
+            from.value = suggest.fromField ?? '';
+            const fillable = Object.entries(page.fields).filter(([name, def]) => FILLED.has(def.type) && def.readonly !== true && def.compute === undefined && name !== suggest.fromField);
+            const fillKey = JSON.stringify(fillable.map(([name, def]) => [name, def.label]));
+            if (fields.dataset['choices'] !== fillKey) {
+                fields.dataset['choices'] = fillKey;
+                fields.replaceChildren(...fillable.map(([name, def]) => {
+                    const tick = el('input', { type: 'checkbox', 'data-field': name });
+                    tick.addEventListener('change', () => {
+                        const ticked = new Set([...fields.querySelectorAll('input:checked')].map((box) => box.dataset['field']));
+                        designer.setSuggest({ fields: Object.keys(designer.getPage().fields).filter((field) => ticked.has(field)) });
+                    });
+                    return el('label', { class: 'fd-q-required' }, tick, el('span', {}, def.label));
+                }));
+            }
+            for (const tick of fields.querySelectorAll('input'))
+                tick.checked = !!suggest.fields?.includes(tick.dataset['field']);
+        },
+    };
+}
+//# sourceMappingURL=assist-settings.js.map

package/src/lib/assist-settings.js.map

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

package/src/lib/assist-settings.mjs

@@ -0,0 +1,61 @@
+import { setting } from './panel-controls.mjs';
+/** The kinds Fill from text fills, and those whose words it reads. */
+const FILLED = new Set(['char', 'text', 'html', 'integer', 'float', 'monetary', 'boolean', 'selection', 'date', 'datetime', 'many2one', 'many2many', 'one2many']);
+const TEXTS = new Set(['char', 'text', 'html']);
+/**
+ * AI help's Fill from text (`suggest`) on the screen's panel (panel-page.ts), beside the rest of its rules: offered or
+ * not, its button's words, what it reads — words pasted or files, or a text field's own words — and the fields it may
+ * fill, a tick each (none ticked: every one shown that a person can set). A form's alone: a list fills nothing.
+ */
+export function assistSettings(el, designer) {
+    const w = designer.words.panel;
+    const focused = (node) => node.ownerDocument.activeElement === node;
+    const on = el('input', { type: 'checkbox', class: 'fd-check', 'aria-label': w.suggestOn });
+    on.addEventListener('change', () => designer.setSuggest(on.checked ? {} : null));
+    const label = el('input', { class: 'fd-input', 'aria-label': w.suggestLabel, placeholder: w.suggestLabelExample });
+    label.addEventListener('change', () => designer.setSuggest({ label: label.value.trim() || null }));
+    const from = el('select', { class: 'fd-input fd-select', 'aria-label': w.suggestFrom });
+    from.addEventListener('change', () => designer.setSuggest({ fromField: from.value || null }));
+    const fields = el('div', { class: 'fd-q-required-row', role: 'group', 'aria-label': w.suggestFields });
+    const onRow = setting(el, 'rules', 'Fill from text', on, { hint: w.suggestHint, words: w.suggest });
+    const labelRow = setting(el, 'rules', 'Its button’s words', label, { words: w.suggestLabel });
+    const fromRow = setting(el, 'rules', 'Fills from', from, { hint: w.suggestFromHint, words: w.suggestFrom });
+    const fieldsRow = setting(el, 'rules', 'Fields it may fill', fields, { hint: w.suggestFieldsHint, words: w.suggestFields });
+    return {
+        rows: [onRow, labelRow, fromRow, fieldsRow],
+        update(page) {
+            const suggest = page.suggest;
+            onRow.hidden = page.layout.type === 'list';
+            on.checked = !!suggest;
+            labelRow.hidden = fromRow.hidden = fieldsRow.hidden = onRow.hidden || !suggest;
+            if (!suggest)
+                return;
+            if (!focused(label))
+                label.value = suggest.label ?? '';
+            const texts = Object.entries(page.fields).filter(([, def]) => TEXTS.has(def.type));
+            const choices = [['', w.suggestPasted], ...texts.map(([name, def]) => [name, def.label])];
+            const key = JSON.stringify(choices);
+            if (from.dataset['choices'] !== key) {
+                from.dataset['choices'] = key;
+                from.replaceChildren(...choices.map(([value, words]) => el('option', { value }, words)));
+            }
+            from.value = suggest.fromField ?? '';
+            const fillable = Object.entries(page.fields).filter(([name, def]) => FILLED.has(def.type) && def.readonly !== true && def.compute === undefined && name !== suggest.fromField);
+            const fillKey = JSON.stringify(fillable.map(([name, def]) => [name, def.label]));
+            if (fields.dataset['choices'] !== fillKey) {
+                fields.dataset['choices'] = fillKey;
+                fields.replaceChildren(...fillable.map(([name, def]) => {
+                    const tick = el('input', { type: 'checkbox', 'data-field': name });
+                    tick.addEventListener('change', () => {
+                        const ticked = new Set([...fields.querySelectorAll('input:checked')].map((box) => box.dataset['field']));
+                        designer.setSuggest({ fields: Object.keys(designer.getPage().fields).filter((field) => ticked.has(field)) });
+                    });
+                    return el('label', { class: 'fd-q-required' }, tick, el('span', {}, def.label));
+                }));
+            }
+            for (const tick of fields.querySelectorAll('input'))
+                tick.checked = !!suggest.fields?.includes(tick.dataset['field']);
+        },
+    };
+}
+//# sourceMappingURL=assist-settings.mjs.map

package/src/lib/assist-settings.mjs.map

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

package/src/lib/bottom-bar.d.mts

@@ -0,0 +1,22 @@
+/**
+ * A bar kept at the foot of the screen (`position: sticky` with a `bottom`) never hides what a person works on, and
+ * keeping it clear never hides it under the bar at the top instead (WCAG 2.4.11, both ways). A control focused in the
+ * area the bar floats over — by Tab or Shift+Tab, by a press — is moved up from behind the bar once the engine's own
+ * scroll on focus is done (that scroll knows nothing of it), but never so far that its top goes under the room the
+ * top bar keeps (the scroller's `scroll-padding-top`, the designer bar's): where it cannot fit between the two, its
+ * top wins. The bar stays where it is; the area's end is the bar's own place in the flow, where it rests once the area
+ * is scrolled to its end. Where the bar is not at the foot (sticky no longer: a wide screen's rail beside its card),
+ * nothing is moved.
+ *
+ * No `scroll-margin-bottom` on what is focused: an element taller than the room between the bars would then be
+ * aligned by its end as the engine scrolls to it — walking up by Shift+Tab, its top under the top bar.
+ */
+export declare function keepClearOfBar(bar: HTMLElement, area: HTMLElement): () => void;
+/**
+ * An element moved up from behind the bar at the foot (with a little air), as far as that takes — but its top never
+ * under the room its scroller keeps at its top (`scroll-padding-top`: the designer bar's, on the page). Where both
+ * cannot hold, the top wins. Nothing moves for an element clear of the bar already.
+ */
+export declare function clearOfBar(bar: HTMLElement, element: HTMLElement): void;
+/** The room the bar takes now, as `keepClearOfBar` measured it: 0 where it is not at the foot. */
+export declare const barRoom: (area: HTMLElement) => number;

package/src/lib/bottom-bar.d.ts

@@ -0,0 +1,22 @@
+/**
+ * A bar kept at the foot of the screen (`position: sticky` with a `bottom`) never hides what a person works on, and
+ * keeping it clear never hides it under the bar at the top instead (WCAG 2.4.11, both ways). A control focused in the
+ * area the bar floats over — by Tab or Shift+Tab, by a press — is moved up from behind the bar once the engine's own
+ * scroll on focus is done (that scroll knows nothing of it), but never so far that its top goes under the room the
+ * top bar keeps (the scroller's `scroll-padding-top`, the designer bar's): where it cannot fit between the two, its
+ * top wins. The bar stays where it is; the area's end is the bar's own place in the flow, where it rests once the area
+ * is scrolled to its end. Where the bar is not at the foot (sticky no longer: a wide screen's rail beside its card),
+ * nothing is moved.
+ *
+ * No `scroll-margin-bottom` on what is focused: an element taller than the room between the bars would then be
+ * aligned by its end as the engine scrolls to it — walking up by Shift+Tab, its top under the top bar.
+ */
+export declare function keepClearOfBar(bar: HTMLElement, area: HTMLElement): () => void;
+/**
+ * An element moved up from behind the bar at the foot (with a little air), as far as that takes — but its top never
+ * under the room its scroller keeps at its top (`scroll-padding-top`: the designer bar's, on the page). Where both
+ * cannot hold, the top wins. Nothing moves for an element clear of the bar already.
+ */
+export declare function clearOfBar(bar: HTMLElement, element: HTMLElement): void;
+/** The room the bar takes now, as `keepClearOfBar` measured it: 0 where it is not at the foot. */
+export declare const barRoom: (area: HTMLElement) => number;

package/src/lib/bottom-bar.js

@@ -0,0 +1,99 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.barRoom = void 0;
+exports.keepClearOfBar = keepClearOfBar;
+exports.clearOfBar = clearOfBar;
+/** The air left between a control and the bar at the foot of the screen. */
+const AIR = 8;
+/**
+ * A bar kept at the foot of the screen (`position: sticky` with a `bottom`) never hides what a person works on, and
+ * keeping it clear never hides it under the bar at the top instead (WCAG 2.4.11, both ways). A control focused in the
+ * area the bar floats over — by Tab or Shift+Tab, by a press — is moved up from behind the bar once the engine's own
+ * scroll on focus is done (that scroll knows nothing of it), but never so far that its top goes under the room the
+ * top bar keeps (the scroller's `scroll-padding-top`, the designer bar's): where it cannot fit between the two, its
+ * top wins. The bar stays where it is; the area's end is the bar's own place in the flow, where it rests once the area
+ * is scrolled to its end. Where the bar is not at the foot (sticky no longer: a wide screen's rail beside its card),
+ * nothing is moved.
+ *
+ * No `scroll-margin-bottom` on what is focused: an element taller than the room between the bars would then be
+ * aligned by its end as the engine scrolls to it — walking up by Shift+Tab, its top under the top bar.
+ */
+function keepClearOfBar(bar, area) {
+    const view = bar.ownerDocument.defaultView;
+    /** Whether the bar has been in the page: once taken out of it (a new drawer in its place), the watch ends. */
+    let placed = false;
+    const measure = () => {
+        if (!bar.isConnected)
+            return placed ? stop() : undefined;
+        placed = true;
+        const style = view?.getComputedStyle(bar);
+        const atFoot = !!style && style.position === 'sticky' && style.bottom !== 'auto' && !bar.hidden;
+        const room = atFoot ? Math.ceil(bar.getBoundingClientRect().height + (parseFloat(style.bottom) || 0) + AIR) : 0;
+        area.style.setProperty('--fd-foot-room', `${room}px`);
+    };
+    const onFocus = (event) => {
+        const control = event.target;
+        if (!control?.getBoundingClientRect || !view)
+            return;
+        // After the engine's own scroll on focus, which comes after the focus event.
+        view.requestAnimationFrame(() => {
+            if ((0, exports.barRoom)(area) && view.document.activeElement === control)
+                clearOfBar(bar, control);
+        });
+    };
+    area.addEventListener('focusin', onFocus);
+    const ResizeWatcher = view?.ResizeObserver;
+    const watcher = ResizeWatcher ? new ResizeWatcher(measure) : null;
+    // The bar's own size, and the area's width: a container query that puts the bar at the foot or takes it away.
+    watcher?.observe(bar);
+    watcher?.observe(area);
+    measure();
+    function stop() {
+        watcher?.disconnect();
+        area.removeEventListener('focusin', onFocus);
+        area.style.removeProperty('--fd-foot-room');
+    }
+    return stop;
+}
+/**
+ * The scroller that can move an element up by `by`: its nearest ancestor that scrolls up and down with that much room
+ * left — a row of tabs that scrolls sideways is no such scroller, though its `overflow-y` reads `auto` — else the page.
+ */
+function scrollerOf(element, by) {
+    const doc = element.ownerDocument;
+    const view = doc.defaultView;
+    for (let at = element.parentElement; at && at !== doc.body && at !== doc.documentElement; at = at.parentElement) {
+        const overflow = view?.getComputedStyle(at).overflowY ?? 'visible';
+        if ((overflow === 'auto' || overflow === 'scroll') && at.scrollHeight - at.clientHeight - at.scrollTop >= by)
+            return at;
+    }
+    return null;
+}
+/**
+ * An element moved up from behind the bar at the foot (with a little air), as far as that takes — but its top never
+ * under the room its scroller keeps at its top (`scroll-padding-top`: the designer bar's, on the page). Where both
+ * cannot hold, the top wins. Nothing moves for an element clear of the bar already.
+ */
+function clearOfBar(bar, element) {
+    const box = element.getBoundingClientRect();
+    const limit = bar.getBoundingClientRect().top - AIR;
+    if (box.bottom <= limit)
+        return;
+    const doc = element.ownerDocument;
+    const view = doc.defaultView;
+    const want = box.bottom - limit;
+    const own = scrollerOf(element, want);
+    const scroller = own ?? (doc.scrollingElement ?? doc.documentElement);
+    const top = (own ? own.getBoundingClientRect().top : 0) + (parseFloat(view?.getComputedStyle(scroller).scrollPaddingTop ?? '') || 0);
+    const by = Math.min(want, box.top - top);
+    if (by <= 0)
+        return;
+    if (own)
+        own.scrollTop += by;
+    else
+        view?.scrollBy(0, by);
+}
+/** The room the bar takes now, as `keepClearOfBar` measured it: 0 where it is not at the foot. */
+const barRoom = (area) => parseFloat(area.style.getPropertyValue('--fd-foot-room')) || 0;
+exports.barRoom = barRoom;
+//# sourceMappingURL=bottom-bar.js.map

package/src/lib/bottom-bar.js.map

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