/** * Component debug overlay. * * `jqhtml.debug_overlay.enable()` turns the page into an inspector: hovering * any element outlines the component under the pointer and every component * above it, each with a small tab naming the component and its simple args; * clicking opens a modal describing the innermost component (identity, args, * data, state, ancestry, instantiator) instead of firing the click. Alt+click * passes through. `disable()` puts everything back. * * The labels are part of the interaction, not just decoration: the pointer can * move from a component onto one of its tabs without the hover set collapsing, * and clicking a tab inspects that tab's component. The modal keeps an amber * outline on whatever it is showing, and its title bar carries Parent / Back so * the DOM chain can be walked without going back to the page. * * Non-invasiveness, the design goal (details in ./CLAUDE.md): * - The overlay's own UI lives in a shadow root on a host element appended to * , styled by shadow.scss. Page CSS cannot select into it and :host * cuts inheritance, so its look is fixed whatever the page does. * - The only thing added to application elements is a pair of classes, * .jqhtml-debug-hit / .jqhtml-debug-depth-N, which light.scss paints as an * inset outline (no layout effect) and only while . * - Listeners are attached on enable and removed on disable. The stylesheets * and the (detached) host stay once installed: inert, and cheap to re-enable. * - Nothing is registered per component, so components created after enable * are covered automatically. */ export declare const debug_overlay: { /** Turn the overlay on. Returns false where there is no DOM (SSR). */ enable(): boolean; /** Turn the overlay off. Styles stay installed but match nothing. */ disable(): void; is_enabled(): boolean; /** * Open the modal for a component, an element inside one, or a jQuery * object, without needing a click. Handy from the console and from tests. */ inspect(target: any): boolean; }; //# sourceMappingURL=index.d.ts.map