/** * Dialpad Component * * A 12-key telephone keypad (0-9, *, #) for entering phone numbers * and sending DTMF tones during active calls. Pure UI component — no * call logic. Use `sw-call-dialpad` for a version that integrates with * a call context. * * @example * ```html * * ``` * * Long-press behavior: * - Long-press the `0` key → inserts `+` (international prefix). * - Long-press the backspace button → clears the entire buffer. * * @fires sw-digit-press - Fired when a digit button is pressed. Detail: `{ digit: string, digits: string }` * @fires sw-dialpad-backspace - Fired when the backspace button is pressed (or long-pressed to clear). Detail: `{ digits: string }` * @fires sw-dial - Fired when the call button is pressed. Detail: `{ digits: string }` * @fires sw-dialpad-input - Fired when free-text input changes (only when `allow-text` is set). Detail: `{ digits: string }` * * @cssprop [--interactive-button-primary-bg=#044ef4] - Primary accent color. * @cssprop [--interactive-button-primary-hover=#0342cf] - Primary color on hover. * @cssprop [--interactive-status-success=#22c55e] - Success/call button color. * @cssprop [--interactive-button-destructive-bg=#dc2626] - Danger/hangup button color. * @cssprop [--bg-surface=#181a28] - Component background. * @cssprop [--fg-default=#f0f0f4] - Text color. * @cssprop [--fg-muted=#a0a0aa] - Muted text color. * @cssprop [--border-default=rgba(255,255,255,0.12)] - Border color. */ import { LitElement } from 'lit'; import '../icons/sw-ui-icon.js'; export declare class SwUiDialpad extends LitElement { static styles: import("lit").CSSResult[]; /** Whether to display the call button below the keypad. */ showCallButton: boolean; /** Allow free-text input in the display field (e.g., SIP URIs, vanity letters). Keypad buttons still append DTMF digits. */ allowText: boolean; /** Placeholder text shown in the digit display input. */ placeholder: string; private digits; private pressedKey; private _longPressTimer; private _longPressFired; private _startLongPress; private _cancelLongPress; disconnectedCallback(): void; private _clearAll; private _pressDigit; private _backspace; private _dial; /** * Handle keyboard input on the display field. * We intercept all keys and manage state ourselves to prevent the browser * from accumulating non-DTMF characters in the input value. */ private _onKeyDown; private _onInput; render(): import("lit-html").TemplateResult<1>; } declare global { interface HTMLElementTagNameMap { 'sw-ui-dialpad': SwUiDialpad; } } //# sourceMappingURL=sw-ui-dialpad.d.ts.map