ngx-color 7.3.1 → 8.0.0
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/LICENSE +21 -0
- package/README.md +281 -0
- package/alpha.component.d.ts +1 -1
- package/checkboard.component.d.ts +1 -1
- package/color-wrap.component.d.ts +1 -1
- package/coordinates.directive.d.ts +1 -1
- package/editable-input.component.d.ts +1 -1
- package/esm2020/alpha.component.mjs +13 -61
- package/esm2020/checkboard.component.mjs +9 -25
- package/esm2020/color-wrap.component.mjs +8 -8
- package/esm2020/coordinates.directive.mjs +7 -7
- package/esm2020/editable-input.component.mjs +11 -25
- package/esm2020/hue.component.mjs +13 -54
- package/esm2020/raised.component.mjs +10 -49
- package/esm2020/saturation.component.mjs +13 -57
- package/esm2020/shade.component.mjs +11 -51
- package/esm2020/swatch.component.mjs +13 -28
- package/fesm2015/ngx-color.mjs +92 -349
- package/fesm2015/ngx-color.mjs.map +1 -1
- package/fesm2020/ngx-color.mjs +92 -349
- package/fesm2020/ngx-color.mjs.map +1 -1
- package/hue.component.d.ts +1 -1
- package/{ngx-color.d.ts → index.d.ts} +0 -0
- package/package.json +11 -123
- package/raised.component.d.ts +1 -1
- package/saturation.component.d.ts +1 -1
- package/shade.component.d.ts +1 -1
- package/swatch.component.d.ts +1 -1
- package/alpha/alpha-picker.component.d.ts +0 -28
- package/alpha/ngx-color-alpha.d.ts +0 -5
- package/alpha/package.json +0 -17
- package/alpha/public_api.d.ts +0 -1
- package/block/block-swatches.component.d.ts +0 -24
- package/block/block.component.d.ts +0 -36
- package/block/ngx-color-block.d.ts +0 -5
- package/block/package.json +0 -16
- package/block/public_api.d.ts +0 -2
- package/chrome/chrome-fields.component.d.ts +0 -22
- package/chrome/chrome.component.d.ts +0 -25
- package/chrome/ngx-color-chrome.d.ts +0 -5
- package/chrome/package.json +0 -16
- package/chrome/public_api.d.ts +0 -2
- package/circle/circle-swatch.component.d.ts +0 -19
- package/circle/circle.component.d.ts +0 -32
- package/circle/ngx-color-circle.d.ts +0 -5
- package/circle/package.json +0 -19
- package/circle/public_api.d.ts +0 -2
- package/compact/compact-color.component.d.ts +0 -19
- package/compact/compact-fields.component.d.ts +0 -32
- package/compact/compact.component.d.ts +0 -30
- package/compact/ngx-color-compact.d.ts +0 -5
- package/compact/package.json +0 -16
- package/compact/public_api.d.ts +0 -3
- package/esm2020/alpha/alpha-picker.component.mjs +0 -116
- package/esm2020/alpha/ngx-color-alpha.mjs +0 -5
- package/esm2020/alpha/public_api.mjs +0 -2
- package/esm2020/block/block-swatches.component.mjs +0 -74
- package/esm2020/block/block.component.mjs +0 -199
- package/esm2020/block/ngx-color-block.mjs +0 -5
- package/esm2020/block/public_api.mjs +0 -3
- package/esm2020/chrome/chrome-fields.component.mjs +0 -356
- package/esm2020/chrome/chrome.component.mjs +0 -249
- package/esm2020/chrome/ngx-color-chrome.mjs +0 -5
- package/esm2020/chrome/public_api.mjs +0 -3
- package/esm2020/circle/circle-swatch.component.mjs +0 -85
- package/esm2020/circle/circle.component.mjs +0 -148
- package/esm2020/circle/ngx-color-circle.mjs +0 -5
- package/esm2020/circle/public_api.mjs +0 -3
- package/esm2020/compact/compact-color.component.mjs +0 -91
- package/esm2020/compact/compact-fields.component.mjs +0 -186
- package/esm2020/compact/compact.component.mjs +0 -177
- package/esm2020/compact/ngx-color-compact.mjs +0 -5
- package/esm2020/compact/public_api.mjs +0 -4
- package/esm2020/github/github-swatch.component.mjs +0 -67
- package/esm2020/github/github.component.mjs +0 -179
- package/esm2020/github/ngx-color-github.mjs +0 -5
- package/esm2020/github/public_api.mjs +0 -3
- package/esm2020/hue/hue-picker.component.mjs +0 -113
- package/esm2020/hue/ngx-color-hue.mjs +0 -5
- package/esm2020/hue/public_api.mjs +0 -2
- package/esm2020/material/material.component.mjs +0 -211
- package/esm2020/material/ngx-color-material.mjs +0 -5
- package/esm2020/material/public_api.mjs +0 -2
- package/esm2020/photoshop/ngx-color-photoshop.mjs +0 -5
- package/esm2020/photoshop/photoshop-button.component.mjs +0 -63
- package/esm2020/photoshop/photoshop-fields.component.mjs +0 -241
- package/esm2020/photoshop/photoshop-previews.component.mjs +0 -68
- package/esm2020/photoshop/photoshop.component.mjs +0 -258
- package/esm2020/photoshop/public_api.mjs +0 -5
- package/esm2020/shade/ngx-color-shade.mjs +0 -5
- package/esm2020/shade/public_api.mjs +0 -2
- package/esm2020/shade/shade-picker.component.mjs +0 -105
- package/esm2020/sketch/ngx-color-sketch.mjs +0 -5
- package/esm2020/sketch/public_api.mjs +0 -4
- package/esm2020/sketch/sketch-fields.component.mjs +0 -243
- package/esm2020/sketch/sketch-preset-colors.component.mjs +0 -98
- package/esm2020/sketch/sketch.component.mjs +0 -283
- package/esm2020/slider/ngx-color-slider.mjs +0 -5
- package/esm2020/slider/public_api.mjs +0 -4
- package/esm2020/slider/slider-swatch.component.mjs +0 -80
- package/esm2020/slider/slider-swatches.component.mjs +0 -135
- package/esm2020/slider/slider.component.mjs +0 -116
- package/esm2020/swatches/ngx-color-swatches.mjs +0 -5
- package/esm2020/swatches/public_api.mjs +0 -4
- package/esm2020/swatches/swatches-color.component.mjs +0 -123
- package/esm2020/swatches/swatches-group.component.mjs +0 -64
- package/esm2020/swatches/swatches.component.mjs +0 -258
- package/esm2020/twitter/ngx-color-twitter.mjs +0 -5
- package/esm2020/twitter/public_api.mjs +0 -2
- package/esm2020/twitter/twitter.component.mjs +0 -255
- package/fesm2015/ngx-color-alpha.mjs +0 -123
- package/fesm2015/ngx-color-alpha.mjs.map +0 -1
- package/fesm2015/ngx-color-block.mjs +0 -275
- package/fesm2015/ngx-color-block.mjs.map +0 -1
- package/fesm2015/ngx-color-chrome.mjs +0 -606
- package/fesm2015/ngx-color-chrome.mjs.map +0 -1
- package/fesm2015/ngx-color-circle.mjs +0 -237
- package/fesm2015/ngx-color-circle.mjs.map +0 -1
- package/fesm2015/ngx-color-compact.mjs +0 -451
- package/fesm2015/ngx-color-compact.mjs.map +0 -1
- package/fesm2015/ngx-color-github.mjs +0 -250
- package/fesm2015/ngx-color-github.mjs.map +0 -1
- package/fesm2015/ngx-color-hue.mjs +0 -120
- package/fesm2015/ngx-color-hue.mjs.map +0 -1
- package/fesm2015/ngx-color-material.mjs +0 -218
- package/fesm2015/ngx-color-material.mjs.map +0 -1
- package/fesm2015/ngx-color-photoshop.mjs +0 -626
- package/fesm2015/ngx-color-photoshop.mjs.map +0 -1
- package/fesm2015/ngx-color-shade.mjs +0 -112
- package/fesm2015/ngx-color-shade.mjs.map +0 -1
- package/fesm2015/ngx-color-sketch.mjs +0 -620
- package/fesm2015/ngx-color-sketch.mjs.map +0 -1
- package/fesm2015/ngx-color-slider.mjs +0 -331
- package/fesm2015/ngx-color-slider.mjs.map +0 -1
- package/fesm2015/ngx-color-swatches.mjs +0 -441
- package/fesm2015/ngx-color-swatches.mjs.map +0 -1
- package/fesm2015/ngx-color-twitter.mjs +0 -262
- package/fesm2015/ngx-color-twitter.mjs.map +0 -1
- package/fesm2020/ngx-color-alpha.mjs +0 -123
- package/fesm2020/ngx-color-alpha.mjs.map +0 -1
- package/fesm2020/ngx-color-block.mjs +0 -275
- package/fesm2020/ngx-color-block.mjs.map +0 -1
- package/fesm2020/ngx-color-chrome.mjs +0 -606
- package/fesm2020/ngx-color-chrome.mjs.map +0 -1
- package/fesm2020/ngx-color-circle.mjs +0 -237
- package/fesm2020/ngx-color-circle.mjs.map +0 -1
- package/fesm2020/ngx-color-compact.mjs +0 -451
- package/fesm2020/ngx-color-compact.mjs.map +0 -1
- package/fesm2020/ngx-color-github.mjs +0 -250
- package/fesm2020/ngx-color-github.mjs.map +0 -1
- package/fesm2020/ngx-color-hue.mjs +0 -120
- package/fesm2020/ngx-color-hue.mjs.map +0 -1
- package/fesm2020/ngx-color-material.mjs +0 -218
- package/fesm2020/ngx-color-material.mjs.map +0 -1
- package/fesm2020/ngx-color-photoshop.mjs +0 -626
- package/fesm2020/ngx-color-photoshop.mjs.map +0 -1
- package/fesm2020/ngx-color-shade.mjs +0 -112
- package/fesm2020/ngx-color-shade.mjs.map +0 -1
- package/fesm2020/ngx-color-sketch.mjs +0 -620
- package/fesm2020/ngx-color-sketch.mjs.map +0 -1
- package/fesm2020/ngx-color-slider.mjs +0 -331
- package/fesm2020/ngx-color-slider.mjs.map +0 -1
- package/fesm2020/ngx-color-swatches.mjs +0 -441
- package/fesm2020/ngx-color-swatches.mjs.map +0 -1
- package/fesm2020/ngx-color-twitter.mjs +0 -262
- package/fesm2020/ngx-color-twitter.mjs.map +0 -1
- package/github/github-swatch.component.d.ts +0 -19
- package/github/github.component.d.ts +0 -28
- package/github/ngx-color-github.d.ts +0 -5
- package/github/package.json +0 -16
- package/github/public_api.d.ts +0 -2
- package/hue/hue-picker.component.d.ts +0 -29
- package/hue/ngx-color-hue.d.ts +0 -5
- package/hue/package.json +0 -15
- package/hue/public_api.d.ts +0 -1
- package/material/material.component.d.ts +0 -39
- package/material/ngx-color-material.d.ts +0 -5
- package/material/package.json +0 -15
- package/material/public_api.d.ts +0 -1
- package/photoshop/ngx-color-photoshop.d.ts +0 -5
- package/photoshop/package.json +0 -15
- package/photoshop/photoshop-button.component.d.ts +0 -9
- package/photoshop/photoshop-fields.component.d.ts +0 -22
- package/photoshop/photoshop-previews.component.d.ts +0 -11
- package/photoshop/photoshop.component.d.ts +0 -33
- package/photoshop/public_api.d.ts +0 -4
- package/shade/ngx-color-shade.d.ts +0 -5
- package/shade/package.json +0 -17
- package/shade/public_api.d.ts +0 -1
- package/shade/shade-picker.component.d.ts +0 -27
- package/sketch/ngx-color-sketch.d.ts +0 -5
- package/sketch/package.json +0 -15
- package/sketch/public_api.d.ts +0 -3
- package/sketch/sketch-fields.component.d.ts +0 -23
- package/sketch/sketch-preset-colors.component.d.ts +0 -24
- package/sketch/sketch.component.d.ts +0 -32
- package/slider/ngx-color-slider.d.ts +0 -5
- package/slider/package.json +0 -15
- package/slider/public_api.d.ts +0 -3
- package/slider/slider-swatch.component.d.ts +0 -16
- package/slider/slider-swatches.component.d.ts +0 -15
- package/slider/slider.component.d.ts +0 -22
- package/swatches/ngx-color-swatches.d.ts +0 -5
- package/swatches/package.json +0 -18
- package/swatches/public_api.d.ts +0 -3
- package/swatches/swatches-color.component.d.ts +0 -18
- package/swatches/swatches-group.component.d.ts +0 -10
- package/swatches/swatches.component.d.ts +0 -29
- package/twitter/ngx-color-twitter.d.ts +0 -5
- package/twitter/package.json +0 -15
- package/twitter/public_api.d.ts +0 -1
- package/twitter/twitter.component.d.ts +0 -31
@@ -1,24 +0,0 @@
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
export declare class BlockSwatchesComponent {
|
4
|
-
colors: string[];
|
5
|
-
onClick: EventEmitter<any>;
|
6
|
-
onSwatchHover: EventEmitter<any>;
|
7
|
-
swatchStyle: {
|
8
|
-
width: string;
|
9
|
-
height: string;
|
10
|
-
float: string;
|
11
|
-
marginRight: string;
|
12
|
-
marginBottom: string;
|
13
|
-
borderRadius: string;
|
14
|
-
};
|
15
|
-
handleClick({ hex, $event }: {
|
16
|
-
hex: any;
|
17
|
-
$event: any;
|
18
|
-
}): void;
|
19
|
-
focusStyle(c: any): {
|
20
|
-
boxShadow: string;
|
21
|
-
};
|
22
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BlockSwatchesComponent, never>;
|
23
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BlockSwatchesComponent, "color-block-swatches", never, { "colors": "colors"; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never>;
|
24
|
-
}
|
@@ -1,36 +0,0 @@
|
|
1
|
-
import { ColorWrap } from 'ngx-color';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
import * as i1 from "./block-swatches.component";
|
4
|
-
import * as i2 from "@angular/common";
|
5
|
-
import * as i3 from "ngx-color";
|
6
|
-
export declare class BlockComponent extends ColorWrap {
|
7
|
-
/** Pixel value for picker width */
|
8
|
-
width: string | number;
|
9
|
-
/** Color squares to display */
|
10
|
-
colors: string[];
|
11
|
-
triangle: 'top' | 'hide';
|
12
|
-
input: {
|
13
|
-
[key: string]: string;
|
14
|
-
};
|
15
|
-
wrap: {
|
16
|
-
[key: string]: string;
|
17
|
-
};
|
18
|
-
disableAlpha: boolean;
|
19
|
-
constructor();
|
20
|
-
handleValueChange({ data, $event }: {
|
21
|
-
data: any;
|
22
|
-
$event: any;
|
23
|
-
}): void;
|
24
|
-
getContrastingColor(hex: any): "#fff" | "rgba(0,0,0,0.4)" | "#000";
|
25
|
-
handleBlockChange({ hex, $event }: {
|
26
|
-
hex: any;
|
27
|
-
$event: any;
|
28
|
-
}): void;
|
29
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BlockComponent, never>;
|
30
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BlockComponent, "color-block", never, { "width": "width"; "colors": "colors"; "triangle": "triangle"; }, {}, never, never>;
|
31
|
-
}
|
32
|
-
export declare class ColorBlockModule {
|
33
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ColorBlockModule, never>;
|
34
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<ColorBlockModule, [typeof BlockComponent, typeof i1.BlockSwatchesComponent], [typeof i2.CommonModule, typeof i3.CheckboardModule, typeof i3.SwatchModule, typeof i3.EditableInputModule], [typeof BlockComponent, typeof i1.BlockSwatchesComponent]>;
|
35
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<ColorBlockModule>;
|
36
|
-
}
|
package/block/package.json
DELETED
@@ -1,16 +0,0 @@
|
|
1
|
-
{
|
2
|
-
"name": "ngx-color/block",
|
3
|
-
"author": "scttcper",
|
4
|
-
"repository": {
|
5
|
-
"type": "git",
|
6
|
-
"url": "git+https://github.com/scttcper/ngx-color.git"
|
7
|
-
},
|
8
|
-
"license": "MIT",
|
9
|
-
"module": "../fesm2015/ngx-color-block.mjs",
|
10
|
-
"es2020": "../fesm2020/ngx-color-block.mjs",
|
11
|
-
"esm2020": "../esm2020/block/ngx-color-block.mjs",
|
12
|
-
"fesm2020": "../fesm2020/ngx-color-block.mjs",
|
13
|
-
"fesm2015": "../fesm2015/ngx-color-block.mjs",
|
14
|
-
"typings": "ngx-color-block.d.ts",
|
15
|
-
"sideEffects": false
|
16
|
-
}
|
package/block/public_api.d.ts
DELETED
@@ -1,22 +0,0 @@
|
|
1
|
-
import { EventEmitter, OnInit } from '@angular/core';
|
2
|
-
import { HSLA, RGBA } from 'ngx-color';
|
3
|
-
import * as i0 from "@angular/core";
|
4
|
-
export declare class ChromeFieldsComponent implements OnInit {
|
5
|
-
disableAlpha: boolean;
|
6
|
-
hsl: HSLA;
|
7
|
-
rgb: RGBA;
|
8
|
-
hex: string;
|
9
|
-
onChange: EventEmitter<any>;
|
10
|
-
view: string;
|
11
|
-
input: Record<string, string>;
|
12
|
-
label: Record<string, string>;
|
13
|
-
ngOnInit(): void;
|
14
|
-
toggleViews(): void;
|
15
|
-
round(value: any): number;
|
16
|
-
handleChange({ data, $event }: {
|
17
|
-
data: any;
|
18
|
-
$event: any;
|
19
|
-
}): void;
|
20
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ChromeFieldsComponent, never>;
|
21
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ChromeFieldsComponent, "color-chrome-fields", never, { "disableAlpha": "disableAlpha"; "hsl": "hsl"; "rgb": "rgb"; "hex": "hex"; }, { "onChange": "onChange"; }, never, never>;
|
22
|
-
}
|
@@ -1,25 +0,0 @@
|
|
1
|
-
import { ColorWrap } from 'ngx-color';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
import * as i1 from "./chrome-fields.component";
|
4
|
-
import * as i2 from "@angular/common";
|
5
|
-
import * as i3 from "ngx-color";
|
6
|
-
export declare class ChromeComponent extends ColorWrap {
|
7
|
-
/** Remove alpha slider and options from picker */
|
8
|
-
disableAlpha: boolean;
|
9
|
-
circle: Record<string, string>;
|
10
|
-
pointer: Record<string, string>;
|
11
|
-
activeBackground: string;
|
12
|
-
constructor();
|
13
|
-
afterValidChange(): void;
|
14
|
-
handleValueChange({ data, $event }: {
|
15
|
-
data: any;
|
16
|
-
$event: any;
|
17
|
-
}): void;
|
18
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ChromeComponent, never>;
|
19
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ChromeComponent, "color-chrome", never, { "disableAlpha": "disableAlpha"; }, {}, never, never>;
|
20
|
-
}
|
21
|
-
export declare class ColorChromeModule {
|
22
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ColorChromeModule, never>;
|
23
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<ColorChromeModule, [typeof ChromeComponent, typeof i1.ChromeFieldsComponent], [typeof i2.CommonModule, typeof i3.AlphaModule, typeof i3.CheckboardModule, typeof i3.EditableInputModule, typeof i3.HueModule, typeof i3.SaturationModule], [typeof ChromeComponent, typeof i1.ChromeFieldsComponent]>;
|
24
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<ColorChromeModule>;
|
25
|
-
}
|
package/chrome/package.json
DELETED
@@ -1,16 +0,0 @@
|
|
1
|
-
{
|
2
|
-
"name": "ngx-color/chrome",
|
3
|
-
"author": "scttcper",
|
4
|
-
"repository": {
|
5
|
-
"type": "git",
|
6
|
-
"url": "git+https://github.com/scttcper/ngx-color.git"
|
7
|
-
},
|
8
|
-
"license": "MIT",
|
9
|
-
"module": "../fesm2015/ngx-color-chrome.mjs",
|
10
|
-
"es2020": "../fesm2020/ngx-color-chrome.mjs",
|
11
|
-
"esm2020": "../esm2020/chrome/ngx-color-chrome.mjs",
|
12
|
-
"fesm2020": "../fesm2020/ngx-color-chrome.mjs",
|
13
|
-
"fesm2015": "../fesm2015/ngx-color-chrome.mjs",
|
14
|
-
"typings": "ngx-color-chrome.d.ts",
|
15
|
-
"sideEffects": false
|
16
|
-
}
|
package/chrome/public_api.d.ts
DELETED
@@ -1,19 +0,0 @@
|
|
1
|
-
import { EventEmitter, OnChanges } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
export declare class CircleSwatchComponent implements OnChanges {
|
4
|
-
color: string;
|
5
|
-
circleSize: number;
|
6
|
-
circleSpacing: number;
|
7
|
-
focus: boolean;
|
8
|
-
onClick: EventEmitter<any>;
|
9
|
-
onSwatchHover: EventEmitter<any>;
|
10
|
-
focusStyle: Record<string, string>;
|
11
|
-
swatchStyle: Record<string, string>;
|
12
|
-
ngOnChanges(): void;
|
13
|
-
handleClick({ hex, $event }: {
|
14
|
-
hex: any;
|
15
|
-
$event: any;
|
16
|
-
}): void;
|
17
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CircleSwatchComponent, never>;
|
18
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CircleSwatchComponent, "color-circle-swatch", never, { "color": "color"; "circleSize": "circleSize"; "circleSpacing": "circleSpacing"; "focus": "focus"; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never>;
|
19
|
-
}
|
@@ -1,32 +0,0 @@
|
|
1
|
-
import { ColorWrap } from 'ngx-color';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
import * as i1 from "./circle-swatch.component";
|
4
|
-
import * as i2 from "@angular/common";
|
5
|
-
import * as i3 from "ngx-color";
|
6
|
-
export declare class CircleComponent extends ColorWrap {
|
7
|
-
/** Pixel value for picker width */
|
8
|
-
width: string | number;
|
9
|
-
/** Color squares to display */
|
10
|
-
colors: string[];
|
11
|
-
/** Value for circle size */
|
12
|
-
circleSize: number;
|
13
|
-
/** Value for spacing between circles */
|
14
|
-
circleSpacing: number;
|
15
|
-
constructor();
|
16
|
-
isActive(color: string): boolean;
|
17
|
-
handleBlockChange({ hex, $event }: {
|
18
|
-
hex: string;
|
19
|
-
$event: Event;
|
20
|
-
}): void;
|
21
|
-
handleValueChange({ data, $event }: {
|
22
|
-
data: any;
|
23
|
-
$event: any;
|
24
|
-
}): void;
|
25
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CircleComponent, never>;
|
26
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CircleComponent, "color-circle", never, { "width": "width"; "colors": "colors"; "circleSize": "circleSize"; "circleSpacing": "circleSpacing"; }, {}, never, never>;
|
27
|
-
}
|
28
|
-
export declare class ColorCircleModule {
|
29
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ColorCircleModule, never>;
|
30
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<ColorCircleModule, [typeof CircleComponent, typeof i1.CircleSwatchComponent], [typeof i2.CommonModule, typeof i3.SwatchModule], [typeof CircleComponent, typeof i1.CircleSwatchComponent]>;
|
31
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<ColorCircleModule>;
|
32
|
-
}
|
package/circle/package.json
DELETED
@@ -1,19 +0,0 @@
|
|
1
|
-
{
|
2
|
-
"name": "ngx-color/circle",
|
3
|
-
"author": "scttcper",
|
4
|
-
"repository": {
|
5
|
-
"type": "git",
|
6
|
-
"url": "git+https://github.com/scttcper/ngx-color.git"
|
7
|
-
},
|
8
|
-
"license": "MIT",
|
9
|
-
"peerDependencies": {
|
10
|
-
"material-colors": "^1.2.6"
|
11
|
-
},
|
12
|
-
"module": "../fesm2015/ngx-color-circle.mjs",
|
13
|
-
"es2020": "../fesm2020/ngx-color-circle.mjs",
|
14
|
-
"esm2020": "../esm2020/circle/ngx-color-circle.mjs",
|
15
|
-
"fesm2020": "../fesm2020/ngx-color-circle.mjs",
|
16
|
-
"fesm2015": "../fesm2015/ngx-color-circle.mjs",
|
17
|
-
"typings": "ngx-color-circle.d.ts",
|
18
|
-
"sideEffects": false
|
19
|
-
}
|
package/circle/public_api.d.ts
DELETED
@@ -1,19 +0,0 @@
|
|
1
|
-
import { EventEmitter, OnChanges } from '@angular/core';
|
2
|
-
import { getContrastingColor } from 'ngx-color';
|
3
|
-
import * as i0 from "@angular/core";
|
4
|
-
export declare class CompactColorComponent implements OnChanges {
|
5
|
-
color: string;
|
6
|
-
active: boolean;
|
7
|
-
onClick: EventEmitter<any>;
|
8
|
-
onSwatchHover: EventEmitter<any>;
|
9
|
-
swatchStyle: Record<string, string>;
|
10
|
-
swatchFocus: Record<string, string>;
|
11
|
-
getContrastingColor: typeof getContrastingColor;
|
12
|
-
ngOnChanges(): void;
|
13
|
-
handleClick({ hex, $event }: {
|
14
|
-
hex: any;
|
15
|
-
$event: any;
|
16
|
-
}): void;
|
17
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CompactColorComponent, never>;
|
18
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CompactColorComponent, "color-compact-color", never, { "color": "color"; "active": "active"; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never>;
|
19
|
-
}
|
@@ -1,32 +0,0 @@
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
2
|
-
import { RGBA } from 'ngx-color';
|
3
|
-
import * as i0 from "@angular/core";
|
4
|
-
export declare class CompactFieldsComponent {
|
5
|
-
hex: string;
|
6
|
-
rgb: RGBA;
|
7
|
-
onChange: EventEmitter<any>;
|
8
|
-
HEXWrap: {
|
9
|
-
[key: string]: string;
|
10
|
-
};
|
11
|
-
HEXinput: {
|
12
|
-
[key: string]: string;
|
13
|
-
};
|
14
|
-
HEXlabel: {
|
15
|
-
[key: string]: string;
|
16
|
-
};
|
17
|
-
RGBwrap: {
|
18
|
-
[key: string]: string;
|
19
|
-
};
|
20
|
-
RGBinput: {
|
21
|
-
[key: string]: string;
|
22
|
-
};
|
23
|
-
RGBlabel: {
|
24
|
-
[key: string]: string;
|
25
|
-
};
|
26
|
-
handleChange({ data, $event }: {
|
27
|
-
data: any;
|
28
|
-
$event: any;
|
29
|
-
}): void;
|
30
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CompactFieldsComponent, never>;
|
31
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CompactFieldsComponent, "color-compact-fields", never, { "hex": "hex"; "rgb": "rgb"; }, { "onChange": "onChange"; }, never, never>;
|
32
|
-
}
|
@@ -1,30 +0,0 @@
|
|
1
|
-
import { ColorWrap, zDepth } from 'ngx-color';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
import * as i1 from "./compact-color.component";
|
4
|
-
import * as i2 from "./compact-fields.component";
|
5
|
-
import * as i3 from "@angular/common";
|
6
|
-
import * as i4 from "ngx-color";
|
7
|
-
export declare class CompactComponent extends ColorWrap {
|
8
|
-
/** Color squares to display */
|
9
|
-
colors: string[];
|
10
|
-
zDepth: zDepth;
|
11
|
-
radius: number;
|
12
|
-
background: string;
|
13
|
-
disableAlpha: boolean;
|
14
|
-
constructor();
|
15
|
-
handleBlockChange({ hex, $event }: {
|
16
|
-
hex: any;
|
17
|
-
$event: any;
|
18
|
-
}): void;
|
19
|
-
handleValueChange({ data, $event }: {
|
20
|
-
data: any;
|
21
|
-
$event: any;
|
22
|
-
}): void;
|
23
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CompactComponent, never>;
|
24
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CompactComponent, "color-compact", never, { "colors": "colors"; "zDepth": "zDepth"; "radius": "radius"; "background": "background"; }, {}, never, never>;
|
25
|
-
}
|
26
|
-
export declare class ColorCompactModule {
|
27
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ColorCompactModule, never>;
|
28
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<ColorCompactModule, [typeof CompactComponent, typeof i1.CompactColorComponent, typeof i2.CompactFieldsComponent], [typeof i3.CommonModule, typeof i4.EditableInputModule, typeof i4.SwatchModule, typeof i4.RaisedModule], [typeof CompactComponent, typeof i1.CompactColorComponent, typeof i2.CompactFieldsComponent]>;
|
29
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<ColorCompactModule>;
|
30
|
-
}
|
package/compact/package.json
DELETED
@@ -1,16 +0,0 @@
|
|
1
|
-
{
|
2
|
-
"name": "ngx-color/compact",
|
3
|
-
"author": "scttcper",
|
4
|
-
"repository": {
|
5
|
-
"type": "git",
|
6
|
-
"url": "git+https://github.com/scttcper/ngx-color.git"
|
7
|
-
},
|
8
|
-
"license": "MIT",
|
9
|
-
"module": "../fesm2015/ngx-color-compact.mjs",
|
10
|
-
"es2020": "../fesm2020/ngx-color-compact.mjs",
|
11
|
-
"esm2020": "../esm2020/compact/ngx-color-compact.mjs",
|
12
|
-
"fesm2020": "../fesm2020/ngx-color-compact.mjs",
|
13
|
-
"fesm2015": "../fesm2015/ngx-color-compact.mjs",
|
14
|
-
"typings": "ngx-color-compact.d.ts",
|
15
|
-
"sideEffects": false
|
16
|
-
}
|
package/compact/public_api.d.ts
DELETED
@@ -1,116 +0,0 @@
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
2
|
-
import { ChangeDetectionStrategy, Component, forwardRef, Input, NgModule } from '@angular/core';
|
3
|
-
import { AlphaModule, CheckboardModule, ColorWrap, toState } from 'ngx-color';
|
4
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
5
|
-
import * as i0 from "@angular/core";
|
6
|
-
import * as i1 from "ngx-color";
|
7
|
-
export class AlphaPickerComponent extends ColorWrap {
|
8
|
-
constructor() {
|
9
|
-
super();
|
10
|
-
/** Pixel value for picker width */
|
11
|
-
this.width = 316;
|
12
|
-
/** Pixel value for picker height */
|
13
|
-
this.height = 16;
|
14
|
-
this.direction = 'horizontal';
|
15
|
-
this.pointer = {
|
16
|
-
width: '18px',
|
17
|
-
height: '18px',
|
18
|
-
borderRadius: '50%',
|
19
|
-
transform: 'translate(-9px, -2px)',
|
20
|
-
boxShadow: '0 1px 4px 0 rgba(0, 0, 0, 0.37)',
|
21
|
-
};
|
22
|
-
}
|
23
|
-
ngOnChanges() {
|
24
|
-
if (this.direction === 'vertical') {
|
25
|
-
this.pointer.transform = 'translate(-3px, -9px)';
|
26
|
-
}
|
27
|
-
this.setState(toState(this.color, this.oldHue));
|
28
|
-
}
|
29
|
-
handlePickerChange({ data, $event }) {
|
30
|
-
this.handleChange(data, $event);
|
31
|
-
}
|
32
|
-
}
|
33
|
-
AlphaPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: AlphaPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
34
|
-
AlphaPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: AlphaPickerComponent, selector: "color-alpha-picker", inputs: { width: "width", height: "height", direction: "direction" }, providers: [
|
35
|
-
{
|
36
|
-
provide: NG_VALUE_ACCESSOR,
|
37
|
-
useExisting: forwardRef(() => AlphaPickerComponent),
|
38
|
-
multi: true,
|
39
|
-
},
|
40
|
-
{
|
41
|
-
provide: ColorWrap,
|
42
|
-
useExisting: forwardRef(() => AlphaPickerComponent)
|
43
|
-
}
|
44
|
-
], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
|
45
|
-
<div class="alpha-picker {{ className }}"
|
46
|
-
[style.width.px]="width" [style.height.px]="height">
|
47
|
-
<color-alpha
|
48
|
-
[hsl]="hsl"
|
49
|
-
[rgb]="rgb"
|
50
|
-
[pointer]="pointer"
|
51
|
-
[direction]="direction"
|
52
|
-
(onChange)="handlePickerChange($event)"
|
53
|
-
></color-alpha>
|
54
|
-
</div>
|
55
|
-
`, isInline: true, styles: [".alpha-picker{position:relative}.color-alpha{radius:2px}\n"], components: [{ type: i1.AlphaComponent, selector: "color-alpha", inputs: ["hsl", "rgb", "pointer", "shadow", "radius", "direction"], outputs: ["onChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
56
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: AlphaPickerComponent, decorators: [{
|
57
|
-
type: Component,
|
58
|
-
args: [{
|
59
|
-
selector: 'color-alpha-picker',
|
60
|
-
template: `
|
61
|
-
<div class="alpha-picker {{ className }}"
|
62
|
-
[style.width.px]="width" [style.height.px]="height">
|
63
|
-
<color-alpha
|
64
|
-
[hsl]="hsl"
|
65
|
-
[rgb]="rgb"
|
66
|
-
[pointer]="pointer"
|
67
|
-
[direction]="direction"
|
68
|
-
(onChange)="handlePickerChange($event)"
|
69
|
-
></color-alpha>
|
70
|
-
</div>
|
71
|
-
`,
|
72
|
-
styles: [
|
73
|
-
`
|
74
|
-
.alpha-picker {
|
75
|
-
position: relative;
|
76
|
-
}
|
77
|
-
.color-alpha {
|
78
|
-
radius: 2px;
|
79
|
-
}
|
80
|
-
`,
|
81
|
-
],
|
82
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
83
|
-
preserveWhitespaces: false,
|
84
|
-
providers: [
|
85
|
-
{
|
86
|
-
provide: NG_VALUE_ACCESSOR,
|
87
|
-
useExisting: forwardRef(() => AlphaPickerComponent),
|
88
|
-
multi: true,
|
89
|
-
},
|
90
|
-
{
|
91
|
-
provide: ColorWrap,
|
92
|
-
useExisting: forwardRef(() => AlphaPickerComponent)
|
93
|
-
}
|
94
|
-
]
|
95
|
-
}]
|
96
|
-
}], ctorParameters: function () { return []; }, propDecorators: { width: [{
|
97
|
-
type: Input
|
98
|
-
}], height: [{
|
99
|
-
type: Input
|
100
|
-
}], direction: [{
|
101
|
-
type: Input
|
102
|
-
}] } });
|
103
|
-
export class ColorAlphaModule {
|
104
|
-
}
|
105
|
-
ColorAlphaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorAlphaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
106
|
-
ColorAlphaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorAlphaModule, declarations: [AlphaPickerComponent], imports: [CommonModule, AlphaModule, CheckboardModule], exports: [AlphaPickerComponent] });
|
107
|
-
ColorAlphaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorAlphaModule, imports: [[CommonModule, AlphaModule, CheckboardModule]] });
|
108
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorAlphaModule, decorators: [{
|
109
|
-
type: NgModule,
|
110
|
-
args: [{
|
111
|
-
declarations: [AlphaPickerComponent],
|
112
|
-
exports: [AlphaPickerComponent],
|
113
|
-
imports: [CommonModule, AlphaModule, CheckboardModule],
|
114
|
-
}]
|
115
|
-
}] });
|
116
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxwaGEtcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvYWxwaGEvYWxwaGEtcGlja2VyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUUzRyxPQUFPLEVBQUUsV0FBVyxFQUFFLGdCQUFnQixFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDOUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQXdDbkQsTUFBTSxPQUFPLG9CQUFxQixTQUFRLFNBQVM7SUFjakQ7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQWRWLG1DQUFtQztRQUMxQixVQUFLLEdBQW9CLEdBQUcsQ0FBQztRQUN0QyxvQ0FBb0M7UUFDM0IsV0FBTSxHQUFvQixFQUFFLENBQUM7UUFDN0IsY0FBUyxHQUE4QixZQUFZLENBQUM7UUFDN0QsWUFBTyxHQUE0QjtZQUNqQyxLQUFLLEVBQUUsTUFBTTtZQUNiLE1BQU0sRUFBRSxNQUFNO1lBQ2QsWUFBWSxFQUFFLEtBQUs7WUFDbkIsU0FBUyxFQUFFLHVCQUF1QjtZQUNsQyxTQUFTLEVBQUUsaUNBQWlDO1NBQzdDLENBQUM7SUFJRixDQUFDO0lBQ0QsV0FBVztRQUNULElBQUksSUFBSSxDQUFDLFNBQVMsS0FBSyxVQUFVLEVBQUU7WUFDakMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEdBQUcsdUJBQXVCLENBQUM7U0FDbEQ7UUFDRCxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO0lBQ2xELENBQUM7SUFDRCxrQkFBa0IsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUU7UUFDakMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFDbEMsQ0FBQzs7aUhBekJVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLG1IQVpwQjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLG9CQUFvQixDQUFDO1lBQ25ELEtBQUssRUFBRSxJQUFJO1NBQ1o7UUFDRDtZQUNFLE9BQU8sRUFBRSxTQUFTO1lBQ2xCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsb0JBQW9CLENBQUM7U0FDcEQ7S0FDRixzRUFsQ1M7Ozs7Ozs7Ozs7O0dBV1Q7MkZBeUJVLG9CQUFvQjtrQkF0Q2hDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtvQkFDOUIsUUFBUSxFQUFFOzs7Ozs7Ozs7OztHQVdUO29CQUNELE1BQU0sRUFBRTt3QkFDTjs7Ozs7OztHQU9EO3FCQUNBO29CQUNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxtQkFBbUIsRUFBRSxLQUFLO29CQUMxQixTQUFTLEVBQUU7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUscUJBQXFCLENBQUM7NEJBQ25ELEtBQUssRUFBRSxJQUFJO3lCQUNaO3dCQUNEOzRCQUNFLE9BQU8sRUFBRSxTQUFTOzRCQUNsQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxxQkFBcUIsQ0FBQzt5QkFDcEQ7cUJBQ0Y7aUJBQ0Y7MEVBR1UsS0FBSztzQkFBYixLQUFLO2dCQUVHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLOztBQTRCUixNQUFNLE9BQU8sZ0JBQWdCOzs2R0FBaEIsZ0JBQWdCOzhHQUFoQixnQkFBZ0IsaUJBakNoQixvQkFBb0IsYUErQnJCLFlBQVksRUFBRSxXQUFXLEVBQUUsZ0JBQWdCLGFBL0IxQyxvQkFBb0I7OEdBaUNwQixnQkFBZ0IsWUFGbEIsQ0FBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLGdCQUFnQixDQUFDOzJGQUUzQyxnQkFBZ0I7a0JBTDVCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsb0JBQW9CLENBQUM7b0JBQ3BDLE9BQU8sRUFBRSxDQUFDLG9CQUFvQixDQUFDO29CQUMvQixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLGdCQUFnQixDQUFDO2lCQUN2RCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBmb3J3YXJkUmVmLCBJbnB1dCwgTmdNb2R1bGUsIE9uQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBBbHBoYU1vZHVsZSwgQ2hlY2tib2FyZE1vZHVsZSwgQ29sb3JXcmFwLCB0b1N0YXRlIH0gZnJvbSAnbmd4LWNvbG9yJztcbmltcG9ydCB7IE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjb2xvci1hbHBoYS1waWNrZXInLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJhbHBoYS1waWNrZXIge3sgY2xhc3NOYW1lIH19XCJcbiAgICAgIFtzdHlsZS53aWR0aC5weF09XCJ3aWR0aFwiIFtzdHlsZS5oZWlnaHQucHhdPVwiaGVpZ2h0XCI+XG4gICAgICA8Y29sb3ItYWxwaGFcbiAgICAgICAgW2hzbF09XCJoc2xcIlxuICAgICAgICBbcmdiXT1cInJnYlwiXG4gICAgICAgIFtwb2ludGVyXT1cInBvaW50ZXJcIlxuICAgICAgICBbZGlyZWN0aW9uXT1cImRpcmVjdGlvblwiXG4gICAgICAgIChvbkNoYW5nZSk9XCJoYW5kbGVQaWNrZXJDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICA+PC9jb2xvci1hbHBoYT5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVzOiBbXG4gICAgYFxuICAgIC5hbHBoYS1waWNrZXIge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIH1cbiAgICAuY29sb3ItYWxwaGEge1xuICAgICAgcmFkaXVzOiAycHg7XG4gICAgfVxuICBgLFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gQWxwaGFQaWNrZXJDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgICB7XG4gICAgICBwcm92aWRlOiBDb2xvcldyYXAsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBBbHBoYVBpY2tlckNvbXBvbmVudClcbiAgICB9XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgQWxwaGFQaWNrZXJDb21wb25lbnQgZXh0ZW5kcyBDb2xvcldyYXAgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICAvKiogUGl4ZWwgdmFsdWUgZm9yIHBpY2tlciB3aWR0aCAqL1xuICBASW5wdXQoKSB3aWR0aDogc3RyaW5nIHwgbnVtYmVyID0gMzE2O1xuICAvKiogUGl4ZWwgdmFsdWUgZm9yIHBpY2tlciBoZWlnaHQgKi9cbiAgQElucHV0KCkgaGVpZ2h0OiBzdHJpbmcgfCBudW1iZXIgPSAxNjtcbiAgQElucHV0KCkgZGlyZWN0aW9uOiAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnID0gJ2hvcml6b250YWwnO1xuICBwb2ludGVyOiB7W2tleTogc3RyaW5nXTogc3RyaW5nfSA9IHtcbiAgICB3aWR0aDogJzE4cHgnLFxuICAgIGhlaWdodDogJzE4cHgnLFxuICAgIGJvcmRlclJhZGl1czogJzUwJScsXG4gICAgdHJhbnNmb3JtOiAndHJhbnNsYXRlKC05cHgsIC0ycHgpJyxcbiAgICBib3hTaGFkb3c6ICcwIDFweCA0cHggMCByZ2JhKDAsIDAsIDAsIDAuMzcpJyxcbiAgfTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICB9XG4gIG5nT25DaGFuZ2VzKCkge1xuICAgIGlmICh0aGlzLmRpcmVjdGlvbiA9PT0gJ3ZlcnRpY2FsJykge1xuICAgICAgdGhpcy5wb2ludGVyLnRyYW5zZm9ybSA9ICd0cmFuc2xhdGUoLTNweCwgLTlweCknO1xuICAgIH1cbiAgICB0aGlzLnNldFN0YXRlKHRvU3RhdGUodGhpcy5jb2xvciwgdGhpcy5vbGRIdWUpKTtcbiAgfVxuICBoYW5kbGVQaWNrZXJDaGFuZ2UoeyBkYXRhLCAkZXZlbnQgfSkge1xuICAgIHRoaXMuaGFuZGxlQ2hhbmdlKGRhdGEsICRldmVudCk7XG4gIH1cbn1cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbQWxwaGFQaWNrZXJDb21wb25lbnRdLFxuICBleHBvcnRzOiBbQWxwaGFQaWNrZXJDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBBbHBoYU1vZHVsZSwgQ2hlY2tib2FyZE1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIENvbG9yQWxwaGFNb2R1bGUge31cbiJdfQ==
|
@@ -1,5 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Generated bundle index. Do not edit.
|
3
|
-
*/
|
4
|
-
export * from './public_api';
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWNvbG9yLWFscGhhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9hbHBoYS9uZ3gtY29sb3ItYWxwaGEudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWNfYXBpJztcbiJdfQ==
|
@@ -1,2 +0,0 @@
|
|
1
|
-
export { AlphaPickerComponent, ColorAlphaModule } from './alpha-picker.component';
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvYWxwaGEvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IEFscGhhUGlja2VyQ29tcG9uZW50LCBDb2xvckFscGhhTW9kdWxlIH0gZnJvbSAnLi9hbHBoYS1waWNrZXIuY29tcG9uZW50JztcbiJdfQ==
|
@@ -1,74 +0,0 @@
|
|
1
|
-
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
import * as i1 from "ngx-color";
|
4
|
-
import * as i2 from "@angular/common";
|
5
|
-
export class BlockSwatchesComponent {
|
6
|
-
constructor() {
|
7
|
-
this.onClick = new EventEmitter();
|
8
|
-
this.onSwatchHover = new EventEmitter();
|
9
|
-
this.swatchStyle = {
|
10
|
-
width: '22px',
|
11
|
-
height: '22px',
|
12
|
-
float: 'left',
|
13
|
-
marginRight: '10px',
|
14
|
-
marginBottom: '10px',
|
15
|
-
borderRadius: '4px',
|
16
|
-
};
|
17
|
-
}
|
18
|
-
handleClick({ hex, $event }) {
|
19
|
-
this.onClick.emit({ hex, $event });
|
20
|
-
}
|
21
|
-
focusStyle(c) {
|
22
|
-
return {
|
23
|
-
boxShadow: `${c} 0 0 4px`,
|
24
|
-
};
|
25
|
-
}
|
26
|
-
}
|
27
|
-
BlockSwatchesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: BlockSwatchesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
28
|
-
BlockSwatchesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: BlockSwatchesComponent, selector: "color-block-swatches", inputs: { colors: "colors" }, outputs: { onClick: "onClick", onSwatchHover: "onSwatchHover" }, ngImport: i0, template: `
|
29
|
-
<div class="block-swatches">
|
30
|
-
<color-swatch
|
31
|
-
*ngFor="let c of colors"
|
32
|
-
[color]="c"
|
33
|
-
[style]="swatchStyle"
|
34
|
-
[focusStyle]="focusStyle(c)"
|
35
|
-
(onClick)="handleClick($event)"
|
36
|
-
(onHover)="onSwatchHover.emit($event)"
|
37
|
-
></color-swatch>
|
38
|
-
<div class="clear"></div>
|
39
|
-
</div>
|
40
|
-
`, isInline: true, styles: [".block-swatches{margin-right:-10px}.clear{clear:both}\n"], components: [{ type: i1.SwatchComponent, selector: "color-swatch", inputs: ["color", "style", "focusStyle", "focus"], outputs: ["onClick", "onHover"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
41
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: BlockSwatchesComponent, decorators: [{
|
42
|
-
type: Component,
|
43
|
-
args: [{
|
44
|
-
selector: 'color-block-swatches',
|
45
|
-
template: `
|
46
|
-
<div class="block-swatches">
|
47
|
-
<color-swatch
|
48
|
-
*ngFor="let c of colors"
|
49
|
-
[color]="c"
|
50
|
-
[style]="swatchStyle"
|
51
|
-
[focusStyle]="focusStyle(c)"
|
52
|
-
(onClick)="handleClick($event)"
|
53
|
-
(onHover)="onSwatchHover.emit($event)"
|
54
|
-
></color-swatch>
|
55
|
-
<div class="clear"></div>
|
56
|
-
</div>
|
57
|
-
`,
|
58
|
-
styles: [`
|
59
|
-
.block-swatches {
|
60
|
-
margin-right: -10px;
|
61
|
-
}
|
62
|
-
.clear {
|
63
|
-
clear: both;
|
64
|
-
}
|
65
|
-
`],
|
66
|
-
}]
|
67
|
-
}], propDecorators: { colors: [{
|
68
|
-
type: Input
|
69
|
-
}], onClick: [{
|
70
|
-
type: Output
|
71
|
-
}], onSwatchHover: [{
|
72
|
-
type: Output
|
73
|
-
}] } });
|
74
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmxvY2stc3dhdGNoZXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9ibG9jay9ibG9jay1zd2F0Y2hlcy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQXlCdkUsTUFBTSxPQUFPLHNCQUFzQjtJQXhCbkM7UUEwQlksWUFBTyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDbEMsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBRWxELGdCQUFXLEdBQUc7WUFDWixLQUFLLEVBQUUsTUFBTTtZQUNiLE1BQU0sRUFBRSxNQUFNO1lBQ2QsS0FBSyxFQUFFLE1BQU07WUFDYixXQUFXLEVBQUUsTUFBTTtZQUNuQixZQUFZLEVBQUUsTUFBTTtZQUNwQixZQUFZLEVBQUUsS0FBSztTQUNwQixDQUFDO0tBV0g7SUFUQyxXQUFXLENBQUMsRUFBQyxHQUFHLEVBQUUsTUFBTSxFQUFDO1FBQ3ZCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUMsR0FBRyxFQUFFLE1BQU0sRUFBQyxDQUFDLENBQUM7SUFDbkMsQ0FBQztJQUNELFVBQVUsQ0FBQyxDQUFDO1FBQ1YsT0FBTztZQUNMLFNBQVMsRUFBRSxHQUFJLENBQUUsVUFBVTtTQUM1QixDQUFDO0lBQ0osQ0FBQzs7bUhBckJVLHNCQUFzQjt1R0FBdEIsc0JBQXNCLDJKQXRCdkI7Ozs7Ozs7Ozs7OztHQVlUOzJGQVVVLHNCQUFzQjtrQkF4QmxDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHNCQUFzQjtvQkFDaEMsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7R0FZVDtvQkFDRCxNQUFNLEVBQUUsQ0FBQzs7Ozs7OztHQU9SLENBQUM7aUJBQ0g7OEJBRVUsTUFBTTtzQkFBZCxLQUFLO2dCQUNJLE9BQU87c0JBQWhCLE1BQU07Z0JBQ0csYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjb2xvci1ibG9jay1zd2F0Y2hlcycsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImJsb2NrLXN3YXRjaGVzXCI+XG4gICAgICA8Y29sb3Itc3dhdGNoXG4gICAgICAgICpuZ0Zvcj1cImxldCBjIG9mIGNvbG9yc1wiXG4gICAgICAgIFtjb2xvcl09XCJjXCJcbiAgICAgICAgW3N0eWxlXT1cInN3YXRjaFN0eWxlXCJcbiAgICAgICAgW2ZvY3VzU3R5bGVdPVwiZm9jdXNTdHlsZShjKVwiXG4gICAgICAgIChvbkNsaWNrKT1cImhhbmRsZUNsaWNrKCRldmVudClcIlxuICAgICAgICAob25Ib3Zlcik9XCJvblN3YXRjaEhvdmVyLmVtaXQoJGV2ZW50KVwiXG4gICAgICA+PC9jb2xvci1zd2F0Y2g+XG4gICAgICA8ZGl2IGNsYXNzPVwiY2xlYXJcIj48L2Rpdj5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVzOiBbYFxuICAgIC5ibG9jay1zd2F0Y2hlcyB7XG4gICAgICBtYXJnaW4tcmlnaHQ6IC0xMHB4O1xuICAgIH1cbiAgICAuY2xlYXIge1xuICAgICAgY2xlYXI6IGJvdGg7XG4gICAgfVxuICBgXSxcbn0pXG5leHBvcnQgY2xhc3MgQmxvY2tTd2F0Y2hlc0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNvbG9ycyE6IHN0cmluZ1tdO1xuICBAT3V0cHV0KCkgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCkgb25Td2F0Y2hIb3ZlciA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIHN3YXRjaFN0eWxlID0ge1xuICAgIHdpZHRoOiAnMjJweCcsXG4gICAgaGVpZ2h0OiAnMjJweCcsXG4gICAgZmxvYXQ6ICdsZWZ0JyxcbiAgICBtYXJnaW5SaWdodDogJzEwcHgnLFxuICAgIG1hcmdpbkJvdHRvbTogJzEwcHgnLFxuICAgIGJvcmRlclJhZGl1czogJzRweCcsXG4gIH07XG5cbiAgaGFuZGxlQ2xpY2soe2hleCwgJGV2ZW50fSkge1xuICAgIHRoaXMub25DbGljay5lbWl0KHtoZXgsICRldmVudH0pO1xuICB9XG4gIGZvY3VzU3R5bGUoYykge1xuICAgIHJldHVybiB7XG4gICAgICBib3hTaGFkb3c6IGAkeyBjIH0gMCAwIDRweGAsXG4gICAgfTtcbiAgfVxuXG59XG4iXX0=
|