@theredhead — Frontend Library - v1.0.0
    Preparing search index...

    Inline colour-picker panel for use inside UIInput via a PopupTextAdapter.

    Implements InputPopupPanel so UIInput can subscribe to valueSelected and closeRequested automatically.

    Provides the same five-mode colour selection UI as the standalone UIColorPickerPopover: theme palette, grid, named colours, RGBA sliders, and HSLA sliders.

    Implements

    Index

    Constructors

    • Returns UIColorPanel

    Properties

    activeMode: WritableSignal<ColorPickerMode> = ...

    Active mode tab.

    closeRequested: OutputEmitterRef<void> = ...

    Emitted when the panel should close (e.g. Escape or Cancel).

    colorGrid: readonly string[] = COLOR_GRID

    Flat colour grid.

    currentValue: InputSignal<string> = ...

    The current colour value (hex string) passed in from the adapter.

    filteredNamedColors: Signal<readonly NamedColor[]> = ...

    Filtered named colours based on the search input.

    hexInput: WritableSignal<string> = ...

    Hex input field value (kept in sync but editable).

    hexValue: Signal<string> = ...

    Current colour as hex string (derived from RGBA).

    hsla: Signal<HslaColor> = ...

    Current colour as HSLA (derived from RGBA).

    initialMode: InputSignal<ColorPickerMode> = ...

    Which mode tab to show initially.

    modes: readonly { key: ColorPickerMode; label: string }[] = MODES

    The available mode tabs.

    namedColors: readonly NamedColor[] = NAMED_COLORS

    Named CSS colours.

    namedFilter: WritableSignal<string> = ...

    Filter text for the named colours list.

    previewCss: Signal<string> = ...

    CSS background for the preview swatch.

    rgba: WritableSignal<RgbaColor> = ...

    The current working colour as RGBA.

    themePalette: readonly ThemePaletteGroup[] = THEME_PALETTE_BASES

    Theme palette base rows.

    valueSelected: OutputEmitterRef<string> = ...

    Emitted when the user applies a colour.

    Methods

    • Apply the current colour and emit.

      Returns void

    • Cancel — close without selecting.

      Returns void

    • Select a hex colour from the palette or grid.

      Parameters

      • hex: string

      Returns void

    • Switch to a mode tab.

      Parameters

      Returns void