mirror of
https://github.com/google/blockly.git
synced 2026-01-04 23:50:12 +01:00
Introduces the necessary base interfaces for representing different focusable contexts within Blockly. The actual logic for utilizing and implementing these interfaces will come in later PRs.
54 lines
1.8 KiB
TypeScript
54 lines
1.8 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright 2025 Google LLC
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
import type {IFocusableNode} from './i_focusable_node.js';
|
|
|
|
/**
|
|
* Represents a tree of focusable elements with its own active/passive focus
|
|
* context.
|
|
*
|
|
* Note that focus is handled by FocusManager, and tree implementations can have
|
|
* at most one IFocusableNode focused at one time. If the tree itself has focus,
|
|
* then the tree's focused node is considered 'active' ('passive' if another
|
|
* tree has focus).
|
|
*
|
|
* Focus is shared between one or more trees, where each tree can have exactly
|
|
* one active or passive node (and only one active node can exist on the whole
|
|
* page at any given time). The idea of passive focus is to provide context to
|
|
* users on where their focus will be restored upon navigating back to a
|
|
* previously focused tree.
|
|
*/
|
|
export interface IFocusableTree {
|
|
/**
|
|
* Returns the current node with focus in this tree, or null if none (or if
|
|
* the root has focus).
|
|
*
|
|
* Note that this will never return a node from a nested sub-tree as that tree
|
|
* should specifically be called in order to retrieve its focused node.
|
|
*/
|
|
getFocusedNode(): IFocusableNode | null;
|
|
|
|
/**
|
|
* Returns the top-level focusable node of the tree.
|
|
*
|
|
* It's expected that the returned node will be focused in cases where
|
|
* FocusManager wants to focus a tree in a situation where it does not
|
|
* currently have a focused node.
|
|
*/
|
|
getRootFocusableNode(): IFocusableNode;
|
|
|
|
/**
|
|
* Returns the IFocusableNode corresponding to the select element, or null if
|
|
* the element does not have such a node.
|
|
*
|
|
* The provided element must have a non-null ID that conforms to the contract
|
|
* mentioned in IFocusableNode.
|
|
*/
|
|
findFocusableNodeFor(
|
|
element: HTMLElement | SVGElement,
|
|
): IFocusableNode | null;
|
|
}
|