quilt-vanilla 0.1.0

package/dist/menu.js

@@ -0,0 +1,356 @@
+import { actionIcon } from './action-icons.js';
+import { fillTabPicker } from './picker.js';
+import { findNode, findParent, groups, paneIds } from 'quilt-core';
+import { el, Scope } from './lifetime.js';
+export function createPaneMenu(root, options, windows, refresh, report) {
+    const doc = root.ownerDocument, win = doc.defaultView;
+    let current;
+    const persistentPickers = new Map();
+    const act = (fn) => {
+        try {
+            fn();
+        }
+        catch (error) {
+            report(error);
+        }
+    };
+    function button(text, title, action) {
+        const b = el(doc, 'button', 'layouts-button', text);
+        b.type = 'button';
+        b.title = title;
+        b.setAttribute('aria-label', title);
+        b.onclick = () => act(action);
+        return b;
+    }
+    function open(anchor, pane, group, direction, ratio = 0.5, groupActions = false, addTab = false) {
+        current?.dispose();
+        const latestGroup = findNode(options.store.getSnapshot().root, group.id);
+        if (latestGroup?.kind !== 'group')
+            return;
+        group = latestGroup;
+        const local = new Scope();
+        current = local;
+        const dialog = el(doc, 'dialog', 'layouts-menu');
+        dialog.tabIndex = -1;
+        dialog.autofocus = true;
+        dialog.setAttribute('aria-label', pane && !groupActions ? `${pane.title} actions` : 'Empty pane actions');
+        local.add(() => dialog.remove());
+        const add = (icon, label, enabled, fn) => {
+            const b = button(label, label, () => {
+                local.dispose();
+                act(fn);
+            });
+            const glyph = el(doc, 'span', 'layouts-tab-icon');
+            glyph.setAttribute('aria-hidden', 'true');
+            act(() => glyph.append(actionIcon(doc, icon, options)));
+            b.replaceChildren(glyph, el(doc, 'span', '', label.replace(/^\+ /, '')));
+            b.disabled = !enabled;
+            dialog.append(b);
+            return b;
+        };
+        const allowed = (cap) => group.panes.every((id) => options.store.can(id, cap));
+        const available = Boolean(options.tabs?.list().length);
+        const create = (axis, before = false) => {
+            if (!axis && !pane && !options.tabs)
+                return;
+            let destination = group;
+            if (axis && (options.tabs || !pane)) {
+                const id = options.store.split(group.id, axis, null, { source: 'user', before, ratio });
+                destination = findNode(options.store.getSnapshot().root, id);
+                refresh();
+                if (!options.tabs)
+                    return;
+            }
+            const commit = (fresh) => options.store.add(fresh, destination.id, { source: 'user' });
+            if (options.tabs) {
+                if ((axis || !group.panes.length) && options.store.getAutoCollapse() === 'disabled') {
+                    if (persistentPickers.has(destination.id)) {
+                        const region = Array.from(root.querySelectorAll('[data-node-id]')).find((element) => element.dataset.nodeId === destination.id);
+                        region?.querySelector('.layouts-picker-search')?.focus();
+                        return;
+                    }
+                    const region = Array.from(root.querySelectorAll('[data-node-id]')).find((element) => element.dataset.nodeId === destination.id);
+                    if (!region)
+                        return;
+                    const pickerScope = new Scope();
+                    persistentPickers.set(destination.id, pickerScope);
+                    const picker = el(doc, 'div', 'layouts-menu layouts-picker layouts-picker-persistent');
+                    picker.setAttribute('role', 'dialog');
+                    region.append(picker);
+                    pickerScope.listen(doc, 'pointerdown', (event) => {
+                        if (!event.composedPath().includes(region))
+                            pickerScope.dispose();
+                    }, { capture: true });
+                    pickerScope.add(() => {
+                        picker.remove();
+                        persistentPickers.delete(destination.id);
+                    });
+                    pickerScope.add(options.store.subscribe(() => {
+                        const group = findNode(options.store.getSnapshot().root, destination.id);
+                        if (group?.kind !== 'group' || group.panes.length)
+                            pickerScope.dispose();
+                    }));
+                    fillTabPicker(picker, pickerScope, options, pane, destination, commit, report, true);
+                    return;
+                }
+                const pickerScope = new Scope();
+                current = pickerScope;
+                const picker = el(doc, 'dialog', 'layouts-menu layouts-picker');
+                if (axis)
+                    pickerScope.add(() => {
+                        if (options.store.getAutoCollapse() !== 'disabled')
+                            options.store.removeEmptyGroup(destination.id);
+                    });
+                pickerScope.add(() => picker.remove());
+                pickerScope.listen(picker, 'close', () => pickerScope.dispose());
+                root.append(picker);
+                pickerScope.listen(picker, 'click', (event) => {
+                    const e = event;
+                    const bounds = picker.getBoundingClientRect();
+                    if (e.target === picker &&
+                        (e.clientX < bounds.left ||
+                            e.clientX > bounds.right ||
+                            e.clientY < bounds.top ||
+                            e.clientY > bounds.bottom))
+                        pickerScope.dispose();
+                });
+                picker.showModal();
+                fillTabPicker(picker, pickerScope, options, pane, destination, commit, report);
+                const region = Array.from(root.querySelectorAll('[data-node-id]')).find((element) => element.dataset.nodeId === destination.id);
+                if (region) {
+                    const position = () => {
+                        const bounds = region.getBoundingClientRect();
+                        picker.style.width = `${Math.max(0, Math.min(340, bounds.width - 16))}px`;
+                        picker.style.maxHeight = `${Math.max(0, bounds.height - 16)}px`;
+                        picker.style.left = `${bounds.left + (bounds.width - picker.offsetWidth) / 2}px`;
+                        picker.style.top = `${bounds.top + (bounds.height - picker.offsetHeight) / 2}px`;
+                    };
+                    position();
+                    const observer = new ResizeObserver(position);
+                    observer.observe(region);
+                    observer.observe(picker);
+                    pickerScope.add(() => observer.disconnect());
+                    pickerScope.listen(win, 'resize', position);
+                    pickerScope.add(options.store.subscribe(() => {
+                        if (!findNode(options.store.getSnapshot().root, destination.id))
+                            pickerScope.dispose();
+                    }));
+                }
+            }
+        };
+        if (addTab || (!direction && !group.panes.length && !groupActions)) {
+            local.dispose();
+            create();
+            return;
+        }
+        if (direction) {
+            local.dispose();
+            create(direction === 'left' || direction === 'right' ? 'horizontal' : 'vertical', direction === 'left' || direction === 'top');
+            return;
+        }
+        add('add-tab', '+ Add tab', available && allowed('move'), () => create());
+        const canCreate = !group.panes.length || available;
+        function submenu(label, icon, enabled = true) {
+            const container = el(doc, 'div', 'layouts-submenu');
+            const trigger = button(`${label} ▸`, label, () => setOpen(true));
+            const glyph = el(doc, 'span', 'layouts-tab-icon');
+            glyph.setAttribute('aria-hidden', 'true');
+            glyph.append(actionIcon(doc, icon, options));
+            trigger.prepend(glyph);
+            trigger.disabled = !enabled;
+            trigger.setAttribute('aria-haspopup', 'menu');
+            trigger.setAttribute('aria-expanded', 'false');
+            const flyout = el(doc, 'div', 'layouts-submenu-content');
+            flyout.hidden = true;
+            flyout.setAttribute('role', 'menu');
+            flyout.setAttribute('aria-label', label);
+            const setOpen = (open) => {
+                flyout.hidden = !open;
+                trigger.setAttribute('aria-expanded', String(open));
+            };
+            local.listen(container, 'pointerenter', () => {
+                if (!trigger.disabled)
+                    setOpen(true);
+            });
+            local.listen(container, 'pointerleave', () => setOpen(false));
+            local.listen(trigger, 'keydown', (event) => {
+                if (event.key === 'ArrowRight') {
+                    event.preventDefault();
+                    setOpen(true);
+                    flyout.firstElementChild?.focus();
+                }
+            });
+            local.listen(flyout, 'keydown', (event) => {
+                if (event.key === 'ArrowLeft') {
+                    event.preventDefault();
+                    setOpen(false);
+                    trigger.focus();
+                }
+            });
+            container.dataset.side =
+                anchor.getBoundingClientRect().right + 220 > win.innerWidth ? 'left' : 'right';
+            container.append(trigger, flyout);
+            dialog.append(container);
+            return flyout;
+        }
+        const flyout = submenu('Split', 'split-right', canCreate && allowed('split'));
+        for (const [label, axis, before] of [
+            ['Split left', 'horizontal', true],
+            ['Split right', 'horizontal', false],
+            ['Split up', 'vertical', true],
+            ['Split down', 'vertical', false],
+        ]) {
+            const option = button(label, label, () => {
+                local.dispose();
+                create(axis, before);
+            });
+            const icon = el(doc, 'span', 'layouts-tab-icon');
+            icon.setAttribute('aria-hidden', 'true');
+            icon.append(actionIcon(doc, axis === 'horizontal' ? 'split-right' : 'split-below', options));
+            option.prepend(icon);
+            option.setAttribute('role', 'menuitem');
+            flyout.append(option);
+        }
+        const joinParent = findParent(options.store.getSnapshot().root, group.id);
+        const join = add('join', 'Join sibling region', Boolean(joinParent) && paneIds(joinParent).every((id) => options.store.can(id, 'join')), () => options.store.join(group.id, { source: 'user' }));
+        let preview;
+        const clearPreview = () => {
+            preview?.dispose();
+            preview = undefined;
+        };
+        local.add(clearPreview);
+        const showPreview = () => {
+            clearPreview();
+            const layout = options.store.getSnapshot();
+            const parent = findParent(layout.root, group.id);
+            if (join.disabled || !parent)
+                return;
+            const scope = new Scope();
+            preview = scope;
+            const overlay = el(doc, 'div', 'layouts-corner-overlay');
+            overlay.setAttribute('aria-hidden', 'true');
+            root.append(overlay);
+            scope.add(() => overlay.remove());
+            const targetTitle = layout.panes[group.active ?? '']?.title ?? 'This region';
+            const regions = groups(parent).map((region) => ({
+                region,
+                element: Array.from(root.querySelectorAll('[data-node-id]')).find((element) => element.dataset.nodeId === region.id && element.closest('.layouts') === root),
+            }));
+            const position = () => {
+                overlay.replaceChildren();
+                for (const { region, element } of regions) {
+                    if (!element || !element.getClientRects().length)
+                        continue;
+                    const rect = element.getBoundingClientRect();
+                    const box = el(doc, 'div', 'layouts-corner-preview');
+                    box.dataset.cornerPreview = region.id === group.id ? 'join-target' : 'join-source';
+                    Object.assign(box.style, {
+                        left: `${rect.left}px`,
+                        top: `${rect.top}px`,
+                        width: `${rect.width}px`,
+                        height: `${rect.height}px`,
+                    });
+                    box.append(el(doc, 'span', 'layouts-corner-label', region.id === group.id ? `${targetTitle} keeps all tabs` : `Joins ${targetTitle}`));
+                    overlay.append(box);
+                }
+            };
+            position();
+            const observer = new win.ResizeObserver(position);
+            for (const { element } of regions)
+                if (element)
+                    observer.observe(element);
+            scope.add(() => observer.disconnect());
+            scope.listen(win, 'resize', position);
+            scope.listen(doc, 'scroll', position, { capture: true });
+            scope.add(options.store.subscribe(clearPreview));
+        };
+        local.listen(join, 'pointerenter', showPreview);
+        local.listen(join, 'pointerleave', clearPreview);
+        local.listen(join, 'focus', showPreview);
+        local.listen(join, 'blur', clearPreview);
+        add(options.store.getSnapshot().maximized === group.id ? 'restore' : 'maximize', options.store.getSnapshot().maximized === group.id ? 'Restore region' : 'Maximize region', true, () => options.store.maximize(options.store.getSnapshot().maximized === group.id ? null : group.id));
+        if (group.panes.length && pane) {
+            add('popout', windows.pending.has(pane.id) ? 'Reopen window' : 'Open in window', options.store.can(pane.id, 'popout'), () => {
+                windows.open(pane.id, windows.pending.get(pane.id));
+                refresh();
+            });
+        }
+        const orientation = submenu('Tab orientation', 'tab-orientation');
+        for (const [value, label] of [
+            [undefined, 'Workspace default'],
+            ['top', 'Horizontal'],
+            ['left', 'Vertical'],
+        ]) {
+            const selected = group.tabPlacement === value;
+            const option = button(label, label, () => {
+                options.store.setTabPlacement(group.id, value);
+                local.dispose();
+            });
+            option.setAttribute('role', 'menuitemradio');
+            option.setAttribute('aria-checked', String(selected));
+            const mark = el(doc, 'span', 'layouts-tab-icon', selected ? '✓' : '');
+            mark.setAttribute('aria-hidden', 'true');
+            option.prepend(mark);
+            orientation.append(option);
+        }
+        const display = submenu('Tab display', 'tab-orientation');
+        for (const [value, label] of [
+            [undefined, 'Workspace default'],
+            ['automatic', 'Automatic'],
+            ['compact', 'Compact'],
+        ]) {
+            const selected = group.tabDisplay === value;
+            const option = button(label, label, () => {
+                options.store.setTabDisplay(group.id, value);
+                local.dispose();
+            });
+            option.setAttribute('role', 'menuitemradio');
+            option.setAttribute('aria-checked', String(selected));
+            const mark = el(doc, 'span', 'layouts-tab-icon', selected ? '✓' : '');
+            mark.setAttribute('aria-hidden', 'true');
+            option.prepend(mark);
+            display.append(option);
+        }
+        if (group.panes.length && pane) {
+            add('close', 'Close active tab', options.store.can(pane.id, 'close'), () => options.store.close(pane.id, { source: 'user' }));
+            add('close', 'Close pane', group.panes.every((id) => options.store.can(id, 'close')), () => options.store.closeGroup(group.id, { source: 'user' }));
+        }
+        else {
+            add('close', 'Close empty pane', options.store.getSnapshot().root.id !== group.id, () => options.store.removeEmptyGroup(group.id));
+        }
+        add('restore', 'Restore closed tab', options.store.canRestoreClosedTab(), () => options.store.restoreClosedTab());
+        add('cancel', 'Cancel', true, () => { });
+        root.append(dialog);
+        const rect = anchor.getBoundingClientRect();
+        dialog.style.left = `${Math.max(8, Math.min(rect.right - 230, win.innerWidth - 250))}px`;
+        dialog.style.top = `${Math.min(rect.bottom + 4, win.innerHeight - 180)}px`;
+        local.listen(dialog, 'close', () => local.dispose());
+        local.listen(dialog, 'click', (event) => {
+            if (event.target === dialog) {
+                const r = dialog.getBoundingClientRect();
+                const e = event;
+                if (e.clientX < r.left || e.clientX > r.right || e.clientY < r.top || e.clientY > r.bottom)
+                    local.dispose();
+            }
+        });
+        dialog.showModal();
+        dialog.focus({ preventScroll: true });
+    }
+    return {
+        open,
+        addTab(anchor, group) {
+            const layout = options.store.getSnapshot();
+            open(anchor, group.active ? layout.panes[group.active] : undefined, group, undefined, 0.5, false, true);
+        },
+        openEmpty(anchor, group) {
+            const source = Object.values(options.store.getSnapshot().panes).find((pane) => pane.header !== false);
+            open(anchor, source, group, undefined, 0.5, true);
+        },
+        dispose() {
+            current?.dispose();
+            for (const picker of persistentPickers.values())
+                picker.dispose();
+        },
+    };
+}
+//# sourceMappingURL=menu.js.map

