@progress/kendo-angular-inputs 7.5.1 → 8.0.0-dev.202112211528

package/dist/es2015/colorpicker/flatcolorpicker.component.d.ts

@@ -0,0 +1,214 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ElementRef, EventEmitter, NgZone, ChangeDetectorRef, OnInit, AfterViewInit, OnDestroy, Renderer2, SimpleChanges } from "@angular/core";
+import { ControlValueAccessor } from '@angular/forms';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { FlatColorPickerService } from './services/flatcolorpicker.service';
+import { ColorPickerView, GradientSettings, OutputFormat, PaletteSettings, ColorPickerActionsLayout } from "./models";
+import { ColorPickerCancelEvent } from './events';
+import { ColorGradientComponent } from './color-gradient.component';
+import { ColorPaletteComponent } from './color-palette.component';
+import { FlatColorPickerHeaderComponent } from './flatcolorpicker-header.component';
+import { FlatColorPickerActionButtonsComponent } from './flatcolorpicker-actions.component';
+/**
+ * Represents the [Kendo UI FlatColorPicker component for Angular]({% slug overview_flatcolorpicker %}).
+ *
+ * The FlatColorPicker is a powerful tool which allows the user to choose colors through palettes with predefined sets of colors and
+ * through a gradient that renders an hsv canvas. It supports previewing the selected color, reverting it to its previous state or clearing it completely.
+ */
+export declare class FlatColorPickerComponent implements OnInit, AfterViewInit, OnDestroy, ControlValueAccessor {
+    private service;
+    private host;
+    private localizationService;
+    private cdr;
+    private renderer;
+    private ngZone;
+    hostClasses: boolean;
+    readonly disabledClass: boolean;
+    readonly ariaReadonly: boolean;
+    direction: string;
+    readonly hostTabindex: number;
+    /**
+     * Sets the read-only state of the FlatColorPicker.
+     *
+     * @default false
+     */
+    readonly: boolean;
+    /**
+     * Sets the disabled state of the FlatColorPicker.
+     *
+     * @default false
+     */
+    disabled: boolean;
+    /**
+     * Specifies the output format of the FlatColorPicker.
+     *
+     * If the input value is in a different format, it will be parsed into the specified output `format`.
+     *
+     * The supported values are:
+     * * `rgba` (default)
+     * * `hex`
+     */
+    format: OutputFormat;
+    /**
+     * Specifies the initially selected color.
+     */
+    value: string;
+    /**
+     * Specifies the [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
+     *
+     * @default 0
+     */
+    tabindex: number;
+    /**
+     * Specifies whether the FlatColorPicker should display a 'Clear color' button.
+     *
+     * @default true
+     */
+    clearButton: boolean;
+    /**
+     * Displays `Apply` and `Cancel` action buttons and a color preview pane.
+     *
+     * When enabled, the component value will not change immediately upon
+     * color selection, but only after the `Apply` button is clicked.
+     *
+     * The `Cancel` button reverts the current selection to its
+     * initial state i.e. to the current value.
+     *
+     * @default true
+     */
+    preview: boolean;
+    /**
+     * Configures the layout of the `Apply` and `Cancel` action buttons.
+     * * `start`
+     * * `center`
+     * * `end` (default)
+     * * `stretch`
+     */
+    actionsLayout: ColorPickerActionsLayout;
+    /**
+     * Sets the initially active view in the FlatColorPicker. The property supports two-way binding.
+     * * `gradient` (default)
+     * * `palette`
+     */
+    activeView: ColorPickerView;
+    /**
+     * Specifies the views that will be rendered. Default value is gradient and palette.
+     */
+    views: Array<ColorPickerView>;
+    /**
+     * Configures the gradient view.
+     */
+    gradientSettings: GradientSettings;
+    /**
+     * Configures the palette view.
+     */
+    paletteSettings: PaletteSettings;
+    /**
+     * Fires each time the component value is changed.
+     */
+    valueChange: EventEmitter<any>;
+    /**
+     * Fires when the user cancels the current color selection.
+     *
+     * The event is emitted on preview pane or on 'Cancel' button click.
+     */
+    cancel: EventEmitter<ColorPickerCancelEvent>;
+    /**
+     * Fires each time the view is about to change.
+     * Used to provide a two-way binding for the `activeView` property.
+     */
+    activeViewChange: EventEmitter<string>;
+    /**
+     * @hidden
+     */
+    actionButtonClick: EventEmitter<any>;
+    header: FlatColorPickerHeaderComponent;
+    gradient: ColorGradientComponent;
+    palette: ColorPaletteComponent;
+    footer: FlatColorPickerActionButtonsComponent;
+    /**
+     * @hidden
+     */
+    selection: string;
+    private focused;
+    private _value;
+    private _tabindex;
+    private _gradientSettings;
+    private _paletteSettings;
+    private dynamicRTLSubscription;
+    private subscriptions;
+    constructor(service: FlatColorPickerService, host: ElementRef, localizationService: LocalizationService, cdr: ChangeDetectorRef, renderer: Renderer2, ngZone: NgZone);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    /**
+     * @hidden
+     */
+    readonly headerHasContent: boolean;
+    /**
+     * @hidden
+     * Used by the FloatingLabel to determine if the component is empty.
+     */
+    isEmpty(): boolean;
+    /**
+     * Focuses the wrapper of the FlatColorPicker.
+     */
+    focus(): void;
+    /**
+     * Blurs the wrapper of the FlatColorPicker.
+     */
+    blur(): void;
+    /**
+     * Clears the value of the FlatColorPicker.
+     */
+    reset(): void;
+    /**
+     * @hidden
+     */
+    onViewChange(view: ColorPickerView): void;
+    /**
+     * @hidden
+     */
+    onClearButtonClick(): void;
+    /**
+     * @hidden
+     */
+    handleValueChange(color: string): void;
+    /**
+     * @hidden
+     */
+    onAction(ev: any): void;
+    /**
+     * @hidden
+     */
+    writeValue(value: string): void;
+    /**
+     * @hidden
+     */
+    registerOnChange(fn: any): void;
+    /**
+     * @hidden
+     */
+    registerOnTouched(fn: any): void;
+    /**
+     * @hidden
+     */
+    setDisabledState(isDisabled: boolean): void;
+    /**
+     * @hidden
+     */
+    resetSelection(ev: any): void;
+    private setHostElementAriaLabel;
+    private setSizingVariables;
+    private changeCurrentValue;
+    private resetInnerComponentValue;
+    private setFlatColorPickerValue;
+    private setActiveView;
+    private notifyNgChanged;
+    private notifyNgTouched;
+    private initDomEvents;
+}