@fieldia/designer 0.0.0-stage → 0.12.0

package/src/lib/panel-screen.js

@@ -0,0 +1,195 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.headOf = headOf;
+exports.screenPanel = screenPanel;
+const find_anything_1 = require("./find-anything");
+const header_commands_1 = require("./header-commands");
+const header_properties_1 = require("./header-properties");
+const kinds_1 = require("./kinds");
+const layout_tree_1 = require("./layout-tree");
+const en_1 = require("./locales/en");
+const list_properties_1 = require("./list-properties");
+const panel_field_1 = require("./panel-field");
+const panel_group_1 = require("./panel-group");
+const panel_inspector_1 = require("./panel-inspector");
+const panel_look_1 = require("./panel-look");
+const panel_page_1 = require("./panel-page");
+const panel_parts_1 = require("./panel-parts");
+const panel_search_1 = require("./panel-search");
+const panel_tabs_1 = require("./panel-tabs");
+const saved_forms_1 = require("./saved-forms");
+const screen_properties_1 = require("./screen-properties");
+/** The tab each part the canvas asks for is on. */
+const PART_TAB = { field: 'content', when: 'rules', filters: 'content' };
+/** A block's kind in the head, by its type, and its icon. */
+const BLOCK_HEADS = {
+    button: ['button', 'play'],
+    image: ['image', 'image'],
+    divider: ['divider', 'width'],
+    spacer: ['spacer', 'width'],
+    slot: ['slot', 'more'],
+    form: ['form', 'saved-form'],
+};
+/** What is picked, as the head says it: its kind, with an icon, and its name. */
+function headOf(page, kind, picked, fromModel, words = en_1.en, savedTitle) {
+    const w = words.panel;
+    const h = w.heads;
+    const named = (node) => (0, layout_tree_1.nameOf)(page, node ?? null, words);
+    const id = picked[picked.length - 1] ?? '';
+    const node = (0, layout_tree_1.locate)(page, id)?.node;
+    const layout = page.layout;
+    switch (kind) {
+        case 'several':
+            return { icon: 'check', kind: h.several, name: w.partsPicked(picked.length) };
+        case 'field': {
+            const field = node?.type === 'field' ? node : null;
+            const def = field ? page.fields[field.field] : undefined;
+            const made = field && def ? (0, kinds_1.kindOfField)(def, field) : null;
+            return { icon: made ?? 'short-answer', kind: made ? (0, kinds_1.kindName)((0, kinds_1.kindById)(made), words) : h.field, note: fromModel(id) ? w.fromTheModel : undefined, name: named(node) };
+        }
+        case 'group':
+            return { icon: 'section', kind: h.group, name: named(node) || words.parts.untitledSection };
+        case 'arrangement':
+            return { icon: 'width', kind: h.sideBySide, name: node ? (0, layout_tree_1.seenAs)(page, node, words) : '' };
+        case 'tabs':
+            return { icon: 'tabs', kind: h.tabs, name: node?.type === 'tabs' ? words.parts.commaList(node.children.map((t) => t.label)) : h.tabs };
+        case 'tab':
+            return { icon: 'tabs', kind: h.tab, name: named(node) };
+        case 'block': {
+            const heading = node?.type === 'text' && node.style === 'heading';
+            const [key, icon] = node?.type === 'text' ? [heading ? 'heading' : 'words', 'paragraph'] : (BLOCK_HEADS[node?.type ?? ''] ?? ['part', 'more']);
+            // A saved form with no words of its own over it: named by its title, as the canvas names it.
+            const title = node?.type === 'form' && !node.title ? savedTitle?.(node.page) : undefined;
+            return { icon, kind: h[key], name: title || named(node) };
+        }
+        case 'header': {
+            const part = (0, header_commands_1.findHeaderPart)(page, id);
+            const kinds = { button: h.button, stat: h.counter, badge: h.badge, ribbon: h.ribbon, alert: h.alert, menu: h.menuItem };
+            return { icon: 'play', kind: part ? kinds[part.kind] : h.button, name: part ? (0, header_commands_1.wordsOf)(part.part) : '' };
+        }
+        case 'statusbar': {
+            const field = layout.type === 'sheet' ? layout.statusbar?.field : undefined;
+            return { icon: 'status', kind: h.statusSteps, name: field ? (page.fields[field]?.label ?? field) : '' };
+        }
+        case 'list':
+            return { icon: 'lines', kind: h.list, name: page.title || w.untitledList };
+        case 'column': {
+            const name = id.slice('column:'.length);
+            return { icon: 'lines', kind: h.column, name: page.fields[name]?.label ?? name };
+        }
+        case 'action': {
+            const action = layout.type === 'list' ? layout.actions?.find((a) => a.id === id) : undefined;
+            return { icon: 'play', kind: h.button, name: action?.label ?? '' };
+        }
+        default:
+            return { icon: 'file', kind: layout.type === 'sheet' ? h.sheet : h.screen, name: page.title || words.bar.untitledScreen };
+    }
+}
+function screenPanel(options) {
+    const { el, doc, designer, wearer } = options;
+    const shell = (0, panel_inspector_1.inspectorShell)(el, doc, designer.words);
+    const search = (0, panel_search_1.settingSearch)(el, doc, shell, designer.words);
+    let key = '';
+    let view = null;
+    let mode = 'advanced';
+    function viewOf(kind, picked) {
+        const id = picked[picked.length - 1] ?? '';
+        switch (kind) {
+            case 'header':
+                return (0, header_properties_1.headerPartProperties)(el, designer, id);
+            case 'statusbar':
+                return (0, header_properties_1.statusbarProperties)(el, designer);
+            case 'field':
+                return (0, panel_field_1.fieldProperties)(el, designer, id, options.sampling);
+            case 'group':
+                return (0, panel_group_1.groupProperties)(el, designer, id);
+            case 'arrangement':
+                return (0, panel_group_1.arrangementProperties)(el, designer, id);
+            case 'tabs':
+                return (0, screen_properties_1.tabsProperties)(el, designer, id);
+            case 'tab':
+                return (0, screen_properties_1.tabProperties)(el, designer, id);
+            case 'block':
+                return (0, panel_parts_1.blockProperties)(el, designer, id);
+            case 'several':
+                return (0, panel_parts_1.severalProperties)(el, designer, picked);
+            case 'list':
+                return (0, list_properties_1.listProperties)(el, designer);
+            case 'column':
+                return (0, list_properties_1.columnProperties)(el, designer, id.slice('column:'.length));
+            case 'action':
+                return (0, list_properties_1.listActionProperties)(el, designer, id);
+            default:
+                return (0, panel_page_1.pageProperties)(el, designer);
+        }
+    }
+    /** Go to a setting on show, by its tab and name: a choice made first, unless it is made already. */
+    function go(tab, name, choice) {
+        const find = () => shell.rows().find((row) => row.tab === tab && row.name === name);
+        const button = choice === undefined ? undefined : find()?.choices.find((c) => c.value === choice)?.button;
+        if (button && button.getAttribute('aria-pressed') !== 'true')
+            button.click();
+        // Made, the choice may have drawn the panel again: the setting is looked for afresh.
+        const row = find();
+        if (row)
+            shell.go(row, choice);
+    }
+    return {
+        element: shell.element,
+        update(state) {
+            const { page, picked } = state;
+            const kind = (0, panel_tabs_1.partKindOf)(page, picked);
+            const now = `${mode}:${kind === 'page' || kind === 'list' ? kind : `${kind}:${picked.join(',')}`}`;
+            if (now !== key) {
+                key = now;
+                view?.destroy?.();
+                view = viewOf(kind, picked);
+                shell.show(kind, view, mode);
+            }
+            view?.update(page);
+            shell.head(headOf(page, kind, picked, (id) => designer.isFromModel(id), designer.words, (pageId) => (0, saved_forms_1.shownTitle)(designer.savedForm(pageId)?.page, designer.getPage().language)));
+            search.refresh();
+            // The canvas wears the page's look as it is set.
+            if (wearer)
+                (0, panel_look_1.wearLook)(wearer, page.look);
+        },
+        setMode(next) {
+            mode = next;
+            key = '';
+            this.update(designer.getState());
+        },
+        destroy() {
+            view?.destroy?.();
+            view = null;
+        },
+        findItems() {
+            const page = designer.getPage();
+            const w = designer.words.panel;
+            const own = shell.rows();
+            const items = (0, find_anything_1.settingItems)(own.map((row) => ({ ...row, name: w.settingName(row.name), tab: w.tabs[row.tab], row })), ({ row }, choice) => go(row.tab, row.name, choice), designer.words);
+            // The page's look, from wherever: what is picked is put down to show it. Simple keeps the look as it is.
+            if (mode === 'simple' || (0, panel_tabs_1.partKindOf)(page, designer.getState().picked) === 'page' || page.layout.type === 'list')
+                return items;
+            const look = (0, panel_look_1.pageLookSettings)(el, designer);
+            look.update(page);
+            const names = new Set(own.map((row) => row.name));
+            const rows = (0, panel_inspector_1.settingRows)(el('div', {}, ...look.rows), 'look');
+            return [
+                ...items,
+                ...(0, find_anything_1.settingItems)(rows.map((row) => ({ ...row, name: names.has(row.name) ? w.pagesSetting(w.settingName(row.name)) : w.settingName(row.name), tab: w.pagesLook, own: row.name })), ({ own: name }, choice) => {
+                    designer.select(null);
+                    go('look', name, choice);
+                }, designer.words),
+            ];
+        },
+        open(part) {
+            shell.choose(PART_TAB[part]);
+            view?.focus?.(part);
+            const panel = shell.element;
+            panel.classList.remove('fd-flash');
+            void panel.offsetWidth;
+            panel.classList.add('fd-flash');
+        },
+    };
+}
+//# sourceMappingURL=panel-screen.js.map

