/**
 * Copyright (c) Cisco Systems, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */
/** This mixin provide a different way to show what element is focused.
 * (https://html.spec.whatwg.org/multipage/interaction.html#focus-management-apis)
 * By hiding the native browser outline from component style, we can manage alternative focusing style.
 * Using keyboard this mixin toggle `focus-visible` attribute on compoenent root to show focus ring.
 * This mixin handle `focusin` and `focusout` events because due to this specification
 * (https://w3c.github.io/uievents/#event-type-focusin) this events are composable
 * and they can be handled by one of the target’s ancestors, which can help us in Shadow DOM event propagation case.
 *
 * Example:
 *
 * @customElements("custom-element")
 * class CustomElement extends FocusMixin(LitElement) {
 *    protected handleFocusIn(event: Event) { <---- You override this with corresponding name in component directly.
        // super.handleFocusIn && super.handleFocusIn(event); <---- Check to see whether the superclass defines a method of the same name, and if so, invoke that method.
        // Do your method work here.
      }
 *    protected handleFocusOut(event: Event) { <---- You override this with corresponding name in component directly.
        // super.handleFocusIn && super.handleFocusIn(event); <---- Check to see whether the superclass defines a method of the same name, and if so, invoke that method.
        // Do your method work here.
      }
 * }
 * */
import { LitElement } from "lit";
export type AnyConstructor<A = LitElement> = new (...args: any[]) => A;
export type FocusEventDetail = {
    sourceEvent: Event;
};
/**
 * Interface describing the public properties added by FocusMixin.
 * Protected methods are intentionally omitted to allow subclasses to override with protected visibility.
 */
export interface FocusClassInterface {
    autofocus: boolean;
}
/**
 * Abstract class used internally for super calls within the mixin implementation.
 * Also used in tests via bracket notation to access protected methods.
 */
export declare abstract class FocusClass extends LitElement {
    autofocus: boolean;
    protected setFocus?(force: boolean): void;
    protected handleFocusIn?(event: Event): void;
    protected handleFocusOut?(event: Event): void;
    protected getDeepActiveElement?(): Element;
    protected isElementFocused?(element: HTMLElement): boolean;
    protected manageAutoFocus?(element?: HTMLElement): void;
    protected getActiveElement?(): Element | null;
}
export type FocusMixinReturnType<T extends AnyConstructor<LitElement>> = T & AnyConstructor<FocusClassInterface & FocusClass>;
export declare const FocusMixin: <T extends AnyConstructor<LitElement>>(base: T) => FocusMixinReturnType<T>;