@sectile/dom 0.2.0 → 0.3.0

package/dist/internal/interaction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interaction.js","sourceRoot":"","sources":["../../src/internal/interaction.ts"],"names":[],"mappings":"AAOA,MAAM,UAAU,wBAAwB,CACtC,OAAoB,EACpB,WAAkC,EAClC,OAAO,GAAuF,EAAE;IAEhG,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,IAAI,KAAK,CAAC;IAC/C,IAAI,QAAQ;QAAE,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;;QACtD,OAAgC,CAAC,eAAe,EAAE,CAAC,eAAe,CAAC,CAAC;IAE1E,IAAI,OAAO,CAAC,MAAM,IAAI,UAAU,IAAI,OAAO,EAAE,CAAC;QAC3C,OAA6B,CAAC,QAAQ,GAAG,QAAQ,CAAC;IACrD,CAAC;IAED,IAAI,OAAO,CAAC,QAAQ,EAAE,CAAC;QACrB,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,IAAI,KAAK,CAAC;QAC/C,IAAI,QAAQ;YAAE,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;;YACtD,OAAgC,CAAC,eAAe,EAAE,CAAC,eAAe,CAAC,CAAC;QAC1E,IAAI,UAAU,IAAI,OAAO;YAAG,OAA4B,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC/E,CAAC;AACH,CAAC;AAED,MAAM,UAAU,gBAAgB,CAC9B,KAAuB,EACvB,MAAwB;IAExB,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,IAAI,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC;IACnF,KAAK,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;IAC9D,KAAmC,CAAC,iBAAiB,EAAE,CAAC,OAAO,CAAC,CAAC;AACpE,CAAC"}

package/dist/internal/layer-binding.d.ts

@@ -0,0 +1,16 @@
+import type { LayerDismissReason, LayerMode } from '@sectile/core/layer-stack';
+export interface DOMLayerBindingOptions {
+    readonly surface: HTMLElement;
+    readonly owner?: HTMLElement;
+    readonly mode?: LayerMode;
+    readonly dismissOnEscape?: boolean;
+    readonly dismissOnInteractOutside?: boolean;
+    readonly readOpen: () => boolean;
+    readonly close: (reason: LayerDismissReason | 'ancestor-closed') => void;
+}
+export interface DOMLayerBinding {
+    sync(): void;
+    disconnect(): void;
+}
+export declare function createDOMLayerBinding(options: DOMLayerBindingOptions): DOMLayerBinding;
+//# sourceMappingURL=layer-binding.d.ts.map

package/dist/internal/layer-binding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layer-binding.d.ts","sourceRoot":"","sources":["../../src/internal/layer-binding.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAO/E,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC;IAC7B,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACnC,QAAQ,CAAC,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAC5C,QAAQ,CAAC,QAAQ,EAAE,MAAM,OAAO,CAAC;IACjC,QAAQ,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,kBAAkB,GAAG,iBAAiB,KAAK,IAAI,CAAC;CAC1E;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,IAAI,IAAI,CAAC;IACb,UAAU,IAAI,IAAI,CAAC;CACpB;AAID,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,sBAAsB,GAAG,eAAe,CAEtF"}

package/dist/internal/layer-binding.js