package/src/lib/panel-screen.js.map

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

package/src/lib/panel-screen.mjs

@@ -0,0 +1,191 @@
+import { settingItems } from './find-anything.mjs';
+import { findHeaderPart, wordsOf } from './header-commands.mjs';
+import { headerPartProperties, statusbarProperties } from './header-properties.mjs';
+import { kindById, kindName, kindOfField } from './kinds.mjs';
+import { locate, nameOf, seenAs } from './layout-tree.mjs';
+import { en } from './locales/en/index.mjs';
+import { columnProperties, listActionProperties, listProperties } from './list-properties.mjs';
+import { fieldProperties } from './panel-field.mjs';
+import { arrangementProperties, groupProperties } from './panel-group.mjs';
+import { inspectorShell, settingRows } from './panel-inspector.mjs';
+import { pageLookSettings, wearLook } from './panel-look.mjs';
+import { pageProperties } from './panel-page.mjs';
+import { blockProperties, severalProperties } from './panel-parts.mjs';
+import { settingSearch } from './panel-search.mjs';
+import { partKindOf } from './panel-tabs.mjs';
+import { shownTitle } from './saved-forms.mjs';
+import { tabProperties, tabsProperties } from './screen-properties.mjs';
+/** The tab each part the canvas asks for is on. */
+const PART_TAB = { field: 'content', when: 'rules', filters: 'content' };
+/** A block's kind in the head, by its type, and its icon. */
+const BLOCK_HEADS = {
+    button: ['button', 'play'],
+    image: ['image', 'image'],
+    divider: ['divider', 'width'],
+    spacer: ['spacer', 'width'],
+    slot: ['slot', 'more'],
+    form: ['form', 'saved-form'],
+};
+/** What is picked, as the head says it: its kind, with an icon, and its name. */
+export function headOf(page, kind, picked, fromModel, words = en, savedTitle) {
+    const w = words.panel;
+    const h = w.heads;
+    const named = (node) => nameOf(page, node ?? null, words);
+    const id = picked[picked.length - 1] ?? '';
+    const node = locate(page, id)?.node;
+    const layout = page.layout;
+    switch (kind) {
+        case 'several':
+            return { icon: 'check', kind: h.several, name: w.partsPicked(picked.length) };
+        case 'field': {
+            const field = node?.type === 'field' ? node : null;
+            const def = field ? page.fields[field.field] : undefined;
+            const made = field && def ? kindOfField(def, field) : null;
+            return { icon: made ?? 'short-answer', kind: made ? kindName(kindById(made), words) : h.field, note: fromModel(id) ? w.fromTheModel : undefined, name: named(node) };
+        }
+        case 'group':
+            return { icon: 'section', kind: h.group, name: named(node) || words.parts.untitledSection };
+        case 'arrangement':
+            return { icon: 'width', kind: h.sideBySide, name: node ? seenAs(page, node, words) : '' };
+        case 'tabs':
+            return { icon: 'tabs', kind: h.tabs, name: node?.type === 'tabs' ? words.parts.commaList(node.children.map((t) => t.label)) : h.tabs };
+        case 'tab':
+            return { icon: 'tabs', kind: h.tab, name: named(node) };
+        case 'block': {
+            const heading = node?.type === 'text' && node.style === 'heading';
+            const [key, icon] = node?.type === 'text' ? [heading ? 'heading' : 'words', 'paragraph'] : (BLOCK_HEADS[node?.type ?? ''] ?? ['part', 'more']);
+            // A saved form with no words of its own over it: named by its title, as the canvas names it.
+            const title = node?.type === 'form' && !node.title ? savedTitle?.(node.page) : undefined;
+            return { icon, kind: h[key], name: title || named(node) };
+        }
+        case 'header': {
+            const part = findHeaderPart(page, id);
+            const kinds = { button: h.button, stat: h.counter, badge: h.badge, ribbon: h.ribbon, alert: h.alert, menu: h.menuItem };
+            return { icon: 'play', kind: part ? kinds[part.kind] : h.button, name: part ? wordsOf(part.part) : '' };
+        }
+        case 'statusbar': {
+            const field = layout.type === 'sheet' ? layout.statusbar?.field : undefined;
+            return { icon: 'status', kind: h.statusSteps, name: field ? (page.fields[field]?.label ?? field) : '' };
+        }
+        case 'list':
+            return { icon: 'lines', kind: h.list, name: page.title || w.untitledList };
+        case 'column': {
+            const name = id.slice('column:'.length);
+            return { icon: 'lines', kind: h.column, name: page.fields[name]?.label ?? name };
+        }
+        case 'action': {
+            const action = layout.type === 'list' ? layout.actions?.find((a) => a.id === id) : undefined;
+            return { icon: 'play', kind: h.button, name: action?.label ?? '' };
+        }
+        default:
+            return { icon: 'file', kind: layout.type === 'sheet' ? h.sheet : h.screen, name: page.title || words.bar.untitledScreen };
+    }
+}
+export function screenPanel(options) {
+    const { el, doc, designer, wearer } = options;
+    const shell = inspectorShell(el, doc, designer.words);
+    const search = settingSearch(el, doc, shell, designer.words);
+    let key = '';
+    let view = null;
+    let mode = 'advanced';
+    function viewOf(kind, picked) {
+        const id = picked[picked.length - 1] ?? '';
+        switch (kind) {
+            case 'header':
+                return headerPartProperties(el, designer, id);
+            case 'statusbar':
+                return statusbarProperties(el, designer);
+            case 'field':
+                return fieldProperties(el, designer, id, options.sampling);
+            case 'group':
+                return groupProperties(el, designer, id);
+            case 'arrangement':
+                return arrangementProperties(el, designer, id);
+            case 'tabs':
+                return tabsProperties(el, designer, id);
+            case 'tab':
+                return tabProperties(el, designer, id);
+            case 'block':
+                return blockProperties(el, designer, id);
+            case 'several':
+                return severalProperties(el, designer, picked);
+            case 'list':
+                return listProperties(el, designer);
+            case 'column':
+                return columnProperties(el, designer, id.slice('column:'.length));
+            case 'action':
+                return listActionProperties(el, designer, id);
+            default:
+                return pageProperties(el, designer);
+        }
+    }
+    /** Go to a setting on show, by its tab and name: a choice made first, unless it is made already. */
+    function go(tab, name, choice) {
+        const find = () => shell.rows().find((row) => row.tab === tab && row.name === name);
+        const button = choice === undefined ? undefined : find()?.choices.find((c) => c.value === choice)?.button;
+        if (button && button.getAttribute('aria-pressed') !== 'true')
+            button.click();
+        // Made, the choice may have drawn the panel again: the setting is looked for afresh.
+        const row = find();
+        if (row)
+            shell.go(row, choice);
+    }
+    return {
+        element: shell.element,
+        update(state) {
+            const { page, picked } = state;
+            const kind = partKindOf(page, picked);
+            const now = `${mode}:${kind === 'page' || kind === 'list' ? kind : `${kind}:${picked.join(',')}`}`;
+            if (now !== key) {
+                key = now;
+                view?.destroy?.();
+                view = viewOf(kind, picked);
+                shell.show(kind, view, mode);
+            }
+            view?.update(page);
+            shell.head(headOf(page, kind, picked, (id) => designer.isFromModel(id), designer.words, (pageId) => shownTitle(designer.savedForm(pageId)?.page, designer.getPage().language)));
+            search.refresh();
+            // The canvas wears the page's look as it is set.
+            if (wearer)
+                wearLook(wearer, page.look);
+        },
+        setMode(next) {
+            mode = next;
+            key = '';
+            this.update(designer.getState());
+        },
+        destroy() {
+            view?.destroy?.();
+            view = null;
+        },
+        findItems() {
+            const page = designer.getPage();
+            const w = designer.words.panel;
+            const own = shell.rows();
+            const items = settingItems(own.map((row) => ({ ...row, name: w.settingName(row.name), tab: w.tabs[row.tab], row })), ({ row }, choice) => go(row.tab, row.name, choice), designer.words);
+            // The page's look, from wherever: what is picked is put down to show it. Simple keeps the look as it is.
+            if (mode === 'simple' || partKindOf(page, designer.getState().picked) === 'page' || page.layout.type === 'list')
+                return items;
+            const look = pageLookSettings(el, designer);
+            look.update(page);
+            const names = new Set(own.map((row) => row.name));
+            const rows = settingRows(el('div', {}, ...look.rows), 'look');
+            return [
+                ...items,
+                ...settingItems(rows.map((row) => ({ ...row, name: names.has(row.name) ? w.pagesSetting(w.settingName(row.name)) : w.settingName(row.name), tab: w.pagesLook, own: row.name })), ({ own: name }, choice) => {
+                    designer.select(null);
+                    go('look', name, choice);
+                }, designer.words),
+            ];
+        },
+        open(part) {
+            shell.choose(PART_TAB[part]);
+            view?.focus?.(part);
+            const panel = shell.element;
+            panel.classList.remove('fd-flash');
+            void panel.offsetWidth;
+            panel.classList.add('fd-flash');
+        },
+    };
+}
+//# sourceMappingURL=panel-screen.mjs.map