package/dist/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../src/menu.ts"],"names":[],"mappings":"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","sourcesContent":["import { actionIcon } from './action-icons.js';\nimport type { ActionIcon } from './action-icons.js';\nimport { fillTabPicker } from './picker.js';\nimport { findNode, findParent, groups, paneIds } from 'quilt-core';\nimport type { Group, Pane } from 'quilt-core';\nimport type { LayoutOptions } from './types.js';\nimport type { Windows } from './windows.js';\nimport { el, Scope } from './lifetime.js';\nexport function createPaneMenu(\n  root: HTMLElement,\n  options: LayoutOptions,\n  windows: Pick<Windows, 'pending' | 'open'>,\n  refresh: () => void,\n  report: (e: unknown) => void,\n) {\n  const doc = root.ownerDocument,\n    win = doc.defaultView!;\n  let current: Scope | undefined;\n  const persistentPickers = new Map<string, Scope>();\n  const act = (fn: () => void) => {\n    try {\n      fn();\n    } catch (error) {\n      report(error);\n    }\n  };\n  function button(text: string, title: string, action: () => void) {\n    const b = el(doc, 'button', 'layouts-button', text);\n    b.type = 'button';\n    b.title = title;\n    b.setAttribute('aria-label', title);\n    b.onclick = () => act(action);\n    return b;\n  }\n  function open(\n    anchor: HTMLElement,\n    pane: Pane | undefined,\n    group: Group,\n    direction?: 'left' | 'right' | 'top' | 'bottom',\n    ratio = 0.5,\n    groupActions = false,\n    addTab = false,\n  ) {\n    current?.dispose();\n    const latestGroup = findNode(options.store.getSnapshot().root, group.id);\n    if (latestGroup?.kind !== 'group') return;\n    group = latestGroup;\n    const local = new Scope();\n    current = local;\n    const dialog = el(doc, 'dialog', 'layouts-menu');\n    dialog.tabIndex = -1;\n    dialog.autofocus = true;\n    dialog.setAttribute(\n      'aria-label',\n      pane && !groupActions ? `${pane.title} actions` : 'Empty pane actions',\n    );\n    local.add(() => dialog.remove());\n    const add = (icon: ActionIcon, label: string, enabled: boolean, fn: () => void) => {\n      const b = button(label, label, () => {\n        local.dispose();\n        act(fn);\n      });\n      const glyph = el(doc, 'span', 'layouts-tab-icon');\n      glyph.setAttribute('aria-hidden', 'true');\n      act(() => glyph.append(actionIcon(doc, icon, options)));\n      b.replaceChildren(glyph, el(doc, 'span', '', label.replace(/^\\+ /, '')));\n      b.disabled = !enabled;\n      dialog.append(b);\n      return b;\n    };\n    const allowed = (cap: 'split' | 'join' | 'move') =>\n      group.panes.every((id) => options.store.can(id, cap));\n    const available = Boolean(options.tabs?.list().length);\n    const create = (axis?: 'horizontal' | 'vertical', before = false) => {\n      if (!axis && !pane && !options.tabs) return;\n      let destination = group;\n      if (axis && (options.tabs || !pane)) {\n        const id = options.store.split(group.id, axis, null, { source: 'user', before, ratio });\n        destination = findNode(options.store.getSnapshot().root, id) as Group;\n        refresh();\n        if (!options.tabs) return;\n      }\n      const commit = (fresh: Pane) => options.store.add(fresh, destination.id, { source: 'user' });\n      if (options.tabs) {\n        if ((axis || !group.panes.length) && options.store.getAutoCollapse() === 'disabled') {\n          if (persistentPickers.has(destination.id)) {\n            const region = Array.from(root.querySelectorAll<HTMLElement>('[data-node-id]')).find(\n              (element) => element.dataset.nodeId === destination.id,\n            );\n            region?.querySelector<HTMLInputElement>('.layouts-picker-search')?.focus();\n            return;\n          }\n          const region = Array.from(root.querySelectorAll<HTMLElement>('[data-node-id]')).find(\n            (element) => element.dataset.nodeId === destination.id,\n          );\n          if (!region) return;\n          const pickerScope = new Scope();\n          persistentPickers.set(destination.id, pickerScope);\n          const picker = el(doc, 'div', 'layouts-menu layouts-picker layouts-picker-persistent');\n          picker.setAttribute('role', 'dialog');\n          region.append(picker);\n          pickerScope.listen(\n            doc,\n            'pointerdown',\n            (event) => {\n              if (!event.composedPath().includes(region)) pickerScope.dispose();\n            },\n            { capture: true },\n          );\n          pickerScope.add(() => {\n            picker.remove();\n            persistentPickers.delete(destination.id);\n          });\n          pickerScope.add(\n            options.store.subscribe(() => {\n              const group = findNode(options.store.getSnapshot().root, destination.id);\n              if (group?.kind !== 'group' || group.panes.length) pickerScope.dispose();\n            }),\n          );\n          fillTabPicker(picker, pickerScope, options, pane, destination, commit, report, true);\n          return;\n        }\n        const pickerScope = new Scope();\n        current = pickerScope;\n        const picker = el(doc, 'dialog', 'layouts-menu layouts-picker');\n        if (axis)\n          pickerScope.add(() => {\n            if (options.store.getAutoCollapse() !== 'disabled')\n              options.store.removeEmptyGroup(destination.id);\n          });\n        pickerScope.add(() => picker.remove());\n        pickerScope.listen(picker, 'close', () => pickerScope.dispose());\n        root.append(picker);\n        pickerScope.listen(picker, 'click', (event) => {\n          const e = event as MouseEvent;\n          const bounds = picker.getBoundingClientRect();\n          if (\n            e.target === picker &&\n            (e.clientX < bounds.left ||\n              e.clientX > bounds.right ||\n              e.clientY < bounds.top ||\n              e.clientY > bounds.bottom)\n          )\n            pickerScope.dispose();\n        });\n        picker.showModal();\n        fillTabPicker(picker, pickerScope, options, pane, destination, commit, report);\n        const region = Array.from(root.querySelectorAll<HTMLElement>('[data-node-id]')).find(\n          (element) => element.dataset.nodeId === destination.id,\n        );\n        if (region) {\n          const position = () => {\n            const bounds = region.getBoundingClientRect();\n            picker.style.width = `${Math.max(0, Math.min(340, bounds.width - 16))}px`;\n            picker.style.maxHeight = `${Math.max(0, bounds.height - 16)}px`;\n            picker.style.left = `${bounds.left + (bounds.width - picker.offsetWidth) / 2}px`;\n            picker.style.top = `${bounds.top + (bounds.height - picker.offsetHeight) / 2}px`;\n          };\n          position();\n          const observer = new ResizeObserver(position);\n          observer.observe(region);\n          observer.observe(picker);\n          pickerScope.add(() => observer.disconnect());\n          pickerScope.listen(win, 'resize', position);\n          pickerScope.add(\n            options.store.subscribe(() => {\n              if (!findNode(options.store.getSnapshot().root, destination.id))\n                pickerScope.dispose();\n            }),\n          );\n        }\n      }\n    };\n    if (addTab || (!direction && !group.panes.length && !groupActions)) {\n      local.dispose();\n      create();\n      return;\n    }\n    if (direction) {\n      local.dispose();\n      create(\n        direction === 'left' || direction === 'right' ? 'horizontal' : 'vertical',\n        direction === 'left' || direction === 'top',\n      );\n      return;\n    }\n    add('add-tab', '+ Add tab', available && allowed('move'), () => create());\n    const canCreate = !group.panes.length || available;\n    function submenu(label: string, icon: ActionIcon, enabled = true) {\n      const container = el(doc, 'div', 'layouts-submenu');\n      const trigger = button(`${label} ▸`, label, () => setOpen(true));\n      const glyph = el(doc, 'span', 'layouts-tab-icon');\n      glyph.setAttribute('aria-hidden', 'true');\n      glyph.append(actionIcon(doc, icon, options));\n      trigger.prepend(glyph);\n      trigger.disabled = !enabled;\n      trigger.setAttribute('aria-haspopup', 'menu');\n      trigger.setAttribute('aria-expanded', 'false');\n      const flyout = el(doc, 'div', 'layouts-submenu-content');\n      flyout.hidden = true;\n      flyout.setAttribute('role', 'menu');\n      flyout.setAttribute('aria-label', label);\n      const setOpen = (open: boolean) => {\n        flyout.hidden = !open;\n        trigger.setAttribute('aria-expanded', String(open));\n      };\n      local.listen(container, 'pointerenter', () => {\n        if (!trigger.disabled) setOpen(true);\n      });\n      local.listen(container, 'pointerleave', () => setOpen(false));\n      local.listen(trigger, 'keydown', (event) => {\n        if ((event as KeyboardEvent).key === 'ArrowRight') {\n          event.preventDefault();\n          setOpen(true);\n          (flyout.firstElementChild as HTMLElement)?.focus();\n        }\n      });\n      local.listen(flyout, 'keydown', (event) => {\n        if ((event as KeyboardEvent).key === 'ArrowLeft') {\n          event.preventDefault();\n          setOpen(false);\n          trigger.focus();\n        }\n      });\n      container.dataset.side =\n        anchor.getBoundingClientRect().right + 220 > win.innerWidth ? 'left' : 'right';\n      container.append(trigger, flyout);\n      dialog.append(container);\n      return flyout;\n    }\n    const flyout = submenu('Split', 'split-right', canCreate && allowed('split'));\n    for (const [label, axis, before] of [\n      ['Split left', 'horizontal', true],\n      ['Split right', 'horizontal', false],\n      ['Split up', 'vertical', true],\n      ['Split down', 'vertical', false],\n    ] as const) {\n      const option = button(label, label, () => {\n        local.dispose();\n        create(axis, before);\n      });\n      const icon = el(doc, 'span', 'layouts-tab-icon');\n      icon.setAttribute('aria-hidden', 'true');\n      icon.append(actionIcon(doc, axis === 'horizontal' ? 'split-right' : 'split-below', options));\n      option.prepend(icon);\n      option.setAttribute('role', 'menuitem');\n      flyout.append(option);\n    }\n    const joinParent = findParent(options.store.getSnapshot().root, group.id);\n    const join = add(\n      'join',\n      'Join sibling region',\n      Boolean(joinParent) && paneIds(joinParent!).every((id) => options.store.can(id, 'join')),\n      () => options.store.join(group.id, { source: 'user' }),\n    );\n    let preview: Scope | undefined;\n    const clearPreview = () => {\n      preview?.dispose();\n      preview = undefined;\n    };\n    local.add(clearPreview);\n    const showPreview = () => {\n      clearPreview();\n      const layout = options.store.getSnapshot();\n      const parent = findParent(layout.root, group.id);\n      if (join.disabled || !parent) return;\n      const scope = new Scope();\n      preview = scope;\n      const overlay = el(doc, 'div', 'layouts-corner-overlay');\n      overlay.setAttribute('aria-hidden', 'true');\n      root.append(overlay);\n      scope.add(() => overlay.remove());\n      const targetTitle = layout.panes[group.active ?? '']?.title ?? 'This region';\n      const regions = groups(parent).map((region) => ({\n        region,\n        element: Array.from(root.querySelectorAll<HTMLElement>('[data-node-id]')).find(\n          (element) => element.dataset.nodeId === region.id && element.closest('.layouts') === root,\n        ),\n      }));\n      const position = () => {\n        overlay.replaceChildren();\n        for (const { region, element } of regions) {\n          if (!element || !element.getClientRects().length) continue;\n          const rect = element.getBoundingClientRect();\n          const box = el(doc, 'div', 'layouts-corner-preview');\n          box.dataset.cornerPreview = region.id === group.id ? 'join-target' : 'join-source';\n          Object.assign(box.style, {\n            left: `${rect.left}px`,\n            top: `${rect.top}px`,\n            width: `${rect.width}px`,\n            height: `${rect.height}px`,\n          });\n          box.append(\n            el(\n              doc,\n              'span',\n              'layouts-corner-label',\n              region.id === group.id ? `${targetTitle} keeps all tabs` : `Joins ${targetTitle}`,\n            ),\n          );\n          overlay.append(box);\n        }\n      };\n      position();\n      const observer = new win.ResizeObserver(position);\n      for (const { element } of regions) if (element) observer.observe(element);\n      scope.add(() => observer.disconnect());\n      scope.listen(win, 'resize', position);\n      scope.listen(doc, 'scroll', position, { capture: true });\n      scope.add(options.store.subscribe(clearPreview));\n    };\n    local.listen(join, 'pointerenter', showPreview);\n    local.listen(join, 'pointerleave', clearPreview);\n    local.listen(join, 'focus', showPreview);\n    local.listen(join, 'blur', clearPreview);\n    add(\n      options.store.getSnapshot().maximized === group.id ? 'restore' : 'maximize',\n      options.store.getSnapshot().maximized === group.id ? 'Restore region' : 'Maximize region',\n      true,\n      () =>\n        options.store.maximize(\n          options.store.getSnapshot().maximized === group.id ? null : group.id,\n        ),\n    );\n    if (group.panes.length && pane) {\n      add(\n        'popout',\n        windows.pending.has(pane.id) ? 'Reopen window' : 'Open in window',\n        options.store.can(pane.id, 'popout'),\n        () => {\n          windows.open(pane.id, windows.pending.get(pane.id));\n          refresh();\n        },\n      );\n    }\n    const orientation = submenu('Tab orientation', 'tab-orientation');\n    for (const [value, label] of [\n      [undefined, 'Workspace default'],\n      ['top', 'Horizontal'],\n      ['left', 'Vertical'],\n    ] as const) {\n      const selected = group.tabPlacement === value;\n      const option = button(label, label, () => {\n        options.store.setTabPlacement(group.id, value);\n        local.dispose();\n      });\n      option.setAttribute('role', 'menuitemradio');\n      option.setAttribute('aria-checked', String(selected));\n      const mark = el(doc, 'span', 'layouts-tab-icon', selected ? '✓' : '');\n      mark.setAttribute('aria-hidden', 'true');\n      option.prepend(mark);\n      orientation.append(option);\n    }\n    const display = submenu('Tab display', 'tab-orientation');\n    for (const [value, label] of [\n      [undefined, 'Workspace default'],\n      ['automatic', 'Automatic'],\n      ['compact', 'Compact'],\n    ] as const) {\n      const selected = group.tabDisplay === value;\n      const option = button(label, label, () => {\n        options.store.setTabDisplay(group.id, value);\n        local.dispose();\n      });\n      option.setAttribute('role', 'menuitemradio');\n      option.setAttribute('aria-checked', String(selected));\n      const mark = el(doc, 'span', 'layouts-tab-icon', selected ? '✓' : '');\n      mark.setAttribute('aria-hidden', 'true');\n      option.prepend(mark);\n      display.append(option);\n    }\n    if (group.panes.length && pane) {\n      add('close', 'Close active tab', options.store.can(pane.id, 'close'), () =>\n        options.store.close(pane.id, { source: 'user' }),\n      );\n      add(\n        'close',\n        'Close pane',\n        group.panes.every((id) => options.store.can(id, 'close')),\n        () => options.store.closeGroup(group.id, { source: 'user' }),\n      );\n    } else {\n      add('close', 'Close empty pane', options.store.getSnapshot().root.id !== group.id, () =>\n        options.store.removeEmptyGroup(group.id),\n      );\n    }\n    add('restore', 'Restore closed tab', options.store.canRestoreClosedTab(), () =>\n      options.store.restoreClosedTab(),\n    );\n    add('cancel', 'Cancel', true, () => {});\n    root.append(dialog);\n    const rect = anchor.getBoundingClientRect();\n    dialog.style.left = `${Math.max(8, Math.min(rect.right - 230, win!.innerWidth - 250))}px`;\n    dialog.style.top = `${Math.min(rect.bottom + 4, win!.innerHeight - 180)}px`;\n    local.listen(dialog, 'close', () => local.dispose());\n    local.listen(dialog, 'click', (event) => {\n      if (event.target === dialog) {\n        const r = dialog.getBoundingClientRect();\n        const e = event as MouseEvent;\n        if (e.clientX < r.left || e.clientX > r.right || e.clientY < r.top || e.clientY > r.bottom)\n          local.dispose();\n      }\n    });\n    dialog.showModal();\n    dialog.focus({ preventScroll: true });\n  }\n  return {\n    open,\n    addTab(anchor: HTMLElement, group: Group) {\n      const layout = options.store.getSnapshot();\n      open(\n        anchor,\n        group.active ? layout.panes[group.active] : undefined,\n        group,\n        undefined,\n        0.5,\n        false,\n        true,\n      );\n    },\n    openEmpty(anchor: HTMLElement, group: Group) {\n      const source = Object.values(options.store.getSnapshot().panes).find(\n        (pane) => pane.header !== false,\n      );\n      open(anchor, source, group, undefined, 0.5, true);\n    },\n    dispose() {\n      current?.dispose();\n      for (const picker of persistentPickers.values()) picker.dispose();\n    },\n  };\n}\n"]}

