ngx-color 7.3.2 → 8.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +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 +1 -1
- 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 +8 -8
- 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 +7 -7
- package/esm2020/editable-input.component.mjs +11 -25
- 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 +92 -349
- 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 +92 -349
- 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 +21 -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
|
@@ -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.0.2", ngImport: i0, type: AlphaPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
34
|
+
AlphaPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.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.0.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.0.2", ngImport: i0, type: ColorAlphaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
90
|
+
ColorAlphaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: ColorAlphaModule, declarations: [AlphaPickerComponent], imports: [CommonModule, AlphaModule, CheckboardModule], exports: [AlphaPickerComponent] });
|
91
|
+
ColorAlphaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: ColorAlphaModule, imports: [CommonModule, AlphaModule, CheckboardModule] });
|
92
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.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.0.2", ngImport: i0, type: AlphaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
82
|
+
AlphaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.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.0.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.0.2", ngImport: i0, type: AlphaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
128
|
+
AlphaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: AlphaModule, declarations: [AlphaComponent], imports: [CommonModule, CheckboardModule, CoordinatesModule], exports: [AlphaComponent] });
|
129
|
+
AlphaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AlphaModule, imports: [CommonModule, CheckboardModule, CoordinatesModule] });
|
130
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxwaGEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xpYi9hbHBoYS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsUUFBUSxFQUVSLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUMxRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7Ozs7QUFnRTVELE1BQU0sT0FBTyxjQUFjO0lBN0QzQjtRQW1FVyxjQUFTLEdBQThCLFlBQVksQ0FBQztRQUNuRCxhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztLQXlFOUM7SUFwRUMsV0FBVztRQUNULElBQUksSUFBSSxDQUFDLFNBQVMsS0FBSyxVQUFVLEVBQUU7WUFDakMsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLENBQUM7WUFDckIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxHQUFHLENBQUM7WUFDbkMsSUFBSSxDQUFDLFFBQVEsR0FBRztnQkFDZCxVQUFVLEVBQUUsbUNBQW1DLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUN2RCxJQUFJLENBQUMsR0FBRyxDQUFDLENBQ1gsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7aUJBQ0wsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLFlBQVk7YUFDNUQsQ0FBQztTQUNIO2FBQU07WUFDTCxJQUFJLENBQUMsUUFBUSxHQUFHO2dCQUNkLFVBQVUsRUFB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QUFnRlQsTUFBTSxPQUFPLFdBQVc7O3dHQUFYLFdBQVc7eUdBQVgsV0FBVyxpQkF2RlgsY0FBYyxhQXFGZixZQUFZLEVBQUUsZ0JBQWdCLEVBQUUsaUJBQWlCLGFBckZoRCxjQUFjO3lHQXVGZCxXQUFXLFlBRlosWUFBWSxFQUFFLGdCQUFnQixFQUFFLGlCQUFpQjsyRkFFaEQsV0FBVztrQkFMdkIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxjQUFjLENBQUM7b0JBQzlCLE9BQU8sRUFBRSxDQUFDLGNBQWMsQ0FBQztvQkFDekIsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGdCQUFnQixFQUFFLGlCQUFpQixDQUFDO2lCQUM3RCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBOZ01vZHVsZSxcbiAgT25DaGFuZ2VzLFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBDaGVja2JvYXJkTW9kdWxlIH0gZnJvbSAnLi9jaGVja2JvYXJkLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb29yZGluYXRlc01vZHVsZSB9IGZyb20gJy4vY29vcmRpbmF0ZXMuZGlyZWN0aXZlJztcbmltcG9ydCB7IEhTTEEsIFJHQkEgfSBmcm9tICcuL2hlbHBlcnMvY29sb3IuaW50ZXJmYWNlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NvbG9yLWFscGhhJyxcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdiBjbGFzcz1cImFscGhhXCIgW3N0eWxlLmJvcmRlci1yYWRpdXNdPVwicmFkaXVzXCI+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.0.2", ngImport: i0, type: BlockSwatchesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
28
|
+
BlockSwatchesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.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.0.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==
|