primenglab 22.0.0-beta.1

package/types/primenglab-inputcolor.d.ts

@@ -0,0 +1,568 @@
+import { InputColorAreaPassThrough, InputColorAreaHandlePassThrough, InputColorAreaBackgroundPassThrough, InputColorSliderPassThrough, InputColorSliderHandlePassThrough, InputColorSliderTrackPassThrough, InputColorSwatchPassThrough, InputColorSwatchBackgroundPassThrough, InputColorTransparencyGridPassThrough, InputColorEyeDropperPassThrough, InputColorPassThrough } from 'primenglab/types/inputcolor';
+export * from 'primenglab/types/inputcolor';
+import * as primenglab_inputcolor from 'primenglab/inputcolor';
+import * as _angular_core from '@angular/core';
+import { OnDestroy, Provider, InjectionToken } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { BaseComponent } from 'primenglab/basecomponent';
+import * as i1 from 'primenglab/bind';
+import { Bind } from 'primenglab/bind';
+import * as _primeuix_styled from '@primeuix/styled';
+import { BaseStyle } from 'primenglab/base';
+import * as i1$1 from 'primenglab/inputtext';
+import * as i13 from 'primenglab/api';
+
+type ColorSpace = 'hsba' | 'hsla' | 'rgba' | 'hexa' | 'oklch';
+type ColorOutputFormat = ColorSpace | 'hex' | 'rgb' | 'hsl' | 'hsb' | 'oklcha' | 'css';
+type ColorChannel = 'hue' | 'saturation' | 'brightness' | 'lightness' | 'red' | 'green' | 'blue' | 'alpha' | 'hex' | 'L' | 'C' | 'H' | 'oklchLightness' | 'oklchChroma' | 'oklchHue';
+type ColorSliderChannel = 'hue' | 'saturation' | 'brightness' | 'lightness' | 'red' | 'green' | 'blue' | 'alpha' | 'L' | 'C' | 'H' | 'oklchLightness' | 'oklchChroma' | 'oklchHue';
+type ColorInputChannel = ColorChannel | 'css';
+interface ColorChannelRange {
+    minValue: number;
+    maxValue: number;
+    step: number;
+    pageStep: number;
+}
+interface Color2DAxes {
+    xChannel: ColorSliderChannel;
+    yChannel: ColorSliderChannel;
+}
+interface Color3DAxes extends Color2DAxes {
+    zChannel: ColorSliderChannel;
+}
+interface ColorOutput {
+    toString(format?: ColorOutputFormat): string;
+    toHex(): string;
+    toHexa(): string;
+    toHexInt(): number;
+    toRgbString(): string;
+    toHslString(): string;
+    toHsbString(): string;
+}
+type ColorInstance = HSBColor | HSLColor | RGBColor | OKLCHColor;
+/**
+ * Snaps a value to the nearest step increment within min/max bounds.
+ * @example snap(23.7, 0, 100, 5) => 25
+ * @example snap(0.234, 0, 1, 0.01) => 0.23
+ */
+declare function snapValue(value: number, min: number, max: number, step: number): number;
+declare abstract class Color implements ColorOutput {
+    abstract readonly colorSpace: ColorSpace;
+    abstract getChannelValue(channel: ColorChannel): number;
+    abstract setChannelValue(channel: ColorChannel, value: number): ColorInstance;
+    abstract toHSB(): HSBColor;
+    abstract toHSL(): HSLColor;
+    abstract toRGB(): RGBColor;
+    abstract toOKLCH(): OKLCHColor;
+    abstract clone(): ColorInstance;
+    abstract toJSON(): Record<string, number>;
+    abstract getFormat(): ColorSpace;
+    abstract getChannels(): [ColorChannel, ColorChannel, ColorChannel];
+    abstract getChannelRange(channel: ColorChannel): ColorChannelRange;
+    get alpha(): number;
+    getSpaceAxes(xyChannels: Color2DAxes): Color3DAxes;
+    incChannelValue(channel: ColorChannel, step: number): ColorInstance;
+    decChannelValue(channel: ColorChannel, step: number): ColorInstance;
+    toHex(): string;
+    toHexa(): string;
+    toHexInt(): number;
+    toRgbString(): string;
+    toHslString(): string;
+    toHsbString(): string;
+    toString(format?: ColorOutputFormat): string;
+    toFormat(format: ColorSpace): ColorInstance;
+}
+declare class HSBColor extends Color {
+    hue: number;
+    saturation: number;
+    brightness: number;
+    private _alpha;
+    readonly colorSpace: ColorSpace;
+    constructor(hue: number, saturation: number, brightness: number, _alpha?: number);
+    getChannelValue(channel: ColorChannel): number;
+    setChannelValue(channel: ColorChannel, value: number): ColorInstance;
+    toHSB(): HSBColor;
+    toHSL(): HSLColor;
+    toRGB(): RGBColor;
+    toOKLCH(): OKLCHColor;
+    clone(): HSBColor;
+    toJSON(): Record<string, number>;
+    getFormat(): ColorSpace;
+    getChannels(): [ColorChannel, ColorChannel, ColorChannel];
+    getChannelRange(channel: ColorChannel): ColorChannelRange;
+}
+declare class HSLColor extends Color {
+    hue: number;
+    saturation: number;
+    lightness: number;
+    private _alpha;
+    readonly colorSpace: ColorSpace;
+    constructor(hue: number, saturation: number, lightness: number, _alpha?: number);
+    getChannelValue(channel: ColorChannel): number;
+    setChannelValue(channel: ColorChannel, value: number): ColorInstance;
+    toHSB(): HSBColor;
+    toHSL(): HSLColor;
+    toRGB(): RGBColor;
+    toOKLCH(): OKLCHColor;
+    clone(): HSLColor;
+    toJSON(): Record<string, number>;
+    getFormat(): ColorSpace;
+    getChannels(): [ColorChannel, ColorChannel, ColorChannel];
+    getChannelRange(channel: ColorChannel): ColorChannelRange;
+}
+declare class RGBColor extends Color {
+    red: number;
+    green: number;
+    blue: number;
+    private _alpha;
+    readonly colorSpace: ColorSpace;
+    constructor(red: number, green: number, blue: number, _alpha?: number);
+    getChannelValue(channel: ColorChannel): number;
+    setChannelValue(channel: ColorChannel, value: number): ColorInstance;
+    toHSB(): HSBColor;
+    toHSL(): HSLColor;
+    toRGB(): RGBColor;
+    toOKLCH(): OKLCHColor;
+    clone(): RGBColor;
+    toJSON(): Record<string, number>;
+    getFormat(): ColorSpace;
+    getChannels(): [ColorChannel, ColorChannel, ColorChannel];
+    getChannelRange(channel: ColorChannel): ColorChannelRange;
+}
+declare class OKLCHColor extends Color {
+    L: number;
+    C: number;
+    H: number;
+    private _alpha;
+    readonly colorSpace: ColorSpace;
+    constructor(L: number, C: number, H: number, _alpha?: number);
+    getChannelValue(channel: ColorChannel): number;
+    setChannelValue(channel: ColorChannel, value: number): ColorInstance;
+    toHSB(): HSBColor;
+    toHSL(): HSLColor;
+    toRGB(): RGBColor;
+    toOKLCH(): OKLCHColor;
+    toString(format?: ColorOutputFormat): string;
+    clone(): OKLCHColor;
+    toJSON(): Record<string, number>;
+    getFormat(): ColorSpace;
+    getChannels(): [ColorChannel, ColorChannel, ColorChannel];
+    getChannelRange(channel: ColorChannel): ColorChannelRange;
+}
+declare function parseColor(value: string | ColorInstance | null | undefined): ColorInstance | null;
+declare function getChannelRange(channel: ColorSliderChannel): ColorChannelRange;
+declare function getInputChannelRange(channel: ColorInputChannel): ColorChannelRange;
+declare function getChannelGradient(color: ColorInstance, channel: ColorSliderChannel, orientation?: 'horizontal' | 'vertical'): string;
+declare function getAreaGradient(color: ColorInstance, xChannel: ColorSliderChannel, yChannel: ColorSliderChannel, format: ColorSpace): string;
+declare function getChannelColor(color: ColorInstance, channel: ColorChannel): ColorInstance;
+declare function getInputChannelValue(color: ColorInstance, channel: ColorInputChannel, format?: ColorSpace): string;
+declare function getDefault2DAxes(format: ColorSpace): Color2DAxes;
+declare function getDefault3DAxes(format: ColorSpace): Color3DAxes;
+
+/**
+ *
+ * InputColor is a composable color picker component.
+ *
+ * [Live Demo](https://www.primeng.org/inputcolor/)
+ *
+ * @module inputcolorstyle
+ *
+ */
+declare enum InputColorClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-inputcolor",
+    /**
+     * Class name of the area element
+     */
+    area = "p-inputcolor-area",
+    /**
+     * Class name of the area background element
+     */
+    areaBackground = "p-inputcolor-area-background",
+    /**
+     * Class name of the area handle element
+     */
+    areaHandle = "p-inputcolor-area-handle",
+    /**
+     * Class name of the slider element
+     */
+    slider = "p-inputcolor-slider",
+    /**
+     * Class name of the slider track element
+     */
+    sliderTrack = "p-inputcolor-slider-track",
+    /**
+     * Class name of the slider handle element
+     */
+    sliderHandle = "p-inputcolor-slider-handle",
+    /**
+     * Class name of the swatch element
+     */
+    swatch = "p-inputcolor-swatch",
+    /**
+     * Class name of the swatch background element
+     */
+    swatchBackground = "p-inputcolor-swatch-background",
+    /**
+     * Class name of the transparency grid element
+     */
+    transparencyGrid = "p-inputcolor-transparency-grid",
+    /**
+     * Class name of the input element
+     */
+    input = "p-inputcolor-input",
+    /**
+     * Class name of the eye dropper element
+     */
+    eyeDropper = "p-inputcolor-eyedropper"
+}
+declare class InputColorStyle extends BaseStyle {
+    name: string;
+    style: _primeuix_styled.StyleType;
+    classes: {
+        root: string;
+        area: string;
+        areaHandle: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-disabled': any;
+        })[];
+        areaBackground: string;
+        slider: string;
+        sliderHandle: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-disabled': any;
+        })[];
+        sliderTrack: string;
+        transparencyGrid: string;
+        swatch: string;
+        swatchBackground: string;
+        eyeDropper: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputColorStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<InputColorStyle>;
+}
+interface InputColorStyle extends BaseStyle {
+}
+
+/**
+ * InputColorArea is a helper component for InputColor component.
+ * @group Components
+ */
+declare class InputColorArea extends BaseComponent<InputColorAreaPassThrough> implements OnDestroy {
+    componentName: string;
+    bindDirectiveInstance: Bind;
+    $pc: primenglab_inputcolor.InputColor;
+    $xChannel: _angular_core.Signal<primenglab_inputcolor.ColorSliderChannel>;
+    $yChannel: _angular_core.Signal<primenglab_inputcolor.ColorSliderChannel>;
+    $areaGradient: _angular_core.Signal<string>;
+    $handleBackground: _angular_core.Signal<string>;
+    $handleLeft: _angular_core.Signal<string>;
+    $handleTop: _angular_core.Signal<string>;
+    private dragging;
+    private dragOffset;
+    private cleanupDrag;
+    onAfterViewChecked(): void;
+    onPointerDown(event: PointerEvent): void;
+    ngOnDestroy(): void;
+    private updateFromPointer;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputColorArea, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputColorArea, "p-inputcolor-area", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+
+/**
+ * InputColorAreaHandle is a helper component for InputColor component.
+ * @group Components
+ */
+declare class InputColorAreaHandle extends BaseComponent<InputColorAreaHandlePassThrough> {
+    componentName: string;
+    bindDirectiveInstance: Bind;
+    $pc: primenglab_inputcolor.InputColor;
+    $xChannel: _angular_core.Signal<primenglab_inputcolor.ColorSliderChannel>;
+    $yChannel: _angular_core.Signal<primenglab_inputcolor.ColorSliderChannel>;
+    $xRange: _angular_core.Signal<primenglab_inputcolor.ColorChannelRange>;
+    $yRange: _angular_core.Signal<primenglab_inputcolor.ColorChannelRange>;
+    $xValue: _angular_core.Signal<number>;
+    $yValue: _angular_core.Signal<number>;
+    $xMin: _angular_core.Signal<number>;
+    $xMax: _angular_core.Signal<number>;
+    $tabindex: _angular_core.Signal<0 | -1>;
+    $ariaDisabled: _angular_core.Signal<true | undefined>;
+    $ariaValueText: _angular_core.Signal<string>;
+    onAfterViewChecked(): void;
+    onKeyDown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputColorAreaHandle, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputColorAreaHandle, "p-inputcolor-area-handle", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+
+/**
+ * InputColorAreaBackground is a helper component for InputColor component.
+ * @group Components
+ */
+declare class InputColorAreaBackground extends BaseComponent<InputColorAreaBackgroundPassThrough> {
+    componentName: string;
+    bindDirectiveInstance: Bind;
+    $pc: primenglab_inputcolor.InputColor;
+    onAfterViewChecked(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputColorAreaBackground, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputColorAreaBackground, "p-inputcolor-area-background", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+
+/**
+ * InputColorSlider is a helper component for InputColor component.
+ * @group Components
+ */
+declare class InputColorSlider extends BaseComponent<InputColorSliderPassThrough> implements OnDestroy {
+    componentName: string;
+    bindDirectiveInstance: Bind;
+    $pc: primenglab_inputcolor.InputColor;
+    /**
+     * The color channel this slider controls.
+     * @group Props
+     */
+    channel: _angular_core.InputSignal<ColorSliderChannel>;
+    /**
+     * Orientation of the slider.
+     * @group Props
+     */
+    orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    private dragging;
+    private cleanupDrag;
+    onAfterViewChecked(): void;
+    onPointerDown(event: PointerEvent): void;
+    ngOnDestroy(): void;
+    private updateFromPointer;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputColorSlider, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputColorSlider, "p-inputcolor-slider", never, { "channel": { "alias": "channel"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+
+/**
+ * InputColorSliderHandle is a helper component for InputColor component.
+ * @group Components
+ */
+declare class InputColorSliderHandle extends BaseComponent<InputColorSliderHandlePassThrough> {
+    componentName: string;
+    bindDirectiveInstance: Bind;
+    $pc: primenglab_inputcolor.InputColor;
+    private pcSlider;
+    $channel: _angular_core.Signal<primenglab_inputcolor.ColorSliderChannel>;
+    $isVertical: _angular_core.Signal<boolean>;
+    $range: _angular_core.Signal<primenglab_inputcolor.ColorChannelRange>;
+    $value: _angular_core.Signal<number>;
+    $tabindex: _angular_core.Signal<0 | -1>;
+    $ariaDisabled: _angular_core.Signal<true | undefined>;
+    $handlePosition: _angular_core.Signal<string>;
+    $handlePositionVertical: _angular_core.Signal<string>;
+    $left: _angular_core.Signal<string | null>;
+    $top: _angular_core.Signal<string | null>;
+    $translate: _angular_core.Signal<"0 -50%" | "-50% 0">;
+    $handleColor: _angular_core.Signal<string>;
+    onAfterViewChecked(): void;
+    onKeyDown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputColorSliderHandle, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputColorSliderHandle, "p-inputcolor-slider-handle", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+
+/**
+ * InputColorSliderTrack is a helper component for InputColor component.
+ * @group Components
+ */
+declare class InputColorSliderTrack extends BaseComponent<InputColorSliderTrackPassThrough> {
+    componentName: string;
+    bindDirectiveInstance: Bind;
+    $pc: primenglab_inputcolor.InputColor;
+    private pcSlider;
+    $gradient: _angular_core.Signal<string>;
+    onAfterViewChecked(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputColorSliderTrack, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputColorSliderTrack, "p-inputcolor-slider-track", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+
+/**
+ * InputColorSwatch is a helper component for InputColor component.
+ * @group Components
+ */
+declare class InputColorSwatch extends BaseComponent<InputColorSwatchPassThrough> {
+    componentName: string;
+    bindDirectiveInstance: Bind;
+    $pc: primenglab_inputcolor.InputColor;
+    onAfterViewChecked(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputColorSwatch, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputColorSwatch, "p-inputcolor-swatch", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+
+/**
+ * InputColorSwatchBackground is a helper component for InputColor component.
+ * @group Components
+ */
+declare class InputColorSwatchBackground extends BaseComponent<InputColorSwatchBackgroundPassThrough> {
+    componentName: string;
+    bindDirectiveInstance: Bind;
+    $pc: primenglab_inputcolor.InputColor;
+    $swatchColor: _angular_core.Signal<string>;
+    onAfterViewChecked(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputColorSwatchBackground, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputColorSwatchBackground, "p-inputcolor-swatch-background", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+
+/**
+ * InputColorTransparencyGrid is a helper component for InputColor component.
+ * @group Components
+ */
+declare class InputColorTransparencyGrid extends BaseComponent<InputColorTransparencyGridPassThrough> {
+    componentName: string;
+    bindDirectiveInstance: Bind;
+    $pc: primenglab_inputcolor.InputColor;
+    onAfterViewChecked(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputColorTransparencyGrid, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputColorTransparencyGrid, "p-inputcolor-transparency-grid", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+
+declare class InputColorInput extends BaseComponent {
+    componentName: string;
+    $pc: primenglab_inputcolor.InputColor;
+    /**
+     * The color channel this input controls.
+     * @group Props
+     */
+    channel: _angular_core.InputSignal<ColorInputChannel>;
+    /**
+     * The input type attribute.
+     * @group Props
+     */
+    type: _angular_core.InputSignal<string | undefined>;
+    /**
+     * When present, it specifies that the input should be disabled.
+     * @group Props
+     */
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    $disabled: _angular_core.Signal<boolean>;
+    $inputType: _angular_core.Signal<string>;
+    $displayValue: _angular_core.Signal<string>;
+    private pendingValue;
+    constructor();
+    onInput(event: Event): void;
+    onBlur(event: FocusEvent): void;
+    onEnter(event: KeyboardEvent): void;
+    private commitValue;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputColorInput, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<InputColorInput, "[pInputColorInput]", never, { "channel": { "alias": "channel"; "required": true; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1$1.InputText; inputs: { "pSize": "pSize"; "fluid": "fluid"; "variant": "variant"; "invalid": "invalid"; }; outputs: {}; }]>;
+}
+
+/**
+ * InputColorEyeDropper is a helper component for InputColor component.
+ * @group Components
+ */
+declare class InputColorEyeDropper extends BaseComponent<InputColorEyeDropperPassThrough> {
+    componentName: string;
+    bindDirectiveInstance: Bind;
+    $pc: primenglab_inputcolor.InputColor;
+    /**
+     * Whether to display button as text.
+     * @group Props
+     */
+    text: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether to display a rounded button.
+     * @group Props
+     */
+    rounded: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether to display button as outlined.
+     * @group Props
+     */
+    outlined: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether to display an icon-only button.
+     * @group Props
+     */
+    iconOnly: _angular_core.InputSignal<boolean>;
+    /**
+     * Defines the color severity of the button.
+     * @group Props
+     */
+    severity: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Defines the size of the button.
+     * @group Props
+     */
+    size: _angular_core.InputSignal<string | undefined>;
+    onAfterViewChecked(): void;
+    onPickColor(event: MouseEvent): Promise<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputColorEyeDropper, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputColorEyeDropper, "p-inputcolor-eyedropper", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+
+declare const INPUT_COLOR_VALUE_ACCESSOR: Provider;
+/**
+ * InputColor is a composable color picker component.
+ * @group Components
+ */
+declare class InputColor extends BaseComponent<InputColorPassThrough> implements ControlValueAccessor {
+    componentName: string;
+    bindDirectiveInstance: Bind;
+    _componentStyle: InputColorStyle;
+    /**
+     * Color format/space used internally.
+     * @group Props
+     */
+    format: _angular_core.InputSignal<ColorSpace>;
+    /**
+     * When present, it specifies that the component should be disabled.
+     * @group Props
+     */
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    _disabled: _angular_core.WritableSignal<boolean>;
+    $disabled: _angular_core.Signal<boolean>;
+    /**
+     * Callback on value change (during interaction).
+     * @group Emits
+     */
+    onValueChange: _angular_core.OutputEmitterRef<{
+        color: ColorInstance;
+        originalEvent?: Event;
+    }>;
+    /**
+     * Callback when interaction ends (mouseup/touchend/keyup).
+     * @group Emits
+     */
+    onValueChangeEnd: _angular_core.OutputEmitterRef<{
+        color: ColorInstance;
+        originalEvent?: Event;
+    }>;
+    _color: _angular_core.WritableSignal<ColorInstance | null>;
+    $color: _angular_core.Signal<ColorInstance>;
+    $axes: _angular_core.Signal<primenglab_inputcolor.Color2DAxes>;
+    onAfterViewChecked(): void;
+    /**
+     * Update color and emit changes
+     */
+    updateColor(color: ColorInstance, event?: Event, isEnd?: boolean): void;
+    /**
+     * Set a specific channel value
+     */
+    setChannelValue(channel: ColorChannel, value: number, event?: Event, isEnd?: boolean): void;
+    onModelChange: Function;
+    onModelTouched: Function;
+    registerOnChange(fn: Function): void;
+    registerOnTouched(fn: Function): void;
+    setDisabledState(val: boolean): void;
+    writeValue(value: any): void;
+    toChannelNativeFormat(color: ColorInstance, channel: ColorChannel): ColorInstance;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputColor, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputColor, "p-inputcolor, p-input-color", never, { "format": { "alias": "format"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "onValueChange": "onValueChange"; "onValueChangeEnd": "onValueChangeEnd"; }, never, ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class InputColorModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputColorModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<InputColorModule, never, [typeof InputColor, typeof InputColorArea, typeof InputColorAreaHandle, typeof InputColorAreaBackground, typeof InputColorSlider, typeof InputColorSliderHandle, typeof InputColorSliderTrack, typeof InputColorSwatch, typeof InputColorSwatchBackground, typeof InputColorTransparencyGrid, typeof InputColorInput, typeof InputColorEyeDropper, typeof i13.SharedModule], [typeof InputColor, typeof InputColorArea, typeof InputColorAreaHandle, typeof InputColorAreaBackground, typeof InputColorSlider, typeof InputColorSliderHandle, typeof InputColorSliderTrack, typeof InputColorSwatch, typeof InputColorSwatchBackground, typeof InputColorTransparencyGrid, typeof InputColorInput, typeof InputColorEyeDropper, typeof i13.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<InputColorModule>;
+}
+
+declare const INPUT_COLOR_INSTANCE: InjectionToken<InputColor>;
+declare const INPUT_COLOR_SLIDER_INSTANCE: InjectionToken<InputColorSlider>;
+
+export { Color, HSBColor, HSLColor, INPUT_COLOR_INSTANCE, INPUT_COLOR_SLIDER_INSTANCE, INPUT_COLOR_VALUE_ACCESSOR, InputColor, InputColorArea, InputColorAreaBackground, InputColorAreaHandle, InputColorClasses, InputColorEyeDropper, InputColorInput, InputColorModule, InputColorSlider, InputColorSliderHandle, InputColorSliderTrack, InputColorStyle, InputColorSwatch, InputColorSwatchBackground, InputColorTransparencyGrid, OKLCHColor, RGBColor, getAreaGradient, getChannelColor, getChannelGradient, getChannelRange, getDefault2DAxes, getDefault3DAxes, getInputChannelRange, getInputChannelValue, parseColor, snapValue };
+export type { Color2DAxes, Color3DAxes, ColorChannel, ColorChannelRange, ColorInputChannel, ColorInstance, ColorOutput, ColorOutputFormat, ColorSliderChannel, ColorSpace };

package/types/primenglab-inputgroup.d.ts

@@ -0,0 +1,59 @@
+import { BaseComponent } from 'primenglab/basecomponent';
+import * as i1 from 'primenglab/bind';
+import { Bind } from 'primenglab/bind';
+import { InputGroupPassThrough } from 'primenglab/types/inputgroup';
+import { BaseStyle } from 'primenglab/base';
+import * as i0 from '@angular/core';
+import * as i2 from 'primenglab/api';
+
+/**
+ *
+ * InputGroup displays text, icon, buttons and other content can be grouped next to an input.
+ *
+ * [Live Demo](https://www.primeng.org/inputgroup/)
+ *
+ * @module inputgroupstyle
+ *
+ */
+declare enum InputGroupClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-inputgroup"
+}
+declare class InputGroupStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-inputgroup-fluid': any;
+        })[];
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputGroupStyle, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<InputGroupStyle>;
+}
+interface InputGroupStyle extends BaseStyle {
+}
+
+/**
+ * InputGroup displays text, icon, buttons and other content can be grouped next to an input.
+ * @group Components
+ */
+declare class InputGroup extends BaseComponent<InputGroupPassThrough> {
+    componentName: string;
+    _componentStyle: InputGroupStyle;
+    $pcInputGroup: InputGroup | undefined;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputGroup, "p-inputgroup, p-input-group", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class InputGroupModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputGroupModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<InputGroupModule, never, [typeof InputGroup, typeof i2.SharedModule], [typeof InputGroup, typeof i2.SharedModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<InputGroupModule>;
+}
+
+export { InputGroup, InputGroupClasses, InputGroupModule, InputGroupStyle };

package/types/primenglab-inputgroupaddon.d.ts

@@ -0,0 +1,37 @@
+import { BaseComponent } from 'primenglab/basecomponent';
+import * as i1 from 'primenglab/bind';
+import { Bind } from 'primenglab/bind';
+import { InputGroupAddonPassThrough } from 'primenglab/types/inputgroupaddon';
+import { BaseStyle } from 'primenglab/base';
+import * as i0 from '@angular/core';
+import * as i2 from 'primenglab/api';
+
+declare class InputGroupAddonStyle extends BaseStyle {
+    name: string;
+    classes: {
+        root: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputGroupAddonStyle, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<InputGroupAddonStyle>;
+}
+
+/**
+ * InputGroupAddon displays text, icon, buttons and other content can be grouped next to an input.
+ * @group Components
+ */
+declare class InputGroupAddon extends BaseComponent<InputGroupAddonPassThrough> {
+    componentName: string;
+    _componentStyle: InputGroupAddonStyle;
+    $pcInputGroupAddon: InputGroupAddon | undefined;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputGroupAddon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputGroupAddon, "p-inputgroup-addon", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class InputGroupAddonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputGroupAddonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<InputGroupAddonModule, never, [typeof InputGroupAddon, typeof i2.SharedModule], [typeof InputGroupAddon, typeof i2.SharedModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<InputGroupAddonModule>;
+}
+
+export { InputGroupAddon, InputGroupAddonModule, InputGroupAddonStyle };