ngx-color 7.3.1 → 8.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (212) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +281 -0
  3. package/alpha.component.d.ts +1 -1
  4. package/checkboard.component.d.ts +1 -1
  5. package/color-wrap.component.d.ts +1 -1
  6. package/coordinates.directive.d.ts +1 -1
  7. package/editable-input.component.d.ts +1 -1
  8. package/esm2020/alpha.component.mjs +13 -61
  9. package/esm2020/checkboard.component.mjs +9 -25
  10. package/esm2020/color-wrap.component.mjs +8 -8
  11. package/esm2020/coordinates.directive.mjs +7 -7
  12. package/esm2020/editable-input.component.mjs +11 -25
  13. package/esm2020/hue.component.mjs +13 -54
  14. package/esm2020/raised.component.mjs +10 -49
  15. package/esm2020/saturation.component.mjs +13 -57
  16. package/esm2020/shade.component.mjs +11 -51
  17. package/esm2020/swatch.component.mjs +13 -28
  18. package/fesm2015/ngx-color.mjs +92 -349
  19. package/fesm2015/ngx-color.mjs.map +1 -1
  20. package/fesm2020/ngx-color.mjs +92 -349
  21. package/fesm2020/ngx-color.mjs.map +1 -1
  22. package/hue.component.d.ts +1 -1
  23. package/{ngx-color.d.ts → index.d.ts} +0 -0
  24. package/package.json +11 -123
  25. package/raised.component.d.ts +1 -1
  26. package/saturation.component.d.ts +1 -1
  27. package/shade.component.d.ts +1 -1
  28. package/swatch.component.d.ts +1 -1
  29. package/alpha/alpha-picker.component.d.ts +0 -28
  30. package/alpha/ngx-color-alpha.d.ts +0 -5
  31. package/alpha/package.json +0 -17
  32. package/alpha/public_api.d.ts +0 -1
  33. package/block/block-swatches.component.d.ts +0 -24
  34. package/block/block.component.d.ts +0 -36
  35. package/block/ngx-color-block.d.ts +0 -5
  36. package/block/package.json +0 -16
  37. package/block/public_api.d.ts +0 -2
  38. package/chrome/chrome-fields.component.d.ts +0 -22
  39. package/chrome/chrome.component.d.ts +0 -25
  40. package/chrome/ngx-color-chrome.d.ts +0 -5
  41. package/chrome/package.json +0 -16
  42. package/chrome/public_api.d.ts +0 -2
  43. package/circle/circle-swatch.component.d.ts +0 -19
  44. package/circle/circle.component.d.ts +0 -32
  45. package/circle/ngx-color-circle.d.ts +0 -5
  46. package/circle/package.json +0 -19
  47. package/circle/public_api.d.ts +0 -2
  48. package/compact/compact-color.component.d.ts +0 -19
  49. package/compact/compact-fields.component.d.ts +0 -32
  50. package/compact/compact.component.d.ts +0 -30
  51. package/compact/ngx-color-compact.d.ts +0 -5
  52. package/compact/package.json +0 -16
  53. package/compact/public_api.d.ts +0 -3
  54. package/esm2020/alpha/alpha-picker.component.mjs +0 -116
  55. package/esm2020/alpha/ngx-color-alpha.mjs +0 -5
  56. package/esm2020/alpha/public_api.mjs +0 -2
  57. package/esm2020/block/block-swatches.component.mjs +0 -74
  58. package/esm2020/block/block.component.mjs +0 -199
  59. package/esm2020/block/ngx-color-block.mjs +0 -5
  60. package/esm2020/block/public_api.mjs +0 -3
  61. package/esm2020/chrome/chrome-fields.component.mjs +0 -356
  62. package/esm2020/chrome/chrome.component.mjs +0 -249
  63. package/esm2020/chrome/ngx-color-chrome.mjs +0 -5
  64. package/esm2020/chrome/public_api.mjs +0 -3
  65. package/esm2020/circle/circle-swatch.component.mjs +0 -85
  66. package/esm2020/circle/circle.component.mjs +0 -148
  67. package/esm2020/circle/ngx-color-circle.mjs +0 -5
  68. package/esm2020/circle/public_api.mjs +0 -3
  69. package/esm2020/compact/compact-color.component.mjs +0 -91
  70. package/esm2020/compact/compact-fields.component.mjs +0 -186
  71. package/esm2020/compact/compact.component.mjs +0 -177
  72. package/esm2020/compact/ngx-color-compact.mjs +0 -5
  73. package/esm2020/compact/public_api.mjs +0 -4
  74. package/esm2020/github/github-swatch.component.mjs +0 -67
  75. package/esm2020/github/github.component.mjs +0 -179
  76. package/esm2020/github/ngx-color-github.mjs +0 -5
  77. package/esm2020/github/public_api.mjs +0 -3
  78. package/esm2020/hue/hue-picker.component.mjs +0 -113
  79. package/esm2020/hue/ngx-color-hue.mjs +0 -5
  80. package/esm2020/hue/public_api.mjs +0 -2
  81. package/esm2020/material/material.component.mjs +0 -211
  82. package/esm2020/material/ngx-color-material.mjs +0 -5
  83. package/esm2020/material/public_api.mjs +0 -2
  84. package/esm2020/photoshop/ngx-color-photoshop.mjs +0 -5
  85. package/esm2020/photoshop/photoshop-button.component.mjs +0 -63
  86. package/esm2020/photoshop/photoshop-fields.component.mjs +0 -241
  87. package/esm2020/photoshop/photoshop-previews.component.mjs +0 -68
  88. package/esm2020/photoshop/photoshop.component.mjs +0 -258
  89. package/esm2020/photoshop/public_api.mjs +0 -5
  90. package/esm2020/shade/ngx-color-shade.mjs +0 -5
  91. package/esm2020/shade/public_api.mjs +0 -2
  92. package/esm2020/shade/shade-picker.component.mjs +0 -105
  93. package/esm2020/sketch/ngx-color-sketch.mjs +0 -5
  94. package/esm2020/sketch/public_api.mjs +0 -4
  95. package/esm2020/sketch/sketch-fields.component.mjs +0 -243
  96. package/esm2020/sketch/sketch-preset-colors.component.mjs +0 -98
  97. package/esm2020/sketch/sketch.component.mjs +0 -283
  98. package/esm2020/slider/ngx-color-slider.mjs +0 -5
  99. package/esm2020/slider/public_api.mjs +0 -4
  100. package/esm2020/slider/slider-swatch.component.mjs +0 -80
  101. package/esm2020/slider/slider-swatches.component.mjs +0 -135
  102. package/esm2020/slider/slider.component.mjs +0 -116
  103. package/esm2020/swatches/ngx-color-swatches.mjs +0 -5
  104. package/esm2020/swatches/public_api.mjs +0 -4
  105. package/esm2020/swatches/swatches-color.component.mjs +0 -123
  106. package/esm2020/swatches/swatches-group.component.mjs +0 -64
  107. package/esm2020/swatches/swatches.component.mjs +0 -258
  108. package/esm2020/twitter/ngx-color-twitter.mjs +0 -5
  109. package/esm2020/twitter/public_api.mjs +0 -2
  110. package/esm2020/twitter/twitter.component.mjs +0 -255
  111. package/fesm2015/ngx-color-alpha.mjs +0 -123
  112. package/fesm2015/ngx-color-alpha.mjs.map +0 -1
  113. package/fesm2015/ngx-color-block.mjs +0 -275
  114. package/fesm2015/ngx-color-block.mjs.map +0 -1
  115. package/fesm2015/ngx-color-chrome.mjs +0 -606
  116. package/fesm2015/ngx-color-chrome.mjs.map +0 -1
  117. package/fesm2015/ngx-color-circle.mjs +0 -237
  118. package/fesm2015/ngx-color-circle.mjs.map +0 -1
  119. package/fesm2015/ngx-color-compact.mjs +0 -451
  120. package/fesm2015/ngx-color-compact.mjs.map +0 -1
  121. package/fesm2015/ngx-color-github.mjs +0 -250
  122. package/fesm2015/ngx-color-github.mjs.map +0 -1
  123. package/fesm2015/ngx-color-hue.mjs +0 -120
  124. package/fesm2015/ngx-color-hue.mjs.map +0 -1
  125. package/fesm2015/ngx-color-material.mjs +0 -218
  126. package/fesm2015/ngx-color-material.mjs.map +0 -1
  127. package/fesm2015/ngx-color-photoshop.mjs +0 -626
  128. package/fesm2015/ngx-color-photoshop.mjs.map +0 -1
  129. package/fesm2015/ngx-color-shade.mjs +0 -112
  130. package/fesm2015/ngx-color-shade.mjs.map +0 -1
  131. package/fesm2015/ngx-color-sketch.mjs +0 -620
  132. package/fesm2015/ngx-color-sketch.mjs.map +0 -1
  133. package/fesm2015/ngx-color-slider.mjs +0 -331
  134. package/fesm2015/ngx-color-slider.mjs.map +0 -1
  135. package/fesm2015/ngx-color-swatches.mjs +0 -441
  136. package/fesm2015/ngx-color-swatches.mjs.map +0 -1
  137. package/fesm2015/ngx-color-twitter.mjs +0 -262
  138. package/fesm2015/ngx-color-twitter.mjs.map +0 -1
  139. package/fesm2020/ngx-color-alpha.mjs +0 -123
  140. package/fesm2020/ngx-color-alpha.mjs.map +0 -1
  141. package/fesm2020/ngx-color-block.mjs +0 -275
  142. package/fesm2020/ngx-color-block.mjs.map +0 -1
  143. package/fesm2020/ngx-color-chrome.mjs +0 -606
  144. package/fesm2020/ngx-color-chrome.mjs.map +0 -1
  145. package/fesm2020/ngx-color-circle.mjs +0 -237
  146. package/fesm2020/ngx-color-circle.mjs.map +0 -1
  147. package/fesm2020/ngx-color-compact.mjs +0 -451
  148. package/fesm2020/ngx-color-compact.mjs.map +0 -1
  149. package/fesm2020/ngx-color-github.mjs +0 -250
  150. package/fesm2020/ngx-color-github.mjs.map +0 -1
  151. package/fesm2020/ngx-color-hue.mjs +0 -120
  152. package/fesm2020/ngx-color-hue.mjs.map +0 -1
  153. package/fesm2020/ngx-color-material.mjs +0 -218
  154. package/fesm2020/ngx-color-material.mjs.map +0 -1
  155. package/fesm2020/ngx-color-photoshop.mjs +0 -626
  156. package/fesm2020/ngx-color-photoshop.mjs.map +0 -1
  157. package/fesm2020/ngx-color-shade.mjs +0 -112
  158. package/fesm2020/ngx-color-shade.mjs.map +0 -1
  159. package/fesm2020/ngx-color-sketch.mjs +0 -620
  160. package/fesm2020/ngx-color-sketch.mjs.map +0 -1
  161. package/fesm2020/ngx-color-slider.mjs +0 -331
  162. package/fesm2020/ngx-color-slider.mjs.map +0 -1
  163. package/fesm2020/ngx-color-swatches.mjs +0 -441
  164. package/fesm2020/ngx-color-swatches.mjs.map +0 -1
  165. package/fesm2020/ngx-color-twitter.mjs +0 -262
  166. package/fesm2020/ngx-color-twitter.mjs.map +0 -1
  167. package/github/github-swatch.component.d.ts +0 -19
  168. package/github/github.component.d.ts +0 -28
  169. package/github/ngx-color-github.d.ts +0 -5
  170. package/github/package.json +0 -16
  171. package/github/public_api.d.ts +0 -2
  172. package/hue/hue-picker.component.d.ts +0 -29
  173. package/hue/ngx-color-hue.d.ts +0 -5
  174. package/hue/package.json +0 -15
  175. package/hue/public_api.d.ts +0 -1
  176. package/material/material.component.d.ts +0 -39
  177. package/material/ngx-color-material.d.ts +0 -5
  178. package/material/package.json +0 -15
  179. package/material/public_api.d.ts +0 -1
  180. package/photoshop/ngx-color-photoshop.d.ts +0 -5
  181. package/photoshop/package.json +0 -15
  182. package/photoshop/photoshop-button.component.d.ts +0 -9
  183. package/photoshop/photoshop-fields.component.d.ts +0 -22
  184. package/photoshop/photoshop-previews.component.d.ts +0 -11
  185. package/photoshop/photoshop.component.d.ts +0 -33
  186. package/photoshop/public_api.d.ts +0 -4
  187. package/shade/ngx-color-shade.d.ts +0 -5
  188. package/shade/package.json +0 -17
  189. package/shade/public_api.d.ts +0 -1
  190. package/shade/shade-picker.component.d.ts +0 -27
  191. package/sketch/ngx-color-sketch.d.ts +0 -5
  192. package/sketch/package.json +0 -15
  193. package/sketch/public_api.d.ts +0 -3
  194. package/sketch/sketch-fields.component.d.ts +0 -23
  195. package/sketch/sketch-preset-colors.component.d.ts +0 -24
  196. package/sketch/sketch.component.d.ts +0 -32
  197. package/slider/ngx-color-slider.d.ts +0 -5
  198. package/slider/package.json +0 -15
  199. package/slider/public_api.d.ts +0 -3
  200. package/slider/slider-swatch.component.d.ts +0 -16
  201. package/slider/slider-swatches.component.d.ts +0 -15
  202. package/slider/slider.component.d.ts +0 -22
  203. package/swatches/ngx-color-swatches.d.ts +0 -5
  204. package/swatches/package.json +0 -18
  205. package/swatches/public_api.d.ts +0 -3
  206. package/swatches/swatches-color.component.d.ts +0 -18
  207. package/swatches/swatches-group.component.d.ts +0 -10
  208. package/swatches/swatches.component.d.ts +0 -29
  209. package/twitter/ngx-color-twitter.d.ts +0 -5
  210. package/twitter/package.json +0 -15
  211. package/twitter/public_api.d.ts +0 -1
  212. package/twitter/twitter.component.d.ts +0 -31
