ngx-colors
Version:
A beautiful color picker for angular that let you choose from a color palette, using sliders (Hue, Lightness, Alpha sliders) or through text input(hex, rgba, hsla)
85 lines (84 loc) • 3 kB
TypeScript
import { OnInit, ChangeDetectorRef, ElementRef } from '@angular/core';
import { ColorFormats } from '../../enums/formats';
import { ConverterService } from '../../services/converter.service';
import { NgxColorsTriggerDirective } from '../../directives/ngx-colors-trigger.directive';
import { Hsva } from '../../clases/formats';
import * as i0 from "@angular/core";
export declare class PanelComponent implements OnInit {
service: ConverterService;
private cdr;
click(event: any): void;
onScroll(): void;
onResize(): void;
top: number;
left: number;
panelRef: ElementRef;
constructor(service: ConverterService, cdr: ChangeDetectorRef);
color: string;
previewColor: string;
hsva: Hsva;
colorsAnimationEffect: string;
palette: {
color: string;
preview: string;
variants: string[];
}[];
variants: any[];
userFormats: string[];
colorFormats: string[];
format: ColorFormats;
formatMap: {
hex: ColorFormats;
rgba: ColorFormats;
hsla: ColorFormats;
cmyk: ColorFormats;
};
canChangeFormat: boolean;
menu: number;
hideColorPicker: boolean;
hideTextInput: boolean;
acceptLabel: string;
cancelLabel: string;
colorPickerControls: 'default' | 'only-alpha' | 'no-alpha';
private triggerInstance;
private TriggerBBox;
isSelectedColorInPalette: boolean;
indexSeleccionado: any;
positionString: any;
temporalColor: any;
backupColor: any;
placeholder: string;
ngOnInit(): void;
ngAfterViewInit(): void;
private onScreenMovement;
private findIndexSelectedColor;
iniciate(triggerInstance: NgxColorsTriggerDirective, triggerElementRef: any, color: any, palette: any, animation: any, format: string, hideTextInput: boolean, hideColorPicker: boolean, acceptLabel: string, cancelLabel: string, colorPickerControls: 'default' | 'only-alpha' | 'no-alpha', position: 'top' | 'bottom', userFormats?: string[]): void;
setPosition(): void;
private setPositionY;
hasVariant(color: any): boolean;
isSelected(color: any): boolean;
getBackgroundColor(color: any): {
background: any;
};
onAlphaChange(event: any): void;
private ChangeAlphaOnPalette;
/**
* Change color from default colors
* @param string color
*/
changeColor(color: string): void;
onChangeColorPicker(event: Hsva): void;
changeColorManual(color: string): void;
setColor(value: Hsva, colorIndex?: number): void;
setPreviewColor(value: Hsva): void;
hsvaToRgba: any;
onChange(): void;
onColorClick(color: any): void;
addColor(): void;
nextFormat(): void;
emitClose(status: 'cancel' | 'accept'): void;
onClickBack(): void;
isOutside(event: any): any;
static ɵfac: i0.ɵɵFactoryDeclaration<PanelComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<PanelComponent, "ngx-colors-panel", never, {}, {}, never, never, false, never>;
}