ngx-color 8.0.0 → 8.0.1
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/README.md +0 -1
- package/alpha/alpha-picker.component.d.ts +28 -0
- package/alpha/index.d.ts +5 -0
- package/alpha/public_api.d.ts +1 -0
- package/block/block-swatches.component.d.ts +24 -0
- package/block/block.component.d.ts +36 -0
- package/block/index.d.ts +5 -0
- package/block/public_api.d.ts +2 -0
- package/chrome/chrome-fields.component.d.ts +22 -0
- package/chrome/chrome.component.d.ts +25 -0
- package/chrome/index.d.ts +5 -0
- package/chrome/public_api.d.ts +2 -0
- package/circle/circle-swatch.component.d.ts +19 -0
- package/circle/circle.component.d.ts +32 -0
- package/circle/index.d.ts +5 -0
- package/circle/public_api.d.ts +2 -0
- package/compact/compact-color.component.d.ts +19 -0
- package/compact/compact-fields.component.d.ts +32 -0
- package/compact/compact.component.d.ts +30 -0
- package/compact/index.d.ts +5 -0
- package/compact/public_api.d.ts +3 -0
- package/esm2020/alpha/alpha-picker.component.mjs +100 -0
- package/esm2020/alpha/ngx-color-alpha.mjs +5 -0
- package/esm2020/alpha/public_api.mjs +2 -0
- package/esm2020/block/block-swatches.component.mjs +63 -0
- package/esm2020/block/block.component.mjs +158 -0
- package/esm2020/block/ngx-color-block.mjs +5 -0
- package/esm2020/block/public_api.mjs +3 -0
- package/esm2020/chrome/chrome-fields.component.mjs +314 -0
- package/esm2020/chrome/chrome.component.mjs +184 -0
- package/esm2020/chrome/ngx-color-chrome.mjs +5 -0
- package/esm2020/chrome/public_api.mjs +3 -0
- package/esm2020/circle/circle-swatch.component.mjs +69 -0
- package/esm2020/circle/circle.component.mjs +134 -0
- package/esm2020/circle/ngx-color-circle.mjs +5 -0
- package/esm2020/circle/public_api.mjs +3 -0
- package/esm2020/compact/compact-color.component.mjs +70 -0
- package/esm2020/compact/compact-fields.component.mjs +164 -0
- package/esm2020/compact/compact.component.mjs +154 -0
- package/esm2020/compact/ngx-color-compact.mjs +5 -0
- package/esm2020/compact/public_api.mjs +4 -0
- package/esm2020/github/github-swatch.component.mjs +53 -0
- package/esm2020/github/github.component.mjs +112 -0
- package/esm2020/github/ngx-color-github.mjs +5 -0
- package/esm2020/github/public_api.mjs +3 -0
- package/esm2020/hue/hue-picker.component.mjs +100 -0
- package/esm2020/hue/ngx-color-hue.mjs +5 -0
- package/esm2020/hue/public_api.mjs +2 -0
- package/esm2020/material/material.component.mjs +186 -0
- package/esm2020/material/ngx-color-material.mjs +5 -0
- package/esm2020/material/public_api.mjs +2 -0
- package/esm2020/photoshop/ngx-color-photoshop.mjs +5 -0
- package/esm2020/photoshop/photoshop-button.component.mjs +34 -0
- package/esm2020/photoshop/photoshop-fields.component.mjs +212 -0
- package/esm2020/photoshop/photoshop-previews.component.mjs +40 -0
- package/esm2020/photoshop/photoshop.component.mjs +185 -0
- package/esm2020/photoshop/public_api.mjs +5 -0
- package/esm2020/shade/ngx-color-shade.mjs +5 -0
- package/esm2020/shade/public_api.mjs +2 -0
- package/esm2020/shade/shade-picker.component.mjs +92 -0
- package/esm2020/sketch/ngx-color-sketch.mjs +5 -0
- package/esm2020/sketch/public_api.mjs +4 -0
- package/esm2020/sketch/sketch-fields.component.mjs +209 -0
- package/esm2020/sketch/sketch-preset-colors.component.mjs +68 -0
- package/esm2020/sketch/sketch.component.mjs +212 -0
- package/esm2020/slider/ngx-color-slider.mjs +5 -0
- package/esm2020/slider/public_api.mjs +4 -0
- package/esm2020/slider/slider-swatch.component.mjs +52 -0
- package/esm2020/slider/slider-swatches.component.mjs +119 -0
- package/esm2020/slider/slider.component.mjs +102 -0
- package/esm2020/swatches/ngx-color-swatches.mjs +5 -0
- package/esm2020/swatches/public_api.mjs +4 -0
- package/esm2020/swatches/swatches-color.component.mjs +104 -0
- package/esm2020/swatches/swatches-group.component.mjs +49 -0
- package/esm2020/swatches/swatches.component.mjs +242 -0
- package/esm2020/twitter/ngx-color-twitter.mjs +5 -0
- package/esm2020/twitter/public_api.mjs +2 -0
- package/esm2020/twitter/twitter.component.mjs +159 -0
- package/fesm2015/ngx-color-alpha.mjs +107 -0
- package/fesm2015/ngx-color-alpha.mjs.map +1 -0
- package/fesm2015/ngx-color-block.mjs +223 -0
- package/fesm2015/ngx-color-block.mjs.map +1 -0
- package/fesm2015/ngx-color-chrome.mjs +499 -0
- package/fesm2015/ngx-color-chrome.mjs.map +1 -0
- package/fesm2015/ngx-color-circle.mjs +207 -0
- package/fesm2015/ngx-color-circle.mjs.map +1 -0
- package/fesm2015/ngx-color-compact.mjs +385 -0
- package/fesm2015/ngx-color-compact.mjs.map +1 -0
- package/fesm2015/ngx-color-github.mjs +169 -0
- package/fesm2015/ngx-color-github.mjs.map +1 -0
- package/fesm2015/ngx-color-hue.mjs +107 -0
- package/fesm2015/ngx-color-hue.mjs.map +1 -0
- package/fesm2015/ngx-color-material.mjs +193 -0
- package/fesm2015/ngx-color-material.mjs.map +1 -0
- package/fesm2015/ngx-color-photoshop.mjs +467 -0
- package/fesm2015/ngx-color-photoshop.mjs.map +1 -0
- package/fesm2015/ngx-color-shade.mjs +99 -0
- package/fesm2015/ngx-color-shade.mjs.map +1 -0
- package/fesm2015/ngx-color-sketch.mjs +485 -0
- package/fesm2015/ngx-color-sketch.mjs.map +1 -0
- package/fesm2015/ngx-color-slider.mjs +273 -0
- package/fesm2015/ngx-color-slider.mjs.map +1 -0
- package/fesm2015/ngx-color-swatches.mjs +391 -0
- package/fesm2015/ngx-color-swatches.mjs.map +1 -0
- package/fesm2015/ngx-color-twitter.mjs +166 -0
- package/fesm2015/ngx-color-twitter.mjs.map +1 -0
- package/fesm2020/ngx-color-alpha.mjs +107 -0
- package/fesm2020/ngx-color-alpha.mjs.map +1 -0
- package/fesm2020/ngx-color-block.mjs +223 -0
- package/fesm2020/ngx-color-block.mjs.map +1 -0
- package/fesm2020/ngx-color-chrome.mjs +499 -0
- package/fesm2020/ngx-color-chrome.mjs.map +1 -0
- package/fesm2020/ngx-color-circle.mjs +207 -0
- package/fesm2020/ngx-color-circle.mjs.map +1 -0
- package/fesm2020/ngx-color-compact.mjs +385 -0
- package/fesm2020/ngx-color-compact.mjs.map +1 -0
- package/fesm2020/ngx-color-github.mjs +169 -0
- package/fesm2020/ngx-color-github.mjs.map +1 -0
- package/fesm2020/ngx-color-hue.mjs +107 -0
- package/fesm2020/ngx-color-hue.mjs.map +1 -0
- package/fesm2020/ngx-color-material.mjs +193 -0
- package/fesm2020/ngx-color-material.mjs.map +1 -0
- package/fesm2020/ngx-color-photoshop.mjs +467 -0
- package/fesm2020/ngx-color-photoshop.mjs.map +1 -0
- package/fesm2020/ngx-color-shade.mjs +99 -0
- package/fesm2020/ngx-color-shade.mjs.map +1 -0
- package/fesm2020/ngx-color-sketch.mjs +485 -0
- package/fesm2020/ngx-color-sketch.mjs.map +1 -0
- package/fesm2020/ngx-color-slider.mjs +273 -0
- package/fesm2020/ngx-color-slider.mjs.map +1 -0
- package/fesm2020/ngx-color-swatches.mjs +391 -0
- package/fesm2020/ngx-color-swatches.mjs.map +1 -0
- package/fesm2020/ngx-color-twitter.mjs +166 -0
- package/fesm2020/ngx-color-twitter.mjs.map +1 -0
- package/github/github-swatch.component.d.ts +19 -0
- package/github/github.component.d.ts +28 -0
- package/github/index.d.ts +5 -0
- package/github/public_api.d.ts +2 -0
- package/hue/hue-picker.component.d.ts +29 -0
- package/hue/index.d.ts +5 -0
- package/hue/public_api.d.ts +1 -0
- package/material/index.d.ts +5 -0
- package/material/material.component.d.ts +39 -0
- package/material/public_api.d.ts +1 -0
- package/package.json +113 -1
- package/photoshop/index.d.ts +5 -0
- package/photoshop/photoshop-button.component.d.ts +9 -0
- package/photoshop/photoshop-fields.component.d.ts +22 -0
- package/photoshop/photoshop-previews.component.d.ts +11 -0
- package/photoshop/photoshop.component.d.ts +33 -0
- package/photoshop/public_api.d.ts +4 -0
- package/shade/index.d.ts +5 -0
- package/shade/public_api.d.ts +1 -0
- package/shade/shade-picker.component.d.ts +27 -0
- package/sketch/index.d.ts +5 -0
- package/sketch/public_api.d.ts +3 -0
- package/sketch/sketch-fields.component.d.ts +23 -0
- package/sketch/sketch-preset-colors.component.d.ts +24 -0
- package/sketch/sketch.component.d.ts +32 -0
- package/slider/index.d.ts +5 -0
- package/slider/public_api.d.ts +3 -0
- package/slider/slider-swatch.component.d.ts +16 -0
- package/slider/slider-swatches.component.d.ts +15 -0
- package/slider/slider.component.d.ts +22 -0
- package/swatches/index.d.ts +5 -0
- package/swatches/public_api.d.ts +3 -0
- package/swatches/swatches-color.component.d.ts +18 -0
- package/swatches/swatches-group.component.d.ts +10 -0
- package/swatches/swatches.component.d.ts +29 -0
- package/twitter/index.d.ts +5 -0
- package/twitter/public_api.d.ts +1 -0
- package/twitter/twitter.component.d.ts +31 -0
@@ -0,0 +1,28 @@
|
|
1
|
+
import { ColorWrap } from 'ngx-color';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
import * as i1 from "./github-swatch.component";
|
4
|
+
import * as i2 from "@angular/common";
|
5
|
+
import * as i3 from "ngx-color";
|
6
|
+
export declare class GithubComponent extends ColorWrap {
|
7
|
+
/** Pixel value for picker width */
|
8
|
+
width: string | number;
|
9
|
+
/** Color squares to display */
|
10
|
+
colors: string[];
|
11
|
+
triangle: 'hide' | 'top-left' | 'top-right' | 'bottom-right';
|
12
|
+
constructor();
|
13
|
+
handleBlockChange({ hex, $event }: {
|
14
|
+
hex: string;
|
15
|
+
$event: Event;
|
16
|
+
}): void;
|
17
|
+
handleValueChange({ data, $event }: {
|
18
|
+
data: any;
|
19
|
+
$event: any;
|
20
|
+
}): void;
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<GithubComponent, never>;
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<GithubComponent, "color-github", never, { "width": "width"; "colors": "colors"; "triangle": "triangle"; }, {}, never, never, false>;
|
23
|
+
}
|
24
|
+
export declare class ColorGithubModule {
|
25
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorGithubModule, never>;
|
26
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ColorGithubModule, [typeof GithubComponent, typeof i1.GithubSwatchComponent], [typeof i2.CommonModule, typeof i3.SwatchModule], [typeof GithubComponent, typeof i1.GithubSwatchComponent]>;
|
27
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ColorGithubModule>;
|
28
|
+
}
|
@@ -0,0 +1,29 @@
|
|
1
|
+
import { OnChanges } from '@angular/core';
|
2
|
+
import { ColorWrap } from 'ngx-color';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
import * as i1 from "@angular/common";
|
5
|
+
import * as i2 from "ngx-color";
|
6
|
+
export declare class HuePickerComponent extends ColorWrap implements OnChanges {
|
7
|
+
/** Pixel value for picker width */
|
8
|
+
width: string | number;
|
9
|
+
/** Pixel value for picker height */
|
10
|
+
height: string | number;
|
11
|
+
radius: number;
|
12
|
+
direction: 'horizontal' | 'vertical';
|
13
|
+
pointer: {
|
14
|
+
[key: string]: string;
|
15
|
+
};
|
16
|
+
constructor();
|
17
|
+
ngOnChanges(): void;
|
18
|
+
handlePickerChange({ data, $event }: {
|
19
|
+
data: any;
|
20
|
+
$event: any;
|
21
|
+
}): void;
|
22
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HuePickerComponent, never>;
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HuePickerComponent, "color-hue-picker", never, { "width": "width"; "height": "height"; "radius": "radius"; "direction": "direction"; }, {}, never, never, false>;
|
24
|
+
}
|
25
|
+
export declare class ColorHueModule {
|
26
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorHueModule, never>;
|
27
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ColorHueModule, [typeof HuePickerComponent], [typeof i1.CommonModule, typeof i2.HueModule], [typeof HuePickerComponent]>;
|
28
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ColorHueModule>;
|
29
|
+
}
|
package/hue/index.d.ts
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
export { ColorHueModule, HuePickerComponent } from './hue-picker.component';
|
@@ -0,0 +1,39 @@
|
|
1
|
+
import { ColorWrap, zDepth } from 'ngx-color';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
import * as i1 from "@angular/common";
|
4
|
+
import * as i2 from "ngx-color";
|
5
|
+
export declare class MaterialComponent extends ColorWrap {
|
6
|
+
HEXinput: {
|
7
|
+
[key: string]: string;
|
8
|
+
};
|
9
|
+
HEXlabel: {
|
10
|
+
[key: string]: string;
|
11
|
+
};
|
12
|
+
RGBinput: {
|
13
|
+
[key: string]: string;
|
14
|
+
};
|
15
|
+
RGBlabel: {
|
16
|
+
[key: string]: string;
|
17
|
+
};
|
18
|
+
zDepth: zDepth;
|
19
|
+
radius: number;
|
20
|
+
background: string;
|
21
|
+
disableAlpha: boolean;
|
22
|
+
constructor();
|
23
|
+
handleValueChange({ data, $event }: {
|
24
|
+
data: any;
|
25
|
+
$event: any;
|
26
|
+
}): void;
|
27
|
+
handleInputChange({ data, $event }: {
|
28
|
+
data: any;
|
29
|
+
$event: any;
|
30
|
+
}): void;
|
31
|
+
afterValidChange(): void;
|
32
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MaterialComponent, never>;
|
33
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MaterialComponent, "color-material", never, { "zDepth": "zDepth"; "radius": "radius"; "background": "background"; }, {}, never, never, false>;
|
34
|
+
}
|
35
|
+
export declare class ColorMaterialModule {
|
36
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorMaterialModule, never>;
|
37
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ColorMaterialModule, [typeof MaterialComponent], [typeof i1.CommonModule, typeof i2.EditableInputModule, typeof i2.RaisedModule], [typeof MaterialComponent]>;
|
38
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ColorMaterialModule>;
|
39
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
export { ColorMaterialModule, MaterialComponent } from './material.component';
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "ngx-color",
|
3
|
-
"version": "8.0.
|
3
|
+
"version": "8.0.1",
|
4
4
|
"description": "A Collection of Color Pickers from Sketch, Photoshop, Chrome & more",
|
5
5
|
"dependencies": {
|
6
6
|
"@ctrl/tinycolor": "^3.4.1",
|
@@ -43,6 +43,118 @@
|
|
43
43
|
"es2015": "./fesm2015/ngx-color.mjs",
|
44
44
|
"node": "./fesm2015/ngx-color.mjs",
|
45
45
|
"default": "./fesm2020/ngx-color.mjs"
|
46
|
+
},
|
47
|
+
"./alpha": {
|
48
|
+
"types": "./alpha/index.d.ts",
|
49
|
+
"esm2020": "./esm2020/alpha/ngx-color-alpha.mjs",
|
50
|
+
"es2020": "./fesm2020/ngx-color-alpha.mjs",
|
51
|
+
"es2015": "./fesm2015/ngx-color-alpha.mjs",
|
52
|
+
"node": "./fesm2015/ngx-color-alpha.mjs",
|
53
|
+
"default": "./fesm2020/ngx-color-alpha.mjs"
|
54
|
+
},
|
55
|
+
"./block": {
|
56
|
+
"types": "./block/index.d.ts",
|
57
|
+
"esm2020": "./esm2020/block/ngx-color-block.mjs",
|
58
|
+
"es2020": "./fesm2020/ngx-color-block.mjs",
|
59
|
+
"es2015": "./fesm2015/ngx-color-block.mjs",
|
60
|
+
"node": "./fesm2015/ngx-color-block.mjs",
|
61
|
+
"default": "./fesm2020/ngx-color-block.mjs"
|
62
|
+
},
|
63
|
+
"./chrome": {
|
64
|
+
"types": "./chrome/index.d.ts",
|
65
|
+
"esm2020": "./esm2020/chrome/ngx-color-chrome.mjs",
|
66
|
+
"es2020": "./fesm2020/ngx-color-chrome.mjs",
|
67
|
+
"es2015": "./fesm2015/ngx-color-chrome.mjs",
|
68
|
+
"node": "./fesm2015/ngx-color-chrome.mjs",
|
69
|
+
"default": "./fesm2020/ngx-color-chrome.mjs"
|
70
|
+
},
|
71
|
+
"./circle": {
|
72
|
+
"types": "./circle/index.d.ts",
|
73
|
+
"esm2020": "./esm2020/circle/ngx-color-circle.mjs",
|
74
|
+
"es2020": "./fesm2020/ngx-color-circle.mjs",
|
75
|
+
"es2015": "./fesm2015/ngx-color-circle.mjs",
|
76
|
+
"node": "./fesm2015/ngx-color-circle.mjs",
|
77
|
+
"default": "./fesm2020/ngx-color-circle.mjs"
|
78
|
+
},
|
79
|
+
"./compact": {
|
80
|
+
"types": "./compact/index.d.ts",
|
81
|
+
"esm2020": "./esm2020/compact/ngx-color-compact.mjs",
|
82
|
+
"es2020": "./fesm2020/ngx-color-compact.mjs",
|
83
|
+
"es2015": "./fesm2015/ngx-color-compact.mjs",
|
84
|
+
"node": "./fesm2015/ngx-color-compact.mjs",
|
85
|
+
"default": "./fesm2020/ngx-color-compact.mjs"
|
86
|
+
},
|
87
|
+
"./github": {
|
88
|
+
"types": "./github/index.d.ts",
|
89
|
+
"esm2020": "./esm2020/github/ngx-color-github.mjs",
|
90
|
+
"es2020": "./fesm2020/ngx-color-github.mjs",
|
91
|
+
"es2015": "./fesm2015/ngx-color-github.mjs",
|
92
|
+
"node": "./fesm2015/ngx-color-github.mjs",
|
93
|
+
"default": "./fesm2020/ngx-color-github.mjs"
|
94
|
+
},
|
95
|
+
"./hue": {
|
96
|
+
"types": "./hue/index.d.ts",
|
97
|
+
"esm2020": "./esm2020/hue/ngx-color-hue.mjs",
|
98
|
+
"es2020": "./fesm2020/ngx-color-hue.mjs",
|
99
|
+
"es2015": "./fesm2015/ngx-color-hue.mjs",
|
100
|
+
"node": "./fesm2015/ngx-color-hue.mjs",
|
101
|
+
"default": "./fesm2020/ngx-color-hue.mjs"
|
102
|
+
},
|
103
|
+
"./material": {
|
104
|
+
"types": "./material/index.d.ts",
|
105
|
+
"esm2020": "./esm2020/material/ngx-color-material.mjs",
|
106
|
+
"es2020": "./fesm2020/ngx-color-material.mjs",
|
107
|
+
"es2015": "./fesm2015/ngx-color-material.mjs",
|
108
|
+
"node": "./fesm2015/ngx-color-material.mjs",
|
109
|
+
"default": "./fesm2020/ngx-color-material.mjs"
|
110
|
+
},
|
111
|
+
"./photoshop": {
|
112
|
+
"types": "./photoshop/index.d.ts",
|
113
|
+
"esm2020": "./esm2020/photoshop/ngx-color-photoshop.mjs",
|
114
|
+
"es2020": "./fesm2020/ngx-color-photoshop.mjs",
|
115
|
+
"es2015": "./fesm2015/ngx-color-photoshop.mjs",
|
116
|
+
"node": "./fesm2015/ngx-color-photoshop.mjs",
|
117
|
+
"default": "./fesm2020/ngx-color-photoshop.mjs"
|
118
|
+
},
|
119
|
+
"./shade": {
|
120
|
+
"types": "./shade/index.d.ts",
|
121
|
+
"esm2020": "./esm2020/shade/ngx-color-shade.mjs",
|
122
|
+
"es2020": "./fesm2020/ngx-color-shade.mjs",
|
123
|
+
"es2015": "./fesm2015/ngx-color-shade.mjs",
|
124
|
+
"node": "./fesm2015/ngx-color-shade.mjs",
|
125
|
+
"default": "./fesm2020/ngx-color-shade.mjs"
|
126
|
+
},
|
127
|
+
"./sketch": {
|
128
|
+
"types": "./sketch/index.d.ts",
|
129
|
+
"esm2020": "./esm2020/sketch/ngx-color-sketch.mjs",
|
130
|
+
"es2020": "./fesm2020/ngx-color-sketch.mjs",
|
131
|
+
"es2015": "./fesm2015/ngx-color-sketch.mjs",
|
132
|
+
"node": "./fesm2015/ngx-color-sketch.mjs",
|
133
|
+
"default": "./fesm2020/ngx-color-sketch.mjs"
|
134
|
+
},
|
135
|
+
"./slider": {
|
136
|
+
"types": "./slider/index.d.ts",
|
137
|
+
"esm2020": "./esm2020/slider/ngx-color-slider.mjs",
|
138
|
+
"es2020": "./fesm2020/ngx-color-slider.mjs",
|
139
|
+
"es2015": "./fesm2015/ngx-color-slider.mjs",
|
140
|
+
"node": "./fesm2015/ngx-color-slider.mjs",
|
141
|
+
"default": "./fesm2020/ngx-color-slider.mjs"
|
142
|
+
},
|
143
|
+
"./swatches": {
|
144
|
+
"types": "./swatches/index.d.ts",
|
145
|
+
"esm2020": "./esm2020/swatches/ngx-color-swatches.mjs",
|
146
|
+
"es2020": "./fesm2020/ngx-color-swatches.mjs",
|
147
|
+
"es2015": "./fesm2015/ngx-color-swatches.mjs",
|
148
|
+
"node": "./fesm2015/ngx-color-swatches.mjs",
|
149
|
+
"default": "./fesm2020/ngx-color-swatches.mjs"
|
150
|
+
},
|
151
|
+
"./twitter": {
|
152
|
+
"types": "./twitter/index.d.ts",
|
153
|
+
"esm2020": "./esm2020/twitter/ngx-color-twitter.mjs",
|
154
|
+
"es2020": "./fesm2020/ngx-color-twitter.mjs",
|
155
|
+
"es2015": "./fesm2015/ngx-color-twitter.mjs",
|
156
|
+
"node": "./fesm2015/ngx-color-twitter.mjs",
|
157
|
+
"default": "./fesm2020/ngx-color-twitter.mjs"
|
46
158
|
}
|
47
159
|
},
|
48
160
|
"sideEffects": false
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
export declare class PhotoshopButtonComponent {
|
4
|
+
label: string;
|
5
|
+
active: boolean;
|
6
|
+
onClick: EventEmitter<Event>;
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PhotoshopButtonComponent, never>;
|
8
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PhotoshopButtonComponent, "color-photoshop-button", never, { "label": "label"; "active": "active"; }, { "onClick": "onClick"; }, never, never, false>;
|
9
|
+
}
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
2
|
+
import { HSV, RGB } from 'ngx-color';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
export declare class PhotoshopFieldsComponent {
|
5
|
+
rgb: RGB;
|
6
|
+
hsv: HSV;
|
7
|
+
hex: string;
|
8
|
+
onChange: EventEmitter<any>;
|
9
|
+
RGBinput: Record<string, string>;
|
10
|
+
RGBwrap: Record<string, string>;
|
11
|
+
RGBlabel: Record<string, string>;
|
12
|
+
HEXinput: Record<string, string>;
|
13
|
+
HEXwrap: Record<string, string>;
|
14
|
+
HEXlabel: Record<string, string>;
|
15
|
+
round(v: any): number;
|
16
|
+
handleValueChange({ data, $event }: {
|
17
|
+
data: any;
|
18
|
+
$event: any;
|
19
|
+
}): void;
|
20
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PhotoshopFieldsComponent, never>;
|
21
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PhotoshopFieldsComponent, "color-photoshop-fields", never, { "rgb": "rgb"; "hsv": "hsv"; "hex": "hex"; }, { "onChange": "onChange"; }, never, never, false>;
|
22
|
+
}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { OnChanges } from '@angular/core';
|
2
|
+
import { RGB } from 'ngx-color';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
export declare class PhotoshopPreviewsComponent implements OnChanges {
|
5
|
+
rgb: RGB;
|
6
|
+
currentColor: string;
|
7
|
+
backgroundNew: string;
|
8
|
+
ngOnChanges(): void;
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PhotoshopPreviewsComponent, never>;
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PhotoshopPreviewsComponent, "color-photoshop-previews", never, { "rgb": "rgb"; "currentColor": "currentColor"; }, {}, never, never, false>;
|
11
|
+
}
|
@@ -0,0 +1,33 @@
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
2
|
+
import { ColorWrap } from 'ngx-color';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
import * as i1 from "./photoshop-previews.component";
|
5
|
+
import * as i2 from "./photoshop-button.component";
|
6
|
+
import * as i3 from "./photoshop-fields.component";
|
7
|
+
import * as i4 from "@angular/common";
|
8
|
+
import * as i5 from "ngx-color";
|
9
|
+
export declare class PhotoshopComponent extends ColorWrap {
|
10
|
+
/** Title text */
|
11
|
+
header: string;
|
12
|
+
onAccept: EventEmitter<Event>;
|
13
|
+
onCancel: EventEmitter<Event>;
|
14
|
+
circle: {
|
15
|
+
width: string;
|
16
|
+
height: string;
|
17
|
+
borderRadius: string;
|
18
|
+
boxShadow: string;
|
19
|
+
transform: string;
|
20
|
+
};
|
21
|
+
constructor();
|
22
|
+
handleValueChange({ data, $event }: {
|
23
|
+
data: any;
|
24
|
+
$event: any;
|
25
|
+
}): void;
|
26
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PhotoshopComponent, never>;
|
27
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PhotoshopComponent, "color-photoshop", never, { "header": "header"; }, { "onAccept": "onAccept"; "onCancel": "onCancel"; }, never, never, false>;
|
28
|
+
}
|
29
|
+
export declare class ColorPhotoshopModule {
|
30
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorPhotoshopModule, never>;
|
31
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ColorPhotoshopModule, [typeof PhotoshopComponent, typeof i1.PhotoshopPreviewsComponent, typeof i2.PhotoshopButtonComponent, typeof i3.PhotoshopFieldsComponent], [typeof i4.CommonModule, typeof i5.EditableInputModule, typeof i5.HueModule, typeof i5.AlphaModule, typeof i5.SwatchModule, typeof i5.SaturationModule], [typeof PhotoshopComponent, typeof i1.PhotoshopPreviewsComponent, typeof i2.PhotoshopButtonComponent, typeof i3.PhotoshopFieldsComponent]>;
|
32
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ColorPhotoshopModule>;
|
33
|
+
}
|
@@ -0,0 +1,4 @@
|
|
1
|
+
export { PhotoshopButtonComponent } from './photoshop-button.component';
|
2
|
+
export { PhotoshopFieldsComponent } from './photoshop-fields.component';
|
3
|
+
export { PhotoshopPreviewsComponent } from './photoshop-previews.component';
|
4
|
+
export { ColorPhotoshopModule, PhotoshopComponent } from './photoshop.component';
|
package/shade/index.d.ts
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
export { ColorShadeModule, ShadeSliderComponent } from './shade-picker.component';
|
@@ -0,0 +1,27 @@
|
|
1
|
+
import { OnChanges } from '@angular/core';
|
2
|
+
import { ColorWrap } from 'ngx-color';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
import * as i1 from "@angular/common";
|
5
|
+
import * as i2 from "ngx-color";
|
6
|
+
export declare class ShadeSliderComponent extends ColorWrap implements OnChanges {
|
7
|
+
/** Pixel value for picker width */
|
8
|
+
width: string | number;
|
9
|
+
/** Pixel value for picker height */
|
10
|
+
height: string | number;
|
11
|
+
pointer: {
|
12
|
+
[key: string]: string;
|
13
|
+
};
|
14
|
+
constructor();
|
15
|
+
ngOnChanges(): void;
|
16
|
+
handlePickerChange({ data, $event }: {
|
17
|
+
data: any;
|
18
|
+
$event: any;
|
19
|
+
}): void;
|
20
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ShadeSliderComponent, never>;
|
21
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ShadeSliderComponent, "color-shade-picker", never, { "width": "width"; "height": "height"; }, {}, never, never, false>;
|
22
|
+
}
|
23
|
+
export declare class ColorShadeModule {
|
24
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorShadeModule, never>;
|
25
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ColorShadeModule, [typeof ShadeSliderComponent], [typeof i1.CommonModule, typeof i2.ShadeModule], [typeof ShadeSliderComponent]>;
|
26
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ColorShadeModule>;
|
27
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
2
|
+
import { HSLA, RGBA } from 'ngx-color';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
export declare class SketchFieldsComponent {
|
5
|
+
hsl: HSLA;
|
6
|
+
rgb: RGBA;
|
7
|
+
hex: string;
|
8
|
+
disableAlpha: boolean;
|
9
|
+
onChange: EventEmitter<any>;
|
10
|
+
input: {
|
11
|
+
[key: string]: string;
|
12
|
+
};
|
13
|
+
label: {
|
14
|
+
[key: string]: string;
|
15
|
+
};
|
16
|
+
round(value: any): number;
|
17
|
+
handleChange({ data, $event }: {
|
18
|
+
data: any;
|
19
|
+
$event: any;
|
20
|
+
}): void;
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SketchFieldsComponent, never>;
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SketchFieldsComponent, "color-sketch-fields", never, { "hsl": "hsl"; "rgb": "rgb"; "hex": "hex"; "disableAlpha": "disableAlpha"; }, { "onChange": "onChange"; }, never, never, false>;
|
23
|
+
}
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
2
|
+
import { Shape } from 'ngx-color';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
export declare class SketchPresetColorsComponent {
|
5
|
+
colors: string[];
|
6
|
+
onClick: EventEmitter<any>;
|
7
|
+
onSwatchHover: EventEmitter<any>;
|
8
|
+
swatchStyle: {
|
9
|
+
borderRadius: string;
|
10
|
+
boxShadow: string;
|
11
|
+
};
|
12
|
+
handleClick({ hex, $event }: {
|
13
|
+
hex: any;
|
14
|
+
$event: any;
|
15
|
+
}): void;
|
16
|
+
normalizeValue(val: string | Shape): Shape | {
|
17
|
+
color: string;
|
18
|
+
};
|
19
|
+
focusStyle(val: string | Shape): {
|
20
|
+
boxShadow: string;
|
21
|
+
};
|
22
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SketchPresetColorsComponent, never>;
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SketchPresetColorsComponent, "color-sketch-preset-colors", never, { "colors": "colors"; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never, false>;
|
24
|
+
}
|
@@ -0,0 +1,32 @@
|
|
1
|
+
import { ColorWrap } from 'ngx-color';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
import * as i1 from "./sketch-fields.component";
|
4
|
+
import * as i2 from "./sketch-preset-colors.component";
|
5
|
+
import * as i3 from "@angular/common";
|
6
|
+
import * as i4 from "ngx-color";
|
7
|
+
export declare class SketchComponent extends ColorWrap {
|
8
|
+
/** Remove alpha slider and options from picker */
|
9
|
+
disableAlpha: boolean;
|
10
|
+
/** Hex strings for default colors at bottom of picker */
|
11
|
+
presetColors: string[];
|
12
|
+
/** Width of picker */
|
13
|
+
width: number;
|
14
|
+
activeBackground: string;
|
15
|
+
constructor();
|
16
|
+
afterValidChange(): void;
|
17
|
+
handleValueChange({ data, $event }: {
|
18
|
+
data: any;
|
19
|
+
$event: any;
|
20
|
+
}): void;
|
21
|
+
handleBlockChange({ hex, $event }: {
|
22
|
+
hex: any;
|
23
|
+
$event: any;
|
24
|
+
}): void;
|
25
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SketchComponent, never>;
|
26
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SketchComponent, "color-sketch", never, { "disableAlpha": "disableAlpha"; "presetColors": "presetColors"; "width": "width"; }, {}, never, never, false>;
|
27
|
+
}
|
28
|
+
export declare class ColorSketchModule {
|
29
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorSketchModule, never>;
|
30
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ColorSketchModule, [typeof SketchComponent, typeof i1.SketchFieldsComponent, typeof i2.SketchPresetColorsComponent], [typeof i3.CommonModule, typeof i4.AlphaModule, typeof i4.CheckboardModule, typeof i4.EditableInputModule, typeof i4.HueModule, typeof i4.SaturationModule, typeof i4.SwatchModule], [typeof SketchComponent, typeof i1.SketchFieldsComponent, typeof i2.SketchPresetColorsComponent]>;
|
31
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ColorSketchModule>;
|
32
|
+
}
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import { EventEmitter, OnChanges } from '@angular/core';
|
2
|
+
import { HSL } from 'ngx-color';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
export declare class SliderSwatchComponent implements OnChanges {
|
5
|
+
hsl: HSL;
|
6
|
+
active: boolean;
|
7
|
+
offset: number;
|
8
|
+
first: boolean;
|
9
|
+
last: boolean;
|
10
|
+
onClick: EventEmitter<any>;
|
11
|
+
background: string;
|
12
|
+
ngOnChanges(): void;
|
13
|
+
handleClick($event: any): void;
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SliderSwatchComponent, never>;
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SliderSwatchComponent, "color-slider-swatch", never, { "hsl": "hsl"; "active": "active"; "offset": "offset"; "first": "first"; "last": "last"; }, { "onClick": "onClick"; }, never, never, false>;
|
16
|
+
}
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
2
|
+
import { HSL } from 'ngx-color';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
export declare class SliderSwatchesComponent {
|
5
|
+
hsl: HSL;
|
6
|
+
onClick: EventEmitter<any>;
|
7
|
+
onSwatchHover: EventEmitter<any>;
|
8
|
+
active(l: number, s: number): boolean;
|
9
|
+
handleClick({ data, $event }: {
|
10
|
+
data: any;
|
11
|
+
$event: any;
|
12
|
+
}): void;
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SliderSwatchesComponent, never>;
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SliderSwatchesComponent, "color-slider-swatches", never, { "hsl": "hsl"; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never, false>;
|
15
|
+
}
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import { ColorWrap } from 'ngx-color';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
import * as i1 from "./slider-swatch.component";
|
4
|
+
import * as i2 from "./slider-swatches.component";
|
5
|
+
import * as i3 from "@angular/common";
|
6
|
+
import * as i4 from "ngx-color";
|
7
|
+
export declare class SliderComponent extends ColorWrap {
|
8
|
+
pointer: Record<string, string>;
|
9
|
+
radius: number;
|
10
|
+
constructor();
|
11
|
+
handlePickerChange({ data, $event }: {
|
12
|
+
data: any;
|
13
|
+
$event: any;
|
14
|
+
}): void;
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SliderComponent, never>;
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "color-slider", never, { "pointer": "pointer"; "radius": "radius"; }, {}, never, never, false>;
|
17
|
+
}
|
18
|
+
export declare class ColorSliderModule {
|
19
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorSliderModule, never>;
|
20
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ColorSliderModule, [typeof SliderComponent, typeof i1.SliderSwatchComponent, typeof i2.SliderSwatchesComponent], [typeof i3.CommonModule, typeof i4.HueModule, typeof i4.SwatchModule], [typeof SliderComponent, typeof i1.SliderSwatchComponent, typeof i2.SliderSwatchesComponent]>;
|
21
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ColorSliderModule>;
|
22
|
+
}
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import { EventEmitter, OnInit } from '@angular/core';
|
2
|
+
import { getContrastingColor } from 'ngx-color';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
export declare class SwatchesColorComponent implements OnInit {
|
5
|
+
color: string;
|
6
|
+
first: boolean;
|
7
|
+
last: boolean;
|
8
|
+
active: boolean;
|
9
|
+
onClick: EventEmitter<any>;
|
10
|
+
onSwatchHover: EventEmitter<any>;
|
11
|
+
getContrastingColor: typeof getContrastingColor;
|
12
|
+
colorStyle: Record<string, string>;
|
13
|
+
focusStyle: Record<string, string>;
|
14
|
+
ngOnInit(): void;
|
15
|
+
handleClick($event: any): void;
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SwatchesColorComponent, never>;
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SwatchesColorComponent, "color-swatches-color", never, { "color": "color"; "first": "first"; "last": "last"; "active": "active"; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never, false>;
|
18
|
+
}
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
export declare class SwatchesGroupComponent {
|
4
|
+
group: string[];
|
5
|
+
active: string;
|
6
|
+
onClick: EventEmitter<any>;
|
7
|
+
onSwatchHover: EventEmitter<any>;
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SwatchesGroupComponent, never>;
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SwatchesGroupComponent, "color-swatches-group", never, { "group": "group"; "active": "active"; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never, false>;
|
10
|
+
}
|
@@ -0,0 +1,29 @@
|
|
1
|
+
import { ColorWrap, zDepth } from 'ngx-color';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
import * as i1 from "./swatches-group.component";
|
4
|
+
import * as i2 from "./swatches-color.component";
|
5
|
+
import * as i3 from "@angular/common";
|
6
|
+
import * as i4 from "ngx-color";
|
7
|
+
export declare class SwatchesComponent extends ColorWrap {
|
8
|
+
/** Pixel value for picker width */
|
9
|
+
width: string | number;
|
10
|
+
/** Color squares to display */
|
11
|
+
height: string | number;
|
12
|
+
/** An array of color groups, each with an array of colors */
|
13
|
+
colors: string[][];
|
14
|
+
zDepth: zDepth;
|
15
|
+
radius: number;
|
16
|
+
background: string;
|
17
|
+
constructor();
|
18
|
+
handlePickerChange({ data, $event }: {
|
19
|
+
data: any;
|
20
|
+
$event: any;
|
21
|
+
}): void;
|
22
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SwatchesComponent, never>;
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SwatchesComponent, "color-swatches", never, { "width": "width"; "height": "height"; "colors": "colors"; "zDepth": "zDepth"; "radius": "radius"; "background": "background"; }, {}, never, never, false>;
|
24
|
+
}
|
25
|
+
export declare class ColorSwatchesModule {
|
26
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorSwatchesModule, never>;
|
27
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ColorSwatchesModule, [typeof SwatchesComponent, typeof i1.SwatchesGroupComponent, typeof i2.SwatchesColorComponent], [typeof i3.CommonModule, typeof i4.SwatchModule, typeof i4.RaisedModule], [typeof SwatchesComponent, typeof i1.SwatchesGroupComponent, typeof i2.SwatchesColorComponent]>;
|
28
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ColorSwatchesModule>;
|
29
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
export { ColorTwitterModule, TwitterComponent } from './twitter.component';
|