@@ -0,0 +1,99 @@
+import { createDOMLayerID, getDOMLayerManager, } from './layer-manager.js';
+const handledDismissals = new WeakSet();
+export function createDOMLayerBinding(options) {
+    return new ManagedDOMLayerBinding(options);
+}
+class ManagedDOMLayerBinding {
+    #options;
+    #id = createDOMLayerID();
+    #manager;
+    #keydown;
+    #pointerdown;
+    #registered = false;
+    #dismissed = false;
+    #pendingReason = null;
+    constructor(options) {
+        this.#options = options;
+        this.#manager = getDOMLayerManager(options.surface);
+        this.#keydown = (event) => {
+            if (event.key !== 'Escape'
+                || options.dismissOnEscape === false
+                || handledDismissals.has(event))
+                return;
+            if (this.#dismiss('escape')) {
+                handledDismissals.add(event);
+                event.preventDefault();
+                event.stopImmediatePropagation?.();
+            }
+        };
+        this.#pointerdown = (event) => {
+            if (options.dismissOnInteractOutside !== true
+                || handledDismissals.has(event)
+                || contains(options.surface, event.target)
+                || (options.owner !== undefined && contains(options.owner, event.target)))
+                return;
+            if (this.#dismiss('interact-outside'))
+                handledDismissals.add(event);
+        };
+        options.surface.ownerDocument?.addEventListener?.('keydown', this.#keydown, true);
+        options.surface.ownerDocument?.addEventListener?.('pointerdown', this.#pointerdown, true);
+    }
+    sync() {
+        const open = this.#options.readOpen();
+        if (!open) {
+            this.#dismissed = false;
+            if (this.#registered) {
+                this.#manager.close(this.#id);
+                this.#registered = false;
+            }
+            return;
+        }
+        if (this.#registered || this.#dismissed)
+            return;
+        this.#registered = this.#manager.register({
+            id: this.#id,
+            surface: this.#options.surface,
+            owner: this.#options.owner ?? this.#options.surface,
+            layer: {
+                id: this.#id,
+                mode: this.#options.mode ?? 'non-modal',
+                dismissOnEscape: this.#options.dismissOnEscape !== false,
+                dismissOnInteractOutside: this.#options.dismissOnInteractOutside === true,
+            },
+            close: () => {
+                this.#registered = false;
+                this.#dismissed = true;
+                const reason = this.#pendingReason ?? 'ancestor-closed';
+                this.#pendingReason = null;
+                this.#options.close(reason);
+            },
+        });
+    }
+    disconnect() {
+        this.#options.surface.ownerDocument?.removeEventListener?.('keydown', this.#keydown, true);
+        this.#options.surface.ownerDocument?.removeEventListener?.('pointerdown', this.#pointerdown, true);
+        if (this.#registered)
+            this.#manager.close(this.#id);
+        this.#registered = false;
+    }
+    #dismiss(reason) {
+        if (!this.#options.readOpen())
+            return false;
+        this.#pendingReason = reason;
+        if (this.#manager.dismiss(this.#id, reason))
+            return true;
+        this.#pendingReason = null;
+        return false;
+    }
+}
+function contains(root, target) {
+    if (target === null)
+        return false;
+    try {
+        return root === target || root.contains(target);
+    }
+    catch {
+        return false;
+    }
+}
+//# sourceMappingURL=layer-binding.js.map

package/dist/internal/layer-binding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layer-binding.js","sourceRoot":"","sources":["../../src/internal/layer-binding.ts"],"names":[],"mappings":"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"}

package/dist/internal/layer-manager.d.ts

@@ -0,0 +1,19 @@
+import { type LayerDismissReason, type LayerInput } from '@sectile/core/layer-stack';
+type CloseLayer = () => void;
+export interface DOMLayerRegistration {
+    readonly id: string;
+    readonly layer: LayerInput;
+    readonly surface: HTMLElement;
+    readonly owner: HTMLElement;
+    readonly close: CloseLayer;
+}
+export interface DOMLayerManager {
+    register(registration: DOMLayerRegistration): boolean;
+    close(id: string): boolean;
+    dismiss(id: string, reason: LayerDismissReason): boolean;
+    isTop(id: string): boolean;
+}
+export declare function createDOMLayerID(): string;
+export declare function getDOMLayerManager(root: HTMLElement): DOMLayerManager;
+export {};
+//# sourceMappingURL=layer-manager.d.ts.map

package/dist/internal/layer-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layer-manager.d.ts","sourceRoot":"","sources":["../../src/internal/layer-manager.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,kBAAkB,EACvB,KAAK,UAAU,EAEhB,MAAM,2BAA2B,CAAC;AAEnC,KAAK,UAAU,GAAG,MAAM,IAAI,CAAC;AAE7B,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAC;IAC3B,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAC9B,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC;IAC5B,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAC;CAC5B;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,YAAY,EAAE,oBAAoB,GAAG,OAAO,CAAC;IACtD,KAAK,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,kBAAkB,GAAG,OAAO,CAAC;IACzD,KAAK,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC;CAC5B;AAKD,wBAAgB,gBAAgB,IAAI,MAAM,CAGzC;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,WAAW,GAAG,eAAe,CAOrE"}

package/dist/internal/layer-manager.js

@@ -0,0 +1,81 @@
+import { applyLayerStackEvent, createLayerStackState, getTopLayer, } from '@sectile/core/layer-stack';
+const managers = new WeakMap();
+let nextLayerID = 0;
+export function createDOMLayerID() {
+    nextLayerID += 1;
+    return `sectile-layer-${nextLayerID}`;
+}
+export function getDOMLayerManager(root) {
+    const key = root.ownerDocument ?? root;
+    const existing = managers.get(key);
+    if (existing !== undefined)
+        return existing;
+    const manager = new ManagedDOMLayers();
+    managers.set(key, manager);
+    return manager;
+}
+class ManagedDOMLayers {
+    #state = createLayerStackState();
+    #close = new Map();
+    #surfaces = new Map();
+    #closing = new Set();
+    register(registration) {
+        if (this.#state.layers.some((layer) => layer.id === registration.id))
+            return true;
+        const top = getTopLayer(this.#state);
+        const topSurface = top === null ? undefined : this.#surfaces.get(top.id);
+        const parentID = registration.layer.parentID === undefined
+            ? top !== null && topSurface?.contains?.(registration.owner) === true ? top.id : null
+            : registration.layer.parentID;
+        const result = applyLayerStackEvent(this.#state, {
+            type: 'open-layer',
+            layer: { ...registration.layer, parentID },
+        });
+        if (!result.ok)
+            return false;
+        this.#state = result.value.state;
+        this.#close.set(registration.id, registration.close);
+        this.#surfaces.set(registration.id, registration.surface);
+        return true;
+    }
+    close(id) {
+        if (this.#closing.has(id))
+            return true;
+        const result = applyLayerStackEvent(this.#state, { type: 'close-layer', id });
+        if (!result.ok)
+            return false;
+        this.#state = result.value.state;
+        this.#executeClosures(result.value.commands.map((command) => command.id), id);
+        return true;
+    }
+    dismiss(id, reason) {
+        if (!this.isTop(id))
+            return false;
+        const result = applyLayerStackEvent(this.#state, { type: 'dismiss-top', reason });
+        if (!result.ok || result.value.commands.length === 0)
+            return false;
+        this.#state = result.value.state;
+        this.#executeClosures(result.value.commands.map((command) => command.id));
+        return true;
+    }
+    isTop(id) {
+        return getTopLayer(this.#state)?.id === id;
+    }
+    #executeClosures(ids, initiatingID) {
+        for (const id of ids) {
+            const close = this.#close.get(id);
+            this.#close.delete(id);
+            this.#surfaces.delete(id);
+            if (id === initiatingID || close === undefined)
+                continue;
+            this.#closing.add(id);
+            try {
+                close();
+            }
+            finally {
+                this.#closing.delete(id);
+            }
+        }
+    }
+}
+//# sourceMappingURL=layer-manager.js.map

package/dist/internal/layer-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layer-manager.js","sourceRoot":"","sources":["../../src/internal/layer-manager.ts"],"names":[],"mappings":"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"}

package/dist/internal/menu-control.d.ts

@@ -0,0 +1,41 @@
+import type { Result, StableID } from '@sectile/core';
+import type { RevisionSnapshot } from '@sectile/core/revision';
+import type { TreeNodeInput } from '@sectile/core/tree';
+import { type MenuEvent, type MenuPolicies, type MenuState } from '@sectile/core/menu';
+import { type ReadingDirection } from './direction.js';
+export type MenuKind = 'menu' | 'menubar' | 'navigation-menu' | 'menu-button';
+export interface MenuTypeaheadOptions<ID extends StableID> {
+    readonly textValue: (id: ID) => string;
+    readonly timeout?: number;
+    readonly now?: () => number;
+    readonly normalize?: (text: string) => string;
+}
+export interface MenuControlOptions<ID extends StableID> {
+    readonly root: HTMLElement;
+    readonly disabled?: boolean;
+    readonly trigger?: HTMLElement;
+    readonly items: readonly TreeNodeInput<ID>[];
+    readonly kind: MenuKind;
+    readonly direction?: ReadingDirection;
+    readonly baseID?: string;
+    readonly policies?: MenuPolicies<ID>;
+    readonly disabledItems?: readonly ID[];
+    readonly open?: boolean;
+    readonly defaultOpen?: boolean;
+    readonly defaultHighlightedValue?: ID | null;
+    readonly typeahead?: MenuTypeaheadOptions<ID>;
+    readonly label?: string;
+    readonly onOpenChange?: (open: boolean) => void;
+    readonly onInvoke?: (id: ID) => void;
+    readonly onUpdate?: () => void;
+}
+export interface MenuControl<ID extends StableID> {
+    getSnapshot(): RevisionSnapshot<MenuState<ID>>;
+    syncControlledValue(open: boolean): Result<RevisionSnapshot<MenuState<ID>>>;
+    setItemAttributes(element: HTMLElement, id: ID): void;
+    setSubmenuAttributes(element: HTMLElement, parentID: ID): void;
+    handleEvent(event: MenuEvent<ID>): boolean;
+    disconnect(): void;
+}
+export declare function createMenuControl<ID extends StableID>(options: MenuControlOptions<ID>): Result<MenuControl<ID>>;
+//# sourceMappingURL=menu-control.d.ts.map

package/dist/internal/menu-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-control.d.ts","sourceRoot":"","sources":["../../src/internal/menu-control.ts"],"names":[],"mappings":"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"}

package/dist/internal/menu-control.js

@@ -0,0 +1,279 @@
+import { applyMenuEvent, tryCreateMenuModel, tryCreateMenuState } from '@sectile/core/menu';
+import { createSemanticController } from './semantic-controller.js';
+import { setInteractionAttributes } from './interaction.js';
+import { horizontalArrow } from './direction.js';
+import { createDOMLayerBinding } from './layer-binding.js';
+export function createMenuControl(options) {
+    const model = tryCreateMenuModel(options.items);
+    if (!model.ok)
+        return model;
+    const disabled = new Set(options.disabledItems ?? []);
+    for (const id of disabled)
+        if (!model.value.tree.has(id))
+            return { ok: false, error: { class: 'construction', code: 'disabled-item-outside-domain', message: 'Every disabled menu item must exist in the menu tree.', details: { id } } };
+    const suppliedDisabled = options.policies?.disabled;
+    const policies = { ...options.policies, disabled: (id) => disabled.has(id) || (suppliedDisabled?.(id) ?? false) };
+    const openControlled = options.kind === 'menu-button' && options.open !== undefined;
+    const initialOpen = options.kind === 'menu-button' ? options.open ?? options.defaultOpen ?? false : true;
+    const runtime = createSemanticController({
+        interaction: options,
+        initial: tryCreateMenuState(model.value.tree, initialOpen, initialOpen ? options.defaultHighlightedValue ?? null : null, []),
+        reducer: (state, event) => applyMenuEvent(model.value.tree, state, event, policies),
+        reconcile: (previous, proposed) => {
+            const open = options.kind === 'menu-button' ? openControlled ? previous.open : proposed.open : true;
+            return tryCreateMenuState(model.value.tree, open, open ? proposed.cursor.current : null, open ? proposed.openPath : []);
+        },
+        notify: (previous, proposed) => { if (previous.open !== proposed.open)
+            options.onOpenChange?.(proposed.open); },
+        toEffect: (command) => command,
+    });
+    return runtime.ok ? { ok: true, value: new DOMMenuControl(options, model.value.tree, runtime.value, policies, openControlled) } : runtime;
+}
+class DOMMenuControl {
+    #options;
+    #tree;
+    #runtime;
+    #policies;
+    #openControlled;
+    #elements = new Map();
+    #submenus = new Map();
+    #keydown;
+    #click;
+    #triggerClick;
+    #reposition;
+    #view;
+    #instanceID;
+    #layer;
+    #typeaheadBuffer = '';
+    #lastTypeaheadAt = Number.NEGATIVE_INFINITY;
+    constructor(options, tree, runtime, policies, openControlled) {
+        this.#options = options;
+        this.#tree = tree;
+        this.#runtime = runtime;
+        this.#policies = policies;
+        this.#openControlled = openControlled;
+        setInteractionAttributes(options.root, options);
+        if (options.trigger !== undefined)
+            setInteractionAttributes(options.trigger, options, { native: true });
+        this.#view = options.root.ownerDocument?.defaultView ?? null;
+        this.#instanceID = options.baseID ?? String(nextMenuControlID += 1);
+        this.#layer = options.kind === 'menu-button' && options.trigger !== undefined ? createDOMLayerBinding({ surface: options.root, owner: options.trigger, dismissOnInteractOutside: true, readOpen: () => this.getSnapshot().state.open, close: () => { this.handleEvent('close-popup'); } }) : undefined;
+        this.#keydown = (event) => { if (this.#handleTypeahead(event)) {
+            event.preventDefault();
+            return;
+        } const semantic = toMenuEvent(event, options.kind, options.direction); if (semantic !== null && this.handleEvent(semantic))
+            event.preventDefault(); };
+        this.#click = (event) => { for (const [id, element] of this.#elements)
+            if (event.target === element || (typeof Node !== 'undefined' && event.target instanceof Node && element.contains(event.target))) {
+                const wasOpen = this.getSnapshot().state.openPath.includes(id);
+                this.handleEvent({ type: 'focus', id });
+                if (this.#policies.disabled?.(id) !== true && (this.#tree.isLeaf(id) || !wasOpen))
+                    this.handleEvent(this.#tree.isLeaf(id) ? 'invoke' : 'open-submenu');
+                return;
+            } };
+        this.#triggerClick = () => { this.handleEvent(this.getSnapshot().state.open ? 'close-popup' : 'open-popup'); };
+        this.#reposition = () => { this.#positionPopup(); this.#positionSubmenus(); };
+        options.root.addEventListener('keydown', this.#keydown);
+        options.root.addEventListener('click', this.#click);
+        options.trigger?.addEventListener('click', this.#triggerClick);
+        this.#view?.addEventListener('resize', this.#reposition);
+        this.#view?.addEventListener('scroll', this.#reposition, true);
+        this.#refresh();
+    }
+    getSnapshot() { return this.#runtime.getSnapshot(); }
+    syncControlledValue(open) {
+        if (!this.#openControlled)
+            return { ok: false, error: { class: 'construction', code: 'uncontrolled-controller-sync', message: 'Only a controlled menu button can synchronize open state.' } };
+        const state = this.getSnapshot().state;
+        const result = this.#runtime.replace(tryCreateMenuState(this.#tree, open, open ? state.cursor.current : null, open ? state.openPath : []));
+        if (result.ok) {
+            this.#refresh();
+            this.#options.onUpdate?.();
+        }
+        return result;
+    }
+    setItemAttributes(element, id) { if (this.#tree.has(id)) {
+        this.#elements.set(id, element);
+        this.#refresh();
+    } }
+    setSubmenuAttributes(element, parentID) {
+        if (!this.#tree.has(parentID) || this.#tree.isLeaf(parentID))
+            return;
+        this.#submenus.set(parentID, element);
+        if (element.id.length === 0)
+            element.id = `sectile-menu-${this.#instanceID}-submenu-${this.#submenus.size}`;
+        this.#refresh();
+    }
+    handleEvent(event) { const result = this.#runtime.handle(event); if (result.ok) {
+        this.#refresh();
+        for (const effect of result.commands) {
+            if (effect.type === 'invoke')
+                this.#options.onInvoke?.(effect.id);
+            if (effect.type === 'focus')
+                this.#elements.get(effect.id)?.focus();
+            if (effect.type === 'restore-focus')
+                this.#options.trigger?.focus();
+        }
+        this.#options.onUpdate?.();
+    } return result.ok; }
+    disconnect() { this.#layer?.disconnect(); this.#options.root.removeEventListener('keydown', this.#keydown); this.#options.root.removeEventListener('click', this.#click); this.#options.trigger?.removeEventListener('click', this.#triggerClick); this.#view?.removeEventListener('resize', this.#reposition); this.#view?.removeEventListener('scroll', this.#reposition, true); this.#elements.clear(); this.#submenus.clear(); }
+    #refresh() {
+        const state = this.getSnapshot().state;
+        this.#options.root.setAttribute('role', this.#options.kind === 'navigation-menu' ? 'navigation' : this.#options.kind === 'menubar' ? 'menubar' : 'menu');
+        this.#options.root.setAttribute('dir', this.#options.direction ?? 'ltr');
+        if (this.#options.label !== undefined)
+            this.#options.root.setAttribute('aria-label', this.#options.label);
+        this.#options.root.hidden = !state.open;
+        this.#options.trigger?.setAttribute('aria-haspopup', 'menu');
+        this.#options.trigger?.setAttribute('aria-expanded', String(state.open));
+        for (const [id, element] of this.#elements) {
+            element.dataset['level'] = String(this.#tree.depthOf(id) ?? 0);
+            if (this.#options.kind === 'navigation-menu')
+                element.removeAttribute('role');
+            else
+                element.setAttribute('role', 'menuitem');
+            if (this.#policies.disabled?.(id) === true)
+                element.setAttribute('aria-disabled', 'true');
+            else
+                element.removeAttribute('aria-disabled');
+            if (this.#tree.isLeaf(id) === false) {
+                element.setAttribute('aria-haspopup', 'menu');
+                element.setAttribute('aria-expanded', String(state.openPath.includes(id)));
+                const submenu = this.#submenus.get(id);
+                if (submenu !== undefined)
+                    element.setAttribute('aria-controls', submenu.id);
+            }
+            element.tabIndex = state.cursor.current === id ? 0 : -1;
+        }
+        for (const [parentID, submenu] of this.#submenus) {
+            const open = state.open && state.openPath.includes(parentID);
+            submenu.dataset['level'] = String((this.#tree.depthOf(parentID) ?? 0) + 1);
+            if (this.#options.kind === 'navigation-menu')
+                submenu.removeAttribute('role');
+            else
+                submenu.setAttribute('role', 'menu');
+            submenu.hidden = !open;
+            if (!open) {
+                submenu.removeAttribute('data-placement');
+                this.#elements.get(parentID)?.removeAttribute('data-submenu-placement');
+            }
+        }
+        if (!state.open)
+            this.#options.root.removeAttribute('data-placement');
+        this.#layer?.sync();
+        this.#reposition();
+    }
+    #positionPopup() {
+        const viewport = this.#view;
+        const trigger = this.#options.trigger;
+        if (this.#options.kind !== 'menu-button' || this.#options.root.hidden || viewport === null || trigger === undefined)
+            return;
+        const gutter = 8;
+        const gap = 4;
+        const anchorRect = trigger.getBoundingClientRect();
+        const popupRect = this.#options.root.getBoundingClientRect();
+        const spaceBelow = viewport.innerHeight - anchorRect.bottom - gutter;
+        const spaceAbove = anchorRect.top - gutter;
+        const placeAbove = popupRect.height > spaceBelow && spaceAbove > spaceBelow;
+        const rawLeft = anchorRect.left + ((anchorRect.width - popupRect.width) / 2);
+        const rawTop = placeAbove ? anchorRect.top - popupRect.height - gap : anchorRect.bottom + gap;
+        const left = Math.max(gutter, Math.min(rawLeft, viewport.innerWidth - popupRect.width - gutter));
+        const top = Math.max(gutter, Math.min(rawTop, viewport.innerHeight - popupRect.height - gutter));
+        this.#options.root.style.position = 'fixed';
+        this.#options.root.style.left = `${left}px`;
+        this.#options.root.style.top = `${top}px`;
+        this.#options.root.dataset['placement'] = placeAbove ? 'top-center' : 'bottom-center';
+    }
+    #positionSubmenus() {
+        const viewport = this.#view;
+        if (viewport === null)
+            return;
+        const gutter = 8;
+        const gap = 4;
+        for (const [parentID, submenu] of this.#submenus) {
+            if (submenu.hidden)
+                continue;
+            const anchor = this.#elements.get(parentID);
+            if (anchor === undefined)
+                continue;
+            const anchorRect = anchor.getBoundingClientRect();
+            const submenuRect = submenu.getBoundingClientRect();
+            const opensFromMenubar = (this.#options.kind === 'menubar' || this.#options.kind === 'navigation-menu') && this.#tree.parentOf(parentID) === null;
+            let rawLeft;
+            let rawTop;
+            let placement;
+            if (opensFromMenubar) {
+                const spaceBelow = viewport.innerHeight - anchorRect.bottom - gutter;
+                const spaceAbove = anchorRect.top - gutter;
+                const placeAbove = submenuRect.height > spaceBelow && spaceAbove > spaceBelow;
+                rawLeft = this.#options.direction === 'rtl' ? anchorRect.right - submenuRect.width : anchorRect.left;
+                rawTop = placeAbove ? anchorRect.top - submenuRect.height - gap : anchorRect.bottom + gap;
+                placement = placeAbove ? 'top-start' : 'bottom-start';
+            }
+            else {
+                const spaceRight = viewport.innerWidth - anchorRect.right - gutter;
+                const spaceLeft = anchorRect.left - gutter;
+                const preferLeft = this.#options.direction === 'rtl';
+                const placeLeft = preferLeft ? !(submenuRect.width > spaceLeft && spaceRight > spaceLeft) : submenuRect.width > spaceRight && spaceLeft > spaceRight;
+                rawLeft = placeLeft ? anchorRect.left - submenuRect.width - gap : anchorRect.right + gap;
+                rawTop = anchorRect.top;
+                placement = placeLeft ? 'left-start' : 'right-start';
+            }
+            const left = Math.max(gutter, Math.min(rawLeft, viewport.innerWidth - submenuRect.width - gutter));
+            const top = Math.max(gutter, Math.min(rawTop, viewport.innerHeight - submenuRect.height - gutter));
+            submenu.style.position = 'fixed';
+            submenu.style.left = `${left}px`;
+            submenu.style.top = `${top}px`;
+            submenu.dataset['placement'] = placement;
+            anchor.dataset['submenuPlacement'] = placement;
+        }
+    }
+    #handleTypeahead(event) {
+        const config = this.#options.typeahead;
+        if (config === undefined || event.altKey || event.ctrlKey || event.metaKey || event.key.length !== 1)
+            return false;
+        const now = config.now?.() ?? Date.now();
+        const timeout = config.timeout ?? 500;
+        this.#typeaheadBuffer = now - this.#lastTypeaheadAt > timeout ? event.key : `${this.#typeaheadBuffer}${event.key}`;
+        this.#lastTypeaheadAt = now;
+        const normalize = config.normalize ?? ((text) => text.normalize('NFKC').toLocaleLowerCase());
+        const current = this.getSnapshot().state.cursor.current;
+        const siblings = current === null || this.#tree.parentOf(current) === null ? this.#tree.roots.ids : this.#tree.childrenOf(this.#tree.parentOf(current))?.ids ?? [];
+        if (siblings.length === 0)
+            return true;
+        const start = current === null ? 0 : ((siblings.indexOf(current) + 1) % siblings.length);
+        const query = normalize(this.#typeaheadBuffer);
+        for (let offset = 0; offset < siblings.length; offset += 1) {
+            const id = siblings[(start + offset) % siblings.length];
+            if (normalize(config.textValue(id)).startsWith(query)) {
+                this.handleEvent({ type: 'focus', id });
+                break;
+            }
+        }
+        return true;
+    }
+}
+let nextMenuControlID = 0;
+function toMenuEvent(event, kind, direction = 'ltr') {
+    if (event.altKey || event.ctrlKey || event.metaKey)
+        return null;
+    if (event.key === 'Escape')
+        return 'escape';
+    if (event.key === 'Home')
+        return 'first';
+    if (event.key === 'End')
+        return 'last';
+    if (event.key === 'Enter' || event.key === ' ')
+        return 'invoke';
+    if (event.key === 'ArrowDown')
+        return kind === 'menubar' || kind === 'navigation-menu' ? 'open-submenu' : 'next';
+    if (event.key === 'ArrowUp')
+        return 'previous';
+    const horizontal = horizontalArrow(event.key, direction);
+    if (horizontal === null)
+        return null;
+    if (kind === 'menubar' || kind === 'navigation-menu')
+        return horizontal;
+    return horizontal === 'next' ? 'open-submenu' : 'close-submenu';
+}
+//# sourceMappingURL=menu-control.js.map

package/dist/internal/menu-control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-control.js","sourceRoot":"","sources":["../../src/internal/menu-control.ts"],"names":[],"mappings":"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"}

package/dist/internal/modal-effects.d.ts

@@ -0,0 +1,5 @@
+export interface ModalEffects {
+    release(): void;
+}
+export declare function acquireModalEffects(surface: HTMLElement, additionalBranches?: readonly HTMLElement[]): ModalEffects;
+//# sourceMappingURL=modal-effects.d.ts.map

package/dist/internal/modal-effects.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-effects.d.ts","sourceRoot":"","sources":["../../src/internal/modal-effects.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,OAAO,IAAI,IAAI,CAAC;CACjB;AA4BD,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,WAAW,EAAE,kBAAkB,GAAE,SAAS,WAAW,EAAO,GAAG,YAAY,CA4BvH"}