ngx-color 7.3.0 → 7.3.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.
Files changed (219) hide show
  1. package/alpha/package.json +6 -22
  2. package/block/block-swatches.component.d.ts +10 -8
  3. package/block/package.json +6 -22
  4. package/chrome/package.json +6 -22
  5. package/circle/package.json +9 -22
  6. package/compact/package.json +6 -22
  7. package/esm2020/alpha/alpha-picker.component.mjs +116 -0
  8. package/esm2020/alpha/ngx-color-alpha.mjs +5 -0
  9. package/esm2020/alpha/public_api.mjs +2 -0
  10. package/esm2020/alpha.component.mjs +1 -1
  11. package/{block/esm2020 → esm2020/block}/block-swatches.component.mjs +2 -4
  12. package/{block/esm2020 → esm2020/block}/block.component.mjs +1 -1
  13. package/esm2020/block/ngx-color-block.mjs +5 -0
  14. package/esm2020/block/public_api.mjs +3 -0
  15. package/esm2020/checkboard.component.mjs +1 -1
  16. package/esm2020/chrome/chrome-fields.component.mjs +356 -0
  17. package/{chrome/esm2020 → esm2020/chrome}/chrome.component.mjs +1 -1
  18. package/esm2020/chrome/ngx-color-chrome.mjs +5 -0
  19. package/esm2020/chrome/public_api.mjs +3 -0
  20. package/esm2020/circle/circle-swatch.component.mjs +85 -0
  21. package/esm2020/circle/circle.component.mjs +148 -0
  22. package/esm2020/circle/ngx-color-circle.mjs +5 -0
  23. package/esm2020/circle/public_api.mjs +3 -0
  24. package/esm2020/color-wrap.component.mjs +1 -1
  25. package/esm2020/compact/compact-color.component.mjs +91 -0
  26. package/esm2020/compact/compact-fields.component.mjs +186 -0
  27. package/{compact/esm2020 → esm2020/compact}/compact.component.mjs +1 -1
  28. package/esm2020/compact/ngx-color-compact.mjs +5 -0
  29. package/esm2020/compact/public_api.mjs +4 -0
  30. package/esm2020/coordinates.directive.mjs +1 -1
  31. package/esm2020/editable-input.component.mjs +1 -1
  32. package/{github/esm2020 → esm2020/github}/github-swatch.component.mjs +1 -1
  33. package/{github/esm2020 → esm2020/github}/github.component.mjs +1 -1
  34. package/esm2020/github/ngx-color-github.mjs +5 -0
  35. package/esm2020/github/public_api.mjs +3 -0
  36. package/esm2020/helpers/checkboard.mjs +1 -1
  37. package/esm2020/helpers/color.interfaces.mjs +1 -1
  38. package/esm2020/helpers/color.mjs +1 -1
  39. package/esm2020/hue/hue-picker.component.mjs +113 -0
  40. package/esm2020/hue/ngx-color-hue.mjs +5 -0
  41. package/esm2020/hue/public_api.mjs +2 -0
  42. package/esm2020/hue.component.mjs +1 -1
  43. package/esm2020/material/material.component.mjs +211 -0
  44. package/esm2020/material/ngx-color-material.mjs +5 -0
  45. package/esm2020/material/public_api.mjs +2 -0
  46. package/esm2020/ngx-color.mjs +1 -1
  47. package/esm2020/photoshop/ngx-color-photoshop.mjs +5 -0
  48. package/{photoshop/esm2020 → esm2020/photoshop}/photoshop-button.component.mjs +1 -1
  49. package/esm2020/photoshop/photoshop-fields.component.mjs +241 -0
  50. package/{photoshop/esm2020 → esm2020/photoshop}/photoshop-previews.component.mjs +1 -1
  51. package/{photoshop/esm2020 → esm2020/photoshop}/photoshop.component.mjs +1 -1
  52. package/esm2020/photoshop/public_api.mjs +5 -0
  53. package/esm2020/public_api.mjs +1 -1
  54. package/esm2020/raised.component.mjs +1 -1
  55. package/esm2020/saturation.component.mjs +1 -1
  56. package/esm2020/shade/ngx-color-shade.mjs +5 -0
  57. package/esm2020/shade/public_api.mjs +2 -0
  58. package/esm2020/shade/shade-picker.component.mjs +105 -0
  59. package/esm2020/shade.component.mjs +1 -1
  60. package/esm2020/sketch/ngx-color-sketch.mjs +5 -0
  61. package/esm2020/sketch/public_api.mjs +4 -0
  62. package/esm2020/sketch/sketch-fields.component.mjs +243 -0
  63. package/{sketch/esm2020 → esm2020/sketch}/sketch-preset-colors.component.mjs +1 -1
  64. package/{sketch/esm2020 → esm2020/sketch}/sketch.component.mjs +1 -1
  65. package/esm2020/slider/ngx-color-slider.mjs +5 -0
  66. package/esm2020/slider/public_api.mjs +4 -0
  67. package/esm2020/slider/slider-swatch.component.mjs +80 -0
  68. package/{slider/esm2020 → esm2020/slider}/slider-swatches.component.mjs +1 -1
  69. package/{slider/esm2020 → esm2020/slider}/slider.component.mjs +1 -1
  70. package/esm2020/swatch.component.mjs +1 -1
  71. package/esm2020/swatches/ngx-color-swatches.mjs +5 -0
  72. package/esm2020/swatches/public_api.mjs +4 -0
  73. package/esm2020/swatches/swatches-color.component.mjs +123 -0
  74. package/{swatches/esm2020 → esm2020/swatches}/swatches-group.component.mjs +1 -1
  75. package/esm2020/swatches/swatches.component.mjs +258 -0
  76. package/esm2020/twitter/ngx-color-twitter.mjs +5 -0
  77. package/esm2020/twitter/public_api.mjs +2 -0
  78. package/{twitter/esm2020 → esm2020/twitter}/twitter.component.mjs +1 -1
  79. package/{alpha/fesm2015 → fesm2015}/ngx-color-alpha.mjs +0 -0
  80. package/fesm2015/ngx-color-alpha.mjs.map +1 -0
  81. package/{block/fesm2015 → fesm2015}/ngx-color-block.mjs +1 -3
  82. package/fesm2015/ngx-color-block.mjs.map +1 -0
  83. package/{chrome/fesm2015 → fesm2015}/ngx-color-chrome.mjs +0 -0
  84. package/fesm2015/ngx-color-chrome.mjs.map +1 -0
  85. package/{circle/fesm2015 → fesm2015}/ngx-color-circle.mjs +0 -0
  86. package/fesm2015/ngx-color-circle.mjs.map +1 -0
  87. package/{compact/fesm2015 → fesm2015}/ngx-color-compact.mjs +0 -0
  88. package/fesm2015/ngx-color-compact.mjs.map +1 -0
  89. package/{github/fesm2015 → fesm2015}/ngx-color-github.mjs +0 -0
  90. package/fesm2015/ngx-color-github.mjs.map +1 -0
  91. package/{hue/fesm2015 → fesm2015}/ngx-color-hue.mjs +0 -0
  92. package/fesm2015/ngx-color-hue.mjs.map +1 -0
  93. package/{material/fesm2015 → fesm2015}/ngx-color-material.mjs +0 -0
  94. package/fesm2015/ngx-color-material.mjs.map +1 -0
  95. package/{photoshop/fesm2015 → fesm2015}/ngx-color-photoshop.mjs +0 -0
  96. package/fesm2015/ngx-color-photoshop.mjs.map +1 -0
  97. package/{shade/fesm2015 → fesm2015}/ngx-color-shade.mjs +0 -0
  98. package/fesm2015/ngx-color-shade.mjs.map +1 -0
  99. package/{sketch/fesm2015 → fesm2015}/ngx-color-sketch.mjs +0 -0
  100. package/fesm2015/ngx-color-sketch.mjs.map +1 -0
  101. package/{slider/fesm2015 → fesm2015}/ngx-color-slider.mjs +0 -0
  102. package/fesm2015/ngx-color-slider.mjs.map +1 -0
  103. package/{swatches/fesm2015 → fesm2015}/ngx-color-swatches.mjs +0 -0
  104. package/fesm2015/ngx-color-swatches.mjs.map +1 -0
  105. package/{twitter/fesm2015 → fesm2015}/ngx-color-twitter.mjs +0 -0
  106. package/fesm2015/ngx-color-twitter.mjs.map +1 -0
  107. package/fesm2015/ngx-color.mjs.map +1 -1
  108. package/{alpha/fesm2020 → fesm2020}/ngx-color-alpha.mjs +0 -0
  109. package/fesm2020/ngx-color-alpha.mjs.map +1 -0
  110. package/{block/fesm2020 → fesm2020}/ngx-color-block.mjs +1 -3
  111. package/fesm2020/ngx-color-block.mjs.map +1 -0
  112. package/{chrome/fesm2020 → fesm2020}/ngx-color-chrome.mjs +0 -0
  113. package/fesm2020/ngx-color-chrome.mjs.map +1 -0
  114. package/{circle/fesm2020 → fesm2020}/ngx-color-circle.mjs +0 -0
  115. package/fesm2020/ngx-color-circle.mjs.map +1 -0
  116. package/{compact/fesm2020 → fesm2020}/ngx-color-compact.mjs +0 -0
  117. package/fesm2020/ngx-color-compact.mjs.map +1 -0
  118. package/{github/fesm2020 → fesm2020}/ngx-color-github.mjs +0 -0
  119. package/fesm2020/ngx-color-github.mjs.map +1 -0
  120. package/{hue/fesm2020 → fesm2020}/ngx-color-hue.mjs +0 -0
  121. package/fesm2020/ngx-color-hue.mjs.map +1 -0
  122. package/{material/fesm2020 → fesm2020}/ngx-color-material.mjs +0 -0
  123. package/fesm2020/ngx-color-material.mjs.map +1 -0
  124. package/{photoshop/fesm2020 → fesm2020}/ngx-color-photoshop.mjs +0 -0
  125. package/fesm2020/ngx-color-photoshop.mjs.map +1 -0
  126. package/{shade/fesm2020 → fesm2020}/ngx-color-shade.mjs +0 -0
  127. package/fesm2020/ngx-color-shade.mjs.map +1 -0
  128. package/{sketch/fesm2020 → fesm2020}/ngx-color-sketch.mjs +0 -0
  129. package/fesm2020/ngx-color-sketch.mjs.map +1 -0
  130. package/{slider/fesm2020 → fesm2020}/ngx-color-slider.mjs +0 -0
  131. package/fesm2020/ngx-color-slider.mjs.map +1 -0
  132. package/{swatches/fesm2020 → fesm2020}/ngx-color-swatches.mjs +0 -0
  133. package/fesm2020/ngx-color-swatches.mjs.map +1 -0
  134. package/{twitter/fesm2020 → fesm2020}/ngx-color-twitter.mjs +0 -0
  135. package/fesm2020/ngx-color-twitter.mjs.map +1 -0
  136. package/fesm2020/ngx-color.mjs.map +1 -1
  137. package/github/package.json +6 -22
  138. package/helpers/checkboard.d.ts +2 -2
  139. package/hue/package.json +6 -22
  140. package/material/package.json +6 -22
  141. package/package.json +119 -8
  142. package/photoshop/package.json +6 -22
  143. package/shade/package.json +6 -22
  144. package/sketch/package.json +6 -22
  145. package/slider/package.json +6 -22
  146. package/swatches/package.json +9 -22
  147. package/twitter/package.json +6 -22
  148. package/LICENSE +0 -21
  149. package/README.md +0 -280
  150. package/alpha/esm2020/alpha-picker.component.mjs +0 -116
  151. package/alpha/esm2020/ngx-color-alpha.mjs +0 -5
  152. package/alpha/esm2020/public_api.mjs +0 -2
  153. package/alpha/fesm2015/ngx-color-alpha.mjs.map +0 -1
  154. package/alpha/fesm2020/ngx-color-alpha.mjs.map +0 -1
  155. package/block/esm2020/ngx-color-block.mjs +0 -5
  156. package/block/esm2020/public_api.mjs +0 -3
  157. package/block/fesm2015/ngx-color-block.mjs.map +0 -1
  158. package/block/fesm2020/ngx-color-block.mjs.map +0 -1
  159. package/chrome/esm2020/chrome-fields.component.mjs +0 -356
  160. package/chrome/esm2020/ngx-color-chrome.mjs +0 -5
  161. package/chrome/esm2020/public_api.mjs +0 -3
  162. package/chrome/fesm2015/ngx-color-chrome.mjs.map +0 -1
  163. package/chrome/fesm2020/ngx-color-chrome.mjs.map +0 -1
  164. package/circle/esm2020/circle-swatch.component.mjs +0 -85
  165. package/circle/esm2020/circle.component.mjs +0 -148
  166. package/circle/esm2020/ngx-color-circle.mjs +0 -5
  167. package/circle/esm2020/public_api.mjs +0 -3
  168. package/circle/fesm2015/ngx-color-circle.mjs.map +0 -1
  169. package/circle/fesm2020/ngx-color-circle.mjs.map +0 -1
  170. package/compact/esm2020/compact-color.component.mjs +0 -91
  171. package/compact/esm2020/compact-fields.component.mjs +0 -186
  172. package/compact/esm2020/ngx-color-compact.mjs +0 -5
  173. package/compact/esm2020/public_api.mjs +0 -4
  174. package/compact/fesm2015/ngx-color-compact.mjs.map +0 -1
  175. package/compact/fesm2020/ngx-color-compact.mjs.map +0 -1
  176. package/github/esm2020/ngx-color-github.mjs +0 -5
  177. package/github/esm2020/public_api.mjs +0 -3
  178. package/github/fesm2015/ngx-color-github.mjs.map +0 -1
  179. package/github/fesm2020/ngx-color-github.mjs.map +0 -1
  180. package/hue/esm2020/hue-picker.component.mjs +0 -113
  181. package/hue/esm2020/ngx-color-hue.mjs +0 -5
  182. package/hue/esm2020/public_api.mjs +0 -2
  183. package/hue/fesm2015/ngx-color-hue.mjs.map +0 -1
  184. package/hue/fesm2020/ngx-color-hue.mjs.map +0 -1
  185. package/material/esm2020/material.component.mjs +0 -211
  186. package/material/esm2020/ngx-color-material.mjs +0 -5
  187. package/material/esm2020/public_api.mjs +0 -2
  188. package/material/fesm2015/ngx-color-material.mjs.map +0 -1
  189. package/material/fesm2020/ngx-color-material.mjs.map +0 -1
  190. package/photoshop/esm2020/ngx-color-photoshop.mjs +0 -5
  191. package/photoshop/esm2020/photoshop-fields.component.mjs +0 -241
  192. package/photoshop/esm2020/public_api.mjs +0 -5
  193. package/photoshop/fesm2015/ngx-color-photoshop.mjs.map +0 -1
  194. package/photoshop/fesm2020/ngx-color-photoshop.mjs.map +0 -1
  195. package/shade/esm2020/ngx-color-shade.mjs +0 -5
  196. package/shade/esm2020/public_api.mjs +0 -2
  197. package/shade/esm2020/shade-picker.component.mjs +0 -105
  198. package/shade/fesm2015/ngx-color-shade.mjs.map +0 -1
  199. package/shade/fesm2020/ngx-color-shade.mjs.map +0 -1
  200. package/sketch/esm2020/ngx-color-sketch.mjs +0 -5
  201. package/sketch/esm2020/public_api.mjs +0 -4
  202. package/sketch/esm2020/sketch-fields.component.mjs +0 -243
  203. package/sketch/fesm2015/ngx-color-sketch.mjs.map +0 -1
  204. package/sketch/fesm2020/ngx-color-sketch.mjs.map +0 -1
  205. package/slider/esm2020/ngx-color-slider.mjs +0 -5
  206. package/slider/esm2020/public_api.mjs +0 -4
  207. package/slider/esm2020/slider-swatch.component.mjs +0 -80
  208. package/slider/fesm2015/ngx-color-slider.mjs.map +0 -1
  209. package/slider/fesm2020/ngx-color-slider.mjs.map +0 -1
  210. package/swatches/esm2020/ngx-color-swatches.mjs +0 -5
  211. package/swatches/esm2020/public_api.mjs +0 -4
  212. package/swatches/esm2020/swatches-color.component.mjs +0 -123
  213. package/swatches/esm2020/swatches.component.mjs +0 -258
  214. package/swatches/fesm2015/ngx-color-swatches.mjs.map +0 -1
  215. package/swatches/fesm2020/ngx-color-swatches.mjs.map +0 -1
  216. package/twitter/esm2020/ngx-color-twitter.mjs +0 -5
  217. package/twitter/esm2020/public_api.mjs +0 -2
  218. package/twitter/fesm2015/ngx-color-twitter.mjs.map +0 -1
  219. package/twitter/fesm2020/ngx-color-twitter.mjs.map +0 -1
