@sandlada/mdc/build/components/focus-ring/focus-ring.d.ts

@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.

/**
 * @license
 * Copyright 2021 Google LLC
 * SPDX-License-Identifier: Apache-2.0
 *
 * [Modified by Kai-Orion & Sandlada]
 */
import { LitElement } from 'lit';
import { type IAttachable } from '../../utils/controller/attachable-controller';
declare global {
    interface HTMLElementTagNameMap {
        "mdc-focus-ring": FocusRing;
    }
}
/**
 * The parent element of the focus ring used to provide perspective focus
 * must be set to relative and the tabindex must not be -1.
 *
 * @example
 * ```html
 * <div tabindex="0" class="my-box">
 *     <mdc-focus-ring></mdc-focus-ring>
 * </div>
 * <style>
 * .my-box {
 *     position: relative;
 *     height: 40px;
 *     width: 72px;
 *     background: red;
 *     border: none;
 *     outline: none;
 * }
 * </style>
 * ```
 *
 * @version
 * Material Design 3
 */
export declare class FocusRing extends LitElement implements IAttachable {
    static styles: import("lit").CSSResult;
    inward: boolean;
    shapeInherit: boolean;
    private attachableController;
    get htmlFor(): string | null;
    set htmlFor(htmlFor: string | null);
    get control(): HTMLElement | null;
    set control(control: HTMLElement | null);
    attach(control: HTMLElement): void;
    detach(): void;
    get visible(): boolean;
    set visible(value: boolean);
    private focusRingEvents;
    private onControlChange;
    private handleEvent;
}
//# sourceMappingURL=focus-ring.d.ts.map