@fluid-topics/ft-ripple
Version:
A custom Fluid Topics ripple component
46 lines (45 loc) • 1.41 kB
TypeScript
import { PropertyValues } from "lit";
import { ElementDefinitionsMap, FtLitElement } from "@fluid-topics/ft-wc-utils";
import { FtRippleProperties } from "./ft-ripple.properties";
export declare class FtRipple extends FtLitElement implements FtRippleProperties {
static elementDefinitions: ElementDefinitionsMap;
primary: boolean;
secondary: boolean;
unbounded: boolean;
activated: boolean;
selected: boolean;
disabled: boolean;
private hovered;
private focused;
private pressed;
private rippling;
private originX;
private originY;
private ripple?;
private rippleEffect?;
private onDisconnect?;
private target?;
static styles: import("lit").CSSResult;
protected render(): import("lit").TemplateResult<1>;
protected contentAvailableCallback(props: PropertyValues): void;
private debouncer;
private onTransitionStart;
private onTransitionEnd;
protected update(props: PropertyValues): void;
private endRipple;
private setupDebouncer;
connectedCallback(): void;
private defaultSetup;
setupFor(target: HTMLElement): void;
private moveRipple;
private getCoordinates;
private startPress;
private endPress;
private startHover;
private endHover;
private startFocus;
private endFocus;
private isFocusVisible;
private isIgnored;
disconnectedCallback(): void;
}