@@ -1,123 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
2
- import { getContrastingColor } from 'ngx-color';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "ngx-color";
5
- import * as i2 from "@angular/common";
6
- export class SwatchesColorComponent {
7
- constructor() {
8
- this.first = false;
9
- this.last = false;
10
- this.onClick = new EventEmitter();
11
- this.onSwatchHover = new EventEmitter();
12
- this.getContrastingColor = getContrastingColor;
13
- this.colorStyle = {
14
- width: '40px',
15
- height: '24px',
16
- cursor: 'pointer',
17
- marginBottom: '1px',
18
- };
19
- this.focusStyle = {};
20
- }
21
- ngOnInit() {
22
- this.colorStyle.background = this.color;
23
- this.focusStyle.boxShadow = `0 0 4px ${this.color}`;
24
- if (this.first) {
25
- this.colorStyle.borderRadius = '2px 2px 0 0';
26
- }
27
- if (this.last) {
28
- this.colorStyle.borderRadius = '0 0 2px 2px';
29
- }
30
- if (this.color === '#FFFFFF') {
31
- this.colorStyle.boxShadow = 'inset 0 0 0 1px #ddd';
32
- }
33
- }
34
- handleClick($event) {
35
- this.onClick.emit({
36
- data: {
37
- hex: this.color,
38
- source: 'hex',
39
- },
40
- $event,
41
- });
42
- }
43
- }
44
- SwatchesColorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SwatchesColorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
45
- SwatchesColorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: SwatchesColorComponent, selector: "color-swatches-color", inputs: { color: "color", first: "first", last: "last", active: "active" }, outputs: { onClick: "onClick", onSwatchHover: "onSwatchHover" }, ngImport: i0, template: `
46
- <color-swatch
47
- [color]="color"
48
- [style]="colorStyle"
49
- [focusStyle]="focusStyle"
50
- [class.first]="first"
51
- [class.last]="last"
52
- (click)="handleClick($event)"
53
- (keydown.enter)="handleClick($event)"
54
- (onHover)="onSwatchHover.emit($event)"
55
- >
56
- <div class="swatch-check" *ngIf="active" [class.first]="first" [class.last]="last">
57
- <svg
58
- style="width: 24px; height: 24px;"
59
- viewBox="0 0 24 24"
60
- [style.fill]="getContrastingColor(color)"
61
- >
62
- <path d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" />
63
- </svg>
64
- </div>
65
- </color-swatch>
66
- `, isInline: true, styles: [".swatches-group{padding-bottom:10px;width:40px;float:left;margin-right:10px}.swatch-check{display:flex;margin-left:8px}\n"], components: [{ type: i1.SwatchComponent, selector: "color-swatch", inputs: ["color", "style", "focusStyle", "focus"], outputs: ["onClick", "onHover"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
67
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SwatchesColorComponent, decorators: [{
68
- type: Component,
69
- args: [{
70
- selector: 'color-swatches-color',
71
- template: `
72
- <color-swatch
73
- [color]="color"
74
- [style]="colorStyle"
75
- [focusStyle]="focusStyle"
76
- [class.first]="first"
77
- [class.last]="last"
78
- (click)="handleClick($event)"
79
- (keydown.enter)="handleClick($event)"
80
- (onHover)="onSwatchHover.emit($event)"
81
- >
82
- <div class="swatch-check" *ngIf="active" [class.first]="first" [class.last]="last">
83
- <svg
84
- style="width: 24px; height: 24px;"
85
- viewBox="0 0 24 24"
86
- [style.fill]="getContrastingColor(color)"
87
- >
88
- <path d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" />
89
- </svg>
90
- </div>
91
- </color-swatch>
92
- `,
93
- styles: [
94
- `
95
- .swatches-group {
96
- padding-bottom: 10px;
97
- width: 40px;
98
- float: left;
99
- margin-right: 10px;
100
- }
101
- .swatch-check {
102
- display: flex;
103
- margin-left: 8px;
104
- }
105
- `,
106
- ],
107
- changeDetection: ChangeDetectionStrategy.OnPush,
108
- preserveWhitespaces: false,
109
- }]
110
- }], propDecorators: { color: [{
111
- type: Input
112
- }], first: [{
113
- type: Input
114
- }], last: [{
115
- type: Input
116
- }], active: [{
117
- type: Input
118
- }], onClick: [{
119
- type: Output
120
- }], onSwatchHover: [{
121
- type: Output
122
- }] } });
123
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dhdGNoZXMtY29sb3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL3N3YXRjaGVzL3N3YXRjaGVzLWNvbG9yLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxXQUFXLENBQUM7Ozs7QUEyQ2hELE1BQU0sT0FBTyxzQkFBc0I7SUF6Q25DO1FBMkNXLFVBQUssR0FBRyxLQUFLLENBQUM7UUFDZCxTQUFJLEdBQUcsS0FBSyxDQUFDO1FBRVosWUFBTyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDbEMsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ2xELHdCQUFtQixHQUFHLG1CQUFtQixDQUFDO1FBQzFDLGVBQVUsR0FBMkI7WUFDbkMsS0FBSyxFQUFFLE1BQU07WUFDYixNQUFNLEVBQUUsTUFBTTtZQUNkLE1BQU0sRUFBRSxTQUFTO1lBQ2pCLFlBQVksRUFBRSxLQUFLO1NBQ3BCLENBQUM7UUFDRixlQUFVLEdBQTJCLEVBQUUsQ0FBQztLQXdCekM7SUF0QkMsUUFBUTtRQUNOLElBQUksQ0FBQyxVQUFVLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7UUFDeEMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxTQUFTLEdBQUcsV0FBVyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDcEQsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ2QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxZQUFZLEdBQUcsYUFBYSxDQUFDO1NBQzlDO1FBQ0QsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxZQUFZLEdBQUcsYUFBYSxDQUFDO1NBQzlDO1FBQ0QsSUFBSSxJQUFJLENBQUMsS0FBSyxLQUFLLFNBQVMsRUFBRTtZQUM1QixJQUFJLENBQUMsVUFBVSxDQUFDLFNBQVMsR0FBRyxzQkFBc0IsQ0FBQztTQUNwRDtJQUNILENBQUM7SUFDRCxXQUFXLENBQUMsTUFBTTtRQUNoQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQztZQUNoQixJQUFJLEVBQUU7Z0JBQ0osR0FBRyxFQUFFLElBQUksQ0FBQyxLQUFLO2dCQUNmLE1BQU0sRUFBRSxLQUFLO2FBQ2Q7WUFDRCxNQUFNO1NBQ1AsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7bUhBckNVLHNCQUFzQjt1R0FBdEIsc0JBQXNCLHlNQXZDdkI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXFCVDsyRkFrQlUsc0JBQXNCO2tCQXpDbEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsc0JBQXNCO29CQUNoQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXFCVDtvQkFDRCxNQUFNLEVBQUU7d0JBQ047Ozs7Ozs7Ozs7O0tBV0M7cUJBQ0Y7b0JBQ0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLG1CQUFtQixFQUFFLEtBQUs7aUJBQzNCOzhCQUVVLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNO2dCQUNHLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IGdldENvbnRyYXN0aW5nQ29sb3IgfSBmcm9tICduZ3gtY29sb3InO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjb2xvci1zd2F0Y2hlcy1jb2xvcicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGNvbG9yLXN3YXRjaFxuICAgICAgW2NvbG9yXT1cImNvbG9yXCJcbiAgICAgIFtzdHlsZV09XCJjb2xvclN0eWxlXCJcbiAgICAgIFtmb2N1c1N0eWxlXT1cImZvY3VzU3R5bGVcIlxuICAgICAgW2NsYXNzLmZpcnN0XT1cImZpcnN0XCJcbiAgICAgIFtjbGFzcy5sYXN0XT1cImxhc3RcIlxuICAgICAgKGNsaWNrKT1cImhhbmRsZUNsaWNrKCRldmVudClcIlxuICAgICAgKGtleWRvd24uZW50ZXIpPVwiaGFuZGxlQ2xpY2soJGV2ZW50KVwiXG4gICAgICAob25Ib3Zlcik9XCJvblN3YXRjaEhvdmVyLmVtaXQoJGV2ZW50KVwiXG4gICAgPlxuICAgICAgPGRpdiBjbGFzcz1cInN3YXRjaC1jaGVja1wiICpuZ0lmPVwiYWN0aXZlXCIgW2NsYXNzLmZpcnN0XT1cImZpcnN0XCIgW2NsYXNzLmxhc3RdPVwibGFzdFwiPlxuICAgICAgICA8c3ZnXG4gICAgICAgICAgc3R5bGU9XCJ3aWR0aDogMjRweDsgaGVpZ2h0OiAyNHB4O1wiXG4gICAgICAgICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXG4gICAgICAgICAgW3N0eWxlLmZpbGxdPVwiZ2V0Q29udHJhc3RpbmdDb2xvcihjb2xvcilcIlxuICAgICAgICA+XG4gICAgICAgICAgPHBhdGggZD1cIk0yMSw3TDksMTlMMy41LDEzLjVMNC45MSwxMi4wOUw5LDE2LjE3TDE5LjU5LDUuNTlMMjEsN1pcIiAvPlxuICAgICAgICA8L3N2Zz5cbiAgICAgIDwvZGl2PlxuICAgIDwvY29sb3Itc3dhdGNoPlxuICBgLFxuICBzdHlsZXM6IFtcbiAgICBgXG4gICAgICAuc3dhdGNoZXMtZ3JvdXAge1xuICAgICAgICBwYWRkaW5nLWJvdHRvbTogMTBweDtcbiAgICAgICAgd2lkdGg6IDQwcHg7XG4gICAgICAgIGZsb2F0OiBsZWZ0O1xuICAgICAgICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG4gICAgICB9XG4gICAgICAuc3dhdGNoLWNoZWNrIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDhweDtcbiAgICAgIH1cbiAgICBgLFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIFN3YXRjaGVzQ29sb3JDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBjb2xvciE6IHN0cmluZztcbiAgQElucHV0KCkgZmlyc3QgPSBmYWxzZTtcbiAgQElucHV0KCkgbGFzdCA9IGZhbHNlO1xuICBASW5wdXQoKSBhY3RpdmUhOiBib29sZWFuO1xuICBAT3V0cHV0KCkgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCkgb25Td2F0Y2hIb3ZlciA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBnZXRDb250cmFzdGluZ0NvbG9yID0gZ2V0Q29udHJhc3RpbmdDb2xvcjtcbiAgY29sb3JTdHlsZTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IHtcbiAgICB3aWR0aDogJzQwcHgnLFxuICAgIGhlaWdodDogJzI0cHgnLFxuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIG1hcmdpbkJvdHRvbTogJzFweCcsXG4gIH07XG4gIGZvY3VzU3R5bGU6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPSB7fTtcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmNvbG9yU3R5bGUuYmFja2dyb3VuZCA9IHRoaXMuY29sb3I7XG4gICAgdGhpcy5mb2N1c1N0eWxlLmJveFNoYWRvdyA9IGAwIDAgNHB4ICR7dGhpcy5jb2xvcn1gO1xuICAgIGlmICh0aGlzLmZpcnN0KSB7XG4gICAgICB0aGlzLmNvbG9yU3R5bGUuYm9yZGVyUmFkaXVzID0gJzJweCAycHggMCAwJztcbiAgICB9XG4gICAgaWYgKHRoaXMubGFzdCkge1xuICAgICAgdGhpcy5jb2xvclN0eWxlLmJvcmRlclJhZGl1cyA9ICcwIDAgMnB4IDJweCc7XG4gICAgfVxuICAgIGlmICh0aGlzLmNvbG9yID09PSAnI0ZGRkZGRicpIHtcbiAgICAgIHRoaXMuY29sb3JTdHlsZS5ib3hTaGFkb3cgPSAnaW5zZXQgMCAwIDAgMXB4ICNkZGQnO1xuICAgIH1cbiAgfVxuICBoYW5kbGVDbGljaygkZXZlbnQpIHtcbiAgICB0aGlzLm9uQ2xpY2suZW1pdCh7XG4gICAgICBkYXRhOiB7XG4gICAgICAgIGhleDogdGhpcy5jb2xvcixcbiAgICAgICAgc291cmNlOiAnaGV4JyxcbiAgICAgIH0sXG4gICAgICAkZXZlbnQsXG4gICAgfSk7XG4gIH1cbn1cbiJdfQ==
@@ -1,258 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { ChangeDetectionStrategy, Component, forwardRef, Input, NgModule } from '@angular/core';
3
- import { amber, blue, blueGrey, brown, cyan, deepOrange, deepPurple, green, indigo, lightBlue, lightGreen, lime, orange, pink, purple, red, teal, yellow, } from 'material-colors';
4
- import { ColorWrap, RaisedModule, SwatchModule } from 'ngx-color';
5
- import { SwatchesColorComponent } from './swatches-color.component';
6
- import { SwatchesGroupComponent } from './swatches-group.component';
7
- import { NG_VALUE_ACCESSOR } from '@angular/forms';
8
- import * as i0 from "@angular/core";
9
- import * as i1 from "ngx-color";
10
- import * as i2 from "@angular/common";
11
- export class SwatchesComponent extends ColorWrap {
12
- constructor() {
13
- super();
14
- /** Pixel value for picker width */
15
- this.width = 320;
16
- /** Color squares to display */
17
- this.height = 240;
18
- /** An array of color groups, each with an array of colors */
19
- this.colors = [
20
- [
21
- red['900'],
22
- red['700'],
23
- red['500'],
24
- red['300'],
25
- red['100'],
26
- ],
27
- [
28
- pink['900'],
29
- pink['700'],
30
- pink['500'],
31
- pink['300'],
32
- pink['100'],
33
- ],
34
- [
35
- purple['900'],
36
- purple['700'],
37
- purple['500'],
38
- purple['300'],
39
- purple['100'],
40
- ],
41
- [
42
- deepPurple['900'],
43
- deepPurple['700'],
44
- deepPurple['500'],
45
- deepPurple['300'],
46
- deepPurple['100'],
47
- ],
48
- [
49
- indigo['900'],
50
- indigo['700'],
51
- indigo['500'],
52
- indigo['300'],
53
- indigo['100'],
54
- ],
55
- [
56
- blue['900'],
57
- blue['700'],
58
- blue['500'],
59
- blue['300'],
60
- blue['100'],
61
- ],
62
- [
63
- lightBlue['900'],
64
- lightBlue['700'],
65
- lightBlue['500'],
66
- lightBlue['300'],
67
- lightBlue['100'],
68
- ],
69
- [
70
- cyan['900'],
71
- cyan['700'],
72
- cyan['500'],
73
- cyan['300'],
74
- cyan['100'],
75
- ],
76
- [
77
- teal['900'],
78
- teal['700'],
79
- teal['500'],
80
- teal['300'],
81
- teal['100'],
82
- ],
83
- [
84
- '#194D33',
85
- green['700'],
86
- green['500'],
87
- green['300'],
88
- green['100'],
89
- ],
90
- [
91
- lightGreen['900'],
92
- lightGreen['700'],
93
- lightGreen['500'],
94
- lightGreen['300'],
95
- lightGreen['100'],
96
- ],
97
- [
98
- lime['900'],
99
- lime['700'],
100
- lime['500'],
101
- lime['300'],
102
- lime['100'],
103
- ],
104
- [
105
- yellow['900'],
106
- yellow['700'],
107
- yellow['500'],
108
- yellow['300'],
109
- yellow['100'],
110
- ],
111
- [
112
- amber['900'],
113
- amber['700'],
114
- amber['500'],
115
- amber['300'],
116
- amber['100'],
117
- ],
118
- [
119
- orange['900'],
120
- orange['700'],
121
- orange['500'],
122
- orange['300'],
123
- orange['100'],
124
- ],
125
- [
126
- deepOrange['900'],
127
- deepOrange['700'],
128
- deepOrange['500'],
129
- deepOrange['300'],
130
- deepOrange['100'],
131
- ],
132
- [
133
- brown['900'],
134
- brown['700'],
135
- brown['500'],
136
- brown['300'],
137
- brown['100'],
138
- ],
139
- [
140
- blueGrey['900'],
141
- blueGrey['700'],
142
- blueGrey['500'],
143
- blueGrey['300'],
144
- blueGrey['100'],
145
- ],
146
- ['#000000', '#525252', '#969696', '#D9D9D9', '#FFFFFF'],
147
- ];
148
- this.zDepth = 1;
149
- this.radius = 1;
150
- this.background = '#fff';
151
- }
152
- handlePickerChange({ data, $event }) {
153
- this.handleChange(data, $event);
154
- }
155
- }
156
- SwatchesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SwatchesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
157
- SwatchesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: SwatchesComponent, selector: "color-swatches", inputs: { width: "width", height: "height", colors: "colors", zDepth: "zDepth", radius: "radius", background: "background" }, providers: [
158
- {
159
- provide: NG_VALUE_ACCESSOR,
160
- useExisting: forwardRef(() => SwatchesComponent),
161
- multi: true,
162
- },
163
- {
164
- provide: ColorWrap,
165
- useExisting: forwardRef(() => SwatchesComponent),
166
- },
167
- ], usesInheritance: true, ngImport: i0, template: `
168
- <div class="swatches-picker {{ className }}"
169
- [style.width.px]="width" [style.height.px]="height">
170
- <color-raised [zDepth]="zDepth" [background]="background" [radius]="radius">
171
- <div class="swatches-overflow" [style.height.px]="height">
172
- <div class="swatches-body">
173
- <color-swatches-group
174
- *ngFor="let group of colors"
175
- [group]="group" [active]="hex"
176
- (onClick)="handlePickerChange($event)"
177
- ></color-swatches-group>
178
- </div>
179
- </div>
180
- </color-raised>
181
- </div>
182
- `, isInline: true, styles: [".swatches-overflow{overflow-y:scroll}.swatches-overflow{padding:16px 0 6px 16px}\n"], components: [{ type: i0.forwardRef(function () { return i1.RaisedComponent; }), selector: "color-raised", inputs: ["zDepth", "radius", "background"] }, { type: i0.forwardRef(function () { return SwatchesGroupComponent; }), selector: "color-swatches-group", inputs: ["group", "active"], outputs: ["onClick", "onSwatchHover"] }], directives: [{ type: i0.forwardRef(function () { return i2.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
183
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SwatchesComponent, decorators: [{
184
- type: Component,
185
- args: [{
186
- selector: 'color-swatches',
187
- template: `
188
- <div class="swatches-picker {{ className }}"
189
- [style.width.px]="width" [style.height.px]="height">
190
- <color-raised [zDepth]="zDepth" [background]="background" [radius]="radius">
191
- <div class="swatches-overflow" [style.height.px]="height">
192
- <div class="swatches-body">
193
- <color-swatches-group
194
- *ngFor="let group of colors"
195
- [group]="group" [active]="hex"
196
- (onClick)="handlePickerChange($event)"
197
- ></color-swatches-group>
198
- </div>
199
- </div>
200
- </color-raised>
201
- </div>
202
- `,
203
- styles: [
204
- `
205
- .swatches-overflow {
206
- overflow-y: scroll;
207
- }
208
- .swatches-overflow {
209
- padding: 16px 0 6px 16px;
210
- }
211
- `,
212
- ],
213
- changeDetection: ChangeDetectionStrategy.OnPush,
214
- preserveWhitespaces: false,
215
- providers: [
216
- {
217
- provide: NG_VALUE_ACCESSOR,
218
- useExisting: forwardRef(() => SwatchesComponent),
219
- multi: true,
220
- },
221
- {
222
- provide: ColorWrap,
223
- useExisting: forwardRef(() => SwatchesComponent),
224
- },
225
- ]
226
- }]
227
- }], ctorParameters: function () { return []; }, propDecorators: { width: [{
228
- type: Input
229
- }], height: [{
230
- type: Input
231
- }], colors: [{
232
- type: Input
233
- }], zDepth: [{
234
- type: Input
235
- }], radius: [{
236
- type: Input
237
- }], background: [{
238
- type: Input
239
- }] } });
240
- export class ColorSwatchesModule {
241
- }
242
- ColorSwatchesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorSwatchesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
243
- ColorSwatchesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorSwatchesModule, declarations: [SwatchesComponent, SwatchesGroupComponent,
244
- SwatchesColorComponent], imports: [CommonModule, SwatchModule, RaisedModule], exports: [SwatchesComponent, SwatchesGroupComponent, SwatchesColorComponent] });
245
- ColorSwatchesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorSwatchesModule, imports: [[CommonModule, SwatchModule, RaisedModule]] });
246
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorSwatchesModule, decorators: [{
247
- type: NgModule,
248
- args: [{
249
- declarations: [
250
- SwatchesComponent,
251
- SwatchesGroupComponent,
252
- SwatchesColorComponent,
253
- ],
254
- exports: [SwatchesComponent, SwatchesGroupComponent, SwatchesColorComponent],
255
- imports: [CommonModule, SwatchModule, RaisedModule],
256
- }]
257
- }] });
258
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dhdGNoZXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL3N3YXRjaGVzL3N3YXRjaGVzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRyxPQUFPLEVBQ0wsS0FBSyxFQUNMLElBQUksRUFDSixRQUFRLEVBQ1IsS0FBSyxFQUNMLElBQUksRUFDSixVQUFVLEVBQ1YsVUFBVSxFQUNWLEtBQUssRUFDTCxNQUFNLEVBQ04sU0FBUyxFQUNULFVBQVUsRUFDVixJQUFJLEVBQ0osTUFBTSxFQUNOLElBQUksRUFDSixNQUFNLEVBQ04sR0FBRyxFQUNILElBQUksRUFDSixNQUFNLEdBQ1AsTUFBTSxpQkFBaUIsQ0FBQztBQUV6QixPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxZQUFZLEVBQVUsTUFBTSxXQUFXLENBQUM7QUFDMUUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDcEUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDcEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUE0Q25ELE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxTQUFTO0lBNEk5QztRQUNFLEtBQUssRUFBRSxDQUFDO1FBNUlWLG1DQUFtQztRQUMxQixVQUFLLEdBQW9CLEdBQUcsQ0FBQztRQUN0QywrQkFBK0I7UUFDdEIsV0FBTSxHQUFvQixHQUFHLENBQUM7UUFDdkMsNkRBQTZEO1FBRTdELFdBQU0sR0FBZTtZQUNuQjtnQkFDRSxHQUFHLENBQUMsS0FBSyxDQUFDO2dC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QUFtQjtpSEFBbkIsbUJBQW1CLGlCQTlKbkIsaUJBQWlCLEVBd0oxQixzQkFBc0I7UUFDdEIsc0JBQXNCLGFBR2QsWUFBWSxFQUFFLFlBQVksRUFBRSxZQUFZLGFBNUp2QyxpQkFBaUIsRUEySkMsc0JBQXNCLEVBQUUsc0JBQXNCO2lIQUdoRSxtQkFBbUIsWUFGckIsQ0FBQyxZQUFZLEVBQUUsWUFBWSxFQUFFLFlBQVksQ0FBQzsyRkFFeEMsbUJBQW1CO2tCQVQvQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixpQkFBaUI7d0JBQ2pCLHNCQUFzQjt3QkFDdEIsc0JBQXNCO3FCQUN2QjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxpQkFBaUIsRUFBRSxzQkFBc0IsRUFBRSxzQkFBc0IsQ0FBQztvQkFDNUUsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLFlBQVksRUFBRSxZQUFZLENBQUM7aUJBQ3BEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGZvcndhcmRSZWYsIElucHV0LCBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgYW1iZXIsXG4gIGJsdWUsXG4gIGJsdWVHcmV5LFxuICBicm93bixcbiAgY3lhbixcbiAgZGVlcE9yYW5nZSxcbiAgZGVlcFB1cnBsZSxcbiAgZ3JlZW4sXG4gIGluZGlnbyxcbiAgbGlnaHRCbHVlLFxuICBsaWdodEdyZWVuLFxuICBsaW1lLFxuICBvcmFuZ2UsXG4gIHBpbmssXG4gIHB1cnBsZSxcbiAgcmVkLFxuICB0ZWFsLFxuICB5ZWxsb3csXG59IGZyb20gJ21hdGVyaWFsLWNvbG9ycyc7XG5cbmltcG9ydCB7IENvbG9yV3JhcCwgUmFpc2VkTW9kdWxlLCBTd2F0Y2hNb2R1bGUsIHpEZXB0aCB9IGZyb20gJ25neC1jb2xvcic7XG5pbXBvcnQgeyBTd2F0Y2hlc0NvbG9yQ29tcG9uZW50IH0gZnJvbSAnLi9zd2F0Y2hlcy1jb2xvci5jb21wb25lbnQnO1xuaW1wb3J0IHsgU3dhdGNoZXNHcm91cENvbXBvbmVudCB9IGZyb20gJy4vc3dhdGNoZXMtZ3JvdXAuY29tcG9uZW50JztcbmltcG9ydCB7IE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjb2xvci1zd2F0Y2hlcycsXG4gIHRlbXBsYXRlOiBgXG4gIDxkaXYgY2xhc3M9XCJzd2F0Y2hlcy1waWNrZXIge3sgY2xhc3NOYW1lIH19XCJcbiAgICBbc3R5bGUud2lkdGgucHhdPVwid2lkdGhcIiBbc3R5bGUuaGVpZ2h0LnB4XT1cImhlaWdodFwiPlxuICAgIDxjb2xvci1yYWlzZWQgW3pEZXB0aF09XCJ6RGVwdGhcIiBbYmFja2dyb3VuZF09XCJiYWNrZ3JvdW5kXCIgW3JhZGl1c109XCJyYWRpdXNcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzd2F0Y2hlcy1vdmVyZmxvd1wiIFtzdHlsZS5oZWlnaHQucHhdPVwiaGVpZ2h0XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzd2F0Y2hlcy1ib2R5XCI+XG4gICAgICAgICAgPGNvbG9yLXN3YXRjaGVzLWdyb3VwXG4gICAgICAgICAgICAqbmdGb3I9XCJsZXQgZ3JvdXAgb2YgY29sb3JzXCJcbiAgICAgICAgICAgIFtncm91cF09XCJncm91cFwiIFthY3RpdmVdPVwiaGV4XCJcbiAgICAgICAgICAgIChvbkNsaWNrKT1cImhhbmRsZVBpY2tlckNoYW5nZSgkZXZlbnQpXCJcbiAgICAgICAgICA+PC9jb2xvci1zd2F0Y2hlcy1ncm91cD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2NvbG9yLXJhaXNlZD5cbiAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICAgIC5zd2F0Y2hlcy1vdmVyZmxvdyB7XG4gICAgICAgIG92ZXJmbG93LXk6IHNjcm9sbDtcbiAgICAgIH1cbiAgICAgIC5zd2F0Y2hlcy1vdmVyZmxvdyB7XG4gICAgICAgIHBhZGRpbmc6IDE2cHggMCA2cHggMTZweDtcbiAgICAgIH1cbiAgICBgLFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU3dhdGNoZXNDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgICB7XG4gICAgICBwcm92aWRlOiBDb2xvcldyYXAsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTd2F0Y2hlc0NvbXBvbmVudCksXG4gICAgfSxcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBTd2F0Y2hlc0NvbXBvbmVudCBleHRlbmRzIENvbG9yV3JhcCB7XG4gIC8qKiBQaXhlbCB2YWx1ZSBmb3IgcGlja2VyIHdpZHRoICovXG4gIEBJbnB1dCgpIHdpZHRoOiBzdHJpbmcgfCBudW1iZXIgPSAzMjA7XG4gIC8qKiBDb2xvciBzcXVhcmVzIHRvIGRpc3BsYXkgKi9cbiAgQElucHV0KCkgaGVpZ2h0OiBzdHJpbmcgfCBudW1iZXIgPSAyNDA7XG4gIC8qKiBBbiBhcnJheSBvZiBjb2xvciBncm91cHMsIGVhY2ggd2l0aCBhbiBhcnJheSBvZiBjb2xvcnMgKi9cbiAgQElucHV0KClcbiAgY29sb3JzOiBzdHJpbmdbXVtdID0gW1xuICAgIFtcbiAgICAgIHJlZFsnOTAwJ10sXG4gICAgICByZWRbJzcwMCddLFxuICAgICAgcmVkWyc1MDAnXSxcbiAgICAgIHJlZFsnMzAwJ10sXG4gICAgICByZWRbJzEwMCddLFxuICAgIF0sXG4gICAgW1xuICAgICAgcGlua1snOTAwJ10sXG4gICAgICBwaW5rWyc3MDAnXSxcbiAgICAgIHBpbmtbJzUwMCddLFxuICAgICAgcGlua1snMzAwJ10sXG4gICAgICBwaW5rWycxMDAnXSxcbiAgICBdLFxuICAgIFtcbiAgICAgIHB1cnBsZVsnOTAwJ10sXG4gICAgICBwdXJwbGVbJzcwMCddLFxuICAgICAgcHVycGxlWyc1MDAnXSxcbiAgICAgIHB1cnBsZVsnMzAwJ10sXG4gICAgICBwdXJwbGVbJzEwMCddLFxuICAgIF0sXG4gICAgW1xuICAgICAgZGVlcFB1cnBsZVsnOTAwJ10sXG4gICAgICBkZWVwUHVycGxlWyc3MDAnXSxcbiAgICAgIGRlZXBQdXJwbGVbJzUwMCddLFxuICAgICAgZGVlcFB1cnBsZVsnMzAwJ10sXG4gICAgICBkZWVwUHVycGxlWycxMDAnXSxcbiAgICBdLFxuICAgIFtcbiAgICAgIGluZGlnb1snOTAwJ10sXG4gICAgICBpbmRpZ29bJzcwMCddLFxuICAgICAgaW5kaWdvWyc1MDAnXSxcbiAgICAgIGluZGlnb1snMzAwJ10sXG4gICAgICBpbmRpZ29bJzEwMCddLFxuICAgIF0sXG4gICAgW1xuICAgICAgYmx1ZVsnOTAwJ10sXG4gICAgICBibHVlWyc3MDAnXSxcbiAgICAgIGJsdWVbJzUwMCddLFxuICAgICAgYmx1ZVsnMzAwJ10sXG4gICAgICBibHVlWycxMDAnXSxcbiAgICBdLFxuICAgIFtcbiAgICAgIGxpZ2h0Qmx1ZVsnOTAwJ10sXG4gICAgICBsaWdodEJsdWVbJzcwMCddLFxuICAgICAgbGlnaHRCbHVlWyc1MDAnXSxcbiAgICAgIGxpZ2h0Qmx1ZVsnMzAwJ10sXG4gICAgICBsaWdodEJsdWVbJzEwMCddLFxuICAgIF0sXG4gICAgW1xuICAgICAgY3lhblsnOTAwJ10sXG4gICAgICBjeWFuWyc3MDAnXSxcbiAgICAgIGN5YW5bJzUwMCddLFxuICAgICAgY3lhblsnMzAwJ10sXG4gICAgICBjeWFuWycxMDAnXSxcbiAgICBdLFxuICAgIFtcbiAgICAgIHRlYWxbJzkwMCddLFxuICAgICAgdGVhbFsnNzAwJ10sXG4gICAgICB0ZWFsWyc1MDAnXSxcbiAgICAgIHRlYWxbJzMwMCddLFxuICAgICAgdGVhbFsnMTAwJ10sXG4gICAgXSxcbiAgICBbXG4gICAgICAnIzE5NEQzMycsXG4gICAgICBncmVlblsnNzAwJ10sXG4gICAgICBncmVlblsnNTAwJ10sXG4gICAgICBncmVlblsnMzAwJ10sXG4gICAgICBncmVlblsnMTAwJ10sXG4gICAgXSxcbiAgICBbXG4gICAgICBsaWdodEdyZWVuWyc5MDAnXSxcbiAgICAgIGxpZ2h0R3JlZW5bJzcwMCddLFxuICAgICAgbGlnaHRHcmVlblsnNTAwJ10sXG4gICAgICBsaWdodEdyZWVuWyczMDAnXSxcbiAgICAgIGxpZ2h0R3JlZW5bJzEwMCddLFxuICAgIF0sXG4gICAgW1xuICAgICAgbGltZVsnOTAwJ10sXG4gICAgICBsaW1lWyc3MDAnXSxcbiAgICAgIGxpbWVbJzUwMCddLFxuICAgICAgbGltZVsnMzAwJ10sXG4gICAgICBsaW1lWycxMDAnXSxcbiAgICBdLFxuICAgIFtcbiAgICAgIHllbGxvd1snOTAwJ10sXG4gICAgICB5ZWxsb3dbJzcwMCddLFxuICAgICAgeWVsbG93Wyc1MDAnXSxcbiAgICAgIHllbGxvd1snMzAwJ10sXG4gICAgICB5ZWxsb3dbJzEwMCddLFxuICAgIF0sXG4gICAgW1xuICAgICAgYW1iZXJbJzkwMCddLFxuICAgICAgYW1iZXJbJzcwMCddLFxuICAgICAgYW1iZXJbJzUwMCddLFxuICAgICAgYW1iZXJbJzMwMCddLFxuICAgICAgYW1iZXJbJzEwMCddLFxuICAgIF0sXG4gICAgW1xuICAgICAgb3JhbmdlWyc5MDAnXSxcbiAgICAgIG9yYW5nZVsnNzAwJ10sXG4gICAgICBvcmFuZ2VbJzUwMCddLFxuICAgICAgb3JhbmdlWyczMDAnXSxcbiAgICAgIG9yYW5nZVsnMTAwJ10sXG4gICAgXSxcbiAgICBbXG4gICAgICBkZWVwT3JhbmdlWyc5MDAnXSxcbiAgICAgIGRlZXBPcmFuZ2VbJzcwMCddLFxuICAgICAgZGVlcE9yYW5nZVsnNTAwJ10sXG4gICAgICBkZWVwT3JhbmdlWyczMDAnXSxcbiAgICAgIGRlZXBPcmFuZ2VbJzEwMCddLFxuICAgIF0sXG4gICAgW1xuICAgICAgYnJvd25bJzkwMCddLFxuICAgICAgYnJvd25bJzcwMCddLFxuICAgICAgYnJvd25bJzUwMCddLFxuICAgICAgYnJvd25bJzMwMCddLFxuICAgICAgYnJvd25bJzEwMCddLFxuICAgIF0sXG4gICAgW1xuICAgICAgYmx1ZUdyZXlbJzkwMCddLFxuICAgICAgYmx1ZUdyZXlbJzcwMCddLFxuICAgICAgYmx1ZUdyZXlbJzUwMCddLFxuICAgICAgYmx1ZUdyZXlbJzMwMCddLFxuICAgICAgYmx1ZUdyZXlbJzEwMCddLFxuICAgIF0sXG4gICAgWycjMDAwMDAwJywgJyM1MjUyNTInLCAnIzk2OTY5NicsICcjRDlEOUQ5JywgJyNGRkZGRkYnXSxcbiAgXTtcbiAgQElucHV0KCkgekRlcHRoOiB6RGVwdGggPSAxO1xuICBASW5wdXQoKSByYWRpdXMgPSAxO1xuICBASW5wdXQoKSBiYWNrZ3JvdW5kID0gJyNmZmYnO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gIH1cblxuICBoYW5kbGVQaWNrZXJDaGFuZ2UoeyBkYXRhLCAkZXZlbnQgfSkge1xuICAgIHRoaXMuaGFuZGxlQ2hhbmdlKGRhdGEsICRldmVudCk7XG4gIH1cbn1cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgU3dhdGNoZXNDb21wb25lbnQsXG4gICAgU3dhdGNoZXNHcm91cENvbXBvbmVudCxcbiAgICBTd2F0Y2hlc0NvbG9yQ29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbU3dhdGNoZXNDb21wb25lbnQsIFN3YXRjaGVzR3JvdXBDb21wb25lbnQsIFN3YXRjaGVzQ29sb3JDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBTd2F0Y2hNb2R1bGUsIFJhaXNlZE1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIENvbG9yU3dhdGNoZXNNb2R1bGUge31cbiJdfQ==
@@ -1 +0,0 @@
1
- {"version":3,"file":"ngx-color-swatches.mjs","sources":["../../../../src/lib/components/swatches/swatches-color.component.ts","../../../../src/lib/components/swatches/swatches-group.component.ts","../../../../src/lib/components/swatches/swatches.component.ts","../../../../src/lib/components/swatches/ngx-color-swatches.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n Input,\n OnInit,\n Output,\n} from '@angular/core';\n\nimport { getContrastingColor } from 'ngx-color';\n\n@Component({\n selector: 'color-swatches-color',\n template: `\n <color-swatch\n [color]=\"color\"\n [style]=\"colorStyle\"\n [focusStyle]=\"focusStyle\"\n [class.first]=\"first\"\n [class.last]=\"last\"\n (click)=\"handleClick($event)\"\n (keydown.enter)=\"handleClick($event)\"\n (onHover)=\"onSwatchHover.emit($event)\"\n >\n <div class=\"swatch-check\" *ngIf=\"active\" [class.first]=\"first\" [class.last]=\"last\">\n <svg\n style=\"width: 24px; height: 24px;\"\n viewBox=\"0 0 24 24\"\n [style.fill]=\"getContrastingColor(color)\"\n >\n <path d=\"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z\" />\n </svg>\n </div>\n </color-swatch>\n `,\n styles: [\n `\n .swatches-group {\n padding-bottom: 10px;\n width: 40px;\n float: left;\n margin-right: 10px;\n }\n .swatch-check {\n display: flex;\n margin-left: 8px;\n }\n `,\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n preserveWhitespaces: false,\n})\nexport class SwatchesColorComponent implements OnInit {\n @Input() color!: string;\n @Input() first = false;\n @Input() last = false;\n @Input() active!: boolean;\n @Output() onClick = new EventEmitter<any>();\n @Output() onSwatchHover = new EventEmitter<any>();\n getContrastingColor = getContrastingColor;\n colorStyle: Record<string, string> = {\n width: '40px',\n height: '24px',\n cursor: 'pointer',\n marginBottom: '1px',\n };\n focusStyle: Record<string, string> = {};\n\n ngOnInit() {\n this.colorStyle.background = this.color;\n this.focusStyle.boxShadow = `0 0 4px ${this.color}`;\n if (this.first) {\n this.colorStyle.borderRadius = '2px 2px 0 0';\n }\n if (this.last) {\n this.colorStyle.borderRadius = '0 0 2px 2px';\n }\n if (this.color === '#FFFFFF') {\n this.colorStyle.boxShadow = 'inset 0 0 0 1px #ddd';\n }\n }\n handleClick($event) {\n this.onClick.emit({\n data: {\n hex: this.color,\n source: 'hex',\n },\n $event,\n });\n }\n}\n","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'color-swatches-group',\n template: `\n <div class=\"swatches-group\">\n <color-swatches-color\n *ngFor=\"let color of group; let idx = index\"\n [active]=\"color.toLowerCase() === active\"\n [color]=\"color\"\n [first]=\"idx === 0\"\n [last]=\"idx === group.length - 1\"\n (onClick)=\"onClick.emit($event)\"\n >\n </color-swatches-color>\n </div>\n `,\n styles: [\n `\n .swatches-group {\n padding-bottom: 10px;\n width: 40px;\n float: left;\n margin-right: 10px;\n }\n `,\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n preserveWhitespaces: false,\n})\nexport class SwatchesGroupComponent {\n @Input() group!: string[];\n @Input() active!: string;\n @Output() onClick = new EventEmitter<any>();\n @Output() onSwatchHover = new EventEmitter<any>();\n}\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, Input, NgModule } from '@angular/core';\nimport {\n amber,\n blue,\n blueGrey,\n brown,\n cyan,\n deepOrange,\n deepPurple,\n green,\n indigo,\n lightBlue,\n lightGreen,\n lime,\n orange,\n pink,\n purple,\n red,\n teal,\n yellow,\n} from 'material-colors';\n\nimport { ColorWrap, RaisedModule, SwatchModule, zDepth } from 'ngx-color';\nimport { SwatchesColorComponent } from './swatches-color.component';\nimport { SwatchesGroupComponent } from './swatches-group.component';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n selector: 'color-swatches',\n template: `\n <div class=\"swatches-picker {{ className }}\"\n [style.width.px]=\"width\" [style.height.px]=\"height\">\n <color-raised [zDepth]=\"zDepth\" [background]=\"background\" [radius]=\"radius\">\n <div class=\"swatches-overflow\" [style.height.px]=\"height\">\n <div class=\"swatches-body\">\n <color-swatches-group\n *ngFor=\"let group of colors\"\n [group]=\"group\" [active]=\"hex\"\n (onClick)=\"handlePickerChange($event)\"\n ></color-swatches-group>\n </div>\n </div>\n </color-raised>\n </div>\n `,\n styles: [\n `\n .swatches-overflow {\n overflow-y: scroll;\n }\n .swatches-overflow {\n padding: 16px 0 6px 16px;\n }\n `,\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n preserveWhitespaces: false,\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => SwatchesComponent),\n multi: true,\n },\n {\n provide: ColorWrap,\n useExisting: forwardRef(() => SwatchesComponent),\n },\n ]\n})\nexport class SwatchesComponent extends ColorWrap {\n /** Pixel value for picker width */\n @Input() width: string | number = 320;\n /** Color squares to display */\n @Input() height: string | number = 240;\n /** An array of color groups, each with an array of colors */\n @Input()\n colors: string[][] = [\n [\n red['900'],\n red['700'],\n red['500'],\n red['300'],\n red['100'],\n ],\n [\n pink['900'],\n pink['700'],\n pink['500'],\n pink['300'],\n pink['100'],\n ],\n [\n purple['900'],\n purple['700'],\n purple['500'],\n purple['300'],\n purple['100'],\n ],\n [\n deepPurple['900'],\n deepPurple['700'],\n deepPurple['500'],\n deepPurple['300'],\n deepPurple['100'],\n ],\n [\n indigo['900'],\n indigo['700'],\n indigo['500'],\n indigo['300'],\n indigo['100'],\n ],\n [\n blue['900'],\n blue['700'],\n blue['500'],\n blue['300'],\n blue['100'],\n ],\n [\n lightBlue['900'],\n lightBlue['700'],\n lightBlue['500'],\n lightBlue['300'],\n lightBlue['100'],\n ],\n [\n cyan['900'],\n cyan['700'],\n cyan['500'],\n cyan['300'],\n cyan['100'],\n ],\n [\n teal['900'],\n teal['700'],\n teal['500'],\n teal['300'],\n teal['100'],\n ],\n [\n '#194D33',\n green['700'],\n green['500'],\n green['300'],\n green['100'],\n ],\n [\n lightGreen['900'],\n lightGreen['700'],\n lightGreen['500'],\n lightGreen['300'],\n lightGreen['100'],\n ],\n [\n lime['900'],\n lime['700'],\n lime['500'],\n lime['300'],\n lime['100'],\n ],\n [\n yellow['900'],\n yellow['700'],\n yellow['500'],\n yellow['300'],\n yellow['100'],\n ],\n [\n amber['900'],\n amber['700'],\n amber['500'],\n amber['300'],\n amber['100'],\n ],\n [\n orange['900'],\n orange['700'],\n orange['500'],\n orange['300'],\n orange['100'],\n ],\n [\n deepOrange['900'],\n deepOrange['700'],\n deepOrange['500'],\n deepOrange['300'],\n deepOrange['100'],\n ],\n [\n brown['900'],\n brown['700'],\n brown['500'],\n brown['300'],\n brown['100'],\n ],\n [\n blueGrey['900'],\n blueGrey['700'],\n blueGrey['500'],\n blueGrey['300'],\n blueGrey['100'],\n ],\n ['#000000', '#525252', '#969696', '#D9D9D9', '#FFFFFF'],\n ];\n @Input() zDepth: zDepth = 1;\n @Input() radius = 1;\n @Input() background = '#fff';\n\n constructor() {\n super();\n }\n\n handlePickerChange({ data, $event }) {\n this.handleChange(data, $event);\n }\n}\n\n@NgModule({\n declarations: [\n SwatchesComponent,\n SwatchesGroupComponent,\n SwatchesColorComponent,\n ],\n exports: [SwatchesComponent, SwatchesGroupComponent, SwatchesColorComponent],\n imports: [CommonModule, SwatchModule, RaisedModule],\n})\nexport class ColorSwatchesModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ngx-color-swatches.mjs","sources":["../../../../src/lib/components/swatches/swatches-color.component.ts","../../../../src/lib/components/swatches/swatches-group.component.ts","../../../../src/lib/components/swatches/swatches.component.ts","../../../../src/lib/components/swatches/ngx-color-swatches.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n Input,\n OnInit,\n Output,\n} from '@angular/core';\n\nimport { getContrastingColor } from 'ngx-color';\n\n@Component({\n selector: 'color-swatches-color',\n template: `\n <color-swatch\n [color]=\"color\"\n [style]=\"colorStyle\"\n [focusStyle]=\"focusStyle\"\n [class.first]=\"first\"\n [class.last]=\"last\"\n (click)=\"handleClick($event)\"\n (keydown.enter)=\"handleClick($event)\"\n (onHover)=\"onSwatchHover.emit($event)\"\n >\n <div class=\"swatch-check\" *ngIf=\"active\" [class.first]=\"first\" [class.last]=\"last\">\n <svg\n style=\"width: 24px; height: 24px;\"\n viewBox=\"0 0 24 24\"\n [style.fill]=\"getContrastingColor(color)\"\n >\n <path d=\"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z\" />\n </svg>\n </div>\n </color-swatch>\n `,\n styles: [\n `\n .swatches-group {\n padding-bottom: 10px;\n width: 40px;\n float: left;\n margin-right: 10px;\n }\n .swatch-check {\n display: flex;\n margin-left: 8px;\n }\n `,\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n preserveWhitespaces: false,\n})\nexport class SwatchesColorComponent implements OnInit {\n @Input() color!: string;\n @Input() first = false;\n @Input() last = false;\n @Input() active!: boolean;\n @Output() onClick = new EventEmitter<any>();\n @Output() onSwatchHover = new EventEmitter<any>();\n getContrastingColor = getContrastingColor;\n colorStyle: Record<string, string> = {\n width: '40px',\n height: '24px',\n cursor: 'pointer',\n marginBottom: '1px',\n };\n focusStyle: Record<string, string> = {};\n\n ngOnInit() {\n this.colorStyle.background = this.color;\n this.focusStyle.boxShadow = `0 0 4px ${this.color}`;\n if (this.first) {\n this.colorStyle.borderRadius = '2px 2px 0 0';\n }\n if (this.last) {\n this.colorStyle.borderRadius = '0 0 2px 2px';\n }\n if (this.color === '#FFFFFF') {\n this.colorStyle.boxShadow = 'inset 0 0 0 1px #ddd';\n }\n }\n handleClick($event) {\n this.onClick.emit({\n data: {\n hex: this.color,\n source: 'hex',\n },\n $event,\n });\n }\n}\n","import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'color-swatches-group',\n template: `\n <div class=\"swatches-group\">\n <color-swatches-color\n *ngFor=\"let color of group; let idx = index\"\n [active]=\"color.toLowerCase() === active\"\n [color]=\"color\"\n [first]=\"idx === 0\"\n [last]=\"idx === group.length - 1\"\n (onClick)=\"onClick.emit($event)\"\n >\n </color-swatches-color>\n </div>\n `,\n styles: [\n `\n .swatches-group {\n padding-bottom: 10px;\n width: 40px;\n float: left;\n margin-right: 10px;\n }\n `,\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n preserveWhitespaces: false,\n})\nexport class SwatchesGroupComponent {\n @Input() group!: string[];\n @Input() active!: string;\n @Output() onClick = new EventEmitter<any>();\n @Output() onSwatchHover = new EventEmitter<any>();\n}\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, Input, NgModule } from '@angular/core';\nimport {\n amber,\n blue,\n blueGrey,\n brown,\n cyan,\n deepOrange,\n deepPurple,\n green,\n indigo,\n lightBlue,\n lightGreen,\n lime,\n orange,\n pink,\n purple,\n red,\n teal,\n yellow,\n} from 'material-colors';\n\nimport { ColorWrap, RaisedModule, SwatchModule, zDepth } from 'ngx-color';\nimport { SwatchesColorComponent } from './swatches-color.component';\nimport { SwatchesGroupComponent } from './swatches-group.component';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n selector: 'color-swatches',\n template: `\n <div class=\"swatches-picker {{ className }}\"\n [style.width.px]=\"width\" [style.height.px]=\"height\">\n <color-raised [zDepth]=\"zDepth\" [background]=\"background\" [radius]=\"radius\">\n <div class=\"swatches-overflow\" [style.height.px]=\"height\">\n <div class=\"swatches-body\">\n <color-swatches-group\n *ngFor=\"let group of colors\"\n [group]=\"group\" [active]=\"hex\"\n (onClick)=\"handlePickerChange($event)\"\n ></color-swatches-group>\n </div>\n </div>\n </color-raised>\n </div>\n `,\n styles: [\n `\n .swatches-overflow {\n overflow-y: scroll;\n }\n .swatches-overflow {\n padding: 16px 0 6px 16px;\n }\n `,\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n preserveWhitespaces: false,\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => SwatchesComponent),\n multi: true,\n },\n {\n provide: ColorWrap,\n useExisting: forwardRef(() => SwatchesComponent),\n },\n ]\n})\nexport class SwatchesComponent extends ColorWrap {\n /** Pixel value for picker width */\n @Input() width: string | number = 320;\n /** Color squares to display */\n @Input() height: string | number = 240;\n /** An array of color groups, each with an array of colors */\n @Input()\n colors: string[][] = [\n [\n red['900'],\n red['700'],\n red['500'],\n red['300'],\n red['100'],\n ],\n [\n pink['900'],\n pink['700'],\n pink['500'],\n pink['300'],\n pink['100'],\n ],\n [\n purple['900'],\n purple['700'],\n purple['500'],\n purple['300'],\n purple['100'],\n ],\n [\n deepPurple['900'],\n deepPurple['700'],\n deepPurple['500'],\n deepPurple['300'],\n deepPurple['100'],\n ],\n [\n indigo['900'],\n indigo['700'],\n indigo['500'],\n indigo['300'],\n indigo['100'],\n ],\n [\n blue['900'],\n blue['700'],\n blue['500'],\n blue['300'],\n blue['100'],\n ],\n [\n lightBlue['900'],\n lightBlue['700'],\n lightBlue['500'],\n lightBlue['300'],\n lightBlue['100'],\n ],\n [\n cyan['900'],\n cyan['700'],\n cyan['500'],\n cyan['300'],\n cyan['100'],\n ],\n [\n teal['900'],\n teal['700'],\n teal['500'],\n teal['300'],\n teal['100'],\n ],\n [\n '#194D33',\n green['700'],\n green['500'],\n green['300'],\n green['100'],\n ],\n [\n lightGreen['900'],\n lightGreen['700'],\n lightGreen['500'],\n lightGreen['300'],\n lightGreen['100'],\n ],\n [\n lime['900'],\n lime['700'],\n lime['500'],\n lime['300'],\n lime['100'],\n ],\n [\n yellow['900'],\n yellow['700'],\n yellow['500'],\n yellow['300'],\n yellow['100'],\n ],\n [\n amber['900'],\n amber['700'],\n amber['500'],\n amber['300'],\n amber['100'],\n ],\n [\n orange['900'],\n orange['700'],\n orange['500'],\n orange['300'],\n orange['100'],\n ],\n [\n deepOrange['900'],\n deepOrange['700'],\n deepOrange['500'],\n deepOrange['300'],\n deepOrange['100'],\n ],\n [\n brown['900'],\n brown['700'],\n brown['500'],\n brown['300'],\n brown['100'],\n ],\n [\n blueGrey['900'],\n blueGrey['700'],\n blueGrey['500'],\n blueGrey['300'],\n blueGrey['100'],\n ],\n ['#000000', '#525252', '#969696', '#D9D9D9', '#FFFFFF'],\n ];\n @Input() zDepth: zDepth = 1;\n @Input() radius = 1;\n @Input() background = '#fff';\n\n constructor() {\n super();\n }\n\n handlePickerChange({ data, $event }) {\n this.handleChange(data, $event);\n }\n}\n\n@NgModule({\n declarations: [\n SwatchesComponent,\n SwatchesGroupComponent,\n SwatchesColorComponent,\n ],\n exports: [SwatchesComponent, SwatchesGroupComponent, SwatchesColorComponent],\n imports: [CommonModule, SwatchModule, RaisedModule],\n})\nexport class ColorSwatchesModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
@@ -1,5 +0,0 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- export * from './public_api';
5
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWNvbG9yLXR3aXR0ZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvdHdpdHRlci9uZ3gtY29sb3ItdHdpdHRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpY19hcGknO1xuIl19
@@ -1,2 +0,0 @@
1
- export { ColorTwitterModule, TwitterComponent } from './twitter.component';
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy90d2l0dGVyL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGtCQUFrQixFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBDb2xvclR3aXR0ZXJNb2R1bGUsIFR3aXR0ZXJDb21wb25lbnQgfSBmcm9tICcuL3R3aXR0ZXIuY29tcG9uZW50JztcbiJdfQ==
@@ -1 +0,0 @@
1
- {"version":3,"file":"ngx-color-twitter.mjs","sources":["../../../../src/lib/components/twitter/twitter.component.ts","../../../../src/lib/components/twitter/ngx-color-twitter.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, Input, NgModule } from '@angular/core';\n\nimport { ColorWrap, EditableInputModule, isValidHex, SwatchModule } from 'ngx-color';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n selector: 'color-twitter',\n template: `\n <div class=\"twitter-picker {{ triangle }}-triangle {{ className }}\" [style.width.px]=\"width\">\n <div class=\"triangleShadow\"></div>\n <div class=\"triangle\"></div>\n <div class=\"twitter-body\">\n <div class=\"twitter-swatch\" *ngFor=\"let color of colors\">\n <color-swatch\n [color]=\"color\"\n [style]=\"swatchStyle\"\n [focusStyle]=\"focus(color)\"\n (onClick)=\"handleBlockChange($event)\"\n (onHover)=\"onSwatchHover.emit($event)\"\n ></color-swatch>\n </div>\n <div class=\"twitter-hash\">\n <div>#</div>\n </div>\n <div class=\"twitter-input\">\n <color-editable-input\n [style]=\"{ input: input }\"\n [value]=\"hex.replace('#', '')\"\n (onChange)=\"handleValueChange($event)\"\n ></color-editable-input>\n </div>\n </div>\n </div>\n `,\n styles: [\n `\n .twitter-picker {\n background: rgb(255, 255, 255);\n border: 0px solid rgba(0, 0, 0, 0.25);\n box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 4px;\n border-radius: 4px;\n position: relative;\n box-sizing: border-box;\n }\n .triangleShadow {\n width: 0px;\n height: 0px;\n border-style: solid;\n border-width: 0px 9px 10px;\n border-color: transparent transparent rgba(0, 0, 0, 0.1);\n position: absolute;\n }\n .triangle {\n width: 0px;\n height: 0px;\n border-style: solid;\n border-width: 0px 9px 10px;\n border-color: transparent transparent rgb(255, 255, 255);\n position: absolute;\n }\n .hide-triangle > .triangle {\n display: none;\n }\n .hide-triangle > .triangleShadow {\n display: none;\n }\n .top-left-triangle > .triangle {\n top: -10px;\n left: 12px;\n }\n .top-left-triangle > .triangleShadow {\n top: -11px;\n left: 12px;\n }\n .top-right-triangle > .triangle {\n top: -10px;\n right: 12px;\n }\n .top-right-triangle > .triangleShadow {\n top: -11px;\n right: 12px;\n }\n .twitter-body {\n padding: 15px 9px 9px 15px;\n }\n .twitter-swatch {\n width: 30px;\n height: 30px;\n display: inline-block;\n margin: 0 6px 0 0;\n }\n .twitter-hash {\n background: rgb(240, 240, 240);\n height: 30px;\n width: 30px;\n border-radius: 4px 0px 0px 4px;\n color: rgb(152, 161, 164);\n margin-left: -3px;\n display: inline-block;\n\n }\n .twitter-hash > div {\n position: absolute;\n align-items: center;\n justify-content: center;\n height: 30px;\n width: 30px;\n display: flex;\n }\n .twitter-input {\n position: relative;\n display: inline-block;\n margin-top: -6px;\n font-size: 10px;\n height: 27px;\n padding: 0;\n position: relative;\n top: 6px;\n vertical-align: top;\n width: 108px;\n margin-left: -4px;\n }\n `,\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n preserveWhitespaces: false,\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => TwitterComponent),\n multi: true,\n },\n {\n provide: ColorWrap,\n useExisting: forwardRef(() => TwitterComponent),\n },\n ]\n})\nexport class TwitterComponent extends ColorWrap {\n /** Pixel value for picker width */\n @Input() width: string | number = 276;\n /** Color squares to display */\n @Input() colors = [\n '#FF6900',\n '#FCB900',\n '#7BDCB5',\n '#00D084',\n '#8ED1FC',\n '#0693E3',\n '#ABB8C3',\n '#EB144C',\n '#F78DA7',\n '#9900EF',\n ];\n @Input() triangle: 'hide' | 'top-left' | 'top-right' | 'bottom-right' = 'top-left';\n\n swatchStyle: {[key: string]: string} = {\n width: '30px',\n height: '30px',\n borderRadius: '4px',\n fontSize: '0',\n };\n input: {[key: string]: string} = {\n borderRadius: '4px',\n borderBottomLeftRadius: '0',\n borderTopLeftRadius: '0',\n border: '1px solid #e6ecf0',\n boxSizing: 'border-box',\n display: 'inline',\n fontSize: '14px',\n height: '30px',\n padding: '0',\n paddingLeft: '6px',\n width: '100%',\n color: '#657786',\n };\n disableAlpha = true;\n\n constructor() {\n super();\n }\n\n focus(color: string) {\n return { boxShadow: `0 0 4px ${color}` };\n }\n\n handleBlockChange({ hex, $event }: any) {\n if (isValidHex(hex)) {\n // this.hex = hex;\n this.handleChange({ hex, source: 'hex' }, $event);\n }\n }\n\n handleValueChange({ data, $event }: any) {\n this.handleBlockChange({ hex: data, $event });\n }\n}\n\n@NgModule({\n declarations: [TwitterComponent],\n exports: [TwitterComponent],\n imports: [CommonModule, SwatchModule, EditableInputModule],\n})\nexport class ColorTwitterModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"ngx-color-twitter.mjs","sources":["../../../../src/lib/components/twitter/twitter.component.ts","../../../../src/lib/components/twitter/ngx-color-twitter.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, Input, NgModule } from '@angular/core';\n\nimport { ColorWrap, EditableInputModule, isValidHex, SwatchModule } from 'ngx-color';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n selector: 'color-twitter',\n template: `\n <div class=\"twitter-picker {{ triangle }}-triangle {{ className }}\" [style.width.px]=\"width\">\n <div class=\"triangleShadow\"></div>\n <div class=\"triangle\"></div>\n <div class=\"twitter-body\">\n <div class=\"twitter-swatch\" *ngFor=\"let color of colors\">\n <color-swatch\n [color]=\"color\"\n [style]=\"swatchStyle\"\n [focusStyle]=\"focus(color)\"\n (onClick)=\"handleBlockChange($event)\"\n (onHover)=\"onSwatchHover.emit($event)\"\n ></color-swatch>\n </div>\n <div class=\"twitter-hash\">\n <div>#</div>\n </div>\n <div class=\"twitter-input\">\n <color-editable-input\n [style]=\"{ input: input }\"\n [value]=\"hex.replace('#', '')\"\n (onChange)=\"handleValueChange($event)\"\n ></color-editable-input>\n </div>\n </div>\n </div>\n `,\n styles: [\n `\n .twitter-picker {\n background: rgb(255, 255, 255);\n border: 0px solid rgba(0, 0, 0, 0.25);\n box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 4px;\n border-radius: 4px;\n position: relative;\n box-sizing: border-box;\n }\n .triangleShadow {\n width: 0px;\n height: 0px;\n border-style: solid;\n border-width: 0px 9px 10px;\n border-color: transparent transparent rgba(0, 0, 0, 0.1);\n position: absolute;\n }\n .triangle {\n width: 0px;\n height: 0px;\n border-style: solid;\n border-width: 0px 9px 10px;\n border-color: transparent transparent rgb(255, 255, 255);\n position: absolute;\n }\n .hide-triangle > .triangle {\n display: none;\n }\n .hide-triangle > .triangleShadow {\n display: none;\n }\n .top-left-triangle > .triangle {\n top: -10px;\n left: 12px;\n }\n .top-left-triangle > .triangleShadow {\n top: -11px;\n left: 12px;\n }\n .top-right-triangle > .triangle {\n top: -10px;\n right: 12px;\n }\n .top-right-triangle > .triangleShadow {\n top: -11px;\n right: 12px;\n }\n .twitter-body {\n padding: 15px 9px 9px 15px;\n }\n .twitter-swatch {\n width: 30px;\n height: 30px;\n display: inline-block;\n margin: 0 6px 0 0;\n }\n .twitter-hash {\n background: rgb(240, 240, 240);\n height: 30px;\n width: 30px;\n border-radius: 4px 0px 0px 4px;\n color: rgb(152, 161, 164);\n margin-left: -3px;\n display: inline-block;\n\n }\n .twitter-hash > div {\n position: absolute;\n align-items: center;\n justify-content: center;\n height: 30px;\n width: 30px;\n display: flex;\n }\n .twitter-input {\n position: relative;\n display: inline-block;\n margin-top: -6px;\n font-size: 10px;\n height: 27px;\n padding: 0;\n position: relative;\n top: 6px;\n vertical-align: top;\n width: 108px;\n margin-left: -4px;\n }\n `,\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n preserveWhitespaces: false,\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => TwitterComponent),\n multi: true,\n },\n {\n provide: ColorWrap,\n useExisting: forwardRef(() => TwitterComponent),\n },\n ]\n})\nexport class TwitterComponent extends ColorWrap {\n /** Pixel value for picker width */\n @Input() width: string | number = 276;\n /** Color squares to display */\n @Input() colors = [\n '#FF6900',\n '#FCB900',\n '#7BDCB5',\n '#00D084',\n '#8ED1FC',\n '#0693E3',\n '#ABB8C3',\n '#EB144C',\n '#F78DA7',\n '#9900EF',\n ];\n @Input() triangle: 'hide' | 'top-left' | 'top-right' | 'bottom-right' = 'top-left';\n\n swatchStyle: {[key: string]: string} = {\n width: '30px',\n height: '30px',\n borderRadius: '4px',\n fontSize: '0',\n };\n input: {[key: string]: string} = {\n borderRadius: '4px',\n borderBottomLeftRadius: '0',\n borderTopLeftRadius: '0',\n border: '1px solid #e6ecf0',\n boxSizing: 'border-box',\n display: 'inline',\n fontSize: '14px',\n height: '30px',\n padding: '0',\n paddingLeft: '6px',\n width: '100%',\n color: '#657786',\n };\n disableAlpha = true;\n\n constructor() {\n super();\n }\n\n focus(color: string) {\n return { boxShadow: `0 0 4px ${color}` };\n }\n\n handleBlockChange({ hex, $event }: any) {\n if (isValidHex(hex)) {\n // this.hex = hex;\n this.handleChange({ hex, source: 'hex' }, $event);\n }\n }\n\n handleValueChange({ data, $event }: any) {\n this.handleBlockChange({ hex: data, $event });\n }\n}\n\n@NgModule({\n declarations: [TwitterComponent],\n exports: [TwitterComponent],\n imports: [CommonModule, SwatchModule, EditableInputModule],\n})\nexport class ColorTwitterModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}