@@ -1,5 +0,0 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- export * from './public_api';
5
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWNvbG9yLXNsaWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvc2xpZGVyL25neC1jb2xvci1zbGlkZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWNfYXBpJztcbiJdfQ==
@@ -1,4 +0,0 @@
1
- export { SliderSwatchComponent } from './slider-swatch.component';
2
- export { SliderSwatchesComponent } from './slider-swatches.component';
3
- export { ColorSliderModule, SliderComponent } from './slider.component';
4
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvc2xpZGVyL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLGVBQWUsRUFBRSxNQUFNLG9CQUFvQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgU2xpZGVyU3dhdGNoQ29tcG9uZW50IH0gZnJvbSAnLi9zbGlkZXItc3dhdGNoLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTbGlkZXJTd2F0Y2hlc0NvbXBvbmVudCB9IGZyb20gJy4vc2xpZGVyLXN3YXRjaGVzLmNvbXBvbmVudCc7XG5leHBvcnQgeyBDb2xvclNsaWRlck1vZHVsZSwgU2xpZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9zbGlkZXIuY29tcG9uZW50JztcbiJdfQ==
@@ -1,80 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export class SliderSwatchComponent {
4
- constructor() {
5
- this.first = false;
6
- this.last = false;
7
- this.onClick = new EventEmitter();
8
- }
9
- ngOnChanges() {
10
- this.background = `hsl(${this.hsl.h}, 50%, ${this.offset * 100}%)`;
11
- }
12
- handleClick($event) {
13
- this.onClick.emit({
14
- data: {
15
- h: this.hsl.h,
16
- s: 0.5,
17
- l: this.offset,
18
- source: 'hsl',
19
- },
20
- $event,
21
- });
22
- }
23
- }
24
- SliderSwatchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SliderSwatchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
25
- SliderSwatchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: SliderSwatchComponent, selector: "color-slider-swatch", inputs: { hsl: "hsl", active: "active", offset: "offset", first: "first", last: "last" }, outputs: { onClick: "onClick" }, usesOnChanges: true, ngImport: i0, template: `
26
- <div class="slider-swatch" [style.background]="background"
27
- [class.first]="first" [class.last]="last" [class.active]="active"
28
- (click)="handleClick($event)"
29
- ></div>
30
- `, isInline: true, styles: [".slider-swatch{height:12px;background:rgb(121,211,166);cursor:pointer}.slider-swatch.active{transform:scaleY(1.8);border-radius:3.6px/2px}.slider-swatch.first{border-radius:2px 0 0 2px}.slider-swatch.last{border-radius:0 2px 2px 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
31
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SliderSwatchComponent, decorators: [{
32
- type: Component,
33
- args: [{
34
- selector: 'color-slider-swatch',
35
- template: `
36
- <div class="slider-swatch" [style.background]="background"
37
- [class.first]="first" [class.last]="last" [class.active]="active"
38
- (click)="handleClick($event)"
39
- ></div>
40
- `,
41
- styles: [
42
- `
43
- .slider-swatch {
44
- height: 12px;
45
- background: rgb(121, 211, 166);
46
- cursor: pointer;
47
- }
48
- .slider-swatch.active {
49
- transform: scaleY(1.8);
50
- border-top-right-radius: 3.6px 2px;
51
- border-top-left-radius: 3.6px 2px;
52
- border-bottom-right-radius: 3.6px 2px;
53
- border-bottom-left-radius: 3.6px 2px;
54
- }
55
- .slider-swatch.first {
56
- border-radius: 2px 0px 0px 2px;
57
- }
58
- .slider-swatch.last {
59
- border-radius: 0px 2px 2px 0px;
60
- }
61
-
62
- `,
63
- ],
64
- changeDetection: ChangeDetectionStrategy.OnPush,
65
- preserveWhitespaces: false,
66
- }]
67
- }], propDecorators: { hsl: [{
68
- type: Input
69
- }], active: [{
70
- type: Input
71
- }], offset: [{
72
- type: Input
73
- }], first: [{
74
- type: Input
75
- }], last: [{
76
- type: Input
77
- }], onClick: [{
78
- type: Output
79
- }] } });
80
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLXN3YXRjaC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL3NsaWRlci9zbGlkZXItc3dhdGNoLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQzs7QUFzQ3ZCLE1BQU0sT0FBTyxxQkFBcUI7SUFsQ2xDO1FBc0NXLFVBQUssR0FBRyxLQUFLLENBQUM7UUFDZCxTQUFJLEdBQUcsS0FBSyxDQUFDO1FBQ1osWUFBTyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7S0FpQjdDO0lBZEMsV0FBVztRQUNULElBQUksQ0FBQyxVQUFVLEdBQUcsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsVUFBVSxJQUFJLENBQUMsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDO0lBQ3JFLENBQUM7SUFDRCxXQUFXLENBQUMsTUFBTTtRQUNoQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQztZQUNoQixJQUFJLEVBQUU7Z0JBQ0osQ0FBQyxFQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztnQkFDYixDQUFDLEVBQUUsR0FBRztnQkFDTixDQUFDLEVBQUUsSUFBSSxDQUFDLE1BQU07Z0JBQ2QsTUFBTSxFQUFFLEtBQUs7YUFDZDtZQUNELE1BQU07U0FDUCxDQUFDLENBQUM7SUFDTCxDQUFDOztrSEF0QlUscUJBQXFCO3NHQUFyQixxQkFBcUIsMk1BaEN0Qjs7Ozs7R0FLVDsyRkEyQlUscUJBQXFCO2tCQWxDakMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUscUJBQXFCO29CQUMvQixRQUFRLEVBQUU7Ozs7O0dBS1Q7b0JBQ0QsTUFBTSxFQUFFO3dCQUNOOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9CRDtxQkFDQTtvQkFDRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsbUJBQW1CLEVBQUUsS0FBSztpQkFDM0I7OEJBRVUsR0FBRztzQkFBWCxLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBIU0wgfSBmcm9tICduZ3gtY29sb3InO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjb2xvci1zbGlkZXItc3dhdGNoJyxcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdiBjbGFzcz1cInNsaWRlci1zd2F0Y2hcIiBbc3R5bGUuYmFja2dyb3VuZF09XCJiYWNrZ3JvdW5kXCJcbiAgICBbY2xhc3MuZmlyc3RdPVwiZmlyc3RcIiBbY2xhc3MubGFzdF09XCJsYXN0XCIgW2NsYXNzLmFjdGl2ZV09XCJhY3RpdmVcIlxuICAgIChjbGljayk9XCJoYW5kbGVDbGljaygkZXZlbnQpXCJcbiAgPjwvZGl2PlxuICBgLFxuICBzdHlsZXM6IFtcbiAgICBgXG4gICAgLnNsaWRlci1zd2F0Y2gge1xuICAgICAgaGVpZ2h0OiAxMnB4O1xuICAgICAgYmFja2dyb3VuZDogcmdiKDEyMSwgMjExLCAxNjYpO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIH1cbiAgICAuc2xpZGVyLXN3YXRjaC5hY3RpdmUge1xuICAgICAgdHJhbnNmb3JtOiBzY2FsZVkoMS44KTtcbiAgICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAzLjZweCAycHg7XG4gICAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAzLjZweCAycHg7XG4gICAgICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMy42cHggMnB4O1xuICAgICAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMy42cHggMnB4O1xuICAgIH1cbiAgICAuc2xpZGVyLXN3YXRjaC5maXJzdCB7XG4gICAgICBib3JkZXItcmFkaXVzOiAycHggMHB4IDBweCAycHg7XG4gICAgfVxuICAgIC5zbGlkZXItc3dhdGNoLmxhc3Qge1xuICAgICAgYm9yZGVyLXJhZGl1czogMHB4IDJweCAycHggMHB4O1xuICAgIH1cblxuICBgLFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIFNsaWRlclN3YXRjaENvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpIGhzbCE6IEhTTDtcbiAgQElucHV0KCkgYWN0aXZlITogYm9vbGVhbjtcbiAgQElucHV0KCkgb2Zmc2V0ITogbnVtYmVyO1xuICBASW5wdXQoKSBmaXJzdCA9IGZhbHNlO1xuICBASW5wdXQoKSBsYXN0ID0gZmFsc2U7XG4gIEBPdXRwdXQoKSBvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIGJhY2tncm91bmQhOiBzdHJpbmc7XG5cbiAgbmdPbkNoYW5nZXMoKSB7XG4gICAgdGhpcy5iYWNrZ3JvdW5kID0gYGhzbCgke3RoaXMuaHNsLmh9LCA1MCUsICR7dGhpcy5vZmZzZXQgKiAxMDB9JSlgO1xuICB9XG4gIGhhbmRsZUNsaWNrKCRldmVudCkge1xuICAgIHRoaXMub25DbGljay5lbWl0KHtcbiAgICAgIGRhdGE6IHtcbiAgICAgICAgaDogdGhpcy5oc2wuaCxcbiAgICAgICAgczogMC41LFxuICAgICAgICBsOiB0aGlzLm9mZnNldCxcbiAgICAgICAgc291cmNlOiAnaHNsJyxcbiAgICAgIH0sXG4gICAgICAkZXZlbnQsXG4gICAgfSk7XG4gIH1cbn1cbiJdfQ==
@@ -1,135 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "./slider-swatch.component";
4
- export class SliderSwatchesComponent {
5
- constructor() {
6
- this.onClick = new EventEmitter();
7
- this.onSwatchHover = new EventEmitter();
8
- }
9
- active(l, s) {
10
- return (Math.round(this.hsl.l * 100) / 100 === l &&
11
- Math.round(this.hsl.s * 100) / 100 === s);
12
- }
13
- handleClick({ data, $event }) {
14
- this.onClick.emit({ data, $event });
15
- }
16
- }
17
- SliderSwatchesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SliderSwatchesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
18
- SliderSwatchesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: SliderSwatchesComponent, selector: "color-slider-swatches", inputs: { hsl: "hsl" }, outputs: { onClick: "onClick", onSwatchHover: "onSwatchHover" }, ngImport: i0, template: `
19
- <div class="slider-swatches">
20
- <div class="slider-swatch-wrap">
21
- <color-slider-swatch
22
- [hsl]="hsl"
23
- [offset]=".80"
24
- [active]="active(0.80, 0.50)"
25
- (onClick)="handleClick($event)"
26
- [first]="true"
27
- ></color-slider-swatch>
28
- </div>
29
- <div class="slider-swatch-wrap">
30
- <color-slider-swatch
31
- [hsl]="hsl"
32
- [offset]=".65"
33
- [active]="active(0.65, 0.50)"
34
- (onClick)="handleClick($event)"
35
- ></color-slider-swatch>
36
- </div>
37
- <div class="slider-swatch-wrap">
38
- <color-slider-swatch
39
- [hsl]="hsl"
40
- [offset]=".50"
41
- [active]="active(0.50, 0.50)"
42
- (onClick)="handleClick($event)"
43
- ></color-slider-swatch>
44
- </div>
45
- <div class="slider-swatch-wrap">
46
- <color-slider-swatch
47
- [hsl]="hsl"
48
- [offset]=".35"
49
- [active]="active(0.35, 0.50)"
50
- (onClick)="handleClick($event)"
51
- ></color-slider-swatch>
52
- </div>
53
- <div class="slider-swatch-wrap">
54
- <color-slider-swatch
55
- [hsl]="hsl"
56
- [offset]=".20"
57
- [active]="active(0.20, 0.50)"
58
- (onClick)="handleClick($event)"
59
- [last]="true"
60
- ></color-slider-swatch>
61
- </div>
62
- </div>
63
- `, isInline: true, styles: [".slider-swatches{margin-top:20px}.slider-swatch-wrap{box-sizing:border-box;width:20%;padding-right:1px;float:left}\n"], components: [{ type: i1.SliderSwatchComponent, selector: "color-slider-swatch", inputs: ["hsl", "active", "offset", "first", "last"], outputs: ["onClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
64
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SliderSwatchesComponent, decorators: [{
65
- type: Component,
66
- args: [{
67
- selector: 'color-slider-swatches',
68
- template: `
69
- <div class="slider-swatches">
70
- <div class="slider-swatch-wrap">
71
- <color-slider-swatch
72
- [hsl]="hsl"
73
- [offset]=".80"
74
- [active]="active(0.80, 0.50)"
75
- (onClick)="handleClick($event)"
76
- [first]="true"
77
- ></color-slider-swatch>
78
- </div>
79
- <div class="slider-swatch-wrap">
80
- <color-slider-swatch
81
- [hsl]="hsl"
82
- [offset]=".65"
83
- [active]="active(0.65, 0.50)"
84
- (onClick)="handleClick($event)"
85
- ></color-slider-swatch>
86
- </div>
87
- <div class="slider-swatch-wrap">
88
- <color-slider-swatch
89
- [hsl]="hsl"
90
- [offset]=".50"
91
- [active]="active(0.50, 0.50)"
92
- (onClick)="handleClick($event)"
93
- ></color-slider-swatch>
94
- </div>
95
- <div class="slider-swatch-wrap">
96
- <color-slider-swatch
97
- [hsl]="hsl"
98
- [offset]=".35"
99
- [active]="active(0.35, 0.50)"
100
- (onClick)="handleClick($event)"
101
- ></color-slider-swatch>
102
- </div>
103
- <div class="slider-swatch-wrap">
104
- <color-slider-swatch
105
- [hsl]="hsl"
106
- [offset]=".20"
107
- [active]="active(0.20, 0.50)"
108
- (onClick)="handleClick($event)"
109
- [last]="true"
110
- ></color-slider-swatch>
111
- </div>
112
- </div>
113
- `,
114
- styles: [`
115
- .slider-swatches {
116
- margin-top: 20px;
117
- }
118
- .slider-swatch-wrap {
119
- box-sizing: border-box;
120
- width: 20%;
121
- padding-right: 1px;
122
- float: left;
123
- }
124
- `],
125
- changeDetection: ChangeDetectionStrategy.OnPush,
126
- preserveWhitespaces: false,
127
- }]
128
- }], propDecorators: { hsl: [{
129
- type: Input
130
- }], onClick: [{
131
- type: Output
132
- }], onSwatchHover: [{
133
- type: Output
134
- }] } });
135
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLXN3YXRjaGVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvc2xpZGVyL3NsaWRlci1zd2F0Y2hlcy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7OztBQWtFdkIsTUFBTSxPQUFPLHVCQUF1QjtJQTlEcEM7UUFnRVksWUFBTyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDbEMsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0tBV25EO0lBVEMsTUFBTSxDQUFDLENBQVMsRUFBRSxDQUFTO1FBQ3pCLE9BQU8sQ0FDTCxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLEdBQUcsQ0FBQyxHQUFHLEdBQUcsS0FBSyxDQUFDO1lBQ3hDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsR0FBRyxDQUFDLEdBQUcsR0FBRyxLQUFLLENBQUMsQ0FDekMsQ0FBQztJQUNKLENBQUM7SUFDRCxXQUFXLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFO1FBQzFCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDLENBQUM7SUFDdEMsQ0FBQzs7b0hBYlUsdUJBQXVCO3dHQUF2Qix1QkFBdUIsc0pBNUR4Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBNkNUOzJGQWVVLHVCQUF1QjtrQkE5RG5DLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHVCQUF1QjtvQkFDakMsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E2Q1Q7b0JBQ0QsTUFBTSxFQUFFLENBQUM7Ozs7Ozs7Ozs7R0FVUixDQUFDO29CQUNGLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxtQkFBbUIsRUFBRSxLQUFLO2lCQUMzQjs4QkFFVSxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgSFNMIH0gZnJvbSAnbmd4LWNvbG9yJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY29sb3Itc2xpZGVyLXN3YXRjaGVzJyxcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdiBjbGFzcz1cInNsaWRlci1zd2F0Y2hlc1wiPlxuICAgIDxkaXYgY2xhc3M9XCJzbGlkZXItc3dhdGNoLXdyYXBcIj5cbiAgICAgIDxjb2xvci1zbGlkZXItc3dhdGNoXG4gICAgICAgIFtoc2xdPVwiaHNsXCJcbiAgICAgICAgW29mZnNldF09XCIuODBcIlxuICAgICAgICBbYWN0aXZlXT1cImFjdGl2ZSgwLjgwLCAwLjUwKVwiXG4gICAgICAgIChvbkNsaWNrKT1cImhhbmRsZUNsaWNrKCRldmVudClcIlxuICAgICAgICBbZmlyc3RdPVwidHJ1ZVwiXG4gICAgICA+PC9jb2xvci1zbGlkZXItc3dhdGNoPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJzbGlkZXItc3dhdGNoLXdyYXBcIj5cbiAgICAgIDxjb2xvci1zbGlkZXItc3dhdGNoXG4gICAgICAgIFtoc2xdPVwiaHNsXCJcbiAgICAgICAgW29mZnNldF09XCIuNjVcIlxuICAgICAgICBbYWN0aXZlXT1cImFjdGl2ZSgwLjY1LCAwLjUwKVwiXG4gICAgICAgIChvbkNsaWNrKT1cImhhbmRsZUNsaWNrKCRldmVudClcIlxuICAgICAgPjwvY29sb3Itc2xpZGVyLXN3YXRjaD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwic2xpZGVyLXN3YXRjaC13cmFwXCI+XG4gICAgICA8Y29sb3Itc2xpZGVyLXN3YXRjaFxuICAgICAgICBbaHNsXT1cImhzbFwiXG4gICAgICAgIFtvZmZzZXRdPVwiLjUwXCJcbiAgICAgICAgW2FjdGl2ZV09XCJhY3RpdmUoMC41MCwgMC41MClcIlxuICAgICAgICAob25DbGljayk9XCJoYW5kbGVDbGljaygkZXZlbnQpXCJcbiAgICAgID48L2NvbG9yLXNsaWRlci1zd2F0Y2g+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInNsaWRlci1zd2F0Y2gtd3JhcFwiPlxuICAgICAgPGNvbG9yLXNsaWRlci1zd2F0Y2hcbiAgICAgICAgW2hzbF09XCJoc2xcIlxuICAgICAgICBbb2Zmc2V0XT1cIi4zNVwiXG4gICAgICAgIFthY3RpdmVdPVwiYWN0aXZlKDAuMzUsIDAuNTApXCJcbiAgICAgICAgKG9uQ2xpY2spPVwiaGFuZGxlQ2xpY2soJGV2ZW50KVwiXG4gICAgICA+PC9jb2xvci1zbGlkZXItc3dhdGNoPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJzbGlkZXItc3dhdGNoLXdyYXBcIj5cbiAgICAgIDxjb2xvci1zbGlkZXItc3dhdGNoXG4gICAgICAgIFtoc2xdPVwiaHNsXCJcbiAgICAgICAgW29mZnNldF09XCIuMjBcIlxuICAgICAgICBbYWN0aXZlXT1cImFjdGl2ZSgwLjIwLCAwLjUwKVwiXG4gICAgICAgIChvbkNsaWNrKT1cImhhbmRsZUNsaWNrKCRldmVudClcIlxuICAgICAgICBbbGFzdF09XCJ0cnVlXCJcbiAgICAgID48L2NvbG9yLXNsaWRlci1zd2F0Y2g+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICBgLFxuICBzdHlsZXM6IFtgXG4gICAgLnNsaWRlci1zd2F0Y2hlcyB7XG4gICAgICBtYXJnaW4tdG9wOiAyMHB4O1xuICAgIH1cbiAgICAuc2xpZGVyLXN3YXRjaC13cmFwIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICB3aWR0aDogMjAlO1xuICAgICAgcGFkZGluZy1yaWdodDogMXB4O1xuICAgICAgZmxvYXQ6IGxlZnQ7XG4gICAgfVxuICBgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByZXNlcnZlV2hpdGVzcGFjZXM6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBTbGlkZXJTd2F0Y2hlc0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGhzbCE6IEhTTDtcbiAgQE91dHB1dCgpIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQE91dHB1dCgpIG9uU3dhdGNoSG92ZXIgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICBhY3RpdmUobDogbnVtYmVyLCBzOiBudW1iZXIpIHtcbiAgICByZXR1cm4gKFxuICAgICAgTWF0aC5yb3VuZCh0aGlzLmhzbC5sICogMTAwKSAvIDEwMCA9PT0gbCAmJlxuICAgICAgTWF0aC5yb3VuZCh0aGlzLmhzbC5zICogMTAwKSAvIDEwMCA9PT0gc1xuICAgICk7XG4gIH1cbiAgaGFuZGxlQ2xpY2soeyBkYXRhLCAkZXZlbnQgfSkge1xuICAgIHRoaXMub25DbGljay5lbWl0KHsgZGF0YSwgJGV2ZW50IH0pO1xuICB9XG59XG4iXX0=
@@ -1,116 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { ChangeDetectionStrategy, Component, forwardRef, Input, NgModule } from '@angular/core';
3
- import { ColorWrap, HueModule, SwatchModule } from 'ngx-color';
4
- import { SliderSwatchComponent } from './slider-swatch.component';
5
- import { SliderSwatchesComponent } from './slider-swatches.component';
6
- import { NG_VALUE_ACCESSOR } from '@angular/forms';
7
- import * as i0 from "@angular/core";
8
- import * as i1 from "ngx-color";
9
- export class SliderComponent extends ColorWrap {
10
- constructor() {
11
- super();
12
- this.pointer = {
13
- width: '14px',
14
- height: '14px',
15
- borderRadius: '6px',
16
- transform: 'translate(-7px, -2px)',
17
- backgroundColor: 'rgb(248, 248, 248)',
18
- boxShadow: '0 1px 4px 0 rgba(0, 0, 0, 0.37)',
19
- };
20
- this.radius = 2;
21
- }
22
- handlePickerChange({ data, $event }) {
23
- this.handleChange(data, $event);
24
- }
25
- }
26
- SliderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
27
- SliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: SliderComponent, selector: "color-slider", inputs: { pointer: "pointer", radius: "radius" }, providers: [
28
- {
29
- provide: NG_VALUE_ACCESSOR,
30
- useExisting: forwardRef(() => SliderComponent),
31
- multi: true,
32
- },
33
- {
34
- provide: ColorWrap,
35
- useExisting: forwardRef(() => SliderComponent),
36
- },
37
- ], usesInheritance: true, ngImport: i0, template: `
38
- <div class="slider-picker {{ className }}">
39
- <div class="slider-hue">
40
- <color-hue
41
- [hsl]="hsl" [radius]="radius" [pointer]="pointer"
42
- (onChange)="handlePickerChange($event)"
43
- ></color-hue>
44
- </div>
45
- <div class="slider-swatches">
46
- <color-slider-swatches [hsl]="hsl"
47
- (onClick)="handlePickerChange($event)"
48
- ></color-slider-swatches>
49
- </div>
50
- </div>
51
- `, isInline: true, styles: [".slider-hue{height:12px;position:relative}\n"], components: [{ type: i0.forwardRef(function () { return i1.HueComponent; }), selector: "color-hue", inputs: ["hsl", "pointer", "radius", "shadow", "hidePointer", "direction"], outputs: ["onChange"] }, { type: i0.forwardRef(function () { return SliderSwatchesComponent; }), selector: "color-slider-swatches", inputs: ["hsl"], outputs: ["onClick", "onSwatchHover"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
52
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SliderComponent, decorators: [{
53
- type: Component,
54
- args: [{
55
- selector: 'color-slider',
56
- template: `
57
- <div class="slider-picker {{ className }}">
58
- <div class="slider-hue">
59
- <color-hue
60
- [hsl]="hsl" [radius]="radius" [pointer]="pointer"
61
- (onChange)="handlePickerChange($event)"
62
- ></color-hue>
63
- </div>
64
- <div class="slider-swatches">
65
- <color-slider-swatches [hsl]="hsl"
66
- (onClick)="handlePickerChange($event)"
67
- ></color-slider-swatches>
68
- </div>
69
- </div>
70
- `,
71
- styles: [
72
- `
73
- .slider-hue {
74
- height: 12px;
75
- position: relative;
76
- }
77
- `,
78
- ],
79
- changeDetection: ChangeDetectionStrategy.OnPush,
80
- preserveWhitespaces: false,
81
- providers: [
82
- {
83
- provide: NG_VALUE_ACCESSOR,
84
- useExisting: forwardRef(() => SliderComponent),
85
- multi: true,
86
- },
87
- {
88
- provide: ColorWrap,
89
- useExisting: forwardRef(() => SliderComponent),
90
- },
91
- ]
92
- }]
93
- }], ctorParameters: function () { return []; }, propDecorators: { pointer: [{
94
- type: Input
95
- }], radius: [{
96
- type: Input
97
- }] } });
98
- export class ColorSliderModule {
99
- }
100
- ColorSliderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
101
- ColorSliderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorSliderModule, declarations: [SliderComponent, SliderSwatchComponent,
102
- SliderSwatchesComponent], imports: [CommonModule, HueModule, SwatchModule], exports: [SliderComponent, SliderSwatchComponent, SliderSwatchesComponent] });
103
- ColorSliderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorSliderModule, imports: [[CommonModule, HueModule, SwatchModule]] });
104
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorSliderModule, decorators: [{
105
- type: NgModule,
106
- args: [{
107
- declarations: [
108
- SliderComponent,
109
- SliderSwatchComponent,
110
- SliderSwatchesComponent,
111
- ],
112
- exports: [SliderComponent, SliderSwatchComponent, SliderSwatchesComponent],
113
- imports: [CommonModule, HueModule, SwatchModule],
114
- }]
115
- }] });
116
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvc2xpZGVyL3NsaWRlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFaEcsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBQy9ELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7QUF5Q25ELE1BQU0sT0FBTyxlQUFnQixTQUFRLFNBQVM7SUFZNUM7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQVhWLFlBQU8sR0FBMkI7WUFDaEMsS0FBSyxFQUFFLE1BQU07WUFDYixNQUFNLEVBQUUsTUFBTTtZQUNkLFlBQVksRUFBRSxLQUFLO1lBQ25CLFNBQVMsRUFBRSx1QkFBdUI7WUFDbEMsZUFBZSxFQUFFLG9CQUFvQjtZQUNyQyxTQUFTLEVBQUUsaUNBQWlDO1NBQzdDLENBQUM7UUFDTyxXQUFNLEdBQUcsQ0FBQyxDQUFDO0lBSXBCLENBQUM7SUFFRCxrQkFBa0IsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUU7UUFDakMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFDbEMsQ0FBQzs7NEdBbEJVLGVBQWU7Z0dBQWYsZUFBZSx5RkFaZjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGVBQWUsQ0FBQztZQUM5QyxLQUFLLEVBQUUsSUFBSTtTQUNaO1FBQ0Q7WUFDRSxPQUFPLEVBQUUsU0FBUztZQUNsQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGVBQWUsQ0FBQztTQUMvQztLQUNGLGlEQW5DUzs7Ozs7Ozs7Ozs7Ozs7R0FjVCxnVUFnREMsdUJBQXVCOzJGQXpCZCxlQUFlO2tCQXZDM0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsY0FBYztvQkFDeEIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7OztHQWNUO29CQUNELE1BQU0sRUFBRTt3QkFDTjs7Ozs7R0FLRDtxQkFDQTtvQkFDRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsbUJBQW1CLEVBQUUsS0FBSztvQkFDMUIsU0FBUyxFQUFFO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLGdCQUFnQixDQUFDOzRCQUM5QyxLQUFLLEVBQUUsSUFBSTt5QkFDWjt3QkFDRDs0QkFDRSxPQUFPLEVBQUUsU0FBUzs0QkFDbEIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsZ0JBQWdCLENBQUM7eUJBQy9DO3FCQUNGO2lCQUNGOzBFQUdDLE9BQU87c0JBRE4sS0FBSztnQkFTRyxNQUFNO3NCQUFkLEtBQUs7O0FBb0JSLE1BQU0sT0FBTyxpQkFBaUI7OzhHQUFqQixpQkFBaUI7K0dBQWpCLGlCQUFpQixpQkE5QmpCLGVBQWUsRUF3QnhCLHFCQUFxQjtRQUNyQix1QkFBdUIsYUFHZixZQUFZLEVBQUUsU0FBUyxFQUFFLFlBQVksYUE1QnBDLGVBQWUsRUEyQkMscUJBQXFCLEVBQUUsdUJBQXVCOytHQUc5RCxpQkFBaUIsWUFGbkIsQ0FBQyxZQUFZLEVBQUUsU0FBUyxFQUFFLFlBQVksQ0FBQzsyRkFFckMsaUJBQWlCO2tCQVQ3QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixlQUFlO3dCQUNmLHFCQUFxQjt3QkFDckIsdUJBQXVCO3FCQUN4QjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxlQUFlLEVBQUUscUJBQXFCLEVBQUUsdUJBQXVCLENBQUM7b0JBQzFFLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxTQUFTLEVBQUUsWUFBWSxDQUFDO2lCQUNqRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBmb3J3YXJkUmVmLCBJbnB1dCwgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQ29sb3JXcmFwLCBIdWVNb2R1bGUsIFN3YXRjaE1vZHVsZSB9IGZyb20gJ25neC1jb2xvcic7XG5pbXBvcnQgeyBTbGlkZXJTd2F0Y2hDb21wb25lbnQgfSBmcm9tICcuL3NsaWRlci1zd2F0Y2guY29tcG9uZW50JztcbmltcG9ydCB7IFNsaWRlclN3YXRjaGVzQ29tcG9uZW50IH0gZnJvbSAnLi9zbGlkZXItc3dhdGNoZXMuY29tcG9uZW50JztcbmltcG9ydCB7IE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjb2xvci1zbGlkZXInLFxuICB0ZW1wbGF0ZTogYFxuICA8ZGl2IGNsYXNzPVwic2xpZGVyLXBpY2tlciB7eyBjbGFzc05hbWUgfX1cIj5cbiAgICA8ZGl2IGNsYXNzPVwic2xpZGVyLWh1ZVwiPlxuICAgICAgPGNvbG9yLWh1ZVxuICAgICAgICBbaHNsXT1cImhzbFwiIFtyYWRpdXNdPVwicmFkaXVzXCIgW3BvaW50ZXJdPVwicG9pbnRlclwiXG4gICAgICAgIChvbkNoYW5nZSk9XCJoYW5kbGVQaWNrZXJDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICA+PC9jb2xvci1odWU+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInNsaWRlci1zd2F0Y2hlc1wiPlxuICAgICAgPGNvbG9yLXNsaWRlci1zd2F0Y2hlcyBbaHNsXT1cImhzbFwiXG4gICAgICAgIChvbkNsaWNrKT1cImhhbmRsZVBpY2tlckNoYW5nZSgkZXZlbnQpXCJcbiAgICAgID48L2NvbG9yLXNsaWRlci1zd2F0Y2hlcz5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICAuc2xpZGVyLWh1ZSB7XG4gICAgICBoZWlnaHQ6IDEycHg7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgfVxuICBgLFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU2xpZGVyQ29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH0sXG4gICAge1xuICAgICAgcHJvdmlkZTogQ29sb3JXcmFwLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU2xpZGVyQ29tcG9uZW50KSxcbiAgICB9LFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIFNsaWRlckNvbXBvbmVudCBleHRlbmRzIENvbG9yV3JhcCB7XG4gIEBJbnB1dCgpXG4gIHBvaW50ZXI6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPSB7XG4gICAgd2lkdGg6ICcxNHB4JyxcbiAgICBoZWlnaHQ6ICcxNHB4JyxcbiAgICBib3JkZXJSYWRpdXM6ICc2cHgnLFxuICAgIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZSgtN3B4LCAtMnB4KScsXG4gICAgYmFja2dyb3VuZENvbG9yOiAncmdiKDI0OCwgMjQ4LCAyNDgpJyxcbiAgICBib3hTaGFkb3c6ICcwIDFweCA0cHggMCByZ2JhKDAsIDAsIDAsIDAuMzcpJyxcbiAgfTtcbiAgQElucHV0KCkgcmFkaXVzID0gMjtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgaGFuZGxlUGlja2VyQ2hhbmdlKHsgZGF0YSwgJGV2ZW50IH0pIHtcbiAgICB0aGlzLmhhbmRsZUNoYW5nZShkYXRhLCAkZXZlbnQpO1xuICB9XG59XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIFNsaWRlckNvbXBvbmVudCxcbiAgICBTbGlkZXJTd2F0Y2hDb21wb25lbnQsXG4gICAgU2xpZGVyU3dhdGNoZXNDb21wb25lbnQsXG4gIF0sXG4gIGV4cG9ydHM6IFtTbGlkZXJDb21wb25lbnQsIFNsaWRlclN3YXRjaENvbXBvbmVudCwgU2xpZGVyU3dhdGNoZXNDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBIdWVNb2R1bGUsIFN3YXRjaE1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIENvbG9yU2xpZGVyTW9kdWxlIHt9XG4iXX0=
@@ -1,5 +0,0 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- export * from './public_api';
5
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWNvbG9yLXN3YXRjaGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9zd2F0Y2hlcy9uZ3gtY29sb3Itc3dhdGNoZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWNfYXBpJztcbiJdfQ==
@@ -1,4 +0,0 @@
1
- export { SwatchesColorComponent } from './swatches-color.component';
2
- export { SwatchesGroupComponent } from './swatches-group.component';
3
- export { ColorSwatchesModule, SwatchesComponent } from './swatches.component';
4
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvc3dhdGNoZXMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IFN3YXRjaGVzQ29sb3JDb21wb25lbnQgfSBmcm9tICcuL3N3YXRjaGVzLWNvbG9yLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTd2F0Y2hlc0dyb3VwQ29tcG9uZW50IH0gZnJvbSAnLi9zd2F0Y2hlcy1ncm91cC5jb21wb25lbnQnO1xuZXhwb3J0IHsgQ29sb3JTd2F0Y2hlc01vZHVsZSwgU3dhdGNoZXNDb21wb25lbnQgfSBmcm9tICcuL3N3YXRjaGVzLmNvbXBvbmVudCc7XG4iXX0=
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dhdGNoZXMtY29sb3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9zd2F0Y2hlcy9zd2F0Y2hlcy1jb2xvci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sV0FBVyxDQUFDOzs7O0FBMkNoRCxNQUFNLE9BQU8sc0JBQXNCO0lBekNuQztRQTJDVyxVQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ2QsU0FBSSxHQUFHLEtBQUssQ0FBQztRQUVaLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ2xDLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUNsRCx3QkFBbUIsR0FBRyxtQkFBbUIsQ0FBQztRQUMxQyxlQUFVLEdBQTJCO1lBQ25DLEtBQUssRUFBRSxNQUFNO1lBQ2IsTUFBTSxFQUFFLE1BQU07WUFDZCxNQUFNLEVBQUUsU0FBUztZQUNqQixZQUFZLEVBQUUsS0FBSztTQUNwQixDQUFDO1FBQ0YsZUFBVSxHQUEyQixFQUFFLENBQUM7S0F3QnpDO0lBdEJDLFFBQVE7UUFDTixJQUFJLENBQUMsVUFBVSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQ3hDLElBQUksQ0FBQyxVQUFVLENBQUMsU0FBUyxHQUFHLFdBQVcsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ3BELElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNkLElBQUksQ0FBQyxVQUFVLENBQUMsWUFBWSxHQUFHLGFBQWEsQ0FBQztTQUM5QztRQUNELElBQUksSUFBSSxDQUFDLElBQUksRUFBRTtZQUNiLElBQUksQ0FBQyxVQUFVLENBQUMsWUFBWSxHQUFHLGFBQWEsQ0FBQztTQUM5QztRQUNELElBQUksSUFBSSxDQUFDLEtBQUssS0FBSyxTQUFTLEVBQUU7WUFDNUIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxTQUFTLEdBQUcsc0JBQXNCLENBQUM7U0FDcEQ7SUFDSCxDQUFDO0lBQ0QsV0FBVyxDQUFDLE1BQU07UUFDaEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUM7WUFDaEIsSUFBSSxFQUFFO2dCQUNKLEdBQUcsRUFBRSxJQUFJLENBQUMsS0FBSztnQkFDZixNQUFNLEVBQUUsS0FBSzthQUNkO1lBQ0QsTUFBTTtTQUNQLENBQUMsQ0FBQztJQUNMLENBQUM7O21IQXJDVSxzQkFBc0I7dUdBQXRCLHNCQUFzQix5TUF2Q3ZCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQlQ7MkZBa0JVLHNCQUFzQjtrQkF6Q2xDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHNCQUFzQjtvQkFDaEMsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FxQlQ7b0JBQ0QsTUFBTSxFQUFFO3dCQUNOOzs7Ozs7Ozs7OztLQVdDO3FCQUNGO29CQUNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxtQkFBbUIsRUFBRSxLQUFLO2lCQUMzQjs4QkFFVSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBnZXRDb250cmFzdGluZ0NvbG9yIH0gZnJvbSAnbmd4LWNvbG9yJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY29sb3Itc3dhdGNoZXMtY29sb3InLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxjb2xvci1zd2F0Y2hcbiAgICAgIFtjb2xvcl09XCJjb2xvclwiXG4gICAgICBbc3R5bGVdPVwiY29sb3JTdHlsZVwiXG4gICAgICBbZm9jdXNTdHlsZV09XCJmb2N1c1N0eWxlXCJcbiAgICAgIFtjbGFzcy5maXJzdF09XCJmaXJzdFwiXG4gICAgICBbY2xhc3MubGFzdF09XCJsYXN0XCJcbiAgICAgIChjbGljayk9XCJoYW5kbGVDbGljaygkZXZlbnQpXCJcbiAgICAgIChrZXlkb3duLmVudGVyKT1cImhhbmRsZUNsaWNrKCRldmVudClcIlxuICAgICAgKG9uSG92ZXIpPVwib25Td2F0Y2hIb3Zlci5lbWl0KCRldmVudClcIlxuICAgID5cbiAgICAgIDxkaXYgY2xhc3M9XCJzd2F0Y2gtY2hlY2tcIiAqbmdJZj1cImFjdGl2ZVwiIFtjbGFzcy5maXJzdF09XCJmaXJzdFwiIFtjbGFzcy5sYXN0XT1cImxhc3RcIj5cbiAgICAgICAgPHN2Z1xuICAgICAgICAgIHN0eWxlPVwid2lkdGg6IDI0cHg7IGhlaWdodDogMjRweDtcIlxuICAgICAgICAgIHZpZXdCb3g9XCIwIDAgMjQgMjRcIlxuICAgICAgICAgIFtzdHlsZS5maWxsXT1cImdldENvbnRyYXN0aW5nQ29sb3IoY29sb3IpXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxwYXRoIGQ9XCJNMjEsN0w5LDE5TDMuNSwxMy41TDQuOTEsMTIuMDlMOSwxNi4xN0wxOS41OSw1LjU5TDIxLDdaXCIgLz5cbiAgICAgICAgPC9zdmc+XG4gICAgICA8L2Rpdj5cbiAgICA8L2NvbG9yLXN3YXRjaD5cbiAgYCxcbiAgc3R5bGVzOiBbXG4gICAgYFxuICAgICAgLnN3YXRjaGVzLWdyb3VwIHtcbiAgICAgICAgcGFkZGluZy1ib3R0b206IDEwcHg7XG4gICAgICAgIHdpZHRoOiA0MHB4O1xuICAgICAgICBmbG9hdDogbGVmdDtcbiAgICAgICAgbWFyZ2luLXJpZ2h0OiAxMHB4O1xuICAgICAgfVxuICAgICAgLnN3YXRjaC1jaGVjayB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiA4cHg7XG4gICAgICB9XG4gICAgYCxcbiAgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByZXNlcnZlV2hpdGVzcGFjZXM6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBTd2F0Y2hlc0NvbG9yQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgY29sb3IhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGZpcnN0ID0gZmFsc2U7XG4gIEBJbnB1dCgpIGxhc3QgPSBmYWxzZTtcbiAgQElucHV0KCkgYWN0aXZlITogYm9vbGVhbjtcbiAgQE91dHB1dCgpIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQE91dHB1dCgpIG9uU3dhdGNoSG92ZXIgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgZ2V0Q29udHJhc3RpbmdDb2xvciA9IGdldENvbnRyYXN0aW5nQ29sb3I7XG4gIGNvbG9yU3R5bGU6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPSB7XG4gICAgd2lkdGg6ICc0MHB4JyxcbiAgICBoZWlnaHQ6ICcyNHB4JyxcbiAgICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgICBtYXJnaW5Cb3R0b206ICcxcHgnLFxuICB9O1xuICBmb2N1c1N0eWxlOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+ID0ge307XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5jb2xvclN0eWxlLmJhY2tncm91bmQgPSB0aGlzLmNvbG9yO1xuICAgIHRoaXMuZm9jdXNTdHlsZS5ib3hTaGFkb3cgPSBgMCAwIDRweCAke3RoaXMuY29sb3J9YDtcbiAgICBpZiAodGhpcy5maXJzdCkge1xuICAgICAgdGhpcy5jb2xvclN0eWxlLmJvcmRlclJhZGl1cyA9ICcycHggMnB4IDAgMCc7XG4gICAgfVxuICAgIGlmICh0aGlzLmxhc3QpIHtcbiAgICAgIHRoaXMuY29sb3JTdHlsZS5ib3JkZXJSYWRpdXMgPSAnMCAwIDJweCAycHgnO1xuICAgIH1cbiAgICBpZiAodGhpcy5jb2xvciA9PT0gJyNGRkZGRkYnKSB7XG4gICAgICB0aGlzLmNvbG9yU3R5bGUuYm94U2hhZG93ID0gJ2luc2V0IDAgMCAwIDFweCAjZGRkJztcbiAgICB9XG4gIH1cbiAgaGFuZGxlQ2xpY2soJGV2ZW50KSB7XG4gICAgdGhpcy5vbkNsaWNrLmVtaXQoe1xuICAgICAgZGF0YToge1xuICAgICAgICBoZXg6IHRoaXMuY29sb3IsXG4gICAgICAgIHNvdXJjZTogJ2hleCcsXG4gICAgICB9LFxuICAgICAgJGV2ZW50LFxuICAgIH0pO1xuICB9XG59XG4iXX0=
@@ -1,64 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "./swatches-color.component";
4
- import * as i2 from "@angular/common";
5
- export class SwatchesGroupComponent {
6
- constructor() {
7
- this.onClick = new EventEmitter();
8
- this.onSwatchHover = new EventEmitter();
9
- }
10
- }
11
- SwatchesGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SwatchesGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
12
- SwatchesGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: SwatchesGroupComponent, selector: "color-swatches-group", inputs: { group: "group", active: "active" }, outputs: { onClick: "onClick", onSwatchHover: "onSwatchHover" }, ngImport: i0, template: `
13
- <div class="swatches-group">
14
- <color-swatches-color
15
- *ngFor="let color of group; let idx = index"
16
- [active]="color.toLowerCase() === active"
17
- [color]="color"
18
- [first]="idx === 0"
19
- [last]="idx === group.length - 1"
20
- (onClick)="onClick.emit($event)"
21
- >
22
- </color-swatches-color>
23
- </div>
24
- `, isInline: true, styles: [".swatches-group{padding-bottom:10px;width:40px;float:left;margin-right:10px}\n"], components: [{ type: i1.SwatchesColorComponent, selector: "color-swatches-color", inputs: ["color", "first", "last", "active"], outputs: ["onClick", "onSwatchHover"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
25
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SwatchesGroupComponent, decorators: [{
26
- type: Component,
27
- args: [{
28
- selector: 'color-swatches-group',
29
- template: `
30
- <div class="swatches-group">
31
- <color-swatches-color
32
- *ngFor="let color of group; let idx = index"
33
- [active]="color.toLowerCase() === active"
34
- [color]="color"
35
- [first]="idx === 0"
36
- [last]="idx === group.length - 1"
37
- (onClick)="onClick.emit($event)"
38
- >
39
- </color-swatches-color>
40
- </div>
41
- `,
42
- styles: [
43
- `
44
- .swatches-group {
45
- padding-bottom: 10px;
46
- width: 40px;
47
- float: left;
48
- margin-right: 10px;
49
- }
50
- `,
51
- ],
52
- changeDetection: ChangeDetectionStrategy.OnPush,
53
- preserveWhitespaces: false,
54
- }]
55
- }], propDecorators: { group: [{
56
- type: Input
57
- }], active: [{
58
- type: Input
59
- }], onClick: [{
60
- type: Output
61
- }], onSwatchHover: [{
62
- type: Output
63
- }] } });
64
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dhdGNoZXMtZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9zd2F0Y2hlcy9zd2F0Y2hlcy1ncm91cC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQThCaEcsTUFBTSxPQUFPLHNCQUFzQjtJQTVCbkM7UUErQlksWUFBTyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDbEMsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0tBQ25EOzttSEFMWSxzQkFBc0I7dUdBQXRCLHNCQUFzQiwyS0ExQnZCOzs7Ozs7Ozs7Ozs7R0FZVDsyRkFjVSxzQkFBc0I7a0JBNUJsQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxzQkFBc0I7b0JBQ2hDLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7O0dBWVQ7b0JBQ0QsTUFBTSxFQUFFO3dCQUNOOzs7Ozs7O0tBT0M7cUJBQ0Y7b0JBQ0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLG1CQUFtQixFQUFFLEtBQUs7aUJBQzNCOzhCQUVVLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NvbG9yLXN3YXRjaGVzLWdyb3VwJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwic3dhdGNoZXMtZ3JvdXBcIj5cbiAgICAgIDxjb2xvci1zd2F0Y2hlcy1jb2xvclxuICAgICAgICAqbmdGb3I9XCJsZXQgY29sb3Igb2YgZ3JvdXA7IGxldCBpZHggPSBpbmRleFwiXG4gICAgICAgIFthY3RpdmVdPVwiY29sb3IudG9Mb3dlckNhc2UoKSA9PT0gYWN0aXZlXCJcbiAgICAgICAgW2NvbG9yXT1cImNvbG9yXCJcbiAgICAgICAgW2ZpcnN0XT1cImlkeCA9PT0gMFwiXG4gICAgICAgIFtsYXN0XT1cImlkeCA9PT0gZ3JvdXAubGVuZ3RoIC0gMVwiXG4gICAgICAgIChvbkNsaWNrKT1cIm9uQ2xpY2suZW1pdCgkZXZlbnQpXCJcbiAgICAgID5cbiAgICAgIDwvY29sb3Itc3dhdGNoZXMtY29sb3I+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICAgIC5zd2F0Y2hlcy1ncm91cCB7XG4gICAgICAgIHBhZGRpbmctYm90dG9tOiAxMHB4O1xuICAgICAgICB3aWR0aDogNDBweDtcbiAgICAgICAgZmxvYXQ6IGxlZnQ7XG4gICAgICAgIG1hcmdpbi1yaWdodDogMTBweDtcbiAgICAgIH1cbiAgICBgLFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIFN3YXRjaGVzR3JvdXBDb21wb25lbnQge1xuICBASW5wdXQoKSBncm91cCE6IHN0cmluZ1tdO1xuICBASW5wdXQoKSBhY3RpdmUhOiBzdHJpbmc7XG4gIEBPdXRwdXQoKSBvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBPdXRwdXQoKSBvblN3YXRjaEhvdmVyID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG59XG4iXX0=