package/src/lib/panel-screen.mjs.map

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

package/src/lib/panel-search.d.mts

@@ -0,0 +1,24 @@
+import type { ElementFactory } from './chrome.mjs';
+import type { InspectorShell } from './panel-inspector.mjs';
+import type { DesignerWords } from './designer-words.mjs';
+/**
+ * Searching the panel's settings by name, across all its tabs: what is found
+ * is listed by tab, the best first, and Enter or a click goes to it — its tab
+ * chosen, its control focused. A setting is found by its name, or by the
+ * words of one of its choices ("beside" finds Labels).
+ */
+export interface Rankable {
+    name: string;
+    /** Its place in the panel: of two that match as well, the earlier comes first. */
+    order: number;
+    /** The words of its choices, which find it too. */
+    words: string;
+}
+/** The settings with every word typed in their name or their choices, the best first. */
+export declare function rankSettings<T extends Rankable>(rows: readonly T[], typed: string): T[];
+export interface SettingSearch {
+    element: HTMLElement;
+    /** Look again, as what is picked has changed. */
+    refresh(): void;
+}
+export declare function settingSearch(el: ElementFactory, doc: Document, shell: InspectorShell, words?: DesignerWords): SettingSearch;

package/src/lib/panel-search.d.ts

@@ -0,0 +1,24 @@
+import type { ElementFactory } from './chrome';
+import type { InspectorShell } from './panel-inspector';
+import type { DesignerWords } from './designer-words';
+/**
+ * Searching the panel's settings by name, across all its tabs: what is found
+ * is listed by tab, the best first, and Enter or a click goes to it — its tab
+ * chosen, its control focused. A setting is found by its name, or by the
+ * words of one of its choices ("beside" finds Labels).
+ */
+export interface Rankable {
+    name: string;
+    /** Its place in the panel: of two that match as well, the earlier comes first. */
+    order: number;
+    /** The words of its choices, which find it too. */
+    words: string;
+}
+/** The settings with every word typed in their name or their choices, the best first. */
+export declare function rankSettings<T extends Rankable>(rows: readonly T[], typed: string): T[];
+export interface SettingSearch {
+    element: HTMLElement;
+    /** Look again, as what is picked has changed. */
+    refresh(): void;
+}
+export declare function settingSearch(el: ElementFactory, doc: Document, shell: InspectorShell, words?: DesignerWords): SettingSearch;