package/dist/panes.d.ts

@@ -0,0 +1,13 @@
+import type { Pane } from 'quilt-core';
+import type { LayoutOptions, PaneView, PaneRenderer } from './types.js';
+export interface MountedPane {
+    element: HTMLElement;
+    view: PaneView;
+    pane: Pane;
+    signature: string;
+    renderer: PaneRenderer | undefined;
+    failed?: boolean;
+    dispose(): void;
+}
+export declare function mountPane(doc: Document, pane: Pane, location: 'main' | 'popout', options: LayoutOptions): MountedPane;
+//# sourceMappingURL=panes.d.ts.map

package/dist/panes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panes.d.ts","sourceRoot":"","sources":["../src/panes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAExE,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,WAAW,CAAC;IACrB,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,IAAI,IAAI,CAAC;CACjB;AACD,wBAAgB,SAAS,CACvB,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,MAAM,GAAG,QAAQ,EAC3B,OAAO,EAAE,aAAa,GACrB,WAAW,CA0Db"}

package/dist/panes.js

@@ -0,0 +1,58 @@
+import { el } from './lifetime.js';
+export function mountPane(doc, pane, location, options) {
+    const win = doc.defaultView;
+    if (!win)
+        throw new Error('Pane needs a live document');
+    const element = el(doc, 'div', 'layouts-pane');
+    element.dataset.paneId = pane.id;
+    const renderer = Object.hasOwn(options.renderers, pane.type)
+        ? options.renderers[pane.type]
+        : undefined;
+    let view;
+    if (renderer)
+        view = renderer({
+            element,
+            document: doc,
+            window: win,
+            pane,
+            state: options.getPaneState?.(pane.id),
+            location,
+        });
+    else {
+        element.append(el(doc, 'div', 'layouts-placeholder', `Unknown pane type: ${pane.type}. Register a renderer and reload the layout.`));
+        view = { dispose() { } };
+    }
+    const observer = new ResizeObserver((entries) => {
+        const rect = entries[0]?.contentRect;
+        if (rect) {
+            try {
+                view.resize?.(rect.width, rect.height);
+            }
+            catch (error) {
+                options.onError?.(error);
+            }
+        }
+    });
+    observer.observe(element);
+    let disposed = false;
+    return {
+        element,
+        view,
+        pane,
+        signature: JSON.stringify(pane),
+        renderer,
+        dispose() {
+            if (disposed)
+                return;
+            disposed = true;
+            observer.disconnect();
+            try {
+                view.dispose();
+            }
+            finally {
+                element.remove();
+            }
+        },
+    };
+}
+//# sourceMappingURL=panes.js.map

