ngx-color 7.3.3 → 8.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -1
- package/alpha.component.d.ts +1 -1
- package/checkboard.component.d.ts +1 -1
- package/color-wrap.component.d.ts +1 -1
- package/coordinates.directive.d.ts +1 -1
- package/editable-input.component.d.ts +1 -1
- package/esm2020/alpha.component.mjs +13 -61
- package/esm2020/checkboard.component.mjs +9 -25
- package/esm2020/color-wrap.component.mjs +8 -8
- package/esm2020/coordinates.directive.mjs +7 -7
- package/esm2020/editable-input.component.mjs +11 -25
- package/esm2020/hue.component.mjs +13 -54
- package/esm2020/raised.component.mjs +10 -49
- package/esm2020/saturation.component.mjs +13 -57
- package/esm2020/shade.component.mjs +11 -51
- package/esm2020/swatch.component.mjs +13 -28
- package/fesm2015/ngx-color.mjs +92 -349
- package/fesm2015/ngx-color.mjs.map +1 -1
- package/fesm2020/ngx-color.mjs +92 -349
- package/fesm2020/ngx-color.mjs.map +1 -1
- package/hue.component.d.ts +1 -1
- package/{ngx-color.d.ts → index.d.ts} +0 -0
- package/package.json +6 -119
- package/raised.component.d.ts +1 -1
- package/saturation.component.d.ts +1 -1
- package/shade.component.d.ts +1 -1
- package/swatch.component.d.ts +1 -1
- package/alpha/alpha-picker.component.d.ts +0 -28
- package/alpha/ngx-color-alpha.d.ts +0 -5
- package/alpha/package.json +0 -17
- package/alpha/public_api.d.ts +0 -1
- package/block/block-swatches.component.d.ts +0 -24
- package/block/block.component.d.ts +0 -36
- package/block/ngx-color-block.d.ts +0 -5
- package/block/package.json +0 -16
- package/block/public_api.d.ts +0 -2
- package/chrome/chrome-fields.component.d.ts +0 -22
- package/chrome/chrome.component.d.ts +0 -25
- package/chrome/ngx-color-chrome.d.ts +0 -5
- package/chrome/package.json +0 -16
- package/chrome/public_api.d.ts +0 -2
- package/circle/circle-swatch.component.d.ts +0 -19
- package/circle/circle.component.d.ts +0 -32
- package/circle/ngx-color-circle.d.ts +0 -5
- package/circle/package.json +0 -19
- package/circle/public_api.d.ts +0 -2
- package/compact/compact-color.component.d.ts +0 -19
- package/compact/compact-fields.component.d.ts +0 -32
- package/compact/compact.component.d.ts +0 -30
- package/compact/ngx-color-compact.d.ts +0 -5
- package/compact/package.json +0 -16
- package/compact/public_api.d.ts +0 -3
- package/esm2020/alpha/alpha-picker.component.mjs +0 -116
- package/esm2020/alpha/ngx-color-alpha.mjs +0 -5
- package/esm2020/alpha/public_api.mjs +0 -2
- package/esm2020/block/block-swatches.component.mjs +0 -74
- package/esm2020/block/block.component.mjs +0 -199
- package/esm2020/block/ngx-color-block.mjs +0 -5
- package/esm2020/block/public_api.mjs +0 -3
- package/esm2020/chrome/chrome-fields.component.mjs +0 -356
- package/esm2020/chrome/chrome.component.mjs +0 -249
- package/esm2020/chrome/ngx-color-chrome.mjs +0 -5
- package/esm2020/chrome/public_api.mjs +0 -3
- package/esm2020/circle/circle-swatch.component.mjs +0 -85
- package/esm2020/circle/circle.component.mjs +0 -148
- package/esm2020/circle/ngx-color-circle.mjs +0 -5
- package/esm2020/circle/public_api.mjs +0 -3
- package/esm2020/compact/compact-color.component.mjs +0 -91
- package/esm2020/compact/compact-fields.component.mjs +0 -186
- package/esm2020/compact/compact.component.mjs +0 -177
- package/esm2020/compact/ngx-color-compact.mjs +0 -5
- package/esm2020/compact/public_api.mjs +0 -4
- package/esm2020/github/github-swatch.component.mjs +0 -67
- package/esm2020/github/github.component.mjs +0 -179
- package/esm2020/github/ngx-color-github.mjs +0 -5
- package/esm2020/github/public_api.mjs +0 -3
- package/esm2020/hue/hue-picker.component.mjs +0 -113
- package/esm2020/hue/ngx-color-hue.mjs +0 -5
- package/esm2020/hue/public_api.mjs +0 -2
- package/esm2020/material/material.component.mjs +0 -211
- package/esm2020/material/ngx-color-material.mjs +0 -5
- package/esm2020/material/public_api.mjs +0 -2
- package/esm2020/photoshop/ngx-color-photoshop.mjs +0 -5
- package/esm2020/photoshop/photoshop-button.component.mjs +0 -63
- package/esm2020/photoshop/photoshop-fields.component.mjs +0 -241
- package/esm2020/photoshop/photoshop-previews.component.mjs +0 -68
- package/esm2020/photoshop/photoshop.component.mjs +0 -258
- package/esm2020/photoshop/public_api.mjs +0 -5
- package/esm2020/shade/ngx-color-shade.mjs +0 -5
- package/esm2020/shade/public_api.mjs +0 -2
- package/esm2020/shade/shade-picker.component.mjs +0 -105
- package/esm2020/sketch/ngx-color-sketch.mjs +0 -5
- package/esm2020/sketch/public_api.mjs +0 -4
- package/esm2020/sketch/sketch-fields.component.mjs +0 -243
- package/esm2020/sketch/sketch-preset-colors.component.mjs +0 -98
- package/esm2020/sketch/sketch.component.mjs +0 -283
- package/esm2020/slider/ngx-color-slider.mjs +0 -5
- package/esm2020/slider/public_api.mjs +0 -4
- package/esm2020/slider/slider-swatch.component.mjs +0 -80
- package/esm2020/slider/slider-swatches.component.mjs +0 -135
- package/esm2020/slider/slider.component.mjs +0 -116
- package/esm2020/swatches/ngx-color-swatches.mjs +0 -5
- package/esm2020/swatches/public_api.mjs +0 -4
- package/esm2020/swatches/swatches-color.component.mjs +0 -123
- package/esm2020/swatches/swatches-group.component.mjs +0 -64
- package/esm2020/swatches/swatches.component.mjs +0 -258
- package/esm2020/twitter/ngx-color-twitter.mjs +0 -5
- package/esm2020/twitter/public_api.mjs +0 -2
- package/esm2020/twitter/twitter.component.mjs +0 -255
- package/fesm2015/ngx-color-alpha.mjs +0 -123
- package/fesm2015/ngx-color-alpha.mjs.map +0 -1
- package/fesm2015/ngx-color-block.mjs +0 -275
- package/fesm2015/ngx-color-block.mjs.map +0 -1
- package/fesm2015/ngx-color-chrome.mjs +0 -606
- package/fesm2015/ngx-color-chrome.mjs.map +0 -1
- package/fesm2015/ngx-color-circle.mjs +0 -237
- package/fesm2015/ngx-color-circle.mjs.map +0 -1
- package/fesm2015/ngx-color-compact.mjs +0 -451
- package/fesm2015/ngx-color-compact.mjs.map +0 -1
- package/fesm2015/ngx-color-github.mjs +0 -250
- package/fesm2015/ngx-color-github.mjs.map +0 -1
- package/fesm2015/ngx-color-hue.mjs +0 -120
- package/fesm2015/ngx-color-hue.mjs.map +0 -1
- package/fesm2015/ngx-color-material.mjs +0 -218
- package/fesm2015/ngx-color-material.mjs.map +0 -1
- package/fesm2015/ngx-color-photoshop.mjs +0 -626
- package/fesm2015/ngx-color-photoshop.mjs.map +0 -1
- package/fesm2015/ngx-color-shade.mjs +0 -112
- package/fesm2015/ngx-color-shade.mjs.map +0 -1
- package/fesm2015/ngx-color-sketch.mjs +0 -620
- package/fesm2015/ngx-color-sketch.mjs.map +0 -1
- package/fesm2015/ngx-color-slider.mjs +0 -331
- package/fesm2015/ngx-color-slider.mjs.map +0 -1
- package/fesm2015/ngx-color-swatches.mjs +0 -441
- package/fesm2015/ngx-color-swatches.mjs.map +0 -1
- package/fesm2015/ngx-color-twitter.mjs +0 -262
- package/fesm2015/ngx-color-twitter.mjs.map +0 -1
- package/fesm2020/ngx-color-alpha.mjs +0 -123
- package/fesm2020/ngx-color-alpha.mjs.map +0 -1
- package/fesm2020/ngx-color-block.mjs +0 -275
- package/fesm2020/ngx-color-block.mjs.map +0 -1
- package/fesm2020/ngx-color-chrome.mjs +0 -606
- package/fesm2020/ngx-color-chrome.mjs.map +0 -1
- package/fesm2020/ngx-color-circle.mjs +0 -237
- package/fesm2020/ngx-color-circle.mjs.map +0 -1
- package/fesm2020/ngx-color-compact.mjs +0 -451
- package/fesm2020/ngx-color-compact.mjs.map +0 -1
- package/fesm2020/ngx-color-github.mjs +0 -250
- package/fesm2020/ngx-color-github.mjs.map +0 -1
- package/fesm2020/ngx-color-hue.mjs +0 -120
- package/fesm2020/ngx-color-hue.mjs.map +0 -1
- package/fesm2020/ngx-color-material.mjs +0 -218
- package/fesm2020/ngx-color-material.mjs.map +0 -1
- package/fesm2020/ngx-color-photoshop.mjs +0 -626
- package/fesm2020/ngx-color-photoshop.mjs.map +0 -1
- package/fesm2020/ngx-color-shade.mjs +0 -112
- package/fesm2020/ngx-color-shade.mjs.map +0 -1
- package/fesm2020/ngx-color-sketch.mjs +0 -620
- package/fesm2020/ngx-color-sketch.mjs.map +0 -1
- package/fesm2020/ngx-color-slider.mjs +0 -331
- package/fesm2020/ngx-color-slider.mjs.map +0 -1
- package/fesm2020/ngx-color-swatches.mjs +0 -441
- package/fesm2020/ngx-color-swatches.mjs.map +0 -1
- package/fesm2020/ngx-color-twitter.mjs +0 -262
- package/fesm2020/ngx-color-twitter.mjs.map +0 -1
- package/github/github-swatch.component.d.ts +0 -19
- package/github/github.component.d.ts +0 -28
- package/github/ngx-color-github.d.ts +0 -5
- package/github/package.json +0 -16
- package/github/public_api.d.ts +0 -2
- package/hue/hue-picker.component.d.ts +0 -29
- package/hue/ngx-color-hue.d.ts +0 -5
- package/hue/package.json +0 -15
- package/hue/public_api.d.ts +0 -1
- package/material/material.component.d.ts +0 -39
- package/material/ngx-color-material.d.ts +0 -5
- package/material/package.json +0 -15
- package/material/public_api.d.ts +0 -1
- package/photoshop/ngx-color-photoshop.d.ts +0 -5
- package/photoshop/package.json +0 -15
- package/photoshop/photoshop-button.component.d.ts +0 -9
- package/photoshop/photoshop-fields.component.d.ts +0 -22
- package/photoshop/photoshop-previews.component.d.ts +0 -11
- package/photoshop/photoshop.component.d.ts +0 -33
- package/photoshop/public_api.d.ts +0 -4
- package/shade/ngx-color-shade.d.ts +0 -5
- package/shade/package.json +0 -17
- package/shade/public_api.d.ts +0 -1
- package/shade/shade-picker.component.d.ts +0 -27
- package/sketch/ngx-color-sketch.d.ts +0 -5
- package/sketch/package.json +0 -15
- package/sketch/public_api.d.ts +0 -3
- package/sketch/sketch-fields.component.d.ts +0 -23
- package/sketch/sketch-preset-colors.component.d.ts +0 -24
- package/sketch/sketch.component.d.ts +0 -32
- package/slider/ngx-color-slider.d.ts +0 -5
- package/slider/package.json +0 -15
- package/slider/public_api.d.ts +0 -3
- package/slider/slider-swatch.component.d.ts +0 -16
- package/slider/slider-swatches.component.d.ts +0 -15
- package/slider/slider.component.d.ts +0 -22
- package/swatches/ngx-color-swatches.d.ts +0 -5
- package/swatches/package.json +0 -18
- package/swatches/public_api.d.ts +0 -3
- package/swatches/swatches-color.component.d.ts +0 -18
- package/swatches/swatches-group.component.d.ts +0 -10
- package/swatches/swatches.component.d.ts +0 -29
- package/twitter/ngx-color-twitter.d.ts +0 -5
- package/twitter/package.json +0 -15
- package/twitter/public_api.d.ts +0 -1
- package/twitter/twitter.component.d.ts +0 -31
@@ -1,63 +0,0 @@
|
|
1
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
export class PhotoshopButtonComponent {
|
4
|
-
constructor() {
|
5
|
-
this.label = '';
|
6
|
-
this.active = false;
|
7
|
-
this.onClick = new EventEmitter();
|
8
|
-
}
|
9
|
-
}
|
10
|
-
PhotoshopButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: PhotoshopButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
11
|
-
PhotoshopButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: PhotoshopButtonComponent, selector: "color-photoshop-button", inputs: { label: "label", active: "active" }, outputs: { onClick: "onClick" }, ngImport: i0, template: `
|
12
|
-
<div class="photoshop-button" [class.active]="active"
|
13
|
-
(click)="onClick.emit($event)"
|
14
|
-
>
|
15
|
-
{{ label }}
|
16
|
-
</div>
|
17
|
-
`, isInline: true, styles: [".photoshop-button{background-image:linear-gradient(-180deg,rgb(255,255,255) 0%,rgb(230,230,230) 100%);border:1px solid rgb(135,135,135);border-radius:2px;height:22px;box-shadow:#eaeaea 0 1px;font-size:14px;color:#000;line-height:20px;text-align:center;margin-bottom:10px;cursor:pointer}.photoshop-button.active{box-shadow:0 0 0 1px #878787}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: PhotoshopButtonComponent, decorators: [{
|
19
|
-
type: Component,
|
20
|
-
args: [{
|
21
|
-
selector: 'color-photoshop-button',
|
22
|
-
template: `
|
23
|
-
<div class="photoshop-button" [class.active]="active"
|
24
|
-
(click)="onClick.emit($event)"
|
25
|
-
>
|
26
|
-
{{ label }}
|
27
|
-
</div>
|
28
|
-
`,
|
29
|
-
styles: [
|
30
|
-
`
|
31
|
-
.photoshop-button {
|
32
|
-
background-image: linear-gradient(
|
33
|
-
-180deg,
|
34
|
-
rgb(255, 255, 255) 0%,
|
35
|
-
rgb(230, 230, 230) 100%
|
36
|
-
);
|
37
|
-
border: 1px solid rgb(135, 135, 135);
|
38
|
-
border-radius: 2px;
|
39
|
-
height: 22px;
|
40
|
-
box-shadow: rgb(234, 234, 234) 0px 1px 0px 0px;
|
41
|
-
font-size: 14px;
|
42
|
-
color: rgb(0, 0, 0);
|
43
|
-
line-height: 20px;
|
44
|
-
text-align: center;
|
45
|
-
margin-bottom: 10px;
|
46
|
-
cursor: pointer;
|
47
|
-
}
|
48
|
-
.photoshop-button.active {
|
49
|
-
box-shadow: 0 0 0 1px #878787;
|
50
|
-
}
|
51
|
-
`,
|
52
|
-
],
|
53
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
54
|
-
preserveWhitespaces: false,
|
55
|
-
}]
|
56
|
-
}], propDecorators: { label: [{
|
57
|
-
type: Input
|
58
|
-
}], active: [{
|
59
|
-
type: Input
|
60
|
-
}], onClick: [{
|
61
|
-
type: Output
|
62
|
-
}] } });
|
63
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGhvdG9zaG9wLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL3Bob3Rvc2hvcC9waG90b3Nob3AtYnV0dG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQzs7QUFzQ3ZCLE1BQU0sT0FBTyx3QkFBd0I7SUFwQ3JDO1FBcUNXLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxXQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ2QsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFTLENBQUM7S0FDL0M7O3FIQUpZLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLDZJQWxDekI7Ozs7OztHQU1UOzJGQTRCVSx3QkFBd0I7a0JBcENwQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx3QkFBd0I7b0JBQ2xDLFFBQVEsRUFBRTs7Ozs7O0dBTVQ7b0JBQ0QsTUFBTSxFQUFFO3dCQUNOOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQkQ7cUJBQ0E7b0JBQ0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLG1CQUFtQixFQUFFLEtBQUs7aUJBQzNCOzhCQUVVLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NvbG9yLXBob3Rvc2hvcC1idXR0b24nLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJwaG90b3Nob3AtYnV0dG9uXCIgIFtjbGFzcy5hY3RpdmVdPVwiYWN0aXZlXCJcbiAgICAgIChjbGljayk9XCJvbkNsaWNrLmVtaXQoJGV2ZW50KVwiXG4gICAgPlxuICAgICAge3sgbGFiZWwgfX1cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVzOiBbXG4gICAgYFxuICAgIC5waG90b3Nob3AtYnV0dG9uIHtcbiAgICAgIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgLTE4MGRlZyxcbiAgICAgICAgcmdiKDI1NSwgMjU1LCAyNTUpIDAlLFxuICAgICAgICByZ2IoMjMwLCAyMzAsIDIzMCkgMTAwJVxuICAgICAgKTtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkIHJnYigxMzUsIDEzNSwgMTM1KTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgICAgIGhlaWdodDogMjJweDtcbiAgICAgIGJveC1zaGFkb3c6IHJnYigyMzQsIDIzNCwgMjM0KSAwcHggMXB4IDBweCAwcHg7XG4gICAgICBmb250LXNpemU6IDE0cHg7XG4gICAgICBjb2xvcjogcmdiKDAsIDAsIDApO1xuICAgICAgbGluZS1oZWlnaHQ6IDIwcHg7XG4gICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICBtYXJnaW4tYm90dG9tOiAxMHB4O1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIH1cbiAgICAucGhvdG9zaG9wLWJ1dHRvbi5hY3RpdmUge1xuICAgICAgYm94LXNoYWRvdzogMCAwIDAgMXB4ICM4Nzg3ODc7XG4gICAgfVxuICBgLFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIFBob3Rvc2hvcEJ1dHRvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGxhYmVsID0gJyc7XG4gIEBJbnB1dCgpIGFjdGl2ZSA9IGZhbHNlO1xuICBAT3V0cHV0KCkgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XG59XG4iXX0=
|
@@ -1,241 +0,0 @@
|
|
1
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
|
2
|
-
import { isValidHex } from 'ngx-color';
|
3
|
-
import * as i0 from "@angular/core";
|
4
|
-
import * as i1 from "ngx-color";
|
5
|
-
export class PhotoshopFieldsComponent {
|
6
|
-
constructor() {
|
7
|
-
this.onChange = new EventEmitter();
|
8
|
-
this.RGBinput = {
|
9
|
-
marginLeft: '35%',
|
10
|
-
width: '40%',
|
11
|
-
height: '22px',
|
12
|
-
border: '1px solid rgb(136, 136, 136)',
|
13
|
-
boxShadow: 'rgba(0, 0, 0, 0.1) 0px 1px 1px inset, rgb(236, 236, 236) 0px 1px 0px 0px',
|
14
|
-
marginBottom: '2px',
|
15
|
-
fontSize: '13px',
|
16
|
-
paddingLeft: '3px',
|
17
|
-
marginRight: '10px',
|
18
|
-
};
|
19
|
-
this.RGBwrap = {
|
20
|
-
position: 'relative',
|
21
|
-
};
|
22
|
-
this.RGBlabel = {
|
23
|
-
left: '0px',
|
24
|
-
width: '34px',
|
25
|
-
textTransform: 'uppercase',
|
26
|
-
fontSize: '13px',
|
27
|
-
height: '24px',
|
28
|
-
lineHeight: '24px',
|
29
|
-
position: 'absolute',
|
30
|
-
};
|
31
|
-
this.HEXinput = {
|
32
|
-
marginLeft: '20%',
|
33
|
-
width: '80%',
|
34
|
-
height: '22px',
|
35
|
-
border: '1px solid #888888',
|
36
|
-
boxShadow: 'inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC',
|
37
|
-
marginBottom: '3px',
|
38
|
-
fontSize: '13px',
|
39
|
-
paddingLeft: '3px',
|
40
|
-
};
|
41
|
-
this.HEXwrap = {
|
42
|
-
position: 'relative',
|
43
|
-
};
|
44
|
-
this.HEXlabel = {
|
45
|
-
position: 'absolute',
|
46
|
-
top: '0px',
|
47
|
-
left: '0px',
|
48
|
-
width: '14px',
|
49
|
-
textTransform: 'uppercase',
|
50
|
-
fontSize: '13px',
|
51
|
-
height: '24px',
|
52
|
-
lineHeight: '24px',
|
53
|
-
};
|
54
|
-
}
|
55
|
-
round(v) {
|
56
|
-
return Math.round(v);
|
57
|
-
}
|
58
|
-
handleValueChange({ data, $event }) {
|
59
|
-
if (data['#']) {
|
60
|
-
if (isValidHex(data['#'])) {
|
61
|
-
this.onChange.emit({
|
62
|
-
data: {
|
63
|
-
hex: data['#'],
|
64
|
-
source: 'hex',
|
65
|
-
},
|
66
|
-
$event,
|
67
|
-
});
|
68
|
-
}
|
69
|
-
}
|
70
|
-
else if (data.r || data.g || data.b) {
|
71
|
-
this.onChange.emit({
|
72
|
-
data: {
|
73
|
-
r: data.r || this.rgb.r,
|
74
|
-
g: data.g || this.rgb.g,
|
75
|
-
b: data.b || this.rgb.b,
|
76
|
-
source: 'rgb',
|
77
|
-
},
|
78
|
-
$event,
|
79
|
-
});
|
80
|
-
}
|
81
|
-
else if (data.h || data.s || data.v) {
|
82
|
-
this.onChange.emit({
|
83
|
-
data: {
|
84
|
-
h: data.h || this.hsv.h,
|
85
|
-
s: data.s || this.hsv.s,
|
86
|
-
v: data.v || this.hsv.v,
|
87
|
-
source: 'hsv',
|
88
|
-
},
|
89
|
-
$event,
|
90
|
-
});
|
91
|
-
}
|
92
|
-
}
|
93
|
-
}
|
94
|
-
PhotoshopFieldsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: PhotoshopFieldsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
95
|
-
PhotoshopFieldsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: PhotoshopFieldsComponent, selector: "color-photoshop-fields", inputs: { rgb: "rgb", hsv: "hsv", hex: "hex" }, outputs: { onChange: "onChange" }, ngImport: i0, template: `
|
96
|
-
<div class="photoshop-fields">
|
97
|
-
<color-editable-input
|
98
|
-
[value]="round(hsv.h)"
|
99
|
-
label="h"
|
100
|
-
(onChange)="handleValueChange($event)"
|
101
|
-
[style]="{input: RGBinput, wrap: RGBwrap, label: RGBlabel}"
|
102
|
-
></color-editable-input>
|
103
|
-
<color-editable-input
|
104
|
-
[value]="round(hsv.s * 100)"
|
105
|
-
label="s"
|
106
|
-
(onChange)="handleValueChange($event)"
|
107
|
-
[style]="{input: RGBinput, wrap: RGBwrap, label: RGBlabel}"
|
108
|
-
></color-editable-input>
|
109
|
-
<color-editable-input
|
110
|
-
[value]="round(hsv.v * 100)"
|
111
|
-
label="v"
|
112
|
-
(onChange)="handleValueChange($event)"
|
113
|
-
[style]="{input: RGBinput, wrap: RGBwrap, label: RGBlabel}"
|
114
|
-
></color-editable-input>
|
115
|
-
<div class="photoshop-divider"></div>
|
116
|
-
<color-editable-input
|
117
|
-
[value]="rgb.r"
|
118
|
-
label="r"
|
119
|
-
(onChange)="handleValueChange($event)"
|
120
|
-
[style]="{input: RGBinput, wrap: RGBwrap, label: RGBlabel}"
|
121
|
-
></color-editable-input>
|
122
|
-
<color-editable-input
|
123
|
-
[value]="rgb.g"
|
124
|
-
label="g"
|
125
|
-
(onChange)="handleValueChange($event)"
|
126
|
-
[style]="{input: RGBinput, wrap: RGBwrap, label: RGBlabel}"
|
127
|
-
></color-editable-input>
|
128
|
-
<color-editable-input
|
129
|
-
[value]="rgb.b"
|
130
|
-
label="b"
|
131
|
-
(onChange)="handleValueChange($event)"
|
132
|
-
[style]="{input: RGBinput, wrap: RGBwrap, label: RGBlabel}"
|
133
|
-
></color-editable-input>
|
134
|
-
<div class="photoshop-divider"></div>
|
135
|
-
<color-editable-input
|
136
|
-
[value]="hex.replace('#', '')"
|
137
|
-
label="#"
|
138
|
-
(onChange)="handleValueChange($event)"
|
139
|
-
[style]="{input: HEXinput, wrap: HEXwrap, label: HEXlabel}"
|
140
|
-
></color-editable-input>
|
141
|
-
<div class="photoshop-field-symbols">
|
142
|
-
<div class="photoshop-symbol">°</div>
|
143
|
-
<div class="photoshop-symbol">%</div>
|
144
|
-
<div class="photoshop-symbol">%</div>
|
145
|
-
</div>
|
146
|
-
</div>
|
147
|
-
`, isInline: true, styles: [".photoshop-fields{padding-top:5px;padding-bottom:9px;width:85px;position:relative}.photoshop-field-symbols{position:absolute;top:5px;right:-7px;font-size:13px}.photoshop-symbol{height:24px;line-height:24px;padding-bottom:7px}.photoshop-divider{height:5px}\n"], components: [{ type: i1.EditableInputComponent, selector: "color-editable-input", inputs: ["style", "label", "value", "arrowOffset", "dragLabel", "dragMax", "placeholder"], outputs: ["onChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
148
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: PhotoshopFieldsComponent, decorators: [{
|
149
|
-
type: Component,
|
150
|
-
args: [{
|
151
|
-
selector: 'color-photoshop-fields',
|
152
|
-
template: `
|
153
|
-
<div class="photoshop-fields">
|
154
|
-
<color-editable-input
|
155
|
-
[value]="round(hsv.h)"
|
156
|
-
label="h"
|
157
|
-
(onChange)="handleValueChange($event)"
|
158
|
-
[style]="{input: RGBinput, wrap: RGBwrap, label: RGBlabel}"
|
159
|
-
></color-editable-input>
|
160
|
-
<color-editable-input
|
161
|
-
[value]="round(hsv.s * 100)"
|
162
|
-
label="s"
|
163
|
-
(onChange)="handleValueChange($event)"
|
164
|
-
[style]="{input: RGBinput, wrap: RGBwrap, label: RGBlabel}"
|
165
|
-
></color-editable-input>
|
166
|
-
<color-editable-input
|
167
|
-
[value]="round(hsv.v * 100)"
|
168
|
-
label="v"
|
169
|
-
(onChange)="handleValueChange($event)"
|
170
|
-
[style]="{input: RGBinput, wrap: RGBwrap, label: RGBlabel}"
|
171
|
-
></color-editable-input>
|
172
|
-
<div class="photoshop-divider"></div>
|
173
|
-
<color-editable-input
|
174
|
-
[value]="rgb.r"
|
175
|
-
label="r"
|
176
|
-
(onChange)="handleValueChange($event)"
|
177
|
-
[style]="{input: RGBinput, wrap: RGBwrap, label: RGBlabel}"
|
178
|
-
></color-editable-input>
|
179
|
-
<color-editable-input
|
180
|
-
[value]="rgb.g"
|
181
|
-
label="g"
|
182
|
-
(onChange)="handleValueChange($event)"
|
183
|
-
[style]="{input: RGBinput, wrap: RGBwrap, label: RGBlabel}"
|
184
|
-
></color-editable-input>
|
185
|
-
<color-editable-input
|
186
|
-
[value]="rgb.b"
|
187
|
-
label="b"
|
188
|
-
(onChange)="handleValueChange($event)"
|
189
|
-
[style]="{input: RGBinput, wrap: RGBwrap, label: RGBlabel}"
|
190
|
-
></color-editable-input>
|
191
|
-
<div class="photoshop-divider"></div>
|
192
|
-
<color-editable-input
|
193
|
-
[value]="hex.replace('#', '')"
|
194
|
-
label="#"
|
195
|
-
(onChange)="handleValueChange($event)"
|
196
|
-
[style]="{input: HEXinput, wrap: HEXwrap, label: HEXlabel}"
|
197
|
-
></color-editable-input>
|
198
|
-
<div class="photoshop-field-symbols">
|
199
|
-
<div class="photoshop-symbol">°</div>
|
200
|
-
<div class="photoshop-symbol">%</div>
|
201
|
-
<div class="photoshop-symbol">%</div>
|
202
|
-
</div>
|
203
|
-
</div>
|
204
|
-
`,
|
205
|
-
styles: [
|
206
|
-
`
|
207
|
-
.photoshop-fields {
|
208
|
-
padding-top: 5px;
|
209
|
-
padding-bottom: 9px;
|
210
|
-
width: 85px;
|
211
|
-
position: relative;
|
212
|
-
}
|
213
|
-
.photoshop-field-symbols {
|
214
|
-
position: absolute;
|
215
|
-
top: 5px;
|
216
|
-
right: -7px;
|
217
|
-
font-size: 13px;
|
218
|
-
}
|
219
|
-
.photoshop-symbol {
|
220
|
-
height: 24px;
|
221
|
-
line-height: 24px;
|
222
|
-
padding-bottom: 7px;
|
223
|
-
}
|
224
|
-
.photoshop-divider {
|
225
|
-
height: 5px;
|
226
|
-
}
|
227
|
-
`,
|
228
|
-
],
|
229
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
230
|
-
preserveWhitespaces: false,
|
231
|
-
}]
|
232
|
-
}], propDecorators: { rgb: [{
|
233
|
-
type: Input
|
234
|
-
}], hsv: [{
|
235
|
-
type: Input
|
236
|
-
}], hex: [{
|
237
|
-
type: Input
|
238
|
-
}], onChange: [{
|
239
|
-
type: Output
|
240
|
-
}] } });
|
241
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGhvdG9zaG9wLWZpZWxkcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL3Bob3Rvc2hvcC9waG90b3Nob3AtZmllbGRzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsVUFBVSxFQUFZLE1BQU0sV0FBVyxDQUFDOzs7QUFvRmpELE1BQU0sT0FBTyx3QkFBd0I7SUFsRnJDO1FBc0ZZLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQzdDLGFBQVEsR0FBMkI7WUFDakMsVUFBVSxFQUFFLEtBQUs7WUFDakIsS0FBSyxFQUFFLEtBQUs7WUFDWixNQUFNLEVBQUUsTUFBTTtZQUNkLE1BQU0sRUFBRSw4QkFBOEI7WUFDdEMsU0FBUyxFQUNQLDBFQUEwRTtZQUM1RSxZQUFZLEVBQUUsS0FBSztZQUNuQixRQUFRLEVBQUUsTUFBTTtZQUNoQixXQUFXLEVBQUUsS0FBSztZQUNsQixXQUFXLEVBQUUsTUFBTTtTQUNwQixDQUFDO1FBQ0YsWUFBTyxHQUEyQjtZQUNoQyxRQUFRLEVBQUUsVUFBVTtTQUNyQixDQUFDO1FBQ0YsYUFBUSxHQUEyQjtZQUNqQyxJQUFJLEVBQUUsS0FBSztZQUNYLEtBQUssRUFBRSxNQUFNO1lBQ2IsYUFBYSxFQUFFLFdBQVc7WUFDMUIsUUFBUSxFQUFFLE1BQU07WUFDaEIsTUFBTSxFQUFFLE1BQU07WUFDZCxVQUFVLEVBQUUsTUFBTTtZQUNsQixRQUFRLEVBQUUsVUFBVTtTQUNyQixDQUFDO1FBQ0YsYUFBUSxHQUEyQjtZQUNqQyxVQUFVLEVBQUUsS0FBSztZQUNqQixLQUFLLEVBQUUsS0FBSztZQUNaLE1BQU0sRUFBRSxNQUFNO1lBQ2QsTUFBTSxFQUFFLG1CQUFtQjtZQUMzQixT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SztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNJLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBpc1ZhbGlkSGV4LCBIU1YsIFJHQiB9IGZyb20gJ25neC1jb2xvcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NvbG9yLXBob3Rvc2hvcC1maWVsZHMnLFxuICB0ZW1wbGF0ZTogYFxuICA8ZGl2IGNsYXNzPVwicGhvdG9zaG9wLWZpZWxkc1wiPlxuICAgIDxjb2xvci1lZGl0YWJsZS1pbnB1dFxuICAgICAgW3ZhbHVlXT1cInJvdW5kKGhzdi5oKVwiXG4gICAgICBsYWJlbD1cImhcIlxuICAgICAgKG9uQ2hhbmdlKT1cImhhbmRsZVZhbHVlQ2hhbmdlKCRldmVudClcIlxuICAgICAgW3N0eWxlXT1cIntpbnB1dDogUkdCaW5wdXQsIHdyYXA6IFJHQndyYXAsIGxhYmVsOiBSR0JsYWJlbH1cIlxuICAgID48L2NvbG9yLWVkaXRhYmxlLWlucHV0PlxuICAgIDxjb2xvci1lZGl0YWJsZS1pbnB1dFxuICAgICAgW3ZhbHVlXT1cInJvdW5kKGhzdi5zICogMTAwKVwiXG4gICAgICBsYWJlbD1cInNcIlxuICAgICAgKG9uQ2hhbmdlKT1cImhhbmRsZVZhbHVlQ2hhbmdlKCRldmVudClcIlxuICAgICAgW3N0eWxlXT1cIntpbnB1dDogUkdCaW5wdXQsIHdyYXA6IFJHQndyYXAsIGxhYmVsOiBSR0JsYWJlbH1cIlxuICAgID48L2NvbG9yLWVkaXRhYmxlLWlucHV0PlxuICAgIDxjb2xvci1lZGl0YWJsZS1pbnB1dFxuICAgICAgW3ZhbHVlXT1cInJvdW5kKGhzdi52ICogMTAwKVwiXG4gICAgICBsYWJlbD1cInZcIlxuICAgICAgKG9uQ2hhbmdlKT1cImhhbmRsZVZhbHVlQ2hhbmdlKCRldmVudClcIlxuICAgICAgW3N0eWxlXT1cIntpbnB1dDogUkdCaW5wdXQsIHdyYXA6IFJHQndyYXAsIGxhYmVsOiBSR0JsYWJlbH1cIlxuICAgID48L2NvbG9yLWVkaXRhYmxlLWlucHV0PlxuICAgIDxkaXYgY2xhc3M9XCJwaG90b3Nob3AtZGl2aWRlclwiPjwvZGl2PlxuICAgIDxjb2xvci1lZGl0YWJsZS1pbnB1dFxuICAgICAgW3ZhbHVlXT1cInJnYi5yXCJcbiAgICAgIGxhYmVsPVwiclwiXG4gICAgICAob25DaGFuZ2UpPVwiaGFuZGxlVmFsdWVDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICBbc3R5bGVdPVwie2lucHV0OiBSR0JpbnB1dCwgd3JhcDogUkdCd3JhcCwgbGFiZWw6IFJHQmxhYmVsfVwiXG4gICAgPjwvY29sb3ItZWRpdGFibGUtaW5wdXQ+XG4gICAgPGNvbG9yLWVkaXRhYmxlLWlucHV0XG4gICAgICBbdmFsdWVdPVwicmdiLmdcIlxuICAgICAgbGFiZWw9XCJnXCJcbiAgICAgIChvbkNoYW5nZSk9XCJoYW5kbGVWYWx1ZUNoYW5nZSgkZXZlbnQpXCJcbiAgICAgIFtzdHlsZV09XCJ7aW5wdXQ6IFJHQmlucHV0LCB3cmFwOiBSR0J3cmFwLCBsYWJlbDogUkdCbGFiZWx9XCJcbiAgICA+PC9jb2xvci1lZGl0YWJsZS1pbnB1dD5cbiAgICA8Y29sb3ItZWRpdGFibGUtaW5wdXRcbiAgICAgIFt2YWx1ZV09XCJyZ2IuYlwiXG4gICAgICBsYWJlbD1cImJcIlxuICAgICAgKG9uQ2hhbmdlKT1cImhhbmRsZVZhbHVlQ2hhbmdlKCRldmVudClcIlxuICAgICAgW3N0eWxlXT1cIntpbnB1dDogUkdCaW5wdXQsIHdyYXA6IFJHQndyYXAsIGxhYmVsOiBSR0JsYWJlbH1cIlxuICAgID48L2NvbG9yLWVkaXRhYmxlLWlucHV0PlxuICAgIDxkaXYgY2xhc3M9XCJwaG90b3Nob3AtZGl2aWRlclwiPjwvZGl2PlxuICAgIDxjb2xvci1lZGl0YWJsZS1pbnB1dFxuICAgICAgW3ZhbHVlXT1cImhleC5yZXBsYWNlKCcjJywgJycpXCJcbiAgICAgIGxhYmVsPVwiI1wiXG4gICAgICAob25DaGFuZ2UpPVwiaGFuZGxlVmFsdWVDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICBbc3R5bGVdPVwie2lucHV0OiBIRVhpbnB1dCwgd3JhcDogSEVYd3JhcCwgbGFiZWw6IEhFWGxhYmVsfVwiXG4gICAgPjwvY29sb3ItZWRpdGFibGUtaW5wdXQ+XG4gICAgPGRpdiBjbGFzcz1cInBob3Rvc2hvcC1maWVsZC1zeW1ib2xzXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicGhvdG9zaG9wLXN5bWJvbFwiPsKwPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwicGhvdG9zaG9wLXN5bWJvbFwiPiU8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJwaG90b3Nob3Atc3ltYm9sXCI+JTwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVzOiBbXG4gICAgYFxuICAgIC5waG90b3Nob3AtZmllbGRzIHtcbiAgICAgIHBhZGRpbmctdG9wOiA1cHg7XG4gICAgICBwYWRkaW5nLWJvdHRvbTogOXB4O1xuICAgICAgd2lkdGg6IDg1cHg7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgfVxuICAgIC5waG90b3Nob3AtZmllbGQtc3ltYm9scyB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICB0b3A6IDVweDtcbiAgICAgIHJpZ2h0OiAtN3B4O1xuICAgICAgZm9udC1zaXplOiAxM3B4O1xuICAgIH1cbiAgICAucGhvdG9zaG9wLXN5bWJvbCB7XG4gICAgICBoZWlnaHQ6IDI0cHg7XG4gICAgICBsaW5lLWhlaWdodDogMjRweDtcbiAgICAgIHBhZGRpbmctYm90dG9tOiA3cHg7XG4gICAgfVxuICAgIC5waG90b3Nob3AtZGl2aWRlciB7XG4gICAgICBoZWlnaHQ6IDVweDtcbiAgICB9XG4gIGAsXG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZSxcbn0pXG5leHBvcnQgY2xhc3MgUGhvdG9zaG9wRmllbGRzQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcmdiITogUkdCO1xuICBASW5wdXQoKSBoc3YhOiBIU1Y7XG4gIEBJbnB1dCgpIGhleCE6IHN0cmluZztcbiAgQE91dHB1dCgpIG9uQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIFJHQmlucHV0OiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+ID0ge1xuICAgIG1hcmdpbkxlZnQ6ICczNSUnLFxuICAgIHdpZHRoOiAnNDAlJyxcbiAgICBoZWlnaHQ6ICcyMnB4JyxcbiAgICBib3JkZXI6ICcxcHggc29saWQgcmdiKDEzNiwgMTM2LCAxMzYpJyxcbiAgICBib3hTaGFkb3c6XG4gICAgICAncmdiYSgwLCAwLCAwLCAwLjEpIDBweCAxcHggMXB4IGluc2V0LCByZ2IoMjM2LCAyMzYsIDIzNikgMHB4IDFweCAwcHggMHB4JyxcbiAgICBtYXJnaW5Cb3R0b206ICcycHgnLFxuICAgIGZvbnRTaXplOiAnMTNweCcsXG4gICAgcGFkZGluZ0xlZnQ6ICczcHgnLFxuICAgIG1hcmdpblJpZ2h0OiAnMTBweCcsXG4gIH07XG4gIFJHQndyYXA6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPSB7XG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gIH07XG4gIFJHQmxhYmVsOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+ID0ge1xuICAgIGxlZnQ6ICcwcHgnLFxuICAgIHdpZHRoOiAnMzRweCcsXG4gICAgdGV4dFRyYW5zZm9ybTogJ3VwcGVyY2FzZScsXG4gICAgZm9udFNpemU6ICcxM3B4JyxcbiAgICBoZWlnaHQ6ICcyNHB4JyxcbiAgICBsaW5lSGVpZ2h0OiAnMjRweCcsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gIH07XG4gIEhFWGlucHV0OiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+ID0ge1xuICAgIG1hcmdpbkxlZnQ6ICcyMCUnLFxuICAgIHdpZHRoOiAnODAlJyxcbiAgICBoZWlnaHQ6ICcyMnB4JyxcbiAgICBib3JkZXI6ICcxcHggc29saWQgIzg4ODg4OCcsXG4gICAgYm94U2hhZG93OiAnaW5zZXQgMCAxcHggMXB4IHJnYmEoMCwwLDAsLjEpLCAwIDFweCAwIDAgI0VDRUNFQycsXG4gICAgbWFyZ2luQm90dG9tOiAnM3B4JyxcbiAgICBmb250U2l6ZTogJzEzcHgnLFxuICAgIHBhZGRpbmdMZWZ0OiAnM3B4JyxcbiAgfTtcbiAgSEVYd3JhcDogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IHtcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgfTtcbiAgSEVYbGFiZWw6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPSB7XG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgdG9wOiAnMHB4JyxcbiAgICBsZWZ0OiAnMHB4JyxcbiAgICB3aWR0aDogJzE0cHgnLFxuICAgIHRleHRUcmFuc2Zvcm06ICd1cHBlcmNhc2UnLFxuICAgIGZvbnRTaXplOiAnMTNweCcsXG4gICAgaGVpZ2h0OiAnMjRweCcsXG4gICAgbGluZUhlaWdodDogJzI0cHgnLFxuICB9O1xuXG4gIHJvdW5kKHYpIHtcbiAgICByZXR1cm4gTWF0aC5yb3VuZCh2KTtcbiAgfVxuICBoYW5kbGVWYWx1ZUNoYW5nZSh7IGRhdGEsICRldmVudCB9KSB7XG4gICAgaWYgKGRhdGFbJyMnXSkge1xuICAgICAgaWYgKGlzVmFsaWRIZXgoZGF0YVsnIyddKSkge1xuICAgICAgICB0aGlzLm9uQ2hhbmdlLmVtaXQoe1xuICAgICAgICAgIGRhdGE6IHtcbiAgICAgICAgICAgIGhleDogZGF0YVsnIyddLFxuICAgICAgICAgICAgc291cmNlOiAnaGV4JyxcbiAgICAgICAgICB9LFxuICAgICAgICAgICRldmVudCxcbiAgICAgICAgfSk7XG4gICAgICB9XG4gICAgfSBlbHNlIGlmIChkYXRhLnIgfHwgZGF0YS5nIHx8IGRhdGEuYikge1xuICAgICAgdGhpcy5vbkNoYW5nZS5lbWl0KHtcbiAgICAgICAgZGF0YToge1xuICAgICAgICAgIHI6IGRhdGEuciB8fCB0aGlzLnJnYi5yLFxuICAgICAgICAgIGc6IGRhdGEuZyB8fCB0aGlzLnJnYi5nLFxuICAgICAgICAgIGI6IGRhdGEuYiB8fCB0aGlzLnJnYi5iLFxuICAgICAgICAgIHNvdXJjZTogJ3JnYicsXG4gICAgICAgIH0sXG4gICAgICAgICRldmVudCxcbiAgICAgIH0pO1xuICAgIH0gZWxzZSBpZiAoZGF0YS5oIHx8IGRhdGEucyB8fCBkYXRhLnYpIHtcbiAgICAgIHRoaXMub25DaGFuZ2UuZW1pdCh7XG4gICAgICAgIGRhdGE6IHtcbiAgICAgICAgICBoOiBkYXRhLmggfHwgdGhpcy5oc3YuaCxcbiAgICAgICAgICBzOiBkYXRhLnMgfHwgdGhpcy5oc3YucyxcbiAgICAgICAgICB2OiBkYXRhLnYgfHwgdGhpcy5oc3YudixcbiAgICAgICAgICBzb3VyY2U6ICdoc3YnLFxuICAgICAgICB9LFxuICAgICAgICAkZXZlbnQsXG4gICAgICB9KTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==
|
@@ -1,68 +0,0 @@
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input, } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
export class PhotoshopPreviewsComponent {
|
4
|
-
constructor() {
|
5
|
-
this.currentColor = '';
|
6
|
-
this.backgroundNew = '';
|
7
|
-
}
|
8
|
-
ngOnChanges() {
|
9
|
-
this.backgroundNew = `rgb(${this.rgb.r},${this.rgb.g}, ${this.rgb.b})`;
|
10
|
-
}
|
11
|
-
}
|
12
|
-
PhotoshopPreviewsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: PhotoshopPreviewsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
13
|
-
PhotoshopPreviewsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: PhotoshopPreviewsComponent, selector: "color-photoshop-previews", inputs: { rgb: "rgb", currentColor: "currentColor" }, usesOnChanges: true, ngImport: i0, template: `
|
14
|
-
<div>
|
15
|
-
<div class="photoshop-label">new</div>
|
16
|
-
<div class="photoshop-swatches">
|
17
|
-
<div class="photoshop-new" [style.background]="backgroundNew"></div>
|
18
|
-
<div class="photoshop-current" [style.background]="currentColor"></div>
|
19
|
-
</div>
|
20
|
-
<div class="photoshop-label">current</div>
|
21
|
-
</div>
|
22
|
-
`, isInline: true, styles: [".photoshop-swatches{border:1px solid #B3B3B3;border-bottom:1px solid #F0F0F0;margin-bottom:2px;margin-top:1px}.photoshop-new{height:34px;box-shadow:inset 1px 0 #000,inset -1px 0 #000,inset 0 1px #000}.photoshop-current{height:34px;box-shadow:inset 1px 0 #000,inset -1px 0 #000,inset 0 -1px #000}.photoshop-label{font-size:14px;color:#000;text-align:center}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: PhotoshopPreviewsComponent, decorators: [{
|
24
|
-
type: Component,
|
25
|
-
args: [{
|
26
|
-
selector: 'color-photoshop-previews',
|
27
|
-
template: `
|
28
|
-
<div>
|
29
|
-
<div class="photoshop-label">new</div>
|
30
|
-
<div class="photoshop-swatches">
|
31
|
-
<div class="photoshop-new" [style.background]="backgroundNew"></div>
|
32
|
-
<div class="photoshop-current" [style.background]="currentColor"></div>
|
33
|
-
</div>
|
34
|
-
<div class="photoshop-label">current</div>
|
35
|
-
</div>
|
36
|
-
`,
|
37
|
-
styles: [
|
38
|
-
`
|
39
|
-
.photoshop-swatches {
|
40
|
-
border: 1px solid #B3B3B3;
|
41
|
-
border-bottom: 1px solid #F0F0F0;
|
42
|
-
margin-bottom: 2px;
|
43
|
-
margin-top: 1px;
|
44
|
-
}
|
45
|
-
.photoshop-new {
|
46
|
-
height: 34px;
|
47
|
-
box-shadow: inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 1px 0 #000;
|
48
|
-
}
|
49
|
-
.photoshop-current {
|
50
|
-
height: 34px;
|
51
|
-
box-shadow: inset 1px 0 0 #000, inset -1px 0 0 #000, inset 0 -1px 0 #000;
|
52
|
-
}
|
53
|
-
.photoshop-label {
|
54
|
-
font-size: 14px;
|
55
|
-
color: #000;
|
56
|
-
text-align: center;
|
57
|
-
}
|
58
|
-
`,
|
59
|
-
],
|
60
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
61
|
-
preserveWhitespaces: false,
|
62
|
-
}]
|
63
|
-
}], propDecorators: { rgb: [{
|
64
|
-
type: Input
|
65
|
-
}], currentColor: [{
|
66
|
-
type: Input
|
67
|
-
}] } });
|
68
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGhvdG9zaG9wLXByZXZpZXdzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvcGhvdG9zaG9wL3Bob3Rvc2hvcC1wcmV2aWV3cy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxHQUVOLE1BQU0sZUFBZSxDQUFDOztBQXlDdkIsTUFBTSxPQUFPLDBCQUEwQjtJQXRDdkM7UUF3Q1csaUJBQVksR0FBRyxFQUFFLENBQUM7UUFDM0Isa0JBQWEsR0FBRyxFQUFFLENBQUM7S0FLcEI7SUFIQyxXQUFXO1FBQ1QsSUFBSSxDQUFDLGFBQWEsR0FBRyxPQUFPLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUM7SUFDekUsQ0FBQzs7dUhBUFUsMEJBQTBCOzJHQUExQiwwQkFBMEIsMklBcEMzQjs7Ozs7Ozs7O0dBU1Q7MkZBMkJVLDBCQUEwQjtrQkF0Q3RDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDBCQUEwQjtvQkFDcEMsUUFBUSxFQUFFOzs7Ozs7Ozs7R0FTVDtvQkFDRCxNQUFNLEVBQUU7d0JBQ047Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBb0JEO3FCQUNBO29CQUNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxtQkFBbUIsRUFBRSxLQUFLO2lCQUMzQjs4QkFFVSxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUkdCIH0gZnJvbSAnbmd4LWNvbG9yJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY29sb3ItcGhvdG9zaG9wLXByZXZpZXdzJyxcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdj5cbiAgICA8ZGl2IGNsYXNzPVwicGhvdG9zaG9wLWxhYmVsXCI+bmV3PC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInBob3Rvc2hvcC1zd2F0Y2hlc1wiPlxuICAgICAgPGRpdiBjbGFzcz1cInBob3Rvc2hvcC1uZXdcIiBbc3R5bGUuYmFja2dyb3VuZF09XCJiYWNrZ3JvdW5kTmV3XCI+PC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwicGhvdG9zaG9wLWN1cnJlbnRcIiBbc3R5bGUuYmFja2dyb3VuZF09XCJjdXJyZW50Q29sb3JcIj48L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwicGhvdG9zaG9wLWxhYmVsXCI+Y3VycmVudDwvZGl2PlxuICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVzOiBbXG4gICAgYFxuICAucGhvdG9zaG9wLXN3YXRjaGVzIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjQjNCM0IzO1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjRjBGMEYwO1xuICAgIG1hcmdpbi1ib3R0b206IDJweDtcbiAgICBtYXJnaW4tdG9wOiAxcHg7XG4gIH1cbiAgLnBob3Rvc2hvcC1uZXcge1xuICAgIGhlaWdodDogMzRweDtcbiAgICBib3gtc2hhZG93OiBpbnNldCAxcHggMCAwICMwMDAsIGluc2V0IC0xcHggMCAwICMwMDAsIGluc2V0IDAgMXB4IDAgIzAwMDtcbiAgfVxuICAucGhvdG9zaG9wLWN1cnJlbnQge1xuICAgIGhlaWdodDogMzRweDtcbiAgICBib3gtc2hhZG93OiBpbnNldCAxcHggMCAwICMwMDAsIGluc2V0IC0xcHggMCAwICMwMDAsIGluc2V0IDAgLTFweCAwICMwMDA7XG4gIH1cbiAgLnBob3Rvc2hvcC1sYWJlbCB7XG4gICAgZm9udC1zaXplOiAxNHB4O1xuICAgIGNvbG9yOiAjMDAwO1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgfVxuICBgLFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIFBob3Rvc2hvcFByZXZpZXdzQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgQElucHV0KCkgcmdiITogUkdCO1xuICBASW5wdXQoKSBjdXJyZW50Q29sb3IgPSAnJztcbiAgYmFja2dyb3VuZE5ldyA9ICcnO1xuXG4gIG5nT25DaGFuZ2VzKCkge1xuICAgIHRoaXMuYmFja2dyb3VuZE5ldyA9IGByZ2IoJHt0aGlzLnJnYi5yfSwke3RoaXMucmdiLmd9LCAke3RoaXMucmdiLmJ9KWA7XG4gIH1cbn1cbiJdfQ==
|