package/src/lib/panel-search.js

@@ -0,0 +1,128 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rankSettings = rankSettings;
+exports.settingSearch = settingSearch;
+const icons_1 = require("./icons");
+const en_1 = require("./locales/en");
+/** How well a name matches: itself, from its start, from a word's start, anywhere; found only by its choices, least. */
+function score(name, query) {
+    const text = name.toLowerCase();
+    if (text === query)
+        return 4;
+    if (text.startsWith(query))
+        return 3;
+    if (text.split(/[\s-]+/).some((word) => word.startsWith(query)))
+        return 2;
+    return text.includes(query) ? 1 : 0;
+}
+/** The settings with every word typed in their name or their choices, the best first. */
+function rankSettings(rows, typed) {
+    const query = typed.trim().toLowerCase().replace(/\s+/g, ' ');
+    if (!query)
+        return [];
+    const words = query.split(' ');
+    return rows
+        .filter((row) => {
+        const text = `${row.name} ${row.words}`.toLowerCase();
+        return words.every((word) => text.includes(word));
+    })
+        .map((row) => ({ row, score: score(row.name, query) }))
+        .sort((a, b) => b.score - a.score || a.row.order - b.row.order)
+        .map(({ row }) => row);
+}
+let made = 0;
+function settingSearch(el, doc, shell, words = en_1.en) {
+    const w = words.panel;
+    const id = `fd-insp-search-${++made}`;
+    const box = el('input', {
+        type: 'search',
+        class: 'fd-input fd-insp-search-box',
+        role: 'combobox',
+        'aria-label': w.searchSettings,
+        'aria-expanded': 'false',
+        'aria-controls': `${id}-list`,
+        'aria-autocomplete': 'list',
+        autocomplete: 'off',
+        spellcheck: 'false',
+        placeholder: w.searchSettings,
+    });
+    const list = el('div', { class: 'fd-insp-found', role: 'listbox', id: `${id}-list`, 'aria-label': w.settingsFound, hidden: '' });
+    const none = el('p', { class: 'fd-properties-hint fd-insp-none', role: 'status', hidden: '' });
+    const element = el('div', { class: 'fd-insp-search' }, el('span', { class: 'fd-insp-search-icon' }, (0, icons_1.designerIcon)(doc, 'search')), box);
+    let found = [];
+    let at = 0;
+    function draw() {
+        const query = box.value;
+        const searching = query.trim() !== '';
+        const rows = shell.rows();
+        // Found by its name as the panel says it, in the designer's language.
+        const ranked = searching ? rankSettings(rows.map((row, order) => ({ ...row, name: w.settingName(row.name), order, words: row.choices.map((c) => c.words).join(' ') })), query) : [];
+        // Grouped by tab, the tab of the best first; the arrows go down the list as it is drawn.
+        const tabs = [];
+        for (const row of ranked)
+            if (!tabs.includes(row.tab))
+                tabs.push(row.tab);
+        found = tabs.flatMap((tab) => ranked.filter((row) => row.tab === tab));
+        at = Math.min(at, Math.max(0, found.length - 1));
+        shell.setTabsHidden(searching);
+        list.hidden = !found.length;
+        none.hidden = !searching || found.length > 0;
+        none.textContent = w.noSetting(query.trim());
+        box.setAttribute('aria-expanded', String(found.length > 0));
+        list.replaceChildren(...tabs.map((tab) => el('div', { class: 'fd-insp-found-group', role: 'group', 'aria-label': w.tabs[tab] }, el('div', { class: 'fd-insp-found-tab', 'aria-hidden': 'true' }, w.tabs[tab]), ...found.flatMap((row, index) => (row.tab === tab ? [option(row, index)] : [])))));
+        if (found.length)
+            box.setAttribute('aria-activedescendant', `${id}-${at}`);
+        else
+            box.removeAttribute('aria-activedescendant');
+        list.querySelector('[aria-selected="true"]')?.scrollIntoView?.({ block: 'nearest' });
+    }
+    function option(row, index) {
+        const pressed = row.choices.find((c) => c.button.getAttribute('aria-pressed') === 'true');
+        const item = el('div', { class: 'fd-insp-found-option', role: 'option', id: `${id}-${index}`, 'aria-selected': String(index === at) }, el('span', { class: 'fd-insp-found-name' }, row.name), ...(pressed ? [el('span', { class: 'fd-insp-found-value' }, pressed.words)] : []));
+        // A press keeps the cursor in the box until the click goes to the setting.
+        item.addEventListener('pointerdown', (event) => event.preventDefault());
+        item.addEventListener('click', () => go(row));
+        return item;
+    }
+    function go(row) {
+        box.value = '';
+        at = 0;
+        draw();
+        shell.go(row);
+    }
+    box.addEventListener('input', () => {
+        at = 0;
+        draw();
+    });
+    box.addEventListener('keydown', (event) => {
+        if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
+            if (!found.length)
+                return;
+            event.preventDefault();
+            at = (at + (event.key === 'ArrowDown' ? 1 : -1) + found.length) % found.length;
+            draw();
+        }
+        else if (event.key === 'Enter') {
+            event.preventDefault();
+            if (found[at])
+                go(found[at]);
+        }
+        else if (event.key === 'Escape' && box.value) {
+            // Escape empties the box first; the editor's own Escape comes after.
+            event.preventDefault();
+            event.stopPropagation();
+            box.value = '';
+            at = 0;
+            draw();
+        }
+    });
+    shell.top.append(element, list, none);
+    return {
+        element,
+        refresh() {
+            if (box.value.trim())
+                draw();
+        },
+    };
+}
+//# sourceMappingURL=panel-search.js.map

package/src/lib/panel-search.js.map

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