package/dist/panes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panes.js","sourceRoot":"","sources":["../src/panes.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAC;AAUnC,MAAM,UAAU,SAAS,CACvB,GAAa,EACb,IAAU,EACV,QAA2B,EAC3B,OAAsB;IAEtB,MAAM,GAAG,GAAG,GAAG,CAAC,WAAW,CAAC;IAC5B,IAAI,CAAC,GAAG;QAAE,MAAM,IAAI,KAAK,CAAC,4BAA4B,CAAC,CAAC;IACxD,MAAM,OAAO,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC;IAC/C,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC;QAC1D,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;QAC9B,CAAC,CAAC,SAAS,CAAC;IACd,IAAI,IAAc,CAAC;IACnB,IAAI,QAAQ;QACV,IAAI,GAAG,QAAQ,CAAC;YACd,OAAO;YACP,QAAQ,EAAE,GAAG;YACb,MAAM,EAAE,GAAG;YACX,IAAI;YACJ,KAAK,EAAE,OAAO,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;YACtC,QAAQ;SACT,CAAC,CAAC;SACA,CAAC;QACJ,OAAO,CAAC,MAAM,CACZ,EAAE,CACA,GAAG,EACH,KAAK,EACL,qBAAqB,EACrB,sBAAsB,IAAI,CAAC,IAAI,8CAA8C,CAC9E,CACF,CAAC;QACF,IAAI,GAAG,EAAE,OAAO,KAAI,CAAC,EAAE,CAAC;IAC1B,CAAC;IACD,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;QAC9C,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC;QACrC,IAAI,IAAI,EAAE,CAAC;YACT,IAAI,CAAC;gBACH,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;YACzC,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;YAC3B,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IACH,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1B,IAAI,QAAQ,GAAG,KAAK,CAAC;IACrB,OAAO;QACL,OAAO;QACP,IAAI;QACJ,IAAI;QACJ,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;QAC/B,QAAQ;QACR,OAAO;YACL,IAAI,QAAQ;gBAAE,OAAO;YACrB,QAAQ,GAAG,IAAI,CAAC;YAChB,QAAQ,CAAC,UAAU,EAAE,CAAC;YACtB,IAAI,CAAC;gBACH,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,CAAC;oBAAS,CAAC;gBACT,OAAO,CAAC,MAAM,EAAE,CAAC;YACnB,CAAC;QACH,CAAC;KACF,CAAC;AACJ,CAAC","sourcesContent":["import type { Pane } from 'quilt-core';\nimport type { LayoutOptions, PaneView, PaneRenderer } from './types.js';\nimport { el } from './lifetime.js';\nexport interface MountedPane {\n  element: HTMLElement;\n  view: PaneView;\n  pane: Pane;\n  signature: string;\n  renderer: PaneRenderer | undefined;\n  failed?: boolean;\n  dispose(): void;\n}\nexport function mountPane(\n  doc: Document,\n  pane: Pane,\n  location: 'main' | 'popout',\n  options: LayoutOptions,\n): MountedPane {\n  const win = doc.defaultView;\n  if (!win) throw new Error('Pane needs a live document');\n  const element = el(doc, 'div', 'layouts-pane');\n  element.dataset.paneId = pane.id;\n  const renderer = Object.hasOwn(options.renderers, pane.type)\n    ? options.renderers[pane.type]\n    : undefined;\n  let view: PaneView;\n  if (renderer)\n    view = renderer({\n      element,\n      document: doc,\n      window: win,\n      pane,\n      state: options.getPaneState?.(pane.id),\n      location,\n    });\n  else {\n    element.append(\n      el(\n        doc,\n        'div',\n        'layouts-placeholder',\n        `Unknown pane type: ${pane.type}. Register a renderer and reload the layout.`,\n      ),\n    );\n    view = { dispose() {} };\n  }\n  const observer = new ResizeObserver((entries) => {\n    const rect = entries[0]?.contentRect;\n    if (rect) {\n      try {\n        view.resize?.(rect.width, rect.height);\n      } catch (error) {\n        options.onError?.(error);\n      }\n    }\n  });\n  observer.observe(element);\n  let disposed = false;\n  return {\n    element,\n    view,\n    pane,\n    signature: JSON.stringify(pane),\n    renderer,\n    dispose() {\n      if (disposed) return;\n      disposed = true;\n      observer.disconnect();\n      try {\n        view.dispose();\n      } finally {\n        element.remove();\n      }\n    },\n  };\n}\n"]}

