@skyux/colorpicker 14.3.9 → 14.3.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/colorpicker",
|
|
3
|
-
"version": "14.3.
|
|
3
|
+
"version": "14.3.11",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -21,13 +21,13 @@
|
|
|
21
21
|
"@angular/core": "^21.2.0",
|
|
22
22
|
"@angular/forms": "^21.2.0",
|
|
23
23
|
"@angular/platform-browser": "^21.2.0",
|
|
24
|
-
"@skyux-sdk/testing": "14.3.
|
|
25
|
-
"@skyux/core": "14.3.
|
|
26
|
-
"@skyux/forms": "14.3.
|
|
27
|
-
"@skyux/help-inline": "14.3.
|
|
28
|
-
"@skyux/i18n": "14.3.
|
|
29
|
-
"@skyux/icon": "14.3.
|
|
30
|
-
"@skyux/theme": "14.3.
|
|
24
|
+
"@skyux-sdk/testing": "14.3.11",
|
|
25
|
+
"@skyux/core": "14.3.11",
|
|
26
|
+
"@skyux/forms": "14.3.11",
|
|
27
|
+
"@skyux/help-inline": "14.3.11",
|
|
28
|
+
"@skyux/i18n": "14.3.11",
|
|
29
|
+
"@skyux/icon": "14.3.11",
|
|
30
|
+
"@skyux/theme": "14.3.11"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
33
|
"tslib": "^2.8.1"
|
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { OnInit, OnDestroy, AfterContentChecked, TemplateRef, EventEmitter, ElementRef,
|
|
2
|
+
import { OnInit, OnDestroy, AfterContentChecked, TemplateRef, EventEmitter, ElementRef, OnChanges } from '@angular/core';
|
|
3
3
|
import * as i1 from '@skyux/i18n';
|
|
4
|
-
import { SkyLibResourcesService } from '@skyux/i18n';
|
|
5
4
|
import { FormControlDirective, FormControlName, NgModel, AbstractControlDirective, ControlValueAccessor, Validator, ValidationErrors } from '@angular/forms';
|
|
6
|
-
import { SkyAffixService, SkyCoreAdapterService, SkyOverlayService } from '@skyux/core';
|
|
7
5
|
import * as i1$1 from '@skyux/forms';
|
|
8
6
|
import { SkyRequiredStateDirective } from '@skyux/forms';
|
|
9
|
-
import { SkyThemeService } from '@skyux/theme';
|
|
10
7
|
import { Subject } from 'rxjs';
|
|
11
8
|
|
|
12
9
|
/**
|
|
@@ -30,30 +27,55 @@ declare class SliderPosition {
|
|
|
30
27
|
}
|
|
31
28
|
|
|
32
29
|
/**
|
|
33
|
-
*
|
|
34
|
-
* channel to set the opacity.
|
|
30
|
+
* @internal
|
|
35
31
|
*/
|
|
36
|
-
interface
|
|
32
|
+
interface SkyColorpickerChangeAxis {
|
|
33
|
+
yAxis?: number;
|
|
34
|
+
xAxis?: number;
|
|
35
|
+
xCoordinate?: number;
|
|
36
|
+
yCoordinate?: number;
|
|
37
|
+
maxRange?: number;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
/**
|
|
41
|
+
* @internal
|
|
42
|
+
*/
|
|
43
|
+
interface SkyColorpickerChangeColor {
|
|
44
|
+
color: string;
|
|
45
|
+
colorValue?: number;
|
|
46
|
+
maxRange?: number;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
/**
|
|
50
|
+
* The commands to provide the colorpicker.
|
|
51
|
+
*/
|
|
52
|
+
declare enum SkyColorpickerMessageType {
|
|
37
53
|
/**
|
|
38
|
-
*
|
|
39
|
-
* 0 is red, 120 is green, and 240 is blue.
|
|
54
|
+
* Opens the colorpicker.
|
|
40
55
|
*/
|
|
41
|
-
|
|
56
|
+
Open = 0,
|
|
42
57
|
/**
|
|
43
|
-
*
|
|
44
|
-
* shade of gray and 100 percent is the full color.
|
|
58
|
+
* Resets the selection in the colorpicker.
|
|
45
59
|
*/
|
|
46
|
-
|
|
60
|
+
Reset = 1,
|
|
47
61
|
/**
|
|
48
|
-
*
|
|
49
|
-
* color where 0 is completely black and 100 is the brightest and
|
|
50
|
-
* reveals the most color.
|
|
62
|
+
* Toggles whether to display a reset button beside the colorpicker.
|
|
51
63
|
*/
|
|
52
|
-
|
|
64
|
+
ToggleResetButton = 2,
|
|
53
65
|
/**
|
|
54
|
-
*
|
|
66
|
+
* Closes the colorpicker.
|
|
55
67
|
*/
|
|
56
|
-
|
|
68
|
+
Close = 3
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
/**
|
|
72
|
+
* Provides commands for the colorpicker through a message stream.
|
|
73
|
+
*/
|
|
74
|
+
interface SkyColorpickerMessage {
|
|
75
|
+
/**
|
|
76
|
+
* The message type.
|
|
77
|
+
*/
|
|
78
|
+
type?: SkyColorpickerMessageType;
|
|
57
79
|
}
|
|
58
80
|
|
|
59
81
|
/**
|
|
@@ -104,6 +126,33 @@ interface SkyColorpickerHsla {
|
|
|
104
126
|
alpha: number;
|
|
105
127
|
}
|
|
106
128
|
|
|
129
|
+
/**
|
|
130
|
+
* Colors specified as a combination of hue, saturation, and value with an alpha
|
|
131
|
+
* channel to set the opacity.
|
|
132
|
+
*/
|
|
133
|
+
interface SkyColorpickerHsva {
|
|
134
|
+
/**
|
|
135
|
+
* The hue, which is a degree on the color wheel from 0 to 360.
|
|
136
|
+
* 0 is red, 120 is green, and 240 is blue.
|
|
137
|
+
*/
|
|
138
|
+
hue: number;
|
|
139
|
+
/**
|
|
140
|
+
* The saturation, which is a percentage value where 0 percent is a
|
|
141
|
+
* shade of gray and 100 percent is the full color.
|
|
142
|
+
*/
|
|
143
|
+
saturation: number;
|
|
144
|
+
/**
|
|
145
|
+
* The brightness or intensity, which is a percentage value of the
|
|
146
|
+
* color where 0 is completely black and 100 is the brightest and
|
|
147
|
+
* reveals the most color.
|
|
148
|
+
*/
|
|
149
|
+
value: number;
|
|
150
|
+
/**
|
|
151
|
+
* The alpha channel to set the opacity.
|
|
152
|
+
*/
|
|
153
|
+
alpha: number;
|
|
154
|
+
}
|
|
155
|
+
|
|
107
156
|
/**
|
|
108
157
|
* Colors specified as a combination of red, green, and blue with an alpha
|
|
109
158
|
* channel to set the opacity.
|
|
@@ -165,73 +214,6 @@ interface SkyColorpickerOutput {
|
|
|
165
214
|
hex: string;
|
|
166
215
|
}
|
|
167
216
|
|
|
168
|
-
/**
|
|
169
|
-
* @internal
|
|
170
|
-
*/
|
|
171
|
-
declare class SkyColorpickerService {
|
|
172
|
-
#private;
|
|
173
|
-
rgbaToHsva(rgba: SkyColorpickerRgba): SkyColorpickerHsva;
|
|
174
|
-
hsvaToRgba(hsva: SkyColorpickerHsva): SkyColorpickerRgba;
|
|
175
|
-
stringToHsva(colorString: string, hex8: boolean): SkyColorpickerHsva | undefined;
|
|
176
|
-
skyColorpickerOut(color: SkyColorpickerHsva): SkyColorpickerOutput;
|
|
177
|
-
hexText(rgba: SkyColorpickerRgba, allowHex8: boolean): string;
|
|
178
|
-
denormalizeRGBA(rgba: SkyColorpickerRgba): SkyColorpickerRgba;
|
|
179
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyColorpickerService, never>;
|
|
180
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SkyColorpickerService>;
|
|
181
|
-
}
|
|
182
|
-
|
|
183
|
-
/**
|
|
184
|
-
* @internal
|
|
185
|
-
*/
|
|
186
|
-
interface SkyColorpickerChangeAxis {
|
|
187
|
-
yAxis?: number;
|
|
188
|
-
xAxis?: number;
|
|
189
|
-
xCoordinate?: number;
|
|
190
|
-
yCoordinate?: number;
|
|
191
|
-
maxRange?: number;
|
|
192
|
-
}
|
|
193
|
-
|
|
194
|
-
/**
|
|
195
|
-
* @internal
|
|
196
|
-
*/
|
|
197
|
-
interface SkyColorpickerChangeColor {
|
|
198
|
-
color: string;
|
|
199
|
-
colorValue?: number;
|
|
200
|
-
maxRange?: number;
|
|
201
|
-
}
|
|
202
|
-
|
|
203
|
-
/**
|
|
204
|
-
* The commands to provide the colorpicker.
|
|
205
|
-
*/
|
|
206
|
-
declare enum SkyColorpickerMessageType {
|
|
207
|
-
/**
|
|
208
|
-
* Opens the colorpicker.
|
|
209
|
-
*/
|
|
210
|
-
Open = 0,
|
|
211
|
-
/**
|
|
212
|
-
* Resets the selection in the colorpicker.
|
|
213
|
-
*/
|
|
214
|
-
Reset = 1,
|
|
215
|
-
/**
|
|
216
|
-
* Toggles whether to display a reset button beside the colorpicker.
|
|
217
|
-
*/
|
|
218
|
-
ToggleResetButton = 2,
|
|
219
|
-
/**
|
|
220
|
-
* Closes the colorpicker.
|
|
221
|
-
*/
|
|
222
|
-
Close = 3
|
|
223
|
-
}
|
|
224
|
-
|
|
225
|
-
/**
|
|
226
|
-
* Provides commands for the colorpicker through a message stream.
|
|
227
|
-
*/
|
|
228
|
-
interface SkyColorpickerMessage {
|
|
229
|
-
/**
|
|
230
|
-
* The message type.
|
|
231
|
-
*/
|
|
232
|
-
type?: SkyColorpickerMessageType;
|
|
233
|
-
}
|
|
234
|
-
|
|
235
217
|
/**
|
|
236
218
|
* Indicates the color that users apply when they select Apply in the colorpicker.
|
|
237
219
|
*/
|
|
@@ -367,7 +349,7 @@ declare class SkyColorpickerComponent implements OnInit, OnDestroy, AfterContent
|
|
|
367
349
|
protected isPickerVisible: boolean | undefined;
|
|
368
350
|
protected ngControl: AbstractControlDirective | undefined;
|
|
369
351
|
protected readonly errorId: string;
|
|
370
|
-
constructor(
|
|
352
|
+
constructor();
|
|
371
353
|
setDialog(color: string | undefined, outputFormat: string, presetColors: string[], alphaChannel: string, allowTransparency: boolean): void;
|
|
372
354
|
ngOnInit(): void;
|
|
373
355
|
ngAfterContentChecked(): void;
|
|
@@ -380,7 +362,7 @@ declare class SkyColorpickerComponent implements OnInit, OnDestroy, AfterContent
|
|
|
380
362
|
onResetClick(): void;
|
|
381
363
|
updatePickerValues(value: string | undefined): void;
|
|
382
364
|
protected onContainerEnterKeyDown(event: Event): void;
|
|
383
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyColorpickerComponent,
|
|
365
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkyColorpickerComponent, never>;
|
|
384
366
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkyColorpickerComponent, "sky-colorpicker", never, { "pickerButtonIcon": { "alias": "pickerButtonIcon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelledBy": { "alias": "labelledBy"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "messageStream": { "alias": "messageStream"; "required": false; }; "showResetButton": { "alias": "showResetButton"; "required": false; }; }, { "selectedColorChanged": "selectedColorChanged"; "selectedColorApplied": "selectedColorApplied"; }, ["formControl", "formControlByName", "ngModel", "requiredState"], ["*", "sky-form-error"], true, never>;
|
|
385
367
|
static ngAcceptInputType_labelHidden: unknown;
|
|
386
368
|
static ngAcceptInputType_stacked: unknown;
|
|
@@ -443,7 +425,6 @@ declare class SkyColorpickerInputDirective implements OnInit, OnChanges, Control
|
|
|
443
425
|
* levels.
|
|
444
426
|
*/
|
|
445
427
|
allowTransparency: boolean;
|
|
446
|
-
constructor(elementRef: ElementRef, renderer: Renderer2, svc: SkyColorpickerService, resourcesSvc: SkyLibResourcesService, injector: Injector);
|
|
447
428
|
changeInput(): void;
|
|
448
429
|
onChange(): void;
|
|
449
430
|
ngOnInit(): void;
|
|
@@ -486,7 +467,7 @@ declare class SkyColorpickerSliderDirective {
|
|
|
486
467
|
color: string | undefined;
|
|
487
468
|
xAxis: number | undefined;
|
|
488
469
|
yAxis: number | undefined;
|
|
489
|
-
constructor(
|
|
470
|
+
constructor();
|
|
490
471
|
start(event: MouseEvent | TouchEvent): void;
|
|
491
472
|
stop(): void;
|
|
492
473
|
move(event: MouseEvent | TouchEvent): void;
|