ngx-color 7.3.3 → 8.0.2
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 +2 -2
- package/alpha/alpha-picker.component.d.ts +1 -1
- package/alpha/{ngx-color-alpha.d.ts → index.d.ts} +0 -0
- package/alpha.component.d.ts +1 -1
- package/block/block-swatches.component.d.ts +1 -1
- package/block/block.component.d.ts +1 -1
- package/block/{ngx-color-block.d.ts → index.d.ts} +0 -0
- package/checkboard.component.d.ts +1 -1
- package/chrome/chrome-fields.component.d.ts +1 -1
- package/chrome/chrome.component.d.ts +1 -1
- package/chrome/{ngx-color-chrome.d.ts → index.d.ts} +0 -0
- package/circle/circle-swatch.component.d.ts +1 -1
- package/circle/circle.component.d.ts +1 -1
- package/circle/{ngx-color-circle.d.ts → index.d.ts} +0 -0
- package/color-wrap.component.d.ts +1 -1
- package/compact/compact-color.component.d.ts +1 -1
- package/compact/compact-fields.component.d.ts +1 -1
- package/compact/compact.component.d.ts +1 -1
- package/compact/{ngx-color-compact.d.ts → index.d.ts} +0 -0
- package/coordinates.directive.d.ts +2 -2
- package/editable-input.component.d.ts +1 -1
- package/esm2020/alpha/alpha-picker.component.mjs +12 -28
- package/esm2020/alpha.component.mjs +13 -61
- package/esm2020/block/block-swatches.component.mjs +9 -20
- package/esm2020/block/block.component.mjs +14 -55
- package/esm2020/checkboard.component.mjs +9 -25
- package/esm2020/chrome/chrome-fields.component.mjs +9 -51
- package/esm2020/chrome/chrome.component.mjs +19 -84
- package/esm2020/circle/circle-swatch.component.mjs +7 -23
- package/esm2020/circle/circle.component.mjs +12 -26
- package/esm2020/color-wrap.component.mjs +10 -10
- package/esm2020/compact/compact-color.component.mjs +7 -28
- package/esm2020/compact/compact-fields.component.mjs +7 -29
- package/esm2020/compact/compact.component.mjs +14 -37
- package/esm2020/coordinates.directive.mjs +9 -9
- package/esm2020/editable-input.component.mjs +13 -31
- package/esm2020/github/github-swatch.component.mjs +7 -21
- package/esm2020/github/github.component.mjs +12 -79
- package/esm2020/hue/hue-picker.component.mjs +12 -25
- package/esm2020/hue.component.mjs +13 -54
- package/esm2020/material/material.component.mjs +12 -37
- package/esm2020/photoshop/photoshop-button.component.mjs +6 -35
- package/esm2020/photoshop/photoshop-fields.component.mjs +7 -36
- package/esm2020/photoshop/photoshop-previews.component.mjs +6 -34
- package/esm2020/photoshop/photoshop.component.mjs +17 -90
- package/esm2020/raised.component.mjs +10 -49
- package/esm2020/saturation.component.mjs +13 -57
- package/esm2020/shade/shade-picker.component.mjs +12 -25
- package/esm2020/shade.component.mjs +11 -51
- package/esm2020/sketch/sketch-fields.component.mjs +9 -43
- package/esm2020/sketch/sketch-preset-colors.component.mjs +9 -39
- package/esm2020/sketch/sketch.component.mjs +20 -91
- package/esm2020/slider/slider-swatch.component.mjs +6 -34
- package/esm2020/slider/slider-swatches.component.mjs +7 -23
- package/esm2020/slider/slider.component.mjs +12 -26
- package/esm2020/swatch.component.mjs +13 -28
- package/esm2020/swatches/swatches-color.component.mjs +9 -28
- package/esm2020/swatches/swatches-group.component.mjs +9 -24
- package/esm2020/swatches/swatches.component.mjs +14 -30
- package/esm2020/twitter/twitter.component.mjs +14 -110
- package/fesm2015/ngx-color-alpha.mjs +11 -27
- package/fesm2015/ngx-color-alpha.mjs.map +1 -1
- package/fesm2015/ngx-color-block.mjs +20 -72
- package/fesm2015/ngx-color-block.mjs.map +1 -1
- package/fesm2015/ngx-color-chrome.mjs +24 -131
- package/fesm2015/ngx-color-chrome.mjs.map +1 -1
- package/fesm2015/ngx-color-circle.mjs +17 -47
- package/fesm2015/ngx-color-circle.mjs.map +1 -1
- package/fesm2015/ngx-color-compact.mjs +24 -90
- package/fesm2015/ngx-color-compact.mjs.map +1 -1
- package/fesm2015/ngx-color-github.mjs +17 -98
- package/fesm2015/ngx-color-github.mjs.map +1 -1
- package/fesm2015/ngx-color-hue.mjs +11 -24
- package/fesm2015/ngx-color-hue.mjs.map +1 -1
- package/fesm2015/ngx-color-material.mjs +11 -36
- package/fesm2015/ngx-color-material.mjs.map +1 -1
- package/fesm2015/ngx-color-photoshop.mjs +32 -191
- package/fesm2015/ngx-color-photoshop.mjs.map +1 -1
- package/fesm2015/ngx-color-shade.mjs +11 -24
- package/fesm2015/ngx-color-shade.mjs.map +1 -1
- package/fesm2015/ngx-color-sketch.mjs +31 -166
- package/fesm2015/ngx-color-sketch.mjs.map +1 -1
- package/fesm2015/ngx-color-slider.mjs +22 -80
- package/fesm2015/ngx-color-slider.mjs.map +1 -1
- package/fesm2015/ngx-color-swatches.mjs +25 -75
- package/fesm2015/ngx-color-swatches.mjs.map +1 -1
- package/fesm2015/ngx-color-twitter.mjs +13 -109
- package/fesm2015/ngx-color-twitter.mjs.map +1 -1
- package/fesm2015/ngx-color.mjs +100 -359
- package/fesm2015/ngx-color.mjs.map +1 -1
- package/fesm2020/ngx-color-alpha.mjs +11 -27
- package/fesm2020/ngx-color-alpha.mjs.map +1 -1
- package/fesm2020/ngx-color-block.mjs +20 -72
- package/fesm2020/ngx-color-block.mjs.map +1 -1
- package/fesm2020/ngx-color-chrome.mjs +24 -131
- package/fesm2020/ngx-color-chrome.mjs.map +1 -1
- package/fesm2020/ngx-color-circle.mjs +17 -47
- package/fesm2020/ngx-color-circle.mjs.map +1 -1
- package/fesm2020/ngx-color-compact.mjs +24 -90
- package/fesm2020/ngx-color-compact.mjs.map +1 -1
- package/fesm2020/ngx-color-github.mjs +17 -98
- package/fesm2020/ngx-color-github.mjs.map +1 -1
- package/fesm2020/ngx-color-hue.mjs +11 -24
- package/fesm2020/ngx-color-hue.mjs.map +1 -1
- package/fesm2020/ngx-color-material.mjs +11 -36
- package/fesm2020/ngx-color-material.mjs.map +1 -1
- package/fesm2020/ngx-color-photoshop.mjs +32 -191
- package/fesm2020/ngx-color-photoshop.mjs.map +1 -1
- package/fesm2020/ngx-color-shade.mjs +11 -24
- package/fesm2020/ngx-color-shade.mjs.map +1 -1
- package/fesm2020/ngx-color-sketch.mjs +31 -166
- package/fesm2020/ngx-color-sketch.mjs.map +1 -1
- package/fesm2020/ngx-color-slider.mjs +22 -80
- package/fesm2020/ngx-color-slider.mjs.map +1 -1
- package/fesm2020/ngx-color-swatches.mjs +25 -75
- package/fesm2020/ngx-color-swatches.mjs.map +1 -1
- package/fesm2020/ngx-color-twitter.mjs +13 -109
- package/fesm2020/ngx-color-twitter.mjs.map +1 -1
- package/fesm2020/ngx-color.mjs +97 -358
- package/fesm2020/ngx-color.mjs.map +1 -1
- package/github/github-swatch.component.d.ts +1 -1
- package/github/github.component.d.ts +1 -1
- package/github/{ngx-color-github.d.ts → index.d.ts} +0 -0
- package/hue/hue-picker.component.d.ts +1 -1
- package/hue/{ngx-color-hue.d.ts → index.d.ts} +0 -0
- package/hue.component.d.ts +1 -1
- package/{ngx-color.d.ts → index.d.ts} +0 -0
- package/material/{ngx-color-material.d.ts → index.d.ts} +0 -0
- package/material/material.component.d.ts +1 -1
- package/package.json +20 -21
- package/photoshop/{ngx-color-photoshop.d.ts → index.d.ts} +0 -0
- package/photoshop/photoshop-button.component.d.ts +1 -1
- package/photoshop/photoshop-fields.component.d.ts +1 -1
- package/photoshop/photoshop-previews.component.d.ts +1 -1
- package/photoshop/photoshop.component.d.ts +1 -1
- package/raised.component.d.ts +1 -1
- package/saturation.component.d.ts +1 -1
- package/shade/{ngx-color-shade.d.ts → index.d.ts} +0 -0
- package/shade/shade-picker.component.d.ts +1 -1
- package/shade.component.d.ts +1 -1
- package/sketch/{ngx-color-sketch.d.ts → index.d.ts} +0 -0
- package/sketch/sketch-fields.component.d.ts +1 -1
- package/sketch/sketch-preset-colors.component.d.ts +1 -1
- package/sketch/sketch.component.d.ts +1 -1
- package/slider/{ngx-color-slider.d.ts → index.d.ts} +0 -0
- package/slider/slider-swatch.component.d.ts +1 -1
- package/slider/slider-swatches.component.d.ts +1 -1
- package/slider/slider.component.d.ts +1 -1
- package/swatch.component.d.ts +1 -1
- package/swatches/{ngx-color-swatches.d.ts → index.d.ts} +0 -0
- package/swatches/swatches-color.component.d.ts +1 -1
- package/swatches/swatches-group.component.d.ts +1 -1
- package/swatches/swatches.component.d.ts +1 -1
- package/twitter/{ngx-color-twitter.d.ts → index.d.ts} +0 -0
- package/twitter/twitter.component.d.ts +1 -1
- package/alpha/package.json +0 -17
- package/block/package.json +0 -16
- package/chrome/package.json +0 -16
- package/circle/package.json +0 -19
- package/compact/package.json +0 -16
- package/github/package.json +0 -16
- package/hue/package.json +0 -15
- package/material/package.json +0 -15
- package/photoshop/package.json +0 -15
- package/shade/package.json +0 -17
- package/sketch/package.json +0 -15
- package/slider/package.json +0 -15
- package/swatches/package.json +0 -18
- package/twitter/package.json +0 -15
package/README.md
CHANGED
@@ -55,11 +55,11 @@ Latest version available for each version of Angular
|
|
55
55
|
|
56
56
|
| ngx-color | Angular |
|
57
57
|
| --------- | --------- |
|
58
|
-
| 3.0.3 | 6.x 7.x |
|
59
58
|
| 4.1.1 | 8.x |
|
60
59
|
| 5.1.4 | 9.x |
|
61
60
|
| 6.2.0 | 10.x 11.x |
|
62
|
-
|
|
61
|
+
| 7.3.3 | 12.x 13.x |
|
62
|
+
| current | >= 14.x |
|
63
63
|
|
64
64
|
### Install
|
65
65
|
|
@@ -19,7 +19,7 @@ export declare class AlphaPickerComponent extends ColorWrap implements OnChanges
|
|
19
19
|
$event: any;
|
20
20
|
}): void;
|
21
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<AlphaPickerComponent, never>;
|
22
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AlphaPickerComponent, "color-alpha-picker", never, { "width": "width"; "height": "height"; "direction": "direction"; }, {}, never, never>;
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AlphaPickerComponent, "color-alpha-picker", never, { "width": "width"; "height": "height"; "direction": "direction"; }, {}, never, never, false>;
|
23
23
|
}
|
24
24
|
export declare class ColorAlphaModule {
|
25
25
|
static ɵfac: i0.ɵɵFactoryDeclaration<ColorAlphaModule, never>;
|
File without changes
|
package/alpha.component.d.ts
CHANGED
@@ -24,7 +24,7 @@ export declare class AlphaComponent implements OnChanges {
|
|
24
24
|
$event: any;
|
25
25
|
}): void;
|
26
26
|
static ɵfac: i0.ɵɵFactoryDeclaration<AlphaComponent, never>;
|
27
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AlphaComponent, "color-alpha", never, { "hsl": "hsl"; "rgb": "rgb"; "pointer": "pointer"; "shadow": "shadow"; "radius": "radius"; "direction": "direction"; }, { "onChange": "onChange"; }, never, never>;
|
27
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AlphaComponent, "color-alpha", never, { "hsl": "hsl"; "rgb": "rgb"; "pointer": "pointer"; "shadow": "shadow"; "radius": "radius"; "direction": "direction"; }, { "onChange": "onChange"; }, never, never, false>;
|
28
28
|
}
|
29
29
|
export declare class AlphaModule {
|
30
30
|
static ɵfac: i0.ɵɵFactoryDeclaration<AlphaModule, never>;
|
@@ -20,5 +20,5 @@ export declare class BlockSwatchesComponent {
|
|
20
20
|
boxShadow: string;
|
21
21
|
};
|
22
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>;
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BlockSwatchesComponent, "color-block-swatches", never, { "colors": "colors"; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never, false>;
|
24
24
|
}
|
@@ -27,7 +27,7 @@ export declare class BlockComponent extends ColorWrap {
|
|
27
27
|
$event: any;
|
28
28
|
}): void;
|
29
29
|
static ɵfac: i0.ɵɵFactoryDeclaration<BlockComponent, never>;
|
30
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BlockComponent, "color-block", never, { "width": "width"; "colors": "colors"; "triangle": "triangle"; }, {}, never, never>;
|
30
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BlockComponent, "color-block", never, { "width": "width"; "colors": "colors"; "triangle": "triangle"; }, {}, never, never, false>;
|
31
31
|
}
|
32
32
|
export declare class ColorBlockModule {
|
33
33
|
static ɵfac: i0.ɵɵFactoryDeclaration<ColorBlockModule, never>;
|
File without changes
|
@@ -10,7 +10,7 @@ export declare class CheckboardComponent implements OnInit {
|
|
10
10
|
gridStyles: Record<string, string>;
|
11
11
|
ngOnInit(): void;
|
12
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<CheckboardComponent, never>;
|
13
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CheckboardComponent, "color-checkboard", never, { "white": "white"; "size": "size"; "grey": "grey"; "boxShadow": "boxShadow"; "borderRadius": "borderRadius"; }, {}, never, never>;
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CheckboardComponent, "color-checkboard", never, { "white": "white"; "size": "size"; "grey": "grey"; "boxShadow": "boxShadow"; "borderRadius": "borderRadius"; }, {}, never, never, false>;
|
14
14
|
}
|
15
15
|
export declare class CheckboardModule {
|
16
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<CheckboardModule, never>;
|
@@ -18,5 +18,5 @@ export declare class ChromeFieldsComponent implements OnInit {
|
|
18
18
|
$event: any;
|
19
19
|
}): void;
|
20
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>;
|
21
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ChromeFieldsComponent, "color-chrome-fields", never, { "disableAlpha": "disableAlpha"; "hsl": "hsl"; "rgb": "rgb"; "hex": "hex"; }, { "onChange": "onChange"; }, never, never, false>;
|
22
22
|
}
|
@@ -16,7 +16,7 @@ export declare class ChromeComponent extends ColorWrap {
|
|
16
16
|
$event: any;
|
17
17
|
}): void;
|
18
18
|
static ɵfac: i0.ɵɵFactoryDeclaration<ChromeComponent, never>;
|
19
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ChromeComponent, "color-chrome", never, { "disableAlpha": "disableAlpha"; }, {}, never, never>;
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ChromeComponent, "color-chrome", never, { "disableAlpha": "disableAlpha"; }, {}, never, never, false>;
|
20
20
|
}
|
21
21
|
export declare class ColorChromeModule {
|
22
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<ColorChromeModule, never>;
|
File without changes
|
@@ -15,5 +15,5 @@ export declare class CircleSwatchComponent implements OnChanges {
|
|
15
15
|
$event: any;
|
16
16
|
}): void;
|
17
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>;
|
18
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CircleSwatchComponent, "color-circle-swatch", never, { "color": "color"; "circleSize": "circleSize"; "circleSpacing": "circleSpacing"; "focus": "focus"; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never, false>;
|
19
19
|
}
|
@@ -23,7 +23,7 @@ export declare class CircleComponent extends ColorWrap {
|
|
23
23
|
$event: any;
|
24
24
|
}): void;
|
25
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>;
|
26
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CircleComponent, "color-circle", never, { "width": "width"; "colors": "colors"; "circleSize": "circleSize"; "circleSpacing": "circleSpacing"; }, {}, never, never, false>;
|
27
27
|
}
|
28
28
|
export declare class ColorCircleModule {
|
29
29
|
static ɵfac: i0.ɵɵFactoryDeclaration<ColorCircleModule, never>;
|
File without changes
|
@@ -49,7 +49,7 @@ export declare class ColorWrap implements OnInit, OnChanges, OnDestroy, ControlV
|
|
49
49
|
setDisabledState(isDisabled: boolean): void;
|
50
50
|
writeValue(hex: string): void;
|
51
51
|
static ɵfac: i0.ɵɵFactoryDeclaration<ColorWrap, never>;
|
52
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ColorWrap, "color-wrap", never, { "className": "className"; "mode": "mode"; "color": "color"; }, { "colorChange": "colorChange"; "onChange": "onChange"; "onChangeComplete": "onChangeComplete"; "onSwatchHover": "onSwatchHover"; }, never, never>;
|
52
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ColorWrap, "color-wrap", never, { "className": "className"; "mode": "mode"; "color": "color"; }, { "colorChange": "colorChange"; "onChange": "onChange"; "onChangeComplete": "onChangeComplete"; "onSwatchHover": "onSwatchHover"; }, never, never, false>;
|
53
53
|
}
|
54
54
|
export declare class ColorWrapModule {
|
55
55
|
static ɵfac: i0.ɵɵFactoryDeclaration<ColorWrapModule, never>;
|
@@ -15,5 +15,5 @@ export declare class CompactColorComponent implements OnChanges {
|
|
15
15
|
$event: any;
|
16
16
|
}): void;
|
17
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>;
|
18
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CompactColorComponent, "color-compact-color", never, { "color": "color"; "active": "active"; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never, false>;
|
19
19
|
}
|
@@ -28,5 +28,5 @@ export declare class CompactFieldsComponent {
|
|
28
28
|
$event: any;
|
29
29
|
}): void;
|
30
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>;
|
31
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CompactFieldsComponent, "color-compact-fields", never, { "hex": "hex"; "rgb": "rgb"; }, { "onChange": "onChange"; }, never, never, false>;
|
32
32
|
}
|
@@ -21,7 +21,7 @@ export declare class CompactComponent extends ColorWrap {
|
|
21
21
|
$event: any;
|
22
22
|
}): void;
|
23
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>;
|
24
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CompactComponent, "color-compact", never, { "colors": "colors"; "zDepth": "zDepth"; "radius": "radius"; "background": "background"; }, {}, never, never, false>;
|
25
25
|
}
|
26
26
|
export declare class ColorCompactModule {
|
27
27
|
static ɵfac: i0.ɵɵFactoryDeclaration<ColorCompactModule, never>;
|
File without changes
|
@@ -14,7 +14,7 @@ export declare class CoordinatesDirective implements OnInit, OnDestroy {
|
|
14
14
|
}>;
|
15
15
|
private mousechange;
|
16
16
|
private mouseListening;
|
17
|
-
private sub
|
17
|
+
private sub?;
|
18
18
|
mousemove($event: Event, x: number, y: number, isTouch?: boolean): void;
|
19
19
|
mouseup(): void;
|
20
20
|
mousedown($event: Event, x: number, y: number, isTouch?: boolean): void;
|
@@ -23,7 +23,7 @@ export declare class CoordinatesDirective implements OnInit, OnDestroy {
|
|
23
23
|
ngOnDestroy(): void;
|
24
24
|
handleChange(x: number, y: number, $event: Event, isTouch: boolean): void;
|
25
25
|
static ɵfac: i0.ɵɵFactoryDeclaration<CoordinatesDirective, never>;
|
26
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<CoordinatesDirective, "[ngx-color-coordinates]", never, {}, { "coordinatesChange": "coordinatesChange"; }, never>;
|
26
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<CoordinatesDirective, "[ngx-color-coordinates]", never, {}, { "coordinatesChange": "coordinatesChange"; }, never, never, false>;
|
27
27
|
}
|
28
28
|
export declare class CoordinatesModule {
|
29
29
|
static ɵfac: i0.ɵɵFactoryDeclaration<CoordinatesModule, never>;
|
@@ -36,7 +36,7 @@ export declare class EditableInputComponent implements OnInit, OnChanges, OnDest
|
|
36
36
|
handleMousedown($event: Event): void;
|
37
37
|
handleDrag($event: any): void;
|
38
38
|
static ɵfac: i0.ɵɵFactoryDeclaration<EditableInputComponent, never>;
|
39
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<EditableInputComponent, "color-editable-input", never, { "style": "style"; "label": "label"; "value": "value"; "arrowOffset": "arrowOffset"; "dragLabel": "dragLabel"; "dragMax": "dragMax"; "placeholder": "placeholder"; }, { "onChange": "onChange"; }, never, never>;
|
39
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EditableInputComponent, "color-editable-input", never, { "style": "style"; "label": "label"; "value": "value"; "arrowOffset": "arrowOffset"; "dragLabel": "dragLabel"; "dragMax": "dragMax"; "placeholder": "placeholder"; }, { "onChange": "onChange"; }, never, never, false>;
|
40
40
|
}
|
41
41
|
export declare class EditableInputModule {
|
42
42
|
static ɵfac: i0.ɵɵFactoryDeclaration<EditableInputModule, never>;
|
@@ -30,8 +30,8 @@ export class AlphaPickerComponent extends ColorWrap {
|
|
30
30
|
this.handleChange(data, $event);
|
31
31
|
}
|
32
32
|
}
|
33
|
-
AlphaPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
34
|
-
AlphaPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
33
|
+
AlphaPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AlphaPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
34
|
+
AlphaPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: AlphaPickerComponent, selector: "color-alpha-picker", inputs: { width: "width", height: "height", direction: "direction" }, providers: [
|
35
35
|
{
|
36
36
|
provide: NG_VALUE_ACCESSOR,
|
37
37
|
useExisting: forwardRef(() => AlphaPickerComponent),
|
@@ -52,12 +52,10 @@ AlphaPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
52
52
|
(onChange)="handlePickerChange($event)"
|
53
53
|
></color-alpha>
|
54
54
|
</div>
|
55
|
-
`, isInline: true, styles: [".alpha-picker{position:relative}.color-alpha{radius:2px}\n"],
|
56
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
55
|
+
`, isInline: true, styles: [".alpha-picker{position:relative}.color-alpha{radius:2px}\n"], dependencies: [{ kind: "component", 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: "14.1.2", ngImport: i0, type: AlphaPickerComponent, decorators: [{
|
57
57
|
type: Component,
|
58
|
-
args: [{
|
59
|
-
selector: 'color-alpha-picker',
|
60
|
-
template: `
|
58
|
+
args: [{ selector: 'color-alpha-picker', template: `
|
61
59
|
<div class="alpha-picker {{ className }}"
|
62
60
|
[style.width.px]="width" [style.height.px]="height">
|
63
61
|
<color-alpha
|
@@ -68,20 +66,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImpor
|
|
68
66
|
(onChange)="handlePickerChange($event)"
|
69
67
|
></color-alpha>
|
70
68
|
</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: [
|
69
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, providers: [
|
85
70
|
{
|
86
71
|
provide: NG_VALUE_ACCESSOR,
|
87
72
|
useExisting: forwardRef(() => AlphaPickerComponent),
|
@@ -91,8 +76,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImpor
|
|
91
76
|
provide: ColorWrap,
|
92
77
|
useExisting: forwardRef(() => AlphaPickerComponent)
|
93
78
|
}
|
94
|
-
]
|
95
|
-
}]
|
79
|
+
], styles: [".alpha-picker{position:relative}.color-alpha{radius:2px}\n"] }]
|
96
80
|
}], ctorParameters: function () { return []; }, propDecorators: { width: [{
|
97
81
|
type: Input
|
98
82
|
}], height: [{
|
@@ -102,10 +86,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImpor
|
|
102
86
|
}] } });
|
103
87
|
export class ColorAlphaModule {
|
104
88
|
}
|
105
|
-
ColorAlphaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
106
|
-
ColorAlphaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
107
|
-
ColorAlphaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
108
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
89
|
+
ColorAlphaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: ColorAlphaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
90
|
+
ColorAlphaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: ColorAlphaModule, declarations: [AlphaPickerComponent], imports: [CommonModule, AlphaModule, CheckboardModule], exports: [AlphaPickerComponent] });
|
91
|
+
ColorAlphaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: ColorAlphaModule, imports: [CommonModule, AlphaModule, CheckboardModule] });
|
92
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: ColorAlphaModule, decorators: [{
|
109
93
|
type: NgModule,
|
110
94
|
args: [{
|
111
95
|
declarations: [AlphaPickerComponent],
|
@@ -113,4 +97,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImpor
|
|
113
97
|
imports: [CommonModule, AlphaModule, CheckboardModule],
|
114
98
|
}]
|
115
99
|
}] });
|
116
|
-
//# sourceMappingURL=data:application/json;base64,
|
100
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxwaGEtcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvYWxwaGEvYWxwaGEtcGlja2VyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUUzRyxPQUFPLEVBQUUsV0FBVyxFQUFFLGdCQUFnQixFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDOUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQXdDbkQsTUFBTSxPQUFPLG9CQUFxQixTQUFRLFNBQVM7SUFjakQ7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQWRWLG1DQUFtQztRQUMxQixVQUFLLEdBQW9CLEdBQUcsQ0FBQztRQUN0QyxvQ0FBb0M7UUFDM0IsV0FBTSxHQUFvQixFQUFFLENBQUM7UUFDN0IsY0FBUyxHQUE4QixZQUFZLENBQUM7UUFDN0QsWUFBTyxHQUE0QjtZQUNqQyxLQUFLLEVBQUUsTUFBTTtZQUNiLE1BQU0sRUFBRSxNQUFNO1lBQ2QsWUFBWSxFQUFFLEtBQUs7WUFDbkIsU0FBUyxFQUFFLHVCQUF1QjtZQUNsQyxTQUFTLEVBQUUsaUNBQWlDO1NBQzdDLENBQUM7SUFJRixDQUFDO0lBQ0QsV0FBVztRQUNULElBQUksSUFBSSxDQUFDLFNBQVMsS0FBSyxVQUFVLEVBQUU7WUFDakMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEdBQUcsdUJBQXVCLENBQUM7U0FDbEQ7UUFDRCxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO0lBQ2xELENBQUM7SUFDRCxrQkFBa0IsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUU7UUFDakMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFDbEMsQ0FBQzs7aUhBekJVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLG1IQVpwQjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLG9CQUFvQixDQUFDO1lBQ25ELEtBQUssRUFBRSxJQUFJO1NBQ1o7UUFDRDtZQUNFLE9BQU8sRUFBRSxTQUFTO1lBQ2xCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsb0JBQW9CLENBQUM7U0FDcEQ7S0FDRixzRUFsQ1M7Ozs7Ozs7Ozs7O0dBV1Q7MkZBeUJVLG9CQUFvQjtrQkF0Q2hDLFNBQVM7K0JBQ0Usb0JBQW9CLFlBQ3BCOzs7Ozs7Ozs7OztHQVdULG1CQVdnQix1QkFBdUIsQ0FBQyxNQUFNLHVCQUMxQixLQUFLLGFBQ2Y7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUscUJBQXFCLENBQUM7NEJBQ25ELEtBQUssRUFBRSxJQUFJO3lCQUNaO3dCQUNEOzRCQUNFLE9BQU8sRUFBRSxTQUFTOzRCQUNsQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxxQkFBcUIsQ0FBQzt5QkFDcEQ7cUJBQ0Y7MEVBSVEsS0FBSztzQkFBYixLQUFLO2dCQUVHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLOztBQTRCUixNQUFNLE9BQU8sZ0JBQWdCOzs2R0FBaEIsZ0JBQWdCOzhHQUFoQixnQkFBZ0IsaUJBakNoQixvQkFBb0IsYUErQnJCLFlBQVksRUFBRSxXQUFXLEVBQUUsZ0JBQWdCLGFBL0IxQyxvQkFBb0I7OEdBaUNwQixnQkFBZ0IsWUFGakIsWUFBWSxFQUFFLFdBQVcsRUFBRSxnQkFBZ0I7MkZBRTFDLGdCQUFnQjtrQkFMNUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztvQkFDcEMsT0FBTyxFQUFFLENBQUMsb0JBQW9CLENBQUM7b0JBQy9CLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxXQUFXLEVBQUUsZ0JBQWdCLENBQUM7aUJBQ3ZEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGZvcndhcmRSZWYsIElucHV0LCBOZ01vZHVsZSwgT25DaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEFscGhhTW9kdWxlLCBDaGVja2JvYXJkTW9kdWxlLCBDb2xvcldyYXAsIHRvU3RhdGUgfSBmcm9tICduZ3gtY29sb3InO1xuaW1wb3J0IHsgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NvbG9yLWFscGhhLXBpY2tlcicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImFscGhhLXBpY2tlciB7eyBjbGFzc05hbWUgfX1cIlxuICAgICAgW3N0eWxlLndpZHRoLnB4XT1cIndpZHRoXCIgW3N0eWxlLmhlaWdodC5weF09XCJoZWlnaHRcIj5cbiAgICAgIDxjb2xvci1hbHBoYVxuICAgICAgICBbaHNsXT1cImhzbFwiXG4gICAgICAgIFtyZ2JdPVwicmdiXCJcbiAgICAgICAgW3BvaW50ZXJdPVwicG9pbnRlclwiXG4gICAgICAgIFtkaXJlY3Rpb25dPVwiZGlyZWN0aW9uXCJcbiAgICAgICAgKG9uQ2hhbmdlKT1cImhhbmRsZVBpY2tlckNoYW5nZSgkZXZlbnQpXCJcbiAgICAgID48L2NvbG9yLWFscGhhPlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZXM6IFtcbiAgICBgXG4gICAgLmFscGhhLXBpY2tlciB7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgfVxuICAgIC5jb2xvci1hbHBoYSB7XG4gICAgICByYWRpdXM6IDJweDtcbiAgICB9XG4gIGAsXG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBBbHBoYVBpY2tlckNvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICAgIHtcbiAgICAgIHByb3ZpZGU6IENvbG9yV3JhcCxcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEFscGhhUGlja2VyQ29tcG9uZW50KVxuICAgIH1cbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBBbHBoYVBpY2tlckNvbXBvbmVudCBleHRlbmRzIENvbG9yV3JhcCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIC8qKiBQaXhlbCB2YWx1ZSBmb3IgcGlja2VyIHdpZHRoICovXG4gIEBJbnB1dCgpIHdpZHRoOiBzdHJpbmcgfCBudW1iZXIgPSAzMTY7XG4gIC8qKiBQaXhlbCB2YWx1ZSBmb3IgcGlja2VyIGhlaWdodCAqL1xuICBASW5wdXQoKSBoZWlnaHQ6IHN0cmluZyB8IG51bWJlciA9IDE2O1xuICBASW5wdXQoKSBkaXJlY3Rpb246ICdob3Jpem9udGFsJyB8ICd2ZXJ0aWNhbCcgPSAnaG9yaXpvbnRhbCc7XG4gIHBvaW50ZXI6IHtba2V5OiBzdHJpbmddOiBzdHJpbmd9ID0ge1xuICAgIHdpZHRoOiAnMThweCcsXG4gICAgaGVpZ2h0OiAnMThweCcsXG4gICAgYm9yZGVyUmFkaXVzOiAnNTAlJyxcbiAgICB0cmFuc2Zvcm06ICd0cmFuc2xhdGUoLTlweCwgLTJweCknLFxuICAgIGJveFNoYWRvdzogJzAgMXB4IDRweCAwIHJnYmEoMCwgMCwgMCwgMC4zNyknLFxuICB9O1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gIH1cbiAgbmdPbkNoYW5nZXMoKSB7XG4gICAgaWYgKHRoaXMuZGlyZWN0aW9uID09PSAndmVydGljYWwnKSB7XG4gICAgICB0aGlzLnBvaW50ZXIudHJhbnNmb3JtID0gJ3RyYW5zbGF0ZSgtM3B4LCAtOXB4KSc7XG4gICAgfVxuICAgIHRoaXMuc2V0U3RhdGUodG9TdGF0ZSh0aGlzLmNvbG9yLCB0aGlzLm9sZEh1ZSkpO1xuICB9XG4gIGhhbmRsZVBpY2tlckNoYW5nZSh7IGRhdGEsICRldmVudCB9KSB7XG4gICAgdGhpcy5oYW5kbGVDaGFuZ2UoZGF0YSwgJGV2ZW50KTtcbiAgfVxufVxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtBbHBoYVBpY2tlckNvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtBbHBoYVBpY2tlckNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEFscGhhTW9kdWxlLCBDaGVja2JvYXJkTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgQ29sb3JBbHBoYU1vZHVsZSB7fVxuIl19
|
@@ -3,8 +3,8 @@ import { ChangeDetectionStrategy, Component, EventEmitter, Input, NgModule, Outp
|
|
3
3
|
import { CheckboardModule } from './checkboard.component';
|
4
4
|
import { CoordinatesModule } from './coordinates.directive';
|
5
5
|
import * as i0 from "@angular/core";
|
6
|
-
import * as i1 from "
|
7
|
-
import * as i2 from "
|
6
|
+
import * as i1 from "@angular/common";
|
7
|
+
import * as i2 from "./checkboard.component";
|
8
8
|
import * as i3 from "./coordinates.directive";
|
9
9
|
export class AlphaComponent {
|
10
10
|
constructor() {
|
@@ -78,8 +78,8 @@ export class AlphaComponent {
|
|
78
78
|
this.onChange.emit({ data, $event });
|
79
79
|
}
|
80
80
|
}
|
81
|
-
AlphaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
82
|
-
AlphaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
81
|
+
AlphaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AlphaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
82
|
+
AlphaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: AlphaComponent, selector: "color-alpha", inputs: { hsl: "hsl", rgb: "rgb", pointer: "pointer", shadow: "shadow", radius: "radius", direction: "direction" }, outputs: { onChange: "onChange" }, usesOnChanges: true, ngImport: i0, template: `
|
83
83
|
<div class="alpha" [style.border-radius]="radius">
|
84
84
|
<div class="alpha-checkboard">
|
85
85
|
<color-checkboard></color-checkboard>
|
@@ -91,12 +91,10 @@ AlphaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version
|
|
91
91
|
</div>
|
92
92
|
</div>
|
93
93
|
</div>
|
94
|
-
`, isInline: true, styles: [".alpha{position:absolute;top:0;bottom:0;left:0;right:0}.alpha-checkboard{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.alpha-gradient{position:absolute;top:0;bottom:0;left:0;right:0}.alpha-container{position:relative;height:100%;margin:0 3px}.alpha-pointer{position:absolute}.alpha-slider{width:4px;border-radius:1px;height:8px;box-shadow:0 0 2px #0009;background:#fff;margin-top:1px;transform:translate(-2px)}\n"],
|
95
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
94
|
+
`, isInline: true, styles: [".alpha{position:absolute;top:0;bottom:0;left:0;right:0}.alpha-checkboard{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.alpha-gradient{position:absolute;top:0;bottom:0;left:0;right:0}.alpha-container{position:relative;height:100%;margin:0 3px}.alpha-pointer{position:absolute}.alpha-slider{width:4px;border-radius:1px;height:8px;box-shadow:0 0 2px #0009;background:#fff;margin-top:1px;transform:translate(-2px)}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.CheckboardComponent, selector: "color-checkboard", inputs: ["white", "size", "grey", "boxShadow", "borderRadius"] }, { kind: "directive", type: i3.CoordinatesDirective, selector: "[ngx-color-coordinates]", outputs: ["coordinatesChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
95
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AlphaComponent, decorators: [{
|
96
96
|
type: Component,
|
97
|
-
args: [{
|
98
|
-
selector: 'color-alpha',
|
99
|
-
template: `
|
97
|
+
args: [{ selector: 'color-alpha', template: `
|
100
98
|
<div class="alpha" [style.border-radius]="radius">
|
101
99
|
<div class="alpha-checkboard">
|
102
100
|
<color-checkboard></color-checkboard>
|
@@ -108,53 +106,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImpor
|
|
108
106
|
</div>
|
109
107
|
</div>
|
110
108
|
</div>
|
111
|
-
`,
|
112
|
-
styles: [
|
113
|
-
`
|
114
|
-
.alpha {
|
115
|
-
position: absolute;
|
116
|
-
top: 0;
|
117
|
-
bottom: 0;
|
118
|
-
left: 0;
|
119
|
-
right: 0;
|
120
|
-
}
|
121
|
-
.alpha-checkboard {
|
122
|
-
position: absolute;
|
123
|
-
top: 0;
|
124
|
-
bottom: 0;
|
125
|
-
left: 0;
|
126
|
-
right: 0;
|
127
|
-
overflow: hidden;
|
128
|
-
}
|
129
|
-
.alpha-gradient {
|
130
|
-
position: absolute;
|
131
|
-
top: 0;
|
132
|
-
bottom: 0;
|
133
|
-
left: 0;
|
134
|
-
right: 0;
|
135
|
-
}
|
136
|
-
.alpha-container {
|
137
|
-
position: relative;
|
138
|
-
height: 100%;
|
139
|
-
margin: 0 3px;
|
140
|
-
}
|
141
|
-
.alpha-pointer {
|
142
|
-
position: absolute;
|
143
|
-
}
|
144
|
-
.alpha-slider {
|
145
|
-
width: 4px;
|
146
|
-
border-radius: 1px;
|
147
|
-
height: 8px;
|
148
|
-
box-shadow: 0 0 2px rgba(0, 0, 0, .6);
|
149
|
-
background: #fff;
|
150
|
-
margin-top: 1px;
|
151
|
-
transform: translateX(-2px);
|
152
|
-
}
|
153
|
-
`,
|
154
|
-
],
|
155
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
156
|
-
preserveWhitespaces: false,
|
157
|
-
}]
|
109
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, styles: [".alpha{position:absolute;top:0;bottom:0;left:0;right:0}.alpha-checkboard{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.alpha-gradient{position:absolute;top:0;bottom:0;left:0;right:0}.alpha-container{position:relative;height:100%;margin:0 3px}.alpha-pointer{position:absolute}.alpha-slider{width:4px;border-radius:1px;height:8px;box-shadow:0 0 2px #0009;background:#fff;margin-top:1px;transform:translate(-2px)}\n"] }]
|
158
110
|
}], propDecorators: { hsl: [{
|
159
111
|
type: Input
|
160
112
|
}], rgb: [{
|
@@ -172,10 +124,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImpor
|
|
172
124
|
}] } });
|
173
125
|
export class AlphaModule {
|
174
126
|
}
|
175
|
-
AlphaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
176
|
-
AlphaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
177
|
-
AlphaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
178
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
127
|
+
AlphaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AlphaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
128
|
+
AlphaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: AlphaModule, declarations: [AlphaComponent], imports: [CommonModule, CheckboardModule, CoordinatesModule], exports: [AlphaComponent] });
|
129
|
+
AlphaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AlphaModule, imports: [CommonModule, CheckboardModule, CoordinatesModule] });
|
130
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AlphaModule, decorators: [{
|
179
131
|
type: NgModule,
|
180
132
|
args: [{
|
181
133
|
declarations: [AlphaComponent],
|
@@ -183,4 +135,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImpor
|
|
183
135
|
imports: [CommonModule, CheckboardModule, CoordinatesModule],
|
184
136
|
}]
|
185
137
|
}] });
|
186
|
-
//# sourceMappingURL=data:application/json;base64,
|
138
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxwaGEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xpYi9hbHBoYS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsUUFBUSxFQUVSLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUMxRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7Ozs7QUFnRTVELE1BQU0sT0FBTyxjQUFjO0lBN0QzQjtRQW1FVyxjQUFTLEdBQThCLFlBQVksQ0FBQztRQUNuRCxhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztLQXlFOUM7SUFwRUMsV0FBVztRQUNULElBQUksSUFBSSxDQUFDLFNBQVMsS0FBSyxVQUFVLEVBQUU7WUFDakMsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLENBQUM7WUFDckIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxHQUFHLENBQUM7WUFDbkMsSUFBSSxDQUFDLFFBQVEsR0FBRztnQkFDZCxVQUFVLEVBQUUsbUNBQW1DLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUN2RCxJQUFJLENBQUMsR0FBRyxDQUFDLENBQ1gsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7aUJBQ0wsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLFlBQVk7YUFDNUQsQ0FBQztTQUNIO2FBQU07WUFDTCxJQUFJLENBQUMsUUFBUSxHQUFHO2dCQUNkLFVBQVUsRUFBRSxrQ0FBa0MsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQ3RELElBQUksQ0FBQyxHQUFHLENBQUMsQ0FDWCxJQUFJLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztpQkFDTCxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsWUFBWTthQUM1RCxDQUFDO1lBQ0YsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxHQUFHLENBQUM7U0FDckM7SUFDSCxDQUFDO0lBQ0QsWUFBWSxDQUFDLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxlQUFlLEVBQUUsY0FBYyxFQUFFLE1BQU0sRUFBRTtRQUNqRSxJQUFJLElBQVMsQ0FBQztRQUNkLElBQUksSUFBSSxDQUFDLFNBQVMsS0FBSyxVQUFVLEVBQUU7WUFDakMsSUFBSSxDQUFTLENBQUM7WUFDZCxJQUFJLEdBQUcsR0FBRyxDQUFDLEVBQUU7Z0JBQ1gsQ0FBQyxHQUFHLENBQUMsQ0FBQzthQUNQO2lCQUFNLElBQUksR0FBRyxHQUFHLGVBQWUsRUFBRTtnQkFDaEMsQ0FBQyxHQUFHLENBQUMsQ0FBQzthQUNQO2lCQUFNO2dCQUNMLENBQUMsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsR0FBRyxHQUFHLEdBQUcsZUFBZSxDQUFDLEdBQUcsR0FBRyxDQUFDO2FBQ25EO1lBRUQsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsS0FBSyxDQUFDLEVBQUU7Z0JBQ3BCLElBQUksR0FBRztvQkFDTCxDQUFDLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO29CQUNiLENBQUMsRUFBRSxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7b0JBQ2IsQ0FBQyxFQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztvQkFDYixDQUFDO29CQUNELE1BQU0sRUFBRSxLQUFLO2lCQUNkLENBQUM7YUFDSDtTQUNGO2FBQU07WUFDTCxJQUFJLENBQVMsQ0FBQztZQUNkLElBQUksSUFBSSxHQUFHLENBQUMsRUFBRTtnQkFDWixDQUFDLEdBQUcsQ0FBQyxDQUFDO2FBQ1A7aUJBQU0sSUFBSSxJQUFJLEdBQUcsY0FBYyxFQUFFO2dCQUNoQyxDQUFDLEdBQUcsQ0FBQyxDQUFDO2FBQ1A7aUJBQU07Z0JBQ0wsQ0FBQyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxHQUFHLEdBQUcsR0FBRyxjQUFjLENBQUMsR0FBRyxHQUFHLENBQUM7YUFDbkQ7WUFFRCxJQUFJLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxLQUFLLENBQUMsRUFBRTtnQkFDcEIsSUFBSSxHQUFHO29CQUNMLENBQUMsRUFBRSxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7b0JBQ2IsQ0FBQyxFQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztvQkFDYixDQUFDLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO29CQUNiLENBQUM7b0JBQ0QsTUFBTSxFQUFFLEtBQUs7aUJBQ2QsQ0FBQzthQUNIO1NBQ0Y7UUFFRCxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ1QsT0FBTztTQUNSO1FBRUQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUMsQ0FBQztJQUN2QyxDQUFDOzsyR0EvRVUsY0FBYzsrRkFBZCxjQUFjLCtOQTNEZjs7Ozs7Ozs7Ozs7O0dBWVQ7MkZBK0NVLGNBQWM7a0JBN0QxQixTQUFTOytCQUNFLGFBQWEsWUFDYjs7Ozs7Ozs7Ozs7O0dBWVQsbUJBNENnQix1QkFBdUIsQ0FBQyxNQUFNLHVCQUMxQixLQUFLOzhCQUdqQixHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0ksUUFBUTtzQkFBakIsTUFBTTs7QUFnRlQsTUFBTSxPQUFPLFdBQVc7O3dHQUFYLFdBQVc7eUdBQVgsV0FBVyxpQkF2RlgsY0FBYyxhQXFGZixZQUFZLEVBQUUsZ0JBQWdCLEVBQUUsaUJBQWlCLGFBckZoRCxjQUFjO3lHQXVGZCxXQUFXLFlBRlosWUFBWSxFQUFFLGdCQUFnQixFQUFFLGlCQUFpQjsyRkFFaEQsV0FBVztrQkFMdkIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxjQUFjLENBQUM7b0JBQzlCLE9BQU8sRUFBRSxDQUFDLGNBQWMsQ0FBQztvQkFDekIsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGdCQUFnQixFQUFFLGlCQUFpQixDQUFDO2lCQUM3RCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBOZ01vZHVsZSxcbiAgT25DaGFuZ2VzLFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBDaGVja2JvYXJkTW9kdWxlIH0gZnJvbSAnLi9jaGVja2JvYXJkLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb29yZGluYXRlc01vZHVsZSB9IGZyb20gJy4vY29vcmRpbmF0ZXMuZGlyZWN0aXZlJztcbmltcG9ydCB7IEhTTEEsIFJHQkEgfSBmcm9tICcuL2hlbHBlcnMvY29sb3IuaW50ZXJmYWNlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NvbG9yLWFscGhhJyxcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdiBjbGFzcz1cImFscGhhXCIgW3N0eWxlLmJvcmRlci1yYWRpdXNdPVwicmFkaXVzXCI+XG4gICAgPGRpdiBjbGFzcz1cImFscGhhLWNoZWNrYm9hcmRcIj5cbiAgICAgIDxjb2xvci1jaGVja2JvYXJkPjwvY29sb3ItY2hlY2tib2FyZD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiYWxwaGEtZ3JhZGllbnRcIiBbbmdTdHlsZV09XCJncmFkaWVudFwiIFtzdHlsZS5ib3gtc2hhZG93XT1cInNoYWRvd1wiIFtzdHlsZS5ib3JkZXItcmFkaXVzXT1cInJhZGl1c1wiPjwvZGl2PlxuICAgIDxkaXYgbmd4LWNvbG9yLWNvb3JkaW5hdGVzIChjb29yZGluYXRlc0NoYW5nZSk9XCJoYW5kbGVDaGFuZ2UoJGV2ZW50KVwiIGNsYXNzPVwiYWxwaGEtY29udGFpbmVyIGNvbG9yLWFscGhhLXt7ZGlyZWN0aW9ufX1cIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJhbHBoYS1wb2ludGVyXCIgW3N0eWxlLmxlZnQuJV09XCJwb2ludGVyTGVmdFwiIFtzdHlsZS50b3AuJV09XCJwb2ludGVyVG9wXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJhbHBoYS1zbGlkZXJcIiBbbmdTdHlsZV09XCJwb2ludGVyXCI+PC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICAuYWxwaGEge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdG9wOiAwO1xuICAgICAgYm90dG9tOiAwO1xuICAgICAgbGVmdDogMDtcbiAgICAgIHJpZ2h0OiAwO1xuICAgIH1cbiAgICAuYWxwaGEtY2hlY2tib2FyZCB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICB0b3A6IDA7XG4gICAgICBib3R0b206IDA7XG4gICAgICBsZWZ0OiAwO1xuICAgICAgcmlnaHQ6IDA7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIH1cbiAgICAuYWxwaGEtZ3JhZGllbnQge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdG9wOiAwO1xuICAgICAgYm90dG9tOiAwO1xuICAgICAgbGVmdDogMDtcbiAgICAgIHJpZ2h0OiAwO1xuICAgIH1cbiAgICAuYWxwaGEtY29udGFpbmVyIHtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIG1hcmdpbjogMCAzcHg7XG4gICAgfVxuICAgIC5hbHBoYS1wb2ludGVyIHtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB9XG4gICAgLmFscGhhLXNsaWRlciB7XG4gICAgICB3aWR0aDogNHB4O1xuICAgICAgYm9yZGVyLXJhZGl1czogMXB4O1xuICAgICAgaGVpZ2h0OiA4cHg7XG4gICAgICBib3gtc2hhZG93OiAwIDAgMnB4IHJnYmEoMCwgMCwgMCwgLjYpO1xuICAgICAgYmFja2dyb3VuZDogI2ZmZjtcbiAgICAgIG1hcmdpbi10b3A6IDFweDtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMnB4KTtcbiAgICB9XG4gIGAsXG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZSxcbn0pXG5leHBvcnQgY2xhc3MgQWxwaGFDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICBASW5wdXQoKSBoc2whOiBIU0xBO1xuICBASW5wdXQoKSByZ2IhOiBSR0JBO1xuICBASW5wdXQoKSBwb2ludGVyITogUmVjb3JkPHN0cmluZywgc3RyaW5nPjtcbiAgQElucHV0KCkgc2hhZG93ITogc3RyaW5nO1xuICBASW5wdXQoKSByYWRpdXMhOiBudW1iZXIgfCBzdHJpbmc7XG4gIEBJbnB1dCgpIGRpcmVjdGlvbjogJ2hvcml6b250YWwnIHwgJ3ZlcnRpY2FsJyA9ICdob3Jpem9udGFsJztcbiAgQE91dHB1dCgpIG9uQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIGdyYWRpZW50ITogUmVjb3JkPHN0cmluZywgc3RyaW5nPjtcbiAgcG9pbnRlckxlZnQhOiBudW1iZXI7XG4gIHBvaW50ZXJUb3AhOiBudW1iZXI7XG5cbiAgbmdPbkNoYW5nZXMoKSB7XG4gICAgaWYgKHRoaXMuZGlyZWN0aW9uID09PSAndmVydGljYWwnKSB7XG4gICAgICB0aGlzLnBvaW50ZXJMZWZ0ID0gMDtcbiAgICAgIHRoaXMucG9pbnRlclRvcCA9IHRoaXMucmdiLmEgKiAxMDA7XG4gICAgICB0aGlzLmdyYWRpZW50ID0ge1xuICAgICAgICBiYWNrZ3JvdW5kOiBgbGluZWFyLWdyYWRpZW50KHRvIGJvdHRvbSwgcmdiYSgke3RoaXMucmdiLnJ9LCR7XG4gICAgICAgICAgdGhpcy5yZ2IuZ1xuICAgICAgICB9LCR7dGhpcy5yZ2IuYn0sIDApIDAlLFxuICAgICAgICAgIHJnYmEoJHt0aGlzLnJnYi5yfSwke3RoaXMucmdiLmd9LCR7dGhpcy5yZ2IuYn0sIDEpIDEwMCUpYCxcbiAgICAgIH07XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuZ3JhZGllbnQgPSB7XG4gICAgICAgIGJhY2tncm91bmQ6IGBsaW5lYXItZ3JhZGllbnQodG8gcmlnaHQsIHJnYmEoJHt0aGlzLnJnYi5yfSwke1xuICAgICAgICAgIHRoaXMucmdiLmdcbiAgICAgICAgfSwke3RoaXMucmdiLmJ9LCAwKSAwJSxcbiAgICAgICAgICByZ2JhKCR7dGhpcy5yZ2Iucn0sJHt0aGlzLnJnYi5nfSwke3RoaXMucmdiLmJ9LCAxKSAxMDAlKWAsXG4gICAgICB9O1xuICAgICAgdGhpcy5wb2ludGVyTGVmdCA9IHRoaXMucmdiLmEgKiAxMDA7XG4gICAgfVxuICB9XG4gIGhhbmRsZUNoYW5nZSh7IHRvcCwgbGVmdCwgY29udGFpbmVySGVpZ2h0LCBjb250YWluZXJXaWR0aCwgJGV2ZW50IH0pOiB2b2lkIHtcbiAgICBsZXQgZGF0YTogYW55O1xuICAgIGlmICh0aGlzLmRpcmVjdGlvbiA9PT0gJ3ZlcnRpY2FsJykge1xuICAgICAgbGV0IGE6IG51bWJlcjtcbiAgICAgIGlmICh0b3AgPCAwKSB7XG4gICAgICAgIGEgPSAwO1xuICAgICAgfSBlbHNlIGlmICh0b3AgPiBjb250YWluZXJIZWlnaHQpIHtcbiAgICAgICAgYSA9IDE7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBhID0gTWF0aC5yb3VuZCh0b3AgKiAxMDAgLyBjb250YWluZXJIZWlnaHQpIC8gMTAwO1xuICAgICAgfVxuXG4gICAgICBpZiAodGhpcy5oc2wuYSAhPT0gYSkge1xuICAgICAgICBkYXRhID0ge1xuICAgICAgICAgIGg6IHRoaXMuaHNsLmgsXG4gICAgICAgICAgczogdGhpcy5oc2wucyxcbiAgICAgICAgICBsOiB0aGlzLmhzbC5sLFxuICAgICAgICAgIGEsXG4gICAgICAgICAgc291cmNlOiAncmdiJyxcbiAgICAgICAgfTtcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgbGV0IGE6IG51bWJlcjtcbiAgICAgIGlmIChsZWZ0IDwgMCkge1xuICAgICAgICBhID0gMDtcbiAgICAgIH0gZWxzZSBpZiAobGVmdCA+IGNvbnRhaW5lcldpZHRoKSB7XG4gICAgICAgIGEgPSAxO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgYSA9IE1hdGgucm91bmQobGVmdCAqIDEwMCAvIGNvbnRhaW5lcldpZHRoKSAvIDEwMDtcbiAgICAgIH1cblxuICAgICAgaWYgKHRoaXMuaHNsLmEgIT09IGEpIHtcbiAgICAgICAgZGF0YSA9IHtcbiAgICAgICAgICBoOiB0aGlzLmhzbC5oLFxuICAgICAgICAgIHM6IHRoaXMuaHNsLnMsXG4gICAgICAgICAgbDogdGhpcy5oc2wubCxcbiAgICAgICAgICBhLFxuICAgICAgICAgIHNvdXJjZTogJ3JnYicsXG4gICAgICAgIH07XG4gICAgICB9XG4gICAgfVxuXG4gICAgaWYgKCFkYXRhKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5vbkNoYW5nZS5lbWl0KHsgZGF0YSwgJGV2ZW50IH0pO1xuICB9XG59XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0FscGhhQ29tcG9uZW50XSxcbiAgZXhwb3J0czogW0FscGhhQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQ2hlY2tib2FyZE1vZHVsZSwgQ29vcmRpbmF0ZXNNb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBBbHBoYU1vZHVsZSB7fVxuIl19
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
2
2
|
import * as i0 from "@angular/core";
|
3
|
-
import * as i1 from "
|
4
|
-
import * as i2 from "
|
3
|
+
import * as i1 from "@angular/common";
|
4
|
+
import * as i2 from "ngx-color";
|
5
5
|
export class BlockSwatchesComponent {
|
6
6
|
constructor() {
|
7
7
|
this.onClick = new EventEmitter();
|
@@ -24,8 +24,8 @@ export class BlockSwatchesComponent {
|
|
24
24
|
};
|
25
25
|
}
|
26
26
|
}
|
27
|
-
BlockSwatchesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
28
|
-
BlockSwatchesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
27
|
+
BlockSwatchesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: BlockSwatchesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
28
|
+
BlockSwatchesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: BlockSwatchesComponent, selector: "color-block-swatches", inputs: { colors: "colors" }, outputs: { onClick: "onClick", onSwatchHover: "onSwatchHover" }, ngImport: i0, template: `
|
29
29
|
<div class="block-swatches">
|
30
30
|
<color-swatch
|
31
31
|
*ngFor="let c of colors"
|
@@ -37,12 +37,10 @@ BlockSwatchesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
37
37
|
></color-swatch>
|
38
38
|
<div class="clear"></div>
|
39
39
|
</div>
|
40
|
-
`, isInline: true, styles: [".block-swatches{margin-right:-10px}.clear{clear:both}\n"],
|
41
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
40
|
+
`, isInline: true, styles: [".block-swatches{margin-right:-10px}.clear{clear:both}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.SwatchComponent, selector: "color-swatch", inputs: ["color", "style", "focusStyle", "focus"], outputs: ["onClick", "onHover"] }] });
|
41
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: BlockSwatchesComponent, decorators: [{
|
42
42
|
type: Component,
|
43
|
-
args: [{
|
44
|
-
selector: 'color-block-swatches',
|
45
|
-
template: `
|
43
|
+
args: [{ selector: 'color-block-swatches', template: `
|
46
44
|
<div class="block-swatches">
|
47
45
|
<color-swatch
|
48
46
|
*ngFor="let c of colors"
|
@@ -54,16 +52,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImpor
|
|
54
52
|
></color-swatch>
|
55
53
|
<div class="clear"></div>
|
56
54
|
</div>
|
57
|
-
`,
|
58
|
-
styles: [`
|
59
|
-
.block-swatches {
|
60
|
-
margin-right: -10px;
|
61
|
-
}
|
62
|
-
.clear {
|
63
|
-
clear: both;
|
64
|
-
}
|
65
|
-
`],
|
66
|
-
}]
|
55
|
+
`, styles: [".block-swatches{margin-right:-10px}.clear{clear:both}\n"] }]
|
67
56
|
}], propDecorators: { colors: [{
|
68
57
|
type: Input
|
69
58
|
}], onClick: [{
|
@@ -71,4 +60,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImpor
|
|
71
60
|
}], onSwatchHover: [{
|
72
61
|
type: Output
|
73
62
|
}] } });
|
74
|
-
//# sourceMappingURL=data:application/json;base64,
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmxvY2stc3dhdGNoZXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9ibG9jay9ibG9jay1zd2F0Y2hlcy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQXlCdkUsTUFBTSxPQUFPLHNCQUFzQjtJQXhCbkM7UUEwQlksWUFBTyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDbEMsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBRWxELGdCQUFXLEdBQUc7WUFDWixLQUFLLEVBQUUsTUFBTTtZQUNiLE1BQU0sRUFBRSxNQUFNO1lBQ2QsS0FBSyxFQUFFLE1BQU07WUFDYixXQUFXLEVBQUUsTUFBTTtZQUNuQixZQUFZLEVBQUUsTUFBTTtZQUNwQixZQUFZLEVBQUUsS0FBSztTQUNwQixDQUFDO0tBV0g7SUFUQyxXQUFXLENBQUMsRUFBQyxHQUFHLEVBQUUsTUFBTSxFQUFDO1FBQ3ZCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUMsR0FBRyxFQUFFLE1BQU0sRUFBQyxDQUFDLENBQUM7SUFDbkMsQ0FBQztJQUNELFVBQVUsQ0FBQyxDQUFDO1FBQ1YsT0FBTztZQUNMLFNBQVMsRUFBRSxHQUFJLENBQUUsVUFBVTtTQUM1QixDQUFDO0lBQ0osQ0FBQzs7bUhBckJVLHNCQUFzQjt1R0FBdEIsc0JBQXNCLDJKQXRCdkI7Ozs7Ozs7Ozs7OztHQVlUOzJGQVVVLHNCQUFzQjtrQkF4QmxDLFNBQVM7K0JBQ0Usc0JBQXNCLFlBQ3RCOzs7Ozs7Ozs7Ozs7R0FZVDs4QkFXUSxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NvbG9yLWJsb2NrLXN3YXRjaGVzJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiYmxvY2stc3dhdGNoZXNcIj5cbiAgICAgIDxjb2xvci1zd2F0Y2hcbiAgICAgICAgKm5nRm9yPVwibGV0IGMgb2YgY29sb3JzXCJcbiAgICAgICAgW2NvbG9yXT1cImNcIlxuICAgICAgICBbc3R5bGVdPVwic3dhdGNoU3R5bGVcIlxuICAgICAgICBbZm9jdXNTdHlsZV09XCJmb2N1c1N0eWxlKGMpXCJcbiAgICAgICAgKG9uQ2xpY2spPVwiaGFuZGxlQ2xpY2soJGV2ZW50KVwiXG4gICAgICAgIChvbkhvdmVyKT1cIm9uU3dhdGNoSG92ZXIuZW1pdCgkZXZlbnQpXCJcbiAgICAgID48L2NvbG9yLXN3YXRjaD5cbiAgICAgIDxkaXYgY2xhc3M9XCJjbGVhclwiPjwvZGl2PlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZXM6IFtgXG4gICAgLmJsb2NrLXN3YXRjaGVzIHtcbiAgICAgIG1hcmdpbi1yaWdodDogLTEwcHg7XG4gICAgfVxuICAgIC5jbGVhciB7XG4gICAgICBjbGVhcjogYm90aDtcbiAgICB9XG4gIGBdLFxufSlcbmV4cG9ydCBjbGFzcyBCbG9ja1N3YXRjaGVzQ29tcG9uZW50IHtcbiAgQElucHV0KCkgY29sb3JzITogc3RyaW5nW107XG4gIEBPdXRwdXQoKSBvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBPdXRwdXQoKSBvblN3YXRjaEhvdmVyID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgc3dhdGNoU3R5bGUgPSB7XG4gICAgd2lkdGg6ICcyMnB4JyxcbiAgICBoZWlnaHQ6ICcyMnB4JyxcbiAgICBmbG9hdDogJ2xlZnQnLFxuICAgIG1hcmdpblJpZ2h0OiAnMTBweCcsXG4gICAgbWFyZ2luQm90dG9tOiAnMTBweCcsXG4gICAgYm9yZGVyUmFkaXVzOiAnNHB4JyxcbiAgfTtcblxuICBoYW5kbGVDbGljayh7aGV4LCAkZXZlbnR9KSB7XG4gICAgdGhpcy5vbkNsaWNrLmVtaXQoe2hleCwgJGV2ZW50fSk7XG4gIH1cbiAgZm9jdXNTdHlsZShjKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGJveFNoYWRvdzogYCR7IGMgfSAwIDAgNHB4YCxcbiAgICB9O1xuICB9XG5cbn1cbiJdfQ==
|