package/dist/picker.d.ts

@@ -0,0 +1,6 @@
+import type { Group, Pane } from 'quilt-core';
+import type { LayoutOptions } from './types.js';
+import { Scope } from './lifetime.js';
+/** Search remains focused while aria-activedescendant tracks keyboard selection. */
+export declare function fillTabPicker(dialog: HTMLElement, scope: Scope, options: LayoutOptions, source: Pane | undefined, group: Group, choose: (pane: Pane) => void, report: (error: unknown) => void, persistent?: boolean): void;
+//# sourceMappingURL=picker.d.ts.map

package/dist/picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"picker.d.ts","sourceRoot":"","sources":["../src/picker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,OAAO,EAAM,KAAK,EAAE,MAAM,eAAe,CAAC;AAE1C,oFAAoF;AACpF,wBAAgB,aAAa,CAC3B,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,IAAI,GAAG,SAAS,EACxB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,EAC5B,MAAM,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,EAChC,UAAU,UAAQ,QAmGnB"}

package/dist/picker.js

@@ -0,0 +1,112 @@
+import { el, Scope } from './lifetime.js';
+let sequence = 0;
+/** Search remains focused while aria-activedescendant tracks keyboard selection. */
+export function fillTabPicker(dialog, scope, options, source, group, choose, report, persistent = false) {
+    const doc = dialog.ownerDocument;
+    const input = el(doc, 'input', 'layouts-picker-search');
+    input.type = 'search';
+    input.placeholder = 'Search tabs…';
+    input.setAttribute('role', 'combobox');
+    input.setAttribute('aria-label', 'Search tabs');
+    input.setAttribute('aria-expanded', 'true');
+    input.setAttribute('aria-autocomplete', 'list');
+    const list = el(doc, 'div', 'layouts-picker-list');
+    list.id = `layouts-picker-${++sequence}`;
+    list.setAttribute('role', 'listbox');
+    list.setAttribute('aria-label', 'Available tabs');
+    input.setAttribute('aria-controls', list.id);
+    const status = el(doc, 'div', 'layouts-picker-status');
+    status.setAttribute('role', 'status');
+    let matches = [], selected = 0;
+    function select(entry) {
+        try {
+            const pane = entry.create({ source, groupId: group.id });
+            if (pane) {
+                choose(pane);
+                scope.dispose();
+            }
+        }
+        catch (error) {
+            status.textContent = error instanceof Error ? error.message : String(error);
+            report(error);
+        }
+    }
+    function paint() {
+        list.replaceChildren();
+        matches.forEach((entry, index) => {
+            const option = el(doc, 'div', 'layouts-picker-option');
+            option.id = `${list.id}-${index}`;
+            option.setAttribute('role', 'option');
+            option.setAttribute('aria-selected', String(index === selected));
+            option.setAttribute('aria-label', entry.title);
+            if (entry.icon) {
+                const icon = el(doc, 'span', 'layouts-tab-icon');
+                icon.setAttribute('aria-hidden', 'true');
+                try {
+                    const node = options.renderIcon?.(entry.icon, doc);
+                    if (node)
+                        icon.append(node);
+                }
+                catch (error) {
+                    report(error);
+                }
+                option.append(icon);
+            }
+            const text = el(doc, 'span', '');
+            text.append(el(doc, 'strong', '', entry.title));
+            if (entry.description)
+                text.append(el(doc, 'small', '', entry.description));
+            option.append(text);
+            option.onmousedown = (e) => e.preventDefault();
+            option.onclick = () => select(entry);
+            list.append(option);
+        });
+        if (matches[selected]) {
+            input.setAttribute('aria-activedescendant', `${list.id}-${selected}`);
+            list.children[selected]?.scrollIntoView({ block: 'nearest' });
+        }
+        else
+            input.removeAttribute('aria-activedescendant');
+        status.textContent = matches.length ? `${matches.length} tab types` : 'No matching tabs';
+    }
+    function search() {
+        const terms = input.value.toLocaleLowerCase().trim().split(/\s+/);
+        matches = (options.tabs?.list() ?? []).filter((entry) => {
+            const text = [entry.title, entry.description ?? '', ...(entry.keywords ?? [])]
+                .join(' ')
+                .toLocaleLowerCase();
+            return terms.every((term) => text.includes(term));
+        });
+        selected = 0;
+        paint();
+    }
+    input.oninput = search;
+    input.onkeydown = (e) => {
+        if (persistent && e.key === 'Escape') {
+            e.preventDefault();
+            input.blur();
+        }
+        else if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {
+            e.preventDefault();
+            if (matches.length)
+                selected = (selected + (e.key === 'ArrowDown' ? 1 : matches.length - 1)) % matches.length;
+            paint();
+        }
+        else if (e.key === 'Enter') {
+            e.preventDefault();
+            const entry = matches[selected];
+            if (entry)
+                select(entry);
+        }
+    };
+    const cancel = el(doc, 'button', 'layouts-button', 'Cancel');
+    cancel.type = 'button';
+    cancel.onclick = () => scope.dispose();
+    dialog.replaceChildren(input, list, status, ...(persistent ? [] : [cancel]));
+    dialog.setAttribute('aria-label', 'Choose a tab');
+    if (options.tabs)
+        scope.add(options.tabs.subscribe(search));
+    search();
+    input.focus();
+}
+//# sourceMappingURL=picker.js.map