@ryanhelsing/ry-ui/dist/components/ry-color-input.d.ts

Framework-agnostic, Light DOM web components. CSS is the source of truth.

/**
 * <ry-color-input>
 *
 * Input-style color picker with swatch preview and editable hex value.
 * Composes ry-color-picker internally for the picker panel.
 *
 * Usage:
 * <ry-color-input value="#ff0000"></ry-color-input>
 * <ry-color-input value="#ff0000" opacity></ry-color-input>
 */
import { RyElement } from '../core/ry-element.js';
import type { RGB, HSL, HSV } from './ry-color-picker.js';
export declare class RyColorInput extends RyElement {
    #private;
    static observedAttributes: readonly ["value", "format", "opacity", "disabled", "placeholder"];
    setup(): void;
    open(): void;
    close(): void;
    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
    get value(): string;
    set value(val: string);
    get disabled(): boolean;
    set disabled(val: boolean);
    get rgb(): RGB;
    get hsl(): HSL;
    get hsv(): HSV;
}
//# sourceMappingURL=ry-color-input.d.ts.map