import * as _angular_core from '@angular/core'; /** * Cursor-tracked glowing border card. A cone of light follows the pointer * along the card's perimeter, brightening as the cursor approaches an edge. * * - Outer halo via stacked `box-shadow` on an inner `.edge-light` element. * - Inner "soft bloom" via `mix-blend-mode: soft-light` for content near the * edges (subtle; control via `[fillOpacity]`). * - Optional `[animated]` mode performs a one-shot sweep on mount, useful * for drawing attention to a freshly-rendered card. * * @example * ```html * *

Hover me

*

The border lights up where the cursor is.

*
* ``` * * @see https://www.reactbits.dev/components/border-glow (visual reference) */ declare class WrBorderGlow { /** Card background fill. When unset, uses the theme surface token. */ readonly backgroundColor: _angular_core.InputSignal; /** Corner radius in pixels. @default 28 */ readonly borderRadius: _angular_core.InputSignalWithTransform; /** Halo extent in pixels — how far the outer glow reaches past the card edge. @default 40 */ readonly glowRadius: _angular_core.InputSignalWithTransform; /** Halo opacity multiplier (1 = full strength). @default 1 */ readonly glowIntensity: _angular_core.InputSignalWithTransform; /** Width of the lit cone as a percentage of the perimeter. @default 25 */ readonly coneSpread: _angular_core.InputSignalWithTransform; /** How sharply the halo fades as the cursor leaves the edge. Lower = wider falloff. @default 30 */ readonly edgeSensitivity: _angular_core.InputSignalWithTransform; /** Strength of the soft-light interior fill near edges. @default 0.5 */ readonly fillOpacity: _angular_core.InputSignalWithTransform; /** * Halo colour as `'H S L'` (HSL parts, no commas). When unset, the theme * decides: a deep amber on light surfaces, pale amber on dark. Note * `glowIntensity` only applies alongside an explicit `glowColor`. */ readonly glowColor: _angular_core.InputSignal; /** * Mesh-gradient palette for the colored border slice. When unset, the * theme decides: deep tones on light, pastels on dark. */ readonly colors: _angular_core.InputSignal; /** Play a one-shot perimeter sweep on mount, then fade out. @default false */ readonly animated: _angular_core.InputSignalWithTransform; private readonly el; private readonly platform; private readonly destroyRef; private readonly isBrowser; /** Inline CSS variable bag — recomputed when colour / radius / sensitivity inputs change. */ protected readonly cssVars: _angular_core.Signal>; constructor(); /** Pointer-driven update of `--wr-border-glow-angle` + `--wr-border-glow-edge-proximity`. */ protected onPointerMove(event: PointerEvent): void; /** One-shot perimeter sweep: in → around → out, mirroring the reactbits behaviour. */ private runAutoSweep; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } export { WrBorderGlow };