1 | import { OnInit, OnDestroy, AfterViewInit, ElementRef, ChangeDetectorRef } from '@angular/core';
|
2 | import { ColorFormats, Cmyk, Hsla, Rgba } from './formats';
|
3 | import { AlphaChannel, OutputFormat, SliderPosition } from './helpers';
|
4 | import { ColorPickerService } from './color-picker.service';
|
5 | export declare class ColorPickerComponent implements OnInit, OnDestroy, AfterViewInit {
|
6 | private elRef;
|
7 | private cdRef;
|
8 | private service;
|
9 | private isIE10;
|
10 | private cmyk;
|
11 | private hsva;
|
12 | private width;
|
13 | private height;
|
14 | private cmykColor;
|
15 | private outputColor;
|
16 | private initialColor;
|
17 | private fallbackColor;
|
18 | private listenerResize;
|
19 | private listenerMouseDown;
|
20 | private directiveInstance;
|
21 | private sliderH;
|
22 | private sliderDimMax;
|
23 | private directiveElementRef;
|
24 | private dialogArrowSize;
|
25 | private dialogArrowOffset;
|
26 | private dialogInputFields;
|
27 | private useRootViewContainer;
|
28 | show: boolean;
|
29 | hidden: boolean;
|
30 | top: number;
|
31 | left: number;
|
32 | position: string;
|
33 | format: ColorFormats;
|
34 | slider: SliderPosition;
|
35 | hexText: string;
|
36 | hexAlpha: number;
|
37 | cmykText: Cmyk;
|
38 | hslaText: Hsla;
|
39 | rgbaText: Rgba;
|
40 | arrowTop: number;
|
41 | selectedColor: string;
|
42 | hueSliderColor: string;
|
43 | alphaSliderColor: string;
|
44 | cpWidth: number;
|
45 | cpHeight: number;
|
46 | cpColorMode: number;
|
47 | cpCmykEnabled: boolean;
|
48 | cpAlphaChannel: AlphaChannel;
|
49 | cpOutputFormat: OutputFormat;
|
50 | cpDisableInput: boolean;
|
51 | cpDialogDisplay: string;
|
52 | cpIgnoredElements: any;
|
53 | cpSaveClickOutside: boolean;
|
54 | cpCloseClickOutside: boolean;
|
55 | cpPosition: string;
|
56 | cpUsePosition: string;
|
57 | cpPositionOffset: number;
|
58 | cpOKButton: boolean;
|
59 | cpOKButtonText: string;
|
60 | cpOKButtonClass: string;
|
61 | cpCancelButton: boolean;
|
62 | cpCancelButtonText: string;
|
63 | cpCancelButtonClass: string;
|
64 | cpPresetLabel: string;
|
65 | cpPresetColors: string[];
|
66 | cpPresetColorsClass: string;
|
67 | cpMaxPresetColorsLength: number;
|
68 | cpPresetEmptyMessage: string;
|
69 | cpPresetEmptyMessageClass: string;
|
70 | cpAddColorButton: boolean;
|
71 | cpAddColorButtonText: string;
|
72 | cpAddColorButtonClass: string;
|
73 | cpRemoveColorButtonClass: string;
|
74 | cpTriggerElement: ElementRef;
|
75 | dialogElement: ElementRef;
|
76 | hueSlider: ElementRef;
|
77 | alphaSlider: ElementRef;
|
78 | handleEsc(event: any): void;
|
79 | handleEnter(event: any): void;
|
80 | constructor(elRef: ElementRef, cdRef: ChangeDetectorRef, service: ColorPickerService);
|
81 | ngOnInit(): void;
|
82 | ngOnDestroy(): void;
|
83 | ngAfterViewInit(): void;
|
84 | openDialog(color: any, emit?: boolean): void;
|
85 | closeDialog(): void;
|
86 | setupDialog(instance: any, elementRef: ElementRef, color: any, cpWidth: string, cpHeight: string, cpDialogDisplay: string, cpFallbackColor: string, cpColorMode: string, cpCmykEnabled: boolean, cpAlphaChannel: AlphaChannel, cpOutputFormat: OutputFormat, cpDisableInput: boolean, cpIgnoredElements: any, cpSaveClickOutside: boolean, cpCloseClickOutside: boolean, cpUseRootViewContainer: boolean, cpPosition: string, cpPositionOffset: string, cpPositionRelativeToArrow: boolean, cpPresetLabel: string, cpPresetColors: string[], cpPresetColorsClass: string, cpMaxPresetColorsLength: number, cpPresetEmptyMessage: string, cpPresetEmptyMessageClass: string, cpOKButton: boolean, cpOKButtonClass: string, cpOKButtonText: string, cpCancelButton: boolean, cpCancelButtonClass: string, cpCancelButtonText: string, cpAddColorButton: boolean, cpAddColorButtonClass: string, cpAddColorButtonText: string, cpRemoveColorButtonClass: string, cpTriggerElement: ElementRef): void;
|
87 | setColorMode(mode: string): void;
|
88 | setInitialColor(color: any): void;
|
89 | setPresetConfig(cpPresetLabel: string, cpPresetColors: string[]): void;
|
90 | setColorFromString(value: string, emit?: boolean, update?: boolean): void;
|
91 | onResize(): void;
|
92 | onDragEnd(slider: string): void;
|
93 | onDragStart(slider: string): void;
|
94 | onMouseDown(event: MouseEvent): void;
|
95 | onAcceptColor(event: Event): void;
|
96 | onCancelColor(event: Event): void;
|
97 | onFormatToggle(change: number): void;
|
98 | onColorChange(value: {
|
99 | s: number;
|
100 | v: number;
|
101 | rgX: number;
|
102 | rgY: number;
|
103 | }): void;
|
104 | onHueChange(value: {
|
105 | v: number;
|
106 | rgX: number;
|
107 | }): void;
|
108 | onValueChange(value: {
|
109 | v: number;
|
110 | rgX: number;
|
111 | }): void;
|
112 | onAlphaChange(value: {
|
113 | v: number;
|
114 | rgX: number;
|
115 | }): void;
|
116 | onHexInput(value: string | null): void;
|
117 | onRedInput(value: {
|
118 | v: number;
|
119 | rg: number;
|
120 | }): void;
|
121 | onBlueInput(value: {
|
122 | v: number;
|
123 | rg: number;
|
124 | }): void;
|
125 | onGreenInput(value: {
|
126 | v: number;
|
127 | rg: number;
|
128 | }): void;
|
129 | onHueInput(value: {
|
130 | v: number;
|
131 | rg: number;
|
132 | }): void;
|
133 | onValueInput(value: {
|
134 | v: number;
|
135 | rg: number;
|
136 | }): void;
|
137 | onAlphaInput(value: {
|
138 | v: number;
|
139 | rg: number;
|
140 | }): void;
|
141 | onLightnessInput(value: {
|
142 | v: number;
|
143 | rg: number;
|
144 | }): void;
|
145 | onSaturationInput(value: {
|
146 | v: number;
|
147 | rg: number;
|
148 | }): void;
|
149 | onCyanInput(value: {
|
150 | v: number;
|
151 | rg: number;
|
152 | }): void;
|
153 | onMagentaInput(value: {
|
154 | v: number;
|
155 | rg: number;
|
156 | }): void;
|
157 | onYellowInput(value: {
|
158 | v: number;
|
159 | rg: number;
|
160 | }): void;
|
161 | onBlackInput(value: {
|
162 | v: number;
|
163 | rg: number;
|
164 | }): void;
|
165 | onAddPresetColor(event: any, value: string): void;
|
166 | onRemovePresetColor(event: any, value: string): void;
|
167 | private openColorPicker;
|
168 | private closeColorPicker;
|
169 | private updateColorPicker;
|
170 | private setDialogPosition;
|
171 | private isDescendant;
|
172 | private createDialogBox;
|
173 | }
|