@fieldia/designer 0.0.0-stage → 0.11.0

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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"}

package/src/lib/panel-search.mjs

@@ -0,0 +1,124 @@
+import { designerIcon } from './icons.mjs';
+import { en } from './locales/en/index.mjs';
+/** 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. */
+export 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;
+export function settingSearch(el, doc, shell, words = 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' }, 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.mjs.map

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

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

package/src/lib/panel-several-required.d.mts

@@ -0,0 +1,7 @@
+import type { Page } from '@fieldia/core';
+import type { ElementFactory } from './chrome.mjs';
+import type { Designer } from './designer.mjs';
+export declare function severalRequired(el: ElementFactory, designer: Designer, ids: readonly string[]): {
+    rows: HTMLElement[];
+    update(page: Page): void;
+};

package/src/lib/panel-several-required.d.ts

@@ -0,0 +1,7 @@
+import type { Page } from '@fieldia/core';
+import type { ElementFactory } from './chrome';
+import type { Designer } from './designer';
+export declare function severalRequired(el: ElementFactory, designer: Designer, ids: readonly string[]): {
+    rows: HTMLElement[];
+    update(page: Page): void;
+};

package/src/lib/panel-several-required.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.severalRequired = severalRequired;
+const layout_tree_1 = require("./layout-tree");
+const panel_controls_1 = require("./panel-controls");
+function severalRequired(el, designer, ids) {
+    const page = designer.getPage();
+    if (!ids.every((id) => (0, layout_tree_1.locate)(page, id)?.node.type === 'field'))
+        return { rows: [], update: () => undefined };
+    const w = designer.words.panel;
+    const choice = (0, panel_controls_1.segmented)(el, w.required, [
+        { value: 'yes', words: w.yes },
+        { value: 'no', words: w.no },
+        { value: 'as', words: w.asTheyAre, title: w.eachAsNow },
+    ], (value) => value && value !== 'as' && designer.setEach([...ids], { required: value === 'yes' }));
+    const hint = el('p', { class: 'fd-properties-hint fd-set-hint', hidden: '' });
+    const row = (0, panel_controls_1.setting)(el, 'rules', 'Required', choice.element, { hint, words: w.required });
+    return {
+        rows: [row],
+        update(now) {
+            const nodes = ids.map((id) => (0, layout_tree_1.locate)(now, id)?.node).filter((node) => node?.type === 'field');
+            if (nodes.length !== ids.length)
+                return;
+            const required = nodes.map((node) => now.fields[node.field]?.required === true || node.required === true);
+            choice.set(required.every(Boolean) ? 'yes' : required.some(Boolean) ? 'as' : 'no');
+            // The model's word stands: what it requires stays required, whatever is picked here.
+            const kept = nodes.filter((node) => designer.isFromModel(node.id) && now.fields[node.field]?.required === true).map((node) => designer.words.parts.quote(node.label ?? now.fields[node.field].label));
+            hint.hidden = !kept.length;
+            hint.textContent = w.staysRequired(kept);
+        },
+    };
+}
+//# sourceMappingURL=panel-several-required.js.map

package/src/lib/panel-several-required.js.map

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

package/src/lib/panel-several-required.mjs

@@ -0,0 +1,30 @@
+import { locate } from './layout-tree.mjs';
+import { segmented, setting } from './panel-controls.mjs';
+export function severalRequired(el, designer, ids) {
+    const page = designer.getPage();
+    if (!ids.every((id) => locate(page, id)?.node.type === 'field'))
+        return { rows: [], update: () => undefined };
+    const w = designer.words.panel;
+    const choice = segmented(el, w.required, [
+        { value: 'yes', words: w.yes },
+        { value: 'no', words: w.no },
+        { value: 'as', words: w.asTheyAre, title: w.eachAsNow },
+    ], (value) => value && value !== 'as' && designer.setEach([...ids], { required: value === 'yes' }));
+    const hint = el('p', { class: 'fd-properties-hint fd-set-hint', hidden: '' });
+    const row = setting(el, 'rules', 'Required', choice.element, { hint, words: w.required });
+    return {
+        rows: [row],
+        update(now) {
+            const nodes = ids.map((id) => locate(now, id)?.node).filter((node) => node?.type === 'field');
+            if (nodes.length !== ids.length)
+                return;
+            const required = nodes.map((node) => now.fields[node.field]?.required === true || node.required === true);
+            choice.set(required.every(Boolean) ? 'yes' : required.some(Boolean) ? 'as' : 'no');
+            // The model's word stands: what it requires stays required, whatever is picked here.
+            const kept = nodes.filter((node) => designer.isFromModel(node.id) && now.fields[node.field]?.required === true).map((node) => designer.words.parts.quote(node.label ?? now.fields[node.field].label));
+            hint.hidden = !kept.length;
+            hint.textContent = w.staysRequired(kept);
+        },
+    };
+}
+//# sourceMappingURL=panel-several-required.mjs.map

package/src/lib/panel-several-required.mjs.map

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

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

@@ -0,0 +1,41 @@
+import type { Page } from '@fieldia/core';
+import type { ElementFactory } from './chrome.mjs';
+import type { DesignerWords } from './designer-words.mjs';
+/**
+ * The panel's tabs: Content, Layout, Look, Rules and Data, and which of them
+ * apply to what is picked — as the approved mockup's `tabsFor` gives them. A
+ * part's words are its content; where it sits and how wide, its layout; how a
+ * group or the page is drawn, its look; when it shows or must be answered,
+ * its rules; what it is stored as, its data.
+ */
+export type PanelTab = 'content' | 'layout' | 'look' | 'rules' | 'data';
+export declare const TAB_NAMES: Record<PanelTab, string>;
+/** In the order the tabs stand. */
+export declare const TAB_ORDER: readonly PanelTab[];
+/** What is picked, as the panel tells kinds of part apart. */
+export type PartKind = 'page' | 'field' | 'group'
+/** A section with no title in the plain style: there only to put parts side by side. */
+ | 'arrangement' | 'tabs' | 'tab'
+/** Words, a heading, a button, an image, a divider or a spacer. */
+ | 'block' | 'several'
+/** A button, a counter or a badge in a sheet's header. */
+ | 'header' | 'statusbar' | 'list' | 'column' | 'action';
+/** On a field's Rules tab in Simple mode: when it shows and whether it is required. The rest waits for Advanced. */
+export declare const SIMPLE_RULES: ReadonlySet<string>;
+export declare function tabsFor(kind: PartKind, mode?: 'simple' | 'advanced'): PanelTab[];
+/** The kind of what is picked: nothing, one part, or several. */
+export declare function partKindOf(page: Page, picked: readonly string[]): PartKind;
+export interface TabStrip {
+    element: HTMLElement;
+    /** Draw these tabs, `current` chosen. */
+    show(tabs: readonly PanelTab[], current: PanelTab): void;
+    /** The id of the panel a tab controls. */
+    panelId(tab: PanelTab): string;
+    tabId(tab: PanelTab): string;
+}
+/**
+ * The tabs, as a tablist: one in the Tab order, the arrows going along it and
+ * round its ends (mirrored right to left), Home and End to its ends. A tab is
+ * chosen as the arrows reach it, as the panels show at once.
+ */
+export declare function tabStrip(el: ElementFactory, choose: (tab: PanelTab) => void, words?: DesignerWords): TabStrip;

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

@@ -0,0 +1,41 @@
+import type { Page } from '@fieldia/core';
+import type { ElementFactory } from './chrome';
+import type { DesignerWords } from './designer-words';
+/**
+ * The panel's tabs: Content, Layout, Look, Rules and Data, and which of them
+ * apply to what is picked — as the approved mockup's `tabsFor` gives them. A
+ * part's words are its content; where it sits and how wide, its layout; how a
+ * group or the page is drawn, its look; when it shows or must be answered,
+ * its rules; what it is stored as, its data.
+ */
+export type PanelTab = 'content' | 'layout' | 'look' | 'rules' | 'data';
+export declare const TAB_NAMES: Record<PanelTab, string>;
+/** In the order the tabs stand. */
+export declare const TAB_ORDER: readonly PanelTab[];
+/** What is picked, as the panel tells kinds of part apart. */
+export type PartKind = 'page' | 'field' | 'group'
+/** A section with no title in the plain style: there only to put parts side by side. */
+ | 'arrangement' | 'tabs' | 'tab'
+/** Words, a heading, a button, an image, a divider or a spacer. */
+ | 'block' | 'several'
+/** A button, a counter or a badge in a sheet's header. */
+ | 'header' | 'statusbar' | 'list' | 'column' | 'action';
+/** On a field's Rules tab in Simple mode: when it shows and whether it is required. The rest waits for Advanced. */
+export declare const SIMPLE_RULES: ReadonlySet<string>;
+export declare function tabsFor(kind: PartKind, mode?: 'simple' | 'advanced'): PanelTab[];
+/** The kind of what is picked: nothing, one part, or several. */
+export declare function partKindOf(page: Page, picked: readonly string[]): PartKind;
+export interface TabStrip {
+    element: HTMLElement;
+    /** Draw these tabs, `current` chosen. */
+    show(tabs: readonly PanelTab[], current: PanelTab): void;
+    /** The id of the panel a tab controls. */
+    panelId(tab: PanelTab): string;
+    tabId(tab: PanelTab): string;
+}
+/**
+ * The tabs, as a tablist: one in the Tab order, the arrows going along it and
+ * round its ends (mirrored right to left), Home and End to its ends. A tab is
+ * chosen as the arrows reach it, as the panels show at once.
+ */
+export declare function tabStrip(el: ElementFactory, choose: (tab: PanelTab) => void, words?: DesignerWords): TabStrip;

package/src/lib/panel-tabs.js

@@ -0,0 +1,128 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SIMPLE_RULES = exports.TAB_ORDER = exports.TAB_NAMES = void 0;
+exports.tabsFor = tabsFor;
+exports.partKindOf = partKindOf;
+exports.tabStrip = tabStrip;
+const header_commands_1 = require("./header-commands");
+const layout_tree_1 = require("./layout-tree");
+const en_1 = require("./locales/en");
+exports.TAB_NAMES = { content: 'Content', layout: 'Layout', look: 'Look', rules: 'Rules', data: 'Data' };
+/** In the order the tabs stand. */
+exports.TAB_ORDER = ['content', 'layout', 'look', 'rules', 'data'];
+/** On a field's Rules tab in Simple mode: when it shows and whether it is required. The rest waits for Advanced. */
+exports.SIMPLE_RULES = new Set(['Required', 'When it shows']);
+function tabsFor(kind, mode = 'advanced') {
+    // Simple keeps to what most forms need: a field's words and its rules, every other part's words — and what the
+    // page is, a screen or a record sheet, which no form can do without.
+    if (mode === 'simple' && kind !== 'several')
+        return kind === 'field' ? ['content', 'rules'] : kind === 'page' ? ['content', 'layout'] : ['content'];
+    switch (kind) {
+        case 'page':
+            // steps lane: the form's own moments are its rules.
+            return ['content', 'layout', 'look', 'rules'];
+        case 'group':
+            return ['content', 'layout', 'look', 'rules'];
+        case 'field':
+            return ['content', 'layout', 'rules', 'data'];
+        case 'arrangement':
+            return ['layout'];
+        case 'several':
+            // gap lane: fields picked together are made required together.
+            return ['layout', 'rules'];
+        case 'tabs':
+        case 'block':
+            return ['content', 'layout'];
+        default:
+            return ['content'];
+    }
+}
+/** The kind of what is picked: nothing, one part, or several. */
+function partKindOf(page, picked) {
+    if (picked.length > 1)
+        return 'several';
+    const id = picked[0] ?? null;
+    const layout = page.layout;
+    if (layout.type === 'list') {
+        if (id?.startsWith('column:') && layout.columns.includes(id.slice('column:'.length)))
+            return 'column';
+        return id && layout.actions?.some((a) => a.id === id) ? 'action' : 'list';
+    }
+    if (id === null)
+        return 'page';
+    if ((0, header_commands_1.findHeaderPart)(page, id))
+        return 'header';
+    if (id === '#statusbar')
+        return layout.type === 'sheet' && layout.statusbar ? 'statusbar' : 'page';
+    const node = (0, layout_tree_1.locate)(page, id)?.node;
+    if (!node)
+        return 'page';
+    if (node.type === 'field')
+        return 'field';
+    if ((0, layout_tree_1.isSection)(node))
+        return (0, layout_tree_1.isWrapper)(node) ? 'arrangement' : 'group';
+    if (node.type === 'tabs' || node.type === 'tab')
+        return node.type;
+    return 'block';
+}
+let made = 0;
+/**
+ * The tabs, as a tablist: one in the Tab order, the arrows going along it and
+ * round its ends (mirrored right to left), Home and End to its ends. A tab is
+ * chosen as the arrows reach it, as the panels show at once.
+ */
+function tabStrip(el, choose, words = en_1.en) {
+    const base = `fd-insp-${++made}`;
+    const element = el('div', { class: 'fd-insp-tabs', role: 'tablist', 'aria-label': words.panel.settings });
+    const buttons = () => [...element.querySelectorAll('[role="tab"]')];
+    const go = (button) => {
+        if (!button)
+            return;
+        choose(button.dataset['tab']);
+        // Chosen, the strip is drawn again: the tab of that name takes the focus.
+        element.querySelector(`[data-tab="${button.dataset['tab']}"]`)?.focus();
+    };
+    element.addEventListener('keydown', (event) => {
+        const all = buttons();
+        const at = all.indexOf(event.target);
+        if (at === -1)
+            return;
+        const rtl = element.ownerDocument.defaultView?.getComputedStyle(element).direction === 'rtl';
+        const step = { ArrowRight: rtl ? -1 : 1, ArrowLeft: rtl ? 1 : -1 }[event.key];
+        let to = null;
+        if (step !== undefined)
+            to = (at + step + all.length) % all.length;
+        else if (event.key === 'Home')
+            to = 0;
+        else if (event.key === 'End')
+            to = all.length - 1;
+        if (to === null)
+            return;
+        event.preventDefault();
+        go(all[to]);
+    });
+    const tabId = (tab) => `${base}-tab-${tab}`;
+    const panelId = (tab) => `${base}-panel-${tab}`;
+    return {
+        element,
+        tabId,
+        panelId,
+        show(tabs, current) {
+            const key = tabs.join(',');
+            if (element.dataset['tabs'] !== key) {
+                element.dataset['tabs'] = key;
+                element.replaceChildren(...tabs.map((tab) => {
+                    const button = el('button', { type: 'button', role: 'tab', class: 'fd-insp-tab', id: tabId(tab), 'data-tab': tab, 'aria-controls': panelId(tab) }, words.panel.tabs[tab]);
+                    button.addEventListener('click', () => choose(tab));
+                    return button;
+                }));
+            }
+            for (const button of buttons()) {
+                const on = button.dataset['tab'] === current;
+                button.setAttribute('aria-selected', String(on));
+                button.tabIndex = on ? 0 : -1;
+            }
+        },
+    };
+}
+//# sourceMappingURL=panel-tabs.js.map

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

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