igniteui-angular-inputs/esm2022/lib/igx-color-editor-component.d.ts

Ignite UI Angular input components for building rich data visualizations for modern web apps.

import { TemplateRef, EventEmitter, ViewContainerRef, Injector, AfterViewInit, Renderer2, NgZone } from '@angular/core';
import { ColorEditor } from "./ColorEditor";
import { ControlDisplayDensity } from "igniteui-angular-core";
import { BaseControlTheme } from "igniteui-angular-core";
import { IgxColorEditorPanelSelectedValueChangedEventArgs } from "./igx-color-editor-panel-selected-value-changed-event-args";
import { IgxColorEditorLostFocusEventArgs } from "./igx-color-editor-lost-focus-event-args";
import { IgxColorEditorGotFocusEventArgs } from "./igx-color-editor-got-focus-event-args";
import * as i0 from "@angular/core";
export declare class IgxColorEditorComponent implements AfterViewInit {
    private renderer;
    private _elRef;
    private ngZone;
    private injector;
    container: Element;
    private _wrapper;
    private _portalManager;
    private _root;
    _dynamicContent: ViewContainerRef;
    _childTemplateRef: TemplateRef<any>;
    constructor(renderer: Renderer2, _elRef: ViewContainerRef, ngZone: NgZone, injector: Injector);
    updateStyle(): void;
    ngOnDestroy(): void;
    ngAfterViewInit(): void;
    protected createImplementation(): ColorEditor;
    protected _implementation: any;
    /**
     * @hidden
     */
    get i(): ColorEditor; /**
                                 * @hidden
                                 */
    static _createFromInternal(internal: any): IgxColorEditorComponent;
    private _colorEditor;
    /**
 * Gets or Sets color value of the editor.
*/
    get value(): string;
    set value(v: string);
    /**
     * Gets or Sets the property name that contains the label.
    */
    get label(): string;
    set label(v: string);
    /**
     * Gets or sets the color to use for the text.
    */
    get labelTextColor(): string;
    set labelTextColor(v: string);
    /**
     * Gets or sets the font to use for the input.
    */
    get labelTextStyle(): string;
    set labelTextStyle(v: string);
    /**
     * Gets or sets the display density to use for the date pcicker.
    */
    get density(): ControlDisplayDensity;
    set density(v: ControlDisplayDensity);
    static ngAcceptInputType_density: ControlDisplayDensity | string;
    /**
     * Gets or sets the base built in theme to use for the date picker.
    */
    get baseTheme(): BaseControlTheme;
    set baseTheme(v: BaseControlTheme);
    static ngAcceptInputType_baseTheme: BaseControlTheme | string;
    /**
     * Gets or sets the font to use for the combobox.
    */
    get textStyle(): string;
    set textStyle(v: string);
    /**
     * Gets or Sets the text color
    */
    get textColor(): string;
    set textColor(v: string);
    /**
     * Gets or Sets the text color
    */
    get iconColor(): string;
    set iconColor(v: string);
    /**
     * Gets or sets the ShowClearButton property to detirmine if the clear button is shown
    */
    get showClearButton(): boolean;
    set showClearButton(v: boolean);
    static ngAcceptInputType_showClearButton: boolean | string;
    /**
     * Gets or sets the AllowTextInput property to detirmine if entering text into the input is allowed
    */
    get allowTextInput(): boolean;
    set allowTextInput(v: boolean);
    static ngAcceptInputType_allowTextInput: boolean | string;
    /**
     * Gets or sets the AllowTextInput property to detirmine if entering text into the input is allowed
    */
    get openOnFocus(): boolean;
    set openOnFocus(v: boolean);
    static ngAcceptInputType_openOnFocus: boolean | string;
    get isDisabled(): boolean;
    set isDisabled(v: boolean);
    static ngAcceptInputType_isDisabled: boolean | string;
    /**
     * Indicates that the editor dropdown will position itself relative to the window instead of the document.
    */
    get isFixed(): boolean;
    set isFixed(v: boolean);
    static ngAcceptInputType_isFixed: boolean | string;
    /**
     * Indicates that the dropdown should open as a child of the color editor.
    */
    get openAsChild(): boolean;
    set openAsChild(v: boolean);
    static ngAcceptInputType_openAsChild: boolean | string;
    /**
     * Indicates that the dropdown will place itself into the browser top layer.
    */
    get useTopLayer(): boolean;
    set useTopLayer(v: boolean);
    static ngAcceptInputType_useTopLayer: boolean | string;
    findByName(name: string): any;
    protected __p: string;
    protected _hasUserValues: Set<string>;
    protected get hasUserValues(): Set<string>;
    protected __m(propertyName: string): void;
    protected _stylingContainer: any;
    protected _stylingParent: any;
    protected _inStyling: boolean;
    protected _styling(container: any, component: any, parent?: any): void;
    select(): void;
    /**
     * Exports visual information about the current state of the color editor.
    
    */
    exportVisualModel(): any;
    /**
     * Returns a serialized copy of the exported visual model
    
    */
    exportSerializedVisualModel(): string;
    private _valueChanged;
    /**
     * Called when color is selected.
    */
    get valueChanged(): EventEmitter<{
        sender: any;
        args: IgxColorEditorPanelSelectedValueChangedEventArgs;
    }>;
    private _valueChanging;
    /**
     * Called when color is selected.
    */
    get valueChanging(): EventEmitter<{
        sender: any;
        args: IgxColorEditorPanelSelectedValueChangedEventArgs;
    }>;
    private _gotFocus;
    get gotFocus(): EventEmitter<{
        sender: any;
        args: IgxColorEditorGotFocusEventArgs;
    }>;
    private _lostFocus;
    get lostFocus(): EventEmitter<{
        sender: any;
        args: IgxColorEditorLostFocusEventArgs;
    }>;
    protected _zoneRunner: (act: () => void) => void;
    protected _runInZone(act: () => void): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<IgxColorEditorComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<IgxColorEditorComponent, "igx-color-editor", never, { "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelTextColor": { "alias": "labelTextColor"; "required": false; }; "labelTextStyle": { "alias": "labelTextStyle"; "required": false; }; "density": { "alias": "density"; "required": false; }; "baseTheme": { "alias": "baseTheme"; "required": false; }; "textStyle": { "alias": "textStyle"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "allowTextInput": { "alias": "allowTextInput"; "required": false; }; "openOnFocus": { "alias": "openOnFocus"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isFixed": { "alias": "isFixed"; "required": false; }; "openAsChild": { "alias": "openAsChild"; "required": false; }; "useTopLayer": { "alias": "useTopLayer"; "required": false; }; }, { "valueChanged": "valueChanged"; "valueChanging": "valueChanging"; "gotFocus": "gotFocus"; "lostFocus": "lostFocus"; }, never, ["*"], true, never>;
}